@charset "utf-8";
/*임시*/
.main_visual.one_roll .swiper-button-next,.main_visual.one_roll .swiper-button-prev{display:none;}


/*
.test_up {top:-90px; }
.js #fouc {display: none}*/
.clearfix::after{display: block;  content: '';clear: both;}
/*max_width*/
#captcha.m_captcha audio{display:none !important;}
#tnb ul,.nav_box,.sub_nav,.new_games,.mov_list,.latest_news,.footer_nav,#ft_wr,
/*서브*/
.game_comparison,.support_area
{max-width:1650px;margin:0 auto; overflow:hidden;}
h3.sub_title{font-size:2rem; font-weight:700; color:#333; text-align:center; width:100%; margin-bottom:20px; overflow:hidden;}


/*etc*/
#cs_modal .game_v_modal_down.fancybox-content h2:after { display: none!important; content: ""!important; }
#parts_modal .game_v_modal_down.fancybox-content h2:after { display: none!important; content: ""!important; }
.table_form01 td { text-align: left!important; }

/*필수*/

input[type="checkbox"],input[type="radio"] {width:10px; height:10px; background:#fff; border:1px solid #aaa; margin-right:5px; }
input[type="checkbox"]:checked,input[type="radio"]:checked {background:red;}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;}

/* 새창 기본 스타일 */
.new_win {position:relative;}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-color:#253dbe;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#253dbe;font-weight:bold}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:right}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:40px;font-weight:bold;font-size:1.083em;float:right}


/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

#wrapper {margin-top:78px;}
/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#4c4f6f;color:#fff;text-decoration:none;vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {background:#54598c}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle;}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {background:#ff3746}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/*페이지 넘버링*/
.pg_wrap{overflow:hidden; margin:0 auto 80px; text-align:center;}
.pg_wrap .pg{display:inline-block;}
.pg_wrap .pg a,.pg_wrap .pg strong{display:inline-block; background:#d1d1d1; font-weight:500; color:#646464; padding:10px; border-radius:5px; transition:.3s;}
.pg_wrap .pg a:hover,.pg_wrap .pg a:active{background:#dba334; color:#fff;}
.pg_wrap .pg .pg_current{background:#f57d20; color:#fff;}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove  .win_desc {text-align:center;display:block}
#copymove  .tbl_wrap{margin:20px }
#copymove  .win_btn{padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display: block;padding: 3px 20px;/* height:23px; */border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer;overflow: hidden;}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul{display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con ol{display: block;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con li{display: list-item;}

/* 관리버튼 */
/*일반버튼*/
a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:500;border:0; transition: background-color 0.3s ease-out;}
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#253dbe;color:#fff;cursor:pointer;border:0}
.btn_submit:hover {background:#0025eb}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa;
}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/*전체선택*/
#game_allchk{margin:10px 0 15px; overflow:hidden;}
#game_allchk input[type="checkbox"],.game_check {position:absolute; left:-9999px;}
#game_allchk input[type="checkbox"] + label, .game_check + .game_label
{display:inline-block; padding:10px; border:1px solid #ddd; font-size:0.75rem; font-weight:500; color:#646464; transition:.3s;cursor:pointer;}
#game_allchk input[type="checkbox"]:checked + label,.game_check:checked + .game_label {background:#f57d20; border:1px solid #f57d20;color:#fff; }
#game_allchk input[type="checkbox"]:checked + label:after,.game_check:checked + .game_label:after {content:''; display:inline-block;}


/* 상단 레이아웃 */
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

#hd_pop h2, #gnb h2,#m_gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
/**********************************************************************************************************/
/*** 언어선택 ***/
.first_language{position:fixed; width:100%; height:100%;}
.language_area{position:absolute;width:90%; max-width:788px; top:50%; left:50%; transform:translate(-50%, -50%);z-index:10;}
.language_area #logo { width:50%; display:block; float:none; margin:0 auto 50px;}
.language_area #logo img { width:100%;}
.language_area .intro_text{font-size:3rem;  margin-bottom:30px;text-align:center;margin-bottom:40px; width:100%; color:#fff; /* letter-spacing:-1px; font-weight:700*/ font-family: 'Righteous', cursive}
.language_area .language{overflow:hidden; }
.language_area .language li{float:left; width:21%; margin-right:5%;}
.language_area .language li:last-child{margin-right:0;}
.language_area .language li a{display:block; text-align:center; font-size:1.25rem; font-weight:600; color:#ddd; padding:10px;  transition:.3s; border:1px solid #ccc;  }
.language_area .language li a:hover,.language_area .language li a:active{background:#f57d20;}
.language_area .language_text{width:100%; height:30px;font-size:2rem; font-weight:500;  text-align:center;color:#fff;margin-bottom:30px; }
/*인트로*/
.intro_bg_area{position:absolute;width:100%; height:100%;}
.intro_bg_area div{position:absolute; width:100%; height:100%;}
.intro_pattern{background:url('../img/visual_pattern.png') repeat rgba(0,0,0,0.8); z-index:3; }
.introbg01{background:url('../img/bg/bg02.jpg') no-repeat center; background-size:cover;z-index:1;}
.bgVideo{ z-index:2;min-width: 100%; min-height:100%;width: auto; height: auto;position: absolute; top:50%; left: 50%; transform:translate(-50%,-50%);}


/*
.language_area .language_text .text01{animation:intro_text 2s ease-in .3s infinite;-webkit-animation:intro_text 2s ease-in .3s infinite;}
.language_area .language_text .text02{animation:intro_text 2s ease-in 2.3s infinite;-webkit-animation:intro_text 2s ease-in 2.3s infinite;}
.language_area .language_text .text03{animation:intro_text .5s ease-in 4.3s infinite;-webkit-animation:intro_text .5s ease-in 4.3s infinite;}
.language_area .language_text .text04{animation:intro_text .5s ease-in 6.8s infinite;-webkit-animation:intro_text .5s ease-in 6.8s infinite;}
/*keyframes
@-webkit-keyframes intro_text {
	0% {opacity:0;}50%{opacity:1;}100% {opacity:0;}
}
@keyframes intro_text{
	0% {opacity:0;}50%{opacity:1;}100% {opacity:0;}
}*/
/*공통*/
.new_icon{background:#e74c3c;font-weight:600; text-align:center;  color:#fff;display:inline-block;}
.steady_seller_icon{ background:#3498db; font-weight:600; text-align:center; color:#fff;display:inline-block;}
.new_games h2, .main_steady h2, .our_services h2,.latest_news h2,.news_letter_info h2{font-size:2rem; font-weight:600; color:#333; text-align:center; width:100%; margin-bottom:40px; overflow:hidden;}
.main_type_next.swiper-button-next{background-image:url("../img/right_arrow.svg") !important; right:20px !important;}
.main_type_next.swiper-button-prev{background-image:url("../img/left_arrow.svg") !important; left:20px !important;}

.swiper-button-next{background-image:url("../img/right_arrow02.svg") !important; right:0 !important;}
.swiper-button-prev{background-image:url("../img/left_arrow02.svg") !important; left:0 !important;}
.main_visual .new_icon, .sub_visual .new_icon { font-size:0.875rem; padding:7px 8px; margin-right:5px;}
.main_visual .steady_seller_icon, .sub_visual .steady_seller_icon{font-size:0.875rem; padding:7px 8px;}
.mini_icon_area{text-align:center; height:26px;}
.mini_icon_area .new_icon {font-size:0.75rem; padding:7px 18px; font-weight:600;  margin-right:0;}
.mini_icon_area .steady_seller_icon{font-size:0.75rem; padding:7px 9px; font-weight:600;}
.warning_text{display:block; font-size:1rem; font-weight:500; color:red; text-align:center; margin:10px 0;}


/*상단*/
#header_wrap {/*min-width:1130px;*/}

#tnb{width:100%;}
#tnb ul{overflow:hidden;}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb ul li{float:right; width:120px; }
#tnb .fb_btn{width:50px;}
#tnb ul li a{width:90%; display:block;  margin:0 auto; text-align:center; font-size:0.625rem; height:32px; line-height:2rem; color:#999; transition:.3s;}
#tnb ul li a:hover{color:#333;}
#tnb ul li a i{font-size:1rem; line-height:2rem;}
#tnb ul li a img{width:100%; max-width:59px; padding-top:9px; }

.language_box{width:100%; position:relative; text-align:center; padding:0 5px;}
.language_box i{ position:absolute; right:7px; top:9px; color:#333;}
.language_select{width:100%;display:inline-block; margin:5px 0 4px 0;  background:#fff; color:#999; border:0; font-size:0.625rem; line-height:1.375rem;transition:.3s; }
.language_select:focus{border:0; outline-color:transparent;}

/*메인 메뉴*/
#nav_wrapper {width:100%; height:58px; position:absolute;z-index:4; transition:.3s;}
#nav_wrapper.on {position:fixed; top:0; z-index:99; background:rgba(255,255,255,1);}
#m_nav_wrapper,#m_nav_wrapper.move{display:none !important;}/*모바일메뉴*/


#nav_wrapper .nav_area {width:100%; z-index:2; overflow:hidden; position:absolute; top:0;transition:.5s; background:#fff;}
#nav_wrapper .nav_area.on {background:rgba(255,255,255,1);}
/*.nav_games{position:absolute; left:0; top:90px; background:red; width:20%; height:100px;}*/
.nav_box{width:100%; margin:0 auto; overflow:hidden;position:relative;}
#gnb { overflow:hidden;position:relative;}
#logo {margin:14px 0 0 30px; width:194px;float:left;}
#logo img{width:80%;}
#logo a{display:block; }
#nav_wrapper .gnb_nav{float:right; height:57px;}
#nav_wrapper .gnb_nav > li{width:151px;float:left;}
#nav_wrapper .gnb_nav > li > a{display:block; text-align:center; font-size:1rem; color:#333; font-weight:500; padding:21px 10px; height:100%; transition:.3s;}
#nav_wrapper .gnb_nav > li:nth-child(2) {width:180px;}
#nav_wrapper .ko_nav > a{width:120px !important;font-weight:500 !important;}
#nav_wrapper .gnb_search{width:80px !important; }
#nav_wrapper .gnb_search a{width:100% !important; padding:17px 10px !important;position:relative;}
#nav_wrapper .gnb_search a::before{content:''; display:block; position:absolute; width:1px; height:25px; background:#dee1e6; left:0; top:50%; margin-top:-12px;}

.gnb_2ul{ width:100%;height:100%; overflow:hidden; padding-bottom:50px;}
.gnb_2ul li a{display:block;padding:10px 0; color:#333; font-size:0.875rem; text-align:center; transition:.3s;}
.gnb_nav > li > a:hover,
.gnb_nav > li > a.on,
.gnb_2ul li a.on,
.gnb_2ul li a:hover{background:#f57d20; color:#fff;}
#gnb .close{position:absolute;left:-99999%;}
/*서브 메뉴*/
.sub_nav_area{width:100%;background: #fff;margin-bottom:30px;position:relative;/*border-bottom: 1px solid #ddd;*/}
.sub_nav{width:100%;  margin:0 auto;overflow:hidden; text-align:center; border-bottom:1px solid #f0f0f0;}
.sub_nav .sub_box{position:relative;}
.sub_nav a{display:block;text-align:center;color: #333;font-size: 0.875rem;padding: 15px 0;transition:.3s;letter-spacing: 1px;border-bottom:1px solid #fff;}
.sub_nav a:hover,.sub_nav a:active{background:#f57d20;border-bottom:2px solid #f57d20; color:#fff;}
.sub_nav .swiper-button-next,.sub_nav .swiper-button-prev{width:46px; height:46px; top:22px;background:#fff; background-size:20px; background-position:center center; background-repeat:no-repeat; overflow:hidden;}
.sub_nav .swiper-button-next{right:0;}
.sub_nav .swiper-button-prev{left:0;}
.sub_nav .sub_href.on a{border-bottom: 2px solid #f57d20; }
/*.sub_nav .sub_href.res_sub a{height:66px; padding:20px 0 10px;}/*반응형에만 사용*/
/*컨텐츠 */

/*현재위치*/
.current_position {position:absolute; right:10px; top:10px; color:#fff; font-size:0.75rem; z-index:2; color:#999;}


/*서브 틀*/
.content_wrap{width:100%; margin:0 auto 50px; overflow:hidden; }

/*검색*/
/* #search_wrap{width:100%; height:100%; max-width:700px; max-height:300px; display:none; background:transparent;}
#search_wrap .search_text{font-size:1.5rem; font-weight:700; color:#fff; text-align:center; padding:10px 0; border-bottom:1px solid #777;  margin-bottom:20px; }
#search_wrap input[type="text"] {width: 80%;float: left;height: 30px; padding-left:10px; margin-bottom:30px;}
#search_wrap .search_btn{display:block; float:right; width:20%; height:30px; background:transparent; border:1px solid #eee; color:#fff;}
#search_wrap .close_btn{display:block; margin: 0 auto; padding:10px; background:transparent; color:#fff; border:1px solid #777; border-radius:50%; transition:.3s;}
#search_wrap button:hover{background:#23bce9; border: 1px solid #23bce9; transition:.3s;} */
#search_wrap{width:100%; max-width:700px; display:none; background:transparent; padding: 10px 70px!important; }
#search_wrap .search_text{font-size:1.5rem; font-weight:700; color:#fff; text-align:center; padding:10px 0; border-bottom:1px solid #777;  margin-bottom:20px; }
#search_wrap input[type="text"] {width: 80%;float: left;height: 30px; padding-left:10px; margin-bottom:30px;}
#search_wrap .search_btn{display:block; float:right; width:20%; height:30px; background:transparent; border:1px solid #eee; color:#fff;}
#search_wrap .close_btn{display:block; margin: 0 auto; padding:10px; background:transparent; color:#fff; border:1px solid #777; border-radius:50%; transition:.3s;}

#search_wrap button {background: none; }

/*메인비주얼*/
.main_visual{width:100%;max-width:2200px;margin:0 auto;overflow:hidden;height: 460px;position:relative;margin-bottom:80px;}
.sub_visual{width:100%; height:200px; position:relative; overflow:hidden; background-size:cover; background-position:center center;}
.sub_visual .default{background:url('../img/visual_pattern.png') repeat center rgba(0,0,0,0.6) ; position:absolute; width:100%; height:100%; }
.visual_box{width:100%; height:100%; position:relative;}
.mv_btn{display:block;  text-align:center; border-radius:5px; background:#f57d20; width:180px; height:59px; line-height:59px; margin:0 auto; font-size:1.5rem; font-weight:700; color:#Fff;}

/*비주얼 타입1 (제품소개)*/
.visual_box.type01{width:100%; text-align:left; color:#fff;z-index:3;}
.text_area{width:60%; position:absolute; left:0; bottom:30px; padding-left:20px; z-index:3;}
.icon_area{width:100%;margin-bottom:5px; }
.visual_box .game_img{width:50%; height:100%; position:absolute;  right:0; }
.visual_box .game_img img{width:100%; max-width:370px; position:absolute; top:50%; transform:translateY(-50%); }
.sub_visual .game_img img{width:60%; max-width:722px;}
.visua_box .game_img img{width:100%; max-width:722px;}
.visual_box.type01 span{display:block; color:#333; letter-spacing:-1px; word-break:keep-all;}
.type01_text01{font-weight:600;margin-bottom:1px;}
.type01_text02{font-weight:700; word-break:keep-all;line-height:2.25rem;}
.type01_text03{font-weight:500; line-height:1.5rem;}
.visual_box.type01 .mv_btn{display:inline-block;}

/*비주얼 타입2 (텍스트 위주)*/
.visual_box.type02{max-width:1650px;   position:absolute; left:50%;   transform:translateX(-50%);width:100%; text-align:center; color:#fff; z-index:3;}
.visual_box.type02 h2{width:100%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.visual_box.type02 span{display:block; }
.visual_box.type02 h2 .type02_text01 {font-size:2rem; font-weight:700;letter-spacing:-2px; margin-bottom:18px; }
.visual_box.type02 h2 .type02_text02 {font-size:0.875rem; font-weight:300; line-height:1.5rem;}

/*메인 비주얼 네비게이션*/

.main_type > .swiper-pagination-bullet-active{background:#f57d20 !important;}
.main_type > .swiper-pagination-bullet-active-next,
.main_type > .swiper-pagination-bullet-active-next-next,
.main_type > .swiper-pagination-bullet-active-prev,
.main_type > .swiper-pagination-bullet-active-prev-prev
{background:#fff !important; opacity:0.5 !important;}

/*뉴게임*/
.new_games{width:100%; margin:0 auto 30px; overflow:hidden; position:relative; padding:0;}
.new_list{margin-bottom:50px; padding:0 20px; }
.new_game{width:100%; text-align:center; border:1px solid #ebebeb; overflow:hidden; transition:.3s; padding:20px 0;}
.new_game.on {border:1px solid #eee; background:#eee;}
.new_game img {width:auto; max-width:303px; max-height: 403px;}
.new_game span{display:block;}
.new_game .genre{font-size:1rem; font-size:600; color:#bcbcbc; margin-bottom:10px;}
.new_game .title{font-size:1.25rem; color:#646464; letter-spacing:-1.5px; margin-bottom:20px; height:40px;}
.new_game a.more_btn{display:block; width:60%; margin:0 auto; padding:10px 0; border:1px solid #ebebeb;font-size:1rem; font-weight:600; color:#bcbcbc; margin-bottom:20px;  transition:.3s;}
.new_game.on .more_btn,.new_game.on .more_btn {background:#f57d20; color:#fff;}
.new_game .icon_area{height:26px;}


.main_type.swiper-button-next{right:3% !important;}
.main_type.swiper-button-prev{left:3% !important;}
.new_games .swiper-button-next{right:2% !important;top:30px;width: 16px;height: 30px;background-size: 16px 30px; padding:5px;}
.new_games .swiper-button-prev{left:2% !important; top:30px; width: 16px;height: 30px;background-size: 16px 30px; padding:5px;}
.latest_news .swiper-button-next{right:20px !important; top:30px;}
.latest_news .swiper-button-prev{left:20px !important; top:30px;}

.new_list_pi{bottom:0 !important;}
.new_list_pi > .swiper-pagination-bullet-active{background:#f57d20 !important;}
.new_list_pi > .swiper-pagination-bullet-active-next,
.new_list_pi > .swiper-pagination-bullet-active-next-next,
.new_list_pi > .swiper-pagination-bullet-active-prev,
.new_list_pi > .swiper-pagination-bullet-active-prev-prev
{background:#fff !important; opacity:0.5 !important;}

.new_games .new_icon,
.steady_seller .new_icon
{font-size:0.75rem; padding:7px 18px; font-weight:600;  margin-right:0; }
.new_games .steady_seller_icon,
.steady_seller .steady_seller_icon
{font-size:0.75rem; padding:7px 9px; font-weight:600;  }
/*메인 영상*/
.main_mov{width:100%; overflow:hidden; padding:50px 0; margin-bottom:80px; background:#eee; }
.mov_list{width:100%; margin:0 auto; padding:0 20px;}
.mov_list li{ width:calc(100% / 3); float:left;}
.mov_list li a {display:block; position:relative; overflow:hidden;transition:.3s;}
.mov_list .mov_bg{width:100%; display:block;}
.mov_list .mov_title{opacity:0; display:block; width:90%;position:absolute; font-size:1.5rem; font-weight:700; letter-spacing:-1px; color:#fff; top:50%; left:50%; transform:translate(-50%,-50%); transition:.3s; z-index:3;}
.mov_list .mov_arrow{ width:40px; height:40px; padding:10px; border-radius:50%; display:block; margin:0 auto; background:#f57d20;}
.mov_list .mov_title span {display:block;padding:0 20px;text-align:center; margin-bottom:20px; overflow:hidden;}
.mov_list a:hover .mov_title{opacity:1;}
.mov_list li a::after{content:'';display:block; width:100%; padding:0 0 57%; position:absolute; left:0; top:0;background:rgba(0,0,0,0.3); z-index:1; transition:.3s;}
.mov_list li a::before{content:'';display:block; position:absolute; top:50%; left:50%; width:90%; height:90%; transform:translate(-50%, -50%); border:1px solid rgba(255,255,255,0); transition:.3s; z-index:2;}
.mov_list li a:hover::before{border:1px solid rgba(255,255,255,0.4);}
.mov_list li a:hover::after{ background:rgba(0,0,0,0.5);}

/*스테디 셀러*/
.main_steady{width:100%; max-width:1920px;margin:0 auto 80px; overflow:hidden;}

.steady_seller{width:100%; overflow:hidden; text-align:center;}
.steady_seller li{display:inline-block; width:calc(100% / 4 - 30px); overflow:hidden; margin:0 20px 50px 0;}
.steady_seller_item{display:block; border:1px solid #ddd;transition:.3s;}
.steady_seller .steady_seller_img{position:relative; width:100%; height:452px; text-align:center;background-size:cover; background-repeat:no-repeat; background-position:center; background-color:#f57d20;  transition:.3s; }
.steady_seller .steady_seller_img img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:2; width:100%; max-width:303px;}
.steady_seller .steady_seller_title{padding:20px 20px; transition:.3s;}
.steady_seller .steady_seller_title .icon_area{}
.steady_seller span{display:block;transition:.3s;}
.steady_seller .genre{font-size:1rem; font-size:600; color:#bcbcbc; margin-bottom:5px;}
.steady_seller .title{font-size:1.625rem; color:#646464; letter-spacing:-1.5px; line-height:1.625rem; height:62px; font-weight:700;}
.steady_seller .more{display:inline-block; overflow:hidden; width:60%;  min-width:68px; text-align:center; font-weight:700; font-size:1rem; background:#eee; padding:10px 0; color:#646464; transition:.3s;}

.steady_seller li .steady_seller_item:hover .steady_seller_img,
.steady_seller li .steady_seller_item:active .steady_seller_img{background-color:#f57d20 !important; background-position:center;}
/*.steady_seller li .steady_seller_item:hover .steady_seller_img:after,
.steady_seller li .steady_seller_item:active .steady_seller_img:after{opacity:1; background-color:#f57d20; z-index:1; background-position:center;}*/
.steady_seller li .steady_seller_item:hover .steady_seller_title,
.steady_seller li .steady_seller_item:active .steady_seller_title{background:#f57d20;}
.steady_seller li .steady_seller_item:hover span,
.steady_seller li .steady_seller_item:active span{color:#fff;}
.steady_seller li .steady_seller_item:hover .more,
.steady_seller li .steady_seller_item:active .more {background:#fff; color:#f57d20;}


/*우리 서비스*/
.our_services{width:100%; border-bottom:1px solid #f0f0f0; margin:0 0 80px;}
.our_services .service_list {width:70%; margin:0 auto; overflow:hidden;}
.our_services .service_list li{float:left; width:calc(100% / 4); padding:10px; height:300px; text-align:center; margin-bottom:50px;transition:.3s;}
.our_services .service img{margin:42px 0 15px; }
.our_services .service h3{font-size:1.5rem; font-weight:600; color:#646464; margin-bottom:15px;}
.our_services .service p{font-size:0.875rem; color:#bcbcbc;margin-bottom:30px; line-height:1.25rem; letter-spacing:-1px; height:40px; word-break:keep-all;}
.our_services .service a{display:block; width:150px; margin:0 auto; padding:12px 0; background:#d1d1d1; text-align:center; font-weight:600; font-size:1rem; color:#fff; transition:.3s;}
.our_services .service a:hover{background:#078e84;}

/*최근게시물 - 스킨파일로 옮겨야함.*/
.latest_news{width:100%; position:relative; margin:0 auto 80px; overflow:hidden;}
.latest_notice{padding:0 20px;}
.latest_box{width:100%; max-width:428px; margin:0 auto; overflow:hidden;}
.latest_box .btn_img{display:block; margin-bottom:20px;}
.latest_box .btn_img img{width:100%; max-width:428px; display:block;}
.latest_box h3{font-size:1.5rem; font-weight:600; color:#646464; margin-bottom:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.latest_box p{font-size:0.875rem; color:#bcbcbc;margin-bottom:30px;line-height: 1.25rem; }
.latest_box p.text_h { line-height:1.3em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; height: 2.6em; }
.latest_box .latest_date{display:block; font-size:0.875rem; color:#bcbcbc;margin-bottom:20px; font-weight:400; line-height:1.25rem;}
.latest_box .read_btn{display:inline-block; width:150px; margin:0 auto; padding:12px 0; background:#d1d1d1;text-align:center; font-weight:600; font-size:1rem; color:#fff; transition:.3s;}
.latest_box .read_btn:hover{background:#078e84;}
/*뉴스레터*/
.news_letter{width:100%; height:200px; background:url('../img/news_letter_bg.jpg') no-repeat center #bbb;background-size:cover; overflow:hidden; position:relative;}
.news_letter_info {width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;}
.news_letter_info p{font-size:1rem; line-height:1.75rem; width:100%; font-weight:400; text-align:center; color:#fff; margin-bottom:30px;}
.news_letter_info input[type="email"] {padding:5px; width:280px; height:60px; background:transparent; border:2px solid #fff; transition:.3s; margin-right:18px;}
.news_letter_info input[type="email"]::placeholder{color:#fff; font-weight:600; padding-left:10px;}
.news_letter_info input[type="email"]:focus{background:#fff;}
.news_letter_info input[type="email"]:focus::placeholder{color:#000; font-weight:600;}
.news_letter_info input[type="submit"] {display:inline-block; width:150px; height:60px; border:0; color:#fff; font-weight:600; background:#f57d20;}
/*푸터 네비*/
#ft_aside{width:100%; background:#f4f4f4; border-bottom:1px solid #dbdbdb; }
.footer_nav{width:100%; margin:0 auto;overflow:hidden;}
.footer_nav > li{float:left; width:calc(100% / 6); padding-left:20px;}
.footer_nav > li > a{display:inline-block;font-size:1rem; font-weight:700; color:#333; padding:5px 0; margin:20px 0; transition:.3s;}

.footer_sub_nav{width:100%; margin-bottom:31px;}
.footer_sub_nav a{color:#333; font-weight:500; font-size:0.875rem; line-height:2rem; transition:.3s;}
.footer_sub_nav a i {color:#999; margin-right:5px;}

.footer_nav > li > a:hover,.footer_sub_nav a:hover  {color:#f57d20;}

/*푸터정보*/
#ft{width:100%; background:#f4f4f4; overflow:hidden;padding-top:43px;}
#ft_wr{width:100%; margin:0 auto 80px;overflow:hidden; font-size:0.875rem; line-height:1.375rem; color:#666;}
#ft_wr a{color:#666;}
.ft_gr01,.ft_gr02{width:50%; float:left;}
.ft_copy{width:100%:}
.m_ft_copy{display:none;}
.am_headquaters,.am_usa{width:100%; float:left;}
.am_contact,.am_northamerica{width:50%; float:left;}
.am_contact .ft_b,.am_northamerica .ft_b{display:block; width:100%;}
.ft_b{font-weight:600; color:#333;}
.am_usa{margin-bottom:30px;}
.ft_copy{}
/*******************************************************************************************************************************/
/*게임비교*/
.game_comparison{width:100%; text-align:center;  min-width:320px; margin:50px auto 100px;}
.game_comparison .comp_game{width:calc(97% / 4);padding:0 2px; display:inline-block; margin:0 5px 80px 0; }
.game_comparison .comp_game .comp_data{overflow:hidden; margin-bottom:30px;}
.game_comparison .comp_game:nth-of-type(1) .comp_data{background:#eee;}
.game_comparison .comp_game:nth-of-type(2) .comp_data{background:#eee;}
.game_comparison .comp_game:nth-of-type(3) .comp_data{background:#eee;}
.game_comparison .comp_game:nth-of-type(4) .comp_data{background:#eee;}
.game_comparison .comp_game .mini_icon_area {margin:15px 0;}

.game_comparison .comp_game:last-of-type{margin-right:0;}
.game_comparison .pare_img, .game_comparison .pare_cate,.game_comparison .pare_title,.game_comparison .pare_sub{display:block; text-align:center; margin-bottom:10px; overflow:hidden;}
.game_comparison .pare_img{width:100%;  max-width:300px;margin:0 auto 10px;}
.game_comparison .pare_cate{font-size:1rem; letter-spacing:-1px; color:#bcbcbc;}
.game_comparison .pare_title{font-size:1.25rem; font-weight:700; height:50px; letter-spacing:-1px;margin-bottom:20px; color:#646464; padding:0 4%; word-break:keep-all;}
.game_comparison .pare_sub{font-size:0.875rem;}

.comp_detail_info{}
.comp_detail_info span{display:block;  letter-spacing:-1px; }
.detail_title{text-align:left; font-weight:700;font-size:1rem; border-bottom:1px solid #eee; color:#666; padding:0 0 10px; margin-bottom:20px;}
.detail_title span{ font-size:0.875rem; font-weight:400; margin-top:5px;}
.detail_info{text-align:left;font-weight:400;font-size:0.875rem; color:#646464; margin-bottom:70px;  line-height:2rem;padding:5px 0; word-break:keep-all;}
.comp_detail_info a {display:block; width:80%; margin:0 auto 20px; border:1px solid #ddd; color:#646464; padding:10px; text-align:center; font-size:0.875rem; font-weight:500; transition:.3s;}
.comp_detail_info .comp_req{background:#ddd;}
.comp_detail_info a:hover,.comp_detail_info a:active {background:#666; color:#fff;}

/*읽기 버튼*/
.game_v_list_btn{width:100%; max-width:1650px; margin:0 auto; overflow:hidden; text-align:center;}
.game_v_btn01{display:inline-block;color:#646464;  text-align:center;font-size:1rem; line-height:1.875rem; padding:10px 40px; border:1px solid #d5d5d5; background:#eee; transition:.3s;}
.game_v_btn01:hover,.game_v_btn01:active{background:#f57d20; border:1px solid #f57d20;color:#fff;}
.game_v_btn01 i{margin-right:5px;}

/*게임 카테고리*/
#game_cate {}
#game_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#game_cate ul {text-align:center; zoom:1; margin-bottom:50px;}
#game_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#game_cate li {display:inline-block; margin:0 13px}
#game_cate a {display:block;background:#d1d1d1;color:#646464; font-weight:600; font-size:1rem; padding:11px 45px; transition:.3s;}
#game_cate a:focus, #game_cate a:hover, #game_cate a:active {background:#3497d9; color:#fff;}
#game_cate #bo_cate_on {background:#f57d20;color:#fff;}

/* 게임 목록 */
.game_cate_title {display:inline-block;margin:0 0 10px 0;font-size:1em;color:#bcbcbc;font-weight:600;} /* 분류스타일 */
#game_ul {width:100%; /*display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-evenly; zoom:1; */overflow:hidden; text-align:center;}
#game_ul li{max-width:314px; display: inline-block; width:100%; margin:0 0 50px; }
#game_ul .game_box {position:relative; background:#fff; border:1px solid #eee; overflow:hidden; transition:.3s; }
#game_ul .game_box.on {border:1px solid #f57d20; background:#eee;}
#game_ul .game_row .game_chk label {border:1px solid #eee;}
#game_ul .game_info.on {background:#eee;}
#game_ul .mini_icon_area{margin:20px 0 10px;}
#game_ul .game_href a:link, .game_href a:focus, .game_href a:hover {text-decoration:none}
#game_ul .game_img{text-align:center;}
#game_ul .game_img a,.game_img .no_image{display:block}
#game_ul .game_img .is_notice{display:none;}/*공지는 사용하지 않으므로 숨김*/
#game_ul .game_img img{width:75%; width:250px; height:250px;}/*썸네일 크기*/
#game_ul .game_img span{display:inline-block;background:transparent;text-align:center;line-height:313px;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}
#game_ul .game_name{display:block; height:50px; font-size:1.25rem; letter-spacing:-1px;font-weight:400; text-align:center; color:#646464; margin-bottom:10px; padding:0 10px; line-height:26px;}
#game_ul .game_dimension{display:block; font-size:0.75rem; font-weight:400; text-align:center; color:#999; margin-bottom:10px; padding:0 10px;}
#game_ul .game_weight{display:block; font-size:0.75rem; font-weight:400; text-align:center; color:#999; margin-bottom:20px; padding:0 10px;}



/*게임 검색*/
#game_sch {width:280px; margin:0 auto 30px;border:1px solid #ccc;}
#game_sch:after {display:block;visibility:hidden;clear:both;content:""}
#game_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#game_sch select{width:0; height:0; line-height:0; position:absolute; left:-9999px;}
#game_sch .sch_input{width:236px; padding:10px; background-color:transparent;float:left; font-size:0.875rem;}
#game_sch .sch_input:placeholder{}
#game_sch .sch_btn{height:38px;float:left;background:url('/skin/board/gallery/img/sch_btn.png') no-repeat 50% 50%;border:0;width:40px;text-indent:-999px;overflow:hidden}

/*게임서포트*/
.support_area {margin-top:30px;}
.support_area #game_ul li{max-width:200px;}
.support_area #game_ul .game_img img{width:150px; height:auto;}
.support_area #game_ul .game_name{font-size:1rem;}
.support_area #game_ul .game_dimension{height:40px;}
.support_area #game_ul .game_box {border:none;}

#game_ul .support_list_btn .sup_btn_area{overflow:hidden; text-align:center; }
#game_ul .support_list_btn{display:inline-block; width:32%; background:#f2f2f2; color:#999; border-radius:10px; padding:10px 3px; font-size:0.625rem; transition:.3s;}
#game_ul .support_list_btn:nth-child(n+1):nth-child(-n+3){width:calc(90% / 3); margin-bottom:10px; }
#game_ul .support_list_btn:nth-child(n+4):nth-child(-n+5){width:calc(90% / 2);}
#game_ul .support_list_btn:hover,#game_ul .support_list_btn:active{background:#aaa; color:#fff;}

/*파츠*/
.part_btn{display:block;background:#d1d1d1;color:#fff; font-weight:600; font-size:1rem; padding:11px 45px; transition:.3s; }
.part_btn:hover{background:#f57d20; color:#fff;}
#game_v_parts .game_parts .game_parts_info a {display:block; width:100%;text-align:center; position:relative;}
#game_v_parts .game_parts .game_parts_info a:before {content:'\f065';opacity:0;font-family: "FontAwesome";  display:block; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#fff; font-size:1rem; z-index:2; transition:.3s;}
#game_v_parts .game_parts .game_parts_info a:after {content:'';opacity:0;position:absolute; width:100%; height:100%; left:0; top:0;background:rgba(0,0,0,0.5);  z-index:1;transition:.3s;}
#game_v_parts .game_parts .game_parts_info a:hover:before{opacity:1;font-size:3rem;}
#game_v_parts .game_parts .game_parts_info a:hover:after {opacity:1;}


#game_v_parts {width:100%; overflow:hidden;padding-bottom:50px; margin-bottom:100px;border-bottom:1px solid #eee;}
#game_v_parts h2{text-align:center; font-size:3.125rem; font-weight:700; margin:0 0 10px; color:#333;}
#game_v_parts .part_articles{font-size:1rem; text-align:center; color:#646464;letter-spacing:-0.5px; font-weight:600; margin-bottom:10px;}
#game_v_parts .part_info {overflow:hidden; margin-bottom:30px; }
#game_v_parts .game_parts {padding-bottom:50px; margin-bottom:20px;}
#game_v_parts .game_parts button{display:block; background:#eee !important;}
#game_v_parts .game_parts button,
.game_part_view, .part_info > a,.parts_list_del
{display:block; float:left;padding:10px; background:#ddd; font-size:1rem; color:#666; font-weight:600; transition:.3s;}
.game_part_view{ margin-right:10px;}
.game_part_view:nth-of-type(3){float:right !important; margin-right:0 !important;}
.game_parts button:hover, .game_part_view:hover, .game_part_view:active,.parts_list_del:hover,.parts_list_del:active{background:#f57d20 !important; color:#fff;}
 input[type="submit"] {display:block; margin:0 auto;}

#game_v_parts .game_parts .game_parts_info{border-bottom:1px solid #eee;padding-bottom:10px;}
#game_v_parts .game_part:nth-of-type(2n){border-bottom:0;}
#game_v_parts .game_parts .game_parts_info a{display:block; text-align:center; margin-bottom:10px; overflow:hidden;}
#game_v_parts .game_parts .game_parts_info a img{width:100%; }
#game_v_parts .game_parts .game_parts_info span{margin-bottom:10px; color:#646464;}
#game_v_parts .game_parts .game_parts_info .part_v_title{display:block;  font-size:1rem;font-weight:700; letter-spacing:-1px;  overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
#game_v_parts .game_parts .game_parts_info .part_v_sub{display:block; font-size:0.75rem; }
#game_v_parts .game_parts .game_parts_info .part_v_code{display:block;font-size:0.75rem; font-weight:600; color:#bcbcbc ;}
#game_v_parts .game_parts .parts_select {position:absolute; left:-9999px;}
#game_v_parts .game_parts .parts_select + label{float:right; display:inline-block;border-radius:5px;text-align:center;padding:5px 10px; border:1px solid #eee; margin-bottom:10px;color:#bcbcbc ;transition:.3s; cursor:pointer;}
#game_v_parts .game_parts .parts_select:checked + label {background:#23bce9; color:#fff; }
#game_v_parts .game_parts .parts_select + label:before{content:'\f1db';margin-right:5px;font-family: "FontAwesome"; display:inline-block;}
#game_v_parts .game_parts .parts_select:checked + label:before{content:'\f05d';font-family: "FontAwesome"; display:inline-block;}
#game_v_parts .swiper-pagination {bottom:0px;}
.inquiry_thead input[type="checkbox"],.inquiry_check input[type="checkbox"]{position:absolute; top:0; left:-9999px;}

.swiper-pagination-bullet {width: 13px !important;height: 13px !important;text-align: center;line-height: 20px;font-size: 0.75rem;font-weight:600;color:#000;opacity: 1 !important;background: rgba(0,0,0,0.2)!important;}
.swiper-pagination-bullet-active {color:#fff;background:#23bce9 !important;}

.view_sub_part{display:block; width:100%; position:absolute !important; top:314px; padding:10px 0; background:#0450f3; color:#fff; font-weight:600; font-size:0.875rem;  z-index:1; transition:.2s;}
.view_sub_part:hover,.view_sub_part:active{background:#f57d20 !important;}
.view_sub_part:before{content:'' !important;}
.view_sub_part:after{content:'' !important;background:transparent !important;}


/*파츠테이블*/
.tb_head {overflow:hidden;}
.tb_head li{float:left;}
.tb_head.parts {display:block; border-bottom:1px solid #f2f2f2;}
.tb_head.parts li{text-align:center; font-size:1rem; font-weight:600; color:#ccc; padding:10px 0 20px;}
.tb_head.parts li:nth-child(1){width:10%;}
.tb_head.parts li:nth-child(2){width:50%;}
.tb_head.parts li:nth-child(3){width:20%;}
.tb_head.parts li:nth-child(4){width:20%;}

.tb_body {overflow:hidden; margin-bottom:30px;}
.tb_body li{display:block; overflow:hidden; border-bottom:1px solid #f2f2f2;}
.tb_body.parts li > div{float:left; text-align:center; padding:20px 10px; height:110px;}
.tb_body.parts li > div:nth-child(1){width:10%;}
.tb_body.parts li > div:nth-child(2){width:50%;}
.tb_body.parts li > div:nth-child(3){width:20%;}
.tb_body.parts li > div:nth-child(4){width:20%;}

.tb_body.parts .num, .tb_body.parts .code, .tb_body.parts .func{line-height:4.375rem;}

.tb_body.parts .num{font-size:1.5rem; color:#999; font-weight:600; }
.tb_body.parts .part_img{float:left; width:100px; height:70px; margin-right:10px;}
.tb_body.parts .name{position:relative;}
.tb_body.parts .name span{display:block; width:calc(100% - 110px); text-align:left; padding: 0 0 0 0; float:left;}
.tb_body.parts .name .title{font-size:1rem; font-weight:700; color:#646464; margin:16px 0 8px;  overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.tb_body.parts .name .desc{font-size:0.875rem; font-weight:500; color:#646464; margin:0 0 3px;  overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.tb_body.parts .name .m_code{display:none;}
.tb_body.parts .code{font-size:1rem; font-weight:500; color:#999; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.tb_body.parts .func{text-align:center; }

.tb_body.parts .name.sub_parts .title{margin:3px 0 3px; }
.tb_body.parts .name.sub_parts .desc{margin:0 0 5px;}

.tb_body.parts .name .sub_part_btn{display:block;float:left; padding:5px 10px; font-size:0.875rem; color:#999; border:1px solid #ddd; border-radius:5px; z-index:2; background:#fff;}
.tb_body.parts .func .sub_part_btn{display:none;}

.tb_body.parts .parts_select + label, .tb_body.parts .func .thumb_big
{display:block; width:calc(50% - 20px); float:left;height:30px; margin:20px 20px 20px 0;line-height:1.875rem; border-radius:5px;font-weight:600; border:1px solid #f2f2f2; color:#999;font-size:0.875rem; overflow:hidden;}

.tb_body.parts .func .thumb_big{background:#fff;}
.tb_body.parts .func .thumb_big:hover,.tb_body.parts .func .thumb_big:active{background:#ddd; color:#333;}

.tb_body.parts .func .sub_part_btn{display:none;}

.tb_body.parts .parts_select{display:none;}
.tb_body.parts .parts_select + label{ background:#f2f2f2; cursor:pointer;}
.tb_body.parts .func .parts_select:checked + label{ background:#23bce9; color:#fff; border:1px solid #23bce9; }



.tb_body.parts button, .tb_body.parts label{-ms-user-select: none;-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;user-select: none;}

/*add 211209*/
.support_qr_code { text-align: center; padding-top: 35px; position: relative; }
.support_qr_code:after { content: "DOWNLOAD"; position: absolute; top: 18px; left: 50%; transform: translate(-50%, 0); font-size: .750em; font-weight: 700; color: #f57d20; letter-spacing: 1.5px; }
.support_qr_code img { width: 90px; border: 2px solid #f57d20; box-shadow: 0 1px 3px rgba(255,177,1,.8); }


/*주문*/
.inquiry_list{width:100%;  margin-bottom:20px;border-bottom:1px solid #eee;}
.part_help{padding:10px 0 15px;color:#646464; letter-spacing:-1px; border-bottom:1px solid #eee; margin-bottom:20px;}


.inquiry_thead{width:100%; overflow:hidden;}
.inquiry_thead li{float:left;border-bottom:1px solid #eee;padding:20px 0;text-align:center; background:#eee; color:#646464; font-weight:600; font-size:0.875rem;}
.inquiry_thead li:nth-of-type(1){width:10%;padding:9px 0;}
.inquiry_thead li:nth-of-type(2){width:50%;}
.inquiry_thead li:nth-of-type(3){width:10%;}
.inquiry_thead li:nth-of-type(4){width:30%;}


.inquiry_tbody li{display:block; width:100%; height:120px; overflow:hidden;border-bottom:1px solid #eee;}
.inquiry_tbody li div {float:left; border-right:1px solid #eee;text-align:center; padding:20px 0; height:100%;}
.inquiry_tbody .inquiry_check{width:10%; padding-top:40px;}
.inquiry_tbody .inquiry_thumb{width:10%; }
.inquiry_tbody .inquiry_info{width:40%; padding-top:36px;}
.inquiry_tbody .inquiry_num{width:10%; padding-top:40px;}
.inquiry_tbody .inquiry_memo{width:30%; padding-top:40px; border-right:0;}


.inquiry_list input[type="text"]{border:1px solid #eee;}
.inquiry_list .part_img img{width:100%; max-width:80px;}
.inquiry_title{display:block; text-align:left; padding-left:20px; margin-bottom:5px; font-size:1rem; font-weight:700; color:#333 !important;}
.inquiry_sub{display:block; text-align:left; color:#646464; padding-left:20px; margin-bottom:5px;font-size:0.875rem; font-weight:600;}
.inquiry_code{display:block; text-align:left; color:#646464; padding-left:20px; margin-bottom:5px;font-size:0.75rem; font-weight:600;}
.inquiry_qty{width:50px;height:40px; font-weight:600;}
.inquiry_text{width:100%; max-width:300px; height:40px;}
.inquiry_text::placeholder{font-size:0.75rem; padding-left:10px;}

.inquiry_list thead th{font-size:1rem;}
.inquiry_list input[type="checkbox"] + label{ display:inline-block;text-align:center; font-weight:500; padding:10px; border:1px solid #eee; background:#fff; margin:0 auto;color:#bcbcbc ;transition:.3s; cursor:pointer;}
.inquiry_list input[type="checkbox"]:checked + label {background:#f57d20; color:#fff; }
.inquiry_list input[type="checkbox"] + label:before{content:'\f05d';font-family: "FontAwesome"; display:inline-block;}
.inquiry_list input[type="checkbox"]:checked + label:before{content:'\f05d';font-family: "FontAwesome"; display:inline-block;}

/*주문내용*/
.inquiry_box{width:100%; margin-bottom:100px; overflow:hidden;}
.inquiry_info{ }
.inquiry_notice{text-align:center; font-size:1rem; color:#646464; font-weight:700;padding:10px 0;}
.part_help{width:100%; overflow:hidden;}
.parts_list_del{float:left;}
.game_part_view{float:right; margin-right:0;}
.parts_btn{overflow:hidden; margin-bottom:80px;}

.inquiry_input_form{width:100%; max-width:800px; margin:0 auto;}
.inquiry_input_box{margin:10px 0 30px; position:relative;}
.inquiry_input_box label {display:block; padding:0 0 10px; margin-bottom:5px; font-size:1rem; font-weight:600;  color:#646464;}

.inquiry_input_box .inquiry_region_select {width:100%;  padding:10px 0 10px 10px; border:2px solid #ced3df;font-size:1rem; height:40px;}
.inquiry_input_box .inquiry_region_select:focus, .inquiry_textarea:focus,.inquiry_input_box .inquiry_text:focus{border:2px solid #f57d20;}
.inquiry_input_box .inquiry_region_icon{position:absolute; color:#ced3df; font-size:2rem; font-weight:700; bottom:5px; right:10px;}

.inquiry_textarea:focus{outline:0px !important;-webkit-appearance:none;}
.noresize {resize: none; /* 사용자 임의 변경 불가 */ /*resize: both; /* 사용자 변경이 모두 가능 */ /*resize: horizontal; /* 좌우만 가능 *//*resize: vertical; /* 상하만 가능 */}
.inquiry_textarea{width:100%; height:300px; border:2px solid #ced3df;}

.inquiry_input_box .inquiry_text{width:100%; border:2px solid  #ced3df;}

.inquiry_box .game_v_btn01{display:block; margin:0 auto;}

/*체크박스 (공통)
#bo_w input[type="checkbox"] {position:absolute; left:-9999px;}
#bo_w input[type="checkbox"] + label { position:relative; display:inline-block;  font-size:1rem; padding:7px 10px 0 40px;  height:30px; margin-top:5px; cursor:pointer;}
#bo_w input[type="checkbox"] + label:before{content:'';  position:absolute;  left:0; top:0; width:30px; height:30px; border:2px solid #eee;background:#fff;overflow:hidden; transition:.3s;}
#bo_w input[type="checkbox"] + label:after{content:'\f00c'; opacity:0; font-family: "FontAwesome"; font-size:1rem;  position:absolute;  left:7px; top:7px;  transition:.3s;}

#bo_w input[type="checkbox"]:checked + label:before{content:''; color:#fff; }
#bo_w input[type="checkbox"]:checked + label:after{opacity:1; color:#646464; }*/

/*목록(카탈로그, 매뉴얼, 리플렛)*/
.list_content{width:100%; padding:0 20px;}
.head_num,.list_num{width:8%;}
.head_cate,.list_cate{width:20%;}
.head_title,.list_title{width:32%;}
.head_desc,.list_desc{width:25%;}
.head_dl,.list_dl{width:15%;}

.list_type01_head{padding:0;  overflow:hidden; border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.list_type01_head span{float:left; text-align:center; font-size:0.875rem; font-weight:700; padding:10px 0;color:#646464; background:#eee;}
.list_type01_head span a {color:#646464;}

.list_type01{width:100%; margin-bottom:50px;}
.list_type01 li{width:100%; border-bottom:1px solid #eee; overflow:hidden;}
.list_type01 li > span{display:block; overflow:hidden; height:35px; float:left; font-size:0.875rem; line-height:2.2125rem; color:#646464; text-align:center; margin:10px 0; }
.list_type01 li > span a{display:block; width:70%; margin:0 auto; color:#646464; background:#eee;  font-size:0.75rem; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.list_type01 li > span > span{display:block; padding:0 20px;overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.list_game_title{text-align:left;}
.list_desc_title{text-align:center; font-size:0.75rem;}



/*모달*/
.game_v_modal_down.fancybox-content {background:#fff; border-radius:10px; width:100%; text-align:center; max-width:600px; width:90%; padding:50px; }
.game_v_modal_down .fancybox-close-small{color:#999 !important; }
.game_v_modal_down.fancybox-content h2{display:block;font-size:1.5rem;color:#333; padding-bottom:10px; font-weight:700; margin-bottom:10px; letter-spacing:-1px; text-transform:uppercase;}
.game_v_modal_down.fancybox-content h2:before{content:'\f019'; font-family:"FontAwesome"; display:block;  padding:13px; width: 50px; height:50px; margin:0 auto 10px; border-radius:50%; background:#f0feff; color:#65c0bf; }

.game_v_modal_down.fancybox-content h2:after{
  /* content:'File List'; */
  /* display:block; */
  /* text-align:left; */
  /* font-size:0.875rem; */
  /* font-weight:400; */
  /* margin:20px 0 0; */
  /* color:#999; */
  /* padding:0 0 15px; */
  /* letter-spacing:0; */
  border-bottom:1px solid #eee;
}
#cs_modal.game_v_modal_down.fancybox-content h2:after { display: none; }
#parts_modal.game_v_modal_down.fancybox-content h2:after { display: none; }
.game_v_modal_down.fancybox-content .modal_title{display:block; color:#fff; font-size:1rem; font-weight:600; text-align:center; padding:10px 0;}
/* .game_v_modal_down.fancybox-content .game_v_modal_btn{display:block;text-align:left;width:100%;font-size:0.875rem;font-weight: 400;padding: 5px 0 5px 10px;color: #999;margin:0 auto 15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; transition:.3s;} */
.game_v_modal_down.fancybox-content .game_v_modal_btn{display:inline-block;text-align:left;font-size:0.875rem;font-weight: 400;padding: 5px 0 5px 7px;color: #999;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; transition:.3s; vertical-align: middle; }
.game_v_modal_down.fancybox-content .xi { font-size: 1.25em; vertical-align: middle; color: #666; }
.game_v_modal_down.fancybox-content .list_wrap { margin-bottom: 10px; text-align: left; /* 2021-01-27 김준기 추가  왼쪽정렬을 위해 */ }

.game_v_modal_down.fancybox-content .game_v_modal_btn:hover,.game_v_modal_down.fancybox-content .game_v_modal_btn:active{color:#2ff286; }
.game_v_modal_down.fancybox-content .none_data_modal{margin-bottom:30px; font-size:0.875rem; font-weight:400; color:#999;}

/* 2020-05-13 추가 // 디자인 변경 */
/* .nofilelist.fancybox-content h2:after{content: 'List' !important;} */

#trouble_modal .list_question.all .game_v_question {
  color: #646464;
  font-size: 1.1em;
  margin-bottom: 10px;
}
#trouble_modal .list_question.all .game_v_question .question_icon {
  transition: .3s;
}
#trouble_modal .list_question.all .game_v_question.open .question_icon {
  transform: rotate(90deg);
}
#trouble_modal .list_question.all .game_v_answer {
  display: none;
}
#trouble_modal .list_question.all .game_v_answer.open {
  display: unset;
}

/* 2020-05-13 추가 끝 */

#modal_title { text-align:center;}
#modal_title .modal_v_cate{display:inline-block;font-size:0.875rem; line-height:26px;background: #3497d9;color: #fff;font-weight: bold;border-bottom:1px solid #1977b5;padding:0 10px; margin-bottom:10px; }
#modal_title .modal_v_tit{display:block;font-size:1.5rem;color:#333; padding-bottom:10px; font-weight:700; margin-bottom:10px; letter-spacing:-1px; text-transform:uppercase;}
.modal_title{display:block; color:#fff; font-size:1rem; font-weight:600; text-align:center; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #999;}

/*갤러리*/
#gallery_content{max-width:1650px;  margin:0 auto; width:100%; overflow:hidden; text-align:center; margin-bottom:30px;}
.gall_item{display:inline-block;width:326px; padding:0 15px;text-align:center; border-bottom:1px solid #eee; margin-bottom:20px;}
.item_cate{display:block; font-size:0.875rem; font-weight:700; color:#999; padding:0 0 5px; }
.item_href{display:block;}
.item_href img{width:100%; margin:10px 0; border-radius: 15px; }
.item_title{display:block; font-size:0.875rem; font-weight:700; color:#646464; padding:5px 0;overflow:hidden; white-space:nowrap; text-overflow: ellipsis; margin-bottom:20px;}

/*etc*/
.none_img { display: none; }
.YouTubePopUp-Close:after { content: '\e921'; position: absolute; top: 0; left: 0; width: 35px; height: 35px; line-height: 35px; text-align: center; font-size: 1.125em; color: #FFF; font-family: 'xeicon'; }


/**************************************** 회사소개 ******************************************/
.about_us_area,.map_info_area{line-height:initial;}
.about_us_area h4{text-align:center; font-weight:700; font-size:2rem; color:#333;} /*섹션 제목*/


.content_wrap .title_sec{width:100%; max-width:1000px; margin:80px auto 50px; text-align:center; letter-spacing:-1px; color:#333;}

.content_wrap .title_sec h3{font-size:3rem; font-weight:700;margin-bottom:50px;}
.content_wrap .title_sec p{font-size:1.5rem; font-weight:400; }

.content_wrap.about_us {width:100%; margin:0 auto; word-break:keep-all;}
.content_wrap.about_us .tit_t01{text-align:center; margin-bottom:30px;}
.content_wrap.about_us .tit_t01 h4{font-size:2rem; font-weight:500; text-align:center; color:#333; margin-bottom:40px;}

.content_wrap.about_us .tit_t01 p{color:#888; font-size:0.875rem;}
.content_wrap.about_us section{width:100%; max-width:1000px; margin:0 auto 140px; font-size:0.875rem; position:relative; letter-spacing:-1px;}

.content_wrap.about_us section.full{max-width:100%;}
.content_wrap.about_us section .cont{overflow:hidden;}


.content_wrap.about_us .sec_01 .text_t01 {text-align:center; line-height:1.5rem; color:#888; font-size:1rem;}
.content_wrap.about_us .sec_02 .tit_t01 h4,
.content_wrap.about_us .sec_02 .tit_t01 p
{color:#fff;}

.content_wrap.about_us .sec_02.full{background:url('../../../en/about_us/img/management_bg.jpg') center center no-repeat; background-size:cover; margin-bottom:0;}
.content_wrap.about_us .sec_02.full .full_sec{padding:70px 0; margin:0 auto; max-width:1000px; position:relative;}
.content_wrap.about_us .sec_02 .cont .value_list{float:left; width:calc(100% / 4); height:250px; color:#f0f0f0; text-align:center; margin:50px 0; padding:0 10px;}

.content_wrap.about_us .sec_02 .cont .value_list i{display:inline-block; padding:5px 5px 20px; margin:20px auto 30px; color:#f57d20; text-align:center; overflow:hidden;  font-size:2rem; border-bottom:2px solid #ccc;}
.content_wrap.about_us .sec_02 .cont .value_list h5{ font-size:1.25rem; margin-bottom:20px;}
.content_wrap.about_us .sec_02 .cont .value_list p{font-size:0.875rem; line-height:1.5rem; font-weight:300;}

.content_wrap.about_us .sec_03.full{background:url('../../../en/about_us/img/about_us_sec03_bg.jpg') center center no-repeat; background-size:cover; }
.content_wrap.about_us .sec_03.full .full_sec{padding:70px 0; margin:0 auto; max-width:1000px; position:relative;}
.content_wrap.about_us .sec_03 .cont{font-size:1.25rem; line-height:2.5rem; text-align:center; }
.content_wrap.about_us .sec_03 .cont .text_box{margin:50px 0; padding:30px 0; position:relative;}
.content_wrap.about_us .sec_03 .cont p:before{content:''; display:block; width:50px; height:2px; background:#f57d20; position:absolute; top: 0; left:50%; transform:translateX(-50%);}
.content_wrap.about_us .sec_03 .cont h5{width:100%; font-size:1.25rem; color:#333; margin: 0 0 20px;}
.content_wrap.about_us .sec_03 .cont p{width:100%; font-size:1rem; color:#f57d20;  padding: 20px 0 0;position:relative;}
.content_wrap.about_us .sec_03 .cont .last_text{font-size:1.5rem; font-weight:600; margin-top:50px; color:#333;}

.content_wrap.about_us .sec_04 .com_group{width:calc(90% / 3); float:left; margin:30px 0 50px;  }
.content_wrap.about_us .sec_04 .com_group:nth-child(2){margin:30px 5% 50px;}
.content_wrap.about_us .sec_04 .com_group h5{font-size:1.25rem;padding:0 0 10px;text-align:center; height:60px;}
.content_wrap.about_us .sec_04 .com_group p{border-top:1px solid #f57d20; height:266px; border-bottom:1px solid #f57d20; padding:10px 0; font-size:1rem; line-height:3rem; text-align:center;}

.content_wrap.about_us .sec_05{  margin-bottom:0;}
.content_wrap.about_us .sec_05 .cont .text_box{margin-bottom:100px;text-align:center; }
.content_wrap.about_us .sec_05 .cont h5{ font-size:1.25rem; margin-bottom:20px; }
.content_wrap.about_us .sec_05 .cont p{font-size:0.875rem; line-height:1.5rem; font-weight:300;}
.content_wrap.about_us .sec_05 .cont .text_box img {display:block; width:50%; margin:30px auto 80px;}
.content_wrap.about_us .sec_05 .cont .text_box .am_slogan{font-size:2rem; font-weight:700; margin:30px 0; color:#f57d20;}
.content_wrap.about_us .sec_05 .cont .text_box .am_slogan > span{display:block; margin-bottom:50px;}
.content_wrap.about_us .sec_05 .cont .text_box .am_slogan > span > span{font-size:1rem; font-weight:500; display:block; margin:20px 0 50px; color:#999; }
.content_wrap.about_us .sec_05 .cont .text_box .am_slogan .kr{}

.content_wrap.about_us .sec_06 .text_t04{font-size:1.5rem; background:#f57d20; padding:10px 0; color:#fff; font-weight:700; margin-bottom:100px;text-align:center; }

.am_history_area{width:100%; max-width:1650px; margin:0 auto; overflow:hidden;}

.history_box_l{float:left;width:calc(50% + 1px); margin-right:50%;border-right:2px solid #ccc; padding:20px 0;}
.history_box_r{float:right;width:calc(50% + 1px); margin-left:50%;border-left:2px solid #ccc;padding:20px 0; }
.history_list{display:block; font-size:1rem;}
.history_box_l h4 {text-align:right; padding:15px 30px 15px 0;}
.history_box_l .history_list li { text-align:right; padding:15px 30px 15px 10px; font-size:0.875rem;}
.history_box_r h4{text-align:left;  padding:10px 0 10px 30px;}
.history_box_r .history_list li{text-align:left;  padding:10px 10px 10px 30px; font-size:0.875rem;}
.am_history_area .year{width:100%; position:relative; border-bottom:1px solid #eee;font-size:2rem; font-weight:700;}
.am_history_area .year span{background:#f57d20; padding:3px 15px; color:#fff; font-weight:700; }
.history_box_l .year:before{content:"\f054";font-family: "FontAwesome";font-size:0.875rem;border:2px solid #f57d20; background:#fff; color:#f57d20; position:absolute;top:20px;right:-14px;border-radius:50%;display: block;padding: 5px 5px 5px 8px;}
.history_box_r .year:before{content:"\f053";font-family: "FontAwesome";font-size:0.875rem;border:2px solid #f57d20; background:#fff; color:#f57d20;position:absolute;top:20px;left:-14px;border-radius:50%;display: block;padding:5px 8px 5px 5px;}
.history_box .history_list{float:left; width:50%; border-left:1px solid #ddd;}

/*.en*/
.content_wrap.about_us.en section {letter-spacing:-.5px;}
.content_wrap.about_us.en .tit_t01 h4,
.content_wrap.about_us.en .sec_03 .cont h5
{font-weight:700;}

/*map*/
.map_info_area{}
.company_explain{text-align:center; margin:0 0 80px; padding:50px 0;}
.company_explain .intro_box{font-size: 1rem;color: #999;display: block;font-weight: 500;letter-spacing:0;}
.company_explain .map_title{display:block; font-size: 2.5rem;font-weight: 800;text-align: center;color: #f57d20; letter-spacing:-1px;}
.map_nav{margin:0 0 100px;}
.page_nav{margin:0 auto;}
.page_nav ul{width:100%; max-width:800px; overflow:hidden; margin:0 auto; text-align:center;}
.page_nav ul li{width:15%;  margin:0 1%; display:inline-block;}
.page_nav ul li a{display:block; text-align:center; font-size:0.875rem; font-weight:600; background:#f0f0f0; padding:10px; color:#646464; overflow:hidden;}
.page_nav ul li a:hover,.page_nav ul li a:active{background:#f57d20; color:#fff;}
.dot {color:blue;}
.dot:hover {}
.dot span {}
nav {}
nav ul li a {}
nav ul {}
.name-active {/*color:red; background:red;*/}
.company_data { max-width:1650px; width:100%; margin:0 auto;overflow:hidden; text-align:center; margin-top:30px;}
.company_data li{display:inline-block; width:30%; font-size:1rem; font-weight:500; color:#646464; padding:5px; border-bottom:1px solid #eee; letter-spacing:0;}
.company_data li a {display:block; color:#646464; font-weight:400; color:#999; margin:5px 0 10px;}
.company_data li span{font-weight:700; display:block;}
.map_position{width:100%; max-width:1650px; height:500px; margin:30px auto 0;}

/*contact us*/
.contact_area{}
.contact_explain{text-align:center; margin:0 0 10px; padding:50px 0 10px;}
.contact_explain .contact_title{display:block; font-size: 2.5rem;font-weight: 800;text-align: center;color: #f57d20; letter-spacing:-1px;margin-bottom:20px; line-height:3rem;}
.contact_explain .contact_intro{font-size: 1rem;color: #999;display: block;font-weight: 500;letter-spacing:0; margin-bottom:30px; line-height:2rem;}
.select_support{width:100%; overflow:hidden; text-align:center; padding:70px 0; margin:0 auto; background:#eee; }
.select_support li{display:inline-block; width:300px; margin:0 10px 30px; background:#fff;}
.select_support li a{display:block; border:5px solid transparent; color:#646464; padding:50px 0; font-size:1.5rem; font-weight:600; text-align:center; letter-spacing:-1px; transition:.3s;}
.select_support li a:hover{border:5px solid #fff;  background:#f57d20; color:#fff;}
.select_support li a:hover span,.select_support li a:hover i{color:#fff;}
.select_support li a span{display:block; font-size:1rem; font-weight:500; color:#999; margin-top:10px;transition:.3s;}
.select_support li a i{display:block; font-size:3rem; margin-bottom:50px; color:#999;transition:.3s;}


/*한국용 개인정보안내*/
.contactus_info{width:100%; max-width:1650px; margin:0 auto; background:#eee;  padding:15px 0;}
.contactus_info_title{ font-size:1.5rem; width:calc(100% - 40px); margin:0 auto; font-weight:500; padding-left:20px; border-bottom:1px solid #ddd; padding:10px 0 10px 0;}
.contactus_text{padding-left:20px; color:#646464; line-height:1.5rem; margin:10px 0; font-size:0.75rem;}
.contactus_kr_agree { width:calc(100% - 40px); margin:0 auto;}
/*suport_form*/
.table_form01{width:100%; max-width:1650px; margin:30px auto; border-top:2px solid #999;}
.table_form02{width:100%; max-width:500px;margin:30px auto; border-top:2px solid #999;}
.table_form01 th{width:300px; height:60px; vertical-align:middle; padding:0 0 0 20px; font-size:1rem; font-weight:500; color:#333; border-right:1px solid #ddd;background:#eee; line-height:1rem;}
.table_form02 th{width:100px; height:60px; vertical-align:middle; padding:0 0 0 20px; font-size:1rem; font-weight:500; color:#333; border-right:1px solid #ddd;background:#eee; line-height:1rem;}
.table_form01 tr,.table_form02 tr{border-bottom:1px solid #ccc;}
.table_form01 td{width:1000px; height:60px; vertical-align:middle; padding:0 0 0 20px; }
.table_form02 td {width:200px; height:60px; vertical-align:middle; padding:0;  text-align:center;}
.table_form02 label{font-size:0.875rem; font-weight:600;}

.table_form01 select{width:100%; height:100%; position:absolute; top:0; left:0;z-index:1; border:1px solid #ddd; padding-left:10px; background:transparent; font-size:1rem; font-weight:500;}
.select_area{display:block; width:700px; height:30px; position:relative;}
.tbl_01_textarea{resize: none;border:1px solid #eee; width:90%; height:300px; margin:15px 0;}
.select_icon{position:absolute; top:7px; right:18px; z-index:0;}
.table_form01 tr:last-of-type,.table_form02 tr:last-of-type {border:0;}
.tbl_01_input,.tbl_01_title{border:1px solid #eee; width:500px; height:30px; padding-left:10px;}
.tbl_02_input{border:1px solid #eee; width:95%; height:50px; padding-left:10px;}
.tbl_01_title{width:80%;}
.tbl_01_input::placeholder{color:#999;}
.table_form01 tr td label{font-size:0.875rem; font-weight:600;}
.table_form01 tr:last-of-type ,.table_form02 tr:last-of-type {text-align:center;}
.m_tbl_label{display:none; padding:6px 0;  margin-bottom:5px;}/*모바일용 라벨*/

.table_form01 #captcha_info{display:none !important;}
.inquiry_check_area{display:inline-block; padding:10px; font-size:0.875rem; font-weight:600;}
.tbl_chk01{position:absolute; left:-9999px;}
.tbl_chk01 + label { position:relative; display:inline-block;  font-size:1rem; padding:7px 10px 0 40px;  height:30px; margin-top:5px; cursor:pointer;}
.tbl_chk01 + label:before{content:'';  position:absolute;  left:0; top:0; width:30px; height:30px; border:2px solid #eee;background:#fff;overflow:hidden; transition:.3s;}
.tbl_chk01 + label:after{content:'\f00c'; opacity:0; font-family: "FontAwesome"; font-size:1rem;  position:absolute;  left:7px; top:7px;  transition:.3s;}

.tbl_chk01:checked + label:before{content:''; color:#fff; }
.tbl_chk01:checked + label:after{opacity:1; color:#646464; }
.submit_area{text-align:center; }
.inquiry_submit{background:#f57d20 !important; color:#fff !important;}
.inquiry_submit, .reset_btn{display:inline-block !important;  background:#eee; width:100px; height:3.125rem; line-height:3.125rem; color:#646464; font-size:1rem; font-weight:600; transition:.3s;}
.inquiry_submit:hover, .reset_btn:hover,.inquiry_submit:active, .reset_btn:active{background:#51b627 !important; color:#fff !important;}

/*customer support*/
.support_intro{width:100%; max-width:1650px; margin:0 auto;}
.support_list{width:calc(100% / 3); min-width:450px; display:inline-block; border:1px solid #eee;padding:15px 20px;margin:0 15px 30px 15px; background:rgba(0,0,0,0.03);}
.support_list span{display:block;}
.support_list .support_manager{float:left; padding-left:15px; text-align:left;}
.support_list .supoort_area{font-size:1rem; font-weight:700; color:#333;margin-bottom:5px;}
.support_list .support_img{float:left; }
.support_list .support_name{font-size:1.5rem; font-weight:600; color:#333; margin-bottom:5px; }
.support_list .support_am_class{font-size:1rem; font-weight:700; color:#999;margin-bottom:10px;}
.support_list .support_info{font-size:0.875rem; font-weight:600; line-height:1.2rem; color:#999; border-bottom:1px solid #eee;}
.support_list a{display:block; padding:15px 0; font-size:1rem; font-weight:600; color:#646464; transition:.2s; margin:0 !important;}
.support_list a:hover,.support_list a:active{color:#fff; background:#55c9fd;}

.support_list .supoort_area.asia{color:#438ecb;}
.support_list .supoort_area.middle{color:#1992aa;}
.support_list .supoort_area.mexico{color:#f57d20;}
.support_list .supoort_area.europe{color:#fbb316;}
.support_list .supoort_area.north{color:#fe0000;}
.support_list .supoort_area.japan{color:#42b649;}
.support_list .supoort_area.china{color:#0092a9;}
.support_list .supoort_area.global{color:#8d00aa;}
/*check_answer*/
.check_answer{width:100%; background:#eee; padding:30px 0;}
/*문의 완료*/
.inquiry_success{width:100%; max-width:1040px; margin:0 auto; overflow:hidden;}
.inuqiry_success_text{font-size:1rem; font-weight:400; line-height:2rem; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:30px; letter-spacing:-1px;}
.inuqiry_success_text01 span{ font-weight:600;}

.inquiry_data{width:100%; table-layout:fixed; margin-bottom:30px; border-top:2px solid #ddd;border-bottom:2px solid #ddd;}
.inquiry_data tbody tr th{width:20%;vertical-align:middle; border-right:1px solid #eee; height:50px; border-bottom:1px solid #eee; background:#f5f5f5; padding-left:10px;}
.inquiry_data tbody tr td{width:80%; height:50px; overflow: hidden;  text-overflow: ellipsis;vertical-align:middle; word-break:break-all; border-bottom:1px solid #eee;}
.inquiry_data tbody tr:last-of-type td{line-height:1.5rem; padding:10px; border-bottom:0;}
.inquiry_check{padding:15px; background:#f57d20; font-size:0.875rem; color:#fff; margin:10px 0; display:inline-block;}
/*
.am_history_area{width:100%; max-width:1650px; margin:0 auto; overflow:hidden;}
.history_box_l{width:calc(80%); margin:0 auto 50px; overflow:hidden;  border-bottom:1px solid #eee; padding:30px 0;}
.history_box_r{width:calc(80%); margin:0 auto 50px; overflow:hidden;  border-bottom:1px solid #eee; padding:30px 0;}
.history_box_l h4, .history_box_r h4{width:50%; float:left; text-align:left;}

.am_history_area .year{width:50%; position:relative;font-size:2rem; font-weight:700;}
/*.history_box_l .year:before{content:"\f054";font-family: "FontAwesome";font-size:0.875rem;border:2px solid #f57d20; background:#fff; color:#f57d20; position:absolute;top:20px;right:-14px;border-radius:50%;display: block;padding: 5px 5px 5px 8px;}
.history_box_r .year:before{content:"\f054";font-family: "FontAwesome";font-size:0.875rem;border:2px solid #f57d20; background:#fff; color:#f57d20;position:absolute;top:20px;left:-14px;border-radius:50%;display: block;padding:5px 8px 5px 5px;}* /
.am_history_area .history_list{float:left; display:block; font-size:0.875rem; width:50%; padding-left:50px; border-left:1px solid #eee; overflow:hidden;}
.history_box_l .history_list li{text-align:left;padding:20px 30px 20px 0;}
.history_box_r .history_list li{text-align:left;padding:20px 30px 20px 0;}*/

/*준비중*/
.comming_soon{width:300px; margin:0 auto; text-align:center;}
.comming_soon .cs_title{display:block; font-size:2rem; font-weight:700; color:#464646; margin:50px 0 20px;  border-bottom:1px solid #eee; padding:0 0 30px;}
.comming_soon i {display:block; font-size:10rem; color:#f57d20;}
.comming_soon .cs_content{display:block; font-size:0.875rem; letter-spacing:-1px; font-weight:500; line-height:2rem; color:#999; margin:0 0 50px; }
/**************************************** 미디어 쿼리 ****************************************/
/** 전체 공통 **/



/*wh_pop*/
.pop_bg { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 999; }
.pop_w { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 999; }
.pop_w .img_w { position: relative; }
.pop_w .img_w .close_btn { position: absolute; top: -18px; right: -4px; width: 35px; height: 35px; line-height: 35px; text-align: center; background: #000; border-radius: 50%; color: #FFF; font-size: 1.25rem; box-sizing: border-box; padding-left: 1px; cursor: pointer; transition: .3s; }
.pop_w .img_w .close_btn:hover { background: #337eff; }
.pop_w .all_close { font-size: .938rem; color: #FFF; text-align: center; color: #EEE; margin-top: 10px; cursor: pointer; transition: .3s; font-family: 'Noto Sans KR', sans-serif; }
.pop_w .all_close:hover { text-decoration: underline; }




@media (min-width:320px) and (max-width: 413px) {
/*인덱스*/
.language_area #logo {width:200px; margin:0 auto 20px;}
.language_area .intro_text{font-size:2rem; }
.language_text{font-size:1rem !important;margin-bottom:20px !important;}
.language_area .language li{width:80%; margin-bottom:5px; float:none; margin:0 auto;}
.language_area .language li:last-child{margin:0 auto;}

/*전체*/
h3.sub_title{font-size:1.25rem;}

.sub_visual .visual_box{width:100%;padding:0 10px;}
/*현재위치*/
.current_position{padding:0 10px;}
.current_position span{margin:0 5px 5px 0;}

/*메인*/
.new_games h2, .main_steady h2, .our_services h2, .latest_news h2, .news_letter_info h2{font-size:1.25rem; margin-bottom:10px;}
.new_games .swiper-button-next,.new_games .swiper-button-prev,
.latest_news .swiper-button-next,.latest_news .swiper-button-prev
{top:23px;width:15px !important; height:15px !important; background-size:15px 15px !important;}
.main_visual .new_icon, .main_visual .steady_seller_icon{font-size:0.75rem;padding:5px;}
.main_visual{height:200px; margin-bottom:20px;}
.text_area{}
.game_img img{max-width:160px;}
.type01_text01{font-size:0.875rem;}
.type01_text02{font-size:1.25rem;}
.type01_text03{font-size:0.75rem; line-height:1rem;}
.visual_box .game_img{width:40%;}
.main_type_next.swiper-button-next,.main_type_prev.swiper-button-prev{display:none;}
.swiper-pagination-bullet{width:8px !important; height:8px !important;}
.visual_box.type02 h2 .type02_text01 {font-size:1.5rem; margin-bottom:18px; }
.visual_box.type02 h2 .type02_text02 {margin-bottom:0; font-size:0.75rem; word-break:keep-all;}
.mv_btn{font-size:1rem; width:120px; height:1.875rem;line-height:1.875rem;}
.main_mov{padding:20px 0;margin-bottom:30px;}
.mov_list .mov_title{font-size:1.5rem;}
.new_games{padding-bottom:30px;}
.new_game{padding:20px 0 0}
.new_game img{max-width:130px;}
.new_game .title{margin-bottom:5px;}
.mov_list li,.steady_seller li{width:100%;}
/*제품서비스*/
.our_services .service_list {width:100%;}
.our_services .service_list li{width:calc(100%/ 2); height:277px;  margin-bottom:10px; padding:10px; }
.our_services .service a{width:100%; }
.our_services .service_list.eng h3{height:32px;}
.our_services .service_list.eng p {margin-bottom:10px; height:80px; }
.our_services .service img{margin: 20px 0 15px;}
.our_services .service h3{font-size:1rem;}
.latest_news, .our_services{margin-bottom:30px;}
.latest_box h3{font-size:1rem;}
.latest_box p{font-size:0.75rem; word-break:keep-all;margin-bottom:10px;}
.main_steady{margin:0 auto 0 !important;}
.steady_seller .steady_seller_title .icon_area{ text-align:center;}

/*모달*/
.game_v_modal_down.fancybox-content{padding:20px;}

/*게임비교*/
.game_comparison{margin:0 auto 50px;}
.comp_detail_info li{margin-bottom:20px;}
.game_comparison .comp_game{width:calc(95% / 2); float:left; display:block; margin:0; }
.game_comparison .comp_game .mini_icon_area {width:80%; margin:15px auto 15px;}
.game_comparison .comp_game .mini_icon_area .new_icon {margin-bottom:5px;}
.game_comparison .pare_cate{font-size:0.875rem;}
.game_comparison .pare_title {font-size:1rem; height:58px; margin-bottom:0;}
.game_comparison .detail_info{line-height:1.3rem;}
.game_comparison .detail_title,.game_comparison .detail_info{margin-bottom:0;}
.comp_detail_info a{margin:0 auto 10px;}
/*뉴스레터*/
.news_letter_info{padding:0 10px;}
.news_letter{height:180px; }
.news_letter_info h2{margin-bottom:10px;}
.news_letter_info p{font-size:0.75rem; line-height:1.5rem; margin-bottom:10px; word-break:keep-all;}
.news_letter_info input[type="email"]{width:calc(100% - 110px); height:50px; margin:0 10px 0 0; font-size:0.625rem; float:left; }
.news_letter_info input[type="submit"]{width:100px; height:50px;}
/*푸터*/
#ft{padding:10px 10px;}
#ft_wr{margin-bottom:30px;}
.footer_nav{padding:0 10px;}
.footer_nav > li{width:50%; padding:0;}
.footer_nav > li > a{margin:20px 0 5px}
.ft_gr01, .ft_gr02{width:100%;}
.am_headquaters, .am_usa{margin-bottom:25px;}
.am_contact, .am_northamerica{width:100%; margin-bottom:25px;}
.ft_copy{display:none;}
.m_ft_copy{display:block; float:left; width:100%; margin-top:30px;font-size:0.75rem; }
.ft_b{display:block;}

/*서포트*/
#game_cate ul {padding:0 20px;}
#game_cate li {width:100%; margin:0 0 10px !important;}
#game_cate a{padding:11px 20px !important;}
/*파츠*/
.inquiry_list input[type="checkbox"] + label {padding:3px 3px;}
.inquiry_tbody li{display:block; width:100%; height:130px; overflow:hidden;border-bottom:1px solid #eee;}
.inquiry_tbody li div {height:initial; border:0;}
.inquiry_tbody .inquiry_check{width:10%; padding-top:40px;height:100%;}
.inquiry_tbody .inquiry_thumb{width:10%;padding:0; height:55%; margin-bottom:5px;}
.inquiry_tbody .inquiry_thumb img{margin-top:10px;}
.inquiry_tbody .inquiry_info{width:80%; padding:5px 0 0 10px; height:55%; margin-bottom:5px;}
.inquiry_tbody .inquiry_num{width:10%; padding:0; border:0; margin-right:3px;}
.inquiry_tbody .inquiry_num input,.inquiry_tbody .inquiry_memo input{width:100%;}
.inquiry_tbody .inquiry_memo{width:79%; padding:0; }
.inquiry_tbody .inquiry_info .inquiry_title,.inquiry_sub,.inquiry_code{padding:0;}



/*배경영상*/
.bgVideo{display:none;}

/*고객지원*/
.support_intro{padding:0 10px;}
.support_list{min-width:100%; margin:0 0 10px;}
.support_list .support_img,.support_list .support_manager{float:none; display:block; padding:0;}
.support_list .support_img{margin-bottom:10px;}
.support_list .support_manager{ width:100%; text-align:center;}

/*고객지원 폼*/
.table_form01 tr {border-bottom:1px solid #eee;}
.table_form01 th{display:none;}
.table_form01 td{width:100%; padding:10px;}
.select_area {width:100%; height:30px;margin:0 0 10px;}
.select_area select{width:100%; }
.select_icon {top:7px;}
.m_tbl_label{display:block;}
.tbl_01_input, .tbl_01_title{width:100%; height:30px;}
.tbl_01_textarea {width:100%; height:200px;}
.inquiry_check_area {float:left; padding:0; text-align:left;}
/*목록(카탈로그, 매뉴얼, 리플렛)*/
.head_dl,.head_cate,.head_num,.head_desc{display:none;}
.head_title{width:100%;}
.list_num{width:10%; height:55px !important; border-right:1px solid #eee; text-align:center !important; font-weight:700;font-size:0.75rem;}
.list_cate{width:90%;padding-left:10px; font-weight:700; font-size:0.75rem;height:25px !important; }
.list_title{width:90%; float:right !important; padding:0;height:30px !important; }
.list_game_title{padding:0 0 0 10px !important;}
.list_desc{padding:0 !important; width:100%; }
.list_desc_title{text-align:left;}

.list_dl{width:100%; margin-top:3px !important;}

.list_type01_head{padding:0;  overflow:hidden; border-bottom:1px solid #ddd;border-top:1px solid #ddd; margin:0 0 10px}
.list_type01_head span{float:left; text-align:center; font-size:0.875rem; font-weight:700; padding:10px 0;color:#646464; background:#eee;}
.list_type01_head span a {color:#646464;}

.list_type01{width:100%; margin-bottom:50px;}
.list_type01 li {border:0; margin-bottom:20px;}
.list_type01 li > span{height:auto; float:left; line-height:1.875rem; color:#646464; text-align:left; margin:0;}
.list_type01 li > span a{display:block; width:100%;margin:0 auto 30px;   text-align:center;}
/*갤러리*/
.gall_item{display:inline-block;width:100%; }
/*contact us*/
.contact_area{}
.contact_explain{text-align:center; margin:0 0 10px; padding:0 0 10px;}
.contact_explain .contact_title{font-size: 1.5rem;font-weight: 800;line-height:1.7rem;word-break:keep-all;}
.contact_explain .contact_intro{font-size: 0.875rem; line-height:1.5rem; word-break:keep-all;}
/*파츠*/
.tb_body li{margin-bottom:20px;}
.tb_head.parts li:nth-child(3),.tb_head.parts li:nth-child(4),.tb_body.parts .code{display:none;}
.tb_head.parts li:nth-child(2){width:90%;}

.tb_head.parts li {font-size:0.875rem;}

.tb_body.parts li > div{ padding:10px 5px; height:auto;}
.tb_body.parts li > div:nth-child(2){width:90%;}
.tb_body.parts li > div:nth-child(4){width:100%; padding:0 10px 10px; }

.tb_body.parts .num{color:#333;}
.tb_body.parts .part_img{width:80px; }
.tb_body.parts .name .title{font-size:0.875rem; margin:8px 0 8px;}
.tb_body.parts .name .desc{margin:0 0 5px;}
.tb_body.parts .name .m_code{display:block; width:calc(100% - 90px); text-align:left; font-size:0.875rem; font-weight:600; color:#999; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}

.tb_body.parts .name span{width:calc(100% - 90px); padding:0 0 0 0;}
.tb_body.parts .code{font-size:0.875rem;}
.tb_body.parts .parts_select + label, .tb_body.parts .func .thumb_big
{margin:0 0 10px; width:100%;}

.tb_body.parts .name.sub_parts .sub_part_btn{display:none;}

.tb_body.parts .func .sub_part_btn{display:block; width:100%; font-size:0.875rem; font-weight:600; line-height:1.875rem; color:#999;  border:1px solid #f2f2f2; border-radius:5px; background:#fff; }


/*회사소개*/
.content_wrap.about_us section{margin-bottom:50px; padding:0 10px;}
.content_wrap.about_us .tit_t01 h4{font-size:1.5rem;}
.content_wrap.about_us .tit_t01 p{line-height:1.5rem;}
.content_wrap .title_sec{padding:0 20px; margin:40px auto 30px}
.content_wrap .title_sec h3{font-size:1.5rem; margin-bottom:30px;}
.content_wrap .title_sec p{font-size:1.25rem;}

.content_wrap.about_us .sec_01 .text_t01{padding:0 20px; font-size:0.875rem;}
.content_wrap.about_us .sec_02.full .full_sec{padding:40px 0;}
.content_wrap.about_us .sec_02 .cont .value_list{width:100%; margin:20px 0; height:230px; }

.content_wrap.about_us .sec_03 .cont{font-size:1rem;}
.content_wrap.about_us .sec_03 .cont .text_box{margin:10px 0;}
.content_wrap.about_us .sec_03 .cont h5{margin: 0 0 10px; font-size:1rem;line-height:1.5rem;}
.content_wrap.about_us .sec_03 .cont p{padding:10px 0 0; line-height:1.5rem;}
.content_wrap.about_us .sec_03 .cont .last_text{font-size:1.25rem;}

.content_wrap.about_us .sec_04 .com_group{width:100%; margin:30px 0;}
.content_wrap.about_us .sec_04 .com_group:nth-child(2){margin:30px 0;}
.content_wrap.about_us .sec_04 .com_group p{height:auto; font-size:0.75rem;}

.content_wrap.about_us .sec_05 .cont .text_box img{width:300px;}
.content_wrap.about_us .sec_05 .cont .text_box .am_slogan{font-size:1.5rem;}
.content_wrap.about_us .sec_05 .cont .text_box{margin-bottom:50px;}
.content_wrap.about_us .sec_06 .text_t04{font-size:1rem; margin-bottom:50px; }

/*회사연혁*/
.am_history_area{padding:0 20px;}
.history_box_l, .history_box_r{float:none;width:100%; margin:0 auto; border:none; padding:20px 0;}
.history_box_r .year:before,
.history_box_l .year:before{display:none;}
.history_box_r h4,.history_box_l h4{padding:10px 0; text-align:center; font-size:1rem;  margin-bottom:10px;}
.am_history_area .year span{padding:2px 10px; font-size:1.5rem;}
.am_history_area .history_list li{text-align:left; word-break:keep-all; padding:0; display:block; margin:0 0 10px; color:#999; font-size:0.75rem;}

/*지도*/
.map_nav{margin-bottom:60px;}
.company_explain .map_title{font-size:1.5rem;}
.company_explain .intro_box{font-size:0.875rem;}
.company_data li{width:100%;}
.company_explain{padding:20px 20px;}
}



/** 모바일 가로 **/
@media (min-width:414px) and (max-width: 767px) {

/*전체*/
.new_games h2, .main_steady h2, .our_services h2, .latest_news h2, .news_letter_info h2{font-size:1.25rem; margin-bottom:10px;}
h3.sub_title{font-size:1.3rem;}
.our_services .service {width:80%; margin:0 auto 20px;}
/*메인*/
.new_games h2, .main_steady h2, .our_services h2, .latest_news h2, .news_letter_info h2{font-size:1.25rem; margin-bottom:10px;}
.new_games .swiper-button-next,.new_games .swiper-button-prev,
.latest_news .swiper-button-next,.latest_news .swiper-button-prev
{top:23px;width:15px !important; height:15px !important; background-size:15px 15px !important;}
.main_visual .new_icon, .main_visual .steady_seller_icon{font-size:0.75rem;padding:5px;}
.main_visual{height:200px; margin-bottom:20px;}
.text_area{}
.game_img img{max-width:160px;}
.type01_text01{font-size:0.875rem;}
.type01_text02{font-size:1.25rem;}
.type01_text03{font-size:0.75rem; line-height:1rem;}
.visual_box .game_img{width:40%;}
.main_type_next.swiper-button-next,.main_type_prev.swiper-button-prev{display:none;}
.swiper-pagination-bullet{width:8px !important; height:8px !important;}

.mv_btn{font-size:1rem; width:120px; height:1.875rem;line-height:1.875rem;}
.main_mov{padding:20px 0;margin-bottom:30px;}
.mov_list .mov_title{font-size:1.5rem;}
.new_games{padding-bottom:30px;}
.new_game{padding:20px 0 0}
.new_game img{max-width:130px; max-height: 173px; }
.new_game .title{margin-bottom:5px;}
.mov_list li,.steady_seller li{width:100%;}
/*제품서비스*/
.our_services .service_list {width:100%;}
.our_services .service_list li{width:calc(100%/ 2); height:277px;  margin-bottom:10px; padding:0;}
.our_services .service img{margin: 20px 0 15px;}
.our_services .service h3{font-size:1rem;}
.latest_news, .our_services{margin-bottom:30px;}
.latest_box h3{font-size:1rem;}
.latest_box p{font-size:0.75rem; word-break:keep-all;margin-bottom:10px;}
.main_steady{margin:0 auto 0 !important;}
.steady_seller .steady_seller_title .icon_area{ text-align:center;}

/*뉴스레터*/
.news_letter_info{padding:0 10px;}
.news_letter{height:180px; }
.news_letter_info h2{margin-bottom:10px;}
.news_letter_info p{font-size:0.75rem; line-height:1.5rem; margin-bottom:10px; word-break:keep-all;}
.news_letter_info input[type="email"]{width:calc(100% - 110px); height:50px; margin:0 10px 0 0; font-size:0.625rem; float:left; }
.news_letter_info input[type="submit"]{width:100px; height:50px;}
/*푸터*/
#ft{padding:10px 10px;}
#ft_wr{margin-bottom:30px;}
.footer_nav{padding:0 10px;}
.footer_nav > li{width:50%; padding:0;}
.footer_nav > li > a{margin:20px 0 5px}
.ft_gr01, .ft_gr02{width:100%;}
.am_headquaters, .am_usa{margin-bottom:25px;}
.am_contact, .am_northamerica{width:100%; margin-bottom:25px;}
.ft_copy{display:none;}
.m_ft_copy{display:block; float:left; width:100%; margin-top:30px;font-size:0.75rem; }
.ft_b{display:block;}

/*서포트*/
#game_cate ul {padding:0 10px;}
#game_cate li {width:100%; margin:0 0 10px !important;}
#game_cate a{padding:11px 20px !important;}
/*파츠*/
.inquiry_list input[type="checkbox"] + label {padding:10px 3px;}
.inquiry_tbody li{display:block; width:100%; height:130px; overflow:hidden;border-bottom:1px solid #eee;}
.inquiry_tbody li div {height:initial; border:0;}
.inquiry_tbody .inquiry_check{width:10%; padding-top:40px;height:100%;}
.inquiry_tbody .inquiry_thumb{width:10%;padding:0; height:55%; margin-bottom:5px;}
.inquiry_tbody .inquiry_thumb img{margin-top:7px; width:90%;}
.inquiry_tbody .inquiry_info{width:80%; padding:5px 0 0 10px; height:55%; margin-bottom:5px;}
.inquiry_tbody .inquiry_num{width:10%; padding:0; border:0; margin-right:3px;}
.inquiry_tbody .inquiry_num input,.inquiry_tbody .inquiry_memo input{width:100%; max-width:1000px;}
.inquiry_tbody .inquiry_memo{width:79%; padding:0; }
.inquiry_tbody .inquiry_info .inquiry_title,.inquiry_sub,.inquiry_code{padding:0;}


/*wh*/
.support_w { text-align: center; font-size: 0; }
.support_w li { display: inline-block; }


.slogan_box{font-size:1.5rem; }
/*배경영상*/
.bgVideo{display:none;}
/*고객지원*/
.support_list{min-width:330px;}
.support_list .support_img,.support_list .support_manager{float:none; display:block; padding:0;}
.support_list .support_img{margin-bottom:10px;}
.support_list .support_manager{ width:100%; text-align:center;}
/*고객지원 폼*/
.table_form01 tr {border-bottom:1px solid #eee;}
.table_form01 th{display:none;}
.table_form01 td{width:100%; padding:10px 20px;}
.select_area {width:100%; height:30px;margin:0 0 10px;}
.select_area select{width:100%; }
.select_icon {top:7px;}
.m_tbl_label{display:block;}
.tbl_01_input, .tbl_01_title{width:100%; height:30px;}
.tbl_01_textarea {width:100%; height:200px;}
.inquiry_check_area {float:left; padding:0; text-align:left;}
/*목록(카탈로그, 매뉴얼, 리플렛)*/
.head_dl,.head_cate,.head_num{display:none;}
.head_title{width:100%;}
.list_num{width:10%; height:55px !important; border-right:1px solid #eee; text-align:center !important; font-weight:700;font-size:0.75rem;}
.list_cate{width:90%;padding-left:10px; font-weight:700; font-size:0.75rem;height:25px !important; }
.list_title{width:90%; float:right !important; padding:0 10px;height:30px !important; }

.list_dl{width:100%; margin-top:3px !important;}

.list_type01_head{padding:0;  overflow:hidden; border-bottom:1px solid #ddd;border-top:1px solid #ddd; margin:0 0 10px}
.list_type01_head span{float:left; text-align:center; font-size:0.875rem; font-weight:700; padding:10px 0;color:#646464; background:#eee;}
.list_type01_head span a {color:#646464;}

.list_type01{width:100%; margin-bottom:50px;}
.list_type01 li {border:0;}
.list_type01 li > span{height:auto; float:left; line-height:1.875rem; color:#646464; text-align:left; margin:0;}
.list_type01 li > span a{display:block; width:100%;margin:0 auto 30px;   text-align:center;}
/*갤러리*/
.gall_item{display:inline-block;width:48%; padding:5px;}
/*contact us*/
.contact_area{}
.contact_explain{text-align:center; margin:0 0 10px; padding:0 0 10px;}
.contact_explain .contact_title{font-size: 1.5rem;font-weight: 800;line-height:1.7rem;word-break:keep-all;}
.contact_explain .contact_intro{font-size: 0.875rem; line-height:1.5rem; word-break:keep-all;}
/*파츠*/
.tb_body li{margin-bottom:20px;}
.tb_head.parts li:nth-child(3),.tb_head.parts li:nth-child(4),.tb_body.parts .code{display:none;}
.tb_head.parts li:nth-child(2){width:90%;}

.tb_head.parts li {font-size:0.875rem;}

.tb_body.parts li > div{ padding:10px 5px; height:auto;}
.tb_body.parts li > div.func.sub_parts{ padding:10px 5px; width:100%; }
.tb_body.parts li > div:nth-child(2){width:90%;}
.tb_body.parts li > div:nth-child(4){width:100%; padding:0 10px;}

.tb_body.parts .num{color:#333;}
.tb_body.parts .part_img{width:80px; }
.tb_body.parts .name .title{font-size:0.875rem; margin:8px 0 5px;}
.tb_body.parts .name .desc{margin:0 0 5px;}
.tb_body.parts .name .m_code{display:block; width:calc(100% - 90px); text-align:left; font-size:0.875rem; font-weight:600; color:#999; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; float:left;}
.tb_body.parts .name span{width:calc(100% - 90px); padding:0 0 0 0;}
.tb_body.parts .code{font-size:0.875rem;}
.tb_body.parts .func {margin-bottom:10px;}
.tb_body.parts .parts_select + label, .tb_body.parts .func .thumb_big
{margin:0 0 10px; width:100%;}
.tb_body.parts .name.sub_parts .sub_part_btn{display:none;}

.tb_body.parts .func .sub_part_btn{display:block; width:100%; font-size:0.875rem; font-weight:600; line-height:1.875rem; color:#999;  border:1px solid #f2f2f2; border-radius:5px; background:#fff; }

/*회사소개*/
.content_wrap.about_us section{margin-bottom:50px; padding:0 10px;}
.content_wrap.about_us .tit_t01 h4{font-size:1.5rem;}
.content_wrap.about_us .tit_t01 p{line-height:1.5rem;}
.content_wrap .title_sec{padding:0 20px; margin:40px auto 30px}
.content_wrap .title_sec h3{font-size:1.5rem; margin-bottom:30px;}
.content_wrap .title_sec p{font-size:1.25rem;}

.content_wrap.about_us .sec_01 .text_t01{padding:0 20px; font-size:0.875rem;}
.content_wrap.about_us .sec_02.full .full_sec{padding:40px 0;}
.content_wrap.about_us .sec_02 .cont .value_list{width:calc(100% / 2); margin:20px 0; height:230px; }

.content_wrap.about_us .sec_03 .cont{font-size:1rem;}
.content_wrap.about_us .sec_03 .cont .text_box{margin:10px 0;}
.content_wrap.about_us .sec_03 .cont h5{margin: 0 0 10px; font-size:1rem;line-height:1.5rem;}
.content_wrap.about_us .sec_03 .cont p{padding:10px 0 0; line-height:1.5rem;}
.content_wrap.about_us .sec_03 .cont .last_text{font-size:1.25rem;}

.content_wrap.about_us .sec_04 .com_group{width:100%; margin:30px 0;}
.content_wrap.about_us .sec_04 .com_group:nth-child(2){margin:30px 0;}
.content_wrap.about_us .sec_04 .com_group p{height:auto;}

.content_wrap.about_us .sec_05 .cont .text_box img{width:300px;}
.content_wrap.about_us .sec_05 .cont .text_box .am_slogan{font-size:1.5rem;}
.content_wrap.about_us .sec_05 .cont .text_box{margin-bottom:50px;}
.content_wrap.about_us .sec_06 .text_t04{font-size:1rem; margin-bottom:50px; }

/*회사연혁*/
.am_history_area{padding:0 20px;}
.history_box_l, .history_box_r{float:none;width:100%; margin:0 auto; border:none; padding:20px 0;}
.history_box_r .year:before,
.history_box_l .year:before{display:none;}
.history_box_r h4,.history_box_l h4{padding:10px 0; text-align:center; font-size:1rem;  margin-bottom:10px;}
.am_history_area .year span{padding:2px 10px; font-size:1.5rem;}
.am_history_area .history_list li{text-align:left; word-break:keep-all; padding:0; display:block; margin:0 0 10px; color:#999; font-size:0.75rem;}
}







/** 태블릿 (가로 세로 포함) **/
@media (min-width:768px) and (max-width: 1023px) {
/*전체*/
.new_games h2, .main_steady h2, .our_services h2, .latest_news h2, .news_letter_info h2{font-size:1.5rem; margin-bottom:20px;}
h3.sub_title{font-size:1.5rem;}
.new_games .swiper-button-next,.new_games .swiper-button-prev,
.latest_news .swiper-button-next,.latest_news .swiper-button-prev
{top:26px;width:25px !important; height:25px !important; background-size:25px 25px !important;}
.our_services {overflow:hidden; margin-bottom:50px;}
.our_services .service h3{font-size:1.25rem; margin-bottom:10px;}
.our_services .service p {margin-bottom:10px;}
.language_area #logo {width:200px; margin:0 auto 20px;}
.language_area .intro_text{font-size:2rem;}
.news_letter_info p{font-size:0.875rem;}
/*메인메뉴*/
#logo {margin:18px 0 0 20px; width:15%;float:left;}
#tnb ul{margin-right:20px;overflow:hidden;}
#nav_wrapper .gnb_nav{width:100%}
#nav_wrapper .gnb_nav > li{width:calc(100% / 5 - 18px);}
#nav_wrapper .gnb_nav > li:nth-child(2) {width:135px;}
#nav_wrapper .gnb_nav > li > a{display:block; text-align:center; font-size:1rem; color:#999; font-weight:600; padding:21px 10px; height:100%; transition:.3s;}
#nav_wrapper .gnb_nav > li ul li a {line-height:1.6rem;}

#nav_wrapper .gnb_nav > li > a{font-size:0.8125rem; padding:22px 10px;}
#nav_wrapper .gnb_nav .gnb_search{width:60px !important; float:right;}
#nav_wrapper .gnb_nav .gnb_search a{width:100% !important; padding:17px 0 !important;}
#nav_wrapper .gnb_2ul li a {height:44px; font-size:0.75rem;}
#nav_wrapper .gnb_nav .gnb_search a:hover,.gnb_nav .gnb_search a:active{background:#f57d20;}
#nav_wrapper .gnb_nav > li > a:hover,
#nav_wrapper .gnb_nav > li > a.on{background:transparent; color:#f57d20}
#nav_wrapper .gnb_nav > li:nth-of-type(n+4n):nth-of-type(n+5n) > a {background:red;}
.gnb_2ul{padding-bottom:20px;}
/**/
.steady_seller {text-align:center;}
.steady_seller li{width:49%; margin:0 0 50px; display:inline-block; float:none;}
.steady_seller .steady_seller_img {height:372px;}
.steady_seller .steady_seller_img img{min-width:210px; max-width:280px;}
.steady_seller .title {font-size:1.3rem; height:78px; line-height:25px; text-align:center;}
.steady_seller .more{display:block; margin:0 auto;}

.main_visual{height:300px; margin-bottom:50px;}
.new_game{padding:10px 0 0;}
.new_game .title{margin-bottom:10px;}
.game_img img{width:80%;}
.visual_box {}
.game_comparison .comp_game{width:calc(95% / 4);}
.type01_text01{font-size:0.875rem; font-weight:600;}
.type01_text02{font-size:1.8rem; font-weight:700;line-height:1.8rem;}
.type01_text03{font-size:0.75rem; font-weight:500;margin-bottom:18px;}

.mv_btn{font-size:1rem; width:120px; height:1.875rem;line-height:1.875rem;}

.mov_list .mov_title{font-size:1rem;}
.mov_list li{width:calc(100% / 3);}
.mov_list .mov_arrow{width:36px; height:36px;}
/*신제품*/
.new_games{padding-bottom:30px;}
.new_game img {max-width:200px; max-height: 266px; }
/*제품서비스*/
.our_services .service_list {width:100%;}
/*서포트*/
#game_cate ul {padding:0 10px;}
#game_cate li {width:calc(95% / 6); margin:0 0 20px !important; font-size:1rem;}
#game_cate a{padding:11px 10px !important;}


/*고객지원*/
.support_list{min-width:330px;}
.support_list .support_img,.support_list .support_manager{float:none; display:block; padding:0;}
.support_list .support_img{margin-bottom:10px;}
.support_list .support_manager{ width:100%; text-align:center;}
/*고객지원 폼*/
.table_form01 tr {border-bottom:1px solid #eee;}
.table_form01 th{display:none;}
.table_form01 td{width:100%; padding:10px 20px;}
.select_area {width:100%; height:30px;margin:0 0 10px;}
.select_area select{width:100%; }
.select_icon {top:7px;}
.m_tbl_label{display:block;}
.tbl_01_input, .tbl_01_title{width:100%; height:30px;}
.tbl_01_textarea {width:100%; height:200px;}
/*갤러리*/
.gall_item{display:inline-block;width:31%; padding:10px;}
/*contact us*/
.contact_area{}
.contact_explain{text-align:center; margin:0 0 10px; padding:0 0 10px;}
/*파츠*/
.tb_body.parts .part_img{width:80px; }
.tb_body.parts .name .title{font-size:0.875rem;}
.tb_body.parts .name span{width:calc(100% - 90px); padding:0 0 0 0;}
.tb_body.parts .code{font-size:0.875rem;}
.tb_body.parts .parts_select + label, .tb_body.parts .func .thumb_big
{margin:0 0 10px; width:100%;}
/*회사소개*/
.content_wrap.about_us section{margin-bottom:50px; padding:0 10px;}
.content_wrap.about_us .tit_t01 h4{font-size:1.5rem;}
.content_wrap .title_sec{padding:0 20px; margin:40px auto 30px}
.content_wrap .title_sec h3{font-size:1.5rem; margin-bottom:30px;}
.content_wrap .title_sec p{font-size:1.25rem;}

.content_wrap.about_us .sec_01 .text_t01{padding:0 20px; font-size:0.875rem;}
.content_wrap.about_us .sec_02.full .full_sec{padding:40px 0;}
.content_wrap.about_us .sec_02 .cont .value_list{width:calc(100% / 2); margin:20px 0; height:230px; }

.content_wrap.about_us .sec_03 .cont{font-size:1rem;}
.content_wrap.about_us .sec_03 .cont .text_box{margin:20px 0;}
.content_wrap.about_us .sec_03 .cont h5{margin: 0 0 10px;}
.content_wrap.about_us .sec_03 .cont p{padding:10px 0 0;}
.content_wrap.about_us .sec_03 .cont .last_text{font-size:1.25rem;}

.content_wrap.about_us .sec_06 .text_t04{font-size:1rem; margin-bottom:50px; }

/*회사연혁*/
.am_history_area{padding:0 20px;}
}










/** 작은 pc **/
@media (min-width:1024px) and (max-width: 1280px) {
.our_services {overflow:hidden; padding:30px 0 !important;}
.our_services .service_list{width:100%;}

.new_games h2, .main_steady h2, .our_services h2,.latest_news h2,.news_letter_info h2{font-size:1.875rem; margin-bottom:30px;}
/*메인메뉴*/
#nav_wrapper .gnb_nav{width:100%}
#nav_wrapper .gnb_nav > li{width:calc(100% / 5 - 16px) !important;}
#nav_wrapper .gnb_nav > li > a{font-size:0.875rem; padding:22px 10px;}
#nav_wrapper .gnb_nav .gnb_search a{width:100% !important; padding:17px 10px !important; display:block;}
#nav_wrapper .gnb_nav .gnb_search{width:80px !important; float:right;}
/*신제품*/
.new_game img{max-width:180px; max-height: 239px; }
/*스테디셀러*/
.steady_seller li{width:calc(100% / 4 - 24px);}

.main_visual{height:300px; }
.game_img img{width:80%;}
.visual_box {}
.text_area{bottom:50%; transform:translateY(50%); Z-INDEX:2; padding-left:10px;}
.new_list{padding:0 20px; height:500px;}
.game_comparison .comp_game{width:calc(95% / 4);}
.type01_text01{font-size:1rem;margin-bottom:1px;}
.type01_text02{font-size:2rem;margin-bottom:8px;}
.type01_text03{font-size:0.875rem; font-weight:500;margin-bottom:18px;}
.mv_btn{font-size:1rem; width:120px; height:1.875rem;line-height:1.875rem;}

.steady_seller .title {font-size:1.3rem; line-height:25px;}
}









/** 큰 PC **/
@media (min-width:1281px) {
.our_services {overflow:hidden; padding:30px 0 !important;}

.game_img img{width:80%;}
.game_comparison .comp_game{width:calc(95% / 4);}

.type01_text01{font-size:1.25rem; font-weight:600; margin-bottom:1px;}
.type01_text02{font-size:2rem; font-weight:700;margin-bottom:8px; line-height:2.25rem;}
.type01_text03{font-size:1rem; font-weight:500;margin-bottom:18px; line-height:1.5rem;}
}
















/*게시판 본문(공통)*/
#bo_v_con p{margin:1rem 0;line-height:1.6; font-family:sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";}
#bo_v_con a {color:#0782C1;text-decoration:underline}
/*에디터 속성*/
.cke_chrome{box-shadow:none !important;}
#bo_v_con img {width:initial !important; height:auto;}


/*스테디 셀러 특별구간*/
@media (min-width:320px) and (max-width: 595px) {
/*스테디셀러*/
.steady_seller {text-align:center;}
.steady_seller li{width:100%; margin:0 0 50px; display:inline-block; float:none;}
.steady_seller .steady_seller_img img{ width:90%; max-width:280px;}
.steady_seller .title {font-size:1.3rem; height:78px; line-height:25px; text-align:center;}
.steady_seller .more{display:block; margin:0 auto;}


.pop_w { width: 100%; max-width: 90%; }
.pop_w .img_w img { max-width: 100%; }
}
@media (min-width:596px) and (max-width: 767px) {
.steady_seller {text-align:center;}
.steady_seller li{width:49%; margin:0 0 50px; display:inline-block; float:none;}
.steady_seller .steady_seller_img {height:372px;}
.steady_seller .steady_seller_img img{ width:80%;min-width:170px; max-width:280px;}
.steady_seller .title {font-size:1.3rem; height:78px; line-height:25px; text-align:center;}
.steady_seller .more{display:block; margin:0 auto;}
}





/*메인메뉴*/
@media (min-width:320px) and (max-width: 767px) {
#wrapper{margin-top:51px;}
#nav_wrapper,#nav_wrapper.on,#tnb,#tnb .language_box{display:none !important;}
#m_nav_wrapper{display:block !important; position:fixed; width:100%; z-index:9999999; top:0; background:#fff; transition:.3s;}
#m_nav_wrapper.move{display:block !important; background:#fff; }
.m_nav_header{overflow:hidden;width:100%; top:0;}
#logo {margin:15px auto 13px; width:150px; float:none;}
.m_nav_btn{position:absolute; font-size:2rem; color:#999; left:5px; top:5px; padding:5px;}
.m_search_btn{position:absolute; font-size:2rem; color:#999; right:5px;top:5px; padding:5px; }
.m_nav_box{float:right; width:calc(100% - 50px); height:calc(100% - 37px); overflow-y:auto; background:#232323; }
.m_nav_box .login_box{border-bottom:1px solid #464646; overflow:hidden;}
.m_nav_box .login_box img{width:120px; display:block; margin:15px auto;}
.m_nav_box .login_box .login_welcome{display:block; font-size:1.2rem; font-weight:600; color:#ccc; padding:10px 0 10px 10px; margin-top:30px;}
.m_nav_box .login_box a{ display:block; width:100px; margin:0 0 10px 10px; text-align:center; padding:3px 0; color:#999; font-size:0.75rem; font-weight:600; border:1px solid #464646;}
.m_nav_box .m_gnb_nav > li > a{display:block; text-align:left; font-size:1rem; color:#fff; font-weight:600; padding:21px 10px; height:100%; transition:.3s; }
.m_nav_box .m_gnb_1li{border-bottom:1px solid #323232;}
.m_nav_box .m_gnb_1li a.on{background:#f57d20;}
.m_nav_box .m_gnb_2ul li:last-of-type{margin-bottom:20px;}
.m_nav_box .m_gnb_2ul{ display:none;}
.m_nav_box .m_gnb_2ul li {display:block;}
.m_nav_box .m_gnb_2ul li a{display:block; color:#999; font-size:0.875rem; padding:8px 0; text-align:left; padding-left:10px;}
.m_nav_left{width:50px; height:100%; float:left; background:#373737;}
.m_nav_left .m_fn_nav{width:100%;}
.m_nav_left .m_fn_nav a{display:block; color:#aaa; font-size:1.2rem; padding:15px 0; text-align:center; border-bottom:1px solid #464646; background:#464646;}
.m_nav_bottom{width:100%; position:fixed; bottom:0;  text-align:right; background:#252525;}
.m_nav_bottom .language_box{width:50%; display:inline-block; margin-right:10px;}
.m_nav_bottom .language_box select{background:#454545; color:#999;  }
.m_nav_bottom .language_box i{color:#666;}
.m_nav_bottom .m_member_btn{float:left; padding:9px 19px;  font-size:1.2rem; color:#666}

}



/*슬라이더*/
.slide_default{display: block;position: fixed;width: 281px;height: auto;background: #ddd;top: 0;bottom: 0;overflow-y:auto;z-index: 999;margin-top: 0 !important;
				-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
				-moz-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
				-o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
				transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
				-webkit-transform: translate3d(-281px, 0, 0);
				-moz-transform: translate3d(-281px, 0, 0);
				-ms-transform: translate3d(-281px, 0, 0);
				-o-transform: translate3d(-281px, 0, 0);
				transform: translate3d(-281px, 0, 0);}

/*슬라이드 기본값*/
.slide_default.left_slide {
  left: 0;
 }
 .slide_default.right_slide {
  right: 0;
 }


/*바디 클래스에 따라 컨테이너 상태 변경*/
body.no-scroll {
  overflow: hidden;
}
body .transform-container {
  -webkit-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}


body.left_open .transform-container {
  -webkit-transform: translate3d(281px, 0, 0);
  -moz-transform: translate3d(281px, 0, 0);
  -ms-transform: translate3d(281px, 0, 0);
  -o-transform: translate3d(281px, 0, 0);
  transform: translate3d(281px, 0, 0);
}

body.right_open .transform-container {
  -webkit-transform: translate3d(-281px, 0, 0);
  -moz-transform: translate3d(-281px, 0, 0);
  -ms-transform: translate3d(-281px, 0, 0);
  -o-transform: translate3d(-281px, 0, 0);
  transform: translate3d(-281px, 0, 0);
}

/*슬라이드 나올때 검은색 배경 */
.right_open .overlay, .left_open .overlay {
  visibility: visible;
  opacity: 1;
  -webkit-tap-highlight-color: transparent;

}

.left_open .left_slide, .right_open .side-profile {
  -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
/*오버레이 기본속성*/
.overlay {
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99;
  background: rgba(29, 29, 31, 0.6);
  visibility: hidden;
  opacity: 0;
}
/*슬라이드 나올때 오버레이 위치 초기화*/
.right_open .overlay, .left_open .overlay, .overlay {
  -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -moz-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
/*무조건 가림*/
/*메인메뉴*/
@media (min-width:0px) and (max-width: 319px) {
	body{display:none !important;}
}

/*top*/
.page_top { position:fixed; bottom: 110px;right:18px;z-index:10;  text-align:center; color:#fff;}
.page_top a {display:block; width:40px; color:#fff; height:40px; line-height:40px; background:rgba(0,0,0,0.7); border-radius:50%;}
.page_top a:active { color: #fff !important; background-color:#08bba1; text-decoration: none; }
.page_top img{width:30%; opacity:0.5; transform:rotate(90deg);}



/*비주얼 배경-한*/
/*.main_visual .default{background:url('../img/visual_pattern.png') repeat center rgba(0,0,0,0.6) ; position:absolute; width:100%; height:100%;z-index:2; }*/
.visual_slide{background-repeat:no-repeat; background-position:center top; background-size:cover; overflow:hidden;}
.main_visual .bgVideo{z-index:1;}


.empty_list{text-align:center; padding:20px;}
