@charset "utf-8";
@import url(content01.css?ver=20230915);
@import url(content02.css?ver=20210806);

/**************************************************
	Content CSS Document
	IEETU Web Standardization Team
	2021-08-23
**************************************************/

/**************************************************
	Common
**************************************************/
/* 개인정보 동의 공통 */
.form_radio_com{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:20px; padding:18px 35px; background:#eff3fa;}
.form_radio_com .form_tit{}
.form_radio_com .form_area{display:flex; align-items:center;}
.form_radio_com .form_area .inp_group{display:flex; align-items:center; margin-left:20px;}
.form_radio_com .form_area .inp_group input[type="radio"] + label{cursor:pointer;}
/* 입력폼 공통(라인 박스) */
.formbox_com{max-width:660px; margin:0 auto;}
.formbox_com dl{display:flex; align-items:center; margin:10px auto; border:1px solid #434343; border-radius:10px;}
.formbox_com dt{display:flex; align-items:center; flex:0 0 auto; width:220px; padding:8px 0 8px 90px; font-weight:600;}
.formbox_com dd{flex:1; padding:8px 10px;}
.formbox_com input{width:100%; max-width:180px;}
/* 보안문자 음성안내 아이콘 */
.captcha_voice{display:inline-block; width: 24px; height: 24px; overflow: hidden; background: url(../images/common/captcha_audio.png) no-repeat 0 0/cover; color: transparent;}
/**************************************************
	Content
**************************************************/
/* 채용접수 */
.cont_job_pc{display:none;}
.box_job_agree div.scroll{height:480px; padding:20px; border:1px solid #e6e6e6; overflow-y:auto;}
.box_job_agree div.scroll pre{white-space:normal;}
.box_job_agree .form_radio{margin-top:20px; text-align:right;}
.box_job_agree .form_radio input[type="radio"] + label{cursor:pointer;}
.box_job_agree .form_radio input[type="radio"]:nth-of-type(1){margin-left:20px;}
.box_job_agree .form_radio input[type="radio"]:nth-of-type(1) + label{margin-right:20px;}
.box_job_agree .list_depart:after{content:''; display:block; clear:both;}
.box_job_agree .list_depart > li{float:left; width:33%;}
.box_job_agree .list_depart > li:nth-of-type(2){width:34%;}
.box_job_agree .list_depart > li > div{width:376px; height:256px; border:1px solid #e6e6e6; box-sizing:border-box; text-align:center; transition:all 0.2s ease 0s;}
.box_job_agree .list_depart > li:nth-of-type(2) > div{margin:0 auto;}
.box_job_agree .list_depart > li:nth-of-type(3) > div{float:right;}
.box_job_agree .list_depart > li > div:before{content:''; display:block; width:64px; height:64px; background:url(../images/content/sp_job.png) no-repeat 0 -64px; margin:80px auto 50px; transition:all 0.2s ease 0s;}
.box_job_agree .list_depart > li:nth-of-type(2) > div:before{background-position:-64px -64px;}
.box_job_agree .list_depart > li:nth-of-type(3) > div:before{background-position:-128px -64px;}
.box_job_agree .list_depart > li > div.on,
.box_job_agree .list_depart > li > div:hover,
.box_job_agree .list_depart > li > div:focus{border:1px solid #7e9f00;}
.box_job_agree .list_depart > li:nth-of-type(1) > div.on:before,
.box_job_agree .list_depart > li:nth-of-type(1) > div:hover:before,
.box_job_agree .list_depart > li:nth-of-type(1) > div:focus:before{background-position:0 0;}
.box_job_agree .list_depart > li:nth-of-type(2) > div.on:before,
.box_job_agree .list_depart > li:nth-of-type(2) > div:hover:before,
.box_job_agree .list_depart > li:nth-of-type(2) > div:focus:before{background-position:-64px 0;}
.box_job_agree .list_depart > li:nth-of-type(3) > div.on:before,
.box_job_agree .list_depart > li:nth-of-type(3) > div:hover:before,
.box_job_agree .list_depart > li:nth-of-type(3) > div:focus:before{background-position:-128px 0;}
.box_job_agree .list_depart > li > div input[type="radio"] + label{cursor:pointer;}
.box_job_agree .job_table dt,
.box_job_agree .job_table dd{padding:25px 20px;}
.job_table dd.mail input[type="text"]:nth-of-type(1){width:200px;}
/* 고객의소리 */
.cont_voice .form_radio{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:20px; padding:18px 35px; background:#eff3fa;}
.cont_voice .form_radio .inp_group{display:inline-block; margin-left:20px;}
.cont_voice .form_radio input[type="radio"] + label{cursor:pointer;}
/* 뉴스레터 */
.cont_newsletter .newsletter_tit{font-family:"NanumSquare"; font-size:2.4em; letter-spacing:-2px;}
.cont_newsletter .form_radio{margin:10px 0 20px;}
/* 청탁금지법위반신고 신고하기 */
.form_accuseself{display:flex; align-items:center;}
.form_accuseself label{flex:0 0 auto; width:100px;}
.default-fileForm-form{display:none;}
/* 주요연구개발사업 */
.cont_rnd .lst_rnd{margin:10px 0 0; padding:0 0 35px; border-bottom:1px solid #d8d8d8;}
.cont_rnd .lst_rnd > li{display:flex; margin:30px 0 0; padding:35px 40px; border:1px solid #d8d8d8;}
.cont_rnd .lst_rnd > li:first-child{margin-top:0;}
.cont_rnd .lst_rnd > li .pic{flex:0 0 262px; margin-right:40px;}
.cont_rnd .lst_rnd > li .pic a{display:block;}
.cont_rnd .lst_rnd > li .cont_area{flex:1;}
.cont_rnd .lst_rnd > li .tag_area{display:flex; flex-wrap:wrap; align-items:center;}
.cont_rnd .lst_rnd > li .tag_area .tag{display:flex; align-items:center; justify-content:center; min-height:30px; margin:1px 2px; padding:0 8px; border:1px solid #d1d1d1; border-radius:3px; font-size:15px;}
.cont_rnd .lst_rnd > li .tag_area .tag.going{border-color:transparent; background:#2f68c3; color:#fff;}
.cont_rnd .lst_rnd > li .tag_area .tag.end{border-color:transparent; background:#434343; color:#fff;}
.cont_rnd .lst_rnd > li .tit_rnd{padding:20px 0; border-bottom:1px dotted #ddd; font-family:"NanumSquare"; font-weight:600; font-size:24px; line-height:1.2;}
.cont_rnd .lst_rnd > li .txt_area{margin:20px 0 0;}
.cont_rnd .lst_rnd > li .txt_area .lst_txt li{display:flex; margin:10px 0;}
.cont_rnd .lst_rnd > li .txt_area .lst_txt li .txt_tit{flex:0 0 auto; margin:0 5px 0 0;}
/* 주요연구개발사업 상세보기 */
.cont_rnd .view_rnd{border-bottom:1px solid #ececec;}
.cont_rnd .view_rnd .view_top{display:flex; margin:10px 0 0; padding:35px 40px; border:1px solid #d8d8d8;}
.cont_rnd .view_rnd .view_top .pic{flex:0 0 262px; margin-right:40px;}
.cont_rnd .view_rnd .view_top .cont_area{flex:1;}
.cont_rnd .view_rnd .view_top .tag_area{display:flex; flex-wrap:wrap; align-items:center;}
.cont_rnd .view_rnd .view_top .tag_area .tag{display:flex; align-items:center; justify-content:center; min-height:30px; margin:1px 2px; padding:0 8px; border:1px solid #d1d1d1; border-radius:3px; font-size:15px;}
.cont_rnd .view_rnd .view_top .tag_area .tag.going{border-color:transparent; background:#2f68c3; color:#fff;}
.cont_rnd .view_rnd .view_top .tag_area .tag.end{border-color:transparent; background:#434343; color:#fff;}
.cont_rnd .view_rnd .view_top .tit_rnd{padding:20px 0; border-bottom:1px dotted #ddd; font-family:"NanumSquare"; font-weight:600; font-size:24px; line-height:1.2;}
.cont_rnd .view_rnd .view_top .txt_area{margin:20px 0 0;}
.cont_rnd .view_rnd .view_top .txt_area .remark{color:#ff1d1d;}
.cont_rnd .view_rnd .view_top .txt_area .lst_txt{margin-top:15px; padding-top:15px; border-top:1px dotted #ddd;}
.cont_rnd .view_rnd .view_top .txt_area .lst_txt li{display:flex;}
.cont_rnd .view_rnd .view_top .txt_area .lst_txt li .txt_tit{flex:0 0 auto; margin:0 5px 0 0;}
.cont_rnd .view_rnd .lst_support{margin-top:30px;}
.cont_rnd .view_rnd .lst_support > ul{display:flex; justify-content:space-between;}
.cont_rnd .view_rnd .lst_support > ul > li{width:calc(33% - 15px); margin:10px 0; padding:30px; background:#f7f7f7; text-align:center;}
.cont_rnd .view_rnd .lst_support .tit{display:block; padding:0 0 10px; border-bottom:1px solid #d7d7d7; font-size:22px; /*color:#2e8a3a;*/ color:#6486e2;}
.cont_rnd .view_rnd .lst_support .box{margin:20px 0 0;}
.cont_rnd .view_rnd .lst_support .box .txt{margin-top:20px; word-break:keep-all; word-wrap:break-word;}
.cont_rnd .view_rnd .lst_bsn{display:flex; margin:30px 0;}
.cont_rnd .view_rnd .lst_bsn > li{flex:1; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; text-align:center;}
.cont_rnd .view_rnd .lst_bsn > li:first-child{border-left:0;}
.cont_rnd .view_rnd .lst_bsn .tit{display:block; padding:10px 0;/* background:#4ba357;*/ background:#6486e2; font-size:18px; color:#fff; text-align:center;}
.cont_rnd .view_rnd .lst_bsn .box{padding:20px 10px; word-break:keep-all; word-wrap:break-word;}
/* 입주안내_절차 */
.move_step{display:flex; flex-wrap:wrap;}
.move_step li{position:relative; width:calc(16.6% - 30px); margin-right:30px; margin-bottom:10px; border:1px solid #dadada; text-align:center;}
.move_step li:nth-of-type(1){border-color:#484848;}
.move_step li:nth-of-type(6){border-color:#7e9f00;}
.move_step li:after{content:''; display:inline-block; position:absolute; top:50%; right:-18px;  width:0; height:0; margin-top:-4px; border:5px solid transparent; border-left-color:#dadada; border-right:0;}
.move_step li:first-child:after{display:none;}
.move_step li:last-child:after{display:none;}
.move_step li:nth-of-type(5):after{border-left-color:#7e9f00;}
.move_step li strong{display:flex; justify-content:center; align-items:center; height:60px; background:#f5f5f5; border-bottom:1px solid #dadada; font-size:15px; line-height:1.2;}
.move_step li:nth-of-type(1) strong{border:0; background:#484848; color:#fff;}
.move_step li:nth-of-type(6) strong{border-bottom-color:#7e9f00; background:#7e9f00; color:#fff;}
.move_step li div{display:flex; justify-content:center; align-items:center; padding:15px 0; font-size:15px; line-height:1.4;}

.move_step2 li:after{border-left-color:#484848;}
.move_step2 li:nth-of-type(5):after{border-left-color:#484848;}
.move_step2 li:nth-of-type(6){border-color:#dadada;}
.move_step2 li strong,
.move_step2 li:nth-of-type(6) strong{margin:-1px -1px 0; /*border:2px solid #4ba357; background:#fff; color:#2e8a3a;*/ border:2px solid #6486e2; background:#fff; color:#6486e2;}
/* 윤리경영 신고결과확인 */
.formbox_accusecenter{display:flex; justify-content:center; align-items:center; max-width:555px; margin:15px auto; padding:8px; border:1px solid #434343; border-radius:10px;}
.formbox_accusecenter label{display:flex; align-items:center; flex:0 0 auto; width:120px; font-weight:600;}
.formbox_accusecenter input{width:100%;}

/* 부패방지 신고하기 */
.box_job_form .box_comm_p{padding:35px 60px!important;}

@media screen and (max-width:1259px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/
}

@media screen and (max-width:1023px){
	/**************************************************
		Common
	**************************************************/
	.form_radio_com{justify-content:center; padding:15px 10px; text-align:center;}
	.form_radio_com .form_area{margin-top:5px;}
	.form_radio_com .form_area .inp_group{margin:0 10px;}

	/**************************************************
		Content
	**************************************************/
	/* 채용접수 */
	.cont_job_pc{display:block;}
	.box_job{display:none;}
	/* 고객의소리 */
	.cont_voice .form_radio{justify-content:center; padding:18px 20px; text-align:center;}
	.cont_voice .form_radio .inp_group{margin:0 10px;}
	/* 주요연구개발사업 */
	.cont_rnd .lst_rnd > li{padding:20px;}
	.cont_rnd .lst_rnd > li .pic{margin-right:20px;}
	.cont_rnd .lst_rnd > li .tit_rnd{padding:15px 0; font-size:20px;}
	.cont_rnd .lst_rnd > li .txt_area{margin-top:15px;}
	.cont_rnd .lst_rnd > li .txt_area .lst_txt li{margin:5px 0;}
	/* 주요연구개발사업 상세보기 */
	.cont_rnd .view_rnd .view_top{padding:20px;}
	.cont_rnd .view_rnd .view_top .pic{margin-right:20px;}
	.cont_rnd .view_rnd .view_top .tit_rnd{padding-top:15px; font-size:20px;}
	.cont_rnd .view_rnd .view_top .txt_area{margin-top:15px;}
	.cont_rnd .view_rnd .view_top .txt_area .lst_txt{margin-top:10px; padding-top:10px;}
	.cont_rnd .view_rnd .lst_support{margin-top:20px;}
	.cont_rnd .view_rnd .lst_support > ul > li{width:calc(33% - 10px); padding:20px;}
	.cont_rnd .view_rnd .lst_support .tit{font-size:20px;}
	.cont_rnd .view_rnd .lst_bsn{margin:20px 0;}
	/* 입주안내_절차 */
	.move_step li{width:calc(16.6% - 15px); margin-right:15px;}
	.move_step li:after{right:-12px;}
	.move_step li div{font-size:14px;}
}

@media screen and (max-width:767px){
	/**************************************************
		Common
	**************************************************/
	/* 입력폼 공통(라인 박스) */
	.formbox_com dt{width:100px; padding:8px 0 8px 30px;}


	/**************************************************
		Content
	**************************************************/
	/* 뉴스레터 */
	.cont_newsletter .newsletter_tit{font-size:2em; line-height:1.2; letter-spacing:-1px; word-break:keep-all; word-wrap:break-word;}
	/* 주요연구개발사업 */
	/* 입주안내_절차 */
	.move_step li{width:calc(33.3% - 15px); margin-bottom:15px;}
}

/* ~ 639px */
@media screen and (max-width:639px){
	/**************************************************
		Common
	**************************************************/


	/**************************************************
		Content
	**************************************************/
	/* 주요연구개발사업 */
	.cont_rnd .lst_rnd > li{flex-direction:column; padding:15px;}
	.cont_rnd .lst_rnd > li .pic{flex:auto; width:100%; margin:0; text-align:center;}
	.cont_rnd .lst_rnd > li .cont_area{flex:auto; margin:15px 0 0;}
	.cont_rnd .lst_rnd > li .tit_rnd{padding:10px 0; font-size:18px; line-height:1.4;}
	.cont_rnd .lst_rnd > li .txt_area{margin-top:10px;}
	/* 주요연구개발사업 상세보기 */
	.cont_rnd .view_rnd .view_top{flex-direction:column; padding:15px;}
	.cont_rnd .view_rnd .view_top .pic{flex:auto; width:100%; margin:0; text-align:center;}
	.cont_rnd .view_rnd .view_top .cont_area{flex:auto; margin:15px 0 0;}
	.cont_rnd .view_rnd .view_top .tit_rnd{font-size:18px; line-height:1.4;}
	.cont_rnd .view_rnd .view_top .txt_area{margin-top:10px;}
	.cont_rnd .view_rnd .lst_support > ul{flex-direction:column;}
	.cont_rnd .view_rnd .lst_support > ul > li{width:100%; margin-top:10px; padding:15px;}
	.cont_rnd .view_rnd .lst_support > ul > li:first-child{margin-top:0;}
	.cont_rnd .view_rnd .lst_support .tit{font-size:18px;}
	.cont_rnd .view_rnd .lst_support .box{margin-top:10px;}
	.cont_rnd .view_rnd .lst_support .box .txt{margin-top:15px;}
	.cont_rnd .view_rnd .lst_bsn{flex-direction:column;}
	.cont_rnd .view_rnd .lst_bsn > li{flex:auto; margin-top:10px; border-left:0;}
	.cont_rnd .view_rnd .lst_bsn .tit{padding:5px 0; font-size:16px;}
	.cont_rnd .view_rnd .lst_bsn .box{padding:15px 5px;}
	/* 입주안내_절차 */
	.move_step li{width:calc(50% - 15px);}

	/* 부패방지 신고하기 */
	.box_job_form .box_comm_p{padding:20px !important;}
}

@media screen and (max-width:537px){
	/**************************************************
		Common
	**************************************************/

	/**************************************************
		Content
	**************************************************/

}