@charset "utf-8";

/* mobile BASE */
@import url("default.css");

html{font-size:62.5%; -webkit-touch-callout:none; -webkit-user-select:none;}
body{font-size:1.4rem;}
body.bg,
body.bg #wrap{background-color:#efefef;}

/* html::-webkit-scrollbar{width:0;} */
.skip_main{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0); overflow: hidden;}
.low_ie{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; padding-top:100px; font-size:30px; text-align:center; background-color:#000; color:#fff; z-index:99999;}

/* mobile BASE */

@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i');


/* import */


/* common */
.mgt25{margin-top:25px !important;}

div#select_box {
    position:absolute;
	top:30px;
	right:30px;
    width: 158px;
    height: 30px;
    background: url('../img/select_arrow.png') 130px center no-repeat; /* 화살표 이미지 */
	background-color:#ffffff;
	font-family: 'Noto Sans', sans-serif;
}
div#select_box label {
    position: absolute;
    font-size: 14px;
    color: #4c6a88;
    top: 7px;
    left: 17px;
    letter-spacing: 1px;
}
div#select_box select#language {
    width: 100%;
    height: 30px;
    min-height: 30px;
    line-height: 30px;
    padding: 0 10px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE 8 */
}

/* common */

.heyup_top{width:100%;}
.heyup_top img{width:100%;}

.heyup_download{width:100%;background-color:#FFF;text-align:center;padding:0px 0 80px 0;}
.heyup_download .txt{display:inline-block;width:100%;}
.heyup_download .btn{display:block;width:100%;margin-top:0px;}
.heyup_download .apple{display:inline-block;width:150px;height:80px;padding:0px;}
.heyup_download .google{display:inline-block;width:150px;height:80px;padding:0px;}

.heyup_download .info_txt{display:inline-block;margin-top:82px;}
.heyup_download ul:nth-child(1) img{width:auto;}
.heyup_download .info_gif{width:100%;text-aling:center;}
.heyup_download .info_gif img{display:inline-block;width:90%;}
.heyup_download .info_link{display:inline-block;margin-top:15px;padding:0 25px 0 25px;}
.heyup_download .info_link li{float:left;width:33.333%;}



.heyup1, .heyup1 img{width:100%;}
.heyup2, .heyup2 img{width:100%;}
.heyup3, .heyup3 img{width:100%;}
.heyup4, .heyup4 img{width:100%;}
.heyup5, .heyup5 img{width:100%;}
.heyup6, .heyup6 img{width:100%;}

.heyup_video{width:100%;height:253px; background-color:#222222; text-align:center;}

.heyup_guide{width:100%; text-align:center;padding:52px 0 52px 0;}
.heyup_guide li{padding:0 0 0 20px;}
.heyup_guide li a{width:100%;}
.heyup_guide li:not(:nth-child(1)){margin-top:35px;}
.heyup_guide li a{width:280px;}

.footer{text-align:center;border-top:1px solid #f3f3f3;padding:64px 0 64px 0;}
.footer img{display:inline-block;width:220px;}


/* guide */

.guide{width:100%; text-align:center; letter-spacing:-0.3px;}

.guide .close{position:absolute;top:10px;right:10px;display:inline-block;width:50px;}

.guide .logo{display:inline-block;width:140px;margin:45px 0 45px 0;}


.guide .tab ul{display:inline-block;}
.guide .tab li{float:left;width:80px;height:40px;line-height:38px;font-size:1.2rem;}
.guide .tab li.select{border-bottom:2px solid #363232;}
.guide .tab2 li.select{border-bottom:2px solid #363232;}
.guide .tab li.select a{color:#363232;}
.guide .tab li a{display:inline-block;width:100%;font-family: 'Noto Sans', sans-serif;font-weight:normal;color:#c0bfbf;font-weight:700 !important;}



.guide .terms_of_use{display:inline-block; text-align:left; padding:50px 25px 122px 25px;}

.guide .terms_of_use h1{font-size:2.5rem;font-family: 'Noto Sans', sans-serif; font-weight:100; color:#363232; margin-top:6px;}
.guide .terms_of_use h2{font-size:1rem;line-height:1.5rem;font-family: 'Noto Sans', sans-serif; font-weight:700; color:#363232; margin-top:20px;}
.guide .terms_of_use h3{font-size:1.2rem;line-height:1.5rem;font-family: 'Noto Sans', sans-serif; font-weight:700; color:#363232; margin-top:40px;}
.guide .terms_of_use p{font-size:1rem;line-height:1.5rem;font-family: 'Noto Sans', sans-serif; font-weight:100; color:#666666; margin-top:5px;}

.guide .terms_of_use .line{color:#afafaf;}

.guide .heyup_guide{text-align:center;border-top:1px solid #f3f3f3;}

.guide .footer{text-align:center;border-top:1px solid #f3f3f3;}
.guide .footer img{display:inline-block;width:220px;}