@charset "UTF-8";

/* Common. Column Grid 1200px - 1599px (Site Default 1200px)
----------------------------------------------------------------------------- */
.container{position:relative;margin:0 auto;width:100%;*min-width:1400px;max-width:1400px;transition:all .3s ease}
.container.expn{*min-width:1600px;max-width:100%}
.container:after{content:"";display:block;clear:both}
/* 1. 1 Column Grid 0px - 399px
----------------------------------------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 399px){
	.container{width:100%;min-width:auto;max-width:399px;}
}

/* 2. 1 Column Grid 400px - 767px
----------------------------------------------------------------------------- */
@media screen and (min-width: 400px) and (max-width: 767px){
	.container{width:100%;min-width:auto;max-width:767px;}
}

/* 2. 2 Column Grid Infinity - 767px
----------------------------------------------------------------------------- */
@media screen and (min-width: 767px){
}
@media screen and (max-width: 766px){
	#side-wrap .subMenu .subNavi-wrap{display:block;}
	#side-wrap .subMenu .subMenu-wrap{visibility:hidden;height:0;top:-1000px;}

	/* footer */
	#footer-wrap .finfo-wrap .address a{display:block;}
	#footer-wrap .finfo-wrap .address br{display:none;}
	#footer-wrap .fserv-wrap .finfo-l-quick{height:auto;}
	#footer-wrap .fserv-wrap .finfo-l-quick ul li{width:50%}
	#footer-wrap .fserv-wrap .finfo-l-quick ul li:nth-child(2n) /* , #footer-wrap .fserv-wrap .finfo-l-quick ul li:nth-child(3n) */{border-left:1px solid #2c394a;}
	#footer-wrap .fserv-wrap .finfo-l-quick ul li:nth-child(3n), #footer-wrap .fserv-wrap .finfo-l-quick ul li:nth-child(n){border-top: 1px solid #2c394a;} 
	#footer-wrap .fserv-wrap .finfo-l-quick ul li a{font-size: 90%;}
	#footer-wrap .fserv-wrap .finfo-r-sns{display:none;}
	#footer-wrap .fserv-wrap .finfo-r-site{width:100%;}
	#footer-wrap .fserv-wrap .finfo-r-site .fsitelink dd{border-width:1px 0;}
	#footer-wrap .finfo-wrap .finfo-r{display:none;}
	#container-wrap .cont-top h2, #container-wrap .sub_tit, .finfo-wrap{display:none;}
	#container-wrap .cont-top p{margin-top:10px;}
}

/* 3. 1 Column Grid 768px - 1024px
----------------------------------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1024px){
	#header{border-bottom: 1px solid #e5e7ee;}
	.container{width:100%;min-width:auto;max-width:1024px;}

	/* footer */
	#footer-wrap .fserv-wrap .finfo-l-quick ul li{width:25%;border-left:1px solid #2c394a;}
	#footer-wrap .fserv-wrap .finfo-l-quick ul li:first-child{border-left:none;}
	#footer-wrap .fserv-wrap .finfo-r-site .fsitelink dd{border-right:none;}
	#footer-wrap .fserv-wrap .finfo-r-sns, #footer-wrap .fserv-wrap .finfo-r-site{width:100%}
}

/* 3. 2 Column Grid Infinity - 1024px
----------------------------------------------------------------------------- */
@media screen and (min-width: 1024px){
	#top-wrap #util-btn-wrap .bt-mnctrs-wr{display:none;}
	
}
@media screen and (max-width: 1023px){
	#container-wrap .cont-top{margin-top: .5em;}
	#container-wrap .cont-top h2 .h2-box{height:60px;line-height:60px;font-size:1.5em;}
	#container-wrap .cont-top p{font-size:.95em;}


	/* #util-btn-wrap .bt-login-wr{display: none;} */
	#util-btn-wrap .bt-login-wr a{width:50px;height:69px; font-size: 0; line-height: 0;}
	#util-btn-wrap .bt-login-wr a span, #util-btn-wrap .bt-search-wr a span{top: 21px; right: 10px; width: 24px; height: 24px; border: none; border-radius: 0;}
	#util-btn-wrap .bt-login-wr a span.t-login{background:url(../../images/common/icon/ic_login_m.png) no-repeat center; text-indent: 0; background-size: 24px;}
	#util-btn-wrap .bt-login-wr a:hover span.t-login,
	#util-btn-wrap .bt-login-wr a:active span.t-login,
	#util-btn-wrap .bt-login-wr a:focus span.t-login{background:url(../../images/common/icon/ic_login_on_m.png) no-repeat center; text-indent: 0; background-size: 24px;}

	#util-btn-wrap .bt-login-wr a span.t-prfl{background:url(../../images/common/icon/ic_login_m.png) no-repeat center; text-indent: 0; background-size: 24px;}
	#util-btn-wrap .bt-login-wr a:hover span.t-prfl,
	#util-btn-wrap .bt-login-wr a:active span.t-prfl,
	#util-btn-wrap .bt-login-wr a:focus span.t-prfl{background:url(../../images/common/icon/ic_login_on_m.png) no-repeat center; text-indent: 0; background-size: 24px;}

	#container-wrap .container{margin-right:auto;margin-left:auto;padding-left:10px;padding-right:10px;}
	#container-wrap #contents{margin:10px 0 50px 0;}
	#top-wrap #util-btn-wrap .bt-sitemap-wr{display: none}
	#util-btn-wrap .bt-search-wr a span{top: 22px;}

	#top-wrap #global{display:none;}
	#top-wrap #util-btn-wrap{display:block;height: 69px;}
	#util-btn-wrap .bt-login-wr, #util-btn-wrap .bt-search-wr{height:69px; width: 50px;}
	#top-wrap #header-wrap, #top-wrap #header #mainNavi-wrap #mainNavi{height:69px;}
	#top-wrap #header #mainNavi-wrap{height:69px !important;}
	#top-wrap #header-wrap .mn-bg{display:none;top:90px}
	#top-wrap #header-wrap .mn-bar{display:none;}
	#top-wrap #header-wrap #header #logo{top:41px;left:10px;transition:left .3s ease}
	#top-wrap #header-wrap #header #logo h1 a{height:25px;line-height:normal;}
	#top-wrap #header-wrap #header #logo h1 a img{height:100%;}
	#top-wrap #header-wrap #header #mainNavi-wrap{overflow:visible;}
	#top-wrap #header-wrap #header #mainNavi-wrap #mainNavi{position:fixed;transition:right 0.3s ease;z-index:3000;right:-200px;top:0px;width:200px;height:100%;background:#fff;overflow-y:auto;overflow-x:hidden}/* overflow-y:scroll;overflow-x:hidden */
	#top-wrap #header-wrap #header #mainNavi-wrap #mainNavi.mn-h-open{right:0;}

	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu{width:100%;display:block;position:relative;float:none;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu:after{display:block;content:"";clear:both;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li{float:left;line-height:1.3em;position:relative;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li.mn_l1{display:block;float:left;width:100%;border-bottom:1px solid #ebebeb;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li a{position:relative;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li a, #top-wrap #header #mainNavi-wrap #mainNavi .topmenu li span{white-space:nowrap;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li .mn_a1{position:relative;display:block;width:100%;background-color:#fff;padding:20px 0 !important}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li .mn_a1 span{display:block;padding:0;overflow:hidden;font-size:20px;letter-spacing:-1px;cursor:pointer;color:#333;line-height:100%;font-weight:normal}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li .mn_a1 .mn_s1{padding:0;background:none;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li .mn_a1 .mn_s1:after{display:none}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li .mn_a1 .blt{display:none !important;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu * span.is-ico{position:absolute;right:10px;top:0.8em;width:14px;height:14px;overflow:hidden;padding:0 !important;margin:0}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .over .mn_a1 span, #top-wrap #header #mainNavi-wrap #mainNavi .topmenu .mn_a1:hover span{color:#fff;}
	/*#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .over .mn_a1{background-color:#095aa1}*/
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .over .mn_a1 span{color:#005bcb !important}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .over .mn_a1 .mn_s1{color:#005bcb}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li .mn_a1:hover .mn_s1,
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li .mn_a1:focus .mn_s1,
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu li .mn_a1:active .mn_s1{color:#005bcb}
	#top-wrap #header #mainNavi-wrap #mainNavi .m-global{display:block;background:#014b99;/* height: 69px;  */overflow:hidden;border-bottom:1px solid #014b99;}
	#top-wrap #header #mainNavi-wrap #mainNavi .m-global .btxt{ font-weight:600;font-size:16px;color:#fff;text-align:center;display:block; line-height: 69px;}
	#top-wrap #header #mainNavi-wrap #mainNavi .m-global .stxt{ color:rgba(255,255,255,0.8);font-size:14px;text-align:center;display:block;margin-bottom:5px;}
	#top-wrap #header #mainNavi-wrap #mainNavi .m-global  a{ display:block;float:left;width:48%;line-height:34px;font-size:14px;color:#005bcb;text-align:center; background-color:#fff;border:1px solid #005bcb;}
	#top-wrap #header #mainNavi-wrap #mainNavi .m-global  a:hover,
	#top-wrap #header #mainNavi-wrap #mainNavi .m-global  a:active,
	#top-wrap #header #mainNavi-wrap #mainNavi .m-global  a:focus{color:#005bcb;background-color:#fff;border-color:#005bcb;}
	#top-wrap #header #mainNavi-wrap #mainNavi .m-global  a.c{float:none;width:auto}
	#top-wrap #header #mainNavi-wrap #mainNavi .m-global  a.mypage{float:right;background:#333;border:1px solid #111}

	/* depth2-wrap 위치 */
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap{display:none;position:relative;top:0;left:0;margin:0;padding:0;width:auto !important;height:auto;overflow:hidden;border:0;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap .first{border-top:0px solid #ddd;width:auto !important;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .over .depth2-wrap{height:auto;display:block;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap .depth2-tit{display:none;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap .depth2 .blt{display:none !important;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap .depth2{position:relative;width:100%;padding-top:0px;padding-bottom:0px;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap .depth2:after{clear:both;content:"";display:block}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap .depth2 li{width:100%;float:left;font-size:14px;line-height:1.3em;border-top:1px solid #d3d3d3;overflow:hidden;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap .depth2 li.first, #top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2 li:first-child{border-top:0;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap .depth2 a{display:block;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap .depth2 a.mn_a2{display:block;word-break:break-all;background:#ededed;padding:0}/* padding:0.8em 0 0.7em 0;*/
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap .depth2 .mn_a2 span.txt{padding:15px 0;text-align:center;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap .depth2 .mn_a2 span{font-weight:400;cursor:pointer;color:#666;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap .depth2 .over .mn_a2 span, #top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2 .mn_a2:hover span , #top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2 .over span{color:#005bcb}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap .depth2 .mn_a2:hover .blt{display:none;}

	/* depth3-wrap 위치 */
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap .depth3-wrap{padding:0;width:100%;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap .depth3-wrap .depth3{position:relative;width:100%;border-top:0px solid #bbb;background:#666;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap .depth3-wrap .depth3:after{clear:both;content:"";display:block}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap .depth3-wrap .depth3 li{width:100%;float:left;font-size:12px;color:#fff;line-height:1.3em;border-bottom:0px solid #384c64;border-top:0;overflow:hidden;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap .depth3-wrap .depth3 li.first{border-top:0;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap .depth3-wrap .depth2-wrap .depth3-wrap .depth3 a.mn_a3 span{display:block;padding:0.3em 17px 0.3em 23px;word-break:break-all;/* background:url(/_Img/Layout/lm_blt_dot.gif) no-repeat 15px 10px;*/}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap .depth3-wrap .depth3 a.mn_a3 span:before{content:""}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap .depth3-wrap .depth3 .mn_a3 span{font-weight:normal;cursor:pointer;color:#9c9c9c;}
	#top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth2-wrap .depth3-wrap .depth3 .mn_a3:hover span, #top-wrap #header #mainNavi-wrap #mainNavi .topmenu .depth3 .over span{font-weight:normal;color:#9c9c9c}

	/* sub visual */
	#svisual-wrap{height:230px;}
	#svisual-wrap .strip{height:170px;}
	#svisual-wrap #visImgWrap #visImg{height:370px;}
	.subMenu .lm-tit{top:190px;text-align: center}
	.subMenu .lm-tit .f1{padding-left: 0}

	/* sub menu */
	.subMenu .subMenu-wrap .cnavi-fix{position:relative !important;}

	/* footer */
	#footer-wrap .finfo-wrap .finfo-l-logo{display:none;}
	#footer-wrap .finfo-wrap .address,
	#footer-wrap .finfo-wrap .copyright{padding-left: 10px; /* text-align: center */}
	#footer-wrap .fserv-wrap .finfo-l-quick{width:100%;/* border-bottom:1px solid #3b3e40; */}
	#footer-wrap .fserv-wrap .finfo-l-quick ul li{background:none;text-align:center;}
	#footer-wrap .fserv-wrap .finfo-l-quick ul li a{padding:0;}
	#footer-wrap .fserv-wrap .finfo-r{float:none;clear:both;}
	#footer-wrap .fserv-wrap .finfo-l-quick ul, #footer-wrap .fserv-wrap .finfo-r-sns ul{float:none;}
	#footer-wrap .fserv-wrap .finfo-r-sns ul li{width:33.33333333%;background:none;border-left:1px solid #cdcdcd;text-align:center;}
	#footer-wrap .fserv-wrap .finfo-r-sns ul li:first-child{border-left:none;}
	#footer-wrap .fserv-wrap .finfo-r-sns ul li a{padding:0;}
	#footer-wrap .fserv-wrap .finfo-r-site .fsitelink dt a{width:100%;border:none;}
	#footer-wrap .fserv-wrap .finfo-r-site .fsitelink .isCloseBtn{border-right:none;}
	#footer-wrap .fin_ml{float: none}
	#footer-wrap .fin_mr{float: none;padding: 30px 0;text-align: center;}
	
	#util-btn-wrap .bt-login-wr a.mobile-dn{display: none;}

}

/* 4. 1 Column Grid 1025px - 1199px (Site Default 1200px : No Media Query)
----------------------------------------------------------------------------- */
@media screen and (min-width: 1025px) and (max-width: 1199px){
	.container{width:98%; margin: 0 auto; min-width:auto;max-width:1199px;}
	.subMenu #cont-navi .home{border-left:none;}
	.subMenu .cont-ctrl-btns .bt-print{border-right:none;}
	#footer-wrap .fserv-wrap .finfo-r-site .fsitelink dt a{border-right:none;}
	#footer-wrap .fserv-wrap .finfo-r-site .fsitelink dd,
	#footer-wrap .fserv-wrap .finfo-r-site .fsitelink .isCloseBtn{border-right:none;}
	#footer-wrap .fserv-wrap .finfo-l-quick ul li:first-child a{padding-left:20px;}

}
@media screen and (min-width: 1024px) and (max-width: 1199px){
	#util-btn-wrap .bt-login-wr, #util-btn-wrap .bt-search-wr{/* width:46px; */}
	#util-btn-wrap .bt-login-wr a, #util-btn-wrap .bt-search-wr a{width:46px;}
	#header #logo{top:39px; left: 10px;}
	#top-wrap #header-wrap #header #logo h1 a{}
	#top-wrap #header-wrap #header #logo h1 a img{display:none;}
	#top-wrap #header-wrap #header #logo h1 a img.logo-icon{display:block;}
	#header #mainNavi-wrap #mainNavi .topmenu li.mn_l1{width: 120px;} /*top추가*/
	#header #mainNavi-wrap #mainNavi .topmenu{margin-right: 110px;} /*top추가*/
}

/*top추가*/
@media screen and (min-width: 1200px) and (max-width: 1299px){
	#header #mainNavi-wrap #mainNavi .topmenu li.mn_l1{width: 140px;}
}
/* 4. 2 Column Grid Infinity - 1199px
----------------------------------------------------------------------------- */
@media screen and (min-width: 1199px){

}
@media screen and (max-width: 1198px){
	.quick-menu{display:none;}
	#footer-wrap .finfo-wrap .wa{display:none;}
}

@media screen and (min-width: 1200px) and (max-width: 1599px){

}

/* 5. 1 Column Grid 1600px - Infinity (Main only)
----------------------------------------------------------------------------- */
@media screen and (min-width: 1600px){
	/* .container{width:100%;min-width:auto;max-width:1600px;} */
	#top-wrap #util-btn-wrap .bt-mnctrs-wr{display:none;}
}