@charset "utf-8";
/* Common */
html,body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;text-shadow:none;}
ul, ol, dl, li, dd, dt, p, form, div , h1, h2, h3, h4, h5, h6 {list-style:none; margin:0; padding:0;}
html,body{}
body{background:#fff;-webkit-text-size-adjust:none; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; padding:0; margin:0;}
body,input,textarea,select,button,table{font-size:12px;}
img,fieldset{border:0}
em,address{font-style:normal; color:red}
/* a,a:hover,a:active,a:focus{text-decoration:none;text-shadow:none !important;} */
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none;}
legend,hr,caption{display:none}
button{overflow:visible;margin:0;padding:0;border:0;background:none}
button::-moz-focus-inner{padding:0;border:0}
input[type=text],input[type=password],input[type=number],input[type=tel],input[type=email],textarea{padding:1px 10px 0;height:35px;outline-style:none;appearance: none;-webkit-appearance:none;-moz-appearance: none;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;border:2px #353535 solid;background:#fff;box-shadow:inset 0 0 5px #d9d7db;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
textarea{padding:10px;}
pre{font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;}

.red {color:red !important;}

/* 마진 */
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}

.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}

.black1{color:#000000}
.black2{color:#333333}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

/*상단 헤더*/
header{overflow:hidden;padding:13px 15px 0;height:39px;border-bottom:2px #195c77 solid;background:#000000;vertical-align:top;}
header h1{color:#ffffff;font-size:26px;font-weight:bold;}
body.mobile header h1 {font-size:16px;}
body.mobile header h1 .lightcon_img{width:80px;}



p.i{color:#0e3a45;font-size:10px;font-weight:bold;}
p.tit{color:#454545;font-size:15px;font-weight:bold;}
.form_area > dl{margin:0 0 5px;}
.form_area > dl > dt{display:block;margin:0 0 5px;color:#454545;font-size:15px;font-weight:bold;}
.form_area > dl.inline{position:relative;padding:0 0 0 95px;}
.form_area > dl.inline dt{position:absolute;top:10px;left:0;}
.form_area > dl.slc dt{top:0 !important;}
.form_area > dl.slc dd select{border:2px #353535 solid;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;}
.form_area > dl.inline dd{}
.form_area > dl > dd > p.i{margin:5px 0 0;}
.bnrBox{margin:15px 0 0;}
.bnrBox > ul{position:relative;overflow:hidden;margin:0 -7px;zoom:1;}
.bnrBox > ul:after{display:block;overflow:hidden;height:0;clear:both;content:'';}
.bnrBox > ul > li{display:inline;float:left;padding:9px 7px 0;width:270px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.bnrBox > ul > li img{width:256px;}

.agree{position:relative;margin:15px 0 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.agree label{overflow:hidden;position:relative;top:6px;margin:0 10px 0 0;color:#454545;font-size:12px;}
.agree label input[type=checkbox]{width:19px;height:19px;border:2px #353535 solid;vertical-align:top;}
.agree label strong{position:relative;top:2px;vertical-align:top;}



/* 탭 */
.tab{position:relative;overflow:hidden;height:46px;border-bottom:1px #def1f5 solid;zoom:1;z-index:2;}
.tab:after{display:block;overflow:hidden;height:0;content:'';clear:both;}
.tab > li{display:inline;float:left;margin:0;height:46px;width:50%;}
.tab > li > a{display:block;width:100%;height:46px;padding:10px 10px 0;color:#fff;font-size:18px;font-weight:bold;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border:0;border-bottom:3px #4d595b solid;background:#4d595b;}
.tab > li > a.current{border-bottom:3px #def1f5 solid;background:#4d595b;z-index:2;}
.tab.single li{width:100%;}
.tab.double li{width:50%;}
.tab.triple li{width:33%;}
.tab.triple li:last-child{width:34%;}
.tab.quard li{width:25%;}
.tab.penta li{width:20%;}

/* scroll */
.scrollBox{overflow:hidden;overflow-y:auto;position:relative;min-height:400px;}

/* faq리스트 */
body .faq.type1 {margin-left:50px;margin-right: 50px;}
body.mobile .faq.type1{margin-left: 30px;margin-right: 30px;}


/* #wrap{min-height:85.8vh;} */
.wrap .container{overflow:auto;margin:15px;}

body.tablet #wrap{}
/* body.mobile #wrap{width:100%; height:20px; padding-top:62px; margin:0 auto; font-size:9px; letter-spacing:-1px} */
/* body.w1024 #wrap {height:316px; padding:7px 0 0 0} */
/* body.w1280 #wrap {height:316px; padding:7px 0 0 0} */
/* body.wide #wrap {min-height:45.8vh; } */

/* 자주 묻는 질문 FAQ */
.game_faq.en{display:flex;flex-direction:column;position:relative;height:auto;margin:15px;margin-bottom:50px;border-radius:10px;border: 1px solid #abbbc7;min-height:40vh;padding-bottom:25px;top:-20px}
.game_faq {display:flex;flex-direction:column;position:relative;height:auto;margin:15px;margin-bottom:50px;border-radius:10px;border: 1px solid #abbbc7;min-height:40vh;padding-bottom:25px;top:-20px}
/* FAQ pre 컨텐츠 화면넘어갈때 */
.faq.type1 pre{white-space: pre-wrap;word-wrap: break-word;}

/* Footer */
footer{position:fixed;padding:0 0 10px;border-top:2px #09F solid;background:#000000; width: 100%; height: 50px; left:0; bottom:0;margin-top:auto;}
footer .qmenu{margin:0 15px 10px;padding:10px 0;text-align:center;color:#555;font-size:11px;border-bottom:1px #555 solid;}
footer .qmenu a{margin:0 5px;color:#fff;}
footer p{color:#888;font-size:11px;text-align:center;}

/* 탑메뉴 상단 KOR/ENG 언어 */
header ul.topmenu li.lang_menu {float:right;}
header ul.topmenu li.lang_menu a {color:#575757;}
header ul.topmenu li.lang_menu a:hover {color:#e9e9e9; font-weight: bold;}
header ul.topmenu li.lang_menu ul li {width:25px; margin:5px 2px; float:left;}
header ul.topmenu li.lang_menu ul li.on {color:#e7e7e7;}

/* body.tablet header ul.topmenu li.lang_menu {width:100px;}
body.tablet header ul.topmenu li.lang_menu ul li {width:25px; text-align:center; font-size:12px;}
body.mobile header ul.topmenu li.lang_menu {width:100px;}
body.mobile header ul.topmenu li.lang_menu ul li {width:25px; text-align:center; font-size:12px;} */


/* 탑메뉴 상단 KOR/ENG 메뉴로 숨김CSS */
/* 타블렛 헤더 */
/* body.tablet header button.btn_mobilectg {display:block; position:absolute !important; right:20px; top:5px; width:40px; height:40px; background:url('../images/icon_ctgview_m.png') no-repeat 50% 50%; text-indent:-99999px}
body.tablet header button.btn_mobilectg.close {background:url('../images/icon_menuclose.png') no-repeat 50% 50% !important; text-indent:-99999px}
body.tablet header button.btn_mobilectg .background-size-polyfill{height:100% !important;position:static !important;}

body.tablet header ul.topmenu {padding-bottom:30px;position:absolute; right:0; top:-9999em; width:100%; background:url('../images/m_menu_bg.png') repeat 0 0;z-index:999;}
body.tablet header ul.topmenu > li {width:100%; margin:0 !important;border-left:0;background:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
body.tablet header ul.topmenu > li:hover{background:none;}
body.tablet header ul.topmenu > li.on{background:none;}
body.tablet header ul.topmenu > li:first-child {border-left:0}
body.tablet header ul.topmenu > li > a {padding:10px 0;width:100%; height:auto; text-align:left; text-indent:80px; color:#fff; font-size:18px; }
body.tablet header ul.topmenu > li:hover{background:none;} */

/* 헤더 모바일 */
/* body.mobile header button.btn_mobilectg {color:transparent;display:block; position:absolute !important; right:10px; top:10px; width:30px; height:30px; background:url('../images/icon_ctgview_m.png') no-repeat 50% 50%; background-size:18px 16px; text-indent:-99999px}
body.mobile header button.btn_mobilectg .background-size-polyfill{position:static !important;}
body.mobile header button.btn_mobilectg.close {background:url('../images/icon_menuclose.png') no-repeat 50% 50% !important; background-size:14px 14px !important; text-indent:-99999px}
body.mobile header button.btn_mobilectg.close .background-size-polyfill img{display:none !important;}

body.mobile header ul.topmenu {position:absolute; right:0; top:-9999em; padding-bottom:30px; width:100%;background:url('../images/m_menu_bg.png') repeat 0 0;z-index:999;}
body.mobile header ul.topmenu > li{width:100%; display:block; margin:0 !important; background:#000; border-left:0;background:none;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
body.mobile header ul.topmenu > li.on{background:none;}
body.mobile header ul.topmenu > li:first-child {border-left:0}
body.mobile header ul.topmenu > li > a {padding:10px 0; height:auto; width:100%; font-weight:normal; text-align:left; text-indent:80px; color:#fff; font-size:22px; font-family:"malgun";}
body.mobile header ul.topmenu > li:hover{background:none;} */




/* body.mobile ul.submenu {top:50px; padding:7px 0 0 0} */
body.mobile ul.submenu li {float:left; width:25%; height:120px; margin:0}
body.mobile ul.submenu li a {width:100%; height:20px; padding-top:92px; margin:0 auto; font-size:14px; letter-spacing:-1px}
/* body.tablet ul.submenu {top:90px; height:103px; padding:0} */
body.tablet ul.submenu li {float:left; width:25%; height:130px; margin:0}
body.tablet ul.submenu li a {width:100%; height:20px; padding-top:95px; margin:0 auto; font-size:14px}
body.w1024 ul.submenu li {width:24%; height:170px; margin:0}
body.w1024 ul.submenu li a {height:20px; padding-top:140px; margin:0 auto; font-size:15px}
body.w1280 ul.submenu li a {padding-top:140px;}
body.wide ul.submenu li a {padding-top:140px;}


body.mobile ul.submenu {height:220px; padding:7px 0 0 0}
body.tablet ul.submenu {height:260px; padding:7px 0 0 0}
body.w1024 ul.submenu {height:100%; padding:7px 0 0 0}
body.w1280 ul.submenu {height:100%; padding:7px 0 0 0}
body.wide ul.submenu {height:100%; padding:7px 0 0 0}



/* .container.gameintro .subvisual h2 {position:relative; top:75%; margin:0 auto;}
body.tablet .container.gameintro {max-width:100%;}
body.tablet .container.gameintro .subvisual {position:relative; width:100%; height:200px; text-align:center;}
body.tablet .container.gameintro .subvisual h2 {top:50%; width:80%; max-width:550px; margin:0 auto; text-align:center}
body.tablet .container.gameintro .subvisual h2 img {width:100%} */

body.wide .game_faq {margin-top:60px;}
body.w1024 .game_faq {margin-top:60px;}
body.w1280 .game_faq {margin-top:60px;}
body.tablet .game_faq {margin-top:70px;}
body.mobile .game_faq {margin-top:50px;}

/* FAQ 아이콘 */
ul.submenu {clear:both;left:0; top:90px; z-index:40; width:100%; height:15px; padding:0; text-align:center;}
ul.submenu li {display:inline-block; width:130px; height:150px; margin:0 0 0 25px}
ul.submenu li:first-child {margin:0}
ul.submenu li a {display:block; width:130px; height:22px; padding-top:128px; font-size:15px; color:#6c6c6c; font-size:15px; font-weight:bold}
ul.submenu li a:hover,
ul.submenu li a:focus{color:#000000; text-decoration:underline;}
ul.submenu li a span{ display:flex; justify-content: center; align-items: center; flex-direction: column; margin-top: -2px;}
ul.submenu li a span span{ display:block; }

/* 버튼 */
button{background:none;}
.btn_style1{margin:0;padding:13px 30px;line-height:1em;font-size:15px;text-align:center;color:#fff;font-family:"Infinity Sans",Arial,sans-serif;display:inline-block;border:0;border-radius:5px;background:#444;}
.btn_style2{margin:0;padding:10px 15px;display:inline-block;font-size:13px;line-height:1em;font-family:"Infinity Sans",Arial,sans-serif;text-align:center;color:#8f8f8f;border-radius:5px;text-shadow:0px 1px 0px rgba(0,0,0,0.5);background:#373737;}
.btn_style3{margin:0;padding:8px 30px;line-height:1em;display:inline-block;font-size:14px;text-align:center;color:#444;font-family:"Infinity Sans",Arial,sans-serif;border:1px solid #d6d6da;border-radius:5px;background:-moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3));background:-webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);background:-o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);background:-ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%);background:linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%);}
.btn_style4{margin:0;padding:10px 25px;line-height:1em;display:inline-block;font-size:14px;letter-spacing:-1px;text-align:center;color:#fff;font-family:"Infinity Sans",Arial,sans-serif;text-shadow:0px 0px 2px rgba(0,0,0,0.5);border:1px solid #979797;border-radius:5px;background:#adadad;}
.btn_style1:hover{color:#fff; cursor:pointer; text-decoration: underline;}
.btn_style2:hover{color:#8f8f8f; cursor:pointer; text-decoration: underline;}
.btn_style3:hover{color:#444; cursor:pointer; text-decoration: underline;}
.btn_style4:hover{color:#fff; cursor:pointer; text-decoration: underline;}
.main_page .main_apply .btn_style3{padding:13px 30px;}

/* 페이징 */
.page_nav{margin-top:20px;text-align:center;display:none;}
.w1024 .page_nav.pc,
.w1280 .page_nav.pc,
.tablet .page_nav.pc,
.wide .page_nav.pc{display:block;}
.page_nav a,
.page_nav span,
.page_nav strong{margin:0 15px;font-size:16px;color:#8c8c8c;vertical-align:middle;}
.page_nav a:hover,
.page_nav strong{color:#000;font-weight:bold;}
.page_nav .prev_btn,
.page_nav .next_btn,
.page_nav span{margin-left:10px;width:33px;height:33px;font-size:0;text-indent:-9999em;line-height:0;color:transparent;display:inline-block;position:relative;background:url("../images/pagenav_btn.png") no-repeat -33.5px 0;background-size: 100px;}
.page_nav .prev_btn,
.page_nav span{margin:0 10px 0 15px;background-position:0 0;}
.page_nav .prev_btn.on,
.page_nav .prev_btn:hover{background-position:0 -33px;}
.page_nav .next_btn.on,
.page_nav .next_btn:hover{background-position:-33.5px -33.5px;}
.page_nav span.prev_btn:hover,
.page_nav span.prev_btn:hover:after{background-position:0 0 !important;}
.page_nav span.next_btn:hover,
.page_nav span.next_btn:hover:after{background-position:-13px 13px !important;}


.mobile .page_nav.mobile{margin-top:20px;display:block;}
.tablet .page_nav a,
.mobile .page_nav a,
.tablet .page_nav strong,
.mobile .page_nav strong{margin:0 5px;}
.tablet .page_nav.mobile .next_btn,
.mobile .page_nav.mobile .prev_btn{margin:0 5px;}




/* 레이어 */
.dimmed{position:fixed;top:0;left:0;opacity:0.8;background:#000000;z-index:100;}
.layer{display:none;overflow:hidden;position:absolute;border:1px #7cd4f0 solid;background:#dbf0f7;z-index:100;}
.layer .cont{overflow:hidden;overflow-y:auto;position:relative;padding:15px 15px 0;max-height:300px;text-align:left;zoom:1;}
.layer .cont:after{display:block;overflow:hidden;height:0;clear:both;content:'';}
.layer .textBox{min-height:110px;width:100%;border-collapse:collapse;}
.layer .btnWrap{margin:10px 0;text-align:center;}
.layer .btnWrap a.btn,.layer .btnWrap button.btn{display:inline-block;margin:0 2px 0 3px;padding:7px 6px 0;height:20px;color:#ffffff;font-size:16px;font-weight:bold;text-align:left;border:2px #f3f3f3 solid;background:#353635;}
.layer .btnWrap a.bt_confirm{display:inline-block;overflow:hidden;width:63px;height:41px;text-indent:-1000em;text-align:left;background:url(btn_confirmLayer.gif) no-repeat;background-size:cover;}
.layer.type1{width:278px;}
.layer.response{width:90%;}
.layer .bt_close{position:absolute;top:10px;right:10px;overflow:hidden;width:18px;height:18px;text-indent:-1000em;background:url(./closeLayer.gif) no-repeat;background-size:cover;}
@media screen and (orientation:portrait) and (max-width:480px){
.bnrBox > ul > li{display:block;float:none;}
.agree{padding:6px 0 0 160px;min-width:290px;height:45px;}
.agree label{position:absolute;left:0;margin:0;}
.agree label.top{top:0;}
.agree label.bottom{top:auto;bottom:0;}
.agree label strong{position:relative;top:2px;}
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-default {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}