@charset "utf-8";

/*layout*/
#wrap_main{min-width:1024px;width:100%;border-top:1px solid #d7d7d7;font-family:"맑은 고딕",Malgun Gothic;}
#header_main{width:1024px;margin: 0 auto;font-family:"맑은 고딕",Malgun Gothic;}
#header_er{width:1024px; height:25px; background: #1990bf; margin: 0 auto; font-family:"맑은 고딕",Malgun Gothic;}
#container_main{width:1024px;margin: 0 auto;font-family:"맑은 고딕",Malgun Gothic;}
#footer_main{width:1024px;margin: 0 auto;font-family:"맑은 고딕",Malgun Gothic;}
.width{width:1024px;margin:0 auto;}

/*text*/
.base_txt{font-size: 14px;font-weight: bold;font-family:"맑은 고딕",Malgun Gothic;}
.white_txt{color: #fff;}
.sky_txt{color: #1990bf;}
.red_txt{color: #ff0000;}
.orange_txt{color: #fd4746;}
.black_txt{color: #000;}
.size_18{font-size: 18px;}
.size_12{font-size: 12px;}
.size_13{font-size: 13px;}
.link{text-decoration: underline;color: #0000ee;}
.link:hover{text-decoration: underline;color: #0000ee;}
.line_h{line-height: 1.6;}

/*border*/
.bd_ccc{color: #ccc;}
/*input*/
input.border_n{border: none;color: #333;}

/*버튼*/
/*[파일찾기/파일등록]*/
.filefind_btn{display: inline-block;padding: 4px 19px;background-color: #898989;border: 1px solid #666666;color: #fff;border-radius: 2px;font-size: 12px;font-weight: normal;}
.fileadd_btn{display: inline-block;padding: 4px 19px;background-color: #2f9eca;border: 1px solid #198dbb;color: #fff;border-radius: 2px;font-size: 12px;font-weight: normal;}

.dark_gray_btn{display: inline-block;padding: 2px 19px;background-color: #898989;border: 1px solid #636363;color: #fff;border-radius: 2px;font-size: 12px;font-weight: normal;}


.base_blue_btn{display: inline-block;padding: 2px 19px;background-color: #2f9eca;border: 1px solid #636363;color: #fff;border-radius: 2px;font-size: 12px;font-weight: normal;}
/*조회 다운*/.blue_btn_search2{padding: 2px 16px;display: inline-block;background-color: #2f9eca;border: 1px solid #1389b7;color: #fff;border-radius: 2px;font-size: 12px;font-weight: normal;}
/*검색,신청*/.blue_btn_search {padding:5px 27px;  font-weight:bold; color:#fff;  display: inline-block; border:1px solid #0f7da9; border-radius:2px; background-color:#0f7da9; background:linear-gradient(#1998ca, #1081ad);background:-webkit-linear-gradient(#1998ca, #1081ad);background:-moz-linear-gradient(#1998ca, #1081ad);background:-o-linear-gradient(#1998ca, #1081ad);font-family:"돋움",dotum;margin: 0 auto;border-radius: 1px;font-size: 12px;}
/*목록보기*/.blue_btn_list{padding: 2px 16px;display: inline-block;background-color: #2f9eca;border: 1px solid #1389b7;color: #fff;border-radius: 2px;font-size: 12px;font-weight: normal; line-height: 1.8}

/*큰버튼*/.blue_btn {padding:8px 27px;  font-weight:bold; color:#fff;  display: inline-block; border:1px solid #0f7da9; border-radius:2px; background-color:#0f7da9; background:linear-gradient(#1998ca, #1081ad);background:-webkit-linear-gradient(#1998ca, #1081ad);background:-moz-linear-gradient(#1998ca, #1081ad);background:-o-linear-gradient(#1998ca, #1081ad);font-family:"돋움",dotum;margin: 0 auto;font-size: 12px;}
.dark_gray_btn_search {padding:5px 27px;  font-weight:bold; color:#fff;  display: inline-block; border:1px solid #636363; border-radius:2px; background-color: #898989;font-family:"돋움",dotum;margin: 0 auto;border-radius: 1px;font-size: 12px;}
.close_btn{display: inline-block;width: 19px;height: 18px;background:#eefaff url(../../../images/cyberline/pipc/btn/close.gif) no-repeat 0 0;vertical-align: -3px;}



/*말풍선*/
.speech_bubble1{padding: 18px 18px 18px 45px;background:#eefaff url(../../../images/cyberline/pipc/bl/speech_bubble1.gif) no-repeat 18px 15px;color: #555;font-size: 14px;font-weight: normal;border-radius: 5px;border: 1px solid #cccccc;}
/* .speech_bubble2{width: 100%;box-sizing:border-box;padding:16px 16px 16px 40px;margin-top: 10px;border: 	1px solid #ccc;color: #555;background:#f4f4f4 url(../../../images/cyberline/pipc/bl/speech_bubble2.gif) no-repeat 15px 14px;} */
.speech_bubble2{width: 100%;box-sizing:border-box;padding:0px 0px 0px 25px;margin-top: 10px; color: #555;background:url(../../../images/cyberline/pipc/bl/speech_bubble2.gif) no-repeat 5px 0px;}
.speech_bubble2 p{width: 100%;}

/*h1-h6*/
h1{float: left;margin-top: 29px;}
.h2_tit{color: #000;font-size: 28px;font-weight: bold;}
.h3_tit{color: #000;font-size: 18px;padding: 10px 40px;font-weight: bold;background:#fff url(../../../images/cyberline/pipc/bl/h3_tit.gif) no-repeat 5px 12px;}
.h4_tit{color: #000;font-size: 17px;padding: 5px 45px;font-weight: bold;background:#fff url(../../../images/cyberline/pipc/bl/h4_tit.gif) no-repeat 30px 11px;}
.speech_bubble_orange {font-size: 15px;padding-left: 35px;background: url(../../../images/cyberline/pipc/bl/speech_orange.gif) no-repeat 0 5px;color: #000;font-weight: bold;line-height: 2;}
.speech_bubble_blue {font-size: 15px;padding-left: 35px;background: url(../../../images/cyberline/pipc/bl/speech_blue.gif) no-repeat 0 5px;color: #000;font-weight: bold;line-height: 2;}



/*header*/
.header_main{width: 100%;height: 112px;border-bottom: 1px solid #d5d5d5;}
.search_box_home{float: left;width: 386px;height: 42px;margin-left: 87px;margin-top: 37px;background-color: #1990bf;border-radius: 6px;}
.search_text{float: left;width: 310px;height: 24px;padding: 6px;margin: 3px;background-color: #fff;border-radius: 2px;}
.search_menu_over{display: inline-block;width: 10px;height: 10px;}
.search_menu_over a{display: block;padding: 10px;background:#fff url(../../../images/cyberline/pipc/bl/search_menu_over.gif) no-repeat 5px 4px;}
.search_btn{color: #fff;font-size: 14px;font-weight: bold;padding: 11px;line-height: 2.8;}

.userwrap{float: right;display: inline-block;margin-top: 50px;color: #4a4a4a;font-size: 11px;font-weight: normal;}
.userwrap_ul li{float: left;margin-left: 13px;padding-left: 17px;background:#fff url(../../../images/cyberline/pipc/bl/usermap_line.gif) no-repeat 0 center;}
.userwrap_ul li:first-child{float: left;margin-left: 13px;padding-left: 23px;background:#fff url(../../../images/cyberline/pipc/bl/usermap_home.gif) no-repeat 0 center;}
.userwrap_ul li a{color: #4a4a4a;}

/* .navigation_wrap{width: 100%;height: 60px;border-bottom: 2px solid #1990bf;}
.navi_menu{padding-top: 18px;color: #333;font-size: 17px;font-weight: bold;}
.navi_menu ul{display: block;text-align: center;}
.navi_menu ul li:first-child{background: none;padding-left: 0; margin-left: 0;}
.navi_menu ul li{float: left;padding-left: 50px;margin-left: 39px;background:#fff url(../../../images/cyberline/pipc/bl/navi_bg.gif) no-repeat 0 center;} */

.navigation_wrap{position: relative;width: 1024px;margin: 0 auto;height: 63px;border-bottom: 2px solid #1990bf;}

.top_menu span a{line-height:35px; font-size:12px; color:#707070; font-weight:bold; }
.side_menu{position:absolute; right:0; top:35px; }
.side_menu > a{float:left; display:block; width:100px; height:64px; line-height:64px;  font-family:'kopubB'; text-align:center; }
a.btn_introduce_company{font-size:14px; color:#ff671b; border-left:1px solid #e1e1e1; }
a.btn_information_use{font-size:14px; color:#ffffff; background:#ff671b; }
#gnb{text-align: center;}
.gnb{display: inline-block;color: #333;font-weight: bold;}
.gnb > li{float: left;padding-left: 50px;margin-left: 39px; background:url(../../../images/cyberline/pipc/bl/menu_circle.gif) 0 22px no-repeat;}
.gnb > li:first-child{margin-left:0; background:none; padding-left:0; }
.gnb > li > a{display: inline-block;min-width: 80px;font-size:17px; color:#363636;  font-family:'kopubB';padding-top: 17px;padding-bottom: 30px;}

.sub_gnb{position:absolute; top:63px;  width:170px; background:#ffffff; z-index:9999; display:none;font-family:"돋움",dotum;background-color: #f6f7f9;border: 1px solid #9eb8c5;}
.sub_gnb1{position:absolute; left:66px; }
.sub_gnb2{position:absolute; left:258px; }
.sub_gnb3{position:absolute; left:453px; }
.sub_gnb4{position:absolute; left:641px; }
.sub_gnb5{position:absolute; left:809px; }
.sub_gnb li{}
.sub_gnb li a{display:block; width:100%; height:31px;box-sizing:border-box; line-height:30px; border:1px solid #e5e5e5; border-top:0 none;  font-size:12px;color:#000;text-align: left; font-weight:normal; text-indent: 20px;}
.sub_gnb li a:hover{background:#1a90c0; border:1px solid #1a90c0;  border-top:0 none; color:#ffffff; }
li.menu_on > a{color: #1a8ebd;}

/*leftmenu */
/* 이름 변경함 */
.pipc_intro{background:#1990bf url(../../../images/cyberline/pipc/layout/leftmenu1.gif) 0 0 no-repeat}
.requestDis{background:#1990bf url(../../../images/cyberline/pipc/layout/left_menu_bg.gif) 0 0 no-repeat}
.disConStat{background:#1990bf url(../../../images/cyberline/pipc/layout/leftmenu3.gif) 0 0 no-repeat}
.home_board{background:#1990bf url(../../../images/cyberline/pipc/layout/leftmenu4.gif) 0 0 no-repeat}
.home_committee{background:#1990bf url(../../../images/cyberline/pipc/layout/leftmenu5.gif) 0 0 no-repeat}
.etc{background:#1990bf url(../../../images/cyberline/pipc/layout/leftmenu6.gif) 0 0 no-repeat}
/* 이름 변경함 */

.cont_left { float: left; width: 200px;background: #f6f6f6; text-align: center; }
.lnb_wrap { text-align: left; font-family: "맑은 고딕",Malgun Gothic; text-align: left; }
.lnb_wrap .tt{text-align:center; padding: 87px 0 20px 0; color: #fff; font-weight: bold; font-size: 20px; }
.lnb_wrap ul{border: 1px solid #ccc; padding:18px 24px 18px 24px;background-color:#f6f6f6;}
.lnb_wrap li{cursor: pointer;margin-bottom:5px;padding-left:10px;background: url(../../../images/cyberline/pipc/bl/search_menu_over.gif) 0 center no-repeat;font-weight:bold;}
.lnb_wrap li:last-child { border-bottom: none;margin:0;}
.lnb_wrap li a{ color: #333; }
.lnb_wrap li:hover{color:#333; }
.on2{color: #0344a6;}
.lnb_wrap li:hover a{ font-weight:bold;color:#0344a6; }
.lnb_wrap li.on{ font-weight: bold; background:url(../../../images/cyberline/pipc/bl/search_menu_over.gif) no-repeat 170px center #ff9600; }
.lnb_wrap li.on a{ color:#fff; }
/* lnb */
.lnb h5 a{display:block;width:200px;padding-left:17px; height:55px;border:1px solid #dbdbdb;box-sizing:border-box; margin-top:-1px;background:#FFF url(../../../images/cyberline/pipc/bl/leftmenu_bg.gif) 90% center no-repeat;font-size:15px;font-weight:bold;line-height:3.6;letter-spacing: -1px;}
.lnb h5.active a{background:none;background:#fff url(../../../images/cyberline/pipc/bl/leftmenu_over.gif) 90% center no-repeat;color:#1990bf;box-sizing:border-box;}

/*indicator_home*/
/* .indicator{display: inline-block;float: right;margin-top: 30px;} */
.indicator{display: inline-block;float: right;margin-top: 10px;}
.indicator ul li{float: left;padding-left: 15px;margin-left: 7px;background: url(../../../images/cyberline/pipc/bl/indicator_bg.gif) 0 1px no-repeat;color: #555;}
.indicator ul li a{color: #555;font-size: 13px;}
.indicator ul li:first-child{background: none;margin-left: 0;}
.indicator_home{display: inline-block;width: 18px;height: 17px;margin-top: 1px;background: url(../../../images/cyberline/pipc/btn/usermap_home02.gif) 0  no-repeat;}
/* .indicator ul li:last-child a{color: #000;font-weight: bold;} */
.indicator ul:last-child li{color: #000;font-weight: bold;}
.indicator_home a{display: block;height: 100%;}

/*content_title_header*/
.content_title_header{overflow: hidden;width: 100%;clear: both;margin-top: 30px;}

/*pagination*/
.pagination_wrap{ text-align: center;margin-top:20px;margin-bottom:30px; }
ul.pagination { margin-top:25px; display: inline-block; font-size:12px;}
ul.pagination li { float: left;border:1px solid #c3c3c3;margin-left:5px;}
ul.pagination li:first-child{margin-left:0;}
ul.pagination li a { width:18px; padding: 7px 5px 7px 4px; color: #747474; display:inline-block; }
ul.pagination li a.active {color:#fff;font-weight:bold;background-color:#1990bf;}
ul.pagination li a:hover {text-decoration:underline;}
ul.pagination li a.active:hover {text-decoration:none;}
ul.pagination li.btn_prevNext a{padding-top:10px;height:11px;}

/*팝업*/
.popup_wrap{position: absolute;top: 0;left: 0;width: 420px;height: 480px;background-color: #1990bf}
.popup_group{padding: 5px;}
.popup_content{width: 100%;height: 420px;margin-top: 3px;background-color: #fff;}
.popup_group h5{display: inline-block;padding: 15px 0 10px 5px;font-weight: bold;font-size: 17px;color: #fff;}

/*팝업테이블*/
.popup_tbl_box{overflow: hidden;padding-top: 20px;}
.popup_tbl{width: 90%;margin: 0 auto;border-top: 1px solid #777;text-align: left;}
.popup_tbl th{font-weight: bold;padding: 4px 10px 4px 20px;background: url(../../../images/cyberline/pipc/bl/bl_arrow_blue2.gif) no-repeat 8px 11px;}
.popup_tbl td{font-weight: bold;padding: 5px 10px;color: #555;font-weight: normal;}
.popup_tbl .aa{width: 80%; align=right; font-weight: bold;padding: 5px 10px;color: #555;font-weight: normal;border:1px solid #ccc}

/*신청양식테이블*/
.input_tbl_box{margin-top: 5px;}
.input_tbl_form textarea { width: 97%; }
.input_tbl_form tr{border-bottom: 1px solid #ccc;}
.input_tbl_form td.sub_tit{background-color: #f3f3f3;}
.input_tbl_form td{border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-top: 1px solid #ccc;font-weight: normal;padding: 5px 15px;line-height: 1.6;}
.input_tbl_form th{border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-top: 1px solid #ccc;font-weight: bold;padding: 5px;background-color: #e5f4f9;line-height: 1.6;}
.input_tbl_form .file_add { padding: 5px 10px; margin:5px 0 ; height: 64px; overflow-y:scroll; border: 1px solid #c1c1c1; }
.input_tbl_form .file_add p{ line-height: 22px; text-decoration: underline; }
.input_tbl_form .file_add .close{ margin-left: 5px;}
td.input_content_txt{font-size: 13px;font-weight: bold;padding-left: 30px;font-family:"맑은 고딕",Malgun Gothic;line-height: 1.8}
.date_birth{display: inline-block;position: absolute;top: 2px;right: -25px}
.date_birth a{display: block;width: 22px;height: 20px;background:url(../../../images/cyberline/pipc/btn/calendar_icon.gif) no-repeat 0 0;}
td.input_content_txt2{font-size: 13px;font-weight: bold;padding-left: 20px;font-family:"맑은 고딕",Malgun Gothic;line-height: 1.8}


/*데이터결과테이블*/
.tbl_data{border-top: 1px solid #777;}
.tbl_data th{border-bottom: 1px solid #ccc;font-weight: bold;padding: 8px 10px;background-color: #f3f3f3;line-height: 1.6;text-align: center;color: #333;}
.tbl_data td{border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;font-weight: normal;padding:9px;line-height: 1.6;text-align: center;}
.tbl_data td a{display: block;text-align: left;}
.tbl_data td a:hover{text-decoration: underline;}

/*percent_size*/



/*banner*/
#banner{border-top: 1px solid #e4e4e4;min-width:1024px;height: 68px;width:100%;}
.banner_img_wrap{text-align:center;height:56px;padding-top:17px;}
.banner_img{overflow:hidden;width:950px;height:38px;display:inline-block;}
.banner_img li{float:left;}
.prev{position:absolute;top:27px;left:20px;}
.next{position:absolute;top:27px;right:20px;}

/*footer*/
/* .footer_gather{height: 44px;background-color: #ebebeb;border-bottom: 1px solid #d5d5d5;border-top: 1px solid #d5d5d5;} */
.footer_gather{height: 44px;border-top: 1px solid #d5d5d5;}
.footer_top{font-weight: bold;font-size: 12px;padding-top: 12px;padding-left: 20px;height: 33px;}
.footer_top ul li{float: left;padding-right: 17px;margin-right: 10px;background: url(../../../images/cyberline/pipc/bl/footer_bar.gif) no-repeat 100% 0;}
.footer_top ul li a{color: #636363;}

/* .footer_bottom{height: 84px;padding-top: 33px;padding-left: 20px;color: #7f7f7f;font-weight: bold;font-size: 13px;} */
.footer_bottom{height: 84px;padding-top: 20px;padding-left: 20px;color: #7f7f7f;font-weight: bold;font-size: 13px;}

/*에러 페이지*/
.error_wrap { width: 100%; margin: 0 auto; padding: 100px 0; text-align: center; border-bottom:1px solid #ccc; }
.error_wrap .tt{ margin-bottom: 20px; letter-spacing: -1px;}
.error_wrap .tt h3{ font-size: 32px; font-weight: bold; line-height: 36px; color: #333; }
.error_wrap .tt h3 .red{ color:#c71b1b; }
.error_wrap .tt p{ font-size: 22px; font-weight: bold; color: #5c5c5c; margin-top: 20px; }
.error_wrap .img { margin-bottom: 30px;}
.error_wrap .con{ margin: 0 auto; padding: 35px; width: 700px; font-size: 14px; line-height: 20px; color:#555; border: 3px solid #ccc; border-radius: 10px; }
.error_wrap .btn{ margin: 0 auto; margin-top: 50px; width:120px; padding: 6px 0 11px 0; font-size: 20px; font-weight: bold; background: #1990bf; border: 1px solid #006e99; border-radius: 5px; }
.error_wrap .btn a{ padding: 10px 40px 15px 40px; color:#fff; }

/*탭*/
.tab_wrap{overflow: hidden;margin-top: 13px;}
.tab_box ul li {float: left;border-radius: 6px 6px 0 0;background-color: #efefef;color: #000;margin-bottom: -1px;margin-right: -2px;border-top: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;border-left: 1px solid #e2e2e2;padding-bottom: 4px;} 
.tab_box ul li a{display: inline-block;}
.tab_box ul li.tab_on {float: left;background-color: #fff;border-bottom: 1px solid #fff;border-top: 1px solid #c7c5c8;border-left: 1px solid #c7c5c8;border-right: 1px solid #c7c5c8;}
.tab_box ul li.tab_on a{color: #404040;}
.tab_list { clear: both; }
.hidden_in { display: none;  } 

.red_btn{display: inline-block;padding: 1px 10px;background-color: #ea5858;border: 1px solid #ce2f2f;color: #fff;border-radius: 2px;font-size: 12px;font-weight: normal;}
#popup_wrap{background-color: #e6e9eb;padding: 10px;box-sizing: border-box}
#popup_wrap h2{font-weight: bold;font-size: 17px;margin-top: -5px;margin-bottom: 5px;}
.popup_group{margin-bottom: 10px;padding: 10px;background-color: #fff;border: 1px solid #cecece;}
input[readonly]{background-color: #f5f5f5 !important;}
.btn_right{float: right;}
.btn_center{text-align: center;}
.download_icon{display: inline-block;width: 11px;height: 15px;background: url(../../../images/cyberline/pipc/btn/download_btn.png) no-repeat 0 0;-webkit-background-size: 10px;background-size: 10px;vertical-align: middle;}
.border_bottom{border-bottom: 2px solid #d6d6d6 !important;}

.gray_btn {padding:8px 27px;font-weight:bold;color:#fff;display: inline-block;border: 1px solid #7a7a7a;border-radius:2px;background-color: #898989;background:linear-gradient(#898989, #797979);background: -webkit-linear-gradient(#898989, #797979);background:-moz-linear-gradient(#898989, #797979);background:-o-linear-gradient(#898989, #797979);font-family:"돋움",dotum;margin: 0 auto;font-size: 12px;}

.input-text-cal {
    background: url(../../../images/cyberline/pipc/btn/btn_month.png) right no-repeat; background-color: #ffffff;
}