@charset "utf-8";
/* -------------------------------------------------------------------------------------------------- Tablet과 공통으로 적용되는 css */
/* progress fixed */
#progress.fixed {position: relative; top: 0;}
/* header */
#allMenuLayer {display: none !important;}

#_header {/*position: fixed;*/ top: 0; width: 100%;background-color: #fff;}
#_header.fixed {position: fixed;}
#mMenuOpen {display: block;}

#gnb_wrap {position: static;}
#gnb_wrap .w1720 {padding: 0;}
#gnb_wrap .mMenuClose {display: none;}

.utilWrap {right: 0;}
#_logo {left: 20px;}

/* topmenu */
#menuUItop {
	display: none; width: 100%; max-width: 730px; background: #00619a url('../images/m_nav_bg.png') left top no-repeat; 
	position: absolute; top: -45px; right: 0; z-index: 1;
	padding-top: 85px;
}
#menuUItop .ul_1 {display: block; text-align: left; padding-left: 35px; box-sizing: border-box;}
#menuUItop .ul_1 > .li_1 {display: block; width: 40%;}
#menuUItop .ul_1 > .li_1 .a_1 {width: 100%; color: #fff; font-size: 20px; text-align: left; padding: 11px 15px; font-weight: 300; margin-top: 3px;}
#menuUItop .ul_1 > .li_1.on .a_1,
#menuUItop .ul_1 > .li_1._active .a_1 {color: #222; background-color: #fff;}
#menuUItop .ul_1 > .li_1 .a_1._active {color: #222; background-color: #fff; border-bottom: 3px solid #1f1f1f;}
#menuUItop .ul_1 > .li_1._active .div_2 {display: block;}
#menuUItop .div_2 {
	display: none; width: 60%; position: absolute; top: 0; left: auto; right: 0; padding-left: 30px; box-sizing: border-box; background-color: #fff;
	height: 100% !important; overflow-y: auto;
	padding-top: 85px;
}
#menuUItop .div_2.on {display: block;}
#menuUItop .div_2 .li_2 .a_2 {position: relative; color: #505355; font-size: 18px; display: block; width: 100%; padding: 16px 60px 15px 20px; box-sizing: border-box; border-bottom: 1px solid #c5c5c5;}
#menuUItop .div_2 .li_2 .a_2._active {color: #046fd9;}
#menuUItop .div_2 .li_2._useChildDiv .a_2:after {
	content: ''; width: 19px; height: 19px; background: url('../images/m_a2_arrow.png') left top no-repeat;
	position: absolute; top: 23px; right: 25px;
}
#menuUItop .div_2 .li_2._useChildDiv .a_2.on:after {background-position: left -135px;}
#menuUItop .div_3 {display: none; box-sizing: border-box; border-bottom: 1px solid #c5c5c5;}
#menuUItop .div_3 .ul_3 {
	background-color: #f2f2f2; padding: 15px 25px 20px 5px; margin: 1px 0;
}
#menuUItop .div_2 .li_2 .a_2._active + .div_3 {display: block;}
#menuUItop .div_3 .li_3 .a_3 {display: inline-block; color: #505355; font-size: 16px; margin-left: 35px;}
#menuUItop .div_3 .li_3 .a_3._active:after {
	content: ''; display: block; width: 100%;; height: 1px; background-color: #fff; float: right;
}
/* header search */
#t_srch .infoArea ._slideWrap, #t_srch .infoArea ._ask {padding: 60px 50px;}
#t_srch .infoArea ._ask h3 {font-size: 22px}
#t_srch .infoArea ._ask a.askMore_btn {margin-top: 6px;}
#t_srch .infoArea ._ask ol,
#t_srch .infoArea ._ask ol a {font-size: 15px;}
@media all and (max-width: 786px) {
    #t_srch .srchArea {padding-bottom: 30px;}
    #t_srch .infoArea ._slideWrap, #t_srch .infoArea ._ask {float:none; width: 100%; padding: 30px 20px; text-align: center;}
	#t_srch ._slide {float: none; margin: 0 auto;}
	#t_srch .infoArea:before {width: 100%; height: 1px; left: 0; top: 55%}
}
/* topPop */
#topPopBtn {
	width: 38px; height: 30px; text-indent: -5000px;
	background: url('../images/m_topPopBtn.png') left top no-repeat;
	top: 10px; right: auto; left: 80px;
}
#topPopBtn:after {display: none;}
.topPop_slide:before {display: none;}
/* fix popup top Btn*/
#fixPopup_m {display: block;}
.popupBtnArea {display: none;}



/*wrapArticle*/

/* footer */
.f_addr { text-align: center; padding-left: 20px;}
.f_addr > p:first-child {background: none;}
.f_addr .f_logo {
  position: static; margin: 20px auto;
}
.f_linkWrap ul {text-align: center;}
.f_linkWrap li > a {font-size: 16px;}
.f_addr > p {padding-left: 0;}

.jump-contents .depth2 > li {width: 50%;}
@media all and (max-width: 660px) {
	._jumpWrap .j_link > .list {float: none;}
	._jumpWrap .j_link > .list > .depth1 {margin-bottom: 20px;}
	._jumpWrap .j_link > .list._2 {width: calc(100% - 26px);}
}

/* -------------------------------------------------------------------------------------------------- Tablet만 적용되는 css */
/* header */
#_header .logoWrap {border-bottom: 0; padding: 18px 0;}
#gnb_wrap .layerBtn {position: absolute; top: -60px; right: 40px; margin-top: 0; float: none;}
/* topPop */
.topPop_slide {width: 87%;}



/* footer */
@media all and (max-width: 720px) {
	.f_linkWrap > .w1400 > ul {float: none;}
	.f_linkWrap li {margin: 0 3%;}
	.f_linkWrap .f_snsList {float: none; margin: 0 auto 20px; text-align: center;}
}