@charset "utf-8";
/* 메인비주얼 */
#mainVisual{ overflow:hidden; margin-top:95px;}
.main-slider {position:relative;height:800px;min-width:1400px}
.main-slider-inner {position:relative;overflow:hidden;display:none}
.main-slider .main-slider-list {margin-bottom:0}
.main-slider .main-slider-item {position:relative;outline:none;height:800px;overflow:hidden}

/* 이미지 */
.main-slider .main-slider-image {position:relative;width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center}
.main-slider .slick-current .main-slider-item.item-animation .main-slider-image {-webkit-transform:scale(1.1);transform:scale(1.1);;-webkit-transition: transform 10s linear;-moz-transition: transform 10s linear;-o-transition: transform 10s linear;-ms-transition: transform 10s linear;transition: transform 10s linear}
.main-slider .main-slider-image:before {content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(2,55,86,.2)}
.main-slider .main-slider-image .mask-block {opacity:0;position:absolute;width:33.333%;height:100%;background:rgba(57,189,251,.4)}
.main-slider .main-slider-image .mask-block.mask-1 {top:0;left:0}
.main-slider .main-slider-image .mask-block.mask-2 {bottom:0;left:33.33%}
.main-slider .main-slider-image .mask-block.mask-3 {top:0;left:66.666%}
.main-slider .slick-current .main-slider-item.item-animation .main-slider-image .mask-block {opacity:1;height:0;-webkit-transition-delay:1s;transition-delay:1s;-webkit-transition: height 1s linear;-moz-transition: height 1s linear;-o-transition: height 1s linear;-ms-transition: height 1s linear;transition: height 1s linear}

/* 내용 */
.main-slider .main-slider-caption {position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1100px;text-align:center;letter-spacing:-0.03em;}
.main-slider .main-slider-caption h4 {position:relative;margin:0 0 30px;font-size:60px; color:#fff;font-family: 'Do Hyeon', sans-serif; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);}
.main-slider .main-slider-caption h4:after {content:"";display:block;position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:50px;height:2px;background:#c01113}
.main-slider .main-slider-caption h5 {margin:0 0 30px;line-height:30px; font-size:24px; word-break:keep-all;color:#fff;font-family: 'Do Hyeon', serif; font-weight:600;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);}

/* 버튼 */
.main-slider .main-slider-caption .btn-more a {color:#fff;border-color:#fff}
.main-slider .main-slider-caption .btn-more a:hover {color:#333}
.main-slider .main-slider-caption .btn-more a:before {border-bottom:80px solid #fff}

/* 점,숫자-컨트롤  */
.main-slider .slick-dots {bottom:40px}
.main-slider .slick-dots li {display:inline-block;margin:0 1px 0 0;width:40px;height:40px;line-height:40px;text-align:center;font-size:15px;border-bottom:1px solid #ccc;color:#ccc;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.main-slider .slick-dots li:hover {background:rgba(200,200,200,.2)}
.main-slider .slick-dots li.slick-active {color:#fff;border-color:#fff}

/* 좌우-컨트롤 */
.main-slider .slick-next, .main-slider .slick-prev {width:60px;height:120px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease}
.main-slider .slick-next {right:40px;z-index:1}
.main-slider .slick-prev {left:40px;z-index:1}
.main-slider .slick-next:before, .main-slider .slick-prev:before {content:"";display:block;position:absolute;top:50%;width:80px;height:80px;margin-top:-40px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.main-slider .slick-next:before {right:17px;border-right:1px solid #fff;border-top:2px solid #ccc}
.main-slider .slick-prev:before {left:17px;border-left:2px solid #ccc;border-bottom:2px solid #ccc}
.main-slider .slick-next:after, .main-slider .slick-prev:after {content:"";display:block;position:absolute;top:50%;width:0;height:2px;background:#ccc;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out}
.main-slider .slick-next:after {right:2px}
.main-slider .slick-prev:after {left:2px}
.main-slider .slick-next:hover:after, .main-slider .slick-prev:hover:after {width:100px}

@media (max-width:1199px){
	.main-slider {min-width:inherit}
	.main-slider, .main-slider .main-slider-item {height:720px}
	.main-slider .main-slider-caption {max-width:800px}
	.main-slider .main-slider-caption h4 {font-size:50px}
}

@media (max-width:991px){
	.main-slider .main-slider-caption {max-width:700px}
	.main-slider .main-slider-caption h4 {font-size:40px}
	.main-slider .main-slider-caption h5 {font-size:18px}
	.main-slider .slick-next, .main-slider .slick-prev {width:30px;height:60px}
	.main-slider .slick-next {right:15px}
	.main-slider .slick-prev {left:15px}
	.main-slider .slick-next:before, .main-slider .slick-prev:before {width:40px;height:40px;margin-top:-20px}
	.main-slider .slick-next:before {right:10px}
	.main-slider .slick-prev:before {left:10px}
	.main-slider .slick-next:after {right:3px}
	.main-slider .slick-prev:after {left:3px}
	.main-slider .slick-next:hover:after, .main-slider .slick-prev:hover:after {width:40px}
}

@media (max-width:767px){
	.main-slider, .main-slider .main-slider-item {height:500px}
	.main-slider .main-slider-caption {max-width:inherit;padding:0 40px}
	.main-slider .main-slider-caption h4 {font-size:24px}
	.main-slider .main-slider-caption h5 {margin-bottom:20px;font-size:13px;line-height:25px}
	.main-slider .slick-dots {bottom:30px}
}

/** 스크롤 **/
#scrollAni{ position: absolute; left:50%; width:100px; margin-left:-50px; text-align:center; bottom:40px; opacity:1; z-index:100; text-decoration:none;}
#scrollAni.hide{ opacity:0; z-index:-1}
#mainVisual i {cursor:pointer; } 

@media only screen and (max-width:1600px){
   #scrollAni {display:none;}
}

/* 메인 컨텐츠 박스 */
@media only screen and (min-width: 1400px){
   .mainBox{width:1400px; margin:0 auto; overflow:hidden;}
}

@media only screen and (max-width:1399px){
   .mainBox{width:96%; margin:0 2%;}
}

/* 메인 컨텐츠*/
.clear-after:after {content:"";display:block;clear:both}
p, li {word-break:keep-all}
ul {margin-bottom:0}
.transition-03 {-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-ms-transition:all .3s linear;transition:all .3s linear;}

/* waypoints 애니메이션 */
@media (min-width:992px){
    /* 위로 가는 애니메이션 */
    .waypoints-up {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:translate3d(0,30px,0);-moz-transform:translate3d(0,30px,0);-o-transform:translate3d(0,30px,0);-ms-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}
    .w-active .waypoints-up {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    /* 아래로 가는 애니메이션 */
    .waypoints-down {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:translate3d(0,-30px,0);-moz-transform:translate3d(0,-30px,0);-o-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
    .w-active .waypoints-down {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    /* 오른쪽으로 가는 애니메이션 */
    .waypoints-right {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:translate3d(-30px,0,0);-moz-transform:translate3d(-30px,0,0);-o-transform:translate3d(-30px,0,0);-ms-transform:translate3d(-30px,0,0);transform:translate3d(-30px,0,0)}
    .w-active .waypoints-right {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    /* 왼쪽으로 가는 애니메이션 */
    .waypoints-left {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;-webkit-transform:translate3d(30px,0,0);-moz-transform:translate3d(30px,0,0);-o-transform:translate3d(30px,0,0);-ms-transform:translate3d(30px,0,0);transform:translate3d(30px,0,0)}
    .w-active .waypoints-left {opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    /* 가운데 출력 애니메이션 */
    .waypoints-center {opacity:0;-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out}
    .w-active .waypoints-center {opacity:1}
    /* 딜레이 */
    .delay-05 {-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;-ms-transition-delay:.5s;transition-delay:.5s}
    .delay-10 {-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;-ms-transition-delay:1s;transition-delay:1s}
    .delay-15 {-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-o-transition-delay:1.5s;-ms-transition-delay:1.5s;transition-delay:1.5s}
    .delay-20 {-webkit-transition-delay:2s;-moz-transition-delay:2s;-o-transition-delay:2s;-ms-transition-delay:2s;transition-delay:2s}
    .delay-25 {-webkit-transition-delay:2.5s;-moz-transition-delay:2.5s;-o-transition-delay:2.5s;-ms-transition-delay:2.5s;transition-delay:2.5s}
    .delay-30 {-webkit-transition-delay:3s;-moz-transition-delay:3s;-o-transition-delay:3s;-ms-transition-delay:3s;transition-delay:3s}
}

.waypoints-box {}

/* 컨텐츠1 - 제품소개*/
.box_in1 { width:100%; margin-top:60px; overflow:hidden; position:relative; letter-spacing:-0.03em;}
.box_in1 h2 {font-size:30px; line-height:83px; color:#000; margin-bottom:30px; text-align:center;}
.box_in1 p {height:50px; background:url("/img/main/txt_bg.png") no-repeat center top; margin-top:15px; padding-top:15px; font-size:18px; color:#666; margin-bottom:30px; text-align:center;}

.box_in1 .pro_box {width:100%;}
.box_in1 .pro_box ul{margin:0 0 0 -2%;}
.box_in1 .pro_box ul li{float:left; width: calc(14% - 2%); margin:0 0 30px 2%;position: relative;}
.box_in1 .pro_box li a { position:relative; display:block;  }
.box_in1 .pro_box li a .img:before { content:''; display:block; position:absolute; left:0; right:0; top:0; border-radius:50%; bottom:0;  background:url("/img/main/box_in1_icon.png") rgba(244,244,244,.4) no-repeat center; z-index:1; opacity:0; transition-duration:.2s; transform:scale(.5,.5);}
.box_in1 .pro_box li a:hover .img:before{ opacity:1; transform:scale(1,1); }
.box_in1 .pro_box li .img { position:relative; height:170px; display:block; border-radius:50%; box-shadow:3px 3px 5px rgba(0,0,0,0.1);}
.box_in1 .pro_box li .img img { position:absolute; left:-9999px; right:-9999px; top:-9999px; bottom:-9999px; margin:auto; width:100%; max-height:100%; height:auto; }
.box_in1 .pro_box li dl { padding:15px 20px 10px 20px; text-align:center;}
.box_in1 .pro_box li dt {margin-bottom:3px; color:#000; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.box_in1 .pro_box li dt i{margin-left:10px; color:#666;}
.box_in1 .pro_box li a:hover dt, .box_in1 .pro_box li a:hover dt i{color:#9c1616;}


/* 이미지 */
.pro-image {position:relative;overflow:hidden; border:5px solid rgba(255,255,255,.5);}
.pro-image1 {background:#14b0bf;}
.pro-image2 {background:#2b5971;}
.pro-image3 {background:#a6dae8;}
.pro-image4 {background:#c4e0e8;}
.pro-image5 {background:#2b5971;}
.pro-image6 {background:#14b0bf;}
.pro-image7 {background:#2b5971;}
.pro-image img {width:100%; overflow:hidden;transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; -ms-transition:all 0.6s;}
.pro-item:hover .pro-image img {transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);}

/* 이미지 마스크 애니메이션 */
.pro-image:after {content:"";display:block; position:absolute; top:0;right:0; width:100%; height:100%; background:#fff; filter:alpha(opacity=80); opacity:0.8;}
.w-active .pro-image:after {width:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;transition-delay:.3s}
.w-active .pro-item-2 .pro-image:after {;transition-delay:.6s}
.w-active .pro-item-3 .pro-image:after {;transition-delay:.9s}
.w-active .pro-item-4 .pro-image:after {;transition-delay:1.2s}
.w-active .pro-item-5 .pro-image:after {;transition-delay:1.5s}
.w-active .pro-item-6 .pro-image:after {;transition-delay:1.8s}
.w-active .pro-item-7 .pro-image:after {;transition-delay:1.8s}
.pro-item-2 {-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s}
.pro-item-3 {-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-o-transition-delay:.6s;-ms-transition-delay:.6s;transition-delay:.6s}
.pro-item-4 {-webkit-transition-delay:.9s;-moz-transition-delay:.9s;-o-transition-delay:.9s;-ms-transition-delay:.9s;transition-delay:.9s}
.pro-item-5 {-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;-o-transition-delay:1.2s;-ms-transition-delay:1.2s;transition-delay:1.2s}
.pro-item-6 {-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-o-transition-delay:1.5s;-ms-transition-delay:1.5s;transition-delay:1.5s}
.pro-item-7 {-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-o-transition-delay:1.5s;-ms-transition-delay:1.5s;transition-delay:1.5s}

@media only screen and (max-width:960px){
	/* 컨텐츠1 - 제품소개*/
	.box_in1 h2 {font-size:25px;}
	.box_in1 p {font-size:16px;}
    .box_in1 .pro_box ul li{float:left; width: calc(33.333% - 2%);}
}


@media only screen and (max-width:768px){
	/* 컨텐츠1 - 제품소개*/
	.box_in1 .pro_box ul li{float:left; width: calc(50% - 2%);}
	.box_in1 .pro_box li .img {height:280px;}
}

@media only screen and (max-width:560px){
	/* 컨텐츠1 - 제품소개*/
	.box_in1 { width:100%; margin-top:30px;}
	.box_in1 h2 {font-size:20px;}
	.box_in1 p {font-size:14px;}
	.box_in1 .pro_box li .img {height:170px;}
	.box_in1 .pro_box li dt {font-size:15px;}
	
}

/* 컨텐츠3 - 렌탈 중고매매 바로가기 */

.box_in3 { width:100%;  padding:0; overflow:hidden; letter-spacing:-0.02em; margin-top:40px;}
.box_in3 > div {  float:left; width:50%; overflow:hidden; margin:0 0 0 -1px;}
.box_in3 > div:first-child { margin:0;}
.box_in3 > div a { height:280px; display:table; text-align:center; width:100%;  position:relative;}
.box_in3 > div a .bg { background-size:cover !important; position:absolute; left:0; width:100%; top:30; height:330px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.box_in3 > div a .txt { display:table-cell; vertical-align:middle; color:#fff; position:relative; z-index:10;}
.box_in3 > div a .txt h2 { font-size:30px; line-height:30px; margin:5px 0 15px 0;}
.box_in3 > div a .txt p { display:block; font-size:16px;}

.box_in3 > div.rental .bg { background:url("/img/main/box_in3_rental.jpg") no-repeat center;}
.box_in3 > div.market .bg { background:url("/img/main/box_in3_market.jpg") no-repeat center;}
.box_in3 > div a:hover .bg { transform:scale(1); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }	

.box_in3 > div a .txt em{position: relative; display: inline-block; margin-top:15px; padding: 0 15px 0 30px; font-size:13px; font:600 16px/40px 'notokrM', sans-serif; background: rgba(0,0,0,0.3); color: #fff;  -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; }
.box_in3 > div a .txt em:before { border-style: solid; border-width: 20px 20px 0 20px; border-color:rgba(0,0,0,0.3) transparent transparent transparent; position: absolute; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); content: ''; top: 10px; right: -30px; margin: 0; width: 0; height: 0; -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; }
.box_in3 > div a:hover em{ color: #000; background: rgba(244,244,244,0.3);}
.box_in3 > div a:hover em:before { border-color:rgba(244,244,244,0.3) transparent transparent transparent; }

@media screen and (max-width:960px) {
    /* 컨텐츠3 - 렌탈 중고매매 바로가기 */
	.box_in3 > div a .txt h2 { font-size:26px;}
    .box_in3 > div a .txt p {font-size:20px;}
}

@media screen and (max-width:650px) {
    /* 컨텐츠3 - 렌탈 중고매매 바로가기 */
	.box_in3 > div {  float:none; width:100%;}
	/*.box_in3 > div:first-child {margin-bottom:30px;} */

	.box_in3 > div a .txt h2 { font-size:18px; line-height:20px;}
    .box_in3 > div a .txt p {font-size:14px;}
	.box_in3 > div a .txt em{ font-size:12px; }
}


/*컨텐츠4 - 회사소개*/
.mainBox .box_in4{width:100%; margin-top:50px; letter-spacing:-0.02em;} 
.mainBox .box_in4 h2 {font-size:30px; line-height:33px; color:#000; margin-bottom:30px; text-align:center; } 

.box_in4 .left {float:left; width:50%; overflow: hidden;}
.box_in4 > .left a { height:360px; display:table; width:100%;  position:relative;}
.box_in4 > .left a .bg { background: url("/img/main/box_in4_company01.jpg") no-repeat; background-size:cover !important; position:absolute; left:0; width:100%; top:0; height:360px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.box_in4 > .left a:hover .bg { transform:scale(1); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
.box_in4 > .left a .txt { color:#fff; position:relative; z-index:10;}
.box_in4 > .left a .txt dl { margin:60px 0 0 45px; letter-spacing: -.5px; }
.box_in4 > .left a .txt dt { color: #000; font-size:24px; line-height: 100%; display: inline-block; width: auto;  }
.box_in4 > .left a .txt dd { color: #555; font-size:17px; line-height: 26px; margin: 10px 0 15px 0; }
.box_in4 > .left a .txt p{padding-left:45px; font-size:16px; color: #000; font-family:notokrB;}
.box_in4 > .left a:hover p{ color: #0776a1;}
.box_in4 > .left a .txt p span{font-size:16px;}

.box_in4 {width:100%; overflow:hidden;}
.box_in4 .right {float:left; width:50%; height:360px;  background: #eee; overflow: hidden; position: relative;}
.box_in4 .right .menu { float: left; width: 100%; height: 100%; background: #eee; }
.box_in4 .right .menu li { width: 100%; height: 120px; overflow: hidden; }
.box_in4 .right .menu li:nth-child(2) { background: #e8e8e8; }
.box_in4 .right .menu li a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }
.box_in4 .right .menu p { position: absolute; top: 40px; left: 50%; width: 46px; height: 42px; background: rgba(255,255,255,.8); margin-left:7px;}
.box_in4 .right .menu p i { position: relative; width: 17px; height: 17px; display: block; margin:13px auto 0; font-size:0; transition:all .3s; -webkit-transition:all .3s; }
.box_in4 .right .menu p i:before,
.box_in4 .right .menu p i:after { content: ""; display: block; background: #7a7a7a; position: absolute; }
.box_in4 .right .menu p i:before { width: 100%; height: 1px; top: 8px; left: 0; }
.box_in4 .right .menu p i:after { width: 1px; height: 100%; top: 0; left: 8px; }
.box_in4 .right .menu div { float: right; width:45%; height: 100%; overflow: hidden; position: relative; }
.box_in4 .right .menu div img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width: 100%; min-height: 100%; transition:all .3s; -webkit-transition:all .3s; }
.box_in4 .right .menu dl { float: left; margin:23px 0 0 50px; letter-spacing: -.2px; }
.box_in4 .right .menu dt { color: #000; font-size:20px; font-weight: 500; line-height: 100%; }
.box_in4 .right .menu dd { font-size:15px; line-height: 20px; margin-top: 10px; color: #666;}
.box_in4 .right .menu a:hover dd {color: #333;}
.box_in4 .right .menu a:hover p { background: rgba(0,0,0,.8); }
.box_in4 .right .menu a:hover p i { transform:rotate(-90deg); -webkit-transform:rotate(-90deg); }
.box_in4 .right .menu a:hover p i:before,
.box_in4 .right .menu a:hover p i:after { background: #e4edf4; }
.box_in4 .right .menu a:hover div img { min-width: 120%; min-height: 120%;}

@media screen and (max-width:960px) {
    /*컨텐츠4 - 회사소개*/
	.mainBox .box_in4 h2 {font-size:20px;} 
    .box_in4 .left,
	.box_in4 .right{float:none; width: 100%; height:auto;}
}

@media screen and (max-width:650px) {
  /*컨텐츠4 - 회사소개*/
    .mainBox .box_in4 h2 {font-size:20px;}
	.box_in4 > .left a .txt dt {font-size:18px;}
	.box_in4 > .left a .txt dd {font-size:14px;}
	.box_in4 > .left a .txt p{font-size:14px;}
	.box_in4 > .left a:hover p{ color: #0776a1;}
	.box_in4 > .left a .txt p span{font-size:14px;}
   
	.box_in4 .right .menu p { left: 60%;}
	.box_in4 .right .menu div {width:33%;}
	.box_in4 .right .menu dl {margin:23px 0 0 30px;}
	.box_in4 .right .menu dt {font-size:16px;}
    .box_in4 .right .menu dd { font-size:14px; line-height: 18px;}
}

/* 컨텐츠5 -고객센터*/
.box_in5 { width:100%; margin-top:50px; overflow:hidden; position:relative; letter-spacing:-0.02em;}
.box_in5 h2 {font-size:30px; line-height:33px; color:#000; margin-bottom:30px; text-align:center;}
.box_in5 .cus_ul{margin:0 0 -30px -3%; overflow:hidden;}

.box_in5 .box1{float:left; width: calc(33.333% - 3%); margin:0 0 30px 3%; height:250px; position: relative; border:1px solid #ddd;}
.box_in5 .box2{float:left; width: calc(33.333% - 3%); margin:0 0 30px 3%; height:250px; position: relative;}
.box_in5 .inner{width:100%; position:relative;}

.box_in5 .box1 .notice_box { width:100%; height:200px; box-sizing:border-box; position:relative;}
.box_in5 .box1 .notice_box .title {width:100%; height:60px; background: #f7f7f7; border-bottom:1px solid #ddd;}
.box_in5 .box1 .notice_box .title h3 { float: left; color: #333; font-size:22px; padding-left:5%; line-height:60px;}
.box_in5 .box1 .notice_box .title > a { float: right; display: block; line-height: 60px; color:#dcdfe0; font-size:14px; }
.box_in5 .box1 .notice_box .title > a:hover {color:#fff;}
.box_in5 .box1 .notice_box .title > a i {display: block; width:60px; height:60px; font-size:0;  background:url("/img/main/icon_plus.png") #f7f7f7 no-repeat center; transition:0.3s; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.box_in5 .box1 .notice_box .title > a i:hover {background:url("/img/main/icon_plus_hover.png") #000 no-repeat center; }
.box_in5 .box1 .notice { width:100%; padding:0 15px 0 15px; position:relative; display: block; clear: both; margin-top:16px;}

.box_in5 .box2 .inner{width:100%; height:250px; position:relative; }
.box_in5 .box2 .inner .bg_box{ width:100%; height:250px; overflow:hidden; position:absolute; display:block; transition:0.3s;}
.box_in5 .box2 .inner .bg1{ background:url("/img/main/box_in5_bg1.jpg") no-repeat left top;}
.box_in5 .box2 .inner .bg2{ background:url("/img/main/box_in5_bg2.jpg") no-repeat left top;}
.box_in5 .box2 .inner:hover .bg_box{transform:scale(1.2,1.2); transition:1s;}
.box_in5 .box2 .inner .txt_box {position:absolute; width:100%; text-align:center; padding-top:35px; height:250px; z-index:9;}
.box_in5 .box2 .inner .txt_box h3{font-size:20px; color:#fff; margin-top:12px;}
.box_in5 .box2 .inner .txt_box p{font-size:14px; color:#fff; padding-top:8px}

.box_in5 .box2 .inner .txt_box .btn_more {position:relative; display:block; margin:12px auto 0 auto; width:100px; height:33px; line-height:33px; text-align:center; box-sizing:border-box;transition:all 0.4s;}
.box_in5 .box2 .inner .txt_box .btn_more span{font-size:13px; text-align:center; color:#fff; font-family:notokrM;  letter-spacing:-0.01em; }
.box_in5 .box2 .inner:hover .txt_box .btn_more {background:#fff; filter:alpha(opacity=80); opacity:0.8;}
.box_in5 .box2 .inner:hover .txt_box .btn_more span{color:#000;}
.box_in5 .box2 .txt_box .btn_more span i{margin-left:5px;}

@media only screen and (max-width:960px){
	/* 컨텐츠5 -고객센터*/
	.box_in5 .tit h3 {font-size:25px;}

	.mainBox .box_in5 .box1 {float:none; width: calc(100% - 3%);} 
	.mainBox .box_in5 .box2 {width: calc(50% - 0%); margin:0 0 30px 0;}
}

@media only screen and (max-width:650px){
	/* 컨텐츠5 -고객센터*/
	.mainBox .box_in5 h2 {font-size:20px;}
	.box_in5 .box1 .notice_box h3 {font-size:18px;}

	.mainBox .box_in5 .box1, 
	.mainBox .box_in5 .box2 {float:none; width: calc(100% - 3%); margin:0 0 30px 3%;}

	.box_in5 .box2 .txt_box h3{font-size:16px;}
    .box_in5 .box2 .txt_box p{font-size:14px;}
	
	.box_in5 .box3 .txt_box h3{font-size:16px;}
    .box_in5 .box3 .txt_box p{font-size:14px;}
}

/* 컨텐츠6 Contact Us*/
.cusFull {width:100%; padding:70px 0px; color:#fff; background:url("/img/main/box_in6_contact_bg.jpg") no-repeat fixed; background-position:left 100%; margin-top:60px;}
.cusFull .box_in6 {width:100%; overflow:hidden;}
.cusFull .box_in6 .text {padding-top:15px; text-align:center;}
.cusFull .box_in6 .text h4 {position: relative;  line-height: normal; margin-top:0; font-size:30px;}
.cusFull .box_in6 .text h4:before {position: absolute; content: ''; background: rgba(256, 256, 256, .3); width: 100%; height: 1px; left: 0; bottom: -40px; }
.cusFull .box_in6 .text h4:after{position: absolute; content: ''; width: 100px; height: 2px; left: 50%; bottom: -40px; background-color:#2e37f2;  margin-left:-50px;}
.cusFull .box_in6 .text p {font-size:16px;}

.cusFull .box_in6 .text ul {padding-top:70px; overflow:hidden;}
.cusFull .box_in6 .text ul li {float:left; width:23.5%; margin-left:2%; text-align:left;}
.cusFull .box_in6 .text ul li:first-child{margin-left:0;}
.cusFull .box_in6 .text ul li span {position:relative;top:-3px; font-size:14px;}
.cusFull .box_in6 .text .tel {background:url("/img/main/icon_tel.png") no-repeat 3px 10px; font-size:25px; padding-left:27px; }
.cusFull .box_in6 .text .mobile {background:url("/img/main/icon_mobile.png") no-repeat 3px 10px; font-size:25px; padding-left:30px; }
.cusFull .box_in6 .text .fax {background:url("/img/main/icon_fax.png") no-repeat 3px 9px; font-size:25px; padding-left:27px; letter-spacing:0.02em;}
.cusFull .box_in6 .text .email {background:url("/img/main/icon_email.png") no-repeat 0 11px; font-size:16px; padding:6px 0 0 28px; letter-spacing:-0.03em;}
.cusFull .box_in6 .text .email span{font-size:14px; top:1px;}
.cusFull .box_in6 .text .clock {background:url("/img/main/icon_clock.png") no-repeat 0 8px; font-size:16px; padding:5px 0 0 25px; letter-spacing:-0.02em;}
.cusFull .box_in6 .text .email span,
.cusFull .box_in6 .text .clock span{top:1px;}
.cusFull .box_in6 .text .tel span, 
.cusFull .box_in6 .text .fax span, 
.cusFull .box_in6 .text .email span, 
.cusFull .box_in6 .text .clock span {font-size:13px;}

@media only screen and (max-width:1150px){
    /* 컨텐츠6 Contact Us*/
	.cusFull {margin-top:30px; background-size:cover;}
	.cusFull .box_in6 .text ul li {float:left; width:49%; margin:0 0 5px 2%;}
	.cusFull .box_in6 .text ul li:nth-child(3){margin-left:0;}
}

@media only screen and (max-width:960px){
    /* 컨텐츠6 Contact Us*/
    .cusFull .box_in6 .text h4 {font-size:25px;}
	.cusFull .box_in6 .text .tel,
	.cusFull .box_in6 .text .fax {font-size:25px;}
	.cusFull .box_in6 .text .email,
	.cusFull .box_in6 .text .clock {font-size:14px;}
	.cusFull .box_in6 .text .clock {background:url("/img/main/icon_clock.png") no-repeat 0 5px;}
}

@media (max-width: 767px) {
    /* 컨텐츠6 Contact Us*/
	.cusFull .box_in6 .text .tel a {font-size:25px; color:#fff;}
}


@media (max-width: 600px) {
    /* 컨텐츠6 Contact Us*/
	.cusFull .box_in6 .text ul {padding:70px 0 0 50px;;}
	.cusFull .box_in6 .text ul li {width:100%; margin-left:0;}
	.cusFull .box_in6 .text h4 {font-size:20px; letter-spacing:-0.04em;}
	.cusFull .box_in6 .text p {font-size:14px;}
	.cusFull .box_in6 .text .tel,
	.cusFull .box_in6 .text .fax {font-size:22px;}
	
    .cusFull .box_in6 .text .tel span, 
	.cusFull .box_in6 .text .fax span, 
	.cusFull .box_in6 .text .email span, 
	.cusFull .box_in6 .text .clock span {font-size:12px; }
	.cusFull .box_in6 .text .clock {font-size:13px; letter-spacing:0.1em;}
	.cusFull .box_in6 .text .email {letter-spacing:0.03em;}
}

/* 메인 컨텐츠 박스 */
@media only screen and (min-width: 1400px){
   .benner_box{width:1400px;  margin:40px auto 0 auto; overflow:hidden;}
}

@media only screen and (max-width:1399px){
   .benner_box{width:96%;  height:80px; margin:30px 2% 0 2%;}
}

/* ������ 3*/
/* Ÿ��Ʋ*/
.mainBox .tit {text-align:center;}
.mainBox .tit h3 {font-size:30px; font-weight:700; font-family:'Noto Sans KR', serif; margin:30px 0 16px 0; color:#444; letter-spacing:-0.02em; line-height:27px;}
.mainBox .tit h3 span{color:#c94141;}
.mainBox .tit p { font-size:16px; font-weight:400; font-family:'Noto Sans KR', serif; color:#666; line-height:16px;}
.mainBox .tit p:after { content:""; display:block; width:50px; height:1px; background:#7f7f7f; margin:21px auto 30px; }


/* ������3 ��ġ����*/
.mainBox .box_in3{width:100%;}
.mainBox .box_in3 ul{}
.mainBox .box_in3 .box1{float:left; width:100%; position:relative; margin-bottom:30px;}
.mainBox .box_in3 .box1 .in{width:100%; padding:10px; border:1px solid #dbdbdb; overflow:hidden;}
.mainBox .box_in3 .box2{float:left; width:30%; margin:0 0 0 2%; position:relative; margin-bottom:30px;}
.mainBox .box_in3 .box2 .in{width:100%; padding:10px; border:1px solid #dbdbdb;}
.mainBox .box_in3 ul li .Tit {width:100%; margin-bottom:15px; min-height:25px;}
.mainBox .box_in3 ul li .Tit h2 {float:left; color:#222; font-size:23px; font-family:notokrM; line-height:23px; position:relative; margin:0 0 20px 0; letter-spacing:-0.03em;}

.Tit_more {float:right; display:block;}
.Tit_more .btn {overflow:hidden; position:relative; display:block; width:25px; height:25px; font-size:11px; text-align:center; border:1px solid #dbdbdb;  background:url("/img/main/icon_plus.png") #fff center center no-repeat;
text-transform:uppercase; font-family:notokrM;}
.Tit_more .btn span {color:#444; position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out; letter-spacing:-0.05em;}
.Tit_more .btn .hover {position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:url("/img/main/icon_plus_hover.png") #000 center center no-repeat;
transform:scale(1,0);
-webkit-transform:scale(1,0);
-moz-transform:scale(1,0);
-ms-transform:scale(1,0);
transform-origin:center top;
-webkit-transform-origin:center top;
-moz-transform-origin:center top;
-ms-transform-origin:center top;
transition:all .2s ease-out;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;}

.Tit_more .btn:hover .hover {
transform:scale(1,1);
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);}