@charset "UTF-8";
/**********************************************************************
KICT Common Style Sheet version : 0.1
Jaesung, Hwang (ssagss26@itmate.kr)
explanation : 공통 styleSheet
**********************************************************************/

/*메인 비주얼 및 로그인*/
.main_visual_wrap {   position:relative;border-bottom:1px solid #0f4c94; background:#ffffff }
.main_visual_area {  position:relative; margin:0 auto; width:1280px; height:149px; background: url('../images/main/ani1.gif') no-repeat;  }
h1.main_txt {  position:absolute;top:37px; left:207px; width:517px; height:73px; background: url('../images/main/main_txt.png') no-repeat;  }

.ani_bg {  position:absolute; left:0px; top:0px; width:990px; }
.ani1 {  float:left; width:190px; height:149px; background: url('../images/main/ani1.gif') no-repeat; }
.ani2 {  float:left; width:150px; height:149px; background: url('../images/main/ani2.gif') no-repeat; }
.ani3 {  float:right; width:240px; height:149px; background: url('../images/main/ani3.gif') no-repeat; }

/*로그인창*/
.login_wrap {  float:right; margin-top:14px; padding:10px 15px 0px 15px; width:290px; height:119px; border:1px solid #dcdcdc; background:#ffffff;   }
.login_wrap2 {  float:right; margin-top:14px; margin-bottom: 60px; padding:10px 5px 0px 5px; width:290px; height:119px; border:1px solid #dcdcdc; background:#ffffff;   }
h2.after_tit {  padding:0px 0px 0px 8px; background:#ffffff url('../images/main/tit_logbg.png') no-repeat 0px 4px;  }
button.btn_login { margin-left:0px; width:70px; height:50px; padding:0px 0px 0px 0px; background:#4d505d; color:#ffffff; font-size:14px; font-weight:bold; text-align:center;    }
button.btn_login:hover {  background:#333646;  }
span.log_bt {  background:#ffffff url('../images/main/gr_line.png') no-repeat 54px center;  }

.my_memo {   margin:0 auto;width:94%; }
.my_memo ul {    }
.my_memo ul li {  float:left; width:33.3%; padding:2px 0px 2px 6px; background:url('../images/main/blk_ar.png') no-repeat left center; }
.my_memo ul li a {  letter-spacing:-0.05em  }

/*메인 주요배너*/
.systemtab_con {  position:absolute;border-bottom:1px solid #195dae; background:#2d71c4 url('../images/main/tab_bar_bg.png') repeat-x; z-index:1;  }

.tab_container { background:#0f4c94; overflow:hidden;}
.tab_container li { float:left;width:33.3%; background:url('../images/main/bnrtab_line.png') no-repeat right center; text-align:center; }
.tab_container li:last-child {background:url('../images/main/bnrtab_line.png') no-repeat right center;  }
.tab_container li a {  font-weight: bold; float:left;  width:100%; padding:8px 0px 0px 0px; height:40px; font-size:16px;}

.scroller_tab {margin:0 auto; width:1280px;}
.scroller_tab .tab_container li.currentBtn { background:#2d71c4}
.scroller_tab .tab_container li.currentBtn a {background:#2d71c4;color:#ffffff;}

.scroller_tab .tabBody { background:#2d71c4;   overflow: hidden; position: relative; }
.scroller_tab .tabBody ul,li { margin: 0px;  padding: 0px;  list-style: none; }
.scroller_tab .tabBody ul {  float:left; width: 100%; position: relative; }
.scroller_tab .tabBody ul li {  float: left;  width: 100%;  }
.scroller_tab .tab_ar {  float:left; width:100%; height:180px;  }

.btn_play {  position:absolute; top:5px;  z-index:1}
a.btn_stop { float:left;width:19px; height:19px; background: url('../images/main/stop.png') no-repeat; }
a.btn_paly {  float:left;width:19px; height:19px; background: url('../images/main/play.png') no-repeat; position:relative; left:-1px; }

/*주요배너 리스트*/
.main_banner_wrap {margin:0 auto }
.main_banner_wrap li.banner_list { float:left;position:relative; display:inline; vertical-align:middle; text-align:center;  }

/*배너수 최대9, 수대로 num9~클래스 사용*/
.main_banner_wrap.num9 li.banner_list {width:11.11% !important; }
.main_banner_wrap.num8 li.banner_list {width:12.5% !important; }
.main_banner_wrap.num7 li.banner_list {width:14.28% !important; }
.main_banner_wrap.num6 li.banner_list {width:16.66% !important; }
.main_banner_wrap.num5 li.banner_list {width:20% !important; }

.main_banner_wrap li.banner_list > a{display:block; /*padding:30% 0;*/padding:20% 0px 0px 0px;}

.banner_icon{display:block;  margin:0 auto; width:76px; height:76px; border-radius:100%; }
.banner_tit { display:block; height:40px;  padding-bottom:0%; margin-top:11px; color:#ffffff; font-size:15px; font-weight:bold;}

.banner_go{ display:none; 
position:relative; top:-30px; width:69px; color:#becee9; background:none; padding:7% 0% 0% 7px; text-align:left; font-size:14px; background: url('../images/main/right_arrow_w.png') no-repeat right 17px;visibility:hidden; margin: auto;
-ms-transform:translateY(30px); -webkit-transform:translateY(30px); -moz-transform:translateY(30px); -o-transform:translateY(30px); transform:translateY(30px);
-webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; opacity:0;filter:Alpha(opacity=0);
}
.banner_icon, .banner_tit {position:relative; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -o-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s;}

.main_banner_wrap > li.banner_list:hover .banner_icon{-ms-transform:translateY(-20%); -webkit-transform:translateY(-20%); -moz-transform:translateY(-20%); -o-transform:translateY(-20%); transform:translateY(-20%);}
.main_banner_wrap > li.banner_list:hover .banner_tit {-ms-transform:translateY(-40%); -webkit-transform:translateY(-40%); -moz-transform:translateY(-40%); -o-transform:translateY(-40%); transform:translateY(-40%);}


.main_banner_wrap > li.banner_list:hover .banner_go{opacity:1.0;filter:Alpha(opacity=100); -ms-transform:translateY(25%); -webkit-transform:translateY(25%); -moz-transform:translateY(25%); -o-transform:translateY(25%); transform:translateY(25%); visibility:visible; cursor:pointer;}

/*포털배너 이미지*/
.bg_pub1 {  background:#1e99f0 url('../images/main/icon_pub11.png') no-repeat center; background-size:50%; }
.bg_pub2 {  background:#1e99f0 url('../images/main/icon_pub2.png') no-repeat center; background-size:55%; }
.bg_pub3 {  background:#1e99f0 url('../images/main/icon_pub3.png') no-repeat center; background-size:43%; }
.bg_pub4 {  background:#1e99f0 url('../images/main/icon_pub4.png') no-repeat center; background-size:46%; }
.bg_pub5 {  background:#1e99f0 url('../images/main/icon_pub5.png') no-repeat center; background-size:54%; }
.bg_pub6 {  background:#1e99f0 url('../images/main/icon_pub6.png') no-repeat center; background-size:45%; }
.bg_pub7 {  background:#1e99f0 url('../images/main/icon_pub7.png') no-repeat center; background-size:38%; }
.bg_pub8 {  background:#1e99f0 url('../images/main/icon_pub8.png') no-repeat center; background-size:45%; }
.bg_pub9 {  background:#1e99f0 url('../images/main/icon_pub9.png') no-repeat center; background-size:48%; }
.bg_pub10 {  background:#1e99f0 url('../images/main/icon_pub10.png') no-repeat center; background-size:48%; }

/*인허가배너 이미지*/
.bg_cap1 {  background:#6b93ed url('../images/main/icon_cap1.png') no-repeat center; background-size:55%; }
.bg_cap2 {  background:#6b93ed url('../images/main/icon_cap2.png') no-repeat center; background-size:55%; }
.bg_cap3 {  background:#6b93ed url('../images/main/icon_cap3.png') no-repeat center; background-size:46%; }
.bg_cap4 {  background:#6b93ed url('../images/main/icon_cap4.png') no-repeat center; background-size:48%; }
.bg_cap5 {  background:#6b93ed url('../images/main/icon_cap5.png') no-repeat center; background-size:46%; }
.bg_cap6 {  background:#6b93ed url('../images/main/icon_cap6.png') no-repeat center; background-size:46%; }
.bg_cap7 {  background:#6b93ed url('../images/main/icon_cap7.png') no-repeat center; background-size:50%; }
.bg_cap8 {  background:#6b93ed url('../images/main/icon_cap8.png') no-repeat center; background-size:46%; }
.bg_cap9 {  background:#6b93ed url('../images/main/icon_cap9.png') no-repeat center; background-size:50%; }
.bg_cap10 {  background:#6b93ed url('../images/main/icon_cap10.png') no-repeat center; background-size:48%; }
.bg_cap11 {  background:#6b93ed url('../images/main/icon_cap11.png') no-repeat center; background-size:50%; }
.bg_cap12 {  background:#6b93ed url('../images/main/icon_cap12.png') no-repeat center; background-size:46%; }
.bg_cap13 {  background:#6b93ed url('../images/main/icon_cap13.png') no-repeat center; background-size:48%; }
.bg_cap14 {  background:#6b93ed url('../images/main/icon_cap14.png') no-repeat center; background-size:50%; }
.bg_cap15 {  background:#6b93ed url('../images/main/icon_cap15.png') no-repeat center; background-size:55%; }
.bg_cap16 {  background:#6b93ed url('../images/main/icon_cap16.png') no-repeat center; background-size:46%; }
.bg_cap17 {  background:#6b93ed url('../images/main/icon_cap17.png') no-repeat center; background-size:46%; }
.bg_cap18 {  background:#6b93ed url('../images/main/icon_cap18.png') no-repeat center; background-size:46%; }

/*사업관리배너 이미지*/
.bg_cts1 {  background:#0fa3c0 url('../images/main/icon_cts1.png') no-repeat center; background-size:46%; }
.bg_cts2 {  background:#0fa3c0 url('../images/main/icon_cts2.png') no-repeat center; background-size:48%; }
.bg_cts3 {  background:#0fa3c0 url('../images/main/icon_cts3.png') no-repeat center; background-size:46%; }
.bg_cts4 {  background:#0fa3c0 url('../images/main/icon_cts4.png') no-repeat center; background-size:46%; }
.bg_cts5 {  background:#0fa3c0 url('../images/main/icon_cts5.png') no-repeat center; background-size:48%; }
.bg_cts6 {  background:#0fa3c0 url('../images/main/icon_cts6.png') no-repeat center; background-size:46%; }
.bg_cts7 {  background:#0fa3c0 url('../images/main/icon_cts7.png') no-repeat center; background-size:48%; }
.bg_cts8 {  background:#0fa3c0 url('../images/main/icon_cts8.png') no-repeat center; background-size:50%; }
.bg_cts9 {  background:#0fa3c0 url('../images/main/icon_cts9.png') no-repeat center; background-size:50%; }

/*열기,닫기 버튼*/
.btn_open_close {  float:left; width:100%; }
a.bnr_open { margin:0 auto; display:block; width:85px;  position:relative;top:1px; color:#ffffff; border:1px #14539e solid; border-bottom:0; border-radius:6px 6px 0px 0px; padding:0px 0px 1px 33px;
background:#195dae url('../images/main/bnr_plus.png') no-repeat 16px 50%; }
a.bnr_close { margin:0 auto; display:block; width:85px;  position:relative;top:1px; color:#ffffff; border:1px #14539e solid; border-bottom:0; border-radius:6px 6px 0px 0px; padding:0px 0px 1px 37px;
background:#195dae url('../images/main/bnr_minus.png') no-repeat 16px 50%;  }

/*메인 기타*/
.main_etc_wrap {  float:left;padding:30px 0px 30px 0px; background:#f6fbfd;  }
.main_etc_area {  margin:0 auto; width:1280px; padding:0px 0px 0px 0px; background:#ffffff;  }
.etc_gray_box {  float:left; width:100%; margin-bottom:20px; border:1px solid #dcdcdc; background:#ffffff;  }
.etc_gray_box_last {  float:left; width:100%; margin-bottom:0px; border:1px solid #dcdcdc; background:#ffffff;  }

/*게시물 컨텐츠*/
.etc_left {  float:left; width:970px;  }
.board_area {  float:left; width:100%; margin-bottom:20px;  }
.board_left {  float:left; width:475px;  }
.board_right {  float:right; width:475px; }
.ddak_new {margin-left:8px; display:inline-block; color:#fff; font-weight: bold; font-size:11px; text-align:center; background:#e60012; width:18px; height:18px; line-height:18px; border-radius:50%; position:relative; top:-2px;}

/*메인 게시판*/
/*블루탭*/
.tab_wrap {   width: 100%; margin: 0; border:1px solid #dcdcdc; border-top:0; background:#ffffff; }
.tab_wrap .tab_area {margin: 0px auto; overflow: hidden;}

.tab_wrap .tab_area .use_tab1 { position: relative; width: 100%; height: 249px; padding: 0px; overflow: hidden; }
.tab_wrap .tab_area .use_tab1>ul>li { float:left;}
.tab_wrap .tab_area .use_tab1>ul>li>a { display: inline-block; width: 109px; height: 38px; padding-top:8px; font-size: 15px;  text-align: center; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;background: #ffffff;}
.tab_wrap .tab_area .use_tab1>ul>li.active>a { background: #ffffff; padding-top:6px; height: 38px; border-top:3px solid #2591df; border-bottom:0; font-weight:bold;}
.tab_wrap .tab_area .use_tab1>ul>li>ul { display: none; position: absolute; width: 100%; top: 35px; left:0px; padding:20px; }
.tab_wrap .tab_area .use_tab1>ul>li>ul.active { display: block;}
.tab_wrap .tab_area .use_tab1>ul>li>ul>li>a { line-height: 35px; font-size:15px; }
/*탭리스트*/
.tab_wrap .tab_area .use_tab1>ul>li>ul>li>a>span.subject { display: inline-block; float: left; width:79%; padding:0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.tab_wrap .tab_area .use_tab1>ul>li>ul>li>a>span.date { float: right; color: #757575; }
.tab_wrap .tab_area .use_tab1>ul>li>a.more { position:absolute; right: 0px; top:0px; display: none; width: 37px; border-top:1px solid #dcdcdc;  border-bottom:1px solid #dcdcdc; border-right:0; background:url('../images/main/btn_more.png') no-repeat center center;}
.tab_wrap .tab_area .use_tab1>ul>li>a.more.active { display: inline-block;}
.tab_wrap .tab_area .use_tab1>ul>li>ul>li>a {line-height: 29px; font-size: 13px; display:block; overflow: hidden;}

/*그린탭*/
.tab_wrap .tab_area .use_tab2 { position: relative; width: 100%; height: 249px; padding: 0px; overflow: hidden; }
.tab_wrap .tab_area .use_tab2>ul>li { float:left;}
.tab_wrap .tab_area .use_tab2>ul>li>a { display: inline-block; width: 109px; height: 38px; padding-top:8px; font-size: 15px;  text-align: center; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;background: #ffffff;}
.tab_wrap .tab_area .use_tab2>ul>li.active>a { background: #ffffff; padding-top:6px; height: 38px; border-top:3px solid #00b9d3; border-bottom:0; font-weight:bold;}
.tab_wrap .tab_area .use_tab2>ul>li>ul { display: none; position: absolute; width: 100%; top: 35px; left:0px; padding:20px; }
.tab_wrap .tab_area .use_tab2>ul>li>ul.active { display: block;}
.tab_wrap .tab_area .use_tab2>ul>li>ul>li>a { line-height: 35px; font-size:15px; }
/*탭리스트*/
.tab_wrap .tab_area .use_tab2>ul>li>ul>li>a>span.subject { display: inline-block; float: left; width:79%; padding:0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }
.tab_wrap .tab_area .use_tab2>ul>li>ul>li>a>span.subject83 { display: inline-block; float: left; width:83%; padding:0px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;  }
.tab_wrap .tab_area .use_tab2>ul>li>ul>li>a>span.date { float: right; color: #757575; }
.tab_wrap .tab_area .use_tab2>ul>li>ul>li>a>span>span.lastDay { float: right; }
.tab_wrap .tab_area .use_tab2>ul>li>a.more { position:absolute; right: 0px; top:0px; display: none; width: 37px; border-top:1px solid #dcdcdc;  border-bottom:1px solid #dcdcdc; border-right:0; background:url('../images/main/btn_more.png') no-repeat center center;}
.tab_wrap .tab_area .use_tab2>ul>li>a.more2 { position:absolute; right: 0px; top:0px; display: none; width: 37px; border-top:1px solid #dcdcdc;  border-bottom:1px solid #dcdcdc; border-right:0; background:url('../images/main/btn_more.png') no-repeat center center;}
.tab_wrap .tab_area .use_tab2>ul>li>a.more3 { position:absolute; right: 0px; top:0px; display: none; width: 37px; border-top:1px solid #dcdcdc;  border-bottom:1px solid #dcdcdc; border-right:0; background:url('../images/main/btn_more.png') no-repeat center center;}
.tab_wrap .tab_area .use_tab2>ul>li>a.more.active { display: inline-block;}
.tab_wrap .tab_area .use_tab2>ul>li>a.more2.active { display: inline-block;}
.tab_wrap .tab_area .use_tab2>ul>li>a.more3.active { display: inline-block;}
.tab_wrap .tab_area .use_tab2>ul>li>ul>li>a {line-height: 29px; font-size: 13px; display:block; overflow: hidden;}

.tab_space {  width:109px; height:38px; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; }

/*바로가기*/
.go_banner {    }
.go_banner ul {    }
.go_banner ul li:first-child {  float:left; padding:22px 0px 0px 0px;background:none; font-weight:bold; color:#1065b6;text-align:center}
.go_banner ul li {  float:left; background:url('../images/main/go_line.png') no-repeat left center; font-size:14px; }
.go_banner ul li a {display:inline-block; width:100%; height:65px; padding:22px 0px 0px 63px;  letter-spacing:-0.03em}
.go_banner ul li a.bnr1 { background:url('../images/main/icon_go1.png') no-repeat 20px center; }
.go_banner ul li a.bnr2 { background:url('../images/main/icon_go2.png') no-repeat 20px center; }
.go_banner ul li a.bnr3 { background:url('../images/main/icon_go3.png') no-repeat 20px center; }
.go_banner ul li a.bnr4 { background:url('../images/main/icon_go4.png') no-repeat 20px center; }

/*오른쪽 컨텐츠*/
/*오른쪽 배너*/
a.banner_info {  display:block; width:100%; height:80px; padding:30px 0px 0px 103px; font-size:19px; background:url('../images/main/icon_info.png') no-repeat 20px center;  }
a.banner_molit {  display:block; width:100%; height:65px; padding:22px 0px 0px 55px; font-size:15px; background:url('../images/main/icon_molit.png') no-repeat 20px 13px;  }
span.molit_ar {  display:inline-block; width:135px; color:#ff5c52; background:url('../images/main/right_arrow.png') no-repeat right 9px;  }

/*헬프 및 매뉴얼 관련*/
.desk ul {    }
.desk ul li {  float:left; width:100%; }
.desk ul li.half { width:50%; border-bottom:1px solid #dcdcdc; }
.desk ul li.all {  width:100%; border-top:1px solid #dcdcdc; }
.desk ul li a { display:block;width:100%; height:48px; font-size:16px;   }
.desk ul li a.desk_lnk1 {  border-right:1px solid #dcdcdc; padding:13px 0px 0px 50px; background:url('../images/main/icon_desk1.png') no-repeat 12px center; } 
.desk ul li a.desk_lnk2 {  padding:13px 0px 0px 70px; background:url('../images/main/icon_desk2.png') no-repeat 30px center;}
.desk ul li a.desk_lnk3 { width:100%; padding:13px 0px 0px 15px; background:url('../images/main/icon_down.png') no-repeat 252px center;  }


/*팝업창 css시작*/
#popup {
	position: absolute;
	top: 100px;
	left: 300px;
	width: 328px;
	height: 370px;
	padding: 0;
	z-index: 900;
}
.popup_notice {
    position: absolute;
    background-color: #E7F5FF;
    border:1px solid #C0C0C0;
    width: 326px;
    height: 370px;
    vertical-align:bottom;
    padding: 0;
    z-index: 900;
}
.popup_notice .popup_sj {
    border-bottom:3px solid #29386F;
    width: 280px;
    height: 47px;
    margin-left:24px;
    margin-bottom:15px;
    margin-top:15px;
}
.popNttSj {
    height: 40px;
    text-align:center;
    font-size:12pt;
    color:#29386F;
}
.popup_notice .popup_cn {
    background-color: #FEFEFE;
    color:#656565;
    border:1px solid #E6E6E6;
    width: 296px;
    height: 263px;
    margin-left:15px;
    padding:10px;
    overflow:auto;
    overflow-x:hidden;
}

.popPosition1 {
	top:127px; 
	left:20px;
}
.popPosition2 {
    top:127px; 
    left:350px;
}
.popPosition3 {
    top:127px; 
    left:680px;
}
/*팝업 컨트롤 p태그css(닫기 오늘하루 보이지 않음 부분 css)시작*/
#popup_control {
	background-color: black;
	text-align: right;
	font-size: 12pt;
	padding: 5px;
	margin-top: -3px;
	width: 100%;
}
#popup_control a{
	cursor:pointer;
	text-decoration:none;
	color:#ffffff;
}

#popup_control a:hover{
    color:#0078ae;
}

/*팝업 컨트롤 p태그css(닫기 오늘하루 보이지 않음 부분 css)시작*/
.popup_control {
    background-color: #555555;
    /* text-align: right; */
    height:22px;
    width:328px;
    font-size: 10pt;
    margin-top:7px;
    margin-left:-1px;
    line-height:1.5;
    padding-left: 15px;
}
.popup_control a{
    cursor:pointer;
    text-decoration:none;
    color:#ffffff;
}

.popup_control a:hover{
    color:#0078ae;
}