@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 {display:block;}
.only-desktop-tablet {display:block;}
.only-tablet-mobile {display:none;}
.only-tablet {display:none;}
.only-mobile {display:none;}

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

#container>div { overflow: hidden;}
#ws-wrapper {display:flex; min-height:100vh;}

#ws-header {width:200px; background:#fafafa; box-shadow:0 0 5px rgba(0,0,0,.2);}

.ws-menu .ui {display:block; padding:13px 0; background:#5e31a1; color:#fff; font-size:18px; font-weight:700; line-height:1.5em; letter-spacing:-.03em; text-align:center; border-bottom:2px solid #3c2065;}
.ws-menu h2 {font-family:"Roboto",sans-serif; font-size:15px; color:#fff; line-height:1.3em; padding:7px 0; text-align:center; background:#7952b3;}
.ws-menu ul {display:flex; flex-wrap:wrap;}
.ws-menu ul li {width:100%; border-bottom:1px solid #e5e5e5;}
.ws-menu ul li.w50 {width:50%; border-right:1px solid #e5e5e5;}
.ws-menu ul li.w50:nth-child(2n) {border-right:0;}
.ws-menu ul li a {display:block; color:#333; text-decoration:none; font-size:13px; font-weight:300; line-height:1.4em; letter-spacing:-.04em; padding:5px 5px 5px 11px;}
.ws-menu ul li a:hover,
.ws-menu ul li.active a {background:#eee; color:#653ba4; font-weight:500; padding-left:14px;}

#ws-content {flex:1 1 auto; min-width:0; width:1%; padding:30px;}

.ws-title {display:flex; align-items:center; padding-bottom:15px; margin-bottom:50px; border-bottom:1px solid #ddd;}
.ws-title h2 {flex:1 1 auto; min-width:0; width:1%; font-size:30px; line-height:1.3em; letter-spacing:-.04em;}

.btn-psd-download {display:inline-block; padding:8px 20px; font-family:"Roboto",sans-serif; color:#fff; font-size:16px; font-weight:500; line-height:1.3em; background:#7952b3; border-radius:4px;}

.ws-real-cont {max-width:1200px; margin:0 auto;}

/* header */
#header {position:fixed; width:100%; z-index:100; top: 0; height: 110px; background: #fff;}
#header .contain {position:relative; display:flex; align-items:center; justify-content:space-between; height:100%; z-index:10; max-width: 100%; padding-left: 100px; padding-right: 100px;}
#header .contain::after { content: none;}

.logo-fx {display: flex; gap: 25px; align-items: center;}
.sitelogo {position:relative; z-index:2; background-image:url("../images/common/logo.png"); background-size: contain; background-repeat: no-repeat;}
.sitelogo a {display: block;}
.sitelogo img {visibility: hidden;}
.logo-num a { display: block; }
.logo-num a .tit { display: inline-block; font-size: 16px; font-weight: 700; line-height: 1em; padding: 7px 15px 4px; background: #c9161d; border-radius: 15px; color: #fff; margin-bottom: 10px;}
.logo-num a .tit2 { display: block; font-size: 40px; font-weight: 700; letter-spacing: -.03em; line-height: 1em; color: #242424;}

#gnb {text-align:center; flex:1 1 auto; min-width:0; width:1%; position: relative; left: 36px;}
#gnb>ul {display:flex; justify-content:flex-end;} 
#gnb>ul>li {position:relative; padding:0 36px;}
#gnb>ul>li>a {position:relative; display:flex; align-items:center; flex-direction: column; justify-content:center; height:100px; color:#242424; font-size:22px; font-weight:700; letter-spacing:-.03em; line-height:1.3em;}
#gnb>ul>li>a:hover { color: #c9161d;}

.btn-m-menu { display: none;}

.list-icon { width:35px; height:20px; text-align:center; text-indent:-9999em; z-index:50; transition:all 0.5s linear; position: relative;}
.list-icon span {position:absolute; left:0; right:0; top:50%; margin-top:0px; height:2px; background:#242424; width: 100%;}
.list-icon span:before,
.list-icon span:after {content:" "; position:absolute; left:0; right:0; height:2px; transition-duration:0.3s, 0.3s; transition-delay:0.3s, 0s;}
.list-icon span:before {top:-8px; transition-property:top, transform; background:#242424; content: "only"; left: 14px;}
.list-icon span:after {bottom:-8px; transition-property:bottom, transform; background:#242424; }

.mobile-navigation {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:80px; padding:0 20px; color:#242424; font-size:19px; font-weight:700; line-height:1.5em;}
.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:#242424; font-size:16px; font-weight:700; line-height:1.5em;}
.mobile-navigation .nav-menu>ul>li.active>a {color:#fff; background:#c9161d}
.mobile-navigation .nav-menu .submenu {display:none; background:#f8f8f8; color:#454545; font-size:16px; font-weight:400; line-height:1.5em;}
.mobile-navigation .nav-menu .submenu ul li {border-top:1px solid #e5e5e5;}
.mobile-navigation .nav-menu .submenu ul li a {display:block; padding:12px 20px;}
.mobile-navigation .nav-menu .submenu ul li a:hover {color:#c9161d;}
.mobile-navigation .nav-menu .submenu img { display: none;}
.mobile-navigation .close {position:absolute; top:25px; right:15px; 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:#242424; 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:#000; 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-visual {position:relative; height: 100vh !important;}
.main-visual .contain {position: relative; height: 100%; max-width: 1460px;}
.main-visual .slick-slide { position:relative; height: 100vh; overflow:hidden;}
.main-visual .item {position:absolute; top:50%; left:50%; width:100%; padding-bottom:56.25%; transform:translate(-50%,-50%); overflow:hidden;}
.main-visual .item .video-js,
.main-visual .item video,
.main-visual .item iframe {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain;}

.main-visual .caption {position: absolute; top: 41%; width: 100%; left: 0; }
.main-visual .caption .txt {display: inline-block; color: #fff;}
.main-visual .caption h2 {font-size: 60px; font-weight: 500; line-height: 1.5em; letter-spacing: -.03em;}
.main-visual .caption h2 span { font-size: 75px; font-weight: 700; }

.main-visual .slick-arrow {position:absolute; top:50%; z-index:50; opacity:1; overflow:hidden; transition: .3s; cursor: pointer; width: 41px; height: 78px; background-size: contain; background-repeat: no-repeat; background-position: center center; border: none; opacity: 1; transform: translateY(-50%);}
.main-visual .slick-arrow:hover { opacity: 1;}
.main-visual .slick-prev { left: 50px; background-image: url(../images/main/main-leftbt.png); }
.main-visual .slick-next { right: 50px; background-image: url(../images/main/main-rightbt.png); }

/* main 공통 */
.main-tit { font-size: 70px; font-weight: 700; letter-spacing: -.03em; line-height: 1.2em; text-align: center; margin-bottom: 70px;}
.main-tit span { color: #c9161d;}
.main-titbox { display: flex; justify-content: center; gap: 30px; align-items: flex-start;}

/* main */
.sec1 { padding: 80px 0;}

.sec2 { padding: 80px 0; background: #f6f6f6;}
.sec2 .contain { display: flex; align-items: center;}
.sec2-left { width: 61%; padding-right: 25px;}
.sec2-left .txt { line-height: 1.556em; letter-spacing: -.03em; font-size: 22px; font-weight: 500; color: #242424; margin-top: 50px;}
.sec2-right { width: 39%;}
.sec2-right img { border-radius: 80px 0 80px 0;}

.sec3 { padding-top: 150px;}
.sec3 .main-tit { color: #242424;}
.sec3-box {position: relative; text-align: center;}
.sec3-list { display: flex; flex-wrap: wrap;}
.sec3-list li { width: calc(100%/4); background: #000; position: relative; height: 680px;}
.sec3-list li:nth-of-type(even) { background: blue;}
.sec3-list li .time { position: absolute; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%); font-size: 50px; font-family: 'jeju'; color: #fff;}
.sec3-box h3 { color: #fff; font-size: 38px; font-weight: 500; letter-spacing: -.03em; line-height: 1.2em; position: absolute; left: 0; right: 0; margin: auto; bottom: 45px;}
.sec3-box h3 span { font-weight: 700;}

.sec4 { padding: 130px 0 230px; background: url(../images/main/sec4-bg.jpg) center no-repeat; background-size: cover;}
.sec4-box { position: relative; margin-top: 110px;}
.sec4 .main-tit { color: #fff; margin-bottom: 0;}
.sec4-swiper1 { width: 100%; position: relative; overflow: hidden;}
.sec4-phone { position: absolute; left: 350px; top: 50%; transform: translateY(-50%); }
.sec4-phone-slide { position: relative; width: 320px; }
.sec4-phone-slide img { width: 100%;}
.sec4-swiper-slide { position: relative; max-width: 320px; width: 100%;}
.sec4-swiper-slide .thumb {position:relative; padding-bottom:100%; overflow:hidden; }
.sec4-swiper-slide .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:cover;}
.sec4-swiper-slide .thumb .abimg { width: 50px; height: 50px; position: absolute; top: 10px; left: 10px; background-repeat: no-repeat; background-position: center; background-size: contain;}
.sec4-swiper-slide .thumb .abimg.insta { background-image: url(../images/main/insta.png);}
.sec4-swiper-slide .thumb .abimg.yt { background-image: url(../images/main/youtube.png);}
.sec4-swiper-slide .thumb .abimg.blog { background-image: url(../images/main/blog.png);}
.sec4-mg { margin-top: 200px;}
.sec4-rtl .sec4-phone { left: auto; right: 350px;}

.sec5 { padding: 130px 0; }
.sec5 h3 { font-size: 44px; font-weight: 700; letter-spacing: -.03em; color: #242424; line-height: 1.4em; text-align: center; margin-bottom: 60px; }
.sec5 h3 span { color: #c9161d;}
.sec5-list1 { display: flex; gap: 39px; flex-wrap: wrap; margin-bottom: 30px; }
.sec5-list1 li { width: calc(100%/3 - 26px); padding: 30px; border-radius: 10px; border: 1px solid #ffecda; background: #fff9f3; position: relative;}
.sec5-list1 li .tit { font-size: 28px; font-weight: 500; letter-spacing: -.03em; line-height: 1.8em; color: #242424; margin-bottom: 30px; }
.sec5-list1 li .tit span { display: inline-block; font-size: 40px; font-weight: 700; color: #c9161d; padding-bottom: 3px; border-bottom: 2px solid #c9161d;}
.sec5-list1 li .txt { line-height: 1.8em; font-size: 16px; font-weight: 500; letter-spacing: -.03em; color: #242424; }
.sec5-list1 li .txt span { display: inline-block; font-weight: 700; color: #fff; padding: 10px 15px 5px; border-radius: 10px; background: #c9161d; margin-bottom: 10px; }
.sec5-list1 li .ab { position: absolute; right: 30px; top: 35px; font-size: 16px; font-weight: 700; color: #242424; letter-spacing: -.03em; line-height: 1em; }
.sec5-list1 li .ab span { border-radius: 10px; display: inline-block; color: #fff; background: #81393c; padding: 10px 10px 5px; margin-left: 10px; }
.sec5-list2 { display: flex; gap: 39px; flex-wrap: wrap; }
.sec5-list2 li { width: calc(100%/3 - 26px); border-radius: 10px; border: 1px solid #ddd; position: relative; overflow: hidden; text-align: center;}

.sec6 { padding: 120px 0; background: url(../images/main/sec6-bg.jpg) center no-repeat; background-size: cover;}
.sec6 .main-tit {color: #fff;}
.sec6 .main-tit span { color: #fff; font-size: 55px;}
.sec6-box { align-items: center; display: flex; justify-content: space-between; margin-bottom: 100px; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 100px;}
.sec6-box:last-child { margin-bottom: 0; border: none; padding-bottom: 0;}
.sec6-fx { flex-direction: row-reverse;}
.sec6-fx .sec6-left { padding-right: 0; padding-left: 25px;}
.sec6-left { padding-right: 25px; color: #fff;}
.sec6-left h4 { font-size: 70px; font-weight: 700; letter-spacing: -.03em; line-height: 1em; margin-bottom: 15px;}
.sec6-left h3 { font-size: 80px; font-weight: 700; letter-spacing: .01em; line-height: 1.2em; -webkit-text-stroke: 3px #c9161d;}
.sec6-left p { font-size: 24px; font-weight: 500; letter-spacing: .01em; line-height: 1.2em; margin-top: 40px;}

.sec7 { padding: 65px 0; background: #fff9f3; text-align: center;}
.sec7 .titbox { position: relative; }
.sec7 h3 { text-align: center; font-size: 40px; font-weight: 500; color: #242424; letter-spacing: -.03em; line-height: 1.3em; margin-bottom: 20px; }
.sec7 h3 span { color: #c9161d; font-weight: 700; }
.sec7 h2 { line-height: 1.5em; display: inline-block; position: relative; font-size: 62px; font-weight: 500; letter-spacing: -.03em; color: #242424; margin-bottom: 75px; }
.sec7 h2::before { content: ""; position: absolute; left: -20px; top: 0; width: 53px; height: 46px; background: url(../images/main/sec7-tit-bf.png) center no-repeat; background-size: contain;} 
.sec7 h2::after { content: ""; position: absolute; right: -20px; top: 0; width: 53px; height: 46px; background: url(../images/main/sec7-tit-af.png) center no-repeat; background-size: contain;} 
.sec7 h2 strong { font-weight: 700; }
.sec7 h2 span { font-size: 80px; font-weight: 700; color: #c9161d;}
.sec7-tit { font-family: 'jeju'; line-height: 1.2em; font-size: 28px; letter-spacing: -.03em; color: #fff; width: 122px; height: 122px; display: flex; justify-content: center; align-items: center; text-align: center; background: #d98211; border-radius: 100%; position: absolute; right: 185px; top: 0; bottom: 0; margin: auto; box-shadow: 0 0 15px rgba(0,0,0,0.2);}
.sec7-tit::before { content: ""; position: absolute; left: -12px; top: 0; bottom: 0; margin: auto; width: 13px; height: 20px; background: url(../images/main/sec7-bf.png) center no-repeat; background-size: contain;}
.sec7-list { display: flex; gap: 20px; flex-wrap: wrap;}
.sec7-list li { width: calc(100%/4 - 15px); text-align: center; border-radius: 10px; overflow: hidden; box-shadow: 4px 4px 10px rgba(0,0,0,0.1);}
.sec7-list li .tit { line-height: 1em; font-size: 30px; font-weight: 700; color: #fff; padding: 15px 5px; background: #c9161d;}
.sec7-list li .tit2 { background: #fff; padding: 40px 5px; line-height: 1em; font-size: 44px; font-weight: 700; letter-spacing: -.03em; color: #777; }

.sec8 { padding: 150px 0; background: url(../images/main/sec8-bg.jpg) center no-repeat; background-size: cover;}
.sec8 .main-tit { font-size: 65px; color: #fff; margin-bottom: 60px;}
.sec8 h3 { text-align: center; font-size: 52px; font-weight: 500; letter-spacing: -.03em; color: #fff; line-height: 1.2em; margin-bottom: 10px;}
.sec8 h3 span { font-weight: 700;}
.sec8-box { position: relative;}
.sec8-swiper { width: 60%; overflow: hidden; position: relative; }
.sec8-swiper-slide { width: 100%; position: relative; overflow: hidden;}
.sec8-swiper-button-prev::after, .sec8-swiper-button-next::after { display: none;}
.sec8-swiper-button-prev, .sec8-swiper-button-next { width: 34px; height: 62px; background-size: contain; background-repeat: no-repeat; background-position: center; margin-top: -31px; }
.sec8-swiper-button-prev { background-image: url(../images/main/sec8-left.png); left: -70px;}
.sec8-swiper-button-next { background-image: url(../images/main/sec8-right.png); right: -70px;}

.sec9 { padding: 130px 0; background: url(../images/main/sec9-bg.jpg) center no-repeat; background-size: cover;}
.sec9 .main-tit { color: #fff; font-size: 46px; font-weight: 500; }
.sec9-mg { margin-bottom: 12px;}
.sec9 .main-titbox { gap: 10px;}
.sec9-box { position: relative; display: flex; gap: 28px; flex-wrap: wrap;}
.sec9-box .sec9-wrap { width: calc(100%/4 - 21px); }
.sec9-box .sec9-wrap h3 { font-size: 28px; font-weight: 700; text-align: center; letter-spacing: -.03em; background: #fff; color: #c9161d; border-radius: 10px; padding: 20px 5px; line-height: 1em; margin-bottom: 38px;}
.sec9-swiper { width: 100%; position: relative; overflow: hidden; padding-bottom: 10px;}
.sec9-swiper-slide { width: 100%; position: relative; box-shadow: 3px 3px 10px rgba(0,0,0,0.6);}
.sec9-swiper-slide .thumb {position:relative; padding-bottom:78%; overflow:hidden;}
.sec9-swiper-slide .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:cover;}
.sec9-swiper-slide .tit { background: #c9161d; color: #fff; text-align: center; font-family: 'jeju'; font-size: 20px; letter-spacing: -.03em; line-height: 1.2em; padding: 20px 5px;}
.sec9-swiper-button-prev::after, .sec9-swiper-button-next::after { display: none;}
.sec9-swiper-button-prev ,.sec9-swiper-button-next { width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: 7px; border-radius: 100%; background-color: rgba(255,255,255,0.5); box-shadow: 2px 2px 8px rgba(0,0,0,0.4); top: 40%;}
.sec9-swiper-button-prev{ background-image: url(../images/main/sec9-left.png); left: 10px;}
.sec9-swiper-button-next{ background-image: url(../images/main/sec9-right.png); right: 10px;}
.sec9-titbox { margin-top: 40px; position: relative; text-align: center;}
.sec9-titbox img { position: absolute; left: 200px; right: 0; margin: auto; z-index: 0;}
.sec9-titbox h3 { color: #fff; font-size: 38px; font-weight: 500; letter-spacing: -.03em; line-height: 1.2em; position: relative; padding-top: 40px;}
.sec9-titbox h3 span { font-weight: 700; }

.sec10 { display: flex;  align-items: flex-end; position: relative;}
.sec10-left { width: 50%; }
.sec10-gray { position: absolute; width: 50%; top: 0; right: 0; background: #f4f4f4; display: flex; align-items: center; justify-content: center ; height: 60px; justify-content: center; text-align: center; overflow: hidden;}
.sec10-gray span { display: inline-block; padding-right: 100px; font-size: 18px; font-weight: 500; letter-spacing: -.03em; color: #c9161d; white-space: nowrap;}
.sec10-gray span:last-child { padding-right: 0;}
.sec10-right { width: 50%; text-align: right; border-bottom: 3px solid #c9161d; padding-right: 100px; padding-bottom: 85px; height: 100%;}
.sec10-right .tit { font-size: 60px; line-height: 1.25em; color: #242424; font-weight: 700; letter-spacing: -.03em;}
.sec10-right .tit span { color: #c9161d;}

.sec11 { padding: 130px 0;}
.sec11 .main-tit { font-size: 60px; font-weight: 500; margin-bottom: 40px;}
.sec11 .main-tit span { font-weight: 700; font-size: 65px;}
.sec11-box { display: flex; gap: 100px; flex-wrap: wrap;}
.sec11-box>div {width: calc(100%/2 - 50px);}
.sec11-box>div .tit { color: #fff; background: #c9161d; text-align: center; font-size: 28px; line-height: 1em; letter-spacing: -.03em; font-weight: 700; border-radius: 8px; padding: 18px 0 12px; margin-bottom: 20px;}
.sec11-box>div .tit span { font-size: 18px; }
.sec11-tbl-wrap { box-shadow: 3px 3px 15px rgba(0,0,0,0.2); position: relative;}
.sec11-price { position: absolute; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%);}
.sec11-tbl { border-collapse: collapse; width: 100%;}
.sec11-tbl tr { border-bottom: 1px dashed #a9a9a9;}
.sec11-tbl tr:first-child { border: none;}
.sec11-tbl tr.bd { border-bottom: 1px dashed #c9161d;}
.sec11-tbl tr:last-child { border: none;}
.sec11-tbl tr th { font-size: 22px; font-weight: 500; letter-spacing: -.03em; line-height: 1em; padding: 20px 5px; color: #fff;}
.sec11-tbl tr td { font-size: 22px; font-weight: 500; letter-spacing: -.03em; line-height: 1.2em; padding: 18px 5px; color: #3e3834; text-align: center; position: relative;}
.sec11-tbl tr td span { text-decoration: line-through;}
.sec11-tbl tr td.fw { font-weight: 700;}
.sec11-tbl tr td.clr { color: #c9161d;}
.sec11-tbl tr td .opimg { position: absolute; margin-left: 15px; animation: fadeIn 1.5s infinite;}
.sec11-left .sec11-tbl tr th { background: #b78572;}
.sec11-right .sec11-tbl tr th { background: #c9161d;}
.sec11-left .sec11-tbl tr td { color: rgba(62, 56, 52,0.6);}
.sec11-span { display: block; font-size: 18px; font-weight: 500; line-height: 1.5em; letter-spacing: -.03em; color: #454545; margin-top: 50px; text-align: center;}
@keyframes fadeIn {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
}

.sec12 { padding: 130px 0; background: url(../images/main/sec12-bg.jpg) center no-repeat; background-size: cover; position: relative;}
.sec12 .main-tit { font-size: 65px; margin-bottom: 30px;}
.sec12 h3 { color: #fff; font-size: 34px; line-height: 1.5em; letter-spacing: -.03em; font-weight: 500; margin-bottom: 90px; text-align: center;}
.sec12 h3 span { font-weight: 700; font-size: 36px;}
.sec12-list { display: flex; flex-wrap: wrap; gap: 45px 30px; }
.sec12-list li { width: calc(100%/4 - 23px); text-align: center; background: #fff; position: relative; padding: 60px 10px 35px;}
.sec12-list li .tit { margin: 20px 0 14px; line-height: 1em; font-size: 26px; font-weight: 700; letter-spacing: -.03em; color: #242424;}
.sec12-list li .txt { font-size: 22px; font-weight: 500; letter-spacing: -.03em; line-height: 1.3em; color: #242424;}
.sec12-list li .num { position: absolute; left: 0; right: 0; top: -33px; margin: auto; width: 65px; height: 65px; border-radius: 100%; background: #c9161d; color: #fff; display: flex; align-items: center; justify-content: center ; font-size: 26px; font-weight: 700; line-height: 1em; letter-spacing: -.03em;}

.sec13 { padding: 130px 0; background: url(../images/main/sec13-bg.jpg) center no-repeat; background-size: cover;}
.sec13 .main-tit { color: #fff; font-size: 65px; margin-bottom: 40px;}
.map-tab { display: flex; margin-bottom: 40px; justify-content: center; gap: 10px; flex-wrap: wrap;}
.map-tab li { width: 160px; height: 55px; display: flex; align-items: center; justify-content: center; border-radius: 28px; background: #fff; color: #c9161d; font-weight: 700; letter-spacing: -.03em; line-height: 1em; font-size: 24px; cursor: pointer;}
.map-tab li.active { background: #c9161d; color: #fff;}
.map-b { position: relative; height: 600px;}
.dr-box { opacity: 0; position: absolute; left: 0; top: 0; width: 100%;}
.dr-box.active { opacity: 1;}
.map-b .abbox { position: absolute; top: 50%; transform: translateY(-50%); left: 120px; padding: 40px 35px; color: #fff; background: #c9161d; border-radius: 20px; z-index: 11; }
.map-b .abbox h4 { font-size: 22px; font-weight: 500; letter-spacing: -.03em; line-height: 1em; margin-bottom: 15px;}
.map-b .abbox h3 { font-size: 22px; font-weight: 700; letter-spacing: -.03em; line-height: 1.5em; margin-bottom: 15px;}
.map-b .abbox strong { display: block; font-size: 24px; line-height: 1.2em; letter-spacing: -.03em; font-weight: 700; position: relative; padding-left: 45px;}
.map-b .abbox strong::before { content: ""; position: absolute; left: 0; width: 35px; height: 34px; background-size: contain; background: url(../images/main/tel.png) center no-repeat; }

.sec14 { display: flex;}
.sec14-left { width: 50%; text-align: center; padding: 130px 0; overflow: hidden;}
.sec14-right { width: 50%; background: #cd2c32; padding: 130px 100px;}
.sec14-titbox { position: relative; margin-top: 120px; }
.sec14-titbox h3 { animation: textLoop 15s linear infinite;padding-right: 1.4881vw; font-size: 90px; font-weight: 700; letter-spacing: -.03em; color: #c9161d; white-space: nowrap;} 
.sec14-img { position: absolute; left: 50%; top: -50px; padding: 0 30px; background: #fff; display: inline-block; transform: translateX(-50%);}
@keyframes textLoop {
	0% {
	  -webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	}
	100% {
	  -webkit-transform: translate3d(-100%, 0, 0);
	  transform: translate3d(-100%, 0, 0);
	}
}
.sec14-title {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;}
.sec14-right .tit { color: #fff; font-size: 65px; line-height: 1.2em; letter-spacing: -.03em; font-weight: 700; margin-bottom: 60px;}
.sec14-btbox { position: relative; gap: 10px; display: flex;}
.sec14-swiper-button-prev::after, .sec14-swiper-button-next::after { display: none;}
.sec14-swiper-button-prev ,.sec14-swiper-button-next { width: 60px; height: 60px; background-repeat: no-repeat; background-position: center; background-size: 13px; border-radius: 100%; border: 1px solid #ddd; position: relative; top: auto; margin-top: 0; transition: .2s; opacity: 1 !important;}
.sec14-swiper-button-prev{ background-image: url(../images/main/bd-leftbt.png); left: auto;}
.sec14-swiper-button-prev:hover { background-color: #fff; background-image: url(../images/main/bd-leftbt-c.png);}
.sec14-swiper-button-next{ background-image: url(../images/main/bd-rightbt.png); right: auto;}
.sec14-swiper-button-next:hover { background-color: #fff; background-image: url(../images/main/bd-rightbt-c.png);}
.sec14-swiper { width: 100%; position: relative;}
.sec14-swiper-slide { position: relative; width: 100%; padding-left: 20px;  padding-bottom: 80px;}
.sec14-list { display: flex; gap: 46px; flex-wrap: wrap;}
.sec14-list li { width: calc(100%/2 - 23px); }
.sec14-swiper-slide .title { color: #fff; position: absolute; font-size: 20px; font-weight: 500; letter-spacing: -.03em; line-height: 1.6em; left: 20px; bottom: 20px; z-index: 1; text-align: center; width: 120px; height: 120px; display: flex; align-items: center; justify-content: center;}
.sec14-swiper-slide .title::after { content: ""; position: absolute; left: -0; bottom: 0; margin: auto; width: 120px; height: 120px; background: #000; border-radius: 10px; transform: rotate(45deg); z-index: -1;}

.sec15 { padding: 130px 0; background: url(../images/main/sec15-bg.jpg) center no-repeat; background-size: cover;}
.sec15 .contain { display: flex; align-items: center;}
.sec15-left { width: 50%; padding-right: 50px; background: rgba(255,255,255,0.65); padding: 50px 50px 30px; border-radius: 40px; border: 2px solid #fff;}
.sec15-right { width: 60%; margin-right: -10%; text-align: right;}
.sec15 .main-tit { font-size: 50px; padding-left: 22px; margin-bottom: 45px; text-align: center; color: #242424;}
.sec15 .main-tit span { color: #873414; }
.inp { margin-bottom: 20px;}
.inp .title{ font-size: 18px; font-weight: 500; line-height: 1em; letter-spacing: -.03em; color: #242424; margin-bottom: 10px;}
.inp .input { border: none; height: 50px;}
.stv-radio-buttons-wrapper { display: flex; flex-wrap: wrap; gap: 5px; }
.stv-radio-button { position: absolute; width: 0; height: 0;}
.stv-radio-buttons-wrapper label { float: left; cursor: pointer; border: 1px solid #873414; margin-right: -1px; color: #873414; font-weight: 500; display: flex; align-items: center; justify-content: center; width: 75px; height: 50px; font-size: 18px; background: #fff; line-height: 50px;}
.stv-radio-button:checked + label { background: #873414; color: #fff; border: 1px solid #873414;}
.submit-area {display:flex; justify-content:space-between; align-items:flex-start; }
.form-agree {margin:0 !important;}
.form-agree .check {text-align:left; margin-top: 0 !important; font-size: 15px;}
.submit-area .btn-pack.dark {background:#873414; border-color:#873414; width: 120px; height: 45px; line-height: 45px; padding: 0; text-align: center;}
 
/* marquee */
.mq-fixed {position: fixed; width: 100%; height: 60px; background: #f4f4f4; z-index: 5; gap: 120px; white-space: nowrap; overflow: hidden; display: flex; align-items: center; bottom: 0; left: 0;}
.scrolling-text p { white-space: nowrap; animation: marquee 8s linear infinite; display: inline-block; padding-right: 120px; font-size: 18px; font-weight: 500; letter-spacing: -.03em; color: #c9161d !important; line-height: 1em; }
@keyframes marquee {
    from { transform: translateX(100%); }
    to { transform: translateX(-100%); }
}

/* footer */
#footer { width: 100%; z-index: 1; position: relative; background: #342f2c; color: #bcbcbc; padding: 50px 0; font-family: 'Pretendard';}
#footer .contain { position:relative; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
#footer .contain::after { content: none;} 
.ft-left { display: flex; align-items: center; }
.ft-logo-text { line-height: 1em; color: #fff; font-size: 20px; font-weight: 600; letter-spacing: -.03em; margin-bottom: 20px;}
.ft-textbox { padding-left: 90px; }
.ft-text { line-height: 1.5em; margin-bottom: 8px;}
.ft-text span { display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: -.03em; line-height: 1.5em; padding-right: 30px;}
.ft-text span:last-child { padding-right: 0;}
.cpr span { display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: -.03em; line-height: 1.5em; }
.cpr a { display: inline-block; color: #585858; font-size: 14px;}
.policy a { display: inline-block; font-size: 14px; letter-spacing: -.03em; line-height: 1.2em; position: relative; padding-right: 16px;}
.policy a:last-child { padding-right: 0;}
.policy a:first-child::after { content: ""; position: absolute; right: 5px; top: 4px; width: 1px; height: 8px; background: #9e9e9d;}
.scroll-top { right: 50px; bottom: 70px; width: 80px; height: 80px; border-radius: 100%; text-align: center; color: #fff; background: #c9161d; font-size: 20px; letter-spacing: -.03em; line-height: 1em; font-weight: 500; position: fixed; padding-top: 40px;}
.scroll-top::before { content: ""; position: absolute; left: 0; right: 0; margin: auto; top: 20px; width: 17px; height: 12px; background-size: contain; background: url(../images/common/top.png) center no-repeat; z-index: 999;}