@charset "utf-8";

/* --------------------------------------------
 * reset
/* ------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,select,textarea,button{vertical-align:middle}
button{border:0 none;background-color:transparent;cursor:pointer}
body,th,td,input,select,textarea,button,pre{font-size:12px;font-family:'Nanum Gothic','돋움',dotum,Helvetica,'Apple SD Gothic Neo',sans-serif;color:#3c3c3c} /*'Nanum Gothic',*/
a {color:#333;text-decoration:none}
a:active,a:hover{text-decoration:none}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
table {border-collapse:collapse;border-spacing:0}
pre{word-wrap:break-word}


/* --------------------------------------------
 * global
/* ------------------------------------------ */
html{overflow-x:hidden;max-width:100%}
.skip_navigation{overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0}
.clear_fix:after{display:block;content:'';clear:both}
.blind{display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px}
.hide{display:none}
input[type='text'], input[type='password']{height:26px;padding:0 5px;border:1px solid #e8e8e8}
select{height:28px;border:1px solid #e8e8e8}
.txt_point,.txt-point{color:#2ea3e0 !important}
.txt-point2{color:#fe8840}
.txt-point3{color:#999}
.txt-line{text-decoration:underline}
.txt-center{text-align:center}
.spaceL{margin-left:15px}
.pointer, .a { cursor:pointer; }

/*button*/
.btn-wrap{text-align:center}
.btn{display:inline-block;padding:0 16px;color:#666;line-height:27px;border:1px solid #e7e7e7}
.btn.small{padding:0 10px;font-size:11px;line-height:20px}
.btn.t-blue{color:#2fa3e0}
.btn-blue{display:inline-block;padding:0 16px;color:#fff;line-height:27px;border:1px solid #2ea3e0;background:#2ea3e0}
.btn-blue.big{padding:0 42px;line-height:38px}
.btn-s-blue{width:70px;height:28px;color:#fff;background:#2fa3e0}

/* --------------------------------------------
 * layout
/* ------------------------------------------ */
html,body{height:100%}
#wrap{}
#container{position:relative;height:auto;width:1100px;margin:0 auto}
#aside{position:absolute;top:0;left:0;bottom:0;width:175px;padding:0 20px;border-right:1px solid #e6e6e6}
#contents{width:864px;min-height:680px;padding:20px 0 85px 236px}
#footer{width:100%;margin-left:215px;border-top:1px solid #e6e6e6}

/* --------------------------------------------
 * aside
/* ------------------------------------------ */
#aside .logo_wrap{height:172px}
#aside .logo_wrap h1 a{display:inline-block;width:61px;height:20px;margin:12px 0 30px;background:url(/inc/img/kbs/logo_kbs.png) no-repeat 0 0}
#aside .sub_logo a{display:inline-block;width:175px;height:49px;margin-bottom:10px;background:url(/inc/img/kbs/logo_panel.png) no-repeat center 0}
.welcome_wrap{font-size:12px;text-align:center}
.welcome_wrap button{margin-top:5px;padding-right:15px;font-size:12px;background:url(/inc/img/kbs/btn_logout_s.png) no-repeat right 4px}
#gnb>ul>li{cursor:pointer;border-bottom:1px solid #e5e5e5}
#gnb>ul>li>a{display:inline-block;padding:18px 0 16px;font-size:14px}
#gnb>ul>li:hover>a,#gnb .sub_list a:hover{font-weight:700}
#gnb li.on,#gnb li.active{padding-bottom:27px}
#gnb li.on>a,#gnb li.active>a{display:inline-block;margin-bottom:15px;padding:18px 20px 7px 0;font-weight:700;border-bottom:1px solid #2ea3e0}
#gnb .sub_list{display:none}
#gnb .on .sub_list,#gnb .active .sub_list{display:block}
#gnb .sub_list a{display:inline-block;padding:0 0 10px 29px;color:#a5a5a5;font-size:12px}
#gnb .sub_list a:hover{color:#666}
#gnb .sub_list a.on{color:#2ea3e0;font-weight:700;border:none}

/* --------------------------------------------
 * table
/* ------------------------------------------ */
.table-title{padding-bottom:6px;color:#2ea3e0;font-size:14px}
.table-title.spaceT{margin-top:70px}
table{width:100%;border-top:2px solid #878787}
table caption{display:none}
table th{color:#6e6e6e;text-align:left}
table th,table td{padding:5px;border-bottom:1px solid #e7e7e7}
table .info-txt{display:inline-block;padding-top:5px;color:#a3a3a3}
table .adress input[type='text']{width:348px;margin-top:5px}

table.case2,table.case3{border:none}
table.case2 th{font-size:14px;text-align:center;border-bottom:2px solid #878787}
table.case2 td{padding:10px;color:#666;text-align:center}
table.case2 td.tit{text-align:left}
table.case2 td.bold{font-weight:600}

table.case3 th{font-size:14px;text-align:left;border-bottom:2px solid #878787}
table.case3 td{padding:10px;color:#666}
table.case3 .img-area{padding:30px 5px;text-align:center;line-height:18px}
table.case3 .img-area img{display:block;margin:0 auto 10px}
table.case3 .title { font-size:14pt; }
table.case3 .field { padding-top:40px; }
table.case3 div { margin:5px 0; }

table.case4 {  margin:0; width:810px; }
table.case4 th{padding:10px; font-size:12px; text-align:center; border:1px solid #eee;}
table.case4 td{padding:10px; color:#141414; border:1px solid #e1e1e1; text-align:center;}

/* --------------------------------------------
 * paging
/* ------------------------------------------ */
.paging{padding:40px 0;text-align:center}
.paging .btn_page{padding:10px 5px;color:#8e8e8e;font-weight:600;letter-spacing:-1px}
.paging .btn_page.disabled{color:#d4d4d4}
.paging a{padding:10px;font-size:14px}
.paging a.num{color:#7d7d7d}
.paging a:hover{color:#333}
.paging a.active{color:#2ea3e0}
.paging .pre{margin-right:10px}
.paging .next{margin-left:10px}


/* --------------------------------------------
 * footer
/* ------------------------------------------ */
#footer:after{display:block;content:'';clear:both}
#footer .footer_inner{width:864px;padding:20px}
#footer div{float:left}
#footer .logo_area{display:inline-block;width:161px;height:54px;background:url(/inc/img/kbs/logo_footer.gif) no-repeat 0 center}
#footer .address{padding-left:20px;color:#999;line-height:18px}
#footer .address a{color:#999}
#footer .contact{float:right;}
#footer .contact a{padding:0 5px;color:#888;font-weight:700}

/* --------------------------------------------
 * slider
/* ------------------------------------------ */
.visualArea{position:relative;width:560px;height:285px}
.visuals li{position:absolute;left:0;top:0;display:none}
.visuals li:first-child{display:block}
.control_wrap{position:absolute;top:230px;left:25px}
.control_wrap button{display:block;background:url(/inc/img/kbs/sp_mainimg_controller.png) no-repeat}
.play_controll{float:left;width:26px}
.play_controll button{width:20px;height:20px;cursor:pointer;text-indent:-9999px;border:none;background-position:0px 0px}
.roll_control,.roll_control li{float:left;}
.roll_control li button{width:13px;height:21px;margin-right:3px;cursor:pointer;text-indent:-9999px;border:none;background-position:-67px 0px}
.roll_control li.active button{background-position:-46px 0px}

/* add */
.file_list ul { clear:both; height:16px;}
.file_list li { padding:5px; }
.file_list .filename {float:left; padding-left:25px; display:inline; background:url(/inc/img/dooit/icon_file.gif) no-repeat 10px 5px;}
.fr		{float:right;}