@charset "utf-8";


body #header .head_in h1 .svg_logo {max-height: 40px;}
body #header .head_in .mypage {top:25px !important;}
body #header .head_in .mypage:before {transform: translateY(-2px);}

body .with-global-icon select {color:#000 !important;padding-left:40px !important; margin-bottom:3px; background: url('/html/images/lang_global.png') no-repeat left 15px center / 18px, url('/theme/6/img/main/select_arrow.gif') no-repeat right 15px center !important;}

.globla_mobile {display:none; }

body .about_cont img,
body .contents_in img{ max-width:100% !important; height:auto !important;}

#footer { margin-bottom:-60px !important;}

@media (min-width: 1024px) {
	body #header .head_in {padding: 20px 20px 25px;}

}

@media (max-width:1024px) {
	#header .head_in h1 .svg_logo,
	.header h1 .svg_logo { max-height:35px !important;}

	.globla_mobile { position:absolute !important; right:20px; top:60px; width:150px;display:inline-block; background: #f5f5f5; border:1px #ddd solid; border-radius:5px !important; overflow:hidden;  padding:5px 8px;text-align:center; box-sizing:border-box;}
	.globla_mobile .with-global-icon { width:100%; }
	.globla_mobile .with-global-icon select {max-width:100% !important;margin:auto; padding:0px 20px 0px 34px !important;background: url('/html/images/lang_global.png') no-repeat left 10px center / 16px, url('/theme/6/img/main/select_arrow.gif') no-repeat right 10px center !important;}

}

@media (max-width:980px) {
	.stickyMenu { top: 270px !important; }

}

@media (max-width:680px) {
	#header .m_util {top:16px !important;}
	#header .head_in h1 .svg_logo,
	.header h1 .svg_logo {max-height:30px !important; }

	.globla_mobile { right:12px; top:43px; width:100px;padding:1px 0px 4px 0px;}
	.globla_mobile .with-global-icon select {font-size:11px; padding:0px 18px 0px 26px !important;background: url('/html/images/lang_global.png') no-repeat left 7px center / 13px, url('/theme/6/img/main/select_arrow.gif') no-repeat right 8px center  / 8px !important;}

	.img_banner_box .slick-dots {bottom: -5px !important;}

	body .lnb_depth,
	body .lnb_depth .lnb_cont { min-height:40px !important;}
	body .lnb_depth .lnb_cont {display: block ; }
	body .lnb_depth .prevArrow {height:100% !important;}
	body .lnb_depth .prevArrow::after {top:35% !important;}
	body .lnb_depth .prevArrow + .lnb_cont {width: calc(100% - 40px); margin-left: 40px;}

	#sub_banner h2 {top: 40% !important;}
	.stickyMenu { top: 165px !important; }
}