@charset "utf-8";

body {}
body.fixed {overflow:hidden;}

/* 로딩 이미지 */
.lodingbox {position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.95);transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);z-index:10000;opacity:1;visibility:visible;}
.lodingbox.hidden {opacity:0;visibility:hidden;overflow:hidden;}
.lodingbox .intrologo {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.lodingbox.hidden .intrologo {display:none;}
.lodingbox .intrologo img {max-width:100%;}

.lds-ellipsis {display: inline-block;position:relative;width:80px;height:80px;}
.lds-ellipsis div {position: absolute;top: 33px;width: 13px;height: 13px;border-radius: 50%;background: #fff;animation-timing-function: cubic-bezier(0, 1, 1, 0);}
.lds-ellipsis div:nth-child(1) {left:8px;animation:lds-ellipsis1 0.6s infinite;}
.lds-ellipsis div:nth-child(2) {left:8px;animation:lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(3) {left:32px;animation:lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(4) {left:56px;animation:lds-ellipsis3 0.6s infinite;}

.progress {background-color:rgba(0,0,0,.9);position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;}
.progress-bar {position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100px;width:100%;}
.progress-bar > em {display:block;position:absolute;top:0;left:0;height:100%;width:0;overflow:hidden;}
.progress-bar img {width:100px!important;}
.progress-bar .progress-text {position:absolute;top:120%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:700;color:#fff;}
.progress-complete .progress-bar {border-top-color: rgb(255, 255, 255);}

.AD .dbform_successbox {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;width:block;}
.AD .dbform_successbox a {display:inline-block;}
.AD .dbform_successbox a img {max-width:100%;}

[data-target] {cursor:pointer;}
.conPC {}
.conM {display:none;}
.AD [class*='link'] {display:inline-block;cursor:pointer;}
.AD [class*='layer'] {position:absolute;z-index:1;}
.AD [class*='section'] {position:relative;overflow:hidden;max-width:2000px;margin:0 auto;border:0;}
.AD [class*='section'] .content {width:1200px;margin:0 auto;position:relative;z-index:10;}
.AD [class*='section'].visible {overflow:visible;}


/*** [Pc] --/start/-- ***/

.AD .fixedbar {position:fixed;left:0;width:100%;height:100px;z-index:100;background:#fff url('/img/section__fixed.jpg') center top no-repeat;transition:all .35s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .35s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.AD .fixedbar.top {top:0}
.AD .fixedbar.top.hidden {top:-100%;}
.AD .fixedbar.bottom {bottom:0;}
.AD .fixedbar.bottom.hidden {bottom:-100%;}
.AD .fixedbar > div {width:1200px;height:100%;position:absolute;top:0%;left:50%;transform:translateX(-50%);text-align:right;}
.AD .fixedbar.top .layerbtn01 {top:0%;left:0;height:100%;width:100px;z-index:2;}
.AD .fixedbar.top .layerbtn02 {top:50%;right:0;height:75%;width:160px;transform:translateY(-50%);z-index:1;}

.AD .mainmenulist {font-size:0;position:absolute;top:50%;left:48%;transform:translate(-50%,-50%);white-space:nowrap;}
.AD .mainmenulist > li {display:inline-block;vertical-align:top;text-align:center;}
.AD .mainmenulist > li > a {display:block;width:auto;color:#fff;padding:10px 15px;font-size:16px;font-weight:700;line-height:1.2;position:relative;transition:all .15s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .15s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.AD .mainmenulist > li > a em {display:block;font-size:16px;font-weight:300;}
.AD .mainmenulist > li > a:hover, .AD .mainmenulist > li.active > a {color:#d70c19;}
.AD .mainmenulist > li.active > a::after {display:block;content:'';height:2px;width:100%;background:#d70c19;position:absolute;z-index:1;top:100%;left:50%;transform:translateX(-50%);}

.AD .fixedbar > div.submenu-content {width:100%;min-width:1200px;position:absolute;top:100%;transform:translate(-50%, 0);text-align:right;background:rgba(255,255,255,.5);overflow:hidden;max-height:0;transition:all .35s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .35s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.AD .fixedbar > div.submenu-content > div {margin:0 auto;width:1200px;text-align:right;}
.AD .submenulist {font-size:0;display:inline-block;width:600px;}
.AD .submenulist > li {font-size:22px;display:inline-block;vertical-align:top;width:25%;}
.AD .submenulist > li > div {padding:0 0 20px;}
.AD .submenulist > li > div > ul > li {text-align:center;}
.AD .submenulist > li > div > ul > li > a {display:block;width:auto;color:#000;padding:10px 0;transition:all .15s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .15s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.AD .submenulist > li > div > ul > li > a:hover {color:#ed2c33;}
.AD .submenulist > li > div > ul > li.active > a {color:#ed2c33;}


.AD .floatMenu {position:absolute;top:300px;right:50%;transform:translateX(50%);max-width:1800px;width:100%;height:1px;z-index:50;}
.AD .floatMenu .side_db {position:absolute;top:0;right:0;width:240px;height:440px;background:url('/img/flaotMenu.jpg') center top no-repeat;}
.AD .floatMenu .side_db > ul {padding:0 10px;margin-top:155px;}
.AD .floatMenu .side_db > ul > li {margin-bottom:6px;}
.AD .floatMenu .side_db > ul > li > div {font-size:0;width:auto;}
.AD .floatMenu .side_db > ul > li > div > span {font-size:12px;display:inline-block;vertical-align:middle;}
.AD .floatMenu .side_db > ul > li > div > span:nth-child(1) {width:70px;text-align:center;font-size:16px;font-weight:500;}
.AD .floatMenu .side_db > ul > li > div > span:nth-child(2) {width:calc(100% - 70px);}
.AD .floatMenu.white span {color:#fff;}
.AD .floatMenu.dark span {color:#000;}
.AD .floatMenu .input-control {display:block;border:0;padding:6px;width:100%;background:#fff;}
.AD .floatMenu .side_db .submit_box {text-align:center;}
.AD .floatMenu .show_privacy {display:inline-block;vertical-align:middle;cursor:pointer;font-size:12px;}
.AD .floatMenu.white [class*='jelly'] .text {font-size:12px;color:#fff;}
.AD .floatMenu.dark [class*='jelly'] .text {font-size:12px;color:#000;}
.AD .floatMenu.white button {color:#fff;}7
.AD .floatMenu.dark button {color:#000;}
.AD .floatMenu .agreebox {text-align:center;}
.AD .floatMenu .submitbox {text-align:center;padding:10px;}
.AD .floatMenu .submitbox img {width:100%;}
.AD .floatMenu .submitbox button {display:inline-block;margin-bottom:5px;width:auto;padding:0;}
.AD .floatMenu .submitbox a {display:inline-block;width:auto;}



/* section 공통*/
.AD .layer-scroll {left:50%;bottom:5%;transform:translate(-50%,0);}
.AD .subtable {padding:0;}
.AD .subtable th, .AD .subtable td {border:1px solid #d7d7d7;padding:10px;line-height:1.6;vertical-align:middle;}
.AD .subtable th {background:#ebebeb;text-align:center;width:100px;}
.AD .subtable td {width:calc(50% - 100px);}



.swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,12px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,12px));
	}
.swiper-pagination-bullet-active {background:#000;}


/* index 스타일 */
.AD .section01 {padding-top:100px;} /* background:url('/img/section__01.jpg') center bottom no-repeat; */
.AD .section01 .content {height:900px;}
.AD .section01 .layer01 {top:17px;left:50%;transform:translateX(-50%);}
.AD .section01 .layer02 {top:850px;left:98%;transform:translateX(-50%);}
.AD .section01 .layerbackground {top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:-1;object-fit:cover;}


.AD .section02 {background:url('/img/section__02.jpg') center top no-repeat;}
.AD .section02 .content {height:720px;}
.AD .section02 .layer01 {top:50%;left:50%;transform:translate(-50%,-50%);width:890px;}

.AD .section03 {background:url('/img/section__03.jpg') center top no-repeat;}
.AD .section03 .content {height:2209px;}
.AD .section03 .layer01 {top:202px;left:50%;transform:translateX(-50%);}
.AD .section03 .layer02 {top:653px;left:50%;transform:translateX(-50%);}
.AD .section03 .layer03 {top:842px;left:50%;transform:translateX(-50%);}
.AD .section03 .layer04 {top:1177px;left:50%;transform:translateX(-50%);}
.AD .section03 .layer05 {top:1964px;left:54%;transform:translateX(-50%);}

.AD .section04 {background:url('/img/section__04.jpg') center top no-repeat;}
.AD .section04 .content {height:1210px;}
.AD .section04 .layer01 {top:103px;left:50%;transform:translateX(-50%);}
.AD .section04 .layer02 {top:217px;left:50%;transform:translateX(-50%);overflow:hidden;}
.AD .section04 .layer02 .layerover {display:none;top:0;left:0;}
.AD .section04 .layer02:hover .layerover {display:block;}
.AD .section04 .layer03 {top:517px;left:50%;transform:translateX(-50%);overflow:hidden;}
.AD .section04 .layer03 .layerover {display:none;top:0;left:0;}
.AD .section04 .layer03:hover .layerover {display:block;}
.AD .section04 .layer04 {top:817px;left:50%;transform:translateX(-50%);overflow:hidden;}
.AD .section04 .layer04 .layerover {display:none;top:0;left:0;}
.AD .section04 .layer04:hover .layerover {display:block;}

.AD .section05 {background:url('/img/section__05.jpg') center top no-repeat;}
.AD .section05 .content {height:1650px;}
.AD .section05 .layer01 {top:86px;left:50%;transform:translateX(-50%);}
.AD .section05 .layer02 {top:420px;left:50%;transform:translateX(-50%);}

.AD .section06 {background:url('/img/section__06.jpg') center top no-repeat;}
.AD .section06 .content {height:1490px;}
.AD .section06 .layer01 {top:84px;left:50%;transform:translateX(-50%);}

.AD .section07 {background:url('/img/section__07.jpg') center top no-repeat;}
.AD .section07 .content {height:1670px;}
.AD .section07 .layer01 {top:100px;left:50%;transform:translateX(-50%);}
.AD .section07 .layer02 {top:199px;left:23%;transform:translateX(-50%);}
.AD .section07 .layer03 {top:199px;left:76%;transform:translateX(-50%);}
.AD .section07 .layer04 {top:662px;left:23%;transform:translateX(-50%);}
.AD .section07 .layer05 {top:662px;left:76%;transform:translateX(-50%);}
.AD .section07 .layer06 {top:1125px;left:23%;transform:translateX(-50%);}
.AD .section07 .layer07 {top:1125px;left:76%;transform:translateX(-50%);}

.AD .section08 {background:url('/img/section__08.jpg') center top no-repeat;}
.AD .section08 .content {height:618px;}
.AD .section08 .layer01 {top:93px;left:21%;transform:translateX(-50%);}

.AD .section09 {background:url('/img/section__09.jpg') center top no-repeat;}
.AD .section09 .content {height:172px;}
.AD .section09 .layerlink01 {display:block;top:41px;left:73.6%;transform:translateX(-50%);width:122px;height:54px;}
.AD .section09 .layerlink02 {display:block;top:41px;left:84.2%;transform:translateX(-50%);width:122px;height:54px;}

.AD [class*='section'] [class*='layer'] .youtube {width:100%;padding-bottom:56.25%;position:absolute;z-index:1;top:0;left:0;}
.AD [class*='section'] [class*='layer'] .youtube2 {width:100%;padding-bottom:56.25%;position:absolute;z-index:1;bottom:0;left:0;}
.AD [class*='section'] [class*='layer'] iframe {position:absolute;z-index:1;top:0;left:0;top:0;left:0;width:100%;height:100%;}

.AD .dbform {position:absolute;top:88px;left:71%;transform:translateX(-50%);width:630px;z-index:1;}
.AD .dbform .input-control {display:block;border:1px solid #333;padding:12px 15px;width:100%;background:#fff;font-size:16px;border-radius:0;color:#888888;resize:none;outline:none;}
.AD .dbform textarea.input-control {min-height:170px;}
.AD .dbform label {cursor:pointer;}
.AD .dbform .db_list {margin:0 auto 10px;}
.AD .dbform .db_list > li {}
.AD .dbform .db_list > li:last-child {margin-bottom:0px;}
.AD .dbform .db_list > li .checkitem {font-size:0;}
.AD .dbform .db_list > li .checkitem > label {display:inline-block;vertical-align:middle;font-size:12px;margin-right:15px;}
.AD .dbform .db_list > li > div {width:auto;font-size:0;}
.AD .dbform .db_list > li > div > span {display:inline-block;vertical-align:top;font-size:20px;padding:5px 15px;font-family:'Gmarket';letter-spacing:-1px;}
.AD .dbform .db_list > li > div > span:first-child {width:130px;text-align:left;color:#fff;padding-top:20px;}
.AD .dbform .db_list > li > div > span:first-child em {font-weight:300;}
.AD .dbform .db_list > li > div > span:last-child {width:calc(100% - 130px);text-align:left;padding:5px 0;}
.AD .dbform .desc {padding:5px;font-size:14px;font-weight:300;color:#909090;}
.AD .dbform .agreebox {margin:10px auto;color:#fff;padding-left:130px;}
.AD .dbform .agreebox button.privacy-open {display:inline-block;vertical-align:middle;color:#fff;font-size:16px;cursor:pointer;}
.AD .dbform .privacybox {width:100%;height:120px;padding:20px;overflow-Y:scroll;background:#fff;font-size:12px;line-height:1.6;border:1px solid #000;}
.AD .dbform .privacybox .title {font-size:20px;font-weight:700;}
.AD .dbform .submitbox {text-align:center;width:100%;padding-left:130px;text-align:center;}
.AD .dbform .submitbox img {width:100%;}
.AD .dbform .submitbox button {display:inline-block;width:auto;padding:0;}
.AD .dbform .submitbox a {display:inline-block;width:auto;margin:10px 20px;}



@media screen and (max-width: 1100px) {
	.conPC {display:none;}
	.conM {display:block;}


	.AD .dbform_successbox {width:80%;}
	.AD .layer-agree-pupup img {width:100%;}
	.AD .layer-agree-pupup > div {max-width:640px;width:90%;}
	.AD .layer-agree-pupup .layer-button01 {top:79%;left:50%;transform:translateX(-50%);width:90%;height:auto;padding-bottom:10%;}
	.AD .layer-agree-pupup .layer-button02 {top:89%;left:50%;transform:translateX(-50%);width:90%;height:auto;padding-bottom:10%;}

	

	.AD .dbform {position:absolute;top:33%;left:50%;transform:translateX(-50%);width:90%;text-align:left;}
	.AD .dbform .db_list {}
	.AD .dbform .db_list > li {}
	.AD .dbform .db_list > li > div {font-size:0;width:auto;}
	.AD .dbform .db_list label {display:inline-block;vertical-align:middle;cursor:pointer;width:28%;margin:2vw 1vw;}
	.AD .dbform .input-control {display:block;border:1px solid #333;padding:.5vw 2vw;width:100%;background:#fafafa;font-size:5vw;margin:0;border-radius:0;color:#888888;resize:none;outline:none;}
	.AD .dbform textarea.input-control {min-height:35vw;}
	.AD .dbform .agreebox {text-align:center;font-size:3vw;margin:4vw auto;}
	.AD .dbform .agreebox .privacy-open {font-size:3vw;line-height:1;}
	.AD .dbform .privacybox {width:40%;margin:3vw auto;}
	.AD .dbform .submitbox {text-align:center;width:100%;margin:0 auto;}
	.AD .dbform .submitbox img {width:100%;}
	.AD .dbform .submitbox button {display:inline-block;width:auto;padding:0;}
	.AD .dbform .submitbox a {display:inline-block;width:auto;}



	.AD .fixedbar {width:100%;height:auto;background:none;}
	.AD .fixedbar.top {top:0;position:relative;}
	.AD .fixedbar.top.hidden {top:-100%;}
	.AD .fixedbar.bottom {bottom:0;}
	.AD .fixedbar.bottom.hidden {bottom:-100%;}
	.AD .fixedbar > div {width:100%;height:100%;position:relative;top:0%;left:0;transform:unset;text-align:right;overflow:hidden;}
	.AD .fixedbar.bottom .layerbtn01 {top:0%;left:0;height:100%;width:50%;z-index:2;}
	.AD .fixedbar.bottom .layerbtn02 {top:0%;right:0;height:100%;width:50%;z-index:2;}
	.AD .fixedbar.top .layerbtn01 {top:0%;left:0%;transform:none;height:100%;width:24%;z-index:2;}
	.AD .fixedbar.top .layerbtn02 {top:0%;right:0%;left:auto;transform:none;height:100%;width:35%;z-index:2;}


	
	.AD .mainmenulist {display:none;}
	.AD .mainmenulist > li {display:inline-block;vertical-align:top;text-align:center;}
	.AD .mainmenulist > li > a {display:block;width:auto;color:#000;padding:1vw 2vw;font-size:3vw;}
	.AD .mainmenulist > li > a em {display:block;font-size:3vw;font-weight:300;}
	.AD .mainmenulist > li > a:hover, .AD .mainmenulist > li.active > a {color:#e61b25;}



	.AD img {width:100%;}
	.AD [class*='section'] {background:none;}
	.AD [class*='section'] .content {width:100%;height:auto;}
	.AD .section01 {padding-top:0;}
	/* .AD [class*='section']:last-child {padding-bottom:14%;} */


	.AD .section01 .layer01 {top:4%;width:100%;}
	.AD .section01 .layer02 {top:95%;left:50%;width:80%;}

	.AD .section02 .layer01 {width:90%;}

	.AD .section03 .layer01 {top:7.2%;width:100%;}
	.AD .section03 .layer02 {top:19%;width:100%;}
	.AD .section03 .layer03 {top:32.1%;width:100%;}
	.AD .section03 .layer04 {top:54.7%;width:100%;}
	.AD .section03 .layer05 {top:85.2%;left:50%;width:100%;}

	.AD .section04 .layer01 {top:5%;width:100%;}
	.AD .section04 .layer02 {top:10%;width:100%;}
	.AD .section04 .layer03 {top:38.6%;width:100%;}
	.AD .section04 .layer04 {top:67.2%;width:100%;}
	.AD .section04 .layer02:hover .layerover {display:none;}
	.AD .section04 .layer03:hover .layerover {display:none;}
	.AD .section04 .layer04:hover .layerover {display:none;}

	.AD .section05 .layer01 {top:4.7%;width:100%;}
	.AD .section05 .layer02 {top:28%;width:100%;}

	.AD .section06 .layer01 {top:4.3%;width:100%;}

	.AD .section07 .layer01 {top:3.5%;width:100%;}
	.AD .section07 .layer02 {top:7.5%;left:50%;width:86%;}
	.AD .section07 .layer03 {top:22.6%;left:50%;width:86%;}
	.AD .section07 .layer04 {top:37.3%;left:50%;width:86%;}
	.AD .section07 .layer05 {top:52.5%;left:50%;width:86%;}
	.AD .section07 .layer06 {top:68%;left:50%;width:86%;}
	.AD .section07 .layer07 {top:83.1%;left:50%;width:86%;}

	.AD .section08 .layer01 {top:9%;left:50%;width:100%;}

	.AD .section09 .layerlink01 {top:13%;left:32.6%;transform:translateX(-50%);width:19%;height:16%;}
	.AD .section09 .layerlink02 {top:13%;left:52.6%;transform:translateX(-50%);width:19%;height:16%;}
	

	.AD .dbform {top:40%;}
	.AD .dbform .db_list > li > div > span {font-size:3.5vw;padding:0;}
	.AD .dbform .db_list > li > div > span:first-child {padding-top:2vw;text-align:left;width:20vw;}
	.AD .dbform .db_list > li > div > span:last-child {width:calc(100% - 20vw);}
	.AD .dbform textarea.input-control {min-height:22vw;}
	.AD .dbform .submitbox {padding:0;}

}