@charset "utf-8";

/**********************************
	Header Layout
**********************************/

.headWrap .aside .mymenu {display:none !important;}
.headWrap .logo a.portal {width:92px; height:71px; background:url(../img/common/logo.png) no-repeat 0% 50%; background-size:contain; overflow:hidden; text-indent:-999px;}
.headWrap .logo a.other {display:none;}

@media all and (min-width: 1025px) {
	.lnbWrap {padding-left:140px; padding-right:100px;}
	.lnb_nav .li_depth01 > a > span {padding:0 20px;}
}
@media all and (max-width:1024px) {
	.headWrap .logo a.other {background-image:url(../img/common/logo_mo.png); width:174px; height:41px;}
	.headWrap .logo {margin:0 auto; float:none; text-align:center; z-index:0;}
	.headWrap .logo.other-site a.portal {margin:0 auto; background-image:url(../img/common/logo_mo.png); width:174px; height:41px;}
}
@media all and (max-width:370px) {
	.headWrap .logo.other-site {padding-left:0;}
	.headWrap .logo.other-site:before {display:none;}
	.headWrap .logo.other-site a.other {display:none; width:140px;}
}
/** LNB 스타일 변경 **/
.lnb_nav .lnb_sub > .inner:before {content:none;}
.lnb_nav .lnb_sub .tit {display:none;}
.lnb_nav .lnb_sub .depth02 {min-height:12rem; margin-left:0; background:none; padding-top:3rem; padding-bottom:3rem;}
.lnb_nav .lnb_sub .depth02:after {content:''; display:block; clear:both; }
.lnb_nav .depth02 > li {display:block; width:19%; float:left; margin:0 0.5%;}
.lnb_nav .depth02 > li > .cell {display:block; width:100%; border:1px solid #ccc;  background:#fff; padding-right:0; border-radius:0.3rem; }
.lnb_nav .depth02 > li > .cell a {margin-left:0; padding:1.8rem 2rem; background:#f8fcff;}
.lnb_nav .depth02 > li > .cell2 {display:block; width:100%;  padding-left:0;}

.lnb_nav .depth02 > li > .cell:hover  {border:1px solid #008762;}
.lnb_nav .depth02 > li > .cell:hover a {color:#008762; background:#f8fcff; border-radius:0.3rem; }

.lnb_nav .depth03 > li {width:100%; float:none;}
.lnb_nav .depth02 > li + li .depth03 {border-top:none;}
.lnb_nav .depth03 > li a span:hover:after {background:#e5f5f0;}


#m_menu .snb_logo {background-image:url(../img/common/logo_mo.png); height:41px; background-position:left 10px top 50%;}
#m_menu .nav-group .gnb-func {width:100%; float:none; background:#fff;}


/**********************************
	Side Link
**********************************/

.site_wrap,
footer .btn_close {background:#495d81;}

/**********************************
	depart Guide : 컬러맞춤
**********************************/

#snbWrap h2 {background:#07ae80;}
.snb >li >a.state.on, .snb >li >a.on {background:#008762;}
.snb >li >a.state.on + ul {border-color:#008762;}
.snb >li >a:hover, .snb >li >a:focus {color: #008762;}
.snb >li >ul >li >a.on {color:#008762;}
.snb >li >ul >li >a:before {background:#98c3bc;}
.snb >li >ul >li >a:hover:before, .snb >li >ul >li >a:focus:before, .snb >li >ul >li >a.on:before {background:#008762; border:1px solid #008762;}

.snb >li >ul >li > ul {background:#ecfaf6;}
.snb >li >ul >li > ul > li >a.on {color:#49806b;}

.snb >li >ul >li >a[target=_blank]:after {background:url('../img/common/spr_spot_dept.png') -23px 0 no-repeat;}

.spot_list >li:before {background:url('../img/common/spr_spot_dept.png') 0 -26px no-repeat;}
.share_list button.close {background:url('../img/common/spr_spot_dept.png') -94px 0px no-repeat;}

.tab_depth05 ul >li a.on {background:#27a99e;}

/*
	가이드기본
*/
.tab { border-bottom: 1px solid #07ae80; }
.tab>li { float: left; }
.tab a { width: 140px; display: block; text-align: center; background: #e9f1ef; border: 1px solid #07ae80; border-bottom: 0; padding: 10px 17px; margin-right: 10px; color: #07ae80; ;}
.tab a.active { background: #07ae80; color: #fff; }
.exp_guide { padding: 2rem 2.4rem; background: #e9f1ef; border: 2px solid #58a087; line-height: 160%; color: #333; font-size: 1.5rem; word-break: break-all; }
#uiGuide, #contGuide { position: relative; }

/*
	TEXT
*/

#conts .point {color:#07ae80;}
#conts .txt_point {color:#07ae80 !important;}
#conts .link {color:#07ae80;}

#conts *[target="_blank"]:not([class]):after,
#conts .link[target="_blank"]:after {background:url('../img/common/ico_blank_dept.png') no-repeat 50% bottom;}
#conts .icon-file {background: url('../../common/img/guide/ico_file.png') no-repeat left 5px;}
#conts .icon-file:hover { color:#07ae80; }
#conts .s-title {color:#07ae80 !important;}
#conts .list-count em {color:#07ae80;}

/*
	Tab Style
*/

#conts .depth05 li.on a,
#conts .depth05 li a.on,
#conts .depth05 li a:hover {color:#07ae80;}

/*
	Table
*/

.spot_list >li:last-child >a {color:#07ae80;}

/*
	Button
*/

.btn_top {border:1px solid #07ae80; color:#07ae80 !important;}
.btn_top:after { background:url('../../common/img/common/btn_tab_top.png') no-repeat 50% 50%;}
.btn_top:hover {background:#07ae80;}
.btn_top:hover:after {background-image:url('../../common/img/common/btn_tab_top_on.png');}

.button {border:1px solid #07ae80; color:#07ae80 !important; border:1px solid #07ae80 !important}
.button:hover {border-color:#07ae80; background:#07ae80 !important;}

input[type="submit"].button:hover { background:#07ae80 !important;}

.button.normal {border-color:#07ae80; background:#07ae80; }
.button.normal:hover{border-color:#07ae80; background: #07ae80;}

.button.normal01 {border-color:#07ae80; background:#07ae80; }
.button.normal01:hover{border-color:#07ae80; background: #07ae80;}

.button.point {border-color:#008762; background:#008762; }
.button.point:hover {border-color:#002253; background:#002253;}

.button.icon:after {content:""; display:inline-block; margin-left:.6rem; margin-top:-.2em; width:2.5rem; height:2.5rem; vertical-align:middle; background:url('../img/common/split_button_icon_dept.png') no-repeat 0 0; background-size:10rem auto;}
.button.small.icon:after {width:1.9rem; height:1.9rem; margin-left:.5rem; margin-top:-.1em; background:url('../img/common/split_button_icon_small_dept.png') no-repeat 0 0; background-size:10rem auto;}

/*
	Tab List
*/

.tab-link-box li a:hover:before {background:#07ae80;}

/*
	탭 스타일
*/

.tab-wrap li.on a{ background-color: #07ae80; color: #fff; font-weight:600; }
.ico_con .box_color { font-size:1.6rem; padding:2rem 2.4rem; background: #e9f0f4; border: 2px solid #59b98f; line-height: 160%; color: #333; word-break: break-all; }
#conts .depth05.list03 li {width:33.3%;}

@media all and (max-width:840px) {
	#conts .depth05.list03 li {padding:1rem .2rem; width:49.5%;}
}

@media all and (max-width:640px) {
	#conts .depth05.list03 li {display:block; width:auto; float:none;}
}


/* 그 외 콘텐츠 가이드 */
#conts h5 {color: #07ae80 ;}
#conts .list-u li:before {background:url('../img/common/split_ul_dot_dept.png') no-repeat 0 0;}
#conts *.box-design {background:url('../img/common/bak_guide_top_dept.png') repeat-x 0 0 #e4efee;}


/*  게시판 스타일  */
.bod_head .bod_search input[type="submit"] {background:#07ae80;}



/* 게시판 상단 안내문구 */
.bod_guide {background: url('../img/common/bak_guide_top_dept.png') repeat-x 0 0 #e4efee;}
.bod_guide::before{background : url('../img/common/ico_board_guide.png');}
.bod_guide .tit{color: #07ae80!important;}
.bod_guide .flow-list.ty2 .flow .item .tit{color: #fff!important; font-size:1.7rem!important;}
.bod_guide .flow-list.ty2 .flow .item .txt{ font-size:1.5rem!important;}



/* 결제창 레이어팝업 */
.layerPopup.pay {display:none; position:absolute; z-index:99; top:0; left:50%; transform:translateX(-50%); width:480px; background:#fff; border:1px solid #000; overflow:hidden;}
.layerPopup.pay .pop-con {position:relative;padding: 30px; text-align:center; background:#0099AE; }
#conts .pop-con p {line-height:1.4; word-break:keep-all;}
.layerPopup.pay .pop-con .tit {font-size: 28px !important;font-weight:700;margin-bottom:20px;color:#fff !important;}
.layerPopup.pay .pop-con .txt {background:#fff;padding:20px;border-radius:10px;font-size: 18px;}
.layerPopup.pay .pop-con .txt span {color:#ff6600;}
.layerPopup.pay .pop-con img {display:block; max-width:100%;}
.layerPopup.pay .pop-control {display:block; position:relative; background:#000; color:#fff; padding:10px 40px 10px 10px; font-size:11px; min-width:200px; height:40px; overflow:hidden; box-sizing:border-box;}
.layerPopup.pay .pop-control .dayCloseCheck {display:block; position:absolute; top:0; left:0; opacity:0; z-index:-9999; height:0 !important; width:0 !important;}
.layerPopup.pay .pop-control .dayCloseCheck + label {display:inline-block; position:relative; line-height:20px; padding:0; cursor:pointer;}
.layerPopup.pay .pop-control .dayCloseCheck + label:before {content:""; display:inline-block; width:12px; height:12px; vertical-align:middle; background:#fff; border:3px solid #fff; border-radius:100%; margin-right:.5em; box-sizing:border-box;}
.layerPopup.pay .pop-control .dayCloseCheck:focus + label {text-decoration:underline;}
.layerPopup.pay .pop-control .dayCloseCheck:checked + label:before {background:#0089ff;}
.layerPopup.pay .pop-control .pop-close {display:block; position:absolute; top:10px; right:10px; width:20px; height:20px; background:transparent; overflow:hidden; text-indent:-999px;}
.layerPopup.pay .pop-control .pop-close:before {content:"⨯"; display:block; position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; line-height:20px; text-indent:0; color:#fff; font-size:2em;}

@media all and (max-width:540px) {
	.layerPopup.pay {width:90%;}
	
	.layerPopup.pay .pop-con .txt br {display:none;} 
}
@media all and (max-width:390px) {
	.layerPopup.pay {width:100%;}
	.layerPopup.pay .pop-con {padding:30px 20px;}
	.layerPopup.pay .pop-con .tit {font-size:24px !important;}
	.layerPopup.pay .pop-con .tit br {display:none;}
}