@charset "utf-8";

/* 공통 */
.txt-white {color:#fff !important;}
.txt-blue {color:#1375a5 !important;}

.doc-tit {position:relative; padding-left:17px; font-size:26px; font-weight:600; line-height:1.3em; letter-spacing:-0.03em; color:#333; margin-bottom:30px;}
.doc-tit:before {content:""; position:absolute; width:7px; height:7px; left:0; top:12px; background:#1375a5; border-radius:100%;}

.doc-cnt {margin-bottom:100px;}
.doc-cnt:last-child  {margin-bottom:0;}
.sub-cont {padding:100px 0;}
.bg-gray {position:relative;}
.bg-gray:before {content:""; position:absolute; width:100vw; height:100%; left:50%; transform:translateX(-50%); top:0; background:#fafafa; z-index:-1;}

/* 인사말 */
.greeting .top-img {margin-bottom:50px;}
.greeting .cnt {display:flex;}
.greeting .cnt .col {width:50%;}
.greeting .cnt .right {padding-top:50px;}
.greeting .cnt .t1 {font-weight:700; line-height:1.2em; letter-spacing:0.6em; margin-bottom:27px;}
.greeting .cnt .tit {font-size:30px; font-weight:700; line-height:1.4em; letter-spacing:-0.03em; color:#2c2c2c;}
.greeting .cnt .tt {font-size:22px; font-weight:500; letter-spacing:-0.03em; color:#2c2c2c;}
.greeting .cnt .txt {line-height:1.6em; font-weight:400; letter-spacing:-0.03em; color:#505050; margin-bottom:23px;}
.greeting .cnt .txt:last-child {margin-bottom:0;}
.greeting .cnt .sign {font-weight:700; line-height:1.2em; letter-spacing:-0.04em; color:#2c2c2c;}
.greeting .cnt .sign img {vertical-align:middle; display:inline-block; margin-left:17px;}

.greeting .group {padding:100px 0; border-bottom:1px solid #ddd;}
.greeting .group:first-child {padding-top:0;}
.greeting .group:last-child {margin-bottom:0; padding-bottom:0; border-bottom:0;}

.history {background:url("../images/sub/history_bg.jpg") no-repeat 50% 50%; background-size:contain;}
.history .group-tit {text-align:center; font-size:40px; font-weight:700; line-height:1.2em; letter-spacing:0; color:#333; margin-bottom:30px;}
.history .inner {position:relative;}
.history .inner:before {content:""; position:absolute; width:7px; height:7px; background:#ccc; left:50%; top:0; border-radius:100%; margin-left:-3.5px; z-index:1;}
.history .inner:after {content:""; position:absolute; width:7px; height:7px; background:#ccc; left:50%; bottom:0; border-radius:100%; margin-left:-3.5px;}

.history-wrap {padding-top:50px; position:relative;}
.history-wrap:before {content:""; position:absolute; width:1px; height:50px; top:0; left:50%; background:#ddd; margin-left:-0.5px;}
.history-wrap .part {position:relative; padding-bottom:95px; padding-left:calc(50% + 60px); display:flex; align-items:flex-start;}
.history-wrap .part:last-child {padding-bottom:30px;}
.history-wrap .part:last-child:before {top:auto; bottom:0;}
.history-wrap .part:before {content:""; position:absolute; width:1px; height:100%; background:#ddd; left:50%; margin-left:-0.5px; top:45px;}
.history-wrap .part:after {content:""; position:absolute; width:58px; height:58px; border:15px solid #1375a5; background:#fff; border-radius:100%; left:50%; margin-left:-28px; top:0;}
.history-wrap .year {font-size:34px; font-weight:700; line-height:58px; letter-spacing:-0.04em; color:#2c2c2c; width:150px;}
.history-wrap .month {display:inline-block; font-weight:500; color:#1b4458; min-width:60px;}
.history-wrap .part > ul {padding-top:16px;}
.history-wrap .part > ul > li {display:flex; font-size:18px; font-weight:400; line-height:1.3em; letter-spacing:-0.04em; color:#505050; margin-bottom:10px;}
.history-wrap .part > ul > li:last-child {margin-bottom:0;}

.history-wrap .part:nth-child(even) {padding-left:0; padding-right:calc(50% + 60px); flex-direction:row-reverse;}
.history-wrap .part:nth-child(even):after {border-color:#1e3f61;}
.history-wrap .part:nth-child(even) .year {text-align:right;}
.history-wrap .part:nth-child(even) > ul > li {flex-direction:row-reverse; text-aligN:right;}

.partner ul {display:flex; flex-wrap:wrap; margin:-10px -15px;}
.partner ul li {width:16.666%; padding:10px 15px;}
.partner ul li img {width:100%;}

/* 회사 소개 */
.aboutSlider {position:relative;}
.aboutSlider .slick-list {margin:0 -10px;}
.aboutSlider .slick-slide {margin:0 10px;}
.aboutSlider .slick-slide img {width:100%;}
.aboutSlider .slick-arrow {position:absolute; z-index:1; top:50%; width:30px; height:57px; margin-top:-28.5px; background-color:transparent; background-position:50% 50%; background-size:contain; background-repeat:no-repeat; border:0; text-indent:-999em; overflow:hidden;}
.aboutSlider .slick-prev {background-image:url("../images/sub/sld_prev.png"); left:-80px;}
.aboutSlider .slick-next {background-image:url("../images/sub/sld_next.png"); right:-80px;}

/* 기술현황 */
.certi ul {display:flex; flex-wrap:wrap; margin:0 -18px -55px -18px;}
.certi ul li {text-align:center; width:25%; padding:0 18px; margin-bottom:55px;}
.certi ul li img {width:100%;}
.certi ul li .tit {font-size:18px; font-weight:500; line-height:1.3em; letter-spacing:-0.03em; color:#333; margin-top:15px;}

/* 위치 */
.location .root_daum_roughmap {width:100% !important;}
.location .root_daum_roughmap {width:100% !important; height:450px !important;}
.location .root_daum_roughmap .wrap_map {height:450px !important;}

.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:#1375a5; font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#1375a5;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}

@media (max-width: 1024px) {
	.location .root_daum_roughmap {height:300px !important;}
	.location .root_daum_roughmap .wrap_map {height:300px !important;}
	.directions .address-info .addr {font-size:20px;}
	.directions .contact-info dl {padding:20px 0;}
	.directions .contact-info dt {padding-left:20px; width:140px;}
}

@media (max-width: 640px) {
	.location .root_daum_roughmap {height:250px !important;}
	.location .root_daum_roughmap .wrap_map {height:250px !important;}	
	.directions {margin-top:30px;}
	.directions .address-info .addr {font-size:18px;}
	.directions .address-info {margin-bottom:20px;}
	.directions .contact-info dl {padding:16px 0;}
	.directions .contact-info dt {padding-left:5px; width:110px;}
	.directions .contact-info dt svg {margin-right:10px;}
}