@charset "utf-8";

/* main */
.main_visual {width:100%;margin:0 auto;overflow:hidden;;position:relative;}
.main_visual .slides li img {width:100%;}
.main_visual .flex-control-paging {z-index: 2;bottom:10vw;width:100%;position:absolute;text-align:center;}
.main_visual .flex-control-paging li {margin:0 1vw; display:inline-block; zoon:1;}
.main_visual .flex-control-paging li a {width:2vw;height:2vw;background: rgba(255,255,255,0.5);cursor: pointer;display:block;border-radius:50%;text-indent:-9999px;z-index: 9;}
.main_visual .flex-control-paging li a.flex-active {background: rgba(255,255,255,1);}

.m_title {font-family: 'Gotham Bold', sans-serif; text-align:center;font-size:5vw; color:#373652; margin-top:8vw; margin-bottom:4vw;}
.m_content {font-family: 'NotoSansKR-Light', sans-serif;font-size:3.3vw;color:#373652;text-align:center;margin-bottom: 3vw;}
.main_sec {position:relative;}
.main_sec a {display:block;text-decoration: none;list-style: none;}
.main_sec .box_wr {overflow: hidden;text-align: center;padding: 0 3vw;}
.main_sec .box_wr li {margin: 1vw;float: left;width: 45vw;overflow: hidden;}



.map_wr {width:100%; position:relative;}
.map_wr .root_daum_roughmap {padding:0px; border:0px;}
.map_wr .root_daum_roughmap .wrap_controllers {display:none;}

.sub_title {margin:9.5vw 0; text-align:center;font-size:5vw; color:#333333;position:Relative;font-family:'NotoSansKR-Regular', sans-serif; letter-spacing:-1px; }
.sub_title:after {content:'';position:absolute;bottom:-2vw;left:50%;margin-left:-3.2vw;width:6.4vw;height:0.2vw;background-color:#333333;}

.product_wr {padding:0 1.4vw;overflow: hidden;}
.product_wr li {width:40vw;margin:5vw 4.3vw;float:left;}
.product_wr li a {display:inline-block;position: relative;z-index: 1;}
.product_wr li a h2 {color:#333333;font-family:'Spoqa Han Sans', sans-serif;font-weight:normal;font-size: 4vw;margin-top: 2vw;margin-bottom: 0.5vw;text-align: center;}
.product_wr li a p {color:#333333;font-family:'Spoqa Han Sans', sans-serif;text-align: center;font-size: 2.5vw;word-break: keep-all;height:13vw;}

.product_slider_wr {margin-bottom:9.5vw;}
.product_slider {position:relative;padding:0 10vw;}
.product_slider .flex-direction-nav {position:absolute;top:50%;margin-top:-5vw;left:0;width:100%;}
.product_slider .flex-direction-nav li a {position:absolute;font-size:0;background-repeat:no-repeat;background-size:Cover;}
.product_slider .flex-nav-prev .flex-prev {left:0;width:10vw;height:10vw;background-image:url('/m/images/button_01.png');}
.product_slider .flex-nav-next .flex-next {right:0;width:10vw;height:10vw;background-image:url('/m/images/button_02.png');}

#app-cover { position: relative; width: 100%; margin: 0 auto; padding: 0 6vw;}
#select-button { position: relative; height: 100%; padding: 3vw 4vw; background-color: #3c78dd; cursor: pointer; background-image:url('/m/images/arrow_down.png'); background-repeat:no-repeat; background-position-y:center;background-position-x: 80vw; background-size: 4.3vw;  }
#options-view-button { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; z-index: 3;}
#selected-value { font-size: 3.6vw;line-height: 1; color: #fff; text-align: center;}
#chevrons { position: absolute; top: 0; right: 3vw; bottom: 0; width: 4.6vw; }
#chevrons span { display: block; height: 50%; color: #fff; font-size: 3.6vw; text-align: right; }
#options {position: absolute;top: 9.5vw;display: none;right: 0;left: 0;width: 88vw;margin: 0 auto;background-color: #3c78dd;transition: 0.3s ease all;opacity: 0;z-index:2;}
#options .option {text-align:center;padding:3vw 4vw;}
#options .option a {display:inline-block;color:#fff; font-size:3.6vw;}
#options-view-button:checked ~ #options {border-top: 1px solid #fff;opacity: 1;display: block;}
.opt-val { position: relative; }

#footer {background-color:#363545;padding-top:15vw; padding-bottom:20vw;}
#footer p {color:#eaeaea;font-family: 'NotoSansKR-Light', sans-serif;font-size:3vw;text-align:center;}