@charset "utf-8";
/* CSS Document */
/*layer out*/
#wrapper {float:left; width:100%;}
#header {position:fixed;  width:100%; height:110px; text-align:center; background-color:transparent; z-index:101; transition: all .5s;}
#header-inner {display:block; position:relative; max-width:1400px; margin:0px auto;}
#header-inner:after {content:''; display: block; clear:both;}
#header-inner .menu_btn {position:absolute; left:10px; top:10px; display:none; margin:0px 0px; width:40px; height:40px; background-color:#fff; background-image:url(../images/category_icon_01.png); background-repeat:no-repeat; background-position:50% 50%; border:1px solid #dadada; border-radius:2px; text-indent:-1000em; overflow:hidden;}
#header .logo {	float: left; margin:0px; padding:0px; text-indent:-1000em; width:280px; height:110px; background:url(../images/h_logo.png) 10px 45% no-repeat; overflow:hidden; cursor:pointer;}
#header-inner-nav {	float: right; margin-top:23px;}
#header-inner-nav > a,
#header-inner-nav .signin {font-size:18px; color:#ffffff; font-weight:bold; padding-left: 15px; display: block; float: left; margin-left: 15px; transition: all 0.2s; line-height: 35px; padding-right: 15px; margin-bottom: 0px; margin-top: 12px; cursor:pointer }
#header-inner-nav > a:hover,
#header-inner-nav > a.on,
#header-inner-nav .signin:hover {color:#1d9bf5 !important; text-decoration: none;}
#header-inner-nav .fl_r {float:right;}
#header-inner-nav .fl_r .signin {float:left;}
.lang {position:relative; float:left; margin-top:14px; margin-left:30px; height:28px; line-height:28px; border:0px solid #cccccc;}
.lang li {position:relative;}
.lang a {display:inline-block; padding:5px 0px; padding-bottom:0px; margin:0px; width:40px; height:30px; text-align:center; background-color:transparent; border:0px solid #dadada; border-radius:0px; box-sizing:border-box; overflow:hidden;}
.lang a span {display:inline-block; width:27px; height:18px; margin:0px auto; margin-top:0px; padding:0px; background-position:50% 50%; background-repeat:no-repeat; text-indent:-1000em; overflow:hidden;}
.lang a span.kor {background-image:url(../images/lang_kor.png)}
.lang a span.usa {background-image:url(../images/lang_usa.png)}
.lang a span.chn {background-image:url(../images/lang_chn.png)}
.lang a span.vnm {background-image:url(../images/lang_vnm.png)}
.lang a span.tha {background-image:url(../images/lang_tha.png)}
.lang a span.jpn {background-image:url(../images/lang_jpn.png)}
.lang a span.rus {background-image:url(../images/lang_rus.png)}
.lang_list {position:absolute; left:0px; top:30px; display:none; width:40px !important; padding:0px; margin:0px;}
.lang_list li {float:left; width:40px !important; padding:0px !important; margin:0px;}
.lang_list li a {float:left; margin-bottom:3px; border-top:0px; background-color:#fff; border:1px solid #dadada;}
.lang_list li span {margin-top:1px;}

#header.s_top {background-color:transparent}
#header.s_down {background-color:#ffffff !important; border-bottom:1px solid #cccccc; box-shadow:3px 0px 5px rgba(0,0,0,.13);}
#header.s_down #header-inner-nav > a {color:#4e3827}


.tab_s {float:left; width:100%; position:relative; overflow: hidden;}
.tab_s h2 b {transition:.3s;}
.tab_s h2 {position:relative; display:inline-block; padding:0px 0px; padding-bottom:20px; margin-bottom:50px; z-index:1; background:url(../images/title_i_01.png) 50% bottom no-repeat;}
.tab_s h2 b {padding:10px 0px; font-family:'NotoSan_R'; font-size:36px; color:#000000; font-weight:600;}


.mobile_header .menu_btn {float:right; margin:0px 0px; width:45px; height:45px; background-color:#fff; background-image:url(../images/category_icon_01.png); background-repeat:no-repeat; background-position:50% 50%; border-right:0px solid #ffffff; border-radius:2px; text-indent:-1000em; overflow:hidden;}


#menu {position:relative; left:-500px; display:none; background-color:#454545; z-index:11199; overflow:hidden; border-right:0px solid #ddd; box-sizing:border-box}
#menu .menu_btn {position:absolute; right:10px; top:10px; width:30px; height:30px; background-color:transparent; background-image:url(../images/menu_close.png); background-repeat:no-repeat; background-position:50% 50%; background-size:80%; border:0px; text-indent:-1000em; overflow:hidden;}
#menu .lnb {padding:60px 0px 0px 30px;}
#menu .lnb a {display:inline-block; width:100%; font-size:14px; font-weight:600; color:#ffffff; text-transform:uppercase; line-height:40px; height:40px;}

.footer {display:block; float:left; width:100%; padding:30px 10px; text-align:center; border-top:1px solid #e5e5e5; box-sizing: border-box;}
.footer .inner {position:relative; display:block; max-width:1380px; min-height:80px; margin:0px auto; padding:10px 0px; padding-left:100px; background:url(../images/f_logo.png) 0px 50% no-repeat; text-align:left; box-sizing:border-box}
.footer ul {padding:10px 0px; overflow: hidden;}
.footer ul li {float:left; padding-right:30px;}
.footer ul li a {font-size:18px; color:#222222;}
.footer ul li.language {padding-right:10px;}
.footer p {display:block; padding-left:80px; font-size:14px; color:#666666; line-height:24px; overflow: hidden;}
.footer p.copyright {position: absolute; right:0px; top:20px; color:#999999}

@media only screen and (max-width:1180px) {
#header-inner-nav > a {font-size:14px; padding-left:5px; margin-left:5px;}
}
@media only screen and (max-width:1000px) {  
#header {height:60px;}
#header-inner .menu_btn {display:inline-block;}
#header .logo {float:none; position:absolute; left:50%; top:0px; transform:translateX(-50%); z-index: 10; width:140px; height:60px; background:url(../images/h_logo_black.png) 50% 50% no-repeat; background-size:120px;}
#header.s_down .logo {background:url(../images/h_logo_black.png) 50% 50% no-repeat; background-size:120px;}
#header-inner-nav {	float: right; margin-top:25px; padding-right:10px;}
#header-inner-nav > a {display:none;}
.lang {margin-top:-8px;}
#header a.signin {float:left !important; margin-top:-10px; font-size:14px; color:#666666 !important;}
#header {background-color:#ffffff; border-bottom:1px solid #f2f2f2;}
#header.s_top {background-color:#ffffff; border-bottom:1px solid #f2f2f2;}
#menu {display:inline-block;} 

.tab_s h2 b {font-size:26px !important}
}

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


.footer .ul01 li {height:50px; line-height:50px; font-size:14px;}

.tab_s h2 b {font-size:22px !important}
}

@media only screen and (max-width:600px) {	
    .footer .ul01 li {width:100%; margin-bottom:10px;}
    
}
@media only screen and (max-width:481px) {	

}