@charset "utf-8";

#sub_container{width:1440px;margin:0 auto}
#sub_contents_wrap{padding:125px 0 150px;position:relative;display:inline-block;width:100%}
/* 서브비주얼 */
.sub_titlebox h4{text-align:center;font-size:38px;font-weight:700;color:#fff;padding:73px 0;letter-spacing:-1px}
.sub_titlebox.sv_bg1{background:url(/pages/kimiro/img/sub/s_visual_bg1.jpg) no-repeat center top;}
.sub_titlebox.sv_bg2{background:url(/pages/kimiro/img/sub/s_visual_bg2.jpg) no-repeat center top;}
.sub_titlebox.sv_bg3{background:url(/pages/kimiro/img/sub/s_visual_bg3.jpg) no-repeat center top;}
.sub_titlebox.sv_bg4{background:url(/pages/kimiro/img/sub/s_visual_bg4.jpg) no-repeat center top;}
.sub_titlebox.sv_bg5{background:url(/pages/kimiro/img/sub/s_visual_bg5.jpg) no-repeat center top;}
.sub_titlebox.sv_bg6{background:url(/pages/kimiro/img/sub/s_visual_bg5.jpg) no-repeat center top;}

#lnb {float:left;width:370px;box-sizing:border-box;padding:0 150px 0 40px}
#lnb h3{font-size:42px;color:#000;font-weight:800;margin-bottom:45px;line-height:56px;letter-spacing:-1px;word-break:keep-all}
#lnb ul li a{color:#989898;font-size:15px;line-height:38px;font-weight:600;display:block;width:100%}
#lnb ul li a.on{color:#d80b8c}
#lnb ul li a:hover{color:#333;text-decoration:none}
/* #lnb ul li a .sub_3depth{position:absolute;left:150px}
 */

#lnb .sub_3dmenu{border-left:2px solid #d81ab3;padding-left:20px;margin-bottom:30px}
#lnb .sub_3dmenu ul li a{font-size:14px;line-height:32px}


#contents{float:left;width:960px;position:relative;padding-top:3px}
#page_content{overflow:hidden}

.imgbox{text-align:center;padding:60px 0;clear:both}

.line{display:block;margin:60px 0;width:100%;background:#ddd;height:1px;clear:both}

.blank{background: rgba(0, 0, 0, 0) url(/pages/use/img/main/icon_blank.png) no-repeat scroll 97% 11px;padding-right: 20px !important}

.table_type1{margin: 4px 0 30px 0;}
.table_type1 table{border-top:1px solid #e2e2e2;text-align: center;font-size:14px;background:#fff;display:table}
.table_type1 td.ln_color {background:#e9eff3}
.table_type1 th,.table_type1 td{border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2;}
.table_type1 thead th{background-color:#fff;color:#000;padding:14px;font-size:14px;font-weight:700;border-top:2px solid #333;border-bottom:2px solid #333;border-left:0;border-right:0}
.table_type1 td{color: #555;padding:10px 15px;line-height:160%}
.table_type1 a{font-weight:600;color:#de5a5a}
.table_type1 .m_info{display:none}
.table_type1 table th:first-child, .table_type1 table td:first-child{border-left: 0}
.table_type1 table th:last-child, .table_type1 table td:last-child {border-right:0}
.table_type1 table tr td:first-child{text-align: center}
.table_type1 table tbody{border-bottom:1px solid #000}
.table_type1 table tbody th{background:#fff;padding:15px;font-size:15px}

.table_type2{margin: 4px 0 30px 0;}
.table_type2 table{border-top:1px solid #e2e2e2;text-align: center;font-size:14px;background:#fff;display:table}
.table_type2 td.ln_color {background:#e9eff3}
.table_type2 th,.table_type2 td{border-left: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2;}
.table_type2 thead th{background-color:#fff;color:#000;padding:14px;font-size:14px;font-weight:700;border-top:2px solid #333;border-bottom:2px solid #333;border-left:0;border-right:0}
.table_type2 td{color: #555;padding:10px 15px;line-height:160%}
.table_type2 a{font-weight:600;color:#de5a5a}
.table_type2 .m_info{display:none}
.table_type2 table th:first-child, .table_type2 table td:first-child{border-left: 0}
.table_type2 table th:last-child, .table_type2 table td:last-child {border-right:0}
.table_type2 table tr td:first-child{text-align: center}
.table_type2 table tbody{border-bottom:1px solid #000}
.table_type2 table tbody th{background:#fff;padding:15px;font-size:15px}


.ul_type1 {margin: 10px 0 25px 20px;clear:both;}
.ul_type1 li{padding-left: 14px;position: relative;margin-bottom:5px;line-height:165%;color:#666;font-size:16px}
.ul_type1 li span, .ul_type1_2 li strong {color: #000}
.ul_type1 li strong{padding-right:5px;color:#333}
.ul_type1 li a{border-bottom:1px dotted #333;color:#e6224c;margin-left:3px;font-weight:700}
.ul_type1 li:last-child{margin-bottom:0}
.ul_type1 li:before{content: '';display: block;position: absolute;left:5px;top:12px;width: 3px;height: 3px;background-color: #3b486b}
.ul_type1 li span.red_point{color:#d75d5d}

.ul_type2 {margin: 0 0 25px 0}
.ul_type2 li{padding-left: 14px;position: relative;margin-bottom:5px;line-height:165%;color:#666}
.ul_type2 li span, .ul_type1_2 li strong {color: #000}
.ul_type2 li strong{padding-right:5px;color:#333}
.ul_type2 li a{border-bottom:1px dotted #333;color:#e6224c;margin-left:3px;font-weight:700}
.ul_type2 li:last-child{margin-bottom:0}
.ul_type2 li:before{content: '';display: block;position: absolute;left:5px;top:12px;width: 5px;height: 1px;background-color: #888}
.ul_type2 li span.red_point{color:#d75d5d}


/*공통 */
.h3_butt1{font-size:38px;color:#d80b8c;font-weight:800;line-height:45px;float:left;clear:both;margin-bottom:40px;letter-spacing:-1px;width:100%}
.h3_butt1 span{display:block;font-size:18px}
.h3_butt2{font-size:38px;color:#d80b8c;font-weight:800;line-height:45px;width:100%;margin-bottom:30px;clear:both}
.h3_butt2 span{display:block;font-size:18px}
.h4_butt{position:relative;margin-top:50px;padding:50px 0 7px 0;font-size:28px;font-weight:300;line-height:36px;margin-bottom:20px;clear:both;letter-spacing:-1px;display:block;width:100%;box-sizing:border-box}
/*
.h4_butt{position:relative;margin-top:50px;padding:7px 0 0 40px;font-size:25px;font-weight:300;line-height:30px;margin-bottom:20px;clear:both;letter-spacing:-1px;display:block;width:100%;box-sizing:border-box}
.h4_butt:before{position:absolute;content:'';border:4px solid #d80b8c;border-radius:50%;width:8px;height:8px;left:10px;top:15px}
*/
.h5_butt{font-size:17px;font-weight:700;color:#333;padding:10px 0 10px;}
.text_type1{margin: 0 0 15px 5px;line-height:32px;color:#666;font-size:17px}
.p_box{border:1px solid #ddd;padding:20px;box-sizing:border-box;padding:35px;font-size:17px;color:#555;line-height:33px;margin-top:50px}
.img_box_s{width:100%;margin:30px 0;height:250px;background:#333;text-align:Center;color:#fff;font-size:16px;line-height:250px;overflow:hidden;clear:both}	


/* 탭 */
.tab_type {position:relative;overflow:hidden}
.tab_type ul li a {font-size:16px;color:#fff;background:#5e616f;float:left;display:block; height:27px;padding:13px 25px 7px 25px; font-size:16px;line-height:16px;font-weight:300;behavior: url(/pages/headquarter/js/PIE.htc);}
.tab_type ul li a.active{background:#d80b8c;color:#fff;font-weight:600;}
.tab_type ul li a:hover{background:#333}




/* 뉴스 */
.board_search {width:70%;margin:0 auto;border-bottom:2px solid #000;position:relative}
.board_search h4{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
.board_search input.search_input{width:80%;line-height:63px;height:63px;font-size:19px;color:#a8a8a6;border:none}
.board_search input[type="submit"]{position:absolute;top:0;right:0;width:54px;height:63px;text-indent:-99999px;background:url(/pages/kimiro/img/sub/icon_search.jpg) no-repeat right center;border:0;cursor:pointer;padding:0}

#board_list {position:relative;margin-top:70px}
#board_list ul li{line-height:102px;border-bottom:1px solid #ddd;display:block;float:left;width:100%}
#board_list ul li a{font-size:18px;color:#646464;line-height:102px;width:85%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;float:left}
#board_list ul li a:hover{font-weight:700;color:#d80b8c}
#board_list ul li .date{font-weight:800;color:#ccc;font-size:17px;line-height:102px;width:15%;float:left;text-align:right}

p.type {float:left;margin-right:10px;line-height:30px;margin-bottom:4px;word-break:keep-all}
p.type span{display:block;box-sizing:border-box;border-radius:50%;text-align:center;color:#fff;width:30px;height:30px;font-weight:600;float:left;margin-right:5px}
p.type.a span{background:#bcbdc1}
p.type.c span{background:#f9a63e}
p.type.d span{background:#6e3c71}
p.type.v span{background:#cb54a4}


/* 공통모듈 */
.com_modulebox{position:relative;overflow:hidden;border-bottom:1px solid #ddd;padding-bottom:50px}
.com_modulebox > div{float:left;width:50%;box-sizing:border-box;text-align:center}
.com_modulebox > div img{padding:20px 0 0 }
.com_modulebox > div li{text-align:left}
.com_modulebox > div .tit{font-size:18px;color:#000;padding:30px 0;text-align:center;width:67%;margin:0 auto;font-weight:800; word-break:keep-all}
.com_modulebox > div .tit span{display:block}
.com_modulebox .module_kimiro h4{padding:32px 0;font-size:18px;color:#fff;font-weight:700;background:#d80b8c;text-align:center}
.com_modulebox .module_overseas h4{padding:32px 0;font-size:18px;background:#b0b0b0;color:#fff;font-weight:700;text-align:center}



/* 제품실용화사업 */
.busi_box dl dt{font-size:22px;font-weight:600;margin-bottom:30px;line-height:35px;letter-spacing:-1px}
.busi_box dl dd{clear:both;width:100%;line-height:40px;margin-bottom:4px;color:#333;font-size:16px}
.busi_box dl dd span{display:block;float:left;padding:0 10px;margin:0 15px 3px 0;background:#484d58;box-sizing:border-box;color:#fff;font-weight:600;width:120px;text-align:center}
.researcher_box{margin-top:100px;border:7px solid #ccc;padding:0 50px 50px ;box-sizing:border-box}
.researcher_box h5{border-radius:30px;background:#d80b8c;color:#fff;font-size:17px;font-weight:600;padding:2px 10px 5px;width:100px;text-align:center;margin:30px 0 15px}
.researcher_box ul{overflow:hidden}
.researcher_box ul li {float:left;margin-right:20px;color:#333}
.busi_top_tab {position:relative;overflow:hidden;margin-bottom:70px}
.busi_top_tab ul li a {float:left;display:block;padding:20px; font-size:15px;color:#fff; font-weight:300;background:#5e616f;text-decoration:none;width:20%;box-sizing:Border-box;text-align:center;letter-spacing:-1px}
.busi_top_tab ul li a.on{background:#d80b8c;color:#fff;font-weight:600}
.busi_top_tab ul li a:hover{background:#333}
.busi_top_tab ul li a.on:hover{background:#d80b8c;color:#fff;font-weight:600}




/****** Mobile ******/
@media screen and (max-width:690px){

	#sub_container{width:100%;margin-top:60px}
	#lnb{display:none}
	#sub_contents_wrap{padding:40px 20px;box-sizing:border-box}
	#contents{width:100%;padding:0}

	.h3_butt1{font-size:30px}
	.h3_butt2{font-size:30px}
	.h4_butt{font-size:23px;margin-top:30px}
	
	.imgbox img{max-width:100%}

	.table_type1{overflow:hidden;overflow-x:scroll !important;width:100%;padding-top:0 !important;background:url('../imgs/common/swipe.png') no-repeat right top; background-size:60px}
	.table_type1:before{display:block;margin-bottom:10px; content:"※ 왼쪽으로 스크롤 하여 보실 수 있습니다.";font-weight:500;color:#d80b8c}
	.table_type1 table{min-width:1000px}
	
	.table_type2{overflow:hidden;overflow-x:scroll !important;width:100%;padding-top:0 !important;background:url('../imgs/common/swipe.png') no-repeat right top; background-size:60px}
	.table_type2:before{display:block;margin-bottom:10px; content:"※ 왼쪽으로 스크롤 하여 보실 수 있습니다.";font-weight:500;color:#d80b8c}


	.com_modulebox{border:5px solid #d80b8c}
	.com_modulebox > div{width:100%}


/* 제품실용화사업 */
.busi_top_tab{background:#5e616f}
	.busi_box dl dt{font-size:19px;line-height:30px}
	.busi_box dl dt br{display:none}
	.busi_box dl dd span{width:100%;}
	.busi_top_tab ul li a{padding:15px 5px;font-size:14px}
	.researcher_box{padding:0 25px 50px}
	.researcher_box ul li{float:none}


}

/****** Tablet Device ******/
@media screen and (min-width:691px) and (max-width:899px) {

	#sub_container{width:100%;margin-top:60px}
	#lnb{display:none}
	#sub_contents_wrap{padding:40px 20px;box-sizing:border-box}
	#contents{width:100%;padding:0}

	.h4_butt{font-size:25px;margin-top:30px}

.imgbox img{max-width:100%}

}


/****** Tablet wide Device ******/
@media screen and (min-width:899px) and (max-width:1024px) {

#header_wrap{height:150px}
#sub_container{width:100%}
#lnb{display:none}
#sub_contents_wrap{padding:100px 20px 130px;box-sizing:border-box}
#contents{width:100%;padding:0}

.imgbox img{max-width:100%}





}


/******  desktop ******/

@media screen and (min-width:1025px) and (max-width:1440px) {

#header_wrap{height:150px}
#sub_container{width:100%}
#sub_contents_wrap{padding:100px 20px 130px;box-sizing:border-box}
#contents{width:75%;padding:0}
#lnb{width:25%;padding:0 }
#lnb h3{width:80%}

.h3_butt1{width:100%}

.imgbox img{max-width:100%}

}