@charset "UTF-8";
/* CSS Document */
.PHONE{display:none !important;}

@media screen and (max-width:1880px){
#contents .main_visual .inner .game_info{position: relative; z-index: 3; }
}

@media screen and (max-width:1880px) and (max-height:900px){
#header .inner .logo a,
#header .inner .gnb > li > a,
#header .etc_btn li a{line-height: 4em; height: 4em;}
#contents .main_visual{height: 46em;}
#contents .main_visual .inner .game_info .game_t1{font-size: 3em;}
}

@media screen and (max-width:1800px){
#contents .main_visual .inner .game_info .game_btn{margin: 3em 0 0 -2em;}
#contents .main_visual .inner .game_info .game_btn li a{padding: 1.5em;}
#contents .main_visual .inner .game_info .game_logo{width: 5em;}
#contents .main_visual .inner .game_info .game_t1{font-size: 3.313em;}
}

@media screen and (max-width:1740px){
#contents .news_w .news .info {padding: 2em 10em 2em 2em}
#contents .main_visual .game_img{width: 35em;}
}

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

}

@media screen and (max-width:1680px){
body{ font-size:15px;}
#contents .news_w .title{display: block; width: 100%; text-align: center; margin-bottom: 1.5em;}
}

@media screen and (max-width:1630px){
#contents .main_visual .inner .game_info{padding-left: 3em;}
#contents .main_visual .inner .game_nav{left: 50px;}
}

@media screen and (max-width:1600px){
#contents .main_visual .inner .game_info .game_btn{margin: 3.125em 0 0 -1.5em;}
#contents .main_visual .inner .game_info .game_btn li a {margin: 0 0 0 1.5em;}
#contents .main_visual .game_img{padding-right: 3em;}
}

@media screen and (max-width:1530px){
#contents .main_visual .inner .game_info .game_btn{margin: 3.125em 0 0 -1em;}
#contents .main_visual .inner .game_info .game_btn li a{margin: 0 0 0 1em;}
#contents .main_visual .inner .game_info .game_t1{font-size: 3em;}
#contents .main_visual .game_img{width: 35em;}
#contents .news_w .news .info{padding: 2em 5em 2em 2em;}
#contents .news_w .news .img{width: 48em;}
#contents .arcade_w ul li .t3 br{display: none}


}

@media screen and (max-width:1500px){
.prod_view_dv .r_dv .txt_dv .name2{font-size: 2.5em;}
}

@media screen and (max-width:1470px){
#contents .news_w .news .img{width: 45em;}
}

@media screen and (max-width:1460px){
#header .gnbBg:before{width:25%;}
#header .gnb_wrap .gnb > li .gnb_draw{width: 100%; }
#header .gnb_wrap .gnb > li .gnb_draw .draw_img{}
#contents .news_w .news .img{width: 45em;}
}

@media screen and (max-width:1430px){
#contents .main_visual .inner .game_info .game_btn{margin: 3.125em 0 0 -1em;}
#contents .main_visual .inner .game_info .game_btn li a{margin: 0 0 0 1em;}
#contents .arcade_w ul li .t2{font-size: 1.875em;}
}

@media screen and (max-width:1370px){
#contents .news_w .news .img{transform: translate(-97%, -50%)}
#header .inner .gnb > li > a,
#header .etc_btn li a,
#header .inner .logo a{height: 4em; line-height: 4em;}
#contents .main_visual_w_wrap{padding: 20px 0}
#contents .arcade_w ul li .t2{font-size: 1.688em;}
}

@media screen and (max-width:1366px) and (max-height:768px){
#contents .best_w .title{padding-top: 1em;}
#contents .news_w .news .info .t2{font-size: 1.688em}
#contents .main_visual{height: 43em;}
#contents .main_visual .inner .game_info .game_btn li a{width: 10em; padding: 1em;}
#contents .main_visual .inner .game_info .game_btn li a .xi{width: 50px; line-height: 50px; height: 50px;}

}

@media screen and (max-width:1340px){
#contents .main_visual .inner .game_info {padding-left: 30px;}
#contents .main_visual .inner .game_info .game_btn li a{width: 11em; padding: 1.5em 1em;}
#contents .main_visual .game_img{width: 30em;}
}

@media screen and (max-width:1330px){
#contents .news_w .news .img{transform: translate(-94%, -50%)}
#contents .news_w .news .info{width: calc(48% - 40px); padding: 2em 3em 2em 2em;}
#contents .best_w .title{}
#contents .news_w{margin-top: 0; padding-top: 100px;}
}

@media screen and (max-width:1300px){
#contents .main_visual .inner .game_info .game_btn{margin: 3.125em 0 0 -1.5em}
#contents .main_visual .inner .game_info .game_btn li a{margin: 0 0 0 1.5em}
}

@media screen and (max-width:1280px){
#footer .footer_top .btn{margin-left: 0;}
#contents .news_w .title{margin-bottom: .75em;}
#contents .news_w .news{padding: 30px 0;}
#contents .news_w .news .img{width: 43em; transform: translate(-93%, -50%)}
#contents .news_w .news .info{width: calc(45% - 30px); padding: 2em;}
#contents .news_w .news .info .t2{font-size: 1.5em;}
#contents .main_visual .inner .game_info .game_t1{font-size: 2.750em;}
#contents .main_visual .inner .game_info .game_btn{margin: 3.125em 0 0 -1em;}
#contents .main_visual .inner .game_info .game_btn li a{margin: 0 0 0 1em;}
#contents .main_visual .inner .game_info .game_btn li a .xi{width: 60px; height: 60px; line-height: 60px; font-size: 2em;}
}

@media screen and (max-width:1280px) and (max-height:900px){

}

@media screen and (max-width:1280px) and (max-height:730px){
#contents .main_visual{height: 37em;}
}

@media screen and (max-width:1240px){
.box0{max-width: 95%;}
.support_area.st1 #game_ul li{width: 16.66% !important}
}

@media screen and (max-width:1230px){
#contents .main_visual .inner .game_info .game_btn li a{padding: 1em .75em; width: 10em;}
#contents .main_visual .inner .game_info .game_btn li a .xi{width: 45px; height: 45px; line-height: 45px; font-size: 1.875em;}
#contents .main_visual .inner .game_nav{left: 30px;}
}

@media screen and (max-width:1220px){
body{ font-size:14px;}
/**/
.page_quipWrap .page_quipIn .txt_wrap{min-height: 9em;}

.intro .text_w2 .left{top: 210px;}
.intro .text_w3{margin-top: 250px;}

#contents .news_w .news .img{transform: translate(-95%, -50%)}
#contents .news_w .news .info{padding: 2em; width: calc(45% - 0px)}
#contents .main_visual .inner .game_info{padding-left: 20px;}
#contents .main_visual .inner .game_info .game_logo{width: 6em;}

#header .inner .gnb > li > a{padding: 0 30px;}

}

@media screen and (max-width:1200px){
.app_img_wrap .list{margin: 0 0 -1em -1em;}
.app_img_wrap .list > li .in{margin: 0 0 1em 1em; text-align: center;}

}


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

}

@media screen and (max-width:1160px){
#contents .arcade_w ul li .t2{font-size: 1.625em}
}

@media screen and (max-width:1150px){
#contents .news_w .title{margin-bottom: 0;}
#contents .news_w .news{width: 100%; max-width: 100%; margin: 1em auto 0 auto; text-align: center;}
#contents .news_w .news .inner{padding: 0 1em;}
#contents .news_w .news .img{width: 100%; background: none; box-shadow: none; margin: 0 auto; text-align: center; height: auto; position: inherit; left: inherit; transform: inherit;}
#contents .news_w .news .img img{margin: 0 auto;}
#contents .news_w .news .info{display: block; width: 100%; margin-top: 1em; padding: 3em 2em;}
#contents .news_w .news .info .t1:before{top: 5%; left: 0; height: 120px; width: 2px; transform: translateY(-110%)}

}

@media screen and (max-width:1140px){
#contents .news_w .news .info .t2{font-size: 1.5em;}
#contents .arcade_w ul li .t3 br{display: none;}
#contents .service_w{padding-top: 80px;}
#contents .news_w{padding-top: 40px;}

#header .inner .gnb > li > a{padding: 0 20px;}
}

@media screen and (max-width:1120px){
#contents .arcade_w ul li .t2{font-size: 1.5em}
#contents .arcade_w ul li .li_inner {padding: 26em 1.5em 3em 1.5em}
}


@media screen and (max-width:1100px){
#contents .main_visual .game_img{padding-right: 1.5em;}

#header .inner .gnb > li > a{padding: 0 20px;}
#header .inner .gnb > li > a{font-size: 1em;}
}


@media screen and (max-width:1080px){
/* #contents .arcade_w{margin-top: 0;} */
#contents .main_visual .inner .game_info{padding-left: 30px;}
#header .inner .gnb > li > a{padding: 0 20px;}
#contents .main_visual .title{left: 50% !important; transform: translateX(-50%);  border-radius: 8px; top: -4%;}
#contents .main_visual .inner .game_info .game_t1{font-size: 2.5em;}
#header .gnb_wrap .gnb > li .dp2 .va{font-size: .938em; text-align: center !important;}
}

@media screen and (max-width:1030px){
.prod_view_dv .r_dv .txt_dv .name2 {font-size: 2.250em;}
.main_layout > .layR{padding-left: 3em;}
}

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

}

@media screen and (max-width:1024px){
.PHONE{display:block !important;}
.box1{width:100%; max-width: 96%;}

/* .g_banner_w{display: none} */

/**/
table.response{ font-size:1em;}
table.response,
table.response caption,
table.response thead,
table.response tbody,
table.response tfoot,
table.response tr,
table.response th,
table.response td{ display:block; box-sizing:border-box; height:auto !important; width:auto !important;}
table.response thead{ display:none;}
table.response tr{ position:relative;}
table.response *[data-th]{ display:flex !important; flex-wrap:wrap; align-content:center; align-items:center; text-align:left;}
table.response *[data-th]:before{ content:attr(data-th); box-sizing:border-box; display:flex; align-content:center; align-items:center; flex:1 0 7.5em; max-width:7.5em; padding-right:.75em; color:#000; font-weight:700; font-size: .750em;}
table.response *[data-th] > *{ flex:1;}
table.response.mNo{display:none;}
.mNotd{display: none !important}

table .input_st,
table .label_file .btn,
table .label_select{ margin:.25em 0;}
table .label_select .input_st{ margin:0;}
table .input_st:not([type=button]):not([type=submit]):not(button):not(a),
table .label_select{ width:100% !important;}

table.response.board_st.st1  *[data-th]:before{flex: 1 0 10em; max-width: 10em; padding-bottom: .5em; color: #f57d20}

.board_st.st1 tr{ padding:.75em .75em; background:#f3f3f3; border-color:#777; text-align:right; margin-top: .5em; border-radius: 1px solid #d4d5d8}
.board_st.st1 tr:first-child{margin-top: 0;}
.board_st.st1 td[data-th]{ display:flex; align-items:center; min-width:0; padding:.5em .75em !important; background:#fff; border-top:1px dashed #f3f3f3; text-align:left; overflow:hidden;}
.board_st.st1 td:first-child{ border-top:none;}
.board_st.st1 td.w_state,
.board_st.st1 td.w_view,
.board_st.st1 td.w_btn{display:inline-block;padding:.75em 0; border-bottom: none;}
.board_st.st1 td[data-th] {display: block !important; text-align: left !important}
.board_st.write.response th{text-align: left; padding-left: 10px; background: #fafafa}

.part_w .part_btm .part_img{flex:inherit;}
.part_w .part_btm table tr > td:nth-child(2){padding-left: 1em;}
.part_w .part_btm table tr > td:nth-child(2) .plus,
.part_w .part_btm table tr > td:nth-child(2) .minus{top: 1em; left: 4em; margin-top: 0;}

/**/
#header .inner{width:100%; max-width: 96%;}
#header .gnbBg{display: none !important}
#header .gnb_wrap .gnb{display: none;}
#header .all_wrap .allBtn .xi{color: #fff;}
#header .etc_btn{}
#header .nav_gnb_wrap .gnb{display: block !important}
#header .nav_gnb_wrap .gnb > li .dp1{ float:none; position:relative; padding:1.250em 1em; display:block; font-size:1.250em;}
#header .nav_gnb_wrap .gnb > li .dp1:after{content:"\e941";font-family:xeicon!important;position:absolute;right:1em;top:50%;margin-top:-.875em;width:1.75em;height:1.75em;line-height:1.75em;background:#fff;border:1px solid #ddd;border-radius:100%;color:#222;text-align:center;transition:.3s;display:none;}
#header .nav_gnb_wrap .gnb > li .dp1.arrow:after{ display:block;}
#header .nav_gnb_wrap .gnb > li {display: block;}

/**/
.incruit .tit_w .tt { padding: 35px 25px; }
.incruit .tit_w .txt { font-size: 1em; }

.incruit .con2 ul li { width: 50%; }
.incruit .con4 .img { padding: 15px 10px; }

.inquire .tit_w .tt { padding: 35px 25px; }
.inquire .tit_w .txt { font-size: 1em; }
.inquire .tit_w .txt br{display: none;}
.inquire .tit_w .img img{margin-right: 0;}

.intro .tit_w .tt { padding: 35px 25px; }
.intro .tit_w .txt { font-size: 1em; }
.intro .tit_w .txt br{display: none;}
.intro .tit_w .img img{margin-right: 0;}

.intro .text_w1 { margin-top: 50px; }
.intro .text_w1 .t1 { font-size: 1.438em; }
.intro .text_w1 .t2 { margin-top: 20px; font-size: .938em; }
.intro .text_w2 { margin-top: 70px; height: 350px; }
/* .intro .text_w2 .right { width: 500px; height: 250px; }
.intro .text_w2 .left { width: 500px; height: 250px; } */
.intro .text_w3 { font-size: 1.438em; }
.intro_v { margin-top: 60px; padding: 70px 0; }
.intro_v .t3 { font-size: 1.438em; margin-top: 40px; }
.b_text_w { margin-top: 50px; }
.b_text .tit { font-size: 1.375em; }
.b_text .txt { font-size: .938em; }

.v_gall{padding-top: 50px; padding-bottom: 50px;}

.mWd1{width: 4em;}
.mWd2{width: auto;}
.mWd3{width: 10em;}
.mWd4{width: 6em;}
.mWd5{width: 3em;}

.csd_v_top .info li{word-break: break-all;}

.bo_vc_w{padding: 0;}
.bo_vc_w_info{text-align: center; overflow: inherit; float: inherit;}
.bo_vc_w_info .member_img{text-align: left;}
.bo_vc_w_info .member{text-align: left;}
.bo_vc_w textarea{box-sizing: border-box;}
.bo_vc_w .btn_confirm{margin: 10px 0 30px !important}

.csd_state{padding: 10px 12px; min-width: 11em;}
.csd_view{min-width: 11em; background: #fff}

/* #contents .main_visual{height: 100%; flex-direction: column;} */
/* #contents .main_visual .inner{width: 100%;}
#contents .main_visual .inner.image{height: 100%}
#contents .main_visual .inner .game_info{padding-top: 2em; padding-left: 0; width: 100%; margin: 0 auto; max-width: 94%; display: block;}
#contents .main_visual .inner .game_info .game_btn{width: 100%; margin: 1.5em 0 0 -1em; display: none;}
#contents .main_visual .inner .game_info .game_btn li{max-width: 33.33%;}
#contents .main_visual .inner .game_info .game_btn li a{width: inherit;}
#contents .main_visual .inner .game_info .game_btn li a .xi{width: 40px; height: 40px; line-height: 40px; font-size: 1.313em;}
#contents .main_visual .inner .game_info .game_btn li a .tt{margin-top: 10px;}
#contents .main_visual .inner .game_info .game_btn li a .st{margin-top: 5px;}
#contents .main_visual .inner .bg:before{background: rgba(0,0,0,.6)}
#contents .main_visual .game_img{ height: inherit; padding-right: 0; margin: 0 auto; width: 100%; position: relative; z-index: 3; padding-bottom: 5em;}
#contents .main_visual .inner .game_nav{z-index: 5;}
#contents .main_visual .inner .game_nav li{width: 45px; height: 45px; line-height: 45px;}
#contents .main_visual .inner .game_nav li.left_arrow{margin-right: 10px;} */

.page_layout .wrap_in .img_wrap,
.page_layout .wrap_in .mov_wrap,
.page_layout .wrap_in .con_wrap{ flex:100%;}
.page_layout .wrap_in .img_wrap,
.page_layout .wrap_in .mov_wrap{ }
.page_layout .wrap_in .con_wrap{}
.page_layout .wrap_in .img_wrap{ min-height:auto; width: 100%;}
.page_layout .wrap_in .img_wrap:before{ width:50%; height:100%; left:auto !important; right:-2em !important;}
.page_layout .wrap_in .img_wrap .bg{ position:relative; height:0; padding-bottom:65%;}
.page_layout .wrap_in .con_wrap{ padding:3em 0 0 0 !important;}
.page_layout .wrap_in .txt_wrap{flex:inherit; padding: 0 0 2em 0; order: -1}
.page_layout .wrap_in .tit_wrap{width: 30%;}
.page_layout.cist .wrap_in .tit_wrap .ti{padding-bottom:1em;}

.page_hoverimg .list > li{flex:1 0 50%; max-width: 50%;}
.page_hoverimg .list > li .in{height: 100%; border-top: 1px solid #444;}
.page_hoverimg .list > li:fist-child,
.page_hoverimg .list > li:nth-child(2) {border-top: none;}
.page_hoverimg .list > li .in:hover .con {padding-bottom: 2em;}
.page_hoverimg .list > li .in .con .tx{min-height: inherit;}
.page_hoverimg .list > li .in .con .ti{min-height: inherit;}

.about_con.bg{padding: 3em 0;}
.page_about_ci{padding: 3em 0;}
.about_con .tw{width: 100%; max-width: 100%;}

.prod_view_dv{display: block; flex-wrap: inherit; justify-content: inherit;}
.prod_view_dv .l_dv{flex:100%;}
.prod_view_dv .r_dv{flex:100%;}
.prod_view_dv .r_dv .txt_dv{padding: 2em; }

.main_layout > .layR{padding-left: 1em;}
}

@media screen and (max-width:1100px) {
#contents .main_visual{height: 31em;}
#contents .main_visual .inner .game_info{padding-top: 1.5em;}


}

@media screen and (max-width:991px){
.page_quipWrap .page_quipIn .txt_wrap{padding: 2em 1em 2em 4.5em}
.support_area.st1 #game_ul li{width: 20% !important}
#contents .main_visual .game_img{padding-right: 0;}
#contents .main_visual .inner .game_info .game_btn li a .xi{width: 45px; height: 45px; line-height: 45px;}
#contents .main_visual .game_img{width: 27em;}
#contents .main_visual .game_img{padding-right: 0;}
}

@media screen and (max-width:980px){
#contents .main_visual_w_wrap{padding: 20px 0;}
.page_layout.cist .wrap_in .tit_wrap .ti{font-size: 1.5em;}

.main_txt .t2{font-size: 2.5em;}

#contents .arcade_w ul li .li_inner {padding: 20em 1em 3em 1em}
}

@media screen and (max-width:950px){
#game_ul li{width: 33.33% !important; max-width: inherit;}
}

@media screen and (max-width:930px){
 /**/
 #header .inner .logo a img{width: 11em;}

/**/
#footer .footer_top{width: 100%; flex-wrap: wrap; padding: 2.5em 1em 1em 1em}
#footer .footer_top .info{margin-bottom: 2em;}
#footer .footer_top .info .kr .st br{display: none !important;}
#footer .footer_top .btn{flex-grow: inherit; flex-wrap: wrap; margin-left: 0; height: 100% !important;}
#footer .footer_top .btn ul{flex-flow: inherit; flex-wrap: wrap;}
#footer .footer_top .btn ul li{width: 33.33%; text-align: left;}
#footer .footer_top .btn ul li a{font-size: .938em; color: #ddd; font-weight: 300;}
#footer .footer_top .social{flex:1; display: flex; flex-wrap: wrap; align-items: center; align-content:center; justify-content:center;}
#footer .footer_top .social .tt{padding-right: 1em;}
#footer .footer_top .social ul{margin-top: 0;}
#footer .footer_top .social ul li a{width: 3em; height: 3em; font-size: 1em;}
#footer .footer_line{margin-top: 0; margin: 1em 0;}
#footer .footer_btm{padding: 1em 0; width: 100%; height: inherit; display: block; }
#footer .footer_btm .copyright{padding-bottom: 1em;}

.history_area .history_lst{margin-left: 150px}

#contents .news_w{padding-top: 50px;}
#contents .best_w .title{}
#contents .arcade_w ul li:hover .img{right: inherit; margin-right: 0; opacity: 1}
#contents .arcade_w ul li .img{width: 100%; opacity: 1; right: 0; left: 50%; transform: translateX(-50%); }
#contents .arcade_w ul li:hover .img { right: inherit; margin-right: 0;}
#contents .arcade_w ul li.sports_game:hover .img { margin-right: 0; }
#contents .arcade_w ul li.music_game:hover .img { margin-right: 0; }
}

@media screen and (max-width:920px){
/**/
.page_quipWrap .page_quipIn {display: block; flex-flow: inherit; justify-content: inherit;}
.page_quipWrap .page_quipIn > li{width: 100% !important; padding-left: 0; padding-right: 0; margin-bottom: 5rem;}
.page_quipWrap .page_quipIn > li:first-child{margin-top: 3em;}
.page_quipWrap .page_quipIn > li .img{left: 50%; transform: translate(-50%, -50%); top: 0;}
.page_quipWrap .page_quipIn .txt_wrap{padding: 4em 1.5em 1em 1.5em;}

.page_about_ci .ci_imgw .list > li{flex:100%; text-align: center}
#contents .main_visual .inner .game_info .game_btn{margin: 3.125em 0 0 -.5em;}
#contents .main_visual .inner .game_info .game_btn li a{margin: 0 0 0 .5em;}
#contents .main_visual .inner .game_info .game_btn li a .xi{width: 30px; height: 30px; line-height: 30px;}
#contents .main_visual .inner .game_info{padding-left: 15px; padding-top: 2em;}
}

@media screen and (max-width:900px){
.scroll .goTop{ bottom:9em }
/**/
#footer .footer_top .btn{display: block !important; width: 100%; margin-bottom: 2em;}
#footer .footer_top .btn ul{margin: 0 0 -.25em -.25em; width: 100%;}
#footer .footer_top .btn ul li{text-align: center; flex:1 1 25%; width: inherit;}
#footer .footer_top .btn ul li a{border: 1px solid rgba(255,255,255,.5); text-align: center; display: block; padding: .5em 0; margin: 0 0 .25em .25em; }
#footer .footer_top .social{flex:100%; display: block; flex-wrap: inherit; align-items: inherit; align-content: inherit; justify-content: inherit;}
#footer .footer_top .social .tt{padding-right: 0; padding-bottom: 1em}

/**/
.b_text{margin-bottom: 10px}
.b_text .left{width: 100%; float: inherit; padding: 1em;}
.b_text .right{width: 100%; float: inherit; padding: 1em; height: inherit;}

.intro .tit_w{padding: 4em 1em;}

.intro .text_w2{height: inherit; margin-top:1em}
.intro .text_w2 .right{width: 100%; box-shadow: none; position: inherit; top: inherit; right: inherit; background-position: left center;}
.intro .text_w2 .left{width: 100%; box-shadow: none; position: inherit; top: inherit; right: inherit; background-position: left center;}
.intro .text_w3{margin-top: 20px; font-size: 1.438em;}
.intro_v{margin-top: 30px;}

.prod_view_dv{overflow: inherit; border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.prod_view_dv .l_dv{width: 100%; float: inherit;}
.prod_view_dv .l_dv .main_view{padding-bottom: 100% !important; }
.prod_view_dv .l_dv .s_view ul li .border_dv {overflow: hidden;}
.prod_view_dv .r_dv{width: 100%; float: inherit;}
.prod_view_dv .r_dv .txt_dv{}

.v_service{margin-top: 3em;}

.csd_w .n_comment_w{padding: 70px 20px 50px 20px}
.csd_w .n_comment_w .user_top{margin-bottom: 1.5em;}
.csd_w .n_comment_w .user_top .inner{padding: 1.5em;}

#bo_vc article{overflow: inherit !important}
#bo_vc header{width: 100%; text-align: left !important; border-bottom: 1px solid #eee; margin-bottom: 5px; position: static !important;}
#bo_vc .right header{width: 100%; text-align: right !important; border-bottom: 1px solid #eee; margin-bottom: 5px; position: static !important;}
.csd_w article.right .cmt_contents{overflow: inherit !important; max-width: 100%; margin-left: 0 !important; padding: 0 !important;}
.csd_w article.right .cmt_contents .csd_txt{width: 100%; display: block; max-width: 100%; padding: 0;}
.csd_w article.right .cmt_contents .csd_txt .date{position: inherit; left: inherit; bottom: inherit; transform: inherit; padding-right: 0;}
.csd_w article.left header{text-align: left !important; position: static;}
.csd_w article.left .cmt_contents{overflow: inherit !important; max-width: 100%; margin-left: 0 !important; padding: 0 !important;}
.csd_w article.left .cmt_contents .csd_txt{width: 100%; display: block; max-width: 100%; padding: 0;}
.csd_w article.left .cmt_contents .csd_txt .date{position: inherit; left: inherit; bottom: inherit; transform: inherit; padding-right: 0;}
.csd_w article.left .bo_vc_act{text-align: right;}

.sub_body #contents {padding-top: calc(4em + 4.5em)}
#contents .best_w{padding-bottom: 2em;}
#contents .best_w .best{height: inherit;}
#contents .best_w .best{height: inherit; padding: 2em 1em;}
#contents .best_w .best .bg{bottom: inherit; top: 50%; transform: translate(-50%, -50%)}
#contents .best_w .best .best_game_img{position: inherit; left: inherit; bottom: inherit; transform: inherit; margin: 0 auto; text-align: center; display: block; margin-bottom: 2em; width: 100%;}
#contents .best_w .best .best_game_img img{text-align: center; margin: 0 auto;}
#contents .best_w .best .tt{position: inherit; bottom: inherit; left: inherit; text-align: center;}
#contents .best_w .best .info{display: block; position: inherit; bottom: inherit; right: inherit; text-align: center;}

#contents .news_w .news .info .t2{font-size: 1.313em;}
#contents .arcade_w ul li .t2{font-size: 1.5em;}

#contents .arcade_w ul li{flex:1 0 100%; max-width: 100%;}
#contents .arcade_w ul li:before{width: 100%; height: 1px;}
#contents .arcade_w ul li .img{position: inherit; right: inherit; left: inherit; transform: inherit; top: inherit; padding-bottom: 1em;}
#contents .arcade_w ul li .li_inner{text-align: center; padding: 2em 1em;}

#contents .main_visual .inner .game_info .game_btn li a{width: 8em; padding: .5em;}
#contents .main_visual .inner .game_info .game_btn li a .xi{width: 30px; height: 30px; line-height: 30px; font-size: 1em;}
#contents .main_visual .inner .game_info .game_btn li a .tt{margin-left: 5px; font-size: .938em;}
#contents .main_visual .inner .game_info .game_btn li a .st{margin-top: 5px; font-size: .688em}

#contents .best_w .best_btn ul{justify-content: center}

#contents .main_visual_w_wrap{padding: 0;}
#contents .main_visual{max-width: 100vw; border-radius: 0;}
#contents .main_visual .inner{border-radius: 0;}

#header .inner {max-width: 100%; background: #fff; box-shadow: 0 2px 0.5em rgb(0 0 0 / 10%)}
#header .inner .logo{padding-top: 4em;}
#header .notice_wrap{position:absolute; width:100%; height:4em !important ; line-height :4em !important; background :#f8f9fb; background: #fafafa; flex:inherit; margin-left: 0; z-index: 99999}
#header .notice_wrap .notice_inner {padding: 0 1em;  height:4em !important ; line-height :4em !important }
#header .etc_btn{padding-top: 4em;}

.notice_wrap .el .tt .xi{font-size: 1.3em;}
.notice_wrap .el .tt .title{font-size: .875em;}

#bo_vc .member_img {display: inline-block;}
#bo_vc .member_img img{width: 40px;}
#bo_vc .member{display: inline-block;}

.ip_logo_list > li{flex:1 1 20%; max-width: 20%;}

.main_layout > .layL.st2{width: 23em;}
.main_txt .t2{font-size: 2.250em;}
.appkit_explantw{padding: .75em .5em;}

.g_banner_w{right: 2em;}

}

@media screen and (max-width:850px){
#game_ul .game_box{margin: 0 0 15px 15px !important}
}

@media screen and (max-width:830px){
.support_area.st1 #game_ul li {width: 25% !important}

.v_service {background-attachment:inherit;}
.v_service ul{flex-wrap: wrap; justify-content: center;}
.v_service .box1{padding: 3em 0;}
.v_service ul li {display: flex; align-items: center; align-content: center; flex-wrap: wrap; justify-content: center; width: 50%; margin-bottom: 1em; padding: 1em 0; height: inherit; }
.v_service ul li:last-child{margin-bottom: 0;}
.v_service ul li .va{display: flex; flex-wrap: wrap; align-items: center; align-content: center;}
.v_service ul li .t1 {padding: 0 1em; margin-top: 0; width: 9em;}
.v_service ul li .btn_w{display: inherit; position: inherit; left: inherit; bottom: inherit; transform: inherit}
.v_service ul li .img img {width: 3em}
.v_service ul li .btn_w a{width: 2.75em; height: 2.75em;}
}

@media screen and (max-width:810px){
.photo_idx > ul > li{flex: 1 0 25%; max-width: inherit;}
.photo_idx > ul > li .inner{margin: 0 0 .5em .5em;}

.photo_idx > ul{margin: 0 0 1em -.5em;}
}

@media screen and (max-width:790px){
#contents .main_visual .inner .game_info .game_btn li a .st{font-size: .750em;}
#contents .main_visual .inner .game_info .game_btn{display: none;}
}

@media screen and (max-width:768px){
body{ font-size:13px;}

.scroll #header {position: fixed; left: 0; right: 0; top: 0; width: 100%; z-index: 33; box-shadow:0 3px .5em rgba(0,0,0,.15);}
#header .inner .logo a{height: 60px;}
#header .etc_btn li a{height: 60px; line-height: 60px;}
.sub_doc {padding: 30px 0 120px 0;}
/**/
.inquire .tit_w .tt{padding: 30px 25px}
/**/
.history_area .history_lst{margin-left: 0;}
.history_area .history_lst .list{ padding: 20px 0;}
.history_area .history_lst .list dt{float: inherit; width: inherit; margin: 0; text-align: left;}
.history_area .history_lst .list dt .year{font-size: 2.5em; margin: 0 0 10px 10px;}
.history_area .history_lst .list dd.first{margin-left: 0; padding: 10px 0 0 0; padding-left: 1em;}
.history_area .history_lst .list dd{margin-left: 0; padding: 5px 0; padding-left: 1em; font-size: 1em}

.intro .text_w1 .t1{line-height: 1.5;}
.intro .text_w1 .t2 br{display: none}

.map_w .info .t1{float: inherit;}
.map_w .info .t1 span:first-child{display: block; margin-right: 0; padding-bottom: .5em}
.map_w .btn_in{float: inherit; margin-top: .75em;}
.map_w .map iframe {height: 300px !important}

#game_ul li{width:50% !important}
.support_area.st1 #game_ul li{width:50% !important}

.filter_search_w{bottom: 0; background: #000; border-radius: 2.75em}
.filter_search_w .board_filter{margin-right: 0; padding: .5em 0;}
.filter_search_w .board_filter .xi{display: none;}
.filter_search_w .board_search{padding: .5em 0;}
.filter_search_w .board_search input{height: 37px; line-height: 37px; margin-right: 0; padding: 0;}

.prod_view_dv .r_dv .txt_dv{}
.prod_view_dv .r_dv .txt_dv .prod_ex .prod_ex_in{}



.mWd1{display: none;}
.part_w .part_4{width: 6.5em;}
.mWd4{width: 6.5em;}

.part_w .part_btm table tr > td:nth-child(2){padding-left: 1em;}
.part_w .part_btm .part_img{float: inherit; margin-right: 1em; flex:inherit; overflow: hidden;}

.v_gall{padding-top: 30px; padding-bottom: 30px;}
.v_gall .video .con{position: relative; display: block; height: 0; padding-bottom: 56.25%; box-sizing: border-box;}
.v_gall .video iframe{position: absolute;; left: 0; top: 0; right: 0; bottom: 0; height: 100%; box-sizing: border-box;}

.part_w .part_btm table tr > td:nth-child(2) .minus{margin-top: 0; left: 4em; top: 1em;}
/* .part_w .part_btm table tr > td:nth-child(2) .plus{top: 1em; left: 4em; margin-top: 0;} */

.tag_w ul li .tag{padding: 7px 30px 7px 10px; font-size: .750rem;}
.tag_w ul li .tag button{right: .25em; top: 50%; transform: translateY(-50%);}

.inquiry_fin_w .inner .inquiry_fin{width: 100%; max-width: 95%;}
.inquiry_fin_w .inner .inquiry_fin .tt{font-size: 1em}
.inquiry_fin_w .inner .inquiry_fin .st{font-size: 1em;}

.csd_v_top .info li{width: 50%;}

.bo_vc_w textarea{width: 100%;}

.jk-inquiry-status-btn{display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center;}
.jk-inquiry-status-btn .jk-manager-btn,
.jk-inquiry-status-btn .jk-answer-btn,
.jk-inquiry-status-btn .jk-spam-btn,
.jk-inquiry-status-btn .jk-csd-btn{flex: 1 0 50%}

.csd_t1{max-width: inherit;  overflow: inherit; text-overflow: inheri; white-space: normal; }

#modal_lang{padding: 2.5em 1.5em;}
#modal_lang .tt{font-size: 1.313em;}
#modal_lang ul{margin: 3em 0 -1.5em -1.5em;}
#modal_lang ul li{flex: 1 0 50%;}
#modal_lang ul li a{margin: 0 0 1.5em 1.5em;}
#modal_lang ul li a .img{height: inherit;}
#modal_lang ul li a .st{margin-top: .75em;}
#modal_lang .usa_etc{margin-top: 2rem;}

.board_search.st1 .search_btn{width: 100%;}
.board_search.st1 .search_btn:first-child{margin-top: .5em;}
.board_search.st1 .search_btn .tt{display: none;}

#contents .service_w{padding-top: 70px;}

#contents .best_w .title{font-size: 2.5em; padding-top: 1em}

#contents .arcade_w .title{font-size: 2.5em;}

#contents .news_w{padding-top: 30px}
#contents .news_w .title{font-size: 2.5em;}
#contents .news_w .news .info{padding: 2.5em 1em;}

#contents .news_w .news .info .t2{font-size: 1.188em;}

#contents .main_visual_w_wrap{}
#contents .main_visual{}
#contents .main_visual .inner .game_info .game_logo{width: 7em;}
#contents .main_visual .inner .game_info .game_t1{font-size: 2.250em}
#contents .main_visual .inner .game_info .game_btn{margin: 1em 0 0 -.5em;}
#contents .main_visual .inner .game_info .game_btn li a{margin: 0 0 0 .5em; padding: 1em .5em;}
#contents .main_visual .inner .game_info .game_btn li a .xi{width: 50px; line-height: 50px; height: 50px; font-size: 2em;}
/* #contents .main_visual .inner .game_nav{position: inherit; left: inherit; right: inherit; bottom: inherit; top: inherit; transform: inherit; padding-bottom: 1rem; text-align: center;} */
#contents .main_visual .inner .game_nav li{width: 45px; height: 45px; line-height: 45px;}
#contents .main_visual .inner .game_info .game_logo{width: 5em;}
#contents .main_visual .inner .game_info .game_btn{margin: 1.5em 0 0 -.5em;}
#contents .main_visual .inner .game_info .game_btn li a{margin: 0 0 0 .5em;}
#contents .main_visual .inner .game_nav{left: 10px; bottom: 15px;}
#contents .main_visual .inner .game_info .game_logo{width: 4em;}
#contents .main_visual .inner .game_info .game_t1{margin-top: 0; letter-spacing: 0;}

#contents .main_visual{height: 18em; flex-wrap:inherit; align-content:inherit; align-items: inherit; box-shadow: none;}
#contents .main_visual .inner{height: auto; flex:inherit;}
#contents .main_visual .inner.image{height: 100%; flex:1;}
#contents .main_visual .game_img{height: 100%; width: auto;}
#contents .main_visual .inner .game_info{padding-left: 1em; text-align: left;}
#contents .main_visual .inner .game_info .game_t1{font-size: 1.5em; padding-top: 1em; line-height: 1.3;}
#contents .main_visual .inner .game_info .game_t2{font-size: 1em;}

#contents .main_control_wrap{top:75%;}
#contents .main_control_wrap .control_inner{flex-direction: column-reverse;  align-items: inherit; align-content: inherit; max-width: 90%;}
#contents .main_control_wrap .control_inner .game_nav_wrap{margin-left: 0; padding-bottom: .5em;}
#contents .main_control_wrap .control_inner .game_nav li{width: 2.25em; line-height: 2.25em; height: 2.25em; border: 1px solid transparent; background: rgba(255,255,255,.8); color: #111;}
#contents .main_control_wrap .control_inner .game_nav li.adbtn{color: #fff;}
#contents .main_control_wrap .control_inner .game_nav li .xi {font-size: 1em;}
#contents .main_control_wrap .control_inner .dot_wrap{position: absolute; top: 78%;}
#contents .main_control_wrap .control_inner .dot_wrap .dot_btn{margin: 0 0.1em;}
#contents .main_control_wrap .control_inner .game_nav li.play,
#contents .main_control_wrap .control_inner .game_nav li.pause{display: none;}
#contents .main_control_wrap .control_inner .game_nav li.left_arrow{left: 5%; margin: 0 !important}
#contents .main_control_wrap .control_inner .game_nav li.right_arrow{position: absolute; right: 5%; margin: 0 !important}
#contents .main_control_wrap .control_inner .game_nav li:hover {border: 1px solid transparent; background: rgba(255,255,255,.8); color: #111;}

.page_txt1 .t1{font-size: 1.188em}

.wr_content{text-align: center}
.board_st.write td iframe{width: 100% !important; max-width: 100% !important; box-sizing: border-box !important}


.game_service_modal .gallery_list{flex:1 0 50%; max-width: 50%;}
.gallery_list .inner a .txt_w{min-height: 2em;}
.map_w .info{padding: 1em;}
.map_w .btn_in .more.va_wrap{height: 25px !important}

.support_area.st1 #game_ul .game_img a,
.support_area.st1 .game_img .no_image{font-size: 1em;}

.page_quipWrap .page_quipIn > li:last-child{margin-bottom: 0 !important;}

.page_layout .wrap_in .tit_wrap{width: 24%;}
.page_layout .wrap_in .tit_wrap .ti{font-size: 1.250em;}

.page_layout .wrap_in .img_wrap .bg{padding-bottom: 56.25%;}

.about_con .tw .t1{font-size: 1.563em;}
.about_con .imgw{position: relative; height: 0; padding-bottom: 56.25%;  z-index:inherit; left:0; top:0; width:100%; height:100%; margin-top: 3em;}
.page_layout .wrap_in .txt_wrap .tit_w .ti i{font-size: 2em}
.page_sec1{margin-top: 3em;}

.prod_view_dv .r_dv .txt_dv .name2{font-size: 1.750em;}
.prod_view_dv .r_dv .txt_dv{padding: 2em 1.5em;}
.prod_view_dv .r_dv .txt_dv .prod_ex{margin-top: 0; padding-top: 0; border-top: none;}
.prod_view_dv .r_dv .txt_dv .prod_ex .t2{display: block; flex-wrap: inherit;}
.prod_view_dv .r_dv .txt_dv .prod_ex .t2 .fw{width: inherit;}
.prod_view_dv .r_dv .txt_dv .prod_ex .t2 span.bw{padding-left: .5em; display: block; flex:inherit;}

.ip_logo_list > li{flex:1 1 25%; max-width: 25%;}


.searching_result .searching_list_title{font-size: .938em;}
.searching_result .searching_list li{border: 1px solid #ddd; margin-bottom: .5em;}
.searching_result .searching_list li:first-child{margin-top: .5em;}

.warranty_wrap .inner{  background: url('/global/images/warranty_bgm_new.png') }
.warranty_wrap .inner .inner_con .in_tit .ti{font-size: 1.750em;}
.warranty_wrap .inner .inner_con .in_txt.logo .con .logo > img{width: 8em;}
.warranty_wrap .inner .inner_con .in_txt .tx{font-size: .938em;}
.warranty_wrap .inner .inner_con .in_txt{padding-bottom: .5em; line-height: 1.4;}

.app_img_wrap .list > li.this{flex:1 0 50%; max-width: 50%;}

.main_layout > .layL.st2{width: 100%; margin: 0 auto;}
.main_layout > .layR{flex:100%; margin-top: .5em; padding-left: 0; padding: 0 1.5em;}
.main_txt{margin-bottom: 2em;}
.main_txt .t1{text-align: center;}
.main_txt .t2{text-align: center; font-size: 2em;}
.appkit_explantw{margin-top: 2em;}
.app_img_wrap{margin-top: 2em; padding: 2em 0;}
}

@media screen and (max-width:700px){
#contents .main_visual .title{padding: 1em; letter-spacing: 3px; font-size: .813em}
}

@media screen and (max-width:660px){
#contents .main_visual .inner .game_info .game_btn li a .st{ min-height: 3em;}
}

@media screen and (max-width:650px){
.jk-inquiry-status-btn .jk-manager-btn,
.jk-inquiry-status-btn .jk-answer-btn,
.jk-inquiry-status-btn .jk-spam-btn,
.jk-inquiry-status-btn .jk-csd-btn{font-size: .875em; padding: 10px}

#contents .arcade_w .title,
#contents .best_w .title,
#contents .news_w .title{font-size: 2em;}

#contents .news_w .news .info .t1:before{height: 70px;}

.page_layout .wrap_in{}
.page_layout .wrap_in .tit_wrap{width: 100%; padding-bottom:1em;}
.page_layout.cist{margin-top: 3em;}
.page_layout.cist.pd1{margin-top: 2em;}
.page_layout.cist .wrap_in .txt_wrap{flex:inherit; padding: 0;}
.page_layout.cist .wrap_in .txt_wrap .txt_w .tx.st3{padding-left: .5em;}

}

@media screen and (max-width:600px){
.warranty_wrap .inner{padding: 4em 3.5em}
.warranty_wrap .inner .inner_con .in_tit .ti{font-size: 1.625em; padding-top: .5em;}
}

@media screen and (max-width:580px){
.page_about_con .en_t > i{font-size: 2em;}
.warranty_wrap .inner .inner_con .in_tit .ti{font-size: 1.5em;}
}

@media screen and (max-width:555px){
.photo_idx > ul > li{flex:1 0 50%; max-width: 50%;}

}

@media screen and (max-width:550px){
#game_ul{margin: 0 0 -20px 0 !important;}
#game_ul li{width: 100% !important}
#game_ul .game_box{margin: 0 0 20px 0 !important;}
.support_area.st1 #game_ul{margin: 0 0 -20px 0 !important}
.support_area.st1 #game_ul li{width: 100% !important}
.support_area.st1 #game_ul .game_box{margin: 0 0 20px 0 !important}

.part_w .part_detail{overflow: inherit;}
.part_w .total{float: inherit;}
.part_w .search{float: inherit; margin-top: 1em;}
.part_w .search .input_st {width: 100%;}

.page_about_ip.logo{padding: 3em 0;}
}

@media screen and (max-width:530px){
.game_service_modal .gallery_list{min-height: 2em; flex:100%; max-width: 100%;}
.modal{padding: 15px !important;}

.page_hoverimg .list > li .in{align-items: center; align-content: center;}
.page_hoverimg .list > li .in .con{padding: 1em;}

.warranty_wrap .inner .inner_con .in_tit{margin-bottom: 2em;}
}

@media screen and (max-width:500px){
.filter_search_w{border-radius: 0;}
.filter_search_w .board_filter{ display: block; border-radius: inherit; width: 100%; padding: 0;}
.filter_search_w .board_filter .filter{padding: .5em .75em 0 .75em; padding:.75em .75em 0 .75em}
.filter_search_w .board_filter .label_select {width: 100%;}
.filter_search_w .board_filter .label_select select{width: 100%; border-bottom: 1px solid rgba(255,255,255,.3);}
.filter_search_w .board_search{display: block; float: none !important; width: 100%; border-radius:inherit; padding: 0}
.filter_search_w .board_search .searching {padding: .5em .75em; padding: .75em}
.filter_search_w .board_search .searching .search_btn{right: .5rem;}
.filter_search_w .board_search input{border-bottom: 1px solid rgba(255,255,255,.3);}
.filter_search_w .board_search button .xi{font-size: 1.313rem;}
.filter_search_w .board_filter .label_select:after{font-size: 1.7em}

.page_hoverimg .list > li .in .con .ti{font-size: 1.125em}
.page_hoverimg .list > li .in .con .tx{font-size: .875em;}

.ip_logo_list > li{flex:1 1 33.33%; max-width: 33.33%;}

.warranty_wrap .inner .inner_con .in_txt .tx{font-size: .875em;}
.warranty_wrap .inner .inner_con .in_txt.logo .con .logo > img{width: 7em;}

.warranty_wrap .inner .inner_con .in_tit .ti > i{display: block;}
}

@media screen and (max-width:480px){
.v_service ul{padding: 0;}
.v_service ul li{width: 100%;}
.photo_idx > ul > li{flex: 1 0 50%;}
#contents .main_visual .title{font-size: .750em; letter-spacing: 1px;}
.page_about_con .en_t > i{font-size: 1.5em;}
.firmware_list .inner .txt_w{text-align: left;}
.warranty_wrap .inner{padding: 3em 2.5em}
}

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

}

@media screen and (max-width:450px){
.page_hoverimg .list > li .in .con .tx br{display: none;}
}

@media screen and (max-width:430px){
#contents .main_visual .inner .game_info .game_btn{margin: 1em 0 0 -.5em}
#contents .main_visual .inner .game_info .game_btn li{margin-bottom: .5em;}
#contents .main_visual .inner .game_info .game_btn li a{padding: .5em; }
#contents .main_visual .inner .game_info .game_btn li a .xi{width: 30px; line-height: 30px; height: 30px; font-size: 1.250em; box-shadow: none; border: 1px solid #ddd;}
#contents .main_visual .inner .game_info .game_btn li a .tt{margin-top: 0; font-size: .938em;}
#contents .main_visual .inner .game_info .game_btn li a .st{margin-top: 3px; font-size: .625em; line-height: 1.1;}

.page_txt1 .t1 .fs{display: block; margin-left: 0;}
.page_about_con .en_t > i{font-size: 1.250em}
.prod_view_dv .r_dv .txt_dv .in_tw.st1 .inner{display: block; flex-wrap: inherit;}

.main_layout > .layR{padding: 0 1em;}
.main_txt .t2{font-size: 1.750em;}
.main_txt .t1{font-size: 1.063em;}
.main_txt .t1 img {height: 3em;}
}

@media screen and (max-width:420px){
.jk-inquiry-status-btn .jk-manager-btn,
.jk-inquiry-status-btn .jk-answer-btn,
.jk-inquiry-status-btn .jk-spam-btn,
.jk-inquiry-status-btn .jk-csd-btn{font-size: .750em;}
/* #contents .main_visual_w_wrap{padding: 10px 0;} */
}

@media screen and (max-width:400px){
.intro .tit_w{padding: 2em 1em;}
.intro .tit_w .tt{padding: 25px;}
.page_txt1 .t2 .wd{font-size: .750em;}
.page_txt1 .t2 .con{font-size: .938em;}
.page_txt1 .t1{font-size: 1em;}

#contents .main_visual .inner .game_info{max-width: 98%;}

.searching_result .searching_list li{display: block}
.searching_result .searching_list_image{display: block; margin-right: 0; width: 100%;margin-bottom: .5em;}
.warranty_wrap .inner{padding: 3em 2em;}
}

@media screen and (max-width:385px){
#contents .main_visual .inner .game_info .game_btn{margin: 1em 0 0 -.25em;}
#contents .main_visual .inner .game_info .game_btn li a{margin: 0 0 0 .25em;}
#contents .main_visual .inner .game_info .game_btn li a .xi{width: 30px; height: 30px; line-height: 30px; font-size: 1.313em;}
#contents .main_visual .inner .game_info .game_btn li a .tt{margin-top: 5px; font-size: .938em;}
#contents .main_visual .inner .game_info .game_btn li a .st{line-height: 1; font-size: .688em;}
}

@media screen and (max-width:380px){
#footer .footer_top .btn ul li{flex:1 1 50%;}

/* .part_w .part_btm table tr > td:nth-child(2) .minus,
.part_w .part_btm table tr > td:nth-child(2) .plus{left: 2.875em;} */

#bo_vc .member_img{display: inline-block; margin: 0;}
#bo_vc .member_img img{width: 40px; margin: inherit;}
#bo_vc .member{text-align: left; display: inline-block;}

#modal_lang{padding:2.5em 1em;}
#modal_lang .tt{font-size: 1.188em}

.page_hoverimg .list > li{flex:100%; max-width: 100%;}
.page_hoverimg .list > li .in{height: auto;}
.page_hoverimg .list > li .in .con .icon .xi{font-size: 1.5em;}
}

@media screen and (max-width:375px){
#contents .main_visual .inner .game_info .game_btn{margin: 1em 0 0 0;}
#contents .main_visual .inner .game_info .game_btn li a{margin: 0; border-radius: 0;}
#contents .main_visual .inner .game_info .game_btn li a .st{min-height: inherit;}
}

@media screen and (max-width:365px){
#contents .main_visual .inner .game_info .game_btn li{flex:100%; max-width: 100%; margin-bottom: 0;}
#contents .arcade_w .title, #contents .best_w .title, #contents .news_w .title{font-size: 1.750em;}

#modal_search  .search_area .topw{padding: 0; flex-direction: column;}

.main_txt .t2{font-size: 1.5em;}
}

@media screen and (max-width:340px){
table.response *[data-th]:before{flex:1 0 5em; max-width: 5em;}
.prod_view_dv .r_dv .txt_dv .prod_ex .t2{margin-bottom: .313em;}

.bo_vc_w_info{width: 100%;}
.bo_vc_w_info .member_img{text-align: center;}
.bo_vc_w_info .member{text-align: center;}

.jk-inquiry-status-btn{display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center;}
.jk-inquiry-status-btn .jk-manager-btn,
.jk-inquiry-status-btn .jk-answer-btn,
.jk-inquiry-status-btn .jk-spam-btn,
.jk-inquiry-status-btn .jk-csd-btn{}

.page_txt1 .t1{font-size: 1.125em}
.page_txt1 .t2 .wd{display: block;}

.part_w .part_btm table tr > td:nth-child(2) .plus,
.part_w .part_btm table tr > td:nth-child(2) .minus{left: 3em;}
}

@media screen and (max-width:320px){
.board_st.st1 td.w_state{display: block !important; text-align: left !important; padding: .75em 0 0 0;}
.board_st.st1 td.w_view{display: block !important; text-align: left !important; padding: .75em 0 0 0;}
.csd_state{width: 100% !important; min-width: 100% !important; padding: 10px 0; text-align: center;}
.csd_view{width: 100% !important; min-width: 100% !important; padding: 8px 0; text-align: center;}

#header .inner .logo a img{width: 8em;}

.pop_w { width: 100%; max-width: 90%; }
.pop_w .img_w img { max-width: 100%; }
}

@media screen and (max-width:300px){
.part_w .part_btm .part_img{margin-right: .5em;}
#contents .news_w .news .info .t2{font-size: 1em;}
#contents .news_w .news .info .t3{font-size: .813em;}

.photo_idx > ul{margin: 0 0 1em -.25em;}
.photo_idx > ul > li{flex: 1 0 50%; max-width: 50%;}
.photo_idx > ul > li:after{height: 3px; bottom: 3px;}
.photo_idx > ul > li .inner{min-height: 1.875em; padding: .5em .25em; margin: 0 0 .25em .25em;}
.photo_idx > ul > li .inner .va{font-size: .750em;}

.jk-inquiry-status-btn .jk-manager-btn,
.jk-inquiry-status-btn .jk-answer-btn,
.jk-inquiry-status-btn .jk-spam-btn,
.jk-inquiry-status-btn .jk-csd-btn{flex: 100%}

#header .inner{justify-content: center;}
#header .gnb_wrap{width: 100%;}
#header .etc_btn{ width: 100%; padding-top: 0;}
.sub_body #header .etc_btn li a,
.sub_body #header .inner .gnb > li > a,
.sub_body #header .inner .logo a{height: 3em; line-height: 3em;}
.searching_result .searching_title{display: block;}
.searching_result .searching_title .moreBTn{border-radius: 0; margin-top: .5em; padding: .5em 1em;}

.app_img_wrap .list{margin: 0 0 -1em 0;}
.app_img_wrap .list > li.this{flex:100%; max-width: 100%;}
.app_img_wrap .list > li .in{margin: 0 0 1em 0;}
}

@media screen and (max-width:270px){
.part_w .part_btm .part_img{overflow: hidden;}
.part_w .part_btm .part_name{margin-top: 10px; width: 100%}
.part_w .part_btm table td{padding-left: .5em 1em;}
.part_w .part_btm table tr > td:nth-child(2){display: block !important}
.part_w .part_btm table tr > td:nth-child(2) .minus,
.part_w .part_btm table tr > td:nth-child(2) .plus{left: 0; top: 2em}
table.response *[data-th]{display: block !important; flex-wrap: inherit; align-items: inherit; align-content: inherit; }
table.response *[data-th] > *{flex: inherit;}
table.response *[data-th]:before{display: block !important; flex:inherit !important; max-width: 100% !important; padding-bottom: .75em; padding-right: 0; align-content: inherit; align-items: inherit;}

#header .etc_btn li a{padding: 0 .55em;}

}

@media screen and (max-width:260px){
.part_w .part_btn_wh .add_btn{max-width: inherit; flex:100%;}
.part_w .part_btn_wh .add_btn button{width: 100%;}
.part_w .part_btn_wh .add_btn a,
.part_w .part_btn_wh .add_btn button{margin-left: 0;}
.part_w .part_btn_wh .shop_btn{max-width: inherit; width: 100%; text-align: center; margin-bottom: .75em;}

#modal_lang .tt{font-size: 1em;}
#modal_lang ul{margin: 2em 0 -1em 0;}
#modal_lang ul li{flex:1 0 100%;}
#modal_lang ul li a{margin: 0 0 1em 0;}

}

@media screen and (max-width:250px){
.search_area .topw{flex-direction: column;}
.search_area .topw label{margin-right: 0;}
.search_area .topw label:first-child{margin-bottom: .5em;}
}

@media screen and (max-width:235px){
.v_service ul li .t1 {width: 7em}
}

@media screen and (max-width:230px){
.sub_body #contents{padding-top: 8em;}
#header .inner{display: block; flex-flow: inherit; justify-content: inherit;}
#header .inner .logo{text-align: center; padding-top: 0;}
#header .inner .logo a{height: 50px;}
#header .gnb_wrap{display: block;}
#header .etc_btn li a{height: 50px; line-height: 50px}
#header .etc_btn{ padding-top: 4em;}

}

@media screen and (max-width:210px){
.jk-inquiry-status-btn .jk-manager-btn,
.jk-inquiry-status-btn .jk-answer-btn,
.jk-inquiry-status-btn .jk-spam-btn,
.jk-inquiry-status-btn .jk-csd-btn{flex: 1 0 100%}

.v_service ul li .va{display: block; justify-content: center;}
.v_service ul li .t1{width: inherit; padding: .5em 0 1em 0}
.v_service ul li .btn_w a{margin: 0 auto; width: 2em; height: 2em;}
}