@charset "utf-8";

/* 레이아웃 - 공통 */
body {overflow-x:hidden;}
.main-wrap p, .main-wrap a {transition:all 0.5s ease-in-out; word-break:keep-all}
.hidden {display:none !important;}
.upper {text-transform:uppercase !important;}
/* ----------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------- */

#header {width:100%; height:0; overflow:visible; margin:0 auto; position:absolute; z-index:11; top:0; left:0; transition:all 0.3s ease-in-out; color:#fff; }

.header-in-wrap {width:98%; height:90px; margin:0 auto; max-width:1790px; transition:all 0.5s ease-in-out; position:relative; z-index:1; }
/* 로고 */
.header-in-wrap h1.logo {position:absolute; width:235px; left:0; top:50%; transform:translateY(-50%); line-height:0; z-index:10;}
.header-in-wrap h1.logo a {display:block; overflow:hidden; width:100%; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.header-in-wrap h1.logo a img {height:34px}
.header-in-wrap h1.logo a img:nth-child(2) {filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(116deg) brightness(109%) contrast(109%);}

/* 상단버튼 - 위치 */
.t-btn-location {position:absolute; right:275px; top:0; height:100%; line-height:0; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.t-btn-location span {font-size:1.6rem; margin-left:8px}

/* 상단버튼 - SNS */
.t-btn-sns {position:absolute; cursor:pointer; right:160px; height:34px; top:50%; transform:translateY(-50%);  line-height:0; display:flex; justify-content:center; align-items:center; flex-wrap:wrap;  gap:18px}
.t-btn-sns a { height:20px; line-height:20px;}
.t-btn-sns a img {filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(116deg) brightness(109%) contrast(109%); height:20px}

/* 상단버튼 - 언어선택 */
.t-btn-language {position:absolute; right:80px; cursor:pointer; width:30px; height:100%; line-height:0; text-align:center; }
.t-btn-language .tit-wrap {display:flex; justify-content:space-between; align-items:center; width:100%; height:100%;}
.t-btn-language .tit-wrap .language-icon {height:20px;}
.t-btn-language .tit-wrap .language-icon img {height:100%;}
.t-btn-language .language-list {display:none; overflow:hidden; position:absolute; width:120px; left:50%; margin-left:-60px; background:rgba(0, 0, 0, 0.3);}
.t-btn-language .language-list li {height:40px; line-height:40px; width:100%; }
.t-btn-language .language-list li a { width:100%; height:100%; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column;  font-size:1.4rem; box-sizing:border-box; padding:0 10px; }
.t-btn-language .language-list li a:hover {background:#da9393;}
.t-btn-language .language-list li a img {height:18px; }

/* 상단버튼 - 로그인 */
.t-btn-login  {position:absolute; cursor:pointer; right:70px; top:50%; transform:translateY(-50%); line-height:0; text-align:center; box-sizing:border-box;  display:flex; justify-content:center; align-items:center; flex-wrap:wrap; display:none;}
.t-btn-login a  { display:inline-block; overflow:visible; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; padding-left:30px; position:relative;}
.t-btn-login a:first-child {padding-left:0}
.t-btn-login a img {margin-right:8px; filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(299deg) brightness(104%) contrast(101%); }
.t-btn-login a span { font-size:1.4rem; }
.gnb-menu-top .t-btn-login  {display:none}

/* 상단메뉴 */
.top-menu-wrap {display:none;}

/* 상단버튼 - 사이트맵 */
.t-btn-sitemap {position:absolute; cursor:pointer; right:0; top:50%; width:30px; height:25px;  transform:translateY(-50%); line-height:0; text-align:center; box-sizing:border-box; display:flex; justify-content:space-between; align-items:flex-start;  flex-wrap:wrap;  flex-direction:column;}
.t-btn-sitemap .bar { position: relative; display: block; width: 30px; height: 3px; background: #fff; transition:all 0.5s ease-in-out; }
.t-btn-sitemap.sm-btn-on .bar {
	opacity: 0;
	margin: 0;
	width:0;
	height:0;
}
.t-btn-sitemap.sm-btn-on .bar:nth-of-type(1) {
	opacity: 1;
	width: 32px;
	height: 2px;
	margin:0;
	-webkit-transform: translateY(8px) rotate(-45deg);
	-ms-transform: translateY(8px) rotate(-45deg);
	transform: translateY(8px) rotate(-45deg);
}
.t-btn-sitemap.sm-btn-on .bar:nth-of-type(3) {
	opacity: 1;
	width: 32px;
	height: 2px;
	margin:0;
	-webkit-transform: translateY(-8px) rotate(45deg);
	-ms-transform: translateY(-8px) rotate(45deg);
	transform: translateY(-8px) rotate(45deg);
}


/* 전체 드롭다운 */
.gnb-menu-wrap {width:100%; overflow:visible;  position:absolute; display:block; background:none; top:0;}
.gnb-menu-wrap > div {width:100%; overflow:hidden; border:none;  }
.gnb-bg {display:none;}
.gnb-menu-wrap .gnb-menu-area {width:650px; position:static; margin:0 auto 0 25%; overflow:visible; background:none;  transition:all 0.5s ease-in-out; }
.gnb-menu-wrap .gnb-menu-area > .height-finder {width:100%; height:0; left:0; position:absolute; z-index:98}
.gnb-menu-wrap .gnb-menu-area:hover > .height-finder {height:auto; background:rgba(255, 255, 255, 0.7); border-bottom:1px solid rgba(255, 255, 255, 0.4);}
.gnb-menu-wrap .gnb-menu-area:hover > .height-finder::before {content:''; position:absolute; left:0;  display:block; width:100%; height:1px; background:rgba(255, 255, 255, 0.4);}

#header:has(+ div:hover) {background:rgba(0, 0, 0, 0.7); height:90px; }

.gnb-menu-area .gnb-menu-top {display:none;}
.gnb-menu-area .gnb-menu-top .t-close-btn {display:none;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 { width:100%; margin:0 auto; z-index:9998; overflow:visible; display:flex}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li  {flex:1; z-index:9997}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a {display:block; width:100%;  text-align:center; color:#fff; height:90px; background:none; padding:0; font-size:1.8rem; display:flex; justify-content:center; flex-direction:column; align-items:center; flex-wrap:wrap; font-weight:500}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:hover > a {color:#ffb5b5;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a > span {line-height:2.4rem; word-break:keep-all; font-family:inherit;  font-family:inherit; transform: scaleY(0); height:0; max-width:130px;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a > span.kor {transform: scaleY(1); height:auto;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:hover > a > span.kor {transform: scaleY(0); height:0;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:hover > a > span.eng {transform: scaleY(1); height:auto; font-family: "Marcellus", serif; font-size:1em; line-height:1em; }
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > .gnb-depth-2-wrap  {transform: scaleY(0); transform-origin: top; transition: transform 0.3s ease;  transition-delay:0.3s; overflow:hidden; position:absolute; z-index:9999; width:2100px; padding:0; margin:0;  left:50%; margin-left:-1050px; display:flex; /* justify-content:center; align-items:stretch; */ flex-wrap:wrap; background:rgba(0, 0, 0, 0.5); }
.gnb-depth-2-wrap {color:#fff;}
.gnb-depth-2-wrap .gnb-depth-2-tit {display:none; justify-content:flex-start; flex-direction:column; align-items:flex-start; flex-wrap:wrap;  padding:40px 40px 40px 300px; box-sizing:border-box; width:750px; text-align:left;}
/*.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(1) .gnb-depth-2-wrap .gnb-depth-2-tit {background:url('../images/gnb_menu_bg_1.png') no-repeat left bottom; }
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(2) .gnb-depth-2-wrap .gnb-depth-2-tit {background:url('../images/gnb_menu_bg_2.png') no-repeat left bottom; }
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(3) .gnb-depth-2-wrap .gnb-depth-2-tit {background:url('../images/gnb_menu_bg_3.png') no-repeat left bottom; }
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(4) .gnb-depth-2-wrap .gnb-depth-2-tit {background:url('../images/gnb_menu_bg_4.png') no-repeat left bottom; }
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(5) .gnb-depth-2-wrap .gnb-depth-2-tit {background:url('../images/gnb_menu_bg_5.png') no-repeat left bottom; }*/

.gnb-depth-2-wrap .gnb-depth-2-tit .tit { font-size:2.8rem;  font-family: 'S-CoreDream-5Medium';}
.gnb-depth-2-wrap .gnb-depth-2-tit .stit { font-family: "Marcellus", serif; font-size:1.8rem; line-height:3.2rem; word-break:break-word; margin-top:5px; color:rgba(255, 255, 255, 0.4);}
.gnb-depth-2-wrap .gnb-depth-2 {width:100%; max-width:1400px; padding:20px; height:auto; box-sizing:border-box; margin-top:1px;  text-align:left; margin:0 auto; }
.gnb-depth-2-wrap .gnb-depth-2 > li {padding:0px;  position:relative; height:auto;  overflow:visible; display:inline-block; overflow:hidden; vertical-align:top; margin:0 0 5px 0; }
.gnb-depth-2-wrap .gnb-depth-2 > li:first-child {border-top:none;margin-top:0; }
.gnb-depth-2-wrap .gnb-depth-2 > li::after { display:inline-block; overflow:hidden; vertical-align:middle; width:2px; height:12px; background:rgba(255,255,255,.4); content:''; margin:-4px 10px 0 10px; }
.gnb-depth-2-wrap .gnb-depth-2 > li:last-child::after { display:none; }
.gnb-depth-2-wrap .gnb-depth-2 > li > a {
	background:none;/*background:url('../images/tm_a_bg.gif') no-repeat 5px center;*/ font-weight:500;
	padding:0px;  height:auto;  line-height:2.0rem; font-size:1.6rem; height:36px; line-height:36px; background:none !important; opacity:0.8  }
.gnb-menu-wrap .isDepth2:hover .gnb-depth-2-wrap, .gnb-menu-wrap .isDepth2:focus .gnb-depth-2-wrap {transform: scaleY(1) !important;} 
.gnb-menu-wrap .isDepth2 .gnb-depth-2-wrap .gnb-depth-2 > li:hover > a {color:#f7c9cb;}
.gnb-menu-wrap .isDepth2 .gnb-depth-2-wrap .gnb-depth-2 > li > a:hover {color:#f7c9cb;}
.gnb-menu-wrap #gnb .isDepth2 .gnb-depth-2-wrap .gnb-depth-2 > li > a.on {color:#f7c9cb ;}

.gnb-depth-3 { display:block;  box-sizing:border-box; margin:10px 0 20px 0; }
.gnb-depth-3 > li {margin-top:8px; word-break:keep-all;border-top:none; padding-left:15px; position:relative;  text-align:left; font-size:1.5rem}
.gnb-depth-3 > li:first-child {margin-top:0}
.gnb-depth-3 > li::before {
  content:'';
  display:inline-block;
  position:absolute; 
  top:6px;
  left:0;
  width:5px; height:5px;
  border-radius:50%;
  background:#ceec28;
}
.gnb-depth-3 > li > a:hover {color:#ceec28;}


#header.fixNav { position:fixed; z-index:9999; height:80px; border-bottom:0px solid #dadada; background:rgba(0, 0, 0, 0.5)}
#header.fixNav .header-in-wrap {height:80px;}
#header.fixNav:has(+ div):hover {height:80px;}
#header.fixNav .gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a {  height:80px; line-height:80px; }
#header.fixNav .gnb-menu-area .gnb-depth-2 {top:80px}


/* 퀵 */
#quick { display:block; position:fixed; z-index:15; width:160px; right:10px; margin:0; top:80%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); transition-duration:.3s; overflow:hidden}
#quick .icon-wrap {overflow: hidden; width:100%; height:230px;  display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px; position:relative;}
#quick .icon-wrap li {width:100%; height:50px; background:#e58383; border-radius:25px; margin:0 auto; display:flex; flex-direction:column; justify-content:center; align-items:center; }
#quick .icon-wrap li:hover {background:rgba(40, 47, 103, 0.8);}
#quick .icon-wrap li:first-child {border-top:0}
#quick .icon-wrap li a {width:100%; height: 100%; display:flex; justify-content:center; align-items:center; gap:10px;}
#quick .icon-wrap li a img {height:20px;}
#quick .icon-wrap li a span {color:#fff; font-size:1.5rem; font-family:'S-CoreDream-5Medium'; display:block; line-height:1.6rem; word-break:keep-all; }
#quick .icon-wrap li:first-child a span {font-size:1.6rem; font-family:'Montserrat'; font-weight:600; }
.btn-top {width:100%; height:30px; display:flex; justify-content:center; align-items:center; gap:10px; margin-top:10px}
.btn-top img {width:8px; transform:rotate(-90deg); opacity:0.5;}
.btn-top span {font-family:'Montserrat'; font-size:1.4rem; font-weight:600; opacity:0.5}

/* ----------------------------------------------------------------------------- */
/* main.html */
/* ----------------------------------------------------------------------------- */

/*/// 메인 - 컨텐츠 공통 - start ///*/
#fullpage {overflow:hidden;}
.page {width:100%; margin:0 auto; overflow:hidden; position:relative; }
.container {width:92%; position:relative; margin:0 auto; overflow:hidden; z-index:2; max-width:1600px; padding:100px 0; letter-spacing:-0.5px}
.page-tit-wrap {position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:25px; top:50px; opacity:0; transition: top 0.3s ease-in-out; }
.page-tit-wrap.on {top:0;  opacity:1;}
.page-setit {font-family: "Marcellus", serif; font-size:1.6rem; line-height:2.0rem; letter-spacing:1px}
.page-etit {font-family: "Marcellus", serif; font-size:4rem; line-height:4.0rem; letter-spacing:1px}
.page-betit {font-family: "Marcellus", serif; font-size:6rem; line-height:6rem; }
.page-tit {font-family: 'S-CoreDream-3Light'; font-size:3rem; letter-spacing:-1px}
.page-btit {font-family: 'S-CoreDream-3Light'; font-size:4.5rem; line-height:6rem; letter-spacing:-1px}
.page-btit span {font-family: 'S-CoreDream-6Bold';}
.page-xtit {font-family: 'S-CoreDream-2ExtraLight'; font-size:8rem; line-height:9rem; letter-spacing:-1px}
.page-xtit span {font-family: 'S-CoreDream-5Medium';}
.page-con {font-size:1.7rem; line-height:2.4rem; opacity:0.7; letter-spacing:-0.5px;}
.page-btn { display:flex; justify-content:center; align-items:center; flex-wrap:wrap;  gap:15px; width:90px; height:90px; background:#191919; border-radius:50%; }
.page-btn span {font-size:1.7rem; height:2.0rem; line-height:1.8rem; font-weight:500; letter-spacing:-0.5px; font-family: "Marcellus", serif; color:#fff;}
.page-btn img {height:13px; position:relative; z-index:2; filter: invert(100%) sepia(0%) saturate(23%) hue-rotate(98deg) brightness(108%) contrast(106%); }
.page-btn:hover {background:#f3acac;}

/* 공통 - 원형 버튼 */
.page-circle {width:160px; height:160px; border-radius:50%; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column; position:relative;}
.page-circle .arrow { line-height:0; width:110px; height:110px; border-radius:50%; background:#000; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column; transition:all 0.5s ease-in-out; }
.page-circle .arrow span {font-family: "Marcellus", serif; font-size:1.5rem; line-height:1.6rem; letter-spacing:1px}
.page-circle .arrow img {height:12px; width:100%;filter: invert(100%) sepia(0%) saturate(23%) hue-rotate(98deg) brightness(108%) contrast(106%); transition:all 0.5s ease-in-out; margin-top:10px}
.page-circle:hover .arrow {background:#f7d8d7;}
.page-circle:hover .arrow span {color:#000;}
.page-circle:hover .arrow img {filter:none;}
.page-circle .circle-txt {position:absolute; z-index:3; left:5px; bottom:5px; width:150px; height:150px; border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-content:center; flex-wrap:wrap; animation: spinitem 15s linear infinite; transform-origin: 50% 50%;}
.page-circle .circle-txt svg {height:130px; overflow:visible}
.page-circle .circle-txt svg text {font-size:1.2rem;}
.page-circle .circle-txt svg text textPath {font-family: "Marcellus", serif; transition:all 0.5s ease-in-out; letter-spacing:0.5px; opacity:0.7;}
.page-circle .circle-txt svg text textPath {fill:#ffffff;}
@keyframes spinitem {
	100% {
    	transform: rotate(360deg);
    }
}

/* 공통 - 슬라이드 컨트롤 */
.m-slider-control {width:100%; display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; }
.m-slider-control .m-slider-fraction {position:relative; width:76px; font-size:1.7rem; height:16px; line-height:16px; letter-spacing:-0.5px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.m-slider-control .m-slider-fraction span {display:inline-block; font-family: "Marcellus", serif;  line-height:18px; vertical-align:middle; order:3; opacity:0.5; color:#000; width:23px; text-align:center;}
.m-slider-control .m-slider-fraction span:first-child {order:1; opacity:1;}
.m-slider-control .m-slider-fraction::before {content:'/'; display:block; order:2; opacity:0.5; color:#000}
.m-slider-control .m-slider-nav {width:121px; display:flex; justify-content:center; align-items:center;  flex-wrap:wrap; }
.m-slider-control .m-slider-nav div {display:block; cursor:pointer;}
.m-slider-control .m-slider-nav .slider-prev {width:60px; height:12px; text-align:left;}
.m-slider-control .m-slider-nav .slider-next {width:60px; height:12px; border-left:1px solid #9d9c9c; text-align:right;}
.m-slider-control .m-slider-nav div img {height:12px; filter: invert(76%) sepia(11%) saturate(17%) hue-rotate(316deg) brightness(81%) contrast(87%); }
.m-slider-control .m-slider-nav div:hover img {filter: invert(88%) sepia(33%) saturate(2984%) hue-rotate(299deg) brightness(117%) contrast(91%);}
.m-slider-control .m-slider-nav .slider-prev img { transform:rotate(-180deg);}
.m-slider-control .m-slider-pagination {position:relative; width:100%; height:3px; background: rgba(0, 0, 0, 0.1);}
.m-slider-control .m-slider-pagination .swiper-pagination-progressbar-fill { background: #da9393; }
/*/// 메인 - 컨텐츠 공통 - end ///*/


/* ---- section #1 ---- */
.page1 {z-index:10; width:100%;  overflow:hidden; position:relative;} 
.page1 .container { padding:0; width:100%; max-width:100%;}
.page1 .section-content {overflow:hidden; box-sizing:border-box;  transition:all 3s; transition-delay:1s; position:relative;}
.page1 .video-wrap .tit-wrap {position:absolute; top:0; z-index:3; width:100%; height:100%; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.page1 .video-wrap .tit-wrap p {color:#fff; letter-spacing:-1px;}
.page1 .video-wrap .tit-wrap .tit {font-size:7.0rem; line-height:9rem; font-family: 'S-CoreDream-3Light'; width:92%;  margin:0 auto; text-align:left; letter-spacing: -2px;}
.page1 .video-wrap .tit-wrap .tit span {font-family: 'S-CoreDream-6Bold'; display:block;}
.page1 .video-wrap .tit-wrap .logo {width:92%;  margin:0 auto; margin-top:55px; text-align:left; }
.page1 .video-wrap .tit-wrap .logo img {height:33px; filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(116deg) brightness(109%) contrast(109%);}
.page1 .video-wrap {position:relative; z-index:2; line-height:0;  width:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.page1 .video-wrap .cover {position:absolute; width:100%; height:100%; left:0; top:0; z-index:4; background:rgba(0, 0, 0, 0.6);  display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; text-align:center;} 
.page1 .video-wrap .cover p {font-size:3rem; line-height:3.6rem; font-family: 'Pretendard-SemiBold'; margin-bottom:25px}
.page1 .video-wrap .cover .btn-wrap {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; width:100%; max-width:640px; gap:30px;}
.page1 .video-wrap .cover .btn-wrap .btn { cursor:pointer; flex:1; box-sizing:border-box; border:2px solid #fff; height:60px; text-align:center; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; font-size:1.8rem; line-height:2.6rem; font-family: 'Pretendard-Medium'; }
.page1 .video-wrap .cover .btn-wrap .btn:hover {background:#010e1e; border:2px solid #010e1e; }

.page1 .video-wrap video {width:100%; position:relative; z-index:1; display:none;}
.page1 .video-wrap > img {width:100%}
#video1 {display:block;}

.video-progress {position:relative;  height:0; overflow:visible; top:-16vw; width:92%; max-width:1740px; margin:0 auto; z-index:3; display:flex; justify-content:flex-start; align-items:center; gap:8px; line-height:0;} 
.video-progress .bar {width:100px; height:3px; background:none;  border-radius:0;  transition:all 0.5s ease-in-out; z-index:2; position:relative; box-sizing:border-box; background:rgba(255, 255, 255, 0.4); opacity:1; cursor:pointer;}
.video-progress .bar span {position:absolute; left:0; top:0; height:3px; width:0; z-index:1; background:#ffffff; transition:all 0.5s ease-in-out;}

.m-slider-scroll {position:relative; overflow:visible;  height:0; top:-250px; width:92%; max-width:1740px; margin:0 auto; z-index:3; display:flex; justify-content:center; align-items:flex-end; flex-direction:column; overflow:visible; line-height:0;} 
.m-slider-scroll a {display:block; position:relative; width:250px;  overflow:visible; height:15px; transform:rotate(90deg); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;  flex-shrink:0}
.m-slider-scroll a span.tit {color:#fff; font-size:1.0rem; font-family:'Montserrat'; font-weight:600; height:15px; line-height:15px; width:140px; opacity:0.6; letter-spacing:5px;}
.m-slider-scroll a span.bar {width:calc(100% - 150px); height:7px; position:relative;}
.m-slider-scroll a span.bar::before {content:''; display:block; position:absolute; left:0; top:0; width:20px; height:7px; background:#ffffff40; transition:all 0.5s ease-in-out; border-radius:4px;}
.m-slider-scroll a:hover span.bar::before {width:98%; background:#ffffff80; }

/* 플로팅 공지사항 */
.floating-notice {position:fixed; left:4%; bottom:120px; z-index:99; width:240px; overflow:hidden; height:30px; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; background:rgba(0, 0, 0, 0.8); border-radius:15px; transition:all 0.5s ease-in-out;}
.floating-notice.folded {width:50px;}
.floating-notice .close {width:15px; height:15px;  display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column; position:absolute; left:15px; top:50%; transform:translateY(-50%);  }
.floating-notice .close .bar { position: relative; display: block; width:15px; height: 2px;background: #fff; transition:all 0.5s ease-in-out; }
.floating-notice .close .bar:nth-of-type(1) {
	-webkit-transform:  translateX(0px) translateY(1px) rotate(-45deg);
	-ms-transform:  translateX(0px) translateY(1px) rotate(-45deg);
	transform: translateX(0px) translateY(1px) rotate(-45deg);
}
.floating-notice .close .bar:nth-of-type(2) {
	-webkit-transform: translateX(0px) translateY(-1px) rotate(45deg);
	-ms-transform:  translateX(0px) translateY(-1px) rotate(45deg);
	transform: translateX(0px) translateY(-1px) rotate(45deg);
}
.floating-notice .subject {overflow:hidden; width:180px; color:#fff; font-size:1.4rem; margin-left:13px;}
.floating-notice .subject a { display:inline-block; animation:marquee linear 10s infinite; padding-left:300px; white-space:nowrap;}

.floating-notice.folded .close {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' id='레이어_1' x='0px' y='0px' viewBox='0 0 14.5 12.8' style='enable-background:new 0 0 14.5 12.8;' %3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg%3E%3Cg%3E%3Cpath class='st0' d='M4.2,10H0.3C0.2,10,0,9.9,0,9.7V3.1C0,3,0.2,2.8,0.3,2.8h3.8c0.2,0,0.3,0.2,0.3,0.3v6.6 C4.5,9.9,4.4,10,4.2,10z M0.7,9.4h3.1V3.5H0.7V9.4z'/%3E%3Cg%3E%3Cpath class='st0' d='M8.8,12.8c-0.1,0-0.1,0-0.2-0.1L4.1,10C4,9.9,3.9,9.7,4,9.5c0.1-0.2,0.3-0.2,0.5-0.1l3.9,2.5V1L4.5,3.4 C4.3,3.5,4.1,3.5,4,3.3C3.9,3.2,4,3,4.1,2.9l4.4-2.8C8.7,0,8.8,0,8.9,0C9,0.1,9.1,0.2,9.1,0.3v12.2c0,0.1-0.1,0.2-0.2,0.3 C8.9,12.8,8.8,12.8,8.8,12.8z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath class='st0' d='M10.9,8.9c-0.1,0-0.2,0-0.2-0.1c-0.1-0.1-0.1-0.3,0-0.5c0.5-0.5,0.8-1.2,0.8-1.9c0-0.7-0.3-1.4-0.8-1.9 c-0.1-0.1-0.1-0.3,0-0.5c0.1-0.1,0.3-0.1,0.5,0c0.6,0.6,1,1.5,1,2.4c0,0.9-0.3,1.7-1,2.4C11.1,8.9,11,8.9,10.9,8.9z'/%3E%3Cpath class='st0' d='M12.6,10.5c-0.1,0-0.2,0-0.2-0.1c-0.1-0.1-0.1-0.3,0-0.5c2-2,2-5.1,0-7.1c-0.1-0.1-0.1-0.3,0-0.5 c0.1-0.1,0.3-0.1,0.5,0c2.2,2.2,2.2,5.8,0,8.1C12.8,10.5,12.7,10.5,12.6,10.5z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center center;  width:18px}
.floating-notice.folded .close .bar {display:none}
.floating-notice.folded .subject {width:0; height:0; overflow:hidden; margin-left:0; transition:all 0s ease-in-out;}

@keyframes marquee {
  from   { transform: translate(-15%);}
  99%,to { transform: translate(-110%);}
}


/* ---- section #2 ---- */
.page2 {}
.page2 .container {max-width:1400px;}
.page2 .page-tit-wrap {text-align:center;}
.page2-setit {color:#f2d7d3}
.page2-tit {color:#f3acac}

.m-intro-wrap {width:100%; display:flex; justify-content:space-between; align-item:center; flex-wrap:wrap; margin-top:80px}
.m-intro {max-width:350px; width:30%; }
.m-intro .thm-wrap {overflow:hidden; line-height:0;}
.m-intro .thm-wrap img {max-width:100%;}
.m-intro .tit-wrap {margin-top:20px;}
.m-intro .tit-wrap .etit {font-family: "Marcellus", serif; font-size:1.7rem; line-height:2.0rem; letter-spacing:1px; font-weight:500}
.m-intro .tit-wrap .con {font-size:1.6rem; line-height:2.7rem; margin-top:15px; opacity:0.5}

.m-intro:nth-child(1) .thm-wrap {border-radius:200px 0 0 0}
.m-intro:nth-child(2) .thm-wrap {border-radius:200px 200px 0 0}
.m-intro:nth-child(3) .thm-wrap {border-radius:0 0 200px 0}


/* ---- section #3 ---- */
.page3 {background:url('../images/page3_bg.jpg') no-repeat center bottom; background-size:cover;}
.page3 .page-tit-wrap { flex-direction:row; justify-content:flex-start; align-item:center; height:0; overflow:visible;}

.m-signature-container { overflow:hidden; width:100%; margin-top:80px; text-align:center;}
.m-signature-container .swiper-slide {overflow:hidden; position:relative; box-sizing:border-box;  }
.m-signature-container .swiper-slide a {display:block}
.m-signature-container .swiper-slide a .thm-wrap {width:100%; overflow:hidden;  position:relative;  display:flex; justify-content:center; align-items:center; flex-direction: column; border-radius:50px;}
.m-signature-container .swiper-slide a .thm-wrap .thm { line-height:0; position:relative; z-index:1; overflow:hidden;  }
.m-signature-container .swiper-slide a .thm-wrap .thm img {width:100%; transition:all 0.3s ease-in-out; }
.m-signature-container .swiper-slide a:hover .thm-wrap .thm img {transform: scale(1.1); }
.m-signature-container .swiper-slide a .tit-wrap {position:relative; z-index:2; width:calc(100% - 48px); margin:0 auto; margin-top:-60px; height:120px; background:#fff; border-radius:30px; display:flex; justify-content:center; align-items:center; flex-direction: column; }
.m-signature-container .swiper-slide a .tit-wrap .etit {font-family: "Marcellus", serif; font-size:2.3rem; line-height:2.3rem; letter-spacing:1px; font-weight:500}
.m-signature-container .swiper-slide a .tit-wrap .con {font-size:1.7rem; line-height:2.5rem; opacity:0.7; font-weight:300; letter-spacing:-0.5px; margin-top:10px;  }
.m-signature-container .swiper-slide.signature-1 a .tit-wrap {color:#da9393;}
.m-signature-container .swiper-slide.signature-2 a .tit-wrap {color:#bc8b8b;}
.m-signature-container .swiper-slide.signature-3 a .tit-wrap {color:#78876c;}
.m-signature-container .swiper-slide.signature-4 a .tit-wrap {color:#a99578;}


/* ---- section #4 ---- */
.page4 {background:url('../images/page4_bg.jpg') no-repeat center bottom; background-size:cover; }
.page4 .container {}
.page4 .page-tit-wrap {text-align:center;}
.page4-betit {color:#da9393}

.m-program-control {margin-top:8em;  justify-content:space-between; }
.m-program-control .program-pagination {position:relative; width:calc(100% - 160px)} 

.m-program-container { overflow:hidden; width:100%; margin:8em auto 0 auto;}
.m-program-container .swiper-slide {overflow:hidden; position:relative; box-sizing:border-box; }
.m-program-container .swiper-slide a {display:block}
.m-program-container .swiper-slide a .thm-wrap {width:100%; overflow:hidden;  position:relative;  display:flex; justify-content:center; align-items:center; flex-direction: column;} 
.m-program-container .swiper-slide a .thm-wrap .thm { line-height:0; position:relative; z-index:1; overflow:hidden; border-radius:20px;}
.m-program-container .swiper-slide a .thm-wrap .thm img {width:100%; transition:all 0.3s ease-in-out; }
.m-program-container .swiper-slide a:hover .thm-wrap .thm img {transform: scale(1.1); }
.m-program-container .swiper-slide a .tit-wrap {width:100%; margin-top:20px; text-align:center;}
.m-program-container .swiper-slide a .tit-wrap .etit {font-family: "Marcellus", serif; font-size:2.3rem; line-height:2.3rem; font-weight:500}
.m-program-container .swiper-slide a .tit-wrap .con {font-size:1.7rem; line-height:2.5rem; opacity:0.5; letter-spacing:-0.5px; margin-top:10px;  }
.m-program-container .swiper-slide a .tit-wrap .hashtag {display:flex; justify-content:center; align-items:center; gap:12px;  margin-top:10px; }
.m-program-container .swiper-slide a .tit-wrap .hashtag span {font-size:1.6rem; line-height:2.2rem; opacity:0.5; letter-spacing:-0.5px;}
.m-program-container .swiper-slide a .tit-wrap .hashtag span::before {content:'#';}


/* ---- section #5 ---- */
.page5 { }
.page5 .container {overflow:visible; width:100%; max-width:100%; display:flex; justify-content:center; align-items:flex-end; } 
.page5-in {width:37%; overflow:visible; position:relative; z-index:2;}
.page5-in:first-child {width:63%; z-index:1;}

.m-gall-container { overflow:visible; width:100%;}
.m-gall-container .swiper-slide {overflow:visible; position:relative; line-height:0; opacity:0}
.m-gall-container .swiper-slide-active {opacity:1}
.m-gall-container .swiper-slide img {}
.m-gall-control {margin:40px 0 80px 0; width:96%;}

.page5 .page-tit-wrap {background:#f3acac; box-sizing:border-box; padding:70px 150px 70px 80px; text-align:left; color:#fff; align-items:flex-start; gap:50px} 
/*.page5 .page-tit-wrap::before {content:'INTERIOR'; font-family: "Lugrasimo", serif; font-size:5.0rem; line-height:5.0rem; color:#a99578; opacity:0.25; left:140px; position:absolute; top:-80px;}*/
.page5-tit {font-weight:600}
.page5-con {line-height:3.0rem; }


/* ---- section #6 ---- */
.page6 {background:#fbfaf8;}
.page6 .page-tit-wrap {color:#f3acac; align-items:flex-start; } 
.page6-logo {text-align:right;}
.page6-logo img {height:54px; filter: invert(64%) sepia(12%) saturate(980%) hue-rotate(314deg) brightness(116%) contrast(91%); opacity:0.25}
.page6-btn {position:Absolute; left:50%; top:220px; cursor:pointer; margin-left:210px; z-index:3}

.m-special-container {z-index:2}
.m-special-container .swiper-slide {height:auto !important }
.m-special-container .swiper-slide a { display:flex; justify-content:flex-end; align-items:flex-end; flex-wrap:wrap; width:100%; height:100%; }
.m-special-container .swiper-slide a .num-wrap {width:50px; }
.m-special-container .swiper-slide a .num-wrap .num { writing-mode: vertical-rl; color:#f3acac; font-family: "Marcellus", serif; font-size:2.3rem;}
.m-special-container .swiper-slide a .con-wrap {width:calc(100% - 160px); display:flex; justify-content:flex-end; align-items:flex-end; flex-direction: column;} 
.m-special-container .swiper-slide a .con-wrap .thm-wrap {width:100%; line-height:0; position:relative;}
.m-special-container .swiper-slide a .con-wrap .thm-wrap .tit {position:absolute; left:0; top:0; box-sizing:border-box; padding:25px; z-index:2; font-size:2.4rem; line-height:2.6rem; letter-spacing:-0.5px;  }
.m-special-container .swiper-slide a .con-wrap .thm-wrap .thm {position:relative; z-index:1}
.m-special-container .swiper-slide a .con-wrap .thm-wrap .thm img {width:100%;}
.m-special-container .swiper-slide a .con-wrap .tit-wrap {margin-top:0; width:100%; transform: scaleY(0); transform-origin: top; transition: transform 0.5s ease;  overflow:hidden; height:0}
.m-special-container .swiper-slide a .con-wrap .tit-wrap .etit {font-family: "Marcellus", serif; font-size:2.3rem; line-height:2.3rem; font-weight:500}
.m-special-container .swiper-slide a .con-wrap .tit-wrap .con {font-size:1.7rem; line-height:2.5rem; opacity:0.5; letter-spacing:-0.5px; margin-top:10px;  }

.m-special-container .swiper-slide-active a {width:100%; display:flex; justify-content:center; align-items:flex-end; flex-wrap:wrap; width:100%;}

.m-special-container .swiper-slide-active a .con-wrap {width:calc(100% - 50px); 
} .m-special-container .swiper-slide-active a .con-wrap .thm-wrap .tit 
{opacity:0} .m-special-container .swiper-slide-active a .con-wrap .tit-wrap 
{margin-top:35px; transform: scaleY(1); height:auto}

.m-special-control {margin-top:80px}


/* ---- section #7 ---- */
.page7 {} 
.page7 .container {overflow:visible}
.page7 .page-tit-wrap {width:700px; height:calc(100% - 200px); color:#f3acac;  justify-content:space-between;  align-items:flex-start; flex-direction: column; position:absolute; top:100px; z-index:2} 
.page7 .page-tit-wrap .tit-in {gap:20px; display:flex; flex-direction: column; }

.m-news-wrap {width:100%; overflow:visible; position:relative;  z-index:1}
.m-news-container {width:2580px;}
.m-news-container .swiper-slide {}
.m-news-container .swiper-slide a {display:flex; justify-content:flex-start; align-content:stretch; flex-wrap:wrap; }
.m-news-container .swiper-slide a .tit-wrap {width:0; overflow:hidden; height:0;}
.m-news-container .swiper-slide a .tit-wrap .tit {font-size:3.0rem; line-height:4.0rem; max-width:450px; font-family: 'S-CoreDream-6Bold'; margin-top:25vw}
.m-news-container .swiper-slide a .thm-wrap  {width:calc(100% - 700px); line-height:0;  position:relative; z-index:1; }
.m-news-container .swiper-slide a .thm-wrap img {max-width:100%; }
.m-news-container .swiper-slide-active a .tit-wrap {width:700px; height:auto}

.m-news-control {width:100%; justify-content: flex-start; gap:40px; height:100px }


/* ---- section #8 ---- */
.page8 {padding-bottom:100px;}
.page8 .container { background:url('../images/page8_bg.jpg') no-repeat center center; background-size:cover; text-align:center;}
.page8 .page-tit-wrap {color:#fff;}


/* ----------------------------------------------------------------------------- */
/* copy */
/* ----------------------------------------------------------------------------- */
.footer { border-top:1px solid #e5e5e5; }
.footer .container {padding:0; overflow:visible; display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; }

/* ---- contact ---- */
.c-contact-wrap {width:55%; overflow:visible; position:relative; }
.c-contact-in {position:relative; z-index:2; box-sizing:border-box; padding:50px 0; width:100%;}
.c-contact-in:first-child {border-bottom:1px solid #e5e5e5}
.c-contact-in .page-tit-wrap {text-align:left; align-items: flex-start;}

.c-info-wrap { width:100%; display:flex; justify-content:space-between; align-items:stretch; gap:20px; margin-top:60px;}
.c-info {flex:1; box-sizing:border-box; }
.c-info .tit { font-family: 'S-CoreDream-5Medium'; font-size:2.4rem; height:2.4rem;}
.c-info .num {font-family:'Montserrat'; font-weight:700; color:#da9393; margin:25px 0 20px 0; font-size:4.0rem;}
.c-info .add {font-size:1.7rem; line-height:2.7rem; opacity:0.7}
.c-info .btn {width:100%; max-width:290px; display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:10px; margin-top:30px}
.c-info .btn a {width:calc((100% - 10px) / 2); height:38px; line-height:38px; text-align:center; box-sizing:border-box; border:1px solid #737373; color:#737373; border-radius:19px; font-size:1.6rem;}
.c-info .btn a:hover {background:#da9393; border:1px solid #da9393; color:#fff;}

.timetable { margin-top:40px; color:#737373}
.timetable li { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; font-size:1.7rem; line-height:24px; margin-top:12px}
.timetable li span {width:calc(100% - 100px); }
.timetable li span:first-child {width:100px; }
.timetable li span:nth-child(2) {  font-family:'Montserrat'; font-weight:600}
.timetable li span i {font-style:normal; color:#fe7b7b; font-family: 'S-CoreDream-4Regular'; font-weight:normal}
.timetable li.msg {margin-top:30px}

.m-map-wrap { width:43%; overflow:visible; position:relative;  display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.m-map-wrap .m-map {width:130%;  height:100% !important;  }
.m-map-wrap .root_daum_roughmap { height:100% }
.m-map-wrap .root_daum_roughmap .wrap_map {z-index:2; width:100%; height:100% !important; overflow:visible;}


/* ---- footer ---- */
.c-footer-wrap {display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; width:100%; gap:40px} 

.copy-logo {width:250px;;display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
.copy-logo img {height:37px}

.c-sns-wrap { width:198px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; } 
.c-sns-wrap a {line-height:0;} 
.c-sns-wrap a img {height:20px}

.copy-menu {width:100%;display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; margin-top:40px; gap:20px}
.copy-menu li { }
.copy-menu li a { color:#737373; font-size:1.5rem;}

.copy-right-wrap .copy-right address {width: 100%; display:block; overflow:hidden; font-size:1.4rem; color:rgba(255, 255, 255, 0.5); line-height:2.6rem; word-break:keep-all; margin-top:40px;}
.copy-right-wrap .copy-right address p { }
.copy-right-wrap .copy-right address p:last-child {}
.copy-right-wrap .copy-right address span {display:inline-block;  padding-right:24px; color:#737373; }
.copy-right-wrap .copy-right address span i { display:inline-block; font-style:normal;  color:#95887d;  padding-right:10px;}

.cr { font-size:1.5rem; height:60px; line-height:60px; color:#737373; font-size:1.5rem; }


/*------------------------------------------------------------------------------------------------------------*/


/* 작은 PC용 CSS */
@media all and (max-width:1599px){

/* ----------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------- */
#header {height:80px;}
.header-in-wrap  {height:80px;}

/* 로고 */
.header-in-wrap h1.logo {width:178px; left:1%; }
.header-in-wrap h1.logo a img {height:25px; max-width:initial;}

/* 상단버튼 - 위치 */
.t-btn-location {right:160px; display:none}
.t-btn-location span {font-size:1.5rem; margin-left:7px}

/* 상단버튼 - SNS */
.t-btn-sns { right:90px; height:30px; gap:15px}
.t-btn-sns a { height:18px; line-height:18px;}
.t-btn-sns a img { height:18px}

/* 상단버튼 - 언어선택 */
.t-btn-language {right:40px; width:26px;}
.t-btn-language .tit-wrap .language-icon {height:18px;}
.t-btn-language .language-list { width:100px; margin-left:-50px; }
.t-btn-language .language-list li {height:36px; line-height:36px;}
.t-btn-language .language-list li a { font-size:1.3rem; padding:0 7px; }
.t-btn-language .language-list li a img {height:17px; }

/* 상단버튼 - 사이트맵 */
.t-btn-sitemap {right:0; width:25px; height:21px; }
.t-btn-sitemap .bar { width: 25px; height: 3px}



/* 전체 드롭다운 */
#header:has(+ div):hover {height:80px; }

.gnb-menu-wrap .gnb-menu-area {position:static; margin:0 auto 0 300px; }

.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 {  gap:0}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a {height:80px; line-height:80px; font-size:1.6rem;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a > span { line-height:2.0rem; }
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > .gnb-depth-2-wrap  { width:100%;  left:0; margin-left:0;  }

.gnb-depth-2-wrap .gnb-depth-2-tit {padding:30px 30px 30px 200px; width:50%;}

/*
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(1) .gnb-depth-2-wrap .gnb-depth-2-tit {background-size:contain}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(2) .gnb-depth-2-wrap .gnb-depth-2-tit {background-size:contain}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(3) .gnb-depth-2-wrap .gnb-depth-2-tit {background-size:contain}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(4) .gnb-depth-2-wrap .gnb-depth-2-tit {background-size:contain}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(5) .gnb-depth-2-wrap .gnb-depth-2-tit {background-size:contain}
*/
.gnb-depth-2-wrap .gnb-depth-2-tit .tit { font-size:2.2rem;}
.gnb-depth-2-wrap .gnb-depth-2-tit .stit { font-size:1.6rem; line-height:2.4rem; }
/* .gnb-depth-2-wrap .gnb-depth-2 {width:50%; padding:30px; } */
.gnb-depth-2-wrap .gnb-depth-2 > li > a { font-size:1.6rem;  height:30px; line-height:30px;}
.gnb-menu-wrap .isDepth2:hover .gnb-depth-2-wrap, .gnb-menu-wrap .isDepth2:focus .gnb-depth-2-wrap {} 

.gnb-depth-3 { margin:5px 0 10px 0; }
.gnb-depth-3 > li {margin-top:5px; padding-left:12px; font-size:1.4rem}
.gnb-depth-3 > li::before {
  top:5px;
  width:4px; height:4px;
}

#header.fixNav {height:70px;}
#header.fixNav .header-in-wrap {height:70px;}
#header.fixNav:has(+ div):hover {height:70px;}
#header.fixNav .gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a {  height:70px; line-height:70px; }
#header.fixNav .gnb-menu-area .gnb-depth-2 {top:70px}



/* 퀵 */
#quick { top:85%; width:140px; right:8px; }
#quick .icon-wrap { height:170px;  gap:5px;}
#quick .icon-wrap li {height:40px; border-radius:20px;}
#quick .icon-wrap li a { gap:8px;}
#quick .icon-wrap li a img {height:18px;}
#quick .icon-wrap li a span { font-size:1.4rem;line-height:1.5rem;  }
#quick .icon-wrap li:first-child a span {font-size:1.5rem; }
.btn-top {width:100%; height:25px;  gap:8px; margin-top:8px}
.btn-top img {width:7px; }
.btn-top span { font-size:1.3rem;}

/* ----------------------------------------------------------------------------- */
/* main.html */
/* ----------------------------------------------------------------------------- */

/*/// 메인 - 컨텐츠 공통 - start ///*/
.container {padding:80px 0}
.page-tit-wrap {gap:20px}
.page-setit {font-size:1.5rem; line-height:1.9rem; letter-spacing:0.5px}
.page-etit {font-size:3.2rem; line-height:3.2rem; letter-spacing:0.5px}
.page-betit {font-size:5rem; line-height:5rem; }
.page-tit { font-size:2.4rem; letter-spacing:-0.5px}
.page-btit {font-size:4rem; line-height:5rem; }
.page-xtit {font-size:6.4rem; line-height:7.2rem;}
.page-con {font-size:1.6rem; line-height:2.2rem; }
.page-btn {gap:12px; width:80px; height:80px;}
.page-btn span {font-size:1.6rem; height:1.8rem; line-height:1.6rem; }
.page-btn img {height:12px; }

/* 공통 - 원형 버튼 */
.page-circle {width:150px; height:150px; }
.page-circle .arrow { width:100px; height:100px; }
.page-circle .arrow span { font-size:1.4rem; line-height:1.5rem; }
.page-circle .arrow img {height:11px; margin-top:8px}
.page-circle .circle-txt {width:140px; height:140px; }
.page-circle .circle-txt svg {height:120px; }
.page-circle .circle-txt svg text {font-size:1.15rem;}

/* 공통 - 슬라이드 컨트롤 */
.m-slider-control .m-slider-fraction {width:70px; font-size:1.6rem; height:15px; line-height:15px; }
.m-slider-control .m-slider-fraction span { line-height:16px; width:20px;}
.m-slider-control .m-slider-nav {width:101px; }
.m-slider-control .m-slider-nav .slider-prev {width:50px; height:11px; }
.m-slider-control .m-slider-nav .slider-next {width:50px; height:11px; }
.m-slider-control .m-slider-nav div img {height:11px; }

/*/// 메인 - 컨텐츠 공통 - end ///*/

/* ---- section #1 ---- */
.page1 {height:auto; } 
.page1 .section-content {height:auto; }
.page1 .video-wrap .tit-wrap .tit {font-size:4.0rem; line-height:5.4rem;letter-spacing: -1px;}
.page1 .video-wrap .tit-wrap .logo {margin-top:35px;}
.page1 .video-wrap .tit-wrap .logo img {height:20px;}
.page1 .video-wrap {height:auto}
.page1 .video-wrap video {height:auto}
.page1 .video-wrap .cover p {font-size:2.8rem; line-height:3.2rem;margin-bottom:23px}
.page1 .video-wrap .cover .btn-wrap {max-width:600px; gap:25px;}
.page1 .video-wrap .cover .btn-wrap .btn { height:60px; font-size:1.7rem; line-height:2.4rem;  }

.video-progress { top:-12vw;  gap:6px} 
.video-progress .bar {width:80px; height:8px; }

.m-slider-scroll {width:100%;  top:-200px; } 
.m-slider-scroll a { width:200px;  }


/* ---- section #2 ---- */
.m-intro-wrap { margin-top:60px}
.m-intro {max-width:350px; width:30%; }
.m-intro .tit-wrap {margin-top:20px;}
.m-intro .tit-wrap .etit {font-size:1.6rem; line-height:1.9rem; }
.m-intro .tit-wrap .con {font-size:1.5rem; line-height:2.4rem; margin-top:12px; }

.m-intro:nth-child(1) .thm-wrap {border-radius:180px 0 0 0}
.m-intro:nth-child(2) .thm-wrap {border-radius:180px 180px 0 0}
.m-intro:nth-child(3) .thm-wrap {border-radius:0 0 180px 0}


/* ---- section #3 ---- */
.page3 .page-tit-wrap { flex-direction:column;  justify-content:center;  align-items:flex-start; height:auto; overflow:visible;}

.m-signature-container { margin-top:50px;}
.m-signature-container .swiper-slide a .thm-wrap { border-radius:20px;}
.m-signature-container .swiper-slide a .tit-wrap { width:calc(100% - 30px); margin-top:-50px; height:100px; border-radius:15px; }
.m-signature-container .swiper-slide a .tit-wrap .etit {font-size:2.0rem; line-height:2.2rem; }
.m-signature-container .swiper-slide a .tit-wrap .con {font-size:1.5rem; line-height:2.2rem;}


/* ---- section #4 ---- */

.m-program-control {margin-top:7em; }
.m-program-control .program-pagination {width:calc(100% - 120px)} 
.m-program-container { margin:7em auto 0 auto;}
.m-program-container .swiper-slide a .thm-wrap .thm { border-radius:15px;}
.m-program-container .swiper-slide a .tit-wrap {margin-top:15px;}
.m-program-container .swiper-slide a .tit-wrap .etit { font-size:2.1rem; line-height:2.1rem; }
.m-program-container .swiper-slide a .tit-wrap .con {font-size:1.5rem; line-height:2.2rem; }
.m-program-container .swiper-slide a .tit-wrap .hashtag {gap:8px;  margin-top:5px; }
.m-program-container .swiper-slide a .tit-wrap .hashtag span {font-size:1.4rem; line-height:2rem; }


/* ---- section #5 ---- */
.page5-in {width:37%; overflow:visible; position:relative; z-index:2;}
.page5-in:first-child {width:63%; z-index:1;}

.m-gall-container .swiper-slide img {width:100%; min-width:1024px;}
.m-gall-control {margin:30px 0 60px 0;}

.page5 .page-tit-wrap {padding:40px; gap:30px} 
.page5 .page-tit-wrap::before { font-size:3.5rem; line-height:3.5rem; left:140px; top:-40px;}
.page5-con {line-height:2.4rem; }


/* ---- section #6 ---- */
.page6-logo img {height:32px; }
.page6-btn {top:120px;margin-left:160px;}
  
.m-special-container .swiper-slide a .num-wrap {width:40px; }
.m-special-container .swiper-slide a .num-wrap .num { font-size:1.8rem;}
.m-special-container .swiper-slide a .con-wrap {width:calc(100% - 80px); } 
.m-special-container .swiper-slide a .con-wrap .thm-wrap .tit { padding:20px;font-size:1.8rem; line-height:2.2rem; }
.m-special-container .swiper-slide a .con-wrap .tit-wrap .etit {font-size:2.0rem; line-height:2.0rem; }
.m-special-container .swiper-slide a .con-wrap .tit-wrap .con {font-size:1.5rem; line-height:2.2rem; margin-top:8px;  }

.m-special-container .swiper-slide-active a .con-wrap {width:calc(100% - 40px); } 
.m-special-container .swiper-slide-active a .con-wrap .tit-wrap {margin-top:25px; }

.m-special-control {margin-top:60px}


/* ---- section #7 ---- */
.page7 {} 
.page7 .page-tit-wrap {width:50%; height:calc(100% - 160px);  top:80px;} 
.page7 .page-tit-wrap .tit-in {gap:15px;}

.m-news-container {width:1600px;}
.m-news-container .swiper-slide a .tit-wrap .tit {font-size:2.4rem; line-height:3.0rem; margin-top:25vw; max-width:350px}
.m-news-container .swiper-slide a .thm-wrap  {width:50%; }
.m-news-container .swiper-slide-active a .tit-wrap {width:50%; height:auto}

.m-news-control { gap:30px; height:80px }


/* ---- section #8 ---- */
.page8 {padding-bottom:80px;}


/* ----------------------------------------------------------------------------- */
/* copy */
/* ----------------------------------------------------------------------------- */

/* ---- contact ---- */
.c-contact-wrap {width:60%;  }
.c-contact-in {padding:40px 0; }

.c-info-wrap {gap:25px; margin-top:30px;}
.c-info .tit { font-size:2.0rem; height:2.0rem;}
.c-info .num {margin:20px 0 15px 0; font-size:3.6rem;}
.c-info .add {font-size:1.5rem; line-height:2.4rem; }
.c-info .btn { max-width:290px; gap:8px; margin-top:20px}
.c-info .btn a {width:calc((100% - 8px) / 2); height:36px; line-height:36px; border-radius:18px; font-size:1.5rem;}

.timetable { margin-top:30px;}
.timetable li {font-size:1.5rem; line-height:22px; margin-top:10px}
.timetable li span {width:calc(100% - 80px); }
.timetable li span:first-child {width:80px; }
.timetable li.msg {margin-top:20px}
.timetable li span i {display:block;}

.m-map-wrap { width:40%; }
.m-map-wrap .m-map {width:130%; }


/* ---- footer ---- */
.copy-logo {width:178px; }
.copy-logo img {height:25px}

.c-sns-wrap { width:180px;} 
.c-sns-wrap a img {height:18px}

.copy-menu {margin-top:30px; gap:15px}
.copy-menu li a { font-size:1.4rem;}

.copy-right-wrap .copy-right address { font-size:1.3rem; line-height:2.4rem;margin-top:30px;}
.copy-right-wrap .copy-right address span { padding-right:20px; }

.cr { font-size:1.4rem; height:50px; line-height:50px; }

/*------------------------------------------------------------------------------------------------------------*/

}


/* 태블릿 CSS */
@media all and (max-width:1023px){

/* ----------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------- */
body.sm-btn-on {overflow:hidden; }
#header {height:60px;}
.header-in-wrap {height:60px;}

/* 로고 */
.header-in-wrap h1.logo {width:145px; }
.header-in-wrap.sm-btn-on {z-index:3}
.header-in-wrap.sm-btn-on h1.logo {z-index:-1}
.header-in-wrap h1.logo a img {height:20px;}

.header-in-wrap.sm-btn-on {z-index:3}

/* 상단버튼 - 위치 */
.t-btn-location {right:140px;}
.t-btn-location span {font-size:1.3rem; margin-left:5px}
.t-btn-location img {height:15px}
.header-in-wrap.sm-btn-on .t-btn-location {transform: scaleY(0)}

/* 상단버튼 - SNS */
.t-btn-sns { right:80px; height:27px; gap:12px}
.t-btn-sns a { height:16px; line-height:16px;}
.t-btn-sns a img { height:16px}
.header-in-wrap.sm-btn-on .t-btn-sns {transform: scaleY(0)}

/* 상단버튼 - 언어선택 */
.t-btn-language {right:45px; width:20px;}
.t-btn-language .tit-wrap .language-icon {height:18px;}
.t-btn-language .language-list { width:80px; margin-left:-40px; }
.t-btn-language .language-list li {height:32px; line-height:32px;}
.t-btn-language .language-list li a { font-size:1.2rem; padding:0 5px; }
.header-in-wrap.sm-btn-on .t-btn-language {transform: scaleY(0)}
.t-btn-language .language-list li a img {height:16px; }

/* 상단버튼 - 사이트맵 */
.t-btn-sitemap {width:24px; height:17px; display:flex;}
.t-btn-sitemap .bar {width: 24px;}
.t-btn-sitemap.sm-btn-on .bar { background:#000 }
.t-btn-sitemap.sm-btn-on .bar:nth-of-type(1) {
	width: 28px;
	-webkit-transform: translateY(7px) rotate(-45deg);
	-ms-transform: translateY(7px) rotate(-45deg);
	transform: translateY(7px) rotate(-45deg);
}
.t-btn-sitemap.sm-btn-on .bar:nth-of-type(3) {
	width: 28px;
	-webkit-transform: translateY(-7px) rotate(45deg);
	-ms-transform: translateY(-7px) rotate(45deg);
	transform: translateY(-7px) rotate(45deg);
}

/* 메뉴 - GNB */ 
/* 전체 드롭다운 */
#header:has(+ div):hover {height:60px; }

.gnb-menu-wrap {position:absolute; display:block; max-width:70%; overflow: scroll; background:none; left:auto; right:0; top:0; height:100vh; width:0; z-index:98;  transition:all 0.5s ease-in-out; background:rgba(255, 255, 255, 0.95)}
.gnb-menu-wrap.sm-btn-on  {width:80%;  z-index:2; transition:none;}
body.sm-btn-on .gnb-bg {display:block; width:100%; position:absolute; right:0; top:0; height:100vh; z-index:1; background:rgba(0, 0, 0, 0.4)}
.gnb-menu-wrap .gnb-menu-area > .height-finder {display:none;}
.gnb-menu-wrap .gnb-menu-area {  width:100%; min-width:560px; margin:0 auto;}

.gnb-menu-area .gnb-menu-top {display:block; width:100%; height:60px;  margin:0 auto; position:relative; overflow:hidden;}
.gnb-menu-area .gnb-menu-top .t-close-btn {display:block; text-align:right; overflow:hidden;  padding:25px 0;}

.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 { width:80%; display:block}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li  {width:100%;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a {  text-align:left;  align-items:flex-start; color:#000; height:40px; line-height:40px; border-bottom:1px solid #000;  font-size:1.8rem; white-space:nowrap; }
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:hover > a {color:#000}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:hover > a > span { color:#000; }
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a > span {line-height:2.4rem; word-break:keep-all; font-family:inherit;  font-family:inherit; transform: scaleY(0); height:0; max-width:130px;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a > span.kor {transform: scaleY(1); height:auto;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:hover > a > span.kor {transform: scaleY(1); height:auto;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:hover > a > span.eng {transform: scaleY(0); height:0; }

.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > .gnb-depth-2-wrap  {display:block; width:100%; position:relative; height:auto; background:none; transform: scaleY(1);}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(1) .gnb-depth-2-wrap {background:;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(2) .gnb-depth-2-wrap {background:;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(3) .gnb-depth-2-wrap {background:;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(4) .gnb-depth-2-wrap {background:;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li:nth-child(5) .gnb-depth-2-wrap {background:;}
.gnb-depth-2-wrap {color:#000;}
.gnb-depth-2-wrap .gnb-depth-2-tit {display:none;}
.gnb-depth-2-wrap .gnb-depth-2 {width:100%; padding:0; height:auto;  background:none; margin-top:10px }
.gnb-depth-2-wrap .gnb-depth-2 > li {width:100%; padding:0px;  height:auto;  position:relative; margin:0 auto; height:auto; margin-top:1px; overflow:visible}
.gnb-depth-2-wrap .gnb-depth-2 > li:first-child {border-top:none;margin-top:0; }
.gnb-depth-2-wrap .gnb-depth-2 > li > a {  font-size:1.5rem; height:24px; line-height:24px;  white-space:nowrap;}
.gnb-menu-wrap .isDepth2 {margin-bottom:30px}
.gnb-menu-wrap .isDepth2:hover .gnb-depth-2-wrap, .gnb-menu-wrap .isDepth2:focus .gnb-depth-2-wrap { height:auto  !important; } 

#header.fixNav { height:60px; }
#header.fixNav .header-in-wrap {height:60px}
#header.fixNav:has(+ div):hover {height:60px;}
#header.fixNav .gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a {height:40px; line-height:40px; }
#header.fixNav .gnb-menu-area .gnb-depth-2 {top:auto}
#header.fixNav .gnb-depth-2-wrap .gnb-depth-2 > li > a { height:24px; line-height:24px;}

.gnb-depth-3 > li {margin-top:3px; padding-left:11px; font-size:1.3rem}
.gnb-depth-3 > li::before {
  top:4px;
  width:3px; height:3px;
}
.gnb-depth-3 > li > a:hover {color:#04a9c7;}



/* 퀵 */
#quick {  width:120px; right:5px; top:87%;}
#quick .icon-wrap { height:159px;}
#quick .icon-wrap li {height:36px; border-radius:18px;}
#quick .icon-wrap li a { gap:5px;}
#quick .icon-wrap li a img {height:16px;}
#quick .icon-wrap li a span { font-size:1.3rem;line-height:1.4rem;  }
#quick .icon-wrap li:first-child a span {font-size:1.4rem; }
.btn-top {height:20px;  gap:5px; margin-top:5px}
.btn-top img {width:6px; }
.btn-top span { font-size:1.2rem;}

/* ----------------------------------------------------------------------------- */
/* main.html */
/* ----------------------------------------------------------------------------- */
/*/// 메인 - 컨텐츠 공통 - start ///*/
.container {padding:60px 0}
.page-tit-wrap {gap:12px; top:0; opacity:1;}
.page-setit {font-size:1.4rem; line-height:1.8rem; }
.page-etit {font-size:2.4rem; line-height:3rem;}
.page-betit {font-size:4rem; line-height:4rem; }
.page-tit { font-size:2.0rem;}
.page-btit {font-size:3rem; line-height:4rem; }
.page-xtit {font-size:4.8rem; line-height:5.6rem;}
.page-con {font-size:1.3rem; line-height:2rem; }
.page-btn {gap:10px; width:70px; height:70px;}
.page-btn span {font-size:1.4rem; height:1.6rem; line-height:1.4rem; }
.page-btn img {height:10px; }

/* 공통 - 원형 버튼 */
.page-circle {width:130px; height:130px; }
.page-circle .arrow { width:80px; height:80px; }
.page-circle .arrow span { font-size:1.2rem; line-height:1.4rem; }
.page-circle .arrow img {height:9px; margin-top:5px}
.page-circle .circle-txt {width:120px; height:120px; }
.page-circle .circle-txt svg {height:100px; }

/* 공통 - 슬라이드 컨트롤 */
.m-slider-control .m-slider-fraction {width:60px; font-size:1.4rem; height:14px; line-height:14px; }
.m-slider-control .m-slider-fraction span { line-height:14px; width:18px;}
.m-slider-control .m-slider-nav {width:81px; }
.m-slider-control .m-slider-nav .slider-prev {width:40px; height:10px; }
.m-slider-control .m-slider-nav .slider-next {width:40px; height:10px; }
.m-slider-control .m-slider-nav div img {height:10px; }

/*/// 메인 - 컨텐츠 공통 - end ///*/

/* ---- section #1 ---- */
.page1 {height:auto; } 
.page1 .section-content {height:auto; }
.page1 .video-wrap {height:auto}
.page1 .video-wrap .tit-wrap .tit {font-size:3.0rem; line-height:3.6rem; }
.page1 .video-wrap .tit-wrap .logo {margin-top:30px;}
.page1 .video-wrap .tit-wrap .logo img {height:18px;}
.page1 .video-wrap .cover p {font-size:2.4rem; line-height:2.8rem;margin-bottom:20px}
.page1 .video-wrap .cover .btn-wrap {max-width:500px; gap:20px;}
.page1 .video-wrap .cover .btn-wrap .btn { height:60px; font-size:1.6rem; line-height:2.0rem;  }
.page1 .video-wrap video {height:auto}

.video-progress { top:-11vw;  gap:4px} 
.video-progress .bar {width:60px; height:2px; }
.video-progress .bar span {height:2px}

.m-slider-scroll a {  left:40px }


/* ---- section #2 ---- */
.m-intro-wrap { margin-top:40px}
.m-intro .tit-wrap {margin-top:15px;}
.m-intro .tit-wrap .etit {font-size:1.4rem; line-height:1.6rem; }
.m-intro .tit-wrap .con {font-size:1.3rem; line-height:1.8rem; margin-top:10px; }

.m-intro:nth-child(1) .thm-wrap {border-radius:160px 0 0 0}
.m-intro:nth-child(2) .thm-wrap {border-radius:160px 160px 0 0}
.m-intro:nth-child(3) .thm-wrap {border-radius:0 0 160px 0}


/* ---- section #3 ---- */
.m-signature-container { margin-top:40px;}
.m-signature-container .swiper-slide a .thm-wrap { border-radius:18px;}
.m-signature-container .swiper-slide a .tit-wrap { width:calc(100% - 26px); margin-top:-45px; height:90px; border-radius:12px; }
.m-signature-container .swiper-slide a .tit-wrap .etit {font-size:1.7rem; line-height:2rem; }
.m-signature-container .swiper-slide a .tit-wrap .con {font-size:1.4rem; line-height:2rem; margin-top:8px}


/* ---- section #4 ---- */
.m-program-control {margin-top:6em; }
.m-program-control .program-pagination {width:calc(100% - 100px)} 
.m-program-container { margin:6em auto 0 auto;}

.m-program-container .swiper-slide a .thm-wrap .thm { border-radius:12px;}
.m-program-container .swiper-slide a .tit-wrap {margin-top:12px;}
.m-program-container .swiper-slide a .tit-wrap .etit { font-size:1.8rem; line-height:1.9rem; }
.m-program-container .swiper-slide a .tit-wrap .con {font-size:1.4rem; line-height:1.8rem; }
.m-program-container .swiper-slide a .tit-wrap .hashtag {gap:5px;}
.m-program-container .swiper-slide a .tit-wrap .hashtag span {font-size:1.3rem; line-height:1.8rem; }


/* ---- section #5 ---- */
.page5-in {width:37%; overflow:visible; position:relative; z-index:2;}
.page5-in:first-child {width:63%; z-index:1;}

.m-gall-container .swiper-slide img {width:100%; min-width:768px;}
.m-gall-control {margin:25px 0;}

.page5 .page-tit-wrap {padding:30px; gap:20px} 
.page5 .page-tit-wrap::before { font-size:2.8rem; line-height:2.8rem; left:70px; top:-30px;}
.page5-con {line-height:1.8rem; }


/* ---- section #6 ---- */
.page6-logo img {height:24px; }
.page6-btn {top:100px;margin-left:100px;}
  
.m-special-container .swiper-slide a .num-wrap {width:30px; }
.m-special-container .swiper-slide a .num-wrap .num { font-size:1.5rem;}
.m-special-container .swiper-slide a .con-wrap {width:calc(100% - 40px); } 
.m-special-container .swiper-slide a .con-wrap .thm-wrap .tit { padding:15px;font-size:1.5rem; line-height:2rem; }
.m-special-container .swiper-slide a .con-wrap .tit-wrap .etit {font-size:1.7rem; line-height:1.8rem; }
.m-special-container .swiper-slide a .con-wrap .tit-wrap .con {font-size:1.4rem; line-height:2rem; margin-top:5px;  }

.m-special-container .swiper-slide-active a .con-wrap {width:calc(100% - 30px); } 
.m-special-container .swiper-slide-active a .con-wrap .tit-wrap {margin-top:20px; }

.m-special-control {margin-top:50px}


/* ---- section #7 ---- */
.page7 {} 
.page7 .page-tit-wrap {width:50%; height:calc(100% - 120px);  top:60px;} 
.page7 .page-tit-wrap .tit-in {gap:10px;}

.m-news-container {width:1260px;}
.m-news-container .swiper-slide a .tit-wrap .tit {font-size:2rem; line-height:2.4rem; margin-top:25vw; max-width:280px}
.m-news-control { gap:20px; height:60px }


/* ---- section #8 ---- */
.page8 {padding-bottom:60px;}


/* ----------------------------------------------------------------------------- */
/* copy */
/* ----------------------------------------------------------------------------- */

/* ---- contact ---- */
.c-contact-wrap {width:100%; order:2}
.c-contact-in {padding:30px 0; }

.c-info-wrap {gap:25px; margin-top:20px;}
.c-info .tit { font-size:1.7rem; height:1.8rem;}
.c-info .num {margin:15px 0 10px 0; font-size:3rem;}
.c-info .add {font-size:1.4rem; line-height:2.2rem; }
.c-info .btn { max-width:250px; gap:5px; margin-top:15px}
.c-info .btn a {width:calc((100% - 5px) / 2); height:28px; line-height:26px; border-radius:15px; font-size:1.4rem;}

.timetable { margin-top:20px;}
.timetable li {font-size:1.4rem; line-height:20px; margin-top:8px}
.timetable li span {width:calc(100% - 80px); }
.timetable li span:first-child {width:70px; }
.timetable li.msg {margin-top:10px}
.timetable li span i {display:block;}

.m-map-wrap { width:100%; height:200px; order:1; margin-top:30px}
.m-map-wrap .m-map {width:100%; }


/* ---- footer ---- */
.copy-logo {width:145px; }
.copy-logo img {height:20px}

.c-sns-wrap { width:170px;} 
.c-sns-wrap a img {height:15px}

.copy-menu {margin-top:25px; gap:10px}
.copy-menu li a { font-size:1.3rem;}

.copy-right-wrap .copy-right address { font-size:1.2rem; line-height:2.0rem;margin-top:20px;}
.copy-right-wrap .copy-right address span { padding-right:12px; }

.cr { font-size:1.3rem; height:40px; line-height:40px; }

/*------------------------------------------------------------------------------------------------------------*/
}


/* 모바일 CSS */
@media all and (max-width:767px){

/* ----------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------- */
#header {height:50px;}
.header-in-wrap {height:50px;}

/* 로고 */
.header-in-wrap h1.logo {width:140px; }
.header-in-wrap h1.logo a img {height:20px;}

/* 상단버튼 - 위치 */
.t-btn-location {display:none}

/* 상단버튼 - SNS */
.t-btn-sns { right:70px; height:20px; gap:8px}
.t-btn-sns a { height:14px; line-height:14px;}
.t-btn-sns a img { height:14px}

/* 상단버튼 - 언어선택 */
.t-btn-language {right:40px; }
.t-btn-language .tit-wrap .language-icon {height:15px;}
.t-btn-language .language-list { width:70px; margin-left:-34px; }
.t-btn-language .language-list li {height:28px; line-height:28px;}

/* 상단버튼 - 사이트맵 */
.t-btn-sitemap {width:20px; height:14px; right:10px}
.t-btn-sitemap .bar {width: 20px; height:2px}
.t-btn-sitemap.sm-btn-on .bar:nth-of-type(1) {
	width: 24px;
	-webkit-transform: translateY(6px) rotate(-45deg);
	-ms-transform: translateY(6px) rotate(-45deg);
	transform: translateY(6px) rotate(-45deg);
}
.t-btn-sitemap.sm-btn-on .bar:nth-of-type(3) {
	width: 24px;
	-webkit-transform: translateY(-6px) rotate(45deg);
	-ms-transform: translateY(-6px) rotate(45deg);
	transform: translateY(-6px) rotate(45deg);
}
/* 메뉴 - GNB */ 
/* 일반 드롭다운 */
#header:has(+ div):hover {height:50px; }
.gnb-menu-wrap .gnb-menu-area {min-width:initial}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 {width:90%;}
.gnb-menu-wrap .gnb-menu-area .gnb-depth-1 > li > a {  height:3rem; line-height:3rem; font-size:1.4rem;}

.gnb-depth-2-wrap .gnb-depth-2 > li > a { font-size:1.2rem; height:auto; line-height:1.7rem;}
.gnb-menu-wrap .isDepth2 {margin-bottom:25px}

#header.fixNav { height:50px;}
#header.fixNav .header-in-wrap {height:50px}
#header.fixNav:has(+ div):hover {height:50px;}
#header.fixNav .gnb-menu-area .gnb-depth-1 > li > a {height:30px; line-height:30px;}
#header.fixNav .gnb-depth-2-wrap .gnb-depth-2 > li > a { height:auto; line-height:1.7rem;}

.gnb-depth-3 > li {margin-top:2px; padding-left:8px; font-size:1.2rem}
.gnb-depth-3 > li::before {
  top:5px;
  width:3px; height:3px;
}

/* 퀵 */
#quick { position:fixed; width:100%; bottom:0; height:60px;  top:auto; -webkit-transform:translateY(0); -moz-transform:translateY(0); -ms-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); border-radius:0}
#quick .icon-wrap { width:100%; height:60px; display:flex; justify-content:center; align-items:flex-start; flex-wrap:wrap; flex-direction:row; border-radius:0; gap:0}
#quick .icon-wrap li {flex:1; height:60px; width:auto; border-radius:0; }
#quick .icon-wrap li a {height:60px;flex-direction:column;  }
#quick .icon-wrap li a img { height:20px; }
#quick .icon-wrap li a span {font-size:1.2rem; line-height:1.4rem; margin-top:3px; opacity:1; position:relative; width:100%; left:auto; background:none; height:15px; padding:0; text-align:center;}
#quick .icon-wrap li:first-child a span {font-size:1.3rem;}
.btn-top {display:none}
/* ----------------------------------------------------------------------------- */
/* main.html */
/* ----------------------------------------------------------------------------- */
/*/// 메인 - 컨텐츠 공통 - start ///*/
.container {padding:40px 0}
.page-tit-wrap {gap:10px}
.page-setit {font-size:1.3rem; line-height:1.6rem; }
.page-etit {font-size:2.0rem; line-height:2.6rem;}
.page-betit {font-size:2.8rem; line-height:3rem; }
.page-tit { font-size:1.8rem;}
.page-btit {font-size:2.4rem; line-height:3rem; }
.page-xtit {font-size:2.8rem; line-height:3.6rem;}
.page-con {display:none}
.page-btn {gap:8px; width:60px; height:60px;}
.page-btn span {font-size:1.3rem; height:1.5rem; line-height:1.3rem; }
.page-btn img {height:8px; }

/* 공통 - 원형 버튼 */
.page-circle {width:110px; height:110px; }
.page-circle .arrow { width:70px; height:70px; }
.page-circle .arrow span { font-size:1rem; line-height:1.2rem; }
.page-circle .arrow img {height:7px; margin-top:4px}
.page-circle .circle-txt {width:100px; height:100px; }
.page-circle .circle-txt svg {height:80px; }

/* 공통 - 슬라이드 컨트롤 */
.m-slider-control .m-slider-fraction {width:50px; font-size:1.3rem; height:13px; line-height:13px; }
.m-slider-control .m-slider-fraction span { line-height:13px; width:16px;}
.m-slider-control .m-slider-nav {width:61px; }
.m-slider-control .m-slider-nav .slider-prev {width:30px; height:9px; }
.m-slider-control .m-slider-nav .slider-next {width:30px; height:9px; }
.m-slider-control .m-slider-nav div img {height:9px; }

/*/// 메인 - 컨텐츠 공통 - end ///*/


/* ---- section #1 ---- */
.page1 {height:360px; } 
.page1 .section-content {height:360px; }
.page1 .video-wrap {height:360px; }
.page1 .video-wrap .tit-wrap .tit {font-size:2.0rem; line-height:2.4rem; }
.page1 .video-wrap .tit-wrap .logo {margin-top:20px;}
.page1 .video-wrap .tit-wrap .logo img {height:10px;}
.page1 .video-wrap .cover p {font-size:2.4rem; line-height:2.8rem;margin-bottom:20px}
.page1 .video-wrap .cover .btn-wrap {max-width:500px; gap:20px;}
.page1 .video-wrap .cover .btn-wrap .btn { height:60px; font-size:1.6rem; line-height:2.0rem;  }
.page1 .video-wrap video {height:360px}
.page1 .video-wrap img {width:auto; height:360px}

.video-progress { top:-9vw;  gap:3px} 
.video-progress .bar {width:50px; }

.m-slider-scroll { display:none}

/* 플로팅 공지사항 */
.floating-notice {position:fixed; left:10px; top:80px;  width:120px; }
.floating-notice.folded {width:40px;}
.floating-notice .close {left:10px}
.floating-notice .subject {width:60px; color:#fff; font-size:1.2rem; margin-left:16px;}
.floating-notice .subject a { animation:marquee linear 5s infinite; padding-left:60px; }


/* ---- section #2 ---- */
.m-intro-wrap { margin-top:20px}
.m-intro .tit-wrap {margin-top:15px; text-align:center;}
.m-intro .tit-wrap .etit {font-size:1.3rem; line-height:1.6rem; }
.m-intro .tit-wrap .con {display:none}

.m-intro:nth-child(1) .thm-wrap {border-radius:60px 0 0 0}
.m-intro:nth-child(2) .thm-wrap {border-radius:60px 60px 0 0}
.m-intro:nth-child(3) .thm-wrap {border-radius:0 0 60px 0}


/* ---- section #3 ---- */
.page3 .page-tit-wrap {align-items: center; margin-bottom:20px}
.m-signature-control {justify-content: center;}
.m-signature-container { margin-top:20px;}
.m-signature-container .swiper-slide a .tit-wrap .etit {font-size:1.6rem; line-height:1.9rem; }
.m-signature-container .swiper-slide a .tit-wrap .con {font-size:1.3rem; line-height:1.9rem; }


/* ---- section #4 ---- */
.m-program-control {margin-top:4em; }
.m-program-control .program-pagination {width:calc(100% - 80px)} 
.m-program-container { margin:4em auto 0 auto;}
.m-program-container .swiper-slide a .tit-wrap .etit { font-size:1.6rem; line-height:1.7rem; }
.m-program-container .swiper-slide a .tit-wrap .con {font-size:1.3rem; line-height:1.7rem; }
.m-program-container .swiper-slide a .tit-wrap .hashtag span {font-size:1.2rem; line-height:1.6rem; }


/* ---- section #5 ---- */
.page5 .container {flex-wrap:wrap;}
.page5-in {width:100%; }
.page5-in:first-child {width:100%; z-index:1;}

.m-gall-container .swiper-slide img {width:100%; min-width:100%;}
.m-gall-control {margin:15px 0;}

.page5 .page-tit-wrap {padding:20px; gap:10px} 
.page5 .page-tit-wrap::before { font-size:2.4rem; line-height:2.4rem; left:30px; top:-30px;}
.page5-con {display:block;line-height:1.6rem; }
.page5 .page-circle {position:absolute; right:0; top:-65vw;}


/* ---- section #6 ---- */
.page6-logo {display:none}
.page6-btn {top:-10px; left:auto; margin-left:0; right:0}

.m-special-container {margin-top:20px}
.m-special-container .swiper-slide a .con-wrap {width:calc(100% - 40px); } 
.m-special-container .swiper-slide a .con-wrap .thm-wrap .tit {display:none}
.m-special-container .swiper-slide a .con-wrap .tit-wrap .etit {font-size:1.6rem; line-height:1.8rem; }
.m-special-container .swiper-slide a .con-wrap .tit-wrap .con {font-size:1.3rem; line-height:1.8rem; margin-top:3px;  }
.m-special-container .swiper-slide-active a .con-wrap .tit-wrap {margin-top:15px; }

.m-special-control {margin-top:40px}


/* ---- section #7 ---- */
.page7 {} 
.page7 .page-tit-wrap {width:100%; height:auto;  top:auto; position:relative;} 
.page7 .page-tit-wrap .tit-in {gap:10px;}

.m-news-container {width:100%; overflow:hidden;}
.m-news-container .swiper-slide a .thm-wrap {width:100%; order:1}
.m-news-container .swiper-slide a .tit-wrap {width:100%; order:2}
.m-news-container .swiper-slide a .tit-wrap .tit {font-size:1.6rem; line-height:2.0rem; margin-top:20px; max-width:280px}
.m-news-control { gap:20px; height:60px }


/* ---- section #8 ---- */
.page8 {padding-bottom:40px;}


/* ----------------------------------------------------------------------------- */
/* copy */
/* ----------------------------------------------------------------------------- */

/* ---- contact ---- */
.c-contact-in {padding:20px 0 80px 0; }
.c-contact-in:first-child {padding:20px 0}

.c-info-wrap {gap:25px; margin-top:15px; flex-wrap:wrap;}
.c-info {flex:initial; width:100%;}
.c-info .tit { font-size:1.6rem; height:1.7rem;}
.c-info .num {margin:10px 0 5px 0; font-size:2.4rem;}
.c-info .add {font-size:1.3rem; line-height:2rem; }
.c-info .btn { max-width:240px; }
.c-info .btn a { font-size:1.3rem;}

.timetable { margin-top:15px;}
.timetable li {font-size:1.3rem; line-height:18px; margin-top:5px}
.timetable li span {width:calc(100% - 70px); }
.timetable li span:first-child {width:60px; }

.m-map-wrap {height:150px; margin-top:20px}


/* ---- footer ---- */
.c-footer-wrap {gap:15px}
.copy-logo {width:140px; }
.copy-logo img {height:20px}

.c-sns-wrap { width:150px;} 

.copy-menu {margin-top:20px; gap:8px}
.copy-menu li a { font-size:1.2rem;}

.copy-right-wrap .copy-right address { margin-top:15px;}
.copy-right-wrap .copy-right address span { padding-right:0;  display:block;}

.cr { font-size:1.2rem; height:30px; line-height:1.5rem; margin-top:15px}

/*------------------------------------------------------------------------------------------------------------*/

}


/* 모바일 CSS */
@media all and (max-width:479px){

/* ----------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------- */


/* 퀵 */
#quick { height:50px; background:#e5c1c1;}
#quick .icon-wrap {  height:50px; gap:1px;}
#quick .icon-wrap li {height:50px;  }
#quick .icon-wrap li a {height:50px;}
#quick .icon-wrap li a img { height:20px; }
#quick .icon-wrap li a span {display:none}

}