@charset "utf-8";

/*
css name : content
use : all page css
*/


/* ==================================================
	메인
================================================== */
.main_wrp {padding:0 0 190px;}
.main_txt {color:#2a2a2a;font-size:30px;line-height:45px;font-weight:100;word-break:keep-all;}
.sub_txt {color:#525252;font-size:15px;line-height:30px;word-break:keep-all;}

/* main > visual */
.main_visual {width:100%;height:1080px;height:100vh;background:#0094b0 url(../img/content/main_visual01.jpg) no-repeat 50% 0;background-size:contain;}
.main_visual .txt_wrp {position:relative;top:31.4%;color:#fff;text-align:center;}
.main_visual .main_ment {display:inline-block;font:142px/122px tg,sans-serif;letter-spacing:-6.8px;text-align:left;}
.main_visual .sub_ment {display:inline-block;width:340px;margin-left:16px;font-size:46px;line-height:62px;letter-spacing:-.8px;text-align:left;vertical-align:bottom;word-break:keep-all;}

/* main > synccommerce */
.main_sync {margin-top:190px;}
.main_sync .inner_align {position:relative;min-height:694px;}
.main_sync .logo_sync {width:234px;font-size:0;}
.main_sync .visual {position:absolute;top:0;right:0;z-index:-1;width:54%;opacity:0;
	-webkit-transition:all 1s;
			transition:all 1s;
	-webkit-transform:translateX(30px);
		-ms-transform:translateX(30px);
			transform:translateX(30px);
}
.main_sync .visual.show {opacity:1;
	-webkit-transform:translateX(0);
		-ms-transform:translateX(0);
			transform:translateX(0);
}
.main_sync .main_txt {width:60.36%;margin-top:22px;}
.main_sync .sub_txt {width:46.36%;margin-top:60px;color:#2a2a2a;font-size:17px;line-height:25px;}
.main_sync .sync_fn {margin-top:100px;font-size:0;}
.main_sync .sync_fn li {display:inline-block;margin-right:40px;text-align:center;vertical-align:top;}
.main_sync .sync_fn li [class^="icon-"] {height:90px;background-position:50%;}
.main_sync .sync_fn li .tit {margin-top:25px;color:#4dbeee;font-family:tg,sans-serif;font-size:15px;}
.main_sync .btn-regular {display:block;width:180px;margin-top:90px;}

/* main > signage */
.main_sign {margin-top:190px;padding:50px 0 44px;background:#4dbeee;}
.main_sign .visual {float:left;width:48%;font-size:0;}
.main_sign .txt_wrp {float:right;width:50%;word-break:keep-all;}
.main_sign .txt_wrp .main_txt {margin-top:46px;color:#fff;letter-spacing:-1.5px;}
.main_sign .txt_wrp .sub_txt {width:78.18%;margin-top:20px;color:#fff;font-size:17px;line-height:25px;}
.main_sign .txt_wrp .btn-regular {display:block;width:180px;margin-top:36px;}

/* main > news */
.main_news {margin-top:158px;}
.main_news .news_title {position:relative;padding:6px 0;border-bottom:1px solid #848484;color:#333;font-family:tg,sans-serif;font-size:18px;text-align:center;}
.main_news .news_title .btn_more_list {position:absolute;right:0;bottom:0;padding:5px 0;font-family:'malgun gothic',sans-serif;font-size:12px;}
.main_news .news_list {margin-top:43px;}
.news_list {font-size:0;}
.news_list > li {display:inline-block;width:32.36%;margin-top:10.9%;margin-right:1.46%;vertical-align:top;}
.news_list > li:nth-of-type(-n+3) {margin-top:0;}
.news_list > li:nth-of-type(3n) {margin-right:0;}
.news_list .img {position:relative;width:100%;height:0;padding-top:70.22%;background-repeat:no-repeat;background-position:50%;background-size:cover;}
.news_list .subject {margin-top:20px;color:#2a2a2a;font-size:18px;font-weight:500;max-height:54px;line-height:27px;text-overflow:ellipsis;display:-webkit-box;display:box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news_list .txt {margin-top:22px;color:#7a7a7a;font-size:15px;max-height:88px;line-height:22px;text-overflow:ellipsis;display:-webkit-box;display:box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;word-break:keep-all;}

/* main > banner */
.main_banner {margin-top:145px;font-size:0;}
.main_banner [class^="banner_"] {width:49.81%;}
.main_banner .banner_recruit {float:left;}
.main_banner .banner_partner {float:right;}
.main_banner .item {overflow:hidden;position:relative;width:100%;height:0;padding-top:75.91%;}
.main_banner .item .img {position:absolute;top:0;left:50%;height:100%;
	-webkit-transition:all 1s;
			transition:all 1s;
	-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
			transform:translateX(-50%);
}
.main_banner .item .img img {max-width:none;max-height:100%;}
.main_banner .item .img:after {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);content:"";}
.main_banner .item .txt_wrp {position:absolute;top:37%;left:0;width:100%;color:#fff;text-align:center;}
.main_banner .item .txt_wrp .tit {font-family:tg,sans-serif;font-size:40px;}
.main_banner .item .txt_wrp .txt {font-size:18px;font-weight:400;}
.main_banner .item .txt_wrp .btn-regular {margin-top:6.93%;}

@media screen and (max-width:767px) {
	.main_wrp {padding-bottom:0;}
	.main_txt {font-size:18px;line-height:27px;}
	.sub_txt {font-size:13px;line-height:25px;}

	/* main > visual */
	.main_visual {background-position:50%;}
	.main_visual .txt_wrp {top:35.25%;}
	.main_visual .main_ment {width:260px;font-size:71px;line-height:61px;letter-spacing:-3px;}
	.main_visual .sub_ment {width:260px;margin:8px 0 0;font-size:23px;line-height:normal;}

	/* main > synccommerce */
	.main_sync {margin-top:25.33%;}
	.main_sync .inner_align {min-height:auto;}
	.main_sync .logo_sync {width:162px;margin:0 auto;}
	.main_sync .visual {position:static;width:94.28%;margin:19.84% auto 0;
		-webkit-transform:translateY(30px);
			-ms-transform:translateY(30px);
				transform:translateY(30px);
	}
	.main_sync .visual.show {
		-webkit-transform:translateY(0);
			-ms-transform:translateY(0);
				transform:translateY(0);
	}
	.main_sync .main_txt {width:100%;margin-top:11.11%;}
	.main_sync .sub_txt {width:100%;margin-top:20.63%;font-size:13px;}
	.main_sync .sync_fn {margin-top:10.31%;text-align:justify;text-justify:inter-word;}
	.main_sync .sync_fn:after {display:inline-block;width:100%;height:0;content:"";}
	.main_sync .sync_fn li {margin-right:0;}
	.main_sync .sync_fn li [class^="icon-"] {height:60px;}
	.main_sync .sync_fn li .tit {margin-top:15px;font-size:13px;}
	.main_sync .btn-regular {width:125px;margin:15.55% auto 0;}

	/* main > signage */
	.main_sign {margin-top:24.4%;padding:10% 0 17%;}
	.main_sign .visual {float:none;width:83.80%;margin:0 auto;}
	.main_sign .txt_wrp {float:none;width:100%;}
	.main_sign .txt_wrp .main_txt {margin-top:10.47%;letter-spacing:-.5px;}
	.main_sign .txt_wrp .sub_txt {width:100%;margin-top:7.61%;font-size:13px;letter-spacing:-.6px;}
	.main_sign .txt_wrp .btn-regular {width:125px;margin:10% auto 0;}

	/* main > news */
	.main_news {margin-top:13.96%;}
	.main_news .news_title {padding:10px 0;font-size:20px;}
	.main_news .news_list {margin-top:12.38%;}
	.news_list > li {display:block;width:100%;margin-top:21.42%;margin-right:0;}
	.news_list > li:nth-of-type(-n+3) {margin-top:21.42%;}
	.news_list > li:first-of-type {margin-top:0;}
	.news_list .subject {margin-top:2.53%;}
	.news_list .txt {margin-top:2.22%;font-size:12px;}

	/* main > banner */
	.main_banner {margin-top:12.66%;}
	.main_banner .inner_align {margin:0;}
	.main_banner [class^="banner_"] {float:none;width:100%;}
	.main_banner .banner_partner {margin-top:7.06%;}
	.main_banner .item {height:auto;padding-top:0;}
	.main_banner .item .img {position:static;
		-webkit-transform:none;
			-ms-transform:none;
				transform:none;
	}
	.main_banner .item .img img {max-width:100%;}
	.main_banner .item .txt_wrp {top:23.38%;}
	.main_banner .item .txt_wrp .txt {margin-top:2.4%;font-size:13px;}
	.main_banner .item .txt_wrp .btn-regular {margin-top:8.53%;}
}

@media screen and (min-width:768px) {
	/* main > news */
	.news_list > li .img:after {position:absolute;top:0;right:0;bottom:0;left:0;border:0px solid rgba(255,255,255,0);box-sizing:border-box;content:"";
		-webkit-transition:all .3s;
				transition:all .3s;
	}
	.news_list > li:hover .img:after {border:12px solid rgba(255,255,255,.5);}

	/* main > banner */
	.main_banner .item:hover .img {
		-webkit-transform:translateX(-50%) scale(1.1);
			-ms-transform:translateX(-50%) scale(1.1);
				transform:translateX(-50%) scale(1.1);
	}
}


/* ==================================================
	Synccommerce
================================================== */
.line_tit {display:inline-block;padding:10px 0;border-bottom:3px solid #000;color:#000;font-size:24px;line-height:1;font-weight:900;}
.sync_wrp .logo_sync {font-size:0;}

/* Synccommerce > visual */
.sync_visual {width:100%;height:1080px;height:100vh;background:url(../img/content/sync_visual01.jpg) no-repeat 50% 0;background-size:cover;}
.sync_visual .txt_wrp {position:relative;top:32.22%;color:#fff;}
.sync_visual .main_ment {font:122px/105px tg,sans-serif;letter-spacing:-6.8px;}
.sync_visual .sub_ment {margin-top:20px;font-size:36px;letter-spacing:-.8px;}

/* Synccommerce > detail */
.sync_detail {padding-top:186px;}
.sync_detail .inner_align:first-of-type {position:relative;min-height:722px;}
.sync_detail .visual {position:absolute;top:116px;right:-40px;z-index:-1;opacity:0;width:39.09%;height:0;padding-top:55.09%;background:url(../img/content/synccommerce.png) no-repeat;background-size:contain;font-size:0;
	-webkit-transition:all 1s;
			transition:all 1s;
}
.sync_detail .show .visual {right:-.9%;opacity:1;}
.sync_detail .inner_align:first-of-type .main_txt {width:60.36%;margin-top:90px;letter-spacing:-1.5px;}
.sync_detail .inner_align:first-of-type .sub_txt {width:60%;margin-top:55px;letter-spacing:-.8px;}
.sync_detail .inner_align:first-of-type .sub_txt + .sub_txt {margin-top:48px;}
.sync_detail .down_wrp {position:relative;width:100%;height:513px;margin-top:110px;background:url(../img/content/bg_sync_down.jpg) no-repeat 50%;background-size:cover;text-align:center;}
.sync_detail .down_wrp .btn_down_pdf {position:absolute;top:44.44%;left:50%;margin-left:-150px;opacity:0;
	-webkit-transition:all 1s;
			transition:all 1s;
	-webkit-transform:translateY(30%);
		-ms-transform:translateY(30%);
			transform:translateY(30%);
}
.sync_detail .down_wrp.show .btn_down_pdf {opacity:1;
	-webkit-transform:translateY(0);
		-ms-transform:translateY(0);
			transform:translateY(0);
}
.btn_down_pdf {display:block;width:300px;padding:30px 22px 27px;background:#000 url(../img/icon/icon_pdf.png) no-repeat 248px 30px;background-size:34px auto;color:#fff !important;font-size:18px;line-height:25px;text-align:left;box-sizing:border-box;}
.btn_down_pdf strong {font-weight:900;}
.sync_detail .service {margin-top:120px;}
.sync_detail .service dl {width:47.27%;}
.sync_detail .service dl:first-of-type {float:left;}
.sync_detail .service dl:nth-of-type(2) {float:right;}
.sync_detail .service dt {font-size:18px;}
.sync_detail .service dd {margin-top:30px;color:#7a7a7a;}
.sync_detail .sync_fn {margin-top:180px;font-size:0;text-align:center;}
.sync_detail .sync_fn li {display:inline-block;width:140px;margin:0 40px;text-align:center;font-size:15px;vertical-align:top;word-break:keep-all;}
.sync_detail .sync_fn li [class^="icon-"] {height:90px;background-position:50%;}
.sync_detail .sync_fn li .tit {margin-top:40px;font-weight:900;}
.sync_detail .sync_fn li .txt {color:#7a7a7a;line-height:26px;}

/* SyncSign */
.sync_sign_wrp {padding-top:180px;}
.sync_sign {position:relative;min-height:394px;padding-right:50%;}
.sync_sign .main_txt {margin-top:10%;letter-spacing:-1.5px;}
.sync_sign .sub_txt {margin-top:9.09%;}
.sync_sign .visual {position:absolute;top:70px;right:-30px;opacity:0;width:48%;
	-webkit-transition:all 1s;
			transition:all 1s;
}
.sync_sign .visual.show {right:0;opacity:1;}
.sync_banner {display:none; overflow:hidden;position:relative;width:100%;height:270px;margin-top:176px;}
.sync_banner video {position:absolute;left:50%;margin-left:-960px;}

/* SyncQue */
.sync_que {position:relative;min-height:362px;margin-top:196px;padding-top:80px;padding-right:50%;}
.sync_que .logo_sync {text-align:center;}
.sync_que .main_txt {margin-top:10%;letter-spacing:-1.5px;}
.sync_que .sub_txt {margin-top:5.45%;letter-spacing:-.8px;}
.sync_que .visual {position:absolute;top:0;right:-30px;opacity:0;width:42.54%;
	-webkit-transition:all 1s;
			transition:all 1s;
}
.sync_que .visual.show {right:0;opacity:1;}

/* SyncPay & SyncApp */
.sync_pay_app {margin-top:165px;}
.sync_pay_app .visual {
	-webkit-transition:all 1s;
			transition:all 1s;
}
.sync_pay, .sync_app {width:45%;text-align:center;}
.sync_pay {float:left;}
.sync_pay .main_txt {margin-top:50px;}
.sync_pay .sub_txt {margin-top:48px;padding:0px 8%;}
.sync_pay .visual {width:286px;margin:74px auto 0;opacity:0;
	-webkit-transform:translateX(-30px);
		-ms-transform:translateX(-30px);
			transform:translateX(-30px);
}
.sync_pay .visual.show {opacity:1;
	-webkit-transform:translateX(0);
		-ms-transform:translateX(0);
			transform:translateX(0);
}
.sync_app {float:right;}
.sync_app .main_txt {margin-top:30px;}
.sync_app .sub_txt {margin-top:23px;padding:0px 8%;}
.sync_app .visual {margin-top:10px;text-align:right;opacity:0;
	-webkit-transition-delay:.2s;
			transition-delay:.2s;
	-webkit-transform:translateX(30px);
		-ms-transform:translateX(30px);
			transform:translateX(30px);
}
.sync_app .visual img {width:450px;}
.sync_app .visual.show {opacity:1;
	-webkit-transform:translateX(0);
		-ms-transform:translateX(0);
			transform:translateX(0);
}

/* SyncShop */
.sync_shop {margin-top:146px;text-align:center;}
.sync_shop .main_txt {margin-top:40px;}
.sync_shop .sub_txt {margin-top:38px;padding:0 20%;}
.sync_shop .visual {overflow:hidden;width:100%;margin-top:114px;opacity:0;
	-webkit-transition:all 1s;
			transition:all 1s;
	-webkit-transform:translateY(30px);
		-ms-transform:translateY(30px);
			transform:translateY(30px);
}
.sync_shop .visual.show {opacity:1;
	-webkit-transform:translateY(0);
		-ms-transform:translateY(0);
			transform:translateY(0);
}
.sync_shop .visual .slide_wrp {overflow:hidden;position:relative;width:100%;height:330px;font-size:0;}
.sync_shop .visual .slide_wrp .bx-wrapper {position:absolute;top:0;left:50%;width:1718px;margin-left:-859px;}
.sync_shop .visual .slide_wrp .btn-prev,
.sync_shop .visual .slide_wrp .btn-next {position:absolute;top:122px;}
.sync_shop .visual .slide_wrp .btn-prev {left:20px;}
.sync_shop .visual .slide_wrp .btn-next {right:20px;}
.sync_shop .visual .slide_wrp .bx-prev,
.sync_shop .visual .slide_wrp .bx-next {position:relative;display:block;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.6);}
.sync_shop .visual .slide_wrp .bx-prev:after,
.sync_shop .visual .slide_wrp .bx-next:after {font-size:22px;line-height:44px;font-weight:bold;}
.sync_shop .visual .slide_wrp .bx-prev:after {content:"←";}
.sync_shop .visual .slide_wrp .bx-next:after {content:"→";}
.sync_shop .visual li .bx-caption {margin-top:20px;font-size:15px;}

/* contact */
.sync_contact {margin-top:200px;padding:118px 0 100px;background:#4ebded;text-align:center;}
.sync_contact .main_txt {color:#fff;font-size:50px;font-weight:100;}
.sync_contact .sub_txt {margin-top:25px;color:#fff;font-size:23.6px;font-weight:100;}
.sync_contact .btn-regular {min-width:226px;height:50px;margin-top:36px;padding:0 10px;font-size:18.6px;line-height:46px;}

@media screen and (max-width:767px) {
	.line_tit {padding:7px 0;font-size:18px;}
	.sync_wrp .logo_sync {text-align:center;}
	.sync_wrp .logo_sync img {height:21px;}

	/* Synccommerce > visual */
	.sync_visual {background-image:url(../img/content/sync_visual_m01.jpg);}
	.sync_visual .txt_wrp {top:27.4%;}
	.sync_visual .main_ment {font-size:71px;line-height:61px;letter-spacing:-3px;}
	.sync_visual .sub_ment {margin-top:5px;font-size:23px;}
	
	/* Synccommerce > detail */
	.sync_detail {padding-top:16.26%;}
	.sync_detail .inner_align {min-height:auto;}
	.sync_wrp .sync_detail .logo_sync img {height:22px;margin:0 auto;}
	.sync_detail .visual {position:static;width:auto;margin:10.31% -2.69% 0;padding-top:149.84%;background-image:url(../img/content/synccommerce_m.png);
		-webkit-transform:translateY(30px);
			-ms-transform:translateY(30px);
				transform:translateY(30px);
	}
	.sync_detail .show .visual {
		-webkit-transform:translateY(0);
			-ms-transform:translateY(0);
				transform:translateY(0);
	}
	.sync_detail .inner_align:first-of-type .main_txt {width:100%;margin-top:11.11%;letter-spacing:-.5px;}
	.sync_detail .inner_align:first-of-type .sub_txt {width:100%;margin-top:14.92%;}
	.sync_detail .inner_align:first-of-type .sub_txt + .sub_txt {margin-top:11.11%;}
	.sync_detail .down_wrp {position:relative;width:100%;height:0;margin-top:10%;padding-top:64.53%;background-image:url(../img/content/bg_sync_down_m.jpg);text-align:center;}
	.sync_detail .down_wrp .btn_down_pdf {position:absolute;top:35.95%;left:50%;margin-left:-115px;}
	.btn_down_pdf {width:230px;padding:23px 16px 21px;background-position:190px 24px;background-size:26px auto;font-size:14px;line-height:19px;}
	.sync_detail .service {margin-top:25.39%;}
	.sync_detail .service dl {float:none;width:100%;}
	.sync_detail .service dl:nth-of-type(2) {margin-top:20.63%;}
	.sync_detail .service dd {margin-top:6.35%;}
	.sync_detail .sync_fn {margin-top:14%;}
	.sync_detail .sync_fn li {width:50%;margin:0;margin-top:8.53%;padding:0 6%;font-size:12px;box-sizing:border-box;}
	.sync_detail .sync_fn li:nth-of-type(-n+2) {margin-top:0;}
	.sync_detail .sync_fn li [class^="icon-"] {height:45px;}
	.sync_detail .sync_fn li .tit {margin-top:10.66%;}
	.sync_detail .sync_fn li .txt {line-height:18px;}
	
	/* SyncSign */
	.sync_sign_wrp {padding-top:28.57%;}
	.sync_sign {min-height:auto;padding-right:0;}
	.sync_sign .main_txt {margin-top:6.34%;letter-spacing:-.5px;}
	.sync_sign .sub_txt {margin-top:3.17%;}
	.sync_sign .visual {position:static;width:83.8%;margin:11.11% auto 0;
		-webkit-transform:translateY(30px);
			-ms-transform:translateY(30px);
				transform:translateY(30px);
	}
	.sync_sign .visual.show {
		-webkit-transform:translateY(0);
			-ms-transform:translateY(0);
				transform:translateY(0);
	}
	.sync_banner {display:none;}
	
	/* SyncQue */
	.sync_que {min-height:auto;margin-top:41.26%;padding-top:0;padding-right:0;text-align:center;}
	.sync_que .main_txt {margin-top:7.13%;letter-spacing:-.5px;}
	.sync_que .sub_txt {margin-top:5.45%;}
	.sync_que .visual {position:static;width:74.28%;margin:5.39% auto 0;
		-webkit-transform:translateY(30px);
			-ms-transform:translateY(30px);
				transform:translateY(30px);
	}
	.sync_que .visual.show {
		-webkit-transform:translateY(0);
			-ms-transform:translateY(0);
				transform:translateY(0);
	}
	
	/* SyncPay & SyncApp */
	.sync_pay_app {margin-top:31.74%;}
	.sync_pay_app .visual {
		-webkit-transform:translateY(30px);
			-ms-transform:translateY(30px);
				transform:translateY(30px);
	}
	.sync_pay_app .visual.show {
		-webkit-transform:translateY(0);
			-ms-transform:translateY(0);
				transform:translateY(0);
	}
	.sync_pay, .sync_app {float:none;width:100%;}
	.sync_pay .main_txt {margin-top:9.52%;}
	.sync_pay .sub_txt {margin-top:2.38%;padding:0;}
	.sync_pay .visual {width:65.07%;margin-top:8.57%;}
	.sync_app {margin-top:31.74%;}
	.sync_app .main_txt {margin-top:9.52%;}
	.sync_app .sub_txt {margin-top:3.49%;padding:0;}
	.sync_app .visual {width:89.52%;margin:7.93% auto 0;
		-webkit-transition-delay:0s;
				transition-delay:0s;
	}
	.sync_app .visual img {width:auto;}
	
	/* SyncShop */
	.sync_shop {margin-top:18.66%;}
	.sync_shop .main_txt {margin-top:5.55%;}
	.sync_shop .sub_txt {margin-top:6.34%;padding:0;}
	.sync_shop .visual {margin-top:14.4%;}
	.sync_shop .visual .slide_wrp {padding:0 10%;width:auto;height:auto;}
	.sync_shop .visual .slide_wrp .bx-wrapper {position:relative;left:0;width:auto;margin-left:0;}
	.sync_shop .visual .slide_wrp .btn-prev,
	.sync_shop .visual .slide_wrp .btn-next {top:50%;margin-top:-34px;}
	.sync_shop .visual .slide_wrp .btn-prev {left:10px;}
	.sync_shop .visual .slide_wrp .btn-next {right:10px;}
	.sync_shop .visual .slide_wrp .bx-prev, .sync_shop .visual .slide_wrp .bx-next {background:none;}
	.sync_shop .visual li .bx-caption {margin-top:2.63%;font-size:12px;}

	/* contact */
	.sync_contact {margin-top:22%;padding:12% 0 13.33%;}
	.sync_contact .main_txt {font-size:25px;}
	.sync_contact .sub_txt {margin-top:25px;padding:0 15%;font-size:13px;line-height:20px;}
	.sync_contact .btn-regular {min-width:168px;height:38px;margin-top:7.3%;font-size:14px;line-height:36px;}
}


/* ==================================================
	company
================================================== */
.company_wrp {padding-top:114px;}
.company_visual .img {width:100%;height:1120px;background:url(../img/content/company_visual.jpg) no-repeat 60% 50%;}
.company_visual .main_ment {margin-top:85px;padding:0 14%;color:#2a2a2a;font-size:30px;line-height:45px;font-weight:100;text-align:center;word-break:keep-all;}
.company_detail {margin-top:185px;}
.company_detail .logo {text-align:center;}
.company_detail .line_tit {width:98px;height:47px;text-align:justify;text-justify:inter-cluster;letter-spacing:-1.5px;box-sizing:border-box;}
.company_detail .line_tit:after {display:inline-block;width:100%;height:0;content:"";}
.company_detail .overview {float:left;width:48.18%;margin-top:120px;}
.company_detail .overview .sub_txt {margin-top:15px;color:#7a7a7a;}
.company_detail .overview .list {margin-top:15px;}
.company_detail .overview .list li {font-size:15px;line-height:40px;}
.company_detail .overview .list li > label {position:relative;display:inline-block;width:75px;font-weight:700;}
.company_detail .overview .list li > label:after {position:absolute;top:0;right:0;content:":";}
.company_detail .overview .list li > span {margin-left:38px;}
.company_detail .overview .map_wrp {margin-top:6px;}
.company_detail .overview .map_wrp .root_daum_roughmap {max-width:100%;}
.company_detail .history {float:right;width:43.18%;margin-top:120px;}
.company_detail .history .list {margin-top:5px;font-size:15px;line-height:40px;}
.company_detail .history .list dt {font-weight:900;}
.company_detail .history .list dd {position:relative;padding-left:7px;color:#7a7a7a;font-size:15px;}
.company_detail .history .list dd:before {position:absolute;top:0;left:0;content:"•";}
.company_detail .history .list + .list {margin-top:30px;}
.company_detail .welfare {margin-top:100px;}
.company_detail .welfare .list {margin-top:40px;font-size:0;}
.company_detail .welfare .list li {display:inline-block;width:16.5%;vertical-align:top;text-align:center;}
.company_detail .welfare .list li + li {margin-left:4.37%;}
.company_detail .welfare .list [class^="icon-"] {height:60px;background-position:50%;}
.company_detail .welfare .list .tit {margin-top:16px;font-size:15px;font-weight:700;}
.company_detail .welfare .list .txt {color:#7a7a7a;font-size:15px;line-height:24px;word-break:keep-all;}
.company_alliance {position:relative;margin-top:165px;padding:210px 0 180px;text-align:center;}
.company_alliance .bg {position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:url(../img/banner/bg_company_bn.jpg) no-repeat 50%;background-size:cover;}
.company_alliance .main_txt {padding:0 20%;color:#fff;}
.company_alliance .sub_txt {margin-top:30px;padding:0 25%;color:#fff;}
.customer_ref {margin-top:195px;text-align:center;}
.customer_ref .main_txt {margin-top:45px;padding:0 18%;}
.customer_ref img {width:468px;margin-top:90px;}

@media screen and (max-width:767px) {
	.company_wrp {padding-top:50px;}
	.company_visual .img {width:100%;height:526px;background:url(../img/content/company_visual_m.jpg) no-repeat 50%;background-size:100% auto;}
	.company_visual .main_ment {margin-top:50px;padding:0;font-size:18px;line-height:30px;letter-spacing:-.68px;}
	.company_detail {margin-top:60px;}
	.company_detail .logo img {height:36px;}
	.company_detail .line_tit {width:55px;height:26px;padding:6px 0;border-bottom-width:2px;font-size:13px;letter-spacing:-.5px;}
	.company_detail .overview {float:none;width:100%;margin-top:60px;}
	.company_detail .overview .sub_txt {margin-top:0;}
	.company_detail .overview .list {margin-top:28px;}
	.company_detail .overview .list li {font-size:13px;line-height:30px;}
	.company_detail .overview .list li > label {width:60px;}
	.company_detail .overview .list li > span {margin-left:20px;letter-spacing:-.68px;}
	.company_detail .overview .map_wrp {margin-top:33px;}
	.company_detail .history {float:none;width:100%;margin-top:65px;}
	.company_detail .history .list {font-size:12px;line-height:25px;}
	.company_detail .history .list dd {padding-left:10px;font-size:12px;}
	.company_detail .history .list + .list {margin-top:15px;}
	.company_detail .welfare {margin-top:63px;text-align:center;}
	.company_detail .welfare .list {margin:30px -3.2% 0;text-align:left;}
	.company_detail .welfare .list li {width:50%;margin-top:50px;padding:0 1.5%;box-sizing:border-box;}
	.company_detail .welfare .list li + li {margin-left:0;}
	.company_detail .welfare .list li:nth-of-type(-n+2) {margin-top:0;}
	.company_detail .welfare .list [class^="icon-"] {height:46px;}
	.company_detail .welfare .list .tit {margin-top:10px;font-size:13px;}
	.company_detail .welfare .list .txt {font-size:13px;line-height:20px;}
	.company_alliance {margin-top:19.2%;padding:120px 0 0;}
	.company_alliance .bg {height:302px;}
	.company_alliance .main_txt {padding:0;}
	.company_alliance .sub_txt {margin-top:145px;padding:0;color:#2a2a2a;}
	.customer_ref {margin-top:80px;}
	.customer_ref .line_tit {font-size:13px;}
	.customer_ref .main_txt {margin-top:22px;padding:0;line-height:25px;}
	.customer_ref img {margin-top:60px;}
	.main_banner + .sync_contact {margin-top:7.06%;}
}


/* ==================================================
	news
================================================== */
.news_wrp {padding:190px 0 100px;}
.news_wrp .inner_align {position:relative;}
.news_wrp .bg_ment {position:absolute;top:0;left:-310px;font-family:tg,sans-serif;font-size:61.6px;line-height:53px;letter-spacing:-1.5px;}
.sorting {font-size:0;text-align:center;}
.sorting li {display:inline-block;color:#2a2a2a;font-size:15px;vertical-align:top;}
.sorting li + li:before {margin:0 20px;content:"|";}
.sorting li a {font-weight:400;}
.sorting li.active a {font-weight:900;}
.news_wrp .sorting {margin-top:75px;}
.news_wrp .main_news {margin-top:0;}
.news_wrp .main_news .news_list {margin-top:65px;}
.news_wrp .list-paginate {margin-top:100px;}

.board_view {width:900px;margin:0 auto;color:#2a2a2a;}
.board_view .date {font-size:15px;font-weight:700;}
.board_view .title {font-size:24px;font-weight:900;word-break:keep-all;}
.board_view .editor-area {margin-top:30px;}
.board_view .navigation {margin-top:160px;margin-bottom:50px;}
.board_view .navigation .bx-wrapper {position:relative;margin:0 auto;}
.board_view .navigation .bx-prev,
.board_view .navigation .bx-next {position:absolute;top:60px;width:28px;height:52px;background-repeat:no-repeat;font-size:0;}
.board_view .navigation .bx-prev {left:-36px;background-image:url('../img/btn/btn_slide_prev.png');}
.board_view .navigation .bx-next {right:-36px;background-image:url('../img/btn/btn_slide_next.png');}
.board_view .navigation .bx-controls-direction .disabled {opacity:.3;cursor:default;}
.board_view .navigation .slider li {padding:0 15px;}
.board_view .navigation .slider .img {overflow:hidden;width:246px;height:172px;}
.board_view .navigation .slider .img img {display:block;width:100%;}
.board_view .navigation .slider .tit {margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:900;text-align:center;}
.board_view .navigation .slider .current .img {position:relative;}
.board_view .navigation .slider .current .img:before {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);content:"";}
.board_view .navigation .slider .current .img:after {position:absolute;top:50%;left:0;width:100%;margin-top:-12px;color:#fff;font-size:18px;line-height:24px;font-weight:100;text-align:center;content:"현재글";}
.news_wrp .board_view {margin-top:155px;}

@media screen and (max-width:767px) {
	.news_wrp {padding:97px 0 58px;text-align:center;}
	.news_wrp .bg_ment {display:none;}
	.sorting {padding-bottom:11px;border-bottom:1px solid #848484;}
	.sorting li {font-size:13px;}
	.news_wrp .sorting {margin-top:80px;}
	.news_wrp .main_news .line_tit:before {display:block;margin-bottom:20px;font-family:tg,sans-serif;font-size:52px;content:"NEWS";}
	.news_wrp .main_news .news_list {margin-top:43px;text-align:left;}
	.news_wrp .list-paginate,
	.news_wrp .sch_wrp {display:none;}
	
	.board_view {width:100%;text-align:left;}
	.board_view .date {font-size:13px;}
	.board_view .title {font-size:20px;}
	.board_view .editor-area {margin-top:20px;}
	.board_view .navigation {margin:40px 0 0;}
	.board_view .navigation .bx-prev,
	.board_view .navigation .bx-next {top:50%;margin-top:-46px;background-size:14px auto;background-position:50%;}
	.board_view .navigation .bx-prev {left:-10%;}
	.board_view .navigation .bx-next {right:-10%;}
	.board_view .navigation .slider li {padding:0 5px;}
	.board_view .navigation .slider .img {width:auto;height:auto;}
	.board_view .navigation .slider .tit {height:36px;margin-top:5px;line-height:18px;white-space:normal;display:-webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:400;word-break:break-all;}
	.board_view .navigation .slider .current .img:after {font-size:15px;font-weight:400;}
	.news_wrp .board_view {margin-top:43px;}
}

@media screen and (max-width:320px) {
	.sorting li + li:before {margin:0 16px;}
}


/* ==================================================
	recruit
================================================== */
.recruit_wrp {padding:114px 0 85px;}
.recruit_visual {padding:150px 0 70px;border-bottom:1px solid #868686;background:url(../img/content/recruit_visual.jpg) no-repeat 50% 100%;}
.recruit_visual .main_ment {margin-left:135px;font-family:tg,sans-serif;font-size:158px;line-height:136px;letter-spacing:-7.8px;}
.recruit_visual .sub_ment {width:350px;margin-top:16px;margin-left:135px;font-size:15px;line-height:25px;font-weight:100;}
[class^="recruit_info"] {margin-top:115px;}
.recruit_info01 {float:left;width:520px;}
.recruit_step {margin-top:45px;font-size:0;text-align:center;}
.recruit_step li {display:inline-block;width:31%;font-size:15px;line-height:24px;vertical-align:top;}
.recruit_step li + li {margin-left:3.5%;}
.recruit_step li [class^="icon-"] {height:66px;background-position:50%;}
.recruit_step li .icon-recruit01 {margin-left:20px;}
.recruit_step li .tit {margin-top:10px;font-weight:700;}
.recruit_step li .txt {color:#7a7a7a;word-break:keep-all;}
.recruit_info01 .sub_txt {margin-top:75px;color:#000;line-height:25px;}
.recruit_info02 {float:right;width:470px;}
.recruit_info02 .select-def {width:100%;margin-top:40px;font-weight:900;}
.recruit_info02 .info_list {width:100%;margin-top:10px;color:#7a7a7a;font-size:15px;line-height:25px;}
.recruit_info02 .info_list th {width:21.2%;padding:14px 0;font-weight:700;vertical-align:top;text-align:left;}
.recruit_info02 .info_list th > span:after {margin-left:20px;content:":";}
.recruit_info02 .info_list td {padding:14px 0;vertical-align:top;word-break:keep-all;}

@media screen and (max-width:767px) {
	.recruit_wrp {padding:50px 0 75px;}
	.recruit_visual {padding:44px 0 0;border-bottom:0;background-size:auto 360px;background-position:26% 50px;}
	.recruit_visual .main_ment {margin-left:0;font-size:71px;line-height:61px;letter-spacing:-4px;}
	.recruit_visual .sub_ment {width:auto;margin-top:253px;margin-left:0;font-size:17px;text-align:center;}
	[class^="recruit_info"] {float:none;width:100%;margin-top:70px;}
	[class^="recruit_info"] .line_tit {font-size:13px;}
	.recruit_step li {position:relative;display:block;width:100%;padding-left:45px;font-size:11px;line-height:18px;text-align:left;box-sizing:border-box;}
	.recruit_step li + li {margin-top:25px;margin-left:0;}
	.recruit_step li [class^="icon-"] {position:absolute;top:0;left:0;height:100%;}
	.recruit_step li .icon-recruit01 {margin-left:0;}
	.recruit_step li .tit {margin-top:0;}
	.recruit_info01 .sub_txt {margin-top:52px;font-size:12px;line-height:20px;}
	.recruit_info02 .select-def {margin-top:35px;}
	.recruit_info02 .info_list {margin-top:0;font-size:13px;}
	.recruit_info02 .info_list th {width:24.7%;padding:12px 0;}
	.recruit_info02 .info_list th > span:after {margin-left:8px;}
	.recruit_info02 .info_list td {padding:12px 0;}
}


/* ==================================================
	contact
================================================== */
.contact_wrp {padding:190px 0 112px;}
.contact_wrp .side_info {float:left;}
.contact_wrp .side_info .main_ment {font-family:tg,sans-serif;font-size:106px;line-height:91px;letter-spacing:-4.8px;}
.contact_wrp .side_info .btn_down_pdf {width:324px;margin-top:26px;margin-left:3px;}
.contact_wrp .side_info .txt {margin-top:28px;font-size:20px;font-weight:100;}
.contact_wrp .form_area {float:right;width:670px;}
.contact_wrp .form_area .th-left {margin-top:60px;}
.contact_wrp .form_area .th-left th {width:26.56%;}
.contact_wrp .form_area .option-box label {color:#a2a2a2;}
.contact_wrp .form_area .option-box [type="radio"]:checked + label {color:#000;}
.form_area .th-left input[type="text"] {height:40px;padding:0;border:0;font-size:20px;}
.form_area .th-left textarea {width:100%;height:250px;padding:0;border:0;font-size:20px;}
.contact_wrp .form_area .btn-medium {margin-top:64px;}

@media screen and (max-width:767px) {
	.contact_wrp {padding:88px 0 125px;}
	.contact_wrp .side_info {float:none;text-align:center;}
	.contact_wrp .side_info .main_ment {margin:0 -9%;font-size:100px;line-height:87px;letter-spacing:-5px;}
	.contact_wrp .side_info .btn_down_pdf {display:inline-block;width:215px;margin-top:68px;margin-left:0;padding:20px 15px 18px;background-position:165px 21px;font-size:12px;line-height:17px;}
	.contact_wrp .side_info .txt {margin-top:8px;font-size:12px;}
	.contact_wrp .form_area {float:none;width:100%;margin-top:70px;}
	.contact_wrp .form_area .line_tit {font-size:13px;}
	.contact_wrp .form_area .th-left {margin-top:36px;}
	.contact_wrp .form_area .th-left th {width:21.58%;}
	.contact_wrp .form_area .th-left input[type="text"] {height:26px;font-size:13px;}
	.contact_wrp .form_area .th-left textarea {height:190px;font-size:13px;}
	.contact_wrp .form_area .btn-medium {min-width:92px;height:34px;margin-top:44px;border-width:1px;font-size:13px;line-height:32px;}
}