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

@media screen and (min-width:1025px) {
	/* header */
	#searchWrap {display: block !important;}
	/* header > menuLayer TYPE01 */
	#lnbWrap.type01 #lnb .lnb_sub {display:block;}
	#lnbWrap.type01 .depth02 >li {padding:0 1% 1%}
	/* header > menuLayer DEPART */
	#lnbWrap .lnb_sub.depart .depth02 li >a span {padding: 2rem 0 1rem;}
}
@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;}
	/* 위로 이동 버튼 */
	.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 1.6rem;}
	#conts {padding: 0 1rem;}

	/* header */
	#innerHead {border-bottom: 1px solid #838e95;}
	#innerHead >div {padding: 4rem 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%; right: 62px; width: 42px;height: 42px;-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%;}
	#lnbWrap {z-index: 99998;position: absolute;left: -100%;width: 80%;min-height: 89vh;overflow-y: auto;background: #0244af;background: -webkit-linear-gradient(45deg, #3753d4, #1c91f5, #20a9f3, #4dd0d0);background: -o-linear-gradient(45deg, #3753d4, #1c91f5, #20a9f3, #4dd0d0);background: linear-gradient(45deg, #3753d4, #1c91f5, #20a9f3, #4dd0d0);border-right: 1px solid #ddd;}
	#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-shadow:-1px -1px 0 #3753d4, 1px -1px 0 #3753d4, -1px 1px 0 #3753d4,1px 1px 0 #3753d4;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 .lnb_sub {top: 0 !important;display: none;background: #fff;padding: 0.8rem;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-bottom:none !important;
	letter-spacing: -0.5pt;font-size: 1.7rem;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:before,
	#lnbWrap .lnb_sub.depart .depth02 li >a:before {content: '';width: 5px;height: 5px;background: #000;margin-right: 4px;position: absolute;top: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
	#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 {width: 97%;margin-left: 1rem !important;padding: 0.5rem 0.9rem !important;border: 1px solid #ddd;}
	#lnbWrap .lnb_sub .depth03 >li {float:none !important;position: relative;}
	#lnbWrap .lnb_sub .depth03 >li >a {color: #999;padding: 0.7rem 0 0.7rem 1rem;font-size: 1.5rem;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: 6px;height: 2px;left: 0;top: 1.5rem;}
	#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;}

	/* footer */
	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_logo {width: 25%;padding: 0.96rem 0;}
	.copy_info {width: 75%;}

	/* 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 */
	#innerHead >div {padding: 3.52rem 0;}
	#innerHead h1 a {font-size: 2.5rem;}
	#searchWrap {top: 48px;}
	.total_search li:first-child {display: none;}
	.total_search li:nth-child(2) {width: 92%;}
	.total_search input[type="text"] {width: 100%;}
	.total_search input[type="submit"] {padding: 0.8rem;}

	/* 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: 1.6rem;}
	#lnbWrap .lnb_sub .depth03 {width: 96%;}
	#lnbWrap .lnb_sub .depth03 >li >a {font-size: 1.4rem;}
	#lnbWrap .lnb_sub .depth03 >li >a:before {width: 4px !important;}

	/* 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;font-size: 1.6rem;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:375px) {
	/* 페이지 상단 슬라이딩 팝업 */
	.sliding_popup .swiper-wrapper {height: auto;}

	/* header */
	#openSearch {right: 0.5rem;}
	#openMenu {left: 0.5rem;}
	#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%;}
}