@charset "utf-8";

#modal-wrapper {
  display: none;
}
#modal-wrapper #modal-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.3);
}
#modal-wrapper #modal-content {
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 2;
	transform: translate3d(-50%, -50%, 0);
	background: #fff;
	box-shadow: 0 0 5px #000;
	width: 90%;
	height: 90%;
	border-radius:2px;
}


#wrap{width:100%;}
#wrap .visualWrap{width:100%; text-align:center;}

#header{
	top:0; left:0; right:0;
	height:55px;
	background:#fff;
	box-shadow:2px 0 10px 2px rgba(0,0,0,0.1);
	position:fixed;
	z-index:5000;
	transition: top 0.3s ease-in-out;
}
#header.nav-up {top: -55px;}
#header .menu .mn_btn{
    top: 0px;
    left: 0px;
    position: absolute;
    width: 55px;
}
#header .menu .mn_btn img{
}

#header .menu .mn_btn a {
	width: 60px;
    height: 55px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(/_img/ico_allmenu1.png)no-repeat center;
    background-size: 30px;
	z-index:1;
}
#header .menu .mn_call {
	top: 0px;
    right: 0px;
    position: absolute;
    width: 55px;
}
#header .menu .mn_call a {
	width: 55px;
    height: 55px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(/_img/telephone-call-ico.svg)no-repeat center;
    background-size: 22px;
}
#header .menu .logo{
	font-weight: bold;
    margin-top: 12px;
    text-align: center;
}
#header .menu .logo a {display:inline-block; }
#header .menu .logo a img {width:130px;}
#header .menu .my_btn{
    top: 9px;
    right: 54px;
    padding: 7px;
    line-height: 16px;
    font-weight: 600;
    text-align: center;
    border-radius: 100%;
    position: absolute;
}

#header .menu .my_btn a img{ width:24px;}

#header .menu .my_btn a{color:#fff;}

#header .gnb_mn li a{
	width:25%;
	height:40px;
	line-height:40px;
	font-size:14px;
	font-weight:600;
	text-align:center;
	color:#fff;
	border-right:1px solid #67ade3;
	background:#de0000;
	float:left;
    box-sizing: border-box;
}

#header .gnb_mn li.active a{background:#40aeca;}

#header .gnb_mn li:last-child{
	border:none;
}
#header .headerCall{ background:#f2f2f2; font-size:1.2em; height:40px; line-height:40px; color:#333; text-align:center;}
#header .headerCall i{padding:8px 4px; width:32px; display:inline-block;}
.inner{padding:0 15px;}

.slideMenu{ position: fixed; box-shadow: 0 0 60px #333; background:linear-gradient(180deg, transparent 70px, #f5f5f5 10%);height:100%; z-index: 9999; top: 0; left:0;overflow-x: hidden;transition: 0.5s;width: 0;overflow-y: auto;}
.slideMenu h2{padding-bottom:30px; text-align:center;}
.slideMenu h1.logo {height:55px; line-height:55px; background: #fdae0f; display:inline-block; width:100%;text-align:center;}
.slideMenu h1.logo a {}
.slideMenu h1.logo a img {width:130px; margin-top:12px; }
 #navigation{background:#fff;}	/* Header 높이값 */
/* GNB Mobile :: 1차 */
#navigation > li{border-bottom:1px solid #ebebeb;}
#navigation > li > a {
    position: relative;
    display: block;
    padding: 15px 20px;
    font-size: 15px;
    font-weight: bold;
}
#navigation > li > a.timeColor{
	color:#fdae0f
}
#navigation > li.active > a{color:#1767e8;}
#navigation > li.has-2dep > a{}
#navigation > li.has-2dep > a .timeIco{
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(/_img/mtimeico.png)no-repeat;
    margin-left: 4px;
    background-size: 100%;
    margin-top: 2px;
}
#navigation > li.has-2dep.active > a{}
#navigation > li .gnb-icon{position:absolute; top:50%; right:20px; margin-top:-7px;}
#navigation > li .gnb-icon i{}
/* GNB Mobile :: 2차 */
#navigation > li .gnb-2dep{
    display: none;
    background-color: #eff1f6;
    padding: 20px;
}
#navigation > li .gnb-2dep > li{}
#navigation > li .gnb-2dep > li > a{
    display: block;
    color: #444;
    font-size: 14px;

    font-weight: 600;
    line-height: 28px;
}
#navigation > li .gnb-2dep > li.on > a{opacity:1.0;filter:Alpha(opacity=100); text-decoration:underline; color:#0062a7;}
.open-icon {background: url(/_img/uparrowb.png)no-repeat; width:10px; height:10px; display: none;background-size: 100%; }
.close-icon {background: url(/_img/uparrowb.png)no-repeat; width:10px; height:10px; display: block; background-size: 100%;transform: rotate(180deg);}
#navigation > li .gnb-2dep > li ol {padding:5px;;}
#navigation > li .gnb-2dep > li ol li {}
#navigation > li .gnb-2dep > li ol li a{
    font-size: 14px;
    line-height: 30px;
    color: #888;
	display:block;
}

/*
.slideMenu ul li{font-size:0.9em; font-weight:400;  margin:0 auto; width:220px;box-sizing: border-box;border-bottom: 1px solid #252525;}
.slideMenu ul li span{padding: 15px 10px; display:block;background: #222;color: #fff;}
.slideMenu ul li a{ display: inline-block;color:#fff;padding:12px;}
*/
.slideMenu .closebtn {    
	position: absolute;
    top: 0px;
    color: #fff;
    right: 0;
    font-size: 32px;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
}


.call_number{
	padding:10px 0;
	/*height:50px;*/
	line-height:30px;
	font-size:28px;
	color:#fff;
	text-align:center;
	background:#333;
}
.call_number a { color:#FFF; }
.sns{
	margin:0 auto;
	height:60px;
	line-height:60px;
	font-size:1.5em;
	color:#777;
	text-align:center;
	border-bottom:1px solid #ccc;
}
.sns img{
	margin-top:10px;
	padding-left:5px;
	width:40px;
}
.slideMenu .listWrap {background: #fff;border-bottom: 1px solid #ebebeb; margin-top: 180px;}
.slideMenu .listWrap ul{}
.slideMenu .listWrap ul li{width:25%; float:left; position:relative;}
.slideMenu .listWrap ul li:after{
	right: 0;
    top: 50%;
    width: 1px;
    height: 40px;
    background: #ebebeb;
    position: absolute;
    content: '';
    margin-top: -20px;
}
.slideMenu .listWrap ul li a {
    text-align: center;
    display: block;
    padding: 15px 0;
    color: #333;
	font-size:12px;
}
.slideMenu .listWrap ul li a i{
	
    width: 30px;
    height: 30px;
    display: block;
    margin: auto;

}
.slideMenu .listWrap ul li a i.ico01{background:url(/_img/facebook.svg)no-repeat center; background-size:20px;}
.slideMenu .listWrap ul li a i.ico02{background:url(/_img/naverblog-ico.png)no-repeat center; background-size:20px;}
.slideMenu .listWrap ul li a i.ico03{background:url(/_img/instagram.svg)no-repeat center; background-size:20px;}
.slideMenu .listWrap ul li a i.ico04{background:url(/_img/youtube.svg)no-repeat center; background-size:20px;}

.slideMenu .btmInfo {}
.slideMenu .btmInfo ul{text-align:center; padding:20px 0 0; white-space: nowrap;}
.slideMenu .btmInfo ul li{display:inline-block; margin:0 10px;}
.slideMenu .btmInfo ul li a{font-size:13px; color:#999; line-height:1.2; position:relative; padding-left:7px;}
.slideMenu .btmInfo ul li a:after{position:absolute; top:50%; width:3px; height:3px; left:0; background:#777; border-radius:50%;content:'';}
.slideMenu .btmInfo ul li a span {font-weight:600;}


.slideMenu .navCall {
    padding: 20px;
    background: #a56b42;
    color: #fff;
}
.slideMenu .navCall dl{
    text-align: center;
    line-height: 44px;
}
.slideMenu .navCall dt{margin-right:12px;}
.slideMenu .navCall dd{}
.slideMenu .navCall dt,
.slideMenu .navCall dd{
	display: inline-block;
}
.slideMenu .navCall dd p .callico {
    line-height: 1;
    padding: 10px 20px;
    display: inline-block;
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 30px;
    font-size: 20px;
}
.slideMenu .navCall dd p a{color:#fff;}
.slideMenu .navCall dd p .callico i {margin-right:5px;font-size:17px; margin-top:3px;}
.slideMenu p.copy{font-size:10px; opacity:0.5; text-align:center; margin:30px 0;}
#footer{

}
#footer h3{
    height: 50px;
    line-height: 50px;
    color: #777;
    font-size: 13px;
    background: #3d3d3d;
    padding: 0 10px;
	overflow:hidden;
}
#footer h3 a{
	padding:0 10px;
	font-weight:500;
	display:inline-block;
	color:#aaa;
}
#footer > p{
	padding:0 10px;
	line-height:18px;
	color:#999;
	font-size:10.5px;
}
#footer h3 a.agreeFormBtn{font-weight:bold;}
#footer span{
}
.footer_wrap {padding:20px; background:#333;}
.foot_info {line-height:18px; color:#fff; font-size:12px;}
.foot_info ul li{margin-bottom:3px;word-break:keep-all}
.foot_info ul li a {color:#fff;}
.foot_info span{color:#999; margin-right:5px;}
.foot_info p{ line-height:1; color:#999;  font-size:10px;}
.foot_info p.copy{opacity:0.4; }
.foot_menu a{font-size: 17px;font-weight: 700;color: #454545;display:inline-block; margin-bottom: 15px; padding:5px;}
.foot_sns{position:absolute;top:33%; right:0;}
.foot_sns li{float:left; margin-left:30px; position:relative; color:#fff;}
.foot_sns li:before { content: " | "; margin-right:25px; color:#777;}
.foot_sns li:first-child:before { content: ""; }


/* underMenu */
/* .underMenu { position:fixed; left:0; bottom:0; z-index:10; width:100%; transition: all .3s} */
.underMenu { position:fixed; z-index:10; height:66px; transition: all .3s}
.underMenu .btmnav { position:fixed; left:0; bottom:0; width:100%; transition: all .3s}
.underMenu .btmnav { display:table; width:100%;  background:/*linear-gradient(to bottom, #fa9e0b 0%, #f56116 100%)*/#fff;
    -webkit-box-shadow:0px -5px 3px 0px rgba(0,0,0,.1);
    -moz-box-shadow:0px -5px 3px 0px rgba(0,0,0,.1);
    box-shadow:0px -5px 3px 0px rgba(0,0,0,.1)}
.underMenu .btmnav li { display:table-cell; width:25%;border-left:1px solid #eee;}
.underMenu .btmnav li:first-child{border-left:none;}
.underMenu .btmnav a {  padding:14px 0 12px; text-align:center; font-size:12px; position:relative; display:block; color:#333;}
.underMenu .btmnav a i {margin-bottom:3px; display:block;}
.underMenu .btmnav i:before {
    display: block;
    margin: 0 auto 0px;
    font-size: 18px;
	color:#333;
}


/* .underMenu .go_search i:before {background:url(/_img/btmico03.png)no-repeat center; background-size:18px;}
.underMenu .go_recently i:before {background:url(/_img/btmico02.png)no-repeat center; background-size:18px;}
.underMenu .go_login i:before {background:url(/_img/btmico04.png)no-repeat center; background-size:18px;} */
.underMenu .go_home i {background:url(/_img/kor.png)no-repeat center; background-size:18px;width:100%; height:18px;}
.underMenu .go_my i:before {background:url(/_img/income.png)no-repeat center; background-size:18px;}
.underMenu .go_in i {background:url(/_img/income.png)no-repeat center; background-size:18px;width:100%; height:18px;}
/*/
.underMenu .go_home i {background:url(/_img/clock-icob.svg)no-repeat center; background-size:18px;width:100%; height:18px;}
.underMenu .go_my i:before {background:url(/_img/btmico06.png)no-repeat center; background-size:18px;}
*/
.underMenu .go_kakao,
.go_kakao.fixed 
{ overflow:hidden; position:fixed; right:20px; bottom:122px; width: 40px; height: 40px;  padding:0; border-radius: 50%; transition: all .3s;
}


.underMenu .go_top,
.go_top.fixed 
{ overflow:hidden; position:fixed; right:20px; bottom:75px; width: 40px; height: 40px;  padding:0; background: #a56b42; border-radius: 50%; transition: all .3s;
    -webkit-box-shadow:0px 5px 5px 0px rgba(0,0,0,.1);
    -moz-box-shadow:0px 5px 5px 0px rgba(0,0,0,.1);
    box-shadow:0px 5px 5px 0px rgba(0,0,0,.1);
}
/*
.go_top.fixed { z-index:2; bottom:69px !important;}*/
.underMenu .go_top .icon:before,
.go_top.fixed .icon:before {
    content: '';
    text-align: center;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url(/_img/uparroww.png)no-repeat center;
    background-size: 14px;
}

.lastScroll .btmnav { bottom:-80px}
/*.lastScroll .go_top { bottom:20px}*/



/*lnb*/
/* header navigation ¿µ¿ª */
.naviBox{
    background: #eff1f6;

} 
.naviBox .naviBoxWrap{z-index:10;position:relative;height:45px;margin:0 auto;transition:all .3s ease;}
.naviBox .navi {width:100%; display:inline-block;}
.naviBox .navi ul {margin-right:10px;}
.naviBox .navi ul li {float: left;font-size: 13px; margin: 0px 0 0 26px; position:relative; color:#888; line-height:45px;}
.naviBox .navi ul li:first-child{margin-left:0;}
.naviBox .navi ul li a{display:block; width:100%; height:100%;}
.naviBox .navi ul li:after{
    content: '';
    top: 17px;
    position: absolute;
    right: -19px;
    background: url(/_img/uparrowb.png)no-repeat;
    width: 12px;
    height: 12px;
    transform: rotate(90deg);
    background-size: 10px;
    opacity: 0.5;
}
.naviBox .navi ul li:last-child {font-weight:600;color:#fdae0f;}
.naviBox .navi ul li:last-child:after {display:none;}
.naviBox .navi ul li.home{

    background: url(/_img/mksico.png)no-repeat center;
    background-size: 500px;
    width: 16px;
    height: 45px;
    background-position: -167px -27px;
}
/*
.sub-tab-wrapper-style{position:relative; height:60px; margin-bottom:15px; }
.sub-tab-list-style ul{display:table; width:100%; height:100%; table-layout:fixed;}
.sub-tab-list-style ul:after{display:none}
.sub-tab-list-style ul li{display:table-cell; vertical-align:middle; position:relative; width:20%; background-color:#fff; border:1px solid #e5e5e5; border-left:0 }
.sub-tab-list-style ul li:first-child{border-left:1px solid #e5e5e5;}
.sub-tab-list-style ul li a{display:table; height:58px; width:100%; }
.sub-tab-list-style ul li a em{display:table-cell; vertical-align:middle; color:#494949; font-size:18px; letter-spacing:-0.30px; text-align:center;}
.sub-tab-list-style ul li.active{z-index:1; }
.sub-tab-list-style ul li.active a{background-color:#333; border-color:#333}
.sub-tab-list-style ul li.active a em{color:#fff; }
.sub-tab-list-style.top-fixed{position:fixed; top:70px; left:0; width:100%; height:60px;}
.sub-drop-open-btn-style{display:none}
.sub-cm-tab-wrapper{text-align: center; margin-bottom: 80px;}

.sub-cm-tab-style{display: inline-block; width:100%; border: 1px solid #e3e3e3; -webkit-border-radius: 60px; border-radius: 60px;box-shadow:  0px 10px 15px 0px rgba(0,13,56,0.08);}
.sub-cm-tab-style ul{}
.sub-cm-tab-style ul li{}
.sub-cm-tab-style ul li a{}
.sub-cm-tab-style ul li a span{}
.sub-cm-tab-style ul li.active{z-index: 1;}
.sub-cm-tab-style ul li.active a{background-color: #fdae0f;}
.sub-cm-tab-style ul li.active a span{color: #fff; font-weight: 400; font-size:18px;}
*/
.sub-cm-tab-style {
	margin-bottom: 20px;border-radius: 60px; overflow: hidden; margin:0 15px;box-shadow:  0px 10px 15px 0px rgba(0,13,56,0.08); border:1px solid #ebebeb;
}
.sub-cm-tab-style ul {
	margin: 1px 0 0 1px;
}
.sub-cm-tab-style li {
	float: left;
	width:33.333%
}

.sub-cm-tab-style li a {
	display: block;
	font-size: 13px;
	line-height: 18px;
	padding: 15px 0;
	text-align: center;
	color: #555;
	background: #fff;
	margin: -1px 0 0 -1px;
	z-index: 10;
}
.sub-cm-tab-style.line2 li a {
	padding: 10px 0;
}
.sub-cm-tab-style li a:hover,
.sub-cm-tab-style li a:focus {
	background: #f6f6f6;
}
.sub-cm-tab-style li.active a,
.sub-cm-tab-style li.active a:hover,
.sub-cm-tab-style li.active a:focus {
	background:linear-gradient(to bottom, #fa9e0b 0%, #f56116 100%) ;
	color: #fff;
	z-index: 11;
}

.consult_wrap{
	padding: 15px;
    border: 2px solid #a56b42;
    border-radius: 15px;
	margin-top:15px;
}
.consult_wrap .consult{}
.consult_wrap .consult .consult_form{}
.consult_wrap .consult .consult_form .consultTit{text-align:center;}
.consult_wrap .consult .consult_form .consultTit img{
    margin-bottom: 10px;
    padding: 0 10px;
    text-align: center;
    max-width: 250px;
    margin-top: 5px;
}

.consult_wrap .consult .consult_form .consultTit dl dt i {}
.consult_wrap .consult .consult_form .consultTit dl dd{}
.consult_wrap .consult .consult_form .consultTit dl dd h2{}
.consult_wrap .consult .consult_form .consult_box {}
.consult_wrap .consult .consult_form .consult_box ul{}
.consult_wrap .consult .consult_form .consult_box ul li{white-space: nowrap; margin-bottom:12px;}
.consult_wrap .consult .consult_form .consult_box ul li span{display:block; margin-bottom:5px;}
.consult_wrap .consult .consult_form .consult_box ul li input{
    padding: 0 5px;
    height: 40px;
    display: inline-block;
    border: 1px solid #ebebeb;
    background: #f5f5f5;
    color: #333;
	width:100%;
}
.consult_wrap .consult .consult_form .consult_box ul li.c_num {width: calc( 100% - 18px );}
.consult_wrap .consult .consult_form .consult_box ul li.c_num input {width: calc(100%/3);}
.consult_wrap .consult .consult_form .consult_box ul li.c_num .selectbox {width: calc(100%/3);}
.consult_wrap .consult .consult_form .consult_box ul li.c_num .selectbox select {background: #f5f5f5;}
.consult_wrap .consult .consult_form .consult_box ul li.c_num .selectbox:after{
    background: url(/_img/uparrowb.png)no-repeat center;
    background-size: 8px;margin-top: -10px;    z-index: 11;
}
.consult_wrap .consult .consult_form .consult_btn{}
.consult_wrap .consult .consult_form .consult_btn button{
    width: 100%;
    padding: 13px;
    margin: 10px 0;
    background: #a56b42;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
}
.consult_wrap .consult .consult_form .input-checkbox {margin:10px 0;}

.contentsSearch {padding:20px 0; max-width:360px; margin:0 auto;}