@charset "utf-8";
/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */ 

#skipToContent a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skipToContent a:focus, 
#skipToContent a:active {width:200px;height:50px;background:#21272e;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;line-height:50px}

.only-desktop-tablet {display:block;}
.only-desktop {display:block;}
.only-tablet {display:none;}
.only-mobile {display:none;}

.contain {width:100%; max-width:1460px; padding-left:30px; padding-right:30px; margin:0 auto;}

/* header */
#header {position:fixed; top:0; left:0; width:100%; /* padding:0 200px;  */background:#fff; border-bottom:1px solid #eee; transition:.1s; z-index:100;}
.header {position:relative;max-width:1580px;width:100%;height:100px;padding:0 30px;margin:0 auto; /* display:flex; align-items:center; justify-content:space-between;  */z-index:2;}

/* .sitelogo {width:310px; height:100px;}
.sitelogo a {display:block; width:100%; height:100%; background:url("../images/common/logo2.png") 0 50% no-repeat;} */
.sitelogo a{display:block;}

.sitelogo{position: absolute;left:30px;top:15px;}

#gnb {/* flex:1 1 auto; min-width:0; width:1%; margin-right:100px; */padding-right:170px;}
#gnb > ul {display:flex; justify-content:flex-end;margin:0 -67px;}
#gnb > ul > li {position:relative;padding:0 67px;}
#gnb > ul > li > a {position:relative; display:flex; align-items:center; justify-content:center; height:99px; color:#333; font-size:24px; font-weight:700; line-height:1.2em; letter-spacing:0;/*  padding:0 40px; */padding-top:10px;}
#gnb > ul > li > a > span {position:relative;}
#gnb > ul > li.active > a:after,
#gnb > ul > li.hover > a:after {content:""; position:absolute; bottom:-4px; left:50%; margin-left:-50px; width:100px; height:4px; background:#1d1d1b;} 

#gnb .submenu {height:0; overflow:hidden; position:absolute;left:50%;transform:translateX(-50%); text-align:center; z-index:15;}
#gnb .submenu > ul {position:relative; padding:15px 0;}
#gnb .submenu > ul > li {font-size:16px; line-height:26px;}
#gnb .submenu > ul > li > a {position:relative; display:inline-block; text-decoration:none; font-size:18px; padding:7px 0; color:#8a8a8d; font-weight:400; white-space:nowrap;}
#gnb .submenu > ul > li:hover > a {color:#1d1d1b; /* text-decoration:underline; */} 

.submenu-bg {position:relative; display:none; position:absolute; top:100px; left:0; width:100%; background-color:#fff; overflow:hidden; border-top:1px solid #ddd;}

.btn-all-menu {position:absolute; top:50%; right:30px; width:31px; height:26px; margin-top:-17px; text-align:center; text-indent:-9999em; z-index:50;}
.btn-all-menu span {position:absolute; left:11px; right:0; top:17px; height:2px; background:#000;}
.btn-all-menu span:before,
.btn-all-menu span:after {content:""; position:absolute; left:-10px; right:0; height:2px; background:#000;}
.btn-all-menu span:before {top:-10px;}
.btn-all-menu span:after {bottom:-10px;}

.all-menu.active {transform:translateY(0);}
.all-menu {position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto; color:#fff; /* background:#003d56; */background-color: #497172; z-index:502; transition:ease .3s; transform:translateY(-100%);}
.all-menu .contain {width:100%; max-width:1520px; height:100%; display:flex;}
.all-menu .nav {position:relative; width:100%; height:100%; display:flex; align-items:center;}
.all-menu .nav .line {position:absolute; top:0; left:0; width:1px; height:100%; background:#fff; opacity:.1;}
.all-menu .nav .line.line-2 {left:25%;}
.all-menu .nav .line.line-3 {left:50%;}
.all-menu .nav .line.line-4 {left:75%;}
.all-menu .nav > ul {display:flex; flex-wrap:wrap; width:100%;}
.all-menu .nav > ul > li {width:25%; padding:0 5px 50px 22px;}
.all-menu .nav > ul > li > a {display:block; font-size:35px; font-weight:600; line-height:1.3em; letter-spacing:-.03em;}
.all-menu .nav > ul > li > a:hover {text-decoration:underline;}
.all-menu .nav .submenu {padding-top:28px;}
.all-menu .nav .submenu > ul > li {margin-bottom:13px;}
.all-menu .nav .submenu > ul > li:last-child {margin-bottom:0;}
.all-menu .nav .submenu > ul > li > a {display:block; color:#c5c3c0; font-size:20px; line-height:1.3em; letter-spacing:-.03em;}
/* .all-menu .nav .submenu > ul > li > a:hover {color:#f15f35} */

.all-menu .close {position:absolute; top:32px; right:96px; width:38px; height:38px; text-indent:-9999em; overflow:hidden;}
.all-menu .close:before,
.all-menu .close:after {content:" "; position:absolute; top:50%; left:0; width:100%; height:2px; margin-top:-1px; background:#fff;}
.all-menu .close:before {transform:rotate(45deg);}
.all-menu .close:after {transform:rotate(-45deg);}

/* for mobile */
.btn-m-menu {display:none; position:relative; width:24px; height:24px; overflow:hidden; text-indent:-9999em; line-height:0; font-size:0;}
.btn-m-menu span {position:absolute; left:0; right:0; top:50%; margin-top:-1px; height:2px; background:#242424;}
.btn-m-menu span:before,
.btn-m-menu span:after {content:" "; position:absolute; left:0; right:0; height:2px; background:#242424;}
.btn-m-menu span:before {top:-9px;}
.btn-m-menu span:after {bottom:-9px;}

.mobile-navigation {display:none; position:fixed; top:0; right:0; width:300px; height:100%; overflow:auto; transition:.2s linear; -ms-transform:translateX(100%); transform:translateX(100%); background:#fff; z-index:102;}
.mobile-navigation .home {display:flex; align-items:center; height:70px; padding:10px 20px; font-size:20px; font-weight:700; line-height:1.3em;}
.mobile-navigation .home img {height:40px;}
.mobile-navigation .links {border-top:1px solid #ddd; padding:20px;}
.mobile-navigation .links ul {display:flex; flex-wrap:wrap; margin:-3px;}
.mobile-navigation .links ul li {width:50%; padding:3px;}
.mobile-navigation .links ul li a {display:block; font-size:14px; line-height:1.5em; padding:5px; text-align:center; border:1px solid #ddd;}
.mobile-navigation .nav-menu>ul {border-top:1px solid #ddd;}
.mobile-navigation .nav-menu>ul>li {border-bottom:1px solid #ddd;}
.mobile-navigation .nav-menu>ul>li>a {position:relative; padding:10px 48px 10px 20px; display:block; color:#2c2c2c; font-size:17px; font-weight:700; line-height:1.5em;}
.mobile-navigation .nav-menu>ul>li>a:after {content:""; position:absolute; top:50%; right:20px; transform:translateY(-75%) rotate(45deg); width:13px; height:13px; border-right:1px solid #505050; border-bottom:1px solid #505050;}
.mobile-navigation .nav-menu>ul>li.active>a {color:#fff; background:#497172}
.mobile-navigation .nav-menu>ul>li.active>a:after {transform:translateY(-35%) rotate(-135deg); border-color:#fff;}
.mobile-navigation .nav-menu .submenu {display:none; padding:10px 20px; background:#f8f8f8; color:#2c2c2c; font-size:15px; font-weight:500; line-height:1.5em;}
.mobile-navigation .nav-menu .submenu > ul > li > a {display:block; position:relative; padding:6px 0;}
.mobile-navigation .close {position:absolute; top:20px; right:18px; width:26px; height:26px; text-indent:-9999em; overflow:hidden;}
.mobile-navigation .close:before,
.mobile-navigation .close:after {content:" "; position:absolute; top:12px; left:0; width:100%; height:3px; background:#2c2c2c; border-radius:3px;}
.mobile-navigation .close:before {transform:rotate(45deg);}
.mobile-navigation .close:after {transform:rotate(-45deg);}
.mobile-overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#2c2c2c; opacity:0.6; z-index:101;}

html.menu-opened {overflow:hidden;}
html.menu-opened .mobile-navigation {-ms-transform:translateX(0); transform:translateX(0);}
html.menu-opened .mobile-overlay {display:block;}

/* main */
.main-visual {position:relative; overflow:hidden; background:#333; margin-top:100px;}
.main-visual .item {position:relative; overflow:hidden;}
.main-visual .item .img {position:relative; height:0; padding-bottom:26%; overflow:hidden;}
.main-visual .item .img img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
/* .main-visual .item img {position:absolute; top:0; left:0; width:100%; height:100%; transition:10s ease; transform:scale(1.1); object-fit:cover;} */
.main-visual .caption {position:absolute; top:55%; left:0; width:100%; padding:20px; text-align:center; color:#fff; text-shadow:3px 3px 8px rgba(0,0,0,.3); -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.main-visual .caption .txt {font-family: 'GmarketSansMedium'; font-size:46px; font-weight:500; line-height:1.3em; letter-spacing:-.03em;}
.main-visual .caption .txt strong {display:inline-block; margin-top:10px; font-family: 'GmarketSansBold'; font-size:56px; font-weight:700; letter-spacing:0;} 
.main-visual .thumb {position:relative; padding-bottom:26%;  overflow:hidden;}
.main-visual .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:contain;}
.main-visual .vis-arr{display:flex;justify-content:center;align-items:center;width:160px;height:60px;background-color: #497172;border-radius:8px;color: #fff;z-index:1;position: absolute;right:13.5416%;bottom:35px;}
.main-visual .vis-arr span{position:relative;padding-left:30px;font-size:var(--fz20);font-weight:700;line-height:1.2em;}
.main-visual .vis-arr span:before{content:'';width:18px;height:17px;background:url('/images/main/main-vis-arr.png')no-repeat 0 50%/contain;position: absolute;left:0;top:.15em;}

.main-visual .slick-dots {position:absolute; bottom:50px; left:0; width:100%; text-align:center; z-index:50; line-height:0;}
.main-visual .slick-dots li {position:relative; display:inline-block; padding:0 20px;}
.main-visual .slick-dots li button {position:relative; display:block; background:#fff; width:11px; height:11px; border:0; border-radius:100%; overflow:hidden; text-indent:-9999px;}
.main-visual .slick-dots li.slick-active button {border-color:transparent; background:#497172;}
.main-visual .slick-dots li.slick-active:before {width:29px; height:29px; top:50%; margin-top:-14.5px; left:50%; margin-left:-14.5px; border-radius:100%; position:absolute; content:""; border:1px solid #fff; }


.main-visual .active img {transform:scale(1);}

.main-links {padding:35px 0; text-align:center; color:#333; font-size:22px; font-weight:500; line-height:1.3em; letter-spacing:-.03em; background:#c5d6d2;}
.main-links ul {display:flex; justify-content:space-between; margin-right:-60px;}
.main-links ul li {position:relative; margin-right:60px;}
.main-links ul li:nth-child(3) {padding-left:60px;}
.main-links ul li:last-child {margin-right:80px; padding-left:60px;}
.main-links ul li:last-child:before {position:absolute; content:""; width:1px; height:53px; background:#2f5f72; top:50%; margin-top:-26.5px; left:0;}
.main-links ul li:first-child {border-left:0; margin-right:100px;} 
.main-links ul li a {display:flex; align-items:center;font-weight:700;}
.main-links ul li img {display:block; margin:0 auto; vertical-align:middle; transition:.2s; margin-right:10px;}
.main-links ul li strong {font-size:20px; font-weight:400; display:inline-block; padding-left:13px;}
.main-links ul li a:hover img {transform:translateY(-6px);}

.main-post {padding:95px 0;}
.main-post .contain {display:flex;}
.main-post .post {flex:1 1 auto; min-width:0; width:1%; border-right:0; margin-right:80px;}
.main-post .post .inner {position:relative;}
.main-post .post .nav {margin-bottom:40px; padding-left:10px;}
.main-post .post .nav ul {display:flex;}
.main-post .post .nav ul li {display:flex; align-items:center;}
.main-post .post .nav ul li:before {content:""; width:1px; height:18px; background:#ddd; margin:0 20px;}
.main-post .post .nav ul li:first-child::before {display:none;}
.main-post .post .nav ul li a {font-family: 'GmarketSansBold'; display:block; color:#ababab; font-size:26px; font-weight:700; line-height:1.3em; letter-spacing:-.025em;}
.main-post .post .nav ul li.active a {color:#242424; font-weight:700;}
.main-post .post .tab-content ul {border-top:2px solid #555;}
.main-post .post .tab-content ul li {color:#333; font-size:20px; line-height:25px; letter-spacing:0; border-bottom:1px solid #ddd; padding-left:20px;}
.main-post .post .tab-content ul li:last-child {margin-bottom:0;}
.main-post .post .tab-content ul li a {padding:20px 0; display:block;}
.main-post .post .tab-content ul li .tit {overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal;  display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-size:20px; font-weight:700; flex:1 1 auto; min-width:0; margin-right:15px; overflow:hidden; word-break:break-all; white-space:nowrap; text-overflow:ellipsis;}
.main-post .post .tab-content ul li .tit a:hover {text-decoration:underline;}
.main-post .post .tab-content ul li .tit img {vertical-align:middle; margin:-.2em 0 0 2px;}
.main-post .post .tab-content ul li .date {font-size:16px; color:#888; letter-spacing:0; display:block; margin-top:10px;}
.main-post .post .tab-content ul li .down {display:inline-block; padding:0 15px; color:#fff; font-size:14px; font-weight:600; line-height:25px; background:#f37140; border-radius:30px;}
.main-post .post .more {position:absolute; font-size:40px; right:0; font-weight:300; color:#333; letter-spacing:-.025em; line-height:1.0em; top:-4px; right:0; width:18px; height:18px;} 
.main-post .post .tab-content ul li a:hover .tit {text-decoration:underline;}

.main-post .links-wrap {width:47%; max-width:650px; }
.main-post .links-wrap .link-tit {font-family: 'GmarketSansBold'; display:block; color:#333; font-size:26px; font-weight:700; line-height:1.3em; letter-spacing:-.025em; margin-bottom:30px;}
.main-post .links-wrap .items {margin-bottom:50px;}
.main-post .links-wrap .items .slick-list {margin:0 -12px;}
.main-post .links-wrap .items .slick-slide {padding:0 12px;}
.main-post .links-wrap .items .item {}
.main-post .links-wrap .items .img {}
.main-post .links-wrap .items .thumb {position:relative; padding-bottom:100%; overflow:hidden;}
.main-post .links-wrap .items .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.main-post .links-wrap .items .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}

.collection {display:flex; background:#171717; min-height:295px; padding:40px 50px;}
.collection .imgs {}
.collection .txt-box {width:63%; padding-left:40px; margin-top:15px;}
.collection .txt-box .tit {font-family: 'GmarketSansBold'; font-size:26px; font-weight:700; color:#fff; letter-spacing:-.025em; line-height:1.769em; margin-bottom:10px;}
.collection .txt-box .txt {font-size:18px; color:#fff; letter-spacing:0; line-height:1.444em;}
.collection .txt-box .btn {font-size:16px; color:#333; font-weight:500; letter-spacing:-.025em; background:#fff; float:right; width:100%; max-width:120px; height:34px; line-height:34px; border-radius:20px; margin-top:50px;}
.collection .txt-box .btn a {padding:0 20px; width:100%; display:flex;justify-content:center;}
.collection .txt-box .btn a .btn-wrap {position:relative; width:16px; height:11px;}
.collection .txt-box .btn a .btn-wrap span {position:absolute; top:-1px; right:5px;}
.collection .txt-box .btn a .btn-wrap span.none {display:none;}
.collection .txt-box .btn:hover {background:#333; color:#fff;}
.collection .txt-box .btn a .btn-wrap span img {vertical-align:middle;}
.collection .txt-box .btn:hover .btn-wrap span {display:none;}
.collection .txt-box .btn:hover .btn-wrap span.none {display:block;}

.main-post .slick-arrow {position:absolute; top:-60px; z-index:50; width:26px; height:26px; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; border:0; overflow:hidden; text-indent:-9999em; transition:.2s; background-size:contain;}
.main-post .slick-prev {right:30px; background-image:url("../images/main/slide_prev.png");} 
.main-post .slick-prev:hover {background-image: url('../images/main/slide-prev_w.png');}
.main-post .slick-next {right:0; background-image:url("../images/main/slide_next.png");} 
.main-post .slick-next:hover {background-image: url('../images/main/slide_next_w.png');}

.tab-slide .slick-dots {position:absolute; top:-55px; right:0; width:100%; z-index:50; line-height:0; text-align:right;}
.tab-slide .slick-dots li {position:relative; display:inline-block; padding:0 3px;}
.tab-slide .slick-dots li button {position:relative; display:block; background:#ddd; width:14px; height:14px; border:0; border-radius:100%; overflow:hidden; text-indent:-9999px;}
.tab-slide .slick-dots li.slick-active button {border-color:transparent; background:#333;}
 
.schedule {width:50%; margin-right:50px;}
.schedule .nav {position:relative; z-index:99; display:inline-block;}
.schedule .tabs2 {display:flex; margin-bottom:30px;}
.schedule .tabs2 li {margin-right:25px; width:auto;}
.schedule .tabs2 li a {font-family: 'GmarketSansBold'; font-size:26px; font-weight:700; color:#ccc;}
.schedule .tabs2 li.active a {color:#242424;}
.schedule .tab-content2 {}
.schedule .tab-content2 .tab-slide {}
.schedule .tab-content2 .tab-slide .tab-items {}
.schedule .tab-content2 .tab-slide .tab-items .slick-list {margin-right:-30px;}
.schedule .tab-content2 .tab-slide .tab-items .slick-slide {margin-right:30px;}
.schedule .tab-content2 .tab-slide .tab-items .item {}
.schedule .tab-content2 .tab-slide .tab-items .item a {border:1px solid #ddd; display:flex !important; flex-direction:column; justify-content:space-between; padding:20px 25px; min-height:210px;}
.schedule .tab-content2 .tab-slide .tab-items .tit {overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal;  display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; font-size:18px; color:#555; letter-spacing:-.025em; line-height:1.556em;}
.schedule .tab-content2 .tab-slide .tab-items .date {font-size:16px; font-weight:500; color:#999; letter-spacing:-.025em;}
.schedule .tab-content2 .tab-slide .tab-items .item a:hover {border:1px solid #333;}
.schedule .tab-content2 .tab-slide .tab-items .item a:hover .tit {color:#333;}

.main-schedule .contain {display:flex; margin-bottom:100px;}

.main-inquiry {position:relative; border:1px solid #ddd; padding:20px 40px; width:50%;}
.main-inquiry:before {position:absolute; content:""; width:230px; height:173px; background:url('../images/main/main-inquiry.png')50% 50% no-repeat; background-size:contain; right:50px; bottom:0;}
.main-inquiry .main-tit {}
.main-inquiry .main-tit h3 {font-family: 'GmarketSansBold'; display:block; color:#333; font-size:26px; font-weight:700; line-height:1.3em; letter-spacing:-.025em; margin-bottom:30px;}
.main-inquiry .txt {font-size:18px; font-weight:500; color:#454545; letter-spacing:-.025em; line-height:1.667em;}
.main-inquiry .btn {position:relative; z-index:9; font-size:16px; color:#333; font-weight:500; letter-spacing:-.025em; background:#fff; float:right; border:1px solid #ddd; width:100%; max-width:120px; height:34px; line-height:34px; border-radius:20px; margin-top:50px;}
.main-inquiry .btn a {padding:0 20px; width:100%; display:flex;}
.main-inquiry .btn a .btn-wrap {position:relative; width:16px; height:11px;}
.main-inquiry .btn a .btn-wrap span {position:absolute; top:0; right:5px;}
.main-inquiry .btn a .btn-wrap span.none {display:none;}
.main-inquiry .btn:hover {background:#333; color:#fff; border:1px solid #333;}
.main-inquiry .btn a .btn-wrap span img {vertical-align:middle;}
.main-inquiry .btn:hover .btn-wrap span {display:none;}
.main-inquiry .btn:hover .btn-wrap span.none {display:block;}

.main-lnbs {padding:165px 0; background-size:cover; background-position:50% 50%; background-repeat:no-repeat;}
.main-lnbs .main-lnb-list {display:flex;}
.main-lnbs .main-lnb-list li {width:16.6666%; text-align:center;}
.main-lnbs .main-lnb-list li a {display:block;}
.main-lnbs .main-lnb-list li a .ico-wrap {position:relative; width:80px; height:80px; margin:0 auto;}
.main-lnbs .main-lnb-list li a .ico-wrap .ico {position:absolute; top:0; left:0;}
.main-lnbs .main-lnb-list li a .ico-wrap .ico.none {display:none;}
.main-lnbs .main-lnb-list li a .ic{display:flex;justify-content:center;align-items:center;}
.main-lnbs .main-lnb-list li a .ic img.on{display:none;}
.main-lnbs .main-lnb-list li a:hover .ic img.on{display:block;}
.main-lnbs .main-lnb-list li a:hover .ic img.off{display:none;}
.main-lnbs .main-lnb-list li a .tit {font-size:20px; margin-top:25px; color:#fff; font-weight:500; letter-spacing:-.025em; line-height:1.3em;}
.main-lnbs .main-lnb-list li a:hover .tit {color:#497172;}
.main-lnbs .main-lnb-list li a:hover .ico-wrap .ico {display: none;}
.main-lnbs .main-lnb-list li a:hover .ico-wrap .ico.none {display:block;}

/* sub */
.sub-visual {display:flex; margin:100px 0 0; position:relative; height:150px; color:#333; overflow:hidden; background:#d0deda; align-items:center; background-position:50% 100%;background-image:none !important;}
.sub-visual-flex {margin:0 auto; align-items:center; min-height:150px; display:flex; width:100%; max-width:1460px; padding-left:30px; padding-right:30px;}
.sub-visual .bg {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transition:2s; opacity:0; transform:scale(1.05); background-repeat:no-repeat; background-position:50% 0; background-size:cover;display:none;}
.sub-visual .inner {}
.sub-visual .contain {display:flex; align-items:center;}
.sub-visual h2 {font-family: 'GmarketSansBold'; position:relative; font-size:40px; font-weight:700; line-height:1.3em; letter-spacing:0; padding-right:50px;}
.sub-visual h2:before {content:""; position:absolute; top:50%; right:0; width:1px; height:25px; background:rgba(255, 255, 255, 0.3); margin-top:-12.5px;}
.sub-visual p {font-size:16px; font-weight:400; line-height:1.6em; letter-spacing:-.03em;}
.sub-visual.bg1 {background-image:url("../images/common/sv1.jpg");}
.sub-visual.bg2 {background-image:url("../images/common/sv2.jpg");}
.sub-visual.bg3 {background-image:url("../images/common/sv3.jpg");}
.sub-visual.bg4 {background-image:url("../images/common/sv4.jpg");}
.sub-visual.bg5 {background-image:url("../images/common/sv5.jpg");}
.sub-visual.bg6 {background-image:url("../images/common/sv6.jpg");}
.sub-visual.bg7 {background-image:url("../images/common/sv7.jpg");}

.loaded .sub-visual .bg {transform:scale(1); opacity:1;}

/* lnb */ 

.lnb-wrap {min-width:0;width:1%;flex:1 1 auto;overflow:hidden;}
.lnb {position:relative; width:100%; text-align:left; z-index:1;}
.lnb .contain {position:relative;}
.lnb ul {position:relative; width:100%; z-index:2; justify-content:flex-start;}
.lnb ul li {position:relative; z-index:1; width:auto;} 
.lnb ul li a {white-space: nowrap; display:flex; align-items:center; justify-content:center; padding-left:40px; color:#333; font-size:18px; font-weight:500; letter-spacing:0;} 
.lnb ul li.active {z-index:2;}
.lnb ul li.active a {color:#497172;}

#contArea {max-width:1460px; padding-left:30px; padding-right:30px; margin:0 auto;}

.sub-title {padding:60px 0 55px;}
.sub-title h2 {color:#242424; font-size:30px; font-weight:600; line-height:1.3em; letter-spacing:-.03em;}
.sub-title h2:before {content:""; display:block; margin:0 0 5px 10px; width:10px; height:10px; background:#088dcd; border-radius:100%;}

.real-cont {min-height:400px; padding-bottom:100px;}
.real-cont.type2{padding-top:60px;}

/* footer */
#footer {font-size:16px; font-weight:400; line-height:1.5em; letter-spacing:0; color:#555; /* background:#e8f4f1; */ position:relative;}
#footer address {font-style:normal;}
#footer span {display:inline-block;}
#footer .contain {max-width:1580px;} 

#footer .foot-lnb {/* background:#497172; */background:#e8f4f1;padding:33px 0;}
#footer .foot-lnb ul {display:flex;}
#footer .foot-lnb ul li {position:relative;}
#footer .foot-lnb ul li a:before {position:absolute; content:""; width:1px; height:12px; background:#cbdad6; top:50%; margin-top:-6px; right:0;}
#footer .foot-lnb ul li:first-child a {padding-left:0;}
#footer .foot-lnb ul li:last-child a:before {display:none;}
#footer .foot-lnb ul li a {position:relative; font-size:16px; /* color:#cbdad6; */ color: #497172 ;letter-spacing:0; line-height:1.3em; font-weight:300; padding:0 25px;}
/* #footer .foot-lnb ul li:hover a {color:#cfb778;} */

#footer .foot-bg {background:#c5d6d2; padding:55px 0;}
#footer .foot-bg .contain {display:flex; align-items:center;}
#footer .foot-bg .foo-logo {}
#footer .foot-bg address {display:flex;}
#footer .foot-bg address p{margin-right:15px;}
#footer .foot-bg .copy{margin-top:5px;line-height:1.3ems;}
#footer .foot-bg .copy a{display:inline-block;margin-left:10px;font-size:12px;color: #cbdad6;}

.foot-info {display:flex; padding:40px 0;}
.foo-logo {margin-right:45px;}

.foo-info {flex:1 1 auto; min-width:0; width:1%;}
.foo-info .comp-name {margin-bottom:6px;}
.foo-info address span {margin-right:32px;}
.foo-info .copyright {margin-top:17px;}
.foo-info .copyright .designed {font-size:0; line-height:0; opacity:0;}

.go-top {position:absolute; right:60px; bottom:50px; z-index:500;}

.quick{position: fixed;right:30px;/* bottom:30px; */bottom:120px;z-index:501;}
.quick ul li{margin-bottom:15px;}
.quick ul li:last-child{margin-bottom:0;}


.main-content{padding:80px 0 140px;}
.main-content .contain{max-width:1460px;}
.main-content .content{margin-bottom:80px;}
.main-content .content:last-child{margin-bottom:0;}
.main-content .content .flex{display:flex;margin:0 -30px;}
.main-content .content .flex .col{width:50%;padding:0 30px;}
.main-content .content .col .title{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;}
.main-content .content .col .title.none{opacity:0;}
.main-content .content .col .title .tit{font-size: clamp(1.125rem, 0.9934rem + 0.5263vw, 1.625rem);line-height:1.3em;font-family: 'GmarketSansBold';color: #333;font-weight:700;}
.main-content .content .col .title .tit.st2{display:flex;align-items:center;}
.main-content .content .col .title .tit.st2 .month{position:relative;font-size:var(--fz20);font-weight:700;margin-left:15px;padding-left:15px;padding-bottom:3px;color: #333;font-weight:600;line-height:1.2em;font-family:'Pretendard';}
.main-content .content .col .title .tit.st2 .month:before{content:'';width:1px;height:15px;background-color: #ccc;position: absolute;left:0;top:.2em;}
.main-content .content .col .more{display:flex;justify-content:center;align-items:center;}

.main-schedule .slick-list{margin:0 -10px;}
.main-schedule .item{padding:0 10px;}
.main-schedule .item a{display:block;position: relative;}
.main-schedule .item .pic {position:relative; height:0; padding-bottom:140.48%; overflow:hidden;}
.main-schedule .item .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.main-schedule .item .status{position: absolute;left:25px;top:25px;display:flex;justify-content:center;align-items:center;width:60px;height:60px;color: #fff;font-size:var(--fz18);font-weight:700;line-height:1.11em;}
.main-schedule .item .status.ing{/* background-color: #af6d53; */background-color: #f97967 ;color: #000;}
.main-schedule .item .status.expected{/* background-color: #608f90; */background-color: #e9d330 ;color: #000;}
.main-schedule .item .status.finished{background-color: #000000;}
.main-schedule .item .info{position: absolute;left:0;top:0;right:0;bottom:0;z-index:1;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;color: #fff;text-align:center;transition:.3s;opacity:0;}
.main-schedule .item .info .inner{width:100%;padding:20px;}
.main-schedule .item .info .inner .tit{font-size:var(--fz18);line-height:1.44em;font-weight:700;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.main-schedule .item .info .inner .wrap{margin-top:10px;text-align:left;font-size:12px;line-height:1.67em;}
.main-schedule .item .info .inner .wrap p{margin-bottom:3px;}
.main-schedule .item .info .inner .wrap p:last-child{margin-bottom:0;}
.main-schedule .item a:hover .info{opacity:1;}

.main-ex ul{display:flex;margin:0 -23px;}
.main-ex ul li{width:50%;padding:0 23px;}
.main-ex ul li a{display:block;position:relative;}
.main-ex ul li a .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.main-ex ul li a .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.main-ex ul li a p{color: #fff;font-weight:800;line-height:1.2em;position: absolute;left:30px;bottom:20px;z-index:1;}

.main-notice ul{display:flex;flex-wrap:wrap;margin:0 -30px;}
.main-notice ul li{width:50%;padding:0 30px;}
.main-notice ul li .wrap{padding:20px 25px;border-bottom:1px solid #ddd;line-height:1.3em;letter-spacing:0;}
.main-notice ul li:nth-child(1) .wrap,
.main-notice ul li:nth-child(2) .wrap{border-top:2px solid #555;}
.main-notice ul li .wrap .tit{display: inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width:100%;font-size:var(--fz20);font-weight:700;color: #333;}
.main-notice ul li .wrap .date{margin-top:8px;color: #888;}
.main-notice ul li .wrap a:hover .tit{text-decoration:underline;}

.main-cal-mark{display:flex;justify-content:flex-end;}
.main-cal-mark p{position:relative;padding-left:16px;color: #333;font-weight:600;font-size:var(--fz14);line-height:1.3em;margin-right:12px;}
.main-cal-mark p:last-child{margin-right:0;}
.main-cal-mark p:before{content:'';width:10px;height:10px;border-radius:50%;position: absolute;left:0;top:.3em;}
.main-cal-mark p.c1:before{background-color: #a6d854;}
.main-cal-mark p.c2:before{background-color: #e6d735;}
.main-cal-mark p.c3:before{background-color: #9d74dc;}
.main-cal-mark p.c4:before{background-color: #488cd4;}

.main-cal .calendar table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0px;}
.main-cal .calendar table th {padding:12px 4px; text-align:center; background:#e8f4f1; color:#333; font-size:var(--fz20); font-weight:700; height:64px; line-height:1.2em;border:1px solid #ddd; border-bottom:none;}
.main-cal .calendar table td {position:relative; height:63px; padding:8px 14px; vertical-align:top; border:1px solid #ddd; color:#333;line-height:1.3em; letter-spacing:-.03em;}
.main-cal .calendar table tr th:first-child,
.main-cal .calendar table tr td:first-child .cal-date,
.main-cal .calendar table tr th:nth-child(2),
.main-cal .calendar table tr td:nth-child(2) .cal-date{color:#fe6f61;} 
.main-cal .calendar ul li {position:relative; padding-left:0; margin-bottom:0;}
.main-cal .calendar ul li:last-child {margin-bottom:0;}
.main-cal .calendar ul li:before {display:none;}
.main-cal .calendar ul li a {display:block;}
.main-cal .calendar ul li a:hover {text-decoration:none;}
.main-cal .calendar .cal-date {line-height:1.3em; color:#333;font-size:var(--fz16);margin-bottom:10px;padding-left:0;font-weight:400;}
/*.main-cal  .calendar .cal-blank {background:#fcfcfc;} */
.main-cal .calendar .cal-holiday .cal-date {color:#fe6f61 !important;}

.main-cal .calendar table td.active{background-color: #f2f2f2;}
.main-cal .calendar .btns ul{display:flex;flex-wrap:wrap;margin:0 -3px -6px;}
.main-cal .calendar .btns ul li{padding:0 3px;margin-bottom:6px;}
.main-cal .calendar .btns ul li a{display:block;width:10px;height:10px;border-radius:50%;}
.main-cal .calendar .btns ul li a.c1{background-color: #a6d854;}
.main-cal .calendar .btns ul li a.c2{background-color: #e6d735;}
.main-cal .calendar .btns ul li a.c3{background-color: #9d74dc;}
.main-cal .calendar .btns ul li a.c4{background-color: #488cd4;}

.pop-cal{background-color: #fff;border-radius:20px;padding:55px 50px 70px;}
.pop-cal .date{padding-bottom:10px;margin-bottom:30px;border-bottom:1px solid #333;font-size:24px;font-weight:800;color: #555;line-height:1.3em;text-align:center;}
.table01 table{width:100%;border-spacing:0;border-top:1px solid #ddd;font-size:15px;line-height:1.5em;text-align:center;}
.table01 table th{background-color: #f2f2f2;font-weight:700;height:50px;}
.table01 table td{height:74px;}
.table01 table th,
.table01 table td{border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px;}
.table01 table th:first-child,
.table01 table td:first-child{border-left:1px solid #ddd;}

.pop-cal .btn-close{display:flex;justify-content:center;align-items:center;width:120px;height:50px;margin:45px auto 0;background-color: #333;color: #fff;font-size:15px;font-weight:700;line-height:1.2em;}

.main-subscribe .form-area .row{margin-bottom:16px;}
.main-subscribe .form-area .row:last-child{margin-bottom:0;}
.main-subscribe .form-agree{margin:15px 0 40px;}
.main-subscribe .form-agree .check{margin:0;text-align:left;}
.main-subscribe .btn-apply{display:flex;justify-content:center;align-items:center;height:60px;background-color: #e8f4f1;color: #333;font-weight:700;font-size:var(--fz18);border:none;width:100%;}