@charset "utf-8";

/* **************************************** *
 * common
 * **************************************** */
.cont_body *{transition:all 0.4s;}
.txt-box{
	margin:60px 0 100px;
	font-weight: 600;
	text-align: center;
	letter-spacing:0.05em;
}
.txt-box .m-txt{
	font-size: 42px;
	color: #999;
	line-height: 1.5;
	letter-spacing: -2px;
}
.txt-box .m-txt strong{
	color:#0e2071;
	letter-spacing: -2px;
}
.txt-box .s-txt{
	margin-top:18px;
	font-size: 18px;
	line-height: 1.7;

}
.txt-box2{margin:80px 0 60px;}
.txt-box2 .txt{
	font-size:46px;
	font-weight:500;
	letter-spacing: -1px;
	text-align:center;
}
.txt-box2 .txt2{
	margin-top:15px;
	font-size:18px;
	text-align:center;
}
.img img{max-width:100%;width:100%;}

.cont_inner{max-width:1200px;margin:0 auto;}
.cont_inner2{max-width:1200px;margin:0 auto;}

@media screen and (max-width:1200px){
	.cont_head .title{font-size:52px;}
	.txt-box .m-txt{font-size:40px;}
	.txt-box2 .txt{font-size:40px;}
	.txt-box2 .txt2{font-size:16px;}
	.txt-box .m-txt{font-size:40px;}
	.txt-box .s-txt{font-size:16px;}
	.cont_inner2{width:100%;padding:0 20px;}
}
@media screen and (max-width:1024px){
	.cont_head .title{margin-bottom:30px;font-size:45px;}
	.txt-box{margin:60px 0 80px;}
	.txt-box .m-txt{font-size:35px;}
	.txt-box2 .txt{font-size:35px;}
	.txt-box2{margin:60px 0;}
	
}
@media screen and (max-width:1000px){
	.cont-box{padding:0 20px;}
	.txt-box{margin:45px 0 65px;padding:0 20px;}
	.txt-box2{margin:40px 0;}
	.txt-box2 .txt{font-size:28px;}
	.txt-box .m-txt{font-size:30px;}
	.cont_head{padding:40px 0 0;}
	.cont_head .title{font-size:38px;}
	.cont_body{letter-spacing:-0.1em;}
}
@media screen and (max-width:640px){
    .cont_head .title{font-size:30px;}
	.txt-box2{margin:30px 0;}
	.txt-box2 .txt2{font-size:14px;}
	.txt-box .m-txt{font-size:21px;}
	.txt-box .s-txt{font-size:14px;}
	.txt-box .m-txt br{display:none;}
	
}



/* **************************************** *
 * 회사소개
 * **************************************** */
 /* 연혁 */

.history_area{position:relative;height:100%;background:url(./../images/content/bg_line_history.jpg) repeat-y center 0;}
.history_area:before{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-1px;
	content:'';
	display:inline-block;
	width: 1px;
	z-index:10;
	height:12px;
	background:url(./../images/content/bg_line_history_white.jpg) repeat-y center 0;
}
.history_area:after{
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-1px;
	content:'';
	display:inline-block;
	width: 1px;
	z-index:10;
	height:13px;
	background:url(./../images/content/bg_line_history_white.jpg) repeat-y center bottom;
}
.history .box_left .img img{width:auto;}
.history:after{content:'';display:block;clear:both;}
.history .year{
	position:relative;
	margin-bottom:15px;
	font-size:46px;
	line-height:1;
}
.history .year:before{content:'';position:absolute;top:50%;display:inline-block;width:19px;height:19px;margin-top:-9.5px;background:#285dbf;border-radius:50%;}
.history .year:after{content:'';position:absolute;top:50%;display:inline-block;width:7px;height:7px;margin-top:-3.5px;background:#fff;border-radius:50%;}
.history:first-child .year:before{top:12px;margin-top:0;}
.history:first-child .year:after{top:18px;margin-top:0;}
.history ul li{
	position:relative;
	margin-bottom:5px;
	font-size:16px;
	line-height:1.5;
}
.history ul li:before{content:'';display:inline-block;position:absolute;top:50%;margin-top:-3.5px;width:7px;height:7px;background:#285dbf;border-radius:50%;} 
.history ul li:after{content:'';display:block;clear:both;}
/* .history  ul li .month{display:block;font-family: 'Proxima Nova';font-weight:600;color:#444;}
.history  ul li p{width:calc(100% - 15%);} */

.history .box_left .year:before{right:-49.5px;}
.history .box_left .year:after{right:-43.5px;}
.history .box_right .year:before{left:-49.5px;}
.history .box_right .year:after{left:-43.5px;}
.history .box_left{float:left;width:50%;padding:0 40px 65px 0;text-align:right;}
.history .box_left ul li *{float:right;}
.history .box_left ul li .month{padding-left:10px;}
.history .box_right{float:right;width:50%;padding:0 0 65px 40px;text-align:left;}
.history .box_right ul li *{float:left;}
.history .box_right ul li .month{padding-right:10px;}
.history .box_left ul li:before{right:-43.5px;} 
.history .box_right ul li:before{left:-43.5px;} 
.history .box_left > div,
.history .box_right > div{margin-top:30px;}
.history .box_left > div:first-child,
.history .box_right > div:first-child{margin-top:0;}
.history:last-child .box_left,
.history:last-child .box_right{padding-bottom:0;}
/* .history .blue{margin-right:5px;color:#054fb0;} */
.clients_box .c-logo-box{width:100%;margin:0 auto;text-align:center;}
.clients_box .c-logo-box:after{
	content:'';
	display:block;
	clear:both;
	/* display:flex;
	flex-flow:wrap;
	justify-content:center; */
}
.clients_box .c-logo-box > span{
	display:inline-block;
	margin: 0 10px 5px;
}

.bottom_visual{
	position: relative;
	margin-top:100px;
}
.bottom_visual .textArea{
	position: absolute;
	bottom:12%;
	left:8%;
}
.bottom_visual .textArea .txt{
	font-size:18px;
	color:#fff;
}
.bottom_visual .textArea .txt{
	font-size:18px;
	color:#fff;
}
.bottom_visual .textArea .txt2{
	margin-top:15px;
	font-size:46px;
	font-weight:500;
	color:#fff;
}

@media screen and (max-width:1200px){
	.bottom_visual .textArea .txt2{font-size:40px;}
}
@media screen and (max-width:1024px){
	.history .year{font-size:38px;}
	.bottom_visual .textArea .txt2{font-size:35px;}

}
@media screen and (max-width:1000px){
	.bottom_visual{margin-top:60px;}
	.bottom_visual .textArea{bottom:36%;}
	.bottom_visual .textArea .txt2{font-size:28px;}
}
@media screen and (max-width:768px){
	/* 연혁 */
	.history_box .txt_box{margin:0px 0 20px;text-align:center;}
	.history_box .txt_box .sub{font-size:30px;}
	.history_box .txt_box .txt{font-size:16px;}
	.history_area{height:auto;background:url(./../images/content/bg_line_history.jpg) repeat-y left 0;}
	.history:first-child .year:before{top:4px;}
	.history:first-child .year:after{top:10px;}
	.history .year{font-size:24px;}
	.history .year:before{top:13px;display:inline-block;width:19px;height:19px;}
	.history .year:after{top:13px;display:inline-block;width:7px;height:7px;margin-top:-3.5px;}

	.history ul li{font-size:14px;}
	.history ul li:before{top:9px;} 
	.history ul li:after{content:'';display:block;clear:both;}
	.history  ul li .month{display:block;font-family: 'Proxima Nova';font-weight:600;color:#333;}
	.history  ul li p{width:calc(100% - 15%);}
	.history .box_left .year:before{left:-24px;}
	.history .box_left .year:after{left:-18px;}
	.history .box_right .year:before{left:-24px;}
	.history .box_right .year:after{left:-18px;}
	.history .box_left{float:left;width:100%;padding:0 0 30px 15px;text-align:left;}
	.history .box_left ul li *{float:left;}
	.history .box_left ul li .month{padding-right:10px;padding-left:0;}
	.history .box_right{float:left;width:100%;padding:0 0 30px 15px;text-align:left;}
	.history .box_right ul li *{float:left;}
	.history .box_right ul li .month{padding-right:10px;}
	.history .box_left ul li:before{left:-18px;} 
	.history .box_right ul li:before{left:-18px;}
	.clients_box .c-logo-box{}
	.c-logo-box > span{width:165px;}
	.c-logo-box > span img{width:100%;}
	
}
@media screen and (max-width:640px){
	.bottom_visual .textArea .txt{font-size:14px;}
	.bottom_visual .textArea .txt2{font-size:20px;}
	
}
@media screen and (max-width:480px){
	.bottom_visual .textArea{bottom:30%;left:20px;right:20px;}
	.bottom_visual .textArea .txt{font-size:14px;}
	.bottom_visual .textArea .txt2{margin-top:8px;font-size:16px;}
}
@media screen and (max-width:440px){
	.clients_box .c-logo-box > span{margin:0 5px 5px;}
	.c-logo-box > span{width:150px;}
	/* .c-logo-box > span{float: left;} */
}
@media screen and (max-width:400px){
	
	
}


/* **************************************** *
 * 인사말
 * **************************************** */
.greetings{width:100%;height:864px;padding:8% 0;background:url(./../images/content/bg_greetings.jpg) no-repeat 50% 50%;text-align:center;color:#fff;}
.greetings .slogan{margin-bottom:60px;font-size:46px;font-weight:600;letter-spacing:-0.02em;}
.greetings .text{font-size:20px;}
.greetings .text p{margin-top:50px;line-height:1.5;}
.greetings .text .sign{margin-top:70px;}
.greetings .text .sign strong{display:inline-block;margin-left:20px;font-family:'NanumMyeongjo';font-size:26px;}

@media screen and (max-width:1200px){
	.greetings{height:750px;}
	.greetings .slogan{font-size:26px;}
	.greetings .slogan span{font-size:36px;}
	.greetings .text p{margin-top:40px;}
}
@media screen and (max-width:1024px){
	.greetings{height:700px;}
	.greetings .slogan{font-size:24px;}
	.greetings .slogan span{font-size:32px;}
	.greetings .text{font-size:16px;}
}
@media screen and (max-width:768px){
	.greetings{height:650px;}
	.greetings .slogan{font-size:20px;}
	.greetings .slogan span{font-size:28px;}
	.greetings .text{font-size:15px;}
}
@media screen and (max-width:640px){
	.greetings{height:620px;padding:15% 0;}
	.greetings .slogan{font-size:17px;}
	.greetings .slogan span{font-size:22px;}
	.greetings .text{font-size:14px;}
	.greetings .text .sign{margin-top:50px;}
	.greetings .text .sign{font-size:15px;}
	.greetings .text .sign strong{font-size:20px;}
}
/* **************************************** *
 * Vision&Mission
 * **************************************** */
.flex{display:flex;justify-content:space-between;}
.img_mg{margin:50px auto 100px;}
.mv-box .txtArea{position:relative;padding-bottom:40px;}
.mv-box .txtArea:after{
	content:'';
	display: inline-block;
	position: absolute;
	bottom:0;
	left:0;
	width: 56px;
	height: 2px;
	background:#111; 
}
.mv-box .txtArea .tit{font-size:46px;font-weight:600;color:#1579de;}
.mv-box .txtArea .sub-tit{font-size:32px;font-weight:500;}
.mv-box .txt{margin-top:40px;font-size:16px;line-height:1.8;}

.iconArea{
	margin-top: 100px;
	width:100%;
	height:690px;
	background:url(./../images/content/bg_mission_visual.jpg) no-repeat center 0;
}
.iconArea .cont_inner{
	display:flex;
	justify-content:center;
	padding-top:10%;
}
.iconArea .mission-box{margin-left:80px;color:#fff;text-align:center;}
.iconArea .mission-box::first-child{margin-left:0;}
.iconArea .mission-box .tit{margin-bottom:30px;font-size:46px;font-weight:600;}
.iconArea .mission-icons{
	display:flex;
	justify-content:center;
}
.iconArea .mission-icons .flex-sm{
	display:flex;
	justify-content:center;
}

@keyframes ani_ico {
    0% {
    	transform:translateY(0px);
    	-webkit-transform:translateY(0px);
    	-ms-transform:translateY(0px);
    	-moz-transform:translateY(0px);
    }
    50% {
    	transform:translateY(-15px);
    	-webkit-transform:translateY(-15px);
    	-ms-transform:translateY(-15px);
    	-moz-transform:translateY(-15px);
    }
}
.iconArea .icons{margin:0 20px;}
.iconArea .icons .icon{
	display:inline-block;
	width:170px;
	height:170px;
	line-height:170px;
	background:#fff;
	border-radius:50%;
}
.iconArea .icons .icon img{vertical-align:middle;}
.iconArea .icons .icon:hover img{-webkit-animation:ani_ico 0.5s; animation:ani_ico 0.5s; -webkit-animation-direction: alternate; animation-direction: alternate;}
.iconArea .icons .txt{margin-top:20px;font-size:17px;font-weight:500;}

@media screen and (max-width:1400px){
	.iconArea .mission-box{margin-left:10px;}
}

@media screen and (max-width:1300px){
	.flex > div{width:50%;}
	.iconArea .cont_inner{max-width:auto;padding:10% 0 0;}
	.mv-box{margin:0 20px;}
	.mv-box .txtArea .tit{font-size:40px;}
	.mv-box .txtArea .sub-tit{font-size:28px;}
	.mv-box .txtArea{margin-bottom:30px;}
	.mv-box .txt{margin-top:30px;font-size:15px;}
	.mv-box .txt br{display:none;}
	.mv-box .txtArea .tit{font-size:40px;}
	.iconArea .mission-box{margin:0;}
	.iconArea .icons .icon{width:140px;height:140px;line-height:140px;}
	.iconArea .icons .icon img{width:53%;}
	.iconArea .icons{margin:0 10px;}
}
@media screen and (max-width:1024px){
	.flex{flex-direction:column;justify-content:center;align-items:center;overflow:hidden;}
	.flex > div{width:78%;}
	.mv-box{margin:20px 0;}
	.iconArea .cont_inner{flex-direction:column;padding-top:5%;}
	.iconArea .mission-box + .mission-box{margin-top:30px;}
	.iconArea .mission-box .tit{font-size:32px;}
	
}
@media screen and (max-width:768px){
	.mv-box .txtArea{padding-bottom:25px;}
	.mv-box .txtArea .tit{font-size:38px;}
	.mv-box .txtArea .sub-tit{font-size:25px;}
	.img_mg{margin:40px 0 80px;}
	.iconArea{margin-top:60px;}
	.iconArea .mission-box .tit{font-size:28px;}
	.iconArea .icons .txt{font-size:15px;}
	
}
@media screen and (max-width:640px){
	.flex > div{width:100%;}
	.mv-box .txtArea .tit{font-size:30px;}
	.mv-box .txtArea .sub-tit{font-size:22px;}
	.mv-box .txt{margin-top:25px;font-size:14px;}
	.iconArea{margin-top:60px;}
	.iconArea .mission-icons{}
	.iconArea .icons .icon{width:100px;height:100px;line-height:100px;}
	.iconArea .icons .txt{font-size:14px;}
	.iconArea .mission-icons .flex-sm{flex-direction:column;}
	.iconArea .mission-icons .flex-sm .icons{margin-bottom:10px;}
	
}
/* **************************************** *
 * 조직도
 * **************************************** */
 .mgb_100{margin-bottom:100px;}
.organ_text{margin-bottom:30px;padding-bottom:;text-align:center;}
.organ_text p{position:relative;display:inline-block;font-size:22px;color:#222;letter-spacing:-0.02em;}
.organ_text p:after{content:'';display:inline-block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ccc;}
.organ_text span{font-size:32px;}
.organ_img{text-align:center;}
.organ_img img{max-width:100%;}
@media screen and (max-width:1024px){
	.organ_text p{font-size:18px;}
	.organ_text span{font-size:28px;}
}
@media screen and (max-width:768px){
	.organ_text p{font-size:16px;}
	.organ_text span{font-size:24px;}
}
@media screen and (max-width:640px){
	.organ_text p{font-size:14px;}
	.organ_text span{font-size:20px;}
}
/* **************************************** *
 * 찾아오시는길
 * **************************************** */
.mapArea{border-bottom:1px solid #ddd;}
.mapArea + .mapArea{margin-top:75px;}
.mapArea .map img{width:100%;border:1px solid #ddd;}
.mapArea .map_info{
	display:flex;
	justify-content:space-between;
	align-items:center;
	height:155px;
}
.mapArea .map_info .loc span{
	position: relative;
	display:inline-block;
	
	font-size:20px;
	font-weight:600;
}
.mapArea .map_info .loc span img{
	vertical-align:middle;
	padding-right:10px;
}
.mapArea .map_info ul li{
	position:relative;
	padding-left:18px;
	font-size:16px;
	color:#213748;
	border-radius:50%;
}
.mapArea .map_info ul li:before{
	content:'';
	position:absolute;
	top:10px;
	left:0;
	display:inline-block;
	width:4px;
	height:4px;
	background:#213748;
	border-radius:50%;
}
.mapArea .map_info .map_btnArea{
	
	align-items:center;
	
	

}
.mapArea .map_info .map_btnArea a{
	display:flex;
	justify-content:space-evenly;
	align-items:center;
	width:160px;
	height:56px;
	border:1px solid #111;
	border-radius:2em;


}
@media screen and (max-width:1200px){
	.mapArea .map_info .map_btnArea a{width:130px;height:45px;line-height:45px;font-size:14px;}
	.mapArea .map_info .loc span img{width:60%;}
}
@media screen and (max-width:1000px){
	.mapArea .map_info{
		flex-direction:column;
		align-items: normal;
		height:auto;
		padding:20px;
	}
	.mapArea .map_info ul{margin:10px 0;}
}

@media screen and (max-width:640px){
	.mapArea .map_info .loc span{font-size:16px;}
	.mapArea .map_info .loc span img{width:40%;}
	.mapArea .map_info ul li{padding-left:10px;font-size:14px;}
	.mapArea .map_info .map_btnArea a{height:36px;line-height:36px;font-size:13px;}
}

/* **************************************** *
 * 사업분야
 * **************************************** */
 /* 시스템 통합 */
.cont-list li{
	position:relative;
	padding-left:12px;
	text-indent: 0;
	line-height:1.5;
}
.cont-list li + li{margin-top:5px;}
.cont-list li::before{
	content:'';
	display:inline-block;
	position:absolute;
	top:10px;
	left:0;
	width:5px;
	height:5px;
	background:#555;
	border-radius: 50%;
}
.cont-img{position: relative;}
.cont-img .text{
	position:absolute;
	top:50%;
	margin-top:-33px;
	width:100%;
	font-size:46px;
	font-weight:600;
	color:#fff;
	text-shadow: 1px 1px 2px #000;
	letter-spacing: -0.1em;
	text-align:center;
}
.cont-img .text br{display:none;}
.system-include-txt{
	margin:40px 0 80px;
	font-size:18px;
	line-height: 1.8;
	text-align:center;
}
.info-point-area{
	
	display:flex;
	flex-wrap:wrap;
}
.info-point-area .point-box{
	position:relative;
	display:flex;
	flex: 1 1 40%;
	width:100%;
	margin-bottom:60px;
	padding:15px;
}
.info-point-area .point-box:before,
.info-point-area .point-box:after,
.info-point-area .point-box .inr:before,
.info-point-area .point-box .inr:after{
	content:'';
	position:absolute;
	display:inline-block;
	width:90px;
	height:90px;
}
.info-point-area .point-box:before{
	top:0;
	left:0;
	background:url(../images/content/bg_point_left_top.png) no-repeat 0 0;
}
.info-point-area .point-box:after{
	bottom:0;
	left:0;
	background:url(../images/content/bg_point_left_bottom.png) no-repeat 0 0;
}
.info-point-area .point-box .inr:before{
	top:0;
	right:0;
	background:url(../images/content/bg_point_right_top.png) no-repeat 0 0;
}
.info-point-area .point-box .inr:after{
	bottom:0;
	right:0;
	background:url(../images/content/bg_point_right_bottom.png) no-repeat 0 0;
}
.info-point-area .point-box .inr{
	width:100%;
	padding:3em;
	background:#f4f5f9;
}
.info-point-area .point-box:nth-child(even){
	margin-left:60px;
}
.info-point-area .point-box .tit-sect{
	display:flex;
	justify-content: space-between;
}
.point-box .tit-sect .point-tit{
	position:relative;
	padding-bottom:25px;
}
.point-box .tit-sect .point-tit:after{
	content:'';
	display:inline-block;
	position:absolute;
	bottom:0;
	width:44px;
	height:1px;
	background:#000;
}

.point-box .tit-sect .point-tit span{font-size:15px;color:#fe9c29;}
.point-box .tit-sect .point-tit p{
	margin-top:15px;
	font-size:28px;
	font-weight: 600;
	letter-spacing: -0.05em;
}
.point-box .txt-sect{
	margin-top:25px;
	line-height:1.8;
}
.info-point-area .point-box .img{text-align:right;}
@media screen and (max-width:1200px){}
@media screen and (max-width:1024px){
	.info-point-area .point-box .inr{padding:2em;}
	.cont-img .text{font-size:36px;}
	.point-box .tit-sect .point-tit{magin-bottom:20px;}
	.point-box .tit-sect .point-tit p{font-size:20px;}
	.point-box .txt-sect{font-size:15px;}
	.info-point-area .point-box:nth-child(even){
		margin-left:40px;
	}
}
@media screen and (max-width:768px){
	.system-include-txt{
		margin:30px 0 60px;
		font-size:16px;
	}
	.info-point-area .point-box{
		flex:1 1 100%;
	}
	.info-point-area .point-box:nth-child(even){
		margin-left:0;
	}
}
@media screen and (max-width:640px){
	.cont-img .text{margin-top:-35px;font-size:26px;}
	.cont-img .text br{display:block;}
	.system-include-txt{font-size:15px;text-align:left;}
	.info-point-area .point-box .inr{padding:2em;}
	.info-point-area .point-box img{width:80%;}
}
@media screen and (max-width:440px){
	.info-point-area .point-box .inr{padding:1.5em;}
	.cont-img .text{margin-top:-26px;font-size:20px;}
}


/* **************************************** *
 * AI+CMS
 * **************************************** */
 /* 기본정보 */
 .defult_info_img{
	margin-bottom:30px;
 }
 .defult_info_area{
	display:flex;
	justify-content:space-between;
 }
 .defult_info_area>div{width:50%;}
 .defult_info_area .text-box{
	font-size:32px;
	font-weight:600;
 }
 .defult_info_area .info-box{line-height:1.8;}
 .defult_info_area .info-box .txt{
	font-size:18px; 
 }
 .defult_info_area .info-box .info-list{
	
	margin:20px 0 30px;
 }
 .defult_info_area .info-box .info-list li{
	position:relative;
	padding-left:15px;
	font-size:16px; 
 }
 .defult_info_area .info-box .info-list li:before{
	content:'';
	display:inline-block;
	position: absolute;
	top:12px;
	left:0;
	width:5px;
	height:5px;
	background:#555;
	border-radius:50%;
 }
 .defult_info_area .info-box .info-list li span{
	display:inline-block;
	width:65px;
 }
 .defult_info_area .certificate-box{
	display:flex;
	justify-content:space-between; 
	
 }
.certificate-box .box .img-box{
	display:flex;
	justify-content:center;
	align-items:center;
	padding:3em;
	background:#f4f5f9;
 }
 .certificate-box .box .tit{margin-top:15px;line-height:1.4;text-align:center;}

.cms-info-area{display:flex;margin-top:80px;}
.cms-info-area .title{width:20%;font-size:28px;font-weight:700;}
.cms-info-area .cont{display:flex;justify-content:space-between;width:100%;}
.cms-info-area .cont .default-box{
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:calc(100% - 30px);
	margin-left:30px;
	padding:2em;
	border:1px solid #1077de;
	border-radius:2em;
}
.cms-info-area .cont .default-box:first-child{margin-left:0;}
.cms-info-area .cont .default-box .tit{
	position:relative;
	margin:15px 0 10px;
	padding-bottom:10px;
	font-size:28px;
	font-weight:600;
}
.cms-info-area .cont .default-box .tit:after{
	content:'';
	display:inline-block;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-9.5px;
	width:19px;
	height:1px;
	background:#111;
}
.cms-info-area .cont .default-box .txt{letter-spacing:-0.1em;text-align:center;}
.cms-info-area .cont .reference-box .tit{margin-top:15px;text-align:center;}
.cms-info-area .cont.product{display:block;}
.cms-info-area .cont .product-box{
	display:flex;
	align-items:center;
	width:100%;
	height:120px;
	
}
.cms-info-area .cont .product-box + .product-box{margin-top:15px;}
.cms-info-area .cont .product-box .t-box{
	width:calc(100% - 120px);
	height:120px;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	padding:10px;
	border:1px solid #ccc;
	border-left:none;
}
.cms-info-area .cont .product-box .t-box .tit{
	margin-bottom:12px;
	font-size:15px;
	font-weight:600;
	color:#fe9c29;
}

 @media screen and (max-width:1200px){
	.defult_info_area .text-box{font-size:28px;}
	.certificate-box .box .img-box{padding:2em;}
	.cms-info-area .cont .default-box .txt br{display:none;}
	.cms-info-area{flex-wrap:wrap;}
	.cms-info-area .title{margin-bottom:20px;}
 }
 @media screen and (max-width:1024px){
	.defult_info_area{flex-wrap:wrap;justify-content:center;}
	.defult_info_area>div{width:100%;}
	.certificate-box .box:first-child{margin-right:20px;}
	.defult_info_area .text-box br{display:none;}
	.defult_info_area .info-box{margin-top:20px;}
	.defult_info_area .certificate-box{justify-content:center;}
 }
 @media screen and (max-width:1000px){
	.cms-info-area .title{width:100%;font-size:22px;}
	.cms-info-area .cont{flex-wrap:wrap;}
	.cms-info-area .cont .default-box{width:100%;margin-left:0;margin-top:15px;}
	.cms-info-area .cont .default-box .tit{font-size:20px;}
	.cms-info-area .cont .reference-box{width:100%;}
	.cms-info-area .cont .reference-box + .reference-box{margin-top:20px;}
	.cms-info-area .cont .product-box{height:auto;}
	.cms-info-area .cont .product-box .t-box{width:calc(100% - 100px);height:100px;}
	.cms-info-area .cont .product-box .t-box .tit{margin-bottom:8px;font-size:13px;}
	.cms-info-area .cont .product-box .t-box .txt{font-size:14px;}

	.cms-info-area .cont .product-box .img{width:100px;}	
	
 }
 @media screen and (max-width:640px){
	.defult_info_area .text-box{font-size:22px;}
	.defult_info_area .info-box .txt{font-size:16px;}
	.defult_info_area .info-box .info-list li span{width:50px;}
	.defult_info_area .info-box .info-list li{font-size:15px;}
	.defult_info_area .certificate-box{flex-wrap:wrap;}
	.certificate-box .box:first-child{margin:0 0 20px 0;}
	.certificate-box .box .tit{font-size:14px;}
	.cms-info-area .cont .product-box .t-box .txt span{display:none;}
 }



 /* 주요모듈소개 */
 .moduleArea{
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	
 }
 .module{
	flex: 1 1 40%;
	display:flex;
	width:calc(100% - 40px);
	height:362px;
	margin-left:40px;
	margin-bottom:40px;
	background:#f6f6f6;
	
 }
 .module:nth-child(odd){margin-left:0;}
 .module .img.pc{display:block;}
 .module .img.mob{display:none;}
 .module .txt-box{padding:0 7px 0 20px;letter-spacing:-0.1em;}
 .module .tit{
	position:relative;
	margin-bottom:16px;
	padding-bottom:16px;
	font-size:32px;
	font-weight:600;
	text-align:center;
}
.module .tit:after{
	content:'';
	display:inline-block;
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-8px;
	width:16px;
	height:1px;
	background:#000;

}
 .module .info-list li{
	position: relative;
	padding-left:10px;
	text-indent:0;
	font-size:16px;
	text-align:left;
}
.module .info-list li:before{
	content:'';
	display:inline-block;
	position:absolute;
	top:9px;
	left:0;
	width:5px;
	height:5px;
	background:#555;
	border-radius:50%;
}
@media screen and (max-width:1200px){
	.module{height:315px;}
	.module .tit{font-size:26px;}
	.module .img img{height:315px;}
}
@media screen and (max-width:1024px){
	.moduleArea{flex-wrap:wrap;}
	.module{
		flex:1 1 100%;
		margin-left:0;
	}
}
@media screen and (max-width:640px){
	.module{height:265px;}
	.module .img img{height:265px;}
	.module .txt-box{margin:30px 0 0;}
	.module .tit{margin-bottom:10px;padding-bottom:10px;font-size:22px;}
	.module .info-list li{font-size:14px;}
}
@media screen and (max-width:480px){
	.module{flex:1 1 100%;flex-wrap:wrap;width:100%;height:auto;}
	.module .img.pc{display:none;}
 	.module .img.mob{display:block;}
	.module .img{width:100%;}
	.module .img img{width:100%;height:auto;}
	.module .txt-box{width:100%;margin:20px 0;}
	
}

/* 시스템 개요 */
.system-intro{
	padding-bottom:180px;
	background:url(../images/content/bg_system.png) no-repeat 100% 100%;
	background-size:contain;
}
@media screen and (max-width:1024px){
	.system-intro{padding-bottom:90px;}
}

/* 음성인식 화자분리 */
.voiceRecognitionArea{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:100%;
	margin-bottom:110px;
}
.voiceRecognitionArea .voiceRe-box{
	margin-left:20px;
	text-align:center;
}
.voiceRecognitionArea .voiceRe-box:first-child{
	margin-left:0;
}
.voiceRe-box .tit{
	position: relative;
	display:inline-block;
	margin:20px 0 12px;
	padding-bottom:10px;
	font-size:22px;
	font-weight: 600;
}
.voiceRe-box .tit:after{
	content:'';
	position:absolute;
	bottom:0;
	left:50%;
	margin-left:-9.5px;
	display:inline-block;
	width:19px;
	height:1px;
	background:#111;
}
.voiceRe-box .txt{
	line-height: 1.5;
}
.img.voiceRe{border-radius:20px;box-shadow:10px 10px 30px rgba(0,0,0,0.1);}
.img.voiceRe + .voiceRe{margin-top:70px;}
.img.voiceRe img{border-radius:20px;}

@media screen and (max-width:1000px){
	.voiceRecognitionArea{margin-bottom:90px;}
	.voiceRe-box {flex:1 1 30%;}
	.voiceRe-box .txt{text-align:left;}
	.voiceRe-box .txt br{display:none;}
}
@media screen and (max-width:640px){
	.voiceRe-box {flex:1 1 30%;}
	.voiceRe-box .tit{font-size:20px;}
	.voiceRe-box .txt{font-size:15px;text-align:left;}
	.voiceRe-box .txt br{display:none;}
}
@media screen and (max-width:600px){
	.voiceRecognitionArea{margin-bottom:70px;}
	.voiceRe-box {
		flex:1 1 100%;
		margin-bottom:20px;
	}
	.voiceRe-box .tit{
		margin:15px 0 10px;
		padding-bottom:8px;
	}
	.voiceRe-box .txt{
		text-align:center;
	}
}


/* **************************************** *
 * 고객문의
 * **************************************** */
 /*새소식*/

 .board-list{
	max-width: 1200px;
	width:100%;
	margin:45px auto;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.board-list .item{
	/* flex: 1 1 20%; */
	display:flex;
	flex-direction: column;
	width:calc(33.3333% - 20px);
	margin-bottom:30px;
	margin-left:20px;
	text-align: center;
}
.board-list .item:nth-child(3n+1){margin-left:0;}
.board-list .item .news-title{
	width:100%;
	margin:15px 0 5px;
	font-size:16px;
	font-weight:600;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.board-list .item .news-date{
	font-size:15px;
	color:#888;
}

@media screen and (max-width:1000px){
	.board-list .item{
		width:calc(50% - 20px);
	}
	.board-list .item:nth-child(3n+1){
		margin-left:0;
	}
	.board-list .item:nth-child(2n+1){
		margin-left:20px;
	}
	.board-list .item .news-title{
		font-size:15px;
	}
	.board-list .item .news-date{
		font-size:14px;
	}
}
@media screen and (max-width:640px){
	.search_box{
		margin-bottom:40px !important;
	}
	.board-list .item{
		width:100%;
		margin-left:0;
	}
	.board-list .item:nth-child(3n+1),
	.board-list .item:nth-child(2n+1){
		margin-left:0;
	}
}

/* 고객문의 */
.customersArea{
	display: flex;
	flex-wrap: wrap;
}
.customersArea .customers-box{
	width:50%;
	height:636px;
	padding:6em;
	display:flex;
	flex-direction: column;
	justify-content: center;
}
.customersArea .customers-box.left{
	align-items: flex-end;
	background:url(../images/content/bg_customers_left.jpg) no-repeat 0 0;
}
.customersArea .customers-box.right{
	align-items: flex-start;
	background:url(../images/content/bg_customers_right.jpg) no-repeat 0 0;
}

.customers-box.left .img{
	position: relative;
	padding-bottom:25px;
	margin-bottom:35px;
}
.customers-box.left .img:before{
	content:'';
	position:absolute;
	bottom:0;
	right:0;
	display:inline-block;
	width:26px;
	height:1px;
	background-color: #fff;
}
.customers-box.left .text{
	text-align: right;
	color: #fff;
	line-height:1.7;
}

.customers-box.right .inquiry{
	display:flex;
	align-items: center;
	justify-content: center;
	width: 360px;
	height: 100px;
	border-radius: 4em;
	font-size:18px;
	font-weight: 600;
	color:#fff;
}
.customers-box.right .inquiry + .inquiry{
	margin-top:20px;
}
.customers-box.right .inquiry p{
	position: relative;
	padding-left: 46px;
	color:#fff !important;
}
.customers-box.right .inquiry p:before{
	content:'';
	display:inline-block;
	position: absolute;
	top:50%;
	left:0;
	margin-top:-17.5px;
	width:35px;
	height:34px;
	
}
.customers-box.right .inquiry.tel{
	background:#0a5de7;
}
.customers-box.right .inquiry.tel p:before{
	background:url(../images/content/icon_customers_tel.png) no-repeat 0 0;
}
.customers-box.right .inquiry.email{
	background:#0183af;
}
.customers-box.right .inquiry.email p:before{
	background:url(../images/content/icon_customers_email.png) no-repeat 0 0;
}

@media screen and (max-width:1000px){
	.customersArea .customers-box{
		height:575px;
		padding:2em;
	}
	.customers-box.right .inquiry{
		width:300px;
		height:85px;
	}
}
@media screen and (max-width:768px){
	.customersArea .customers-box{
		width:100%;
		height:350px;
	}
	.customersArea .customers-box.left{
		align-items: center;
	}
	.customersArea .customers-box.right{
		align-items: center;
	}
	.customers-box.left .text{
		text-align: center;
	}
	.customers-logo .img{
		text-align: right;
	}
	.customers-logo .img img{
		width:80%;
	}
	.customers-box.right .inquiry{
		font-size:16px;
	}
}	

 /* **************************************** *
 * 검색(공통)
 * **************************************** */
.search_box{width:100%;margin-bottom:60px;text-align:center;font-size:13px;}
.search_box:after{content:""; display:block; clear:both;}
/* IE 10, 11의 네이티브 화살표 숨기기 */ 
.search_box select::-ms-expand { display: none; }
.search_box select{width:10%; margin-left:10px; border:1px solid #ccc; border-radius:0.2em; vertical-align:middle; background:#fff url(../images/content/icon_select_arrow.png) no-repeat 90% 50%; /* iOS 둥근모서리 제거 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;}
.search_box select.select_dv{width:12%;margin-left:0;}
.search_box input[type=text]{width:25%;height:32px; border:1px solid #ccc; border-radius:0.2em; vertical-align:middle;}
.search_box br{display:none;}
.s-date{position:relative;display:inline-block;width:14%;margin:0 3px;}
.s-date label{display:inline-block;margin-right:7px;font-size:14px;color:#333;}
.s-date input[type=text]{width: 100%;height:32px;border:1px solid #ccc; border-radius:0.2em;}
.s-date .ui-datepicker-trigger{position:absolute;top:50%;right:10px;margin-top:-11px;}
.search_box .btn{width:65px;height:32px;line-height:32px;padding:0 10px 0 25px ;background:#666 url(../images/content/icon_srch.png) no-repeat 10px 8.5px;border:none; border-radius:0.2em;color:#fff;}

@media screen and (max-width:1000px){
	.search_box select.select_dv{width:15%;}
}	

@media screen and (max-width:640px){
	.search_box br{display:block;}
	.search_box select{width:18%;margin-left:0;}
	.search_box select.select_dv{width:25%;}
	.search_box input[type=text]{width:35%;}
	.s-date{width:30%;margin-bottom:7px;}
	.s-date input[type=text]{width:100%;}
}	

@media screen and (max-width:400px){
	.s-date{width:35%;}
}

/**************************************************
	Pagination
**************************************************/
.pagination{margin:20px 0; text-align:center; line-height:normal;}
.normal_pagination{}
.mobile_pagination{display:none;}
.pagination a,
.pagination strong{display:inline-block; position:relative; min-width:35px; height:35px; margin:1px; border:1px solid #ccc; background:#fff; font-size:15px; font-weight:600; color:#666; line-height:35px; text-decoration:none; vertical-align:middle;}
.pagination strong{position:relative; z-index:10; border:none; background:#00368d; color:#fff;}
.pagination .page_prev,
.pagination .page_prevend,
.pagination .page_next,
.pagination .page_nextend{overflow:hidden; text-indent:-9999em;}
.pagination .page_prev:before,
.pagination .page_prevend:before,
.pagination .page_next:after,
.pagination .page_nextend:after{content:''; position:absolute; top:0; left:0; right:0; bottom:0; display:inline-block; width:11px; height:10px; margin:auto; vertical-align:middle;}
.pagination .page_prev:before{width:6px;height:10px;background:url(../images/content/icon_prev.png) no-repeat 0 0;}
.pagination .page_prevend:before{background:url(../images/content/icon_prevend.png) no-repeat 0 0;}
.pagination .page_next:after{width:6px;height:10px;background:url(../images/content/icon_next.png) no-repeat 0 0;}
.pagination .page_nextend:after{background:url(../images/content/icon_nextend.png) no-repeat 0 0;}

@media screen and (max-width:767px){
	.pagination a, 
	.pagination strong{min-width:25px;height:25px;line-height:25px;font-size:13px;}
}

/* **************************************** *
 * 고객문의
 * **************************************** */
.customerArea{}
.customerArea .lst{margin-top:-70px;}
.customerArea .lst:after{content:'';display:block;clear:both;}
.customerArea .lst li{float:left;width:calc(25% - 3/4*30px);margin-top:70px;margin-right:30px;text-align:center;}
.customerArea .lst li:nth-child(4n){margin-right:0;}
.customerArea .lst li .img{padding:27px 30px 25px;border:1px solid #ccc;border-top:2px solid #c7000c;}
.customerArea .lst li .tit{margin-top:13px;font-size:16px;color:#222;}
.customerArea .lst2{margin-top:-70px;}
.customerArea .lst2:after{content:'';display:block;clear:both;}
.customerArea .lst2 > li{float:left;width:calc(33.333% - 2/3*30px);min-height:375px;margin-top:70px;margin-right:30px;line-height:29px;text-align:center;}
.customerArea .lst2 > li:nth-child(3n){margin-right:0;}
.customerArea .lst2 > li .img{padding:27px 30px 25px;border:1px solid #ccc;border-top:2px solid #c7000c;}
.customerArea .lst2 > li .tit{margin:20px 0;font-size:18px;font-weight:600;color:#222;}
.customerArea .lst2 > li ul li{margin-top:6px;text-align:left;}
.customerArea .lst2 > li ul li:after{content:'';display:block;clear:both;}
.customerArea .lst2 > li ul li strong{float:left;display:inline-block;width:49px;height:29px;line-height:29px;margin-right:10px;border-radius:1em;font-size:15px;color:#fff;text-align:center;}
.customerArea .lst2 > li ul li p{float:left;width:calc(100% - 49px - 10px);}
.customerArea .lst2 > li ul li:nth-child(1) strong{background:#1b358e;} 
.customerArea .lst2 > li ul li:nth-child(2) strong{background:#3c4066;} 
.customerArea .lst2 > li ul li:nth-child(3) strong{background:#339eb9;} 
@media screen and (max-width:1200px){
	.customerArea .lst2 > li .tit{font-size:17px;}
	.customerArea .lst2 > li ul li strong{font-size:14px;}
	.customerArea .lst2 > li ul li p{font-size:15px;}
}
@media screen and (max-width:1024px){
	.customerArea .lst,
	.customerArea .lst2{margin-top:-50px;}
	.customerArea .lst li{width:calc(25% - 3/4*20px);margin-right:20px;margin-top:50px;}
	.customerArea .lst li .tit{font-size:14px;}
	.customerArea .lst2 > li{margin-top:50px;}
	
}
@media screen and (max-width:1000px){
	.customerArea .lst li{width:calc(33.333% - 2/3*20px);margin-right:20px;}
	.customerArea .lst li:nth-child(4n){margin-right:20px;}
	.customerArea .lst li:nth-child(3n){margin-right:0;}
	.customerArea .lst2 > li{min-height:340px;width:calc(50% - 1/2*20px);margin-right:20px;margin-top:30px;}
	.customerArea .lst2 li:nth-child(3n){margin-right:20px;}
	.customerArea .lst2 li:nth-child(2n){margin-right:0;}
	.customerArea .lst2 > li .tit{margin:15px 0;font-size:16px;}
}
@media screen and (max-width:640px){
	.customerArea .lst{margin-top:-30px;}
	.customerArea .lst li{width:calc(50% - 1/2*20px);margin-right:20px;margin-top:30px;}
	.customerArea .lst li:nth-child(3n){margin-right:20px;}
	.customerArea .lst li:nth-child(2n){margin-right:0;}
	.customerArea .lst li .tit{margin-top:10px;font-size:13px;}
	.customerArea .lst2 > li{min-height:310px;}
	.customerArea .lst2 > li ul li strong{width:40px;height:24px;line-height:24px;font-size:13px;}
	.customerArea .lst2 > li ul li p{font-size:14px;}
}
@media screen and (max-width:580px){
	.customerArea .lst2 li{width:100%;margin-right:0;}
	.customerArea .lst2 > li .tit{margin:10px 0;font-size:15px;}
	.customerArea .lst2 > li ul li{margin-top:2px;}
}
/* **************************************** *
 * 고객지원
 * **************************************** */

.jobs .cont_tit{
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 20px;
	font-size: 32px;
	font-weight: 800;
	text-align: center;
	letter-spacing: -1px;
}
.jobs .cont_tit:after{
	content: '';
	display: inline-block;
	position: absolute;
	bottom:0;
	left:50%;
	margin-left:-28px;
	width:56px;
	height:2px;
	background:#111;
}
.jobs_talent{
	display:flex;
	flex-wrap: wrap;
	margin: 40px 0 60px;
}
.jobs_talent .t-list{
	width:calc(50% - 1/2*60px);
	margin-left:60px;
	margin-bottom:45px;
}
.jobs_talent .t-list:nth-child(2n+1){
	margin-left:0;
}
.jobs_talent .tit{
	display: inline-block;
	margin-bottom:15px;
	font-size:22px;
	font-weight: 600;
}
.jobs_talent .s-list li{
	position:relative;
	padding-left:12px;
	margin-bottom: 5px;
	text-indent: 0;
}
.jobs_talent .s-list li:before{
	content: '';
	display:inline-block;
	position: absolute;
	top:8px;
	left:0;
	width:5px;
	height:5px;
	background:#555;
	border-radius: 50%;
}


.jobs_step{padding:70px;border:1px solid #ccc;border-radius: 2em;box-shadow:10px 10px 30px rgba(0,0,0,0.1);}
.jobs_step .step_box{
	padding:2em 2em 2em 0;
	background:#f4f5f9;
	border-radius: 2em;
	text-align:center;
}
.jobs_step .step_box:after{content:'';display:block;clear:both;}
.jobs_step .step_box>div{display:inline-block;width:calc(25% - 3/4*20px);margin-right:20px;margin-left:-4px;}
.jobs_step .step_box>div:nth-child(4n){margin-right:0;}

.jobs_step .lst{}
.jobs_step .lst dl{margin-top:35px;}
.jobs_step .lst dl dt{margin-bottom:20px;font-size:18px;font-weight:600;color:#222;}
.jobs_step .lst dl dt strong{
	display:inline-block;
	margin-right:5px;
	padding:0 5px;
	border:1px solid #fe9c29;
	border-radius: 0.2em;
	font-size:15px;
	font-weight: 400;
	color:#fe9c29;
	letter-spacing: -1px;
}
.jobs_step .lst dl dd{margin-left:15px;font-size:16px;}

.jobs_email{margin-top:50px;text-align:center;}
.jobs_email p{font-size:16px;}
.jobs_email p strong{color:#c7000c;}

@media screen and (max-width:1200px){
	.jobs_step .step_box img{width:100%;}
}
@media screen and (max-width:1000px){
	.jobs .cont_tit{font-size:25px;}
	.jobs_talent .tit{font-size:18px;}
	.jobs_talent .s-list li{font-size:15px;}

	.jobs_step{padding:40px;}
	.jobs_step .lst dl dt{margin-bottom:15px;font-size:16px;}
	.jobs_step .lst dl dd{font-size:15px;}
	.jobs_email{padding:20px;}
	.jobs_email p{font-size:15px;}
}
@media screen and (max-width:768px){
	.jobs .cont_tit{
		margin-bottom: 30px;
		padding-bottom:15px;
		font-size:20px;
	}
	.jobs_talent{flex-direction: column;width:100%;}
	.jobs_talent .t-list{
		width:100%;
		margin-left:0;
		margin-bottom:25px;
	}
	
	.jobs_talent .tit{margin-bottom:10px;font-size:17px;}
	.jobs_step{padding:20px;}
	
}
@media screen and (max-width:640px){
	.jobs .cont_tit{font-size:18px;}
	.jobs_talent .tit{font-size:16px;}
	.jobs_talent .s-list li{font-size:14px;}
	.jobs_step .lst dl dt{margin-bottom:10px;font-size:14px;}
	.jobs_step .lst dl dd{font-size:14px;}
	.jobs_step .lst dl dt strong{font-size:12px;}
	.jobs_email p{font-size:14px;}
	
}

/* **************************************** *
 * 준비중
 * **************************************** */
.preparing{width:100%;padding:75px 0 100px;border:1px solid #d6d6d6;text-align:center;}
.preparing .tit{position:relative;margin:40px 0 35px;padding:25px 0 30px;font-size:28px;font-weight:600;color:#736357;}
.preparing .tit:before,
.preparing .tit:after{content:'';display:inline-block;position:absolute;left:50%;width:53px;height:1px;margin-left:-26.5px;background:#736357;}
.preparing .tit:before{top:0;}
.preparing .tit:after{bottom:0;}

@media screen and (max-width:1000px){
	.preparing{padding:55px 0 80px;}
	.preparing .tit{margin:30px 0 25px;padding:20px 0 25px;font-size:24px;}
	
}
@media screen and (max-width:640px){
	.preparing{padding:45px 0 60px;}
	.preparing .icon img{width:20%;}
	.preparing .tit{margin:20px 0 15px;padding:10px 0 15px;font-size:18px;}
	.preparing .txt{font-size:14px;}
	
}