/*
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Roboto', sans-serif;
*/

#wrap > div:nth-of-type(3) > img{display:block;margin:0 auto 100px;}


.greetings{padding-bottom:170px;}
.greetings .w1400:after{display:block;content:"";clear:both;}
.greetings .w1400 .left{width:703px;height:550px;background:url("../img/sub/greetings-img01.jpg")no-repeat center top;background-size:cover;float:left;border-radius:15px 0 0 15px;overflow:hidden;}
.greetings .w1400 .left:after{display:block;content:"";clear:both;}
.greetings .w1400 .left .inner{float:right;width:490px;height:250px;box-sizing:border-box;background-color:rgba(0,0,0,0.55);padding:50px 0 0 30px;margin-top:150px;}
.greetings .w1400 .left .inner > p{font-size:20px;font-weight:500;color:#fff;text-align:left;position:relative;line-height:34px;padding-bottom:20px;}
.greetings .w1400 .left .inner > p:after{display:block;content:"";position:absolute;width:25px;height:2px;background-color:#2e8ac5;left:0;bottom:0;}
.greetings .w1400 .left .inner > span{display:block;font-size:16px;font-weight:300;line-height:25px;color:#fff;font-size:16px;font-weight:300;line-height:25px;color:#fff;padding-top:15px;}
.greetings .w1400 .right{float:right;width:697px;height:550px;border:1px solid #ddd;box-sizing:border-box;border-radius:0 15px 15px 0;padding:95px 0 0 25px;}
.greetings .w1400 .right > p{font-size:20px;font-weight:300;line-height:1.2;color:#666;position:relative;}
.greetings .w1400 .right > p span{font-weight:bold;color:#2e8ac5;}
.greetings .w1400 .right > p b{font-weight:500;}
.greetings .w1400 .right > p:after{display:block;content:"";position:absolute;left:0;bottom:-22px;width:26px;height:2px;background-color:#2e8ac5;}
.greetings .w1400 .right > span{display:block;font-size:15px;font-weight:300;line-height:26px;color:#979797;padding-top:35px;}
.greetings .w1400 .right > span b{font-weight:400;color:#ff0000}
@media all and (max-width:1400px){
	.greetings .w1400 .left{float:none;}
	.greetings .w1400 .right{float:none;}
	.greetings .w1400 .left{width:700px;margin:0 auto;float:none;}
	.greetings .w1400 .right{width:700px;margin:0 auto;float:none;border-radius:15px 0 15px 0;}
}
@media all and (max-width:800px){
	.greetings .w1400 .left{width:100%;}
	.greetings .w1400 .right{width:100%;height:auto;padding:50px 15px;}
	.greetings .w1400 .right > p{line-height:1.3;}
	.greetings .w1400 .right br{display:none;}
}
@media all and (max-width:640px){
	.greetings .w1400 .left .inner{width:100%;padding:50px 15px;}
	.greetings .w1400 .left .inner p{text-align:center;}
	.greetings .w1400 .left .inner > p:after{left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);}
	.greetings .w1400 .left .inner span{text-align:center;}
}












/* 연혁 */
.txt-box{width:700px;margin:0 auto;position:relative;font-size:22px;font-weight:300;line-height:34px;color:#666;text-align:center;}
.txt-box:before{display:block;content:"";position:absolute;left:0;bottom:10px;width:35px;height:27px;background:url("../img/sub/history-icon01.png");}
.txt-box:after{display:block;content:"";position:absolute;right:0;bottom:10px;width:35px;height:27px;background:url("../img/sub/history-icon02.png");}
.txt-box b{font-weight:500;}
.txt-box b span{color:#2e8ac5;font-weight:bold;}

.history{padding-bottom:150px;background:url("../img/sub/history-bg.jpg") no-repeat center top;margin-top:45px;}
.history .w1400{padding-top:80px;}
.history .w1400 .his-box{margin-top:20px;}
.history .w1400 .his-box .inner:first-of-type{padding-top:0;}
.history .w1400 .his-box .inner{padding-top:60px;position:relative}
.history .w1400 .his-box .inner:before{display:block;content:"";width:4px;height:100%;position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);top:0;background-color:#f2f2f2;}
.history .w1400 .his-box .inner:after{display:block;content:"";clear:both;}
.history .w1400 .his-box .inner .left{float:left;text-align:right;padding-right:35px;}
.history .w1400 .his-box .inner .right{float:right;text-align:left;padding-left:35px;}
.history .w1400 .his-box .inner > div{width:50%;box-sizing:border-box;padding-top:60px;}
.history .w1400 .his-box .inner > div p.year{font-size:20px;font-weight:500;color:#2e8ac5;line-height:1;position:relative;}
.history .w1400 .his-box .inner > div p.year:before{display:block;content:"";position:absolute;width:18px;height:18px;background:url("../img/sub/history-icon03.png");left:-44px;top:0;z-index:2;}
.history .w1400 .his-box .inner > div.left p.year:before{display:block;content:"";position:absolute;width:18px;height:18px;background:url("../img/sub/history-icon03.png");left:auto;right:-44px;top:0;z-index:2;}

.history .w1400 .his-box .inner > div ul{margin-top:17px;}
.history .w1400 .his-box .inner > div ul li:first-of-type{margin-top:0;}
.history .w1400 .his-box .inner > div ul li{position:relative;font-size:15px;font-weight:300;line-height:36px;color:#979797;padding-left:25px;}
.history .w1400 .his-box .inner > div ul li span{display:block;position:absolute;left:0;top:0;font-size:15px;font-weight:500;color:#282828;}
.history .w1400 .his-box .inner > div.left ul li{padding-left:0;padding-right:25px;}
.history .w1400 .his-box .inner > div.left ul li span{left:auto;right:0;}
.history .w1400 .his-box .inner > div ul.span-none li{padding-left:0;padding-right:0;}
@media all and (max-width:1024px){
	.history .w1400 .his-box .inner .left{float:right;}
	.history .w1400 .his-box .inner:nth-of-type(odd) .left{display:none;}
	.history .w1400 .his-box .inner:nth-of-type(even) .right{display:none;}
	.history .w1400 .his-box .inner > div p.year{text-align:left;}
	.history .w1400 .his-box .inner .left{padding-left:35px;padding-right:0;}
	.history .w1400 .his-box .inner > div.left p.year:before{left:-44px;right:auto;}
	.history .w1400 .his-box .inner > div.left ul li span{right:auto;left:0;}
	.history .w1400 .his-box .inner > div.left ul li{padding-right:0;text-align:left;padding-left:25px;}
	.history .w1400 .his-box .inner:before{left:0;transform:none;}
	.history .w1400 .his-box .inner > div{width:100%;float:left;}
	.history .w1400 .his-box .inner > div.left p.year:before{left:-42px;}
	.history .w1400 .his-box .inner > div p.year:before{left:-42px;}
}
@media all and (max-width:750px){
	.txt-box{width:100%;}
}



/* 조직도 */
.vision{padding-bottom:150px;}
.vision .w1400 > img{display:block;margin:60px auto 0;max-width:100%;}

/* 파트너 고객사*/
.partners{margin-bottom:30px;}
.partners .w1400{}
.partners .w1400 .banner{width:100%;height:324px;background:url("../img/sub/part-bg.jpg")no-repeat center top;}
.partners .w1400 .banner p{font-size:22px;font-weight:300;color:#fff;text-align:center;line-height:34px;padding-top:130px;}
.partners .w1400 .banner p b{font-weight:500;}
.partners .w1400 .banner p b span{color:#8fbd37;}
.partners .w1400 ul{font-size:0;text-align:center;margin-top:40px;}
.partners .w1400 ul li:nth-of-type(7n){margin-right:0;}
.partners .w1400 ul li{display:inline-block;vertical-align:top;width:350px;height:474px;box-sizing:border-box;border:1px solid #e5e5e5;margin-right:49px;margin-bottom:20px;}
.partners .w1400 ul li img{width:100%;}
@media all and (max-width:1400px){
	.partners .w1400 ul{width:812px;margin:40px auto 0;}
	.partners .w1400 ul li:nth-of-type(7n){margin-right:49px;}
	.partners .w1400 ul li:nth-of-type(4n){margin-right:0;}
}
@media all and (max-width:850px){
	.partners .w1400 ul{width:361px;}
	.partners .w1400 ul li:nth-of-type(7n){margin-right:49px;}
	.partners .w1400 ul li:nth-of-type(4n){margin-right:49px;}
	.partners .w1400 ul li:nth-of-type(2n){margin-right:0;}
}



/* 제품소개 */
.product{padding-bottom:150px;}
.product .w1400{}
.product .w1400 .top{width:100%;height:474px;background:url("../img/sub/ptt-img01.png")no-repeat center top;}
.product .w1400 .top.quick{background:url("../img/sub/quick-img01.png")no-repeat center top;}
.product .w1400 .top.mess{background:url("../img/sub/mess-img01.png")no-repeat center top;}
.product .w1400 .top.iot{background:url("../img/sub/iot-img01.png")no-repeat center top;}
.product .w1400 .middle{margin-top:-25px;}
.product .w1400 .middle dl{}
.product .w1400 .middle dl dt{font-size:75px;font-weight:bold;color:#2e8ac5;font-family: 'Roboto', sans-serif;line-height:55px;padding-left:20px;}
.product .w1400 .middle dl dd{padding-top:25px;}
.product .w1400 .middle dl dd p{font-size:20px;font-weight:500;line-height:1.2;color:#494949;position:relative;padding-left:20px;}
.product .w1400 .middle dl dd p:after{display:block;content:"";position:absolute;width:26px;height:2px;background-color:#2e8ac5;bottom:-20px;}
.product .w1400 .middle dl dd .inner{margin-top:40px;}
.product .w1400 .middle dl dd .inner:after{display:block;content:"";clear:both;}
.product .w1400 .middle dl dd .inner .left{padding-left:20px;}
.product .w1400 .middle dl dd .inner .right{padding-left:40px;}
.product .w1400 .middle dl dd .inner > div{width:50%;box-sizing:border-box;float:left;}
.product .w1400 .middle dl dd .inner > div ul{}
.product .w1400 .middle dl dd .inner > div ul li:first-of-type{margin-top:0;}
.product .w1400 .middle dl dd .inner > div ul li:before{display:block;content:"";position:absolute;left:0;top:13px;width:6px;height:6px;border-radius:50%;background-color:#92c6e6;}
.product .w1400 .middle dl dd .inner > div ul li{font-size:16px;font-weight:300;line-height:34px;color:#979797;padding-left:15px;position:relative}
.product .w1400 .middle dl dd .inner > div ul li.pl88{padding-left:88px;}
.product .w1400 .middle dl dd .inner > div ul li span{font-weight:500;color:#92c6e6;}
.product .w1400 .middle dl dd .inner > div ul li em{display:block;position:absolute;left:15px;top:0;}
.product .w1400 .bottom{margin-top:55px;font-size:0;text-align:left;padding-top:35px;border-top:1px solid #ddd;}
.product .w1400 .bottom p{display:inline-block;vertical-align:top;font-size:20px;font-weight:bold;color:#494949;padding:0 48px 0 22px;position:relative;margin-right:40px;}
.product .w1400 .bottom p:before{display:block;content:"";position:absolute;width:100%;height:1px;background-color:#92c6e6;top:-36px;left:0;}
.product .w1400 .bottom ul{display:inline-block;vertical-align:top;font-size:0;text-align:left;}
.product .w1400 .bottom ul li:last-of-type{margin-right:0;}
.product .w1400 .bottom ul li{display:inline-block;vertical-align:top;margin-right:80px;box-shadow:5px 5px 10px rgba(0,0,0,0.3);}
.product .w1400 .bottom ul li img{}
.product .w1400 .bottom ul.type02 li{margin-right:15px;box-shadow:none;}
.product .w1400 .bottom ul.type02 li:last-of-type{margin-right:0;}
@media all and (max-width:1400px){
	.product .w1400 .bottom p{display:block;margin-bottom:50px;padding-right:0;margin-right:0;}
	.product .w1400 .bottom ul{width:100%;}
	.product .w1400 .bottom ul li{width:30%;margin-right:5%;}
	.product .w1400 .bottom ul li:last-of-type{margin-right:0;}
	.product .w1400 .bottom ul li img{width:100%;}
}
@media all and (max-width:1024px){
	.product .w1400 .middle dl dd .inner > div{width:100%;}
	.product .w1400 .middle dl dd .inner .right{padding-left:20px;}
	.product .w1400 .bottom ul.type02 li{width:47.5%;margin-right:5%;}
	.product .w1400 .bottom ul.type02 li:last-of-type{margin-right:0;}
}


/* 오시는길 */
.location{padding-bottom:150px;}
.location .w1400 .info-area{text-align:center;}
.location .w1400 .info-area > img{display:block;margin:0 auto;max-width:100%;}
.location .w1400 .info-area > span{display:inline-block;font-size:20px;font-weight:500;color:#494949;position:relative;margin-top:20px;line-height:1.3;}
.location .w1400 .info-area > span:before{display:block;content:"";position:absolute;width:35px;height:27px;background:url("../img/sub/dda01.jpg")no-repeat center top;left:-70px;top:-5px;}
.location .w1400 .info-area > span:after{display:block;content:"";position:absolute;width:35px;height:27px;background:url("../img/sub/dda02.jpg")no-repeat center top;right:-70px;top:-5px;}
.location .w1400 .info-area ul{font-size:0;text-align:center;padding-top:60px;}
.location .w1400 .info-area ul li:last-of-type{margin-right:0;}
.location .w1400 .info-area ul li{display:inline-block;vertical-align:top;font-size:18px;font-weight:300;line-height:1;color:#979797;margin-right:155px;}
.location .w1400 .info-area ul li img{display:inline-block;vertical-align:middle;margin-right:13px;}
.location .w1400 .info-area ul li b{display:inline-block;vertical-align:middle;font-weight:500;color:#282828;margin-right:10px;margin-top:-1px;}
.location .w1400 .map-area{margin-top:35px;}
.location .w1400 .map-area > div{padding:0 !important;height:570px !important;width:100% !important;}
.location .w1400 .map-area > div > div{width:100%;height:100% !important;}
@media all and (max-width:850px){
	.location .w1400 .info-area > span{width:75%;}
}
@media all and (max-width:700px){
	.location .w1400 .info-area ul li:first-of-type{margin-top:0;}
	.location .w1400 .info-area ul li{margin-right:0;display:block;text-align:center;margin-top:20px;}
}
@media all and (max-width:640px){
	.location .w1400 .map-area > div{height:450px !important;}
	.location .w1400 .info-area > span:before{left:-60px;top:10px;}
	.location .w1400 .info-area > span:after{right:-60px;top:10px;}
}

.btn-wrap{text-align:center;font-size:0;padding-top:100px;}
.btn-wrap a{display:inline-block;vertical-align:top;margin-right:15px;width:200px;height:55px;border-radius:5px;transition:all 0.3s;background-color:rgba(0,0,0,0.8);font-size:18px;text-align:center;font-weight:400;color:#fff;text-align:center;line-height:55px;}
.btn-wrap a:last-of-type{margin-right:0;}
.btn-wrap a:hover{background-color:#92c6e6;}
@media all and (max-width:925px){
	.btn-wrap{width:415px;margin:0 auto;}
	.btn-wrap a{margin-top:15px;}
	.btn-wrap a:nth-of-type(-n+2){margin-top:0;}
	.btn-wrap a:nth-of-type(2n){margin-right:0;}

}

.board-wrap{padding-bottom:150px;}