@charset "utf-8";
/*  
	-----------------------------------------------
	* all_responsive.css (사용자 공용 레이아웃 반응형)
	-----------------------------------------------
*/

@media screen and (min-width:1025px) {
	/* header */
	#innerHead {display: none;}
	#headerWrap .logo-mo {display: block;}
	#headerWrap #lnbWrap {margin:0 auto; width: 700px; height: 8.438em !important; overflow: hidden;}
	#headerWrap .inner {position: relative; width: 1400px; margin: 0 auto;}
	#lnbWrap.type01 #lnb .lnb_sub {width:100vw; margin-left: calc(-50vw + 50%);}
	#lnbWrap.type01 .depth02 >li {padding: 0 2% 2em 2%}
	#lnb .depth03 {min-height: 8.750em;}
	
	#lnbWrap.type01 .depth02 >li >a >span:after {content: '';width: 20px;height: 20px;background: url('/common/img/common/ico_arrow_right.svg') 0 0 no-repeat;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
	#lnbWrap.type01 .lnb_sub .depth02 >li >a.on >span:after {background-position: 100% 0;}
	#lnbWrap.type01 .lnb_sub .depth02 >li >a:hover >span:after, #lnbWrap.type01 .lnb_sub .depth02 >li >a:focus >span:after {background-position: 100% 0;}
}

@media screen and (max-width:1399px) and (min-width:1025px) {
	#lnbWrap.type01 #lnb .lnb_sub {/* transform: translate(-12px, 0); */ width: 1480px; margin-left: -390px;}
}

@media screen and (max-width:1800px) {
	/* 위로 이동 버튼 */
	.btn_scroll_top {right: 4%;}
}
@media screen and (max-width:1700px) {
	/* 위로 이동 버튼 */
	.btn_scroll_top {right: 2%;}
}
@media screen and (max-width:1600px) {
	/* 위로 이동 버튼 */
	.btn_scroll_top {right: 2%;}
}
@media screen and (max-width:1400px) {
	body {-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
	#gnbWrap .gnb_nav >li:first-child {border-left: none;}
	.copy_logo {text-align: center;}
	.familysite >li:first-child, .familysite >li:nth-child(7n) {border-left: none;}
	.familysite >li:last-child(6n) {border-right: none;}
	
	/* lnb 크기 조절 */
	#lnbWrap.type01 .lnb_sub .tit {width: 20%; display:block; float:left;}
	#lnbWrap.type01 .depth02 {width: 80%; display:block; float:left;}
	
	/* 위로 이동 버튼 */
	.btn_scroll_top {right: 2%;bottom: 2%;}
}

@media screen and (max-width:1024px) {
	/* 팝업레이어 */
	.popup_layer {top: 123px !important;left:5px !important;}

	/* layout */
	body {min-width: 100%;}
	body.stop_scrolling {overflow: hidden !important;}
	#gnbWrap >div, #innerHead >div, #lnbWrap nav, .lnb_sub,.cont_wrap >div, #bannerWrap >div,#container, .familysite, footer .info_wrap, #content {width: 100%;}
	#snbWrap {display: none;}
	#content {float: none;padding: 0 1rem;}
	/* #conts {padding: 1.5em 1em 0 1em;} */
	
	/* header */
	#headerWrap {height: 6.55em;}
	
	#headerWrap .inner .aside {display: none;}
	#headerWrap .inner .logo {display: none;}
	#headerWrap .inner a img {width: 12em; margin-left: 1em;}
	
	/* #innerHead {border-bottom: 1px solid #838e95;} */
	#innerHead >div {padding: 2rem 0;}
	#innerHead h1 {position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
	#innerHead button {display: inline-block; position: absolute;top: 50%;width: 60px;height: 60px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);z-index: 100000;}
	#searchWrap {display: none;position: absolute;top: 58px;width: 100%;z-index: 99999;padding: 1rem 1rem 1.4rem;background: #fff;}
	.total_search {border: none;border-bottom: 2px solid #ff4e00;}
	.total_search li:nth-child(2) {width: 80%;}
	.total_search li:nth-child(3) {top: 17px;right: 1rem;}
	.total_search input[type="submit"] {padding: 0.7rem;background: #fff;color: transparent;background: url('./../img/common/spr_common.png') -47px -27px no-repeat;}
	.total_search input[type="text"] {width: 96%;}
	
	#openMenu {right: 1em;}
	
	#lnbWrap {z-index: 99998;position: absolute;left: -100%;width: 100%;min-height: 89vh;overflow-y: auto;background: #23336F;}
	
	#lnbWrap >.layer {overflow: visible;height: 0;}
	#lnbWrap >.layer nav {padding-bottom: 10px;}
	#lnbWrap >.layer.on {-webkit-box-shadow: none;box-shadow: none;border-bottom:none;height: auto;}
	#lnbWrap >.layer.on:before {display: none;}
	#lnb li {position: relative;}
	#lnb >li {border-bottom: 1px solid rgba(255,255,255,0.3);}
	#lnb >li, .lnb_sub .depth02 >li {width: 100% !important;margin: 0 !important;float: none;}
	#lnb >li {text-align: left;position: relative;}
	#lnb a {font-weight: 500;}
	#lnb >li >a {padding: 1.9rem 4.5rem 1.9rem 1.6rem;text-align:left}
	#lnb >li >a:before {display: none;}
	#lnb >li >a:after {content: '';width: 20px;height: 11px;background: url('./../img/common/spr_common.png') -132px 0 no-repeat;position: absolute;top: 2.4rem;/*transform: translateY(-50%);*/right: 1.6rem;}
	#lnb >li >a.on:after {background-position: -132px -23px}
	#lnb >li >a[target=_blank] span {display: inline-block;padding-right: 2.6rem;}
	#lnb >li >a[target=_blank] span:after {content: '';width: 20px;height: 20px;float:right;margin: 0;}
	#lnbWrap.type01 .lnb_sub .tit {display: none;}
	
	#lnbWrap .lnb_sub {top: 0 !important; padding: 0; display: none; background: #fff; position: relative !important;}
	#lnbWrap .lnb_sub.on {display: block;}
	#lnbWrap .lnb_sub .depth02 {width: 100% !important;overflow: visible;float: none;padding: 0;}
	#lnbWrap .lnb_sub .depth02 >li >a {width: 100% !important;border-top: 1px solid #DDE3ED;padding: 1.3rem !important;letter-spacing: -0.5pt;position: relative;display: block;}
	#lnbWrap .lnb_sub .depth02 >li >a,
	#lnbWrap .lnb_sub .depth02 >li >a:hover,
	#lnbWrap .lnb_sub .depth02 >li >a:focus {border-radius: 0;margin: 0 !important;background: #fff !important;color: #333 !important;}
	#lnbWrap .lnb_sub .depth02 >li >a >span {padding-left: 0.5rem;}
	#lnbWrap .lnb_sub .depth02 >li >a.on, #lnbWrap .lnb_sub .depth02 li >a.on span {color: #3753d4 !important;}
	#lnbWrap .lnb_sub .depth02 >li >a.on:before {background: #3753d4;}
	#lnbWrap .lnb_sub .depth03 {padding: 0.5rem 0.9rem !important; border-top: 1px solid #DDE3ED; background: #F7FAFD;}
	#lnbWrap .lnb_sub .depth03 >li {float:none !important;position: relative;}
	#lnbWrap .lnb_sub .depth03 >li >a {color: #555;padding: 0.7rem 2em;font-weight: normal;}
	#lnbWrap .lnb_sub .depth03 >li >a:not(:only-child) {border-bottom: 1px solid #ddd !important;}
	#lnbWrap .lnb_sub .depth03 >li >a:only-child, #lnbWrap .lnb_sub .depth03 >li:last-of-type > a {border: none !important;}
	#lnbWrap .lnb_sub .depth03 >li >a:before {content: '';background: #c5c5c5;position: absolute;width: 4px;height: 4px; border-radius:4px;left: 1.25em;top: 1.1em;}
	#lnbWrap .lnb_sub .depth03 >li >a.on span {color: #1c91f5 !important;}
	#lnbWrap .lnb_sub.depart:before {display: none;}
	#lnbWrap .lnb_sub.depart .depth02 {margin: 0;}
	#lnbWrap .lnb_sub.depart .depth02 li {border:none;}
	#lnbWrap .lnb_sub.depart .depth02 li >a {text-align: left;}
	#lnbWrap .lnb_sub.depart .depth02 li >a span {text-align: left;font-size: 1.7rem;margin: 0;}
	
	/* header > menuLayer TYPE01 ~ TYPE02 */
	#lnbWrap.type01 #lnb .lnb_sub {z-index:0}
	#lnbWrap.type01 .depth02 >li >a[target=_blank] >span:after, #lnbWrap.type02 .depth02 >li >a[target=_blank] >span:after {height: 18px;background: url('./../../common/img/common/spr_common.png') -22px 4px no-repeat;}
	#lnbWrap.type02:hover {box-shadow: none;}
	#lnbWrap.type02 .lnb_sub .tit {display: none;}
	#lnbWrap.type02 .lnb_sub .depth03 >li:not(:last-of-type) >a:after {display: none;}
	#lnbWrap.type02 .lnb_sub .depth02 >li >a:hover {text-decoration: underline}
	/* header > menuLayer DEPART */
	#lnbWrap.type01 .lnb_sub.depart .depth02 li >a:hover,
	#lnbWrap.type02 .lnb_sub.depart .depth02 li >a:hover {text-decoration: underline !important; background-color: #fff !important;}
	#lnbWrap.type02 .lnb_sub.depart .depth02 li, #lnbWrap.type02 .lnb_sub.depart .depth02 li a {border-radius: 0;}
	
	/* sub */
	#headerWrap:before {content:''; width: 100%; height: 22.5em;}
	#titWrap {padding: 0; margin-bottom: 4em; height: 12em;}
	#titWrap h3 {margin: 1em 0; text-align: center;}
	#spotWrap {padding: 1em; position: relative;}
	#titWrap #spotWrap {position: absolute; bottom: 1em; width: 100%;}

	/* footer */
	footer .copy_info .logo img {width: 12em;}
	footer .info_wrap {padding: 2.5em;}
	footer .info_wrap >div {text-align: center;}
	.familysite >li {width: 33.33%;border-bottom: 1px solid #838e95;}
	.familysite >li:nth-child(3n) {border-right: none;}
	.familysite >li:nth-child(4) {border-left: none;}
	.familysite >li .list3 {width: calc(100% + 2px);}
	.familysite >li .list3 >ul {height: 450px;overflow-y: auto;}
	.familysite >li .list3 >ul >li {float: none;width: auto;}
	.familysite >li .list3 >ul >li:not(:first-of-type) {margin-left: 0;}
	.familysite >li .list3 .btn_close {width: 100%;}
	.familysite>li:nth-of-type(5) .list3, .familysite>li:nth-of-type(6) .list3 {left:-1px;right:auto}
	.familysite>li:nth-of-type(5) .list3 .btn_close, .familysite>li:nth-of-type(6) .list3 .btn_close  {left:-1px;right:auto}
	
	.copy_info .logo {margin-bottom: 1em;}
	.copy_logo {width: 25%; padding: 0.96rem 0;}
	.copy_info {width: 100%; padding: 0 1em;}
	
	.copy_info .top ul {width: 100%; overflow: hidden;}
	.copy_info .top .contact >li {width: 100%; display: block;}
	.copy_info .top .sns {position: relative; margin-top: 1em; text-align: center; right: 0; bottom: 0;}
	.copy_info .top .sns li {width: 2.5em; height: 2.5em; margin: 0.5em;}
	.copy_info .top .sns li img {width: 100%;}
	
	.copy_info .bottom p {width: 100%;}
	.copy_info .bottom .policy {width: 100%; margin: 1em 0;}
	.copy_info .bottom .policy li {width: 100%;}

	/* content */
	.share_list {right: 3px;}
	.spot_list {float: none;display: inline-block;}

	/* 하위메뉴(4~5차) */
	.tab_depth04> ul >li {margin: 0 1% 1% 0;}
	.tab_depth04 .list02 >li {width: 49.5%;}
	.tab_depth04 .list03 >li, .tab_depth04 .list04 >li, .tab_depth04 .list05 >li {width: 32.66%;}
	.tab_depth04 .list04 >li:nth-of-type(4n) {margin-right: 1%;}
	.tab_depth04 .list04 >li:nth-of-type(3n), .tab_depth04 .list05 >li:nth-of-type(3n) {margin-right: 0;}
	.tab_depth05 ul.list04 >li {width: 33.33%;}

	/* 위로 이동 버튼 */
	/* .btn_scroll_top {background-color: rgba(51,51,51,0.9);background-position:  -47px -99px;border-color: #bbb;} */

	/* scroll */
	::-webkit-scrollbar { width: 8px; }
	::-webkit-scrollbar-track { background: #fff; border-radius: 0; }
	::-webkit-scrollbar-thumb { height: 50px; width: 50px; background: #888; border-radius: 0; }
}

@media screen and (max-width:768px) {
	/* header */
	
	/* footer */
	footer .info_wrap {padding: 1.6rem;}
	.copy_logo {display: none;}
	.copy_info {width: 100%;}

	/* 하위메뉴(4~5차) */
	.tab_depth04 .list03 >li, .tab_depth04 .list04 >li, .tab_depth04 .list05 >li {width: 49.5%;}
	.tab_depth04 .list03 >li:nth-of-type(3n), .tab_depth04 .list04 >li:nth-of-type(3n), .tab_depth04 .list05 >li:nth-of-type(3n) {margin-right: 1%;}
	.tab_depth04 .list03 >li:nth-of-type(2n), .tab_depth04 .list04 >li:nth-of-type(2n), .tab_depth04 .list05 >li:nth-of-type(2n) {margin-right: 0;}
	.tab_depth05 ul.list01 >li a >span {max-width: 94%;}
	.tab_depth05 ul.list03 >li, .tab_depth05 ul.list04 >li {width: 50%;}
}

@media screen and (max-width:640px) {
	
	/* 페이지 상단 슬라이딩 팝업 */
	.sliding_popup .swiper-button-prev, .sliding_popup .swiper-button-next {-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
	.sliding_popup .swiper-pagination {margin-bottom: 2.8rem;right: 4.3rem;}
	.sliding_popup .control {position: relative;bottom: auto;left: auto;right: auto;overflow: visible;}
	.sliding_popup .control >div {display: block;width: 100%;text-align: center;}
	.sliding_popup .control label {width: 60%;text-align: center;}
	.sliding_popup .control a[class^=btn_] {float: none;}
	.sliding_popup .control .btn_close {width: 40%;float: left;text-align: center;}
	.sliding_popup .control label, .sliding_popup .control .btn_close {border-radius: 0;}
	.sliding_popup .control .btn_play, .sliding_popup .control .btn_stop {margin: 0.5rem auto;position: absolute;right: 1rem;bottom: 3rem;}

	/* 팝업레이어 */
	.popup_layer {width: 98%;left: 5px !important;top: 115px !important;}
	.popup_layer img {width: 100%;}

	/* header */
	.gnb_option {display: none;}
	.total_search li:nth-child(2) {width: 88%;}
	#lnbWrap .lnb_sub .depth02 >li >a {font-size: 1rem;}
	#lnbWrap .lnb_sub .depth03 {width: 100%;}
	#lnbWrap .lnb_sub .depth03 >li >a {font-size: 1rem;}
	#lnbWrap .lnb_sub .depth03 >li >a:before {width: 4px !important;}
	
	/* sub */
	#titWrap h3 {font-size: 1.9em;}
	#spotWrap {text-align: center;}
	#spotWrap .sub_acc {text-align: center; float: inherit;}
	.spot_list {margin-bottom: 10px;}
	.spot_list >li:before {width: 8px; background-position: -30px 0;}
	.spot_list >li {padding: 0;}

	/* footer */
	.familysite >li {width: 50%;}
	.familysite >li .list3 {width: 101%;}
	.familysite >li:nth-child(3) {border-right: 1px solid #838e95;}
	.familysite >li:nth-child(2n) {border-right: none;}
	
	/* 하위메뉴(4~5차) */
	.tab_depth04 >ul >li >a {padding: 1.3rem 1rem 1rem;text-align: left;}
	.tab_depth04 >ul >li >a[target=_blank] >span {max-width: 100%;}
	.tab_depth04 .list02 >li, .tab_depth04 .list03 >li, .tab_depth04 .list04 >li, .tab_depth04 .list05 >li {width: 100%;margin-right: 0;}
	.tab_depth05 ul >li a {font-size: 1.4rem;padding: 0.5rem 1rem;}
	.tab_depth05 ul.list01 >li a >span {max-width: 90%;}
	.tab_depth05 ul.list02 >li, .tab_depth05 ul.list03 >li, .tab_depth05 ul.list04 >li {width: 100%;}
	.tab_depth05 ul.list03 >li {width: 100%;margin-right: 0;float: none;}
}

@media screen and (max-width:425px) {
	/* sub */
	#titWrap h3 {font-size: 1.7em; line-height: 1.3; margin: 1em 0;}
	/*
	#spotWrap .spot_list {width: 70%; float: left;}
	#spotWrap .sub_acc {width: 30%; float: right;}
	 */
	.sub_acc li >a[class^=btn_] {width: 2.5em; height: 2.5em; background-size: cover;}
}


@media screen and (max-width:375px) {
	/* 페이지 상단 슬라이딩 팝업 */
	.sliding_popup .swiper-wrapper {height: 130px;}

	/* header */
	#searchWrap {font-size: 0.9375rem;padding: 0.8rem;}
	.total_search li:nth-child(3) {right: 0.5rem;}
	.total_search input[type="submit"] {background-position: -46px -26px;}

	/* footer */
	.familysite >li {width: 100%; border-left: none; border-right: none !important;}
	footer .btn_open {padding: 1.4rem 1.6rem 1.4rem;}
	footer .btn_close {bottom: -44px;}
	.familysite >li div {bottom: 43px;}
}

@media screen and (max-width:320px) {
	/* header */
	.total_search li:nth-child(2) {width: 86%;}
}