@-ms-viewport{width:device-width}
html{overflow-x:hidden; background-color: #fff; }
body,div,ul,li,img { margin:0; padding:0; }
ul,li{ list-style:none}
img { border:none; display:block}
body { overflow: hidden; background-color: #fff; /*/letter-spacing: 0.5px; */}
.msg_sound_only { display: none; }
.box0 { width: 1400px; margin: 0 auto; }
.box1 { width: 960px; max-width: 96%; margin: 0 auto;  width: 1000px}
.doc { padding: 70px 0 160px 0; margin-top: 90px; }

.PHONE { display: none; }

#header .header_in{background: #f7f7f7; border-bottom: 1px solid #eee}
#header .header_in2{border-bottom: 1px solid #eee}

#header .s_header { overflow: hidden; display: flex; align-items: center; justify-content: space-between; padding: 5px 0}
#header .s_header .left { font-size: .750rem; color: #444; }
#header .s_header .right { }

/* 2023-08-18 JK */
#header .s_header .right { display: flex; }
#header .s_header .right .login { font-size: .750rem; color: #aaa; display: flex; align-items: center; justify-content: center; margin-right: 1rem; }
#header .s_header .right .login a {}
/* 2023-08-18 JK END */

#header .m_header { padding: 15px 0; overflow: hidden; }
#header .m_header .logo { text-align: center; cursor: pointer; transition: .3s; width: 11em;}
#header .m_header .logo:hover { opacity: .7; }
#header .m_header .logo img { display: inline-block; }
#header .m_header .tel { float: right; text-align: right; }
#header .m_header .tel .xi { width: 38px; height: 38px; line-height: 38px; text-align: center; border-radius: 50%; background: #f57d20; font-size: 1.438em; color: #FFF; margin-right: 8px; vertical-align: middle; }
#header .m_header .tel .num { font-family: 'Oswald', Helvetica, sans-serif; font-size: 2.063rem; vertical-align: middle; color: #222; }
#header .m_header .tel .st { font-size: .875rem; color: #444; margin-top: 10px; }

#header .gnb_w { margin-left: auto;}
#header .gnb { text-align: center; }
#header .gnb li { display: inline-block; position: relative; }
#header .gnb li:before { content: ""; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #f57d20; transition: .3s; display: none;}
#header .gnb li:hover:before { width: 86%; left: 7%; }
#header .gnb li:hover .tt { color: #f57d20; }
#header .gnb li:hover .st { color: #ffbb86; }

#header .gnb li.on:before { width: 86%; left: 7%; }
#header .gnb li.on .tt { color: #f57d20; }
#header .gnb li.on .st { color: #ffbb86; }

#header .gnb li a { display: block; padding: 10px 40px; padding: 0 40px;}
#header .gnb li .dp2 { display: none; }
#header .gnb li:first-child a { }
#header .gnb li .tt { display: block; color: #222; }
#header .gnb li .st { display: block; font-family: 'notoS', sans-serif; font-weight: 300; font-size: .750rem; color: #aaa; margin-top: 3px; }

#header .gnb_layout_wrap{display: flex; flex-wrap: wrap; align-content: center; align-items: center; justify-content: flex-end;}



#contents { min-height: calc(100vh - 350px); }

#contents .s_nav { font-size: .688rem; color: #666; text-align: right; padding: 1em 0 0 0}
#contents .s_nav span { vertical-align: middle; }
#contents .s_nav span.space { margin: 0 6px; }

.dp0_0 #contents .s_nav{padding: 0;}


#contents .sub { padding: 30px 0 60px 0; padding: 1em 0}
#contents .tit { font-weight: 600!important; font-size: 1.375rem;  color: #222;  position: relative;}
#contents .tit:before{content: ""; width: 1.75em; height: 3px; display: block; margin-bottom: .5em; background: #f57d20;}

#contents .mainV { width: 100%; height: 450px; margin-bottom: 1em; position: relative; }
#contents .mainV .admin_btn { display: inline-block; position: absolute; top: 0; right: -70px; font-family: 'xeicon'; width: 34px; height: 34px; line-height: 34px; color: #f57d20; border: 1px solid #f57d20; text-align: center; font-size: 1.375rem; transition: .3s; }
#contents .mainV .admin_btn:hover { color: #FFF; background: #f57d20; }
#contents .mainV .banner_w { height: 100%; }
#contents .greet_w { margin-bottom: 35px; }
#contents .greet_w .tit { font-weight: bold; font-size: 1.375rem; color: #222; position: relative;}
#contents .greet_w .con { padding: 20px 10px; line-height: 1.5; color: #333; padding: 20px 0;}

#contents .mainV.st2{height: inherit;}
#contents .mainV.st2 .inner{margin-top: 1em;}
#contents .mainV.st2 .inner .banner_w{}
#contents .mainV.st2 .inner .banner_w .inn{display: flex !important}
#contents .mainV.st2 .inner .banner_w .inn .img_w{width: 60%}
#contents .mainV.st2 .inner .banner_w .inn .video_w{width: 40%}

#contents .info_w { margin-bottom: 25px; }
#contents .info_w .tit { font-weight: 600; font-size: 1.375rem; letter-spacing: -0.3px; position:relative;}
#contents .info_w .con { padding: 10px 0; }
#contents .info_w .con ul li { border-bottom: 1px solid #DDD; transition: .3s; }
#contents .info_w .con ul li:first-child{border-top: 1px solid #ddd;}
#contents .info_w .con ul li:hover { background: #f3f3f3; }
#contents .info_w .con ul li:hover .btn { background: #f57d20; color: #FFF; }
#contents .info_w .con ul li:hover .text { color: #f57d20; }
#contents .info_w .con ul li a { display: block; width: 100%; padding: 10px 15px; box-sizing: border-box; font-size: 0; padding: 10px}
#contents .info_w .con ul li a .btn { font-size: .875rem; background: #EEE; display: inline-block; padding: 5px; text-align: center; border-radius: 6px; vertical-align: middle; transition: .3s; }
#contents .info_w .con ul li a .date { display: inline-block; font-family: 'notoS',sans-serif; font-size: .750rem; padding: 3px 0 0 0; font-weight: 400; color: #888; vertical-align: middle; }
#contents .info_w .con ul li a .text { display: inline-block; font-size: .938rem; padding-left: 10px; vertical-align: middle; transition: .3s; flex:1;}
#contents .info_w .con ul li a .text:hover { color: #f57d20; }

#contents .info_w .con ul li a{display: flex; flex-wrap:wrap; align-items: center; align-content: center; }
#contents .info_w .con ul li a .layOut{display: flex; flex-direction: column;}

#contents .prod_wrap{}
#contents .prod_wrap .in{}
#contents .prod_wrap .in .prod_list{display: flex; flex-wrap: wrap; margin: 0 0 0 -1em; gap: 1rem;}
#contents .prod_wrap .in .prod_list > li{display: flex; font-size: initial; width: inherit; max-width: inherit; flex:1; transform: translateY(0); transition: .3s; flex:1;}
#contents .prod_wrap .in .prod_list > li:not(:last-child){margin-right: 0}
#contents .prod_wrap .in .prod_list > li .inn{margin: 1.5em 0 0 0; border: 1px solid #f57d20; padding: 2em; text-align: left; border-radius: .5em; background: #fff; display: block;}
#contents .prod_wrap .in .prod_list > li .inn .ti_w{}
#contents .prod_wrap .in .prod_list > li .inn .ti_w .ti{color: #f57d20; font-weight: 800; font-size: 1.313em;}
#contents .prod_wrap .in .prod_list > li .inn .img_w{margin: 2em 0;}
#contents .prod_wrap .in .prod_list > li .inn .btn_w{}
#contents .prod_wrap .in .prod_list > li .inn .btn_w .link_btn{border: 1px solid #ddd; padding: .375em 1em; border-radius: 3em; background: #fff; transition: .3s; display: inline-block;}
#contents .prod_wrap .in .prod_list > li .inn .btn_w .link_btn >*{color: #f57d20; vertical-align: middle;}
#contents .prod_wrap .in .prod_list > li .inn .btn_w .link_btn .xi{font-size: 1em;}
#contents .prod_wrap .in .prod_list > li .inn .btn_w .link_btn .tx{font-size: .875em; }
#contents .prod_wrap .in .prod_list > li:hover{transform: translateY(15px); transition: .3s;}
#contents .prod_wrap .in .prod_list > li:hover .inn .btn_w .link_btn{background: #f57d20; border: 1px solid #f57d20; transition: .3s;}
#contents .prod_wrap .in .prod_list > li:hover .inn .btn_w .link_btn > *{color: #fff}

#footer { background: #f0f0f0; padding: 12px 0; }
#footer ul { overflow: hidden; text-align: center; }
#footer ul li {}
#footer ul li:not(:last-child) { margin-bottom: 25px; }

#footer ul li a { font-size: .813rem; transition: .3s; }
#footer ul li a:hover { color: #f57d20; }
#footer .copyright { text-align: center; font-size: .813rem; color: #666; margin-top: 20px; }

/*sub1*/
#contents .sub table { font-size: .938rem; margin-top: 20px; border-top: 1px solid #DDD; border-left: 1px solid #DDD; }
#contents .sub table th { text-align: left; background: #f5f5f5; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 10px; box-sizing: border-box; word-break: break-all; color: #222; }
#contents .sub table td { text-align: left; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; padding: 10px; box-sizing: border-box; word-break: break-all; color: #444; line-height: 1.4; }

.dp0_1 #contents .sub table{margin-top: 0;}

#contents .map_w { margin: 30px auto 0 auto; border: 1px solid #ddd; padding: 1em; border-radius: .25em; box-shadow: 0.15em 0.15em 0 rgba(0,0,0,.08)}
#contents .map_w .tt{font-size: 1.063rem; position:relative; padding-left:1.375em; line-height:1.2; margin-bottom:.75em; font-weight: 600;}
#contents .map_w .tt:before{ content:""; position:absolute; left:0; top:.125em; background: linear-gradient(-225deg, #f57d20 49%, #ffbb86 50%); width:1em; height:1em}
#contents .map_w .tt:after{ content:""; position:absolute; left:0; top:.125em; width:1em; height:1em; background:#fff; transform:scale(.5)}
#contents .map_w .map { overflow: hidden; margin-top: 15px; }
#contents .map_w .map .img { float: left; width: 48.5%; height: 450px; }
#contents .map_w .map .google { float: right; width: 48.5%; }

#contents .map_w .map.st2{overflow: inherit;}
#contents .map_w .map.st2 .google{float: inherit; width: 100%;}

#contents .brochure_w{}
#contents .brochure_w .in{margin: 30px auto;}
#contents .brochure_w .in .tt{font-size: 1.063rem; position:relative; padding-left:1.375em; line-height:1.2; margin-bottom:.75em; font-weight: 600;}
#contents .brochure_w .in .tt:before{ content:""; position:absolute; left:0; top:.125em; background: linear-gradient(-225deg, #f57d20 49%, #ffbb86 50%); width:1em; height:1em}
#contents .brochure_w .in .tt:after{ content:""; position:absolute; left:0; top:.125em; width:1em; height:1em; background:#fff; transform:scale(.5)}
#contents .brochure_w .in .img{margin-top: 15px;}

/*sub2*/
#contents .product .nav { margin: 25px auto 0 auto; }
#contents .product ul { font-size: 0; text-align: center; }
#contents .product ul li { display: inline-block; font-size: 1rem; width: 244px; max-width: 33.3333333%; }
#contents .product ul li:not(:last-child) { margin-right: 65px; }
#contents .product ul li .inner { border: 2px solid #ff9847; border-radius: 52px; }
#contents .product ul li .inner a { display: block; width: 100%; height: 48px; background: #f57d20; color: #FFF; border: 1px solid #FFF; border-radius: 48px; box-sizing: border-box; transition: .3s; }
#contents .product ul li .inner a:hover { background: #f56220; }


#contents .product .v_inner { padding: 10px 0 20px 0; }
#contents .product .v_inner .con { overflow: hidden; border-bottom: 1px solid #e1e1e1; padding: 15px 0; }
#contents .product .v_inner .con:first-child{border-top: 1px solid #e1e1e1}
#contents .product .v_inner .con .img_w { float: left; width: 30%; padding-right: 20px; box-sizing: border-box; }
#contents .product .v_inner .con .img_w .resize { border: 1px solid #eee; background: #fafafa}
#contents .product .v_inner .con .text_w { float: left; width: 70%; margin-top: 1.5em;}
#contents .product .v_inner .con .text_w .btn { margin-top: 5em; }
#contents .product .v_inner .con .text_w .btn a { display: inline-block;}
/* #contents .product .v_inner .con .text_w .btn a:hover { color: #fff; background: #f57d20; border: 1px solid #f57d20} */
#contents .product .v_inner .con .text_w .btn a .link_btn{border: 1px solid #ddd; padding: .375em 1em; border-radius: 3em; background: #fff; transition: .3s; display: inline-block;}
#contents .product .v_inner .con .text_w .btn a .link_btn >*{color: #f57d20; vertical-align: middle;}
#contents .product .v_inner .con .text_w .btn a .link_btn .xi{font-size: 1em;}
#contents .product .v_inner .con .text_w .btn a .link_btn .tx{font-size: .875em; }
#contents .product .v_inner .con .text_w .btn a:hover .link_btn{background: #f57d20; border: 1px solid #f57d20; transition: .3s;}
#contents .product .v_inner .con .text_w .btn a:hover .link_btn > *{color: #fff}

#contents .product .tt{font-size: 1.063em}
/* #contents .product .tt { border: 1px solid #DDD; background: #f9f9f9; height: 40px; line-height: 40px; font-size: 1.063rem; padding-left: 14px; position: relative; } */
/* #contents .product .tt:after { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: #f57d20; } */

#contents .product .st { margin-top: 20px; margin-bottom: 30px; line-height: 1.5; }

#contents .product .v_con { padding: 40px 0; }
#contents .product .v_con .tt { margin-bottom: 20px; }
#contents .product .v_con .tt{font-size: 1.063rem; position:relative; padding-left:1.375em; line-height:1.2; margin-bottom:.75em; font-weight: 600;}
#contents .product .v_con .tt:before{ content:""; position:absolute; left:0; top:.125em; background: linear-gradient(-225deg, #f57d20 49%, #ffbb86 50%); width:1em; height:1em}
#contents .product .v_con .tt:after{ content:""; position:absolute; left:0; top:.125em; width:1em; height:1em; background:#fff; transform:scale(.5)}
#contents .product .v_con .sec:not(:last-child) { margin-bottom: 50px; }
#contents .product .v_date { text-align: right; font-size: .938rem; color: #666; margin-top: 10px; }

#contents .product .tit { position: relative; }
#contents .product .tit a { font-family: 'notoS',sans-serif; font-weight: 400; position: absolute; top: -3px; right: 0; font-size: .813rem; padding: 5px 12px; border: 1px solid #f57d20; color: #f57d20; transition: .3s; }
#contents .product .tit a:hover { background: #f57d20; color: #FFF; }
#contents .product .tit a .xi { font-size: .938rem; padding-top: 1px; margin-right: 5px; }
#contents .product .tit a span { vertical-align: middle; }
/*sub3*/
#contents .support .tt { border: 1px solid #DDD; background: #f9f9f9; height: 40px; line-height: 40px; font-size: 1.063rem; padding-left: 14px; position: relative; }
#contents .support .tt:after { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: #f57d20; }
#contents .support .st { margin-top: 20px; margin-bottom: 30px; line-height: 1.5; }
#contents .support .st.pd_ed { padding: 0 15px; font-size: .875rem; }
#contents .support .st.pd_ed .t1 { word-break: break-all; }
#contents .support .st.pd_ed .t1 .mail_t { position: relative; display: inline-block; margin-top: 15px; }
#contents .support .st.pd_ed .t1 .mail_t .xi { position: absolute; top: -4px; left: -4px; display: inline-block; width: 38px; height: 38px; text-align: center; line-height: 38px; border-radius: 50%; border: 1px solid #f57d20; background: #f57d20; color: #FFF; box-sizing: border-box; vertical-align: top; }
#contents .support .st.pd_ed .t1 .mail_t .mail { padding-left: 42px; padding-right: 14px; height: 30px; line-height: 30px; border: 1px solid #f57d20; border-radius: 30px; vertical-align: top; }
#contents .support .st.pd_ed .t1 .mail { display: inline-block; font-size: 1rem; }
#contents .support .dashed_t { font-size: 1.063rem; border-bottom: 2px dashed #f57d20; padding-left: 5px; padding-bottom: 3px; margin-bottom: 12px; }
#contents .support .dashed_s { margin-left: 25px; border-bottom: 1px solid #EEE; position: relative; padding: 8px 0 2px 0; }
#contents .support .dashed_s:before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #222; position: absolute; position: absolute; top: 13px; left: -16px; }
#contents .support .cate_sec { margin-top: 25px; }
#contents .support .cate_sec2 { margin-top: 15px; }
#contents .support .st .t1 a { transition: .3s; }
#contents .support .st .t1 a:hover { color: #f57d20; text-decoration: underline; }

/*sub4*/
#contents .news .nav { width: 90%; margin: 25px auto 0 auto; }
#contents .news ul { font-size: 0; text-align: center; }
#contents .news ul li { display: inline-block; font-size: 1rem; width: 244px; max-width: 33.3333333%; }
#contents .news ul li:not(:last-child) { margin-right: 65px; }
#contents .news ul li .inner { border: 2px solid #ff9847; border-radius: 52px; }
#contents .news ul li .inner a { display: block; width: 100%; height: 48px; background: #f57d20; color: #FFF; border: 1px solid #FFF; border-radius: 48px; box-sizing: border-box; transition: .3s; }
#contents .news ul li .inner a:hover { background: #f56220; }


/*sub4_1*/
#contents .news .news_in { overflow: hidden; }
#contents .news .news_in .img_w { float: left; width: 26%; padding-right: 30px; box-sizing: border-box; display: none; }
#contents .news .news_in .img_w .news_img { border: 1px solid #f57d20; }
#contents .news .news_in .img_w .news_img:not(:last-child) { margin-bottom: 15px; }

#contents .news .news_in .text_w { float: left; width: 100%; }
#contents .news .news_in .text_w .con {}
#contents .news .news_in .text_w .con .inner { padding: 20px 0; border-bottom: 1px dashed #DDD; }
#contents .news .news_in .text_w .con .inner .date_w { display: inline-block; font-size: .875rem; background: #e6e6e6; border-radius: 3px; padding: 5px 15px; margin-top: 10px; }
#contents .news .news_in .text_w .con .inner .date_w span { display: inline-block; vertical-align: top; }
#contents .news .news_in .text_w .con .inner .date_w .date { position: relative; font-family: 'notoS', sans-serif; }
/* #contents .news .news_in .text_w .con .inner .date_w .date:before { content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #999; } */
#contents .news .news_in .text_w .con .inner .btn { text-align: right; margin-top: 25px; }
#contents .news .news_in .text_w .con .inner .btn a { color: #666; transition: .3s; }
#contents .news .news_in .text_w .con .inner .btn a:hover { color: #f57d20; }


#contents .news .news_in .img_w .admin_btn { font-family: 'notoS',sans-serif; font-weight: 400; font-size: .813rem; padding: 5px 12px; border: 1px solid #f57d20; color: #f57d20; transition: .3s; margin-bottom: 3px; }
#contents .news .news_in .img_w .admin_btn:hover { background: #f57d20; color: #FFF; }
#contents .news .news_in .img_w .admin_btn .xi { font-size: .938rem; padding-top: 1px; margin-right: 5px; }
#contents .news .news_in .img_w .admin_btn span { vertical-align: middle; }


#contents .news .news_in2 .text_w .con { padding: 0 20px; }
#contents .news .news_in2 .text_w .con .inner { padding: 20px; border-bottom: 1px dashed #DDD; }
#contents .news .news_in2 .text_w .con .inner .date_w { display: inline-block; font-size: .875rem; background: #e6e6e6; border-radius: 3px; padding: 5px 15px; margin-top: 10px; }
#contents .news .news_in2 .text_w .con .inner .date_w span { display: inline-block; vertical-align: top; }
#contents .news .news_in2 .text_w .con .inner .date_w .date { position: relative; font-family: 'notoS', sans-serif; padding-right: 12px; margin-right: 12px; }
#contents .news .news_in2 .text_w .con .inner .date_w .date:before { content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #999; }
#contents .news .news_in2 .text_w .con .inner .btn { text-align: right; margin-top: 25px; }
#contents .news .news_in2 .text_w .con .inner .btn a { color: #666; transition: .3s; }
#contents .news .news_in2 .text_w .con .inner .btn a:hover { color: #f57d20; }


#contents .news .tt { border: 1px solid #DDD; background: #f9f9f9; height: 40px; line-height: 40px; font-size: 1.063rem; padding-left: 14px; position: relative; }
#contents .news .tt > a{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block;}
#contents .news .tt:after { content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: #f57d20; }
#contents .news .v_date { text-align: right; font-size: .938rem; color: #666; margin-top: 10px; }
#contents .news .v_con { padding: 40px 50px; }


#contents .news .tit { position: relative; }
#contents .news .tit a { font-family: 'notoS',sans-serif; font-weight: 400; position: absolute; top: -3px; right: 0; font-size: .813rem; padding: 5px 12px; border: 1px solid #f57d20; color: #f57d20; transition: .3s; }
#contents .news .tit a:hover { background: #f57d20; color: #FFF; }
#contents .news .tit a .xi { font-size: .938rem; padding-top: 1px; margin-right: 5px; }
#contents .news .tit a span { vertical-align: middle; }

/*sitemap*/
#contents .sitemap .con { padding: 0 40px 20px 40px; }
#contents .sitemap .con a { transition: .3s; }
#contents .sitemap .con a:hover { color: #f57d20; }
#contents .sitemap .con .dp1 { margin-top: 30px; }
#contents .sitemap .con .dp2 { margin-top: 15px; margin-left: 20px; font-size: .813rem; }
#contents .sitemap .con .dp2 > a { color: #666; transition: .3s; }
#contents .sitemap .con .dp2 > a:hover { color: #f57d20; }
#contents .sitemap .con .dp3 { margin-top: 10px; margin-left: 15px; font-size: .750rem; }
#contents .sitemap .con .dp3 > a { color: #999; }
#contents .sitemap .con .dp3 > a:hover { color: #f57d20; }

/*google api*/
.goog-te-gadget img { display: inline-block; }

/*slick slide*/
.slick-dots { bottom: 15px; }
.slick-dots li { width: 13px; height: 13px; border-radius: 50%; background: #f57d20; opacity: .8; box-shadow: 0 0 3px rgba(0,0,0,.6); margin: 0 10px; }
.slick-dots li:hover { opacity: 1; }
.slick-dots li.slick-active { opacity: 1; }
.slick-dots li button { width: 100%; height: 100%; }
.slick-dots li button:before { content: ""; }

.slick-prev { left: 10px; }
.slick-prev:hover { left: 6px; }
.slick-next { right: 10px; }
.slick-next:hover { right: 6px; }
.slick-prev, .slick-next { width: auto; height: auto; z-index: 1; transition: .3s; }

.slick-prev:before { content: "\e93b"; }
.slick-next:before { content: "\e93e"; }
.slick-prev:before, .slick-next:before { font-family: 'xeicon'; font-size: 2rem; }

/*btn*/
.pg_wrap .pg a, .pg_wrap .pg strong { min-width: 30px; border-radius: 30px; height: 30px; line-height: 30px; text-align: center; padding: 0 10px; font-size: .875rem; }

/*none*/
.block_480 { display: none; }

/*mt70*/
.mt70 { margin-top: 70px!important; }

/*add*/
.company_add { color: #f57d20!important; transition: .3s; }
.company_add .xi{padding-left: .25em; font-size: 1.188em; vertical-align: middle;}
.company_add:hover { text-decoration: underline; }

.company_img { width: 95%; margin: 30px auto 0 auto; }

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

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

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

.language_box {
	width: 100%;
	position: relative;
	text-align: center;
	border-bottom: 1px solid #999;
}

.language_select {
	width: 100%;
	display: inline-block;
	margin: 5px 0 4px 0;
	background: none;
	color: #333;
	border: 0;
	font-size: 0.750rem;
	line-height: 1.375rem;
	transition: .3s;
}

.language_select {
	width: 100%;
	display: inline-block;
	margin: 5px 0 4px 0;
	background: none;
	color: #333;
	border: 0;
	font-size: 0.750rem;
	line-height: 1.375rem;
	transition: .3s;
}

.language_box i {
	position: absolute;
	right: 7px;
	top: 9px;
	color: #333;
}

/*2023 03 08*/
.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: 25px; height: 25px; line-height: 25px; text-align: center; box-sizing: border-box; background: #FFF; border: 1px solid #CCC; font-size: 1em;}
.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: 3em;}
.part_w .part_2 { width: 50%; width: auto}
.part_w .part_3 { width: 15%; width: 9em;}
.part_w .part_4 { width: 15%; width: 10em}
.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: 5em; 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; }

#contents .sub table.partsSt { width: 100%; margin-top: 0; border-top: none; border-left: none}
#contents .sub table.partsSt th { text-align: center; background: #f9f9f9; box-sizing: border-box; margin-top: 10px; color: #222; border-right: none; }
#contents .sub table.partsSt td { text-align: center; border-right: none; border-bottom: 1px solid #DDD; padding: .75em; box-sizing: border-box; word-break: break-all; color: #444; line-height: 1.4; font-size: .938em;}

.support_wrap{}
.support_wrap .support_list{display:flex; box-sizing:border-box; min-width:0; flex-wrap:wrap; font-size: inherit !important;}
.support_wrap .support_list > *{box-sizing:border-box; min-width:0;}
.support_wrap .support_list > li{flex:1 0 20%; max-width: 20%!important; font-size: inherit !important; width: inherit !important; position: relative;}
.support_wrap .support_list > li:not(:last-child) { margin-right: 0 !important}
.support_wrap .support_list > li .inn{ border: 1px solid #ddd; background: #f9f9f9; text-align: center; padding: 1em .5em 2em .5em; margin: 0 0 0 -1px; min-height: 6.5em;}
.support_wrap .support_list > li .inn .img{min-height: 4em;}
.support_wrap .support_list > li .inn .img img {display: inline-block;}
.support_wrap .support_list > li .inn .titt{}
.support_wrap .support_list > li .inn .titt > *{vertical-align: middle;}
.support_wrap .support_list > li .inn .titt1{font-size: .750em; font-weight: 500; letter-spacing: -.2px;}
.support_wrap .support_list > li .inn .titt1 br{display: none;}
.support_wrap .support_list > li .inn .titt2{font-size: .688em; display: block; color: #555;}
.support_wrap .support_list > li .inn .btn{position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 30%)}
.support_wrap .support_list > li .inn .btn > a{background: #f3f3f3; cursor: pointer; transition: .3s; border-radius: 50%; border: 1px solid #ccc; width: 38px; line-height: 38px; display: inline-block;;}
.support_wrap .support_list > li .inn .btn .xi{}
.support_wrap .support_list > li .inn .btn > a:hover{background: #f57d20; color: #fff; border: 1px solid #f57d20}

/*parts_modal*/
.game_service_modal { }
.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 { 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 {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; }

.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; }

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

@media screen and (max-width: 1024px){
.g_banner_w { display: none; }
}

.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;}

.sub .admin_btn { display: inline-block; margin: 1.5rem; font-family: 'xeicon'; width: 34px; height: 34px; line-height: 34px; color: #f57d20; border: 1px solid #f57d20; text-align: center; font-size: 1.375rem; transition: .3s; }
.sub .admin_btn:hover { color: #FFF; background: #f57d20; }

.dp0_1 .table_w{border: 1px solid #ddd; padding: 1em; margin-top: 1em; background: #fff; box-shadow: 0.15em 0.15em 0 rgba(0,0,0,.08); border-radius: .25em;}

.sub4_wrap{box-sizing: border-box;}
.sub4_wrap .list{font-size: inherit !important; text-align: inherit !important; display: flex; flex-wrap: wrap; align-items: center; align-content: center; margin: 1em 0 0 -4em; box-sizing: border-box;}
.sub4_wrap .list > li{display: flex!important; flex:1; font-size: inherit!important; width: inherit!important; max-width: 50% !important; flex:1; box-sizing: border-box;}
.sub4_wrap .list > li:last-child{margin-right: 0!important}
.sub4_wrap .list > li:not(:last-child){margin-right: 0!important}
.sub4_wrap .list > li .in{display: flex; flex:1; border-radius: .25em; background: #fff; background: #f56220; padding: .75em; margin: 0 0 0 4em; position: relative;}
.sub4_wrap .list > li .in .line{border: 1px solid rgba(255,255,255,.5); display: flex; flex:1; padding: 2.5em 2em 8em 2em; border-radius: .25em; flex-direction: column;}
.sub4_wrap .list > li .in .sub4_tit{color: #fff; font-size: 1.5em;}
.sub4_wrap .list > li .in .sub4_txt{color: #fff; padding-top: .5em; font-size: .875em; font-weight: 400}
.sub4_wrap .list > li .in .sub4_icon{position: absolute; content: ""; right: 1em; bottom: 1em;}
.sub4_wrap .list > li .in .sub4_icon .xi{color: rgba(255,255,255,.5); font-size: 5em;}