@charset "utf-8";

/************************************************************************
 * 파일명      : common.css
 * 설명        : 공통
 * 작성자      : 박수림
 * 작성일      : 2014.06.23
************************************************************************/


#wrap {width:100%; min-width:990px; min-height:100%}

#header {position:relative; width:100%; height:101px; background:url('images/comm/header_bg.gif') repeat-x 0 50px; z-index:100;}
#container {position:relative; margin:0 auto; text-align:left; width:990px; padding-bottom:10px;}
.contents {overflow:hidden; margin-top:5px; border:1px solid #e3e3e3; padding:20px 28px; min-height:650px;}
.header_lay {position:relative; width:990px; margin:0 auto;}
.header_lay .logo {position:absolute; top:10px; left:8px; font-family:"Barun"; font-size:23px; font-weight:bold; color:#4c4c4c;}
.header_lay .logo img {margin-right:8px;}
.header_lay .utill {position:absolute; top:18px; right:6px; color:#666;}
.header_lay .utill span.bar {margin:0 5px;}

.tooltip{ cursor:pointer;}

/* utill 버튼 */
.utill a.utill_btn_gray {display:inline-block; color:#fff; background:#666; width:87px; height:25px; line-height:25px; text-align:center; font-size:11px; margin-left:8px;}
.utill a.utill_btn_blue {display:inline-block; color:#fff; background:#4a8ecd; width:103px; height:25px; line-height:25px; text-align:center; font-size:11px;}
.utill a.utill_btn_sky {display:inline-block; color:#fff; background:#61b2f9; width:75px; height:25px; line-height:25px; text-align:center; font-size:11px;}


/* 상단메뉴 */
.gnb {position:absolute; top:50px; width:990px;}
.gnb li {float:left; position:relative; /* height:45px; */ line-height:45px; color:#515151; font-size:15px; background:url('images/comm/header_gap.gif') no-repeat 0 0;}
.gnb li a.menu {display:block; padding:0 30px; height:45px; line-height:45px; color:#fff;}
.gnb li a.menu_ov {display:block; padding:0 30px 0 29px; margin:1px 0 0 1px; line-height:44px; background:#61b2f9; color:#fff;}
.gnb .over_arr {position:absolute; bottom:-6px; left:45%; z-index:1000;}
.gnb .sub_menu {position:absolute; top:44px; left:0; padding:15px 20px 15px 15px; background:url('images/comm/submu_topbg.gif') #fff repeat-x 0 top; border:1px solid #4386cc; z-index:1;}
.gnb .sub_menu dd {white-space: nowrap; line-height:23px; background:url('images/comm/bul_dot_gray.gif') no-repeat 0 45%; padding-left:8px; font-size:13px;}
.gnb .sub_menu dd.dot_line {border-bottom:1px dotted #8c8c8c; margin:3px 0;}
.gnb .sub_menu dd a {color:#76777b; text-decoration:none;}
.gnb .sub_menu dd a:hover {color:#333; text-decoration:none;}


/* 간행물선택 */
.public_choice {position:absolute; top:7px; right:0; border:1px solid #3a75af; width:290px;}
.public_choice li {display:block; font-size:13px; vertical-align:center; width:260px; padding-left:13px; /* height:29px; */ border-bottom:1px solid #dcdcdc; background:none;}
.public_choice li a {display:block; color:#636864; text-decoration:none;}
.public_choice li a:hover {display:block; text-decoration:underline;}


/* 메뉴전체보기 */
.allmenu_wrap {position:absolute; top:102px; left:0;}
.allmenu_lay {position:relative; float:left; width:984px; min-height:232px; background:#fff; border:3px solid #4a8ecd; z-index:9999;}
.allmenu_lay_bg1 {background:url('images/comm/menuall_bg.gif') #fff no-repeat 120% bottom;}
.allmenu_lay_bg2 {background:url('images/comm/menuall_bg.gif') #fff no-repeat 145% bottom;}
.allmenu_lay li {float:left; width:138px; padding:25px 12px; min-height:232px; border-right:1px solid #f2f2f2; background:#fff;}
.allmenu_lay li.noline_end {border-right:none; width:137px; padding:25px 0 25px 12px; background:#fff;}
.allmenu_lay li.noline {border-right:none; background:#fff;}
.allmenu_lay li dl dt {font-size:14px; font-weight:bold; color:#353537; padding-bottom:8px;}
.allmenu_lay li dl dd {font-size:13px; background:url('images/comm/bul_dot_gray.gif') no-repeat 0 8px; padding-left:7px; line-height:23px;}
.allmenu_lay li dl dd.dot_line {border-bottom:1px dotted #8c8c8c; margin:3px 0;}
.allmenu_lay li dl dd a {color:#787775; text-decoration:none;}
.allmenu_lay li dl dd a:hover {color:#353537; text-decoration:none;}
.allmenu_lay .close {position:absolute; top:0px; right:0;}

/* 메인 컨텐츠 */
.main_cont {width:990px; height:220px;}
.main_slogan {float:left; width:575px; height:217px; background:url('images/main/main_img.jpg') no-repeat 110% 0;}
.main_slogan .tit {margin-top:40px; font-size:32px; line-height:32px; font-family:"NanumB"; font-weight:bold; color:#666; letter-spacing:-0.05em;}
.main_slogan .tit span.p_blue {color:#4d87c6;}
.main_slogan .text {margin-top:26px; font-size:14px; color:#4c5056;}


/* 공지사항, FAQ, Q&A */
.main_board {float:right; margin-top:28px; width:415px; height:163px; background:url('images/main/board_bg.gif') no-repeat 0 0;}
.main_board .mtab {margin:1px 0 0 1px; height:36px; border-bottom:1px solid #dbdbdb;}
.main_board .mtab li {float:left; width:95px; height:36px; line-height:36px; border-right:1px solid #dbdbdb; text-align:center; color:#636363; font-size:13px; font-weight:bold;}
.main_board .mtab li a.on_mu1 {display:block; color:#4d87c6; height:37px; background:url('images/main/board_first_tab.gif') #fff no-repeat -1px -1px;}
.main_board .mtab li a.on_mu2 {display:block; height:37px; color:#4d87c6; background:#fff;}
.main_board .mtab li a.on_mu3 {display:block; height:37px; color:#4d87c6; background:#fff;}
.main_board .mtab li a.off_mu1 {display:block; color:#636363; height:37px; background:url('images/main/board_first_tab.gif') no-repeat -99px -1px;}
/* .main_board .mtab li a.off_mu1_2 {display:block; color:#636363; height:37px; background:url('images/main/board_first_tab.gif') no-repeat -195px -1px;} */
.main_board .mtab li a.off_mu2 {display:block; color:#636363;/*  background:#f2f2f2; */}
.main_board .mtab li a.off_mu3 {display:block; color:#636363;/*  background:#e3e3e3; */}
.main_board .mtab li a.off_bg1 {background:#f2f2f2;}
.main_board .mtab li a.off_bg2 {background:#e3e3e3;}
.main_board .mtab .more a {float:right; background:url('images/comm/more_arr.gif') no-repeat right 3px; padding-right:10px; margin:13px 10px 0 0;}

.main_board .mtab .more_mu1 a {float:right; background:url('images/comm/more_arr.gif') no-repeat right 3px; padding-right:10px; margin:13px 10px 0 0;}
.main_board .mtab .more_mu2 a {float:right; background:url('images/comm/more_arr.gif') no-repeat right 3px; padding-right:10px; margin:13px 10px 0 0;}
.main_board .mtab .more_mu3 a {float:right; background:url('images/comm/more_arr.gif') no-repeat right 3px; padding-right:10px; margin:13px 10px 0 0;}

.main_board .mlist {margin:10px 22px;}
.main_board .mlist li {position:relative; height:33px; font-size:13px; line-height:33px; background:url('images/comm/dot_line_bg.gif') repeat-x 0 bottom;}
.main_board .mlist li.noline {background:none;}
.main_board .mlist li .date {position:absolute; top:0px; right:0; color:#939393; font-size:12px;}
.main_board .mlist li a {background:url('images/comm/bul_dot_blue.gif') no-repeat 0 5px; padding-left:10px;}


/* 최근 본 목록 */
.lately_list {width:990px; height:48px; background:url('images/main/lately_list_bg.gif') no-repeat 0 0;}
.lately_list li {float:left; width:174px; padding-left:25px; line-height:48px; height:48px; font-size:13px;}
.lately_list li.tit {width:166px; padding-left:28px; background:url('images/comm/bul_dot_white.gif') no-repeat 0 0; color:#fff; font-weight:bold; font-size:14px;}
.lately_list li.pub {background:url('images/main/lately_list_gap.gif') no-repeat 0 0;}
/* .lately_list a {color:#515151; text-decoration:underline;} */
/* .lately_list a:hover {font-weight:bold;} */
.lately_list span {color:#515151; text-decoration:underline;}
.lately_list span:hover {font-weight:bold; cursor:pointer;}


/* 업무프로세스 */
.process_box {position:relative; margin-top:15px; width:990px; height:436px; background:url('images/main/process_box.gif') no-repeat 0 0;}
.process_box .title {height:41px; line-height:41px; padding-left:50px; font-size:15px; color:#fff; font-weight:bold;}

.flowchart {position:relative; margin:0 auto; width:820px; height:53px; padding:35px 0; z-index:999;}
.flowchart .probox {position:relative; float:left;}
.flowchart .probox .bg1 {float:left; display:block; height:51px; line-height:51px; padding-left:10px; background:url('images/main/process_bg.png') repeat-x 0 0; font-weight:bold; color:#666;}
.flowchart .probox .bg2 {float:left; display:block; height:51px; padding-right:10px; background:url('images/main/process_bg.png') no-repeat right 0;}

.flowchart .arr_btn {float:left; margin:14px 5px 0 5px;}
.flowchart img.ico {padding-left:10px;}
.flowchart .probox .info_message {position:absolute; display:none; top:40px; left:35%; width:282px; border:3px solid #888; padding:10px; background:#fff;}
.flowchart .probox .info_message .tit {font-weight:bold; font-size:13px; line-height:13px; color:#454344;}
.flowchart .probox .info_message .text {font-size:11px; color:#5f625b;}

.flowchart2 {position:relative; margin:0 auto; height:160px; padding:35px 20px; z-index:1;}
.flowchart2 .probox_lay {float:left; margin-top:30px;}
.flowchart2 .probox_lay .probox {position:relative; float:left;}
.flowchart2 .probox_lay .probox .bg1 {float:left; height:51px; line-height:51px; padding-left:10px; background:url('images/main/process_bg.png') repeat-x 0 0; font-weight:bold; color:#666;}
.flowchart2 .probox_lay .probox .bg2 {float:left; height:51px; padding-right:10px; background:url('images/main/process_bg.png') no-repeat right 0;}
.flowchart2 .probox_lay .low_lay {position:absolute; width:350px; top:80px; left:-75%;}
.flowchart2 .arr_btn {float:left; width:30px; height:20px; text-align:center; margin-top:13px;}
.flowchart2 img.ico {padding-left:10px;}
.flowchart2 .probox_lay .probox .info_message {position:absolute; display:none;  top:40px; left:35%; width:282px; border:3px solid #888; padding:10px; background:#fff;}
.flowchart2 .probox_lay .probox .info_message .tit {font-weight:bold; font-size:13px; line-height:13px; color:#454344;}
.flowchart2 .probox_lay .probox .info_message .text {font-size:11px; color:#5f625b;}

/* 푸터 */
#footer_wrap {clear:both; position:relative; width:100%; height:60px; padding:23px 0 0 0; border-top:1px solid #eaebed; background:#f4f5f6;}
#footer_wrap .footer {position:relative; width:990px; margin:0 auto;}
#footer_wrap .footer .footer_logo {position:absolute; top:0; left:24px;}
#footer_wrap .footer address {font-style:normal; padding-left:133px;}

/* 서브 타이틀 */
.topCont {overflow:hidden;}
.topline {padding-bottom:5px; line-height:0; width:42px; border-top:4px solid #478cd1;}
.sub_title {float:left; width:70%; font-size:20px; line-height:25px; font-weight:bold; color:#393939;}
.sub_title div{font-size:20px; line-height:25px; font-weight:bold; color:#000000;}
.topPath {width: 30%; float:right; text-align:right; color:#73777a;}

/* 탭 */
.titletab {overflow:hidden; width:100%; margin-top:10px;}
.titletab li {float:left; margin-right:4px; font-size:13px; font-weight:bold; text-align:center; line-height:34px;}
.titletab li a.on {float:left; width:232px; height:38px; color:#fff; background:url('images/comm/titletab_on.gif') no-repeat 0 0;}
.titletab li a.off {float:left; width:232px; height:32px; background:#efefef;}

.subtittab {overflow:hidden; padding-top:10px; height:31px;}
.subtittab ul {float:left; width:100%; height:30px; border-bottom:1px solid #c6c6c6;}
.subtittab li {float:left; text-align:center; margin-right:-1px;}
.subtittab li a {cursor:pointer;}
.subtittab li.on span.ontab_bg1 {float:left; width:62px; height:31px; line-height:30px; padding:0 6px 0 10px; background:url('images/comm/btn_bg.png') repeat-x -2px -193px;}
.subtittab li.on span.ontab_bg2 {float:left; width:4px; height:31px; background:url('images/comm/btn_bg.png') no-repeat -193px -193px;}
.subtittab li.off span.offtab_bg1 {float:left; width:62px; height:30px; line-height:30px; padding:0 6px 0 10px; background:url('images/comm/btn_bg.png') repeat-x -2px -234px;}
.subtittab li.off span.offtab_bg2 {float:left; width:4px; height:30px; background:url('images/comm/btn_bg.png') no-repeat -193px -234px;}

.subtittab li span.tab_bg1 {float:left; min-width:62px; line-height:30px; padding:0 6px 0 10px;} /* 0708 수정 */
.subtittab li span.tab_bg2 {float:left; width:4px;}
.subtittab li.on span {height:31px; color:#333; font-weight:bold;} /* 0708 수정 */
.subtittab li.on span.tab_bg1 {background:url('images/comm/btn_bg.png') repeat-x -2px -193px;}
.subtittab li.on span.tab_bg2 {background:url('images/comm/btn_bg.png') no-repeat -193px -193px;}
.subtittab li.off span {height:30px;}
.subtittab li.off span.tab_bg1 {background:url('images/comm/btn_bg.png') repeat-x -2px -234px;}
.subtittab li.off span.tab_bg2 {background:url('images/comm/btn_bg.png') no-repeat -193px -234px;}

.sub_lowtab {overflow:hidden; margin-top:30px; height:31px;}
.sub_lowtab ul {float:left; width:100%; height:30px; border-bottom:1px solid #c6c6c6;}
.sub_lowtab li {float:left; text-align:center; margin-right:-1px;}
.sub_lowtab li.on a {float:left; height:30px; line-height:29px; color:#333; padding:0 10px; border-top:1px solid #f7931e; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6; background:#fff;}
.sub_lowtab li.off a {float:left; height:29px; line-height:29px; color:#939393; padding:0 10px; border:1px solid #c6c6c6; background:#f7f7f7;}

.sub_lowtab {overflow:hidden; margin-top:30px; height:31px;}
.sub_lowtab ul {float:left; width:100%; height:30px; border-bottom:1px solid #c6c6c6;}
.sub_lowtab li {float:left; text-align:center; margin-right:-1px;}
.sub_lowtab li.on a {float:left; height:30px; line-height:29px; color:#333; padding:0 10px; border-top:1px solid #f7931e; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6; background:#fff;}
.sub_lowtab li.off a {float:left; height:29px; line-height:29px; color:#939393; padding:0 10px; border:1px solid #c6c6c6; background:#f7f7f7;}



/* 서브탭 레이아웃 */
.sublistlay {overflow:hidden; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; padding:10px 15px;}


/* 위로, 아래로 선택하는 버튼 */
.choice_arrow {width:100%; margin:15px 0; text-align:center;}

/************************************** 0731 작업 ********************************************/
.btn_lay {overflow:hidden; width:100%;  margin:10px 0;}
.btn_right {float:right;}

.left_lay {float:left; width:450px; margin-top:15px;}
.right_lay {float:right; width:450px; margin-top:15px;}

.save_right_btn {margin:34px 0 5px 0; float:right;}

.checkbox {margin-top:5px;}
.checkbox p {line-height:24px;}

.right_tit_btn {position:relative;}
.blue_arr {position:relative; font-size:13px; color:#393939; height:30px; line-height:30px; border:1px solid #e8e8e8; background:url('images/comm/icon_bg.gif') #f7f7f7 no-repeat 5px -70px; padding-left:18px;} /* 0703 추가*/
.btn_right_style {position:absolute; top:3px; right:0;}
/************************************** 0731 작업 ********************************************/



/******************************************** 0805 *********************************************/
.infor {border:1px solid #e6e6e6; padding:5px; text-align: center;}
.check_area {margin:5px 0;}
/******************************************** 0805 *********************************************/


/******************************************** 0808 *********************************************/
.method_lay {position:relative; margin-top:15px; border:1px solid #e8e8e8; padding:10px;}
.method_lay .tit {position:absolute; top:-10px; left:10px; height:20px; padding:0 5px; font-size:13px; background:#fff;}

.check {overflow:hidden; margin:0px 10px;}
.check li {float:left; margin-right:40px; line-height:25px;}

/* 배경 없는 blue_arr */.blue_arr2 {position:relative; font-size:13px; color:#393939; height:30px; line-height:30px; background:url('images/comm/icon_bg.gif')  no-repeat 5px -70px; padding:0 0 0 18px; margin-top:10px;} /* 0703 추가*/
/******************************************** 0808 *********************************************/

 /******************************** 단원관리0912 *********************************/
.unit_lay {float:left; border:1px solid #d3d3d3; width:365px; height:543px;}
.unit_lay ul.unit_top {float:left; width:100%; height:28px; border-bottom:1px dotted #bcbcbc; background:#f7f7f7;}
.unit_lay ul.unit_top li.title {float:left; margin-left:15px; line-height:28px; font-weight:bold; padding-left:8px; background:url('images/comm/icon_bg.gif') no-repeat -5px -71px;}
.unit_lay ul.unit_top li.close {float:right; margin:5px;}
/* .unit_lay ul.unit_list {float:left; width:345px; height:494px; padding:10px; overflow-y:auto; background:#fff;} */
.unit_lay ul.unit_list {float:left; width:345px; height:494px; padding:10px; scrolling:yes; overflow:auto; white-space:nowrap; background:#fff;}
.unit_lay ul.unit_list li {color:#53535b; line-height:24px; padding-left:16px; background:url('images/comm/bul_arr_gray.gif') no-repeat 8px 9px;}
.unit_lay .unit_tree {height:509px; scrolling:yes; overflow:auto; white-space:nowrap;}
.treePager {border-top:1px solid #d3d3d3; background:rgb(247, 247, 247); height:33px;}
.treePager div{float:left; margin:8px 3px; border:0; cursor:pointer; background:rgb(247, 247, 247); font-weight:normal;}
.treePager .icon {float:left; text-indent:-99999px;}
.unit_detail {float:left; margin-left:15px; width:550px;}
.unit_detail .public_base {margin-top:0;}
.unit_detail .unit_detail_srv {width:420px;}
.unit_detail .unit_detail_srv .srvInner {width: 100%; overflow:hidden; border-top:1px solid #eee; padding-top:5px;}
.unit_detail .unit_detail_srv span {float:left;}
.unit_detail .unit_detail_srv ul {list-style:none; float:left; margin:5px 0; width:200px;}
.unit_detail .unit_detail_srv ul li{clear:both;}
.unit_detail .unit_detail_srv li span.svcIcon {padding:4px 1px;}

#tabs .tabCont, #tabs .tabTit{float:left;}
#tabs .tabTit span.base_btn_bg{float:left; border-top:1px solid #ccc; border-bottom:1px solid #ccc; cursor:pointer; }
 /******************************** 단원관리0912 *********************************/
 
 /******************************** 페이지관리1023 *********************************/
 .pInfo div{float:left; height:25px; line-height:25px;}
 /******************************** 페이지관리1023 *********************************/

/********************************* FAQ 0915 **************************************/
.faqlist {width:100%; border-top:2px solid #000;}
.faqlist dt {position:relative; width:890px; padding:20px 0; border-bottom:1px solid #e1e1e1; background:url('images/comm/ico_q.gif') no-repeat 10px 13px; padding-left:42px; font-size:13px;}
.faqlist dt.on a {font-weight:bold; text-decoration:none;}
.faqlist dd {width:890px; padding:15px 0; line-height:24px; border-bottom:1px solid #e1e1e1; background:url('images/comm/ico_a.gif') #f7f7f7 no-repeat 10px 13px; padding-left:42px; font-size:13px; color:#1861c2;}
.faqlist .faqbtn {position:absolute; top:13px; right:0;}

.board_paging {float:left; width:100%; position:relative; margin:25px 0; text-align:center;}
.board_paging a {display:inline-block; width:29px; height:29px; font-weight:bold; line-height:29px; text-decoration:none; border:1px solid #e3e3e3; background:#f7f7f7; vertical-align:top;}
.board_paging a:hover, .board_paging a.on {border:0px solid #ddd; background:#4386cd; width:31px; height:31px; line-height:29px; color:#fff;}
.board_paging a.btn, .paging a:hover.btn {padding:0; width:31px; height:31px; border:none;}
.board_paging a.btn img {vertical-align:top;}

/********************************* 사용자 FAQ화면 accordion 141212 **************************************/
#accordion .bbs-accordion h3.ui-state-active{font-weight: bold; color: #212121;}
#accordion .bbs-accordion .ui-accordion-header{padding: 1em .5em 1em 2.2em;	font-weight: normal; color: #212121;}
#accordion dt.noData {position:relative; width:890px; padding:20px 0 20px 42px; border-bottom:1px solid #e1e1e1; background:none; font-size:13px; text-align:center;}

/********************************* FAQ 0915 **************************************/

 /******************************** 150331 온라인간행물 이용실적 *********************************/
 .search_pub_div {overflow:hidden; width:280px; float:left;}
 /******************************** 150331 온라인간행물 이용실적 *********************************/