@charset "utf-8";
/* CSS Document */
/*layer out*/
#wrapper {float:left; width:100%;}
#header {position:fixed;  width:100%; height:130px; text-align:center; background-color:transparent; z-index:101; transition: all .5s;}
#header-inner {display:block; position:relative; max-width:1400px; height:100%; 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 {	position: absolute; left:0px; top:10px; margin:0px; padding:0px; text-indent:-1000em; width:325px; height:110px; background:url(../images/h_logo2.png) 10px 45% no-repeat; overflow:hidden; cursor:pointer;}
#header-inner-nav {position:absolute; left:50%; bottom:30px; transform: translateX(-50%);}
#header-inner-nav > a,
#header-inner-nav .signin {font-size:18px; color:#9b7725; font-weight:bold; padding-left: 15px; display:inline-block; margin-left: 15px; transition: all 0.2s; line-height: 45px; padding-right: 15px;  cursor:pointer }
#header-inner-nav > a:hover,
#header-inner-nav > a.on,
#header-inner-nav .signin:hover {color:#9b7725 !important; text-decoration: none;}
#header .t_menu {position: absolute; right:0px; top:20px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: center;}
#header .t_menu li {position: relative; padding:0px 10px; background-color:rgba(30,30,30,.5);}
#header .t_menu li:before {content:''; position: absolute; right:0px; top:50%; transform: translateY(-50%); height:14px; width:1px; background-color:rgba(255,255,255,.3);}
#header .t_menu li:last-child {padding-right:0px;}
#header .t_menu li a {display: inline-block; font-size:14px; color:#ffffff;}
#header .t_menu li a.icon {background-position: right 50%; background-repeat: no-repeat; padding-right:30px}
#header .t_menu li a.icon.member {background-image: url(../images/t_m_i_01.png);}

#header.s_top {background-color:transparent}
#header.s_down {background-color:#5ebfae !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 .t_menu li a {color:#ffffff}
#header.s_down .t_menu li a.icon.member {background-image: url(../images/t_m_i_01_o.png);}

.tab_s {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:#555555; 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; position: relative; padding:30px 10px; text-align:center; box-sizing: border-box; overflow: hidden; clear: both;}
.footer .inner {position:relative; display:block; max-width:1280px; margin:0px auto; padding:10px 0px; padding-left:200px; background:url(../images/h_logo2.png) 0px 50% no-repeat; text-align:left; box-sizing:border-box}
.footer ul {display: flex; 	flex-direction: row; 	flex-wrap: nowrap; justify-content: flex-start; align-items: center; padding:10px 0px;}
.footer ul li {padding-right:30px;}
.footer ul li a {font-size:14px; color:#333333;}
.footer address {font-style: normal; margin-bottom:20px;}
.footer p {display:block; font-size:14px; color:#ffffff; line-height:24px; overflow: hidden;}
.footer p.copyright {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; left:auto; right:10px;}
#header .logo {float:none; position:absolute; left:10px; top:0px; z-index: 10; width:50px; height:60px;  background-size:40px;}
#header-inner-nav {	float: right; margin-top:25px; padding-right:10px;}
#header-inner-nav > a {display:none;}
.lang {margin-top:-8px;}
#header {background-color:#5ebfae; border-bottom:1px solid #f2f2f2;}
#header.s_top {background-color:#5ebfae; border-bottom:1px solid #f2f2f2;}
#header .t_menu {right:60px}
#header .t_menu li a {color:#ffffff}
#header .t_menu li a.icon.member {background-image: url(../images/t_m_i_01_o.png);}
#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 ul {display: block;}
.footer ul li {padding-right:30px; }
    
}
@media only screen and (max-width:481px) {	

}