@charset "utf-8";
@import url('/common/font/ONEMobileTitle/ONEMobileTitle.css');
@import url('/common/font/Pretendard/Pretendard.css');
body {font-family:'Pretendard', Helvetica, Arial, sans-serif;}

/**********************************
	Header Layout
**********************************/
.headWrap .aside .mymenu,
.headWrap .aside .gnb-search,
.headWrap .acc-list {display:none !important;}
.lnb_nav {text-align:right;}
.lnb_nav .lnb_sub .tit h3 {font-size:3.2rem;}

#gnbWrap {background:#fff;}
#gnbWrap .pos-right {display:none;}


@media (min-width: 1025px){
	.lnbWrap {padding:0 0 0 210px;}
	.lnb_nav .li_depth01 > a > span {padding:0 40px;}
}
@media (max-width:1024px){
	.headWrap .btn-mob-menu {display:inline-block !important;}
}

/** 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 .li_depth01 > a > span {font-weight:600;}
.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:#f2fbfb;}
.lnb_nav .depth02 > li > .cell2 {display:block; width:100%;  padding-left:0;}

.lnb_nav .depth02 > li > .cell:hover  {border:1px solid #00999b;}
.lnb_nav .depth02 > li > .cell:hover a {color:#00999b; background:#f2fbfb; border-radius:0.3rem; font-weight:600;}

.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:#d5f5f5;}

#lnb_01 .depth02,
#lnb_03 .depth02 {display:flex; flex-wrap:nowrap; justify-content:center;}

.tab_depth05 ul >li a.on { background: #5f381f; }



.tab_depth05			{border:0; background:#fff;}
.tab_depth05 ul			{margin:-0.5rem;}
.tab_depth05 ul >li		{padding:0.5rem;}
.tab_depth05 ul >li:before {border:0;}
.tab_depth05 ul >li a	{padding:2rem; text-align:left; background:url(../img/icon/ico_tab5_off.svg) no-repeat top 50% right 1rem#F6F8FF; border:1px solid #DFE4EF; color:#333; border-radius:0.8rem 3rem 0.8rem 0.8rem;}
.tab_depth05 ul >li a:focus,
.tab_depth05 ul >li a:hover,
.tab_depth05 ul >li a.on {background:url(../img/icon/ico_tab5_on.svg) no-repeat top 50% right 1rem #0466C8; box-shadow:0 5px 4px rgba(0,0,0,0.1); color:#fff; text-decoration:none;}


/* 위로 이동 버튼 */
.btn_scroll_top {width:8rem; height:8rem; border:0; background:url('../img/common/btn_goto_top.svg') 50% 50% no-repeat;}
.btn_scroll_top:hover {background-color:unset !important; border:0 !important; background-position:unset !important;}

@media screen and (max-width: 1024px) {
	.btn_scroll_top {background-color:unset !important; border:0 !important; background-position:unset !important;}
}

/**********************************
	Sub Layout
**********************************/
.subvisual + #container {margin-top:-178px;}
#container {padding-top:5rem;}

#snbWrap {width:21.429%;}
#snbWrap h2 {height:16rem; font-size:2.6rem; margin-bottom:2rem; border-radius:1.5rem 5rem 1.5rem 1.5rem; background:linear-gradient(120deg, #0466C8, #00AC97); font-family:'ONEMobileTitle';}


.snb {border:1px solid #C5D2E5; padding:2rem 2.5rem; border-radius:1.5rem 0 1.5rem 1.5rem;}
.snb >li >a {font-weight:700; border:none; border-bottom:1px solid #E1E6ED; border-radius:0; padding:1.6rem 1rem; color:#131313; background:url(../img/common/ico_arrow_b_gray.svg) no-repeat top 50% right 1rem;}
.snb >li >a.state.on,
.snb >li >a.on			{background-color:#fff; border-radius:0; border:none; background-image:url(../img/common/ico_arrow_t_blue.svg); background-position:top 50% right 1rem; border-bottom:2px solid #0466C8; color:#0466C8 !important;}

.snb >li >a:hover,
.snb >li >a:focus 	{border:0; border-bottom:2px solid #0466C8; color:#0466C8; background-image:url(../img/common/ico_arrow_t_blue.svg);}

.snb >li >a.has-submenu:before {content:none;}
.snb >li >a.state.on + ul {padding:0; border:0;}
.snb >li >ul >li {padding-left:1rem; padding-right:1rem; border-bottom:1px dashed #C5D2E5;}
.snb >li >ul >li >a {color:#222; padding:1.5rem 0; background:url(../img/common/ico_arrow_r_gray.svg) no-repeat top 50% right 0; background-size:2.4rem;}
.snb >li >ul >li >a:before {content:none;}
.snb >li >ul >li >a:hover,
.snb >li >ul >li >a:focus,
.snb >li >ul >li >a.on {color:#001845; font-weight:500; background-image:url(../img/common/ico_arrow_r_navy.svg); text-decoration:none; }


.snb >li >ul >li > ul {margin:0 0 1rem; background:#F9F9F9;}
.snb >li >ul >li > ul > li >a		{color:#777;}
.snb >li >ul >li > ul > li >a:before {width:.4rem; height:.4rem; border-radius:50%; background-color:#777777;}

.snb >li >ul >li > ul > li >a:hover,
.snb >li >ul >li > ul > li >a:focus,
.snb >li >ul >li > ul > li >a.on	{color:#023E7D; text-decoration:none;}
.snb >li >ul >li > ul > li >a:hover:before,
.snb >li >ul >li > ul > li >a:focus:before,
.snb >li >ul >li > ul > li >a.on:before {background-color:#023E7D;}

.subvisual {height:18rem; background-color:#ECEFF6; background-image:url('../img/common/bak_subvisual.png');}


/*content*/
#content {width:73.572%;}
#titWrap h3 {font-family:'ONEMobileTitle';}

.spot_list >li:before {background:url(../img/common/spr_history.svg) no-repeat 100% 50%;}
.spot_list >li:first-child:before {width:20px; height:20px; background:url(../img/common/spr_history.svg) no-repeat 0 0;}
.sub_acc li >a[class^=btn_]:hover, .sub_acc li >a[class^=btn_]:focus {background:#fff;}
.sub_acc .btn_share:hover:before,
.sub_acc .btn_share:focus:before {background-image:url(../img/common/spr_acc.svg); background-position:inherit !important;}
.sub_acc .btn_print:hover:before,
.sub_acc .btn_print:focus:before{background-position:-4rem 0 !important;}

.share_list {right:110px; height:45px;}
.share_list >div {padding:8px 50px 8px 16px;}
.sub_acc li >a[class^=btn_] {width:40px; height:40px; border:1px solid #ccc;}
.sub_acc li >a[class^=btn_]:before {width:40px; height:40px; margin:-19px 0 0 -19px; background:url(../img/common/spr_acc.svg) no-repeat; background-size:12rem;}
.sub_acc .btn_share:before {background-position:0 0 !important;}
.sub_acc .btn_print:before {background-position:-4rem 0 !important;}

/* Grid Layout */
.grid-layout {display:block; clear:both;}
.grid-layout:after {content:""; display:block; clear:both;}
.grid-layout > li,
.grid-layout .grid-item {float:left; box-sizing:border-box;}


.grid-layout.pad-10 {margin-left:-.27em; margin-right:-.27em;} .grid-layout.pad-10 > li, .grid-layout.pad-10 > .grid-item {padding:.27em;}
.grid-layout.pad-20 {margin-left:-.56em; margin-right:-.56em;} .grid-layout.pad-20 > li, .grid-layout.pad-20 > .grid-item {padding:.56em;}
.grid-layout.pad-30 {margin-left:-.83em; margin-right:-.83em;} .grid-layout.pad-30 > li, .grid-layout.pad-30 > .grid-item {padding:.83em;}
.grid-layout.pad-40 {margin-left:-1.11em; margin-right:-1.11em;} .grid-layout.pad-40 > li, .grid-layout.pad-40 > .grid-item {padding:1.11em;}
.grid-layout.pad-50 {margin-left:-1.38em; margin-right:-1.38em;} .grid-layout.pad-50 > li, .grid-layout.pad-50 > .grid-item {padding:1.38em;}

.grid-layout.cols-8 > li,
.grid-layout.cols-8 .grid-item {width:12.5% !important;}
.grid-layout.cols-7 > li,
.grid-layout.cols-7 .grid-item {width:14.28% !important;}
.grid-layout.cols-6 > li,
.grid-layout.cols-6 .grid-item {width:16.66% !important;}
.grid-layout.cols-5 > li,
.grid-layout.cols-5 .grid-item {width:20% !important;}
.grid-layout.cols-4 > li,
.grid-layout.cols-4 .grid-item {width:25% !important;}
.grid-layout.cols-3 > li,
.grid-layout.cols-3 .grid-item {width:33.33% !important;}
.grid-layout.cols-2 > li,
.grid-layout.cols-2 .grid-item {width:50% !important;}
.grid-layout.cols-1 > li,
.grid-layout.cols-1 .grid-item {width:100% !important;}
.grid-layout.cols-1 .grid-item > div{height:auto!important;}

@media all and (max-width:1024px) {
	.grid-layout.ta-pad-10 {margin-left:-.27em; margin-right:-.27em;} .grid-layout.ta-pad-10 > li, .grid-layout.ta-pad-10 > .grid-item {padding:.27em;}
	.grid-layout.ta-pad-20 {margin-left:-.56em; margin-right:-.56em;} .grid-layout.ta-pad-20 > li, .grid-layout.ta-pad-20 > .grid-item {padding:.56em;}
	.grid-layout.ta-pad-30 {margin-left:-.83em; margin-right:-.83em;} .grid-layout.ta-pad-30 > li, .grid-layout.ta-pad-30 > .grid-item {padding:.83em;}
	.grid-layout.ta-pad-40 {margin-left:-1.11em; margin-right:-1.11em;} .grid-layout.ta-pad-40 > li, .grid-layout.ta-pad-40 > .grid-item {padding:1.11em;}
	.grid-layout.ta-pad-50 {margin-left:-1.38em; margin-right:-1.38em;} .grid-layout.ta-pad-50 > li, .grid-layout.ta-pad-50 > .grid-item {padding:1.38em;}

	.grid-layout.ta-cols-8 > li,
	.grid-layout.ta-cols-8 .grid-item {width:12.5% !important;}
	.grid-layout.ta-cols-7 > li,
	.grid-layout.ta-cols-7 .grid-item {width:14.28% !important;}
	.grid-layout.ta-cols-6 > li,
	.grid-layout.ta-cols-6 .grid-item {width:16.66% !important;}
	.grid-layout.ta-cols-5 > li,
	.grid-layout.ta-cols-5 .grid-item {width:20% !important;}
	.grid-layout.ta-cols-4 > li,
	.grid-layout.ta-cols-4 .grid-item {width:25% !important;}
	.grid-layout.ta-cols-3 > li,
	.grid-layout.ta-cols-3 .grid-item {width:33.33% !important;}
	.grid-layout.ta-cols-2 > li,
	.grid-layout.ta-cols-2 .grid-item {width:50% !important;}
	.grid-layout.ta-cols-1 > li,
	.grid-layout.ta-cols-1 .grid-item {width:100% !important;}
	.grid-layout.ta-cols-1 .grid-item > div {height:auto!important;}
}
@media all and (max-width:640px) {
	.grid-layout.mo-pad-10 {margin-left:-.27em; margin-right:-.27em;} .grid-layout.mo-pad-10 > li, .grid-layout.mo-pad-10 > .grid-item {padding:.27em;}
	.grid-layout.mo-pad-20 {margin-left:-.56em; margin-right:-.56em;} .grid-layout.mo-pad-20 > li, .grid-layout.mo-pad-20 > .grid-item {padding:.56em;}
	.grid-layout.mo-pad-30 {margin-left:-.83em; margin-right:-.83em;} .grid-layout.mo-pad-30 > li, .grid-layout.mo-pad-30 > .grid-item {padding:.83em;}
	.grid-layout.mo-pad-40 {margin-left:-1.11em; margin-right:-1.11em;} .grid-layout.mo-pad-40 > li, .grid-layout.mo-pad-40 > .grid-item {padding:1.11em;}
	.grid-layout.mo-pad-50 {margin-left:-1.38em; margin-right:-1.38em;} .grid-layout.mo-pad-50 > li, .grid-layout.mo-pad-50 > .grid-item {padding:1.38em;}
	
	.grid-layout.mo-cols-8 > li,
	.grid-layout.mo-cols-8 .grid-item {width:12.5% !important;}
	.grid-layout.mo-cols-7 > li,
	.grid-layout.mo-cols-7 .grid-item {width:14.28% !important;}
	.grid-layout.mo-cols-6 > li,
	.grid-layout.mo-cols-6 .grid-item {width:16.66% !important;}
	.grid-layout.mo-cols-5 > li,
	.grid-layout.mo-cols-5 .grid-item {width:20% !important;}
	.grid-layout.mo-cols-4 > li,
	.grid-layout.mo-cols-4 .grid-item {width:25% !important;}
	.grid-layout.mo-cols-3 > li,
	.grid-layout.mo-cols-3 .grid-item {width:33.33% !important;}
	.grid-layout.mo-cols-2 > li,
	.grid-layout.mo-cols-2 .grid-item {width:50% !important;}
	.grid-layout.mo-cols-1 > li,
	.grid-layout.mo-cols-1 .grid-item {width:100% !important;}
	.grid-layout.mo-cols-1 .grid-item > div {height:auto!important;}
}





/**********************************
	Footer
**********************************/
footer {background:#0D2433;}
footer .btn_close {background:#060f14;}
.site_wrap {background:#0D2433; border-bottom:1px solid rgba(255,255,255,0.2);}
.copy_logo {background-image:url(../img/common/logo_footer.svg);}
.copy_info .policy a {color:#fff;}
.copy_info .policy a.point {color:#F7941C;}
.copy_info .contact,
.copy_info p {color:#fff;}
.copy_info small {color:#fff;}