@import url('https://webfontworld.github.io/pretendard/Pretendard.css');

	.fc_pointer {color:#21b8ce; }
	.content_wrap{width:100%; min-width:320px; max-width:1450px; margin:0 auto;}
	.page_title{width:100%; margin-bottom:70px;}
	.page_title h1{width:100%; margin:0 auto; text-align:center; font-size:2.5em; font-weight:600;}
	.page_title h1:after {content:""; clear:both; display:block; width:30px; margin:10px auto; border:1px solid #000;}
	.page_title h2{width:100%; margin:0 auto; text-align:center; font-size:1.2em; color:#666; margin-top:20px; }
	
	.company_type2 {width:100%; min-width:320px; max-width:1400px; margin:0 auto; }
	.company_type2:after{content:""; clear:both; display:block;}
	.company_type2 .ceo_img {width:100%; }
	.company_type2 .ceo_img img {width:100%; height:auto; }
	.company_type2 .ceo_area{ position:relative; left:0; bottom:0; width:100%;  padding-top:0px; z-index:1; margin:0 auto;} 
	.company_type2 .ceo_area .ceo_tit { position:relative; float:left; width:30%; font-size:2em; text-align:center; line-height:1.4em; letter-spacing:-0.05em; padding-bottom:200px; }
	.company_type2 .ceo_area .ceo_tit span{display:block}
	.company_type2 .ceo_area .ceo_tit:after {content:''; position:absolute; width:1px; height:150px; background-color:#aaa; bottom:0; left:50%; }
	.company_type2 .ceo_area .ceo_txt { position:relative; float:right; width:65%; height:auto;}
	.company_type2 .ceo_area .ceo_txt h4 {font-size:1.5em;  line-height:1.5em;  color: #000;  padding-bottom:2em}
	.company_type2 .ceo_area .ceo_txt p {margin-top:20px; line-height:1.5em; color: #333; word-break: keep-all;}
	.company_type2 .ceo_area .ceo_txt span.ceo_sign{ display:block; font-size:1.1em; color:#000; margin-top:50px; font-weight:700}

	.s_tit {width:80%; height:30px; line-height:30px; text-align:left; border-left:3px solid #000; margin:50px auto;  margin-bottom:10px;  font-size:1.3em;  text-indent:10;}
	.tbla{width:80%; border-collapse: collapse; margin:0 auto; border:1px solid #ddd; border-bottom:0px;}
	.tbla tr th{width:20%; height:45px; padding:15px 0; text-align:center; border-bottom:1px solid #666; font-size:1em;}
	.tbla tr td{width:80%; border-bottom:1px solid #ddd; padding-left:15px; height:45px; text-align:left;}
		

	.jinsol_com{background:url(/img/sub/greeting_bg.jpg) no-repeat top center;  margin-top:4em; padding:4em}
	.jinsol_com .jinsol_cnt{text-align:center; color:#fff}
	.jinsol_com .jinsol_cnt b{font-weight:700; font-size:2em;  }
	.jinsol_com .jinsol_cnt strong{font-weight:700; font-size:1.4em; font-family: 'Pretendard'; }
	.jinsol_com .jinsol_cnt ul{}
	.jinsol_com .jinsol_cnt ul li{padding:0.5em 0; font-size:1.1em}


	@media screen and (max-width: 992px){

		.content_wrap{width:96%;}
		.page_title{margin-bottom:50px;}
		.page_title h1{font-size:2em;}
		.page_title h2{font-size:1em;}
		.s_tit{font-size:1.2em;}

		.company_type2 .ceo_area .ceo_tit { width:100%; font-size:1.5em; padding-bottom:50px; }
		.company_type2 .ceo_area .ceo_tit:after {height:40px; }
		.company_type2 .ceo_area .ceo_txt { width:100%; }
		.company_type2 .ceo_area .ceo_txt h4 {margin-top:40px; font-size:1.2em;}
		.company_type2 .ceo_area .ceo_sign {margin-top: 20px; }
		
		.tbla tr th{width:30%; font-size:0.9em;}
		.tbla tr td{width:70%; font-size:0.9em;}

		.jinsol_com{padding:2em; height:390px;}
		.jinsol_com .jinsol_cnt b{font-size:1.4em}
		.jinsol_com .jinsol_cnt strong{font-size:1.2em}
		.jinsol_com .jinsol_cnt ul li{font-size:.9em}
	}



/* 연혁 */
  .history_wrap{}
  .history_wrap .history_cnt{display:table; width:100%; margin-bottom:5em}
  .history_wrap .history_cnt:after{content:''; display:block; clear:both}
  .history_wrap .history_cnt .h_year{display:table-cell; width:20%;  min-width:200px;font-size:4em; color:#264ca1;font-family: 'Pretendard'; font-weight:600; vertical-align:top}
  .history_wrap .history_cnt .h_cnt{display:table-cell; width:80%; border-left:1px solid #e6e6e6; padding-left:2em; vertical-align:top}
  .history_wrap .history_cnt .h_cnt ul{border-bottom:1px solid #e6e6e6;   margin:0 0 1.5em 0; padding:0 0 1.5em 0}
  .history_wrap .history_cnt .h_cnt ul li{display:table-cell; vertical-align:middle; position:relative; font-size:1.1em}
  .history_wrap .history_cnt .h_cnt ul li:first-child:before{content:''; width:15px; height:15px; border-radius:50%; background:orange; position:absolute; top:10px; left:-2.3em}
  .history_wrap .history_cnt .h_cnt ul li p{font-size:1.8em; font-weight:600; width:150px;}
  .history_wrap .history_cnt .h_cnt ul.c_n li:first-child:before{display:none}

	@media screen and (max-width: 992px){
	.history_wrap .history_cnt .h_year{min-width:110px; font-size:2em}
	.history_wrap .history_cnt .h_cnt ul li{display:block; font-size:.9em; line-height:1.3em}
	.history_wrap .history_cnt .h_cnt ul li:first-child:before{left:-2.7em}
	.history_wrap .history_cnt .h_cnt ul li p{font-size:1.2em; padding-bottom:10px}
	}

  /* 공평성 선언문*/
.fairdoc{}
.fairdoc .fhead {padding:2.5em; border:6px solid #264ca1; color:#264ca1; background:url(/img/sub/gr_pattern.gif); font-size:1.2em; font-weight:500; line-height:1.8em; word-break:keep-all}
.fairdoc .fbody{background:#f9f9f9; padding:3em; margin-top:2.5em}
.fairdoc .fbody .fbody_in{padding:3em; border:1px solid #e3e3e3; background:#fff;}
.fairdoc .fbody .fbody_in ul{padding-bottom:2em}
.fairdoc .fbody .fbody_in ul:last-child{padding-bottom:0}
.fairdoc .fbody .fbody_in ul:after{content:''; clear:both; display:block}
.fairdoc .fbody .fbody_in ul li{float:left; }
.fairdoc .fbody .fbody_in ul li:first-child{width:35px;}
.fairdoc .fbody .fbody_in ul li:first-child p{width:33px; height:33px; text-align:center; background:#264ca1; color:#fff; font-weight:600; border-radius:50%; padding-top:3px; font-family: 'Pretendard'; font-size:1.2em }
.fairdoc .fbody .fbody_in ul li:nth-child(2){ font-size:1.15em; line-height:2em; padding-left:0.5em; width:90%; word-break:keep-all}

@media screen and (max-width: 992px){
  .fairdoc .fhead{padding:1em; font-size:1em}
  .fairdoc .fbody{padding:1em}
  .fairdoc .fbody{margin-top:1.5em}
  .fairdoc .fbody .fbody_in{padding:1em}
  .fairdoc .fbody .fbody_in ul li:first-child p{font-size:1em}
  .fairdoc .fbody .fbody_in ul li:nth-child(2){width:80%; font-size:.9em; letter-spacing:-1px;}
}

/* 찾아오시는 길 */
.map{}
.map .map_tit{font-size:1.1em; position:relative; padding-left:1em}
.map .map_tit:before{content:''; width:10px; height:3px; background:#264ca1; position:absolute; left:0; top:12px; }
.map .map_cnt{width:100%; background:#fff; border:1px solid #f9f9f9; padding:3em; margin:1.5em 0; background:url(/img/sub/gr_pattern.gif)}

@media screen and (max-width: 992px){
.map .map_tit{font-size:.9em}
.map .map_cnt{padding:1em}
}

/* 비전 */
.vision{text-align:center; width:100%}
.vision img{margin:auto}
.vision .vision_p{display:block}
.vision .vision_m{display:none}


@media screen and (max-width: 992px){
.vision .vision_p{display:none} 
.vision .vision_m{display:block}
}
.clear{clear:both; height:20px;}

.sb_tit{text-align:center; color:#264ca1; font-weight:600; background:#fff; padding:2em 0; font-size:1.2em; border-top:2px solid #264ca1}
.sub_h3{font-size:1.5em; color:#264ca1; padding-bottom:1em}

@media screen and (max-width: 992px){
.sub_h3{font-size:1.2em; }
}
/* 방폭 챔버 */
.making{}
.making .making_head{}
.making .making_head:after{content:''; clear:both; display:block;}
.making .making_head .m_left{display:inline-block; vertical-align:top; width:45%; text-align:center}
.making .making_head .m_left .m_img{border:1px solid #e3e3e3; padding:3em; width:100%; max-width:auto; height:630px}

.making .making_head .m_right{display:inline-block; vertical-align:top; width:54.5%}
.making .making_head .m_right .m_cnts{padding-left:3em}

.making .making_head .m_right .m_cnts .m_cnts_tit{color:#264CA1; font-weight:600; padding:2em 0 1em 0}
.making .making_head .m_right .m_cnts ul{  border-bottom:1px solid #e3e3e3; padding:0.7em 0}
.making .making_head .m_right .m_cnts ul li{display:inline-block; vertical-align:top; padding-right:1em; position:relative}
.making .making_head .m_right .m_cnts ul li:first-child{padding-left:10px;  width:140px; font-weight:600}
.making .making_head .m_right .m_cnts ul li:first-child:before{content:''; width:7px; height:7px; background:#264CA1; border-radius:50%; position:absolute; left:0; top:12px; }
.making .making_head .m_right .m_cnts ul li:nth-child(2){}

.table1{width:100%; table-layout:fixed; margin:0; padding:0; border:0; border-collapse:collapse}
.table1 th{background:#264CA1; color:#fff; font-weight:600}
.table1 th, .table1 td{padding:0.4em; text-align:center; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.table1 th:last-child, .table1 td:last-child{border-right:0}
.making .making_detail {margin-top:2em}
.making .making_detail .detail_cnt{text-align:center; background:#f2f2f2; padding:2em 0}



.making2{border:1px solid #e3e3e3; border-top:2px solid #264CA1; padding:2em; margin-bottom:3em}
.making2 .making_head{}
.making2 .making_head:after{content:''; clear:both; display:block;}
.making2 .making_head .m_left{display:inline-block; vertical-align:top; width:600px; text-align:center}
.making2 .making_head .m_left .m_img{padding:0 1em 1em; width:100%; max-width:auto; height:auto}
.making2 .making_head .m_left .m_img img{border-radius:10px}
.making2 .making_head .m_right{display:inline-block; vertical-align:top; width:55%}
.making2 .making_head .m_right .m_cnts{padding-left:3em}

.making2 .making_head .m_right .m_cnts .m_cnts_tit{color:#264CA1; font-weight:600; padding:2em 0 1em 0}
.making2 .making_head .m_right .m_cnts ul{  border-bottom:1px solid #e3e3e3; padding:0.7em 0}
.making2 .making_head .m_right .m_cnts ul li{display:inline-block; vertical-align:top; padding-right:1em; position:relative}
.making2 .making_head .m_right .m_cnts ul li:first-child{padding-left:10px;  width:140px; font-weight:600}
.making2 .making_head .m_right .m_cnts ul li:first-child:before{content:''; width:7px; height:7px; background:#264CA1; border-radius:50%; position:absolute; left:0; top:12px; }
.making2 .making_head .m_right .m_cnts ul li:nth-child(2){width:75%}


.making3{border:1px solid #e3e3e3; border-top:2px solid #264CA1; padding:2em; margin-bottom:3em}
.making3 .making_head{}
.making3 .making_head:after{content:''; clear:both; display:block;}
.making3 .making_head .m_left{display:table-cell; vertical-align:top; width:45%; text-align:center}
.making3 .making_head .m_left .m_img{padding:0 1em 1em 1em; width:100%; max-width:auto; height:auto}
.making3 .making_head .m_left .m_img img{width:auto; border-radius:10px}
.making3 .making_head .m_right{display:table-cell; vertical-align:top; width:55%}
.making3 .making_head .m_right .m_cnts{padding-left:3em}

.making3 .making_head .m_right .m_cnts .m_cnts_tit{color:#264CA1; font-weight:600; padding:2em 0 1em 0}
.making3 .making_head .m_right .m_cnts ul{  border-bottom:1px solid #e3e3e3; padding:0.7em 0}
.making3 .making_head .m_right .m_cnts ul li{position:relative}
.making3 .making_head .m_right .m_cnts ul li:first-child{padding-left:10px;  font-weight:600}
.making3 .making_head .m_right .m_cnts ul li:first-child:before{content:''; width:7px; height:7px; background:#264CA1; border-radius:50%; position:absolute; left:0; top:12px; }
.making3 .making_head .m_right .m_cnts ul li:nth-child(2){padding-left:12px}

.table1{width:100%; table-layout:fixed; margin:0; padding:0; border:0; border-collapse:collapse}
.table1 th{background:#264CA1; color:#fff; font-weight:600}
.table1 th, .table1 td{padding:0.4em; text-align:center; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.table1 th:last-child, .table1 td:last-child{border-right:0}
.making .making_detail {margin-top:2em}
.making .making_detail .detail_cnt{text-align:center; background:#f2f2f2; padding:2em 0}


.m_cnts_tit2{color:#264ca1; font-size:1.2em; font-weight:600; border-bottom:2px solid #264ca1; border-top:2px solid #264ca1; padding:0.5em 0; margin-bottom:0.5em;}
.m_cnts_tit3{color:#264ca1; font-size:1.2em; font-weight:600; border-bottom:2px solid #264ca1; border-top:2px solid #264ca1; padding:0.5em 0; margin-bottom:0.5em; text-align:center}



.making_pf{}
.making_pf ul{}
.making_pf ul li{display:inline-block; vertical-align:top; text-align:center; height:340px; overflow:hidden; margin-bottom:0.2em; width:33%; background:#fff; padding:2em 0; border:1px solid #eee}
.making_pf ul li p{height:220px; overflow:hidden;}


@media screen and (max-width: 1500px){
.making .making_head .m_left{width:45%; height:auto}
.making2 .making_head .m_left{ width:45%; height:auto}
.making .making_head .m_right{width:50%; height:auto}
.making2 .making_head .m_right{width:50%; height:auto}
.making .making_head .m_left .m_img{height:auto}
.making2 .making_head .m_left .m_img{height:auto}
}

@media screen and (max-width: 1200px){
.making .making_head .m_left{width:45%; height:auto}
.making2 .making_head .m_left{ width:45%; height:auto}
.making .making_head .m_right{width:50%; height:auto}
.making2 .making_head .m_right{width:50%; height:auto}
.making .making_head .m_left .m_img{height:auto}
.making2 .making_head .m_left .m_img{height:auto}
}

@media screen and (max-width: 992px){
.m_cnts_tit2{font-size:1em}

.making_pf ul li{width:49%; height:auto; padding:1em 0}
.making_pf ul li p{height:auto}

.making2{padding:1em}
.making .making_head .m_left{display:block; width:100%; height:auto}
.making .making_head .m_left .m_img{height:auto}
.making .making_head .m_right{display:block; width:100%; height:auto}
.making .making_head .m_right .m_cnts{padding-left:0em; padding-top:1.5em}

.making2 .making_head .m_left{display:block; width:100%; height:auto}
.making2 .making_head .m_left .m_img{height:auto}
.making2 .making_head .m_right{display:block; width:100%; height:auto}
.making2 .making_head .m_right .m_cnts{padding-left:0em; padding-top:1.5em}

.making2 .making_head .m_right .m_cnts ul li{width:100%}
.making2 .making_head .m_right .m_cnts ul li:first-child{width:100%}

.making3 .making_head .m_left{width:100%; display:block}
.making3 .making_head .m_left .m_img{padding:0 0 1em 0}
.making3 .making_head .m_right{width:100%; display:block}
.making3 .making_head .m_right .m_cnts{padding-left:0}
.making3 .making_head .m_right .m_cnts ul li:first-child:before{top:7px;}
#top_btn{width:30px; height:30px; line-height:15px}


}


.pp_table{clear:both; width:100%; border-collapse:collapse}
.pp_table th{background:#264CA1; text-align:center; color:#fff;}
.pp_table th:first-child{width:20%}
.pp_table td:first-child{text-align:center; font-weight:bold}
.pp_table td:last-child{border-right:0}
.pp_table th{padding:0.3em; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.pp_table td{padding:0.6em; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}

@media screen and (max-width: 992px){
.pp_table th, .pp_table td{font-size:.85em}
}


.table2{width:100%; table-layout:fixed; margin:0; padding:0; border:0; border-collapse:collapse; border-top:1px solid #e3e3e3;}
.table2 th{background:#264CA1; color:#fff; font-weight:600}
.table2 th:first-child{width:28%}
.table2 th, .table2 td{padding:0.4em; text-align:center; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.table2 th:last-child, .table2 td:last-child{border-right:0}



.MPA_T1_etc{}
.MPA_T1_etc .mpa_pc{}
.MPA_T1_etc .mpa_m{display:none}

@media screen and (max-width: 992px){
.MPA_T1_etc .mpa_pc{display:none}
.MPA_T1_etc .mpa_m{display:block}
}


.MPA_T4_etc{}
.MPA_T4_etc ul{}
.MPA_T4_etc ul li{display:inline-block; vertical-align:top; text-align:center; width:24%; border-top:1px solid #333; padding-top:1em; margin-right:0.5em}
.MPA_T4_etc ul li:last-child{margin-right:0}
.MPA_T4_etc ul li img{margin-top:1em; width:100%}


@media screen and (max-width: 992px){
.MPA_T4_etc ul li{width:46.5%;}
}


/* CI */
		  .ci{}
		  .ci .ci_logo{text-align:center; border-top:1px solid #e3e3e3; padding:3em 0}
		  .ci .ci_head{border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:3em 0}
		  .ci .ci_head .head_left{display:inline-table; vertical-align:top; width:400px; text-align:center}
		  .ci .ci_head .head_left img{max-width:189px; margin: auto}
		  .ci .ci_head .head_right{display:inline-table; vertical-align:top; }
		  .ci .ci_head .head_right img{display:block; margin:1em auto auto auto}
		  .ci .ci_head:after{content:''; clear:both; display:block}

		  .ci h3{margin:1em 0; padding:1em 0; display:table; border-bottom:1px solid #e3e3e3;}
		  .ci .ci_use{}
		  .ci .ci_use .ci_use_left{display:inline-table; vertical-align:top; width:400px; }
		  .ci .ci_use .ci_use_left p{font-size:.8em; color:#777; width:70%; word-break:keep-all}
		  .ci .ci_use .ci_use_right{display:inline-table; vertical-align:top; padding-top:6em; width:70%}
		  .ci .ci_use .ci_use_right img{margin:auto 3em 2em auto}
		  .ci .ci_use .ci_use_right img:last-child{margin-right:0}

		  .ci .ci_use_right .logotype_ul ul{width:100%; display:table}
		  .ci .ci_use_right .logotype_ul ul li{text-align:center; display:inline-table; vertical-align:top; height:100%; width:calc(32.3% - 0%); margin-right:0.8em}
		  .ci .ci_use_right .logotype_ul ul li:last-child{margin-right:0}
		  .ci .ci_use_right .logotype_ul p{display:table-cell; vertical-align:middle; height:480px; border:1px solid #ececec; padding:1.2em;}
		  .ci .ci_use_right .color_ul ul{display:table; width:100%}
		  .ci .ci_use_right .color_ul li{display:table-cell}

		  @media all and (min-width:0px) and (max-width:768px){
		  .ci .ci_head .head_left{width:100%; padding-bottom:2em}
		  .ci .ci_use .ci_use_left{width:100%}
		  .ci .ci_use .ci_use_left p{width:95%}
		  .ci .ci_use .ci_use_right{width:100%; padding-top:1em}
		  .ci .ci_use .ci_use_right p{padding-top:2em}
		  .ci .ci_use_right .logotype_ul ul{display:block}
		  .ci .ci_use_right .logotype_ul ul li{display:block; width:calc(100% - 0%); margin-right:0}
		  .ci .ci_use .ci_use_right p{width:100%; display:block; height:auto; margin-bottom:1em}
		  .ci .ci_use .ci_use_right img{margin:1em}
		  .ci .ci_use_right .color_ul ul{display:block; width:100%}
		  .ci .ci_use_right .color_ul li{display:inline-block; width:48%; text-align:center}
		  }

		  @media all and (min-width:769px) and (max-width:1024px){
		  .ci .ci_head .head_left{width:38%}
		  .ci .ci_head .head_left img{max-width:155px !important}
		  .ci .ci_head .head_right{width:60%}
		  .ci .ci_use .ci_use_left{width:35%}
		  .ci .ci_use .ci_use_right{width:60%}
		  .ci .ci_use_right .logotype_ul ul li{display:block; width: calc(100% - 0%);}
		  .ci .ci_use_right .logotype_ul p{display:block; width:100%; height:auto; margin-bottom:0.5em}
		  .ci .ci_use_right .color_ul ul{display:block}
		  .ci .ci_use_right .color_ul li{display:inline-block; width:32%; text-align:center}
		  }



 /* 조직도 */
 .organization{text-align:center; padding-bottom:2em}
.organization img{margin:auto; display:block}



/* 인정현황 */
.recog{background:#f9f9f9 url(/img/sub/recognition_bg.png) no-repeat center top; text-align:center; padding:6em 0 3em 0}
.recog .recog_wrap{text-align:center; margin:auto auto auto; width:85%; text-align:center}


.recog .recog_wrap .regular div{font-size:.96em}
.recog .recog_wrap .regular div img{margin:auto; box-shadow:3px 3px 12px #e3e3e3;}
.recog .slick-dots li button{margin-top:3em}
.recog p{margin:0; padding:.7em 0 0 0; text-align:center}

.recog .recog_wrap div{width:33%; display:inline-block; vertical-align:top}
.recog .recog_wrap div img{width:100%; max-width:300px !important; margin:0 1em;}
.recog .recog_wrap div p{width:100%; max-width:300px !important; text-align:center; margin:auto auto 2em auto}


.exam_txt{border-top:1px solid #e3e3e3; padding:1em 0}


@media all and (min-width:1024px){
.making3 .making_head .m_left{display:table-cell; vertical-align:top; width:45%; min-width:500px; text-align:center}
}