﻿@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:100px;z-index:100;background:#fff url('../z-eus.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%;left:50%;height:72%;width:160px;transform:translate(440px,-50%);z-index:1;}

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

.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:220px;height:210px;background:url('../img/flaotMenu.jpg') center top no-repeat;}
.AD #conPC .floatMenu .side_db .layerlink01 {top:0;left:0;width:100%;height:33.3%;}
.AD #conPC .floatMenu .side_db .layerlink02 {top:33.3%;left:0;width:100%;height:33.3%;}
.AD #conPC .floatMenu .side_db .layerlink03 {top:66.6%;left:0;width:100%;height:33.3%;}



/* 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 {background:url('../img/section01.jpg') center bottom no-repeat;margin-top:100px;}
.AD #conPC .section01 .content {height:900px;}
.AD #conPC .section01 .layer01 {top:52px;left:50%;transform:translateX(-585px);width:334px;}
.AD #conPC .section01 .layer02 {top:75px;left:50%;transform:translateX(-195px);width:785px;}
.AD #conPC .section01 .layer03 {top:480px;left:50%;transform:translateX(-490px);width:1087px;}

.AD #conPC .section02 {background:url('../img/section02.jpg') center top no-repeat;}
.AD #conPC .section02 .content {height:720px;}
.AD #conPC .section02 .layeryoutube {top:50%;left:50%;transform:translate(-50%,-50%);width:890px;}
.AD #conPC .section02 .layeryoutube > div {padding-bottom:56.25%;}
.AD #conPC .section02 .layeryoutube > div iframe {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}

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

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

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

.AD #conPC .section06 {background:url('../img/section06.jpg') center top no-repeat;}
.AD #conPC .section06 .content {height:4040px;}
.AD #conPC .section06 .layerslide1 {top:1200px;left:50%;transform:translateX(-50%);width:1100px;}
.AD #conPC .section06 .layerslide1 li {width:100%;position:relative;z-index:1;overflow:hidden;padding:5px;}
.AD #conPC .section06 .layerslide1 .bx-wrapper .bx-controls-direction a {padding:20px;}
.AD #conPC .section06 .layerslide1 .bx-wrapper .bx-controls-direction .bx-next {right:-20px;background:url('../img/bx_slider_next.png') center center / contain no-repeat;}
.AD #conPC .section06 .layerslide1 .bx-wrapper .bx-controls-direction .bx-prev {left:-20px;background:url('../img/bx_slider_prev.png') center center / contain no-repeat;}
.AD #conPC .section06 .layerslide1 .bx-wrapper .bx-pager.bx-default-pager a {background:#fff;}
.AD #conPC .section06 .layerslide1 .bx-wrapper .bx-pager.bx-default-pager a.active {background:#d80c18;}

.AD #conPC .section06 .layerslide2 {top:2200px;left:50%;transform:translateX(-50%);width:1100px;}
.AD #conPC .section06 .layerslide2 li {width:100%;position:relative;z-index:1;overflow:hidden;padding:5px;}
.AD #conPC .section06 .layerslide2 .bx-wrapper .bx-controls-direction a {padding:20px;}
.AD #conPC .section06 .layerslide2 .bx-wrapper .bx-controls-direction .bx-next {right:-20px;background:url('../img/bx_slider_next.png') center center / contain no-repeat;}
.AD #conPC .section06 .layerslide2 .bx-wrapper .bx-controls-direction .bx-prev {left:-20px;background:url('../img/bx_slider_prev.png') center center / contain no-repeat;}
.AD #conPC .section06 .layerslide2 .bx-wrapper .bx-pager.bx-default-pager a {background:#fff;}
.AD #conPC .section06 .layerslide2 .bx-wrapper .bx-pager.bx-default-pager a.active {background:#d80c18;}

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

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

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


.AD #conPC .sectionvideo [class*="layer"] {display:none;}
.AD #conPC .sectionvideo.video1 {background:url('../img/sectionvideo01.jpg') center top no-repeat;}
.AD #conPC .sectionvideo.video1 .content {height:1030px;max-width:1400px;margin:0 auto;}
.AD #conPC .sectionvideo.video1 .layer01 {display:block;top:122px;left:calc(50% + 154px);transform:translateX(-50%);width:891px;}
.AD #conPC .sectionvideo.video2 {background:url('../img/sectionvideo02.jpg') center top no-repeat;}
.AD #conPC .sectionvideo.video2 .content {height:1030px;max-width:1400px;margin:0 auto;}
.AD #conPC .sectionvideo.video2 .layer02 {display:block;top:122px;left:calc(50% + 154px);transform:translateX(-50%);width:891px;}
.AD #conPC .sectionvideo.video3 {background:url('../img/sectionvideo03.jpg') center top no-repeat;}
.AD #conPC .sectionvideo.video3 .content {height:2800px;max-width:1400px;margin:0 auto;}
.AD #conPC .sectionvideo.video3 .layer03-1 {display:block;top:122px;left:calc(50% + 154px);transform:translateX(-50%);width:891px;}
.AD #conPC .sectionvideo.video3 .layer03-2 {display:block;top:752px;left:calc(50% + 154px);transform:translateX(-50%);width:891px;}
.AD #conPC .sectionvideo.video3 .layer03-3 {display:block;top:1373px;left:calc(50% + 154px);transform:translateX(-50%);width:891px;}
.AD #conPC .sectionvideo.video3 .layer03-4 {display:block;top:1994px;left:calc(50% + 154px);transform:translateX(-50%);width:891px;}
.AD #conPC .sectionvideo.video4 {background:url('../img/sectionvideo04.jpg') center top no-repeat;}
.AD #conPC .sectionvideo.video4 .content {height:1530px;max-width:1400px;margin:0 auto;}
.AD #conPC .sectionvideo.video4 .layer04-1 {display:block;top:122px;left:calc(50% + 154px);transform:translateX(-50%);width:891px;}
.AD #conPC .sectionvideo.video4 .layer04-2 {display:block;top:749px;left:calc(50% + 154px);transform:translateX(-50%);width:891px;}

.AD #conPC .sectionvideo [class*="layer"] [class*="wrap"] {position:absolute;left:0;bottom:0;padding-bottom:56.25%;width:100%;}
.AD #conPC .sectionvideo [class*="layer"] [class*="wrap"] iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

.AD #conPC .sectionvideo .layertablist_box {display:block;top:0;left:calc(50% - 566px);transform:translateX(-50%);width:268px;height:100%;}
.AD #conPC .sectionvideo .layertablist {top:0;left:0;display:flex;flex-direction:column;gap:1px;}
.AD #conPC .sectionvideo .layertablist a {display:block;cursor:pointer;}
.AD #conPC .sectionvideo .layertablist a .off {display:block;}
.AD #conPC .sectionvideo .layertablist a .on {display:none;}
.AD #conPC .sectionvideo .layertablist > li.active .off {display:none;}
.AD #conPC .sectionvideo .layertablist > li.active .on {display:block;}


.AD #conPC .dbform {position:absolute;top:90px;left:50%;transform:translateX(-70px);width:640px;z-index:1;}
.AD #conPC .dbform .input-control {display:block;padding:15px;width:100%;background:#fff;font-size:16px;border-radius:0;color:#000;resize:none;outline:none;}
.AD #conPC .dbform textarea.input-control {min-height:140px;}
.AD #conPC .dbform label {cursor:pointer;}
.AD #conPC .dbform .db_list {margin:0 auto 10px;font-size:0;}
.AD #conPC .dbform .db_list > li {padding:2px 0;}
.AD #conPC .dbform .db_list > li.half {display:inline-block;vertical-align:middle;width:50%;}
.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:top;font-size:20px;padding:20px 0;font-family:'Gmarket';letter-spacing:-1px;}
.AD #conPC .dbform .db_list > li > div > span:first-child {width:130px;text-align:left;color:#fff;}
.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% - 130px);text-align:left;padding:5px 0;}
.AD #conPC .dbform .desc {padding:5px;font-size:14px;font-weight:300;color:#000;}
.AD #conPC .dbform .agreebox {margin:10px auto;text-align:center;color:#000;display:none;}
.AD #conPC .dbform .agreebox button.privacy-open {display:inline-block;vertical-align:middle;color:#000;font-size:16px;cursor:pointer;}
.AD #conPC .dbform .privacybox {width:100%;height:120px;padding:20px;overflow-Y:scroll;background:#000;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%;margin-top:30px;padding-left:130px;}
.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:23%;height:100%;}
.AD #conMOBILE .fixedbar .layerlink02 {right:17%;bottom:0;width:27%;height:100%;}
.AD #conMOBILE .fixedbar .layerbtn03 {right:0;bottom:0;width:17%;height:100%;}
.AD #conMOBILE .fixedbar .layersub {display:none;top:100%;left:0;width:100%;}
.AD #conMOBILE .fixedbar .layersub.active {display:block;}
.AD #conMOBILE .fixedbar .layersub .layersubmenu {top:7vw;left:0;width:100%;}
.AD #conMOBILE .fixedbar .layersub .layersubmenu > a {display:block;width:100%;height:14vw;}
.AD #conMOBILE .fixedbar .layersubsub {display:none;top:100%;left:0;width:100%;}
.AD #conMOBILE .fixedbar .layersubsub.active {display:block;}
.AD #conMOBILE .fixedbar .layersubsub .layersubmenu {top:5.5vw;}
.AD #conMOBILE .fixedbar .subsubmenubtn {position:absolute;z-index:10;bottom:0;left:0;height:13vw!important;width:23%!important;}

.AD #conMOBILE .section00 .layerlink {left:50%;top:0;transform:translateX(-50%);width:37%;height:100%;}

.AD #conMOBILE .section01 {padding-top:15%;}
.AD #conMOBILE .section01 .layer01 {top:15%;left:50%;transform:translateX(-50%);width:38%;}
.AD #conMOBILE .section01 .layer02 {top:31.2%;left:50%;transform:translateX(-48%);width:86%;}
.AD #conMOBILE .section01 .layer03 {top:67%;left:50%;transform:translateX(-44%);width:85%;}

.AD #conMOBILE .section02 {}
.AD #conMOBILE .section02 .layeryoutube {top:50%;left:50%;transform:translate(-50%,-50%);width:90%;}
.AD #conMOBILE .section02 .layeryoutube > div {padding-bottom:56.25%;}
.AD #conMOBILE .section02 .layeryoutube > div iframe {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}

.AD #conMOBILE .section03 {}

.AD #conMOBILE .section04 {}

.AD #conMOBILE .section05 {}

.AD #conMOBILE .section06 {}
.AD #conMOBILE .section06 .layerslide1 {top:33%;left:50%;transform:translateX(-50%);width:90%;}
.AD #conMOBILE .section06 .layerslide1 li {width:100%;position:relative;z-index:1;overflow:hidden;padding:5px;}
.AD #conMOBILE .section06 .layerslide1 li img {width:100%;}
.AD #conMOBILE .section06 .layerslide1 .bx-wrapper .bx-controls-direction a {padding:2vw;}
.AD #conMOBILE .section06 .layerslide1 .bx-wrapper .bx-controls-direction .bx-next {right:-10px;background:url('../img/bx_slider_next.png') center center / contain no-repeat;}
.AD #conMOBILE .section06 .layerslide1 .bx-wrapper .bx-controls-direction .bx-prev {left:-10px;background:url('../img/bx_slider_prev.png') center center / contain no-repeat;}
.AD #conMOBILE .section06 .layerslide1 .bx-wrapper .bx-pager.bx-default-pager a {background:#fff;}
.AD #conMOBILE .section06 .layerslide1 .bx-wrapper .bx-pager.bx-default-pager a.active {background:#d80c18;}

.AD #conMOBILE .section06 .layerslide2 {top:59%;left:50%;transform:translateX(-50%);width:90%;}
.AD #conMOBILE .section06 .layerslide2 li {width:100%;position:relative;z-index:1;overflow:hidden;padding:5px;}
.AD #conMOBILE .section06 .layerslide2 li img {width:100%;}
.AD #conMOBILE .section06 .layerslide2 .bx-wrapper .bx-controls-direction a {padding:2vw;}
.AD #conMOBILE .section06 .layerslide2 .bx-wrapper .bx-controls-direction .bx-next {right:-10px;background:url('../img/bx_slider_next.png') center center / contain no-repeat;}
.AD #conMOBILE .section06 .layerslide2 .bx-wrapper .bx-controls-direction .bx-prev {left:-10px;background:url('../img/bx_slider_prev.png') center center / contain no-repeat;}
.AD #conMOBILE .section06 .layerslide2 .bx-wrapper .bx-pager.bx-default-pager a {background:#fff;}
.AD #conMOBILE .section06 .layerslide2 .bx-wrapper .bx-pager.bx-default-pager a.active {background:#d80c18;}

.AD #conMOBILE .section07 {}

.AD #conMOBILE .sectionvideo [class*="layer"] {display:none;}
.AD #conMOBILE .sectionvideo > img {display:none;}
.AD #conMOBILE .sectionvideo.video1 .layer01 {display:block;top:39vw;left:calc(50%);transform:translateX(-50%);width:90vw;}
.AD #conMOBILE .sectionvideo.video1 img.video1 {display:block;}
.AD #conMOBILE .sectionvideo.video2 .layer02 {display:block;top:39vw;left:calc(50%);transform:translateX(-50%);width:90vw;}
.AD #conMOBILE .sectionvideo.video2 img.video2 {display:block;}
.AD #conMOBILE .sectionvideo.video3 .layer03-1 {display:block;top:39vw;left:calc(50%);transform:translateX(-50%);width:90vw;}
.AD #conMOBILE .sectionvideo.video3 .layer03-2 {display:block;top:108vw;left:calc(50%);transform:translateX(-50%);width:90vw;}
.AD #conMOBILE .sectionvideo.video3 .layer03-3 {display:block;top:176vw;left:calc(50%);transform:translateX(-50%);width:90vw;}
.AD #conMOBILE .sectionvideo.video3 .layer03-4 {display:block;top:245vw;left:calc(50%);transform:translateX(-50%);width:90vw;}
.AD #conMOBILE .sectionvideo.video3 img.video3 {display:block;}
.AD #conMOBILE .sectionvideo.video4 .layer04-1 {display:block;top:39vw;left:calc(50%);transform:translateX(-50%);width:90vw;}
.AD #conMOBILE .sectionvideo.video4 .layer04-2 {display:block;top:115vw;left:calc(50%);transform:translateX(-50%);width:90vw;}
.AD #conMOBILE .sectionvideo.video4 img.video4 {display:block;}
.AD #conMOBILE .sectionvideo .layertabmenu {top:6vw;left:50%;transform:translateX(-50%);width:91vw;height:22vw;display:block;z-index:10;}
.AD #conMOBILE .sectionvideo .layertabmenu .layertabsub {top:100%;left:0;width:100%;display:none;z-index:10;}
.AD #conMOBILE .sectionvideo .layertabmenu.active .layertabsub {display:block;}
.AD #conMOBILE .sectionvideo .layertabmenu .layertabsub > div {display:flex;flex-direction:column;position:absolute;z-index:11;top:4vw;left:0;width:100%;}
.AD #conMOBILE .sectionvideo .layertabmenu .layertabsub > div a {display:block;width:100%;height:10.5vw;}
.AD #conMOBILE .sectionvideo [class*="layer"] .wrap {position:absolute;left:0;bottom:0;padding-bottom:56.25%;width:100%;}
.AD #conMOBILE .sectionvideo [class*="layer"] .wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

.AD #conMOBILE .section08 {}
.AD #conMOBILE .section08 .layerlink {width:42%;padding-bottom:11%;top:26.5%;left:50%;transform:translateX(-50%);}

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

.AD #conMOBILE .dbform {position:absolute;top:36%;left:50%;transform:translateX(-50%);width:92%;text-align:left;}
.AD #conMOBILE .dbform .db_list {margin:0 auto 10px;font-size:0;}
.AD #conMOBILE .dbform .db_list > li {padding:1vw 0;}
.AD #conMOBILE .dbform .db_list > li.half {display:inline-block;vertical-align:middle;width:50%;}
.AD #conMOBILE .dbform .db_list > li > div {font-size:0;width:auto;}
.AD #conMOBILE .dbform .db_list > li > div > span {display:inline-block;vertical-align:top;font-size:4vw;font-weight:500;}
.AD #conMOBILE .dbform .db_list > li > div > span:first-child {width:25vw;text-align:left;color:#fff;padding: 3vw 0;}
.AD #conMOBILE .dbform .db_list > li > div > span:last-child {width:calc(100% - 25vw);}
.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;padding:2vw;border:1px solid #333;width:100%;background:#fff;font-size:4vw;border-radius:0;color:#888888;resize:none;outline:none;}
.AD #conMOBILE .dbform textarea.input-control {min-height:20vw;}
.AD #conMOBILE .dbform .agreebox {text-align:center;font-size:3vw;margin:4vw auto;color:#000;display:none;}
.AD #conMOBILE .dbform .agreebox .privacy-open {font-size:3vw;line-height:1;color:#000;}
.AD #conMOBILE .dbform .submitbox {text-align:center;width:100%;margin:0 auto;}
.AD #conMOBILE .dbform .submitbox img {width:100%;}
.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%;}
}
