@charset "utf-8";
@import url("reset.css");
/* @import url("font.css"); */


@import url('https://fonts.cdnfonts.com/css/exo-2');
@import url("/share/webfont/coreDream/coreDream.css"); 
@import url("https://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("https://unpkg.com/linearicons@1.0.2/dist/web-font/style.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");


/* common */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body, input, button, select, textarea {font-size: 13px;color: #333;font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
body, button, h1, h2, h3, h4, h5, input, select, table, textarea {
    font-family: 'Noto Sans KR', sans-serif, HelveticaNeue-Light,AppleSDGothicNeo-Light, 'Exo 2';
    font-weight: 500;
  }
body {-webkit-text-size-adjust: none;}
img {width: 100%;vertical-align: top;}

.btn_trans {display:block;position:absolute;background:rgba(0,0,0,0);text-indent:-9999px;overflow:hidden;}


.mlr0 {margin:0 -5.5%!important;}
.mt30 {margin-top:30px;}
.mt50 {margin-top:50px;}
.mb30 {margin-bottom:30px;}
.mb50 {margin-bottom:50px;}

.txt-left {text-align:left!important;}
.txt-right {text-align:right!important;}
.txt-center {text-align:center!important;}

.txt-color-red {color:#cc2626!important;}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    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: none;
}

.slick-list.dragging {
    cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -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;
}

.slick-track:before,
.slick-track:after {
    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-slide.dragging img {
    pointer-events: 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;
}

/* COMMON */
#wrap {position:relative;width:100%;/*max-width: 640px;*/margin: 0 auto;overflow: hidden;line-height:1.2;}

.fixed-position {position:fixed!important;}

.inner {padding:0 5.5%;}

.txt-color-white {color:#fff!important;}
.txt-color-brown {color:#837568!important;}
.txt-color-blue {color:#323d5d!important;}
.txt-color-navy {color:#001140!important;}
.txt-color-green {color:#416138!important;}
.txt-color-beige {color:#837568!important;}
.txt-color-orange {color:#b35a33!important;}

.privacy input[type=text] {
    font-size: 13px !important;
}

/* header */
#header {position:relative;width:100%;z-index:10;background: #fff;}
#header .header_in {position: relative;width: 100%;text-align:center;overflow:hidden;padding:0 4.16%;}
#header h1 {display: inline-block;width: 21.9%;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index: 10;}
#header .top_tel {float: right;width:6.805%;padding:21px 0;}
#header .gnb_open {position: absolute;left: 4.16%;top: 50%;margin-top: -20px;}
#header .lnr {
    display: inline-block;
    fill: currentColor;
    width: 1em;
    height: 1em;
    vertical-align: -0.05em;
}

#header .gnb_open .lnr-menu {
    color: #09337c;
    font-size: 36px;
}

#header .lnr-arrow-left {
    color: #09337c;
    font-size: 32px;
    padding-top: 5px;
}

#gnb .lnr {
    display: inline-block;
    fill: currentColor;
    width: 1em;
    height: 1em;
    vertical-align: -0.05em;
}

/* gnb */
.gnb_mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100%;
    min-width: 320px;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
}

#gnb {
    display: none;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 300;
    width: 100%;
    height: 100%;    
    min-height:100vh;
    overflow-x:auto;
    padding-bottom:20px;
    background: #0f245b;
}

#gnb .gnb_close {position: relative;width: 100%;background: #0f245b;text-align: left;}

#gnb .gnb_close a.gnb_close {
    display: inline-block;
    padding: 4.2% 4.16%;
}

#gnb .gnb_close a.gnb_home {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 0;
    width: 32%;
}

#gnb .gnb_close a.gnb_home img {
    width: 100%;
}

.gnb_close .lnr-cross {color: #fff;font-size: 38px;}

@media screen and (max-width: 330px) {
    #header .gnb_open {
        margin-top: -16px;
    }

    #header .gnb_open .lnr-menu {
        font-size: 32px;
    }

    .gnb_close .lnr-cross {
        font-size: 30px;
    }
}


#gnb .depth0 {overflow:hidden;background: #0f245b;padding:0 5.5%;}

#gnb .depth0>li {float:left;width:50%;text-align:center;padding:0 1.5%;margin-top:20px;}
#gnb .depth0>li>a {
    display: table;
    position: relative;
    color: #fff;
    font-size: 20px;
    line-height: 1.4;
    font-weight: bold;
    width:100%;
    padding-bottom:100%;
    background-size:100% 100%;
    background-position:top center;
}
#gnb .depth0>li>a strong {display:block;position:absolute;top:50%;left:0;width:100%;text-align:center;transform:translate(0,-50%);}
#gnb .depth0>li:nth-child(1)>a {background-image:url("/resources/img/menu_1_off.png");}
#gnb .depth0>li:nth-child(2)>a {background-image:url("/resources/img/menu_2_off.png");}
#gnb .depth0>li:nth-child(3)>a {background-image:url("/resources/img/menu_3_off.png");}
#gnb .depth0>li:nth-child(4)>a {background-image:url("/resources/img/menu_4_off.png");}
#gnb .depth0>li:nth-child(5)>a {background-image:url("/resources/img/menu_5_off.png");}
#gnb .depth0>li:nth-child(6)>a {background-image:url("/resources/img/menu_6_off.png");}
/*#gnb .depth0>li>a:after {
    content: "\e874";
    position: absolute;
    top: 50%;
    right: 9%;
    margin-top: -8px;
    font-family: 'Linearicons-Free';
    font-size: 13px;
    line-height: 15px;
    color: #aaddff;
    transition:transform .4s;
}
*/
#gnb .depth0>li.on>a {color: #fff;}
/*#gnb .depth0>li.on>a:after {color: #fff;transform:rotate(180deg);}*/

#gnb .depth1 {display: none;visibility:hidden;padding: 10px 0;border-top: 1px solid #ccc;background-color: #fff;}
#gnb .depth1>li>a {display: block;padding:10px 10%;color: #0f245b;font-size: 15px;}

#gnb .depth0>li.on:nth-child(1)>a {background-image:url("/resources/img/menu_1_on.png");}
#gnb .depth0>li.on:nth-child(2)>a {background-image:url("/resources/img/menu_2_on.png");}
#gnb .depth0>li.on:nth-child(3)>a {background-image:url("/resources/img/menu_3_on.png");}
#gnb .depth0>li.on:nth-child(4)>a {background-image:url("/resources/img/menu_4_on.png");}
#gnb .depth0>li.on:nth-child(5)>a {background-image:url("/resources/img/menu_5_on.png");}
#gnb .depth0>li.on:nth-child(6)>a {background-image:url("/resources/img/menu_6_on.png");}
#gnb .depth1.no_child {
    display: none;
    overflow: hidden;
    width: 0 !important;
    height: 0 !important;
    padding: 0;
    border-top: 0;
}
#gnb .depth0>li.othermenu {
    border: 0;
}
#gnb .depth0>li.othermenu a {
    padding-left: 20%;
    padding-right: 20%;
}
#gnb .depth0>li.othermenu a img {
    width: 100%;
}
#gnb .depth0>li.othermenu a:after {
    display: none;
}
#menu_con {overflow:hidden;margin:35px 5.5% 0;}
#menu_con li {float:left;width:50%;margin-top:5px;padding:0 1%;}
#menu_con li a {display:block;color:#fff;font-size:14px;color:#515151;background:#fff;padding:10px 0;border-radius:5px;text-align:center;}

/* footer */
#footer {position:relative;padding-bottom:8%;background:#001140;}
#footer .btn_privacy {width:28%;height:7%;top:23%;left:36%;}
#footer .link_con {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
}
#footer .link_con ul { display: flex; }
#footer .link_con ul li { width: 25%; }
#footer .link_con ul li a { display: block; }
#footer .link_con ul li a img { width: 100%; }
/* #footer .link_con ul {overflow:hidden;display:table;table-layout:fixed;width:100%;height:100%;}
#footer .link_con ul li {display:table-cell;width:33.333333%;height:100%;}
#footer .link_con ul li a {position:relative;display:block;width:100%;height:100%;overflow:hidden;} */

/* MAIN */
.main_visual {position: relative;line-height: 0;}
.main_visual button {background: transparent;border: 0;}
.main_visual .vis_tit {width: 100%;position: absolute;top: 0;color:#fff;font-size:40px;line-height:1.2;font-weight:300;padding:0;z-index: 11;}
.main_visual .vis_tit strong {font-weight:700;}
.main_visual .m_vis_slide li {position: relative;}
.main_visual .m_vis_control {position:relative;width:100%;background:#09193e;color:#fff;font-size:14px;line-height:1.2;overflow:hidden;}
.main_visual .m_vis_control::before {display:block;content:'';position:absolute;top:0;right:0;width:40%;height:100%;background:#283c82;border-radius:10px 0 0;}
.main_visual .m_vis_control .tit {display:block;float:left;width:60%;padding:13px 5.5%;}
.main_visual .m_vis_control .control {float:left;position:relative;width:40%;height:100%;padding-right:5.5%;}
.main_visual .m_vis_control .control ul {overflow:hidden;width:100%;padding-left:25%;}
.main_visual .m_vis_control .control ul li {float:left;padding:0 10%;}
.main_visual .m_vis_control .control ul li a span {width:0;height:0;font-size:0;line-height:0;}
.main_visual .m_vis_control .control ul li a {display:block;}
.main_visual .m_vis_control .control ul li a::after {display:block;font-family:'Linearicons-Free';font-size:15px;color:#fff;line-height:1.2;position:relative;top:-5px;}
.main_visual .m_vis_control .control ul li:nth-child(1) a::after {content: "\e879";}
.main_visual .m_vis_control .control ul li:nth-child(2) a::after {content: "\e87a";}
.main_visual .m_vis_control .control ul li:nth-child(3) a::after {font-family: 'FontAwesome';content: "\f04c";font-size:10px;top:-3px;}
.main_visual .slick-arrow {display:none!important;}
.main_con_tit img {width: 100%;}
.main_visual .slick-dots {position: absolute;z-index: 99;bottom: 3%;left: 3%;width: 100%;text-align: left;}
.main_visual .slick-dots li {display: inline-block;padding: 0 2px;}
.main_visual .slick-dots li a {display: block;position: relative;width: 40px;height: 40px;overflow:hidden;}
.main_visual .slick-dots li a::before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    position: absolute;
}

.main_visual .slick-dots li.slick-active a::before {
    background: none;
    border: 2px solid #fff;
}

.main_visual .slick-dots li a img {
    width: 100%;
}

.sec_sales {background:#dee8f2;padding:50px 0;overflow:hidden;}
.sec_sales .inner {padding-right:0;}
.sec_sales h2 {font-size:20px;color:#162b73;font-weight:700;margin-bottom:20px;}
/* .sec_sales .sales_quickmenu {margin-left:-5.5%;} */
.sec_sales .sales_quickmenu .menu a { margin: 0 5% 0 0; position:relative;display:block;color:#414141;font-size:12px;text-align:center; }
.sec_sales .sales_quickmenu .menu a::before {display:block;content:'';width:90%;padding-bottom:90%;background-repeat:no-repeat;background-size:100% auto;background-position:top center; }
.sec_sales .sales_quickmenu .menu a span {display:block;overflow:hidden;font-size:0;line-height:0;}
.sec_sales .sales_quickmenu .menu.m1 a:before {background-image:url("/resources/img/main/icon_sales_1.png");}
.sec_sales .sales_quickmenu .menu.m2 a:before {background-image:url("/resources/img/main/icon_sales_2.png");}
.sec_sales .sales_quickmenu .menu.m3 a:before {background-image:url("/resources/img/main/icon_sales_3.png");}
.sec_sales .sales_quickmenu .menu.m4 a:before {background-image:url("/resources/img/main/icon_sales_4.png");}
.sec_sales .sales_quickmenu .menu.m5 a:before {background-image:url("/resources/img/main/icon_sales_5.png");}
.sec_sales .sales_quickmenu .menu.m6 a:before {background-image:url("/resources/img/main/icon_sales_6.png");}
.sec_cyber {background:#e5ebff;padding-bottom:50px;}
.sec_cyber .title {position:relative;height:200px;padding:0 5.5% 120px;background:url("/resources/img/main/m_modelhouse_bg.png") left top no-repeat;background-size:100% 100%;color:#fff;}
.sec_cyber .title h2 {padding-top:35px;font-weight:300;font-size:25px;}
.sec_cyber .title h2 strong {position:relative;font-weight:700;}
.sec_cyber .title h2 strong span {position:relative;z-index:1;}
.sec_cyber .title h2 strong::after {display:block;content:'';width:100%;height:13px;background:#003675;position:absolute;bottom:0;left:0;}
.sec_cyber .title .open {display:block;position:absolute;top:35%;left:0;width:100%;font-family:'Exo 2'; font-size:20px;font-weight:300;padding-left:40%;text-align:left;}
.sec_cyber .title .open span {position:relative;}
.sec_cyber .title .open::after {display:block;content:'';width:35%;height:1px;background:#fff;position:absolute;bottom:0;left:40%;}
.sec_cyber .m_cyber_con {position:relative;padding-left:5.5%;}
.sec_cyber .building {display:block;width:37.37%;position:absolute;top:-15vw;right:5.5%;z-index:30;}
.sec_cyber .m_cyber_con .m_cyber_slide {position:relative;background:#fff;border-radius:10px 0 0 10px;margin-top:-55px;overflow:hidden;}
.sec_cyber .m_cyber_con .m_cyber_slide h3 {width:18.05%;height:55px;background:#09193e;font-family:'Exo 2';font-size:22px;color:#fff;text-transform:uppercase;line-height:55px;text-align:center;font-weight:500;border-radius:10px 0 10px 0;position:absolute;top:0;left:0;z-index:6;}
.m_cyber_slide .slider .cyber_info {position:relative;padding:0 11% 0 5.5%;z-index:6;}
.m_cyber_slide .slider .cyber_info h3 {}
.m_cyber_slide .cyber_btns {padding:0 11% 25px 5.5%;margin-top:20px;}
.m_cyber_slide .cyber_btns ul {overflow:hidden;}
.m_cyber_slide .cyber_btns ul li {float:left;width:48%;margin:0 1% 5px;}
.m_cyber_slide .cyber_btns ul li a {display:block;font-size:13px;color:#515151;text-align:center;padding:15px 0;background:#eaeaea;border-radius:10px;}
.m_cyber_slide .status {position: relative;padding:0 11% 0 5.5%;}
.m_cyber_slide .status .bar_con {position: relative;height:8px;}
.m_cyber_slide .status .bar_con::before {
  content: "";
  width: 100%;
  height: 8px;
  background: #e9ebf2;
  left: 0;
  top: 0;
  position: absolute;
  border-radius:8px;
}
.m_cyber_slide .status .bar_con .current {position: absolute; left:0;top:0;height:8px;background:#283e6b;width:33.3333333%;border-radius:8px;z-index: 30; }

.sec_tv {padding:40px 0;background:url("/resources/img/main/m_tv_bg.png") center top no-repeat;background-size:100% 100%;}
.sec_tv h2 {color:#fff;font-size:28px;font-weight:700;padding:0 5.5%;margin-bottom:25px;}
.sec_tv .m_tv_slide .slick-slide {position:relative;text-align:center;}
.sec_tv .m_tv_slide .slick-slide img {display:inline-block;padding-top:5%;}
.sec_tv .m_tv_slide .slick-slide span {display:block;width:100%;position:absolute;top:40%;left:0;font-size:22px;color:#fff;font-weight:700;text-align:center;transition:top .3s;}
.sec_tv .m_tv_slide .slick-center img {position:relative;margin-top:-5%;z-index:20;}
.sec_tv .m_tv_slide .slick-current span {top:30%;}
.sec_tv .m_tv_slide .slick-slide a::after {display:inline-block;content:'';width:40px;height:40px;background:url("/resources/img/main/icon_play.png") 0 0 no-repeat;background-size:contain;position:absolute;left:50%;top:50%;transform: translate(-50%, 0);opacity:0;transition:opacity .3s;z-index:10;}
.sec_tv .m_tv_slide .slick-current a::after {opacity:1;}
.sec_tv .m_tv_slide .slick-list {padding:0 30% 0 30%;}
.sec_tv .m_tv_slide .slick-slide {position:relative;margin:0 -0.8%;}
.sec_tv .m_tv_slide .slick-slide a {display:block;transform:scale(0.8);transition:transform .3s;}
.sec_tv .m_tv_slide .slick-slide.slick-current a {position:absolute;top:0;left:0;transform:scale(1);z-index:10;}

.sec_premium {padding:50px 5.5%;}
.sec_premium .status {position: relative;}
.sec_premium .status .bar_con {position: relative;height:8px;}
.sec_premium .status .bar_con::before {
  content: "";
  width: 100%;
  height: 8px;
  background: #e9ebf2;
  left: 0;
  top: 0;
  position: absolute;
  border-radius:8px;
}
.sec_premium .status .bar_con .current {position: absolute; left:0;top:0;height:8px;background:#283e6b;width:25%;border-radius:8px;z-index: 30; }

.sec_interior {position:relative;background:url("/resources/img/main/m_interior_bg.jpg") center top no-repeat;background-size:100% 50%;}
.sec_interior h2 {margin-bottom:30px;}
.m_interior_type_slide {padding:0 5.5%;}
.m_interior_type_slide .slick-slide {position:relative;/*margin:0 3% 0 0;*/padding-bottom:30px;}
.m_interior_type_slide .slick-list {/*padding:0 30% 0 0;*/}
.m_interior_type_slide .slick-dots {position:relative;width: 100%;text-align: left;top:-20px;left:-5px;}
.m_interior_type_slide .slick-dots li {position:relative;display: inline-block;padding: 0 5px;}
.m_interior_type_slide .slick-dots li a {display: block;position: relative;width: 75px;height: 75px;overflow:hidden;}
.m_interior_type_slide .slick-dots li a::before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 0, 0, 0);}
.m_interior_type_slide .slick-dots li.slick-active a::before {background: none;border: 5px solid #c9dbed;}
.m_interior_type_slide .slick-dots li a img {width: 100%;height:100%;}
.m_interior_type_slide .type {display:none;position:absolute;font-size:18px;color:#162b73;bottom:0;right:0;letter-spacing:-1px;}
.m_interior_type_slide .type::before {position:relative;display:inline-block;content:'';width:20px;height:1px;background:#162b73;margin-right:10px;top:-5px;}
.m_interior_type_slide .type strong {font-weight:700;}


.sec_brand {padding-bottom:80px;}
.sec_brand .inner {position:relative;}
.sec_brand .text {font-size:25px;color:#001140;font-weight:700;line-height:1.2;padding-bottom:25px;border-top:1px solid #e5e5e5;padding-top:45px;}
.sec_brand .text2 { font-size: 20px; font-weight:700;line-height:1.2;padding-bottom:25px;}
.sec_brand .text3 { font-size: 16px; font-weight:500; line-height:1.2; padding-bottom:25px;}

@media screen and (max-width: 480px) {
    .sec_brand .text {font-size: 6vw; }
    .sec_brand .text2 {font-size: 4vw; }
    .sec_brand .text3 {font-size: 3.5vw; }
}

.btn_thesharp {position:relative;}
.btn_thesharp a {display:block;position:absolute;top:-60px;right:0;width:100px;height:100px;z-index:11;}
.btn_thesharp a span {display:block;width:100%;height:100%;}
.btn_thesharp a .round {animation: rotate 8s linear infinite;}
@keyframes rotate {
  from {  transform: rotate(0deg) translateX(0px); }
  to   {  transform: rotate(360deg) translateX(0px); }
}
.btn_thesharp a .round_inner {position:absolute;top:0;left:0;}

@media screen and (max-width: 380px) {
    .btn_thesharp a {top:-50px;right:0;width:90px;height:90px;}
}

.interior_view .m_interior_type {display:none;}
.interior_view .m_interior_type.type1 {display:block;}
.interior_view .m_interior_type .title {position:relative;padding:0 5.5%;}
.interior_view .m_interior_type .title::before {display:block;content:'';width:1px;height:50%;background:#e5e5e5;position:absolute;bottom:0;left:13%;}
.interior_view .m_interior_type .title dl {overflow:hidden;width:100%;display:table;table-layout:fixed;margin-bottom:30px;}
.interior_view .m_interior_type .title dl dt {display:table-cell;/*width:25%;*/width:100%;font-family:'Exo 2';font-size:15px;font-weight:500;color:#001140;vertical-align:middle;}
.interior_view .m_interior_type .title dl dt span {display:block;}
.interior_view .m_interior_type .title dl dd {display:table-cell;width:75%;font-size:22px;font-weight:800;color:#001041;vertical-align:middle;}
.interior_view .m_interior_type .type {font-size:35px;color:#7a244b;font-weight:800;}
.interior_view .m_interior_type .desc {display:block;margin:45px 0 25px;}

.view_slider {padding-left:5.5%;}

.view_slider .slick-slide {position:relative;margin:0 0.5% 0 0;padding-bottom:30px;}
.view_slider .slick-list {padding:0 30% 0 0;}
.view_slider .slick-slide img {}
.view_slider p {position:relative;display:inline-block;font-family:'Exo 2';font-size:32px;color:#8a8a93;font-weight:800;line-height:1;margin-top:10px;}
.view_slider p .num {font-size:15px;color:#8a8a93;position:absolute;top:5px;right:-20px;}
.m_interior_type .status {position: relative;padding:0 5.5%;}
.m_interior_type .status .bar_con {position: relative;height:8px;}
.m_interior_type .status .bar_con::before {
  content: "";
  width: 100%;
  height: 8px;
  background: #e9ebf2;
  left: 0;
  top: 0;
  position: absolute;
  border-radius:8px;
}
.m_interior_type .status .bar_con .current {position: absolute; left:0;top:0;height:8px;background:#283e6b;width:25%;border-radius:8px;z-index: 30; }

.m_interior_type .btn_go {
    display: block;
    width: 40px;
    height: 40px;
    background: #001141;
    font-size: 0;
    color: transparent;
    text-align: center;
    border-radius:40px;
}

.m_interior_type .btn_go::before {
    content: "\e87a";
    font-family: Linearicons-Free;
    font-size: 15px;
    display: inline-block;
    padding-top: 10px;
    color: #fff;
}
@media screen and (max-width: 365px) {
    .main_visual .m_vis_control {font-size:11px;letter-spacing:-1px;}
    .main_visual .m_vis_control .control ul {padding-left:15%;}
    .interior_view .m_interior_type .title dl dd {font-size:18px;padding-left:2%;}
    .view_slider p {font-size:28px;}
    .view_slider p .num {font-size:13px;color:#8a8a93;position:absolute;top:5px;right:-20px;}
    .m_cyber_slide .cyber_btns ul li a {font-size:12px;letter-spacing:-1px;}
    .sec_brand .text {font-size:20px;}
}
@media screen and (max-width: 320px) {
    .sec_tv .m_tv_slide .slick-slide span {font-size:20px;}
}

/* container */
#container {position: relative;height: auto;overflow: hidden;}
.contents {padding: 0 5.5%;}
.sub_title {position: relative;}
.sub_title .sub_title_con {position: absolute;left: 0;right: 0;top: 0;bottom: 0;padding:0 5.5%;}
.sub_title .sub_title_con h2 {color: #fff;font-size: 26px;letter-spacing: -1px;font-weight: 700;}
.sub_title .sub_title_con p {font-size: 22px;color: #fff;font-weight: 300;position:absolute;left:45%;top:50%;transform:translate(0,-50%);}
.sub_title .sub_title_con p strong {color: #fff;font-weight: 700;}
.sub_title p.summary2 {opacity: 1;font-size: 14px;margin-top: 10px;}
.title_bg img {width: 100%;}

.img_con {position: relative;}
.top_btn {position: fixed;bottom: -200px;right: 10px;vertical-align: top;z-index: 20;}
.top_btn .btn_top {display: block;width: 40px;height: 40px;background: #001141;font-size: 0;color: transparent;text-align: center;border-radius:40px;}
.top_btn .btn_top::before {
    content: "\e877";
    font-family: Linearicons-Free;
    font-size: 15px;
    display: inline-block;
    padding-top: 10px;
    color: #fff;
}
.btn_box {text-align:center;padding:15px 0;}
.btn_box .btn_zoom {display:inline-block;}
.btn_zoom { position:relative; display:inline-block; background:#283c82; padding:0 7% 0 13%; border-radius:25px; font-size:14px; height:30px; line-height:30px; color:#fff;}
.btn_zoom::before {display:block;content:'';width:30px;height:30px;background:#6d7fb0;border-radius:0 25px 25px 25px;position:absolute;left:0;top:0;}
.btn_zoom::after {display:block;content:'\e86f';font-family:Linearicons-Free;font-size:15px;color:#fff;position:absolute;left:8px;top:0;}
.btn_box .btn_list li {margin-top:10px;}
.btn_box .btn_list a {position:relative;display:inline-block;width:65%;background:#283c82;padding:0 13% 0 7%;border-radius:25px;font-size:13px;height:30px;line-height:30px;color:#fff;text-align:left;}
.btn_box .btn_list a::before {display:block;content:'';width:30px;height:30px;background:#6d7fb0;border-radius:0 25px 25px 25px;position:absolute;right:0;top:0;}
.btn_box .btn_list a::after {display:block;content:'\e86f';font-family:Linearicons-Free;font-size:15px;color:#fff;position:absolute;right:8px;top:0;}
.btn_box .btn_list a.bg_navy {background:#101a3b;}
.btn_box .btn_list a.bg_navy::before {background:#5c698a;}
.btn_box .btn_list a.btn_arrow::after {content:'\e876';}

.sec_con {padding:35px 0;}
.sec_con h2 {position:relative;font-size:35px;color:#101a3b;line-height:1;font-weight:700;margin-bottom:30px;}
.sec_con h2::after {display:inline-block;width:10px;height:10px;content:'';background:#4c589f;border-radius:10px;margin-left:5px;}
.sec_con.sec_brand h3 {font-size:18px;color:#001141;font-weight:800;margin-bottom:20px;}

/* SUB - 세대안내 */
.type_wrap {padding:35px 0 60px;}

.type_tab {/*padding:0 5%;*/}
.type_tab ul {
    padding:20px 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.type_tab ul li {
    padding: 2px;
    width: 50%;
}
.type_tab ul li i {
    display: inline-block;
    background: url(/resources/img/intab_icons.png) no-repeat;
    position: absolute;
    right: 12px;
    top: 11px;
    background-size: 111px 12px;
}

.type_tab ul li i.ico_1 {
    background-position: 0 0;
    width: 12px;
    height: 12px;
}

.type_tab ul li i.ico_2 {
    background-position: -18.5px 0;
    width: 12px;
    height: 12px;
}

.type_tab ul li i.ico_3 {
    background-position: -38px 0;
    width: 13px;
    height: 12px;
}

.type_tab ul li i.ico_4 {
    background-position: -57px 0;
    width: 9px;
    height: 12px;
}

.type_tab ul li i.ico_5 {
    background-position: -78px 0;
    width: 12px;
    height: 12px;
}

.type_tab ul li i.ico_6 {
    background-position: -99.5px 0;
    width: 12px;
    height: 12px;
}

.type_tab ul li a {
    color: #001241;
    font-size: 12px;
    display: block;
    background: #fff;
    padding: 8px 20px 8px 15px;
    transition: all .3s;
    position: relative;
    border: 1px solid #ddd;
    text-align: left;
}
.type_tab ul li.on a {background:#283c82;color:#cadcee;}
.type_tab_con_list>li {display:none;}
.type_tab_con_list>li.current {display:block;}

@media screen and (max-width: 360px) {
    .type_tab {padding:0;}
    .type_tab ul li a {padding:8px 15px 8px 5px;font-size:11px;}
}

/* VR */
.pano_box {
    position: relative;
    padding-bottom: 100%;
    height: 0;
    overflow: hidden;
}
.pano_box #divPano {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* tabmenu */
.tab {}

.tab>ul:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.tab>ul>li {
    float: left;
    display: table;
    margin-left: -1px;
}

.tab>ul.tabnum3>li {
    width: 33.33%;
}

.tab>ul.tabnum4>li {
    width: 25%;
}

.tab>ul>li>a {
    position: relative;
    box-sizing: border-box;
    display: table-cell;
    width: 100%;
    height: 42px;
    padding-top: 1px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.2;
    font-size: 1.1em;
    color: #222;
    background: #fff;
    border: 1px solid #ccc;
}

.tab>ul>li>a.on {
    position: relative;
    z-index: 2;
    color: #308fe3;
    background: #fff;
    border: 2px solid #308fe3;
}

.tab_content {
    display: none;
}

.tab-content.on {
    display: block;
}

/* 게시판 */
.list_wrap {
    width: 100%;
    min-height: 300px;
}

.list_wrap ul li {
    padding: 10px 0;
    line-height: 1.2;
    border-bottom: 1px solid #e6ebff;
}

.list_wrap ul li:first-child {
    border-top: 2px solid #010e43;
}

.list_wrap ul li dl dt {
    float: left;
    width: 100%;
    color: #191919;
    font-size: 14px;
    text-align: left;
    padding-bottom:15px;
}

.list_wrap ul li dl dt a {
    color: #191919;
    padding: 0 4.6%;
    display: block;
}

.list_wrap ul li dl:after {
    clear: both;
    content: '';
    display: block;
}

.list_wrap ul li:after {
    clear: both;
    content: '';
    display: block;
}

.list_wrap ul li dl dd {
    float: left;
}

.list_wrap ul li dl dd.num {
    width: 10%;
    font-size: 12px;
    color: #bebebe;
}

.list_wrap ul li dl dd.date {
    font-family:'Exo 2';
    color: #a6a6a6;
    padding-right: 4.6%;
    text-align: right;
    float: right;
}

.list_wrap ul li dl dd.media {
    padding-left: 4.6%;
    text-align: center;
}

.list_wrap ul li dl dd.media span {
    display: block;
    background-color: #010e43;
    font-size: 12px;
    width: 120px;
    height: 24px;
    line-height: 24px;
    color: #fff;
}

.list_wrap ul li dl dd.media.notice span {
    background-color: #47a5db;
}


.list_wrap .th {
    color: #404041 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: center !important;
    background: url("/images/common/list_th_bl.gif") 0 50% no-repeat;
}

.list_wrap .th.none {
    background: none;
}

/*.page_list{text-align:center; margin-top: 30px;}
.page_list a{margin:0 2px; width:31px; height:31px; line-height:33px; display:inline-block; text-align:center; border:1px solid #a1abbe; font-size:12px; color:#a1abbe; vertical-align: top; background-color: #fff;}
.page_list a.on{ width:31px; height:31px; line-height:28px; border:2px solid #0b70b3; font-weight:500; color:#0b70b3;}
.page_list a.arrow{border:none;}
.page_list a.arrow.mr{margin-right: 15px;}
.page_list a.arrow.ml{margin-left: 15px;}*/

.page_list {
    clear: both;
    text-align: center;
    padding-top: 30px;
}

.page_list a {
    display: inline-block;
    width: 31px;
    height: 31px;
    line-height: 26px;
}

.page_list a.arrow {
    background-color: #fff;
    font-size: 0;
    color: transparent;
}

.page_list a.prev {}

.page_list a.next {}

.page_list * {
    vertical-align: middle;
}

.page_list a.on {
    border: 2px solid #565c66;
    font-weight: 600;
    color: #565c66;
}

.page_list a.prev:before {
    font-family: 'FontAwesome';
    content: "\f104";
    font-size: 20px;
    color: #888;
    margin-left: -3px;
}

.page_list a.first:before {
    font-family: 'FontAwesome';
    content: "\f100";
    font-size: 20px;
    color: #888;
}

.page_list a.next:before {
    font-family: 'FontAwesome';
    content: "\f105";
    font-size: 20px;
    color: #888;
    margin-left: 3px;
}

.page_list a.last:before {
    font-family: 'FontAwesome';
    content: "\f101";
    font-size: 20px;
    color: #888;
}

/* 보도자료 */
.board_list {
    line-height: 1;
}

.type-table th {
    border-top: 2px solid #333;
    background: #fbfbfb;
    color: #333;
}

.type-table th,
.type-table td {
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
    padding: 3% 0;
}

.type-table td {
    color: #535052;
}

.type-table td a {
    color: #535052;
    word-break: break-all;
}

.type-table td.tit {
    text-align: left;
}

.type-table {
    width: 100%;
}

.type-table thead th {
    background: #eee;
}

.type-table th,
.type-table td {
    border-bottom: 1px solid #d9d9d9;
    padding: 16px 0;
    text-align: center;
    font-size: 14px;
    word-break: break-all;
}

.type-table th {
    font-weight: 600;
}

.type-table th:first-child,
.type-table td:first-child {
    border-left: none !important;
}

.type-table td.subj {
    padding-left: 15px;
    line-height: 15px;
    text-align: left;
}

.type-table tbody .name {
    padding-left: 5px;
    padding-right: 5px;
}

/* paging */
.paging {
    padding: 2rem 0;
    text-align: center;
    clear: both;
}

.paging a {
    display: inline-block;
    width: 2rem;
    line-height: 2rem;
    border: 1px solid #ccc;
    background: #fff;
    margin: 0 2px;
    color: #666;
}

.paging a.on {
    background: #012150;
    border: 1px solid #012150;
    color: #fff;
}


/* 관심고객등록 2 */
.privacy {margin:35px 0;}
.privacy  fieldset{text-align: left;}
.privacy fieldset>  h2{position:relative; margin-bottom:10px; font-size:18px; line-height: 18px; height: 18px; color:#1c1c1c; font-weight:400;}

.terms_box{margin-bottom:15px; padding:15px 2%; height:150px; border:1px solid #e0e5e8; background:#f9f9f9;overflow:auto; font-size:13px; line-height: 25px;}
.terms_box h1{color:#414042; font-size:15px;}
.terms_box .terms > ul{padding-top:5px;}
.terms_box .terms > ul ul{padding-left:10px;}
.terms_agree{margin-bottom:30px; text-align: center;}
.terms_agree * {vertical-align: middle;}
.terms_agree label{ display:inline-block; font-size:14px; color:#959595; }
.terms_agree input{height: 24px}

.privacy_tb{width:100%; margin-bottom:10px; border-top:2px solid #2668ad;}
.privacy_tb th{padding:15px 8px; text-align:center; vertical-align: middle; background-color:#f6f6f6; border-bottom:1px solid #c7c7c7; font-size:15px; color:#2c2c2c; }
.privacy_tb td{padding:9px; vertical-align: middle; border-bottom:1px solid #c7c7c7;}
.privacy_tb td:first-child,.privacy_tb th:first-child{border-right: 1px solid #e4e4e4 }
.privacy_tb td input[type=text]{padding-left:5px; width:202px; height:30px; line-height:30px; }
.privacy_tb td span{color:#959595; font-size:12px;}
.privacy_tb td input[type=text]{padding-left:1%; width:99%; height:32px; line-height:32px; }
.privacy_tb td input[type=number]{padding-left:1%; width:99%; height:32px; line-height:32px; }

.privacy_tb td select{width:32%; height:34px; background: #fff; line-height:34px; font-size:11px;}
.privacy_tb td.w_3 input[type=text]{width:30%;}
.privacy_tb td.w_3 input[type=number]{width:28%;}
.privacy_tb td.w_3  select{width:26%;}
.privacy_tb td.w_2 select{width:44%;}
.privacy_tb td.w_2 input[type=text]{width:44%;}
.privacy_tb .btn_post{margin-left:5px; width:150px; height:32px; text-align:center; line-height:32px; display:inline-block; background-color:#414042; color:#fff; font-size:11px; font-family:"돋움";}
.privacy_tb td label{color:#959595; margin-right: 5px; font-size:14px; }

.privacy_tb td.lable_td{padding:15px 8px 0;}
.privacy_tb td input[type=radio].radio+.label{vertical-align: bottom;}
.privacy_tb td input[type=radio].radio+.label::before{min-width:16px; width:16px; height: 16px; line-height: 16px; font-size: 12px;}
.privacy_tb td input[type=radio].radio:checked+.label:before{border:1px solid #dbdbdb; color:#574b30;}

.privacy_tb td .qe{font-size:14px; color:#2c2c2c; 
  padding-bottom:10px;
  padding-top:20px;
}
.privacy_tb td .qe:first-child{padding-top:10px;}
.privacy_tb td .qe em{color:#5c7dca;}
.privacy_tb td .an input{line-height:24px; height:24px;}

.privacy_tb td .tit{font-size:15px; color:#585858; padding-top:15px; padding-bottom:10px;}
.privacy_tb td .tit em{color:#5c7dca;}
.privacy_tb td .an span{display: block;}
.privacy_tb td .an span.bar{display: inline-block; padding:3px 10px; background:#5c7dca; color:#fff; text-align: center; width:70px; margin-top: 10px;}


.privacy .btn_box{text-align: center; padding-top: 15px;}
.privacy .txt_box{color:#666; text-indent:-4%; margin-bottom:30px;}
.privacy .btn_box .btn {
    margin: 0 2px;
    width: 140px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
}
.privacy .btn_box .btn.btn-green {background-color: #2668ad;}
.privacy .btn_box .btn.btn-gray {background-color: #606163;}
.privacy .btn_box .btn.btn-navy {background-color: #263d6b;}


.event_img{padding-bottom:30px;}
.file_input_textbox {float:left;}
.file_input_div {position:relative; width:27%;  height:34px; overflow:hidden;}
.file_input_img_btn {margin-left:5px; width:100%; display:block; height:34px; text-align:center; line-height:34px; display:inline-block; background-color:#414042; color:#fff !important; font-size:11px; font-family:"돋움";}

.file_input_hidden {
    font-size:29px; 
    position:absolute; 
    right:0px; 
    top:0px; 
    opacity:0; 
    filter: alpha(opacity=0); 
    -ms-filter: alpha(opacity=0); 
    cursor:pointer;
}

.st1.privacy_tb{border-bottom:1px solid #e4e4e4}
.st1.privacy_tb th{font-size:13px; border-bottom: none;}
.st1.privacy_tb td{border-bottom: none}


/*약관*/
.terms h1{font-size:13px; font-weight:400;}
.terms h2{margin-bottom:0; padding:20px 0 10px; font-size:14px; font-weight:400;}
.terms h2:first-child{padding-top:0;}
.terms p{margin-bottom:10px; }
.terms ul li{margin-bottom:5px;}

/*survey*/

.survey  {
  border-top: 1px solid #c7c7c7;  
  border-bottom: 1px solid #c7c7c7;  
  padding: 20px 0 0;
  margin: 0 0 30px;
}
.survey h3 {
  font-size: 16px;
  text-indent: -14px;
  padding: 0 0 0 14px;  
}
.survey ul>li>ul {
  margin: 5px 0 25px;
  padding: 10px 0 0 30px;
 }
.survey ul>li>ul>li {
  /* text-indent: -19px; */
  /* padding: 0 0 0 19px; */
  margin: 0 25px 0 0;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
}
.survey h3 strong {
  color: #138eba;
}
.survey ul>li:nth-of-type(1) ul li {
  display: block;
  margin: 0 0 5px;
}
ul.survey_list li {
  margin: 0 15px 0 0;
  display: inline-block;
}


.foot_summary {
    padding: 20px 0 0 15px;
}

.foot_summary li {
    text-indent: -15px;
    font-size:12px;
    color:#858585;
    padding: 0 0 2px;
    font-weight: 300;
}
.foot_summary li .ico_box img {display:inline-block;width:20px;height:auto;vertical-align:middle;}

.slide_nav {
    width: 100%;
    background: rgb(52,101,158);
    background: linear-gradient(180deg, rgba(52,101,158,1) 0%, rgba(63,96,158,1) 51%, rgba(74,89,159,1) 100%);
}

.slide_nav ul {
    white-space: nowrap;
}

.slide_nav ul li {
    display: inline-block;
}

.slide_nav ul li a.on {
    color: rgba(255,255,255,1);
}

.slide_nav ul li a {
    position:relative;
    color: rgba(255,255,255,0.7);
    font-size: 16px;
    display: block;
    padding: 14px 20px 16px;
    transition:padding .4s;
}
.slide_nav ul li a.on::after {
    display:block;
    content:'';
    position:absolute;
    bottom:-7px;
    left:50%;
    width: 0px;height: 0px;
    border-bottom:8px solid none;
    border-top:8px solid #4c589f;
    border-right: 8px solid transparent;
    border-left: 8px solid  transparent;
    transform:translate(-50%, 0);

}

.slide_nav.topfix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 90;
}

.slide_nav.topfix ul li a {padding: 20px 20px 22px;}

.slide_nav ul li.swiper-slide {
    width: auto !important;
}

.location {
    position:absolute;
    top:50%;
    left:5.5%;
    width: 100%;
    height: 45px;
    text-align: center;
    transform:translate(0, -50%);
    z-index:20;
}

.location_nav {
    position:relative;
    font-size: 15px;
    text-align: left;
    white-space: nowrap;
    z-index:10;
}

.location_nav button {
    border: 0;
    background: transparent;
    outline: 0;
    font-size: 0;
}



.location_nav .path-item dt {
    position:relative;
    color: #fff;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
}

.location_nav .path-item.path_depth_1 {
    position:relative;
    width: 34%;
    background:#101a3b;
    border-radius:10px;
}

.location_nav .path-item.path_depth_2 {
    width: 58%;
}

.location_nav .path-item dt,
.location_nav .path-item li {
    padding: 0 20px 0 10px;
}

.location_nav .path-item ul {
    margin-top: -1px;
    position: absolute;
    width: 100%;
    border-radius:10px;
    background: #373a46;
}

.location_nav .path-item ul li {
    padding: 0;
    text-align: left;
}

.location_nav .path-item dd {
    display: none;
    background: #373a46;
    width: 100%;
}

.location_nav .path-item li a {
    color: rgba(255,255,255,0.7);
    display: block;
    position: relative;
    padding: 10px 15px;
    font-size: 13px;
}


.location_nav .path-item li.on a {
    color: #fff;
}


.location_nav .path-item .btn-open,
.location_nav .path-item .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
}

.location_nav .path-item .btn-open:after,
.location_nav .path-item .btn-close:after {
    content: "\e870";
    position: absolute;
    top: 13px;
    right: 12px;
    white-space: nowrap;
    overflow: hidden;
    font-family:'Linearicons-Free';
    font-size: 16px;
    color: #fff;
    transform:rotate(45deg);
}

.location_nav .path-item .btn-close {
    display: none;
}


.location_nav .path-item.active .btn-open {
    display: none;
}

.location_nav .path-item.active .btn-close {
    display: block;
}

/* event */
.event_list li {margin-bottom:10px;}

.privacy .btn_box .event_btn {width:44%;}

.event_top {position: relative; margin-bottom: 40px;}
.event_form { position: absolute; overflow: hidden; left: 10%; top: 39.1%; z-index: 21;}
.event_form li {float: left; padding-right: 1.8vw;}

.word_box {width: 11vw; height: 9%;}
.word_box {position: relative; z-index: 1; overflow: hidden; display: inline-block;}
.word_box label {white-space: nowrap; cursor: text; position: absolute; left: 0; top: 0; z-index: 2;}
.word_box input[type="text"] {width: 100% !important; height: 10vw; text-align: center; font-size: 16px; border-color:#0b193e; border-radius:10px; background:#0b193e; color:#fff;}
.word_box label.word1 {}
.word_box label.word2 {}
.word_box label.word3 {}
.word_box label.word4 {}
.word_box input {position: relative; z-index: 1;}
.word_box input.focus {z-index: 3;}

.event_tab_con {margin-top:20px;}
.event_tab_con .txt-right {text-align:right;}
.event_tab_con .required {color:#f04639;}
.event_tab_con .event_regist_wrap {display:none;}
.event_tab_con .event_regist_wrap .event_top {margin-bottom:25px;}
.event_tab_con .event_table th {text-align:left;padding-left:10px;}
.event_tab_con .mt10 {margin-top:10px;}



/* 
  popup 
*/
section.popup {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2080;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .3);
}

.popup button {
    border: 0;
    background: url(/resources/img/pop/close_pop.png) no-repeat center center;
    width: 40px;
    height: 40px;
    display: block;
    text-indent: -100000px;
    font-size: 0;
}




.layerPopup {
    position:fixed;
    z-index:1000;
    display:block;
    left:50%;
    top:50%;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    background-clip: padding-box;
    background:#fff;    
    -webkit-transform: translateX(-50%)translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 92%;
    display: none;
}
.layerPopup h3 {font-size:36px; color: #222; padding-bottom: 12px;}
.layerPopup .layerPopup_in {display:block; position: relative; text-align: left;}
.layerPopup .closeLayer {display:inline-block;color:#4a525f; position:absolute; right:-20px; top:-86px; font-size:0; color: transparent;}
.layerPopup .closeLayer a {width: inherit; height: inherit; padding:10px 20px; font-size: 45px; color: #fff;}
.imgIcon.closex:after {}
.layerContent {
    padding-top: 50px;
    margin-top: 20px;
}
.layerContent.rejectbox {
  border-top: 1px solid #ccc;
  line-height: 1.7;
  font-size: 16px;
}
.layerPopup .closeLayer:hover {color:#095573;}

.value_layer .layer_txt {}
.value_layer .layer_txt dl {}
.value_layer .layer_txt dl dt {font-size: 24px; padding: 30px 0 15px; color: #303030; font-weight: 700;}
.value_layer .layer_txt dl dd { background: #eff1f6; padding: 25px 0; font-size: 14px;}
.value_layer .layer_txt dl dd strong { display: inline-block; font-weight: 700; color: #c18531;}
.value_layer .button_group {padding-top: 15px;}
.value_layer .button_group a {display: inline-block; background:#c18531; color: #fff; padding: 10px 40px; border-radius: 20px;}
.layerPopup.value_layer .layerPopup_in {text-align: center; border:4px solid #c18531; padding:0 20px 25px 20px;}
#layerScreen{z-index:999;position:fixed;top:0;left:0;right:0;bottom:0;background:black;filter:Alpha(opacity=30);opacity:0.6;-moz-opacity:0.3;display:none;}

.option_layer .layer_top {
    position: relative;
    background:url("/resources/img/sub/m_option_layer_bg.jpg") center top no-repeat;   
    padding:20px 0;
    background-size:100% 100%;
}

.option_layer .layer_top h2 {
    display:none;
    color: #fff;
    font-size: 24px;
    text-align: center;
    padding: 20px 0 0;
    letter-spacing: -1px;
    font-weight: 600;
}

.option_layer .layer_top h3 sub {
    font-size: 24px;    
    font-family:'Exo 2';
    color:#fff!important;
    vertical-align: baseline;
    font-weight: 100;
}


.option_layer .layer_top h3 span.tit_name {
    display:block;
    font-size: 24px;
    margin-left: 5px;
    font-family: 'Noto Sans KR';
    letter-spacing: -1px;
    margin-top:5px;
}

.option_layer .layer_top h3 {
    text-align: center;
    color: #003057;
    padding-bottom: 5px;
}

.option_layer .layer_top .tit_target, .option_layer .layer_top .tit_type {
    font-family:'Exo 2';

}
.option_layer .layer_top .tit_type {
    text-transform: uppercase;
}


.option_layer .layer_body .list_btn li {
    padding: 4px 0;
}

.option_layer .layer_body .list_btn li a {
    color: #fff;
    background: #1e386e;
    font-size: 15px;
    text-align: center;
    padding: 12px 0;
    display: block;
}

.option_layer .layer_body {
    padding:15px;
}


.option_layer .layer_btm .btn_layer_close {
    display: block;
    padding: 20px 0;
    text-align: center;
    color: #fff;
    background:#5b76a6;
    border-radius: 0 20px 0 0;
}


.value_layer .layer_txt {}

.value_layer .layer_txt dl {}

.value_layer .layer_txt dl dt {
    font-size: 24px;
    padding: 30px 0 15px;
    color: #303030;
    font-weight: 700;
}

.value_layer .layer_txt dl dd {
    background: #eff1f6;
    padding: 25px 0;
    font-size: 14px;
}

.value_layer .layer_txt dl dd strong {
    display: inline-block;
    font-weight: 700;
    color: #c18531;
}

.value_layer .button_group {
    padding-top: 15px;
}

.value_layer .button_group a {
    display: inline-block;
    background: #c18531;
    color: #fff;
    padding: 10px 40px;
    border-radius: 20px;
}

.layerPopup.value_layer .layerPopup_in {
    text-align: center;
    border: 4px solid #c18531;
    padding: 0 20px 25px 20px;
}

#layerScreen {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    filter: Alpha(opacity=30);
    opacity: 0.6;
    -moz-opacity: 0.3;
    display: none;
}


.location .btn_in {
    padding: 5% 24.5% 0;
    text-align: center;
}

.location .btn_in a {
    display: block;
}

/*video_popup*/
.video_pop {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50px;
    padding: 5%;
    z-index: 9991;
}

.video_pop>div {
    border: 2px solid #333;
}

.video_pop>div>iframe {
    margin: -12px 0 -17px;
}

.video_close {
    width: 100%;
    max-width: 337px;
    display: block;
    margin: auto;
    padding: 5px 10px;
    background: #333;
    text-align: right;
    color: #fff;
}


/*video_popup*/
.video_pop {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50px;
    padding: 5%;
    z-index: 9991;
}

.video_pop>div {
    border: 2px solid #333;
}

.video_pop>div>iframe {
    margin: -12px 0 -17px;
}

.video_close {
    width: 100%;
    max-width: 337px;
    display: block;
    margin: auto;
    padding: 5px 10px;
    background: #333;
    text-align: right;
    color: #fff;
}


.popvideo {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 0;
    position: fixed;
    z-index: 9999;
}

.popvideo .video_con {
    -webkit-transform: translateX(-50%)translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 96%;
}

.popvideo p {
    position: absolute;
    right: 0;
    top: 50%;
    padding-top: 30%;
}
.popvideo .tv_contents {
    aspect-ratio: 4/3;
    position: relative;
}
.popvideo .tv_contents iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.popvideo .closevideo {
    position: absolute;
    right: 0;
    top: -40px;
    color: #fff;
    font-size: 13px;
    color: #fff;
    padding: 5px 0;
    display: block;
    text-align: right;
}

.popvideo .closevideo * {
    vertical-align: middle;
}

.popvideo .closevideo i {
    display: inline-block;
    font-style: normal;
}

.popvideo .closevideo i::after {
    content: "\e870";
    display: inline-block;
    font-family: Linearicons-Free;
    font-size: 18px;
    margin-right: 6px;
    color: #fff;
}

.brand_page h3 {
    text-align: center;
    padding: 25px 0 15px;
    font-size: 20px;
    letter-spacing: -1px;
    font-weight: 900;
}

.brand_page .video_con video {
    width: 100%;
}


/*
  Radio & Checkbox
*/

input[type=checkbox].checkbox,
input[type=radio].radio {
    opacity: 0;
    position: absolute;
    z-index: 12;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin: 0;
    padding: 0;
}

input[type=checkbox].checkbox:checked,
input[type=checkbox].checkbox:focus,
input[type=radio].radio:checked,
input[type=radio].radio:focus {
    outline: none !important;
}

input[type=checkbox].checkbox+.label,
input[type=radio].radio+.label {
    position: relative;
    z-index: 11;
    display: inline-block;
    margin: 0;
    font-weight: normal;
    vertical-align: top;
}

input[type=checkbox].checkbox+.label::before {
    font-family: fontAwesome;
    font-weight: normal;
    font-size: 15px;
    color: #fff;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    border-radius: 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 18px;
    min-width: 18px;
    margin-right: 1px;
    content: '\f00c';
    line-height: 18px;
}

input[type=radio].radio+.label::before {
    border: 1px solid #dbdbdb;
    border-radius: 0;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    height: 22px;
    min-width: 22px;
    margin-right: 1px;
    line-height: 22px;
    content: '';
}

input[type=radio].radio+.label::before {
    line-height: 14px;
}

input[type=checkbox].checkbox:checked+.label:before {
    display: inline-block;
    content: "\f00c";
    border: 1px solid #000;
    background-color: #fff;
    color: #555;
}

input[type=radio].radio:checked+.label:before {
    display: inline-block;
    font-family: fontAwesome;
    content: '\f00c';
    border: 1px solid #282d41;
    background-color: #fff;
    color: #282d41;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -1px;
}

input[type=checkbox].checkbox:hover+.label::before,
input[type=checkbox].checkbox+.label:hover::before,
input[type=radio].radio:hover+.label::before,
input[type=radio].radio+.label:hover::before {
    border-color: #282d41;
}

input[type=checkbox].checkbox:active+.label::before,
input[type=checkbox].checkbox:checked:active+.label::before,
input[type=radio].radio:active+.label::before,
input[type=radio].radio:checked:active+.label::before {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

input[type=checkbox].checkbox:disabled+.label::before,
input[type=checkbox].checkbox[disabled]+.label::before,
input[type=checkbox].checkbox.disabled+.label::before,
input[type=radio].radio:disabled+.label::before,
input[type=radio].radio[disabled]+.label::before,
input[type=radio].radio.disabled+.label::before {
    background-color: #f0f0f0 !important;
    border-color: #c9c9c9 !important;
    box-shadow: none !important;
    color: #bbb;
}

input[type=radio].radio+.label::before {
    border-radius: 100%;
    /*font-size:12px;
  line-height:17px;
  height:17px;
  min-width:17px;*/
}

input[type=checkbox].checkbox.switch {
    width: 60px;
    height: 30px;
}

input[type=checkbox].checkbox.switch+.label {
    margin: 0 4px;
    min-height: 30px;
}

input[type=checkbox].checkbox.switch+.label::before {
    content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    margin-right: 0px;
    padding: 0px;
    width: 60px;
    height: 30px;
    line-height: 28px;
    background-color: #889fae;
    border: 1px solid #6d899c;
    border-radius: 2px;
    box-shadow: none;
    color: #fff;
    font-family: Arial, Helvertica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    text-indent: -30px;
    transition: all 0.4s ease;
}

input[type=checkbox].checkbox.switch+.label::after {
    content: "??????";
    position: absolute;
    top: 0px;
    left: 0px;
    box-sizing: border-box;
    padding: 4px 0px 0px;
    width: 30px;
    height: 30px;
    background: #f7f7f7;
    background: linear-gradient(to bottom, #f7f7f7 0%, #e5e5e5 100%);
    border-top: 1px solid #e4e4e4;
    border-right: none;
    border-bottom: 1px solid #c3c3c3;
    border-left: 1px solid #cecece;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    color: #5b6a73;
    font-family: Arial, Helvertica, sans-serif;
    font-size: 12px;
    font-weight: lighter;
    line-height: 18px;
    text-align: center;
    text-shadow: -1px 0 0 rgba(0, 0, 0, 0.2);
    transition: all 0.4s ease;
}

input[type=checkbox].checkbox.switch:checked+.label::before {
    text-indent: 5px;
    background-color: #5791d7;
    border-color: #4b79ad;
}

input[type=checkbox].checkbox.switch:checked+.label::after {
    left: 32px;
    border-right: 1px solid #cecece;
    border-left: none;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

input.checkbox.readonly[type="checkbox"]+.label:before,
input.radio.readonly[type="radio"]+.label:before {
    background: #e1e1e1;
}

input[type="text"],
input[type="password"] {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff;
    height: 38px;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    line-height: 36px\9;
    font-family: inherit;
    font-size: 16px;
}

input[type="text"],
input[type="password"],
input[type="tel"] {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #fff;
    height: 38px;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    line-height: 36px\9;
    font-family: inherit;
    font-size: 1.4rem;
}



/* main popup */
.popup_wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20vw 20px 0;
    background: rgba(0, 0, 0, 0.5);
    overflow-y: auto;
    z-index: 999;
    line-height: 0;
    display: none;
}

.popup_wrap .popup {}

.popup_wrap .popup_slide {
    position: relative;
}
.popup_wrap .popup_slide li, 
.popup_wrap .popup_slide div { position: relative; }
.popup_wrap .popup_slide .popinner {position: relative;}
.popup_wrap .popup_slide .popinner .pop_link {position: absolute; display:block; color: transparent; font-size: 0; background: rgba(0,0,0,0);}

.popup_wrap .today {
    clear: both;
    width: 100%;
}

.popup_wrap .today {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #333;
    padding: 5px 5%;
    color: #fff;
    font-size: 13px;
    line-height: 24px;
}

.popup_wrap .today a {
    color: #fff;
    float: right;
}

.popup_wrap .slick-dots {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 2%;
    display: block;
    text-align: center;
    z-index: 1;
}

.popup_wrap .slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 2px;
    text-indent: -20000px;
    border-radius: 12px;
    display: inline-block;
    border: 2px solid #fff;
}

.popup_wrap .slick-dots li.slick-active {
    background: #fff;
}

.ui_tabcontents .nav_menu {
    position: relative;
}

.ui_tabcontents .type_tab {
    /* overflow-x: auto; display: block; white-space: nowrap; touch-action: pan-x; */
}

.ui_tabcontents .guide_tab li a {font-size: 12px !important;}


.checklist_pop {display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;padding:5%;background:#fff;z-index:1000;border:5px solid #263d6b;text-align:center;}
.checklist_pop p {font-size:14px;font-weight:400;color:#333;}
.checklist_pop .btns {margin-top:20px;}
.checklist_pop .btns>a {display:inline-block;color:#fff;background:#263d6b;line-height:30px;width:33%;height:30px;text-align:center;font-size:14px;margin:0 1%;}

.ui_tabcontents .nav_menu.active::before {
    content: "";
    width: 30px;
    height: 45px;
    position: absolute;
    right: 0;
    top: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.54) 41%, rgba(255, 255, 255, 1) 79%, rgba(255, 255, 255, 1) 100%);
    z-index: 30;
}

.ui_tabcontents .nav_menu::after {
    content: "";
    width: 20px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.74) 59%, rgba(255, 255, 255, 0) 100%);
    z-index: 30;
}

.ui_tabcontents .nav_menu.active::after {
    display: none;
}

.ui_tabcontents .type_tab li {
    display: inline-block;    
    width: 30.5%;
    padding:0 0.7%;
}

.ui_tabcontents .type_tab.col2 li {width:50%!important;}
.ui_tabcontents .type_tab.col3 li {width:50%!important;}

.ui_tabcontents .type_tab li a {
    display: block;
    color: #010e43;
    font-size: 13px;
    letter-spacing:-1px;
    text-align: center;
    padding: 10px 0;
    background: #e6ebff;
    touch-action: initial;
    border-radius:20px;
}

.ui_tabcontents .type_tab li.navon a {
    background: #001241;
    color: #fff;
}

.ui_tabcontents {
}

.ui_tabcontents::after {display:block;content:'';clear:both;}

.ui_tabcontents .tab {
    display: flex;
    width: 100%;
    overflow: hidden;
    padding-top: 1px;
    padding-left: 1px;
    padding: 1px 0 1px 1px;
    justify-content: space-between;
    flex-wrap: wrap;
    /* border-bottom: 1px solid #f4f7ff; */
}

.ui_tabcontents .tab li {
    width: 50%;
}

#sec_system .ui_tabcontents .tab li { width: 33.3333%; }


.ui_tabcontents .tab li * {
    vertical-align: middle;
}
.ui_tabcontents .tab li a,
.ui_tabcontents .tab li em {
    display: block;
    border: 1px solid #f4f7ff;
    color: #3d4f8e;
    background: #fff;
    font-size: 13px;
    text-align: center;
    margin: 0 0 -1px -1px;
    padding: 10px 0;
}

.ui_tabcontents .tab li.on a,
.ui_tabcontents .tab li.on em {
    color: #fff;
    background: #3d4f8e;
}



#sec_chungyak .ui_tabcontents .tab li { width: 33.3333%; }
#sec_chungyak .ui_tabcontents .tab li:nth-of-type(1),
#sec_chungyak .ui_tabcontents .tab li:nth-of-type(2),
#sec_chungyak .ui_tabcontents .tab li:nth-of-type(3) 
 {
    width: 33.3333%; 
}
#sec_chungyak .ui_tabcontents .tab li:nth-of-type(4),
#sec_chungyak .ui_tabcontents .tab li:nth-of-type(5),
#sec_chungyak .ui_tabcontents .tab li:nth-of-type(6),
#sec_chungyak .ui_tabcontents .tab li:nth-of-type(7) {
    
    width: 25%; 
}
#sec_chungyak .ui_tabcontents .tab li a,
#sec_chungyak .ui_tabcontents .tab li em { 
    height: 9vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui_tabcontents .tab.aiq_tab {
    flex-wrap: wrap;    
}
.ui_tabcontents .tab.aiq_tab li {
    width: 50%;
}
.ui_tabcontents .tab.aiq_tab li a {
    font-size: 13px;
}
.ui_tabcontents .tab#tvTab li a {
    font-size:13px;
}

.ui_tabcontents .tab_conlist {
    padding: 25px 0 10px;
}

.ui_tabcontents .tab_conlist>li {
    display: none;
}

.ui_tabcontents .tab_conlist>li.current {
    display: block;
}

.trans_btn {
    position: absolute;
    display: inline-block;
    color: transparent;
    text-indent: -9999em;
}

.event_btm {
    overflow: hidden;
}

.event_btm li {
    float: left;
    width: 50%;
}

.select_box_con {}

.select_box_con .select-wrapper {
    display: block;
    padding-right: 0;
    margin-bottom: 20px;
    position: relative;
}

.select_box_con .select-wrapper select {
    width: 100%;
    font-size: 16px;
    color: #000;
    border: none;
    height: 44px;
    vertical-align: middle;
    font-family: 'Noto Sans DemiLight';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    vertical-align: top;
    padding-left: 20px;
    background: #fff;
}

.select_box_con .select-wrapper::before {
    content: "";
    position: absolute;
    z-index: 88;
    right: 15px;
    top: 20px;
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
}

.result_body {
    background: url(../img/sub/m_result_bg.jpg) repeat;
    background-size: cover;
    padding: 20px 15px;
}

.result_list {
    display: none;
}

.result_list.on {
    display: block;
}

.result_list ul li {
    display: table;
    width: 100%;
}

.result_list ul li span {
    display: table-cell;
    text-align: center;
    width: 50%;
    padding: 10px 0;
}

.result_list ul li span strong {
    display: inline-block;
    padding: 5px 0;
    position: relative;
}

.result_list ul li span strong::before {
    content: '';
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* 동영상 레이어 */

.player_sec .lnr {
    display: inline-block;
    fill: currentColor;
    width: 1em;
    height: 1em;
    vertical-align: -0.05em;
}

.player_sec .lnr-cross {
    color: #fff;
    font-size: 30px;
}

.player_sec {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    z-index: 999;
    background: rgba(0, 0, 0, .8);
    display: none;
}

.player_sec .movie_con {
    position: relative;
    z-index: 99;
    padding: 0 15px;
    margin: 0 auto;
    padding-top: 20px;
}

.player_sec .movie_con .movie {}

.player_sec .movie_con .movie iframe {}

.player_sec .movie_con .movie_close {
    right: 15px;
    position: absolute;
    z-index: 99;
    margin-top: 0;
}

.player_sec .movie_con .movie_close a {
    display: block;
}

.hidden_layer {
    position: absolute;
    left: -99999em;
    top: -99999em;
}


.layer_wrap .btn_close {
    color: #fff;
    display: block;
    text-align: right;
    padding: 6px 15px;
}

.event_pop {
    position: relative;
}

.event_pop .shareLink {
    position: absolute;
    display: inline-block;
    color: transparent;
    text-indent: -9999em;
    font-size: 0;
}

.event_pop .shareLink.shareLink-1 {
    width: 40.9%;
    height: 16.5%;
    left: 50%;
    top: 44.2%;
}

.event_pop .shareLink.shareLink-2 {
    width: 9.2%;
    height: 6.7%;
    left: 53.3%;
    top: 61.8%;
}

.event_pop .shareLink.shareLink-3 {
    width: 9.2%;
    height: 6.7%;
    left: 62.5%;
    top: 61.8%;
}

.event_pop .shareLink.shareLink-4 {
    width: 9.2%;
    height: 6.7%;
    left: 71.7%;
    top: 61.8%;
}

.event_pop .shareLink.shareLink-5 {
    width: 9.2%;
    height: 6.7%;
    left: 80.8%;
    top: 61.8%;
}

.event_pop .shareLink.regist_go {
    width: 68%;
    height: 9.3%;
    left: 16.4%;
    top: 87.7%;
}


.event_con {
    position: relative;
}

.event_con .shareLink {
    position: absolute;
    display: inline-block;
    color: transparent;
    text-indent: -9999em;
    font-size: 0;
}

.event_con .shareLink.shareLink-1 {
    width: 58.9%;
    height: 2.5%;
    left: 36.5%;
    top: 13.7%;
}

.event_con .shareLink.shareLink-2 {
    width: 10.6%;
    height: 2.1%;
    left: 40.4%;
    top: 16.6%;
}

.event_con .shareLink.shareLink-3 {
    width: 10.6%;
    height: 2.1%;
    left: 54.1%;
    top: 16.6%;
}

.event_con .shareLink.shareLink-4 {
    width: 10.6%;
    height: 2.1%;
    left: 67.8%;
    top: 16.6%;
}

.event_con .shareLink.shareLink-5 {
    width: 10.6%;
    height: 2.1%;
    left: 81.5%;
    top: 16.6%;
}


/******************************************************************
  이벤트 당첨자
*******************************************************************/
.regist_event_1 {
  background: url("/resources/img/sub/m_event_1st_winner_y.jpg") 0 0 repeat-y;
  background-size: 100% auto;
}
.winner_list {
  padding: 0 10%;
  /*background: url("/resources/img/event/m_event_1st_winner_top.jpg") 0 0 no-repeat, url("/resources/img/event/m_event_1st_winner_btm.jpg") 0 100% no-repeat;
  background-size: 100% auto, 100% auto;*/
}
.winner_list .winner_head ul {
  display: flex;
  background: #0a6041;
}
.winner_list .winner_head li {
  text-align: center;
  display: flex;
  justify-content: space-around;
  padding: 10px;
  width: 100%;
  vertical-align: middle;
}
.winner_list .winner_head ul li span {
  width: 50%;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-self: center;
  font-size: 16px;
  color: #fff;
}
.winner_list .winner_body {
  text-align: center;
  color: #000e43;
}
.winner_list .winner_body ul {
  width: 100%;
}
.winner_list .winner_body ul li {
  padding: 10px;
  display: flex;
}
.winner_list .winner_body ul li span {
  width: 50%;
  font-size: 16px;
  text-align: center;
}

.ytb_responsive iframe, .ytb_responsive object, .ytb_responsive embed {position:absolute; top:0; left:0; width:100%; height:100%;}



.slide-box {
margin: 27px 0 0;
}

.space-navi button {
    border: none !important;
}

.space-navi {
    overflow: hidden;
    position: relative;
    height: 69px;
    padding: 0 72px;
    transition: transform .6s;
}

.space-navi .space-prev {
    position: absolute;
    top: 0;
    left: 0;
    width: 69px;
    height: 69px;
    background: #e6e5e3 url(../images/common/arr-gray-left-17x30.png) center center no-repeat;
    text-indent: -9999em;
}

.space-navi .space-next {
    position: absolute;
    top: 0;
    right: 0;
    width: 69px;
    height: 69px;
    background: #e6e5e3 url(../images/common/arr-gray-right-17x30.png) center center no-repeat;
    text-indent: -9999em;
}

.space-navi .inner {}

.space-navi .inner .slick-dots {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    white-space: nowrap;
    font-size: 0;
}

.space-navi .inner .slick-dots li {
    display: inline-block;
    width: 130px;
    margin: 0 0 0 2px;
}

.space-navi .inner .slick-dots li button {
    width: 100%;
    background: #e6e5e3;
    font-size: 24px;
    line-height: 69px;
    color: #777777;
    transition: all .3s;
}

.space-navi .inner .slick-dots li.slick-active button {
    background: #ca9062;
    color: #ffffff;
}

.space-navi .inner .slick-dots li:first-child {
    margin: 0;
}

.space-navi.fixed {
    position: fixed;
    top: 96px;
    left: 50%;
    z-index: 100;
    width: 750px;
    margin: 0 0 0 -375px;
}

.page_link_con {
    position: relative;
}

.page_link_con a {
    position: absolute;
    display: inline-block;
    color: transparent;
    text-indent: -9999em;
    font-size: 0;
    width: 35.2%;
    height: 2.7%;
}

.page_link_con .page_link-1 {
    top: 37.9%;
    left: 14.1%;
}

.page_link_con .page_link-2 {
    top: 37.9%;
    left: 50.9%;
}

.page_link_con .page_link-3 {
    top: 75.8%;
    left: 14.1%;
}

.page_link_con .page_link-4 {
    top: 75.8%;
    left: 50.9%;
}

.page_link_con .page_link-5 {
    top: 95.3%;
    left: 14.1%;
}

.page_link_con .page_link-6 {
    top: 95.3%;
    left: 50.9%;
}
.emodel_list p {
    padding-bottom: 20px;
}

.emodel_list span {
    display: block;
    padding-bottom: 10px;
}

@media screen and (max-width: 365px) {
    .location_nav {
        padding-right: 0;
    }

    .location_nav .path-item {
        min-width: 100px;
    }

    .location_nav .path-item dt {
        font-size: 12px;
    }

    .location_nav .home {
        left: 0;
        border-left: 0;
    }

    .location_nav .path-item dt {
        border-right: 0;
    }

    .location_nav .path-item li a {
        font-size: 12px;
    }

    .location_nav .path-item .btn-open:after,
    .location_nav .path-item .btn-close:after {
        font-size: 16px;
        top: 14px;
    }
    .sub_title .sub_title_con p {font-size:18px;}
    .ui_tabcontents .type_tab li a {font-size:12px;}
}

.contact_page>div {
    position: relative;
}

#telNum {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
}

#telNum a {
    display: inline-block;
    width: 49.5%;
    height: 100%;
}

.tv_contents {
    padding-top: 20px;
}

/*
  FAQ
*/

.faq_list {
    width: 100%; 
    border-top: 1px solid #666666; 
    margin-bottom: 20px; 
    margin-top: 20px;
}
.faq_list .ac-cont>dt {
    border-bottom: 1px solid #cccccc;
    position: relative;
    transition: all .3s;
    display: table;
    width: 100%;
    table-layout: fixed;
}
.faq_list .ac-cont>dt span {
    display: inline-block;
    font-size: 16px;
    text-align: center;
    color: #777777;
}
.faq_list .ac-cont em {
    display: inline-block;
    font-size: 16px;
    text-align: center;
    width: 35px;
    height: 35px;
    font-size: 18px;
    border-radius: 20px;
    line-height: 32px;
}
.faq_list .ac-cont>dt span.num {
    width: 60px;
}
.faq_list .ac-cont>dt span.cate {
    width: 135px;
}
.faq_list .ac-cont>dt em.ico_q {
    color: #fff;
    background: #001041;
}
.faq_list .ac-cont>dt .left_sec {
    display: table-cell;
    width: 60px;
    white-space: nowrap;
    text-align: center;
}
.faq_list .ac-cont>dt .right_sec {
    display: table-cell;
}
.faq_list .ac-cont>dt::after {
    clear: both;
    display: table;
    content: '';
}
.faq_list .ac-cont>dt i {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
}
.faq_list .ac-cont>dt i::before {
    font-family: Linearicons-Free;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e874";
    color: #868686;
    font-size: 18px;
}
.faq_list .ac-cont.on>dt i::before {
    font-family: Linearicons-Free;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e873";
    color: #868686;
    font-size: 18px;
}
.faq_list .ac-cont>dt>a {
    display: block;
    word-break: break-word;
    padding: 15px 40px 15px 0;
    line-height: 1.8;
    text-decoration: none;
    color: #000;
    font-size: 14px;
}
.faq_list .ac-cont>dd {
    padding: 15px 20px 15px 60px;
    display: none;
    position: relative;
    border-bottom: 1px solid #ddd;
    line-height: 1.7;
}
.faq_list .ac-cont>dd em {
    color: #fff;
    background: #283e6b;
    position: absolute;
    left: 12px;
    top: 22px;
}
.faq_list .ac-cont>dd>div {
    padding: 10px 0;
}
.faq_list .ac-cont.on>dt>a { color: #222; }
.faq_list .ac-cont.on>dt>span {}
.faq_list .ac-cont.on>dt { background-color: #fff; }
.faq_list .ac-cont.on>dd { background: #f6f6f6; }


/*
    유투브 반응형
*/
.youtube .responsive, .responsive_mov {
    position: relative;
    padding-bottom: 56.2%;
    height: 0;
    overflow: hidden;
    margin: 0 0 20px;
}
.youtube .responsive iframe, 
.youtube .responsive object, 
.youtube .responsive embed, 
.responsive_mov iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tv_contents .embed-container, .video_con .embed-container { position: relative; padding-bottom: 60.25%; height: 0; overflow: hidden; max-width: 100%;} 
.tv_contents .embed-container iframe, .tv_contents .embed-container object, .video_con .embed-container embed, .video_con .embed-container iframe, .video_con .embed-container object, .tv_contents .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow:hidden;}
@media screen and (max-width: 700px) {.tv_contents .embed-container, .video_con .embed-container  { padding-bottom: 70.25%;}}


/*
    단지안내 > 모형살펴보기 (VR)
*/
.vr_response {
    width: 100%;
    padding: 60% 0 0;
    position: relative;
}
.vr_response iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}


/*더샵TV*/
.tv_wrap .movie_list li {padding-bottom:20px;}
.tv_wrap .movie_list dl {text-align:center;}
.tv_wrap .movie_list dl dt {font-size:16px;color:#001141;padding:5px 0;}

/* 개인정보 취급방침 */
.privacy_link {position:absolute;width:100%;text-align: center;left:0;top:28%;}
.privacy_link a {display: inline-block; padding: 5px 10px; border: 1px solid #cadcee; color: #02314e; font-size: 10px;}

.bl_line>li {position: relative; padding-left: 15px;}
.bl_line>li:before {
    content: '-';    
    position: absolute;
    left: 0;
    top: 0;    
    display: inline-block;     
}

.bl_dot_wh>li {position: relative; padding-left: 15px;}
.bl_dot_wh>li:before {
    content: '';    
    position: absolute;
    left: 0;
    top: 4px;    
    display: inline-block;     
    width: 2px;
    height: 2px;
    background: #fff;
}

.bl_dot>li {position: relative; padding-left: 15px;}
.bl_dot>li:before {
    content: '';    
    position: absolute;
    left: 0;
    top: 4px;    
    display: inline-block;     
    width: 2px;
    height: 2px;
    background: #929292;
}

ol.circle_list>li {
  position: relative;
  padding: 2px 0 2px 20px;
  line-height: 1.8;
}

ol.circle_list>li::before {
  display: block;
  position: absolute;
  left: 0;
  top: 1px;
}
ol.circle_list>li:nth-child(1)::before {
  content: '\2460';
}

ol.circle_list>li:nth-child(2)::before {
  content: '\2461';
}

ol.circle_list>li:nth-child(3)::before {
  content: '\2462';
}

ol.circle_list>li:nth-child(4)::before {
  content: '\2463';
}

ol.circle_list>li:nth-child(5)::before {
  content: '\2464';
}

ol.circle_list>li:nth-child(6)::before {
  content: '\2465';
}

ol.circle_list>li:nth-child(7)::before {
  content: '\2466';
}

ol.circle_list>li:nth-child(8)::before {
  content: '\2467';
}

ol.circle_list>li:nth-child(9)::before {
  content: '\2468';
}

/******************************************************
    당첨자 조회 
*****************************************************/
.winner_inquiry {
    width: 100%;
    position: relative;
    border-radius: 20px;
    /*background: #535457;
    background-size: 100% auto;*/
    overflow: hidden;
}
.winner_inquiry .inner {
    position: static;
    top: 0px;
    left: 0px;
    width: 100%; 
    padding-bottom:10%;
    background:#001241;
}
.winner_inquiry .winner_title {
    position: relative;
    display: block;
    font-size: 5.9375vw;
    color: #fff;
    font-weight: 700;
    width: 100%;
    text-align: center;
    padding: 55% 0 0;
    background: transparent url("/resources/img/sub/winner_inquiry_bg.jpg") no-repeat 0 0;
    background-size: 100% auto;
}
.winner_inquiry .winner_title p.tit {
    text-align: center;
    font-size: 5.9375vw;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%; 
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.winner_inquiry .winner_title p.tit span {
    align-self: center;
}
@media screen and (min-width: 640px) { 
    .winner_inquiry .winner_title p.tit  {
        font-size: 38px;
    }
}
.winner_inquiry h3 {
    padding: 15% 0 10%;
    color: #fff;
    font-family: 'NanumSquareB';
    font-weight: 700;
    font-size: 6.25vw;
    letter-spacing: -1px;
    text-align: center;
    line-height: 140%;
}
@media screen and (min-width: 640px) { 
    .winner_inquiry h3 {
        font-size: 40px;
    }
}
.winner_inquiry .guide p:nth-of-type(1) {
    padding: 0 5% 45px;
    line-height: 140%;
    text-align: center;
    color: #6cd7ff;
    font-size: 3.4375vw;
}
@media screen and (min-width: 640px) { 
    .winner_inquiry .guide p:nth-of-type(1) {
        font-size: 22px;
    }
}
.winner_inquiry .guide p:nth-of-type(2) {
    margin: 10% 0 10%;
    line-height: 140%;
    text-align: center;
    color: #b2d0ff;
    font-size: 3.125vw;
}
@media screen and (min-width: 640px) { 
    .winner_inquiry .guide p:nth-of-type(2) {
        font-size: 20px;
    }
}
.winner_inquiry .guide p span {
    display: inline-block;
}
.winner_inquiry div[role="form"] {
    padding: 0 15%;
}
.winner_inquiry div[role="form"] label {
    font-size: 4vw;
    color: #6cd7ff;
    display: block;
    margin: 0 0 7px;
}
@media screen and (min-width: 640px) { 
    .winner_inquiry .guide p:nth-of-type(2) {
        font-size: 20px;
    }
    .winner_inquiry div[role="form"] label {
        font-size: 20px;
    }
}
.winner_inquiry div[role="form"] input[type="text"] {
    font-size: 20px;
    margin: 0 0 10%;
    padding: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #fff;
    display: block;
    border: none;
    background: none;
    border-bottom: 2px solid #6cd7ff;
}
.winner_inquiry div[role="form"] input[type="text"]#fname {
    background-color: transparent;
    background-image: url("/resources/img/sub/icon_input1.png");
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
.winner_inquiry div[role="form"] input[type="text"]#phone {
    background-color: transparent;
    background-image: url("/resources/img/sub/icon_input2.png");
    background-repeat: no-repeat;
    background-position: 100% 50%;
}
.winner_inquiry .button_area {
    padding: 20px 0 0;
    text-align: center;
}
.winner_inquiry [class^="btn_"] {
    font-family: 'NanumSquareB';
    position: relative;
    font-size: 3.125vw;
    width: 45vw;
    height: 10.9375vw;
    line-height: 10.9375vw;
    display: inline-block;
    color: #001241 !important;
    background: #ffc400;
    border-radius: 6vw;
    -webkit-box-shadow: 10px 10px 17px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 10px 10px 17px 0px rgba(0,0,0,0.36);
    box-shadow: 10px 10px 17px 0px rgba(0,0,0,0.36);
}
@media screen and (min-width: 640px) { 
    .winner_inquiry [class^="btn_"] {
        font-size: 22px;
        width: 270px;
        height: 70px;
        line-height: 70px;
        vertical-align: center;
    }
}
.winner_inquiry .btn_inq:after {
    font-size: 3.125vw;
    content: "→";
    color: #001241;
    margin: 0 0 0 20px;
}
.winner_inquiry_result {
    width: 100%;
    position: relative;
    border-radius: 20px;
    background: #dceaff;
    overflow: hidden;
}
.winner_inquiry_result .winner_title {
    position: relative;
    display: block;
    font-size: 5.9375vw;
    color: #fff;
    font-weight: 700;
    width: 100%;
    text-align: center;
    padding: 32.1428% 0 0;
    background: url("/resources/img/sub/winner_inquiry_bg.jpg") no-repeat 0 0;
    background-size: 100% auto;
}
.winner_inquiry_result .winner_title p.tit {
    text-align: center;
    font-size: 5.9375vw;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%; 
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}
.winner_inquiry_result .winner_title p.tit span {
    color: #fff;
    align-self: center;
}
@media screen and (min-width: 640px) { 
    .winner_inquiry_result .winner_title p.tit  {
        font-size: 38px;
    }
}

.winner_inquiry_result h3 {
    margin: 0 auto;
    position: relative;
    padding: 15% 0 10%;
    color: #000;
    font-family: 'NanumSquareB';
    font-weight: 700;
    font-size: 6.25vw;
    letter-spacing: -1px;
    text-align: center;
    line-height: 140%;
}
.winner_inquiry_result h3.none { background: none; }
@media screen and (min-width: 640px) { 
    .winner_inquiry_result h3 {
        font-size: 40px;
    }
}
.winner_inquiry_result .result_msg p:nth-of-type(1) {
    font-size: 6.25vw;
    padding: 0 0 10%;
    text-align: center;
    border-bottom: 1px solid #d2ddee;
}
.winner_inquiry_result .result_msg p:nth-of-type(1) span {
    display: inline-block;
    margin: 0 auto;
    position: relative;
    padding: 3% 12% 3%;
    color: #001241;
    font-family: 'NanumSquareB';
    font-weight: 700;
    font-size: 6.25vw;
    letter-spacing: -1px;
    text-align: center;
    line-height: 140%;
    background: url("/resources/img/sub/leaf.png") no-repeat 0 50%, url("/resources/img/sub/leaf_2.png") no-repeat 100% 50%;
    background-size: auto 100%;
}
@media screen and (min-width: 640px) { 
    .winner_inquiry_result .result_msg p:nth-of-type(1) span {
        font-size: 40px;
    }
}
.winner_inquiry_result .result_msg p:nth-of-type(2) {
    font-size: 4.0625vw;
    padding: 10% 0;
    text-align: center;
    border-bottom: 1px solid #d2ddee;
}
@media screen and (min-width: 640px) { 
    .winner_inquiry_result .result_msg p:nth-of-type(2) {
        font-size: 26px;
    }
    .winner_inquiry_result .result_msg p:nth-of-type(2) strong {
        color: #0d955a;
    }
}
.winner_inquiry_result .button_area {
    padding: 10% 0;
    text-align: center;
}
.winner_inquiry_result [class^="btn_"] {
    font-family: 'NanumSquareB';
    position: relative;
    font-size: 3.125vw;
    width: 40.625vw;
    height: 10.9375vw;
    line-height: 10.9375vw;
    display: inline-block;
    color: #fff !important;
    background: #0d955a;
    border-radius: 6vw;
    -webkit-box-shadow: 10px 10px 17px 0px rgba(0,0,0,0.36);
    -moz-box-shadow: 10px 10px 17px 0px rgba(0,0,0,0.36);
    box-shadow: 10px 10px 17px 0px rgba(0,0,0,0.36);
}
@media screen and (min-width: 640px) { 
    .winner_inquiry_result [class^="btn_"] {
        width: 260px;
        font-size: 22px;
        height: 70px;
        line-height: 70px;
    }
}
.winner_inquiry_result .result_msg p.none {
    font-family: 'NanumSquareB';
    font-weight: 700;
    padding: 0 0 10%;
    font-size: 4.0625vw;
    text-align: center;
}

@media screen and (min-width: 640px) { 
    .winner_inquiry_result .result_msg p.none {
        font-size: 38px;
    }
}

.result_msg .mb0 {margin-bottom:0;}
.result_msg table {table-layout:fixed;width:90%;margin:5% auto;margin-bottom:20px;}
.result_msg table thead th {background:#00adee;color:#fff;font-size:16px;padding:10px 0;text-align:center;font-weight:bold;}
.result_msg table thead th span {display:block;position:relative;}
.result_msg table thead th span::before {width:1px;height:10px;background:rgba(255,255,255,0.4);content:'';position:absolute;left:0;top:50%;margin-top:-5px;}
.result_msg table thead th:first-child span::before {display:none;}
.result_msg table tbody td {font-size:18px;color:#002869;background:#fff;text-align:center;font-weight:bold;padding:15px 0;}

.winner_inquiry_result .button_area>a {display:inline-block;width:80%;background:#001241;color:#fff!important;margin:5px 0;font-weight:bold;} 
.winner_inquiry_result .button_area>a::after {font-size: 16px;content: "→";color: #fff;margin: 0 0 0 15px;}
.winner_inquiry_result .info_txt {font-size:12px;width:90%;margin:10px 5% 0;color:#001241;font-weight:bold;}

/* PR NEWS */
.contents_box {padding: 50px 0;}
 


/* PR magazine */
#magazinePop {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9999;width: 90%;height: 80%;background:transparent;display: none;}
#magazinePop .magazine_con {width: 100%;height: 100%;overflow-y: scroll;padding-right: 10px;}
#magazinePop .status {display:none;position: relative;margin-top:5px;}
#magazinePop .status .bar_con {position: relative;height:8px;}
#magazinePop .status .bar_con::before {
  content: "";
  width: 100%;
  height: 8px;
  background: #e9ebf2;
  left: 0;
  top: 0;
  position: absolute;
  border-radius:8px;
}
#magazinePop .status .bar_con .current {position: absolute; left:0;top:0;height:8px;background:#283e6b;width:33.3333333%;border-radius:8px;z-index: 30; }
#magazinePop.horizon {height:auto;transform: translate(-50%, -48%);}
#magazinePop.horizon .magazine_con {padding-right:0;overflow-y:hidden;}
#magazinePop.horizon .status {display:block;}
#magazinePop .magazine_con img {display:block; width: 100%;}
#magazinePop .close_btn {position: absolute;top: -35px;right: 0;width: 30px;height: 30px;background: #fff;border-radius:30px;}
#magazinePop .close_btn span {position: relative;display: block;width: 100%;height: 100%;}
#magazinePop .close_btn span::before {
    content: '\e870';
    position: absolute;
    top: 50%;
    left: 50%;
    color:#00113f;
    font-size:22px;
    font-family:'Linearicons-Free';
    transform:translate(-50%, -50%);
}

#magazinePop ::-webkit-scrollbar {width: 10px;}
#magazinePop ::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 10px;}
#magazinePop ::-webkit-scrollbar-thumb {background: #0072bc;border-radius: 10px;}
#magazinePop ::-webkit-scrollbar-thumb:hover {background: #555; }

.magazine_list {overflow:hidden;margin:-30px -1.5% 0;}
.magazine_list li {float:left;width:50%;padding:0 1.5%;margin-top:30px;}
.magazine_list li a {font-size:13px;color:#000;}
.magazine_list li a dt {width:100%;height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;}
.magazine_list li a dt .num {font-family:'Exo 2';color:#010e43;font-weight:800; }

/* 오시는 길 */
.sec_location div.con_img { margin: 0 0 20px; }
.sec_location div.con_tit {
    margin: 0 0 20px;
    overflow: hidden;
    height: 10vw;
}
.sec_location div.con_tit h3 {
    float: left;
    width: 50vw;
    color: #fff;
    font-size: 18px;
    padding: 2.5vw 5% 0;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 5px;
    background: #283c82;
    height: 100%;
    border-radius: 0 30px 30px 30px;
}
.sec_location div.con_tit div.map_lnk {
    text-align: right;
    float: right;
    width: 30vw;
    vertical-align: top;
}
.sec_location div.con_tit div.map_lnk a {
    margin: 0 2px;
}
.sec_location div.con_tit div.map_lnk a img { width: 10vw; height: 10vw; }
.sec_location div.con_txt {
    font-size: 16px;
    padding: 0 5% 40px;
}

/* .sec_location div.con_tit {
    margin: 0 0 20px;
    display: flex;
    justify-content: space-between;
}
.sec_location div.con_tit h3 {
    display: flex;
    align-items: center;
    width: calc(100% - 120px);
    color: #fff;
    font-size: 16px;
    padding: 0 5%;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 5px;
    background: #283c82;
    border-radius: 0 30px 30px 30px;
}
.sec_location div.con_tit div.map_lnk {
    width: 100px;
    display: flex;
    justify-content: flex-end;
}
.sec_location div.con_tit div.map_lnk a {
    display: flex;
    justify-content: space-between;   
    width: 44px;
    margin: 0 5px 0 10px;
}
.sec_location div.con_tit div.map_lnk a img { width: 44px; }
.sec_location div.con_txt {
    font-size: 16px;
    padding: 0 5% 40px;
} */


/*  크게보기 */
.zoom { text-align: center; }
.zoom .btn_zoom { width: 40%; max-width: 160px; min-width: 100px;}




/* 개인정보 취급방침 */
.privacy_link {text-align: center; padding: 10px 0;}
.privacy_link a {display: inline-block; padding: 5px 10px; color: #fff; font-size: 11px;}

.privacy_pop {
  width: 100%;  
  height:calc(100vh - 150px);
  overflow-y: scroll; 
  padding: 20px 15px; 
}
.privacy_pop h2 {text-align: center; font-size: 18px; color: #535353; padding-bottom: 30px; position: relative; margin-bottom: 20px; font-weight: 700;}
.privacy_pop h2::before {
  content: "";
  width: 1px;
  height: 20px;
  position: absolute;
  left: 50%;
  background: #535353;
  bottom: 0;
}
.privacy_pop .rule_list_box {background: #fbfbfb; border: 1px solid #e4e4e4; overflow:hidden; padding: 20px;}
.privacy_pop .rule_list_box li {padding: 5px 0;}
.privacy_pop .rule_list_box li:nth-child(2n+1) {clear: both;}
.privacy_pop .rule_list_box li a {color: #222;}
.privacy_pop .privacy_summary {padding: 25px 0; border-bottom: 2px solid #5872af; color: #222; font-size: 13px; line-height: 1.6;}
.privacy_pop .privacy_summary p {padding: 5px 0;}
.privacy_pop .privacy_con {line-height: 1.6; padding: 10px 0; font-size: 12px;}
.privacy_pop .privacy_con h3 {font-size: 14px; color: #535353; font-weight: 700; padding-bottom: 5px;}
.privacy_pop .privacy_con p {padding: 5px 0;}
.privacy_pop .privacy_con ul {}
.privacy_pop .privacy_con ul li {padding-left: 12px;}
.privacy_pop .privacy_con ol li {padding-left: 15px;}
.privacy_pop .privacy_con ol.circle_list>li::before {top: 2px;}
.privacy_pop .privacy_con ul.bl_dot>li:before {top: 8px;}

.common_tb_row {width: 100%; table-layout: fixed; border-top: 2px solid #00588a; margin-top: 10px;}
.common_tb_row thead th {
  padding: 8px 10px;
  font-size: 12px;
  background: #fff;
  color:#00588a;   
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
  position: relative;
  white-space: nowrap;
  font-weight: 700;
}
.common_tb_row tbody td {
  padding: 8px 10px;
  font-size: 12px;
  word-break: break-word;
  text-align: center;
  border-bottom: 1px solid #ddd;
  color: #666; 
  background: #fff;
  line-height: 1.3;
  vertical-align: middle;
  text-align: center;  
}

.layerPopup.privacy_layer {        
    padding: 0;
}

.layerPopup.privacy_layer .closeLayer {top: -60px; right:0;}
.layerPopup.privacy_layer .closeLayer a {padding: 0; font-size: 38px;}




/******************************************************************
  청약안내
*******************************************************************/
.chungyak_list ul {

  }
  .chungyak_list ul li {
    margin: 0 0 20px;
    height: 174px;
    border: 1px solid #e5e7ec;
    position: relative;
    overflow: hidden;
    text-align: left;
    background: #fff;
  }
  .chungyak_list ul li a { 
      display: block;
  }
  .chungyak_list ul li:before {
    content: "";
    width: 160px;
    height: 100px;
    display: block;
    background: url("/resources/img/sub/chungyak_num_bg.png") no-repeat;
    background-position: -38px 0;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.2;
  }
  .chungyak_list ul li:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
    background: url("/resources/img/sub/chungyak_btn_bg.png") no-repeat;
    background-size: contain;
  }  
  .chungyak_list ul li:nth-of-type(1):before { background-position: -38px 0; }
  .chungyak_list ul li:nth-of-type(2):before { background-position: -38px -100px; }
  .chungyak_list ul li:nth-of-type(3):before { background-position: -38px -200px; }
  .chungyak_list ul li:nth-of-type(4):before { background-position: -38px -300px; }
  .chungyak_list ul li:nth-of-type(5):before { background-position: -38px -400px; }
  .chungyak_list ul li:nth-of-type(6):before { background-position: -38px -500px; }
  
  .chungyak_list ul li div.conbox { width: 100%; height: 100%; position: relative; z-index: 9; }
  .chungyak_list ul li div.conbox dl {
    padding: 0 20px;
    height: 174px;
  }
  .chungyak_list ul li div.conbox dt { color: #001241; letter-spacing: -1px; padding: 20px 0 10px; font-size: 24px;  font-family: 'Noto Sans KR'; font-weight: 900; }
  .chungyak_list ul li div.conbox dd { color: #2d2d2d; font-size: 16px;  font-family: 'Noto Sans KR'; font-weight: 400; }
  /* .chungyak_list ul li div.conbox .button { 
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
    overflow: hidden;  
  }
  .chungyak_list ul li div.conbox .button a {
    display: block;
    font-size: 18px;
    border-radius: 10px;
    width: 100px;
    height: 100px;
    line-height: 60px;
    color: #fff;
    overflow: hidden;  
    text-indent: -20000px;  
    background: url("../img/sub/chungyak_btn_bg.png") no-repeat;  
    background-position: 50% 50%;
    background-size: contain;
  } */
 a.link {   
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    overflow: hidden;
    text-indent: -20000px;
  }


  /* 사업개요 */
.sec_overview .prj_summary { margin: 0 0 20px; background: #283c82; padding: 6vw; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; margin-top: -9px;}
.sec_overview .prj_summary dl {color: #fff; display: flex; }
.sec_overview .prj_summary dl dt {display: inline-block; padding-right: 10vw; font-size: 3.5vw; position: relative;}
.sec_overview .prj_summary dl dt::before {
  content: "";
  width: 6vw;
  height: 1px;
  background: #fff;
  position: absolute;
  right: 0;
  bottom: 5px;
}
.sec_overview .prj_summary dl dd {font-size: 4vw; padding-left: 10px; font-weight: 400;}
/* .sec_overview .prj_list {overflow: hidden; padding: 35px 30px; text-align: left;;}
.sec_overview .prj_list li {float: left; width: 50%; padding: 15px 0;}
.sec_overview .prj_list li dl {font-weight: 400; font-size: 16px;}
.sec_overview .prj_list li dl dt {color: #283c82; padding: 5px 0;}
.sec_overview .prj_list li dl dd {color: #2d2d2d; padding: 5px 0;} */
.sec_overview .prj_list dl { display: flex; flex-wrap: wrap; border-top: 2px solid #f0f0f0; }
.sec_overview .prj_list dl dt { width: 30%; color: #253d69; font-weight: 700;  line-height: 20px;  font-size: 14px; padding: 15px; text-align: center; border-right: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; }
.sec_overview .prj_list dl dd { width: 70%; font-size: 14px; font-weight: 500; line-height: 20px; padding: 15px; border-bottom: 1px solid #f0f0f0; word-break: keep-all; }

/********************

  error page ljh

********************/
#error_wrap {
    background: #ebf1f7;
    border-radius: 20px;
    border-top-left-radius: 0;
    margin: 7rem auto;
    padding: 3.6rem 2rem 3.6rem;
    width: 90%;
}

.error_msg {
    color: #000e42;
    text-align: center;
}

.error_msg .error_num {
    font-family: 'Exo 2', sans-serif;
    font-weight: 100;
    font-size: 2.5rem;
    line-height: 1.2;
    margin-bottom: 4rem;
}
.error_msg .error_num h1 {
    font-weight: 700;
    font-family: 'Exo 2', sans-serif;
    font-size: 4rem;
}

.error_msg .error_txt {}

.error_msg .error_txt * {
  font-family:  'SCDream', sans-serif;
}

.error_msg .error_txt h2 {font-size: 6vw;}

.error_msg .error_txt p {font-weight: 200;margin: 1rem 0 3.6rem;line-height: 1.4;font-size: 4vw;}

.move_page {border-top: 1px solid #ccc;padding: 3.6rem  1.4rem 0;}
.move_page a {display: block;}
.move_page a:first-child {}
.move_page a:last-child {
    margin-top: 6px;
}




/*******************

    211119 ljh

*******************/
.page_container.event_con {
    background: #687ee3;
    padding: 0 1rem 3.2rem;
}
.event_con img {
    width:  100%;
}
#eventTab {
    margin: 2rem auto;
}
#eventTab li {
    width: 33.33333%;
}
#eventTab li a {
    background: transparent;
    color: #FFF;
    font-size: 0.6rem;
    word-break: keep-all;
}

.ui_tabcontents .tab#eventTab li.on a, .ui_tabcontents .tab#eventTab li.on em {
    background: #FFF;
    color: #3d4f8e;
    font-weight: 600;
}

.winner_con .txt_cnt {}
.winner_con .txt_cnt img {}

.winner_con .bg {}
.winner_con .bg > div {display: flex}
.winner_con .bg .st1 {
    flex: 1;
}
.winner_con .bg .st1 .th {
    display: flex;
}
.winner_con .bg .st1.noborder .th span:nth-last-of-type,
.winner_con .bg .st1.noborder .td span:nth-last-of-type {
    border-right: 0;
}
.winner_con .bg .st1 .th span {
    flex: 1;
    text-align: center;
    color: #FFF;
    background: #283c82;
    padding: 0.8rem;
    border-right: 1px solid #aaa;
}
.winner_con .bg .st1 .td {
    display: flex;
    text-align: center;
}
.winner_con .bg .st1 .td span {
    flex: 1;
    padding: 0.8rem;
    background: #FFF;
    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}


/******************

    211123 ljh

******************/
.popup_list li {position: relative}
.guide_link0 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 74%;
    height: 6%;
    top: 31%;
}
.guide_link1 {
    position: absolute;
    bottom: 26%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 6%;
}
.guide_links {
    position: absolute !important;
    bottom: 1%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 19%;
    display: flex;
    flex-wrap: wrap;
}
.guide_links a {
    width: 50%;
    height: 33%;
}
.guide_links a.guide_link2 {width: 100%;}