@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');

/* body { background: #fff0e4; } */
body.sub_body { background: #FFF; }


/* .doc.main { padding: 40px 0 0 0; } */
.doc.sub { padding: 40px 0 120px 0; background: #FFF; }

.sub_doc { padding: 50px 0 120px 0; }
.sub_doc.pdst{padding: 0 0 120px 0;}
.sub_doc.pdst1{padding: 50px 0 0 0;}
.sub_doc.bg1{background: #f5f5f5}

.box0{ width:100em; max-width:92%; margin:0 auto}
.box1 { width: 1200px; max-width: 96%; margin: 0 auto; }
.box2 { width: 1200px; max-width: 96%; margin: 0 auto; }
.box3{width: 1280px; max-width: 94%; margin: 0 auto; width: 105em; margin: 0 auto; ;max-width: 96%; }
.box4{width: 110em; margin: 0 auto; ;max-width: 96%; width: 105em;}
.box5{width: 1400px; margin: 0 auto; max-width: 96%;}

.blocker { z-index: 9; z-index: 999}

.bo_vc_w .btn_confirm{margin: 10px 0 50px !important}

.goTop{ position:fixed; z-index:99; bottom:-2em; right:1em; width:4em; height:4em; background:#313851; border-radius:100%; color:#fff !important; opacity:0; visibility:hidden; transition:.2s;
display: flex; box-sizing: border-box; min-width: 0; align-items: center; align-content: center; justify-content: center;}
.goTop .tt{ display:block; font-size:.688em; font-weight:700;}
.goTop:hover{ background:#f57d20;}
.scroll .goTop{ bottom:1.5em; opacity:1; visibility:visible; }

#header { background: #fff;  box-shadow: 0 2px 0.5em rgb(0 0 0 / 10%)}
#header .inner { display: flex; flex-flow: row wrap; justify-content: space-between; position: relative; }
/* .sub_body #header .inner{width: 105em} */
#header .inner .logo { }
#header .inner .logo a { display: inline-block;  height: 4.5em;}
#header .inner .logo a img { display: inline-block; }
#header .inner .gnb { font-size: 0; text-align: center; }
#header .inner .gnb > li { display: inline-block; font-size: 1rem; }
#header .inner .gnb > li > a { display: inline-block; height: 4.5em;; line-height: 4.5em;; font-family: 'Righteous', cursive; font-size: 1.063em; color: #222; padding: 0 40px; transition: .3s; }
#header .inner .gnb > li > a.lang_btn { padding: 0; margin-left: 12px; font-size: 1.25em; color: #CCC; }
#header .inner .gnb > li > a:hover { color: #f57d20; }

#header .gnb_wrap{ position:relative; z-index:100; display: flex; }
#header .gnb_wrap .gnb{ display:inline-block;}
#header .gnb_wrap .gnb > li{position: relative;}
#header .gnb_wrap .gnb > li .dp1{ position:relative; overflow:hidden; transition:all 0.3s ease-out;}
#header .gnb_wrap .gnb > li .dp1:after{ content:""; position:absolute; left:50%; bottom:-24px; margin-left:-12px; width:24px; height:24px; background:#062c5e; border-radius:50%; opacity:0; transition:all 0.2s ease-out; display:none;}
#header .gnb_wrap .gnb > li:hover .dp1 {color:#f57d20;}
#header .gnb_wrap .gnb > li.on .dp1{ color:#f57d20;}
#header .gnb_wrap .gnb > li .dp2 li:hover a .va { color:#f57d20;}
#header .gnb_wrap .gnb > li .dp2 li.on a .va { color:#f57d20;}
#header .gnb_wrap .gnb > li:hover .dp1:after{ bottom:-15px; opacity:1;}
#header .etc_btn { display: flex; flex-wrap: wrap; align-items: center; align-content: center;}
#header .etc_btn li{flex:1 1 33.33%; flex:1 0 1%}
#header .etc_btn li a { display: block;  text-align: center; padding: 0 1em;}
#header .etc_btn li a .xi{color: #888; font-size: 1.5em; }

#header .gnbBg{ display:none; position:fixed; z-index:99; top:4.5em;; left:50%; transform: translate(-50%, 0); width:100%; background:#fff; box-shadow: 0 3px 5px rgba(0,0,0,.2); border-top: 1px solid #eee;}
#header .gnbBg:before{ content:""; position:absolute; top:0; bottom:0; left:0; width:30%; background:#fff;}
#header .gnbBg:after { content:""; position:absolute; top:0; left:0; right:0; height:1px; background:#fff;}

.gnb .gnb_draw .draw_title,
.gnb .gnb_draw .draw_img{ display:none;}

/* #header .gnb_wrap .gnb > li .gnb_draw{ display:none; position:fixed; top:5em; left:50%; min-height:300px; transform: translate(-50%,0); *zoom:1; position: absolute;} */
#header .gnb_wrap .gnb > li .gnb_draw{ display:none; position:fixed; top:4.5em;; left:0; min-height:310px; *zoom:1; position: absolute; right: 0; /*transform: translate(-50%,0); */}
#header .gnb_wrap .gnb > li .gnb_draw:after{ content:""; display:block; clear:both;}
#header .gnb_wrap .gnb > li .gnb_draw .draw_title,
#header .gnb_wrap .gnb > li .gnb_draw .draw_img,
#header .gnb_wrap .gnb > li .dp2{ display:block; box-sizing:border-box;}
#header .gnb_wrap .gnb > li .gnb_draw .draw_img{display: none}

/* #header .gnb_wrap .gnb > li .gnb_draw .draw_title{ height:100%;  margin-top:1px; padding:2em 3em 2em 0; position:relative; text-align:left; width: 55%; padding: 2em 3em 2em 2em;} */
#header .gnb_wrap .gnb > li .gnb_draw .draw_title{  position:fixed; top:5em; left:50%; min-height:300px; transform: translateX(-50%); *zoom:1;  text-align: left; padding-top: 2em; /*min-height: 300px*/ width: 105em; max-width: 96%; padding-left: 2em;}

#header .gnb_wrap .gnb > li .gnb_draw .draw_title .gnb_tit{ font-family: 'Righteous', cursive; font-size:1.625em; color:#111; font-weight:500;}
#header .gnb_wrap .gnb > li .gnb_draw .draw_title .gnb_info{ margin-top:3em; font-size:.750em; color:#333; line-height:1.6; position:relative; font-weight: 300; letter-spacing: 2px; font-family: 'Righteous', cursive;}
#header .gnb_wrap .gnb > li .gnb_draw .draw_title .gnb_info:after{ display:block; content:''; width:25px; height:1px; background:#f57d20; position:absolute; top:-15px; left:0; }

#header .gnb_wrap .gnb > li .gnb_draw .draw_img{ /*float:right;*/ width:26%; margin-top:2em; background: #FFF; }
#header .gnb_wrap .gnb > li .gnb_draw .draw_img .re{ background-repeat:no-repeat; background-position:50% 50%; background-size: 50%;}

#header .gnb_wrap .gnb > li .gnb_draw .draw_img .resize2 { padding-bottom: 63%; }
#header .gnb_wrap .gnb > li.m_1 .gnb_draw .draw_img .re{ background-image:url(../images/logo_b.png); background-position: 50% 50% !important;}
#header .gnb_wrap .gnb > li.m_2 .gnb_draw .draw_img .re{ background-image:url(../images/logo_b.png); background-position: 50% 50% !important;}
#header .gnb_wrap .gnb > li.m_3 .gnb_draw .draw_img .re{ background-image:url(../images/logo_b.png);  background-position: 50% 50% !important;}
#header .gnb_wrap .gnb > li.m_4 .gnb_draw .draw_img .re{ background-image:url(../images/logo_b.png); background-position: 50% 50% !important;}
#header .gnb_wrap .gnb > li.m_5 .gnb_draw .draw_img .re{ background-image:url(../images/logo_b.png); background-position: 50% 50% !important;}

/* #header .gnb_wrap .gnb > li .gnb_draw .dp2{ height: 100%; } */
#header .gnb_wrap .gnb > li .dp2{ position:relative; padding:2rem 0; /*padding-left:8%; transform: translateX(-50%); left: 50%;*/ }
#header .gnb_wrap .gnb > li .dp2 .va{ height:auto;  color:#333; /*text-align:left!important;*/}
#header .gnb_wrap .gnb > li .dp2 > li > a .va{transition:all .5s; font-family: 'Righteous', cursive;}
#header .gnb_wrap .gnb > li .dp2 > li > a .img{padding-right: .15em;}
#header .gnb_wrap .gnb > li .dp2 > li > a .img img{width: 1.35em;}
#header .gnb_wrap .gnb > li .dp2 li{ display:block; }
#header .gnb_wrap .gnb > li .dp2 > li > a{ padding:15px 0; font-size:1em; }
#header .gnb_wrap .gnb > li .dp2 > li:first-child > a{padding: 0 0 15px 0;}
#header .gnb_wrap .gnb > li .dp3 > li > a{ padding:.3em 0; padding-left:10px; position:relative; font-size:.813em; opacity:.8; transition:.2s;}
#header .gnb_wrap .gnb > li .dp3 > li > a:after{ content:""; position:absolute; left:0; top:50%; margin-top:-1px; width:4px; height:2px; background:#fff;}
/* #header .gnb_wrap .gnb > li .dp2 > li:hover > a .va{padding-left:8px; } */
#header .gnb_wrap .gnb > li .dp3 > li:hover > a{ opacity:1; margin-left:.5em;}
#header .gnb_wrap .gnb > li .gnb_draw.open{ display:block;}

#header .notice_wrap { position:relative; overflow: hidden; height: 4.5em !important; line-height: 4.5em !important; /*width: 40em;*/ flex:1; margin-left: 3em;}
#header .notice_wrap .notice_inner {overflow: hidden; height: 4.5em !important; line-height: 4.5em !important; padding: 0 1em 0 0;}
.notice_wrap .el{display: flex; flex-wrap: wrap; align-items: center; align-content: center;}
.notice_wrap .el .tt{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; flex:1; padding-right: 1em;}
.notice_wrap .el .tt > a {font-size:.875em; color: #444; }
.notice_wrap .el .tt .title {vertical-align: baseline; padding-right: 1em; color: #111; font-size: 1.063em; font-weight: 500;}
.notice_wrap .el .tt .xi{font-size: 1.5em; color: #111;}
.notice_wrap .el .date{margin-left: auto; color: #888; font-size: .750em;}

.notice_control_wrap{position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 333;}
.swiper-button-prev.mainnoTice,
.swiper-button-next.mainnoTice { position: inherit; left: inherit; top: inherit; width: inherit; height: inherit; margin-top: 0;}
.swiper-button-prev.mainnoTice,
.swiper-button-next.mainnoTice{ color:#111; opacity:.3}
.swiper-button-prev.mainnoTice:hover,
.swiper-button-next.mainnoTice:hover{ opacity:1}
/* .swiper-button-prev{ left:0}
.swiper-button-next{ right:0}
.swiper-button-prev.out{ left:-5em}
.swiper-button-next.out{ right:-5em} */
.swiper-button-prev.mainnoTice:before,
.swiper-button-next.mainnoTice.mainnoTice.mainnoTice.mainnoTice:before{ font-family:xeicon!important; font-size:2em}
.swiper-button-prev.mainnoTice.mainnoTice.mainnoTice:before{ content:"\e946"}
.swiper-button-next.mainnoTice.mainnoTice:before{ content:"\e943"}
.swiper-button-prev.mainnoTice.swiper-button-disabled,
.swiper-button-next.mainnoTice.swiper-button-disabled {  opacity: 0.35;  cursor: auto;  pointer-events: none;}
.swiper-button-next.mainnoTice,
.swiper-container-rtl .swiper-button-prev.mainnoTice {background-image: inherit !important; right: inherit;}
.swiper-button-prev.mainnoTice,
.swiper-container-rtl .swiper-button-next.mainnoTice {background-image: inherit !important; right: inherit;}



.scroll #header{position: fixed; left: 0; top: 0; width: 100%; z-index: 777;}
.scroll #header .etc_btn li a,
.scroll #header .inner .gnb > li > a,
.scroll #header .inner .logo a{height: 4.5em; line-height: 4.5em; transition: .3s;}
.scroll #header .gnbBg{top: 4.5em;}
.scroll #header .gnb_wrap .gnb > li .gnb_draw{top: 4.5em;}

.sub_body #header{position: fixed; left: 0; top: 0; width: 100%; z-index: 333; /*height: 4.5em;*/}
.sub_body #header{  box-shadow: 0 2px 0.5em rgb(0 0 0 / 10%);}
.sub_body #header .gnbBg{top: 4em; top: 4.5em;}
.sub_body #header .gnb_wrap .gnb > li .gnb_draw{top: 4.5em;}
.sub_body #header .etc_btn li a,
.sub_body #header .inner .gnb > li > a,
.sub_body #header .inner .logo a{height: 4.5em; line-height: 4.5em;}

#modal_lang { width: 1000px; width: 62.500em; max-width: 96%; background: #000; padding: 2.5em 3em; text-align: center; box-shadow: 0 0 5px #f57d20a1; }
#modal_lang .tt { font-size: 1.588em; font-weight: 600; color: #20b0f5;  line-height: 1.5;}
#modal_lang ul { display: flex; justify-content: center; align-items: center; margin: 3em 0 0 -1.5em; flex-wrap: wrap;}
#modal_lang ul li { flex: 1 1 25%}
#modal_lang ul li a { display: block; margin: 0 0 0 1.5em;}
#modal_lang ul li a .img { display: flex; justify-content: center; align-items: center; height: 6.250em; }
#modal_lang ul li a .st { font-size: 1.063em; font-weight: 500; margin-top: 2em; color: #FFF; transition: .3s; }
#modal_lang ul li a:hover .st { color: #f57d20; }

/* 2022-11-14 jk */
/* #modal_lang .usa_etc { display: inline-block; margin-top: 3rem; color: #DDD; text-decoration: underline; font-size: .938em; transition: .3s; line-height: 1.5; } */
/* #modal_lang .usa_etc:hover { color: #f57d20; } */
#modal_lang .language-point { color: #f57d20; }
#modal_lang .usa_etc { display: inline-block; margin-top: 3rem; color: #DDD; /*text-decoration: underline;*/ font-size: 1em; transition: .3s; line-height: 1.5; }
/* 2022-11-14 jk end */

#contents{min-height: 100vh;}
.sub_body #contents { padding-top: 4.5em;}
#contents .main_visual_w_wrap{overflow: hidden; padding: 40px 0; padding: 20px 0; position: relative;}
#contents .main_visual_w { display: flex; position: relative; }
#contents .main_visual { /*width: 1800px; height: 742px;*/ width: 112.500em; height: 46.375em; height: 50em; max-width: 94vw; max-width: 97vw; height: 51em; background: #FFF; margin: 0 auto; border-radius: 15px; box-shadow: 0 0 5px rgba(0,0,0,.9); position: relative; display: flex; flex-wrap: wrap; width: 100%; overflow:hidden; box-sizing:border-box; justify-content:center; align-content:center; align-items:center;}
#contents .main_visual .inbg{background-repeat:no-repeat; background-position:50% 50%; background-size:cover; display: inline-block; width: 100%; height: 100%;}
/* #contents .main_visual .title { position: absolute; top: 245px; left: -242px; padding: 15px 55px; background: #f57d20; color: #FFF; letter-spacing: 6px; transform: rotate(-90deg); font-size: .875em; border-radius: 9px 9px 0 0; z-index: -1; border-radius: 8px 8px 0 0; box-shadow: 0 1px 3px rgba(0,0,0,.9); } */
#contents .main_visual .title{position: absolute; top: 50%; right: 100%; padding: 15px 55px; background: #f57d20; color: #fff; letter-spacing: 6px; transform:rotate(-90deg) translate(100%, 0);
font-size: .875em; border-radius: 8px 8px 0 0; z-index: -1;  box-shadow: 0 1px 3px rgba(0,0,0,.9);  transform-origin: bottom right;}
#contents .main_visual .inner { /*position: relative; width: 100%; height: 100%; border-radius: 15px; overflow: hidden; */ overflow: hidden; border-radius: 15px; height: 100%; flex:1; min-width: 0; box-sizing: border-box;}
#contents .main_visual .inner .game_info { display: inline-block; padding-left: 5em; box-sizing: border-box; padding-top: 3em; position: relative; z-index: 3; padding-top: 4em; padding-left: 8em; padding-top: 6em;}
#contents .main_visual .inner .game_info .game_logo { width: 8em;}
#contents .main_visual .inner .game_info .game_logo img { max-height: 100%; max-width: 100%;}
#contents .main_visual .inner .game_info .game_t1 { font-size: 3.188em; font-weight: 700; color: #222; margin-top: 25px; font-family: 'Righteous', cursive; letter-spacing: .025em; color: #fff; text-shadow: 1.25px 1.25px 1.25px black; font-size: 3.5em;}
#contents .main_visual .inner .game_info .game_t2 { font-size: 1.125em; color: #777; font-weight: 500; margin-top: 10px;  font-family: 'Righteous', cursive; color: #fff;}
#contents .main_visual .inner .game_info .game_btn { /*font-size: 0; margin-top: 50px; */ display: inline-flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; margin: 5em 0 0 -2em;}
#contents .main_visual .inner .game_info .game_btn li { /*display: inline-block; font-size: 1rem; */ flex: 1 0 33.33%;}
#contents .main_visual .inner .game_info .game_btn li a { display: block; background: #ffde00; width: 12.500em; border-radius: 8px; text-align: center; box-shadow: 3px 3px 5px rgba(0,0,0,.4); padding: 35px 20px; box-sizing: border-box; margin:0 0 0 2em; padding:2em 1.5em;}
#contents .main_visual .inner .game_info .game_btn li:nth-child(2) a { background: #ffae00; }
#contents .main_visual .inner .game_info .game_btn li:last-child a { background: #ededed; }
/* #contents .main_visual .inner .game_info .game_btn li:not(:last-child) a { margin-right: 40px; } */
#contents .main_visual .inner .game_info .game_btn li a .xi { width: 70px; height: 70px; line-height: 70px; border-radius: 50%; background: #FFF; box-shadow: inset 0 0 3px rgba(0,0,0,.8); font-size: 2.313em; color: #ff8f00; }
#contents .main_visual .inner .game_info .game_btn li:nth-child(2) a .xi { color: #ff6000; }
#contents .main_visual .inner .game_info .game_btn li:last-child a .xi { color: #000; }
#contents .main_visual .inner .game_info .game_btn li a .tt { font-weight: 500; color: #222; margin-top: 15px; }
#contents .main_visual .inner .game_info .game_btn li a .st { font-size: .813em; color: #777; line-height: 1.3; margin-top: 10px; }

#contents .main_control_wrap {position: absolute; left: 0; width:100%; z-index: 3; bottom: 7%;}
#contents .main_control_wrap .control_inner{display: flex; flex-wrap:wrap; align-items: center; align-content: center; margin: 0 auto; width: 100%; max-width: 85%; max-width: 84%}
#contents .main_control_wrap .control_inner > *{min-width:0; box-sizing: border-box;}
#contents .main_control_wrap .control_inner .dot_wrap{}
#contents .main_control_wrap .control_inner .dot_wrap .dot_btn{ position: relative; display: inline-block; height: .5em; width: .5em; margin: 0 .25em; background: transparent; border: 1px solid rgba(255,255,255,.4); cursor: pointer; opacity:1;  transition: .3s;}
#contents .main_control_wrap .control_inner .dot_wrap .dot_btn .btnIn{ position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 0;}
#contents .main_control_wrap .control_inner .dot_wrap .dot_btn.on{ width: 5em;  }
#contents .main_control_wrap .control_inner .dot_wrap .dot_btn.on .btnIn { background: #f57d20; transition: 0; width: 100%; }

#contents .main_control_wrap .control_inner .game_nav_wrap{margin-left: 1em;}
#contents .main_control_wrap .control_inner .game_nav {display: flex; flex-wrap: wrap; align-items: center; align-content: center; box-sizing: border-box; min-width: 0;}
#contents .main_control_wrap .control_inner .game_nav li { border-radius: 50%; color: #FFF; cursor: pointer; text-align: center; border: 1px solid rgba(255,255,255,.4); min-width: 0; box-sizing: border-box; margin: 0 .250em; width:2.8em; line-height: 2.8em; height: 2.8em;}
#contents .main_control_wrap .control_inner .game_nav li .xi{font-size: 1.188em; display: block;}
#contents .main_control_wrap .control_inner .game_nav li.left_arrow { /*transform: rotate(-90deg);  margin-right: 10px; */}
#contents .main_control_wrap .control_inner .game_nav li.right_arrow { /*transform: rotate(90deg); */}
#contents .main_control_wrap .control_inner .game_nav li.adbtn{background: #000; border: none;}
#contents .main_control_wrap .control_inner .game_nav li:hover{background: #333; transition: .3s; border: 1px solid #333;}

#contents .main_visual .inner .bg { position: absolute; top: 0; right: 0; width: 45em; width: 100%; height: 100%; background-repeat: no-repeat; background-position: top center; background-size: cover;}
#contents .main_visual .inner .bg:before{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3)}
#contents .main_visual .game_img { width: 37.5em; /*position: absolute; right: 25em; transform: translate(50%, -50%); top: 50%;  */  width: 40em; z-index: 3; height: 95%; /*text-align: left !important*/  margin-left: auto; padding-right: 5em;}
#contents .main_visual .game_img .resize{padding-bottom: 100%;}
#contents .main_visual .game_img .resize .re img{max-height: 100%;}
#contents .arcade_w { margin-top: 50px; }
#contents .arcade_w .title { text-align: center; font-family: 'Righteous', cursive; font-size: 2.875em; color: #f57d20; font-style: italic; }

#contents .arcade_w ul { margin-top: 22px; position: relative; display: flex; flex-wrap: wrap;  background: #fff}
#contents .arcade_w ul:before { content: ""; width: 100%; height: 4px; position: absolute; top: -4px; left: 0; background: linear-gradient(to right, #ff0204 0%, #ff95eb 33%, #ffe84b 66%, #1574ea 100%); }
#contents .arcade_w ul:after { content: ""; width: 100%; height: 4px; position: absolute; bottom: 0; left: 0; background: linear-gradient(to right, #ff0204 0%, #ff95eb 33%, #ffe84b 66%, #1574ea 100%); }
#contents .arcade_w ul li { box-sizing: border-box; position: relative; overflow: hidden; background: #fff;  /*flex: 1 0 33.33%; max-width: 33.33%; */ flex:1}
#contents .arcade_w ul li:before{position: absolute; content: ""; width: 1px; height: 100%; background: #ddd; left: 0; top: 0;}
#contents .arcade_w ul li:first-child:before{display: none;}
#contents .arcade_w ul li .li_inner{padding: 26em 2.188em 3em 2.188em;  }
#contents .arcade_w ul li:not(:last-child) { border-right: 0; }
#contents .arcade_w ul li .img { position: absolute; top: 20px; right: -110px; opacity: .15; transition: .5s; }

#contents .arcade_w ul li .t1 { font-size: .375em; letter-spacing: .5em; color: #1574ea; font-weight: 300; }
#contents .arcade_w ul li .t2 { font-family: 'Righteous', cursive; font-size: 2em; font-weight: 500; margin-top: 5px; color: #333; }
#contents .arcade_w ul li .t3 { font-size: .875em; color: #666; margin-top: 15px; line-height: 1.5; display: none;}
#contents .arcade_w ul li .btn { margin-top: 30px; border: 1px solid #1574ea; color: #1574ea; font-size: .938em; display: inline-block; border-radius: 46px; text-align: center; transition: .3s; padding: .875em 3em;}
#contents .arcade_w ul li:hover { cursor: pointer; background: #f1f1f1; }
#contents .arcade_w ul li:hover .img { right: 50%; margin-right: -255px; opacity: 1; }

#contents .arcade_w ul li.sports_game:hover .img { margin-right: -260px; }
#contents .arcade_w ul li.music_game:hover .img { margin-right: -270px; }

#contents .arcade_w ul li.music_game .t1 { color: #1574ea; }
#contents .arcade_w ul li.music_game .btn { border-color: #1574ea; color: #1574ea; }
#contents .arcade_w ul li.music_game:hover .btn { background: #1574ea; color: #FFF; transition: .3s; opacity: .75; }
#contents .arcade_w ul li.music_game .btn:hover { opacity: 1; }
#contents .arcade_w ul li.casual_game .t1 { color: #eb2f30; }
#contents .arcade_w ul li.casual_game .btn { border-color: #eb2f30; color: #eb2f30; }
#contents .arcade_w ul li.casual_game:hover .btn { background: #eb2f30; color: #FFF; transition: .3s; opacity: .75; }
#contents .arcade_w ul li.casual_game .btn:hover { opacity: 1; }
#contents .arcade_w ul li.sports_game .t1 { color: #ffbf27; }
#contents .arcade_w ul li.sports_game .btn { border-color: #ffbf27; color: #ffbf27; }
#contents .arcade_w ul li.sports_game:hover .btn { background: #ffbf27; color: #FFF; transition: .3s; opacity: .75; }
#contents .arcade_w ul li.sports_game .btn:hover { opacity: 1; }
#contents .arcade_w ul li.prize_game .t1 { color: #ff98eb; }
#contents .arcade_w ul li.prize_game .btn { border-color: #ff98eb; color: #ff98eb; }
#contents .arcade_w ul li.prize_game:hover .btn { background: #ff98eb; color: #FFF; transition: .3s; opacity: .75; }
#contents .arcade_w ul li.prize_game .btn:hover { opacity: 1; }
#contents .arcade_w ul li.redemp_game .t1 { color: #05c400; }
#contents .arcade_w ul li.redemp_game .btn { border-color: #05c400; }
#contents .arcade_w ul li.redemp_game:hover .btn { background: #05c400; color: #FFF; transition: .3s; opacity: .75; }
#contents .arcade_w ul li.redemp_game .btn:hover { opacity: 1; }

#contents .best_w { position: relative; z-index: 2; background: #fff0e4; background-image: url('/global/images/arch_bg.png'); background-repeat: no-repeat; background-position: top -20% center; background-size: cover;  background-position: top 10em center}
#contents .best_w .title { text-align: center; font-family: 'Righteous', cursive; font-size: 2.875em; color: #f57d20; font-style: italic; padding-top:3em;}
#contents .best_w .best { position: relative; width: 1000px; max-width: 96%; height: 540px; margin: 22px auto 0 auto; border: 8px solid #000; background: #141c3a; box-sizing: border-box; box-shadow: 0 0 5px rgba(255,233,0,.8); }
#contents .best_w .best .tt { position: absolute; bottom: 33px; left: 26px; font-family: 'Righteous', cursive; font-size: 2.5em; color: #098eff; font-style: italic; }
#contents .best_w .best .info { position: absolute; bottom: 33px; right: 54px; }
#contents .best_w .best .info .t1 { font-size: .750em; color: #00c0ff; margin-top: 13px; }
#contents .best_w .best .info .t2 { font-size: .875em; color: #FFF; margin-top: 3px; }
#contents .best_w .best .bg { position: absolute; bottom: -112px; left: 50%; transform: translate(-50%, 0); width: 825px; max-width: 100%; }
#contents .best_w .best .best_game_img { position: absolute; /* bottom: -70px; transform: translate(-50%, 0);*/  /*width: 22.5em;*/ transform: translateX(-50%); bottom: -5em; left: 50%; text-align: center; height: 100%;}
#contents .best_w .best .best_game_img img {max-width: 100%; max-height: 100%;}
#contents .best_w .best .best_game_img .resize{padding-bottom: 141.66666%; padding-bottom:100%;}
#contents .best_w .best_btn { width: 1000px; max-width: 96%; margin: 15px auto 0 auto; position: relative; z-index: 1; }
#contents .best_w .best_btn ul { display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: flex-end;}
#contents .best_w .best_btn ul li {}
#contents .best_w .best_btn ul li a { text-align: center; box-sizing: border-box; transition: .3s; display: block; margin: 0 0 0 .55em;}
#contents .best_w .best_btn ul li a .xi {color: #fff; background: #f57d20; width: 54px; height: 54px; line-height: 54px; border-radius: 50%; box-shadow: 0 0 4px rgb(0 0 0 / 70%)}
#contents .best_w .best_btn ul li a .tt{display: block; font-size: .688em; color: #888; padding-top: .35em;}
#contents .best_w .best_btn ul li:nth-child(2) a .xi { background: #0056cb; }
#contents .best_w .best_btn ul li:last-child a .xi { background: #ff0000; }
#contents .best_w .best_btn ul li a:hover .xi { box-shadow: none; }

#contents .arch_bg { position: absolute; top: 200px; left: 50%; transform: translate(-50%, 0); width: 100%; height: 486px; overflow: hidden; z-index: -1; }

#contents .news_w { background: #FFF; padding-top: 140px; }
#contents .news_w .title { width: 1200px; margin: 0 auto; text-align: right; font-family: 'Righteous', cursive; font-size: 2.875em; color: #f57d20; font-style: italic; }
#contents .news_w .news { position: relative; background: linear-gradient(to right, #f89218 0%, #f57e20 100%); padding: 15px 0; margin-top: 5px; text-align: right;/* font-size: 0; */}
#contents .news_w .news .img { position: absolute; top: 50%; left: 50%; width: 50em; /*height: 28.250em;*/ transform: translate(-100%, -50%); z-index: 1; /* background: #FFF; box-shadow: 5px 5px 5px rgba(0,0,0,.5);*/}
#contents .news_w .news .img .resize{ background: #FFF; box-shadow: 5px 5px 5px rgba(0,0,0,.5);}
#contents .news_w .news .img .resize .re{display: flex; justify-content: center;}
#contents .news_w .news .img .resize .re img{width: 100%;}
#contents .news_w .news .info { display: inline-block; width: calc(50% - 40px); padding: 2em 20em 2em 2em; box-sizing: border-box; font-size: 1rem; text-align: left; background: rgba(255,255,255,.95); }
#contents .news_w .news .info .t1 { position: relative; font-size: .813em; font-weight: 500; color: #f57d20; letter-spacing: 1.5px; }
#contents .news_w .news .info .t1:before { content: ""; position: absolute; top: 50%; left: -8px; transform: translate(-100%, -50%); width: 200px; height: 2px; background: #ffd200; }
#contents .news_w .news .info .t2 { font-size: 1.875em; font-weight: 600; color: #8a3e00; line-height: 1.3; margin-top: 22px; }
#contents .news_w .news .info .t3 { font-size: .938em; font-weight: 500; color: #b0643e; line-height: 1.4; margin-top: 12px; }
#contents .news_w .news .info .date { font-size: .875em; font-weight: 500; color: #db7d34; letter-spacing: 0; margin-top: 10px; }
#contents .news_w .news .info .btn { margin-top: 30px; }
#contents .news_w .news .info .btn a { display: inline-block; /*width: 180px; height: 49px; line-height: 49px;*/ border-radius: 49px; text-align: center; background: #000; color: #FFF; font-size: .938em; box-shadow: 0 0 7px rgba(225,154,0,.8); transition: .3s; padding: 1em 3em;}

#contents .service_w { background: #FFF; padding-top: 200px; position: relative; display: flex; align-items: flex-end; }
#contents .service_w .title { padding: 75px 168px 75px 262px; background: linear-gradient(to right, #ffce02 0%, #f7981e 100%); }
#contents .service_w .title .t1 { font-family: 'Righteous', cursive; font-size: 2.125em; color: #FFF; font-style: italic; }
#contents .service_w .title .t2 { font-size: 1.063em; font-weight: 200; color: #f3f3f3; margin-top: 10px; line-height: 1.5; }

#contents .service_w .service { flex-grow: 1; }
#contents .service_w .service ul { display: flex; padding-right: 260px; background: #000; }
#contents .service_w .service ul li { display: flex; width: 25%; justify-content: center; align-items: center; }
#contents .service_w .service ul li a { display: flex; flex-flow: column wrap; justify-content: center; align-items: center; width: 100%; height: 220px; color: #FFF; font-size: 1.063em; border-right: 1px solid #747474; }
#contents .service_w .service ul li a .txt { margin-top: 7px; }


#footer { background: #222; }
#footer .footer_top { display: flex; width: 1400px; max-width: 96%; margin: 0 auto; padding-top: 46px; box-sizing: border-box;}
#footer .footer_top .info { }
#footer .footer_top .info .logo { margin-left: -32px; }
#footer .footer_top .info .kr { margin-top: 25px; line-height: 1.5; }
#footer .footer_top .info .kr .tt { color: #FFF; }
#footer .footer_top .info .kr .st { color: #DDD; font-size: .938em; font-weight: 300; }
#footer .footer_top .info .usa { margin-top: 20px; line-height: 1.5; }
#footer .footer_top .info .usa .tt { color: #FFF; }
#footer .footer_top .info .usa .st { color: #DDD; font-size: .938em; font-weight: 300; }

#footer .footer_top .btn { display: flex; flex-grow: 1; margin-left: 80px; height: inherit !important; line-height: inherit !important;}
#footer .footer_top .btn ul { display: flex; flex-flow: row wrap; width: 430px; }
#footer .footer_top .btn ul li { width: 50%; text-align: center; }
#footer .footer_top .btn ul li a { color: #FFF; font-size: 1.063em; transition: .3s; }
#footer .footer_top .btn ul li a:hover { color: #f57d20; }

#footer .footer_top .social { }
#footer .footer_top .social .tt { color: #DDD; font-weight: 200; font-size: .938em; letter-spacing: 1px; }
#footer .footer_top .social ul { display: flex; flex-flow: row nowrap; margin-top: 20px; }
#footer .footer_top .social ul li { }
#footer .footer_top .social ul li a { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; border: 1px solid #FFF; border-radius: 50%; font-size: 1.125em; color: #FFF; }
#footer .footer_top .social ul li:not(:last-child) a { margin-right: 15px; }

#footer .footer_line { width: 100%; height: 1px; margin-top: 50px;  background: rgba(255,255,255,.1)}

#footer .footer_btm { display: flex; justify-content: space-between; align-items: center; width: 1400px; max-width: 96%; height: 68px; margin: 0 auto; font-size: .938em; color: #DDD; }
#footer .footer_btm .copyright { }
#footer .footer_btm .contact { }
#footer .footer_btm .contact .space { display: inline-block; width: 22px; }
#footer .footer_btm .contact > a{color: #fff; vertical-align: baseline;}
/*sub*/
.game_w { width: 1400px; max-width: 96%; margin: 0 auto; }

/*1-1*/
.game_w .title { text-align: center; }
.game_w .cate_w { display: flex; flex-flow: row nowrap; justify-content: center; }
.game_w .cate_w { }
.game_w .cate_w li { }
.game_w .cate_w li a { }

/*2_2*/
.sup_btn_area { font-size: 1rem; }
#game_ul .mini_icon_area { margin: 0!important; }
/* .support_area { width: 1200px!important; max-width: 100%; margin: 0 auto!important; } */
#game_ul { margin: 0 0 -30px -15px!important; }
#game_ul li { width: 25%!important; margin-bottom: 0!important; }
#game_ul .game_box { margin: 0 0 30px 15px!important; }
#game_ul .game_weight { margin-bottom: 0!important; }
#game_ul .game_img.wh_ed { padding: 20px!important; }

#game_ul.game_list .game_img { background: #f1f1f1; }
#game_ul .game_name { margin-top: 0!important; }
#game_ul .game_name .cate_st { font-weight: 300!important; display: block!important; font-size: .813rem!important; margin: 0 !important; color: #AAA!important; letter-spacing: 0; transition: .3s; margin-top: 0!important; }
#game_ul li:hover .cate_st { }
#game_ul .bg_btn .xi { font-size: 1.5em!important; }
#game_ul .game_name { display: block; height: auto; font-size: 1.063rem; font-weight: 400; text-align: center; color: #646464; line-height: 1.3; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sup_btn_area > a:not(:last-child) { margin-bottom: 10px; }
#game_ul .game_con .detail_w { padding: 15px 0; background: #fafafa; transition: .3s; }
#game_ul .game_con .detail_w .game_dimension,
#game_ul .game_con .detail_w .game_weight { font-size: .813rem!important; font-weight: 400!important; line-height: 1.6!important; }
#game_ul .game_con:hover .detail_w { background: #ffbf28; }
#game_ul .game_con:hover .game_dimension,
#game_ul .game_con:hover .game_weight { color: #FFF; }
#game_ul .game_con:hover .cate_st { color: #ddd!important; }

#game_ul .game_name .iptt{display: block; color: #777; padding-top: .5em;   font-family: 'Ms'; font-size: .625em; font-weight: 600;}
#game_ul .game_con:hover .iptt{ color: #ddd !important; }

#game_ul .game_state {width:10em; height:10em; overflow: hidden; position: absolute;	top: 0; left: 0; z-index: 33;}
#game_ul .game_state .ti {	width:10em;	padding: 10px;	background-color: #aaa;	color: #fff;	text-align: center;	transform: rotate(-45deg) translate(-28%, -35%); font-size: .938em;}

.support_area.st1 #game_ul li {width: 14.28% !important}
/* .support_area.st1 #game_ul .game_con .detail_w{min-height: 7em;} */
.support_area.st1 #game_ul{margin: 0 0 20px -10px !important}
.support_area.st1 #game_ul .game_name {font-size: 1rem;}
.support_area.st1 #game_ul .game_box{margin: 0 0 20px 10px !important}
.support_area.st1 #game_ul .game_img a,
.support_area.st1 .game_img .no_image{font-size: .813em;}


.photo_idx ul#game_cate_ul li { border: none; width: auto; height: auto; margin: 0; }
.photo_idx ul#game_cate_ul li:hover { background: none; }
.photo_idx ul#game_cate_ul li a { display: inline-block; font-size: .938rem; width: 150px; height: 50px; border: 1px solid #f56620; margin: 0 5px; font-weight: 300; position: relative; color: #f56620; transition: .3s; position: relative; }
.photo_idx ul#game_cate_ul li:hover a { color: #FFF; background: #f57d20; }
.photo_idx ul#game_cate_ul li a#bo_cate_on { color: #FFF!important; background: #f57d20; }
.photo_idx ul#game_cate_ul li a:after { content: ""; position: absolute; left: 50%; bottom: -3px; width: 0; height: 5px; margin-left: -25px; background: #ffbf28; opacity: 0; z-index: 9; transition: .5s; }
.photo_idx ul#game_cate_ul li a#bo_cate_on:after { opacity: 1; width: 50px; }
/*2_3, 2_4*/
.board_st.down p { display: inline-block; color: #333; }
.board_st.down .file_down { display: inline-block; width: 100%; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .750em; color: #777; background: #eee; padding: 10px 20px; cursor: pointer; font-weight: 100; border: 1px solid #CCC; }
.board_st.down .file_down:hover { transition: .3s; box-shadow: 0px 1px 3px rgba(0,0,0,.3); background: #f3f3f3; }
.board_st.down td { padding: 10px; }

.game_cate_title {display:inline-block;margin:0 0 10px 0;font-size:1em;color:#bcbcbc;font-weight:600;} /* 분류스타일 */
#game_ul { /*display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-evenly; zoom:1; */overflow:hidden; text-align:left; margin-bottom: 100px; }
/* #game_ul li{max-width:314px; margin:0 0 50px; } */
#game_ul .game_box {position:relative; background:#fff; border:1px solid #ddd; 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_con { position: relative; cursor: pointer; }
#game_ul .game_con:hover .bg_btn { opacity: 1; }
#game_ul .game_con:hover .game_name { background: #f57d20; color: #FFF; }
#game_ul .bg_btn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.75); border: 2px solid #f57d20; border-bottom: 0; box-sizing: border-box; font-size: 1rem; transition: .3s; opacity: 0; z-index: 2;}
#game_ul .bg_btn p:not(:last-child) { margin-bottom: 8px; }
#game_ul .bg_btn .xi { font-size: 2.125rem; transition: .3s; color: #EEE; vertical-align: middle; }
#game_ul .bg_btn .tt { vertical-align: middle; transition: .3s; font-weight: 600; }
#game_ul .bg_btn .vm_tt { text-align: left; }

#game_ul .game_con .bg_btn p:not(:last-child) { margin-bottom: 10px; }
#game_ul .game_con .bg_btn p a { transition: .3s; opacity: 1; }
#game_ul .game_con .bg_btn p a .tt { color: #000; transition: .3s; }


#game_ul .game_con:hover .bg_btn .xi { transform: rotate(360deg); color: #f57d20; }
#game_ul .game_con:hover .bg_btn .tt { margin-left: 5px; }

#game_ul.sup_game .game_con { position: relative; cursor: default; }
#game_ul.sup_game .game_con:hover .game_name { background: inherit; color: inherit; }
#game_ul.sup_game .game_img { height: auto; padding: 0; }
/* .support_area { width: 1500px!important; } */

/* 게임 목록 */
.game_cate_title {display:inline-block;margin:0 0 10px 0;font-size:1em;color:#bcbcbc;font-weight:600;} /* 분류스타일 */
#game_ul { display:flex; flex-flow: row wrap; justify-content:flex-start; text-align:left; margin-bottom: 100px; }

#game_ul .game_box {position:relative; background:#fff; border:1px solid #DDD; 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_con { position: relative; cursor: pointer; }
#game_ul .game_con:hover .bg_btn { opacity: 1; }
#game_ul .game_con:hover .game_name { background: #f57d20; color: #FFF; }
#game_ul .bg_btn { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,.75); border: 2px solid #f57d20; border-bottom: 0; box-sizing: border-box; font-size: 1rem; transition: .3s; opacity: 0; z-index: 2;}
#game_ul .bg_btn p:not(:last-child) { margin-bottom: 8px; }
#game_ul .bg_btn .xi { font-size: 1.438rem; transition: .3s; color: #EEE; vertical-align: middle; }
#game_ul .bg_btn .tt { vertical-align: middle; transition: .3s; font-weight: 600; }
#game_ul .bg_btn .vm_tt { text-align: left; }

#game_ul .game_con .bg_btn p:not(:last-child) { margin-bottom: 10px; }
#game_ul .game_con .bg_btn p a { transition: .3s; opacity: 1; }
#game_ul .game_con .bg_btn p a .tt { color: #111; transition: .3s; }


#game_ul .game_con:hover .bg_btn .xi { transform: rotate(360deg); color: #f57d20; }
#game_ul .game_con:hover .bg_btn .tt { margin-left: 5px; }

#game_ul.sup_game .game_con { position: relative; cursor: default; }
#game_ul.sup_game .game_con:hover .game_name { background: inherit; color: inherit; }
#game_ul.sup_game .game_img { height: auto; padding: 0; }
/* .support_area { width: 1500px!important; } */



#game_ul .game_img{text-align:center; /*height: 300px;*/ position: relative; padding: 15px; box-sizing: border-box; }
#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:auto; height:auto;}/*썸네일 크기*/
#game_ul .game_img span{display:inline-block;background:transparent;text-align:center;text-transform:uppercase;font-weight:bold;font-size:1.25em;color:#777}
#game_ul .game_name{display:block; font-size:1.125rem; letter-spacing:-.5px;font-weight:600; text-align:center; color:#444; padding:15px 10px;  transition: .3s; height: 4em;}
#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_ul .resize { padding-bottom: 100%; }


.admin_v { margin-bottom: 20px; vertical-align: middle; text-align: right; }
.admin_v p { display: inline-block; font-size: .875em; vertical-align: middle; color: #666; margin-right: 10px; }
.admin_v p i { vertical-align: middle; }
.admin_v p span { vertical-align: middle; }

.prod_view_dv .icon { display: inline-block; padding: 5px 12px; font-size: .625em; color: #FFF; background: #f5f5f5}
.prod_view_dv .icon.new { background: #e74c3c;}
.prod_view_dv .icon.steady { background: #3498db; }

.prod_view_dv{margin-bottom:65px; display: flex; flex-wrap: wrap; justify-content: center; background: #f5f5f5}
.prod_view_dv > *{min-width: 0; box-sizing: border-box;}
.prod_view_dv .l_dv{flex:1 1 55%;}
.prod_view_dv .l_dv .inner{padding: 2em;}
.prod_view_dv .l_dv .main_view{text-align:center; /*padding-bottom: 100%; padding-bottom: 70%*/}
.prod_view_dv .l_dv .s_view ul{overflow:hidden; margin-left:-10px; margin-top:20px; margin-top: 0; padding: 1em 0; display: flex; flex-wrap: wrap; margin-left: 0; overflow: inherit;}
.prod_view_dv .l_dv .s_view ul li{float:left; width:25%; float: inherit; width: inherit; flex:1 1 1%; max-width:33.33%;}
.prod_view_dv .l_dv .s_view ul li .border_dv{/*border:1px solid #ddd; */ margin-left:10px; text-align:center; transition:.3s; box-sizing:border-box; cursor: pointer; padding-bottom: 35%;}
.prod_view_dv .l_dv .s_view ul li .border_dv img{opacity:.3;}
.prod_view_dv .l_dv .s_view ul li.on .border_dv{border:1px solid #09F; border: none;}
.prod_view_dv .l_dv .s_view ul li.on .border_dv img{opacity:1;}

.prod_view_dv .r_dv{text-align:left; flex:1; min-width: 0; background: #fff; flex: 1 1 45%;}
.prod_view_dv .r_dv .txt_dv{padding-left:5%; position: relative; padding: 2em 3em 0 3em}

.prod_view_dv .r_dv .txt_dv .in_tw .inner .top_con_wrap{display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: space-between; padding-bottom: 1em}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .top_con_wrap .icon_wrap{}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .top_con_wrap .sns_wrap{}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .top_con_wrap .sns_wrap .list{display: flex; flex-wrap: wrap; align-items: center; align-content: center; margin: 0 0 0 -2.5em;}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .top_con_wrap .sns_wrap .list > li{}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .top_con_wrap .sns_wrap .list > li .in{display: block; border-radius: 50%; width: 2em; line-height: 2em; height: 2em; text-align: center; margin: 0 0 0 .25em;}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .top_con_wrap .sns_wrap .list > li .in .xi{color: #fff; display: block; text-align: center; font-size: 1.063em}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .top_con_wrap .sns_wrap .list > li .in.tst{background: #35b3dc}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .top_con_wrap .sns_wrap .list > li .in.gst{background: #d5503a}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .top_con_wrap .sns_wrap .list > li .in.fst{background: #415b92}

/* .prod_view_dv .r_dv .txt_dv .qr_btn { position: absolute; top: 0; right: 0; height: 100px; top: -10px; z-index: 1; } */
/* .prod_view_dv .r_dv .txt_dv .qr_btn img { max-height: 100%; } */
.prod_view_dv .r_dv .txt_dv .in_tw{}
.prod_view_dv .r_dv .txt_dv .in_tw .inner{}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .view_fin_wrap{display: flex; flex-wrap: wrap; box-sizing: border-box; min-width: 0; align-items: center; align-content: center;}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .view_fin_wrap .con{}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .view_fin_wrap .con1{margin-right: .5em;}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .view_fin_wrap .con2{}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .game_view_state{}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .game_view_state .ti{background: #ccc; color: #fff; padding: .313em; border-radius: .25em; font-size: .875em;}

.prod_view_dv .r_dv .txt_dv .name1{ font-size: .625em;color: #3ab3ff; letter-spacing: 0.75px; font-weight: 300; font-size: .875em;}
.prod_view_dv .r_dv .txt_dv .name2{color:#111;  margin-top: 5px; position: relative; z-index: 3; font-weight: 800; font-size: 2.5em; letter-spacing: -1px;}
.prod_view_dv .r_dv .txt_dv .name3{font-size: .938em; color: #666; margin-top: 5px; margin-bottom: 10px;}
.prod_view_dv .r_dv .txt_dv .iptt{color: #777;font-family: 'Ms'; font-size: .625em; font-weight: 600;}
.prod_view_dv .r_dv .txt_dv .in_tw.st1{margin-top: 1.5em;}
.prod_view_dv .r_dv .txt_dv .in_tw.st1 .inner{display: flex; flex-wrap: wrap;}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .lCon{}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .lCon .t1{}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .lCon .t1 .tt{font-size: .813em; padding-right: .25em; color: #999; font-weight: 400;}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .lCon .t1 .copyBtn{display: inline-block; background: #f3f3f3; padding: .5em 1em; border-radius: .5em; font-size: .750em}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .lCon .t1 .copyBtn:hover{background: #f57d20; color: #fff; transition: .3s;}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .lCon .t2{padding-top: .25em;}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .lCon .t2 > span{background: #f3f3f3; border-radius: 50%; text-align: center; display: inline-block; width: 1.5em; line-height: 1.5em; height: 1.5em;}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .lCon .t2 .xi{display: block; font-size: .938em;}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .lCon .t2 .copySite{display: inline-block; color: #999; font-weight: 400; font-size: .688em; letter-spacing: 0;}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .lCon .t2 .copySite:hover {text-decoration: underline; transition: .3s;}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .rCon{margin-left: auto;}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .rCon .qr_btn{}
.prod_view_dv .r_dv .txt_dv .in_tw .inner .rCon .qr_btn img{width: 4em;}
.prod_view_dv .r_dv .txt_dv .prod_ex{position:relative; line-height: 1.6; color: #555; border-top: 1px solid #ddd; padding-top: 1.5em; margin-top: 2em;}
.prod_view_dv .r_dv .txt_dv .prod_ex:before{content:''; position:absolute; left:0; top:0; width:0; height:0; border-top:15px solid #f57d20; border-right:15px solid transparent; display: none;}
.prod_view_dv .r_dv .txt_dv .prod_ex .prod_ex_in{padding-top: 1em;}
.prod_view_dv .r_dv .txt_dv .prod_ex.bd_ed:before{ border-top: 15px solid #ffbf27; }
.prod_view_dv .r_dv .txt_dv .prod_ex .t1 { font-size: .938em; color: #1f2c5c; letter-spacing: 0; font-weight: 600; margin-bottom: 1em;}
.prod_view_dv .r_dv .txt_dv .prod_ex .t2 {color: #666; font-size: .938em; padding-left: 10px; position: relative; margin-bottom: .75em; display: flex; flex-wrap: wrap;}
.prod_view_dv .url { font-size: .875em; color: #333; vertical-align: baseline; }
.prod_view_dv .url_btn { font-size: .75em; color: #666; border: 1px solid #CCC; background: #FFF; height: 22px; line-height: 22px; padding: 0 12px; display: inline-block; margin-left: 10px; }
/* .prod_view_dv .r_dv .txt_dv .prod_ex .t2 .fw { font-weight: 500; color: #333; vertical-align: baseline; display: inline-block; width: 70px;} */
.prod_view_dv .r_dv .txt_dv .prod_ex .t2 .fw { font-weight: 500; color: #333; vertical-align: top; display: inline-block; width: 15em; font-size: .938em; letter-spacing: 0; }
.prod_view_dv .r_dv .txt_dv .prod_ex .t2 span { vertical-align: baseline; }
.prod_view_dv .tag_w { margin-top: 2em; }
.prod_view_dv .tag { font-size: .75em; font-weight: 200; transition: .3s; cursor: pointer; color: #555; background: #f2f2f2; display: inline-block; padding: .5em 1em;}
.prod_view_dv .tag:hover { background: #e1e1e1; }
.prod_view_dv .r_dv .txt_dv .prod_ex .t2:after { content: ""; position: absolute; width: 3px; height: 3px; border-radius: 50%; top: 11px; left: 2px; background: #666; }
.prod_view_dv .r_dv .txt_dv .prod_ex .t2.no_point:after { content:unset; }
.prod_view_dv .r_dv .txt_dv .prod_ex table { font-size: .938em; width: 100%; }
.prod_view_dv .r_dv .txt_dv .prod_ex table th { color: #222; text-align: left; }
.prod_view_dv .r_dv .txt_dv .prod_ex table td { color: #777; }
.prod_view_dv .r_dv .txt_dv .prod_ex .prod_w1 { width: 20%; }
.prod_view_dv .r_dv .txt_dv .prod_ex .prod_w2 { width: 80%; }

.prod_view_dv .r_dv .txt_dv .prod_ex_img{ margin-top:10px;}
.prod_view_dv .r_dv .txt_dv .prod_catal{border-top:1px solid #ccc; margin-top:30px; padding-top:10px;}
.prod_view_dv .r_dv .txt_dv .prod_catal a{ color:#fff; /*background:#09F;*/ background:#29caff; padding:10px 20px; display:inline-block; border-radius:3px; transition:.3s; cursor:pointer;}
.prod_view_dv .r_dv .txt_dv .prod_catal a span{font-size:14px;  display:inline-block; *display:inline; zoom:1; vertical-align:middle; }
.prod_view_dv .r_dv .txt_dv .prod_catal a .xi{font-size:18px;  display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-left:2px;}
.prod_view_dv .r_dv .txt_dv .prod_catal a:hover{/*background:#0076c4;*/ background:#09F;}
.v_service { margin-top: 100px; background: url('/global/images/game_s_bg.png') no-repeat 50% 50%; background-attachment: fixed; }
.v_service ul { display: flex; justify-content: space-between; box-sizing: border-box; padding: 50px 0; }
.v_service ul li { width: 25%; height: 10.938em; text-align: center; border-right: 2px solid #000; box-sizing: border-box; padding: 20px 25px 35px 25px; position: relative; transition: .3s; background: #FFF; }
.v_service ul li:hover .btn { color: #f57d20; transition: .3s; }

.v_service ul li .inc { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: inline-block; }
.v_service ul li .img { text-align: center; }
.v_service ul li .img img { display: inline-block; }
.v_service ul li .t1 { font-size: .938em; color: #222; font-weight: 500; margin-top: 17px; }
.v_service ul li .t2 { font-size: .875em; color: #222; font-weight: 300; line-height: 1.4; color: #666; margin-top: 10px; }
.v_service ul li .btn { display: inline-block; position: absolute; right: 12px; bottom: 12px; z-index: 2; font-size: 1.063em; color: #444; }
.v_service ul li .btn.fs { font-size: 1.125em; }

.v_service ul li .btn_w { display: flex; position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%); }
.v_service ul li .btn_w a { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border: 1px solid #BBB; border-radius: 50%; background: #f3f3f3; transition: .3s; cursor: pointer; font-size: 1.063em; margin: 0 4px; }
.v_service ul li:hover .btn_w a { margin-top: -10px; }
.v_service ul li .btn_w a:hover { color: #f57d20; }

.hwasa .tt_w { font-size: 1.063em!important; padding-left: 20px; margin-top: 40px; }
.hwasa .tt_w p { text-align: left!important; }
.hwasa .tt_w:before { content: ""; display: none; }
.hwasa .tt_w:after { top: 50%; margin-top: -6px; }
.hwasa .st_w { font-size: .938em!important; margin-left: 20px; }
.hwasa .st_w p { text-align: left!important; }


.v_gall { background: #f1f1f1; padding-bottom: 70px; padding-top: 70px;}
.v_gall .photo ul { overflow: hidden; }
.v_gall .photo ul li { float: left; width: 18.8%; margin-right: 1.5%; border: 1px solid #DDD; box-sizing: border-box; }
.v_gall .photo ul li:last-child { margin-right: 0; }
.v_gall .photo .resize2 { padding-bottom: 12%; }

.v_gall .video iframe { width: 100%; }

/*parts_modal*/

.game_service_modal { /*padding-top: 58px; font-size: 0;*/  }
.game_service_modal p { position: absolute; top: 0; left: 0; width: 100%; background: #000; color: #FFF; font-size: 1.25rem; padding: 10px 25px; font-weight: 600; box-sizing: border-box; }
.game_service_modal .in_wrap{display: flex; flex-wrap: wrap; align-items: center; align-content: center; margin: 3em 0 -1em -1em;}
.game_service_modal .gallery_list { /*display: inline-block; font-size: 1rem; width: 50%; vertical-align: top; */ flex:1 0 50%; max-width: 50%;}
.game_service_modal .no_data { font-size: 1rem; padding: 20px 0; font-weight: 500; color: #666; }

.gallery_list .inner { /*padding: 0 10px; text-align: center; margin-bottom: 20px;*/ margin: 0 0 1em 1em; box-sizing: border-box;}
.gallery_list .inner a { width: 100%; padding: 0!important; box-sizing: border-box; transition: .3s; white-space: unset!important }

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

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

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

.game_service_modal .in_wrap.update_files{margin: 3em 0 -.75em 0;}
.game_service_modal .in_wrap.update_files .gallery_list {flex:100%; max-width: 100%;}


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

/*parts inquiry btn modal*/
#modal_inquiry { width: 800px; max-width: 96%; padding-top: 58px; padding-bottom: 28px; }
#modal_inquiry h2 { position: absolute; top: 0; left: 0; width: 100%; background: #000; color: #FFF; font-size: 1.25rem; padding: 10px 25px; font-weight: 600; box-sizing: border-box; }
#modal_inquiry .inquiry_tbl_w { }
#modal_inquiry .inquiry_tbl_w th { background: #f3f3f3; }
#modal_inquiry .inquiry_tbl_w th .xi { color: #ff0000; }
#modal_inquiry .inquiry_tbl_w td { padding: 10px 20px; }
#modal_inquiry .inquiry_tbl_w .textarea_h { height: 180px; padding: 12px; }
#modal_inquiry .inquiry_tbl_w .border_n { border: none; }
#modal_inquiry .btn_w { margin-top: 1em; }


/*prod_v*/
.main_view{border:1px solid #ccc; text-align:center; border: none;}
.s_view ul{overflow:hidden; margin-left:-10px; margin-top:20px;}
.s_view ul li{float:left; width:25%;}
.s_view ul li .border_dv{border:1px solid #ccc; margin-left:10px; text-align:center; transition:.3s; box-sizing:border-box; border: none;}
.s_view ul li .border_dv img{opacity:.3;}
.s_view ul li.on .border_dv{border:2px solid #09F;}
.s_view ul li.on .border_dv img{opacity:1;}



.over_h .part_w { float: left; width: 58%; }
.over_h .box1 { width: 1200px; max-width: 95%; margin: 0 auto; }
.over_h .part_w .part_tit_w { overflow: hidden; border-bottom: 1px solid #CCC; padding-bottom: 15px; }
.over_h .part_w .part_tit { float: left; }
.over_h .part_w .part_tit .t1 { font-size: 1.375em; font-weight: 500; letter-spacing: -1px; color: #333; }
.over_h .part_w .part_tit .t2 { font-size: .938em; color: #777; margin-bottom: 5px; }

.over_h .part_w .search { float: right; }

.over_h .part_w .part_detail { margin-top: 15px; overflow: hidden; }
.over_h .part_w .total { float: right; font-size: .875em; vertical-align: middle; margin-right: 12px; }
.over_h .part_w .total > i { border-radius: 50%; padding: 0; box-sizing: border-box; background: #FFF; border: 1px solid #CCC; font-size: .938em; width: 22px!important; height: 22px!important; line-height: 22px!important;}
.over_h .part_w .total > p { display: inline-block; margin-left: 3px; }
.over_h .part_w .total > p .fc { color: #00086f; font-weight: 500; }
.over_h .part_w .search { float: right; position: relative; }
.over_h .part_w .search input { padding: 7px 12px; font-size: .875em; color: #222; border: 1px solid #DDD; }
.over_h .part_w .search button { background: none; position: absolute; top: 0; right: 0; padding: 8px; }



.over_h .part_w table { font-size: 1em; color: #222; width: 100%;  }
.over_h .part_w table th { padding: 15px 20px; text-align: center; font-weight: 500; }
.over_h .part_w table td { padding: 15px 20px; text-align: center; }
.over_h .part_w .part_top { background: #f9f9f9; /*padding-right: 17px;*/ box-sizing: border-box; border-top: 2px solid #000; border-bottom: 1px solid #000; margin-top: 10px;  }
.over_h .part_w .part_top table { }

.over_h .part_w .part_6 { width: 10%; width: 4em;}
.over_h .part_w .part_7 { width: 50%; width: auto}
.over_h .part_w .part_8 { width: 15%; width: 10em;}
.over_h .part_w .part_9 { width: 15%; width: 13em;}


.over_h .part_w .part_btm { background: #FFF; overflow-y: scroll; height: 508px; border: 1px solid #EEE; box-sizing: border-box; }
.over_h .part_w .part_btm table { color: #777; }
.over_h .part_w .part_btm table td { padding: 12px; vertical-align: middle; }
.over_h .part_w .part_btm table td.t3 { font-size: .938em; font-weight: 400; color: #777; }
.over_h .part_w .part_btm table td.t3 .price { color: #0027b7; margin-top: 8px;  }
.over_h .part_w .part_btm table tr { border-bottom: 1px solid #EEE; }

.over_h .part_w .add_wrap { overflow: hidden; }
.over_h .part_w .price_text { float: left; font-size: .938em; color: #de0000; margin-top: 12px; text-align: right; }
.over_h .part_w .part_btn_wh { float: right; }
.over_h .part_w .price_hd { margin-top: 10px; }
.over_h .part_w .price_hd .inner { font-weight: 400; padding: 5px 20px; border: 1px solid #DDD; background: #EEE; display: inline-block; font-size: .875em; }



.over_h .part_w .part_btm table tr { transition: .3s; }
.over_h .part_w .part_btm table tr:hover { background: #fafafa; }
.over_h .part_w .part_btm table tr > td:first-child { font-size: 1.25em; }
.over_h .part_w .part_btm table tr > td:nth-child(2) { overflow: hidden; padding-left: 50px; position: relative; }
.over_h .part_w .part_btm table tr > td:nth-child(2) .plus { position: absolute; top: 50%; left: 0; margin-top: -14px; color: f57d20; font-size: 1.375em; cursor: pointer; z-index: 1; }
.over_h .part_w .part_btm table tr > td:nth-child(2) .minus { position: absolute; top: 50%; left: 0; margin-top: -14px; color: f57d20; font-size: 1.375em; cursor: pointer; z-index: -1; }
.over_h .part_w .enter { color: #f57a20; }

.over_h .part_w .part_btm table tr.cate_3 .enter .xi { margin-left: 12px; }
.over_h .part_w .part_btm table tr.cate_4 .enter .xi { margin-left: 24px; }
.over_h .part_w .part_btm table tr.cate_5 .enter .xi { margin-left: 36px; }

.over_h .part_w .part_btm table tr { transition: .3s; }
.over_h .part_w .part_btm table tr.on { background: #f3f3f3; }
.over_h .part_w .part_btm table tr.on .plus { z-index: -1!important; }
.over_h .part_w .part_btm table tr.on .minus { z-index: 1!important; }

.over_h .part_w .part_btm .part_img { float: left; width: 99px; max-height: 4.688em; margin-right: 15px; border: 1px solid #e1e1e1; }
.over_h .part_w .part_btm .part_img img { height: auto; }
.over_h .part_w .part_btm .part_name { text-align: left; margin-top: 20px; }
.over_h .part_w .part_btm .part_name .t1 { font-size: .938em; font-weight: 500; color: #555; }
.over_h .part_w .part_btm .part_name .t1 .fc { color: #000; margin-right: 2px; }
.over_h .part_w .part_btm .part_name .t2 { font-size: .875em; font-weight: 400; margin-top: 5px; color: #999; }

.over_h .part_w .part_btm .view { font-size: .813em; display: inline-block; background: #FFF; border-radius: 10px; padding: 7px 12px; border: 1px solid #e3e3e3; cursor: pointer; }
.over_h .part_w .part_btm .view > i,
.over_h .part_w .part_btm .view > p { display: inline-block; vertical-align: middle; }


.over_h .part_w .part_btm .account { overflow: hidden; width: 74px; margin: 0 auto; }
.over_h .part_w .part_btm .account .fr { float: left; }
.over_h .part_w .part_btm .account .amount { font-size: .938em; width: 45px; height: 30px; border: 1px solid #CCC; box-sizing: border-box; padding: 3px; text-align: center; float: left; color: #333; }
.over_h .part_w .part_btm .account .top_arrow { width: 26px; height: 15px; background: #CCC; transition: .3s; }
.over_h .part_w .part_btm .account .top_arrow:hover { background: #aaa; }
.over_h .part_w .part_btm .account .top_arrow .xi { font-size: .938em!important; }
.over_h .part_w .part_btm .account .btm_arrow { width: 26px; height: 15px; background: #CCC; transition: .3s; }
.over_h .part_w .part_btm .account .btm_arrow:hover { background: #aaa; }
.over_h .part_w .part_btm .account .btm_arrow .xi { font-size: .938em!important; }


.over_h .view_img { background: red; position: absolute; z-index:999; border: 2px solid black; }
.over_h .view_img img { max-height: 200px; }

.over_h .part_w .part_btn_wh { overflow: hidden; margin-top: 12px; }
.over_h .part_w .part_btn_wh .list_btn { float: left; }
.over_h .part_w .part_btn_wh .list_btn a { display: block; border: 1px solid #111; color: #333; background: #FFF; padding: 15px 25px; font-size: .938em; box-sizing: border-box; }
.over_h .part_w .part_btn_wh .shop_btn { float: right; }
.over_h .part_w .part_btn_wh .shop_btn a { display: block; border: 1px solid #f57d20; color: #333; background: #FFF; padding: 15px 25px; font-size: .875em; box-sizing: border-box; }
.over_h .part_w .part_btn_wh .add_btn { float: right; }
.over_h .part_w .part_btn_wh .add_btn a { display: block; border: 1px solid #f57d20; background: #f57d20; color: #FFF; padding: 15px 25px; font-size: .875em; box-sizing: border-box; margin-left: 10px; }


.part_w .tr_hide { display: none; }

.over_h.part_wh { overflow: hidden; }
.part_wh .img_w { float: left; width: 40%; margin-right: 2%; }
.part_wh .img_w .b_img { width: 100%; height: 600px; border: 1px solid #CCC; box-sizing: border-box; background: no-repeat 50% 50%; background-size: contain;  }
.part_wh .img_w .b_img img { height: auto; }
.part_wh .img_w .s_view { overflow: hidden; margin-top: 20px; }
.part_wh .img_w .s_view ul { margin: -20px 0 0 -15px; }
.part_wh .img_w .s_view .s_img { float: left; width: 50%; }
.part_wh .img_w .s_view .s_img.disable .inner { cursor: default !important; background: #f5f5f5; }
.part_wh .img_w .s_view .s_img .inner { height: 122px; margin: 20px 0 0 15px; border: 1px solid #e3e3e3; text-align: center; overflow: hidden; transition: .3s; cursor: pointer; }
.part_wh .img_w .s_view .s_img .inner:hover {  background: #f1f1f1; }
.part_wh .img_w .s_view .s_img .inner:hover .icon { background: #FFF; }
.part_wh .img_w .s_view .s_img .inner:hover .more { text-decoration: underline; }
.part_wh .img_w .s_view .s_img .inner .icon { float: left; width: 60px; height: 60px; border-radius: 50%; background: #f4f4f4; border: 1px solid #CCC; transition: .3s; }
.part_wh .img_w .s_view .s_img .inner .icon .xi { font-size: 1.438em; color: #333; }
.part_wh .img_w .s_view .s_img .inner .tt_w { float: left; padding: 0; padding-top: 10px; text-align: left; margin: 0; margin-left: 16px; position: static; font-size: 1em; font-weight: inherit; color: inherit; }
.part_wh .img_w .s_view .s_img .inner .tt_w:before { display: none; }
.part_wh .img_w .s_view .s_img .inner .tt_w:after { display: none; }
.part_wh .img_w .s_view .s_img .inner .tt_w .tit { font-size: 1.063em; font-weight: 500; color: #333; transition: .3s; }
.part_wh .img_w .s_view .s_img .inner .tt_w .more { font-size: .813em; color: #666; margin-top: 6px; transition: .3s; }

.part_wh .img_w .s_view .s_img.on .inner { border: 2px solid #09F; }

.part_w .part_detail { margin-top: 25px; overflow: hidden; }
.part_w .total { float: left; font-size: .875em; vertical-align: middle; }
.part_w .total > i { border-radius: 50%; width: 35px; height: 35px; line-height: 35px; text-align: center; box-sizing: border-box; background: #FFF; border: 1px solid #CCC; }
.part_w .total > p { display: inline-block; margin-left: 3px; }
.part_w .total > p .fc { color: #00086f; font-weight: 600; vertical-align: baseline; }
.part_w .search { float: right; position: relative; }
.part_w .search input { padding: 7px 12px; font-size: .875em; color: #222; border: 1px solid #DDD; }
.part_w .search button { background: none; position: absolute; top: 0; right: 0; padding: 8px; border: 0; transition: .3s; }
.part_w .search button:hover { color: #f57d20; }

.over_h .part_w .part_btm table tr { transition: .3s; }
.over_h .part_w .part_btm table tr:hover { background: #fafafa; }
.over_h .part_w .part_btm table tr > td:first-child { font-size: 1.25em; color: #333; }
.over_h .part_w .part_btm table tr > td:nth-child(2) { overflow: hidden; padding-left: 50px; position: relative; }
.over_h .part_w .part_btm table tr > td:nth-child(2) .plus { position: absolute; top: 50%; left: 0; margin-top: -14px; color: #f57d20; font-size: 1.375em; cursor: pointer; z-index: 1; }
.over_h .part_w .part_btm table tr > td:nth-child(2) .minus { position: absolute; top: 50%; left: 0; margin-top: -14px; color: #f57d20; font-size: 1.375em; cursor: pointer; z-index: -1; }
.over_h .part_w .enter { color: #f57a20; }

.part_w table { font-size: 1em; color: #222; width: 100%;  }
.part_w table th { padding: 15px 20px; text-align: center; font-weight: 500; font-size: .938em; cursor: pointer; }
.part_w table td { padding: 15px 20px; text-align: center; }
.part_w .part_top { background: #f9f9f9; /*padding-right: 17px;*/ box-sizing: border-box; border-top: 2px solid #000; border-bottom: 1px solid #000; margin-top: 10px;  }
.part_w .part_top table { }

.part_w .part_1 { width: 10%; width: 4em;}
.part_w .part_2 { width: 50%; width: auto}
.part_w .part_3 { width: 15%; width: 9em;}
.part_w .part_4 { width: 15%; width: 11em}
.part_w .part_5 { width: 10%; width: 7em;}

.part_w .part_btm { background: #FFF; overflow-y: scroll; height: 472px; border: 1px solid #EEE; box-sizing: border-box;}
.part_w .part_btm table, .part_w .part_btm table a { color: #777 !important;  }
.part_w .part_btm table td { padding: 20px; vertical-align: middle; padding: .75em 1em}
.part_w .part_btm table tr { border-bottom: 1px solid #EEE; }

.part_w .part_btm table tr { transition: .3s; }
.part_w .part_btm table tr:hover { background: #fafafa; }
.part_w .part_btm table tr > td:first-child { font-size: 1em; color: #333; }
.part_w .part_btm table tr > td:nth-child(2) { overflow: hidden; padding-left: 50px; position: relative; }
.part_w .part_btm table tr > td:nth-child(2) .plus { position: absolute; top: 50%; left: 0; margin-top: -14px; color: #f57d20; font-size: 1.375em; cursor: pointer; z-index: 1; }
.part_w .part_btm table tr > td:nth-child(2) .minus { position: absolute; top: 50%; left: 0; margin-top: -14px; color: #f57d20; font-size: 1.375em; cursor: pointer; z-index: 1; }
.part_w .enter { color: #f57a20; }

.part_w .part_btm table tr.cate_3 .enter .xi { margin-left: 20px; }
.part_w .part_btm table tr.cate_4 .enter .xi { margin-left: 40px; }
.part_w .part_btm table tr.cate_5 .enter .xi { margin-left: 60px; }

.part_w .part_btm table tr { transition: .3s; }
.part_w .part_btm table tr.on { background: #f3f3f3; }
.part_w .part_btm table tr.on .plus { z-index: -1!important; }
.part_w .part_btm table tr.on .minus { z-index: 1!important; }

.part_w .part_btm .part_img { float: left; width: 6.188em; max-height: 75px; margin-right: 15px; border: 1px solid #e1e1e1; }
.part_w .part_btm .part_img img { height: auto; }
.part_w .part_btm .part_name { text-align: left; margin-top: 20px; }
.part_w .part_btm .part_name .t1 { font-size: .938em; font-weight: 500; color: #555; }
.part_w .part_btm .part_name .t1 .fc { color: #000; margin-right: 2px; }
.part_w .part_btm .part_name .t2 { font-size: .875em; font-weight: 400; margin-top: 5px; color: #999; }

.part_w .part_btm .view { font-size: .813em; display: inline-block; background: #FFF; border-radius: 10px; padding: 7px 12px; border: 1px solid #e3e3e3; cursor: pointer; }
.part_w .part_btm .view > i,
.part_w .part_btm .view > p { display: inline-block; vertical-align: middle; }


.part_w .part_btm .account { overflow: hidden; width: 74px; margin: 0 auto; }
.part_w .part_btm .account.st1 {overflow: inherit; width: inherit;}
.part_w .part_btm .account .fr { float: left!important; }
.part_w .part_btm .account .amount { width: 45px; border: 1px solid #CCC; box-sizing: border-box; padding: 3px; text-align: center; font-size: .938em; color: #333; float: left; }
.part_w .part_btm .account .top_arrow { width: 26px; height: 15px; background: #CCC; transition: .3s; }
.part_w .part_btm .account .top_arrow:hover { background: #aaa; }
.part_w .part_btm .account .top_arrow .xi { font-size: .938em!important; }
.part_w .part_btm .account .btm_arrow { width: 26px; height: 15px; background: #CCC; transition: .3s; }
.part_w .part_btm .account .btm_arrow:hover { background: #aaa; }
.part_w .part_btm .account .btm_arrow .xi { font-size: .938em!important; }


.view_img { background: red; position: absolute; z-index:999; border: 2px solid black; max-height: 204px; display: none; }
.view_img img { max-height: 200px; }

.part_w .part_btn_wh { /* overflow: hidden; margin-top: 20px; */display: flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: flex-end;}
.part_w .part_btn_wh .list_btn { float: left; }
.part_w .part_btn_wh .list_btn a { display: block; border: 1px solid #111; color: #333; background: #FFF; padding: 15px 25px; font-size: .938em; box-sizing: border-box; transition: .3s; }
.part_w .part_btn_wh .list_btn a:hover { background: #f4f4f4; }
.part_w .part_btn_wh .shop_btn { /*float: right; */ order: -1; box-sizing: border-box; max-width: 11em}
.part_w .part_btn_wh .shop_btn a { display: block; border: 1px solid #777; color: #444; background: #FFF; padding: 15px 25px; font-size: 1.063em; box-sizing: border-box; transition: .3s; }
.part_w .part_btn_wh .shop_btn a:hover,
.part_w .part_btn_wh .shop_btn button:hover { background: #f4f4f4; }
.part_w .part_btn_wh .add_btn { /*float: right; */ box-sizing: border-box; max-width: 11em}
.part_w .part_btn_wh .add_btn a,
.part_w .part_btn_wh .add_btn button { display: block; border: 1px solid #f57d20; background: #f57d20; color: #FFF; padding: 15px 25px; font-size: .875em; box-sizing: border-box; margin-left: 10px; transition: .3s; }
.part_w .part_btn_wh .add_btn a:hover,
.part_w .part_btn_wh .add_btn button:hover { background: #f56620; }

.part_w .tr_hide { display: none; }



/*3-1*/
.photo_idx > ul { display: flex; flex-wrap: wrap; margin: 0em 0 1em -.5em}
.photo_idx > ul > li { cursor: pointer;  position: relative; flex:1 0 20%; max-width: 11em;}
.photo_idx > ul > li .inner{transition: .3s; font-weight: 500; border-radius: 6px; padding: 1em .5em; color: #8d8d8d; background: #f3f3f3; margin: 0 0 0 .5em; }
.photo_idx > ul > li .inner .va{font-size: .938em; font-family: 'Righteous', cursive}
.photo_idx > ul > li:hover .inner { color: #FFF; background: #f57d20; }
.photo_idx > ul > li:after { content: ""; position: absolute; left: 50%; bottom: -3px; width: 0; height: 5px; transform: translateX(-50%); background: #ffbf27; opacity: 0; z-index: 9; transition: .3s; display: none;}
.photo_idx > ul > li.on .inner { color: #FFF; background: #f57d20; }
.photo_idx > ul > li.on:after { opacity: 1; width: 50px; transition: .5s; }

.write_xi { font-size: .875em; margin-right: 3px; padding-top: 3px; }

/*4-1*/
.intro .tit_w { background: url('/global/images/intro_bg.png') no-repeat 50% 0%; padding-top: 150px; }
.intro .etc_link { margin-bottom: 100px; margin-top: 10px;  font-size: .875em; color: #666; font-weight: 300; text-align: right; }
.intro .etc_link a { vertical-align: baseline; transition: .3s; }
.intro .etc_link a.site:hover { text-decoration: underline; }
.intro .tit_w .tt { width: 1000px; max-width: 95%; background: rgba(255,255,255,.9); margin: 0 auto; box-shadow: 1px 1px 10px rgba(0,0,0,0.3); text-align: center; padding: 50px 25px; box-sizing: border-box; }
.intro .tit_w .line { width: 40px; height: 3px; background: #f57d20; margin: 20px auto; }
.intro .tit_w .txt { font-size: 1.063em; line-height: 1.6; font-weight: 500; color: #111; }
.intro .tit_w .img img { display: inline-block; margin-right: 30px; }

.intro .text_w1 { margin-top: 80px; }
.intro .text_w1 .t1 { font-size: 1.625em; color: #333; font-weight: 500; line-height: 1.8; line-height: 1.6; font-weight: 600;}
.intro .text_w1 .t2 { font-size: 1.125em; color: #666; line-height: 1.8; font-weight: 300; margin-top: 25px; transition-delay: .3s; line-height: 1.6;}


.intro .text_w2 { margin-top: 120px; height: 450px; }
.intro .text_w2 .right { position: absolute; top: 0; right: 0; width: 650px; /* height: 350px;*/ height:21.875em;  background: url('/global/images/company_1.png') no-repeat 50% 50%; z-index: 2; box-shadow: 0 10px 10px rgba(0,0,0,.4); }
.intro .text_w2 .left { position: absolute; top: 100px; left: 0; width: 650px; /* height: 350px;*/ height:21.875em; background: url('/global/images/company_2.png') no-repeat 50% 50%; z-index: 1; box-shadow: 0 10px 10px rgba(0,0,0,.4); }

.intro .text_w3 { margin-top: 120px; text-align: right; color: #f57d20; font-size: 1.625em; line-height: 1.6; font-weight: 600; }

.intro_v { background: #f3f3f3; margin-top: 180px; padding: 0 0 70px 0; text-align: center; }
.intro_v .tt { font-size: 2.5em; font-style: italic; color: #a7a7a7; letter-spacing: 8px; transform: translate(0, -50%); margin-bottom: 18px; font-weight: 600; }
.intro_v img { display: inline-block; }
.intro_v .t3 { margin-top: 40px; font-size: 1.625em; line-height: 1.7; font-weight: 600; color: #f57d20; }


.b_text_w { margin-top: 100px; }
.b_text { width: 100%; overflow :hidden; border-top: 2px solid #f57d20; border-bottom: 1px solid #DDD; margin-bottom: 30px;}
.b_text .left { float: left; width: 30%; padding: 1.5em 0; }
.b_text .right { float: left; width: 70%; padding: 1.5em 0; height: 200px; box-sizing: border-box; }
.b_text .right.ht_ed { height: 250px; }
.b_text .right img { max-height: 100%; }
.b_text .right.hta{ height: auto; }
.b_text .right .btn_w { display: flex; flex-flow: row nowrap; margin-top: 1rem; }
.b_text .right .btn_w a { display: inline-flex; padding: 5px 15px; background: #f2f2f2; color: #666; border-radius: 7px; border: 1px solid #DDD; justify-content: center; align-items: center; transition: .3s; }
.b_text .right .btn_w a:first-child { margin-right: 1rem; }
.b_text .right .btn_w a:hover { background: #f57d20; color: #FFF; }
.b_text .right .btn_w .xi { margin-right: 4px; padding-top: 3px; }
.b_text .right .btn_w span { font-size: .938em; }

.b_text .tit { font-size: 1.5em; color: #333; font-weight: 500; font-family: 'Righteous', cursive}
.b_text .tit .en { font-size: .625em; color: #999; font-weight: 300; margin-bottom: 5px; }
.b_text .fc { vertical-align: baseline; color: #f57d20; }
.b_text .txt { font-size: 1em; padding-left: 15px; color: #222; position: relative; margin-bottom: 10px;  }
.b_text .txt:before { content:""; width: 4px; height: 4px; border-radius: 100%; border: 2px solid #f57d20; position: absolute; top: 6px; left: 0; }
.b_text .txt .tx { vertical-align: baseline; display: block; color: #666; font-size: .938em; margin-top: 4px; line-height: 1.6; }
/*partslist add*/
.tag_w ul { overflow: hidden; margin-top: 15px; }
.tag_w ul li { float: left; }
.tag_w ul li .tag { display: inline-block; border: 1px solid #f57d20; padding: 7px 32px 7px 22px; color: #f57d20; margin-right: 6px; margin-bottom: 7px; font-size: .813rem; border-radius: 15px; transition: .3s; position: relative; }

.tag_w ul li .tag span { vertical-align: middle; }
.tag_w ul li .tag button { position: absolute; top: 4px; right: 3px; background: none; vertical-align: middle; font-size: 1.25em; border: 0; color: #f57d20; transition: .3s; }
.tag_w ul li .tag:hover { color: #FFF; background: #f57d20; }
.tag_w ul li .tag:hover button { color: #FFF; }

/*4-2*/
.history_area{ position: relative;}
.history_area .history_lst{ margin-left: 190px; }
.history_area .history_lst .list{ *zoom: 1; padding: 30px 0; border-bottom: 1px solid #ddd;}
.history_area .history_lst .list:after{ content: ""; display: block; clear: both;}
.history_area .history_lst .list:first-child{ margin-top: 0;}
.history_area .history_lst .list dt{ float: left; width: 125px; margin: 0 0 0 -145px;  text-align: right; position: relative; }
.history_area .history_lst .list dt span{ display: inline-block; *display: inline; zoom: 1; letter-spacing: -1px; }
.history_area .history_lst .list dt .year {font-size: 2.313em; color: #f57d20; margin: -5px 10px 0 0; font-weight: 700;}
.history_area .history_lst .list dd{ color: #282828; padding: .25em 0 .25em 1em; line-height: 1.6;}
/* .history_area .history_lst .list dd.first { margin-left: -10px; padding: 5px 0 5px 40px; line-height: 21px;font-size: 1em; } */
.history_area .history_lst .list dd strong { color: #888; padding-right: 10px; font-size: 14px; min-width: 35px; display: inline-block; vertical-align: baseline; }

/*4-3*/
.member_w { text-align: center; }
.member_w img { display: inline-block; }

/*4-4*/
.map_w .map { margin-top: 25px; box-shadow: 2px 3px 8px -1px #a4a4a4; }
.map_w .sec { margin-top: 70px; }

.map_w .btn_in{ float: right}
.map_w .btn_in .more{display: block; background: #0072c6; border: 1px solid #0072c6; color: #fff; height: 30px; padding: 5px; transition: .3s; width: 140px; margin-left: 0.5em; border-radius: 4px; }
.map_w .btn_in .more .tt{ vertical-align: middle; font-size: .875em; padding-left: .5em; }
.map_w .btn_in .more.va_wrap{ height: 30px!important; }
.map_w .btn_in .xi{ vertical-align: middle; margin-left: 5px; }

.map_w .info { overflow: hidden; margin-bottom: 20px; box-shadow: 2px 3px 8px -1px #a4a4a4; padding: 1.5em; margin-top: 2em; font-weight: 300; }
.map_w .info .t1 { float: left; }
.map_w .info .t1 span { color: #666; display: inline-block; margin-right: 20px; line-height: 1.3; }
.map_w .info .t1 span:last-child { margin-right: 0;}
.map_w .info .t1 span .fc { vertical-align: baseline; }
.map_w .info .t1 .xi { font-size: 1.438em; vertical-align: sub; color: #888; margin-right: 5px; }
.map_w .info .map_btn { float: right; display: inline-block; padding: 11px 45px 10px 45px; color: #fff; background: #003f87; border: 1px solid #ddd; }
.map_w .info .map_btn .tx{ font-size: .875em; color: #fff; vertical-align: middle; }

/*5_1*/
.inquire .xi-check { color: #bd0000; margin-left: 4px; }
.inquire .xi-check.op_0 { opacity: 0; }
.inquire .border_n { border: none; }
.inquire .textarea_h { height: 180px; padding: 10px; resize: vertical;}
.inquire .w_edit { width: 250px; }
.inquire .write { font-size: .938em; }

.sub_agree_wrap{ font-size:.875rem; border:1px solid #ddd; border-top:2px solid #666; padding:20px; line-height:1.5; margin-top: 10px; }
.sub_agree_wrap .con{ height:113px; overflow-y:scroll; }
.sub_agree_wrap .con .t1{ font-size: 1em; color: #222; margin-bottom: 5px; font-weight: 500; }
.sub_agree_wrap .con .t2{ font-size: .938em; color: #444; line-height: 1.7; }
.sub_agree_wrap .con .t3{ font-size: .938em; color: #777; line-height: 1.7; }
.sub_agree_wrap .agree{ text-align:right; border-top:1px solid #ddd; padding-top:10px}
.sub_agree_wrap .top_box { width:100%; border:1px solid #ccc; background:#f9f9f9; padding:20px; box-sizing:border-box; border-radius:10px; }
.sub_agree_wrap .top_box p { text-align:center; line-height:1.5; font-size:15px; font-weight:bold; color:#333; }
.sub_agree_wrap hr.line { border:none; border-bottom:1px solid #ddd; }
.acheck_area{ margin-top:20px; margin-bottom:40px; text-align:right; font-size:0.875em; color:#444; background:#f9f9f9; padding:10px 20px; border:1px solid #ccc; box-shadow:3px 3px 5px rgba(0,0,0,0.2);}
.acheck_area .chk_sz { font-size: 1.125em; }


.page_quipWrap{ background:#fff; margin-bottom: 40px; margin-top: 40px}
.page_quipWrap .page_quipIn { display: flex; flex-flow: row wrap; justify-content: space-between; padding-bottom: 20px; }
.page_quipWrap .page_quipIn > li{ vertical-align:middle; width: 48%!important; padding-left: 50px; padding-right: 10px;  box-sizing: border-box; position: relative; margin-bottom: 2rem; }

.page_quipWrap .page_quipIn > li .img { position: absolute; top: 18px; left: 0; z-index: 2; }

.page_quipWrap .page_quipIn .txt_wrap{ position:relative; padding: 25px 40px 28px 80px; border: 1px solid #DDD; background: #f7f7f7;box-shadow: 0 1px 3px rgba(0,0,0,.3)!important; transition: .3s; }
.page_quipWrap .page_quipIn > li:hover .txt_wrap { box-shadow: none!important; }

.page_quipWrap .page_quipIn .txt_wrap.bg2{ box-shadow:10px 10px 0 rgba(147,4,12,.8);}
.page_quipWrap .page_quipIn .txt_wrap .cate{ margin-top:1em;}
.page_quipWrap .page_quipIn .txt_wrap .cate > a{ position:relative; display:inline-block; vertical-align:middle; padding:0 1em;}
.page_quipWrap .page_quipIn .txt_wrap .cate > a:first-child{ padding-left:0;}
.page_quipWrap .page_quipIn .txt_wrap .cate > a:before{ content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:#333; transform:skewx(-40deg)}
.page_quipWrap .page_quipIn .txt_wrap .cate > a:first-child:before{ display:none;}
.page_quipWrap .page_quipIn .txt_wrap .cate > a:hover{ text-decoration:underline;}
.page_quipWrap .page_quipIn .txt_wrap .cate > a.on{ color:#005295;}

.page_quipWrap .page_quipIn .txt_wrap.north { box-shadow: 10px 10px 0 #fe000085; }
.page_quipWrap .page_quipIn .txt_wrap.north .t0 { color: #fe0000; }

.page_quipWrap .page_quipIn .txt_wrap.china { box-shadow: 10px 10px 0 #0092a985; }
.page_quipWrap .page_quipIn .txt_wrap.china .t0 { color: #0092a9; }

.page_quipWrap .page_quipIn .txt_wrap.east { box-shadow: 10px 10px 0 #fbb31685; }
/* .page_quipWrap .page_quipIn .txt_wrap.east .t0 { color: #fbb316; } */
.page_quipWrap .page_quipIn .txt_wrap.east .t0{color: #0200ab}

.page_quipWrap .page_quipIn .txt_wrap.japan { box-shadow: 10px 10px 0 #42b64985; }
.page_quipWrap .page_quipIn .txt_wrap.japan .t0 { color: #42b649; }

.page_quipWrap .page_quipIn .txt_wrap.spain { box-shadow: 10px 10px 0 #f57d2085; }
.page_quipWrap .page_quipIn .txt_wrap.spain .t0 { color: #f57d20; }

.page_quipWrap .page_quipIn .txt_wrap.asia { box-shadow: 10px 10px 0 #438ecb85; }
.page_quipWrap .page_quipIn .txt_wrap.asia .t0 { color: #438ecb; }

.page_quipWrap .page_quipIn .txt_wrap.newYosep{  box-shadow: 10px 10px 0 #b904fc; }
.page_quipWrap .page_quipIn .txt_wrap.newYosep .t0{color: #b904fc}


.page_txt1{ margin-top:1.5em;}
.page_txt1:first-child{ margin-top:0;}
.page_txt1 > dt{ font-size:.875em; color:#333; font-weight:500; }
.page_txt1 > dd{ font-size:.938em; color:#666; line-height:1.6;}
.page_txt1 .en{ font-family: 'Raleway', sans-serif; font-weight:700;}
.page_txt1 .t0{margin-bottom: .25em; color: #0200ab; }
.page_txt1 .t1{ font-size:1.25em; letter-spacing:-0.5px; color: #333; font-weight: 500; }
.page_txt1 .t1 .fs { font-size: .75em; vertical-align: baseline; color: #777; margin-left: 10px; font-weight: 500; }
.page_txt1 .t1:after{ content:""; display:block; margin: 12px 0; width:35px; height:1px; background:#687687;}
.page_txt1 .t2{ font-size:1em; color: #333; }

.page_txt1 .t2 .con { vertical-align: baseline; color: #666; display: inline-block; }
.page_txt1 .t2 .wd { vertical-align: baseline; display: inline-block; width: 70px; text-align: justify; }

.page_txt1 > dd .mail { transition: .3s; }
.page_txt1 > dd .mail:hover { text-decoration: underline; color: #222; }

.inquire .tit_w { background: #CCC url('/global/images/inq_bg_new.png') no-repeat 50% 0%; padding: 30px 0; }
.inquire .etc_link { margin-bottom: 35px; line-height: 1.5; margin-top: 10px;  font-size: .875em; color: #666; font-weight: 300; text-align: right; }
.inquire .etc_link a { vertical-align: baseline; transition: .3s; }
.inquire .etc_link a.site:hover { text-decoration: underline; }
.inquire .tit_w .tt { width: 1000px; max-width: 95%; background: rgba(255,255,255,.92); margin: 0 auto; box-shadow: 1px 1px 10px rgba(0,0,0,0.3); text-align: center; padding: 50px 25px; box-sizing: border-box; }
.inquire .tit_w .line { width: 40px; height: 3px; background: #f57d20; margin: 20px auto; }
.inquire .tit_w .txt { font-size: 1.063em; line-height: 1.6; font-weight: 500; color: #111; }
.inquire .tit_w .img img { display: inline-block; margin-right: 30px; }

.inquire .tag_code_w { width: 600px; max-width: 96%; margin: 2em auto 0 auto }
.inquire .tag_code_w .tit { font-size: 1.5em; font-family: 'Righteous', cursive; color: #FFF; background: #222; text-align: center; padding: 15px 10px; }
.inquire .tag_code_w th { background: #f3f3f3; }

.inquire .tag_code_w td { padding: 10px 20px; }
.inquire .tag_code_w .btn_w { margin-top: 1rem; }

/*csd*/
.csd_w { width: 1400px; }
.csd_w table tr { transition: .3s; }
.csd_w table tr:hover { background: #f6f6f6; }

.csd_w td.w_contry { color: #666!important; }

.csd_t1 { font-size: 1.063em; font-weight: 500; color: #333; display: inline-block; max-width: calc(100% - .625em); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 1.4;}
.csd_t2 { font-size: .938em; color: #888; margin-top: 3px; }
.csd_t3 { font-size: .938em; color: #666; font-weight: 500; }
.csd_t4 { font-size: .875em; color: #919191; margin-top: 3px; }

/* .csd_state { display: inline-block; padding: 8px 18px; border: 1px solid #f57d20; font-size: .875em; color: #f57d20; } */
/* // custom */
.csd_state { display: inline-block; padding: 8px 12px; border: 1px solid #f57d20; font-size: .875em; color: #f57d20; min-width: 14em; padding: .75em .5em;}
/* // custom end */
.csd_state span { vertical-align: baseline; }

.csd_view { display: inline-block; border: 1px solid #CCC; background: #f3f3f3; padding: 8px 12px; font-size: .875em; color: #444; transition: .3s; min-width: 3em;}
.csd_view:hover { color: #111; background: #DDD; }

.csd_v_top .info { float: none; display: flex; flex-flow: row wrap; border-left: 1px solid #DDD; }
.csd_v_top .info li { width: 25%; box-sizing: border-box; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; justify-content: center; text-align: center; background: #f3f3f3; font-size: .875em;}
.csd_v_top .info li:before { display: none; }

.search_csd_w { width: 600px; max-width: 96%; font-size: .938em; margin: 0 auto 40px auto; }
.search_csd_w .w_search_th { width: 20%; }
.search_csd_w .w_search_td { width: 80%; }
.search_csd_w .w_search_td .xi { font-size: .875em; margin-right: 2px; }
.search_csd_w .w_search_td label{ margin-right: 10px; }

.search_csd_w .st { font-size: .875em; margin-top: 5px; color: #f00; }

.search_csd_w th { background: #f3f3f3; }
.search_csd_w td { padding: 10px 20px!important; }
.search_csd_w .search_btn_w { margin-top: 10px; }
.search_csd_w .search_btn_w button { line-height: 40px; padding: 0 28px; font-size: .938em; }

.admin-setting-btn .xi {  color: #FFF;}

/*sub_inc*/
.tt_w{ font-size:1.313em; margin:3em 0 1em; position:relative; padding-left:28px; margin-bottom: 14px; font-weight: 500; color: #222; }
.tt_w.first { margin-top: 0; }
.tt_w:after{ position:absolute;  top:4px; left:0; width:11px; height:11px; background:#f57d20; display:block; content:'';}
.tt_w:before{ position:absolute; top:15px; left:11px; width:11px; height:11px; background:#ccc; display:block; content:'';}
.st_w { margin-bottom: 26px; margin-left: 30px; line-height: 1.6; color: #555; }

.admin-setting-btn {position: absolute;z-index:9999;padding: 12px 15px;border-radius: 120px;font-size: 1.1em;background: #000;cursor: pointer;transition: 0.2s;right: 0;}
.admin-setting-btn a {color: #FFF;}
/* .admin-setting-btn:hover {
box-shadow: 2px 3px 7px 0px rgb(0 0 0 / 90%);
} */

/* // custom jk 2022-09-28 */
.display-inline-block {  display: inline-block;}
.no_data {  width: 100% !important;  font-size: 1rem;  text-align: center;  padding: 200px 0 !important;  margin: 0 auto !important;}
.prod_view_dv .r_dv .txt_dv .prod_ex .t2 span.bw { display: inline-block; font-size: .938em; font-weight: 300; color: #666; flex:1; min-width: 0; padding-left: 5em;}
.jk-no-data-video {  width: 100%;  height: 400px;  display: flex;  justify-content: center;  align-items: center;}
.swiper-pagination {  position: unset !important;  margin-top: 20px;}
.v_text h1 { display: block; font-size: 2em; margin-block-start: 0.67em; margin-block-end: 0.67em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; }
.v_text h2 { display: block; font-size: 1.5em; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; }
.v_text h3 { display: block; font-size: 1.17em; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; }
.v_text p { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: lighter; }
.v_text strong { font-weight: bold; }
.v_text img { display: inline-block; }
.gallery_list .inner a .img_w video { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

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

.firmware_list .inner { text-align: left; box-sizing: border-box; padding: 0; margin: 0; cursor: pointer;}
.firmware_list .inner .version { display: inline-block; color: #888; font-size: .750em;}
.firmware_list .inner:hover .version {  color: #FFF;}
.firmware_list .inner .name {  display: inline-block; font-size: .813em;}
.firmware_list .inner i { color: #333; margin-right: 5px; font-size: .938em;}
.firmware_list .inner:hover i {  color: #FFF;}
.firmware_list .inner:hover { background: #f57d20; color: #FFF; }
.firmware_list .inner .firmware_icon form { display: inline-block; }
.firmware_list .inner .firmware_icon .pwd { width: 100px; border: 1px solid #eee; color: #333; padding: 0 5px; }
.firmware_list .firmware_description form button[type="submit"] { background: none; border: none; text-decoration: none; font-size: inherit;}
.firmware_list .firmware_description form button[type="submit"] i {  font-size: 1.5em;  color: #333;}

.filter_search_w { position: sticky; margin-top: 30px; text-align: center; bottom: 2em; z-index: 99; /* position: absolute; left: 50%; top: 85vh; transform: translateX(-50%); z-index: 333333; text-align: center; margin-top: 30px;*/}
.filter_search_w .board_filter { display: inline-block; vertical-align: middle; background: #000; border-radius: 3em;}
.filter_search_w .board_filter .filter {padding: 1em 2em;}
.filter_search_w .board_filter .label_select select { color: #FFF; font-size: .938em; border: none; border-bottom: 1px solid #FFF;  border-bottom: none; padding-left: 0; width: inherit;}
.filter_search_w .board_filter .label_select select option { background: #000; }
.filter_search_w .board_filter .label_select:before { background: #000; }
.filter_search_w .board_filter .label_select:after { color: #FFF; width: 37px; }
.filter_search_w .board_filter .xi { font-size: 1.625em; color: #FFF; margin-right: 5px; }
.filter_search_w .board_search { display: inline-block; background: #000; color: #FFF; float: none!important; vertical-align: middle; border-radius: 3em;}
.filter_search_w .board_search .searching{padding: 1em 2em;}
.filter_search_w .board_search input { border-bottom: 1px solid #FFF; color: #FFF; border-bottom: none; width: inherit; margin-right: 0; padding: 0;}
.filter_search_w .board_search button .xi { color: #FFF; }
/* .scroll .filter_search_w{position: fixed; top: inherit; bottom: 3em;} */

.jk-inquiry-status-btn { text-align: center; margin: 1rem 0 1rem;}

.jk-inquiry-status-btn .jk-manager-btn {padding: 10px 30px; border-radius: 5px; background-color: rgb(22, 198, 97); line-height: 1.5rem; border: 1px solid rgb(22, 198, 97);  color: #fff; display: inline-block; min-width: 5em; font-weight: 500;}
.jk-inquiry-status-btn .jk-answer-btn {padding: 10px 30px;   border-radius: 5px; background-color: rgb(245, 125, 32); line-height: 1.5rem; border: 1px solid rgb(245, 125, 32); color: #fff;  min-width: 5em; font-weight: 500;}
.jk-inquiry-status-btn .jk-spam-btn {  padding: 10px 30px; border-radius: 5px; background-color: rgb(65, 32, 245); line-height: 1.5rem; border: 1px solid rgb(65, 32, 245);  color: #fff; min-width: 5em; font-weight: 500;}
.jk-inquiry-status-btn .jk-csd-btn { padding: 10px 30px; border-radius: 5px; background-color: rgb(162, 22, 198); line-height: 1.5rem; border: 1px solid rgb(162, 22, 198); color: #fff; display: inline-block; min-width: 5em; font-weight: 500;}
.jk-manager-history { margin-bottom: 1rem; line-height: 1.4rem; color: #999;  font-size: 0.75rem;}
.jk-status-history { margin-bottom: 1rem; line-height: 1.4rem; color: #999; font-size: 0.75rem;}

.inquiry_fin_w .inner .inquiry_fin{width: 50.625em}

#multi_upload .imgs_wrap img{max-height: 100%}

.page_sec1{margin-top: 5em;}

.about_con{}
.about_con.bg{padding: 5em 0; background: #f5f5f5;}
.about_con .logo{text-align: center; margin-top: 4em;}
.about_con .logo.pd0{margin-top: 0;}
.about_con .logo.ipst{margin-bottom: .5em;}
.about_con .logo.ipst > img {width: 7em;}
.about_con .line{display:block; margin:1em auto; width:1px; height:0; background:#333; opacity:.5; transition:1s}
.about_con .tw{text-align: center; width: 100%; max-width: 78%; margin: 0 auto;}
.about_con .tw .tx{line-height: 1.7; font-size: 1.250em; color: #333; padding-top: 1em; font-weight: 300;}
.about_con .tw .t0{font-size: .813em; letter-spacing: .5em; color: #f57d20}
.about_con .tw .t1{font-size: 2em; font-weight: 700; color: #111; }
.about_con .tw .t1.icon{position: relative; display: inline-block;}
.about_con .tw .t1.icon:after{position: absolute; content: ""; right: 0; top: 0; background: #f57d20; border-radius: 100%; width: .75em; height: .75em; right: -.438em; top: -.188em; opacity: .5; z-index: -1;}

.about_con .tw.st1{max-width: 100%;}
.about_con .tw .tx.st1{padding-top: .375em; font-size: 2.063em; font-weight: 300; position: relative;}
.about_con .tw .tx.st1 > span{padding: 0 1em .2em 1em; display: inline-block; padding: 0;}
.about_con .tw .tx.st1 > span:before{ content:""; position:absolute; left:0; bottom:8px; width:100%; height:.6em; background:#f57d20; opacity:.15; left: 50%; transform: translateX(-50%); width: 90%; opacity: .1; display: none}
.about_con .tw .tx.st2{color: #333}

.about_con .imgw{height: 35em;  margin-top: 5em;}
.ready .about_con .line{ height:3em;}

.page_layout{}
.page_layout .wrap_in{display: flex; flex-wrap:wrap; min-width: 0; box-sizing: border-box;}
.page_layout .wrap_in > *{min-width: 0; box-sizing: border-box;}
.page_layout .wrap_in .img_wrap{position: relative; width: 42%; }
.page_layout .wrap_in .tit_wrap{width: 42%; }
.page_layout .wrap_in .tit_wrap .ti{font-size: 2em; color: #111; font-weight: 700;}
.page_layout .wrap_in .txt_wrap{order: -1; flex:1; padding: 2.5em 5.5em 3em 0;}
.page_layout .wrap_in .txt_wrap .tit_w{}
.page_layout .wrap_in .txt_wrap .tit_w .ti{margin-bottom: 1.75em; box-sizing: border-box;}
.page_layout .wrap_in .txt_wrap .tit_w .ti:after{content: "";  background: #333; width: 1px; height: 0; display: inline-block; margin: 1.5em .375em 0 .375em; opacity:.5; transition:1.3s}
.page_layout .wrap_in .txt_wrap .tit_w .ti i{color: #f57d20; font-size: 2.5em; font-weight: 700; display: block;}
.page_layout .wrap_in .txt_wrap .txt_w{}
.page_layout .wrap_in .txt_wrap .txt_w .tx{line-height: 1.7; font-size: 1.250em; color: #333; font-weight: 300; padding-bottom: 1em;}
.page_layout .wrap_in .txt_wrap .txt_w .tx:last-child{padding-bottom: 0;}
.page_layout .wrap_in .txt_wrap .txt_w .tx.st1{font-size: 1em;}
.page_layout .wrap_in .txt_wrap .txt_w .ti{}
.scroll .page_layout .wrap_in .txt_wrap .tit_w .ti:after{height: 3em;}

.page_layout.cist{margin-top: 5em;}
.page_layout.cist.pd0{margin-top: 0;}
.page_layout.cist.pd1{margin-top: 3em;}
.page_layout.cist.pd2{margin-top: 2em;}
.page_layout.cist .wrap_in .txt_wrap{order: inherit; padding: 0;}
.page_layout.cist .wrap_in .txt_wrap .txt_w {padding-bottom:1.5em;}
.page_layout.cist .wrap_in .txt_wrap .txt_w.pdno{padding-bottom: 0}
.page_layout.cist .wrap_in .txt_wrap .txt_w .ti{color: #111; font-size: 1em; font-weight: 700; margin-bottom: .5em; position: relative; padding-left: .5em;}
.page_layout.cist .wrap_in .txt_wrap .txt_w .ti:before{position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); border-radius: 100%; width: .25em; height: .25em; background: #333}
.page_layout.cist .wrap_in .txt_wrap .txt_w .ti.st1{font-size: .938em; color: #666; font-weight:500; position: relative; display: inline-block; padding-bottom: .2em; padding-left: 0; margin-bottom: 0;}
.page_layout.cist .wrap_in .txt_wrap .txt_w .ti.st1:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:.6em; background:#f57d20; opacity:.15; border-radius: inherit; transform: inherit; top: inherit;}
.page_layout.cist .wrap_in .txt_wrap .txt_w .tx.st3{font-size:.938em; color: #666; line-height: 1.6}
.page_layout.cist .wrap_in .txt_wrap .txt_w .tx.st4{font-size: 1.5em; color: #111; font-weight: 700; position: relative; display: inline-block; padding-left: 0; margin-bottom: 0;}
.page_layout.cist .wrap_in .txt_wrap .txt_w .tx.st4:before{content:""; position:absolute; left:0; bottom:0; width:100%; height:.6em; background:#f57d20; opacity:.15; border-radius: inherit; transform: inherit; top: inherit;}


.page_hoverimg{}
.page_hoverimg .list{margin:3em 0 0 0; display: flex; flex-wrap: wrap; box-sizing: border-box; min-width: 0; box-shadow: 2px 2px 0.5em rgb(0 0 0 / 15%)}
.page_hoverimg .list > li{flex:1 0 25%; max-width: 25%;}
.page_hoverimg .list > li .in{position: relative; height: 30em; display: flex; box-sizing: border-box; min-width: 0; align-items: flex-end; align-content: flex-end; /* border: 1px solid #eee; box-shadow: 2px 2px 0.5em rgb(0 0 0 / 15%); background:#fafafa;*/ border-right: 1px solid #444;}
.page_hoverimg .list > li:last-child .in{border-right: none;}
.page_hoverimg .list > li .in:before{ content:""; height: 100%; width: 100%; background: rgba(0,0,0,.4); position: absolute; left: 0; top: 0;}
.page_hoverimg .list > li .in:after { content:""; position:absolute; z-index:2; left:0; right:0; top:0; bottom:0; box-shadow:2px 2px .75em rgba(0,0,0,.4); opacity:0; visibility:hidden; transition:.5s; background: linear-gradient(to right, #F49F22, #f57d20); background: -webkit-linear-gradient(to right, #F49F22, #f57d20)}
.page_hoverimg .list > li .in .con{ position:relative; z-index:3; flex:1; padding:2em; transition:.3s; color: #fff;}
.page_hoverimg .list > li .in .con .icon{padding-bottom: 1em;}
.page_hoverimg .list > li .in .con .icon .xi{font-size: 2em;}
.page_hoverimg .list > li .in .con .ti{ font-size:1.375em; padding-bottom: 1em; font-weight: 700; line-height: 1.5; min-height: 3em;}
.page_hoverimg .list > li .in .con .tx{ font-size:.875em; line-height: 1.7; font-weight: 400; min-height: 5em; opacity: .7}
.page_hoverimg .list > li .in:hover:after{ opacity:.8; visibility:visible;}
.page_hoverimg .list > li .in:hover .con{ padding-bottom:5em;}

.page_about_con{}
.page_about_con .en_t{padding: 0 0 1.5em 0; text-align: center;}
.page_about_con .en_t > i{vertical-align:baseline; transform:scaleX(0); opacity:0; transform-origin:left top; transition:.6s; font-size: 2.5em; font-weight: 800; letter-spacing: .375em; color: #101010}
.ready .page_about_con .en_t > i{ transform:scaleX(1); opacity:1}
.ready .page_about_con .en_t > i:first-child{transition-delay:0.1s;}
.ready .page_about_con .en_t > i:nth-child(2){transition-delay:0.2s;}
.ready .page_about_con .en_t > i:nth-child(3){transition-delay:0.3s;}
.ready .page_about_con .en_t > i:nth-child(4){transition-delay:0.4s;}
.ready .page_about_con .en_t > i:nth-child(5){transition-delay:0.5s;}
.ready .page_about_con .en_t > i:nth-child(6){transition-delay:0.6s;}
.ready .page_about_con .en_t > i:nth-child(7){transition-delay:0.7s;}
.ready .page_about_con .en_t > i:nth-child(8){transition-delay:0.8s; }
.ready .page_about_con .en_t > i:nth-child(9){transition-delay:0.9s; color: #BF192D}
.ready .page_about_con .en_t > i:nth-child(10){transition-delay:1.0s; color: #EC8E26}
.ready .page_about_con .en_t > i:nth-child(11){transition-delay:1.1s; color: #033490}
.ready .page_about_con .en_t > i:nth-child(12){transition-delay:1.2s;}
.ready .page_about_con .en_t > i:nth-child(13){transition-delay:1.3s;}
.ready .page_about_con .en_t > i:nth-child(14){transition-delay:1.4s;}
.ready .page_about_con .en_t > i:nth-child(15){transition-delay:1.5s;}
.ready .page_about_con .en_t > i:nth-child(16){transition-delay:1.6s;}
.ready .page_about_con .en_t > i:nth-child(17){transition-delay:1.7s;}

.page_aoubt_t1{ font-size: 1.188em; font-weight: 300; color: #333; line-height: 1.7; text-align: center;}
.page_aoubt_line{background: #333; width: 1px; height: 0; display: block; margin: 1.5em auto; opacity:.5; transition:1.3s}
.ready .page_aoubt_line{height: 3em;}

.page_about_imgw{margin: 3em 0;}
.page_about_imgw .inner{padding: 13em 1em;}
.page_about_imgw .inner .tw{}
.page_about_imgw .inner .tw .tx{color: #fff; font-size: 2em; line-height: 1.6; font-weight: 500;}

.page_vision_con{padding-top: 3em;}
.page_vision_con .tw{text-align: center;}
.page_vision_con .tw .t1{font-size: 2.250em; font-weight: 700; letter-spacing: .313em; padding-bottom: .75em;}
.page_vision_con .tw .t2{color: #666; font-size: 1.5em}
.page_vision_con .vision_listw{padding-top: 5em; width: 100%; max-width: 80%; margin: 0 auto;}
.page_vision_con .vision_listw .list{display:flex; box-sizing:border-box; min-width:0; margin: 0 0 0 -3em;}
.page_vision_con .vision_listw .list > *{min-width: 0; box-sizing: border-box;}
.page_vision_con .vision_listw .list > li{flex:1 0 25%; max-width: 25%;}
.page_vision_con .vision_listw .list > li .in{text-align: center; margin: 0 0 0 3em; align-content:center; align-items:center; justify-content:center; text-align:center; flex-direction: column;}
.page_vision_con .vision_listw .list > li .in .icon{}
.page_vision_con .vision_listw .list > li .in .icon .xi{}
.page_vision_con .vision_listw .list > li .in .t_w{padding-top: 1em;}
.page_vision_con .vision_listw .list > li .in .t_w .t1{font-weight: 700; color: #222; font-size: 1.250em; padding-bottom: .750em;}
.page_vision_con .vision_listw .list > li .in .t_w .t2{font-size: .938em; line-height: 1.5; color: #666}
.page_vision_con .vision_listw .list > li .in .t_w .t2 .st{font-size: .875em; color: #666; display: block;}

.page_about_ci{background: #f5f5f5; padding: 5em 0; margin-top: 5em;}
.page_about_ci .ci_imgw{}
.page_about_ci .ci_imgw .list{display: inline-flex; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; margin: 3em 0 0 -1em; width: 100%;}
.page_about_ci .ci_imgw .list > *{min-width: 0; box-sizing: border-box;}
.page_about_ci .ci_imgw .list > li{}
.page_about_ci .ci_imgw .list > li .in{margin: 0 0 0 1em;}
.page_about_ci .btn_w { display: flex; justify-content: center; margin-top: 1.250em;}
.page_about_ci .btn_w a { display: inline-flex; padding: 5px 15px; background: #f2f2f2; color: #666; border-radius: 7px; border: 1px solid #DDD; justify-content: center; align-items: center; transition: .3s; }
.page_about_ci .btn_w a:first-child { margin-right: 1em; }
.page_about_ci .btn_w a:hover { background: #f57d20; color: #FFF; }
.page_about_ci .btn_w .xi { margin-right: 4px; padding-top: 3px; }
.page_about_ci .btn_w span { font-size: .938em; }

.page_about_ip.logo{background: #f5f5f5; padding: 5em 0; margin:0 0 3em 0;}

.ip_logo_list{display: flex; flex-wrap:wrap; align-items: center; align-content: center; justify-content: center;; margin: 3em 0 -.625em -.625em;}
.ip_logo_list > li{flex:1 1 14.28%; max-width: 14.28%}
.ip_logo_list > li .in{display: block; background: #fff; border-radius: 10px; margin: 0 0 .750em .750em; padding: .750em;}

.g_banner_w { position: fixed; right: 9em; top: 5em; z-index: 3333;}
/* .g_banner_w img { width: 100%; } */

.g_banner_w .close_btn {  /* position: fixed; top: 122px; right: 102px;  z-index: 9; right: 6em; top: 6.5em; z-index: 33;*/ font-size: 1.125em; color: #FFF; width: 26px; height: 26px; line-height: 26px; text-align: center; border-radius: 50%; background: #000; text-align: center; transition: .3s; display: flex; margin-left: auto; text-align: center;align-items: center; align-content:center; justify-content:center; margin-bottom:.25em;}
.g_banner_w .close_btn:hover { background: #f57d20; }
.g_banner_w .inner {  /* display: inline-block; position: fixed;top: 122px; right: 130px;  width: 330px; height: 150px; z-index: 9; right: 8em; top: 9em; border-radius: 13px; overflow: hidden;*/  /*border: 3px solid #4358dc; box-shadow: 0 3px 5px rgba(0,0,0,.4); */ box-sizing: border-box; transition: .3s; display: block;}
/* .g_banner_w .inner:hover { box-shadow: none; border-color: #442dff; } */

.search_area .topw{display: flex; padding: 1em 0;}
.search_area .topw label{display: flex; align-items: center; font-weight: 500; margin-right: 1em;}
.search_area .topw label input{margin-right: .313em;}
.search_area .board_search{margin-top: .5em;}
.search_area .board_search .search_input.popst{line-height: 40px; height: 40px; border-bottom-color: #f0ae00}
.search_area .board_search .search_btn.popst{background: #f0ae00; line-height: 40px; height: 40px; width: 40px;}
.search_area .board_search .search_btn.popst .xi{color: #fff;}

.gsc-control-cse{padding: 1em 0 !important;}

.searching_result { padding: 1em 0;  /* font-family: arial, sans-serif; */}
.searching_result .searching_title { color: #676767; font-size: .875em; margin: 0; padding: 9px 4px 15px 4px; text-align: left; border-bottom: 1px solid #e9e9e9; display: flex; justify-content: space-between; align-items: center;}
.searching_result .searching_title > div .xi{vertical-align: baseline; font-size: 1em; padding-right: 5px;}
.searching_result .searching_title .moreBTn{display: inline-block; padding: .5em; background: #000; text-align: center; font-size:.875em; padding: .75em 1.3em; border-radius: 49px; color: #fff;}
.searching_result .searching_title .moreBTn:hover {background: #ddd; color: #000; transition: .2s;}
.searching_result .searching_list li { padding: .625em; display: flex; flex-wrap: wrap; align-items: center}
.searching_result .searching_list_image {  width: 100px;  height: 100px; background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 1em;}
.searching_result .searching_list_information {  flex: 1;  display: flex;  flex-direction: column;}
.searching_result .searching_list_title { color: #f57d20; font-size: 1.063em; font-weight: 500; padding-bottom: .25em;}
.searching_result .searching_list_url {  font-size: .750em; color: #3ab3ff;}
.searching_result .searching_list_description {  margin-top: 1em; font-size: .875em; color: #666;}
.searching_result .searching_list_description a { transition: .2s; border-radius: .5em; background: #f5f5f5; font-size: .750em; display: inline-block; padding: .5em;}
.searching_result .searching_list_description a .xi {  color: #f57d20;  transition: .2s;}
.searching_result .searching_list_description a:hover {  background: #f57d20;  color: #FFF;}
.searching_result .searching_list_description a:hover .xi {  color: #FFF;}

.searching_result .searching_list li:hover{background: #f1f1f1;}

.warranty_wrap{width: 50em;  max-width: 96%; margin: 0 auto; }
.warranty_wrap .inner{  display: flex; box-sizing: border-box; min-width: 0; background-size: 100% 100% !important; padding: 5em 4em; background: url('/global/images/warranty_bg3_new.png') }
.warranty_wrap .inner > *{min-width: 0; box-sizing: border-box;}
.warranty_wrap .inner .inner_con{}
.warranty_wrap .inner .inner_con .in_tit{margin-bottom: 2.5em; text-align: center;}
.warranty_wrap .inner .inner_con .in_tit .ti{font-weight: 800; font-style: italic; letter-spacing: -.06em; font-size: 1.875em; text-align: center;}
/* .warranty_wrap .inner .inner_con .in_tit .ti{font-weight: 800; font-style: italic; letter-spacing: -.06em; font-size: 1.875em; text-align: center; display: inline-block; position: relative; padding: 0 1em;}
.warranty_wrap .inner .inner_con .in_tit .ti:before,
.warranty_wrap .inner .inner_con .in_tit .ti:after { content:""; position:absolute; top:50%; transform: translateY(-50%)}
.warranty_wrap .inner .inner_con .in_tit .ti:before{ left:-60px; background: url('/global/images/warranty_iconL.png') no-repeat 50% 50%; width: 74px; height: 73px;}
.warranty_wrap .inner .inner_con .in_tit .ti:after { right:-60px; background: url('/global/images/warranty_iconR.png') no-repeat 50% 50%; width: 74px; height: 73px;} */
.warranty_wrap .inner .inner_con .in_txt{padding-bottom: 1em;}
.warranty_wrap .inner .inner_con .in_txt .tx{line-height: 1.5;}
.warranty_wrap .inner .inner_con .in_txt .tx.st1{font-weight: 800;}
.warranty_wrap .inner .inner_con .in_txt .tx.st2{padding-left: 3.750em}
.warranty_wrap .inner .inner_con .in_txt.logo{display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; align-content: center; padding-top: 2em; padding-bottom: 0;}
.warranty_wrap .inner .inner_con .in_txt.logo .tx.st3{font-size: .875em;}
.warranty_wrap .inner .inner_con .in_txt.logo > *{min-width: 0; box-sizing: border-box;}
.warranty_wrap .inner .inner_con .in_txt.logo .con.v1{padding-right: 3em;}
.warranty_wrap .inner .inner_con .in_txt.logo .con .logo > img {width: 10em;}
/* // custom end */

.main_layout{display: flex; flex-wrap: wrap; align-content: center; align-items: center; box-sizing: border-box; min-width: 0;}
.main_layout > .layL{ width:41.875em; max-width:50%;}
.main_layout > .layL.st2{ width:26.25em; text-align: center;}
.main_layout > .layL > .img{ overflow:hidden;}
.main_layout > .layR{ flex:1; padding-left:5em;}
.main_layout > .layR_1{ flex:1; padding-left:5em;}
.main_layout > .flex > *{ flex:1;}

.main_about .about_wrap > .con_wrap{ flex:1; padding:8.5em 0 5em 6.875em;}
.main_about .about_wrap > .con_wrap .wrap_list{ margin:0 0 -3.125em -3.125em;}
.main_about .about_wrap > .con_wrap .wrap_list > li{ width:50%;}
.main_about .about_wrap > .con_wrap .wrap_list > li .in{ margin:0 0 3.125em 3.125em;}
.main_about .about_wrap > .con_wrap .wrap_list > li:nth-child(2n){ transform:translateY(5em);}
.main_about .about_wrap > .con_wrap .wrap_list > li .in .con{ padding:1.625em .375em 0 .375em;}
.main_about .about_wrap > .con_wrap .wrap_list > li .in .con .tt{ font-size:1.063em; color:#666; line-height:1.5;}

.main_txt{ margin-bottom:3em;}
.main_txt.mg1{ margin-bottom:1em;}
.main_txt.mg2{ margin-bottom:2.25em;}
.main_txt:last-child{ margin-bottom:0;}
.main_txt > .tit{}
.main_txt > .tit + .txt{ margin-top:.75em;}
.main_txt > .txt{ line-height:1.5;}
.main_txt .mark img{ width:6em;}
.main_txt .tt{ color:#111;}
.main_txt .t1{ font-size:1.125em;}
.main_txt .t2{ font-size:2.875em;}
.main_txt .t3{ font-size:1.250em;}
.main_txt .t4{ font-size:1.5em;}
.main_txt .c1{ color:#333;}

.main_txt_wrap{ margin-bottom:1.5em;}
.main_txt_wrap .main_txt{ margin-bottom:0;}
.main_txt_wrap.flex .main_txt{ flex:1;}
.main_txt_wrap.flex.vb .main_txt ~ .main_btn{ padding-bottom:.5em;}

.page_ex_list{}
.page_ex_list > li{ padding:.25em 0;}
.page_ex_list > li > .in{ position:relative;}
.page_ex_list > li > .in:before{ content:""; position:absolute; left:0;}
.page_ex_list > li > .in > .tt{ color:#666; font-weight:400; line-height:1.5;}
.page_ex_list > li > .in > .tt_1{ font-size:1.25em; color:#555; font-weight:500; line-height:1.5;}
.page_ex_list > li > .in > .tt.t1{ display:block; margin-top:.25em; font-size:.875em; color:#888;}
.page_ex_list > li > .in > .tt_1.t1{ display:block; margin-top:.25em; font-size:.875em; color:#888;}
.page_ex_list > li > .in > .tt a:hover{ text-decoration:underline;}
.page_ex_list > li > .in > .tt_1 a:hover{ text-decoration:underline;}
.page_ex_list.small{ font-size:.938em;}
.page_ex_list.small > li{ padding:.188em 0;}
.page_ex_list.small > li > .in > .tt{ line-height:1.3;}
.page_ex_list.small > li > .in > .tt_1{ line-height:1.3;}

.page_ex_list > li > .in > .tt + .page_ex_list{ margin-top:.5em;}
.page_ex_list > li > .in > .tt_1 + .page_ex_list{ margin-top:.5em;}
.page_ex_list > li > .in .page_ex_list:last-child{ margin-bottom:.75em;}
.page_ex_list > li:last-child > .in .page_ex_list:last-child{ margin-bottom:0;}

.page_ex_list.dot > li > .in{ padding-left:.875em;}
.page_ex_list.dot > li > .in:before{ top:.750em; width:5px; height:3px; background:#f57d20;}
.page_ex_list.dot.small > li > .in:before{ top:.438em;}

.app_img_wrap{margin-top: 3em; background: #f5f5f5; padding: 3em 0;}
.app_img_wrap .list{box-sizing: border-box; min-width:0; display: flex; flex-wrap:wrap;}
.app_img_wrap .list > li{}
.app_img_wrap .list > li .in{}
.app_img_wrap .list > li.this{ display:block;  /* object-fit:cover; opacity: 80%; transform:scale(1.0); transition: transform .5s; width:10em; */ flex:1 0 25%; max-width: 25%;}
/* .app_img_wrap .list > li.this:hover { transform:scale(2); transition: transform .5s; z-index:100;  opacity: 100%;} */

.appkit_explantw{margin-top: 3em; background: #f5f5f5; padding: .75em 1em; border-radius: .5em;}
.appkit_explantw .t1{font-size: .875em; padding-bottom: .5em; color: #444; line-height: 1.5}
.appkit_explantw .t1:last-child{padding-bottom: 0;}

/*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; }

.popBanner_btnwrap{display: flex; flex-wrap:wrap;}

.parts_page_tit{padding: 1em 0; font-size: 1em; color: #666;}

.game_discontinued{filter: grayscale(1); opacity: .5;}

/*rein add*/
.rein2025_parts_history_btn{
  border:0;
  background:#Fff;
}
.rein2025_parts_history_btn:hover{
  background:#eee;
}
.rein2025_parts_history_btn > img{
  width:15px;
  padding:5px;
  
}
.rein2025_parts_history_modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

.rein2025_parts_history_modal_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.rein2025_parts_history_modal_content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  min-height: 150px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  overflow:hidden;
}

.rein2025_parts_history_modal_header {
  padding: 10px;
  border-bottom: 1px solid #eee;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.rein2025_parts_history_modal_header h3 {
  margin: 0;
  font-size: 14px;
  color: #333;
}

.rein2025_parts_history_modal_close {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
  color: #999;
  padding: 0;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rein2025_parts_history_modal_close:hover {
  color: #333;
}

.rein2025_parts_history_modal_body {
  padding: 10px;
  font-size: 12px;
  color: #666;
  overflow-x: hidden;
  overflow-y: auto;
  height: 150px;
}
.rein2025_parts_history_modal_body ul {
  width:100%;
}
.rein2025_parts_history_modal_body li {
  display:block;
  padding:10px 0;
  font-size:14px;
}