@charset "utf-8";

@media all and (max-width:1600px)
{
    .gnb_ul>li {width:12%}
}

@media all and (max-width:1400px)
{
    .gnb_ul {text-align: left; width: 55%;}
    .gnb_ul>li{width: auto !important;}
    .gnb_ul>li>a {font-size: 17px; }
    .header_wrap > .util_top {width:280px; right: 0;}
    .custom button span{padding-right: 15px;}
    .custom button{font-size: 16px;;}
    #wrap {width:100%; min-width: 340px;}

    .side-m {right:1%; top:5%;}
    .side-m > ul > a > li em {display: none;}
    .side-m > ul > a > li {min-width: 60px; height: 60px; transition:all .20s cubic-bezier(0.7, 0, 0.3, 1); }
    .side-m > ul > a > li.history, .side-m > ul > a > li.Recommendation{background-position: center center;}


    .footer_wrap, .copy_line ul{width:100%;}
}



@media all and (max-width:1280px)
{
    header .btn_set button.btn_search {width:45px; height: 45px; background-position: center center;}
    .header_wrap > .util_top {display: none;}
    header .btn_set button.btn_search em {display: none;}
	header .gnb {display: none;}
	#header{ height:80px; /* box-shadow: 0 10px 10px -8px rgba(0,0,0,0.2);*/ border-bottom:1px solid #ccc}
    header .inhead .logo {left:43%; top:15px}

    /* .top_h {display: none;} */
    .top_h {    padding: 5px 2%;        text-align: right; position: absolute; background: none; top:23px;  right: 55px    }
 	.language ul li a.help {display: none;}
 	.logo img {height:50%}  
    #wrap header .area_search {top:0}

#allmenu_layer {height: auto; display: block; position:relative}
#allmenu_layer .allmenu_inner{width:100%;  background: #fff; padding: 60px 0 0 0; margin-top: -7px;}

#allmenu_layer .allmenu:after{position: fixed;    content: '';    top: 0px;    width: 100%;    height: 100vh;    left: 0px;    right: 0px;    z-index: -1;    background: rgba(61,61,61,0.5);}
.allmenu{right:0}
#allmenu_layer .allmenu .allmenu_close{right:0%;top:0px;}
#allmenu_layer .allmenu_close:after{bottom: 28px;}
.allmenu{ top:7px;  }

.container .allmenu_box {min-width:auto}
 .allmenu_box_wrap .container .allmenu_box{padding:0; width: 100%; float:none; height: auto; background: #f57921;}
 .allmenu_box_wrap .container .allmenu_box span.dep01 {position:absolute}
 .allmenu_box_wrap .container .allmenu_box span.dep01 {width:100%; font-size: 22px;}
 .allmenu_box_wrap .container .allmenu_box ul.dep02_ul { top:0}
 .allmenu_box_wrap .container .allmenu_box ul.dep03_ul.hide {display:none}
 .allmenu_box_wrap .container .allmenu_box ul.dep02_ul > li {width:95%; display: block;border-bottom:1px dashed #c1cdd6; }
 .allmenu_box_wrap .container .allmenu_box ul.dep02_ul > li:first-child{margin-top:20px;}
 .allmenu_box_wrap .container .allmenu_box ul.dep02_ul > li > ul.dep03_ul {min-height:auto;background: #f2f2f2;}
 .allmenu_box_wrap .container .allmenu_box ul.dep02_ul > li > a {border:0; text-align: left;font-size: .98rem}
.allmenu_box_wrap .container .allmenu_box ul.dep02_ul > li:last-child{border-bottom:0}
	

 .allmenu_box_wrap .container .allmenu_box ul.dep02_ul > li > a {position:relative}
 .allmenu_box_wrap .container .allmenu_box ul.dep02_ul > li {padding-bottom:0px;}
 .allmenu_box_wrap .container .allmenu_box ul.dep02_ul > li > ul.dep03_ul > li{margin:0}
 .allmenu_box_wrap .container .allmenu_box ul.dep02_ul > li > ul.dep03_ul{padding-bottom:15px;}
 .allmenu_box_wrap .container .allmenu_box ul.dep02_ul > li > ul.dep03_ul > li{margin: 0px 0px 5px 0px;}
 .allmenu_box_wrap .container .allmenu_box ul.dep02_ul > li > ul.dep03_ul > li > ul.dep04_ul {margin: 0px 0px 0px;}
	
 .allmenu_box_wrap  .container .allmenu_box span.dep01 {position:relative;  background: none; width: 35%; display: inline-block;font-size:  1.7em;  height: 100%;border-top:1px solid #f59f62}
 .allmenu_box_wrap  .container .allmenu_box ul.dep02_ul {left:35%;width: 65%;margin-top: -86px;background: #fff;}
	
	.container .allmenu_box {margin:0 0 0 }
	.container .allmenu_box ul.dep02_ul > li > a {background:none}
 .allmenu_box_wrap .container .allmenu_box ul.dep02_ul > li > a, .container .allmenu_box ul.dep02_ul > li > ul.dep03_ul > li > a, .container .allmenu_box ul.dep02_ul > li > ul.dep03_ul > li > a:hover{color: #000;}


	.allmenu_box_wrap .container .allmenu_box span.dep01 {color:#fff;}

	.allmenu_tit{display:none}
	.allmenu .allmenu_toggle {width:70px; height: 70px;}
	.logo img {height:60%}
	.allmenu .allmenu_toggle strong {top:31px; left:40%;}
	.allmenu .allmenu_toggle:before, .allmenu .allmenu_toggle:after{left:40%;}
	.container .allmenu_box ul.dep02_ul > li > ul.dep03_ul > li > a, .container .allmenu_box ul.dep02_ul > li > ul.dep03_ul > li > ul.dep04_ul > li > a {font-size:.88rem}

    #allmenu_layer .allmenu .allmenu_close {border:#ccc;  background: #fff; }

    .util_allmenu {display:block; position:absolute; top:18px; left: 15px;  }
	.util_allmenu ul li {border:1px solid #e8e8e8; border-radius: 15px; padding: 3px 15px; display:inline-block; margin-right: 5px; background: #e8e8e8;}
	.util_allmenu ul li >a {color:#000; font-size: 14px;}	
    .util_allmenu ul li >a:hover{text-decoration: underline;}

    header .area_search {min-width: 100%;}
    header .main_search a.search_close{right:2%; top:3%}
    header .area_search .area_search_wrap {min-width: 100%;}
    header .area_search .area_search_wrap .container {width: 80%;}
    header .area_search .area_search_wrap .container .search_wrap{margin-top: 80px;}

    .f_banner{display: none;}

    .music_playbox .play_Area .music_tit > dl > dd, .music_playbox .play_Area .music_tit span, .music_playbox .play_Area .player_volume {display: none;}
	.music_playbox .play_Area .player_controller {width:80%}

    .sidebar {display: none;}
    .page_top{bottom:5%; right:-40px}
}



@media all and (max-width:1000px)
{
   

}


@media all and (max-width:800px)
{
    .copy_line {height: auto;}	
	
}


@media all and (max-width:680px)
{
    header .inhead .logo {left:2%}  
    .sub_contents h1 {font-size: 1.5rem;} .path {font-size: 1rem;}
    .faceted > h3 {font-size:1.2rem}
    .copy_logo{display: none;}
    .footer_wrap{padding-left: 10px; padding-right: 10px; font-size: .92em;}
    .footer_wrap .adress {font-size: 13px;}
    .my_select > dl > dt {font-size: 1.2rem;}

    .allmenu_box_wrap .container .allmenu_box span.dep01 {font-size:1.2em}
	
}



@media all and (max-width:640px)
{   
  
    header .area_search .area_search_wrap .container {width: 90%; }  
    .side-m {right:1%; top:5%;}
    .side-m > ul > a > li {min-width: 50px; width: 50px;; height: 50px; background-size: 80%; padding: 0;  }
	
}



@media all and (max-width:440px)
{   
    header .area_search .area_search_wrap .container .search_wrap input.search_top {font-size: 1.3em;}
    header .top_condition dl > dt label{font-size: .98em;}
    header .recommend_search > h3 {font-size: .8em;}
    header .recommend_search > ul > li{font-size: .7em;}
    header .top_condition dl{display: block;}
    header .top_condition dl > dt{margin-bottom: 10px;}
    header .top_condition dl > dt, header .top_condition dl > dd {width:100%; text-align: left;;}	

    
    .music_playbox .play_Area .player_controller ul li {margin:0;}
    .music_playbox .play_Area .player_controller ul li button {width:40px}

    .location ul li.h {width:55px}
    .path {text-align: left;}
	
}


@media all and (max-width:340px)
{
  
}