@charset "utf-8";

.wrap { width: 100%; position: relative; margin: 0 auto; overflow: hidden; }
.wrapper { width: 100%; margin: 0 auto; position: relative; }

/* accessibility navi */
#accessibility {width:100%; margin:0 auto; position:relative;}
#accessibility ul {position:absolute; width:100%; z-index:999;}
#accessibility ul a {float:left; height:1px; width:100%; margin-bottom:-1px; overflow:hidden; text-align:center; white-space:nowrap; font-size:0.688em;}
#accessibility ul a:focus, #accessibility a:active {top:10px; height:auto; padding:7px 0; margin:0 auto; font-weight:bold; background:#000; color:#fff;}

/* header */
header#header { width: 100%; }
#header .headtop {width:100%; float:left; background: #005aab; height:26px;}
#header .headtop p a { display: block; color: #fff; line-height: 26px; font-size: 0.688em; }
#header .headtop p a:hover {color:#ffffff; text-decoration:underline;}
#header h1#logo { position: absolute; left: 0; top: 38px; display: inline-block; z-index: 23; }

#header .siteLayout { height: 80px; border-bottom: 1px solid #dadada; clear: both; }
#header .site_link {position:absolute; right:0; top:32px; font-size:1em;}
#header .site_link li {float:left; letter-spacing:0;}
#header .site_link li a {font-size:0.85em; color:#414141;}
#header .site_link li a:hover {color: #005aab; text-decoration:underline;}
#header .site_link li:before {content:''; width:1px; height:11px; display:inline-block; margin:0 10px; background:#d3d3d3;}
#header .site_link li:first-child:before{display:none;}

/* nav#gnb */
#header nav#gnb { height:50px;}
#header nav#gnb .gnbBg { height:50px; background:#fff  url('../../img/asis/gnbBg.gif') repeat-x left 0px; position: absolute; width: 100%; z-index: 99; border-bottom: 2px solid #198c56; box-shadow: 0px 2px 3px rgba(0,0,0,0.2); overflow: hidden; /*transition: height 0.5s ease-in-out;*/}
#header nav#gnb div > ul {text-align: center;display: flex;}
#header nav#gnb div > ul > li {width:22%;}
#header nav#gnb div > ul > li#gnb04{width:34%;}
#header nav#gnb div > ul > li > a {position:relative; display: table-cell; vertical-align:middle; width: 1080px;height:52px; text-align: center;font-size: 1em;font-weight: 500;color: #0b0b0b;background: url('../../img/asis/main_bg.png') no-repeat 0 -215px; padding:0 15px;}
#header nav#gnb div > ul > li:first-child a { background: none; }
#header nav#gnb div > ul > li.click > a{color: #198c56;}
#header nav#gnb div > ul > li > a:hover { color: #198c56; height:52px; }
#header nav#gnb div > ul > li > a:focus { color: #198c56; }
#header nav#gnb div > ul > li.click > a:before{content:'';position:absolute;width: 100%;height: 5px;background: #198c56;top: 47px;left: 0;}
#header nav#gnb div > ul > li > a:hover:before{content:'';position:absolute;width: 100%;height: 5px;background: #198c56;top: 47px;left: 0;}
#header nav#gnb div > ul > li > a:focus:before{content:'';position:absolute;width: 100%;height: 5px;background: #198c56;top: 47px;left: 0;}

/* nav#gnb mouseover */
#header nav#gnb .gnbBgfull { background:#fff  url('../../img/asis/gnbBg.gif') repeat-x left 2px ; position: absolute; width: 100%; z-index: 99; border-bottom: 2px solid #198c56; box-shadow: 0px 2px 3px rgba(0,0,0,0.2); /*transition: height 0.5s ease-in-out;*/ overflow: hidden;}
#header nav#gnb div > ul > li:first-child .subGnb{border-left: 1px solid #dadada; }
#header nav#gnb div > ul > li:nth-child(2n) .subGnb { background: #f9f9f9; border-left: 1px solid #dadada; border-right: 1px solid #dadada; }
#header nav#gnb div .subGnb {box-sizing: border-box; padding: 12px 8px; }
#header nav#gnb .gnbBgfull .subGnb {width: 100%;height: calc(100% - 52px);}
#header nav#gnb div .subGnb li { font-size: 1.05em; margin-bottom:15px; line-height:1.2em;}
#header nav#gnb div .subGnb li a { padding: 0; font-size:0.9em;}
#header nav#gnb div li:first-child .subGnb li a { padding: 0; }
#header nav#gnb div .subGnb li a:hover {text-decoration: underline; color:#198c56;}


#header .gnb_m_open {display:none; position:absolute; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0px; color:transparent; line-height:0; right:9999px; top:-9999px; overflow:hidden; }

#all_menu { display:none; }


/* FOOTER */
#footer {clear:both; padding:20px 0; background:#f4f4f4; border-top:1px solid #d0d0d0;}
#footer .addBox address, #footer .addBox .copyright {color:#606060; font-size:0.85em;}
#footer .addBox address a {color:#606060; font-size:1em;}
#footer .addBox .copyright {margin-top:5px; font-size:0.75em;}