@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap');
@import url('font/font.css');
@import url('common.css');
@import url('animation.css');





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

/* Section 1
 * --------------------------------------- */

@-webkit-keyframes shake {
	from, to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
	40%, 44%, 48%, 52%, 56%, 60%, 64%, 68%, 72%, 76%, 80%, 84%, 88%, 92%, 96% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}
	42%, 46%, 50%, 54%, 58%, 62%, 66%, 70%, 74%, 78%, 82%, 86%, 90%, 94%, 98% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}
	38%,100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}
@keyframes shake {
	from, to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
	40%, 44%, 48%, 52%, 56%, 60%, 64%, 68%, 72%, 76%, 80%, 84%, 88%, 92%, 96% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}
	42%, 46%, 50%, 54%, 58%, 62%, 66%, 70%, 74%, 78%, 82%, 86%, 90%, 94%, 98% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}
	38%,100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
}

#conPC {opacity:1;visibility:visible;position:relative;top:0;left:0;width:100%;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);}
#conPC img {width:100%; image-rendering: -webkit-optimize-contrast;}
#conPC img.opac {opacity:1;}
#conPC img.opac:hover {opacity:0.5;transition: 1s ease-out; }
#conPC img.opac:not(:hover) {transition: 1s ease-out; }

#conPC .pc_fixedtop {position:fixed; top:auto;  bottom: 0; left: 0; z-index: 999999; width: 100%; height:auto; background:none;}
#conPC .pc_fixedtop .content {top:0; left:50%; width:100vw; max-width: 1920px; height:auto; margin: 0 auto; background: url(/contents/images/pc/footer.png) 0 0 no-repeat; background-size:100% auto;}

/* Pc섹션 */
#conPC .sectop_img {position:relative;}
#conPC .sectop_img .layericon01 {position:absolute; top:0%; left:0%; width:100%;}

video {width:100%;}
#conPC .video_img {position:relative;}
#conPC .video_box {padding-bottom:56.25%; padding-top:30px;overflow: hidden;margin: 0px auto; position: relative; margin-top:-4%;}
#conPC .video_box iframe,
#conPC .video_box object,
#conPC .video_box embed {position:absolute; top:0; left:0; width:100%; height:100%;}

#conPC .sec01_img {position:relative;}
#conPC .sec01_img .layericon01 {position:absolute; top:11.5%; left:14.5%; width:63%;}
#conPC .sec01_img .layericon02 {position:absolute; top:53%; left:34.5%; width:31.25%;}

#conPC .sec02_img {position:relative;}
#conPC .sec02_img .layericon01 {position:absolute; top:0%; left:0; width:100%;}
#conPC .sec02_img .layericon02 {position:absolute; top:67%; left:0; width:100%;}

#conPC .sec03_img {position:relative;}
#conPC .sec03_img .layericon01 {width:100%; height:auto;top:0%;left:0%;}
#conPC .sec03_img .layertop {width:100%; height:auto;top:15%;left:0%;}
#conPC .sec03_img .layertop .text {position:relative; margin-top:0%;}
#conPC .sec03_img .layertop .text p {text-align:center; width:1200px; font-size:1.1vw; margin:auto; color:#fff; line-height:1.6;}
#conPC .sec03_img .layericon02 {width:16%; height:auto;top:39%;left:26%; z-index:99999;}
#conPC .sec03_img .layericon03 {width:16%; height:auto;top:39%;left:42%; z-index:99999;}
#conPC .sec03_img .layericon04 {width:16%; height:auto;top:39%;left:58%; z-index:99999;}
#conPC .sec03_img .layericon05 {width:16%; height:auto;top:59%;left:26%; z-index:99999;}
#conPC .sec03_img .layericon06 {width:16%; height:auto;top:59%;left:42%; z-index:99999;}
#conPC .sec03_img .layericon07 {width:16%; height:auto;top:59%;left:58%; z-index:99999;}
#conPC .sec03_img .layertext {width:100%; height:auto;top:0%;left:0%;}
#conPC .sec03_img .layertext .text {position:relative; margin-top:60%;}
#conPC .sec03_img .layertext .text p {text-align:center; width:1200px; font-size:1.1vw; margin:auto; color:#fff; line-height:1.6;}
#conPC .sec03_img .layericon08 {width:15.6%; height:auto;top:90%;left:42.5%;}

#conPC .sec04_img {position:relative;}
#conPC .sec04_img .layericon01 {width:100%; height:auto;top:0%;left:0%;}
#conPC .sec04_img .layericon01 .top {position:relative; margin-top:auto; display:flex; Justify-content: space-between; align-items: flex-end; }
#conPC .sec04_img .layericon01 .top .left {position:relative; margin-left:20%}
#conPC .sec04_img .layericon01 .top .left p {text-align:center; font-size:1.2vw; margin:auto; color:#fff; line-height:1.6; text-align:left; font-weight:600;}
#conPC .sec04_img .layericon01 .top .right {position:relative; margin-right:20%;}
#conPC .sec04_img .layericon01 .top .right p {text-align:center; font-size:0.8vw; margin:auto; color:#fff; line-height:1.6; text-align:right;}

#conPC .sec04_img .layericon01 .cont {position:relative; margin-top:0%;}
#conPC .sec04_img .layericon01 .cont p {text-align:center; width:1200px; font-size:1.2vw; margin:auto; color:#fff; line-height:1.6;}

#conPC .sec04_img .layericon01 .ad {position:relative; margin-top:2%;}
#conPC .sec04_img .layericon01 .ad p {text-align:center; width:1200px; font-size:1.2vw; margin:auto; color:#fff; line-height:1.6; font-weight:600;}

#conPC .sec04_img .layericon01 .sns {position:relative; margin-top:-3.2%; display:flex; Justify-content:center;}
#conPC .sec04_img .layericon01 .sns .insta {position:relative;}
#conPC .sec04_img .layericon01 .sns .map {position:relative; margin-left:2%}

#conPC .sec04_img .layericon02 {height:auto;top:52%;left:48%;transform:translate(-50%,-50%);}
#conPC .sec04_img .layericon03 {height:auto;top:52%;left:52%;transform:translate(-50%,-50%);}


#conPC .sec05_img {position:relative;}
#conPC .sec05_img .layericon01 {width:100%; height:auto;top:0%;left:0%;}
#conPC .sec05_img .layericon01 .top {position:relative; margin-top:auto; display:flex; Justify-content: space-between; align-items: flex-end; }
#conPC .sec05_img .layericon01 .top .left {position:relative; margin-left:20%}
#conPC .sec05_img .layericon01 .top .left p {text-align:center; font-size:1.2vw; margin:auto; color:#fff; line-height:1.6; text-align:left; font-weight:600;}
#conPC .sec05_img .layericon01 .top .right {position:relative; margin-right:20%;}
#conPC .sec05_img .layericon01 .top .right p {text-align:center; font-size:0.8vw; margin:auto; color:#fff; line-height:1.6; text-align:right;}

#conPC .sec05_img .layericon01 .cont {position:relative; margin-top:0%;}
#conPC .sec05_img .layericon01 .cont p {text-align:center; width:1200px; font-size:1.2vw; margin:auto; color:#fff; line-height:1.6;letter-spacing:-1px;}

#conPC .sec05_img .layericon01 .ad {position:relative; margin-top:2%;}
#conPC .sec05_img .layericon01 .ad p {text-align:center; width:1200px; font-size:1.2vw; margin:auto; color:#fff; line-height:1.6; font-weight:600;}

#conPC .sec05_img .layericon01 .sns {position:relative; margin-top:-3.2%; display:flex; Justify-content:center;}
#conPC .sec05_img .layericon01 .sns .insta {position:relative;}
#conPC .sec05_img .layericon01 .sns .map {position:relative; margin-left:2%}

#conPC .sec05_img .layericon02 {height:auto;top:51%;left:47%;transform:translate(-50%,-50%);}
#conPC .sec05_img .layericon03 {height:auto;top:51%;left:51%;transform:translate(-50%,-50%);}


#conPC .sec06_img {position:relative;}
#conPC .sec06_img .layericon01 {width:100%; height:auto;top:0%;left:0%;}
#conPC .sec06_img .layericon01 .top {position:relative; margin-top:auto; display:flex; Justify-content: space-between; align-items: flex-end; }
#conPC .sec06_img .layericon01 .top .left {position:relative; margin-left:20%}
#conPC .sec06_img .layericon01 .top .left p {text-align:center; font-size:1.2vw; margin:auto; color:#fff; line-height:1.6; text-align:left; font-weight:600;}
#conPC .sec06_img .layericon01 .top .right {position:relative; margin-right:20%;}
#conPC .sec06_img .layericon01 .top .right p {text-align:center; font-size:0.8vw; margin:auto; color:#fff; line-height:1.6; text-align:right;}

#conPC .sec06_img .layericon01 .cont {position:relative; margin-top:0%;}
#conPC .sec06_img .layericon01 .cont p {text-align:center; width:1200px; font-size:1.2vw; margin:auto; color:#fff; line-height:1.6; letter-spacing:-1px;}

#conPC .sec06_img .layericon01 .ad {position:relative; margin-top:2%;}
#conPC .sec06_img .layericon01 .ad p {text-align:center; width:1200px; font-size:1.2vw; margin:auto; color:#fff; line-height:1.6; font-weight:600;}

#conPC .sec06_img .layericon01 .sns {position:relative; margin-top:-3.2%; display:flex; Justify-content:center;}
#conPC .sec06_img .layericon01 .sns .insta {position:relative;}
#conPC .sec06_img .layericon01 .sns .map {position:relative; margin-left:2%}

#conPC .sec06_img .layericon02 {height:auto;top:51%;left:47%;transform:translate(-50%,-50%);}
#conPC .sec06_img .layericon03 {height:auto;top:51%;left:51%;transform:translate(-50%,-50%);}


#conPC .sec07_img {position:relative;}
#conPC .sec07_img .layericon01 {width:100%; height:auto;top:0%;left:0%;}
#conPC .sec07_img .layericon01 .top {position:relative; margin-top:auto; display:flex; Justify-content: space-between; align-items: flex-end; }
#conPC .sec07_img .layericon01 .top .left {position:relative; margin-left:20%}
#conPC .sec07_img .layericon01 .top .left p {text-align:center; font-size:1.2vw; margin:auto; color:#fff; line-height:1.6; text-align:left; font-weight:600;}
#conPC .sec07_img .layericon01 .top .right {position:relative; margin-right:20%;}
#conPC .sec07_img .layericon01 .top .right p {text-align:center; font-size:0.8vw; margin:auto; color:#fff; line-height:1.6; text-align:right;}

#conPC .sec07_img .layericon01 .cont {position:relative; margin-top:0%;}
#conPC .sec07_img .layericon01 .cont p {text-align:center; width:1200px; font-size:1.2vw; margin:auto; color:#fff; line-height:1.6;}

#conPC .sec07_img .layericon01 .ad {position:relative; margin-top:2%;}
#conPC .sec07_img .layericon01 .ad p {text-align:center; width:1200px; font-size:1.2vw; margin:auto; color:#fff; line-height:1.6; font-weight:600;}

#conPC .sec07_img .layericon01 .sns {position:relative; margin-top:-3.2%; display:flex; Justify-content:center;}
#conPC .sec07_img .layericon01 .sns .insta {position:relative;}
#conPC .sec07_img .layericon01 .sns .map {position:relative; margin-left:2%}

#conPC .sec07_img .layericon02 {height:auto;top:49%;left:47%;transform:translate(-50%,-50%);}
#conPC .sec07_img .layericon03 {height:auto;top:49%;left:51%;transform:translate(-50%,-50%);}


#conPC .sec08_img {position:relative;}
#conPC .sec08_img .layericon01 {width:100%; height:auto;top:0%;left:0%;}
#conPC .sec08_img .layericon01 .top {position:relative; margin-top:auto; display:flex; Justify-content: space-between; align-items: flex-end; }
#conPC .sec08_img .layericon01 .top .left {position:relative; margin-left:20%}
#conPC .sec08_img .layericon01 .top .left p {text-align:center; font-size:1.2vw; margin:auto; color:#fff; line-height:1.6; text-align:left; font-weight:600;}
#conPC .sec08_img .layericon01 .top .right {position:relative; margin-right:20%;}
#conPC .sec08_img .layericon01 .top .right p {text-align:center; font-size:0.8vw; margin:auto; color:#fff; line-height:1.6; text-align:right;}

#conPC .sec08_img .layericon01 .cont {position:relative; margin-top:0%;}
#conPC .sec08_img .layericon01 .cont p {text-align:center; width:1200px; font-size:1.2vw; margin:auto; color:#fff; line-height:1.6;}

#conPC .sec08_img .layericon01 .ad {position:relative; margin-top:2%;}
#conPC .sec08_img .layericon01 .ad p {text-align:center; width:1200px; font-size:1.2vw; margin:auto; color:#fff; line-height:1.6; font-weight:600;}

#conPC .sec08_img .layericon01 .sns {position:relative; margin-top:-3.2%; display:flex; Justify-content:center;}
#conPC .sec08_img .layericon01 .sns .insta {position:relative;}
#conPC .sec08_img .layericon01 .sns .map {position:relative; margin-left:2%}

#conPC .sec08_img .layericon02 {height:auto;top:51%;left:47%;transform:translate(-50%,-50%);}
#conPC .sec08_img .layericon03 {height:auto;top:51%;left:51%;transform:translate(-50%,-50%);}


#conPC .sec09_img {position:relative;}
#conPC .sec09_img .layericon01 {width:100%; height:auto;top:0%;left:0%;}
#conPC .sec09_img .layericon01 .top {position:relative; margin-top:auto; display:flex; Justify-content: space-between; align-items: flex-end; }
#conPC .sec09_img .layericon01 .top .left {position:relative; margin-left:20%}
#conPC .sec09_img .layericon01 .top .left p {text-align:center; font-size:1.2vw; margin:auto; color:#fff; line-height:1.6; text-align:left; font-weight:600;}
#conPC .sec09_img .layericon01 .top .right {position:relative; margin-right:20%;}
#conPC .sec09_img .layericon01 .top .right p {text-align:center; font-size:0.8vw; margin:auto; color:#fff; line-height:1.6; text-align:right;}

#conPC .sec09_img .layericon01 .cont {position:relative; margin-top:0%;}
#conPC .sec09_img .layericon01 .cont p {text-align:center; width:1200px; font-size:1.2vw; margin:auto; color:#fff; line-height:1.6;}

#conPC .sec09_img .layericon01 .ad {position:relative; margin-top:2%;}
#conPC .sec09_img .layericon01 .ad p {text-align:center; width:1200px; font-size:1.2vw; margin:auto; color:#fff; line-height:1.6; font-weight:600;}

#conPC .sec09_img .layericon01 .sns {position:relative; margin-top:-3.2%; display:flex; Justify-content:center;}
#conPC .sec09_img .layericon01 .sns .insta {position:relative;}
#conPC .sec09_img .layericon01 .sns .map {position:relative; margin-left:2%}

#conPC .sec09_img .layericon02 {height:auto;top:40%;left:47%;transform:translate(-50%,-50%);}
#conPC .sec09_img .layericon03 {height:auto;top:40%;left:51%;transform:translate(-50%,-50%);}

/* 사이드 고정 메뉴 */
#conPC .fixed_top {display:none; position:fixed;bottom:185px;right:5%;z-index:10;}

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

#dis {display:none;}





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

#conMobile {opacity:0;visibility:hidden;position:fixed;top:0;left:100%;width:100%;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);}
#conMobile img {width:100%;}
#conMobile .mo_lodingwrap {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0,0,0,.5);}

#conMobile .m_fixedtop {position:fixed; top:auto;  bottom: 0; left: 0; z-index: 100; width: 100%; height:auto; background:none;}

#conMobile .section_top {}


/* Mobile섹션 */
#conMobile .section01 {}
#conMobile .section01 .layericon01 {width:100%;top:55%;left:50%;transform:translate(-50%, -50%);}
#conMobile .section01 .layericon02 {width:100%;top:75%;left:50%;transform:translate(-50%, -50%);}

video {width:100%;}
#conMobile .video_img {position:relative;}
#conMobile .video_box {padding-bottom:56.25%; padding-top:30px;overflow: hidden;margin: 0px auto; position: relative; margin-top:0%;}
#conMobile .video_box iframe,
#conMobile .video_box object,
#conMobile .video_box embed {position:absolute; top:0; left:0; width:100%; height:100%;}

#conMobile .section02 {}
#conMobile .section02 .layericon01 {width:100%;top:7.5%;left:50%;transform:translate(-50%, -50%);}
#conMobile .section02 .layericon02 {width:100%;top:77.5%;left:50%;transform:translate(-50%, -50%);}

#conMobile .section03 {}
#conMobile .section03 .layericon01 {width:100%;top:4%;left:0%;}
#conMobile .section03 .layericon01 p {text-align:center; width:100%; font-size:5vw; margin:auto; color:#fff; line-height:1.6; margin-top:5%;}
#conMobile .section03 .layericon02 {width:50%;top:40%;left:25%;transform:translate(-50%, -50%);}
#conMobile .section03 .layericon03 {width:50%;top:40%;left:75%;transform:translate(-50%, -50%);}
#conMobile .section03 .layericon04 {width:50%;top:55%;left:25%;transform:translate(-50%, -50%);}
#conMobile .section03 .layericon05 {width:50%;top:55%;left:75%;transform:translate(-50%, -50%);}
#conMobile .section03 .layericon06 {width:50%;top:71%;left:25%;transform:translate(-50%, -50%);}
#conMobile .section03 .layericon07 {width:50%;top:71%;left:75%;transform:translate(-50%, -50%);}
#conMobile .section03 .layertext {width:100%;top:80%;left:0%;}
#conMobile .section03 .layertext p {text-align:center; width:100%; font-size:5vw; margin:auto; color:#fff; line-height:1.6; margin-top:5%;}
#conMobile .section03 .layericon08 {width:60%;top:93%;left:50%;transform:translate(-50%, -50%);}


#conMobile .section04 {}
#conMobile .section04 .layericon01 {width:100%;top:0%;left:0%;}
#conMobile .section04 .layericon01 .top {position:relative; margin-top:7%; display:flex; Justify-content: space-between; align-items: flex-end;}
#conMobile .section04 .layericon01 .top .left {position:relative; margin-left:5%;}
#conMobile .section04 .layericon01 .top .left p {text-align:center; font-size:5vw; margin:auto; color:#fff; line-height:1.6; text-align:left; font-weight:600;}
#conMobile .section04 .layericon01 .top .right {position:relative;margin-right:5%;}
#conMobile .section04 .layericon01 .top .right p {text-align:center; font-size:3vw; margin:auto; color:#fff; line-height:1.6; text-align:right;}

#conMobile .section04 .layericon01 .cont {position:relative; margin-top:0%;}
#conMobile .section04 .layericon01 .cont p {text-align:center; width:100%; font-size:5vw; margin:auto; color:#fff; line-height:1.6; margin-top:4%;}

#conMobile .section04 .layericon01 .ad {position:relative; margin-top:5%; padding-bottom:5%;}
#conMobile .section04 .layericon01 .ad p {text-align:center; width:100%; font-size:5vw; margin:auto; color:#fff; line-height:1.6; font-weight:600;}

#conMobile .section04 .layericon02 {width:10%;top:66%;left:42%;transform:translate(-50%, -50%);}
#conMobile .section04 .layericon03 {width:10%;top:66%;left:58%;transform:translate(-50%, -50%);}


#conMobile .section05 {}
#conMobile .section05 .layericon01 {width:100%;top:0%;left:0%;}
#conMobile .section05 .layericon01 .top {position:relative; margin-top:7%; display:flex; Justify-content: space-between; align-items: flex-end;}
#conMobile .section05 .layericon01 .top .left {position:relative; margin-left:5%;}
#conMobile .section05 .layericon01 .top .left p {text-align:center; font-size:5vw; margin:auto; color:#fff; line-height:1.6; text-align:left; font-weight:600;}
#conMobile .section05 .layericon01 .top .right {position:relative;margin-right:5%;}
#conMobile .section05 .layericon01 .top .right p {text-align:center; font-size:3vw; margin:auto; color:#fff; line-height:1.6; text-align:right;}

#conMobile .section05 .layericon01 .cont {position:relative; margin-top:0%;}
#conMobile .section05 .layericon01 .cont p {text-align:center; width:100%; font-size:5vw; margin:auto; color:#fff; line-height:1.6; margin-top:4%;}

#conMobile .section05 .layericon01 .ad {position:relative; margin-top:5%; padding-bottom:5%;}
#conMobile .section05 .layericon01 .ad p {text-align:center; width:100%; font-size:5vw; margin:auto; color:#fff; line-height:1.6; font-weight:600;}

#conMobile .section05 .layericon02 {width:10%;top:64%;left:42%;transform:translate(-50%, -50%);}
#conMobile .section05 .layericon03 {width:10%;top:64%;left:58%;transform:translate(-50%, -50%);}


#conMobile .section06 {}
#conMobile .section06 .layericon01 {width:100%;top:0%;left:0%;}

#conMobile .section06 .layericon01 .top {position:relative; margin-top:7%; display:flex; Justify-content: space-between; align-items: flex-end;}
#conMobile .section06 .layericon01 .top .left {position:relative; margin-left:5%;}
#conMobile .section06 .layericon01 .top .left p {text-align:center; font-size:5vw; margin:auto; color:#fff; line-height:1.6; text-align:left; font-weight:600;}
#conMobile .section06 .layericon01 .top .right {position:relative;margin-right:5%;}
#conMobile .section06 .layericon01 .top .right p {text-align:center; font-size:3vw; margin:auto; color:#fff; line-height:1.6; text-align:right;}

#conMobile .section06 .layericon01 .cont {position:relative; margin-top:0%;}
#conMobile .section06 .layericon01 .cont p {text-align:center; width:100%; font-size:5vw; margin:auto; color:#fff; line-height:1.6; margin-top:4%;}

#conMobile .section06 .layericon01 .ad {position:relative; margin-top:5%; padding-bottom:5%;}
#conMobile .section06 .layericon01 .ad p {text-align:center; width:100%; font-size:5vw; margin:auto; color:#fff; line-height:1.6; font-weight:600;}

#conMobile .section06 .layericon02 {width:10%;top:64%;left:42%;transform:translate(-50%, -50%);}
#conMobile .section06 .layericon03 {width:10%;top:64%;left:58%;transform:translate(-50%, -50%);}


#conMobile .section07 {}
#conMobile .section07 .layericon01 {width:100%;top:0%;left:0%;}

#conMobile .section07 .layericon01 .top {position:relative; margin-top:7%; display:flex; Justify-content: space-between; align-items: flex-end;}
#conMobile .section07 .layericon01 .top .left {position:relative; margin-left:5%;}
#conMobile .section07 .layericon01 .top .left p {text-align:center; font-size:5vw; margin:auto; color:#fff; line-height:1.6; text-align:left; font-weight:600;}
#conMobile .section07 .layericon01 .top .right {position:relative;margin-right:5%;}
#conMobile .section07 .layericon01 .top .right p {text-align:center; font-size:3vw; margin:auto; color:#fff; line-height:1.6; text-align:right;}

#conMobile .section07 .layericon01 .cont {position:relative; margin-top:0%;}
#conMobile .section07 .layericon01 .cont p {text-align:center; width:100%; font-size:5vw; margin:auto; color:#fff; line-height:1.6; margin-top:4%;}

#conMobile .section07 .layericon01 .ad {position:relative; margin-top:5%; padding-bottom:5%;}
#conMobile .section07 .layericon01 .ad p {text-align:center; width:100%; font-size:5vw; margin:auto; color:#fff; line-height:1.6; font-weight:600;}

#conMobile .section07 .layericon02 {width:10%;top:64%;left:42%;transform:translate(-50%, -50%);}
#conMobile .section07 .layericon03 {width:10%;top:64%;left:58%;transform:translate(-50%, -50%);}


#conMobile .section08 {}
#conMobile .section08 .layericon01 {width:100%;top:0%;left:0%;}

#conMobile .section08 .layericon01 .top {position:relative; margin-top:7%; display:flex; Justify-content: space-between; align-items: flex-end;}
#conMobile .section08 .layericon01 .top .left {position:relative; margin-left:5%;}
#conMobile .section08 .layericon01 .top .left p {text-align:center; font-size:5vw; margin:auto; color:#fff; line-height:1.6; text-align:left; font-weight:600;}
#conMobile .section08 .layericon01 .top .right {position:relative;margin-right:5%;}
#conMobile .section08 .layericon01 .top .right p {text-align:center; font-size:3vw; margin:auto; color:#fff; line-height:1.6; text-align:right;}

#conMobile .section08 .layericon01 .cont {position:relative; margin-top:0%;}
#conMobile .section08 .layericon01 .cont p {text-align:center; width:100%; font-size:5vw; margin:auto; color:#fff; line-height:1.6; margin-top:4%;}

#conMobile .section08 .layericon01 .ad {position:relative; margin-top:5%; padding-bottom:5%;}
#conMobile .section08 .layericon01 .ad p {text-align:center; width:100%; font-size:5vw; margin:auto; color:#fff; line-height:1.6; font-weight:600;}

#conMobile .section08 .layericon02 {width:10%;top:66.5%;left:42%;transform:translate(-50%, -50%);}
#conMobile .section08 .layericon03 {width:10%;top:66.5%;left:58%;transform:translate(-50%, -50%);}


#conMobile .section09 {}
#conMobile .section09 .layericon01 {width:100%;top:0%;left:0%;}

#conMobile .section09 .layericon01 .top {position:relative; margin-top:7%; display:flex; Justify-content: space-between; align-items: flex-end;}
#conMobile .section09 .layericon01 .top .left {position:relative; margin-left:5%;}
#conMobile .section09 .layericon01 .top .left p {text-align:center; font-size:5vw; margin:auto; color:#fff; line-height:1.6; text-align:left; font-weight:600;}
#conMobile .section09 .layericon01 .top .right {position:relative;margin-right:5%;}
#conMobile .section09 .layericon01 .top .right p {text-align:center; font-size:3vw; margin:auto; color:#fff; line-height:1.6; text-align:right;}

#conMobile .section09 .layericon01 .cont {position:relative; margin-top:0%;}
#conMobile .section09 .layericon01 .cont p {text-align:center; width:100%; font-size:5vw; margin:auto; color:#fff; line-height:1.6; margin-top:4%;}

#conMobile .section09 .layericon01 .ad {position:relative; margin-top:5%; padding-bottom:5%;}
#conMobile .section09 .layericon01 .ad p {text-align:center; width:100%; font-size:5vw; margin:auto; color:#fff; line-height:1.6; font-weight:600;}

#conMobile .section09 .layericon02 {width:10%;top:55.5%;left:42%;transform:translate(-50%, -50%);}
#conMobile .section09 .layericon03 {width:10%;top:55.5%;left:58%;transform:translate(-50%, -50%);}


/* 19세 팝업 스타일링 */

.modal_wrapper {
	display: none;
	position: fixed;
	padding: 1px;
	width: 378px;
	height: 590px;
	background-color: #fff;
	top: 15%;
	left: 50%;
	transform: translateX( -50% );
	z-index: 9999999;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.modal_wrapper input::-webkit-input-placeholder { font-size: 24px; text-align: center; color: #cccccc; font-weight: normal; }
.modal_wrapper input::-moz-placeholder { font-size: 24px; text-align: center; color: #cccccc; font-weight: normal; }
.modal_wrapper input:-ms-input-placeholder { font-size: 24px; text-align: center; color: #cccccc; font-weight: normal; }
.modal_wrapper input:-moz-placeholder { font-size: 24px; text-align: center; color: #cccccc; font-weight: normal; }
.modal_wrapper input::placeholder { font-size: 24px; text-align: center; color: #cccccc; font-weight: normal; }

.modal_wrapper .modal_logo {
	width: 100%;
	height: 70px;
	background-color: #000;
	display: flex;
	justify-content: center;
	align-items: center;
}
.modal_contents_wrapper .adult_mark {
	display: flex;
	justify-content: center;
	margin: 20px 0;
}
.modal_contents_wrapper .modal_contents h2 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 25px;
}

.modal_contents_wrapper .modal_contents h4 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 14px;
}

.modal_contents_wrapper .modal_contents .birth_input {
	width: 182px;
	height: 52px;
	border: 2px solid #cccccc;
	font-size: 24px;
	text-align: center;
}
.modal_contents_wrapper .modal_contents .birth_content {
	margin: 10px 0 20px 0;
}

.check_box_wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
}
.check_box_wrapper input[type="checkbox"]{
	display: none;
}
.check_box_wrapper input[type="checkbox"] + label{
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid #000;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
}
.check_box_wrapper input[type="checkbox"]:checked + label::after{
	content:'✔';
	font-size: 16px;
	width: 16px;
	height: 16px;
	text-align: center;
	position: absolute;
	left: 0;
	top: -5px;
}

.check_box_wrapper span {
	font-size: 18px;
}

.modal_btn_wrapper {
	margin-top: 20px;
}

.modal_btn_wrapper .modal_join_btn {
	display: inline-block;
	width: 180px;
	height: 50px;
	background-color: #000;
	font-size: 18px;
	color: #fff;
	line-height: 45px;
}
.background_fog {
	display: none;
	position: fixed;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.9);
	top: 0;
	left: 0;
	z-index: 999999;
}

/* 지도 설정 */
/* #conMobile .map_wrap {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border:1px solid #ddd;} */


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


@media screen and (max-width: 1200px) {
	#conPC {opacity:0;visibility:hidden;position:fixed;top:0;left:-100%;width:100%;}
	#conMobile {opacity:1;visibility:visible;position:relative;top:0;left:0;width:100%;}

	.modal_wrapper {
		width: 90%;
		top: 3%;
	}

	.modal_contents_wrapper .modal_contents h2 {
		font-size: 1.2rem;
	}

	.modal_contents_wrapper .modal_contents h4,
	.check_box_wrapper span {
		font-size: 1.1rem;
	}




}