body { width:100%; }
body.hidden { width:100%; overflow:hidden }
.mo { display:none; }
.wrapper { overflow:hidden; position:relative; width: 100%; max-width: 1920px; margin: 0 auto; background:#fff }

header { z-index:100; position:fixed; left:0; top:0; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100px; padding: 0 60px; background:#fff }
header .menu { display: flex; }
header .menu li { margin-left: 10px }
header .menu li a { display: flex; align-items: center; justify-content: center; width: 226px; height: 56px; color: #076DF3; font-size: 16px; font-weight: 800; background: #FFFFFF; border: 1px solid #076DF3; border-radius: 4px; }
header .menu a img { margin-right: 8px }

.container { position:fixed; left:0; top:0; width:100%; padding-top:100px; }

.key_visual { position: relative; width: 100%; height: 812px; }
.key_visual .swiper-wrapper .swiper-slide { overflow:hidden; flex-shrink: 0; display: flex; justify-content: center; align-items: flex-end; width: 100%; height: 812px; padding-bottom: 216px; }
.key_visual .swiper-wrapper .swiper-slide .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-size: cover; background-repeat: no-repeat; background-position: center center }
.key_visual .swiper-wrapper .swiper-slide .inner { width: 1300px; color: #fff; padding:0 50px; }
.key_visual .swiper-wrapper .swiper-slide .inner .tit { font-size: 64px; line-height: 84px; font-weight: 300; }
.key_visual .swiper-wrapper .swiper-slide .inner .tit strong { font-weight: 600; }
.key_visual .swiper-wrapper .swiper-slide .inner .sub_tit { font-size: 24px; line-height:36px; font-weight:200; vertical-align: middle; margin-top:40px }
.key_visual .swiper-wrapper .swiper-slide .inner .sub_tit strong { font-weight: 500; }
.key_visual .swiper-wrapper .swiper-slide .inner .sub_tit img { vertical-align: middle; margin-right:7px }

.key_visual .swiper-wrapper .swiper-slide .tit,
.key_visual .swiper-wrapper .swiper-slide .sub_tit { opacity:0; transform: translateX(30%); }

.key_visual .swiper-wrapper .swiper-slide.swiper-slide-active .bg {animation:bgZoom 20s forwards ease}
.key_visual .swiper-wrapper .swiper-slide.swiper-slide-active .tit,
.key_visual .swiper-wrapper .swiper-slide.swiper-slide-active .sub_tit { opacity:1; transform: translateX(0%); transition: all 0.7s ease; transition-delay: 0.5s; }
.key_visual .swiper-wrapper .swiper-slide.swiper-slide-active .sub_tit { transition-delay: 1s; }

@keyframes bgZoom {
  from {transform: scale(1);}
  to {transform: scale(1.3);}
}

.key_visual .controls_area { z-index:99; position:absolute; left:50%; bottom:120px; display:flex; align-items: center; max-width:1300px; width:100%; padding:0 50px; transform: translateX(-50%); }
.key_visual .controls_area .btn_arrow { width:17px; height:30px; font-size:0; background-image:url(/assets/img/icon_arrow.svg); background-position:center top; background-repeat: no-repeat; }
.key_visual .controls_area .btn_arrow.btn_arrow_next { transform: rotate(180deg); }
.key_visual .controls_area .nav { display:flex; align-items: center; }
.key_visual .controls_area .nav li { margin:0 10px }
.key_visual .controls_area .nav li a { cursor: default; opacity:0.2; position:relative; display:block; width:55px; height:30px; font-size:0; transition: opacity 0.5s ease; }
.key_visual .controls_area .nav li a:after { content:''; position:absolute; left:0; top:50%; display:block; width:100%; height:2px; margin-top:-1px; background:#fff }
.key_visual .controls_area .nav li.on a { opacity: 1; }
.key_visual .controls_area .slide_num { color:#fff; font-size: 16px; font-weight:200; margin:0 15px 0 5px }
.key_visual .controls_area .slide_num span { font-weight: 600 }

section { position: relative; }
section .inner { position: relative; }
section img { max-width:100% }
section .title_area { text-align:center; padding:0 50px; }
section .title_area h2 { font-size:50px; font-weight:600; line-height:72px; }
section .title_area .sub { font-size:24px; line-height:36px; margin-top:10px; }
section .title_area .sub strong {font-weight:600}
section .title_area .sub .point { color:#076DF3; font-weight: 600; }
section .title_area .sub .tag { display:inline-block; color:#fff; height:38px; line-height:38px; font-size:20px; font-weight: 600; vertical-align: middle; padding:0 25px; border-radius: 20px; background-color:#076DF3; }
section .title_area .sub img { vertical-align: middle; }

.section1 { padding:120px 0 0; }
.section1 .inner { text-align:center; margin-top:313px; padding-bottom:120px; background-color: #E9F3FF; }
.section1 .inner .cont1 img { margin-top:-263px }

.section2 .inner { display:flex; align-items: center; justify-content: center; padding:145px 50px 113px }
.section2 .inner .title_area { max-width:450px; text-align: left; margin-right:78px; padding:0; }
.section2 .inner .title_area .sub { font-size:20px }

.section3 { padding:125px 0 160px; background-color: #f6f6f6; }
.section3 .title_area .sub img { filter: brightness(0); }
.section3 .cont_schematic { position:relative; text-align: center; margin-top:70px; padding:0 50px }

.section4 { padding:140px 0 180px; }
.section4 .cont_motion { position:relative; padding-top:100px }
.section4 .cont_motion::before,
.section4 .cont_motion::after { z-index:10; content:''; display:block; position:absolute; left:0; top:0; width:30%; height:100%; background: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 48.71%, rgba(255, 255, 255, 0) 95.6%); }
.section4 .cont_motion::after { left:auto; right:0; transform: matrix(-1, 0, 0, 1, 0, 0); }
.section4 .cont_motion .motion_fn { position:relative; width:100%; height:260px; background:url(/assets/img/section4_fn.png) 0 0 repeat-x; animation: marquee_left 20s infinite linear; }
@keyframes marquee_left {
 from { background-position:0 0 }
 to { background-position:-2158px 0 }
 }
.section4 .cont_motion .motion_tag { position:relative; width:100%; height:130px; margin-top:-50px; background:url(/assets/img/section4_tag.png) 0 0 repeat-x; animation: marquee_right 20s infinite linear; }
@keyframes marquee_right {
 from { background-position:0 0 }
 to { background-position:1950px 0 }
 }
 .section4 .cont_motion .baloon { position:absolute; color:#fff; font-size:24px; font-weight:600; text-align: center; border-radius: 8px; padding:13px 28px; background: #222; }
 .section4 .cont_motion .motion_fn .baloon { top:-83px; right:calc(50% + 50px); }
 .section4 .cont_motion .motion_fn .baloon::after { content:''; position:absolute; left:50%; top:100%; display:block; border-left:6px solid transparent; border-right:6px solid transparent; border-top:9px solid #222; margin-left:-6px; }
 .section4 .cont_motion .motion_tag .baloon { bottom:0; left:calc(50% + 100px); }
 .section4 .cont_motion .motion_tag .baloon::after { content:''; position:absolute; left:50%; bottom:100%; display:block; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:9px solid #222; margin-left:-6px; }

.section5 { padding:190px 0 170px; background-color: #f6f6f6; }
.section5 .inner { max-width:1270px; margin:0 auto }
.section5 .inner .title_area { z-index:11; position:absolute; left:0; top:0; display:flex; justify-content: center; flex-direction: column; max-width:50%; height:100%; text-align: left; }
.section5 .inner .title_area .page_area { display: flex; align-items: center; margin-top:9px }
.section5 .inner .title_area .circle_controls { position: relative; display: inline-block; width:54px; vertical-align: middle; margin-right:10px }
.section5 .inner .title_area .circle_controls .circle_box { position: relative; width: 54px; transform: rotate(-90deg); /* transform: rotate(90deg) scaleX(-1); */ }
.section5 .inner .title_area .circle_controls .circle_box .circle { stroke: #fff; fill: none; }
.section5 .inner .title_area .circle_controls .circle_box .circle_bar { stroke: #076DF3; fill: none; stroke-dasharray: 360; stroke-dashoffset: 360; }
.section5 .inner .title_area .circle_controls .slide_num { position: absolute; left:0; top:0; display: flex; align-items: center; justify-content: center; width:100%; height:100%; color:#076DF3; font-size: 16px; font-weight: 600; letter-spacing: 0.2em; }
.section5 .inner .title_area .circle_controls .slide_num .total { font-weight:300 }

.section5 .inner .title_area .slide_tit li {display:none}
.section5 .inner .title_area .slide_tit li:first-child {display:block}

.section5 .inner .title_area .nav { display: flex; flex-wrap: wrap; margin-top:22px; }
.section5 .inner .title_area .nav li { margin: 0 10px 10px 0 }
.section5 .inner .title_area .nav li a { display:block; height:46px; line-height:45px; color:#076DF3; font-size:16px; font-weight:600; text-align: center; padding:0 18px; background: #FFFFFF; border: 2px solid #076DF3; box-shadow: 0px 40px 40px rgba(0, 0, 0, 0.1); border-radius: 4px; transition: all 0.3s ease; }
.section5 .inner .title_area .nav li.on a { color:#fff; background-color: #076DF3; }

.section5 .inner .cont_cms { overflow:hidden; position: relative; width:100%;}
.section5 .inner .cont_cms::before { z-index:10; content:''; position:absolute; left:0; top:0; display:block; width:50%; height:100%; background: linear-gradient(90deg, #F6F6F6 0.66%, #F6F6F6 70.27%, rgba(255, 255, 255, 0) 93.09%); }
.section5 .inner .cont_cms .swiper-slide { width:100%; font-size:50px; background:#f6f6f6 }
/* .section5 .inner .cont_cms .swiper-slide img {max-width:none;} */
.section5 .inner .cont_cms .swiper-slide span { position:absolute; left:50%; top:30%; color:#333; font-size:200px }

.section6 .video_area video { width:100% }
.section6 .video_area img { width:100% }

.section_bottom { padding:120px 50px 130px }
.section_bottom .title_area .sub img { height:21px }
.section_bottom .menu { display: flex; justify-content: center; margin-top:60px; }
.section_bottom .menu li { margin-left: 10px }
.section_bottom .menu li a { display: flex; align-items: center; justify-content: center; width: 300px; height: 80px; color: #fff; font-size: 18px; font-weight: 800; background: #FFFFFF; border-radius: 4px; background-color: #076DF3; }
.section_bottom .menu a img { width:93px; margin-right: 8px }

footer { color:#555F61; font-size:16px; text-align:center; padding:80px 50px; background-color: #f7f7f7; }
footer .logo { margin-right:9px; }
footer address { display:inline-block; font-style: normal; }
.btn_top {display:none; z-index:20; opacity:0.9; position:fixed; right:20px; bottom:20px; width:50px; height:50px; font-size:0; border-radius:3px; background:#076DF3 url("/assets/img/btn_top.png") center center no-repeat;}
.btn_top:hover {animation:topMotion 0.5s alternate ease-in-out}
@keyframes topMotion {
  0% {transform: translateY(0px);}
  50% {transform: translateY(-10px);}
  100% {transform: translateY(0px);}
}

.layer_popup { display:none; z-index:999; overflow:auto; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5) }
.layer_popup .popup { position:absolute; left:50%; top:5%; width:720px; padding-bottom:5%; transform: translateX(-50%); }
.layer_popup .popup .popup_header { color:#076DF3; font-size:40px; font-weight: 600; text-align:center; padding-top:100px; background:#fff; }
.layer_popup .popup .popup_header img { width:198px; vertical-align: middle; margin-top:-6px }
.layer_popup .popup .popup_body { padding:20px 40px 80px; background:#fff; }
.layer_popup .popup .popup_body dt { color:#767676; font-size: 20px; margin-top:30px }
.layer_popup .popup .popup_body dt label { font-weight: 600; margin-right:5px }
.layer_popup .popup .popup_body dt label span { color:#076DF3; font-weight:400 }
.layer_popup .popup .popup_body dt input[type="checkbox"] + label::before { content:''; display:inline-block; width:22px; height:22px; border: 1px solid #CFCFCF; border-radius: 4px; vertical-align: middle; margin-right:12px; margin-top:-5px }
.layer_popup .popup .popup_body dt input[type="checkbox"]:checked + label::before { border-color:#076DF3; background:#076DF3 url("/assets/img/icon_check.svg") center center no-repeat; }
.layer_popup .popup .popup_body dd { margin-top:10px; }
.layer_popup .popup .popup_body dd input { width:100%; height:50px; color:#555F61; font-size:18px; border:1px solid #cfcfcf; padding-left:20px }
.layer_popup .popup .popup_body dd.email_area { display: flex; }
.layer_popup .popup .popup_body dd.email_area input { max-width:206px; color:#555F61; }
.layer_popup .popup .popup_body dd.email_area .dot { min-width:25px; width: 38px; line-height:50px; color:#555F61; font-size: 18px; text-align: center; }
.layer_popup .popup .popup_body dd.email_area select { max-width:178px; height:50px; color:#555F61; font-family: "Pretendard"; font-size:18px; border:1px solid #cfcfcf; padding:0 30px 0 13px; margin-left:12px; background:url("/assets/img/select_arrow.svg") 93% 50% no-repeat; }
.layer_popup .popup .popup_body dd textarea { width:100%; height:160px; color:#555F61; font-family: "Pretendard"; font-size:18px; padding:20px; border:1px solid #cfcfcf; resize: none; }
.layer_popup .popup .popup_body dd textarea::placeholder { color:#cfcfcf }
.layer_popup .popup .popup_body dd .agree_content { overflow:auto; width:100%; height:160px; color:#555F61; font-family: "Pretendard"; font-size:18px; line-height:30px; padding:20px; border:1px solid #cfcfcf; }

.layer_popup .popup .popup_body .info_txt { margin-top:10px }
.layer_popup .popup .popup_body .info_txt li { color:#767676; font-size: 18px; line-height: 30px; padding-left:15px; text-indent: -15px; }
.layer_popup .popup .popup_body .btn_send { width:100%; height:82px; line-height:80px; text-align:center; color:#fff; font-family: "Pretendard"; font-size:28px; font-weight: 600; margin-top:30px; background-color: #076DF3; }
.layer_popup .popup .btn_close { position:absolute; right:35px; top:35px; width:45px; height:45px; font-size: 0; }
.layer_popup .popup .btn_close::before,
.layer_popup .popup .btn_close::after { content:''; position:absolute; left:0%; top:50%; display:block; width:100%; height:2px; background-color: #000; }
.layer_popup .popup .btn_close::before { transform: rotate(45deg); }
.layer_popup .popup .btn_close::after { transform: rotate(-45deg); }


/* Mobile */
@media all and (max-width:980px){
 .pc { display:none !important;}
 .mo { display: inline-block; }
 .container { padding-top:13.889vw; }

 section .title_area { text-align:center; padding:0 5.556vw; }
 section .title_area h2 { font-size:6.944vw; font-weight:600; line-height:10vw; }
 section .title_area .sub { font-size:4.167vw; line-height:6.25vw; margin-top:5.556vw; }
 section .title_area .sub .point { color:#076DF3; font-weight: 600; }
 section .title_area .sub .tag { display:inline-block; color:#fff; height:6.667vw; line-height:6.667vw; font-size:3.889vw; font-weight: 600; vertical-align: middle; padding:0 3.472vw; border-radius: 6.806vw; background-color:#076DF3; }

 header { height:16.667vw; padding:5.556vw }
 header::before { z-index:10; content:''; position: absolute; left:0; top:0; display:block; width:100%; height:100%; background-color: #fff; }
 header h1 { z-index:11; }
 header h1 img { height:4.861vw }
 header .btn_menu { z-index:11; position:absolute; right:1.389vw; top:0; width:16.667vw; height:16.667vw; font-size:0; background:url("/assets/img/icon_menu_arrow.svg") center center no-repeat; background-size:auto 4.167vw }
 header .menu { position:fixed; left:0; top:-100%; display:block; width:100%; padding:1.389vw 5.556vw 5.556vw; background-color: #fff; transition: all 0.3s ease-in-out }
 header .menu li { margin:0 0 2.222vw 0; }
 header .menu li a { justify-content: flex-start; width:100%; height:16.667vw; color:#fff; font-size: 3.264vw; padding-left:5.556vw; background: #076DF3 url("/assets/img/icon_menu_arrow_w.svg") 95% 50% no-repeat; background-size: 2.361vw 4.167vw; }
 header .menu li a img { height:2.778vw; margin-right:2.083vw }
 header.menu_open .btn_menu { transform: rotate(180deg); }
 header.menu_open .menu { top:16.667vw; }

 .key_visual { height: 145.833vw; }
 .key_visual .swiper-wrapper .swiper-slide { align-items: flex-start; height:145.833vw }
 .key_visual .swiper-wrapper .swiper-slide .bg {background-position:center bottom;}
 .key_visual .swiper-wrapper .swiper-slide .inner { width:100%; padding:10.417vw 5.556vw; }
 .key_visual .swiper-wrapper .swiper-slide .inner .tit { font-size: 8.889vw; line-height: 11.667vw; }
 .key_visual .swiper-wrapper .swiper-slide .inner .sub_tit { font-size: 5vw; line-height:7.778vw; font-weight:200; margin-top:9.028vw }

 .key_visual .controls_area { bottom:11.111vw; left:0; transform: none; padding:0 6.944vw }
 .key_visual .controls_area .nav { display:none }
 .key_visual .controls_area .btn_arrow { width: 4.722vw; height:8.056vw; background-size:auto 8.056vw }
 .key_visual .controls_area .slide_num { font-size:3.889vw; margin:0 4.167vw }

 .section1 { padding-top:16.667vw; }
 .section1 .inner { margin-top:91.667vw }
 .section1 .inner .cont1 img { width:100%; margin-top:-87.5vw }
 .section1 .inner .cont2 img { width:56.389vw }

 .section2 .inner { display: block; padding:16.667vw 5.556vw }
 .section2 .inner .title_area { max-width:100%; margin-right:0 }
 .section2 .inner .title_area .sub { font-size:3.889vw; line-height: 6.667vw; margin-top:2.778vw }
 .section2 .inner .title_area .sub img { height:3.333vw }
 .section2 .inner .cont_schematic { margin-top:11.111vw }
 .section2 .inner .cont_schematic img { width: 100%; }

 .section3 { padding:16.667vw 0 22.222vw }
 .section3 .title_area .sub img { width:22.5vw }
 .section3 .cont_schematic { overflow:auto; width:100%; padding:0; margin-top:11.111vw }
 .section3 .cont_schematic img { width:165.278vw; max-width:165.278vw }
 .section3 .cont_schematic::before { content:''; display:block; position:absolute; left:0; top:0; width:200%; height:100%; background: rgba(0,0,0,0.5); }
.section3 .cont_schematic::after { content:''; display:block; position:absolute; left:50%; top:50%; width:50px; height:60px; border-radius: 100%; margin-top:-25px; margin-left:-25px; background:url("/assets/img/icon_finger.png") center center no-repeat; animation:dragMotion 1s alternate infinite ease-in-out }
@keyframes dragMotion {
 from { transform: translateX(-100%); }
 to { transform: translateX(100%); }
 }

.section3 .cont_schematic.guide_hidden::before,
.section3 .cont_schematic.guide_hidden::after { display:none }

 .section4 .title_area .sub { font-size:4.444vw; line-height: 6.667vw; }
 .section4 .title_area .sub img { height:3.847vw }
 .section4 .cont_motion::before, .section4 .cont_motion::after { display: none; }

 .section4 .cont_motion .motion_fn { position:relative; width:100%; height:37.5vw; background:url(/assets/img/section4_fn.png) 0 0 repeat-x; background-size:308.056vw auto; animation: marquee_left 20s infinite linear; }
 @keyframes marquee_left {
 from { background-position:0 0 }
 to { background-position:-308.056vw 0 }
 }
 .section4 .cont_motion .motion_tag { position:relative; width:100%; height:18.056vw; margin-top:-6.944vw; background:url(/assets/img/section4_tag.png) 0 0 repeat-x; background-size:279.167vw auto; animation: marquee_right 20s infinite linear; }
 @keyframes marquee_right {
 from { background-position:0 0 }
 to { background-position:279.167vw 0 }
 }

 .section4 { padding:23.611vw 0 16.667vw }
 .section4 .cont_motion { padding-top:20.833vw }
 .section4 .cont_motion .baloon { position:absolute; color:#fff; font-size:3.333vw; font-weight:600; text-align: center; border-radius: 1.111vw; padding:1.806vw 3.889vw; background: #222; }
 .section4 .cont_motion .motion_fn .baloon { top:-11.528vw; left:12.917vw; right:auto; }
 .section4 .cont_motion .motion_fn .baloon::after { content:''; position:absolute; left:50%; top:100%; display:block; border-left:0.833vw solid transparent; border-right:0.833vw solid transparent; border-top:1.25vw solid #222; margin-left:-0.833vw; }
 .section4 .cont_motion .motion_tag .baloon { bottom:0; left:auto; right:14.167vw; }
 .section4 .cont_motion .motion_tag .baloon::after { content:''; position:absolute; left:50%; bottom:100%; display:block; border-left:0.833vw solid transparent; border-right:0.833vw solid transparent; border-bottom:1.25vw solid #222; margin-left:-0.833vw; }

 .section5 { padding:16.667vw 0 }
 .section5 .inner .title_area { z-index:11; position:relative; left:0; top:0; display:block; max-width:100%; height:100%; text-align: left; padding:0 5.556vw; }
 .section5 .inner .title_area .page_area { display: flex; align-items: center; font-size:4.444vw; margin-top:1.389vw }
 .section5 .inner .title_area .circle_controls { position: relative; display: inline-block; width:7.5vw; vertical-align: middle; margin-right:1.389vw }
 .section5 .inner .title_area .circle_controls .circle_box { position: relative; width: 7.5vw; transform: rotate(-90deg); /* transform: rotate(90deg) scaleX(-1); */ }
 .section5 .inner .title_area .circle_controls .circle_box svg { width:100% }
 .section5 .inner .title_area .circle_controls .circle_box .circle { stroke: #fff; fill: none; }
 .section5 .inner .title_area .circle_controls .circle_box .circle_bar { stroke: #076DF3; fill: none; stroke-dasharray: 360; stroke-dashoffset: 360; }
 .section5 .inner .title_area .circle_controls .slide_num { display:none; }

 .section5 .inner .title_area .nav { overflow-x:auto; overflow-y:hidden; height:16.667vw; display: flex; flex-direction: row; flex-wrap: nowrap; white-space: nowrap; margin-top:0; margin-right:-5.556vw }
 .section5 .inner .title_area .nav li { margin: 0 1.389vw 1.389vw 0 }
 .section5 .inner .title_area .nav li a { display:block; height:11.111vw; line-height:10.972vw; color:#076DF3; font-size:3.333vw; font-weight:600; text-align: center; padding:0 5.556vw; background: #FFFFFF; border: 0.278vw solid #076DF3; box-shadow: 0vw 2.778vw 2.778vw rgba(0, 0, 0, 0.1); border-radius: 0.556vw; transition: all 0.3s ease; }
 .section5 .inner .title_area .nav li.on a { color:#fff; background-color: #076DF3; }

 .section5 .inner .cont_cms { overflow:hidden; position: relative; width:100%; padding-left:0; }
 .section5 .inner .cont_cms::before { z-index:10; content:''; position:absolute; left:0; top:0; display:block; width:15%; height:100%; background: linear-gradient(90deg, #F6F6F6 0.5%, #F6F6F6 50%, rgba(255, 255, 255, 0) 93.09%); }
 .section5 .inner .cont_cms .swiper-slide { width:100%; font-size:6.944vw; background:#f6f6f6 }
 .section5 .inner .cont_cms .swiper-slide img { width:150%; max-width:150%; transform:translateX(-25%) }
 .section5 .inner .cont_cms .swiper-slide span { position:absolute; left:50%; top:30%; color:#333; font-size:27.778vw }

 .section_bottom { padding:16.667vw 5.556vw 8.333vw }
 .section_bottom .title_area .sub { font-size:4.444vw; line-height:4.444vw; margin-top: 3.472vw; }
 .section_bottom .title_area .sub img { height:4.444vw }
 .section_bottom .menu { display: block; margin-top:8.333vw; }
 .section_bottom .menu li { margin-bottom:2.222vw }
 .section_bottom .menu li a { display: flex; align-items: center; justify-content: flex-start; width: 100%; height: 16.667vw; color: #fff; font-size: 3.264vw; line-height:2.5vw; font-weight: 600; padding-left:5.556vw; border-radius: 0.556vw; background: #076DF3 url("/assets/img/icon_menu_arrow_w.svg") 95% 50% no-repeat; }
 .section_bottom .menu li a img { width:16.111vw }

 footer { font-size:3.056vw; text-align: center; padding:8.333vw 5.556vw 13.889vw }
 footer .logo { display: inline-block; width:26.944vw; margin:0 0 2.361vw 0 }
 footer address { display:block; font-style: normal; }
 .btn_top {display:none !important;}

 .layer_popup .popup { position:absolute; left:0%; top:0; right:0; width:100%; padding:0; transform: none; }
 .layer_popup .popup .popup_header { color:#076DF3; font-size:5.556vw; font-weight: 600; text-align:center; padding-top:13.889vw; background:#fff; }
.layer_popup .popup .popup_header img { width:27.5vw; vertical-align: middle; margin-top:-0.833vw }
.layer_popup .popup .popup_body { padding:2.778vw 5.556vw 11.111vw; background:#fff; }
.layer_popup .popup .popup_body dt { color:#767676; font-size: 3.333vw; margin-top:4.167vw }
.layer_popup .popup .popup_body dt input {position:absolute; left:-9999px; width:0; height:0;}
.layer_popup .popup .popup_body dt label { font-weight: 600; margin-right:0.694vw }
.layer_popup .popup .popup_body dt label span { color:#076DF3; font-weight:400 }
.layer_popup .popup .popup_body dt input[type="checkbox"] + label::before { content:''; display:inline-block; width:3.056vw; height:3.056vw; border: 0.139vw solid #CFCFCF; border-radius: 0.556vw; vertical-align: middle; margin-right:1.667vw; margin-top:-0.694vw }
.layer_popup .popup .popup_body dt input[type="checkbox"]:checked + label::before { border-color:#076DF3; background:#076DF3 url("/assets/img/icon_check.svg") center center no-repeat; background-size: 1.389vw auto; }
.layer_popup .popup .popup_body dd { margin-top:1.389vw; }
.layer_popup .popup .popup_body dd input { width:100%; height:13.889vw; color:#555F61; font-size:3.333vw; border:0.139vw solid #cfcfcf; padding-left:2.778vw }
.layer_popup .popup .popup_body dd.email_area { display: flex; }
.layer_popup .popup .popup_body dd.email_area input { max-width:28.611vw; color:#555F61; }
.layer_popup .popup .popup_body dd.email_area .dot { min-width:3.472vw; width: 5.278vw; line-height:13.889vw; color:#555F61; font-size: 2.778vw; text-align: center; }
.layer_popup .popup .popup_body dd.email_area select { max-width:24.722vw; height:13.889vw; color:#555F61; font-family: "Pretendard"; font-size:3.333vw; border:0.139vw solid #cfcfcf; padding:0 4.167vw 0 1.806vw; margin-left:1.667vw; background:url("/assets/img/select_arrow.svg") 93% 50% no-repeat; }
.layer_popup .popup .popup_body dd textarea { width:100%; height:22.222vw; color:#555F61; font-family: "Pretendard"; font-size:2.5vw; padding:2.778vw; border:0.139vw solid #cfcfcf; resize: none; }
.layer_popup .popup .popup_body dd textarea::placeholder { color:#cfcfcf }
.layer_popup .popup .popup_body dd .agree_content { overflow:auto; width:100%; height:22.222vw; color:#555F61; font-family: "Pretendard"; font-size:2.5vw; line-height:4.167vw; padding:2.778vw; border:0.139vw solid #cfcfcf; }

.layer_popup .popup .popup_body .info_txt { margin-top:1.389vw }
.layer_popup .popup .popup_body .info_txt li { color:#767676; font-size: 2.778vw; line-height: 4.167vw; padding-left:2.083vw; text-indent: -2.083vw; }
.layer_popup .popup .popup_body .btn_send { width:100%; height:11.389vw; line-height:11.111vw; text-align:center; color:#fff; font-family: "Pretendard"; font-size:3.889vw; font-weight: 600; margin-top:4.167vw; background-color: #076DF3; }
.layer_popup .popup .btn_close { position:absolute; right:4.861vw; top:4.861vw; width:6.25vw; height:6.25vw; font-size: 0; }
.layer_popup .popup .btn_close::before,
.layer_popup .popup .btn_close::after { content:''; position:absolute; left:0%; top:50%; display:block; width:100%; height:0.278vw; background-color: #000; }
.layer_popup .popup .btn_close::before { transform: rotate(45deg); }
.layer_popup .popup .btn_close::after { transform: rotate(-45deg); }
}