@charset "utf-8";
@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream-5Medium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff'); font-weight: normal; font-style: normal; }


#wrap {overflow:hidden; position:relative; width:100%; min-width:1280px; margin:0 auto;}
#header {position:fixed; top:0; left:0; right:0;  z-index:101; height:105px; transition:all 0.3s; transition:all 0.3s; overflow:hidden;}
#header:after {position:absolute; top:0; left:0; width:100%; height:105px; background:#fff; transition:background 0.3s; content:'';}
#header:before {position:absolute; top:105px; left:0; width:100%; height:50px; background:#3b3b3b; content:'';}
#header .header_inner { position:relative; z-index:2; width:96%; max-width:1350px; min-width:1350px; margin:0 auto; height:105px; left:5%;}
#header .header_inner h1 { position:absolute; top:32px; left:0px; }

#header .header_inner h1 a {display:block; overflow:hidden; width:129px; height:47px; text-indent:-999px; background:url('../images/common/logo_on.png') no-repeat; background-size: contain;}
#header .header_inner .top_util { position:absolute; top:44px; right:190px; } 
#header .header_inner .top_util:after { content:''; display:block; clear:both; }	

#header .header_inner .top_util li { position:relative; float:left; }
#header .header_inner .top_util li+li:before {position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-3.5px; background:#ffffff; content:'';}
#header .header_inner .top_util li a { color:#000; font-size:13px; padding:0 8px;}


.lan_list {position:absolute; top:38px; right:62px;}
.lan_list li {float:left; margin-left:20px;width:20px;height:20px;}




#header .header_inner .btn_menu { display:inline-block; width:71px; height:71px; position:absolute; top:18px; right:0; text-indent:-9999px; background:url('/images/common/ico_menu.png')no-repeat; }

/*
#header {height:245px;}
#header:after {background:#fff;}
#header .header_inner {}
#header h1 a {background-image:url('../images/common/logo_on.png');}
#header li+li:before {background:#292929}
#header .btn_menu { background:url('/images/common/ico_menu1.png')no-repeat; }
#header .header_inner .top_util li a { color:#000; }
*/

#header.open {height:245px;}
#header.open:after {background:#fff;}
#header.open .header_inner {}
#header.open h1 a {background-image:url('../images/common/logo_on.png');}
#header.open li+li:before {background:#292929}
#header.open .btn_menu { background:url('/images/common/ico_menu1.png')no-repeat; }
#header.open .header_inner .top_util li a { color:#000; }

#gnb {margin-left:200px; text-align:center; font-weight:400;}
#gnb > ul {display:inline-block; width:100%;}
#gnb > ul > li {position:relative; float:left; margin-right:34px; }
#gnb > ul > li > a {display:block; color:#000;}
#gnb > ul > li > a b {display:inline-block; position:relative; font-size:18px; line-height:105px; font-weight:500; letter-spacing: -0.9px;}
#gnb > ul > li > a b:after {position:absolute; left:50%; width:0; bottom:0; height:3px; background:#a78878; content:''; -webkit-transition:all 0.3s; transition:all 0.3s;}
#gnb > ul > li:hover > a {color:#a78878; }
#gnb > ul > li:hover > a b:after {left:0; width:100%;}
#gnb .sub {display:none; position:absolute; top:105px; left:0; width:1000px;}
#gnb .s_size02 { left:-148px; }
#gnb .s_size03 { left:-235px; }
#gnb .s_size05 { left:-428px; }
#gnb .s_size06 { left:0; }
#gnb .s_size07 { left:0; }
#gnb .s_size08 { left:-120px; }
#gnb .s_size09 { left:-110px; }

#gnb .sub > ul {position:relative; margin-left:-18px; /*margin-left:-258px;*/ }

#gnb .sub > ul > li {float:left;}
#gnb .sub > ul > li > a {display:block; padding:0 20px; font-size:15px; color:#ffffff; line-height:50px; font-weight:400; transition:all 0.3s;}
#gnb .sub > ul > li:hover > a {color:#a78878;}

#gnb .sub .before_link { color:#fff; font-size:15px; line-height:50px; margin-left:-600px; font-weight:400; }

#gnb .depth3 {overflow:hidden; position:absolute; top:50px; left:50%; z-index:100; width:5000px; height:0; margin-left:-2500px; background:#a78878; transition:all 0.3s;} 
#gnb .sub li.on .depth3 {height:50px;}
#gnb .depth3 ul {position:relative; z-index:110; width:1000px; margin:auto;}
#gnb .depth3 li {float:left;}
#gnb .depth3 li a {display:block; padding:0 20px; color:#fff; line-height:50px; transition:all 0.3s;}
#gnb .depth3 li:hover a {color:#303030}

/*
#gnb .depth3 {overflow:hidden; position:fixed; top:175px; left:0; z-index:100; width:100%; height:0; text-align:center; transition:all 0.3s;}
#gnb .sub li.on .depth3 { height:70px;}
#gnb .depth3:before {position:absolute; top:0; left:0; width:100%; height:70px; background:#a78878; content:''}
#gnb .depth3 ul {position:relative; z-index:11; display:inline-block;}
#gnb .depth3 li {float:left;}
#gnb .depth3 li a {display:block; padding:0 20px; color:#fff; line-height:70px; transition:all 0.3s;}
#gnb .depth3 li:hover a {color:#503a66}
*/
.open #gnb > ul > li > a {color:#232323;} 
#gnb > ul > li.on > a {color:#a78878;}

#site_map {overflow:hidden; position:fixed; top:-120%;; left:0; z-index:1000; width:100%; height:100%; background:#fff; -webkit-transition:all 0.45s; transition:all 0.45s;}
#site_map.on {top:0%;}
#site_map .btn_close {position:absolute; top:0; left:50%; margin-left:569px;}
#site_map h2 {position:absolute; top:50px; left:0; right:0; font-size:40px; color:#925cc8; text-align:center;}
#site_map h2:before {position:absolute; bottom:-60px; left:0; right:0; width:100%; height:1px; margin-left:-22px; background:#ededed; content:'';}
#site_map h2:after {position:absolute; bottom:-410px; left:0; right:0; width:100%; height:1px; margin-left:-22px; background:#ededed; content:'';}
#site_map > ul {overflow:hidden; width:1280px; margin:0 auto; border-left:1px solid #ededed; text-align:left;}
#site_map > ul > li {float:left; width:25%; height:525px; padding-left:50px; border-right:1px solid #ededed;}
#site_map > ul > li > a {display:block; font-size:27px; color:#1c1c1c; line-height:60px; font-weight:500;}
#site_map li.s01, #site_map li.s02, #site_map li.s03, #site_map li.s04 {padding-top:170px;}
#site_map .sub {padding-top:0;}
#site_map .sub a {display:block; font-size:17px; color:#5a5a5a; line-height:28px;}
#site_map .sub a:hover {color:#000;}

#site_map {
  background-color: #f8f1e6;
}
#site_map .main-navigation {
  top: 0;
  margin-top: 120px;
}

#footer { background:#262528; text-align:center; padding:82px 105px; letter-spacing:0;}
#footer:after { content:''; display:block; clear:both; }
#footer .footer_inner { display:inline-block; }
#footer .footer_inner .footer_cont01 { float:left; margin-right:65px; }
#footer .footer_inner .footer_cont02 { float:left; } 
#footer .footer_inner .footer_cont02 ul { margin-bottom:20px; }
#footer .footer_inner .footer_cont02 ul:after { content:''; display:block; clear:both; }
#footer .footer_inner .footer_cont02 ul li { float:left; margin-right:20px; }
#footer .footer_inner .footer_cont02 ul li a { font-size:15px; color:#fff; font-weight:400; }
#footer .footer_inner .footer_cont02 ul li a:hover { color:#a78878; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; }
#footer .footer_inner .footer_cont02 address { clear:both; text-align:left; }
#footer .footer_inner .footer_cont02 address p { color:#c0bdc3; font-size:14px; }
#footer .footer_inner .footer_cont02 address .address_line01 {  padding-bottom:4px; }
#footer .footer_inner .footer_cont02 address .address_line02 {  padding-bottom:12px; }