@font-face {
    font-family: 'MapoFlowerIsland';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoFlowerIslandA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
            
	.fc_pointer {color:#1F88E5; }
	.content_wrap{width:100%; min-width:320px; max-width:1200px; 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_type1 {width:100%; margin:0 auto; }
	.company_type1:after{content:""; clear:both; display:block;}
	.company_type1 .ceo_img {position: relative; float:right; width:500px; text-align:right; padding-left:30px;}
	.company_type1 .ceo_img img {width:100%; height:auto; }
	.company_type1 .ceo_area{ float:left; width:50%;} 
	.company_type1 .ceo_area .ceo_tit { position:relative; float:left; width:100%; font-size:1.8em;font-weight:600; line-height:1.4em; letter-spacing:-0.05em;  }
	.company_type1 .ceo_area .ceo_txt { float:right; width:100%; padding-top:50px; }
	.company_type1 .ceo_area .ceo_txt p {margin-top:20px; line-height:1.5em; color: #000; font-size:1.2em; word-break: keep-all; }
	.company_type1 .ceo_area .ceo_txt span.ceo_sign{ display:block; font-size:1.8em; color:#000; margin-top:50px; font-family: 'Satisfy', 'Noto Sans KR', sans-serif;}

	.s_tit {width:100%; height:30px; line-height:30px; text-align:left; border-left:5px solid #000; margin:50px auto;  margin-bottom:10px;  font-size:1.5em; font-family: 'MapoFlowerIsland'; text-indent:10;}
	.tbla{width:100%; 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;}

		
	@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_type1 .ceo_img {width:100%; text-align:center; margin-bottom:30px; padding-left:0; }
		.company_type1 .ceo_img img{width:100%;}
		.company_type1 .ceo_area{ float:none; width:95%; margin:0 auto; } 
		.company_type1 .ceo_area .ceo_tit { font-size:1.8em; text-align:center;}
		.company_type1 .ceo_area .ceo_txt{padding-top:10px;}

		.tbla tr th{width:30%; font-size:0.9em;}
		.tbla tr td{width:70%; font-size:0.9em;}

	}




.history_top { width:120px; height:120px; padding-top:27px; margin:70px auto; line-height:22px; font-size:1.5em; text-align:center; color:#fff;  background:#333; border-radius: 50%; }
.timeline {box-sizing: border-box; }
.timeline:before {box-sizing: border-box; }
.timeline * {box-sizing: border-box; }
.timeline *:before {box-sizing: border-box; }
.timeline { position: relative; font-size: 1em; width: 100%; height: 100%; margin:50px auto; overflow-y: hidden; overflow-x: hidden;}
.timeline .timeline-block {margin-top:-4px;}
.timeline .timeline-icon {position:absolute; width: 12px; height: 12px; left: 50%; margin-left: -6px; margin-top:4px; border: 3px solid #4e9cdd; border-radius: 100%; background-color: #fff; text-align: center; }
.timeline .timeline-icon.timeline-icon-hide-border { border: 0; }
.timeline .timeline-icon.timeline-icon-hide-border i.fa, .timeline .timeline-icon.timeline-icon-hide-border img { margin-left: 0; margin-top: 0;}
.timeline .timeline-icon i.fa, .timeline .timeline-icon img { display: inline-block; width: 32px; height: 32px; margin-left: -4px; margin-top: -4px; vertical-align: bottom; line-height: 32px; text-align: center; font-size: 30px; }
.timeline .timeline-icon img { border-radius: 100%; }
.timeline .timeline-content { position: relative; width: 46%; padding-bottom:50px; line-height: 20px; }
.timeline .timeline-content .bar_count { font-size:1.5em; color:#000; margin-bottom:10px;}
.timeline .timeline-content ul li img{width:100%; height:100px; margin-top:20px; background:red;}
.timeline::before { position: absolute; width: 1px; height: 100%; top:0px; left: 50%; margin-left: -1px; background-color: #eee; content: ""; }/* Half of width */
.timeline.timeline-alternating .timeline-block:nth-of-type(2n+1) .timeline-content{text-align:right}
.timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-content { left: 54%; }
.timeline.timeline-alternating:not(.timeline-left) .timeline-block:nth-of-type(2n) .timeline-date { left: auto;  right: 115%; margin-left: -400px; }


/*오시는길*/

.map_wrap{ width:100%; max-width:1200px; margin:0 auto; margin-bottom:0px;}
.map_wrap .map_info {width:100%; margin-top:40px;}
.map_wrap .map_info .con_box {margin-bottom:30px;}
.map_wrap .map_info .con_box>h2 {font-size:1.5em; color:#000;  margin-bottom:10px;}
.map_wrap .map_info table {width:100%; border-top:1px solid #000;}
.map_wrap .map_info table th {padding:0; margin:0; width:20%; text-align:center; font-size:1em; color:#000; vertical-align:middle; font-weight:normal; /*background:url('/html/image/arr1.gif')no-repeat 95% 40%; */ background:#f5f5f5; border-bottom:1px solid #EEE;}
.map_wrap .map_info table td {width:80%; text-align:left; font-size:1em; color:#888; vertical-align:top;  padding:10px 0 10px 15px; border-bottom:1px solid #EEE;}
.map_wrap .map_info table td > a {color:#666;}
.map_wrap .map_info table td > a:hover {color:#000;}


	.fc_pointer {color:#BC0000; }
	
	.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; }

	.vision_type2 {width:100%; min-width:320px; max-width:1200px; margin:0 auto; }
	.vision_type2:after {display:block; visibility:hidden; clear:both; content:""}
	.vision_type2 h2.title {text-align:center; font-size:2em; font-weight:400; color:#333; line-height:1.2em; margin-bottom:40px; }
	.vision_type2 span.stitle {display:block; width:100%; text-align:center; margin:0 auto; font-size:1.1em; font-weight:400; color:#333; line-height:1.6em; margin-bottom:40px; }
	.vision_type2 .img_div img{width:100%; max-width:1200px; border-radius:85px; margin-bottom:30px}
	.vision_type2 ul {margin:0; padding:0; }
	.vision_type2 ul li {clear:both; padding:0px; margin:0; margin-bottom:30px; width:100%; border-radius:85px; border:1px solid #ddd; background-color:#fafafa; overflow:hidden;}
	.vision_type2 ul li .circle_box {display:block; float:left; width:170px; height:170px; border-radius:85px; }
	.vision_type2 ul li:nth-child(1) .circle_box {background:#005bab; }
	.vision_type2 ul li:nth-child(2) .circle_box {background:#36b1d4; }
	.vision_type2 ul li:nth-child(3) .circle_box {background:#f48025; }
	.vision_type2 ul li:nth-child(4) .circle_box {background:#005bab; }
	.vision_type2 ul li:nth-child(5) .circle_box {background:#36b1d4; }
	.vision_type2 ul li:nth-child(6) .circle_box {background:#f48025; }
	.vision_type2 ul li .circle_box .icon {display:block; position:relative; left:0; top:25%; width:100%; height:100%; text-align:center; }
	.vision_type2 ul li .circle_box .icon i {display:block; font-size:3em; color:#fff; }
	.vision_type2 ul li .circle_box .icon em {display:block; font-size:1.2em; color:#fff; font-style:normal; margin-top:10px;}
	.vision_type2 ul li .con_txt {display:block; float:left; width:70%; margin-left:50px; margin-top:30px;}
	.vision_type2 ul li .con_txt p {font-size:1.5em; color:#000; text-align:left; }
	.vision_type2 ul li .con_txt span {font-size:1em; color:#555; text-align:left;  line-height:1.5em;}
	.vision_type2 ul li.inverse_li{background-color:#fff;}
	.vision_type2 ul li.inverse_li .circle_box {float:right;  }
	.vision_type2 ul li.inverse_li .con_txt {float:right; }

	.s_tit {width:100%; height:30px; line-height:30px; text-align:left; border-left:5px solid #000; margin:50px auto;  margin-bottom:10px;  font-size:1.5em;  text-indent:10;}

	@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;}

		.vision_type2 h2.title { font-size:1.5em; }
		.vision_type2 span.stitle{font-size:1em; width:90%;}
		.vision_type2 ul li {width:100%; margin-bottom:50px; border-radius:40px; border-bottom-left-radius:0px; border-bottom-right-radius:0px}
		.vision_type2 ul li .circle_box{float:none; width:100%;  border-radius:40px; }
		.vision_type2 ul li.inverse_li .circle_box{float:none; width:100%;  border-radius:40px; }
		.vision_type2 ul li .con_txt{float:none; width:90%; margin:0px; padding:30px 5%;}
		.vision_type2 ul li.inverse_li .con_txt{float:none; width:90%; margin:0px; padding:30px 5%;}
		.vision_type2 .img_div img{border-radius:40px;}

	}

	@media screen and (max-width: 480px){
		
		
		.vision_type2 ul li{border-radius:15px;}
		.vision_type2 ul li .circle_box{border-radius:15px; }
		.vision_type2 ul li.inverse_li .circle_box{ border-radius:15px; }
		.vision_type2 .img_div img{border-radius:15px;}

	}

	.sub2 {width:100%; min-width:320px; max-width:1200px; margin:0 auto; }
	
	.sub2 .con_txt {font-size:1.2em; color:#000; text-align:left;  }
	.sub2 .con_txt p {padding-left:20px; }
	.sub2 .con_txt h2.title {text-align:center; font-size:1.8em; font-weight:600;  line-height:1.2em; margin-bottom:40px; }





/*기술자격정보*/
.license_info{
    }
.license_info h3{
    font-size:24px; color: #000; line-height:30px; font-weight:600; text-align: center;}
.license_info .establish{
    display: block;
    font-size:11px; color:#333; letter-spacing:4px; text-align: center;
    margin:5px 0;}
.license_info .establish:before, .license_info .establish:after{
    display:inline-block; content: "";
    width:20px; height:1px; 
    vertical-align: middle;
    margin:0 10px;
    background: #333;}


.license_info dl{
    margin:50px 0;}
.license_info dl dt, .license_info dl dd{
    font-size:16px; color: #000; line-height:30px; word-break: keep-all;}
.license_info dl dt.dtTitle{
    font-size:20px; text-align: center;
    margin:0;}
.license_info dl dt.dtTitle:before{
    display: block; content: "";
    width:30px; height:3px;
    background: #333;
    margin:100px auto 20px;}
.license_info dl dt{
    font-weight: bold;}
.license_info dl dd{
    margin:0 0 20px;}
.license_info dl dd ul{
    margin:0 0 10px 40px;}
.license_info dl dd li{
    font-size:14px; color: #000; line-height:28px; word-break: keep-all; list-style: decimal;}
.license_info dl dd table{
    width:100%; height: auto;
    margin:5px 0;
    border-spacing: 0px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
.license_info dl dd table th, .license_info dl dd table td{
    font-size:14px; color: #000; line-height:24px; word-break: keep-all; 
    padding:5px;
    border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.license_info dl dd table th{
    text-align: center;
    background: #eee;}   
.license_info dl dd table td.txtct{
    text-align: center;}


@media screen and (max-width: 620px){
.license_info dl dt.dtTitle{
    font-size:18px; text-align: center;
    margin:0 0 15px;}
.license_info dl dt, .license_info dl dd{
    font-size:14px; color: #000; line-height:22px; word-break:break-all !important;}
.license_info dl dd ul{
    margin:0 0 10px 15px;}
.license_info dl dd li{
    font-size:14px; color: #000; line-height:22px; word-break: keep-all; list-style: decimal;}
.license_info dl dd table{} 
.license_info dl dd table th, .license_info dl dd table td{
    font-size:12px; color: #000; line-height:22px; word-break:break-all !important; 
    padding:3px;}
.license_info dl dd li{
    font-size:12px; color: #000; line-height:22px; word-break:break-all !important;}
}
/* 연혁1 */
.company3-1 {width:100%; max-width:1400px; margin:0 auto;  }
.company3-1:after{ content:""; display:block; clear:both;}
.company3-1 .con_box {width:100%; overflow:hidden}
.company3-1 .con_box:after{ content:""; display:block; clear:both;}
.company3-1 .con_box ul {width:100%; font-size:0; padding-top:50px;}
.company3-1 .con_box ul li {width:100%; }
.company3-1 .con_box ul li .con_left {display:inline-block; vertical-align:top; width:20%; text-align:center;}
.company3-1 .con_box ul li .con_left span.year {display: inline-block; font-size:1.5em; color:#000; font-weight:500; }
.company3-1 .con_box ul li .con_right {display:inline-block; vertical-align:top; width:75%; padding-left:50px; }
.company3-1 .con_box ul li .con_right dl {position:relative; width:100%; padding-bottom:40px;}
.company3-1 .con_box ul li .con_right dl:before {z-index:-1; display: block; content: ''; position: absolute; top:10px; left:-40px; width: 1px; height:100%; background:#ddd; }
.company3-1 .con_box ul li:last-child .con_right dl {padding-bottom:0;}
.company3-1 .con_box ul li .con_right dl dt {position:relative; display:block; margin-top:20px; font-size: 1.25em; color:#000; line-height: 1.4; font-weight: 500; }
.company3-1 .con_box ul li .con_right dl dt:first-child { margin-top:0;}
.company3-1 .con_box ul li .con_right dl dt:after {z-index:0; display: block; content: ''; position: absolute; top:10px; left:-44px; width:8px; height:8px; background:#4e9cdd; border-radius:8px;}
.company3-1 .con_box ul li .con_right dl dd {display:block; margin-top:10px; font-size: 1em; color: #555; line-height: 1.6;}
.company3-1 .con_box ul li .con_right dl dd .imgs {padding-top:20px;}
.company3-1 .con_box ul li .con_right dl dd .imgs img {max-width:100%;}

/* 반응형 중간기기 768사이즈 이하 */
@media screen and (max-width: 768px) {		

	.page_title1 {margin:40px 0 20px 0;}
	.page_title1 .title { font-size:2em; }
	.page_title1 .title_desc { font-size:1.15em;}
	
	.page_title2 {margin:50px 0 20px 0;}
	.page_title2 .title {font-size:2em;}

	
	
	.company3-1 .con_box ul {padding-top:30px;}
	.company3-1 .con_box ul li {padding-bottom:50px;}
	.company3-1 .con_box ul li .con_left {width:100%; background:#eee; border-radius:50px;}
	.company3-1 .con_box ul li .con_left span.year {padding:10px; font-size:1.25em; color:#000;}
	.company3-1 .con_box ul li .con_right {width:100%; padding:0 30px; margin-top:20px;}
	.company3-1 .con_box ul li .con_right dl:last-child {padding-bottom:0;}
	.company3-1 .con_box ul li .con_right dl:before { left:-20px;}
	.company3-1 .con_box ul li .con_right dl dt:after {left:-24px;}

	
}