@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

.language_area { max-width: 900px; }
.language_area .language { font-size: 0; text-align: center; width: 100%; }
.language_area .language li { float: none; display: inline-block; width: 18%; margin-right: 2%; }
.language_area .language li a { box-sizing: border-box; }

.blocker { z-index: 5!important; }
.usa_modal.modal { padding: 0!important; }
.usa_modal .close-modal { display: none!important; }

.usa_modal { border-radius: 0; position: relative; }
.usa_modal .icon { position: absolute; top: 0; left: 0; width: 100%; text-align: center; transform: translate(0, -50%); }
.usa_modal .icon .xi { display: inline-block; width: 66px; height: 66px; line-height: 66px; text-align: center; background: #f57d20; border-radius: 50%; color: #FFF; font-size: 1.875em; }

.usa_modal .inner { position: relative; text-align: center; padding: 80px 0 0 0; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.5px; overflow: hidden; }
.usa_modal .inner .l_bg { position: absolute; left: -50%; top: 0; z-index: -1; opacity: .15; }
.usa_modal .inner .r_bg { position: absolute; right: -50%; top: 0; z-index: -1; opacity: .15; }
.usa_modal .inner .logo { padding-right: 34px; }
.usa_modal .inner .line_w { text-align: center; }
.usa_modal .inner .line_w .line { position: relative; display: inline-block; width: 42px; height: 14px; transform: rotate(-45deg); margin: 33px 0; }
.usa_modal .inner .line_w .line:before { content: ""; position: absolute; top: 0; left: 0; width: 28px; height: 7px; background: #ff1a3a; }
.usa_modal .inner .line_w .line:after { content: ""; position: absolute; bottom: 0; right: 0; width: 28px; height: 7px; background: #ffe507; }
.usa_modal .inner .t1 { font-size: 1.125em; font-weight: 700; color: #222; line-height: 1.4; }
.usa_modal .inner .t2 { font-size: .875em; font-weight: 500; color: #666; line-height: 1.4; margin-top: 20px; }
.usa_modal .inner .t3 { font-size: .875em; font-weight: 600; color: #d90000; margin-top: 20px; }
.usa_modal .inner .usa_btn_w { margin-top: 20px; background: #2088f5; padding: 10px 0; }
.usa_modal .inner .usa_btn_w .usa_btn { display: inline-block; color: #FFF; font-size: 1.125em; font-weight: 600; padding: 12px 40px; border: 1px solid #FFF; border-radius: 7px; background: #2f49ff; box-shadow: 0 3px 5px rgba(0,0,0,.4); transition: .3s; }
.usa_modal .inner .usa_btn_w .usa_btn:hover { box-shadow: none; background: #1e33c6; }
.usa_modal .inner .usa_btn_w .usa_btn i { vertical-align: middle; margin-right: 5px; }
.usa_modal .inner .usa_btn_w .usa_btn span { vertical-align: middle; }

.usa_modal .btm_btn { position: absolute; bottom: -35px; left: 50%; text-align: center; transform: translate(-50%, 0); color: #BBB; text-decoration: underline; font-size: .938em; font-weight: 200; transition: .3s; }
.usa_modal .btm_btn:hover { color: #DDD; }

.sub_title_st { text-align: center; font-size: .875em; color: #ff8100; line-height: 1.4; padding: 0 16px; box-sizing: border-box; }

#nav_wrapper.on ~ #wrapper .g_banner_w .inner { width: 242px; height: 100px; top: 70px; }
#nav_wrapper.on ~ #wrapper .g_banner_w .close_btn { top: 70px; }

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

.g_banner_w .close_btn { position: fixed; top: 122px; right: 102px; font-size: 1.125em; color: #FFF; width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 50%; background: #000; text-align: center; transition: .3s; z-index: 9; }
.g_banner_w .close_btn:hover { background: #475cdc; }
.g_banner_w .inner { display: inline-block; position: fixed; top: 122px; right: 130px; border-radius: 13px; overflow: hidden; border: 3px solid #4358dc; box-sizing: border-box; width: 267px; height: 110px; box-shadow: 0 3px 5px rgba(0,0,0,.4); transition: .3s; z-index: 9; }
.g_banner_w .inner:hover { box-shadow: none; border-color: #442dff; }


/* add 211223 */
/* .game_v_modal_down.fancybox-content { font-size: 0; } */
#leaflets_modal { font-size: 0; }
#manuals_modal { font-size: 0; }
.gallery_list { display: inline-block; width: 50%; vertical-align: top; }
.gallery_list .inner { padding: 0 10px; text-align: center; margin-bottom: 30px; }
.gallery_list .inner a { width: 100%; padding: 0!important; box-sizing: border-box; transition: .3s; white-space: unset!important; overflow: auto!important; text-overflow: unset!important; }

.gallery_list .inner a .img_w { height: 0; padding-bottom: 56.25%; position: relative; overflow: hidden; }
.gallery_list .inner a .img_w.resize_h { padding-bottom: 100%; }
.gallery_list .inner a .img_w:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 1; }
.gallery_list .inner a .img_w:after { content:"\ea3f"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'xeicon'; font-size: 2.5em; color: #FFF; z-index: 2; transition: .3s; }
.gallery_list.leaflet_icon .inner a .img_w:after { content:"\e980"; font-size: 2.25em; }
.gallery_list .inner a:hover .img_w:after { color: #f57d20; }
.gallery_list .inner a .img_w img { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.gallery_list .inner a .txt_w { text-align: center; padding: 8px 15px; line-height: 1.2; font-weight: 600; color: #333; border: 1px solid #DDD; border-top: none; transition: .3s; }

.gallery_list .inner a .txt_w i { color: #ff0000; margin-right: 5px; transition: .3; }
.gallery_list .inner a:hover .txt_w { background: #f57d20; color: #FFF; }

.firmware_list { width: 100%; border: 1px solid #ddd; text-align: left; margin-bottom: 5px;}
.firmware_list .inner { display: flex; width: 100%; justify-content: space-between; color: #333;}
.firmware_list .inner .txt_w { text-align: center; padding: 8px 15px; line-height: 1.2; font-weight: 600; transition: .3s; align-self: center; }
.firmware_list .inner .txt_w span { font-weight: bold; color: #888; }
.firmware_list .inner .firmware_icon { text-align: center; padding: 8px 15px; line-height: 1.2; font-weight: 600; transition: .3s; }
.firmware_list .firmware_description { padding: 8px 15px; text-align: left; line-height: 1.2; font-weight: 600; color: #444; font-size: 0.9em; border-top: 1px solid #eee; display: none;}

.firmware_list .inner i { color: #ff0000; margin-right: 5px; transition: .3; }
.firmware_list .inner:hover { background: #f57d20; color: #FFF; }
.firmware_list .inner .firmware_icon form { display: inline-block; }
.firmware_list .inner .firmware_icon .pwd { width: 100px; border: 1px solid #eee; color: #333; padding: 0 5px; }

.game_v_modal_down.fancybox-content .game_v_modal_btn:hover,
.game_v_modal_down.fancybox-content .game_v_modal_btn:active { color: #F57d20; }


@media screen and (max-width: 1700px){
.g_banner_w .close_btn { right: 25px; }
.g_banner_w .inner { right: 53px; }
}

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

.g_banner_w { display: none; }

.language_area .language li { width: calc(33.3333% - 40px); margin: 0 20px 20px 20px; }

}

@media screen and (max-width: 640px) {
.language_area .language li { width: 300px; max-width: 96%; margin: 5px 0; }
}

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

.modal { width: 100%!important; }
.usa_modal .inner { padding-top: 48px; }
.usa_modal .icon .xi { width: 54px; height: 54px; line-height: 54px; font-size: 1.5em; }
.usa_modal .inner .logo img { width: 168px; }
.usa_modal .inner .line_w .line { margin: 22px 0; }
.usa_modal .inner .t1 { font-size: 1em; }
.usa_modal .inner .t2 { font-size: .813em; margin-top: 15px; }
.usa_modal .inner .t3 { font-size: .813em; margin-top: 15px; }
.usa_modal .inner .usa_btn_w { margin-top: 15px; }
.usa_modal .inner .usa_btn_w .usa_btn { font-size: .938em; padding: 12px 20px; }
.usa_modal .btm_btn { font-size: .813em; bottom: -30px; }
.usa_modal .inner .l_bg img { width: 300px; }
.usa_modal .inner .r_bg img { width: 300px; }

.gallery_list { width: 90%; display: block; }
.gallery_list .inner { margin-bottom: 20px; }
.gallery_list .inner a .txt_w { padding: 5px 12px; }
}