@charset "utf-8";
/* CSS Document */



/******기본 프레임******/


#wrap {position:relative; width:100%;min-width:1200px; min-height:100%; /*background:#ffffff;*/}



/*리모트메뉴*/
#remote_area_wrap {height:31px; background:#143253;}
#remote_area_wrap .remote_wrap {position:relative; width:1200px; margin:0 auto; padding:0; height:20px; z-index:99; }
.remote_con_wrap {position:absolute; top:7px; right:-103px; width:831px; height:16px;}
.remote_con_wrap .remote_devide {margin:0 17px;}
.remote_select {position:absolute; top:-2px; right:230px;}
.remote_lock {position:absolute; top:0; right:207px;}



/*로고영역*/
#top_wrap {height:74px; background:#fff; clear:both;}
#top_wrap .top_con_wrap {position:relative; width:1200px; height:100%; margin:0 auto; z-index:9;}
.top_con_wrap .logo {float:left;}
.top_con_wrap .user_name_wrap {float:left; margin-top:34px; height:31px; padding:0 20px; border-radius:31px; background:#f9f9f9;}
.top_con_wrap .user_name_wrap span {float:left; height:13px; line-height:13px; margin-top:10px; font-weight:bold; color:#333;}
.top_con_wrap .user_name_wrap .user_position {color:#0685ae; padding-right:10px; border-right:1px solid #ccc;}
.top_con_wrap .user_name_wrap .user_name {margin-left:10px;}
.top_con_wrap .quick_link_wrap {position:absolute; right:0; top:23px;}



/*글로벌 네비게이션*/
#gnb_area_wrap {height:35px;  border-bottom:1px solid #eee;  border-top:1px solid #dbdbdb; background:url(../images/ua/nav/gnb_bg.png) repeat-x left top; clear:both;}
#gnb_area_wrap .gnb_wrap {width:1200px; height:100%; margin:0 auto; clear:both;}
#gnb_area_wrap .gnb_wrap li {float:left;}



/*페이지탭 메뉴*/
#page_tab_area_wrap {height:35px; background:url(../images/ua/tab/gnb_tab_bg.png) repeat-x left top; border-bottom:4px solid #528d76; clear:both;}
#page_tab_area_wrap .page_tab_wrap {width:1200px; padding-top:5px; margin:0 auto; margin-top:-1px;}
#page_tab_area_wrap .page_tab_wrap li {float:left; margin-right:1px;}




/*팝업탭 메뉴*/
#popup_tab_area_wrap {height:35px; background:url(../images/ua/tab/gnb_tab_bg.png) repeat-x left top; border-bottom:4px solid #528d76; clear:both;}
#popup_tab_area_wrap .popup_tab_wrap {padding-top:5px; margin:0 auto; margin-top:-1px; padding-left:5px;}
#popup_tab_area_wrap .popup_tab_wrap li {float:left; margin-right:1px;}




/*컨텐츠 탭*/
.contents_tab_wrap {border-bottom:1px solid #003358; height:38px; margin-bottom:30px;}
.contents_tab_wrap li {float:left; margin-right:1px}
.contents_tab_wrap li a {float:left; width:164px;  border-bottom:none; background:#f8f8f8; color:#555; font-weight:bold; font-size:14px; text-align:center; padding:14px 0 9px 0;}
.contents_tab_wrap li a:hover,.contents_tab_wrap li a.on {background:#fff; width:162px; border:1px solid #003358; border-bottom:none; padding:13px 0 11px 0; color:#003358 }



/*푸터메뉴*/
#footer_area_wrap {position:relative; height:190px; margin-top:-91px; border-top:1px solid #838383; background:#D8D8D8; clear:both;}
#footer_area_wrap .footer_wrap {position:relative; width:1200px; margin:0 auto; }
#footer_area_wrap .footer_address {position:absolute; top:20px;}
#footer_area_wrap .footer_private {position:absolute; top:-1px; right:137px}
.footer_imgtech {position: absolute; top:-1px; right:0px; border-left: 1px solid #838383; border-right: 1px solid #838383; border-bottom: 1px solid #838383; background-color: #fff; padding: 7px 13px 9px}


/*컨텐츠영역*/
#contents_area_wrap {padding:30px 0; background:#fff; clear:both; min-height:500px; overflow:auto; padding-bottom:91px;}
#contents_area_wrap .main_contents_wrap {position:relative; width:1200px; margin:0 auto; margin-bottom:30px;}
#contents_area_wrap .layout_2 {width:1200px; clear:both; margin:0 auto;}
#contents_area_wrap .layout_2 .layout_left_240 {float:left; position:relative; width:240px; margin-bottom:30px;}
#contents_area_wrap .layout_2 .layout_right_940 {float:right; position:relative; width:940px; margin-bottom:30px;}
#contents_area_wrap .layout_half { min-height:200px; margin-bottom:30px;}
#contents_area_wrap .layout_half_left {float:left; width:590px;}
#contents_area_wrap .layout_half_right {float:right; width:590px;}
#contents_area_wrap .layout_half.top {margin-bottom:20px;}
#contents_area_wrap .layout_half_right .layout_half {border:1px solid #dadada; margin-top:27px;}
#contents_area_wrap .layout_half_right .layout_half.top {height:206px; padding:10px;}
#contents_area_wrap .layout_half_right .layout_half.bottom {margin-top:47px; height:238px; padding:10px;}


/*리모트 락가이드*/
.lock_guide {position:absolute; top:0px; right:0; width:454px; height:182px; border:1px solid #0685ae; background:#ffffff; z-index:10; display:none; }
.lock_guide.view {display:block;}
.lock_guide_title_wrap {position:relative; width:100%; height:35px; background:#0685ae;}
.locksetting {position:absolute; right:5px; top:5px;}
.lock_guide_text {margin:10px; line-height:18px;}



/*퀵 메뉴 가이드*/
.quick_menu_layer {position:absolute; top:30px; right:0; width:230px; height:194px; background:#333; z-index:11; display:none;}
.quick_menu_layer.view {display:block;}
.quick_menu_title {border-bottom:1px solid #484848;}
.quick_menu_close {position:absolute; top:0; right:0;}
.quick_menu_menu {position:absolute; bottom:10px; left:10px; width:210px; height:140px; background:#fcfcfc;}
.quick_menu_menu li {float:left;}





/******공통 내용 영역******/



/*검색바 설정*/
.search_bar {position:relative; width:100%; height:31px; background:#f8f8f8; clear:both;}
.search_bar img {float:left;}
.search_bar .search_result_text {position:absolute; top:11px; left:41px;}
.search_bar .form_set {position:relative; float:right; margin-top:4px; margin-right:4px;}
.search_bar .form_set span {float:left;}
.search_bar_select {margin-right:3px; text-align:left;}
.search_bar_text {line-height:23px; margin:0 5px;}
.search_bar_text_desc {position:absolute; top:5px; left:100px; line-height:23px;}
.search_bar .form_set input[type="text"] {border:1px solid #bbb; height:19px; background:#fff;}
.search_bar .form_set_left {float:left; margin-top:5px; margin-left:5px;}
.search_bar .form_set_left select {vertical-align:middle;}



/*페이지 소제목 설정*/
.table_title {position:relative; height:23px; clear:both;}
.table_title span { height:23px; line-height:23px;}
.popup_contents .table_title {margin-top:20px;}
.bullet_main {float:left; position:relative; padding-left:16px; margin-bottom:2px; line-height:16px; background:url(../images/ua/common/bullet_main.png) no-repeat left top; font-size:14px; font-weight:bold; color:#333333; vertical-align:middle;}
.bullet_main.table_top {margin-top:5px; margin-bottom:0;}
.bullet_main span {line-height:100%;}
.title_btn_wrap {float:right;}
.title_btn_wrap img {vertical-align:middle;}
.table_title .check_text {float:left; padding:0px 0; font-weight:bold; }
.table_title_text_desc {position:absolute; top:1px; left:120px; line-height:23px;}
.table_title .form_set {position:relative;}



/*페이지 소제목+검색바*/
.table_title .search_bar_select {margin-right:0px; text-align:left;}
.table_title .search_bar_text {line-height:23px; margin:0 2px;}
.table_title .form_set {float:right; }
.table_title .form_set input[type=radio],.table_title .form_set input[type=checkbox] {margin-top:5px;}



/*테이블 사이즈별*/
.table_wrap_1200 {border-top:2px solid #07538f; margin-top:5px; margin-bottom:30px; clear:both;}
.table_wrap_940 {border-top:2px solid #07538f; margin-top:5px; margin-bottom:30px; clear:both;}
.table_wrap {border-top:2px solid #07538f; margin-top:5px; clear:both;}
.popup_table_wrap {border-top:2px solid #07538f; margin-top:5px; clear:both;}
.table_notice {width:80%; padding:30px 0; margin:20px auto; border:1px solid #dadada; background:#fcfcfc; font-size:16px; font-weight:bold;}



/*테이블 컨텐츠 관련*/
td.imgs img {margin:3px; vertical-align:middle;}
td.photos {text-align:center; padding-bottom:10px;}
td.photos img {display:block; margin:10px auto; width:160px; height:107px}



/*페이지네이션*/
.pagenation {margin-top:20px; text-align:center;}
.pagenation a {display:inline-block; text-decoration:none; color:#555555; font-weight:bold; vertical-align:middle; }
.pagenation .page_num {padding:4px 7px 1px 6px; margin:0 -2px;}
.pagenation .page_num:hover {color:#1e9d44; outline:1px solid #dadada; padding:4px 7px 1px 6px;}
.pagenation .page_num.on {color:#1e9d44; outline:1px solid #dadada;margin-left:2px; margin-right:2px;}
.pagenation .next_btn {margin-right:1px;margin-left:1px;}
.pagenation .prev_btn {margin-right:1px;margin-left:1px;}
.pagenation .page_btn.page_first_btn {margin-right:1px;}
.pagenation .page_btn.page_end_btn {margin-left:1px;}


/*추가 설명 박스*/
.desc_box {position:relative; padding:10px 5px 9px 10px; margin-top:10px; border:1px solid #dadada; background:#f8f8f8; font-weight:bold; }
.desc_box img {vertical-align:middle; margin-right:5px; margin-top:-1px;}
.desc_box img+span {margin-right:5px; vertical-align:middle; }
.desc_box a {position:absolute; right:5px;}

.desc_box.dbTxtSty1 {text-align:center; line-height:19px; padding-top:16px; padding-bottom:16px;} /* 추가 150429 임성훈 */

/*업로드 폼*/
input.upload_text {float:left;width:300px;height:19px;line-height:21px;border:1px solid #bbb;}
/*파일찾기 폼*/
div.upload-btn_wrap input.input_file {position:absolute;top:0;right:0;cursor:pointer;opacity:0;filter:alpha(opacity=0);	-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;	-moz-opacity:0;}
div.upload-btn_wrap {/*버튼테두리 감싼 div*/overflow:hidden;position:relative;float:left;width:66px;/*width, height 값은 button(찾아보기)값과 같아야함 */height:21px;padding-right:3px;}
div.upload-btn_wrap button {width:66px;height:21px;	line-height:21px;padding:0;	background:#333;border:1px solid #333;}
div.upload-btn_wrap button span {font-weight:bold;	color:#fff;padding:0;}

.popup_top_select {position:relative; height:35px; line-height:35px; background:#666666; padding-left:15px;}
.progress_bar {float:left; position:relative; width:426px; height:21px; background:#aaa;}
.progress_gage {position:absolute; left:0; top:0; height:100%; background:#0d5285;}
.gage_text {width:100%; padding:3px 0; text-align:center; color:#fff; font-weight:bold; z-index:100;}


 div.labsign ul {width:100%; overflow-x:hidden; padding-bottom:2px;}
 div.labsign ul li {float:left; width:140px; margin-right:44px; margin-bottom:2px}
 div.labsign ul li div.sign {border:0px solid #eaeaea; border-top:0 none; text-align:center; width:100px; height:100px;padding-top:5px}


 /*로딩팝업*/
.loading_wrap {width:444px; height:234px; border:3px solid #00387a; background:#ffffff;}
.loading_logo {margin:17px 0 14px 19px;}
.loading_info_wrap {margin:0 19px; height:70px; border-top:1px dotted #00387a; border-bottom:1px dotted #00387a; margin-bottom:23px;}
.loading_info_wrap p {height:62px; background:#00387a;margin-top:4px; color:#fff; font-size:18px; font-weight:bold; text-align:center; line-height:66px;}
.loading_info_wrap p span {font-size:18px; font-weight:bold;}
.loading_text {text-align:center;}
.loading_text img:first-child {margin-right:10px;}    

@media screen and (-webkit-min-device-pixel-ratio:0) {

   .pagenation .page_num:hover, .pagenation .page_num.on {
        padding: 3px 7px 2px 6px;
        margin-left: 1px;
        margin-right: 1px;
        
    }
    .pagenation .page_num {
        padding: 3px 8px 2px 7px;
    }
     .bullet_main {float:left; position:relative; padding-left:16px; margin-bottom:2px; line-height:15px; background:url(../images/ua/common/bullet_main.png) no-repeat left top; font-size:14px; font-weight:bold; color:#333333; vertical-align:middle;}
}

/* 160428 LSH추가 */
.mgT30 {margin-top:30px}
.mgT56 {margin-top:56px}
.btnTxRs1 {padding:11px 28px; letter-spacing:0px}
.btnRpDn1 {width:100%; height:256px; background-color:#333; vertical-align:middle}

/* 161221 LSH추가 연구개발활동 info text box */
.infoTxBxSt1 {background-color: #f8f8f8; width: 920px; border-radius: 5px; padding:16px 48px; margin-bottom:20px; overflow:hidden}
.infoTxBxImg1 {vertical-align: middle; margin-right:40px; margin-top:8px}
.infoTxBxTx1 {font-size:14px; line-height:1.2em; display: inline-block; vertical-align: middle}
.layoutMapTx1 {background-color:#333; text-align:center; margin-bottom:-10px}
.layoutMapTx2 {width:280px; display:inline-block; margin:20px auto 0; text-align:left; background-color:#fff; border-radius:4px; font-size:13px; font-weight:bold; line-height:1.2em; padding:10px; box-shadow:rgba(0,0,0,0.9) 0px 0px 4px}

/******  툴팁용 css  ********/
.tooltipBox1 {display: inline-block; padding: 0px 5px 0 4px; background-color: #ccc; border-radius: 3px}
a.tooltip {position: relative /*z-index: 4000;*/}
a.tooltip:hover {z-index: 1}
a.tooltip ul {display: none}
a.tooltip:hover ul {font-weight: normal; display: block; position: absolute; top: 0px; left: 28px; width: 500px; padding: 3px 5px; border: 1px solid #333; text-align: left; background-color: #eee; color: #000}
.vaMSt1 {vertical-align:middle}
ul.vaMSt1 li {float:left; width:100px}
.vaMSt1 img {vertical-align: middle; padding:5px 2px}