@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

html{box-sizing:border-box;font-family:'Noto Sans KR', sans-serif;font-size:62.5%;}
*, *:before, *:after{box-sizing:inherit;}
body{width:100%;position:relative;overflow-x:hidden;background-color:#fff;z-index:-1;}

#first_section{background-image:url("http://static-img.gameone.kr/event/2021/gameoneclub/sec1-bg.jpg");background-position: top 0% left 80%; padding-bottom: 4vh; background-size: inherit;}
#faq_sub_title{padding-top:3vmin;font-size:1.6rem;letter-spacing:-1.2px;text-align:center;color:#fefefe;}
#sub_title_red{font-weight:500;color:#d60076;}
#title{/*margin-top:3.5vmin;margin-bottom:13vmin;*/text-align:center;}
#title > img{/*width:50vw;*/ width:70vw; margin-top:15vmin; margin-bottom:15vmin;}

.membership_name{font-size:2.4rem;line-height:3.5rem;letter-spacing:-2.0px;font-weight:bold;text-align:center;margin-top:0.4rem;}
.membership_term{font-size:2.3rem;letter-spacing:-2.0px;font-weight:300;text-align:center;}
#horizon{border-width:1px;border-style:solid;margin:1rem auto;width:17rem;opacity:0.1;}
#cancel_price{text-decoration:line-through;font-size:1.5rem;margin-bottom:1rem;letter-spacing:-0.4px;text-align:center;}
.new_price{display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:300;letter-spacing:-1px;margin-bottom:1.3rem;text-align:center;}
.new_price > img{width:10rem;}
.won{font-size:2rem;text-align:center;letter-spacing:-1.0px;padding-left:11px;}
.join{display:block;width:12rem;padding:1rem;border:1px solid #1e2232;font-size:1.1rem;letter-spacing:-0.9px;text-align:center;margin:0 auto;background-color:#ffffff;}
.join_select{color:white;background-color:rgba(255, 255, 255, 0.15);border:0;}
#table_wrap{display:flex;padding:0 1.5rem;}
.article{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20vmin;}
.article_title{font-size:2.3rem;font-weight:bold;line-height:1.39;letter-spacing:-0.76px;text-align:left;margin-bottom:2vmin;text-align:center;}
.article_content{font-size:1.6rem;font-weight:400;line-height:1.6;letter-spacing:-0.4px;text-align:center;margin:0 4vmin;}
.article_right{order:2;}
.oneshop-link{display:block;width:80%;margin:0 auto;}
.price_table{width:100%;margin-top:2rem;}
.price_table > thead{line-height:2.8;border-top:3px solid rgba(255, 255, 255, 0.1);}
.price_table th{border-bottom:1px solid #444444;width:25%;color:white;font-size:1.6rem;margin:0 128px;}
.price_table td{border-bottom:1px solid rgba(255, 255, 255, 0.1);padding:10px;color:white;font-size:1.4rem;margin:0 128px;line-height:5vmin;}
.price_table td:not(:first-child){text-align:center;vertical-align:middle;}
#bracket_text{color:#999999;}
.price_table td{word-break:keep-all;}
.circle{width:6px;height:6px;background-color:#d60076;border-radius:50%;margin:0 auto;}

#second_section{margin-bottom:24vmin;}
.article_img_arrow_right{width:80%;position:absolute;z-index:-1;transform:translateX(-76px);margin-top:26vmin;right:0;transform:scaleY(1.5);}
.article_img_arrow_left{width:120vmin;position:absolute;z-index:-1;margin-top:27vmin;transform:rotate(180deg) translateX(45vmin);left:0;}
.article_img{width:90%;margin:0 auto;display:block;}
.article_img_small{width:100%;}
#footer_section{position:relative;background-color:black;}
#sub_title{font-family:'Noto Sans CJK KR DemiLight', sans-serif;font-size:1.6rem;text-align:center;line-height:26px;letter-spacing:-0.8px;color:#ffffff;padding-top:18vmin;}
#footer_section:before{content:"";position:absolute;border-top:26vmin solid white;border-right:100vmin solid transparent;top:-7vmin;left:0;}
#footer_section:after{content:"";position:absolute;border-top:26vmin solid white;border-left:100vmin solid transparent;top:-7vmin;right:0;}
#faq_img{text-align:center;padding-top:25vmin;}
#faq_img > img{width:100px;}
#footer_horizon{border:1.5px solid white;background-color:white;width:91vmin;margin:6vmin auto;}
.faq_title{font-family:'Noto Sans CJK KR DemiLight', sans-serif;font-size:2rem;text-align:left;line-height:38px;letter-spacing:-1.2px;color:#ffffff;}
.footer_content{font-family:'Noto Sans CJK KR DemiLight', sans-serif;font-size:1.4rem;text-align:left;line-height:2.3rem;letter-spacing:-0.8px;color:#999999;text-align:center;word-break:keep-all;background-color:#1e2232;padding:5vmin;}
.faq_question{font-size:2.4rem;text-align:center;letter-spacing:-1.2px;color:#ffffff;word-break:keep-all;line-height:3rem;}
.footer_wrap{margin-bottom:7vmin;}
.list_circle{background-color:#353947;border:2px solid #ffffff;width:17px;height:17px;border-radius:50%;color:#ffffff;margin-right:3vmin;}
.toggle_wrap{margin:0 4vmin;}
.toggle_button{font-size:2rem;text-align:center;letter-spacing:-1.2px;color:#ffffff;margin:34px 0;cursor:grab;}
.toggle_horizon{width:1284px;border:1px solid white;opacity:0.1;margin:0 auto;}
.toggle_content{text-align:center;font-size:1.4rem;letter-spacing:-0.8px;color:rgb(153, 153, 153);border:0px;cursor:auto;height:0vh;overflow:hidden;transition:all 0.5s;vertical-align:middle;word-break:keep-all;line-height:2.3rem;margin:0 4vmin;}
.appear{width:100%;display:inline-table;background-color:#1e2232;padding:5vmin;margin:14px auto 0 auto;}

.faq_wrap{margin:10vmin 4vmin 0 4vmin;}
.circle_flex{display:flex;align-items:center;justify-content:center;}
.faq_table tr:not('.temp3'){height:34px;}
.faq_table td{vertical-align:top;}
.faq_table th{vertical-align:middle;}
.faq_table td div{line-height:28px;}

@media all and (min-width:768px){html{font-size:80%;}
.article_img_wrap{order:1;margin-bottom:40px;}
.article_text{order:2;}
.footer_content{padding:3vmin;}
.appear{padding:3vmin;}
}