@import url(common.css);

/*서브공통*/
.container{padding-top: 40px;overflow-x: hidden;}
.contents{padding: 80px 0 50px 0;min-height: calc(100vh - 518px);}
.contents>.wrap{position: relative;}
.contents>.wrap>*:last-child{margin-bottom:30px}

/*타이틀*/
.titleS{font-size: 36px;font-weight: 500;text-align: center;margin-bottom: 50px;}
.titleS span{position: relative;display: block;}
/* .titleS span:before{content: '';width: 1px;height: 30px;background: #1c2750;position: absolute;left: 50%;bottom:0;} */
.titleS p{margin:20px 0 0 0;}
.titleA{font-size: 25px;font-weight: 600;margin-bottom: 20px;margin-top: 40px;}
.titleA:first-child{margin-top:0;}
.titleB{font-size: 28px;font-weight: 500;line-height: 1.4em;letter-spacing: -0.5px;margin-left: 70px;position: relative;}
.titleB:before{content: '';background: url(../images/sub/text_icon.png)left top no-repeat;width: 18px;height: 16px;position: absolute;left: -30px;top: 2px;}
.titleC{font-size: 32px;font-weight: 600;margin-bottom: 18px;letter-spacing: -0.25px;}

.textA{font-size: 16px;letter-spacing: -0.5px;line-height: 1.8em;margin-bottom:30px;}
.textA:last-child{margin-bottom:0}


.titleD{font-size: 30px;font-weight: 600;margin-bottom: 18px; margin-top: 50px; letter-spacing: -0.25px;}
.textB{font-size: 20px;letter-spacing: -0.5px;line-height: 1.8em;margin-bottom:10px; padding-left:40px}
.textB:last-child{margin-bottom:0}

.titleE{font-size: 24px;font-weight: 600;margin-bottom: 14px; margin-top: 40px; letter-spacing: -0.25px; padding-left:50px}
.textC{font-size: 18px;letter-spacing: -0.5px;line-height: 1.8em;margin-bottom:10px; padding-left:90px}
.textC:last-child{margin-bottom:0}

.wordBreak a{word-break:normal}

/*불릿*/
.bullet_wrap{margin-bottom: 20px;}
.bullet_wrap:last-child{margin-bottom: 0;}
.bullet_wrap ul{margin-top: 5px;width: 100%;}
.bullet01{padding-left: 10px;position: relative;margin-bottom: 7px;line-height: 1.5;}
.bullet01:before{content: '';width: 3px;height: 3px;background:#1c2750;position: absolute;left: 0;top:9px;}
.bullet01:last-child{margin-bottom:0 !important;}
.bullet_wrap.no_wrap>li{display:flex;flex-wrap: nowrap !important;}
.bullet_wrap.no_wrap>li .item{display: block;margin-right: 5px;}
.bullet_wrap.no_wrap>li .item:after{content: ':';padding-left: 5px;}

.bullet02{font-size: 14px;padding-left: 10px;position: relative;margin-bottom: 5px;}
.bullet02:before{content: '';width: 5px;height: 1px;background:#242424;position: absolute;left: 0;top:10px;}

/*테이블*/
.tableScroll{overflow-x: auto;}

.table_top{position: relative;display: flex;align-items: flex-end;margin-bottom: 10px;flex-wrap: wrap;}
.table_top.text{margin-bottom: 10px;}
.table_top.text .top_detail{margin-left: auto;}
.table_top.text .top_detail.bullet01{margin-left: 0;margin-bottom: 0;}
.table_top .titleB{margin: 0 0 5px 0;}
.total{font-size:14px;padding-left: 18px;margin-right: 30px;position: relative;margin-bottom: 3px;}
.total:before{content: '';width:13px;height: 13px;background: url(../images/common/bg.png)-292px -10px;position: absolute;left: 0;top: 2px;}
.total .count{color:#1270c9}

.official{display: flex;font-size: 13px;}
.official dl{display: flex;margin-right:20px;align-items: center;}
.official dl:last-child{margin-right:0}
.official dt{background:#1c2750;padding: 3px 10px 2px 10px;min-width:67px;color:#fff;text-align: center;}
.official dd{margin-left: 8px;padding-top: 2px;}

.top_search, .table_top .btn_area{display: flex;align-items: center;margin-left: auto;}
.top_search select{width: 120px;}
.top_search input{margin-left: 5px;width: 280px;}

.top_detail{font-size: 14px;text-align: right;position: relative;padding-left: 10px;}
.top_detail.bullet:before{content: '';width: 3px;height: 3px;background:#1c2750;position: absolute;left: 0;top:7px;}

.attach_btn{display: inline-block;vertical-align: top;padding-left: 25px;margin-right: 35px;transition:color .4s;position: relative;}
.attach_btn:hover{color:#3a57c2;text-decoration: underline;}
.attach_btn:before{content:'';width:16px;height:16px;background-image: url(../images/common/bg.png);background-repeat:no-repeat;background-position:-500px -10px;position: absolute;left:0;top:0;}
.attach_btn.pdf:before{background-position:-572px -10px;}
.attach_btn.excel:before{background-position:-464px -10px;}
.attach_btn.ppt:before{background-position:-608px -10px;}
.attach_btn.word:before{background-position: -428px -10px;}
.attach_btn.hwp:before{background-position:-536px -10px;}
.attach_btn.file:before{background-position:-500px -10px;}

/*테이블A(일반 테이블)*/
.tableA{border-top:1px solid #1977d0;line-height: 1.4;}
.tableA th{background:#efeff1;border-bottom:1px solid #d9d9d9;padding: 15px 10px;border-left: 1px solid #d9d9d9;font-weight: 400;text-align: center;}
.tableA td{background:#fff;border-bottom:1px solid #d9d9d9;padding: 8px 15px;text-align: center;border-left: 1px solid #d9d9d9;height: 52px;}
.tableA th:first-child, .tableA td:first-child{border-left: 0;}
.tableA .bl{border-left: 1px solid #d9d9d9 !important;}
.tableA .blue{background-color: #f7f7f8;}
.tableA .bullet02:last-child{margin-bottom:0}

/*테이블B(일반 테이블)*/
.tableB{line-height: 1.4;}
.tableB th{background:#D6F0FF;padding: 15px 10px;font-size:20px;font-weight: 600;text-align: center; border:3px solid #1977d0;}
.tableB td{background:#ffffff;padding: 8px 15px;font-size:20px;font-weight: 600;text-align: left; border:3px solid #1977d0; height: 75px;}
.tableB .bl{border-left: 1px solid #d9d9d9 !important;}
.tableB .blue{background-color: #f7f7f8;}
.tableB .bullet02:last-child{margin-bottom:0}

/*테이블L(리스트 테이블)*/
.tableL{border-top:1px solid #1977d0;}
.tableL tr{min-height: 50px;transition:background .4s;}
.tableL thead tr{background:#efeff1;}
.tableL th{border-bottom:1px solid #d9d9d9;padding: 15px 15px;position: relative;font-weight: 400;}
.tableL th:before{content: '';width: 1px;height: 15px;background:#d9d9d9;position: absolute;right:0;top:16px;}
.tableL th:last-child:before{display: none;}
.tableL td{border-bottom:1px solid #d9d9d9;padding: 10px 15px;text-align: center;position: relative;height: 50px;}
/* .tableL tbody tr:hover{background-color:#f7f7f8;} */
.tableL td a:hover{color:#3a57c2;text-decoration: underline;transition:color .4s;}
.tableL .attach_btn{font-size:0;line-height:0;width: 16px;height: 16px;padding:0;margin: 0 3px;}
.tableL .lock a{padding-left: 20px;position: relative;}
.tableL .lock a:before{content: '';width: 15px;height: 18px;background-image: url(../images/common/bg.png);background-position:-393px -10px;background-repeat:no-repeat;position: absolute;left: 0;top:0;}

/* .tableL .t_link tr:hover{cursor: pointer;} */
.tableL .t_link tr:hover a{text-decoration: underline;color:#3a57c2;}

/*테이블V(뷰 테이블)*/
.tableV{border-top:1px solid #1977d0;margin-bottom: 40px;}
.view_top{background:#efeff1;border-bottom:1px solid #d9d9d9;padding: 15px 40px;position: relative;font-weight: 400;display: flex;}
.view_top .title{font-weight: 500;line-height: 1.4;width: calc(100% - 200px);}
.view_top .right{display: flex;width: 200px;justify-content: flex-end;}
.view_top .right p{font-size: 14px;}
.view_top .right p{font-size: 14px;position: relative;padding: 0 22px;line-height: 21px;}
.view_top .right p:before{content: '';width: 1px;height: 15px;background:#d9d9d9;position: absolute;right:0;top:4px;}
.view_top .right p:last-child{padding-right:0 !important;}
.view_top .right p:last-child:before{display: none;}
.view_top.long .title{width: calc(100% - 280px);}
.view_top.long .right{width: 280px;}
.view_down{margin: 20px 20px 0 20px;border:1px solid #d9d9d9;font-size: 14px;padding: 15px 20px;display: flex;}
.view_down dt{color:#3a57c2;padding-right: 25px;margin-right: 25px;position: relative;line-height: 22px;}
.view_down dt:before{content: '';width: 1px;height: 15px;background: #ccc;position: absolute;right:0;top:4px;}
.view_down dd{display: flex;flex-wrap: wrap;width: calc(100% - 80px);}
.view_down dd .attach_btn{margin-top:2px;margin-bottom: 2px;}
.view_cts{padding: 40px;font-size: 15px;border-bottom:1px solid #d9d9d9;}
.view_cts p{line-height: 1.6;}
.view_cts img{display: block;margin: 0 auto;}

.viewList{border-top:1px solid #d9d9d9;}
.viewList>div{border-bottom:1px solid #d9d9d9;display: flex;font-size: 14px;}
.viewList span{color:#3a57c2;background: #f2f4f7;padding: 16px 10px;width: 180px;text-align: center;position: relative;}
.viewList span:before, .viewList span:after{content: '';width: 1px;height: 7px;background: #014c8f;position: absolute;left: 23px;top:50%;margin-top: -4px;}
.viewList span:before{transform: rotate(45deg);}
.viewList span:after{transform: rotate(-45deg);left: 28px;}
.viewList .nextList span:before{transform: rotate(315deg);}
.viewList .nextList span:after{transform: rotate(45deg);}
.viewList a{padding: 16px 20px;transition:color .4s;}
.viewList a:hover{color:#3a57c2;text-decoration: underline;}

/*테이블W(글쓰기 테이블)*/
.tableW{border-top:1px solid #1977d0;}
.tableW th{background:#f2f4f7;border-bottom:1px solid #d9d9d9;padding: 7px;font-weight: 400;background-clip: padding-box;min-height: 40px;}
.tableW td{background:#fff;border-bottom:1px solid #d9d9d9;padding: 7px 10px;height: 51px;line-height: 1.6;background-clip: padding-box;min-height: 40px;}
.tableW td>*{vertical-align: middle;}
.tableW td label{margin:0;}
.tableW td.pill:before{display: none;}
.tableW input[type="text"], .tableW input[type="password"], .tableW input[type="email"], .tableW input[type="number"], .tableW select{height: 36px;margin-right: 1px;width: 200px;}
.tableW .btn{font-size: 14px;padding: 7px 15px;height: auto;min-width: auto;}

.tableW td.select_in input, .tableW td.select_in select{width: calc(33.3% - 11px);max-width: 165px;}

.pill{padding-left: 10px;position: relative;}
.pill:before{content: '*';color:#e21625;position: absolute;left: 0;top:0;}
.table_p{font-size: 13px;margin-top:7px;position: relative;}
.table_p:first-child{margin-top:0}

.attach_td .table_p{margin:3px 0 7px 0;}
.file_box{position: relative;}
.file_list{margin-top: 7px;}
.file_list:first-child{margin-top: 0;}
.attach_td .btn_area{position: absolute;top: 0;left: 510px;}
.attach_td .btn_area button{margin-right: 5px;}
.attach_td .btn_area button:last-child{margin-right: 0;}

.t_left .btn_area{justify-content: flex-start;flex-wrap: wrap;margin-top: -5px;}
.t_left .btn_area a{margin-top: 5px;}

.flex{display: flex;}

/*검색폼*/
/*일반검색폼*/
.searchArea{background:#efeff1;padding: 30px 30px;display: flex;justify-content: center;margin-bottom: 40px;align-items: center;}
.searchArea>*{margin-right:10px}
.searchArea>*:last-child{margin-right:0}
.searchArea label{display:none;}
.searchArea input, .searchArea select{border:1px solid #fff;}
.searchArea .btn_area a{margin-right:5px;height:40px;padding: 10px 20px;min-width: 110px;}
.searchArea a{width: 160px;}

/*라벨있는 검색폼*/
.searchArea.label .left{display: flex;margin-right: 0;}
.searchArea.label .input_box{display: flex;align-items: center;margin-left: 20px;margin-right: 0;}
.searchArea.label .input_box:first-child{margin-left: 0 !important;}
.searchArea.label .input_box>*{margin-right:10px}
.searchArea.label .input_box>*:last-child{margin-right:0}
.searchArea.label label{display:inline-block;padding-left: 9px;position: relative;margin-left:20px}
.searchArea.label label:before{content: '';width: 2px;height: 2px;background:#242424;position: absolute;left: 0;top:50%;}
.searchArea.label label:first-child{margin-right:10px;margin-left: 0;}
.searchArea.label em{margin-right:10px}
.searchArea.label .btn_area{margin-left: 20px;}

.searchArea.label .w2.input_box{width: calc(100% - 360px);}
/*.searchArea.label .w3.input_box{width: calc(100% - 717px);}*/
.searchArea.label .input_date{width: 362px;}
.searchArea.label .input_select{width: 315px;}
.searchArea.label .input_date input, .searchArea.label .input_select select{width:calc(50% - 40px)}
.searchArea.label .left.b1{max-width: calc(100% - 180px);}
.searchArea.label .left.b2{max-width: calc(100% - 245px);}

/*페이징*/
.paging{margin-top:40px;display: flex;align-items: center;justify-content: center;}
.paging a.btnPaging{width:26px; height:26px; display:inline-block; background-color:#fff; background-repeat:no-repeat; background-position:center;}
.paging .btnFirst{margin-left:0; background-image:url(../images/common/first_arrow.png);}
.paging .btnPrev{margin-left:1px; margin-right:1px; background-image:url(../images/common/prev_arrow.png);}
.paging .btnNext{margin-left:2px; background-image:url(../images/common/prev_arrow.png);transform:rotate(180deg);}
.paging .btnLast{margin-left:1px; background-image:url(../images/common/first_arrow.png);transform:rotate(180deg);}
.paging a{margin-left:2px; width:26px; height:26px; font-size:20px; vertical-align:top; color:#555; display:inline-block; text-align:center; line-height:26px; }
.paging a.on{color:#0155d4; background-color:#fff; font-size:18px; border:1px solid #0155d4; }
.p_pd {padding-top:20px; padding-bottom:10px;}


.state{font-size:13px;display: inline-block;min-width: 80px;height: 29px;padding: 7px 10px;}
.state01{border:1px solid #242424;background:#fff;}
.state02{border:1px solid #173db3;background:#fff;color:#173db3}
.state03{background:#173db3;color:#fff;}
.state04{background:#868686;color:#fff;}

/*탭*/
.tab_wrap .now_tab{display: none;}
.tabA{display:flex;border-bottom:1px solid #1c2750;margin-bottom: 40px;}
.tabA li{text-align: center;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;}
.tabA li:first-child{border-left:1px solid #dbdbdb;}
.tabA li a{font-size: 16px;display: block;padding: 11px 10px;position: relative;height: 100%;display: flex;align-items: center;justify-content: center;}
.tabA li a:before{content: '';width: 10px;height: 10px;background:#1c2750;transform: rotate(45deg);position: absolute;bottom:-6px;left:50%;margin-left: -5px;opacity: 0;}
.tabA li a:hover{color: #3a57c2;}
.tabA li.current a{color:#fff;background: #1c2750;border:1px solid #1c2750;border-bottom:0}
.tabA li.current a:before{opacity: 1;transition: .4s;}

.tabA.f2 li{width: 50%;}
.tabA.f3 li{width: 33.3333%;}
.tabA.f4 li{width: 25%;}
.tabA.f5 li{width: 20%;}
.tabA.f6 li{width: 16.66666%;}

/*서브비주얼*/
.sub_visual{width: 100%;height: 310px;}
.sub_visual .visual_title{font-size: 36px;color:#fff;font-weight: 600;letter-spacing: -0.25px;text-align: center;position: relative;padding-top: 160px;}
.sub_visual .visual_title:before{content: attr(data-name);font-size: 16px;font-weight: 400;color:#ddd;position: absolute;left: 50%;bottom: -25px;transform: translateX(-50%);width: 100%;}

.sub_visual.sub01{background:url(../images/sub/sub_visual01.jpg)center top no-repeat;background-size: cover;}/*조합소개*/
.sub_visual.sub02{background:url(../images/sub/sub_visual02.jpg)center top no-repeat;background-size: cover;}/*회원사*/
.sub_visual.sub03{background:url(../images/sub/sub_visual03.jpg)center top no-repeat;background-size: cover;}/*주요사업*/
.sub_visual.sub04{background:url(../images/sub/sub_visual04.jpg)center top no-repeat;background-size: cover;}/*산업정보*/
.sub_visual.sub05{background:url(../images/sub/sub_visual05.jpg)center top no-repeat;background-size: cover;}/*알림마당*/
.sub_visual.sub06{background:url(../images/sub/sub_visual06.jpg)center top no-repeat;background-size: cover;}/*기술지원사업*/

/*LNB*/
.lnb{width: 100%;height: 47px;background: #efefef;border:1px solid #dbdbdb;border-left: none;border-right: none;position: relative;z-index: 60;}
.lnb_inner{display: flex;font-size: 14px;color: #242424;}
.lnb_inner>li{border-right:1px solid #dbdbdb;min-width: 250px;position: relative;}
.lnb_inner>li>a{display: block;line-height: 47px;padding: 0 40px 0 18px;background: url(../images/common/select_bg.png)right 18px top 20px no-repeat;transition: color .3s;}
.lnb_inner>li.home{border-left:1px solid #dbdbdb;width: 52px;min-width: auto;}
.lnb_inner>li.home>a{font-size: 0;line-height: 0;background: url(../images/common/lnb_home.png)center no-repeat;height: 100%;padding: 0;}
.lnb_inner>li:hover>a,.lnb_inner>li>a:focus{color:#1270c9}
.lnb_more{position: absolute;left: -1px;top:46px;border-left:1px solid #dbdbdb;border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;width: calc(100% + 2px);display: none;}
.lnb_more>li{border-bottom:1px solid #dbdbdb;background-color: #fff;}
.lnb_more>li:last-child{border-bottom: none;}
.lnb_more>li>a{display: block;padding: 14px 18px;background-color: #fff;transition: background-color .3s, color .4s;}

.lnb_inner>li.no_more>a{background: none;}
.lnb_more>li.now>a, .lnb_more>li:hover>a, .lnb_more>li>a:focus{background-color: #5f95d7;color:#fff}

.sub_img{font-size: 0;line-height: 0;margin-bottom: 55px;background: url(../images/sub/introduce_img.jpg)center no-repeat;width: 100%;height: 240px;}

/*새창보기*/
.depth_box a[target="_blank"], .lnb_more>li>a[target="_blank"]{padding-right:20px;position: relative;}
.depth_box a[target="_blank"]:after, .lnb_more>li>a[target="_blank"]:after{content: '';width: 15px;height: 13px;background: url(../images/common/new_win.png)center no-repeat;position: absolute;right: 0;top: 3px;}
.lnb_more>li>a[target="_blank"]:after{right: 20px;top: 16px;}
.lnb_more>li>a[target="_blank"]:hover:after{background: url(../images/common/new_win_w.png)center no-repeat;}



/* 달력 추가 */
.treeRight{margin-left:0px; float:left;}
.treeRight:after{clear:both; content:''; display:block;}
.treeRight label{float:right; }
.treeRight input{ font-size:14px; font-family: 'Noto Sans CJK kr';padding:5px 10px 5px 10px; width:145px; ; vertical-align:top; border:1px solid #dedede; background-color:#fff; background-image:url(../images/icon_date.png) ; background-repeat:no-repeat; background-position:120px center; cursor:pointer;}
.treeRight input::-webkit-input-placeholder {color:#a3a3a3 ;}
.treeRight input::-moz-placeholder {color:#a3a3a3 ;}
.treeRight input:-ms-input-placeholder {color:#a3a3a3 ;}
.treeRight input:-moz-placeholder { color:#a3a3a3 ;}
.treeRight .conWrap{padding:0;}



/* 탭 버튼 on/off */
.profile_btn_on{
	float: left;  
	background: #375A9C; 
	text-align:center; 
	border: 1px solid gray;
	font-weight:bold; 
	font-size:25pt; 
	color:white; 
	padding-top: 6px;
}

.profile_btn_off{
	float: left; 
	background: ##FFFFFF; 
	text-align:center; 
	border: 1px solid gray;
	font-weight:bold; 
	font-size:25pt; 
	color:gray; 
	padding-top: 6px;
}


.profile_box_left {
    position: relative;
    float: left;
	border: solid 1px;
    width: 460px;
    height: 180px;
    padding-left: 21px;
    padding-top: 21px;
    line-height: 28px;
}

.profile_box_right{
    position: relative;
    float: right;
	border: solid 1px;
    width: 460px;
    height: 180px;
    padding-left: 21px;
    padding-top: 21px;
    line-height: 28px;
}

.profile_pic {
    display: block;
    border: solid 1px #dbdbdb;
    width: 118px;
    height: 136px;
    float: left;
}

.profile_txt {
    float: left;
    margin-left: 30px;
}

.profile_name {
    font-size: 17px;
    color: #333;
    margin-top: -4px;
	text-align: left;
}

.profile_con {
    margin-top: 5px;
    margin-left: 26px;
	text-align: left;
}

.profile_img_size{
	width: 116px;
	height: 134px;
}


.txt_blue {
    color: #293383;
}

.name_line {
    font-size: 12px;
    color: #c2c2c2;
    padding-left: 6px;
    padding-right: 6px;
}

.clear {
    clear: both;
}

.sub_title {
    height: 25px;
    font-size: 20px;
    color: #333;
    font-weight: 500;
    line-height: 18px;
	text-align: left;
}

.hr_line_3{
	border: solid 3px; 
	float: left; 
	margin-bottom: 15px;
}

.mgt_15{
	margin-top: 15px;
}

.mgt_20{
	margin-top: 20px;
}

.mgt_30{
	margin-top: 30px;
}

.mgt_50{
	margin-top: 50px;
}

.history{
	 text-align:left;
}

.history h2 {
	position: relative; line-height: 1;
}

.history_title{
	color:#2478FF; font-size: 40px;
}

.history h2:before {
	content:""; 
	position: absolute;
	left:-48px; 
	top:50%; 
	transform: translateY(-50%);
	width: 17px; 
	height: 17px; 
	border-radius: 25%;
	background:#fff; 
	border: 5px solid #FF1212;
	box-sizing: border-box;
}

.history div {
	position: relative; 
	padding: 0 0 0 48px;
}

.history div:before { 
	content:""; 
	position:absolute; 
	left:8px; 
	top:10px;
	width: 2px; 
	height:95%; 
	background:#ddd;
}

.history div:first-child:before { 
	top:10px; 
	height:calc(100% - 10px);
}


.history ol { 
	padding: 20px 0 74px;
}

.history li {
	font-size: 20px; color:#000; line-height: 29px;  
}

.selbox_right {
    position: relative;
    float: right;
    height: 40px;
    text-align: right;
}

.btn_right{
	float:right;
}

.btn_left{
	float:left;
}

.t_center{
	text-align:center;
}

.t_right{
	text-align:right;
}

.green_btn_B{
	font-size: 15px;
    background: #1caa50;
    color: #fff;
    display: inline-block;
    text-align: center;
    padding-bottom: 32px;
    transition: background-color 0.4s;
    min-width: 100px;
    height: 30px;
	font-weight: 500;
}

.green_btn_B:hover{
	background-color:#101631;
}

.blue_btn_B{
	font-size: 15px;
    background: #0054FF;
    color: #fff;
    display: inline-block;
    text-align: center;
    padding-bottom: 32px;
    transition: background-color 0.4s;
    min-width: 100px;
    height: 30px;
	font-weight: 500;
}

.blue_btn_B:hover{
	background-color:#FF5E00;
}