@charset "utf-8";
@import url('/inc/font/font.css');

/* 공통 */
.only {opacity:0;width:1px;height:1px;overflow:hidden;text-indent:-999999px;position:absolute;}
.viewPC {display:block;}
.inviewPC {display:inline-block;}
.viewM {display:none;}
.inviewM {display:none;}

/* 상단영역 */
.head {width:100%;background:#fff;}
.head.fixed {position:fixed;left:0;top:0;z-index:10;}
.head .top {max-width:1000px;width:100%;margin:0 auto;text-align:center;position:relative;}
.head .top .toplist {display:inline-block;font-size:0;width:100%;}
.head .top .toplist > li {display:inline-block;vertical-align:middle;font-size:16px;width:33.3%;}
.head .top .toplist > li > div, .head .top .toplist > li > a {display:block;width:auto;padding:10px;color:#000;font-style:normal;text-decoration:none;line-height:1.4;position:relative;}
.head .top .toplist .brand > div {position:relative;text-align:left;z-index:1;margin-left:30px;}
.head .top .toplist .brand > div p {font-family:'NanumSquare';font-size:25px;font-weight:900;line-height:1.2;}
.head .top .toplist .brand > div strong {color:#ff9b33;line-height:1.2;}
.head .top .toplist .brand .medalicon {position:absolute;top:50%;right:100%;z-index:-1;transform:translate(30%,-50%);}
.head .top .toplist .logo > a {text-align:center;}
.head .top .toplist .banner > div {text-align:right;}

.head .top .snslist {display:inline-block;font-size:0;}
.head .top .snslist > li {display:inline-block;vertical-align:middle;font-size:12px;}
.head .top .snslist > li > a {display:block;width:auto;color:#333;font-style:normal;text-decoration:none;padding:5px;}

.head .bottom {height:54px;}

.head nav {background:rgba(248, 248, 248,.95);box-shadow:0 5px 10px rgba(0,0,0,.1);border-top:1px solid #f4f4f4;}
.head nav.fixed {position:fixed;top:0;left:0;z-index:80;width:100%;}
.head nav .navilist {display:block;font-size:0;max-width:1000px;width:100%;text-align:center;margin:0 auto;}
.head nav .navilist > li {display:inline-block;vertical-align:middle;font-size:17px;position:relative;}
.head nav .navilist > li > a {display:block;width:auto;padding:15px 50px;color:#333;font-style:normal;text-decoration:none;font-family:'NanumSquare';font-weight:700;}

.head nav .navilist > li .sublist {position:absolute;top:100%;left:50%;transform:translateX(-50%);width:100%;z-index:20;background:#fff;max-height:0;transition:all .5s cubic-bezier(0.85, 0, 0.15, 1);-webkit-transition:all .5s cubic-bezier(0.85, 0, 0.15, 1);box-shadow:0 5px 5px rgba(0,0,0,.1);}
.head nav .navilist > li .sublist::after {content:'';display:none;border:10px solid transparent;border-bottom:10px solid #fff;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);z-index:25;}
.head nav .navilist > li .sublist > li {visibility:hidden;opacity:0;transition:all .3s cubic-bezier(0.85, 0, 0.15, 1);-webkit-transition:all .3s cubic-bezier(0.85, 0, 0.15, 1);}
.head nav .navilist > li .sublist > li > a {display:block;width:auto;padding:10px 30px;font-size:14px;color:#000;}
.head nav .navilist > li:hover .sublist {max-height:150px;padding:10px 0;}
.head nav .navilist > li:hover .sublist::after {display:block;}
.head nav .navilist > li:hover .sublist > li {visibility:visible;opacity:1;transition-delay:.2s;-webkit-transition-delay:.2s;}

.mlogo {display:none;position:absolute;top:70%;left:10px;transform:translateY(-50%);width:120px;}
.mlogo img {max-width:100%;}
.mbtn {display:none;position:absolute;top:50%;right:10px;transform:translateY(-50%);width:40px;height:20px;overflow:visible;background:none;}
.mbtn span {position:absolute;width:80%;height:3px;border-radius:30px;background:#666;transition:all .35s;-webkit-transition:all .35s;}
.mbtn span:nth-child(1) {top:0;left:50%;transform:translateX(-50%);}
.mbtn span:nth-child(2) {top:50%;left:50%;transform:translate(-50%,-50%);}
.mbtn span:nth-child(3) {bottom:0;left:50%;transform:translateX(-50%);}
.mbtn.active span:nth-child(1) {top:50%;transform:translate(-50%,-50%) rotate(-45deg);background:rgb(239,69,120);}
.mbtn.active span:nth-child(2) {top:50%;transform:translate(-50%,-50%) rotate(360deg);opacity:0;}
.mbtn.active span:nth-child(3) {bottom:50%;transform:translate(-50%,50%) rotate(45deg);background:rgb(239,69,120);}

.floatMenu {position:absolute;top:300px;right:50%;transform:translateX(50%);max-width:1400px;width:100%;height:1px;z-index:50;}
.floatMenu > div {position:absolute;top:0;left:0;display:inline-block;background:rgba(245,245,245,.9);min-width:100px;padding:30px 15px;}
.floatMenu > div::after {content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:100%;height:100%;border:2px solid #000;z-index:-1;}
.floatMenu > div .tellist {text-align:center;}
.floatMenu > div .tellist > li {margin-bottom:10px;}
.floatMenu > div .tellist > li:last-child {margin-bottom:0px;}
.floatMenu > div .tellist > li > div {}
.floatMenu > div .tellist > li > div span {display:block;width:auto;}
.floatMenu > div .tellist > li > div span:first-child {font-size:17px;font-weight:900;line-height:1;font-family:'Nanummj';}
.floatMenu > div .tellist > li > div span:last-child {font-size:13px;font-weight:700;padding:5px;color:#666;}
.floatMenu > div .linklist {position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);text-align:center;width:100%;}
.floatMenu > div .linklist > li {display:inline-block;vertical-align:middle;}
.floatMenu > div .linklist > li > a {display:block;width:auto;background:rgba(245,245,245,.9);font-size:0;border-radius:8px;overflow:hidden;padding:2px;}

/* 메인영역 */
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;position:relative;padding-bottom:40%;}
.swiper-slide .textbox {position:absolute;top:50%;left:50%;line-height:1.2;}
.swiper-slide .textbox.left {transform:translate(-350px,-50%);}
.swiper-slide .textbox.center {transform:translate(-50%,-50%);}
.swiper-slide .textbox.right {transform:translate(300px,-50%);}
.swiper-slide .textbox p {opacity:0;visibility:hidden;transition:all 2s cubic-bezier(0.85, 0, 0.15, 1);-webkit-transition:all 2s cubic-bezier(0.85, 0, 0.15, 1);transform:translateY(50%);white-space:nowrap;display:inline-block;}
.swiper-slide .dokdo {font-family:'Dokdo';}
.swiper-slide .nanummj {font-family:'Nanummj';}
.swiper-slide .songmyung {font-family:'Songmyung';}
.swiper-slide .white {color:#fff;}
.swiper-slide .black {color:#000;}
.swiper-slide .textbox p.title01 {font-size:35px;font-weight:900;}
.swiper-slide .textbox p.title02 {font-size:50px;font-weight:900;transition-delay:.5s;}
.swiper-slide .verticalmode {writing-mode:vertical-lr;text-orientation: upright;}
.swiper-slide.swiper-slide-active .textbox p {opacity:1;visibility:visible;transform:translateY(0%);}
.mainslidebox {position:relative;}
.mainbanner_controlbox {position:absolute;bottom:0;left:50%;transform:translateX(-50%);max-width:1200px;width:100%;text-align:center;z-index:10;}
.mainbanner_controlbox a {display:inline-block;padding:5px 20px;background:#ff1100;color:#fff;font-weight:900;}


.mainmulticontent {width:100%;}
.mainmulticontent > div {max-width:1000px;width:100%;margin:50px auto;display:flex;flex-direction:row;}
.mainmulticontent > div > div {width:33.3%;padding:10px;}
.mainmulticontent [class*='box'] h3 {font-size:20px;font-family:'NanumSquare';font-weight:900;padding:10px 0;color:#333;}

.latestlist {position:relative;min-height:200px;border-top:1px solid #ccc;}
.latestlist > li {}
.latestlist > li:hover {background:#f5f5f5;}
.latestlist > li > div {display:block;width:auto;padding:6px 0;line-height:1;font-size:0;}
.latestlist > li > div > span, .latestlist > li > div > a {display:inline-block;vertical-align:middle;line-height:1;}
.latestlist > li > div span.num {width:20px;height:20px;border-radius:3px;background:#ccc;text-align:center;position:relative;}
.latestlist > li > div span.num span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;color:#fff;font-weight:900;}
.latestlist > li > div a.subject {width:calc(100% - 70px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000;font-size:12px;padding:5px;}
.latestlist > li > div span.date {width:50px;text-align:center;font-size:12px;color:#aaa;}
.latestlist .more {position:absolute;bottom:100%;right:0;transform:translateY(-50%);color:#000;font-size:12px;padding:5px 15px;border-radius:3px;background:#f5f5f5;transition:all .2s cubic-bezier(0.85, 0, 0.15, 1);-webkit-transition:all .2s cubic-bezier(0.85, 0, 0.15, 1);}
.latestlist .more:hover {background:#ccc;}

.locationbox > div {width:auto;position:relative;}
.locationbox .addr {font-weight:500;font-size:12px;line-height:1.6;margin-top:10px;color:#999;}
.locationbox .addr em {font-style:normal;color:#111;}
.mapbox {position:relative!important;width:100%!important;padding-bottom:56.25%;}
.mapbox #map {position:absolute!important;top:0;left:0;width:100%;height:100%!important;z-index:1;}
.mapbox .root_daum_roughmap {position:absolute;top:0;left:0;width:100%!important;height:100%!important;}
.mapbox .root_daum_roughmap .wrap_map {position:absolute;top:0;left:0;width:100%!important;height:100%!important;}
.mapbox .hide {display:none!important;}

.infobox {}
.infobox > div {position:relative;width:auto;height:210px;}
.infobox .infolist {}
.infobox .infolist > li {font-size:0;}
.infobox .infolist > li span {display:inline-block;vertical-align:middle;padding:5px;line-height:1.4;}
.infobox .infolist > li span:nth-child(1) {width:70px;color:#999;font-size:12px;font-weight:700;}
.infobox .infolist > li span:nth-child(2) {width:calc(100% - 70px);font-size:14px;}
.infobox .infolist > li span a {color:#000;}



/* 서브페이지 */

.subpage_top_box {width:100%;background:url('/img/subpage_banner01.jpg') center center / cover no-repeat;position:relative;}
.subpage_top_box > div {max-width:1000px;width:100%;height:200px;margin:0 auto; position:relative;}
.subpage_top_box .textbox {position:absolute;top:50%;left:0%;transform:translateY(-50%);color:#fff;padding:20px 0;z-index:2;text-align:left;}
.subpage_top_box .textbox h3 {font-size:30px;font-family:'Gmarket';font-weight:900;}
.subpage_top_box .textbox p {font-size:18px;font-family:'NanumSquare';font-weight:900;}
.subpage_top_box::after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:1;}
.subpage_top_box .pagebox {position:absolute;bottom:0;right:0;z-index:2;transform:translateY(50%);max-width:250px;width:100%;background:#c1d4ff;}
.subpage_top_box .pagebox > ul {font-size:0;}
.subpage_top_box .pagebox > ul > li {display:inline-block;vertical-align:middle;padding:10px;font-size:12px;position:relative;}
.subpage_top_box .pagebox > ul > li .home {padding:12px;background:url('/img/page_home.png') center center no-repeat;}
.subpage_top_box .pagebox > ul > li::after {content:'';display:block;position:absolute;top:50%;right:0;transform:translate(50%,-50%);z-index:2;background:url('/img/page_arr.png') 10px center no-repeat;padding:12px;}
.subpage_top_box .pagebox > ul > li:last-child::after {display:none;}
.subpage_top_box .pagebox > ul > li:last-child {padding:10px;}
.subpage_top_box .pagebox > ul > li > a {color:#fff;}
.subpage_top_box .pagebox > ul > li > div {color:#fff;}

.dscription {font-size:12px;color:#aaa;}
















.pagination {text-align:center;margin:20px auto;}
.pagination > a {display:inline-block;vertical-align:middle;padding:12px;position:relative;text-decoration:none;color:#666;background:#c1d4ff;border:1px solid #b5ccff;}
.pagination > a > span {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;font-size:12px;color:#fff;}
.pagination > a.active > span {color:#fff;}


.footer {width:100%;background:#fbfbfb;border-top:1px solid #f3f3f3;}
.footer > div {max-width:1200px;width:100%;margin:0 auto;padding:50px 0 30px;text-align:center;}
.footer > div > div {}
.footer > div > div.logo {}
.footer > div > div.info {margin-bottom:20px;}
.footer > div > div.info h3 {font-size:18px;font-weight:300;line-height:1.6;color:#666;padding-bottom:10px;}
.footer > div > div.info p {font-size:14px;font-weight:300;line-height:1.6;color:#666;}
.footer > div > div.info strong {color:#333;}
.footer p.desc {display:inline-block;font-size:10px;color:#aaa;background:#E5E5E5;padding:5px 10px;border-radius:50px;}
.copyright {background:#666;}
.copyright > div {max-width:1000px;margin:0 auto;text-align:center;}
.copyright em {display:inline-block;vertical-align:middle;padding:10px 5px;font-size:12px;font-weight:300;letter-spacing:1px;color:#b3b3b3;font-style:normal;}




/* 어드민 설정 */
.adminbox {position:fixed;top:0;left:-100%;z-index:120;font-size:0;transition:all .2s cubic-bezier(0.85, 0, 0.15, 1);-webkit-transition:all .2s cubic-bezier(0.85, 0, 0.15, 1);}
.adminbox.active {left:0;}
.adminbox div {display:block;padding:8px 0;background:#ea0046;color:#fff;font-weight:900;cursor:pointer;}
.adminbox div img {max-width:60%;}


.admin_popup {position:fixed;top:0;left:-300px;width:300px;z-index:300;background:rgba(10,10,10,.9);height:100vh;box-shadow:5px 0 10px rgba(0,0,0,.1);transition:all .2s cubic-bezier(0.85, 0, 0.15, 1);-webkit-transition:all .2s cubic-bezier(0.85, 0, 0.15, 1);}
.admin_popup.active {left:0;}
.admin_popup > div {padding:30px;}
.admin_popup > div h3 {margin-bottom:10px;color:#fff;}
.admin_popup > div .infowrap {margin-bottom:30px;}
.admin_popup > div .infowrap ul {}
.admin_popup > div .infowrap ul > li {margin-bottom:5px;}
.admin_popup > div .infowrap ul > li > div {font-size:0;}
.admin_popup > div .infowrap ul > li > div > div {display:inline-block;vertical-align:middle;font-size:12px;}
.admin_popup > div .infowrap ul > li > div > div:first-child {width:80px;color:#ddd;}
.admin_popup > div .infowrap ul > li > div > div:last-child {width:calc(100% - 80px);}
.admin_popup > div .infowrap .input_control {width:100%;border:1px solid #eee;border-radius:2px;padding:5px;}
.admin_popup .submitbox {text-align:right;margin-top:20px;}
.admin_popup .submitbox button {display:inline-block;background:#ff1100;padding:10px 30px;color:#fff;font-weight:900;}
.admin_popup > div .linkwrap {}
.admin_popup > div .linkwrap ul {}
.admin_popup > div .linkwrap ul > li {margin-bottom:5px;}
.admin_popup > div .linkwrap ul > li > a {display:block;width:auto;padding:5px;padding-left:35px;color:#000;background:#fff url('/img/link_icon.png') 12px center no-repeat;border-radius:30px;}

.admin_popup .logout {position:absolute;z-index:1;bottom:0;left:0;width:100%;padding:20px;text-align:center;color:#fff;font-weight:900;font-size:18px;border:0;background:#ff1100;}

.admin_popup .adminclose {position:absolute;z-index:1;top:0;left:0;padding:27px;background:#ea0046;transition:all .2s cubic-bezier(0.85, 0, 0.15, 1);-webkit-transition:all .2s cubic-bezier(0.85, 0, 0.15, 1);}
.admin_popup.active .adminclose {left:100%;}
.admin_popup .adminclose span {position:absolute;z-index:1;top:50%;left:50%;width:80%;height:3px;background:#fff;border-radius:10px;}
.admin_popup .adminclose span:first-child {transform:translate(-50%,-50%) rotate(45deg);}
.admin_popup .adminclose span:last-child {transform:translate(-50%,-50%) rotate(-45deg);}




@media all and (max-width:640px){

	/* 공통 */
	.viewPC {display:none;}
	.inviewPC {display:none;}
	.viewM {display:block;}
	.inviewM {display:inline-block;}


	/* 상단영역 */
	
	.head .top {font-size:0;}
	.head .top .toplist > li.brand {position:fixed;top:10px;left:20px;transform:translateY(-50%);z-index:110;width:50%;white-space:nowrap;}
	.head .top .toplist .brand > div {margin-left:0;}
	.head .top .toplist .brand > div p {display:inline-block;vertical-align:middle;font-size:12px;font-weight:500;font-family:'Noto sans KR';}
	.head .top .toplist > li.logo {display:none;}
	.head .top .toplist > li.banner {position:fixed;top:30px;right:50px;transform:translateY(-50%);z-index:110;}
	.head .top .snslist > li > a {padding:0;}
	.head nav .navilist > li:hover .sublist {padding:0;}
	.head nav .navilist > li:hover .sublist::after {display:none;}
	.head .top .snslist > li img {max-width:70%;}

	.head .bottom {background:#fff;position:fixed;top:0;left:0;width:100%;z-index:100;min-height:60px;box-shadow:0 5px 5px rgba(0,0,0,.1);}
	.bottom nav {display:none;position:absolute;top:100%;left:0;width:100%;z-index:1;background:rgba(0,0,0,.6);}
	.bottom nav.active {display:block;position:absolute;top:100%;left:0;width:100%;z-index:1;background:rgba(0,0,0,.6);}
	.bottom nav .navilist > li {display:block;width:100%;padding:0 10px;}
	.bottom nav .navilist > li > a {padding:20px 10px 5px 10px;color:#fff;text-align:left;}
	.bottom nav .navilist > li > a img {display:none;}
	.bottom nav .navilist > li:last-child a {padding:20px 10px;}
	.bottom nav .navilist > li:hover .sublist {display:block;}
	.bottom nav .navilist > li .sublist {display:block;position:relative;top:auto;left:auto;transform:none;background:none;max-height:none;box-shadow:none;}
	.bottom nav .navilist > li .sublist > li {visibility:visible;opacity:1;}
	.bottom nav .navilist > li .sublist > li > a {position:relative;padding:5px 15px 5px 30px;color:#fff;text-align:left;box-shadow:none;}
	.bottom nav .navilist > li .sublist > li > a::after {content:'-';font-size:10px;position:absolute;top:50%;left:15px;transform:translateY(-50%);}

	.mlogo {display:block;}
	.mlang {display:block;}
	.mbtn {display:block;}
	.adminbox {top:60px;transform:none;}
	.admin_popup.active {width:100%;}
	.admin_popup.active .adminclose {top:0;right:0;left:auto;transform:none;}
	.admin_popup > div {overflow-Y:scroll;height:100%;padding-bottom:100px;}

	.floatMenu {display:none;}



	/* 메인영역 */
	.mainslidebox {margin-top:60px;}
	.swiper-slide {padding-bottom:80vh;}
	.swiper-slide .textbox.left {transform:translate(-50%,-50%);}
	.swiper-slide .textbox.center {transform:translate(-50%,-50%);}
	.swiper-slide .textbox.right {transform:translate(-50%,-50%);}
	.swiper-slide .textbox p.title01 {font-size:20px;}
	.swiper-slide .textbox p.title02 {font-size:36px;}

	.mainmulticontent > div {flex-direction:column;margin:0 auto;}
	.mainmulticontent > div > div {width:100%;padding:30px 10px;}

	.infobox > div {min-height:auto;}
	.infobox > div {height:auto;}

	.subpage_top_box  {margin-top:60px;}
	.subpage_top_box .textbox {left:10%;}
	.subpage_top_box .textbox h3 {font-size:18px;}
	.subpage_top_box .textbox p {font-size:12px;}
	.subpage_top_box .pagebox {max-width:none;}



	/* 하단영역 */
	.footer > div > div.info p {display:inline-block;font-size:12px;text-align:left;}
	.footer > div > div.info p span {display:block;padding:3px;}
	.footer > div > div.info p span.inviewPC {display:none;}
	.footer > div > div.logo {margin-top:30px;}
	.copyright em {font-size:10px;}


}