@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

.nanum-neo{font-family: 'NanumSquareNeo', sans-serif;}
.nanum {font-family: 'NanumSquare', sans-serif;}
.poppins {font-family: "Poppins", sans-serif;}
.outfit {font-family: "Outfit", sans-serif;}
.mont {font-family: "Montserrat", sans-serif;}
.raleway {font-family: "Raleway", sans-serif;}
.pre{font-family: 'Pretendard Variable', sans-serif;}
.pre_vari{font-family: "Pretendard Variable", sans-serif;}
.txt-white {color: #fff !important;}
em{font-style: normal;}
dl, ul, ol, menu, li {list-style:none;  vertical-align: middle}
.svg {font-size: 0 !important; text-indent: -999999px !important;}
.wid100{width: 100% !important;}
.wid50{width: 50% !important;}
.text-primary{color: #29D4C1 !important;}
.sticky-wrap{position: relative;}
.wrapper-sticky {contain: content; overflow: visible;}
.ta{display: none !important;} /*태블릿*/
.blind{
	position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/***** Margin *****/

.ml-0 { margin-left: 0 !important;}
.mr-0 { margin-right: 0 !important;}
.mb-0 { margin-bottom: 0 !important;}

.m0-auto { margin: 0 auto !important;}
.mt-auto { margin-top: auto !important;}
.ml-auto { margin-left: auto !important;}
.mr-auto { margin-right: auto !important;}
.mb-auto { margin-bottom: auto !important;}

.mt-0 { margin-top: 0 !important;}
.mt-5 { margin-top: 5px !important;}
.mt-8 { margin-top: 8px !important;}
.mt-10 { margin-top: 10px !important;}
.mt-15 { margin-top: 15px !important;}
.mt-20 { margin-top: 20px !important;}
.mt-25 { margin-top: 25px !important;}
.mt-30 { margin-top: 30px !important;}
.mt-35 { margin-top: 35px !important;}
.mt-38 { margin-top: 38px !important;}
.mt-40 { margin-top: 40px !important;}
.mt-50 { margin-top: 50px !important;}
.mt-55 { margin-top: 55px !important;}
.mt-60 { margin-top: 60px !important;}
.mt-70 { margin-top: 70px !important;}
.mt-75 { margin-top: 75px !important;}
.mt-80 { margin-top: 80px !important;}
.mt-100 { margin-top: 100px !important;}
.mt-125 { margin-top: 125px !important;}
.mt-140 { margin-top: 140px !important;}
.mt-150 { margin-top: 150px !important;}
.mt-160 { margin-top: 160px !important;}
.mt-170 { margin-top: 170px !important;}
.mt-200 { margin-top: 200px !important;}

.mb-5 { margin-bottom: 5px !important;}
.mb-10 { margin-bottom: 10px !important;}
.mb-20 { margin-bottom: 20px !important;}
.mb-30 { margin-bottom: 30px !important;}
.mb-40 { margin-bottom: 40px !important;}
.mb-50 { margin-bottom: 50px !important;}
.mb-170 { margin-bottom: 170px !important;}


/***** Padding *****/

.pt-0 { padding-top: 0 !important;}
.pl-0 { padding-left: 0 !important;}
.pr-0 { padding-right: 0 !important;}
.pb-0 { padding-bottom: 0 !important;}

.p-0 { padding: 0px !important; }
.p-20 { padding: 20px !important; }
.p-40 { padding: 40px !important; }
.p-60 { padding: 60px !important; }
.p-80 { padding: 80px !important; }
.p-100 { padding: 100px !important; }
.p-150 { padding: 150px !important; }
.p-200 { padding: 200px !important; }
.p-250 { padding: 250px !important; }
.p-300 { padding: 300px !important; }
.p-350 { padding: 350px !important; }


.ptb-100 { padding: 100px 0 !important; }
.ptb-150 { padding: 150px 0  !important; }
.ptb-200 { padding: 200px 0  !important; }
.ptb-250 { padding: 250px 0  !important; }
.ptb-300 { padding: 300px 0  !important; }
.ptb-350 { padding: 350px 0  !important; }

/***** Text *****/

.t-rw {overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -moz-box-orient:vertical; word-break:break-all; word-wrap:break-word;}
.rw-1 {-webkit-line-clamp:1;}
.rw-2 {-webkit-line-clamp:2;}
.rw-3 {-webkit-line-clamp:3;}


.txt-lowercase { text-transform: lowercase;}
.txt-uppercase { text-transform: uppercase;  }
.txt-capitalize { text-transform: capitalize; }

.txt-l{text-align:left !important;}
.txt-c{text-align:center !important;}
.txt-r{text-align:right !important;}
.ver-t{vertical-align:top !important;}
.ver-m{vertical-align:middle !important;}
.ver-b{vertical-align:bottom !important;}
.txt-line{text-decoration:underline !important;}

.col-4{width: 25%;}
.col-3{width: 33.333%;}
.col-2{width: 50%;}

.letter-spacing-63 {letter-spacing: -0.63px !important;}

/* ==================================================
                    Utility
================================================== */

/***** Flex *****/

.flex-box { display: -webkit-box; display: -moz-box;  display: -ms-flexbox;  display: flex;  }

.justify-content-center { -webkit-box-pack: justify; -moz-justify-content: center;  -ms-flex-pack: justify; justify-content: center;}
.justify-content-start { -webkit-box-pack: justify; -moz-justify-content: flex-start;  -ms-flex-pack: justify;  justify-content: flex-start;  }
.justify-content-end { -webkit-box-pack: justify; -moz-justify-content: flex-end;  -ms-flex-pack: justify;  justify-content: flex-end }
.justify-content-between { -webkit-box-pack: justify; -moz-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.justify-content-around { -webkit-box-pack: justify; -moz-justify-content: space-around; -ms-flex-pack: justify; justify-content: space-around;}
.justify-content-evenly { -webkit-box-pack: justify; -moz-justify-content: space-evenly; -ms-flex-pack: justify; justify-content: space-evenly;}

.align-items-center { -webkit-box-align: center;  -moz-align-items: center;  -ms-flex-align: center;  align-items: center; }
.align-items-start { -webkit-box-align: start;  -moz-align-items: flex-start;  -ms-flex-align: start;  align-items: flex-start; }
.align-items-end { -webkit-box-align: end; -moz-align-items: flex-end;  -ms-flex-align: end;  align-items: flex-end; }
.align-items-baseline { -webkit-box-align: baseline;  -moz-align-items: baseline;  -ms-flex-align: baseline; align-items: baseline; }

.flex-column { -webkit-box-orient: vertical;  -moz-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;}
.flex-row { -webkit-box-orient: horizontal;  -moz-flex-direction: row;  -ms-flex-direction: row;  flex-direction: row;} 
.flex-column-reverse { -webkit-box-orient: vertical;  -webkit-box-direction: reverse;  -moz-flex-direction: column-reverse;  -ms-flex-direction: column-reverse;  flex-direction: column-reverse;}
.flex-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse;  -moz-flex-direction: row-reverse;  -ms-flex-direction: row-reverse;  flex-direction: row-reverse;}

.flex-nowrap {-webkit-box-lines: multiple; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap;  flex-wrap: nowrap; } 
.flex-wrap {-webkit-box-lines: multiple; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap;  flex-wrap: wrap; } 

.gap-5 { gap: 5px !important; }
.gap-10 { gap: 10px; }
.gap-15 { gap: 15px; }
.gap-20 { gap: 20px; }
.gap-25 { gap: 25px; }
.gap-30 { gap: 30px; }
.gap-34 { gap: 34px; }
.gap-40 { gap: 40px; }
.gap-50 { gap: 50px; }
.gap-60 { gap: 60px; }
.gap-70 { gap: 70px; }
.gap-80 { gap: 80px; }
.gap-90 { gap: 90px; }
.gap-100 { gap: 100px; }

/***** Overflow Scrollbar *****/

.overflow-y { overflow-y: auto; }
.overflow-y::-webkit-scrollbar { width: 6px; height: 1px;}
.overflow-y::-webkit-scrollbar-track { background: transparent;}
.overflow-y::-webkit-scrollbar-thumb { background: rgba(230, 0, 19, 0.2);}

.scroll-out {-ms-overflow-style: none; scrollbar-width: none;}
.scroll-out::-webkit-scrollbar {display: none;}

/***** check_box *****/
.check-box{ position:relative;}
.check-box > input[type="checkbox"]{width:1px; height:1px; margin:-1px; position:absolute; clip: rect(0, 0, 0, 0); overflow:hidden;}
.check-box > input[type="checkbox"] ~ label{padding-left:26px; box-sizing:border-box; position:relative; font-size:1.4rem; font-weight:700; color:#222; cursor:pointer;}
.check-box > input[type="checkbox"]:checked ~ label{color:#244177;}
.check-box > input[type="checkbox"] ~ label:before{display:block; content:''; clear:both; width:20px; height:20px; border-radius:3px; border:1px solid #ccc; box-sizing:border-box; background-color:#fff; position:absolute; top:50%; margin-top:-10px; left:0; z-index:0;}
.check-box > input[type="checkbox"]:checked ~ label:before{background-image:url('/img/ico_chk_blu.svg'); background-size:12px 9px; background-repeat:no-repeat; background-position:center;}

.check-list .check-box { position:relative !important; left:0 !important; top: 0 !important; transform: translate(0, 0) !important;  float: left !important; margin-left: 25px !important;  width: fit-content !important;  height: auto !important;}
.check-box.non-position { position:relative !important; left:0 !important; top: 0 !important; transform: translate(0, 0) !important; float: left !important; width: fit-content !important;  height: auto !important; }
.check-list .check-box:first-child, .check-box:first-child.non-position{margin-left: 0 !important;}
.check-list .check-box label, .check-box.non-position label {  padding-left: 26px !important; font-size: 1.4rem !important; }
.check-list .check-box > input[type="checkbox"] ~ label:before,
.check-box.non-position > input[type="checkbox"] ~ label:before { position: absolute !important; top: 0 !important; margin-top: 0 !important; }
.f-name { margin-right: 5px;}

caption {display:none;}

footer{ height: 100vh;}
.footer .footer-body *{width: 100%; font-family: 'NanumSquare'; transform: skew(-0.03deg)}
.footer .footer-body.dark{background: #0C0C0D; height: calc(100% - 208px); vertical-align: middle; align-content: center;}
.footer .footer-body.dark *{color: #fff !important;}
.footer .footer-body .footer-inner .txt-area .tit-area{text-align: start;}
.footer .footer-body .footer-inner .txt-area .tit-area h2{font-size: 7.0rem; font-weight: 800; line-height: 1; letter-spacing: -2.1px; font-family: "Poppins", sans-serif;}
.footer .footer-body .footer-inner .txt-area .tit-area em{font-size: 3.0rem; font-weight: 400; letter-spacing: -0.9px; line-height: 1;}
.footer .footer-body .footer-inner > div.max1440{max-width: 1480px; margin: 0 auto; padding:0 20px;}
.footer .footer-body .footer-inner .right{max-width: 720px; width: 100%;}
.footer .footer-body .footer-inner .right p{}
.footer .footer-body .footer-inner .right p span{}
.footer .footer-body .footer-inner .right p span em{font-size: 1.5rem; font-weight: 700; letter-spacing: -0.45px; line-height: 1; color: #8B8B8B !important; display: block;}
.footer .footer-body .footer-inner .right p span b{font-size: 1.8rem; font-weight: 600; letter-spacing: -0.54px;  font-family: "Poppins", sans-serif; display: block; line-height: 1;}
.footer .footer-body .footer-inner .right p span b + b{font-family: 'NanumSquare Neo', sans-serif;}
/* .footer .footer-body .footer-inner .map-area{border-radius: 30px; overflow: hidden;} */
.footer .footer-body .footer-inner .map-area iframe{border-radius: 30px; overflow: hidden;}
.mapboxgl-canvas{border-radius: 30px; overflow: hidden;}
#sub.contact ~ .footer .footer-body .footer-inner {padding-top:100px; box-sizing: border-box;}
#sub.contact ~ .footer .footer-body .footer-inner .txt-area .tit-area {width: fit-content;}

/* ==================================================
	board
================================================== */
.bbs{position:relative; width:100%; clear:both;}
input[type='text'], .bbs input[type='password'], .bbs select {height:40px; line-height: 40px; vertical-align: middle; padding:0 5px; width:100%; box-sizing:border-box;} 
.tbl-area.bbs .tit-box h3{font-size:18px; font-weight: 500; color:#333; margin-bottom: 15px; letter-spacing: -1px;}

/* list */
#sub.maintenance table{border-collapse: separate;}
#sub.story .tbl-area.bbs .tbl-box table{border-top: 3px solid #000000; border-bottom: 3px solid #000000; width: 100%;}
.tbl-area.bbs .tbl-box thead{border-top:2px solid #333; border-bottom:1px solid #adadad;}
.tbl-area.bbs .tbl-box thead th{padding:15px 10px; font-size:1.5rem; color:#333;}
.tbl-area.bbs .tbl-box tbody tr{padding: 70px 0; box-sizing: border-box; display: block; position: relative;border-bottom:1px solid #000000;}
.tbl-area.bbs .tbl-box tbody tr:last-child{border-bottom: none}
.tbl-area.bbs .tbl-box tbody td{font-family: 'NanumSquare Neo', sans-serif; display: block;}
.tbl-area.bbs .tbl-box tbody td.title{font-size: 4.0rem; font-weight: 800; letter-spacing: -1.2px; line-height: 1; transition: 0.3s;}
.tbl-area.bbs .tbl-box tbody td.date{display: block; text-align: end; font-size: 1.5rem; font-weight: 700; letter-spacing: -0.45px; color: #8B8B8B; font-family: 'NanumSquare';}
.tbl-area.bbs .tbl-box tbody td.sub_con{color: #8B8B8B; font-size: 2.0rem; font-weight: 400; letter-spacing: -0.6px; transition: 0.3s; font-family: 'NanumSquare';}
.tbl-area.bbs .tbl-box tbody .hover-img{width: 0; height: 0; border-radius: 50%; box-shadow: 15px 15px 15px 0px rgba(0, 0, 0, 0.05); overflow: hidden; position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); opacity: 0; transition: width 0.5s ease, height 0.5s ease, opacity 0.5s ease; cursor: pointer;}
.tbl-area.bbs .tbl-box tbody tr:hover .hover-img{width: 378px; height: 378px; opacity: 1;}
.tbl-area.bbs .tbl-box tbody tr:hover td.title{color: #29D4C1;}
.tbl-area.bbs .tbl-box tbody tr:hover td.sub_con{color: #0C0C0D;}

.tbl-area.bbs .tbl-box .notice{background:#fffdf6;} /*탑공지  배경칼라지정*/
.bbs span.notice_ico{background:#e30000 url(/img/ico_notice.png) no-repeat center center; border-radius:12px; height:24px; width:24px; display: block; line-height: 24px; vertical-align: middle; text-indent: -99999px; margin:0 auto;}
.tbl-area.bbs .tbl-box .reNum{color:#a9a9a9; font-size:1.3rem;}
.tbl-area.bbs .tbl-box .reNum strong{font-weight: 400; color:#333; padding:0 2px;}
.tbl-area.bbs .tbl-box  .secret{display: inline-block; width:25px; height:25px; line-height: 20px;  border-radius:15px; background:#f9f9f9; text-align: center; vertical-align: middle;}
.tbl-area.bbs .tbl-box  .secret img{line-height: 25px; vertical-align: middle;}

.tbl-area.bbs .tbl-box span.comment{color:#999; font-size:1.2rem !important; font-weight:normal !important;} /*댓글수*/
.tbl-area.bbs .tbl-box .image img{width:80px; height:auto;}
.tbl-area.bbs .tbl-box .title span{font-size:1.5rem; font-weight:bold;}

.bbs .state span{display: block; padding:2px 8px; margin:auto; max-width:50px; font-size:1.4rem; text-align: center; box-sizing: border-box;}
.bbs .state span.waiting{background:#f4f4f4; color:#aaa; }
.bbs .state span.complete{background:#eff9fa; color:#1091ff;}
.bbs .state span b{display:none;}

/* view */
.tbl-area.bbs .tbl-box.view{font-family: 'NanumSquare';}
/* .tbl-area.bbs .tbl-box.view{width:100%; border-top:2px solid #333;} */
/* .tbl-area.bbs .tbl-box.view .title > dl{width:100%; padding:20px; border-bottom:1px solid #adadad; background:#fafafa; box-sizing: border-box;} */
.tbl-area.bbs .tbl-box.view .title > dl > dt{text-align: center; font-size: 4.0rem; font-weight: 800; letter-spacing: -1.2px; line-height: 1;}
.tbl-area.bbs .tbl-box.view .title > dl > dd{display: block; text-align: center; font-size: 1.5rem; font-weight: 700; color: #8B8B8B; letter-spacing: -0.45px; margin-top: 40px; margin-bottom: 0;}
/* .tbl-area.bbs .tbl-box.view .title > dl > dd:after{content:""; display:inline-block;  width:1px; height:14px; background:#dddddd; position:absolute; right:8px; top:50%; margin-top:-7px;}
.tbl-area.bbs .tbl-box.view .title > dl > dd:last-child:after{background:none; padding-right:0;} */
.tbl-area.bbs .tbl-box.view .title > dl > dd > span{padding-right:8px; color:#333; display: inline-block; /*text-indent: -99999px;*/} /* 텍스트 표기시 text-indent, 아래 아이콘 이미지 스타일 주석처리 */
/* .tbl-area.bbs .tbl-box.view .title > dl > dd > span.name{background:url(/img/ico_name.png) no-repeat left center; width:15px; height:auto;}
.tbl-area.bbs .tbl-box.view .title > dl > dd > span.date{background:url(/img/ico_date.png) no-repeat left center; width:13px; height:auto;}
.tbl-area.bbs .tbl-box.view .title > dl > dd > span.hit{background:url(/img/ico_hit.png) no-repeat left center; width:18px; height:auto;} */
.tbl-area.bbs .tbl-box.view .cont{padding: 80px 0; box-sizing: border-box; border-top: 3px solid #000; border-bottom: 3px solid #000; margin-top: 80px; font-size: 1.8rem; font-weight: 400; letter-spacing: -0.54px;}
.tbl-area.bbs .tbl-box.view .cont img{max-width:100% !important;}
.tbl-area.bbs .tbl-box.view .reply{}
.tbl-area.bbs .tbl-box.view .reply > dl{width:100%; background:#f4f4f4; padding:20px 5%;}
.tbl-area.bbs .tbl-box.view .reply > dl > dt{ padding:20px 0; font-size:2.2rem; color:#000; position:relative;}
.tbl-area.bbs .tbl-box.view .reply > dl > dt > span{display:block; font-size:1.6rem; color:#999;}
.tbl-area.bbs .tbl-box.view .reply > dl > dt:after {content:""; position:absolute; width:17px; height:1px; background-color:#000; bottom:0; left:3px;}
.tbl-area.bbs .tbl-box.view .reply > dl > dd{ font-size:1.6rem; color:#5c5d63; padding:20px 0;}
.tbl-area.bbs .tbl-box.view .link{position:relative; overflow: hidden;}
.tbl-area.bbs .tbl-box.view .link dl{border-bottom:1px solid #e1e1e1; width:100%; display: block; position: relative; overflow: hidden; clear: both; padding:10px 20px; box-sizing: border-box;}
.tbl-area.bbs .tbl-box.view .link dl:last-child{border-bottom:1px solid #adadad;}
.tbl-area.bbs .tbl-box.view .link dl dt{float:left; color:#333; padding-right:15px; text-indent: -99999px;} /* 텍스트 표기시 text-indent, 아래 아이콘 이미지 스타일 주석처리 */
.tbl-area.bbs .tbl-box.view .link dl dt.file{background:url(/img/ico_file.png) no-repeat left center; width:16px; height:24px;}
.tbl-area.bbs .tbl-box.view .link dl dt.url{background:url(/img/ico_link.png) no-repeat left center; width:16px; height:24px;}
.tbl-area.bbs .tbl-box.view .link dl dd{float:left; font-size:1.4rem;;}

ul.view-navi{font-family: "Poppins", sans-serif; padding: 50px 0; box-sizing: border-box;}
.view-navi li{font-size: 1.6rem; font-weight: 800; color: #8B8B8B; letter-spacing: 1.6px; text-transform: uppercase; line-height: 1; transition: 0.3s; position: relative; min-width: 112px; border-bottom: 2px solid transparent;}
.view-navi li.navi:hover{color: #29D4C1; border-bottom: 2px solid #0C0C0D;}
.view-navi li.navi a{display: block; width: 100%; padding: 18.5px 0; box-sizing: border-box; position: relative; transition: justify-content 0.3s; color: #888888;}
.view-navi li.navi .navi_hover_img{max-width: 210px; max-height: 210px; min-width: 210px; min-height: 210px; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; position: absolute; top: -210px; opacity: 0; z-index: -1; transition: 0.3s; right: 50px;}
.view-navi li.navi:hover .navi_hover_img{opacity: 1; z-index: 0;}
.view-navi li.navi:hover::after{content: ''; clear: both; display: block; width: 24px; height: 24px; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer;}
.view-navi li.next:hover a, .view-navi li.prev:hover a{color: #29D4C1;}

.view-navi li.prev a{transform: translateX(0); transition: transform 0.5s ease;}
.view-navi li.prev:hover a{transform: translateX(65px);}
.view-navi li.prev:hover::after{ background: url(/img/ico_prev_m.svg) no-repeat center center; background-size: 24px 24px; left: 0;}
.view-navi li.next a{transform: translateX(65px); transition: transform 0.5s ease;}
.view-navi li.next:hover a{transform: translateX(0);}
.view-navi li.next .navi_hover_img{left: 50px;}
.view-navi li.next:hover::after{background: url(/img/ico_next_m.svg) no-repeat center center; background-size: 24px 24px; right: 0;}

.view-navi li.list{ color: #0C0C0D; box-sizing: border-box; border: 1px solid #0C0C0D; background: rgba(255, 255, 255, 0.90); box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.10); border-radius: 500px; transition: 0.3s; min-width: 193px;}
.view-navi li.list:hover{background: #29D4C1; box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.10); border: 1px solid #29D4C1;}
.view-navi li.list a{width: 100%; height: 100%; padding: 26px 46.12px; text-align: center; box-sizing: border-box; font-size: 1.6rem; font-weight: 800; letter-spacing: 1.6px; text-transform: uppercase; line-height: 1;  transition:  0.3s all ease; position: relative; color: #0C0C0D;  display: flex; justify-content: center; align-items: center; gap: 0;}
.view-navi li a{padding: 0; position: relative; transition: 0.3s;}
.view-navi li.list:hover a{color: #fff; text-align: start; justify-content: space-between; gap: 85px;}
.view-navi li.list .hover-image{opacity: 0; transition: opacity 0.3s; width: 0;}
.view-navi li.list:hover .hover-image{opacity: 1; width: 17px; margin-top: 4px;}

.view-navi .empty { width: 50px; visibility: hidden;}

/* ==================================================
    popup
================================================== */
.popup.pp-alert{top: 50%; left: 50%; transform: translate(-50%, -50%);}
.popup.pp-alert .popup-inner{height: fit-content; padding: 35px;}
.popup {display: none; width: 100%; height: 100%;  position: fixed; left: 0; top: 0; z-index:2000; }
.popup.bg { background-color: rgba(0, 0, 0, 0.6); }
.popup .popup-body{width: 100%; max-width: 905px; margin: 0 auto; height: 100%; display: flex; justify-content: center; align-items: center; }
.popup .popup-body.big { max-width: 1024px; }
.popup .popup-body.small { max-width: 500px; }
.popup .popup-inner{background-color: #fff; padding: 40px; box-sizing: border-box; position: relative; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
.popup .popup-inner.lined{border-top:3px solid #168fda;}
.popup .popup-inner.round{border-radius:10px;}
.popup .popup-inner .popup-close{display: block; width: 50px; height: 50px; position: absolute; right: 0px;  top: -50px; background : transparent url('/img/ico_close_wht.svg') no-repeat center; background-size: 16px; z-index: 9;}
.popup .popup-title {padding-top: 0; text-align: start; color: #fff;}
.popup .popup-title h2 {float: none; font-size: 6.0rem; font-weight: 800; line-height: 1; letter-spacing: -1.8px; display: block; margin-bottom: 0;}
.popup .popup-title h4 {float: none; font-size: 3.0rem; font-weight: 400; line-height: 1; letter-spacing: -0.9px; display: block; margin-bottom: 0;}
.popup .popup-cont {margin-top: 20px;}

.popup .popup-cont .text-box{overflow-y: scroll; max-height: 100%; box-sizing:border-box;}
.popup .popup-cont .text-box::-webkit-scrollbar{display: none;}
/* .popup .popup-cont .text-box::-webkit-scrollbar{width:3px;}
.popup .popup-cont .text-box::-webkit-scrollbar-track{background:#efefef;}
.popup .popup-cont .text-box::-webkit-scrollbar-thumb{box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);} */


.small-modal {display: block;}
.small-modal .popup-body {max-width: 480px;}
.small-modal .popup-inner { width: 100%; padding: 35px; border-radius: 0 0 20px 20px; border-top: 2px solid #29D4C1;}
.small-modal .popup-cont {margin-top: 0; text-align: center;}
.small-modal .txt-box p {font-size: 1.8rem; text-align: center; font-weight: 800;}
.small-modal .btnSet {margin-top: 30px;}
.small-modal .btnSet .btn {  min-width: 150px; }

/* 팝업 */
.popup{top: 100%;  transition: top 0.4s ease-in-out; /* 부드러운 애니메이션 효과 설정 */}
.popup .popup-body.big { max-width: 100%; }
.popup .popup-inner{padding: 0; width: 100%; height: 100%;}
.popup .popup-inner .popup-close{width: 63.33px; height: 63.33px; right: 20px; top: 20px; background: transparent url(/img/ico_close.svg) no-repeat center; border: 1px solid #333333; background-size: 23px;}
.popup .popup-inner > div{box-sizing: border-box; margin-top: 0;}
.popup .popup-inner .left-cont{background: #29D4C1; max-width: 686px; width: 100%; padding: 120px 100px;}

/* 개인정보 팝업 */
#policy1.popup{z-index: 2001;}
#policy1.popup .popup-inner .left-cont p{font-size: 1.5rem; font-weight: 400; letter-spacing: -0.45px; line-height: 30px;}
#policy1.popup .popup-inner .left-cont p b{display: block; font-weight: 800;}
#policy1.popup .popup-inner .right-cont{padding: 120px 100px;}

/* 지원하기 팝업 */
#inquiry_pop.popup .left-cont a{font-size: 1.2rem; font-weight: 800; letter-spacing: -0.36px; line-height: 1; padding: 25.1px 25px; box-sizing: border-box; border: 1px solid #0C0C0D; max-height: 64px; color: #0C0C0D;}
#inquiry_pop.popup .gauge-wrap{width: 12px; height: 100%; position: absolute; left: 0; top: 0; background: #E1E1E1;}
#inquiry_pop.popup .gauge-wrap .gaugebar-inner{width: 100%; background: #0C0C0D;}
#inquiry_pop.popup .right-cont{width: calc(100% - 686px); padding: 120px 100px; position: relative;}
#inquiry_pop.popup .right-cont .step-wrap .step {opacity: 0; visibility: hidden; height: 0; transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out, height 0.5s ease-in-out;}
#inquiry_pop.popup .right-cont .step-wrap .step.active {opacity: 1; visibility: visible; height: auto; /* auto를 사용하여 원래 높이를 자동으로 설정 */}
#inquiry_pop.popup .right-cont .step b{font-size: 5.0rem; font-weight: 800; line-height: 80px; letter-spacing: -1.5px;}
#inquiry_pop.popup .right-cont .step b input[type="text"]{font-size: 5.0rem; font-weight: 800; line-height: 80px; letter-spacing: -1.5px; color: #29D4C1; height: 80px; border-left: none; border-top: none; border-right: none; border-bottom: 1px solid #000000; width: fit-content; padding: 0; background: none;}
#inquiry_pop.popup .right-cont .step b input[type="text"]::placeholder{font-size: 5.0rem; font-weight: 800; line-height: 80px; letter-spacing: -1.5px; color: #CECECE; font-family: 'NanumSquare'; transform: skew(-0.03deg);}
#inquiry_pop.popup .right-cont .step b input:focus{outline: none; border-bottom: 1px solid #000000;}
#inquiry_pop.popup .right-cont .type-wrap{padding-left: 0;}
#inquiry_pop.popup .right-cont .type-wrap .type.check-box > input[type="checkbox"] ~ label{font-size: 3.0rem; font-weight: 800; letter-spacing: -0.9px; line-height: 48px; color: #CECECE;border: 3px solid #CECECE; border-radius: 500px; padding: 9px 18px; box-sizing: border-box; height: fit-content; transition: 0.3s;}
#inquiry_pop.popup .right-cont .type-wrap .type.check-box > input[type="checkbox"] ~ label:before{display: none;}
#inquiry_pop.popup .right-cont .type-wrap .type.check-box > input[type="checkbox"]:checked ~ label{color: #FFFFFF; border: 3px solid #29D4C1; background: #29D4C1; transition: 0.3s;}
#inquiry_pop.popup .right-cont .type-wrap .type:nth-child(1),
#inquiry_pop.popup .right-cont .type-wrap .type:nth-child(2),
#inquiry_pop.popup .right-cont .type-wrap .type:nth-child(5){max-width: 122px;}
#inquiry_pop.popup .right-cont .type-wrap .type:nth-child(3),
#inquiry_pop.popup .right-cont .type-wrap .type:nth-child(4){max-width: 148px;}
#inquiry_pop.popup .right-cont .step-3 b input{}
#inquiry_pop.popup .right-cont .step-4 b input{display: block;}
#inquiry_pop.popup .right-cont .step-5 b textarea{resize: none; width: 100%; max-width: 100%; min-height: 400px; overflow-y: auto; border: 1px solid #000000; padding: 20px; box-sizing: border-box; font-size: 1.6rem; font-weight: 800; line-height: 24px; letter-spacing: -0.48px;}
#inquiry_pop.popup .right-cont .step-6 b input{cursor: pointer;}
#inquiry_pop.popup .right-cont .step-6 b input::placeholder{font-size: 1.6rem; font-weight: 800; line-height: 24px; letter-spacing: -0.48px; color: #CECECE;}
.dynamic-width {transition: width 0.3s ease; /* 부드럽게 너비 변경 */}

#inquiry_pop.popup .right-cont .nextprev-wrap{gap: 12.5px; margin-top: 46.25px;}
#inquiry_pop.popup .right-cont .nextprev-wrap > div{position: relative; width: 107.5px; height: 107.5px; border-radius: 50%; border: 5px solid #CECECE; box-sizing: border-box; cursor: pointer; transition: 0.3s; font-size: 0; text-indent: -999999px;}
#inquiry_pop.popup .right-cont .nextprev-wrap > div:hover{background: #0C0C0D; border: 3px solid transparent;}
#inquiry_pop.popup .right-cont .nextprev-wrap .prev{display: none;}
#inquiry_pop.popup .right-cont .nextprev-wrap .prev::after{content: ''; clear: both; display: block; width: 42.49px; height: 37.49px; background: url(/img/inquiry_pop_ico_prev.svg) no-repeat center center; background-size: 100% 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#inquiry_pop.popup .right-cont .nextprev-wrap .prev:hover::after{background: url(/img/inquiry_pop_ico_prev_on.svg) no-repeat center center; background-size: 100% 100%;}
#inquiry_pop.popup .right-cont .nextprev-wrap .next::after{content: ''; clear: both; display: block; width: 42.49px; height: 37.49px; background: url(/img/inquiry_pop_ico_next.svg) no-repeat center center; background-size: 100% 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#inquiry_pop.popup .right-cont .nextprev-wrap .next:hover::after{background: url(/img/inquiry_pop_ico_next_on.svg) no-repeat center center; background-size: 100% 100%;}
#submitBtn{letter-spacing: -0.48px; padding: 30px 110px 30px 100px; }
#submitBtn:hover{padding: 30px 130px 30px 100px;}
/* #inquiry_pop.popup .right-cont .nextprev-wrap #submitBtn::after{content: ''; clear: both; width: 5px; height: 5px; border-radius: 50%; background: #29D4C1; position: absolute; top: 34%; right: 34%;} */

/* 약관 및 개인정보수집 동의 */
.agree{margin:0 0 30px;}
.agree_con{background:#fff; overflow-y:scroll; width:100%; height:150px; border:1px solid rgb(204, 204, 204); padding:10px;  box-sizing:border-box; border-radius: 4px;}
.agree_con > strong{color:#000; font-size:1.8rem; font-weight: 500; margin-bottom:10px; display: block;}
.agree p.check_box{margin:10px 0 0;text-align:right;}
.agree_txt b{font-size: 1.8rem; font-weight: 800; letter-spacing: -0.54px; line-height: 28.8px;}
.agree_txt p, .agree_txt ul, .agree_txt ol{margin-bottom:10px;  font-size: 1.5rem; line-height: 30px; letter-spacing: -0.45px; font-weight: 400; transform: skew(-0.03deg); margin-top: 0;}
.agree_txt h4{font-family:'NanumSquare', sans-serif; margin-top: 20px; font-size: 1.5rem; line-height: 30px; letter-spacing: -0.45px; font-weight: 800; transform: skew(-0.03deg); margin-bottom: 0;}
.agree_txt h4 + h4{margin-top: 35px;}
.agree_txt dt{font-size: 1.5rem; line-height: 30px; letter-spacing: -0.45px; font-weight: 800; margin-top: 30px; transform: skew(-0.03deg);}
.agree_txt dd:last-child{margin-bottom:10px;}
.agree_txt .num_list {counter-reset: item;}
.agree_txt .num_list > li, .agree_txt .num_list > dt, .agree_txt .num_list > dd{position:relative; padding-left: 15px;}
.agree_txt .num_list > li:before, .agree_txt .num_list > dt:before{content: counter(item)'.'; counter-increment:item; position:absolute; top:1px; left:0; font-weight: 300;}
.agree_txt .subnum_list{counter-reset: item; padding-left: 0;}
/*.agree_txt .subnum_list > li, .agree_txt .subnum_list > dt, .agree_txt .subnum_list > dd{padding-left: 20px; position:relative;}
.agree_txt .subnum_list > li:before, .agree_txt .subnum_list > dt:before  {content: counter(item); counter-increment:item; position:absolute; top:5px; left:0; width:14px; height:14px;line-height: 14px; font-size:10px; vertical-align: middle; border:1px solid #707070; border-radius: 10px; text-align: center; display: inline-block; } */
.agree_txt .dotline_list > li{position:relative; padding-left:10px;}
.agree_txt .dotline_list > li:before{content:''; width:4px; height:2px; background:#707070; left:0; top:11px; position:absolute;}

.btn {display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px;}
.btn-cancel{font-weight: 700; color: #fff !important; background-color: #29D4C1; border-color: #29D4C1;}
.btn-search{color: #fff; background-color: #444949; border-color: #444949;}
.btn-submit{color: #fff !important; background-color: rgba(0,0,0,0.8) !important; border-color: rgba(0,0,0,0.8) !important; height: 38px;}
.btn.cancel{background:rgba(0,0,0,0.6); height: 38px; color: #fff;}
.btn.intable{color: #fff; background:rgba(0,0,0,0.4) !important; min-width:80px; height: 38px;}
.btn-primary {color: #fff; background-color: #337ab7; border-color: #2e6da4;}

.clear:after {clear:both;content:'';display:block;}
/* button */
.btnSet {position:relative; margin:20px 0; text-align:center; }
.btnSet .main_btn{border-radius: 500px; border: 1px solid #0C0C0D; background: rgba(255, 255, 255, 0.90); box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.10); padding: 30px 70px 30px 60px; box-sizing: border-box; transition: 0.3s;}
.btnSet .main_btn p{font-size: 1.6rem; font-weight: 400; letter-spacing: -0.48px; line-height: 1; font-family: 'NanumSquare'; position: relative; transition: 0.3s; transform: skew(-0.03deg); margin: 0; color: #0C0C0D;}
.btnSet .main_btn p::after{content: ''; clear: both; display: block; width: 5px; height: 5px; background: #29D4C1; border-radius: 50%; position: absolute; top: 0; right: -10px; transition: 0.3s;}
.btnSet .main_btn b{font-weight: 800; text-transform: uppercase; transition: 0.3s;}

.btnSet .main_btn:hover{border: 1.5px solid #29D4C1; background: #0C0C0D; box-shadow: 0px 0px 24px 0px rgba(126, 227, 216, 0.40); padding: 30px 95px 30px 60px;}
.btnSet .main_btn:hover p{color: #FFFFFF;}
.btnSet .main_btn:hover p b{color: #29D4C1;}
.btnSet .main_btn:hover p::after{content: ''; clear: both; background: url(/img/ico_arrow_mint.svg) no-repeat center center; background-size: 100% 100%; display: block; width: 15px; height: 15px; border-radius: 50%; position: absolute; top: 0; right: -30px;}

/* ==================================================
    quick
================================================== */
/* .quick_btn2 {position: fixed; top: 120px; right: 50px; z-index: 999;} */
.quick_btn {position: fixed; bottom: 10px; right: 30px; z-index: 999;}
.quick_btn.on{position: absolute; bottom: 1309px;}
.quick_btn.active .contactBtn .circle{border: 1px solid #29D4C1 !important;}
.quick_btn.active .contactBtn span{color: #0C0C0D !important;} 
.quick_btn .contactBtn, .quick_btn.contactBtn span, .quick_btn .contactBtn span:after {transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;}
.quick_btn .contactBtn{width: 150px; height: 150px; transform: rotate(-45deg); background-color:#29D4C1; color:#fff; border-radius: 50%;}
.quick_btn .contactBtn span {width: 100%; height: 100%; position: relative; text-align: center; margin: 0; padding: 0; box-sizing: border-box; transform: rotate(45deg);  border-radius: 50%; font-size: 2.0rem; font-weight: 900; color: #0C0C0D; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;}
@keyframes gatherAndSpread {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(var(--circle-x), var(--circle-y));
    }
}
.quick_btn .contactBtn .circle {position: absolute; top: 0; left: 0; transform: rotate(-45deg); border-radius: 50%; animation: gatherAndSpread 1s ease-in-out alternate infinite; }
/* 각 원의 최종 위치를 커스텀 속성으로 설정 */
.quick_btn .contactBtn .circle._1 {--circle-x: 0; --circle-y: -0.5rem; border: 1px solid #0C0C0D;}
.quick_btn .contactBtn .circle._2 {--circle-x: 0; --circle-y: 0; border: 1px solid #0C0C0D;}
.quick_btn .contactBtn .circle._3 {--circle-x: 0; --circle-y: 0.5rem; border: 1px solid #0C0C0D;}
.quick_btn .contactBtn .circle._4 {--circle-x: 0; --circle-y: 1rem; border: 1px solid #0C0C0D;}
.quick_btn .contactBtn .circle._5 {--circle-x: 0; --circle-y: 1.5rem; border: 1px solid #0C0C0D;}

.quick_btn .contactBtn span:first-child:after {display: none; content: ''; position: relative; vertical-align: middle; width: 0.8rem; height: 0.8rem; background: #29D4C1; border-radius: 50%; margin: -3.5rem 0 0 3.0px; padding: 0; box-sizing: border-box;}

.quick_btn .contactBtn:hover {}
.quick_btn .contactBtn:hover span {color:#0C0C0D; transform:rotate(0deg);}
.quick_btn .contactBtn:hover span:first-child {background:rgba(41,212,193,1.0); /* background:rgba(255,255,255,0.95); */  border:1px solid rgba(41,212,193,1.0);}
.quick_btn .contactBtn:hover span:first-child:after {background:#fff;}
.quick_btn .contactBtn:hover .circle._1 {top:0rem; border:1px solid #29D4C1;}
.quick_btn .contactBtn:hover .circle._2 {top:0rem; border:1px solid #29D4C1;}
.quick_btn .contactBtn:hover .circle._3 {top:0rem; border:1px solid #29D4C1;}
.quick_btn .contactBtn:hover .circle._4 {top:0rem; border:1px solid #29D4C1;}
.quick_btn .contactBtn:hover .circle._5 {top:0rem; border:1px solid #29D4C1;}
.quick_btn .contactBtn:hover .circle._6 {top:0rem; border:1px solid #29D4C1;}



.top-btn{background: #0C0C0D; border: 1px solid #2E2E2F; border-radius: 500px; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.25); width: 40px; height: 40px;}

/* animated */

.animate [class*='ani-']{opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0);}
.fromFade:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0);  -moz-transform:translate3d(0,0,0);}
.fromLeft:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(-50px, 0, 0); -webkit-transform:translate3d(-50px, 0, 0); -o-transform:translate3d(-50px, 0, 0); -ms-transform:translate3d(-50px, 0, 0);  -moz-transform:translate3d(-50px,0,0);}
.fromRight:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(50px, 0, 0); -webkit-transform:translate3d(50px, 0, 0); -o-transform:translate3d(50px, 0, 0); -ms-transform:translate3d(50px, 0, 0); -moz-transform:translate3d(50px, 0, 0); }
.fromBottom:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(0, 100px, 0); -webkit-transform:translate3d(0, 100px, 0); -o-transform:translate3d(0, 100px, 0); -ms-transform:translate3d(0, 100px, 0); -moz-transform:translate3d(0, 100px, 0);}
.fromTop:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(0, -100px, 0); -webkit-transform:translate3d(0, -100px, 0); -o-transform:translate3d(0, -100px, 0); -ms-transform:translate3d(0, -100px, 0); -moz-transform:translate3d(0, -100px, 0); }
.fromCenter:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:scale(0.8) translate3d(0,0,0) ; -webkit-transform:scale(0.8) translate3d(0,0,0); -o-transform:scale(0.8) translate3d(0,0,0); -ms-transform:scale(0.8) translate3d(0,0,0); -moz-transform:scale(0.8) translate3d(0,0,0); }

.animate [class*='ani-'] {transition-property:transform, opacity; -webkit-transition-property:transform, opacity; transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:.8s; -moz-transition-duration:.8s;   }
.animate.fast [class*='ani-'] {transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:.3s; -moz-transition-duration:.3s;}
.animate.slow [class*='ani-'] {transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; -moz-transition-duration:1s;  }

.animate .ani-1 {transition-delay:10ms; -webkit-transition-delay:10ms; -o-transition-delay:10ms; -moz-transition-delay:10ms;}
.animate .ani-2 {transition-delay:160ms; -webkit-transition-delay:160ms; -o-transition-delay:160ms; -moz-transition-delay:160ms;}
.animate .ani-3 {transition-delay:320ms; -webkit-transition-delay:320ms; -o-transition-delay:320ms; -moz-transition-delay:320ms;}
.animate .ani-4 {transition-delay:480ms; -webkit-transition-delay:480ms; -o-transition-delay:480ms; -moz-transition-delay:480ms;}
.animate .ani-5 {transition-delay:640ms; -webkit-transition-delay:640ms; -o-transition-delay:640ms; -moz-transition-delay:640ms;}
.animate .ani-6 {transition-delay:800ms; -webkit-transition-delay:800ms; -o-transition-delay:800ms; -moz-transition-delay:800ms;}
.animate .ani-7 {transition-delay:960ms; -webkit-transition-delay:960ms; -o-transition-delay:960ms; -moz-transition-delay:960ms;}
.aniamte .ani-8 {transition-delay:1120ms; -webkit-transition-delay:1120ms; -o-transition-delay:1120ms; -moz-transition-delay:1120ms;}
.aniamte .ani-9 {transition-delay:1280ms; -webkit-transition-delay:1280ms; -o-transition-delay:1280ms; -moz-transition-delay:1280ms; }
.animate .ani-10 {transition-delay:1440ms; -webkit-transition-delay:1440ms; -o-transition-delay:1440ms; -moz-transition-delay:1440ms; }
.animate .ani-11 {transition-delay:1600ms; -webkit-transition-delay:1600ms; -o-transition-delay:1600ms; -moz-transition-delay:1600ms; }
.fast.animate .ani-1 {transition-delay: 5ms;-webkit-transition-delay: 5ms; -o-transition-delay:5ms; -moz-transition-delay:5ms;}
.fast.animate .ani-2 {transition-delay: 85ms;-webkit-transition-delay: 85ms; -o-transition-delay:85ms; -moz-transition-delay:85ms;}
.fast.animate .ani-3 {transition-delay: 165ms;-webkit-transition-delay: 165ms; -o-transition-delay:165ms; -moz-transition-delay:165ms;}
.fast.animate .ani-4 {transition-delay: 245ms;-webkit-transition-delay: 245ms;-o-transition-delay:245ms; -moz-transition-delay:245ms;}
.fast.animate .ani-5 {transition-delay: 325ms;-webkit-transition-delay: 325ms;-o-transition-delay:325ms; -moz-transition-delay:325ms;}
.fast.animate .ani-6 {transition-delay: 405ms;-webkit-transition-delay: 405ms;-o-transition-delay:405ms; -moz-transition-delay:405ms;}
.fast.animate .ani-7 {transition-delay: 485ms;-webkit-transition-delay: 485ms;-o-transition-delay:485ms; -moz-transition-delay:485ms;}
.fast.animate .ani-8 {transition-delay: 655ms;-webkit-transition-delay: 655ms;-o-transition-delay:655ms; -moz-transition-delay:655ms;}
.fast.animate .ani-10 {transition-delay: 800ms;-webkit-transition-delay: 800ms;-o-transition-delay:800ms; -moz-transition-delay:800ms;}

.slow.animate .ani-1 {transition-delay: 10ms;	-webkit-transition-delay: 10ms;-o-transition-delay:10ms;-moz-transition-delay:10ms;}
.slow.animate .ani-2 {transition-delay: 210ms;-webkit-transition-delay: 210ms;-o-transition-delay:210ms; -moz-transition-delay:210ms;}
.slow.animate .ani-3 {transition-delay: 420ms;-webkit-transition-delay: 420ms;-o-transition-delay:420ms; -moz-transition-delay:420ms;}
.slow.animate .ani-4 {transition-delay: 630ms;-webkit-transition-delay: 630ms;-o-transition-delay:630ms; -moz-transition-delay:630ms;}
.slow.animate .ani-5 {transition-delay: 840ms;-webkit-transition-delay: 840ms;-o-transition-delay:840ms; -moz-transition-delay:840ms;}
.slow.animate .ani-6 {transition-delay: 1050ms;-webkit-transition-delay: 1050ms;-o-transition-delay:1050ms; -moz-transition-delay:1050ms;}
.slow.animate .ani-7 {transition-delay: 1260ms;-webkit-transition-delay: 1260ms;-o-transition-delay:1260ms; -moz-transition-delay:1260ms;}
.slow.animate .ani-8 {transition-delay: 1470ms;-webkit-transition-delay: 1470ms;-o-transition-delay:1470ms; -moz-transition-delay:1470ms;}
.slow.animate .ani-10 {transition-delay: 1700ms;-webkit-transition-delay: 1700ms;-o-transition-delay:1700ms; -moz-transition-delay:1700ms;}

.scale [class*='sc-'] {transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); transition-property:transform; -webkit-transition-property:transform; -o-transition-property:transform; -moz-transition-property:transform; transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; -moz-transition-duration:0.8s; }

.scale .fromSc9:not(.done) {transform:scale(0.9); -webkit-transform:scale(0.9); -o-transform:scale(0.9); -ms-transform:scale(0.9); -moz-transform:scale(0.9);}
.scale .fromSc8:not(.done) {transform:scale(0.8); -webkit-transform:scale(0.8); -o-transform:scale(0.8); -ms-transform:scale(0.8); -moz-transform:scale(0.8);}
.scale .fromSc7:not(.done) {transform:scale(0.7); -webkit-transform:scale(0.7); -o-transform:scale(0.7); -ms-transform:scale(0.7); -moz-transform:scale(0.7); }
.scale .fromSc6:not(.done) {transform:scale(0.6); -webkit-transform:scale(0.6); -o-transform:scale(0.6); -ms-transform:scale(0.6); -moz-transform:scale(0.6); }
.scale .fromSc5:not(.done) {transform:scale(0.5); -webkit-transform:scale(0.5); -o-transform:scale(0.5); -ms-transform:scale(0.5); -moz-transform:scale(0.5); }
.scale .fromSc11:not(.done) {transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1);}
.scale .fromSc12:not(.done) {transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); }
.scale .fromSc13:not(.done) {transform:scale(1.3); -webkit-transform:scale(1.3); -o-transform:scale(1.3); -ms-transform:scale(1.3); -moz-transform:scale(1.3); }
.scale .fromSc14:not(.done) {transform:scale(1.4); -webkit-transform:scale(1.4); -o-transform:scale(1.4); -ms-transform:scale(1.4); -moz-transform:scale(1.4);}
.scale .fromSc15:not(.done) {transform:scale(1.5); -webkit-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5); -moz-transform:scale(1.5); }

.scale .sc-1 {transition-delay:10ms; -webkit-transition-delay:10ms; -o-transition-delay:10ms; -moz-transition-delay:10ms;}
.scale .sc-2 {transition-delay:160ms; -webkit-transition-delay:160ms; -o-transition-delay:160ms; -moz-transition-delay:160ms;}
.scale .sc-3 {transition-delay:320ms; -webkit-transition-delay:320ms; -o-transition-delay:320ms; -moz-transition-delay:320ms;}
.scale .sc-4 {transition-delay:480ms; -webkit-transition-delay:480ms; -o-transition-delay:480ms; -moz-transition-delay:480ms;}
.scale .sc-5 {transition-delay:640ms; -webkit-transition-delay:640ms; -o-transition-delay:640ms; -moz-transition-delay:640ms;}
.scale .sc-6 {transition-delay:800ms; -webkit-transition-delay:800ms; -o-transition-delay:800ms; -moz-transition-delay:800ms;}
.scale .sc-7 {transition-delay:960ms; -webkit-transition-delay:960ms; -o-transition-delay:960ms; -moz-transition-delay:960ms;}
.scale .sc-8 {transition-delay:1120ms; -webkit-transition-delay:1120ms; -o-transition-delay:1120ms; -moz-transition-delay:1120ms;}

.fast.scale .sc-1 {transition-delay: 10ms;-webkit-transition-delay: 10ms; -o-transition-delay:10ms; -moz-transition-delay:10ms;}
.fast.scale .sc-2 {transition-delay: 140ms;-webkit-transition-delay: 140ms; -o-transition-delay:140ms; -moz-transition-delay:140ms;}
.fast.scale .sc-3 {transition-delay: 270ms;-webkit-transition-delay: 270ms; -o-transition-delay:270ms; -moz-transition-delay:270ms;}
.fast.scale .sc-4 {transition-delay: 400ms;-webkit-transition-delay: 400ms;-o-transition-delay:400ms; -moz-transition-delay:400ms;}
.fast.scale .sc-5 {transition-delay: 530ms;-webkit-transition-delay: 530ms;-o-transition-delay:530ms; -moz-transition-delay:530ms;}
.fast.scale .sc-6 {transition-delay: 660ms;-webkit-transition-delay: 660ms;-o-transition-delay:660ms; -moz-transition-delay:660ms;}
.fast.scale .sc-7 {transition-delay: 790ms;-webkit-transition-delay: 790ms;-o-transition-delay:790ms; -moz-transition-delay:790ms;}
.fast.scale .sc-8 {transition-delay: 920ms;-webkit-transition-delay: 920ms;-o-transition-delay:920ms; -moz-transition-delay:920ms;}


.slow.scale .sc-1 {transition-delay: 10ms;	-webkit-transition-delay: 10ms;-o-transition-delay:10ms;-moz-transition-delay:10ms;}
.slow.scale .sc-2 {transition-delay: 210ms;-webkit-transition-delay: 210ms;-o-transition-delay:210ms; -moz-transition-delay:210ms;}
.slow.scale .sc-3 {transition-delay: 420ms;-webkit-transition-delay: 420ms;-o-transition-delay:420ms; -moz-transition-delay:420ms;}
.slow.scale .sc-4 {transition-delay: 630ms;-webkit-transition-delay: 630ms;-o-transition-delay:630ms; -moz-transition-delay:630ms;}
.slow.scale .sc-5 {transition-delay: 840ms;-webkit-transition-delay: 840ms;-o-transition-delay:840ms; -moz-transition-delay:840ms;}
.slow.scale .sc-6 {transition-delay: 1050ms;-webkit-transition-delay: 1050ms;-o-transition-delay:1050ms; -moz-transition-delay:1050ms;}
.slow.scale .sc-7 {transition-delay: 1260ms;-webkit-transition-delay: 1260ms;-o-transition-delay:1260ms; -moz-transition-delay:1260ms;}
.slow.scale .sc-8 {transition-delay: 1470ms;-webkit-transition-delay: 1470ms;-o-transition-delay:1470ms; -moz-transition-delay:1470ms;}


.vertical-i {animation:vb 1s infinite;}

@keyframes vb {
	0%{
		bottom: 0;
	}
	50% {
		bottom:10px;
	}
	100% {
		bottom:0px; 
	}
}

@keyframes vt{
	0%{
		top: 0;
	}
	50%{
		top:10px;
	}
	100%{
		top:0;
	}
}



/* 250421 */
.p-relative{position: relative;}
.text-default{color: #0C0C0D;}
.text-white{color: #fff;}
.text-mlogo{color: #2E2E2F;}
.text-nomal{color: #999;}
.text-gray{color: #666;}
.text-gray2{color: #D6DDE6;}
.text-lgray{color: #8B8B8B;}
.fs350{font-size: 35rem; line-height: 420px; letter-spacing: 17.5px;}
.fs200{font-size: 20rem; line-height: 221px;}
.fs110{font-size: 11rem; line-height: 132px; letter-spacing: -3.3px;}
.fs50{font-size: 5.0rem; line-height: 65px; letter-spacing: -1.5px;}
.fs40{font-size: 4.0rem; line-height: 48px; letter-spacing: -0.4px;}
.fs30{font-size: 3.0rem; line-height: 40px; letter-spacing: -0.3px;}
.fs28{font-size: 2.8rem; line-height: 50px; letter-spacing: -0.84px;}
.fs24{font-size:2.4rem; line-height: 43px; letter-spacing: -0.72px;}
.fs22{font-size:2.2rem; line-height: 26px; letter-spacing: 1.1px;}
.fs20{font-size: 2.0rem; line-height: 24px; letter-spacing: -0.6px;}
.fs18{font-size:1.8rem; letter-spacing: -0.54px;}
.fs16{font-size: 1.6rem; line-height: 22px;}
.fs14{font-size: 1.4rem; line-height: 17px;}

.fw100 {font-weight:100 !important;}
.fw200 {font-weight:200 !important;}
.fw300 {font-weight:300 !important;}
.fw400 {font-weight:400 !important;}
.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}
.fw700 {font-weight:700 !important;}
.fw800 {font-weight:800 !important;}
.fw900 {font-weight:900 !important;}