@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;
       width: 500px; /* 고정된 너비 */
       margin: 0 auto; /* 중앙 정렬 */
       background-color: #d56921; /* 원하는 배경 색상으로 변경 */
}



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: 01px;
}
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 10px 0;}
.heyup_download .txt{display:inline-block;width:420px;height:270px;padding:0px;}
.heyup_download .btn{display:block;width:100%;margin-top:0px; }
.heyup_download .apple{display:inline-block;width:270px;height:289px; padding:0px;}
.heyup_download .google{display:inline-block;width:270px;height:289px; 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%;}
.heyup7, .heyup7 img{width:100%;}
.heyup8, .heyup8 img{width:100%;}
.heyup9, .heyup9 img{width:100%;}
.heyup10, .heyup10 img{width:100%;}
.heyup11, .heyup11 img{width:100%;}
.heyup12, .heyup12 img{width:100%;}
.heyup13, .heyup13 img{width:100%;}
.heyup14, .heyup14 img{width:100%;}
.heyup15, .heyup15 img{width:100%;}
.heyup16, .heyup16 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:180px;margin:60px 0 50px 0;}


.guide .tab ul{display:inline-block;}
.guide .tab li{float:left;width:130px;height:50px;line-height:38px;font-size:1.6rem;}
.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:70px 270px 150px 270px;}

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

.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;}