@charset "utf-8";

#wrap {width:100%;min-height:100%;}

/* Header */
.header {height:170px;background-color: #fff;}
.header .top_navi {position:relative;margin:0 auto;width:1200px;height:110px;box-sizing: border-box;}
.header h1 {position:absolute;left:0; top:0;width:300px;padding:30px 0;}
.header .h1_logo { display:block;height:50px; background:url(/images/common/h1_logo.png) no-repeat 0 50%; text-indent:-9999em;}
.header .header_uitil {text-align:right;font-size:0;padding-top:55px;}
.header .header_uitil li {display:inline-block;vertical-align:middle;}
.header .header_uitil li a {display:block;line-height:25px;padding:0 12px 0 0;text-align:center;color:#8a8a8a;font-size:13px;letter-spacing:-0.025em;text-transform:uppercase;}
.header .header_uitil li a:before {content:'|';display:inline-block;margin:0;color:#cecdcd;padding:0 12px 0 0;}
.header .header_uitil li:first-child a:before {content:'';display:inline-block;margin:0;padding:0;}
.header .header_uitil li a:hover,
.header .header_uitil li a.on {color:#000}

.gnb {position: relative;margin:0 auto;background-color: #083f8b;height: 60px;}
.gnb_inner { position:absolute; top:0;left:0; width:100%;z-index:99; background:transparent url(/images/common/bg_gnb_inner.png) repeat-x 50% 60px;}
.nav {position: relative;margin:0 auto; width:1200px;}
.gnb_depth1 {display:block;font-size:0;}
.gnb_depth1 > li {display:inline-block;vertical-align:top; width:300px;}
.gnb_depth1 > li > a {display:table;width:100%;padding:20px 0;box-sizing: border-box;font-size:16px;color:#ccd2e0;text-align:center;letter-spacing:-0.05em;}
.gnb_depth1 > li > a > strong {display:table-cell;width:100%;vertical-align: middle;border-right:1px solid #6184b5;line-height: 20px;}
.gnb_depth1 > li:first-child > a > strong {border-left:1px solid #6184b5;}
.gnb_depth1 > li > a:hover > strong,
.gnb_depth1 > li.on > a > strong  {color:#fff;}
.gnb_div {display:none;}
/*
.gnb_depth1 > li.on > .gnb_div {display:block;}
*/
.gnb_depth2 {height:226px;box-sizing: border-box;padding-top:20px;}
.gnb_depth2 > li {display:block;}
.gnb_depth2 > li > a {display:block;font-size:13px;color:#000;letter-spacing:-0.05em;text-align:left;line-height: 30px}
.gnb_depth2 > li.on > a,
.gnb_depth2 > li > a:hover {color:#ff7800 !important;}

#contents {}

.footer {background-color: #fff;margin:-180px 0 0 0;height:180px;box-sizing: border-box;}
.footer ul {margin: 0 auto;width:1200px;box-sizing: border-box;overflow: hidden}
.footer .link_site {position: relative;box-sizing: border-box;border-top:1px solid #7d7d7d;}
.footer .link_site ul {background: url(/images/common/bg_link_site.png) no-repeat 0 50%;}
.footer .link_site li {float:left;background: url(/images/common/bg_link_site.png) no-repeat 100% 50%;}
.footer .link_site li a {display: block;box-sizing: border-box;line-height:53px;padding:0 24px;text-align: center; }
.footer .link_site li a img {vertical-align: middle;}
.footer .link_top {position: absolute;left:50%;top:0;width:69px;margin-left:531px;}
.footer .link_top a {display: block;height:53px;background:url(/images/common/bt_top.png) no-repeat 0 0;text-indent:-9999px;}
.footer .foot_cont {border-top:1px solid #c1c1c1;padding:30px 0 0 0;}
.footer .foot_cont ul {padding:0 190px 0 0;background: url(/images/common/foot_logo.png) no-repeat 100% 50%;line-height: 22px;}
.footer .address {font-size:14px;color:#555;font-weight: 300;}
.footer .copyright {font-size:14px;color:#555;font-weight: 300;}
.footer .copyright em {font-weight:400; color:#000}

/* Sub Layout */
.sub {padding:0 0 230px 0;}
.visual01 {background:url(/images/sub/visual01.png) no-repeat 50% 0;}
.visual02 {background:url(/images/sub/visual02.png) no-repeat 50% 0;}
.visual03 {background:url(/images/sub/visual03.png) no-repeat 50% 0;}
.visual04 {background:url(/images/sub/visual04.png) no-repeat 50% 0;}
.visual05 {background:url(/images/sub/visual05.png) no-repeat 50% 0;}
.visual06 {background:url(/images/sub/visual06.png) no-repeat 50% 0;}

#container {margin:0 auto;width:1200px;padding:50px 0 0 0; overflow:hidden;}
.snb {float:left; width:250px;}
.h2_letter_spacing {display:table;width:250px;box-sizing:border-box;padding:0 20px;background:url(/images/sub/bg_lnb_h2.png) no-repeat 0 0;}
.h2_letter_spacing span {display:table-cell;width:100%; vertical-align:middle;height:150px;color:#fff;font-size:18px;line-height:26px; letter-spacing:-0.05em;text-transform:uppercase;}
.lnb {margin:0 0 40px 0;width:250px;border-bottom:2px solid #c8c8c8;}
.lnb li {border-top:1px solid #c8c8c8;}
.lnb li:first-child {border-top:0;}
.lnb li a {display:table;width:100%;}
.lnb li a span {display:table-cell;width:100%;vertical-align:middle;height:50px;line-height:18px;padding-left:10px;font-size:14px;font-weight:bold;color:#333;letter-spacing:-0.025em;}
.lnb li.on a span,
.lnb li a:hover span {color:#fff;background-color:#f9881a;}
.quick {}
.quick a {display:block;background:url(/images/sub/bg_quick.png) no-repeat 0 0;height:215px;text-indent:-9999px;}
#substance {float:right;width:900px;margin-top:150px;}
.page_header {display:table;width:100%;height:100px;border-bottom:1px solid #000;line-height:26px;}
.h1_title {padding:15px 0 0;font-size:20px;color:#000;letter-spacing:-0.05em;line-height:40px;}
.location {font-size:0;}
.location li {display:inline-block;}
.location li a {display:block;font-size:14px;color:#979797}
.location li a:hover {color:#000;}
.location li a:before {content:'>';display:inline-block;padding:0 5px;font-size:14px;color:#979797}
.location li:first-child a:before {content:'';padding:0;}
.location li.here a {color:#000;cursor:default}