@CHARSET "euc-kr";
/************************ Web font ************************/
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css"); 

/************************ Golbal ************************/
*{margin:0;padding:0;font-family:'Nanum Gothic', Arial, Helvetica, sans-serif;};text-decoration:normal;}
html{color:#555;line-height:150%;overflow-y:scroll;}
body{word-wrap:break-word;font-size:14px;color:#555;line-height:140%;}
table{border-collapse:collapse;}
img, fieldset, button{border:none;}
li, dt, dd{list-style:none;}
caption{visibility:hidden;line-height:0;}
input, textarea{vertical-align:middle;font-size:12px;color:#555;}
textarea{overflow:auto;} 
select{vertical-align:middle;border:1px solid #cbc0bd;font-size:13px;color:#747474;padding:1px;height:22px;}
a, a:link, a:active, a:visited{text-decoration:none; color:#666;}
a:hover{text-decoration:none; color:#333;}
legend{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} /* For Screen Reader */ 
input.txt{border:1px solid #ddd;padding:2px;height:16px;color:#aaa;margin-bottom:2px;}
.pdt30{padding-top:30px;}
.pdt20{padding-top:20px;}
.pdb20{padding-bottom:20px;}

/************************ Layout ************************/
#wrap{width:100%;}
#wrap_header{width:100%;/*border-bottom:1px solid #e4e4e4;*/}
#wrap_header .head_logo{padding:9px 0 0 0;}
#header{position:relative;width:900px;height:70px;margin:0 auto;}
#header h1{margin-top:20px;z-index:100;}
#header .snb{position:absolute;top:27px;right:0;margin-top:1px;}
#header .snb li{float:left;}
#header .gnb{position:absolute;right:0;top:0px;width:800px;height:70px;margin:0 auto;}
#header .gnb ul{float:right;}
#header .gnb ul li{float:left;padding-top:30px;}
#header .gnb ul li a{font-family:'Nanum Gothic','Nanum Gothic';font-size:18px;font-weight:bold;letter-spacing:-1px;color:#444;padding:0 20px;}
#header .gnb ul li.sel{padding-top:40px;height:28px;border-bottom:4px solid #006bbe;}
#header .gnb ul li.sel a{display:inline-block;color:#014099;}
#header .gnb ul li a:hover{color:#014099;}
#wrap_header .snb{height:40px;background: #0b58d2;border-top:3px solid #0b58d2;position: relative;z-index: 11;}
body:has(#wrap_mainVisual) #wrap_header .snb{background:transparent !important;}
#wrap_header .snb ul li{float:left;}
#wrap_header .snb ul li a{display:inline-block;font-size:14px;line-height:40px;padding:0 12px;color:#fff;}
#wrap_header .snb ul li a:hover{background:#fff;color:#333;}
#wrap_header .snb ul li.sel a{background:#fff;color:#333;text-decoration:underline !important;}
#wrap_header .snb ul#introduce{position:absolute;left:38%;}
#wrap_header .snb ul#data{position:absolute;left:42%;margin-left:60px;}
#wrap_header .snb ul#report{position:absolute;left:54%;margin-left:120px;}
#wrap_header .snb ul#board{position:absolute;left:54%;margin-left:260px;}
#wrap_content #contents{position:relative;width:900px;height:510px;margin:0 auto;}
#wrap_footer{clear:both;width:100%;border-top:1px solid #e4e4e4;}
#footer{position:relative;width:900px;height:70px;padding:15px 0;color:#666;font-size:12px;margin:0 auto;}
#footer .bot_logo{position:absolute;top:17px;right:20px;}
#footer #menu li{float:left;background:url('../images/bot_line.gif') no-repeat right 5px;padding:0 13px 10px 13px;}
#footer .address{clear:both;padding-left:13px;}
#footer .copyright{clear:both;padding-left:13px;}
#footer span{font-weight:bold;}
#wrap_container{position:relative;width:100%;}
#container{width:900px;margin:auto;}

/************************ Index ************************/
#wrap_mainVisual{position:relative;width:100%;height:200px;background-color:#0b58d2;}
#wrap_mainVisual #mainVisual{margin:0 auto;width:100%; height: 100%; position: relative;}
#wrap_mainVisual #mainVisual>div{
    width: 100%;
    height: 240px;
    background-image: url('/resources/images/main_img04.png');
    background-repeat: no-repeat;
    background-position: bottom center;
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    background-color:#0b58d2;
}
#wrap_mainVisual #mainVisual>div>.blind{position: fixed;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;}
#aside_left{position:absolute;left:0;top:0;}
#aside_left ul li{position:relative;width:298px;height:150px;padding:30px 0 0 30px;border-right:1px solid #eaeaea;border-left:1px solid #eaeaea;}
#aside_left ul li h2{padding-bottom:10px;}
#aside_left ul li span.more{position:absolute;right:30px;bottom:20px;}
#aside_left .research{background:url('/resources/images/img_research.gif') no-repeat 165px 34px;}
#aside_left .agenda{background:url('/resources/images/bg_agenda.gif') no-repeat left top;}
#aside_left .download{height:120px;}
#aside_right ul li{height:150px;padding:30px 0 0 40px;}
#aside_right{position:absolute;right:0;top:0;border-right:1px solid #eaeaea;width:569px;}
#aside_right .search{background:url('/resources/images/img_search.gif') no-repeat 430px 50px;}
#aside_right .search dl dd{width:350px;height:16px;overflow:hidden;}
#aside_right .search input{width:289px;height:24px;border:3px solid #275498;margin:7px 0;line-height:23px;}
#aside_right .search p img{margin-top:7px;vertical-align:top;}
#aside_right .search dl{font-size:12px;line-height:130%;}
#aside_right .agenda_con{height:148px;background:url('/resources/images/img_agenda.gif') no-repeat 370px 35px;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
#aside_right .agenda_con dl{width:400px;margin-top:-10px;}
#aside_right .agenda_con dl dt{padding-bottom:15px;font-size:14px;font-weight:bold;letter-spacing:-1px;line-height:130%;color:#000;}
#aside_right .agenda_con dl dd{line-height:140%;font-size:12px;color:#333;}
#aside_right .news{background:url('/resources/images/img_news.gif') no-repeat 430px 30px;font-size:13px;height:120px;}
#aside_right .news dl{width:350px;}
#aside_right .news dt{padding-bottom:15px;}
#aside_right .news dt a img{float:right;}
#aside_right .news dd{position:relative;line-height:160%;}
#aside_right .news dd a{display:inline-block;width:270px;height:18px;overflow:hidden;}
#aside_right .news dd span{position:absolute;right:0;color:#999;font-size:12px;}

/************************ LNB ************************/
#container #wrap_lnb{float:left;width:210px;margin:40px 0 0 0;font-weight:bold;letter-spacing:-1px;}
#wrap_lnb ul.lnb li a{display:block;padding:13px 10px 13px 20px;font-size:18px;}
#wrap_lnb ul.lnb li a:hover, #wrap_lnb ul.lnb li a.sel{color:#014099;background:url('/resources/images/bg_bul.png') no-repeat 8px 49%;}

/************************ subVisual ************************/
#container .subVisual{position:relative;width:900px;height:240px;margin:0 auto;border-bottom:2px solid #3291db;}
#container .subVisual.introduce{background:url('/resources/images/introduce/bg.gif') no-repeat 400px 80px;}
#container .subVisual.data{background:url('/resources/images/data/bg.gif') no-repeat 445px 80px;}
#container .subVisual.report{background:url('/resources/images/report/bg.gif') no-repeat 445px 80px;}
#container .subVisual.board{background:url('/resources/images/board/bg.gif') no-repeat 445px 80px;}
#container .subVisual .gnb_tit{display:inline-block;padding:60px 5px 5px 5px;font-size:16px;letter-spacing:-2px;font-weight:bold;border-bottom:4px solid #006bbe;}
#container .subVisual h2{margin:30px 20px;}
#container .navi{position:absolute;top:60px;right:10px;font-size:12px;color:#acacac;}
#container .self{color:#6f6f6f;font-weight:bold;}

/************************ Contents ************************/
#container #contents{position:relative;float:right;min-height:500px;width:638px;padding:50px 20px 50px 30px;border-left:1px solid #eaeaea;}
#container .mapAPI{width:740px;height:298px;border:1px solid #ddd;margin:15px 0;}
#container .ceo{padding-bottom:80px;}
#container .ceo p{padding:10px;}
#container .foundation{padding-bottom:130px;}
#container .foundation p{padding:10px;}
#container .map_area{width:100%;height:240px;border:1px solid #c1c1c1;margin-bottom:30px;}
#container .search{background:url('/resources/images/img_search.gif') no-repeat 510px -2px;font-size:15px;letter-spacing:-1px;padding-bottom:40px;}
#container .search input{width:420px;height:31px;border:5px solid #006bbe;margin-bottom:5px;line-height:29px;font-size:14px;}
#container .search img{vertical-align:top;}
#container .sel_list{position:relative;}
#container .sel_list h3{float:left;height:30px;padding-right:20px;}
#container .sel_list p select{width:70px;margin-top:7px;padding-left:6px;}
#container .report{background:url('/resources/images/report/img_acro.gif') no-repeat 60px 25px;padding:30px 0 0 300px;height:175px;}
#container .report p{padding-bottom:25px;}
#container .adobe{padding:10px 0 0 10px;}
#container .adobe img{vertical-align:-3px;padding-left:6px;}


/************************ Table ************************/
.wrap_board{width:100%;margin:15px 0;border-top:2px solid #545454;}
.wrap_board table{width:100%;}
.tb{width:100%;color:#666;font-size:13px;}
.tb.tb_h{text-align:center;}
.tb tr{border-bottom:1px solid #ccc;}
.tb th{border-bottom:1px solid #c6c6c6;;background:#f5f6f8;font-size:16px;font-weight:bold;letter-spacing:-1px;color:#333;}
.tb th span{color:#006bbe;padding-right:10px;margin-right:10px;border-right:1px solid #ccc;}
.tb th, .tb td{padding:10px;}
.tb td ul{padding:10px 20px;}
.tb .download a{color:#a7444f;}
.tb .download img{vertical-align:-3px;}
.tb td span{font-size:12px;border-right:1px solid #e1e1e1;padding-right:20px;}
.tb_view dl{padding:30px 0;color:#666;}
.tb_view dt{font-size:18px;font-weight:bold;border-bottom:1px solid #c1c1c1;padding-bottom:15px;margin-bottom:15px;}
.tb_view dl ul ol{padding:0 10px 10px 15px;}

/************************ paginate ************************/
.paginate { text-align:center; width:100%; height 50px; margin-top:25px;}
.paginate ul { float:right; position:relative; left:-50%; }
.paginate li {float:left;position:relative; left:50%;}
.paginate li a img{vertical-align:-3px;}
.paginate li a{text-align:center;vertical-align:middle;font-size:11px;width:15px;height:15px;margin-left:3px;display:block;}
.paginate li a.sel, .paginate li a:hover{color:#fff;background:#479ee0;}


/************************ tab ************************/
.tab{wdith:600px;height:50px;}
.tab ul li{float:left;padding-right:5px;}


/************************ popup ************************/
#popup .header{background:#1865a9;height:50px;color:white;border-bottom:3px solid #c2c2c2;}
#popup  .btn_close{position:absolute;right:5px;top:5px;cursor:pointer;padding:10px;}
#popup .header h1{font-size:18px;padding:15px;}
#popup .pop_contents{padding:20px;}
#popup .btn{background:#d0e9ff;width:115px;height:27px;cursor:pointer;padding:8px;vertical-align:bottom;margin:20px;float:right;}
#popup .btn img{padding:0 8px;float:left;}


/* input wdith  */
.w1 {width:30px}
.w2 {width:50px}
.w3 {width:70px}
.w4 {width:90px}
.w5 {width:120px}
.w6 {width:150px}
.w7 {width:180px}
.w8 {width:250px}
.w9 {width:600px}
.w0 {width:98%}
/* select wdith  */
.sw1 {width:37px}
.sw2 {width:57px}
.sw3 {width:77px}
.sw4 {width:97px}
.sw5 {width:127px}
.sw6 {width:157px}
.sw7 {width:187px}
.sw8 {width:257px}
.sw9 {width:357px}
.sw0 {width:97%}
/* �����¿� ����  */
.top1 {margin-top:10px}
.top2 {margin-top:20px}
.top3 {margin-top:30px}
.top4 {margin-top:40px}
.top5 {margin-top:50px}
.bottom1 {margin-bottom:10px}
.bottom2 {margin-bottom:20px}
.bottom3 {margin-bottom:30px}
.bottom4 {margin-bottom:40px}
.bottom5 {margin-bottom:50px}
.ml1 {margin-left:10px}
.ml2 {margin-left:20px}
.ml3 {margin-left:30px}
.ml4 {margin-left:40px}
.ml5 {margin-left:50px}
.ml6 {margin-left:60px}
.ml7 {margin-left:70px}
.ml8 {margin-left:80px}
.ml9 {margin-left:90px}
.ml0 {margin-left:100px}
.ml02 {margin-left:20%}
.ml03 {margin-left:30%}
.ml05 {margin-left:50%}

.mr1 {margin-right:10px}
.mr2 {margin-right:20px}
.mr3 {margin-right:30px}
.mr4 {margin-right:40px}
.mr5 {margin-right:50px}
.mr6 {margin-right:60px}
.mr7 {margin-right:70px}
.mr8 {margin-right:80px}
.mr9 {margin-right:90px}
.mr0 {margin-right:100px}