@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%);width:100%;max-width:100px;width:100%;}
.progress-bar > em {display:block;position:absolute;top:0;left:0;height:100%;width:0;overflow:hidden;}
.progress-bar > em 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('../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.imc #conPC .fixedbar {position:fixed;left:0;width:100%;height:100px;z-index:100;background:#fff url('../img/imc_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 .layerhome {top:50%;left:0%;height:100%;width:130px;transform:translateY(-50%);z-index:2;}
.AD #conPC .fixedbar .layerbtn01 {top:50%;right:50%;height:60%;width:260px;transform:translate(-10%,-50%);z-index:2;}
.AD #conPC .fixedbar .layerbtn02 {top:50%;left:50%;height:60%;width:260px;transform:translate(10%,-50%);z-index:1;}
.AD #conPC .fixedbar .layersubmit {top:50%;right:1.5%;transform:translateY(-50%);z-index:3;}

.AD #conPC .mainmenulist {font-size:0;display:inline-block;width:870px;}
.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:30px 20px 10px;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 {color:#e59e06;}

.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:#e59e06;}
.AD #conPC .submenulist > li > div > ul > li.active > a {color:#e59e06;}


.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:210px;height:260px;background:url('/img/flaotMenu.jpg') center top no-repeat;}
.AD #conPC .floatMenu .side_db > ul {padding:0 15px;margin-top:50px;}
.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 [class*='jelly'] {margin-right:5px;}
.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:5px 20px;}
.AD #conPC .floatMenu .submitbox img {width:100%;}
.AD #conPC .floatMenu .submitbox button {display:inline-block;width:auto;padding:0;}
.AD #conPC .floatMenu .submitbox a {display:inline-block;width:auto;}
.AD #conPC .floatMenu a {display:block;width:auto;padding:5px 20px;}
.AD #conPC .floatMenu a img {width:100%;}




/* 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;padding-top:100px;}
.AD #conPC .section01 .content {height:700px;}
.AD #conPC .section01 .layer01 {left:50%;top:17%;transform:translate(-50%,-50%);}
.AD #conPC .section01 .layer02 {left:50%;bottom:0%;transform:translateX(-50%);}
.AD #conPC .section01 .layer03 {left:50%;top:45%;transform:translate(-50%,-50%);}

.AD #conPC .section02 {background:url('/img/section02.jpg') center top no-repeat;}
.AD #conPC .section02 .content {height:910px;}
.AD #conPC .section02 .layer01 {left:50%;top:46%;transform:translate(-236%,-50%);}
.AD #conPC .section02 .layer02 {left:50%;top:46%;transform:translate(-112%,-50%);}
.AD #conPC .section02 .layer03 {left:50%;top:46%;transform:translate(12%,-50%);}
.AD #conPC .section02 .layer04 {left:50%;top:46%;transform:translate(136%,-50%);}

.AD #conPC .section03 {background:url('/img/section03.jpg') center top no-repeat;}
.AD #conPC .section03 .content {height:880px;}
.AD #conPC .section03 .layer01 {left:50%;top:30%;transform:translateX(-150%);}
.AD #conPC .section03 .layer02 {left:50%;top:42%;transform:translateX(-150%);}
.AD #conPC .section03 .layer03 {left:50%;top:54%;transform:translateX(-176%);}
.AD #conPC .section03 .layer04 {left:50%;top:66%;transform:translateX(-176%);}
.AD #conPC .section03 .layer05 {left:50%;top:78%;transform:translateX(-176%);}

.AD #conPC .section04 {background:url('/img/section04.jpg') center top no-repeat;}
.AD #conPC .section04 .content {height:990px;}
.AD #conPC .section04 .layer01 {left:50%;top:53%;transform:translate(-50%,-50%);}
.AD #conPC .section04 .layer02 {left:50%;top:53%;transform:translate(-50%,-50%);}

.AD #conPC .section05 {background:#f4f5f9;padding-bottom:100px;}
.AD #conPC .section05 .content {text-align:center;}
.AD #conPC .section05 .content img {max-width:100%;}

.AD #conPC .section05 .portfoliolist {max-width:1200px;width:100%;margin:0 auto;font-size:0;}
.AD #conPC .section05 .portfoliolist > li {display:inline-block;vertical-align:top;width:33.3%;font-size:12px;}
.AD #conPC .section05 .portfoliolist > li > a {display:block;width:auto;padding:20px;}
.AD #conPC .section05 .portfoliolist > li > a img {width:100%;box-shadow:10px 10px 10px rgba(19,90,120,.2);}

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

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

/* imc 스타일 */
.AD.imc #conPC .section01 {background:url('/img/imc_section01.jpg') center bottom no-repeat;padding-top:100px;}
.AD.imc #conPC .section01 .content {height:700px;}

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

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

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

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

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

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

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


.AD #conPC .dbform {position:absolute;top:300px;left:50%;transform:translateX(-50%);width:640px;z-index:1;}
.AD #conPC .dbform .input-control {display:block;border:1px solid #023ce2;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:140px;}
.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:#531ce8;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:#531ce8;font-size:16px;}

.AD #conPC .dbform .db_list {margin:0 auto 10px;}
.AD #conPC .dbform .db_list > li {}
.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:150px;text-align:center;}
.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% - 150px);text-align:left;padding:5px 0;}
.AD #conPC .dbform.white .db_list > li > div > span {color:#fff;}
.AD #conPC .dbform.dark .db_list > li > div > span {color:#531ce8;}
.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 .section01 {}
.AD #conMOBILE .section01 .layerhome {top:0;left:0%;width:20%;padding-bottom:16%;}
.AD #conMOBILE .section01 .layerlink01 {top:0;right:50%;transform:translateX(55%);width:30%;padding-bottom:16%;}
.AD #conMOBILE .section01 .layerlink02 {top:0;left:50%;transform:translateX(55%);width:30%;padding-bottom:16%;}

.AD #conMOBILE .section02 {}

.AD #conMOBILE .section03 {}

.AD #conMOBILE .section04 {}

.AD #conMOBILE .section05 {background:#f4f5f9;padding-bottom:15vw;}
.AD #conMOBILE .section05 .portfoliolist {max-width:1200px;width:100%;margin:0 auto;font-size:0;padding:0 10px;}
.AD #conMOBILE .section05 .portfoliolist > li {display:inline-block;vertical-align:top;width:33.3%;font-size:12px;}
.AD #conMOBILE .section05 .portfoliolist > li > a {display:block;width:auto;padding:5px;}
.AD #conMOBILE .section05 .portfoliolist > li > a img {width:100%;box-shadow:10px 10px 10px rgba(19,90,120,.2);}

.AD #conMOBILE .section06 {}

.AD #conMOBILE .section07 {}

.AD #conMOBILE .dbform {position:absolute;top:35%;left:50%;transform:translateX(-50%);width:80%;text-align:left;}
.AD #conMOBILE .dbform .db_list {margin-bottom:1vw;}
.AD #conMOBILE .dbform .db_list > li {}
.AD #conMOBILE .dbform .db_list > li > div {font-size: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 #023ce2;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:20vw;}
.AD #conMOBILE .dbform.white .db_list > li > div > span {color:#fff;}
.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 .db_list > li > div > span {color:#023ce2;}
.AD #conMOBILE .dbform.dark .icon {border:1px solid #023ce2;width:4vw;height:4vw;border-radius:50%;}
.AD #conMOBILE .dbform.dark .icon::after {top:15%;left:35%;width:35%;height:55%;border-color:#fff;}
.AD #conMOBILE .dbform.dark .text {color:#023ce2;font-size:4vw;}
.AD #conMOBILE .dbform.dark .privacy-open {display:inline-block;vertical-align:middle;font-size:3vw;color:#023ce2;}
.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:2vw 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%;}
}