@charset "utf-8";


*{box-sizing:border-box;}



/*°øÅë ·¹À̾ƿô*/
#wrap{background-color: #3e3e3e;}
.inner{display:flex; flex-wrap:wrap; width:97%; height:100%; margin:0 auto; max-width:100%;}

/* Çì´õ */
header{position: relative; border-bottom:0;  z-index:5; background-color:#3e3e3e; width: 100%; }
#header_top{ border-bottom:0;}

#header_top .logo .m_logo{display:inline-block;}
#header_top .logo .s_logo{display:none;}

#header_top .top_right .ui_select{display:inline-block; position:relative;}
#header_top .top_right .ui_select a.ui_wrap{position:relative; display:inline-block; width:52px; height:30px; border:1px solid #d9d9d9; border-radius:20px; vertical-align:middle; }
#header_top .top_right .ui_select a.ui_wrap span.ui_icon{position:absolute; content:""; top:0; right:0; display:inline-block; width:30px; height:30px; border-radius:50%; margin-top:-1px; transition:ease 0.3s;}
#header_top .top_right .ui_select a.ui_wrap.tag_ui span.ui_icon{border:2px solid #60f2ff; margin-right:-1px; background:#4a4a4a url(/images/main/ui_s02.png)center no-repeat;}
#header_top .top_right .ui_select a.ui_wrap.air_ui{display:none;}

#header_top .top_right .ui_select a.ui_wrap:hover span.ui_icon{right:calc(100% - 28px);}
#header_top .top_right .ui_select a.ui_wrap.tag_ui:hover span.ui_icon{border:2px solid #26d9a6; margin-left:-1px; background:#4a4a4a url(/images/main/ui_s01.png)center no-repeat;}


#header_top .top_right .ui_select #look{display: inline-block; position: absolute; padding: 5px 8px 5px 10px; line-height: 1em; font-size: 13px; color: #fff; border-radius: 50px; border: 2px solid #60f2ff; right: 0; bottom: -32px; width: 145px; text-align: center; background: #000; transition:0.5s all ease;}
#header_top .top_right .ui_select #look:before{display:block; position: absolute; content:""; background:#000; width:9px; height:8px; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); right:9px; top:-7px; transition:0.5s all ease;}
#header_top .top_right .ui_select #look:after{display:block; position: absolute; content:""; background:#60f2ff; width:13px; height:10px; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); right:7px; top:-11px; z-index:-1; transition:0.5s all ease;}
#header_top .top_right .ui_select #look .close{display:inline-block; vertical-align:top; cursor:pointer; margin-left:5px; font-size:15px; line-height:1em; margin-top:-1px;}

#header_top .top_right .ui_select:hover #look.on:before{right:31px;}
#header_top .top_right .ui_select:hover #look.on:after{right:29px; background:#26d9a6;}
#header_top .top_right .ui_select:hover #look.on{border: 2px solid #26d9a6;}


#header_top .top_right .u_till{display:none;}

#container{padding:0 0 2.3438vw 0; min-height:auto;}
#container .inner{justify-content:center; height: calc(100vh - 200px);}

.mobile_menu{display:inline-block; margin-left:8px;}
.c_red{color:#f3245f;}


/*±¤°í¿µ¿ª ¸ð¹ÙÀÏ*/
#mobile_index{display:block; width: 100%; height:100%;}
.mobile_ad_area{position:relative; width:100%; margin:15px auto 17px auto; overflow-y:auto; height: calc(100% - 130px);}
.mobile_ad_area.more_open{height: calc(100% - 100px);}
.mobile_ad_area::-webkit-scrollbar{height:100%; width:5px; background-color:#fff; border-radius:5px;}
.mobile_ad_area::-webkit-scrollbar-thumb{border-radius:5px; background-color:#8fffff;}
.mobile_ad_area a{display:flex; flex-wrap:wrap; width:100%;}
.mobile_ad_area a + a{margin-top: 5px;}
.mobile_ad_area a ul.ad_row{position:relative; display:flex; width:100%; font-family: 'DungGeunMo';}
.mobile_ad_area a ul.ad_row li{position:relative; display:inline-block; width: calc((100% - 16.5px)/12); background-color:#1a1a1a; color:#fdfdfd; font-size:21px; border: 1px solid #000; margin-right: 1.5px; height: 44px; text-align: center; padding:10px 0; /*font-weight:600;*/ z-index:1; text-shadow: 0px 2px 3px #515151; animation: rotate-in-hor 0.5s cubic-bezier(0.250, 0.460, 0.450, 4) both;}


@keyframes rotate-in-hor {
    0% {
      -webkit-transform: rotateX(360deg);
              transform: rotateX(360deg);
      opacity: 0;
    }
    100% {
      -webkit-transform: rotateX(0deg);
              transform: rotateX(0deg);
      opacity: 1;
    }
  }

.mobile_ad_area a ul.ad_row li:before{position:absolute; content:""; width:100%; height:50%; background:#000; bottom:0; left:0; opacity:0.3;}
.mobile_ad_area a ul.ad_row li:after{position:absolute; content:""; width:100%; height:100%; top:0; left:0; z-index:2; box-shadow: inset 0 0 4px #000000;}
.mobile_ad_area ul li a{position:relative; display:inline-block; width:100%; height:100%; padding: 20px 25px;}

.mobile_ad_area a ul.ad_row.white_bg li{background:#fff; color:#292929; border: 1px solid #595959; text-shadow: 0px 2px 3px #ffffff;}
.mobile_ad_area a ul.ad_row.white_bg li:before{position:absolute; content:""; width:100%; height:50%; background: #000; bottom:0; left:0; opacity:0.1;}
.mobile_ad_area a ul.ad_row.white_bg li:after{position:absolute; content:""; width:100%; height:100%; top:0; left:0; z-index:2; box-shadow: inset 0 0 4px #6b6b6b;}

.area_select_wrap{position:relative; display:block; text-align:center; margin:20px auto 0 auto;}
.area_select_wrap .area_select{position:relative; display:inline-block; border:1px solid #f7f7f7; cursor:pointer; background:linear-gradient(180deg, #1a1a1a, #0e0e0e);}
.area_select_wrap .area_select:before{position:absolute; content:""; width:90px; height:3px; background-color:#2a2b2d; left:50%; top:-3px; transform:translateX(-50%); border-radius:1.5px;}
.area_select_wrap .area_select:after{position:absolute; content:""; width:84px; height:3px; background-color:#67f3ff; left:50%; top:-2px; transform:translateX(-50%); border-radius:1.5px;}
.area_select_wrap .area_select a{position:relative; display:inline-block; width:150px; color:#6ce8fd; padding:10px 14px 10px 10px; font-size:18px; font-weight:500; text-shadow: 0 0 3px #89eeff; font-family: 'DungGeunMo';}
.area_select_wrap .area_select a:before{position:absolute; display:block; content:""; width:13px; height:8px; background:url(/images/main/main_area_arr.png)no-repeat; top:50%; right:15px; transform:translateY(-50%);}
.arealist {position:absolute; display:inline-block; width:150px; top:45px; left:50%; transform:translateX(-50%); background-color:#1a1a1a;  word-spacing:-1px;  z-index:3;}
.arealist li a {display:block; float:none; padding:5px 12px; border:none; font-size:16px; color:#fff;}  
.arealist li a:hover{color:#6ce8fd;}  

.more_area{width:100%;}
.more_area a{display:block; margin:0 auto; text-align:center; font-family: 'DungGeunMo'; font-size:15px; border:1px solid #fff; padding:8px 5px; color:#fff; width:100px;}
.more_area a:hover{background-color:#151515;}

/*Æ˾÷ ·¹À̾î*/
.popup{position:fixed; width:92%; max-width:500px; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); z-index:10; background-color:#ffe345; border-radius:10px;}
.popup:before{position:absolute; content:""; width:20%; height:15px; background-color:#5d3121; top:-33px; left:50%; transform:translateX(-50%); z-index:10; border-radius: 4px;}
.popup:after{position:absolute; content:""; width:20%; height:24px; border-left:4px solid #777777; border-right:4px solid #777777; top:-25px; left:50%; transform:translateX(-50%); z-index:10;}

.popup .popup_top{position:relative; padding:25px 30px; background: url(/images/main/popup_bg.png); border-radius: 10px;}
.popup h2{position:relative; font-size:23px; font-weight:700; margin-bottom:15px; padding-right: 27px;}
.popup .popup_top:before{position:absolute; content:""; background: url(/images/main/popup_bg2.png); width:49px; height:49px; top:12px; right:5px;}
.popup .popup_top:after{position:absolute; content:""; background: url(/images/main/popup_bg3.png); width:179px; height:119px; bottom:5px; left:3px;}
.popup .popup_txt{position:relative; background-color:#fff; padding:20px 25px 80px 25px; border:1px solid #ddd; min-height:150px; font-size:17px; font-weight: 400;  z-index:1;}

.popup .popup_txt .popgo_btn{display:block; position:absolute; left:50%; transform:translateX(-50%); bottom:15px; width:145px; height:45px; padding:12px 10px 10px 10px; text-align:center; font-size:17px; font-weight:600; background-color:#cecfff; border-radius:50px;}
.popup .popup_txt .popgo_btn:hover{background-color:#323372; color:#fff;}

.popup .popup_bot{position:relative; background-color:#fff; padding:5px 15px; font-size: 17px;}
.popup .popup_bot input{margin-top: -2px;}

.popup .close{position: absolute; display:inline-block; width:20px; height:20px; bottom: 4px; right: 15px;}
.popup .close:before{position:absolute; display:block; content:""; width:20px; height:2px; background-color:#333; transform:rotate(45deg); top:8px; right:0; transition:0.3s all ease; }
.popup .close:after{position:absolute; display:block; content:""; width:20px; height:2px; background-color:#333; transform:rotate(135deg); top:8px; right:0; transition:0.3s all ease;}
.popup .close span.alt{font-size:0;}
.popup .close > span{position:relative; display:inline-block;}


/*Àü´ÜÁö ·¹À̾î*/
.pamphlet{position:fixed; width:90%; max-width:550px; top:50%; left:50%; transform:translateX(-50%) translateY(-50%) scale(1); z-index:9; transform-origin: center center;}
.pamphlet img{width:100%;}

.pamphlet .close{text-align: center; display:inline-block; background: #ffffff; width: 100%; padding: 5px 0 6px 0; transition:0.3s ease all;}
.pamphlet .close > span{position:relative; display:inline-block; font-size:17px; font-weight:500;}
.pamphlet .close:hover{background-color:#1a1a1a; color:#fff;}


/*ÇÑÁÙ¼Ò°³ ·¹À̾î*/
.oneline{position:fixed; width:93%; max-width:650px; padding:20px 25px; top:50%; left:50%; transform:translateX(-51.3%) translateY(-50%) scale(1); transform-origin: center center; z-index:9; background-color:#fff; border-radius:20px 20px 0 20px; text-align:center;  box-shadow: 0 0 25px 0px #abffec;}
.oneline h2{position:relative; display:inline-block; font-size:23px; font-weight:700; position:relative; margin-bottom:13px;}
.oneline h2:before{position:absolute; content:""; width:25px; height:25px; background:url(/images/contents/h2_icon.png)no-repeat; top:-5px; right:-21px; z-index:-1;}
.oneline .ol_txt{background:linear-gradient(135deg, #ecf9f6, #f3f9ec); padding:15px; line-height: 1.35em; font-size: 20px; font-weight: 500; border-radius: 25px;}

.oneline .close{position: absolute; display:inline-block; width:20px; height:20px; top: 22px; right: 15px;}
.oneline .close:before{position:absolute; display:block; content:""; width:20px; height:2px; background-color:#333; transform:rotate(45deg); top:8px; right:0; transition:0.3s all ease; }
.oneline .close:after{position:absolute; display:block; content:""; width:20px; height:2px; background-color:#333; transform:rotate(135deg); top:8px; right:0; transition:0.3s all ease;}
.oneline .close span.alt{font-size:0;}
.oneline .close > span{position:relative; display:inline-block;}

/*ÀÌ¿ë¾È³» ·¹À̾î*/
.info_con.mobile img.color{-webkit-filter: grayscale(100%) brightness(0); filter: grayscale(100%) brightness(0); width: 20px; margin-top: -3px;}

/*ÀÌ¿ë¾È³» ·¹À̾î*/
.ui_info .uiin_icon{display:inline-block; width:22px; height:22px; border:1px solid #60f2ff; border-radius:50%; background:#4a4a4a url(/images/main/ui_s02.png)center no-repeat; vertical-align:middle; background-size:13px; margin-top:-2px;}


/*±¤°í¾ø´Â Áö¿ª ¾Ë¸²*/
#empty_area{position:fixed; width:90%; max-width:650px; padding:20px 25px; top:40vh; left:50vw; transform:translateX(-51.3%) translateY(-50%); z-index:9; background-color:#131313; text-align:center; border:2px solid #6ce8fd; box-shadow:0 0 6px 1px #89eeff;}
#empty_area p{color:#6ce8fd; font-weight:500;}
#empty_area .close{position: absolute; display:inline-block; width:20px; height:20px; top:10px; right:10px;}
#empty_area .close:before{position:absolute; display:block; content:""; width:20px; height:2px; background-color:#6ce8fd; transform:rotate(45deg); top:8px; right:0; transition:0.3s all ease; }
#empty_area .close:after{position:absolute; display:block; content:""; width:20px; height:2px; background-color:#6ce8fd; transform:rotate(135deg); top:8px; right:0; transition:0.3s all ease;}
#empty_area .close span.alt{font-size:0;}
#empty_area .close > span{position:relative; display:inline-block;}







@media  screen and (max-width:1600px)
{
}


@media  screen and (max-width:1110px)
{
}


@media  screen and (max-width:760px)
{




}


@media (any-pointer: coarse) and (max-width:760px)
{
}


@media  screen and (max-width:500px)
{
}

@media  screen and (max-width:460px)
{
}