@charset "utf-8";

#accessibility-foot {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; font-size:0%;}
#accessibility {overflow:hidden; position:absolute;  top:0; width:100%; z-index:1000}
#accessibility a{display:block;overflow:hidden;height:1px;width:1px;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
#accessibility a:focus, #accessibility a:hover, #accessibility a:active {width:auto;height:27px;margin:0;padding:12px 0 0 15px;background:#20262c;font-size:14px;font-weight:700;line-height:1;color:#fff;}
/* Layout */
.wrap {position:relative; margin:0 auto; width:1400px; min-width:1400px;}
.wrap:after {content:""; display:block; clear:both;}
#shadow_device {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:11; background:rgba(0,0,0,0.8);}
#touchArea {display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:880;}
#topmenu {display:none; position:absolute;top:0; right:-250px; width:312px; height:100%; z-index:1000;background-color:#222;}
#header{position:relative;width:100%;height:124px;background:#fff url("/base/imgs/header/header_bg.gif") repeat-x 0 0;}
#content {position:relative;width:100%;min-height:900px;}
a:hover{text-decoration:underline;}
/* gnb */
.gnb1{position:absolute;top:0;left:0;}
.gnb1 li{float:left;border-right:1px solid #bfbfbf;}
.gnb1 li a{display:block;font-size:15px;color:#555;font-weight:400;width:184px;text-align:center;line-height:38px;height:39px; margin:3px 2px 2px 5px;}
.gnb1 li.on a{color:#15439a;background:#fff;}
.gnb2{position:absolute;top:0;right:0;}
.gnb2 li{position:relative;float:left;}
.gnb2 li a{display:block;font-size:15px;color:#555;font-weight:400;line-height:38px;height:33px;padding:0 20px; margin:4px;}
.gnb2 li a:before{position:absolute;top:14px;left:0;content:'';display:block;width:1px;height:12px;background:#bfbfbf;}
.lnb_btn{position:absolute;top:39px;right:0;z-index:11;}
.lnb_btn a{float:left;display:block;width:94px;height:75px;overflow:hidden;text-indent:-9999px; margin: 5px 3px 0 0;}
.lnb_btn a.sitemap{background:#1d498e url('/base/imgs/header/allmenu.png') no-repeat 50%;}
/* logo */
#logo {position:absolute;top:56px;left:25px;z-index:10;}
/* lnb */
#lnb {position:relative;top:39px;height:85px;}
#lnb ul#top1menu{position:relative;padding:0 415px 0 310px;font-size:0;text-align:center;}
#lnb .top2hover{float:left;display:inline;width:16.66%;}
#lnb .top2hover .menu1th{position:relative;display:block;font-size:19px;font-weight:400;text-align:center;letter-spacing: -0.05em;min-height:36px;padding:27px 0 18px;color:#000;}
#lnb .top2hover .menu1th.on, #lnb .top2hover .menu1th:hover {color:#194a97;}
#lnb .top2hover .menu1th:before{position:absolute;top:50%;left:-2px;margin-top:-3px;content:'';display:block;width:5px;height:5px;border-radius:100px;background:#cecece}
#lnb .top2hover:first-child .menu1th:before{display:none;}
#lnb .top2m{display:none;position:absolute; top:85px; left:0; z-index:1000; width:100%;text-align:left;padding:0 0 30px;}
#lnb .top2m .title{position:absolute;top:0;left:0;width:298px;height:100%;padding-bottom:1px;background:#1d498e url('/base/imgs/header/lnb_title.png') no-repeat 50%;font-size:25px;color:#fff;font-weight:500;text-align:center;}
#lnb .top2m .title:before{content:'';display:inline-block;vertical-align:middle;height:100%;margin-right:-.25em;}
#lnb .top2m ul{width:1300px;margin-left:350px;overflow:hidden; padding:0 10px;}
#lnb .top2m li{float:left;width:calc(25% - 20px);margin:25px 0 0 25px;}
#lnb .top2m li:nth-child(4n+1){margin-left:0;clear:both;}
#lnb .top2m li a{display:block;font-size:17px;padding:6px 10px 8px 25px;color:#000;font-weight:400;letter-spacing:-1px;border:2px solid #fff;word-break:keep-all;background:#fff; margin:4px;}
#lnb .top2m li.on > a, #lnb .top2m li a:hover {border:2px solid #194a97;color:#194a97;}
#lnb .top2m li.on3th > a{background:#fff url('/base/imgs/header/lnb_off.png') no-repeat 90% 50%;}
#lnb .top2m li.on3th.on > a, #lnb .top2m li.on3th > a:hover{background-image:url('/base/imgs/header/lnb_on.png');}
#lnb .top2m li a[target="_blank"] span{display:inline-block; width:14px; height:14px; margin:0 0 0 10px; background:url('/base/imgs/icon/blank_b.png') no-repeat; vertical-align:-2px;}
#top2m4.top2m ul li:first-child ul {margin:10px 5px !important;}
#top2m4.top2m ul li:first-child.on3th li {width:50%;float:left;margin:0;}
#top2m4.top2m ul li:first-child.on3th li:nth-child(4n+1){margin-left:0;clear:both;}
#top2m6.top2m li.on3th > a{background:#fff;}
#top2m6.top2m li.on3th.on > a, #lnb .top2m li.on3th > a:hover {background:#fff;}
#lnb .top2m ul ul{width:auto;margin:10px 20px 0;}
#lnb .top2m li li{float:none;width:100%;margin:0;}
#top2m1.top2m ul ul {margin:10px 10px 0;}
#top2m1.top2m li li{width:50%;float:left;margin:0;}
#top2m6.top2m li ul{display:none;}
#lnb .top2m li li a{position:relative;font-size:15px;color:#666;padding:3px 10px 4px;border:0;background:none; margin:5px;}
#lnb .top2m li li a:before{position:absolute;top:12px;left:0;content:'';display:block;width:4px;height:4px;background:#a4afb8;border-radius:100px;}
#lnb .top2m li li.on a, #lnb .top2m li li a:hover{color:#194a97;text-decoration:underline;border:none;}
#lnb .top2m li li.on a:before{background:#194a97;}
#menubg{display:none;width:100%;min-height:100px;position:absolute;top:124px;z-index:11;border-bottom:1px solid #1d498e;background:#f0f4f9;}
@media(max-width: 1250px){
	.mlnb .top2m ul ul {margin:0 !important;}
	.mlnb .top2m li li {width:100% !important;float:none !important;margin:0;}
	#top2m4.top2m ul li:first-child ul {margin:0 !important;}
}
/* search */
#search{position:absolute;top:39px;right:94px;z-index:10;width:275px;height:85px;}
#search .select{position:relative;margin:22px 5% 0;}
#search input[type="text"]{width:calc(100% - 70px);margin:0;font-family:'Noto Sans KR';font-size:16px;color:#787676;height:36px;padding:0 50px 3px 20px;border:0;border-radius:100px;border:1px solid #d7d7d7;background:#fff;}
#search input[type="text"]::placeholder{color:#787676;}
#search .search_btn{position:absolute;top:0;right:0;height:40px;width:50px;text-indent:-9999px;overflow:hidden;background:url('/base/imgs/header/search_btn.png') no-repeat 50%;}
#search #search_close{display:none;}
#topmenu{display:none;}
.h_m_mn{display:none;position:absolute;top:61px;right:3%;font-size:0;}
.h_m_mn a{display:inline-block;width:38px;height:38px;border-radius:100px;}
.h_m_mn a#btn_search{background:url('/base/imgs/header/search_open.png') no-repeat 50%;}
.h_m_mn a#open_mn{margin-left:8px;background:#003d5f url('/base/imgs/header/m_open.png') no-repeat 50%;border-radius:4px;}
.g_link{border-bottom:1px solid #ccc;}
.g_link li{float:left;width:50%;background:#fff;text-align:center;}
.g_link li:nth-child(3){width:100%;}
.g_link li:nth-child(4) {width:100%;border-top:1px solid #ddd;background:#f8f8f8;}
.g_link li a{display:block;font-size:15px;color:#555;padding:12px 0;border-left:1px solid #ddd;}
.g_link li:nth-child(2n+1) a{border:0;}
.g_link li.logout{width:100%;}
.g_link li.g_top{background:#3a3f45;}
.g_link li.g_top a{color:#fff;border-color:rgba(255,255,255,0.2);}
.g_link li.g_top a[target="_blank"]:after{content:'';display:inline-block;width:14px;height:14px;margin-left:5px;vertical-align:-2px;background:url('/base/imgs/icon/blank_w.png') no-repeat;}
#lnb_device {overflow-y:scroll; overflow-x:hidden; width:100%; z-index:1000;}
#lnb_device li{border-bottom:1px solid rgba(255,255,255,0.3);}
#lnb_device li:last-child{border:0;}
#lnb_device li a {display:block; padding:16px 60px 17px 20px;font-size:18px;color:#555;font-weight:400;}
#lnb_device li a span.blank{display:inline-block;margin:0 0 -1px 3px; width:14px; height:14px; background:url("/base/imgs/header/blank_ico.png") no-repeat;}
#lnb_device .title{display:none;}
#lnb_device ul li{border:0;}
#lnb_device ul li a{position:relative;font-size:17px;font-weight:300;border-bottom:1px solid #ddd;}
#lnb_device ul li a:before{position:absolute;content:'';display:block;}
#lnb_device ul ul{display:none;padding:10px 25px 15px;background:#f1f1f1;}
#lnb_device ul ul li a{padding:6px 0 5px 10px; font-size:15px;border:0;}
#lnb_device ul ul li a:before{top:50%;left:0;margin-top:-2px;width:4px;height:4px;background:#8b8b8b;}
#lnb_device ul ul ul{padding:10px 12px; margin:5px 11px 0; border-top:1px dotted rgba(255,255,255,0.15); border-bottom:1px dotted rgba(255,255,255,0.15);}
#lnb_device ul ul ul ul{margin:3px 7px 0 0;padding:1px 0 6px 7px;background:#052e53;}
#lnb_device .top2hover > a{position:relative; color:#fff;background:#485264;}
#lnb_device .top2hover > a.on{background:#345aa0;}
#lnb_device .top2hover > a.on:before{display:block;position:absolute;right:20px;top:20px;width:20px;height:20px;background:url('/base/imgs/header/m_dep1_on.png') no-repeat 50%; content:'';}
#lnb_device .top2m > ul > li > a{background:#fff;}
#lnb_device .top2m > ul > li.on3th > a:before{top:50%;right:20px;margin-top:-9px;width:17px;height:17px;background:url('/base/imgs/header/m_dep2_bg.png') no-repeat 50%;}
#lnb_device .top2m > ul > li.on > a, #lnb_device ul ul li.on a{color:#345aa0;}
#lnb_device .top2m > ul > li.on > a:before{height:1px;margin:0;background:#c2c2c2;}
#m_close{position:absolute;top:0;left:-45px;width:45px;height:45px;background:#c40000 url('/base/imgs/header/m_close.png') no-repeat 50%;text-indent:-9999px;overflow:hidden;}
/* 푸터 */
#footer{width:100%; position:relative; margin:0 auto;background:#202020 url('/home/imgs/footer/footerBg.png') repeat-x;padding:0 0 40px;}
#footer .wrap{width:1600px;min-width:1600px;}
#footer .wa{position:absolute;top:90px;right:85px;}
.family_site{height:59px;border-bottom:1px solid #4d4d4d;}
.family_site dl{position:relative;float:left;width:20%;}
.family_site dl:before{position:absolute;top:20px;left:0;content:'';display:block;width:1px;height:20px;background:#fff;opacity:0.2;}
.family_site dl:first-child:before{display:none;}
.family_site dl dt button{position:relative;width:100%;height:59px;padding:0 20px;text-align:left;font-family:'Noto Sans KR';font-size:15px;color:#d7d7d7;}
.family_site dl dt button:after{position:absolute;top:20px;right:20px;content:'';display:block;width:20px;height:20px;background:url('../imgs/footer/family_site_open.png') no-repeat 50%;}
.family_site dl.open dt button:after{transform:rotate(180deg);}
.family_site dl dd{display:none;position:absolute;bottom:59px;left:0;width:100%;padding:10px 20px;border:1px solid #4d4d4d;box-sizing:border-box;background:#454545;}
.family_site dl dd li {margin-bottom:10px;}
.family_site dl dd li:last-child {margin:0;}
.family_site dl dd a{display:inline-block;font-size:15px;color:#fff;padding:3px 0;word-break:keep-all;line-height:1.2;}
.family_site dl dd .close{position:absolute;top:-36px;right:-1px;}
.footer_info{position:relative;padding:28px 0 20px;}
.footer_info li{position:relative;float:left;margin:0 20px;}
.footer_info li:after{position:absolute;display:block;right:-20px;top:7px;width:1px;height:11px;background:#fff;opacity:0.4;content:'';}
.footer_info li:last-child:after{display:none;}
.footer_info li a{color:#fff;font-size:15px;}
.footer_info li a:hover{text-decoration:underline;}
.footer_info li.priv a{color:#fff700; text-decoration:underline;}

.footer_adr{color:#fff;font-size:15px;margin-left:20px;}
.footer_adr address{font-style:normal;margin-bottom:5px;}
.footer_adr address span{margin-left:15px}
/* 배너 */
.banner{position:relative;height:86px;border-top:1px solid #e3e3e5;}
.banner .wrap{width:1600px;min-width:1600px;}
.banner h2{display:block;float:left;font-size:17px;margin:31px 20px 0;color:#000;font-weight:500;letter-spacing:-1px;}
.banner .ctrl{float:left;margin:32px 20px 0;}
.banner .ctrl button, .banner .ctrl a.more{width:25px;height:25px;text-indent:-9999px;overflow:hidden;background:url('../imgs/footer/banner_ctrl.png') no-repeat;vertical-align:middle;}
.banner .ctrl button.btn_prev{background-position:0 50%;}
.banner .ctrl button.btn_next{background-position:-25px 50%;}
.banner .ctrl button.btn_pause{background-position:-50px 50%;}
.banner .ctrl button.btn_play{display:none;background-position:100% 50%;}
.banner .ctrl a.more{display:inline-block;background:url('../imgs/footer/banner_more.png') no-repeat 50%;}
.banner .list{position:absolute;left:16%;top:0;width:84%;}
.banner .list a{display:block;text-align:center;vertical-align:middle;height:77px;line-height:0; margin:5px 5px 5px 5px;}
.banner .list a:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.banner .list a img{max-width:95%;vertical-align:middle;}
.banner.no .ctrl{margin-left:0;}
.banner.no .ctrl button{display:none;}
.banner.no .list{left:140px;width:calc(100% - 140px);}
@media all and (max-width:1700px) {
	#lnb .top2m .title{width:16%;}
	#lnb .top2m ul{width:80%;margin-left:18%;}
}
@media all and (max-width:1600px) {
	#lnb ul#top1menu{padding:0 355px 0 255px;}
	#footer .wrap, .banner .wrap{width:100%; min-width:100%;}
}
@media all and (max-width:1400px) {
	.wrap {width:100%; min-width:100%;}
	#lnb .top2hover{float:none;width:auto;display:inline-block;}
	#lnb .top2hover .menu1th{font-size:17px;padding:27px 15px 22px;}
	#lnb .top2m li a{padding-left:15px;}
	#lnb .top2m ul ul{margin:10px 10px 0;}
	.banner .list a{font-size:15px;word-break:break-all;}
}
@media all and (max-width:1250px) {
	#lnb, #search, .lnb_btn{display:none;}
	.h_m_mn{display:block;}
	.g_link{display:none;}
	#search{top:124px;right:0;width:100%;background:#3a3f45;}
	#search #search_close{position:absolute;top:-64px;right:3%;margin-right:46px;display:block;width:38px;height:38px;text-indent:-9999px;overflow:hidden;background:#3a3f45 url('/base/imgs/header/search_close.png') no-repeat;border-radius:4px;}
}
@media all and (max-width:1024px) {
	.gnb1, .gnb2, .banner{display:none;}	
	#header{height:90px;background:#fff;}
	#logo{position:absolute;top:19px;left:3%;}
	#search{top:90px;}
	.h_m_mn{top:27px;}
	.g_link{display:block;}
	#footer{width:94%;padding:0 3% 30px;background:#202020;}
	#footer .wa, .family_site{display:none;}
	.footer_info{padding:30px 0 20px;}
	.footer_info li:first-child, .footer_adr{margin-left:0;}
}
@media all and (max-width:640px) {
	#header{height:65px;}
	#logo{top:15px;}
	#logo img{height:32px;}
	#search{top:65px;}
	#search #search_close{top:-51px;}
	.h_m_mn{top:14px;}
	.footer_adr{font-size:14px;}
}
@media all and (max-width:380px) {
	#topmenu{width:calc(100% - 45px);}
	.footer_info li:nth-child(2), .footer_info li:nth-child(3) {margin-left:0;}
}

#footer .go-top{position:absolute;top:90px;right:0px;}
@media all and (max-width:1700px) {
	#footer .go-top {right:0;}
}
@media all and (max-width:640px) {
	#footer .go-top {top:-30px;right:0;}
}

/*20240712 - inct 수정*/

/*배너 포커스*/
.ctrl :focus {
    outline: 2px solid #ff5733 !important; /* 포커스링 색깔 (예: 주황색) */
    outline-offset: 2px !important; /* 포커스링이 요소와 떨어진 거리 */
}

/*푸터 포커스*/
#footer :focus {
    outline: 2px solid #ff5733 !important; /* 포커스링 색깔 (예: 주황색) */
    outline-offset: 2px !important; /* 포커스링이 요소와 떨어진 거리 */
}

/*레이어팝업 포커스*/
.mainPopupLayer :focus {
    outline: 2px solid #ff5733 !important; /* 포커스링 색깔 (예: 주황색) */
    outline-offset: 2px !important; /* 포커스링이 요소와 떨어진 거리 */
}

body :focus{
    outline: 2px solid #ff5733 !important; /* 포커스링 색깔 (예: 주황색) */
    outline-offset: 2px !important; /* 포커스링이 요소와 떨어진 거리 */
}