@charset "utf-8"; 

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

/* skip navi */
#skip { max-width: 1400px; margin: 0 auto; position: relative; }
#skip .accessibility { position: absolute; z-index: 999; }
#skip .accessibility li {}
#skip .accessibility a { float: left; height: 1px; width: 100%; margin-bottom: -1px; overflow: hidden; text-align: center; white-space: nowrap; font-size: 11px; }
#skip .accessibility a:focus, #accessibility a:active { top: 10px; height: auto; width: 1400px; padding: 10px 0; margin: 0 auto; font-weight: bold; background: #000000; color: #ffffff; }

/* HEADER */
header#header { width: 100%; }
#header h1#logo { position: absolute; left: 1%; top: 50px; display: inline-block; z-index: 99999; }
#header h1#logo.t_logo .logo01 { background: url('../../img/asis/logo_n_03.png') no-repeat 0 0; display: block; width: 122px; height: 48px; float: left; }
#header h1#logo.t_logo .logo02 { background: url('../../img/asis/logo_n_04.png') no-repeat 0 0; display: block; width: 120px; height: 48px; float: left; }
#header .link { background: #005aab; height: 30px; }
#header .link .wrapper::after { content: ''; display: block; clear: both; float: none; }
#header .link .siteLinkR { margin-right: 1%; }
#header .link .siteLinkR::after { content: ''; display: block; clear: both; float: none; }
#header .link ul li { float: left; margin: 0 8px 0 0; }
#header .link ul li:last-child { margin: 0; }
#header .link ul li a { display: block; color: #ffffff; line-height: 30px; font-size: 14px; }
#header .link ul li a:hover { color: #ffffff; text-decoration: underline; }
#header #searchBox { position: absolute; right: 1%; top: 25px; font-size: 1em; z-index: 99999; }
#header #searchTop { position: relative; float: right; width: 300px; height: 34px; margin: 30px auto 0; border: 1px solid #bcbcbc; border-radius: 17px; }
#header #searchTop select { padding: 6px 0; height: 32px; border: none; background: none; width: 75px; margin-left: 10px; font-size: 0.75em; color: #585858; vertical-align: middle; }
#header #searchTop input[type="text"] { border: none; height: 25px; font-size: 12px; width: 120px; padding: 0 3px; margin-left: 0; margin-top: 3px; }
#header #searchTop input[type="submit"] { border: none; position: absolute; width: 78px; padding: 0 0 0 37px; height: 34px; text-align: left; cursor: pointer; border-radius: 18px; right: -1px; top: -1px; color: #ffffff; background: #282828 url('../../img/asis/searchTop.png') no-repeat 0 2px; font-size: 0.8125em; font-weight: 500; }
#header .search_m_open { display: none; }
#header .mnbLayout { height: 85px; border-bottom: 1px solid #dadada; clear: both; }
#header nav#gnb div > ul { text-align: center; display: table; max-width:500px; table-layout: fixed; }
#header nav#gnb div > ul > li { display: table-cell; line-height: 85px; }
#header nav#gnb div > ul > li > a { position: relative; display: block; text-align: center; font-size: 20px; font-weight: 500; color: #0b0b0b; background: url('../../img/asis/gnb_Na.png') no-repeat 0 center; }
#header nav#gnb div > ul > li > a:before{ content: ''; display: block; position: absolute; left: 50%; bottom: -1px; width: 0; background: #1b4692; transition:all 0.3s ease; }
#header nav#gnb div > ul > li:first-child a { background: none; }
#header nav#gnb .gnbBg { position: absolute; width: 100%; transition: height 0.5s ease-in-out; }
#header nav#gnb .gnbBg:focus { height: 410px; }
#header nav#gnb div > ul > li.click > a{ color: #1b4692; }
#header nav#gnb div > ul > li > a:hover { color: #1b4692; }
#header nav#gnb div > ul > li > a:focus { color: #1b4692; }	
#header nav#gnb div > ul > li.click > a:before{ left: 0; width: 100%; height: 5px; }
#header nav#gnb div > ul > li > a:hover:before{ left: 0; width: 100%; height: 5px; }
#header nav#gnb div > ul > li > a:focus:before{ left: 0; width: 100%; height: 5px; }
/* 주요메뉴 마우스오버 */
#header nav#gnb .gnbBgfull { height: 410px; background: #ffffff; position: absolute; width: 100%; z-index: 999; border-bottom: 2px solid #0079ca; box-shadow: 0px 2px 3px rgba(0,0,0,0.2); overflow: hidden; transition: height 0.5s ease-in-out;}
#header nav#gnb .gnbBgfull:before{display: block; position: absolute; left: 0; top: 84px; width: 100%; height: 1px; background: #dadada; content:""; }
#header nav#gnb div > ul > li .subGnb { border-right: 1px solid #dadada; }
#header nav#gnb div > ul > li:nth-child(even) .subGnb { background: #f9f9f9; }
#header nav#gnb div > ul > li:first-child .subGnb { border-left: 1px solid #dadada; }
#header nav#gnb div .subGnb { height: 320px; padding:10px 0 0; }
#header nav#gnb .gnbBgfull .subGnb { display: block; }
#header nav#gnb div .subGnb li { font-size: 15px; line-height: 30px; }
#header nav#gnb div .subGnb li a { padding: 0; }
#header nav#gnb div li:first-child .subGnb li a { padding: 0; }
#header nav#gnb div .subGnb li a:hover { font-weight: 500; text-decoration: underline; color:#005aab; }
#header .gnb_m_open { 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; }
#header .gnb_m_open button { display:none; text-indent: -9999px; }
#all_menu { display: none; }

/* FOOTER */
#footer { clear: both; margin-bottom: 15px; }
#footer .btmGnb { width: 100%; min-height: 45px; background: #f2f2f3; border-top: 1px solid #e3e5e8; border-bottom: 1px solid #e3e5e8; }
#footer .btmGnb .wrapper::after { content: ''; display: block; clear: both; float: none; }
#footer .btmGnb .btmLeft { float: left; width:60%; height: 44px; line-height: 40px; padding: 0 1%; }
#footer .btmGnb .btmLeft li { display: inline-block; font-size: 14px; vertical-align: middle; }
#footer .btmGnb .btmLeft li::after { content: ''; padding: 0 20px; background: url('../../img/asis/copy_bg.png') no-repeat 20px 0px; }
#footer .btmGnb .btmLeft li:first-child { font-weight: 500; }
#footer .btmGnb .btmLeft li:last-child::after { background: none; }
#footer .btmGnb .btmLeft li a:hover { text-decoration: underline; }
#footer .btmGnb #siteListBox { float: right; width: 40%; display: flex; flex-direction: row; justify-content: flex-end; }
#footer .btmGnb #siteListBox { padding: 0; float: right; font-size: 0; }
#footer .btmGnb #siteListBox .siteList { position: relative; height: 44px; background: #ffffff; display: inline-block; width: 246px; }
#footer .btmGnb #siteListBox .siteList:last-child { margin: 0 0 0 -1px; }
#footer .btmGnb #siteListBox .siteList > a { display: block; width: 100%; height: 100%; line-height: 44px; background: #ffffff url('../../img/asis/copy_bg.png') no-repeat right -40px; font-size: 13px; color: #333333; padding: 0 13px; border: 1px solid #d1d1d1; border-top: 0; border-bottom: 0; }
#footer .btmGnb #siteListBox .siteList > div { position: absolute; left: 0; bottom: 0px; width: 242px; border: 1px solid #d1d1d1; z-index: 40; border-bottom: 0; }
#footer .btmGnb #siteListBox .siteList div p { position: relative; height: 45px; background:#ffffff url('../../img/asis/copy_bg.png') no-repeat right -80px; font-size: 13px; color: #333333; padding: 0 13px; line-height: 44px; border-top: 1px solid #d1d1d1; }
#footer .btmGnb #siteListBox .siteList div p a { width: 100%; height: 100%; text-indent: -999px; position: absolute; right: 0; top: 0; font-size: 0; color: transparent; overflow: hidden; }
#footer .btmGnb #siteListBox .siteList div .sitetype01 { padding: 10px; background: #ffffff; border-bottom: 0; }
#footer .btmGnb #siteListBox .siteList div .sitetype01 li { font-size: 13px; margin: 3px 0; }
#footer .btmGnb #siteListBox .siteList div .sitetype01 li:first-child { margin-top: 0; }
#footer .btmGnb #siteListBox .siteList div .sitetype01 li a:hover { text-decoration: underline; }
#footer .btmGnb #siteListBox .siteList div .siteType02 { padding: 10px; background: #ffffff; border-bottom: 0; max-height: 220px; overflow-y: scroll; }
#footer .btmGnb #siteListBox .siteList div .site_g { margin-top: 10px; }
#footer .btmGnb #siteListBox .siteList div .site_g:first-child { margin-top: 0; }
#footer .btmGnb #siteListBox .siteList div .site_g:last-child { padding-bottom: 0; border: none; }
#footer .btmGnb #siteListBox .siteList div .site_g dt { line-height: 27px; background: #e7e7e7; font-size: 13px; font-weight: 500; margin-bottom: 8px; color: #242839; padding: 0 10px; }
#footer .btmGnb #siteListBox .siteList div .site_g dd ul li { font-size: 13px; margin: 3px 0; }
#footer .btmGnb #siteListBox .siteList div .site_g dd ul li a:hover { text-decoration: underline; }
#footer .btmGnb #siteListBox .siteList .moreSite { display: block; }
#footer .btmGnb #siteListBox .siteList .moreSiteHidden { display: none; }
#footer .addBox { margin-top: 18px; padding-left: 1%; }
#footer .addBox address, #footer .addBox .copyright { color: #606060; font-size: 14px; }
#footer .addBox .copyright { margin-top: 5px; }
#footer .addBox a.openLink { display: block; position: absolute; top: 4px; right: 0; }
#footer .addBox address span { margin-left: 10px; }
#footer .addBox address span.c1 { color: #0376c4; font-weight: 500; }