@import url(reset.css);

:root {
  --vh: calc(var(--wh, 1vh));
  --vhMain: calc(var(--whMain, 1vh));
}
/* layout */
input:disabled {background:#f3f3f3; opacity:0.7}
a.disabled {opacity:0.3}
#wrap {width: 100%; min-width: 1200px;font-size: 10px; line-height: 1.4;}
#contents {width: 100%;}
.txt-line{text-decoration: underline;text-underline-position: under;}
/*
.txt-line{border-bottom:1px solid #333 !important}
*/
.txt-line strong {font-weight:normal; color:#ff002a }

.section {overflow:hidden; position:relative; width:100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.section .inner {position: relative; max-width: 1200px; height: 100%; margin: 0 auto;}
.section [class^="box"] {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center; text-align: center;}
.section [class^="box"].left {align-items: flex-start;}
.section [class^="box"].right {align-items: flex-end;}

.swiper-button-prev,
.swiper-button-next {width: 58px; height: 58px; border: 1px solid #e1e1e1; border-radius: 50%; background: #fff; box-shadow: 3px 0 7px rgba(0, 0, 0, 0.2); opacity: 0.9;}
.swiper-button-prev::after,
.swiper-button-next::after {content: ''; width: 17px; height: 30px; background: url('https://imgsvr.visangesn.com/ddaksoo/ico_swiper.png') no-repeat 0 0; background-size: contain; transform: translateX(2px);}
.swiper-button-prev::after {transform: translateX(-2px) rotate(-180deg);}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {display: none;}

.tleft { text-align:left !important; }
.tright { text-align:right !important; }
.tcenter { text-align:center !important; }
.tjustify { text-align:justify !important; }
.bcenter { margin-left:auto; margin-right:auto; }

.mark10 { color:#000 !important; }	.mark0 { color:#b8b8b8 !important; }
.mark11 { color:#111 !important; }	.mark1 { color:# !important; }
.mark12 { color:#222 !important; }	.mark2 { color:#3548a9 !important; }
.mark13 { color:#333 !important; }	.mark3 { color:#ff002a !important; }
.mark14 { color:#444 !important; }	.mark4 { color:#00AFE9 !important; }
.mark15 { color:#555 !important; }	.mark5 { color:#002222 !important; }
.mark16 { color:#666 !important; }  .mark6 { color:#dc4867 !important; }
.mark17 { color:#777 !important; }	.mark7 { color:#fe7a37 !important; }
.mark18 { color:#888 !important; }	.mark8 { color:#3e7279 !important; }
.mark19 { color:#999 !important; }
.mark1f { color:#fff !important; }

/* navi */
#page-navi {position: fixed; left: 44px; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all 0.2s ease; z-index: 100; top: calc(50% + 30px);}
#page-navi.on {top: 50%;}
#page-navi.white #navi a {color: #fff;}
#page-navi.white #navi a::before {background: #fff;}
#page-navi.white #navi a.active::after {border-color: #fff;}
#page-navi.white #navi a.active span {border-color: #fff;}
#page-navi .dday {width: 134px; height: 119px; padding: 81px 0 12px; background: url('https://imgsvr.visangesn.com/ddaksoo/bg_dday2.png') no-repeat 0 0; display: flex; justify-content: center; align-items: center;}
#page-navi .dday strong {position: relative; display: inline-block; width: 22px; height: 27px; line-height: 27px; margin: 0 1px; background: #1446ff; text-align: center; font-family: Verdana; font-weight: 700; font-size: 21px; color: #fff; border-radius: 3px;}
#page-navi .dday strong::before {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #1446ff;}
#page-navi .dday .dash {display: inline-block; width: 6px; height: 3px; margin: 0 1px; background: #1446ff;}
#page-navi .btn_apply {background:#3963ff; color:#fff; width:95px; margin-left:5px; padding:4px 0; border-radius:5px; font-weight:bold; font-size:15px; display:inline-block; text-align:center;cursor:pointer;}
#page-navi .btn_online {background-image:linear-gradient(to top left, #195aff, #33fdc4); border:2px solid #fff; color:#fff; width:134px; margin-top:10px; padding:8px 0 7px 0; border-radius:8px; font-weight:bold; font-size:15px; line-height:20px; display:inline-block; text-align:center;cursor:pointer;}
#page-navi .btn_online span {-webkit-animation: btnonline 1.5s linear infinite; animation: btnonline 1s steps(1, end) infinite;}
/*
@-webkit-keyframes btnonline { 0%, 100% { color: #00ffea; } 50% { color: #fff; } }
@keyframes btnonline { 0%, 100% { color: #00ffea; } 50% { color: #fff; } }
*/

#navi {margin: 28px 0 0 6px;}
#navi li {margin-bottom: 15px;}
#navi li:last-child {margin-bottom: 0;}
#navi a {display: block; position: relative; height: 20px; line-height: 18px; padding-left: 30px; opacity: 0.4; font-size: 16px; color: #000; transition: all 0.2s ease;}
#navi a::before {content: ''; display: block; position: absolute; top: 50%; left: 8px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background: #213235;}
#navi a::after {content: ''; display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; border: 1px solid #213235; opacity: 0;}
#navi a.active {opacity: 1; font-weight: 700; font-size: 18px;}
#navi a.active::after {opacity: 1;}
#navi a.active span {border-bottom: 2px solid #000;}

/* fixed area */
#fixed-area {position: fixed; left: 0; bottom: 0; width: 100%; background: rgba(7,7,7,0.85); z-index: 100;}
#fixed-area.stop {position: static;}
#fixed-area .inner {width: 1200px; height: 90px; margin: 0 auto; display: flex; align-items: center;}
#fixed-area .tit {width: 210px; height: 90px; line-height: 92px; background: url('https://imgsvr.visangesn.com/ddaksoo/bg_counseling_tit.png') no-repeat calc(100% - 20px) 0; text-align: left; font-weight: 700; font-size: 24px; color: #00ffea;}
#fixed-area select,
#fixed-area input {height: 45px; border: none; font-size: 18px; color: #222;}
#fixed-area .checkbox span {font-size: 15px; color: #fff;}
#fixed-area input::-webkit-input-placeholder {color: #222;}
#fixed-area input::-moz-placeholder {color: #222;}
#fixed-area input:-ms-input-placeholder{color: #222;}
#fixed-area input:-moz-placeholder {color: #222;}
#fixed-area .sel1 {width: 112px;}
#fixed-area .sel2 {width: 177px; margin-left: 10px;}
#fixed-area .name {width: 127px; margin-left: 10px;}
#fixed-area .tel {width: 157px; margin-left: 10px;}
#fixed-area .checkbox {margin-left: 18px; letter-spacing: -1px;}
#fixed-area .checkbox-label {margin-left: 8px;}
#fixed-area .btn-apply {width: 168px; height: 52px; line-height: 53px; margin-left: auto; border-radius: 5px; background: #00ffea; font-weight: 700; font-size: 22px; color: #000;}
#fixed-area .btn-apply {-webkit-animation: btnApply 1.5s linear infinite; animation: btnApply 1s steps(1, end) infinite;}
@-webkit-keyframes btnApply { 0%, 100% { background: #ffe22c; } 50% { background: #00ffea; } }
@keyframes btnApply { 0%, 100% { background: #ffe22c; } 50% { background: #00ffea; } }

/* layer popup */
.layer-wrap {display: none; position: fixed; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 1200px; z-index: 999;}
.layer-wrap .layer-cont {position: absolute; right: 30px; bottom: 90px; width: 510px; padding: 50px; border: 2px solid #565656; border-radius: 10px; background: #fff; color: #222;}
.layer-wrap .btn-close-layer {position: absolute; top: 30px; right: 30px; width: 23px; height: 23px;}
.layer-wrap .btn-close-layer::before,
.layer-wrap .btn-close-layer::after {content: ''; position: absolute; top: 50%; left: 50%; display: block; margin-left: -1px; margin-top: -15px; width: 2px; height: 30px; background: #222222;}
.layer-wrap .btn-close-layer::before {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.layer-wrap .btn-close-layer::after {-webkit-transform: rotate(135deg); transform: rotate(135deg);}
.layer-wrap .tit {margin-bottom: 35px; font-weight: 700; font-size: 24px;}
.layer-wrap p {margin-top: 15px; font-size: 16px;}
.layer-wrap p strong {font-weight: 700;}
.layer-wrap ul {margin-top: 30px; padding: 20px 35px; background: #f4f4f4; font-weight: 700; font-size: 15px;}
.layer-wrap ul li + li {margin-top: 10px;}

/* 메인 */
.section.main {height: var(--vh); background-image: url('https://imgsvr.visangesn.com/ddaksoo/bg_sec_main.jpg'); transition: all 0.1s ease;}
.section.main .dim {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#4f5bff;}
.section.main .dim {
  animation: fadeout 1s linear 0.5s;
  -moz-animation: fadeout 1s linear 0.5s; /* Firefox */
  -webkit-animation: fadeout 1s linear 0.5s; /* Safari and Chrome */
  -o-animation: fadeout 1s linear 0.5s; /* Opera */
  animation-fill-mode: forwards;
  z-index: 800;
}
.section.main .logo {position: absolute; top: 67px; left: 50%; -webkit-transform: translateY(-50%); transform: translateX(-50%); width: 279px; max-width: 279px; height: 90px; max-height: 90px; background: url('https://imgsvr.visangesn.com/ddaksoo/logo.png') no-repeat 0 0; background-size: contain;}
.section.main .text-area {position: absolute; right: 70px; bottom: 260px; text-align: right; font-weight: 700; font-size: 3.4em; color: #fff; z-index: 900;}
.section.main .text-area {
  animation: textshadow 1.3s linear 0.2s;
  -moz-animation: textshadow 1.3s linear 0.2s; /* Firefox */
  -webkit-animation: textshadow 1.3s linear 0.2s; /* Safari and Chrome */
  -o-animation: textshadow 1.3s linear 0.2s; /* Opera */
  animation-fill-mode: forwards;
}
.section.main .text-area .big {margin-top: 5px; font-size: 1.528em;}
.section.main .scroll-icon {position: absolute; bottom: 125px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 63px; height: 80px; background: url('https://imgsvr.visangesn.com/ddaksoo/ico_scroll.png') no-repeat 0 0;}
.section.main .scroll-icon { -webkit-animation: moveMouse 1.5s linear infinite; animation: moveMouse 1.5s linear infinite; }
@-webkit-keyframes moveMouse { 0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(10px); transform: translateY(10px); } }
@keyframes moveMouse { 0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  50% { -webkit-transform: translateY(10px); transform: translateY(10px); } }

/* 딱풀리는수학 */
.section.info {min-height: 900px; height: var(--vh); background-image: url('https://imgsvr.visangesn.com/ddaksoo/bg_sec_info.jpg');}
.section.info [class^="obj"] {position: absolute; transition: all 0.1s ease; opacity: 0; transform: translateY(50px);}
.section.info .obj {top: 14%; left: -17%; width: 35%;}
.section.info .obj2 {top: 17%; right: -14%; width: 28.75%;}
.section.info .obj3 {bottom: 23%; left: -9%; width: 23.5%;}
.section.info .obj4 {bottom: 19%; right: -23%; width: 35%;}
.section.info .box .text-area {font-size: 33px; color: #c9fffb; opacity: 0.4;}
.section.info .box .dot {width: 100%; height: 96px; margin: 80px 0; background: url('https://imgsvr.visangesn.com/ddaksoo/bg_dots.png') no-repeat 50% 50%;}
.section.info .box .text-area2 {font-size: 38px; color: #fff;}
.section.info .box .text-area2 strong {font-weight: 700;}
.section.info .box2 {opacity: 0; transition: all 0.3s ease;}
.section.info .box2 .text-area {position: relative; padding: 100px 0; font-size: 37px; color: #fff; background: url('https://imgsvr.visangesn.com/ddaksoo/ico_quotes_top.png') no-repeat 50% 0, url('https://imgsvr.visangesn.com/ddaksoo/ico_quotes_btm.png') no-repeat 50% 100%;}
.section.info .box2 .text-area strong {display: inline-block; margin-top: 4px; padding: 0 20px; background: #fff001; font-size: 43px; color: #343645;}

.section.info2 {height: 760px; background-image: url('https://imgsvr.visangesn.com/ddaksoo/bg_sec_info2.jpg');}
.section.info2 .text-area {width: 50%; line-height: 1.2; letter-spacing: -0.05em; font-size: 32px; color: #000;}
.section.info2 .text-area strong {font-weight: 700;}
.section.info2 .text-area p {margin-top: 20px; font-weight: 700; font-size: 70px;}
.section.info2 .text-area p span {color: #1446ff;}

/* 성장프로젝트 */
.tit_project {color: #222;}
.tit_project .part {display: inline-block; margin-bottom: 20px; width: 278px; height: 86px; padding: 7px 7px 25px 7px; line-height: 55px; text-align: center; font-weight: 700; font-size: 26px; color: #000; background: url('https://imgsvr.visangesn.com/ddaksoo/bg_tit_project.png') no-repeat 0 0; background-size: cover; transition: all 0.5s ease; transition-delay: 0.2s;}
.tit_project .part span {font-family: Verdana; font-weight: 700;}
.tit_project .tit {letter-spacing: -0.04em; font-weight: 700; font-size: 70px; transition: all 0.5s ease; transition-delay: 0.2s;}
.tit_project .tit span {color: #1446ff;}
.tit_project .desc {margin-top: 40px; letter-spacing: -0.01em; font-size: 22px;}
.tit_project .desc strong {font-weight: 700;}

.section.project {background-image: url('https://imgsvr.visangesn.com/ddaksoo/bg_sec_project.jpg'); background-color: #fedf5b;}
.section.project .inner {padding: 145px 0 170px; text-align: center;}
.section.project .tit_project .desc span {padding: 2px 5px; background: #333; color: #fff;}
.section.project .logo {margin-top: 110px; width: 100%; height: 154px; background: url('https://imgsvr.visangesn.com/ddaksoo/logo.png') no-repeat 50% 100%; background-size: contain; transition: all 0.6s ease;}

.section.project2 {background-image: url('https://imgsvr.visangesn.com/ddaksoo/bg_sec_project2.jpg'); background-color: #4f29fa;}
.section.project2 .inner {padding: 130px 0 125px; text-align: center;}
.section.project2 .tit_project {color: #fff;}
.section.project2 .tit_project .part {background-image: url('https://imgsvr.visangesn.com/ddaksoo/bg_tit_project_white.png'); color: #fff;}
.section.project2 .tit_project .tit span {color: #ffde00;}
.section.project2 .tit_project .desc strong {color: #ffde00;}
.section.project2 .swiper-project2 {margin-top: 70px;}
.section.project2 .swiper-project2 .swiper-navi {position: relative; top: 0; left: 0; display: table; width: 100%; height: 66px; margin-bottom: 30px; border-radius: 33px; background: #fff; overflow: hidden;}
.section.project2 .swiper-project2 .swiper-navi .swiper-pagination-bullet {position: relative; display: table-cell; width:25%; height: 100%; margin: 0;  border-radius: 33px; background: none; letter-spacing: -0.05em; font-weight: 700; font-size: 21px; color: #444; vertical-align: middle; opacity: 1;}
.section.project2 .swiper-project2 .swiper-navi .swiper-pagination-bullet::before {content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 23px; background: #ccc; transform: translateY(-50%);}
.section.project2 .swiper-project2 .swiper-navi .swiper-pagination-bullet-active {background: #ffcd14; font-size: 23px; color: #222;}
.section.project2 .swiper-project2 .swiper-navi .swiper-pagination-bullet-active::before {display: none;}
.section.project2 .swiper-project2 .swiper-navi .swiper-pagination-bullet-active + .swiper-pagination-bullet::before {display: none;}
.section.project2 .swiper-project2 .swiper-area {position: relative;}
.section.project2 .swiper-project2 .swiper {height: 404px; border-radius: 20px; background: #fff;}
.section.project2 .swiper-project2 .swiper-button-prev {left: -20px;}
.section.project2 .swiper-project2 .swiper-button-next {right: -20px;}
.section.project2 .swiper-project2 .swiper-slide ul {width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; align-content:space-between; padding: 0 66px; gap: 1em;}
.section.project2 .swiper-project2 .swiper-slide li {flex: 1;}
.section.project2 .swiper-project2 .swiper-slide .video {position: relative; display: block;}
.section.project2 .swiper-project2 .swiper-slide .video::after {content: ''; display: block; position: absolute; top: 50%; left: 50%; display: block; width: 95px; height: 95px; transform: translate(-50%, -50%); border-radius: 50%; background-color: rgba(0, 0, 0, 0.4); background-image: url('https://imgsvr.visangesn.com/ddaksoo/ico_play.png'); background-repeat: no-repeat; background-position: 50%;}
.section.project2 .swiper-project2 .swiper-slide p {height: 28px; line-height: 28px; margin-bottom: 20px; font-weight: 700; font-size: 24px; color: #222;}
.section.project2 .swiper-project2 .swiper-slide p .num {display: inline-block; width: 28px; height: 28px; padding: 2px; margin-top: -2px; border-radius: 50%; background: #222; text-align: center; font-size: 17px; color: #fff; vertical-align: top;}
.section.project2 .swiper-project2 .swiper-slide p span {color: #1446ff;}
.section.project2 .swiper-project2 .swiper-slide img {max-width: 338px;}
.section.project2 .swiper-project2 .swiper-slide.slide3 ul {padding: 0 150px;}
.section.project2 .swiper-project2 .swiper-slide.slide3 img {max-width: 409px;}
.section.project2 .swiper-project2 .swiper-slide.slide4 {background: url('https://imgsvr.visangesn.com/ddaksoo/project2_slide4.png') no-repeat 50% 50%; background-size: cover;}

.section.project3 {height: 870px; background-image: url('https://imgsvr.visangesn.com/ddaksoo/bg_sec_project3.png'); background-size: auto 377px; background-color: #fff;}
.section.project3 .inner {padding: 130px 0 110px;}
.section.project3 .img {position: absolute; left: -6%; width: 805px; height: 619px; background: url('https://imgsvr.visangesn.com/ddaksoo/project3.png') no-repeat 0 0;}
.section.project3 [class^='obj'] {position: absolute; width: 128px; height: 128px; opacity: 0; transform: scale(0); transition: transform 0.2s; transition-delay: 0.4s;}
.section.project3 .obj {left: 400px; top: 145px;}
.section.project3 .obj2 {left: 400px; top: 386px; transition-delay: 0.7s;}
.section.project3 .obj3 {left: 533px; top: 386px; transition-delay: 0.9s;}
.section.project3 .box {text-align: left;}
.section.project3 .tit_project {margin-left: 60%;}
.section.project3 .tit_project .tit {font-size: 65px;}
.section.project3 .tit_project .part {background-image: url('https://imgsvr.visangesn.com/ddaksoo/bg_tit_project_gray.png');}

.section.project4 {background-color: #f3f3f3;}
.section.project4::after {content: ''; display: block; position: absolute; top: 0; left: 0; width: calc(50% + 40px); height: 100%; background: #f3f3f3; z-index: 5;}
.section.project4 .inner {padding: 165px 0;}
.section.project4 .box {left: 0; width: 45%; text-align: left; z-index: 10;}
.section.project4 .tit_project .tit {font-size: 65px;}
.section.project4 .tit_project .part {background-image: url('https://imgsvr.visangesn.com/ddaksoo/bg_tit_project_gray.png');}
.section.project4 .swiper-project4 {position: relative; margin-left: calc(50% + 40px); width: 400px;}
.section.project4 .swiper-project4::before,
.section.project4 .swiper-project4::after {content: ''; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 0; height: 100%; border-left: 15px solid #404040; border-radius: 15px 0 0 15px; z-index: 10;}
.section.project4 .swiper-project4::after {left: auto; right: 0; border-radius: 0 15px 15px 0;}
.section.project4 .swiper {overflow: visible;}
.section.project4 .swiper::before {content: ''; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 100%; height: 100%; border: 15px solid #404040; border-radius: 15px; box-shadow: 3px 0 7px rgba(0, 0, 0, 0.2); z-index: 1;}
.section.project4 .swiper-slide {width: calc(372px + 30px); height: calc(479px + 30px); opacity: 0.4; }
.section.project4 .swiper-slide img {transform: scale(80%);}
.section.project4 .swiper-slide-active {padding: 15px; opacity: 1;}
.section.project4 .swiper-slide-active img {transform: scale(100%);}
.section.project4 .swiper-slide-prev,
.section.project4 .swiper-slide-next {opacity: 0.7;}
.section.project4 .swiper-slide-next + .swiper-slide {margin-left: -35px;}
.section.project4 .swiper-button-prev {left: -80px;}
.section.project4 .swiper-button-next {right: -80px;}

.section.project5 {background-image: url('https://imgsvr.visangesn.com/ddaksoo/bg_sec_project5.jpg');}
.section.project5 .inner {padding: 145px 0 130px; text-align: center;}
.section.project5 .tit_project {color: #fff;}
.section.project5 .tit_project .part {background-image: url('https://imgsvr.visangesn.com/ddaksoo/bg_tit_project_white.png'); color: #fff;}
.section.project5 .tit_project .tit span {color: #ffde00;}
.section.project5 .swiper-project5 {position: relative; width: 100%; margin-top: 50px;}
.section.project5 .swiper-wrapper {width: 100%; display: flex; justify-content: center;}
.section.project5 .swiper-slide {width: 364px; padding-top: 150px; margin-left: 40px;}
.section.project5 .swiper-slide:first-child {margin-left: 0;}
.section.project5 .swiper-slide img {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 254px;}
.section.project5 .swiper-slide .text {padding: 150px 20px 50px; border-radius: 10px; background: #fff;}
.section.project5 .swiper-slide .tit {position: relative; padding-bottom: 50px; letter-spacing: -0.05em; font-family: Verdana; font-weight: 700; font-size: 40px; color: #222;}
.section.project5 .swiper-slide .tit span {color: #ff1d1d;}
.section.project5 .swiper-slide .tit::after {content: ''; position: absolute; bottom: 25px; left: 50%; transform: translateX(-50%); width: 24px; height: 3px; background: #000;}
.section.project5 .swiper-slide ul {display: inline-block; text-align: left;}
.section.project5 .swiper-slide li {position: relative; padding-left: 10px; margin-bottom: 3px; letter-spacing: -0.08em; font-size: 19px; color: #222;}
.section.project5 .swiper-slide li::before {content: ''; position: absolute; top: 10px; left: 0; display: block; width: 3px; height: 3px; border-radius: 50%; background: #222;}
.section.project5 .swiper-pagination {display: none;}



.section.project6 {background-color: #f3f3f3;padding:70px 0 120px 0;}
.section.project6 .box {position: relative; display: block; height: auto; text-align: center; width: 100%; z-index: 1;}
.section.project6 .tit_project .tit {font-size: 50px; padding-top:50px;}
.section.project6 .tit_project .desc {margin-top:5px}
.section.project6 .swiper-project6 {position: relative; margin-left: calc(50% - 400px); width: 800px; margin-top:50px; margin-bottom:30px}
.section.project6 .swiper-project6::after {left: auto; right: 0; border-radius: 0 15px 15px 0;}
.section.project6 .swiper {overflow: visible;}
.section.project6 .swiper-slide {width: 800px; position:relative; height: calc(480px + 30px); opacity: 0.4; margin:0 -2%; cursor:pointer}
.section.project6 .swiper-slide span {display:block; z-index:50; background:rgba(255,255,255,0.7) 40%; color:#222; top:52px; left:60px; font-size:18px; position:absolute; padding:5px 16px 3px 16px; font-weight:bold }
.section.project6 .swiper-slide img {transform: scale(85%); }
.section.project6 .swiper-slide-active {opacity: 1;}
.section.project6 .swiper-slide-active img {transform: scale(100%);}
.section.project6 .swiper-slide-active span { top:10px; left:0; font-size:20px; }
.section.project6 .swiper-slide-prev,
.section.project6 .swiper-slide-next {opacity: 0.7;}
.section.project6 .swiper-slide-next + .swiper-slide {margin-left: -35px;}
.section.project6 .swiper-button-prev {left: -30px;}
.section.project6 .swiper-button-next {right: -30px;}
.section.project6 .btn_story {text-align:right; letter-spacing:-1px; border-bottom:1px solid #333; font-weight:bold; font-size:20px; margin-right:200px;}
.section.project6 a.btn_story::after {content:''; display:inline-block; width: 12px; height: 12px; background: url('https://imgsvr.visangesn.com/ddaksoo/ico_swiper.png') no-repeat 50% 50%; background-size: contain; transform: translateX(1px);}


/* 학습관 찾기 */
.section.search {padding:70px 0 120px 0; background:url('https://imgsvr.visangesn.com/ddaksoo/search.bg.png') center bottom no-repeat}
.section.search .inner {max-width:1170px}
.section.search .tit-search {padding-top:50px; letter-spacing: -0.05em; text-align: center; line-height: 1.2; color: #222;}
.section.search .tit-search .tit {font-weight: 700; font-size: 40px;}
.section.search .tit-search .desc {margin-top: 15px; font-size: 22px;}
.section.search .top-search {text-align:center; margin:45px 0 50px 0}
.section.search .top-search .selectbox {margin-right:8px}
.section.search input {width:50%; margin-right:8px}
.section.search button {height:54px; width:158px; line-height:54px; vertical-align:middle; display:inline-block; border-radius: 5px; background: #1446ff; font-weight: 700; font-size: 20px; color: #fff;}
.section.search .search-list {position: relative}
.section.search .search-list .s-list {position: absolute; left:15px; top:14px; width:400px; background:#fff; height:95%; box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.2); z-index:10 }
.section.search .search-list .s-list .pc-ver {height:470px; overflow:auto; overflow-x:hidden; }
.section.search .search-list #map { width:100%;height:589px; }

.section.search .search-list ul li {position: relative; padding:15px 20px 15px 66px; border-bottom:1px solid #d0d3d8; cursor:pointer}
.section.search .search-list ul li > img {position: absolute; top:18px; left:24px; width:26px}
.section.search .search-list ul li span { font-size:18px; display:block; margin:10px 46px 10px 0; text-align:center}
.section.search .search-list ul li.on {background:#f7f8fb;}
.section.search .search-list ul li.on dt {color:#1446ff}
.section.search .search-list ul li:first-child {padding-top:20px}
.section.search .search-list ul li:first-child img {top:18px}
.section.search .search-list ul li dl {display:inline-block}
.section.search .search-list ul li dt {font-size:18px; font-weight:bold}
.section.search .search-list ul li dd {font-size:13px;}
.section.search .search-list ul li dd img {width:9px; vertical-align:middle; margin-bottom:1px}

/* paging */
.paging{margin:20px 0 20px; display: flex; align-items: center; justify-content: center;}
.paging a,
.paging [class*="btn-"]{width:32px; height:32px; line-height: 32px; font-size:14px; border:1px solid #ddd; text-align: center; border-radius: 0; color: #222;}
.paging a.active{border-color:#222;}
.paging .prev{margin-right:10px}
.paging .last{margin-left:10px}
.paging .first,
.paging .prev,
.paging .next,
.paging .last {border:none; }
.paging .btn-ico img {width:32px}
.paging a+a{margin-left:4px;}

.section.member {height: 738px; background-image: url('https://imgsvr.visangesn.com/ddaksoo/bg_sec_member.jpg'), url('https://imgsvr.visangesn.com/ddaksoo/bg_pt_member.jpg'); background-repeat: no-repeat, repeat-x; background-size: auto 738px;}
.section.member .tit-member {letter-spacing: -0.05em; text-align: left; line-height: 1.2; color: #222;}
.section.member .tit-member .tit {font-weight: 700; font-size: 40px;}
.section.member .tit-member .desc {margin-top: 15px; font-size: 22px;}
.section.member .tit-member .tel {margin-top: 70px; font-weight: 700; font-size: 35px; color: #1446ff;}
.section.member .tit-member .tel span {font-family: Verdana; font-weight: 500;}
.section.member .dday2 {position: absolute; top: 405px; right: 0; width: 440px; text-transform: uppercase; text-align: center; line-height: 1; letter-spacing:-2px; font-family: Verdana; font-weight:bold; font-size: 32px; color: #000;}
.section.member .btn_apply {background:#3963ff; opacity:80%; color:#fff; width:230px; margin-left:5px; padding:15px 0; border-radius:5px; font-weight:bold; font-size:25px; display:inline-block; text-align:center;margin-top:15px; cursor:pointer;}


.section.branch {background-color: #f3f3f3;}
.section.branch .inner {padding: 94px 0;}
.section.branch .inner::before {content: ''; position: absolute; top: 0; left: -18px; width: 42.75%; height: 100%; background: url('https://imgsvr.visangesn.com/ddaksoo/bg_map.png') no-repeat 0 50%; background-size: contain;}
.section.branch .apply-wrap {margin-left: 46%;}
.section.branch .apply-wrap .tit {display: inline-block; padding: 15px 66px 27px 50PX; border-radius: 20px 70px 0 0;  background: #1e3e54; font-weight: 700; font-size: 26px; color: #fff;}
.section.branch .apply {position: relative; margin-top: -15px; padding: 50px 90px 60px 90px; border-radius: 10px; background: #fff; box-shadow: 0 0 13px rgba(0, 0, 0, 0.05); z-index: 10;}
.section.branch .apply .stit {padding-bottom: 20px; line-height:36px; margin-bottom: 30px; border-bottom: 2px solid #f2f2f2; text-align: center; font-weight: 700; font-size: 30px; color: #222;}
.section.branch .apply .stit span {color: #1446ff;}
.section.branch .apply .stit .stit2 {text-align: center; opacity:0.5;  font-weight: 700; font-size: 16px; color: #222;}
.section.branch .apply li {display: flex; align-items: center; margin-top: 9px;}
.section.branch .apply li label {width: 130px; font-weight: 700; font-size: 21px; color: #222;}
.section.branch .apply .input-wrap {display: flex; width: calc(100% - 130px);}
.section.branch .apply .selectbox {width: 100%;}
.section.branch .apply .sel1 {width: 149px; margin-right: auto;}
.section.branch .apply .sel2 {width: 180px; margin-left: auto;}
.section.branch .apply input {width: 100%;}
.section.branch .apply .agree {margin: 15px 0 18px; text-align: right;}
.section.branch .apply button {width: 100%; height: 63px; border-radius: 5px; background: #1446ff; font-weight: 700; font-size: 23px; color: #fff;}
.section.branch .apply .stit button {width: 37%; line-height:36px; height: 35px; opacity:0.8; border-radius: 5px; background: #1e3e54; font-weight: 700; font-size: 18px; color: #fff;}


.section.footer {background: #fff; font-size: 17px;}

.section.footer .inner {padding: 40px 0 45px;}
.section.footer .logo {width: 125px; height: 43px; background: url('https://imgsvr.visangesn.com/ddaksoo/visang.png') no-repeat 0 0; margin-bottom: 25px;}


.section.footer .pc-ver .terms { position:absolute; top:3rem; left:9.5rem}
.section.footer .mo-ver .terms {margin-bottom:0.5rem}
.section.footer .terms>a{color:#222;}
.section.footer .terms>a::before{height:1.3rem; background-color:#d8d8d8; margin:0 1rem}
.section.footer .terms>*::before{content:''; width:.1rem; display:inline-flex; vertical-align:middle;}
.section.footer .terms>*:first-child::before{display: none;}
.section.footer .sms { position:absolute; top:2.5rem; right:7rem}
.section.footer .sms > a {background:#f4f4f4; display:inline-block; text-align:center; width:2.9rem; height:2.9rem; margin:0 0.2rem; border-radius: 30rem;}
.section.footer .sms > a img {width:1.5rem; margin-top:0.7rem}
.section.footer .sms > a:last-child img {width:1.6rem}
.section.footer .mo-ver .terms>a::before{height:0.6rem; margin:-0.1rem 0.5rem 0 0.5rem}
.section.footer .hue-b{color:#486298 !important;}

.section.footer .mo-ver .sms { position:absolute; top:1rem; left:5.5rem; right:0}
.section.footer .mo-ver .sms > a {width:2.2rem; height:2.2rem;}
.section.footer .mo-ver .sms > a img {width:1.1rem; margin-top:0.58rem}
.section.footer .mo-ver .sms > a:last-child img {width:1.2rem; margin-top:0.55rem}

.section.footer ul {width: 840px; overflow: hidden;}
.section.footer ul + ul {margin-top: 5px;}
.section.footer li {float: left; color: #666;}
.section.footer li::after {content: '|'; margin: 0 8px;}
.section.footer li:last-child::after {display: none;}
.section.footer li a.popup {color: #7b6e00;}
.section.footer .copy {margin-top: 15px; color: #222;}

#btn-top {position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 80px; height: 80px; border-radius: 50%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); background: #fff url('https://imgsvr.visangesn.com/ddaksoo/ico_top.png') no-repeat 50% 50%;}

.pc-ver {display: block !important;}
.mo-ver {display: none !important;}

#mo-navi {display: none;}
#mo-fixed {display: none;}


/* 딱수 스토리 팝업 */
.section23 .list { margin:0 auto; width:925px; }
.section23 .list ul {overflow:hidden}
.section23 .list ul li { float:left; margin:0 15px 30px 15px; overflow:hidden; cursor:pointer; text-align:center; position:relative; width:250px; border:1px solid #d9dadb; background:#fff; box-sizing:border-box;  transition:transform .3s ease; }
/*
.section23 .list ul li { float:left; margin:0 15px 30px 15px; border-radius:1.5rem; overflow:hidden; text-align:center; position:relative; width:277px; border:1px solid #d9dadb; background:#fff; box-sizing:border-box;  transition:transform .3s ease; }
*/
.section23 .list ul li img { width:100%; }
.section23 .list ul li h5 { color:#3963ff; font-size:18px;line-height:1.9em; color:#111;}
.section23 .list ul li h6 { height:2.6em; padding:0 1.2em; color:#444; font-weight:normal;font-size:15px;line-height:1.3em;word-break:keep-all;word-wrap:break-word; }
.section23 .list ul li blockquote {width:100%; margin:0; padding-top:1em;  padding-bottom:.4em;}
.section23 .list li:hover blockquote { background:#4f29fa;}
/*
.section23 .list li:hover { background:#4f29fa; transform:translateY(-20px); }
.section23 .list li[onclick]:hover { transform:translateY(-15px); }
.section23 .list ul li:hover .hover { opacity:1;visibility:visible; transition:all .2s 0s linear,visibility 0s 0s; }
*/
.section23 .list li:hover > blockquote h5,
.section23 .list li:hover > blockquote h6 { color:#fff; }

.section23 .list:after { content:'';clear:both;display:block; }
.section23 .list select {width:170px !important; margin:0 0 20px 15px; font-size:1em !important; height:2.8em !important }
.section23 .list ul li span {display:block; background:rgba(22,19,35,0.7) 40%; color:#fff; top:5px; left:0; position:absolute; padding:3px 10px; font-size:14px; font-weight:bold }
/*
.section23 .list ul li span {display:block; background:rgba(255,255,255,1) 60%; top:5px; left:0; opacity:0.8; position:absolute; padding:3px 10px; font-size:14px; font-weight:bold }

.section23 .list ul li span {display:block; background:rgba(255,240,1,1) 60%; top:4px; left:-1px; opacity:0.8; position:absolute; padding:3px 10px; font-size:14px; font-weight:bold }
*/

/* 페이징 */
.page_num { height:38px; font-size:15px; text-align:center; margin-bottom:20px; }
.page_num a { height:100%; color:#222; display:block; }
.page_num .paginate_m span { display:inline-block; }
.page_num .paginate_m span span { float:left; height:38px; margin:0 2px; vertical-align:middle; }
.page_num .paginate_m span span.no { width:36px;height:36px; border-radius:0.5em; border:1px solid #d0d3d8; background:#fff; color:#222; font-weight:bold;line-height:38px; }
.page_num .paginate_m span span.current { border-color:#33373f; background-color:#33373f; color:#fff; }
.page_num .paginate_m span span img { height:38px; cursor:pointer; }
.page_num .paginate_m span span.no + span.image,
.page_num .paginate_m span span.image + span.no { margin-left:8px; }
.page_num .paginate_m span.image + span.image { margin-left:2px; }
.page_num .paginate_m span.image img { height:100%; }


/* mobile ===========================================================*/
@media (max-width: 680px) {
  .pc-ver {display: none !important;}
  .mo-ver {display: block !important;}
  #page-navi {display: none;}
  #fixed-area {display: none;}

  :root {
    --naviHeight: calc(60px * 0.8);
    --fixedHeight: calc(83px * 0.65);
    --innerSpace: 30px;
  }

  /* contents */
  #wrap {width: 100%; min-width: 100%; line-height: 1.4; font-size: 6px;}
  #contents {width: 100%; padding-bottom: var(--fixedHeight);}
  .section {padding-top: calc(var(--naviHeight)); padding-bottom: calc(var(--fixedHeight));}
  .section .inner {width: 100%; max-width: calc(100% - var(--innerSpace) * 2);}
  .section [class^="box"] {text-align: center;}
  /* .section [class^="box"] {text-align: center; padding-top: var(--naviHeight); padding-bottom: var(--fixedHeight);} */
  .section [class^="box"].left {align-items: center;}
  .section [class^="box"].right {align-items: center;}

  .section .inner {position: relative; display: flex; justify-content: center; flex-direction: column; align-items: center; text-align: center; width: 100%; max-width: calc(100% - var(--innerSpace) * 2);}

  /* swiper */
  .swiper-button-prev,
  .swiper-button-next {width: 8.5em; height: 8.5em; border: 1px solid #e1e1e1; border-radius: 50%; background: #fff; box-shadow: 3px 0 7px rgba(0, 0, 0, 0.2); opacity: 0.9;}
  .swiper-button-prev::after,
  .swiper-button-next::after {width: 30%; height: 100%; background: url('https://imgsvr.visangesn.com/ddaksoo/ico_swiper.png') no-repeat 50% 50%; background-size: contain; transform: translateX(1px);}
  .swiper-button-prev::after {transform: translateX(-1px) rotate(-180deg);}
  .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {display: none;}

  /* navi */
  #mo-navi {display: flex; position: fixed; top: 0; left: 0; width: 100%; height: var(--naviHeight); padding: 0 var(--innerSpace);; background: rgba(255, 255, 255, 0.2); transition: opacity 0.2s ease; z-index: 100; opacity: 0;}
  #mo-navi.active {opacity: 1;}
  #mo-navi .logo {flex-shrink: 0; width: calc(var(--naviHeight)*2); height: 100%; background: url('https://imgsvr.visangesn.com/ddaksoo/logo_m.png') no-repeat 0 50%; background-size: contain; margin-right: calc(var(--naviHeight)*0.3);}
  #mo-navi .dday {display: flex; height: 100%; justify-content: flex-end; align-items: center; margin-left: auto; font-family: Verdana;}
  #mo-navi .dday .txt {margin-right: 5px; text-align: center; font-weight: 700; font-size: calc(var(--naviHeight)*0.25); color: #000;}
  #mo-navi .dday strong {position: relative; display: inline-block; width: calc(var(--naviHeight)*0.36); height: calc(var(--naviHeight)*0.47); line-height: calc(var(--naviHeight)*0.47); margin: 0 1px; background: #222222; text-align: center; font-weight: 700; font-size: calc(var(--naviHeight)*0.38); color: #00ffea; border-radius: 3px;}
  #mo-navi .dday strong::before {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #222222;}
  #mo-navi .dday .dash {display: inline-block; width: 6px; height: 3px; margin: 0 1px; background: #222222;}
  #mo-navi #progress {position: absolute; bottom: 0; left: 0; -webkit-appearance: none; appearance: none; width: 100%; height: calc(var(--naviHeight)*0.08); border: none; background: transparent;}
  #progress::-webkit-progress-bar {background: transparent;}
  #progress::-webkit-progress-value {background: #ffde00; background-attachment: fixed;}
  #progress::-moz-progress-bar {background: #ffde00; background-attachment: fixed;}

  /* fixed area mobile */
  #mo-fixed {display: block; position: fixed; left: 0; bottom: 0; width: 100%; height: var(--fixedHeight); background: #fff; z-index: 100; border-radius: 15px 15px 0 0; box-shadow: 0 0 calc(var(--fixedHeight)*0.18) rgba(0, 0, 0, 0.13);}
  #mo-fixed ul {position: relative; display: flex; width: 100%; height: 100%; align-items: center;}
  #mo-fixed li {position: relative; width: 38%; height: 100%;}
  #mo-fixed li::after {content: ''; position: absolute; top: 49%; right: 0; transform: translateY(-50%); width: 1px; height: calc(var(--fixedHeight) * 0.3); background: #cccccc;}
  #mo-fixed a {display: flex; justify-content: center; align-items: center; height: 100%; margin: auto; text-align: center; letter-spacing: -0.05em; font-weight: 700; font-size: calc(var(--fixedHeight)*0.28); color: #000;}
  #mo-fixed a span {color: #1446ff;}
  #mo-fixed .tel {flex-basis: 20%;}
  #mo-fixed .tel::after {display: none;}
  #mo-fixed .tel a {background: url('https://imgsvr.visangesn.com/ddaksoo/ico_tel.png') no-repeat 50% 50%; background-size: calc(var(--fixedHeight) * 0.38);}

  #mo-fixed .apply2 {-webkit-animation: apply2 1.5s linear infinite; animation: apply2 1s steps(1, end) infinite;}
  @-webkit-keyframes apply2 { 0%, 100% { color: #1446ff; } 50% { color: #ff4f4f; } }
  @keyframes apply2 { 0%, 100% { color: #1446ff; } 50% { color: #ff4f4f; } }

  /* 개인정보 동의 레이어 */
  .layer-wrap {position: fixed; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 615px; z-index: 999;}
  .layer-wrap .layer-cont {position: absolute; right: auto; left: 50%; bottom: 90px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 90%; padding: 8.8em 7.3em; border: 1px solid #565656; border-radius: 10px; background: #fff; color: #222;}
  .layer-wrap .btn-close-layer {position: absolute; top: 5.8em; right: 5.8em; width: 20px; height: 20px;}
  .layer-wrap .btn-close-layer::before,
  .layer-wrap .btn-close-layer::after {content: ''; position: absolute; top: 50%; left: 50%; display: block; margin-left: -1px; margin-top: -13px; width: 2px; height: 26px; background: #222222;}
  .layer-wrap .btn-close-layer::before {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
  .layer-wrap .btn-close-layer::after {-webkit-transform: rotate(135deg); transform: rotate(135deg);}
  .layer-wrap .tit {margin-bottom: 1em; font-weight: 700; font-size: 4.7em;}
  .layer-wrap p {margin-top: 0.8em; font-size: 3em;}
  .layer-wrap p strong {font-weight: 700;}
  .layer-wrap ul {margin-top: 1.7em; padding: 1.7em 1.8em; background: #f4f4f4; font-weight: 700; font-size: 2.9em;}
  .layer-wrap ul li + li {margin-top: 0.5em;}

  /* 학습관 가맹 레이어 (모바일)*/
  .layer-toast {position: fixed; left: 0; bottom: 0; width: 100%; z-index: 998;}
  .layer-toast::after {content: ''; display: block; position: fixed; left: 0; bottom: 0; width: 100%; height: var(--vh); background: rgba(0, 0, 0, 0.5); transform: translateY(100%);}
  .layer-toast .layer-cont {position: fixed; left: 0; bottom: 0; width: 100%; transition: transform 0.3s ease-in-out; transform: translateY(100%); width: 100%; background: #fff; border-radius: 15px 15px 0 0; box-shadow: 0 0 calc(var(--fixedHeight)*0.18) rgba(0, 0, 0, 0.13); z-index: 2;}
  .layer-toast .btn-close-layer {position: absolute; top: 5.8em; right: 5.8em; width: 20px; height: 20px;}
  .layer-toast .btn-close-layer::before,
  .layer-toast .btn-close-layer::after {content: ''; position: absolute; top: 50%; left: 50%; display: block; margin-left: -1px; margin-top: -13px; width: 2px; height: 26px; background: #222222;}
  .layer-toast .btn-close-layer::before {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
  .layer-toast .btn-close-layer::after {-webkit-transform: rotate(135deg); transform: rotate(135deg);}
  .layer-toast .inner {padding: 5.88em var(--innerSpace);}
  .layer-toast .tit {padding: 0 0 0.66em; margin-bottom: 1.34em; border-bottom: 1px solid #ededed; text-align: center; font-weight: 700; font-size: 4.4em; color: #1446ff;}
  .layer-toast .apply li {display: flex; align-items: center; margin-bottom: 3em;}
  .layer-toast .apply .lb {flex-shrink: 0; width: 4.375em; font-weight: 700; font-size: 3.6em; color: #2e2e2e;}
  .layer-toast .apply .input-wrap {display: flex; width: 100%;}
  .layer-toast .apply .input-wrap input {width: 100%;}
  .layer-toast .apply .input-wrap .selectbox {width: calc(50% - 1.5em);}
  .layer-toast .apply .input-wrap .sel1 {margin-right: auto;}
  .layer-toast .apply .input-wrap .sel2 {margin-left: auto;}
  .layer-toast .agree {text-align: right;}
  .layer-toast .btn-apply {width: 100%; height: 2.85em; background: #1446ff; font-weight: 700; font-size: 4.12em; color: #fff;}
  .layer-toast.active::after {transform: translateY(0);}
  .layer-toast.active .layer-cont {transform: translateY(0);}


  /* 메인 */
  .section.main {height: var(--vhMain); background: none; padding-top: 0;}
  .section.main::before {content: ''; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-40%); width: calc(var(--vhMain) * 2); height: var(--vhMain); background-image: url('https://imgsvr.visangesn.com/ddaksoo/bg_sec_main.jpg'); background-position: 37% 0; background-size: auto 100%; }
  .section.main::before {-webkit-animation: moMain 5s ease-in-out; animation: moMain 3s ease-in-out; -webkit-animation-delay: 0.5s; animation-delay: 1s; animation-fill-mode: forwards;}
  @-webkit-keyframes moMain { 0% { transform: translateX(-40%); } 50%, 100% { transform: translateX(-60%); } }
  @keyframes moMain { 0% { transform: translateX(-40%); } 50%, 100% { transform: translateX(-60%); } }
  .section.main .dim {display: none;}
  .section.main .logo {top: var(--naviHeight); left: 50%; width: 39.9vw; height: 15.14vw;}
  .section.main .text-area {right: var(--innerSpace); bottom: 10%; font-size: 5em;}
  .section.main .text-area .big {margin-top: 0.2em; font-size: 1.5em;}
  .section.main .scroll-icon {display: none;}

  /* 딱풀리는수학 */
  .section.info {min-height: var(--vh); height: var(--vh); background-image: url('https://imgsvr.visangesn.com/ddaksoo/bg_sec_info_m.jpg'); }
  .section.info .obj {top: 13%; left: 0; width: 44%; max-width: 484px;}
  .section.info .obj2 {top: 22%; right: 0; width: 33.8%; max-width: 371px;}
  .section.info .obj3 {bottom: 40%; left: 0; width: 26%; max-width: 286;}
  .section.info .obj4 {bottom: 12%; right: 0; width: 43%; max-width: 473px;}
  .section.info .box .text-area {font-size: 4.12em;}
  .section.info .box .dot {width: 100%; height: 13.8%; margin: 0; background-size: 2em auto;}
  .section.info .box .text-area2 {font-size: 4.7em;}
  .section.info .box2 .text-area {padding: 22% 0; line-height: 1.6; font-size: 5.2em; background-size: 1.875em;}
  .section.info .box2 .text-area strong {background: none; padding: 0; font-size: 1.27em;}
  .section.info .box2 .text-area span {display: inline-block; line-height: 1; padding:0.2em 0.2em 0.15em 0.2em; background: #fff001;}

  .section.info2 {height: var(--vh); background-image: url('https://imgsvr.visangesn.com/ddaksoo/bg_sec_info2_m.jpg');}
  .section.info2 .box {justify-content: center; height: 38%; opacity: 0; transition: all 0.3s ease;}
  .section.info2 .text-area {width: 100%; line-height: 1.2; letter-spacing: -0.05em; font-size: 4.12em;}
  .section.info2 .text-area strong {font-weight: 700;}
  .section.info2 .text-area p {margin-top: 0.3em; font-weight: 700; font-size: 2.50em;}

  /* 성장프로젝트 */
  .tit_project .part {display: inline-flex; justify-content: center; align-items: center; margin-bottom: 1em; max-width: 278px; max-height: 86px; width: 41vw; height: 12.79vw; padding: 0.9em 0 1.5em 0; line-height: 1.2; font-size: 3.8em; transition-delay: 0; background-size: contain;}
  .tit_project .part span {display: inline-block; margin-top: -0.2em;}
  .tit_project .tit {line-height: 1.2; font-size: 10em; transition-delay: 0;}
  .tit_project .desc {margin-top: 1em; font-size: 3.52em; line-height: 1.6;}

  .section.project {height: var(--vh); background-image: url('https://imgsvr.visangesn.com/ddaksoo/bg_sec_project_m.jpg'); background-color: #fee75b;}
  .section.project .inner {padding: 0; height: 70%;}
  .section.project .tit_project .desc span {padding: 2px 5px 1px 5px; background: #333; color: #fff;}
  .section.project .logo {display: none;}

  .section.project2 {height: var(--vh);}
  .section.project2 .inner {padding: 0;}
  .section.project2 .swiper-project2-mo {position: relative; margin-top: 8.8em;}
  .section.project2 .swiper-project2-mo .swiper-navi {position: relative; top: 0; left: 0; display: table; width: 85em; height: 12em; margin-bottom: 5em; border-radius: 6em; background: #fff; overflow: hidden;}
  .section.project2 .swiper-project2-mo .swiper-navi .tab {position: relative; display: table-cell; width:25%; height: 100%; margin: 0; border-radius: 3em; background: none; letter-spacing: -0.05em; line-height: 1.1; font-weight: 700; font-size: 3em; color: #444; vertical-align: middle; opacity: 1;}
  .section.project2 .swiper-project2-mo .swiper-navi .tab::before {content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 23px; background: #ccc; transform: translateY(-50%);}
  .section.project2 .swiper-project2-mo .swiper-navi .tab.active {background: #ffcd14; color: #222;}
  .section.project2 .swiper-project2-mo .swiper-navi .tab.active::before {display: none;}
  .section.project2 .swiper-project2-mo .swiper-navi .tab.active + .tab::before {display: none;}
  .section.project2 .swiper-project2-mo .swiper {width: 67.647em; overflow: visible;}
  .section.project2 .swiper-project2-mo .swiper-button-prev {left: -10%;}
  .section.project2 .swiper-project2-mo .swiper-button-next {right: -10%}
  .section.project2 .swiper-project2-mo .swiper-wrapper {display: flex; align-items: stretch;}
  .section.project2 .swiper-project2-mo .swiper-slide {width: 80%; height: auto; margin: 0 2em; border-radius: 3em; background: #fff; opacity: 0.4; }
  .section.project2 .swiper-project2-mo .swiper-slide-active {opacity: 1;}
  .section.project2 .swiper-project2-mo .swiper-slide > div {width: 100%; height: 100%; padding: 5.88em 5.88em 8.82em;}
  .section.project2 .swiper-project2-mo .swiper-slide p {height: 1.2em; margin-bottom: 1em; font-weight: 700; font-size: 3.8em; color: #222;}
  .section.project2 .swiper-project2-mo .swiper-slide p .num {display: inline-block; width: 1.4em; height: 1.4em; padding: 0.1em; border-radius: 50%; background: #222; text-align: center; color: #fff; vertical-align: middle; font-size: 0.9em;}
  .section.project2 .swiper-project2-mo .swiper-slide p span {color: #1446ff;}
  .section.project2 .swiper-project2-mo .slide9 {background: url('https://imgsvr.visangesn.com/ddaksoo/project2m_slide9.png') no-repeat 0 0; background-size: cover;}
  .section.project2 .swiper-project2-mo .slide9 > div {padding-left: 0; padding-right: 0;}
  .section.project2 .swiper-project2-mo .swiper-slide .video {position: relative; display: block;}
  .section.project2 .swiper-project2-mo .swiper-slide .video::after {content: ''; display: block; position: absolute; top: 50%; left: 50%; display: block; width: 15em; height: 15em; transform: translate(-50%, -50%); border-radius: 50%; background-color: rgba(0, 0, 0, 0.4); background-image: url('https://imgsvr.visangesn.com/ddaksoo/ico_play.png'); background-repeat: no-repeat; background-position: 50%; background-size: 35%;}

  .section.project3 {height: var(--vh); background-image: none;}
  .section.project3 .inner {max-width: 100%; padding: 0;}
  .section.project3 .box {position: relative; display: block; height: auto; padding-top: 8em; text-align: center; background: url('https://imgsvr.visangesn.com/ddaksoo/bg_sec_project3_m.png') no-repeat 50% 0; background-size: 90% auto; }
  .section.project3 .tit_project {margin: 0;}
  .section.project3 .tit_project .tit {font-size: 10em;}
  .section.project3 .img {position: relative; left: 0; margin: 0 auto; width: 95.88em; max-width: 652px; height: 73.97em; background: url('https://imgsvr.visangesn.com/ddaksoo/project3_m.png') no-repeat 0 0; background-size: contain; margin-top: 8.8em;}
  .section.project3 [class^='obj'] {position: absolute; width: 17em; height: 17em;}
  .section.project3 .obj {left: 47%; top: 23%;}
  .section.project3 .obj2 {left: 47%; top: 67%;}
  .section.project3 .obj3 {left: 66%; top: 67%;}

  .section.project4 {height: var(--vh);}
  .section.project4 .inner {padding: 0;}
  .section.project4::after {display: none;}
  .section.project4 .inner {padding: 0;}
  .section.project4 .box {position: relative; display: block; height: auto; text-align: center; width: 100%; z-index: 1;}
  .section.project4 .tit_project .tit {font-size: 10em;}
  .section.project4 .swiper-project4 {position: relative; margin-left: 0; width: 56.32em; height: 72.35em; margin-top: 8.8em;}
  .section.project4 .swiper-project4::before,
  .section.project4 .swiper-project4::after {content: ''; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 0; height: 71.35em; border-left: 2em solid #404040; border-radius: 2em 0 0 2em; z-index: 10;}
  .section.project4 .swiper-project4::after {left: auto; right: 0; border-radius: 0 2em 2em 0;}
  .section.project4 .swiper {overflow: visible;}
  .section.project4 .swiper::before {content: ''; position: absolute; top: 0; left: 0; box-sizing: border-box; width: 56.32em; height: 71.35em; border: 2em solid #404040; border-radius: 2em; box-shadow: 3px 0 7px rgba(0, 0, 0, 0.2); z-index: 1;}
  .section.project4 .swiper-slide {width: 100%; height: 100%; opacity: 0.4; }
  .section.project4 .swiper-slide img {transform: scale(80%);}
  .section.project4 .swiper-slide-active {padding: 2em; opacity: 1;}
  .section.project4 .swiper-slide-active img {transform: scale(100%);}
  .section.project4 .swiper-slide-prev,
  .section.project4 .swiper-slide-next {opacity: 0.7;}
  .section.project4 .swiper-slide-next + .swiper-slide {margin-left: -0.5em;}
  .section.project4 .swiper-button-prev {left: -10em;}
  .section.project4 .swiper-button-next {right: -10em;}

  .section.project5 {height: calc(var(--vh) * 1.15);}
  .section.project5 .inner {padding: 0;}
  .section.project5 .tit_project .desc br {display: none;}
  .section.project5 .tit_project .desc strong {display: block;}
  .section.project5 .swiper-project5 {position: relative; margin-top: 8.8em;}
  .section.project5 .swiper-wrapper {justify-content: flex-start;}
  .section.project5 .swiper {overflow: visible; padding-bottom: 10em;}
  .section.project5 .swiper-slide {width: 60em; max-width: 364px; height: 100%; padding-top: 22em; margin-left: 4em;opacity: 0.4;}
  .section.project5 .swiper-slide-active {opacity: 1;}
  .section.project5 .swiper-slide img {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 37em;}
  .section.project5 .swiper-slide .text {padding: 22em 4em 5.8em; border-radius: 10px; background: #fff;}
  .section.project5 .swiper-slide .tit {position: relative; padding-bottom: 1.26em; letter-spacing: 0em; font-weight: 700; font-size: 5.7em; color: #222;}
  .section.project5 .swiper-slide .tit span {color: #ff1d1d;}
  .section.project5 .swiper-slide .tit::after {content: ''; position: absolute; bottom: 0.7em; left: 50%; transform: translateX(-50%); width: 24px; height: 2px; background: #000;}
  .section.project5 .swiper-slide ul {display: inline-block; text-align: left;}
  .section.project5 .swiper-slide li {position: relative; padding-left: 0.5em; margin-bottom: 3px; letter-spacing: 0em; font-size: 2.8em; color: #222;}
  .section.project5 .swiper-slide li::before {content: ''; position: absolute; top: 0.5em; left: 0; display: block; width: 3px; height: 3px; border-radius: 50%; background: #222;}
  .section.project5 .swiper-pagination {display: block; bottom: 0;}
  .section.project5 .swiper-pagination-bullet {position: relative; font-size: 1em; width: 3.6em; height: 3.6em; min-width: 20px; min-height: 20px; margin: 0 0.9em; border: 1px solid transparent; background: transparent; opacity: 1; display: inline-flex; justify-content: center; align-items: center;}
  .section.project5 .swiper-pagination-bullet::after {content: ''; display: block; width: 1.1em; height: 1.1em; min-width: 4px; min-height: 4px; background: #432121; border-radius: 50%;}
  .section.project5 .swiper-pagination-bullet-active {border: 1px solid #432121;}


  .section.project6 {height: var(--vh);}
  .section.project6 .inner {padding: 0;}
  .section.project6::after {display: none;}
  .section.project6 .inner {padding: 0;}
  .section.project6 .box {position: relative; display: block; height: auto; text-align: center; width: 100%; z-index: 1;}
  .section.project6 .tit_project .tit {font-size: 6em;}
  .section.project6 .tit_project .desc {font-size: 2.7em;}
  .section.project6 .swiper-project6 {position: relative; margin-left: 0; width: 83em; margin-top: 6em; margin-bottom:3em}
  .section.project6 .swiper-project6::after {left: auto; right: 0; border-radius: 0 2em 2em 0;}
  .section.project6 .swiper {overflow: visible;}
  .section.project6 .swiper-slide {width: 100%; height: 100%; opacity: 0.4; margin:0 -1em }
  .section.project6 .swiper-slide span {top:2.2em; left:2.7em; font-size:2.3em; }
  .section.project6 .swiper-slide img {transform: scale(85%);}
  .section.project6 .swiper-slide-active {opacity: 1;}
  .section.project6 .swiper-slide-active img {transform: scale(100%);}
  .section.project6 .swiper-slide-active span { top:0.4em; left:0; font-size:2.8em; }
  .section.project6 .swiper-slide-prev,
  .section.project6 .swiper-slide-next {opacity: 0.7;}
  .section.project6 .swiper-slide-next + .swiper-slide {margin-left: -0.5em;}
  .section.project6 .swiper-button-prev {left: -4em;}
  .section.project6 .swiper-button-next {right: -4em;}
  .section.project6 .btn_story {text-align:right; margin-top:2em; margin-right:0; margin-left:19em; letter-spacing:-1px; border-bottom:1px solid #333; font-size:3em}

  .section.search {padding:15% 0 13% 0; background:none}
  .section.search .tit-search {margin-top:0}
  .section.search .tit-search .tit {font-weight: 700; font-size: 6.07em;}
  .section.search .tit-search .desc {margin-top: 0.4em; font-size: 3.57em;}
  .section.search .top-search { margin:6em 0 8em 0}
  .section.search input { margin-top: 0.6em; margin-right:6px; width:66%}
  .section.search .top-search button {height: 2.8em; width:auto; padding:0.7em 1.5em 0.5em 1.5em; margin-top: 0.6em; background: #1446ff; border-radius: 5px; font-weight: 700; line-height: 1.2em; font-size: 3.6em; color: #fff;}
  .section.search .top-search .selectbox.sel1 { margin-right:5px}
  .section.search .top-search .selectbox.sel2 { margin-right:0}
  .section.search .top-search .selectbox {width:42%; margin-right:0}
  .section.search .search-list {width:100%}
  .section.search .search-list #map {height:70em}
  .section.search .search-list div > img {height:100%}
  .section.search .search-list .s-list {position:relative; top:1em; left:0; box-shadow:none; text-align:left; margin:0 auto; width:calc(100% - var(--innerSpace) * 2)}
  .section.search .search-list ul li {padding:3.8em 5em 3.5em 13.5em; }
  .section.search .search-list ul li:first-child {padding-top:5em}
  .section.search .search-list ul li:first-child > img {padding-top:1em}
  .section.search .search-list ul li > img {left:14px; width:7em}
  .section.search .search-list ul li dt {font-size:3.8em; font-weight:bold}
  .section.search .search-list ul li dd {font-size:3em; margin-top:0.2em; line-height:1.5em}
  .section.search .search-list ul li dd img {width:0.6em; vertical-align:middle; margin-bottom:1px}

  /* paging */
  .paging{margin:5em 0 5em; }
  .paging a,
  .paging [class*="btn-"]{width:2.1em; height:2.1em; line-height:2.2em; font-size:3.7em; margin-left:0.3em}
  .paging .prev{margin-right:0.5rem}
  .paging .last{margin-left:0.6rem}
  .paging .btn-ico img {width:2.1em}
  .paging a+a{margin-left:0.4em;}

  .section.member {height: 179.1176470588235em; min-height: 179.1176470588235em; background-image: url('https://imgsvr.visangesn.com/ddaksoo/bg_sec_member_m.jpg'); background-repeat: no-repeat; background-size: cover;}
  .section.member .box {height: 55%;}
  .section.member .tit-member {text-align: center;}
  .section.member .tit-member .tit {font-size: 6.17em;}
  .section.member .tit-member .desc {margin-top: 1em; font-size: 3.67em;}
  .section.member .tit-member .tel {margin-top: 1.25em; font-weight: 700; font-size: 4.7em; color: #1446ff;}
  .section.member .tit-member .tel a {font-family: Verdana; font-weight: 500;}
  .section.member .tit-member .btn {height: 2.4em; padding: 0.7em 1.3em 0.7em 1.6em; margin-top: 1em; background: #1446ff; border-radius: 5px; font-weight: 700; line-height: 1.2; font-size: 4.4em; color: #fff;}
  .section.member .tit-member .btn span {padding-right: 1.3em; background: url('https://imgsvr.visangesn.com/ddaksoo/ico_arrow.png') no-repeat 100% 49%; background-size: auto 60%;}
  .section.member .dday {top: 77%; right: 50%; width: 100%; transform: translateX(50%); padding-left: 1em; font-size: 4.7em;}
  .section.member .dday p {margin-top: 0; font-size: 2.65625em;}
  .section.member .dday2 {top:78.2%; right: 51.4%; width: 100%; transform: translateX(50%); padding-left: 1em; font-size: 5.1em;}
  .section.member .btn_apply {background:#222; opacity:80%; color:#fff; width:7em; margin-left:5px; padding:0.5em 0; border-radius:5px; font-weight:bold; font-size:1.1rem; display:inline-block; text-align:center;margin-top:0.4em; cursor:pointer;}


  .section.branch {min-height: 150em; background-color: #f3f3f3;}
  .section.branch .inner {padding: var(--naviHeight) 0 0 0;}
  .section.branch .inner::before {display: none;}
  .section.branch .apply-wrap {width: 100%; margin-left: 0;}
  .section.branch .apply-wrap .tit {display: inline-block; padding: 0.20em 0.475em 0.15em 0.475em ; border-radius: 0; font-size: 4.7em; color: #fff;}
  .section.branch .apply {margin-top: 0; padding: 0; border-radius: 0; background: transparent; box-shadow: none; z-index: 1;}
  .section.branch .apply .stit {padding-bottom: 1em; margin-top: 0.8em; border-bottom: 1px solid #e7e7e7; font-size: 5.42em; line-height:1.3em;}
  .section.branch .apply .stit .stit2 {font-size: 0.62em; margin-top: 0.4em; }
  .section.branch .apply li {display: block; text-align: left; margin-top: 2.9em;}
  .section.branch .apply li:first-child {margin-top: 4.4em;}
  .section.branch .apply li label {display: block; width: 100%; margin-bottom: 0.2em; font-size: 3.5em;}
  .section.branch .apply .input-wrap {display: flex; width: 100%;}
  .section.branch .apply .selectbox {width: 100%;}
  .section.branch .apply .sel1 {width: calc(50% - 0.8em); margin-right: auto;}
  .section.branch .apply .sel2 {width: calc(50% - 0.8em); margin-left: auto;}
  .section.branch .apply input {width: 100%;}
  .section.branch .apply .agree {margin: 2.4em 0;}
  .section.branch .apply button {width: 100%; height: 2.69em; border-radius: 5px; font-size: 3.8em;}
  .section.branch .apply .stit button {width: 37%; height: 33px; opacity:0.6; border-radius: 5px; background: #1e3e54; font-weight: 700; font-size: 0.6em; color: #fff;}
  .tbl01.type1 th, .tbl01.type1 td {font-size:0.9em}

  .section.footer {min-height: auto; padding: 0; letter-spacing: -1px; font-size: 11px;}
  .section.footer .inner {display: block; padding: 25px 0 20px; text-align: left;}
  .section.footer .logo {width: 75px; height: 26px; background: url('https://imgsvr.visangesn.com/ddaksoo/visang.png') no-repeat 0 0; background-size: contain; margin-bottom: 10px;}
  .section.footer ul {width: 100%; margin-top: 2px; letter-spacing:-0.5px}
  .section.footer ul + ul {margin-top: 2px;}
  .section.footer li::after {margin: 0 2px;}
  .section.footer .copy {margin-top: 4px; color: #222; letter-spacing: 0;}

  #btn-top {top: 15px; right: 0; transform: translate(0); width: 40px; height: 40px; background-size: 70%;}

  /* 딱수 스토리 팝업 */
  .section23 {padding-top:0; padding-bottom:0}
  .section23 .list {position:relative; max-width:28.75em; margin:0 auto; width:100%; margin-bottom:20px}
  .section23 .list ul { margin:0 auto;  text-align:center }
  .section23 .list ul li  { float:left;position:relative;  width:48%; margin-bottom:13px; margin-right:0; border:1px solid #d9dadb; background:#fff; box-sizing:border-box; }
  .section23 .list ul li:first-child {margin-left:0;}
  .section23 .list ul li + li {margin-left:0;}
  .section23 .list ul li img { width:100%; }
  .section23 .list ul li h5 { color:#5618b0; font-size:15px;line-height:2.1em; }
  .section23 .list ul li h6 { height:2.8em;padding:0 0.5em; color:#222; letter-spacing:-0.5px; font-weight:normal;font-size:12px;line-height:1.4em;word-break:keep-all;word-wrap:break-word; }
  .section23 .list:after { content:'';clear:both;display:block; }
  .section23 .list ul li:nth-child(even) { float:right; }
  .section23 .list ul li:nth-child(1),
  .section23 .list ul li:nth-child(2) { margin-top:0; }
  .section23 .list ul li span {font-size:10px}
  .section23 .list ul li blockquote {padding-top:1em; padding-bottom:0.5em}
  .section23 .list select {width:37% !important; margin:0 0 20px 0; padding-right:2.5em !important; font-size:0.93em !important; height:2.5em !important; padding-left:0.8rem !important; background-position:calc(100% - 1em) 50% !important }


  /* 페이징 */
  .page_num { height:28px;  text-align:center; *zoom:1; }
  .page_num .paginate_m span { display:inline-block; }
  .page_num .paginate_m span span { float:left; height:28px; margin:0 2px; vertical-align:middle; }
  .page_num .paginate_m span span.no { width:28px; height:28px; background:#fff; border:1px solid #ddd;font:bold 12px/26px Verdana; white-space:nowrap; }
  .page_num .paginate_m span span.no a { padding:0 6px; }
  .page_num .paginate_m span span.current { border-color:#33373f; background:#33373f; color:#fff; }
  .page_num .paginate_m span span img {width:28px; height:28px; cursor:pointer;}
  .page_num .paginate_m span span.no + span.image,
  .page_num .paginate_m span span.image + span.no { margin-left:8px; }
  .page_num a {display:block}
}


/* contents mobile */
@media (max-width: 680px) {
  :root {
    --innerSpace: 5.88vw;
  }
  #wrap {font-size: 1vw;}
  .section.project3 {background-size: calc(100% - var(--innerSpace) * 2) auto;}
}

/* 사업설명회 참가신청 */
#applyPop .article1 .date {margin-top:0.5em; padding-bottom:1em; font-size:22px; text-align:center}
#applyPop .article1 .date span {padding:0 14px; font-family:Verdana; font-weight:700}
#applyPop .article1 .date img {width:29px}
#applyPop .article1 .title a {display:block; padding-right:25px; background:url('https://imgsvr.visangesn.com/ddaksoo/ico_listOff_1.png') no-repeat 100% 50%/17px auto;}
#applyPop .article1 .title.on a { background:url('https://imgsvr.visangesn.com/ddaksoo/ico_listOn_1.png') no-repeat 100% 50%/17px auto; color:#000;}
#applyPop .article1 .tr_mark22 {display:none;}
#applyPop .article1 .tr_mark22.on {display:table-row;}
#applyPop .article1 td table {border-left:1px solid #d8dde9; border-right:1px solid #d8dde9;}
#applyPop .article1 table .txt2 {border-top:1px solid #d8dde9; margin-top:20px; padding-top:20px; font-size:13px; line-height:18px;}
#applyPop .article1 table + .txt {margin-top:10px;}
#applyPop .article1 table + .txt p {position:relative; padding-left:33px; font-weight:500; font-size:13px; line-height:18px;}
#applyPop .article1 table + .txt p + p {margin-top:3px;}
#applyPop .article1 table + .txt p b {position:absolute; top:0; left:0;}
#applyPop .article1 .applyBtn {display:block; width:5.5em; margin:0 auto; border-radius:0.3em; color:#fff; font-size:12px; background:#3a64ff; box-shadow:1px 1px #eeeeee; padding:0.5em 0 0.3em 0; cursor:pointer;}
#applyPop .article1 .noCont {padding:30px 0 !important;}
#applyPop .article1 .noCont p {font-size:14px; color:#bcc2cd; text-align:center;}
#applyPop .article1 .noCont p {padding-top:35px; background:url(https://imgsvr.visangesn.com/ddaksoo/ico_alarm_1.png) no-repeat 50% 0 / 23px auto;}
#applyPop .article1 .tr_mark22 {display:none;}
#applyPop .article1 .tr_mark22.on {display:table-row;}
#applyPop .article1 td table {border-left:1px solid #d8dde9; border-right:1px solid #d8dde9;}
#applyPop .article1 table + .txt {margin-top:10px; text-align:left}
#applyPop .article1 table + .txt p {position:relative; padding-left:33px; font-weight:500; font-size:13px; line-height:18px;}
#applyPop .article1 table + .txt p + p {margin-top:3px;}
#applyPop .article1 table + .txt p b {position:absolute; top:0; left:0;}

#applyPop .popupBox .head {position:relative; padding:1em 1em 0.8em 1em; background:#1e3e54;}
#applyPop .popupBox .head strong {font-size:1.03em; color:#fff;}
#applyPop .popupBox .head .close { position:absolute; top:1.1em; right:1em; cursor:pointer}
#applyPop .popupBox .head .close img { width:18px}
#applyPop .popupBox .head2 {position:relative;}
#applyPop .popupBox .head2 .close { position:absolute; top:1.3em; right:1.3em; cursor:pointer}
#applyPop .popupBox .head2 .close img{ width:1.8em}
@media (max-width: 680px) {
  #applyPop .popupBox .head2 .close { top:.7em; right:.7em;}
  #applyPop .popupBox .head2 .close img{ width:1.5em}
}

#applyPop .popupBox .termsArea {margin-top:33px; padding:20px 15px; background:#f6f9fd; border-top:1px solid #d8dde9; border-bottom:1px solid #d8dde9; font-size:14px;}
#applyPop .popupBox .termsArea > p {color:#666;}
#applyPop .popupBox .termsArea .cont {margin-top:20px; padding:15px !important; background:#fff; border-radius:7px; font-size:12px; display:none; line-height:1.3;}
#applyPop .popupBox .termsArea.on .cont {display:block;}
#applyPop .popupBox .termsArea .cont p {margin-top:10px; font-weight:500; color:#666;}
#applyPop .popupBox .termsArea .detailBtn {display:inline-block; margin-left:5px; padding:0 9px; height:29px; line-height:28px; background:#fff; border:1px solid #c8cbd0; border-radius:3px; font-size:12px; color:#358bdc; }
#applyPop .popupBox .termsArea.on .detailBtn {background:#484848; color:#fff; border:1px solid #484848;}

#applyPop {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:100;}
#applyPop .popupBox {position:relative; margin-top:0 !important; height:100%; overflow:auto;}
#applyPop .popupBox .cont > .tit {padding:1.5em 0 0.5em; font-size:1em; font-weight:bold}
#applyPop .popupBox .cont > .tit b {color:#e96300;}
#applyPop .popupBox .cont {padding:1.2em;}
#applyPop .popupBox .contHead {padding:0.9em 1.3em 0.6em 1.3em; background:#f4f8fd; border-top:1px solid #d8dde9; border-bottom:1px solid #d8dde9; font-size:1em;}
#applyPop .popupBox .contHead p {margin-top:0.2em; font-size:0.8em; color:#787c82;}
#applyPop .popupBox .tbl02 span.tit {display:block; padding-bottom:5px; font-size:15px; text-align:left; font-weight:bold}
#applyPop .popupBox .btnArea {padding:40px 0 0; text-align:center;}
#applyPop .popupBox .btnArea > a {padding:0 20px;}
#applyPop .popupBox select,
#applyPop .popupBox input {height: 2.8em; padding: 0.5em 1.25em; border: 1px solid #d0d3d8; font-size: 1.25em;}
#applyPop .popupBox select {width: 100%; padding-right: 50px; background-image: url('https://imgsvr.visangesn.com/ddaksoo/ico_select.png'); background-repeat: no-repeat; background-position: calc(100% - 1.25em) 50%; background-size: 0.8em auto}


.tbl01 { width:100%; border-top:1px solid #d8dde9; background:#fff; color:#333; font-size:0.95em;}
.tbl01 td,
.tbl01 th {  padding:14px 15px 12px 15px; border:solid #d8dde9; border-width:0 0 1px 1px; line-height:1.444em; text-align:center; }
.tbl01 th { background:#f4f8fd; color:#222; padding:14px 13px 12px 13px; font-weight:normal; }
.tbl01 tr > :first-child { border-left:0; }
.tbl01.td_height_btn31 tr > * { }
.tbl01 tr > *.td_bod_left1 { border-left:1px solid #d8dde9; }
.tbl01 tr > *.td_bod_rith1 { border-right:1px solid #d8dde9; }
.tbl01 td.on a {color:#651bd2}
.tbl01 tr.tr_mark22 > th { background-color:#fefbf3; }
.tbl01 tr.tr_mark22 > td { background-color:#fefbf3;}
.tbl01 .tleftcols {padding:1.41em 1.41em 2.08em 1.41em !important; text-align:left;}
.tbl01.type1 th {  padding:12px 17px 9px 17px; font-size: 1.05em; }
.tbl01.type1 td {  padding:18px 17px 15px 17px; font-size: 0.95em;}
.tbl01.type1 {border:1px solid #d8dde9; text-align:left; margin-bottom:15px}
.tbl01.type1 th {position:relative;text-align:left; font-weight:bold}
.tbl01.type1 th div {position:absolute; float:right; font-family:Verdana; font-size: 0.95em; top:11px; right:15px; font-weight:normal; color:#506f99}

.tbl02 {padding:10px; width:100%; border:1px solid #d8dde9; background:#fff; color:#4d4f5e; font-size:0.8em;}
.tbl02 td,
.tbl02 th { padding:15px; line-height:1.333em; text-align:center; }
.tbl02 td {border-top:1px solid #d8dde9;}
.tbl02 tr:nth-of-type(1) > td {border-top:0;}
.tbl02 input[type="text"], .tbl02 input[type="number"] {width:100%;}

.chkbox1 label,.chkbox2 label,.radio1 label { position:relative; display:inline-block; cursor:pointer; }
.chkbox1 label input[type=checkbox],.chkbox2 label input[type=checkbox],.radio1 label input[type=radio] {width:0; height:0; font-size:0; position:absolute; visibility:hidden; }


.chkbox1 label input[type=checkbox] + i {  font-style: normal; padding:0 0 0 23px; background:url('https://imgsvr.visangesn.com/ddaksoo/form.chkbox1.png') left center/17px no-repeat; font-weight:bold; color:#777; line-height:1.167em; font-size:14px; display:inline-block; }
.chkbox2 label i{  font-style: normal; padding:0 23px 0 0; background:url('https://imgsvr.visangesn.com/ddaksoo/form.chkbox1.png') right center/17px no-repeat; font-weight:bold; color:#777; line-height:1.167em; font-size:14px; display:inline-block; }

.chkbox1 label input[type=checkbox]:checked + i { background-image:url('https://imgsvr.visangesn.com/ddaksoo/form.chkbox1.on.png'); color:#222; }
.chkbox2 label i + input[type=checkbox]:checked { background-image:url('https://imgsvr.visangesn.com/ddaksoo/form.chkbox1.on.png'); color:#222; }

.chkbox1 label { position:relative; display:inline-block; cursor:pointer; }
.chkbox1 label input[type=checkbox] { position:absolute; visibility:hidden; }


.chkbox2 label input[type=checkbox] + i {  font-style: normal; padding:2px 0 0 30px; background:url('https://imgsvr.visangesn.com/ddaksoo/form.chkbox2.png') left center/21px no-repeat; color:#777; line-height:1.167em;  font-size:1.05rem; font-weight:normal;  display:inline-block; }
.chkbox2 label input[type=checkbox]:checked + i { background-image:url('https://imgsvr.visangesn.com/ddaksoo/form.chkbox2.on.png'); color:#222; }
.chkbox2 label { position:relative; display:inline-block; cursor:pointer; }
.chkbox2 label input[type=checkbox] { position:absolute; visibility:hidden; }


.radio1 label input[type=radio] + i {font-style:normal; min-height:20px; padding:3px 0 0 27px; background:url('https://imgsvr.visangesn.com/ddaksoo/form.radio1.png') left center / 20px no-repeat; color:#444;font-size:1.1rem;line-height:20px; display:inline-block; }
.radio1 label input[type=radio]:checked + i { background-image:url('https://imgsvr.visangesn.com/ddaksoo/form.radio1.on.png'); font-weight:bold; }
.radio1 label.noText { width:20px;height:20px; font-size:0; }
.radio1 label.noText input[type=radio] + i { width:20px; padding:0; background-position:50% 50%; }

.rwdInput1,.rwdInput2 { display:-webkit-flex;display:flex; }
.rwdInput1 > * + * { margin-left:.5em; }
.rwdInput1 .free,
.rwdInput2 .free { width:0; -webkit-flex:1 1 auto;flex:1 1 auto; }
.rwdInput2 [class^='btn34'] { margin-left:-1px; }
.rwdInput1.type1 .box02 { padding:.7em 1em 1em; }
.rwdInput1.type1 .btn { padding:0 2em; background:#25d0c3;color:#fff; font-weight:bold; }
.rwdInput1 + .rwdInput1 {margin-top:0.6rem}

.btn01 {display:inline-block; height:36px; line-height:37px; color:#fff; font-size:15px; font-weight:600; background:#3a64ff; border-radius:4px; cursor:pointer;}
.btn02 {display:inline-block; height:36px; line-height:37px; color:#fff; font-size:15px; font-weight:600; background:#484848; border-radius:4px; cursor:pointer;}



.info-title { width:230px !important; height: 32px !important; text-align: center; line-height:22px; padding:5px; font-size:14px; overflow:hidden;}

/*딱수 스토리 */
.mvVisual {
}

.mvVisual .title-area {
}

.mvVisual .title-area .mv-qs {
  font-family: 'nmj';
  font-size: 38px;
  color: #000;
  font-weight: 400;
  letter-spacing: -0.76px;
  display: block;
  text-align: center;
  line-height: 47.5px;
  opacity: 0;
}

.mvVisual .title-area .mv-qs br {
  display: none;
}

.mvVisual .title-area .mv-qs .bold {
  display: inline-block;
  font-weight: 800;
}

.mvVisual .tmsbui-01 {
  width: 446px;
  display: block;
  margin: 10px auto 0;
}

.mvVisual .tmsbui-01 .searchbar form {
  height: 51px;
  width: 100%;
  display: block;
  border-bottom: 3px solid #000;
  border-radius: 0;
  /* overflow: hidden; */
}

.mvVisual .tmsbui-01 .searchbar form fieldset {
  position: relative;
  width: 100%;
  height: 100%;
  /* background-color: #05003C; */
}

.mvVisual .tmsbui-01 .searchbar form fieldset .form_inner {
  width: 100%;
  height: 100%;
  display: block;
}

.mvVisual .tmsbui-01 .searchbar form fieldset .form_inner .skip {
}

.mvVisual .tmsbui-01 .searchbar form fieldset .form_inner input[type="text"] {
  display: inline-block;
  width: calc(100% - 40px);
  height: 100%;
  border: none;
  max-width: none;
  /* border-radius: 15px; */
  background-color: #fff;
  padding-left: 0;
  color: #000;
  font-size: 15px;
}

.mvVisual .tmsbui-01 .searchbar form fieldset .form_inner input[type="text"]::placeholder {
  font-size: 16px;
  font-weight: 600;
  color: #888;
}

.mvVisual .tmsbui-01 .searchbar form fieldset .form_inner .submit {
  display: inline-block;
  width: 38px;
  height: 38px;
  position: absolute;
  right: 0;
  top: 0;
  /* background-color: #05003C; */
  border-radius: 50%;
}

.mvVisual .tmsbui-01 .searchbar form fieldset .form_inner .submit input[type="submit"] {
  width: 100%;
  height: 100%;
  background-color: #000;
  border: none;
  border-radius: 50%;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3602 11.3592L14.3002 14.2992M7.1602 12.6192C10.1757 12.6192 12.6202 10.1747 12.6202 7.15922C12.6202 4.14376 10.1757 1.69922 7.1602 1.69922C4.14473 1.69922 1.7002 4.14376 1.7002 7.15922C1.7002 10.1747 4.14473 12.6192 7.1602 12.6192Z' stroke='white' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  box-shadow: 0px 3.24px 8.09999942779541px rgba(0, 0, 0, 0.25);
  transition: all 0.3s;
}

.mvVisual .tmsbui-01 .searchbar form fieldset .form_inner .submit input[type="submit"]:hover, .mvVisual .tmsbui-01 .searchbar form fieldset .form_inner .submit input[type="submit"]:focus {
  background-color: #DD1227;
}

.mvVisual .tmsbui-01 .searchbar form fieldset .form_inner .submit label {
}

.mvVisual .slide-area {
  position: relative;
  margin-top: 31px;
}

.slide-ui-sample1 {
}

.slide-ui-sample1 .slide, .slide-ui-sample1 .slide .item {
  height: 606px;
}

.slide-ui-sample1 .slide {
  width: calc(100% + 20px);
  margin: 0 -10px;
  overflow: hidden
}

.slide-ui-sample1 .slide.slick-initialized.slick-slider {
  overflow: visible;
}

.slide-ui-sample1 .slide .item {
  width: 100%;
  display: block;
  padding: 0 10px;
}

.slide-ui-sample1 .slide .item .link {
  width: 100%;
  height: 100%;
  display: block;
}

.slide-ui-sample1 .slide .item .link .mv-link {
  width: 100%;
  height: 100%;
  display: block;
}

.slide-ui-sample1 .slide .item .link .mv-link .thm-box {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.slide-ui-sample1 .slide .item .link .mv-link .thm-box .video {
  height: 100%;
  width: 100%;
  display: block;
}

.slide-ui-sample1 .slide .item .link .mv-link .thm-box .video video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: 100%;
  object-fit: cover;
  line-height: 0;
}

.slide-ui-sample1 .slide .item .link .mv-link img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  max-width: none;
  max-height: none;
  height: 100%;
  width: auto;
}

.slide-ui-sample1 .slick-list {
  overflow: visible;
  height: 100%;
}

.slide-ui-sample1 .slick-list .slick-track {
  height: 100%;
  white-space: nowrap;
}

.slide-ui-sample1 .slide .slick-slide .item {
  opacity: 0.4
}

.slide-ui-sample1 .slide .slick-slide.slick-current .item {
  opacity: 1
}

.slide-ui-sample1 .slide_control {
  position: absolute;
  right: -0.5px;
  bottom: 0;
  display: flex;
}

.slide-ui-sample1 .slide_control .dot {
  display: none;
}

.slide-ui-sample1 .slide_control .button {
  width: 70px;
  height: 70px;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #000;
  transition: all 0.3s;
  margin: 0 0.5px;
}

.slide-ui-sample1 .slide_control .button.prev {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='28' viewBox='0 0 15 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2412 26.7734L1.5133 14.0455L14.2412 1.31759' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.slide-ui-sample1 .slide_control .button.next {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='28' viewBox='0 0 16 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33008 26.7733L14.058 14.0454L1.33008 1.31747' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.slide-ui-sample1 .slide_control .button.prev, .slide-ui-sample1 .slide_control .button.next {
  background-color: rgba(0,0,0,0.4);
}

.slide-ui-sample1 .slide_control .button.prev:hover, .slide-ui-sample1 .slide_control .button.next:hover, .slide-ui-sample1 .slide_control .button.prev:focus, .slide-ui-sample1 .slide_control .button.nextLfocus {
  background-color: #000;
}

.slide-ui-sample1 .slide_control .button.stop, .slide-ui-sample1 .slide_control .button.play {
}

.slide-ui-sample1 .slide_control .button.stop {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.9375 0.222534L1.9375 25.7759M12.0625 0.222534L12.0625 25.7759' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.slide-ui-sample1 .slide_control .button.play {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='26' viewBox='0 0 17 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4559 13.0454L0.728027 25.7733L0.728026 0.317469L16.4559 13.0454Z' fill='white'/%3E%3C/svg%3E%0A");
  display: none;
}

.slide-ui-sample1 .slide_control .button.stop:hover, .slide-ui-sample1 .slide_control .button.play:hover, .slide-ui-sample1 .slide_control .button.stop:focus, .slide-ui-sample1 .slide_control .button.play:focus {
  background-color: #DD1227;
}

.slick-initialized .slick-slide {
  display: block
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide img {
  display: block;
  width: 100%;
  height: auto;
}


/* 이미지 */
@charset "utf-8"; .slick-slider {
                    position: relative;
                    display: block;
                    box-sizing: border-box;
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none;
                    -webkit-touch-callout: none;
                    -khtml-user-select: none;
                    -ms-touch-action: pan-y;
                    touch-action: pan-y;
                    -webkit-tap-highlight-color: transparent
                  }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer
}

.slick-slider .slick-list,.slick-slider .slick-track {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0)
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}

.slick-track:after,.slick-track:before {
  display: table;
  content: ''
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

.slick-slide img {
  display: block;
  width: 100%;
  height: auto;
}

/* 이미지 */

/* 하단버튼 */
.slide-ui-sample1 .slide_control .slider-progress {
  width: 300px;
  height: 2px;
  display: inline-block;
}

.slide-ui-sample1 .slide_control .slider-progress .progress {
  height: 100%;
  background-color: red;
}

.slide-ui-sample1 .slide_control {
  position: absolute;
  right: -0.5px;
  bottom: 0;
  display: flex;
}

.slide-ui-sample1 .slide_control .dot {
  display: none;
}

.slide-ui-sample1 .slide_control .button {
  width: 70px;
  height: 70px;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #000;
  transition: all 0.3s;
  margin: 0 0.5px;
}

.slide-ui-sample1 .slide_control .button.prev {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='28' viewBox='0 0 15 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.2412 26.7734L1.5133 14.0455L14.2412 1.31759' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.slide-ui-sample1 .slide_control .button.next {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='28' viewBox='0 0 16 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33008 26.7733L14.058 14.0454L1.33008 1.31747' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.slide-ui-sample1 .slide_control .button.prev, .slide-ui-sample1 .slide_control .button.next {
  background-color: rgba(0,0,0,0.4);
}

.slide-ui-sample1 .slide_control .button.prev:hover, .slide-ui-sample1 .slide_control .button.next:hover, .slide-ui-sample1 .slide_control .button.prev:focus, .slide-ui-sample1 .slide_control .button.nextLfocus {
  background-color: #000;
}

.slide-ui-sample1 .slide_control .button.stop, .slide-ui-sample1 .slide_control .button.play {
}

.slide-ui-sample1 .slide_control .button.stop {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='26' viewBox='0 0 14 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.9375 0.222534L1.9375 25.7759M12.0625 0.222534L12.0625 25.7759' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.slide-ui-sample1 .slide_control .button.play {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='26' viewBox='0 0 17 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4559 13.0454L0.728027 25.7733L0.728026 0.317469L16.4559 13.0454Z' fill='white'/%3E%3C/svg%3E%0A");
  display: none;
}

.slide-ui-sample1 .slide_control .button.stop:hover, .slide-ui-sample1 .slide_control .button.play:hover, .slide-ui-sample1 .slide_control .button.stop:focus, .slide-ui-sample1 .slide_control .button.play:focus {
  background-color: #DD1227;
}



/* 무료 AI 온라인 진단평가 */
#onlinePop .popupBox  { position:relative; background:#d7ebf7; background-image: url('https://imgsvr.visangesn.com/ddaksoo/bg1.png');  background-repeat: no-repeat; background-position: right bottom; background-size: contain;}
#onlinePop .popupBox::before {content: ''; position:absolute; left:0; top:70px; width:24%; height:27%; background-image: url('https://imgsvr.visangesn.com/ddaksoo/bg2.png');  background-repeat: no-repeat; background-position: top -70px; background-size: contain;}
#onlinePop .popupBox .pophead {background:#FFF; padding:0.6rem 0 0.7rem; border-bottom:1px solid #f0f1f2; box-shadow:0 0 .4rem rgba(48, 190, 237, .3)}
#onlinePop .popupBox .pophead .logo { width: 10rem; height:3.5rem; margin:0 auto; background: url('https://imgsvr.visangesn.com/ddaksoo/logo.png') no-repeat 0 0; background-size: contain;}
/*
#onlinePop .popupBox .pophead {background:#FFF; padding:0.8rem 0 1rem; border-bottom:1px solid #f0f1f2; box-shadow:0 0 .5rem rgba(97, 153, 132, .1)}
#onlinePop .popupBox .pophead .logo { width: 10rem; height:2.7rem; margin:0 auto; background: url('https://imgsvr.visangesn.com/ddaksoo/logo.png') no-repeat 0 0; background-size: contain;}
*/
#onlinePop .popupBox .cont { padding:1rem 2rem 3rem 2rem}

#onlinePop .popupBox .contHead {text-align:center; padding:0.6em 0 1em 0; font-size:3.2rem;}
#onlinePop .popupBox .contHead p {margin-top:0.5em; font-size:1.1rem; color:#7d808e;}
#onlinePop .popupBox .btn {text-align:right; max-width:1000px; margin:0 auto; margin-top:-40px }
#onlinePop .popupBox .btn a { padding:0.5rem 0.8em}
#onlinePop .popupBox .btn a._play {border-color:#c5ddec}
#onlinePop .popupBox .btn a._play:before { content:''; width:1.1em;height:1.1em; margin:0 .45em 0 -.1em ; border-radius:50%; background:url('https://imgsvr.visangesn.com/ddaksoo/ico.faq.png') 50% 50%/contain no-repeat; vertical-align:-.25em;display:inline-block; }
#onlinePop .popupBox select,
#onlinePop .popupBox input {height: 3.4rem; padding: 0.6em 1.25em 0.5em 1.25em; border: 1px solid #d0d3d8; font-size: 1rem;}
#onlinePop .popupBox select {width: 100%; padding-right: 50px; background-image: url('https://imgsvr.visangesn.com/ddaksoo/ico_select.png'); background-repeat: no-repeat; background-position: calc(100% - 1.25em) 50%; background-size: 0.8em auto}

#onlinePop .popupBox .apply {max-width:1200px; margin:0 auto; padding:70px 70px 60px 70px; border-radius:40px; background:#fff; box-shadow:0 0 16px rgba(48, 190, 237, 0.2)}
#onlinePop .popupBox .apply > p {text-align:right; font-size:0.8rem; margin-bottom:5px}
#onlinePop .popupBox .apply li {display: flex; padding:0.8rem 0; align-items: center; }
#onlinePop .popupBox .apply li .lb {width:19rem; margin-bottom:0.3rem; font-weight: 700; font-size: 1.3rem; color: #222;}
#onlinePop .popupBox .apply li > div {width:100%}
#onlinePop .popupBox .apply li .radio1 label {margin-right:1.5rem; margin-bottom:0.5rem}
#onlinePop .popupBox .apply li.tline {border-top:1px solid #e7e9eb; margin-top:1.5rem; padding-top:1.5rem;}
#onlinePop .popupBox .apply li p {margin-top:0.4rem; font-size:0.9rem}
#onlinePop .popupBox .apply .innerText1 {display:flex; -webkit-flex:1 1 auto;flex:1 1 auto; }
#onlinePop .popupBox .apply .input-wrap input {width:100%}
/*
#onlinePop .popupBox .chkbox2 label {position:relative; width:48%;  padding:0.3rem 0}
#onlinePop .popupBox .chkbox2 label:first-child i {font-size:1.1rem; color:#000; font-weight:bold}
#onlinePop .popupBox .chkbox2 label::after {content: ''; position: absolute; right:0; width:20px; height:20px; background:url('https://imgsvr.visangesn.com/ddaksoo/ico_arrow2.png') no-repeat center center / 7px auto; opacity:0.6}
#onlinePop .popupBox .chkbox2 label:first-child::after {display:none}
*/
#onlinePop .popupBox .chkbox2 li {position:relative; padding:0.3rem 0}
#onlinePop .popupBox .chkbox2 li:first-child i {font-size:1.1rem; color:#000; font-weight:bold}
#onlinePop .popupBox .chkbox2 li a {content: ''; position: absolute; right:0; width:30px; height:30px; background:url('https://imgsvr.visangesn.com/ddaksoo/ico_arrow2.png') no-repeat center center / 7px auto; opacity:0.6}

#onlinePop .popupBox .btnArea {padding:3rem 0 1rem; text-align:center;}
#onlinePop .popupBox .btnArea .btn {display:none}
#onlinePop .popupBox a[class^="btn"]:not(.disabled) { cursor:pointer;}


/* mobile ===========================================================*/
@media (max-width: 680px) {
  #onlinePop .popupBox::before {width:42%; height:12%; background-position:-30px -95px;  }
  #onlinePop .popupBox .pophead .logo {width:9.5rem; height:3rem}
  #onlinePop .popupBox .cont { padding:1rem 1rem}
  #onlinePop .popupBox .apply li {display: block}
  #onlinePop .popupBox .apply li .lb {font-size:1rem; display:block; margin-bottom:0.3rem}
  #onlinePop .popupBox .apply {padding:20px 30px}
  #onlinePop .popupBox .apply > p {margin:5px 0 -10px 0}
  #onlinePop .popupBox input {padding:0.5em 0.7em}
  #onlinePop .popupBox .contHead {font-size:1.6rem;}
  #onlinePop .popupBox .contHead p {font-size:0.85rem;}
  #onlinePop .popupBox .contHead .btn {display:none}
  #onlinePop .popupBox .btnArea {padding:1rem 0 1rem;}
  #onlinePop .popupBox .btnArea .btn {display:block; text-align:center; margin-top:15px}
  #onlinePop .popupBox .btnArea .btn a {font-size:0.9rem; padding-top:0.6rem;}
  #onlinePop .popupBox .chkbox2 label {width:100%}

}




[class^= 'btn30'],[class*=' btn30']{ height:2.5em; padding:0 1em; border:1px solid #c8cbd0;border-radius:.4em; background:#fff;color:#222;font-size:1rem;line-height:2.5em; }
[class^= 'btn34'],[class*=' btn34']{ height:3.4rem; padding:0 1em; border:1px solid #4f4f4f; background:#fff;color:#222; font-size:1rem;line-height:3.4em; }
.btn34b { background-color:#8c96a7; height:3.4rem; line-height:3.4rem; color:#fff; border-color:#8c96a7; }
.btn34p {height: 63px; padding:1.4rem 2.7rem 1.2rem 2.7rem; border:none; border-radius: 50px; background: #343d4c; font-weight:bold; font-size: 1.5rem; color: #fff;}

.btn35p {height: 63px; padding:0.9rem 1.7rem 0.85rem 1.7rem; border:none; border-radius: 50px; background: #00afe9; font-weight:normal; font-size: 1.3rem; color: #fff; }
.btn35c {height: 63px; padding:0.9rem 1.8rem 0.85rem 1.8rem; border:none; border-radius: 50px; background: #8c96a7; font-weight:normal; font-size: 1.3rem; color: #fff;  }

.btn35 {border:1px solid #c8cbd0; color:#222; background:#fff; font-weight:normal}
.btn35b { background-color:#0da3e1; color:#fff; border-color:#0da3e1; }
.btn34c { background-color:#00AFE9; height:3.4rem; color:#fff; border-color:#00AFE9; }

.innerText1 { position:relative; }
.innerText1 input { width:100%; }
.innerText1 input[type=text]::-ms-clear {display: none;}
.innerText1 samp { position:absolute;right:20px;top:49%; color:#dc4867; background:#fff; transform:translateY(-45%);  background:Transparent}


/* layer popup */
.layer-dim{z-index: 888;}
.dim,.layer-dim{width:100%; height:100%; background-color: rgba(0,0,0,.7); position: fixed; top:0; left: 0; z-index: 1;}

.layer-popup-wrap{display:none;}
.layer-popup-wrap.open{display:block;}
.layer-popup{position: fixed; top:50%; left:50%; transform: translate(-50%,-50%); width:86%; max-width:950px; max-height:90%; overflow-y: auto; border:.1rem solid #222; border-radius:2rem; padding:3rem 3.5rem 3.5rem; background-color: #fff; z-index: 889; box-shadow: 0 .8rem 1.5rem var(--shdow1);}


.layer-popup .layer-head{position: relative; margin-bottom:1.8rem}
.layer-popup .layer-head .close{width:1.3rem; height:1.3rem; background: url(https://imgsvr.visangesn.com/ddaksoo/ico_close2.png) no-repeat 0 0 / 1.3rem auto; position: absolute;  top:-1.5rem; right:-2rem;}
.layer-popup .layer-head .sub-txt{margin-left:1.5rem}
.layer-popup .layer-cont2 {height:500px; padding-right:10px; overflow-y: auto;}
.layer-popup .layer-cont {font-size:1.3rem; color:#444;  margin:1rem 0 0.8rem 0; line-height:2.3rem; text-align:center}
.layer-popup .layer-cont strong {color:#222;font-size:1.8rem;}
.layer-popup .layer-cont p {font-size:1rem; line-height:1rem; margin-top:1.2rem; margin-bottom:2.3rem}
.layer-popup .layer-cont.type1 {font-size:1.4rem; line-height:2.7rem; }
.layer-popup .layer-cont.type1 strong {font-size:2rem;}

.layer-popup .layer-cont .btnArea {margin-top:2.5rem}
.layer-popup .layer-cont .btnArea a {margin:0.2rem}
.layer-popup .pop-txt {font-size:0.8rem; color:#666; margin-top:0.5rem; line-height:1rem}
.layer-popup .pop-txt + table {margin-top:1rem}
.layer-popup .tit-area{font-size:1.6rem; line-height:1.5rem; font-weight:700; color:#2d2d2d; line-height: 1.8rem;}
.layer-popup .tit-sub.bar{font-size:1.1rem; }
.layer-popup .tit-sub.bar::before{content:''; display:inline-block; width:.2rem; height:1.1rem; background-color: #00afe9; vertical-align: middle; margin:-.2rem .5rem 0 0}
.layer-popup .tit-check {display:flex; padding:3.3rem 0 0.7rem 0; align-items:center; justify-content:space-between}
.layer-popup .tit-check.type1 {padding:1rem 0 1.5rem 0; border-bottom:1px solid #e3ecea}
.layer-popup table {font-size:0.9rem}


/*FAQ */
.tab-wrap{position:relative; margin-bottom:10px}
.layer-popup .tab-wrap .tab-mn + div {display: none;}
.layer-popup .tab-wrap .tab-mn.on + div {display: block;}

.layer-popup .tab-wrap .tab-mn{border-bottom:.2rem solid var(--blue1); align-items:flex-end}
.layer-popup .tab-wrap .tab-mn a{display:flex;  width:47%;margin-top:-1px;background:#f4f8fd; padding:18px 17px 18px 20px; border-top:1px solid #d8dde9; border-bottom:1px solid #d8dde9;gap:9px; font-size:1.05rem;}
.layer-popup .tab-wrap .tab-mn.on a{color:#008cdc;}
.layer-popup .tab-wrap .tab-mn>a span:first-child {font-size:1.1rem; font-weight:bold; font-family:Verdana, Geneva, sans-serif; }
.layer-popup .tab-wrap .tab-mn>a span:last-child {margin-top:0.2rem; letter-spacing:-0.5px}

.layer-popup .tab-wrap .tab-cont .panel {position:absolute; font-size:1rem; color:#444; border:1px solid #d8dde9; border-radius:10px; padding:30px;background: url(https://imgsvr.visangesn.com/ddaksoo/img_qna.png) no-repeat right bottom / 10rem auto;  background-color:#fff; width:50%; height:100%; right:0; top:0; display:none;}
.layer-popup .tab-wrap .tab-cont .panel.on {display:table-row;}
.layer-popup .tab-wrap .tab-cont .panel p {font-weight:bold; font-size:1.3rem; color:#222; margin-bottom:14px}
.layer-popup .tab-wrap .tab-cont .panel p span{font-size:1.6rem; display:block; margin-bottom:5px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; }


/* mobile ===========================================================*/
@media (max-width: 680px) {
  .layer-popup {padding:2.3rem 1.5rem 2.3rem 1.5rem; width:92%}
  .layer-popup .tit-area {font-size:1.2rem; line-height:1.6rem}
  .layer-popup .layer-head .close{width:1.2rem; height:1.2rem; background: url(https://imgsvr.visangesn.com/ddaksoo/ico_close2.png) no-repeat 0 0 / 1.2rem auto; position: absolute;  top:-0.8rem; right:-0rem;}
  .layer-popup .tab-wrap .tab-mn {width:100%;}
  .layer-popup .tab-wrap .tab-mn a {width:100%; font-size:0.9rem; padding:12px 17px 12px 20px}
  .layer-popup .tab-wrap .tab-mn>a span:first-child {font-size:1rem}
  .layer-popup .tab-wrap .tab-cont .panel {width:100%; padding:15px 20px; font-size:0.9rem; position:static; height:auto; font-size:0.9rem;  color:#444; border:none; background:#fff; display:none;}
  .layer-popup .tab-wrap .tab-cont .panel.on  {display:block; padding:15px; }
  .layer-popup .tab-wrap .tab-cont .panel p {display:none;}
  .layer-popup .tab-wrap .tab-cont .panel.type1 {border-bottom:1px solid #d8dde9}
  .layer-popup .tit-sub.bar {font-size:0.95rem}
  .layer-popup .layer-head {margin-bottom:10px}
  .layer-popup .layer-cont {font-size:0.9rem; line-height:2rem; margin:0.2rem 0 0.2rem 0}
  .layer-popup .layer-cont strong {font-size:1.2rem}
  .layer-popup .layer-cont .btnArea {margin-top:1.5rem}
  .layer-popup .layer-cont .btnArea a {margin:0.1rem; font-size:1rem; padding:0.8rem 1.1rem 0.7rem}
  .layer-popup .layer-cont.type1 {font-size:1rem; line-height:2.1rem; margin-top:-0.2rem}
  .layer-popup .layer-cont.type1 strong {font-size:1.4rem; letter-spacing:-0.5px; margin-top:-0.5rem;}
  .layer-popup .layer-cont p {margin:0.5rem 0; font-size:0.8rem;}
  .layer-popup .layer-cont2 .chkbox2 label input[type=checkbox] + i {font-size:0.95rem; background:url('https://imgsvr.visangesn.com/ddaksoo/form.chkbox2.png') left center/19px no-repeat; padding:2px 0 0 25px}
  .layer-popup .layer-cont2 .chkbox2 label input[type=checkbox]:checked + i { background-image:url('https://imgsvr.visangesn.com/ddaksoo/form.chkbox2.on.png'); color:#222; }

  .layer-popup .layer-cont2 .tbl01 td, .tbl01 th {font-size:0.7rem; line-height:1rem; padding:10px 6px 8px 6px}
  .innerText1 samp {right:10px}
  [class^= 'btn34'], [class*=' btn34'] {font-size:0.9rem; padding:0.1rem 0.7rem 0 0.7rem}
  .btn34p	{font-size:1rem; padding:1rem 1.9rem}
  .layer-popup .tit-check {padding:2.5rem 0 0.7rem 0;}
}


/* content scrollbar */
.scrollbar{overflow-y: auto;}
.scrollbar::-webkit-scrollbar{width:.4rem; -webkit-appearance:none;}
.scrollbar::-webkit-scrollbar-thumb{background:#ccc; border-radius:.3rem}
.scrollbar::-webkit-scrollbar-track{background:rgba(0,0,0,.03)}

#evaluationPop .popupBox.type1 {max-width:860px; margin:0 auto}

#evaluationPop [class*="eval"] {position:relative}
#evaluationPop [class*="eval"] a {position:absolute; background:#ccc; opacity:0; display:block; }

#evaluationPop .eval01 a.btn01 {left:16.4%; top:39.7%; height:16.7%; width:67.2%}

#evaluationPop .eval02 a.btn01 {right:17.5%; top:42.5%; height:4.8%; width:15.5%}

#evaluationPop .eval06 a {background:#ccc; opacity:45%; display:block; bottom:1%; height:10.7%; width:46.5%}
#evaluationPop .eval06 a.btn01 {left:2%}
#evaluationPop .eval06 a.btn02 {right:3%}

#evaluationPop [class*="eval"] p {position:absolute; }
#evaluationPop .eval02 div > img {position:absolute; }
#evaluationPop .eval02 [class^='obj'] {position: absolute; opacity: 0; transform: scale(0); }
#evaluationPop .eval04 [class^='obj'] {position: absolute; opacity: 0; transform: scale(0); }
#evaluationPop .eval02 p.img021 {left:15%; bottom: 22.8%; width: 22.5%;}
#evaluationPop .eval02 p.img022 {left:12.5%; bottom: 21.3%; width: 22.5%; }
#evaluationPop .eval02 p.img023 {left:10%; bottom: 19.8%; width: 22.5%; }
#evaluationPop .eval02 p.img021 .obj {transition: transform 2s; transition-delay: 0.2s;}
#evaluationPop .eval02 p.img022 .obj2 {transition: transform 2.4s; transition-delay: 0.35s;}
#evaluationPop .eval02 p.img023 .obj3 {transition: transform 2.7s; transition-delay: 0.4s;}
#evaluationPop .eval02 p.img024 {bottom:10%; right:7%; width:33.7%}
#evaluationPop .eval03 p.img031 {top:42%; left:11%;  width:28.1%}
#evaluationPop .eval03 p.img032 {top:41.5%; right:12%; width:28%}
#evaluationPop .eval04 p.img041 {left:25%; top: 23%; width: 50.5%; }
#evaluationPop .eval04 p.img041 .obj {transition: all 0.8s ease; transition-delay:0.2s}


#evaluationPop .eval02 p.img024 { animation:ani_visual_deco3 0.8s ease-in-out alternate infinite; }
#evaluationPop .eval03 p.img031 { animation:ani_visual_deco1 0.8s ease-in-out alternate infinite; }
#evaluationPop .eval03 p.img032 { animation:ani_visual_deco2 0.8s ease-in-out alternate infinite; }
#evaluationPop .eval06 p.img061 { top:21.4%; left:8%; width:18%; animation:ani_visual_deco1 0.8s ease-in-out alternate infinite; }
#evaluationPop .eval06 p.img062 { top:21.5%; right:5.8%; width:24.3%; animation:ani_visual_deco2 0.8s ease-in-out alternate infinite; }

#visual > div p.img07 { animation:ani_visual_deco1 3s ease-in-out alternate infinite; }

#visual > div p.img01 { animation:ani_visual_deco3 1.5s ease-in-out alternate }



@keyframes ani_visual_deco1 {
  0% { opacity:1; transform:translateY(-7%); }
  100% { opacity:1; transform:translateY(5%); }
}
@keyframes ani_visual_deco2 {
  0% { opacity:1; transform:translateY(10px); }
  100% { opacity:1; transform:translateY(-8px); }
}

@keyframes ani_visual_deco3 {
  0% { opacity:1; transform:translateY(6px); }
  100% { opacity:1; transform:translateY(-6px); }
}

@keyframes ani_visual_deco4 {
  0% { opacity:0; }
  100% { opacity:1;  }
}


/* 메인레이어 */
.main_layer {position:fixed; width:100%;  margin-top:-45px; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; z-index:999}
.main_layer .online1 {display:none; }
.main_layer .online2 {display:block; position:relative; width:80%; margin:0 auto}
.main_layer .online2 > a {display:block; position:absolute; height:10%; bottom:6.5%; left:0; width:100%; }
.main_layer .chkbox1 {margin-top:-0.15rem; margin-right:0.7rem}
.main_layer .chkbox1 label input[type=checkbox] + i {margin-top:2px; font-size:16px}
.main_layer .close {background:#fff; padding:0.4rem 0.8rem; display:flex;justify-content: right; align-items: center; }
.main_layer .close img {height:1.2em; width:auto }



@media all and (min-width:680px){
  .main_layer {width:80%}
  .main_layer .online1 {display:block; max-width:750px; position:relative; margin:0 auto;}
  .main_layer .online1 > a {display:block; position:absolute; height:10%; bottom:5.7%; left:0; width:100%; }
  .main_layer .online2 {display:none; }
}