@charset "utf-8";

@media all and (max-width:1400px)
{
/*
	#hnb ul.list, .header_top {width:100%;}
	*/
}

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

	/*header*/
	#header{ height:70px; }
    .header_top{width:100%; height:0; background:none; min-width: 100%; }
    .header_top .logo{left:15px; top:8px;}
    .header_top .util{display:none}
	#hnb{display: none;}
#gnb{display:none;}    

	
#hnb {display:flex; justify-content: flex-end; margin:0 auto; position:absolute; top:12px; right:110px ; width:auto; }
#hnb .select_lang { }
#hnb .select_lang ul { display:flex; justify-content:center;   justify-content: flex-start;}
#hnb ul.list span { display:none; }
#hnb ul.list{ }

	.allsch .allsch_toggle{height:70px; width: 70px;right:-10px}
	.ai_serach {top:10px; right:170px}
	
	.gnb_box{display:none}

	.allmenu .allmenu_toggle {margin-right:15px}
	
	#allmenu_layer .allmenu_inner {padding:0 0}
#allmenu_layer:before{content:'';position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);}	
#allmenu_layer .allmenu_inner{width:100%;  background: #fff; }
.mob_menuLogin{background: #101C34; height: 60px; display: block;}
.mob_menuLogin ul {display:flex}
.mob_menuLogin li{width:45%; text-align: center; line-height: 60px;}
.mob_menuLogin li:first-child{border-right:1px solid #18344c}
.mob_menuLogin li a{color:var(--color-white)}


.container .allmenu_box {min-width:auto}
 .allmenu_box_wrap .container .allmenu_box{padding:0;/* margin-bottom: 15px; */ display: flex}
 .allmenu_box_wrap .container .allmenu_box span.dep01 {position:relative; float: left; width: 35%; padding-left: 15px;padding-right: 15px;  font-size: 1.0rem; top:0; border-top:1px solid #4a98d9;}
.container .allmenu_box span.dep01 {padding-bottom:25px;}
 .allmenu_box_wrap .container .allmenu_box ul.dep02_ul { ;top:0; float: left; width: 65%; left:0; border-top:1px solid #ccc}

 .allmenu_box_wrap .container .allmenu_box ul.dep03_ul.hide {display:none}
 .allmenu_box_wrap .container .allmenu_box ul.dep02_ul > li {width:100%; display: block;border-bottom:1px dashed #ccc; }
 /*.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; padding: 8px}
.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}
	.m_pl{ position:absolute; right:35px; top:5px ; width: 15px;;height: 15px;background: url('../_image/common/menu_plus.png') no-repeat center center;display: inline-block;margin-left: 10px;}
	

 .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 ul.dep02_ul > li { }	
	.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;}
	.container .allmenu_box {border-top:0}
	#allmenu_layer .allmenu .allmenu_close {border:1px solid #23375e; }
	#allmenu_layer .allmenu .allmenu_close:before, #allmenu_layer .allmenu .allmenu_close:after {background:#fff;}
	.allmenu_box_wrap .container .allmenu_box span.dep01 {color:#fff;background: #3c85c2}
	#allmenu_layer .allmenu_inner { margin-top: -10px;}
	.allmenu_tit{display:none}
	
	
	.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:0.875rem}
	
	.h_300{min-height:auto !important}
	#allmenu_layer .allmenu .allmenu_close {right:1px; top:1px}
	
	.total-search-form {width:90%}
	
	
	/*footer*/
	 #footer {padding:0 10px;}
	 #footer .footer_link .link_inner{width:100%; }
    #footer .footer_link .admin_login{display:none}
    #footer .footer_inner{width:100%; }
	
	
	
}


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

	
	
}



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

	#header {height: 60px;}
	
	.header_top .logo a{width: 150px;}
	.header_top .logo a img {}
	.allmenu .allmenu_toggle {width:40px; height: 40px;}
	.allmenu .allmenu_toggle strong {top: 25px;left: 55%;}
	.allmenu .allmenu_toggle:before, .allmenu .allmenu_toggle:after {left:55%}
	.allmenu .allmenu_toggle:before, .allmenu .allmenu_toggle:after {width:25px}
	.allmenu .allmenu_toggle:after {bottom:18px}
	.allmenu .allmenu_toggle:before {top:10px}
	.allmenu .allmenu_toggle:hover strong {width:28px}
	
	.related {top:10px; width:100%}
	.related ul{width:100%}

	#footer .footer_inner{padding-top:40px}
	#footer .footer_inner .link_service li:after {height: 8px; top:8px}
		
#hnb {right:60px  }
#hnb .select_lang { }
#hnb .select_lang ul { display:flex; justify-content:center;   justify-content: flex-start;}
#hnb ul.list { display:none; }
	
}



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


	
	

	#allsch_layer {position:relative; width: 100%; right:-80px;}
	#allsch_layer .search {width:100%; right:-80px}
	
	.drop_open {display:block; width: 100%;left:0% }
	.location-dep3 .loca_dep3_nav>ul>li{height:40px;}
	.location-dep3 .loca_dep3_nav>ul>li>a { line-height: 40px;}
	.location-dep3 .loca_dep3_nav>ul>li:after{height:39px}
	.custom button {line-height: 40px;height:40px;  }
	.drop_open{top:40px}
	.data_select ul li .drop_open ul li a {font-size:.98rem; line-height: 40px}
	
	.footer_logo img { height:46px}
	
	
	.btn_area{padding:0px 15px 0px 15px; }
	
	
   
}





@media all and (max-width:440px)
{   
	
	
	
	
	.allsch .allsch_toggle {wdith:65px; height: 65px; background-size: 28px 28px; right:-10px}
	 .total-search-form input[type=text] {width: calc(100% - 0em) ; margin-bottom: 5px;}
	
}


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

}


/*부트스트랩*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9,
.col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {position: relative;min-height: 1px;padding-right: .75rem;padding-left: .75rem;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {float: left;}
.col-xs-12 {width: 100%;}.col-xs-11 {width: 91.66666667%;}.col-xs-10 {width: 83.33333333%;}.col-xs-9 {width: 75%;}.col-xs-8 {width: 66.66666667%;}.col-xs-7 {width: 58.33333333%;}.col-xs-6 {width: 50%;}.col-xs-5 {width: 41.66666667%;}.col-xs-4 {width: 33.33333333%;}.col-xs-3 {width: 25%;}.col-xs-2 {width: 16.66666667%;}.col-xs-1 {width: 8.33333333%;}

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
  .col-lg-12 {width: 100%; }  .col-lg-11 { width: 91.66666667%;}  .col-lg-10 { width: 83.33333333%;}  .col-lg-9 { width: 75%;}  .col-lg-8 { width: 66.66666667%;}  .col-lg-7 { width: 58.33333333%;}  .col-lg-6 { width: 50%;}  .col-lg-5 { width: 41.66666667%;}  .col-lg-4 { width: 33.33333333%;}  .col-lg-3 { width: 25%;}  .col-lg-2 { width: 16.66666667%;}  .col-lg-1 { width: 8.33333333%;}
}


@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
  .col-md-12 { width: 100%; }  .col-md-11 { width: 91.66666667%; }  .col-md-10 { width: 83.33333333%; }  .col-md-9 { width: 75%;}
  .col-md-8 { width: 66.66666667%; }  .col-md-7 { width: 58.33333333%; }  .col-md-6 { width: 50%;}  .col-md-5 { width: 41.66666667%; }  .col-md-4 { width: 33.33333333%; }  .col-md-3 { width: 25%; }  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; }
}

@media all and (max-width:768)
{
 .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
  .col-sm-12 { width: 100%; }  .col-sm-11 { width: 91.66666667%; }  .col-sm-10 { width: 83.33333333%; }  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }  .col-sm-7 { width: 58.33333333%; }  .col-sm-6 { width: 50%; }  .col-sm-5 { width: 41.66666667%; }  .col-sm-4 {width: 33.33333333%;}  .col-sm-3 { width: 25%; }  .col-sm-2 { width: 16.66666667%; }  .col-sm-1 { width: 8.33333333%;}	
}