@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: 1200px; 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: 1200px; padding: 10px 0; margin: 0 auto; font-weight: bold; background: #000; color: #ffffff; }



/* HEADER */
header#header { width: 100%; }
#header .link { background: #005aab; height: 30px; }
#header .link .wrapper::after { content: ''; display: block; clear: both; float: none; }
#header .link .siteLinkR::after { content: ''; display: block; clear: both; float: none; }
#header .link ul li { position: relative; float: left; margin: 0 20px 0 0; padding-right:20px; }
#header .link ul li:last-child { margin: 0; padding-right:0; }
#header .link ul li a { display: block; color: #ffffff; line-height: 30px; font-size: 0.8125em; }
#header .link ul li a:hover { color: #ffffff; text-decoration: underline; }
#header .link ul li:before { content: ''; display: inline-block; width: 1px; height: 10px; background: rgba(255,255,255,0.5); position: absolute; top: 10px; right: 0;}
#header .link ul li:last-child:before {display: none;}
#header .mnbLayout { height: 80px; border-bottom: 1px solid #dadada; clear: both; }
#header h1#logo { position: absolute; left: 0; top: 45px; display: inline-block; z-index: 23; }
#header h1#logo.t_logo .logo01 { background: url('../../img/asis/logo_n_01.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_02.png') no-repeat 0 0; display: block; width: 120px; height: 48px; float: left; }
#header #searchBox { width: 100%; height: 80px; position: absolute; }
#header #searchTop { position: relative; width: 340px; height: 32px; margin: 23px 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; }
#header #searchTop input[type="text"] { border: none; height: 25px; font-size: 0.75em; width: 160px; padding: 0 3px; }
#header #searchTop input[type="submit"] { border: none; position: absolute; width: 78px; padding: 0 0 0 37px; height: 32px; 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 .mnbLayout .search_m_open { display: none; }
#header .relation_link { position: absolute; right: 0; top: 30px; font-size: 1em; }
#header .relation_link li { float: left; padding: 0 16px 0 0; margin-left: 15px; letter-spacing: 0; background: url('../../img/asis/line_nav.gif') no-repeat right; }
#header .relation_link li:first-child a strong { font-weight: 500; }
#header .relation_link li a { font-weight:500; color:#333333; }
#header .relation_link li a:hover { text-decoration: underline; }
#header .relation_link .last { background: none; padding: 0; }

#header nav#gnb { height: 48px; border-bottom: 1px solid #dadada; }
#header nav#gnb .gnbBg { height: 48px; background: #ffffff url('../../img/asis/gnbBg_kor.gif') repeat-x left 0; position: absolute; width: 100%; z-index: 99; border-bottom: 1px solid #005aab; 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: table; }
#header nav#gnb div > ul > li { width:25%; display: table-cell; line-height: 48px; }
#header nav#gnb div > ul > li > a { position: relative; display: block; text-align: center; font-size: 1.125em; font-weight: 500; color: #0b0b0b; background: url('../../img/asis/gnbNa.png') no-repeat 0 18px; }
#header nav#gnb .gnbBg:focus { height: 225px; }
#header nav#gnb div > ul > li:first-child a { background: none; }
#header nav#gnb div > ul > li.click > a{ color: #0079ca; }
#header nav#gnb div > ul > li > a:hover { color: #0079ca; }
#header nav#gnb div > ul > li > a:focus { color: #0079ca; }
#header nav#gnb div > ul > li.click > a:before{ content:''; position: absolute; width: 100%; height: 3px; background: #0079ca; bottom: 0; left: 0; }
#header nav#gnb div > ul > li > a:hover:before{ content:''; position: absolute; width: 100%; height: 5px; background: #0079ca; bottom: -2px; left: 0; }
#header nav#gnb div > ul > li > a:focus:before{ content:''; position: absolute; width: 100%; height: 5px; background: #0079ca; bottom: -2px; left: 0; }

/* 주요메뉴 마우스오버 */
#header nav#gnb .gnbBgfull { height: 225px; background: #ffffff url('../../img/asis/gnbBg_kor.gif') repeat-x left 0; position: absolute; width: 100%; z-index: 99; border-bottom: 2px solid #0079ca; box-shadow: 0px 2px 3px rgba(0,0,0,0.2); overflow: hidden; }
#header nav#gnb div > ul > li:nth-child(even) .subGnb { background: #f9f9f9; border-left: 1px solid #dadada; border-right: 1px solid #dadada; }
#header nav#gnb div > ul > li:first-child .subGnb { border-left: 1px solid #dadada; }
#header nav#gnb div .subGnb { margin-top: 2px; height: 170px; padding: 10px 0 12px; }
#header nav#gnb .gnbBgfull .subGnb { display: block; }
#header nav#gnb div .subGnb li { font-size: 0.938em; 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; }

/* 서브 좌측 메뉴 */
#slnb { width: 20%; float: left; margin-bottom: 100px; margin-right: 4%; }
#slnb h2 { text-align: center; margin: 20px 0 10px 0; background: #0079ca url('../../img/asis/slnb_bg.png') no-repeat right top; padding: 40px 0; }
#slnb h2.title { color: #ffffff; font-size: 1.75em; font-weight: 500; letter-spacing: -1px; } 
#slnb > ul {}
#slnb > ul > li > a { position: relative; display: block; padding: 15px 20px; border-bottom: 1px solid #e1e1e1; color: #0b0b0b; font-size: 1em;  font-weight: 500; }
#slnb > ul > li > a:hover { color: #215fc1; }
#slnb > ul > li > a.M_on { color: #215fc1; background:url('../../img/asis/slnb_depth1.png') no-repeat 95% center; border: 4px solid #0064cc; padding: 12px 20px; }
#slnb > ul .mn_depth2 { background:#f1f1f1;border-bottom:1px solid #e1e1e1; padding:8px 10px 8px 25px; }
#slnb > ul .mn_depth2 li { background:url('../../img/asis/slnb_depth2.gif') no-repeat left center; padding-left: 12px; margin: 9px 0; }
#slnb > ul .mn_depth2 li a { font-size: 15px; color: #0b0b0b; display: block; }
#slnb > ul .mn_depth2 li a:hover { color:#034f9d; font-weight: 500; }
#slnb > ul .mn_depth2 li a.M_on { color:#034f9d; font-weight: 500; } 

/* contents */
#contents { margin: 40px auto; width: 76%; float: right; position: relative; }

/* 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; }
#footer .btmGnb .btmLeft li { display: inline-block; font-size: 0.875em; 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; }
#footer .addBox address, #footer .addBox .copyright { color: #606060; font-size: 0.8125em; }
#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; } 

.align_c {text-align:center !important; position:relative;}