@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 .logo {	float: left; margin:0px; padding:0px; text-indent:-1000em; width:325px; 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: 3px; display: block; float: left; margin-left: 3px; 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:#89c122 !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}
#header.s_down .logo {background:url(../images/h_logo.png) 10px 45% no-repeat; }

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

.header .menu_open_btn {position:absolute; left:10px; top:10px; display:none; margin:0px 0px; width:40px; height:40px; background-color:#fff; border:1px solid #dadada; border-radius:2px; text-indent:-1000em; overflow:hidden; cursor: pointer;}
.header .menu_open_btn:before,
.header .menu_open_btn:after {content:''; position:absolute; left:50%; transform: translateX(-50%); top:7px; width:70%; height:4px; background-color:#212121; transition: all .3s;}
.header .menu_open_btn:after {bottom:7px; top:auto}
.header .menu_open_btn span:before {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:70%; height:4px; background-color:#212121; opacity: 1; transition: all .3s;}

#menu_open_ch {display:none}
#menu_box {position: fixed; left:-300px; top:0px; bottom:0px; z-index:201; margin:0px; padding:0px; width:300px; background-color: #454545; transition: all .3s;}
#menu_box .lnb_menu_btn {position:absolute; right:10px; top:15px; z-index: 10; margin:0px 0px; width:40px; height:40px; background-color:transparent; border:0px solid #dadada; border-radius:2px; text-indent:-1000em; cursor: pointer;}
#menu_box .menu_open_btn:before,
#menu_box .menu_open_btn:after {content:''; position:absolute; left:50%; transform: translateX(-50%); top:7px; width:90%; height:4px; background-color:#ffffff; opacity:0; transition: all .3s;}
#menu_box .menu_open_btn:after {bottom:7px; top:auto}
#menu_box .menu_open_btn span:before {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:90%; height:4px; background-color:#ffffff; opacity: 1; transition: all .3s;}
#menu_open_ch:checked ~ #menu_box .menu_open_btn:before {left:-1px; top:10px; transform: rotate(45deg); opacity: 1; }
#menu_open_ch:checked ~ #menu_box .menu_open_btn:after {left:-1px; top:10px; transform: rotate(-45deg); opacity: 1; }
#menu_open_ch:checked ~ #menu_box .menu_open_btn span:before {opacity:0;}
#menu_box .lnb {position:relative; padding:60px 0px 0px 30px;}
#menu_box .lnb a {display:inline-block; width:100%; font-size:14px; font-weight:600; color:#ffffff; text-transform:uppercase; line-height:40px; height:40px;}
#menu_open_ch:checked ~ #menu_box {left:0px;}
#menu_open_ch:checked ~ .header .menu_open_btn:before {left:-1px; top:10px; transform: rotate(45deg); }
#menu_open_ch:checked ~ .header .menu_open_btn:after {left:-1px; top:10px; transform: rotate(-45deg); }
#menu_open_ch:checked ~ .header .menu_open_btn span:before {opacity:0;}

.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_open_btn {display:inline-block; z-index: 10000;}
#header .logo {float:none; position:absolute; left:50%; top:0px; transform:translateX(-50%); z-index: 10; width:180px; height:60px; background:url(../images/h_logo.png) 50% 50% no-repeat; background-size:140px;}
#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;}

.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;}
    
    .footer p.copyright {position: absolute; right:0px; top:55px; padding-left:0px; color:#999999}
}
@media only screen and (max-width:481px) {	

}