@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;}
.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 .accordionbox {}
.AD .accordionbox .question {cursor:pointer;}
.AD .accordionbox .answer {overflow:hidden;height:0;font-size:0;transition:all .5s cubic-bezier(0.85, 0, 0.15, 1);-webkit-transition:all .5s cubic-bezier(0.85, 0, 0.15, 1);}
.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;}


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

.AD #conPC .fixedbar {position:fixed;left:0;width:100%;height:80px;z-index:100;background:#fff url('../img/fixedbar.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 #conPC .fixedbar.top {top:0}
.AD #conPC .fixedbar.top.hidden {top:-100%;}
.AD #conPC .fixedbar.bottom {bottom:0;}
.AD #conPC .fixedbar.bottom.hidden {bottom:-100%;}
.AD #conPC .fixedbar > div {width:1200px;height:100%;position:absolute;top:0%;left:50%;transform:translateX(-50%);text-align:right;}
.AD #conPC .fixedbar .layerbtn01 {top:0%;left:0%;height:100%;width:220px;z-index:2;}
.AD #conPC .fixedbar .layerbtn02 {top:50%;right:0%;height:70%;width:200px;transform:translateY(-50%);z-index:1;}

.AD #conPC .mainmenulist {font-size:0;position:absolute;top:50%;left:50%;transform:translate(-30%,-50%);}
.AD #conPC .mainmenulist > li {display:inline-block;vertical-align:top;text-align:center;}
.AD #conPC .mainmenulist > li > a {display:block;width:auto;color:#000;padding:10px 20px;font-size:20px;font-weight:500;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 #conPC .mainmenulist > li > a em {display:block;font-size:16px;font-weight:300;}
.AD #conPC .mainmenulist > li > a:hover, .AD #conPC .mainmenulist > li.active > a {color:#ed2c33;}

.AD #conPC .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 #conPC .fixedbar > div.submenu-content > div {margin:0 auto;width:1200px;text-align:right;}
.AD #conPC .submenulist {font-size:0;display:inline-block;width:600px;}
.AD #conPC .submenulist > li {font-size:22px;display:inline-block;vertical-align:top;width:25%;}
.AD #conPC .submenulist > li > div {padding:0 0 20px;}
.AD #conPC .submenulist > li > div > ul > li {text-align:center;}
.AD #conPC .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 #conPC .submenulist > li > div > ul > li > a:hover {color:#ed2c33;}
.AD #conPC .submenulist > li > div > ul > li.active > a {color:#ed2c33;}


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



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

/* index 스타일 */
.AD #conPC .section01 {padding-top:80px;} /* background:url('/img/section01.jpg') center bottom no-repeat; */
.AD #conPC .section01 .content {width:100%;max-width:2000px;height:700px;}
.AD #conPC .section01 .bx-wrapper {width:100%;height:700px;}
.AD #conPC .section01 .bx-wrapper img {width:100%;}
.AD #conPC .section01 .bx-wrapper ul {}
.AD #conPC .section01 .bx-wrapper ul > li {height:700px;position:relative;overflow:hidden;}
.AD #conPC .section01 .bx-wrapper ul > li img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2000px;max-width:none;}
.AD #conPC .section01 .bx-wrapper .bx-controls-direction .bx-prev {left:150px;}
.AD #conPC .section01 .bx-wrapper .bx-controls-direction .bx-next {right:150px;}

.AD #conPC .section02 {background:url('/img/section02.jpg') center top no-repeat;}
.AD #conPC .section02 .content {height:980px;}

.AD #conPC .section03 {background:url('/img/section03.jpg') center top no-repeat;}
.AD #conPC .section03 .content {height:1320px;}

.AD #conPC .section04 {background:url('/img/section04.jpg') center top no-repeat;}
.AD #conPC .section04 .content {height:710px;}

.AD #conPC .section05 {background:url('/img/section05.jpg') center top no-repeat;}
.AD #conPC .section05 .content {height:470px;}

.AD #conPC .section06 {background:url('/img/section06.jpg') center top no-repeat;}
.AD #conPC .section06 .content {height:1350px;}

.AD #conPC .section07 {background:url('/img/section07.jpg') center top no-repeat;}
.AD #conPC .section07 .content {height:690px;}

.AD #conPC .section08 {background:url('/img/section08.jpg') center top no-repeat;}
.AD #conPC .section08 .content {height:180px;}


.AD #conPC .dbform {position:absolute;top:250px;left:50%;transform:translateX(-50%);width:520px;z-index:1;}
.AD #conPC .dbform .input-control {display:block;border:1px solid #333;padding:10px;width:100%;background:#fff;font-size:14px;border-radius:0;color:#888888;resize:none;outline:none;}
.AD #conPC .dbform textarea.input-control {min-height:200px;}
.AD #conPC .dbform label {cursor:pointer;}
.AD #conPC .dbform.white .privacy-open {color:#fff;font-size:16px;display:inline-block;vertical-align:middle;cursor:pointer;}
.AD #conPC .dbform.dark .privacy-open {color:#000;font-size:16px;display:inline-block;vertical-align:middle;cursor:pointer;}

.AD #conPC .dbform.white .icon {border:1px solid #fff;width:20px;height:20px;border-radius:3px;}
.AD #conPC .dbform.white :checked ~ .icon {background:#adadad;}
.AD #conPC .dbform.white .icon::after {top:7%;left:35%;width:6px;height:11px;border-color:#fff;}
.AD #conPC .dbform.white .text {color:#fff;font-size:16px;}
.AD #conPC .dbform.dark .icon {border:1px solid #312d2a;width:20px;height:20px;border-radius:3px;}
.AD #conPC .dbform.dark :checked ~ .icon {background:#ff1100;}
.AD #conPC .dbform.dark .icon::after {top:7%;left:35%;width:6px;height:11px;border-color:#fff;}
.AD #conPC .dbform.dark .text {color:#312d2a;font-size:16px;}

.AD #conPC .dbform .db_list {margin:0 auto 10px;border-top:3px solid #312d2a;}
.AD #conPC .dbform .db_list > li {padding:5px 0;border-bottom:1px solid #312d2a;}
.AD #conPC .dbform .db_list > li:last-child {margin-bottom:0px;}
.AD #conPC .dbform .db_list > li .checkitem {font-size:0;}
.AD #conPC .dbform .db_list > li .checkitem > label {display:inline-block;vertical-align:middle;font-size:12px;margin-right:15px;}
.AD #conPC .dbform .db_list > li > div {width:auto;font-size:0;}
.AD #conPC .dbform .db_list > li > div > span {display:inline-block;vertical-align:middle;font-size:20px;padding:5px 15px;font-family:'Gmarket';letter-spacing:-1px;}
.AD #conPC .dbform .db_list > li > div > span:first-child {width:120px;text-align:right;}
.AD #conPC .dbform .db_list > li > div > span:first-child em {font-weight:300;}
.AD #conPC .dbform .db_list > li > div > span:last-child {width:calc(100% - 120px);text-align:left;padding:5px 0;}
.AD #conPC .dbform.white .db_list > li > div > span:first-child {color:#fff;}
.AD #conPC .dbform.dark .db_list > li > div > span:first-child {color:#312d2a;}
.AD #conPC .dbform .desc {padding:5px;font-size:14px;font-weight:300;color:#909090;}
.AD #conPC .dbform .agreebox {margin:10px auto;text-align:center;}
.AD #conPC .dbform .agreebox button.privacy-open {display:inline-block;vertical-align:middle;font-size:14px;}
.AD #conPC .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 #conPC .dbform .privacybox .title {font-size:20px;font-weight:700;}
.AD #conPC .dbform .submitbox {text-align:center;width:100%;}
.AD #conPC .dbform .submitbox img {width:100%;}
.AD #conPC .dbform .submitbox button {display:inline-block;width:auto;padding:0;margin:10px 8px;}
.AD #conPC .dbform .submitbox a {display:inline-block;width:auto;margin:10px 20px;}



/*** [Pc] --/end/-- ***/


/*** [Mobile] --/start/-- ***/

.AD #conMOBILE img {width:100%;}
.AD #conMOBILE .fixedbar {position:fixed;left:0;width:100%;z-index:100;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 #conMOBILE .fixedbar.bottom {bottom:0;}
.AD #conMOBILE .fixedbar.bottom.hidden {transform:translateY(120%);}
.AD #conMOBILE .fixedbar.top {top:0;}
.AD #conMOBILE .fixedbar.top.hidden {transform:translateY(-120%);}
.AD #conMOBILE .fixedbar .layerlink01 {left:0;bottom:0;width:50%;height:100%;}
.AD #conMOBILE .fixedbar .layerlink02 {right:0;bottom:0;width:50%;height:100%;}

.AD #conMOBILE .section00 {}
.AD #conMOBILE .section00 .layerlink {top:15%;right:4%;width:33%;padding-bottom:9%;}

.AD #conMOBILE .section01 {}

.AD #conMOBILE .section02 {}

.AD #conMOBILE .section03 {}

.AD #conMOBILE .section04 {}

.AD #conMOBILE .section05 {}

.AD #conMOBILE .section06 {}

.AD #conMOBILE .dbform {position:absolute;top:32%;left:50%;transform:translateX(-50%);width:90%;text-align:left;}
.AD #conMOBILE .dbform .db_list {margin-bottom:1vw;border-top:3px solid #000; }
.AD #conMOBILE .dbform .db_list > li {border-bottom:1px solid #000;}
.AD #conMOBILE .dbform .db_list > li > div {font-size:0;padding:2vw 0;}
.AD #conMOBILE .dbform .db_list > li > div > span {display:inline-block;vertical-align:middle;font-size:4vw;}
.AD #conMOBILE .dbform .db_list > li > div > span:first-child {width:20vw;text-align:center;padding-right:3vw;}
.AD #conMOBILE .dbform .db_list > li > div > span:last-child {width:calc(100% - 20vw);}
.AD #conMOBILE .dbform .db_list > li .checkitem {font-size:0;}
.AD #conMOBILE .dbform .db_list > li .checkitem > label {display:inline-block;vertical-align:middle;font-size:3.5vw;margin-right:2vw;color:#fff;}
.AD #conMOBILE .dbform .db_list > li .checkitem > label .icon {border-radius:50%;}
.AD #conMOBILE .dbform .db_list > li > div {width:auto;}
.AD #conMOBILE .dbform .db_list label {display:inline-block;vertical-align:middle;cursor:pointer;width:28%;margin:2vw 1vw;}
.AD #conMOBILE .dbform .input-control {display:block;border:1px solid #333;padding:.8vw 2vw;width:100%;background:#fafafa;font-size:3.5vw;margin:.8vw 0;border-radius:0;color:#888888;resize:none;outline:none;}
.AD #conMOBILE .dbform textarea.input-control {min-height:35vw;}
.AD #conMOBILE .dbform.white .icon {border:1px solid #fff;width:4vw;height:4vw;}
.AD #conMOBILE .dbform.white .icon::after {top:15%;left:35%;width:1vw;height:2vw;border-color:#fff;}
.AD #conMOBILE .dbform.white .text {color:#fff;font-size:3vw;}
.AD #conMOBILE .dbform.white .privacy-open {display:inline-block;vertical-align:middle;font-size:3vw;color:#fff;}
.AD #conMOBILE .dbform.dark .icon {border:2px solid #333;width:4vw;height:4vw;border-radius:0%;}
.AD #conMOBILE .dbform.dark .icon::after {top:15%;left:35%;width:35%;height:55%;border-color:#fff;}
.AD #conMOBILE .dbform.dark .text {color:#888888;font-size:4vw;}
.AD #conMOBILE .dbform.dark .privacy-open {display:inline-block;vertical-align:middle;font-size:3vw;color:#000;}
.AD #conMOBILE .dbform .title {font-size:4vw;padding:0;color:#000;font-weight:700;}
.AD #conMOBILE .dbform .desc {padding:2vw;font-size:2.5vw;font-weight:300;color:#909090;}
.AD #conMOBILE .dbform .agreebox {margin:3vw auto;text-align:center;}
.AD #conMOBILE .dbform .privacybox {width:100%;height:20vw;padding:3vw;overflow-Y:scroll;background:#fff;border:1px solid #000;font-size:3vw;line-height:1.6;text-align:left;}
.AD #conMOBILE .dbform .submitbox {text-align:center;width:100%;margin:0 auto;}
.AD #conMOBILE .dbform .submitbox img {width:100%;}
.AD #conMOBILE .dbform .submitbox .off {display:block;}
.AD #conMOBILE .dbform .submitbox .on {display:none;}
.AD #conMOBILE .dbform .submitbox .accept .off {display:none;}
.AD #conMOBILE .dbform .submitbox .accept .on {display:block;}
.AD #conMOBILE .dbform .submitbox button {display:inline-block;width:auto;padding:0;}
.AD #conMOBILE .dbform .submitbox a {display:inline-block;width:auto;}

/*** [Mobile] --/end/-- ***/



@media screen and (max-width: 1100px) {
	.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%;}
}