@charset "utf-8";

/*Reset*/
legend,caption,.blind{display: none;}
html{font-size:10px;}
body{margin: 0; padding: 0;}
div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,input,textarea,button,select,table,th,td,figure{margin:0;padding: 0;border:0;}
ul,ol,li,dl{list-style: none;}
img{border:0;vertical-align: top;}
address,caption,cite,code,dfn,em,var{font-style: normal;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:after{content:""; content: none;}
form,fieldset{border:0;}
input,select,textarea,button{font-size:100%;vertical-align: middle;}
button{border:0;background-color: transparent;cursor:pointer;}
a{color:inherit; text-decoration:none; color:#444;}
a:hover,a:active,a:focus{text-decoration:none;}
table{width:100%; *border-collapse:collapse; border-spacing:0; table-layout:fixed;}
strong{font-weight:700;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
body,th,td,input,select,textarea,button{color:#333; font-size:10px; line-height:1.5; letter-spacing:0em; font-family: 'Noto Sans SC', sans-serif; font-weight:300;}
article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary,main {display:block;}

.inner{ max-width:1100px; margin:0 auto;}

.group:after {clear:both; content:"."; visibility:hidden; display:block; height:0;}

#header {height:126px;background:#fff;z-index:999;}
#header .inner {position:relative;}
#header h1{display:block; height:85px; line-height:85px; text-align:center; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:1;}
#header h1 a{display:inline-block; z-index:200;}
#header h1 a img{height:46px;  vertical-align:middle; image-rendering: -webkit-optimize-contrast !important;}

#header .lang_box{background:#f3f3f3; border-bottom:1px solid #e8e8e8;  text-align:right;}
#header .lang_box li{position:relative; display:inline-block; margin-left:10px; padding-left:10px;}
#header .lang_box li:before{content:""; display:block; width:1px; height:14px; background:#c0c0c0; position:absolute; top:50%; left:0; transform:translateY(-50%);}
#header .lang_box li:first-child{margin-left:0; padding-left:0;}
#header .lang_box li:first-child:before{display:none;}
#header .lang_box li a{display:block; padding:10px 0; font-size:0; text-transform: uppercase}
#header .lang_box li a > div{display:inline-block; vertical-align:middle;}
#header .lang_box li .img_box img{height:11px;}
#header .lang_box li .txt_box{font-size:1.3rem; font-weight:400; margin-left:5px;}
#header .lang_box li:hover .txt_box{text-decoration:underline;}

#headerWrap{background:#fff; height:85px;}
#headerWrap.on{border-bottom:1px #f0f0ef solid; }
#headerWrap .lnb{text-align:right;}
#headerWrap .lnb:after{clear:both; content:"."; visibility:hidden; display:block; height:0;}
#headerWrap .lnb > li{display:inline-block; vertical-align:top; position:relative; text-align:center; z-index: 2;}
#headerWrap .lnb > li > a{display:block;width:150px; line-height:85px; font-size:1.8rem; box-sizing:border-box; font-weight:400;}
#headerWrap .lnb > li:hover > a{color:#0e8e81; }
#headerWrap .lnb > li > ul{background:#fff; display:none; border:1px solid #ddd; border-top:0;}
#headerWrap .lnb li ul{position:absolute; top:82px; left:50%; transform:translateX(-50%); width:160px;padding:10px 0; z-index:1; border-top:3px solid #0e8e81;}
#headerWrap .lnb li ul li{display:block;}
#headerWrap .lnb li ul li a{word-break: keep-all; display:block; padding:10px; font-size:1.6rem; }
#headerWrap .lnb li ul li:hover a{color:#0e8e81; text-decoration:underline; }
#m-menu{display:none;}


footer{position:relative; width:100%; border-top:1px solid #e0e0e0;  background:#fff; text-align:center;}
footer .ft_list{border-bottom:1px solid #cbcbcb;}
footer .ft_list li{position:relative; display:inline-block; margin-left:20px; padding-left:20px;}
footer .ft_list li:before{content:""; display:block; width:1px; height:15px; background:#c2c2c2; position:absolute; top:50%; transform:translateY(-50%); left:0;}
footer .ft_list li:first-child{margin-left:0; padding-left:0;}
footer .ft_list li:first-child:before{display:none;}
footer .ft_list li a{padding:15px 0; display:block; font-size:1.6rem; font-weight:400;}
footer .txt_box{margin:30px 0; color:#909090; font-size:1.5rem;}
footer .txt_box p{margin-top:5px;}


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media (max-width:1100px) {
.inner{max-width:100%; padding:0 15px; }
#header .top_head .tnb{right:20px;}
#headerWrap .lnb > li > a{padding:0 14px; font-size:1.7rem;}
#headerWrap .lnb li ul{width:150px;}
#header h1{left:15px;}
}


@media (max-width:1024px) {
.lang_box.pc{display:none;}

#header{min-width:100%;  height:85px;}
#header h1{position:static; top:auto; left:auto; transform:inherit; text-align:left;} 
#headerWrap{display:none;}
#m-menu{display:block;}
#m-menu .sns_icon{position:absolute; top:23px; right:61px;}
#m-menu .sns_icon img{height:45px;}
.m-menu-btn{position:absolute;   cursor:pointer; z-index:999; display:block;}
.m-menu-btn button{display:block;  text-align:center; font-size:0;}
.m-menu-btn.m-menu-btn-open{right:10px; top:20px;}
.m-menu-btn.m-menu-btn-open button{color:#fff; background:#018665; height:45px; width:45px; line-height:45px;}
.m-menu-btn.m-menu-btn-close{ top:20px; right:10px;}
.m-menu-btn.m-menu-btn-close button{background:#018665; width:45px; height:45px; line-height:45px;color:#fff; }
.m-menu-btn button i{font-size:25px; vertical-align:middle;}
.mobile-menu-box{display:none; position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999; overflow:hidden;overflow-y:auto;background:rgba(0,0,0,0.5);}
header .m-menu-list{position:absolute; width:280px; height:auto; min-height:100%;  z-index:99;  right:0%; background:#fff;}
header .m-menu-list a{font-size:1.6rem;}
header .m-menu-list .m_lang_box{position:relative; padding:25px 15px;}
header .m-menu-list .m_lang_box .selc_box{position:relative; display:inline-block; height:35px; line-height:35px; border:1px solid #e9e9e9; width:132px; padding:0 40px 0 10px; box-sizing:border-box;}
header .m-menu-list .m_lang_box .selc_box:after{content:""; display:block; width:0; height:0; border-top:6px solid #333; border-left:5px solid transparent; border-right:5px solid transparent; position:absolute; top:13px; right:10px;}
header .m-menu-list .m_lang_box .img_box, header .m-menu-list .m_lang_box .txt_box{display:inline-block; vertical-align:middle;}
header .m-menu-list .m_lang_box .img_box{margin-right:3px;}
header .m-menu-list .m_lang_box .img_box img{height:11px; display:inline-block; vertical-align:initial;}
header .m-menu-list .m_lang_box .txt_box{font-size:1.4rem;}
header .m-menu-list .m_lang_box .list_box{display:none; position:absolute; top:59px; left:15px; background:#fdfdfd; z-index:1;  border:1px solid #e9e9e9; width:130px; box-sizing:border-box; padding:3px 0;}
header .m-menu-list .m_lang_box .list_box a{display:block;padding:3px 0 3px 10px;}
header .m-menu-list .lnb > li{width:100%;  border-bottom:1px solid #e0e0e0;}
header .m-menu-list .lnb > li:first-child{border-top:1px solid #e0e0e0;}
header .m-menu-list .lnb > li > .m_tit{position:relative;display:block; font-size:1.7rem; padding:15px;  font-weight:400; }
header .m-menu-list .lnb > li:first-child > a{border-top:0;}
header .m-menu-list .gnb2depth{display:none; padding:20px 15px; background:#f7f7f7; border-top:1px solid #e0e0e0;}
header .m-menu-list .gnb2depth li{margin-top:10px; padding-left:10px;}
header .m-menu-list .gnb2depth li:first-child{margin-top:0;}
header .m-menu-list .gnb2depth li a{display:block; }
header .m-menu-list .lnb > li.active .m_tit{color:#018665;}
header .m-menu-list li .m_tit:after {content: ""; display: block; position: absolute; top: 11px; right: 11px; width: 30px; height: 30px; background: url(../../../../images/common/m_bottom.jpg) no-repeat; background-size: 30px;}
header .m-menu-list li.active .m_tit:after {background: url(../../../../images/common/m_top.jpg) no-repeat; }

}


@media (max-width:767px) {
body, th, td, input, select, textarea, button{font-size:9px;}

footer .foot-info, footer .foot-info a{font-size:12px;}
footer .foot-logo img{height:18px;}
footer .foot-logo span{font-size:20px;}
footer .foot-text{font-size:13px;}
footer .foot-info{padding:10px 20px;}

#header{min-width:100%; height:70px; border-bottom:1px solid #e2e2e2;}
#header .inner{padding:0;}
#header h1{height:70px; text-align:left;  line-height:70px;}
#header h1 a{height:70px; line-height:70px; padding-left:15px;}
#header h1 a img{height:34px;}
#m-menu{display:block;}
.m-menu-btn.m-menu-btn-open, .m-menu-btn.m-menu-btn-close{top:13px;}
#headerWrap{display:none;}

header .m-menu-list .m_lang_box{padding:18px 15px;}
header .m-menu-list .m_lang_box .list_box{top:52px;}

footer .ft_list{font-size:0; padding:5px 0;}
footer .ft_list li{width:50%; margin-left:0; padding-left:0;}
footer .ft_list li:nth-child(2n+1):before{display:none;}
footer .ft_list li a{padding:5px 0;}
footer .txt_box{margin:20px 10px;}
footer .txt_box span{display:block;}
footer .txt_box em{display:none;}

}