/***************************************/
/* WEB FONTS */
/***************************************/

@import url('https://fonts.googleapis.com/css?family=Roboto');
/***************************************/
/* RESET */
/***************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, time, figure, article, nav, header, footer, hgroup, video, audio, aside, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: inherit; vertical-align: baseline; font-family: 'Roboto', sans-serif; }
html { height: 100%; }
body { height: 100%; background: #2c2e2e; }
a { text-decoration: none }
a { outline: none; }
*:focus { outline: none; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
figure, article, header, footer, nav, hgroup, video, audio, aside { display: block; }
input[type="checkbox"], input[type="radio"] { width: 18px; height: 18px; vertical-align: bottom; }
/* °øÅë */
.wrap { max-width: 1000px; margin: 0 auto; position: relative; }
/* header */

#top_navi { background: #4f514d; float: left; width: 100%; }
#top_navi .snb { float: right; }
#top_navi .snb li { float: left; }
#top_navi .snb li a { color: #fff; line-height: 37px; padding: 0px 15px; display: block; }
#top_navi .snb li.lang a { background: #bf1e2d; color: #fff; }
#top_menu { background: #211f20; float: left; width: 100%; height: 82px; z-index: 999; position: relative; }
#logo { float: left; margin-top: 25px; }
#logo a { display: inline-block; }
.menu { float: right; margin-top: 30px; }
.menu ul li { float: left; margin-left: 78px; }
.menu ul li a { color: #fff; font-size: 17px; display: block; font-weight: bold; }
#btn_menu, a#menu_close_btn { display: none; }
/* ¼¿·ººz¹Ú½º */
.select_wrap {  /*margin: 15px auto; */ position: relative; user-select: none; float: right; }
.select_wrap .default_option { background: #fff; position: relative; cursor: pointer; }
.select_wrap .default_option li { padding: 10px 40px; }
.select_wrap .default_option:before { content: ""; position: absolute; top: 10px; right: 18px; width: 6px; height: 6px; border: 2px solid; border-color: transparent transparent #555555 #555555; transform: rotate(-45deg); }
.select_wrap .select_ul { position: absolute; top: 34px; right: 0; width: 132px; background: #fff; display: none; z-index: 99999999; float: none !important }
.select_wrap .select_ul li { padding: 10px 20px; cursor: pointer; float: none !important }
.select_wrap .select_ul li a { padding: 0 !important; color: #333 !important; line-height: normal !important }
.select_wrap .select_ul li:first-child:hover { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.select_wrap .select_ul li:last-child:hover { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.select_wrap .select_ul li:hover { background: #fff4dd; }
.select_wrap .option { display: flex; align-items: center; }
.select_wrap .option.en .icon { background: url(../images/us.jpg) no-repeat 0 0; width: 30px; height: 20px; margin: 0 10px 0 0 }
.select_wrap .option.kor .icon { background: url(../images/kor.jpg) no-repeat 0 0; width: 30px; height: 20px; margin: 0 10px 0 0 }
.select_wrap .option.ja .icon { background: url(../images/ja.jpg) no-repeat 0 0; width: 30px; height: 20px; margin: 0 10px 0 0 }
.select_wrap .option.cn .icon { background: url(../images/cn.jpg) no-repeat 0 0; width: 30px; height: 20px; margin: 0 10px 0 0 }
.select_wrap .option.ru .icon { background: url(../images/ru.jpg) no-repeat 0 0; width: 30px; height: 20px; margin: 0 10px 0 0 }
.select_wrap .option.es .icon { background: url(../images/es.jpg) no-repeat 0 0; width: 30px; height: 20px; margin: 0 10px 0 0 }
.select_wrap.active .select_ul { display: block; }
.select_wrap.active .default_option:before { top: 18px; transform: rotate(-225deg); }
/* main */

.main { width: 100%; height: auto; clear: both; background: #fff; overflow: hidden; }
#main_contents { width: 100%; overflow: hidden; margin-bottom: 60px; }
#main_contents ul li { float: left; width: 315px; border: 1px solid #d5d5d5; display: inline-block; line-height: 0; }
#main_contents ul li.customer { margin-left: 24px; margin-right: 23px; }
#main_contents ul li a, #main_contents ul li img { display: inline-block; width: 100%; line-height: 0; }
.contents_text { display: inline-block; background: #e6e7e8; height: 74px; width: 100%; color: #4a4a4a }
.contents_text h3 { color: #333333; font-size: 16px; line-height: 24px; font-weight: bold; margin-bottom: 10px; margin-top: 15px; padding-left: 20px; color: #333333; -webkit-text-fill-color: rgba(0, 0, 0, 1); -webkit-opacity: 1; color: rgba(0, 0, 0, 1); }
.contents_text span { font-size: 12px; color: #4a4a4a; padding-left: 20px; line-height: 14px; display: inline-block; }
/* sub */
.sub_containner div, .sub_containner span, .sub_containner applet, .sub_containner object, .sub_containner iframe, .sub_containner h1, .sub_containner h2, .sub_containner h3, .sub_containner h4, .sub_containner h5, .sub_containner h6, .sub_containner p, .sub_containner time, .sub_containner figure, .sub_containner article, .sub_containner nav, .sub_containner header, .sub_containner footer, .sub_containner hgroup, .sub_containner video, .sub_containner audio, .sub_containner aside, .sub_containner blockquote, .sub_containner pre, .sub_containner a, .sub_containner abbr, .sub_containner acronym, .sub_containner address, .sub_containner big, .sub_containner cite, .sub_containner code, .sub_containner del, .sub_containner dfn, .sub_containner em, .sub_containner font, .sub_containner img, .sub_containner ins, .sub_containner kbd, .sub_containner q, .sub_containner s, .sub_containner samp, .sub_containner small, .sub_containner strike, .sub_containner strong, .sub_containner sub, .sub_containner sup, .sub_containner tt, .sub_containner var, .sub_containner dl, .sub_containner dt, .sub_containner dd, .sub_containner ol, .sub_containner ul, .sub_containner li, .sub_containner fieldset, .sub_containner form, .sub_containner label, .sub_containner legend, .sub_containner table, .sub_containner caption, .sub_containner tbody, .sub_containner tfoot, .sub_containner thead, .sub_containner tr, .sub_containner th, .sub_containner td { font-family: Roboto; font-weight: 400; font-size: 14px; }
.sub_containner { clear: both; width: 100%; font-family: Roboto; font-weight: 400; background: #fff; overflow: hidden; }
.sub_title { border-bottom: 1px solid #cacaca; margin-top: 50px; margin-bottom: 30px; display: block; float: left; width: 100%; position: relative; }
.sub_title h2, .sub_title h2 span { font-size: 35px; font-family: Roboto; color: #211f1f; font-weight: bold; }
.sub_title h2 { padding-bottom: 10px; }
.sub_title h2 span { color: #bf1e2d; }
.sub_navi { position: absolute; right: 0; bottom: 10px; font-family: Roboto; font-weight: 400; font-size: 13px; color: #6d6e71; }
#sub_contents { display: block; clear: both; margin-bottom: 60px; z-index: 1; position: relative; }
#sub_contents.product { margin-bottom: 0; }
/* footer */
footer { background: #2c2e2e; width: 100%; clear: both; }
.footer_inner { color: #989898; font-family: Arial; font-size: 12px; text-align: center; padding: 30px 0px; }
#footer_menu { width: 100%; background: #f5f5f5; clear: both; overflow: hidden; border-top: 1px solid #e5e5e5; /*height:206px;*/
}
.footer_bmenu li { float: left; width: 19.5%; border-left: 1px solid #e5e5e5; padding: 40px 0px;/*min-height: 125px;*/
}
.footer_bmenu li:first-child { border-left: none; }
.footer_bmenu li h4, .footer_bmenu li ul.footer_smenu { margin-left: 20px; }
.footer_bmenu li h4 { font-size: 15px; font-weight: bold; color: #333333; margin-bottom: 20px; }
.footer_bmenu li ul.footer_smenu li { float: none; border-left: none; padding: 0 !important; display: block; width: 100%; line-height: 22px; min-height: auto; }
.footer_bmenu li ul.footer_smenu li a { color: #777; font-family: Roboto; }
.footer_bmenu li ul.footer_smenu li a:hover { color: #bf1e2d; }
/* product */

#sub_contents.product h3, #sub_contents.product h3 span { font-size: 40px; font-weight: bold; color: #231f20; }
#sub_contents.product h3 { margin-bottom: 35px; }
#sub_contents.product h3 span { color: #4a494a; }
#sub_contents.product h4 { font-size: 28px; font-weight: normal; color: #bf1e2d; margin-bottom: 10px; }
#sub_contents.product h5 { font-size: 20px; font-weight: normal; color: #231f20; margin-bottom: 10px; }
.product_top { overflow: hidden; margin-bottom: 90px; position: relative; }
.product .img_box { float: left; width: 50%; text-align: center; }
.product .img_box02 { float: left; width: 100%; text-align: center; }
.sub03_01 .img_box02 img { width: 70%; }
.sub03_02 .img_box02 img { width: 60%; }
.sub03_03 .img_box img { width: 40%; }
.sub03_04 .img_box img { width: 60%; }
.sub02_02 .img_box02 img { width: 40%; }
.product_bottom .img_box02 { margin-bottom: 60px; }
.porduct_top_video { position: absolute; right: 0; bottom: 0; max-width: 100%; min-width: 420px; width: 420px; }
.sub_containner .porduct_top_video a { line-height: 0px; display: inline-block; }
.sub_containner .porduct_top_video a .porduct_top_text { background: #ddd; padding: 7% 5%; color: #444; font-size: 20px; }
#sub_contents .product_middle p { color: #747474; }
.product_middle_inner01 { margin-bottom: 40px; }
.product_middle_inner02 { border-top: 2px solid #000; padding: 20px 0; border-bottom: 1px solid #9e9e9e; overflow: hidden; }
.product_middle_inner02 ul li { float: left; }
.product_middle_inner02 ul li.leftwidth { width: 40%; margin-right: 2%; }
.product_middle_inner02 ul li.rightwidth { width: 58%; }
.product_middle_inner03 { margin-top: 20px; overflow: hidden; }
.product_middle_inner03 ul { margin-top: 20px; }
.product_middle_inner03 ul li { float: left; width: 20%; }
.product_middle_inner03 ul > li > ul { margin-top: 5px !important; }
.product_middle_inner03 ul li ul li { float: none; width: 100%; color: #767676; line-height: 18px; padding: 5px 0; }
#sub_contents .product_middle .product_middle_inner03 ul li h5 { font-size: 20px; color: #941925; }
.product_bottom { overflow: hidden; text-align: center; margin-top: 110px; }
.product_bottom_inner { padding: 80px 0; background: #f7f7f7; }
.product_bottom_inner img { width: 70%; }
.product_bottom_inner03 { padding: 80px 0; background: #f7f7f7; }
.product_bottom_inner03 img { width: 95%; }
.product_bottom_inner02 { padding: 80px 0; }
.video_wrap { position: relative; z-index: 1; }
#menu_container { position: relative; z-index: 9999; }
/*menu*/
.slidenav { position: relative; text-align: center; background: url(../image/top/menu_bg.png) left bottom no-repeat; }
.slidenav a { color: #ffb8b8; text-decoration: none; font-size: 16px; }
.slidenav ul { }
.subnav ul li, .subnav ul, .slidenav-box { height: 2em; line-height: 2.3em; list-style: none; }
.slidenav ul a, .subnav ul a { display: block; line-height: 22px; }
.slidenav ul li ul { display: none; position: absolute; z-index: 9999; }
.slidenav ul li:hover ul { display: block; }
.subnav ul { display: none; font-size: 13px; }
.subnav ul a { color: #ffffff; text-decoration: none; }
.slidenav-box { margin: 5px 0px; border: 1px solid #472841; padding: 0px 20px; background: #c15600; }
.inactive-box { visibility: hidden; }
.download_tit { display: block; margin-top: 20px; font-size: 17px !important; color: #941925; }
span.name_small_up { font-size: 12px !important; vertical-align: top; color: #211f1f !important; }
.download_list02 li.a22 { width: 40%; }
.download_list02 li.a22 .down_con > img { height: 241px; }