/* CSS Document */
.fullframe { width: 100%; position: relative; clear: both; }
.contentFrame { width: 1170px; }
.contentFrame, .contentFrame2 {  display: block; position: relative; margin: 0px auto; }
.topFrame { width: 100%; position: absolute; clear: both; }
.divi { }
.divi.d2 { position: relative;}
.divi:after { display: block; clear: both; content: ''; }
.divi_l { float: left; }
.divi_r { float: right; }

caption, .hidden {width: 0; height: 0; overflow: hidden; position: absolute; left:-9999999999999999px; line-height: 0; }



#skip { position: absolute; left: 0; top:-200px; width: 100%; margin: 0 auto; z-index: 20; } 
#skip a:active, #skip a:focus { position: absolute; letter-spacing: -1px; color:#fff; top:200px; width: 100%; background: #003a69; padding: 15px 0px; text-align:center; border-bottom:1px solid #000; }


/*업무접속하기*/
#conn { border-top: 7px solid #045ba2; height: 133px; background: url(/eng/images/main2017/conn_top_bg.gif) repeat-x; }
#conn div { text-align: center; position: relative; letter-spacing: -1px; }
#conn h2 { font-family: 'notokr-bold'; font-size: 26px; letter-spacing: -2px; color: #1b2740; }
#conn h2> span { color: #015396; }

#conn ul { }
#conn ul> li:first-child { padding-left: 0px; }
#conn ul> li:last-child { padding-right: 0px; }
#conn ul> li { padding: 0 10px; display: inline-block; font-size: 14px; background: url(/eng/images/main2017/conn_line.gif) right center no-repeat; }
#conn ul> li> span { letter-spacing: 0px; }

#conn a.system { padding: 3px 50px 3px 25px; margin-top: 10px; color: #fff; background: url(/eng/images/main2017/conn_arrow.png) right 20px center no-repeat, #657189; border: 1px solid #2d5070; display: inline-block; }
#conn a.conn_close { height: 15px; padding: 4px 8px 0 8px; position: absolute; right: 0px; bottom: 0px; font-family: Dotum; font-size: 11px; color: #585858; background: #fff; border: 1px solid #a4a4a4; }
#conn a.conn_close span { width: 9px; height: 9px; margin-left: 2px; background: url(/eng/images/main2017/conn_close.png) no-repeat; display: inline-block; }



/*상단 유틸*/
#header { height: 110px; border-top: 7px solid #5474c1;  position: relative; letter-spacing: -1px; min-width: 1170px;}

#inner-wrap { position: relative; height: 60px; }
#inner-wrap h1 { position: absolute; left: 0px; top: 13px; }
#inner-wrap h1> a { width: 351px; height: 26px;/* background: url(/eng/images/main2017/logo.png) no-repeat; display: block;*/ }
#inner-wrap h1> a> img { margin-right: 10px; }
#inner-wrap h1> a> img:last-child { margin-right: 0px; }

.util { float: right; margin-top: 12px;  }
.util:after { content:""; clear: both; display: block; }
.util> li { margin-right: 20px; float: left; letter-spacing: 0px; }
.icon_lo { background: url(/eng/images//main_2018/icon_lo.gif) no-repeat; letter-spacing: 0px; }
.icon_kor { background: url(/eng/images//main_2018/icon_kor.gif) no-repeat; letter-spacing: 0px; }
.icon_sitemap { background: url(/eng/images//main_2018/icon_sitemap.gif) no-repeat; letter-spacing: 0px; }
.icon_adm { background: url(/eng/images//main_2018/icon_adm.gif) no-repeat; letter-spacing: 0px; }
.util> li:last-child { margin-right: 0px; }
.util> li> a { height: 22px; padding-top: 2px; display: block; padding-left: 28px; }

.util> li> ul { border: 1px solid #dfdfdf; }
.util> li> ul:after { content:""; clear: both; display: block; }
.util> li> ul> li { float: left; font-size: 13px; height: 35px; border-right: 1px solid #dfdfdf; }
.util> li> ul> li> a { width: 33px;  padding-top: 9px; height: 26px; display: block; text-align: center; }
.util> li> ul> li:first-child { padding: 0 15px; background: #f4f8fb; padding-top: 7px; height: 28px; }
.util> li> ul> li:last-child { border-right: 0px; }










#main-gnb { height: 47px; border-top: 1px solid #ddd; border-bottom: 2px solid #434551; background: #fff; }
#topMenu {  }
#topMenu:after { content:""; clear: both; display: block; }
#topMenu> li { width: 184px; border-left: 1px solid #ddd; text-align: center; float: left; font-size: 18px; }
#topMenu> li:last-child { border-right: 1px solid #ddd; }
#topMenu> li> a { height: 38px; padding-top: 9px; font-family: 'notokr-bold'; display: block; }
#topMenu> li:last-child> a { padding-top: 0;}
#topMenu> li> a:hover { background: #f2f3f5; }
#topMenu> li.on> a { background: #6ebee4; color: #fff; }
#topMenu> li.on> a:hover { background: #6ebee4; color: #fff; }
#topMenu> li> span { font-size: 11px; letter-spacing: 0px; display: block; font-family: Arial; color: #666; margin-bottom: 30px; }
#topMenu> li:nth-child(6)> .subtree { width: 169px !important; border-right: 1px solid #ddd !important; }


.subtree { padding-top: 20px; padding-left: 15px; height: 280px; border-left: 1px solid #ddd; font-size: 14px; position: relative; z-index: 300000; margin-left: -1px; }
.subtree:after { display: block; clear: both; content: ''; }
.subtree:hover { background: #f2f3f5; }
.subtree> li { font-size: 15px; margin-bottom: 15px; text-align: left; }
.subtree> li> a { display: block; color: #000; }
.subtree> li> a:hover { text-decoration: underline; }

#topLow { height: 300px; border-bottom: 2px solid #434551; display: none; background: #fff; position: absolute; left: 0px; top: 108px; z-index: 30000; letter-spacing: -1px; border-top: 1px solid #ddd; }
.on3 { background: #f2f2f2; }


.sitemap { width: 58px !important; height: 40px !important; padding-top: 7px; cursor: pointer;  }
.sitemap img { vertical-align: middle; }
















/*sub*/
nav { height: 32px; padding-top: 8px; border-bottom: 1px solid #c4ccce; text-align: right; background: #3a4950; color: #fff; min-width: 1170px; }
nav ul { font-size: 15px; letter-spacing: -1px; }
nav ul:after { display: block; clear: both; content: ''; }
nav ul li { padding-left: 15px; padding-right: 10px; background: url(/eng/images/sub/blit_arrow.png) left no-repeat; display: inline-block;}
.home { width: 15px; height: 16px; display:inline-block;  padding-left: 0; background: url(/eng/images/sub/home.png) no-repeat center; vertical-align:middle;}/* 1201 */
nav ul li:first-child{ background:none;}/* 1201 */



/*container*/
#container { padding-bottom: 100px; }
#container:after { display: block; clear: both; content: ''; }




/*lnb*/
#lnb { width: 230px; float: left; margin-top: -43px; }
#conts { width: 900px; margin-top: 50px; float: right; }
.lnb_title { width: 230px; height: 102px; padding-top: 58px; margin-bottom: 12px; border-top: 0px !important; background: #2371bc; color: #fff; }
.lnb_title h2 { text-align: center; font-size: 28px; }

#left_menu {  height: 100%; }
#left_menu> li { border: 1px solid #ddd; font-size: 17px; margin-bottom: 5px; }
#left_menu> li> h4 { background: url(/eng/images/common/lnb_off.png) right 20px center no-repeat; }
#left_menu> li> h4> a { display: block; padding: 15px 17px; color: #000; }
#left_menu> li> h4:hover { }
#left_menu> li> h4.active { background: url(/eng/images/common/lnb_on.gif) right 20px center no-repeat, #1d4f72; }
#left_menu> li> h4.active> a { color: #FFF; cursor:default;}
#left_menu .low.hidden {height:0; padding:0; overflow:hidden; border:none;}

ul.low { background: #eff6fc; padding: 17px;  }
ul.low> li { margin-bottom: 10px; text-indent: 12px; }
ul.low> li:last-child { margin-bottom: 0px; }
ul.low> li> a { display: block; color: #383838; font-size: 15px; }
ul.low> li> a:hover { text-decoration: underline; }
ul.low> li.on a { background: url(/eng/images/common/lnb_low_on.gif) left 4px no-repeat; color: #00589c; }
ul.low sub { font-size: 10px; letter-spacing: 0px; }



/*title*/
.title { padding-bottom: 15px; background: url(/eng/images/sub/blit_tit_bot.gif) bottom repeat-x; letter-spacing: -1px; }
.title> h3 { padding-top: 15px; font-family: 'env_B'; font-size: 32px;  color: #2c2626; background: url(/eng/images/sub/blit_tit.gif) left 4px top no-repeat; display: inline; }
.title> span { margin-left: 10px; color: #6f6f6f; font-size: 13px; }











#ins { border-top: 1px solid #bcd0e8; }

#ins a { width: 165px; height: 40px; border-left: 1px solid #dedede; float: left; text-align: center; }
#ins a:last-child { width: 172px; border-right: 1px solid #dedede; }



/*************************************************** footer **************************************************20230308추가*/

.footerInner {position:relative; width:1170px; margin:0 auto; padding:40px 0;}
.footerUnderLogo {position:absolute; left:0; top:50%; height:36px; margin-top:-18px;}
.footerInfo {margin:0 0 0 240px;}
.callDust {padding:0 0 0 0;}
.callDust:after {display:block; content:""; clear:both;}
.callDust > p {float:left; font-size:14px; color:#0a0a0a; font-weight:400; letter-spacing:-0.4px;}
.callDust > p + p {position:relative; margin:0 0 0 20px; padding:0 0 0 20px;}
.callDust > p + p:after {display:block; content:""; position:absolute; left:0; top:50%; width:2px; height:14px; margin-top:-7px; background:#dcdcdc;}
.callDust > p > span {color:#0f62cc; font-weight: 600;}
.addr {margin:12px 0 0 0; font-size:14px; color:#0a0a0a; font-weight:400; line-height: 22px;}
.copy { /*margin:7px 0 0 0; pjs 0116 */ font-size:14px; color:#6e6e6e; font-weight:400; line-height: 22px;}

.keco {position:absolute; right:0; top:60px;}






/*footer*/
#footer { background: #f7f7f7; border-top: 1px solid #dfdfdf; /*height: 100px;*/ }
#inner_footer { position: relative; }
#inner_footer .bot_logo { width: 142px; height: 43px; position: absolute; top: 0px; left: 0px; background: url(/eng/images/sub/bot_logo.gif) no-repeat; }

.bot_info { margin-left: 200px; }

.bot_util {  }
.bot_util:after { display: block; clear: both; content: ''; }
.bot_util li a { color: #000; letter-spacing: -1px; font-size: 13px; }
.bot_util li a:hover { color: #00479f; text-decoration: underline; }

.address { margin-top: 20px; }
.address p, address ul li, address div { font-size: 13px; }
.address p { margin-bottom: 3px; color: #666; }
.address ul { }
.address ul:after { display: block; clear: both; content: ''; }
.address ul li { float: left; color: #666; }
.address div { margin-top: 15px; }


.bot_info ul:after { display: block; clear: both; content: ''; }
.bot_info ul li {padding-right: 10px; background: url(/eng/images/common/bot_bar.gif) right 7px no-repeat; float: left; margin-left: 10px; }
.bot_info ul li:first-child { margin-left: 0px; }
.bot_info ul li:last-child { background: none; padding-right: 0px; }

#view { position: absolute; right: 00px; top: 0px; }
#view li { margin-right: 5px; }

#link { position: absolute; right: 0px; top: 60px; }
#link li { margin-right: 10px; }
#link li:last-child { margin-right: 0px; }

.corp { }
.corp:after { display: block; clear: both; content: ''; }
.corp li { float: left; } 
.corp li:last-child { margin-right: 0px; }
.corp select { padding: 4px 6px; border: 1px solid #cdcdcd; letter-spacing: -1px; color: #666; font-size: 13px; }
.site_go { height: 23px; padding: 5px 15px 0 15px; background: #fff; border: 1px 
solid #ccc; display: inline-block; text-align: center; letter-spacing: -1px; color: #666; font-size: 13px; }


/* 툴팁용css 추가20141212 */
#tooltip{
    position:absolute;
    top:300px;
    left:100px;
    background-color:#fff;
    border:1px #0091fa solid;
    padding:5px 10px;
    border-radius:5px;
    box-shadow:1px 1px 2px #555;
    max-width: 350px;
    word-wrap: break-word;
    z-index:999999;
    font-size: 13px; 
}
#tooltip  p {white-space:pre;}
#tooltip  strong {color:#0062c7;font-size: 14px; font-family: 'notokr-bold';}
#tooltip  p strong {color:#0062c7;font-size: 14px; font-family: 'notokr-bold';}
/* 툴팁용css 추가20141212 */

/* 툴팁용css 추가20170103 */
[data-tooltip-text]:hover {
    position:relative;
    z-index: 999999;
}

[data-tooltip-text]:hover:after {
    background-color: #fff;
    /* background-color: rgba(0, 0, 0, 0.8); */

    /* -webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
    box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4); */
    
    
    /* -webkit-box-shadow: 1px 1px 1px 1px #0091fa;
    -moz-box-shadow: 1px 1px 1px 1px #0091fa;
    box-shadow: 1px 1px 1px 1px 0091fa; */
    
    border:1px #0091fa solid;
    box-shadow:1px 1px 2px #555;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    color: #555;
    font-size: 12px;
    content: attr(data-tooltip-text);

    margin-bottom: 10px;
    top: 130%;
    left: -70px;    
    padding: 7px 12px;
    position: absolute;
    width: auto;
    min-width: 50px;
    max-width: 300px;
    word-wrap: break-word;

    z-index: 11;
}
/* 툴팁용css 추가20170103 */