/* slick-slider 필수 css */
.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px; -webkit-transform: translate3d(0,0,0);}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display: block; margin:0 auto;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-slide {
   -webkit-transform: translate3d(0,0,0);
}


/*main layout*/
.mainCon { overflow: hidden; position: relative; }
.mainCon > div > article { width: 100%; transition:all .3s; -webkit-transition:all .3s; display: table; }
.mainCon > div.ft_hidden#main5 { position:absolute !important; bottom:0; left:0; width:100%; height:270px !important; font-size:0; z-index:-1; }
.mainCon > div.hd_hidden { position:absolute; top:0; left:0; width:100%; height:0 !important; font-size:0; z-index:-1; }
#mainBtn { position: fixed; top: 0; right: 2%; z-index:120; height: 100%; display: table;}
#mainBtn ul { display: table-cell; vertical-align: middle; }
#mainBtn li { margin:25px 0; }
#mainBtn li a { display: block; width: 15px; height: 15px; position: relative; font-size:0;	 }
#mainBtn li a:before { content: ""; display: block; width: 7px; height: 7px; background: rgba(255,255,255,.5); border-radius:50%; position: absolute; top: 3px; left: 4px; }
#mainBtn li a:after { content: ""; display: block; width:15px; height: 15px; box-sizing:border-box; border-radius:50%; position: absolute; top: 0; left: 0; border:2px solid transparent; }
#mainBtn li.on a:before { display: none; }
#mainBtn li.on a:after { border-color:#fff; }
#mainBtn.on li a:before { background: #183687; }
#mainBtn.on li.on a:after { border-color:#183687; }


/*mainVisual*/
#mainVisual { width:100%; height:; /* min-height:775px; */ position: relative;  transition:all .3s; -webkit-transition:all .3s; }
#mainVisual > a { position: absolute; bottom: 3%; left: 50%; margin-left: -9px; z-index:60; animation:scrollMv .3s; -webkit-animation:scrollMv .3s;}
.visual, .visual > li { width: 100%; position: relative; }
.visual > li > img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-width: 100%; min-height: 100%; z-index:-1; animation:vsImg 2s; -webkit-animation:vsImg 2s;  }
.visual > li,
.visual > li > div { height:; min-height:875px; }
.visual > li .tit { position: absolute; top: 25%; left: 0; width: 100%; /* height:100%; */ z-index:99; text-align: center; }
.visual > li .tit.tit-1 { top: 21%;}
.visual > li .tit h2 { text-align: center; }
.visual > li .tit h2 span { display: inline-block; vertical-align: top; margin-top: 20px; width: 100%; font-size:44px; line-height:120%; font-weight: 700; color: #3b3b3b; text-shadow:0 0 9px rgba(0,0,0,.2); letter-spacing: -.5px; }
.visual > li .tit h2 .stxt { font-size:26px; font-weight: 700; display:block; padding-top:0.5%; }
.visual > li .tit h2 span.thin { font-weight: 400; }
.visual > li .tit h2 em { color:#303a8c; font-weight: 700; }
.visual > li .tit h2 i { display: block; width:169px; height:169px; margin: 0 auto; }
.visual > li .tit h2 img { text-align: center; display: inline-block; vertical-align: top; margin: 0 auto; }
.visual > li.vs2 .tit h2 { margin-top:100px; }
.visual > li.new .tit.tit-1 p{line-height: 1.4;}
/*
.visual > li .tit p { margin-top:70px; color: #183687; font-size:30px; font-weight: 700; line-height: 120%; }
*/
.visual > li .tit h2 span.white { color:#fff; }
.visual > li .tit.tit-2 h2 span {  text-shadow:none; color:#183687; }
.visual > li .tit p { margin-top:82px; color: #183687; font-size:26px; font-weight: 700; line-height: 120%; }
.visual > li:first-child .tit p { margin-top:90px; }
.visual > li .tit.tit-1 p { margin-top:45px; }
.visual > li .txt { margin:20px auto 0; width: auto; max-width:460px; }
.visual > li .txt li { overflow: hidden; position: relative; color:#333; font-size:20px; text-align: left; font-weight: 700; padding-left:15px; padding-bottom:2px; margin-bottom: 15px; }
.visual > li .txt li:before { content:""; display: block; width:5px; height:5px; background:#333; border-radius:50%; position: absolute; top: 10px; left: 0;  }
.visual > li .txt li span { width:170px; display: inline-block; }


.visual > li.vs2.white h2 span,
.visual > li.vs2.white .tit p,
.visual > li.vs2.white .txt li { color:#fff !important; }
.visual > li.vs2.white .txt li:before { background: #fff; }


.visual > li.white h2 span,
.visual > li.white .tit p,
.visual > li.white .txt li { color:#fff !important; }

#mainVisual .bx-pager { position:absolute; top:calc(50% + 40px); width:100%; left:0; z-index:99; text-align:center;  }
#mainVisual .bx-pager:before { content:""; display: block; width:60%; height:1px; position: absolute; top: 1px; left: 20%; background: rgba(255,255,255,.5); z-index:-1; }
#mainVisual .bx-pager div { display:inline-block; margin:-2px 4px 0; }
#mainVisual .bx-pager a { display: block; width:73px; height:4px; text-indent:-9999px; background:#939598; }
#mainVisual .bx-pager a.active { background:#183687; }
#mainVisual .scroll { position: absolute; bottom: 50px; left: 50%; width: 22px; height: 61px; margin:0 -15px 0 -11px; z-index:999; animation:scrollMv 1.5s infinite alternate; -webkit-animation:scrollMv 1.5s infinite alternate;  }


@keyframes vsTit {
	0% { opacity:0; transform:scale(.5); }
	100% { opacity:1; transform:scale(1); }
}

@-webkit-keyframes vsTit {
	0% { opacity:0; -webkit-transform:scale(.5); }
	100% { opacity:1; -webkit-transform:scale(1); }
}

@keyframes vsImg {
	0% { transform:scale(1.2); -webkit-transform:scale(1.2); }
	100% { transform:scale(1); -webkit-transform:scale(1); }
}

@-webkit-keyframes vsImg {
	0% { transform:scale(1.2); -webkit-transform:scale(1.2); }
	100% { transform:scale(1); -webkit-transform:scale(1); }
}

@keyframes scrollMv {
	0% { margin-bottom:0; }
	100% { margin-bottom:-15px; }
}
@-webkit-keyframes scrollMv {
	0% { margin-bottom:0; }
	100% { margin-bottom:-15px; }
}



/*NEWS*/
#main2 { width: 100%; overflow: hidden; display: table; position: relative; }
#main2 .newsBox { display: table-cell; vertical-align: middle; }
#main2 .newsBox:before { content:""; display: block; width:523px; height:416px; background:url(/img/main/bg_leftBottom.png) no-repeat; position: absolute; bottom: 0; left: 0; z-index:-1; animation:imgVs 1.5s infinite alternate; -webkit-animation:imgVs 1.5s infinite alternate; }
#main2 .newsBox:after { content:""; display: block; width:575px; height:577px; background:url(/img/main/bg_rightTop.png) no-repeat; position: absolute; top: 0; right: 0; z-index:-1; animation:imgVs 1.5s infinite alternate; -webkit-animation:imgVs 1.5s infinite alternate; }
.newsBox h3 { text-align: center; color: #183687; font-size:44px; font-family: "Malgun Gothic"; font-weight: 700; }
.newsBox h3 + p { margin-top:20px; font-size:20px; font-weight: 300; text-align: center; color: #26282b; }
.newsBox > article { width: 100%; margin: 55px auto 0; overflow: hidden; height: 520px; text-align: center; }
.newsList { width: 1300px; height: 505px; margin: 0 auto; /* overflow: hidden;  */text-align: left;  position: relative;  }
/* .newsList .prevBtn { left: -160px; background:url(/img/main/icon_arrow_prev.gif) no-repeat;  }
.newsList .nextBtn { right: -160px; background:url(/img/main/icon_arrow_next.gif) no-repeat;  } */
.newsList button { position: absolute; width:70px; height:70px; font-size:0; cursor:pointer; top: 120px; border:none; display: none; }
.newsBn { width: 100%; }
.newsBn > div { width: 100%; /* height: 495px; */ position: relative; /* overflow-x:auto; */ overflow: hidden; }
.newsBn a { display: block; overflow: hidden; position: relative; width: 100%; height: 100%; }
.newsBn a > i { display: block; position: absolute; top: 0; left: 20px; z-index:5; width:57px; height:80px; box-sizing:border-box; text-align: center; color:#fff; font-style:normal; font-size:16px; font-weight: 700; padding-top:30px; }
.newsBn a > i.flag1 { background:url(/img/main/bg_flag1.png) no-repeat; }
.newsBn a > i.flag2 { background:url(/img/main/bg_flag2.png) no-repeat; }
.newsBn a > i.flag3 { background:url(/img/main/bg_flag3.png) no-repeat; }
.newsBn .img { width: 100%; max-width:420px; height: 325px; position: relative; overflow: hidden; margin-top:10px; }
.newsBn a .img img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-height: 100%; transition:all .3s; -webkit-transition:all .3s; }
.newsBn a:hover .img img { min-height:120%; }
.newsBn p { margin:15px 0 0; width: 100%; max-width:420px; overflow: hidden; color:#26282b; font-size:18px; line-height: 140%; height: 50px; }
.newsBn span { display: block; margin:25px 0 0; width: 100%; max-width:420px; font-family:"Roboto"; color:#939598; font-size:15px; letter-spacing: -.5px; font-weight: 300; }
.newsBn span img { float: left; margin-right:5px; }


@keyframes imgVs {
	0% { opacity:.3; }
	100% { opacity:1; }
}
@-webkit-keyframes imgVs {
	0% { opacity:.3; }
	100% { opacity:1; }
}


/*PROJECT*/
#main3 { width: 100%; background:url(/img/main/bg_product.jpg) no-repeat center; background-size:cover; overflow: hidden; display: table; }
#main3 .pdBox { display:table-cell; vertical-align: middle; color: #fff; }
.pdBox h3 { text-align: center; color: #fff; font-size:44px; line-height:120%; font-family: "Malgun Gothic"; font-weight: 700; } 
.pdBox h3 + p { margin-top:20px; font-size:20px; font-weight: 300; line-height:120%; text-align: center; }
.pdBox .list { margin:50px auto 0; max-width:1300px; overflow: hidden; }
.pdBox .list li { float: left; width:25%; margin-bottom: 50px; padding-top:15px;  }
.pdBox .list li a { display:table; width:240px; height:240px; border:1px solid #fff; border-radius:50%; margin: 0 auto; overflow: hidden; text-align: center; /* transition:all .3s; -webkit-transition:all .3s; */ position:relative; } 
.pdBox .list li a:before { content:""; display: block; width:5px; height:5px; border-radius:50%; position: absolute; top: 50%; left:50%; margin:-2.5px 0 0 -2.5px; background:rgba(255,255,255,.1); transition:all .3s; -webkit-transition:all .3s; }
.pdBox .list li:hover a:before { width: 110%; height: 110%; margin:0; top: -5%; left: -5%; }
.pdBox .list li a div { display: table-cell; vertical-align: middle; transition:all .3s; -webkit-transition:all .3s; }
.pdBox .list li:hover a div { transform:rotate(360deg);  -webkit-transform:rotate(360deg); }
.pdBox .list li a img { display: block; margin:0 auto; }
.pdBox .list li a p { margin-top:15px; color:#fff; font-size:19px; line-height:120%; width: 100%; box-sizing:border-box; padding:0 15px; }


/*TESTING SERVICE*/
#main4 { width: 100%; overflow: hidden; display: table; text-align: center;  position:relative } 
#main4 .svcBox { display: table-cell; vertical-align: middle; }
.svcBox h3 { color: #183687; font-size:44px; font-family: "Malgun Gothic"; font-weight: 700; } 
.svcBox h3 + p { margin-top:20px; font-size:20px; font-weight: 300; text-align: center; color: #26282b; line-height: 130%; }
.svcBox > article { margin: 50px auto 0; /* max-width:1920px;*/ width:100%; height:590px; }
.svcList .slick-slide { margin: 0 10px; height:590px; position: relative; }
.svcList .slick-slide img { width: 1300px; height:490px; }
.svcList div aside { position: absolute; top: 120px; left: 90px; width:345px; height: 430px; text-align: left; padding:50px 30px; box-sizing:border-box; z-index:55; background: rgba(255,255,255,.9); box-shadow:0 10px 10px 0 rgba(0,0,0,.1); }
.svcList div aside:before { content:""; display: block; width:60px; height:2px; background:#183687; position: absolute; top: 65px; left:-40px; }
.svcList div aside h4 { font-family: "Roboto"; font-size:28px; font-weight: 700; color:#252525; line-height: 120%; letter-spacing: -.8px; }
.svcList div aside > p { margin-top:20px; font-size:17px; line-height:140%; font-weight: 300; color: #6b6d72; letter-spacing: -.8px; min-height:140px; }
.svcList div aside > p span { display: block; }
.svcList div aside a { display: block; margin-top:30px; width:255px; height:45px; line-height:45px; text-indent:25px; font-size:14px; font-weight: 500; color:#fff; background:#183687 url(/img/main/bullet_arrow.gif) no-repeat 90% center; }
.svcList .count { margin-top:30px; font-size:23px; line-height:120%; font-family: "Roboto"; color:#939598; font-weight: 500; }
.svcList .count span { color:#183687; font-size:26px; }
.svcList .slick-slide.slick-active { opacity: .5; }
.svcList .slick-slide.slick-current { opacity: 1; }
.svcList .slick-active div aside { opacity:0; }
.svcList .slick-current div aside { opacity:1; }

.svcBox .slick-dots { width: 100%; overflow: hidden; margin-top:-85px; position: relative; z-index:999; }
.svcBox .slick-dots li { display: inline-block; vertical-align: top; margin:0 8px; }
.svcBox .slick-dots li a { display: block; width:22px; height:22px; border-radius:50%; box-sizing:border-box; border:1px solid #fff; border-radius:50%; position: relative; }
.svcBox .slick-dots li a span { display: block; width:8px; height:8px; border-radius:50%; background: #939598; margin:6px; text-indent:-9999px; }
.svcBox .slick-dots li.slick-active a { border:1px solid #183687;}
.svcBox .slick-dots li.slick-active a span { background:#183687; }


/*movie*/
#main5 { width: 100%; height:100%; overflow:hidden; display: table; position: relative; background: #f6f6f6; opacity:.9999; }
#main5 > article { display: table-cell; vertical-align: top; }
#main5 .img { width: 100%; overflow: hidden; height:800px; position: relative; background:url(/img/main/img_mainMovie.jpg) no-repeat center; z-index:0; }
#main5 .img p { text-align: center; color:#fff; margin-top:200px; font-size:30px; line-height:120%; font-weight: 700; }
#main5 .img a { display: block; margin:85px auto 0; width:95px; height:95px; background:url(/img/main/icon_arrow.png) no-repeat; font-size:0; }
#main5 .img iframe { display: none; border:none; width:100%; height:100%; position:absolute; top: 0; left: 0; z-index:5; }	
#main5 ul { margin:-150px auto 0; display: block; max-width:1300px; z-index:44; position: relative; }
#main5 ul:after {content:""; display:block; visibility:hidden; clear:both; height:0; }
#main5 li { float: left; width:24%; height: 210px; margin-left:1%; border:1px solid #d1d1d2; background: #fff; }
#main5 li:first-child { margin-left:0; }
#main5 li > a { display: block; width:100%; height:100%; overflow: hidden; box-sizing:border-box; padding:50px 30px 40px; }
#main5 li dt { color:#26282b; font-size:22px; font-weight: 700;  }
#main5 li dd { margin-top:15px; font-size:17px; line-height:140%; font-weight: 300; }
#main5 li p { margin-top:30px; overflow: hidden; }
#main5 li p i { display: table; float: left; margin-top: 18px; width:44px; height:44px; box-sizing:border-box; border:1px solid #d4d6da; border-radius:50%; background: #f6f6f6; font-style:normal; text-align: center; text-transform: uppercase; }
#main5 li p i span { display: table-cell; vertical-align: middle; font-family: "Roboto"; font-weight: 700; letter-spacing: -.5px; font-size:17px; color:#939598; }
#main5 li p img { float: right; transition:all .3s; -webkit-transition:all .3s;  }
#main5 li:hover p img { transform:rotate(25deg); -webkit-transform:rotate(25deg); }
#main5 li:hover p i { background:#183687; border-color:#183687; }
#main5 li:hover p i span { color:#fff; }


@media screen and (max-width:1700px) {
	.visual > li .tit.tit-1 { top: 18%;}
	.visual > li .tit h2 span { margin-top:10px; }
	.visual > li:first-child .tit p { margin-top:70px; }
	.visual > li .tit p { margin-top:60px; }
	.visual > li .tit.tit-1 p { margin-top:54px; }
}

@media screen and (max-width:1600px) {
	.visual > li:first-child .tit { top:23%;}
	.visual > li .tit { top:21%;}
	.visual > li .tit.tit-1 { top: 20%;}
	.visual > li .tit p { margin-top:85px; }
	.visual > li .tit.tit-1 p { margin-top:48px; }
	.visual > li:first-child .tit p { margin-top:80px; }
}


@media screen and (max-width:1300px) {

	/*main layout*/
	#mainBtn { position: fixed; top: 0; right: 15px; z-index:120; height: 100%; display: table; }
	#mainBtn ul { display: table-cell; vertical-align: middle; }
	#mainBtn li { margin:15px 0; }
	#mainBtn li a { display: block; width: 13px; height: 13px; position: relative; font-size:0;	 }
	#mainBtn li a:before { content: ""; display: block; width: 10px; height: 10px; background: rgba(255,255,255,.5); border-radius:50%; position: absolute; top: 3px; left: 3px; }
	#mainBtn li a:after { content: ""; display: block; width:16px; height: 16px; box-sizing:border-box; border-radius:50%; position: absolute; top: 0; left: 0; border:3px solid transparent; }
	#mainBtn li.on a:before { display: none; }
	#mainBtn li.on a:after { border-color:#fff;  }



	/*mainVisual*/
	#mainVisual > a { position: absolute; bottom: 3%; left: 50%; margin-left: -9px; z-index:60; animation:scrollMv .3s; -webkit-animation:scrollMv .3s;}
	.visual > li,
	.visual > li > div,
	.visual > li > img { height:70vw; min-height:750px; }
	.visual > li .tit { top: 25%; }
	.visual > li .tit.tit-1 { top: 19%;}
	.visual > li:first-child .tit p { margin-top:60px; }
	.visual > li .tit h2 span { font-size:40px; }
	.visual > li .tit h2 i { height:105px; }
	.visual > li .tit h2 i img { height:100%; }
	.visual > li .tit h2 img { text-align: center; display: inline-block; vertical-align: top; margin: 0 auto; }
	.visual > li.vs2 .tit h2 { margin-top:50px; }
	.visual > li.vs3 .tit h2 { margin-top:50px; }
	.visual > li.vs3 .tit h2 i { display: none;}
	.visual > li.vs3 .tit h2 span em:first-child { display: block; } 
	.visual > li .tit p { margin-top:60px; font-size:25px; }
	.visual > li .tit.tit-1 p { margin-top:60px; }
	.visual > li .tit p img { height:35px; }
	.visual > li .txt { margin:20px auto 0; width: 320px;  }
	.visual > li .txt li { font-size:18px; padding-left:10px; }
	.visual > li .txt li:before { width:3px; height:3px; top: 8px; }
	.visual > li .txt li span { width:150px; }

	#mainVisual .bx-pager { top:calc(45% + 40px); }
	#mainVisual .bx-pager:before { width:80%; left: 10%; }
	#mainVisual .scroll { height: 96px; bottom:-5px; }
	#mainVisual .scroll:before { height:30px; }
	#mainVisual .scroll a { margin-top:35px; }


	/*NEWS*/
	#main2 { padding:60px 0; overflow: hidden; box-sizing:border-box;  }
	#main2 .newsBox:before { width:340px; height:250px; background-size:100%; }
	#main2 .newsBox:after { width:395px; height:385px; background-size:100%; }

	.newsBox > article { width:100%; box-sizing:border-box; padding:0 30px 0 15px; }
	.newsList { width: 100%; height: 505px; margin: 0 auto; }
 	.newsList button { display: none; }
	/*
	.newsList .prevBtn { left: 50px; background:url(/img/main/icon_arrow_prev.gif) no-repeat;  }
	.newsList .nextBtn { right: 50px; background:url(/img/main/icon_arrow_next.gif) no-repeat;  }
	*/
	.newsBn { width: 100%; }
	.newsBn > div { width: 100%; /* height: 495px; */ position: relative; overflow-x:hidden; }
	.newsBn a { display: block; overflow: hidden; position: relative; width: 100%; height: 100%; }
	.newsBn a > i { display: block; position: absolute; top: 0; left: 20px; z-index:5; width:57px; height:80px; box-sizing:border-box; text-align: center; color:#fff; font-style:normal; font-size:16px; font-weight: 700; padding-top:30px; }
	.newsBn a > i.flag1 { background:url(/img/main/bg_flag1.png) no-repeat; }
	.newsBn a > i.flag2 { background:url(/img/main/bg_flag2.png) no-repeat; }
	/*.newsBn .img { width: 100%; max-width:420px; height: 325px; position: relative; overflow: hidden; margin-top:10px; }*/
	.newsBox .slick-slide { width:90%; overflow: hidden; padding:0 10px; }
	.newsBn a .img img { position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; margin: auto; min-height: 100%; transition:all .3s; -webkit-transition:all .3s; }
	.newsBn a:hover .img img { min-height:120%; }
	.newsBn p { margin:15px 0 0; width: 100%; max-width:420px; overflow: hidden; color:#26282b; font-size:18px; line-height: 140%; height: 50px; }
	.newsBn span { display: block; margin:25px 0 0; width: 100%; max-width:420px; font-family:"Roboto"; color:#939598; font-size:15px; letter-spacing: -.5px; font-weight: 300; }
	.newsBn span img { float: left; margin-right:5px; }


	/*PROJECT*/
	#main3 { padding:60px 15px; overflow: hidden; box-sizing:border-box; } 
	.pdBox .list { margin:30px auto 0; }
	.pdBox .list li { width:25%;  }
	.pdBox .list li a { width:18vw; height:18vw; max-width:240px; max-height:240px; } 


	/*TESTING SERVICE*/
	#main4 { padding:60px 15px; box-sizing:border-box;}
	#main4 .svcBox { display: block; width:calc(100% - 45px);  }
	.svcBox > article { height:auto; box-sizing:border-box; }
	.svcList { width:100%; box-sizing:border-box; /* padding:0 15px;  */}
	.svcList .slick-slide { margin: 0; height:auto; padding-bottom:100px; }
	.svcList div aside { position: absolute; top: 120px; left: 35px; width:345px; height: 390px; text-align: left; padding:50px 35px;  }

		
	/*movie*/
	#main5 { height:auto; padding-bottom:15%; }
	#main5 .img { height:400px; background-size:cover; }
	#main5 .img p { margin-top:100px; font-size:28px; box-sizing:border-box; padding:0 15px; }
	#main5 .img a { margin:35px auto 0; width:95px; height:95px; }
	#main5 ul { margin:-50px auto 0; width:100%; box-sizing:border-box; padding:0 15px; }
	#main5 li { width:49%; height: 270px; margin-bottom:10px; }
	#main5 li:nth-child(odd) { margin-left:0; }
	#main5 li > a { padding:40px 20px 30px; }


}

@media screen and (max-width:1100px) {


	/*TESTING SERVICE*/
	/* #main4 { padding:60px 0; box-sizing:border-box; } */
	.svcBox > article { height:auto; box-sizing:border-box; }
	/* .svcList { width:calc(100% - 15px);  box-sizing:border-box; padding:0 15px; } */
	.svcList .slick-slide { margin: 0; height:auto; padding-bottom:100px; }
	.svcList .slick-slide img { width: 100%; height:auto; }
	.svcList div aside { position: relative; top:inherit; left:inherit; width:100%; height:320px; padding:30px; margin: 0 auto; }
	.svcList div aside:before { top:20px; left:30px; width:20px; }
	.svcList div aside h4 { font-family: "Roboto"; font-size:30px; font-weight: 700; color:#252525; }
	.svcList div aside > p { margin-top:20px; font-size:16px; line-height:130%; font-weight: 300; color: #6b6d72; letter-spacing: -.8px; min-height:auto;  }
	.svcList div aside > p span { display: inline; margin-left:5px; }
	.svcList div aside a { display: block; margin-top:30px; width:255px; height:45px; line-height:45px; text-indent:25px; font-size:14px; font-weight: 500; color:#fff; background:#183687 url(/img/main/bullet_arrow.gif) no-repeat 90% center; }
	.svcList .count { margin-top:30px; font-size:23px; line-height:120%; font-family: "Roboto"; color:#939598; font-weight: 500; }
	.svcList .count span { color:#183687; font-size:26px; }
	
	.svcBox .slick-dots { margin-top:-70px; }


}


@media screen and (max-width:800px) {
	
	/*PROJECT*/
	.pdBox .list li { width:50%; margin-bottom: 20px; }
	.pdBox .list li a { width:40vw; height:40vw; } 
	.pdBox .list li a p { margin-top:10px; }
	
}

@media screen and (max-width:650px) {

	/*mainVisual*/
	#mainVisual > a,
	#mainVisual .scroll { display: none; }
	.visual > li,
	.visual > li > div,
	.visual > li > img { min-height:450px; }
	.visual > li .tit { top: 25%; box-sizing:border-box; padding:0 10px;}
	.visual > li.vs2 .tit { top:10%; }
	.visual > li .tit h2 span { font-size:32px; }
	.visual > li .tit h2 i { height:65px; }
	.visual > li .tit h2 .stxt { font-size:20px; }
	.visual > li.vs2 .tit h2 { margin-top:50px; }
	.visual > li.vs3 .tit h2 { margin-top:50px; }
	.visual > li.vs3 .tit h2 i { display: none;}
	.visual > li.vs3 .tit h2 span em:first-child { display: block; } 
	.visual > li .tit p { margin-top:20px; font-size:20px; }
	.visual > li:first-child .tit p { margin-top:20px; }
	.visual > li .tit p img { height:25px; }
	.visual > li .txt { margin:20px auto 0; width: 250px; }
	.visual > li .txt li { font-size:15px; padding-left:10px; }
	.visual > li .txt li:before { top: 6px; }
	.visual > li .txt li span { width:120px; }

	#mainVisual .bx-pager { top:inherit; bottom:3%; }
	#mainVisual .bx-pager:before { display: none; }
	#mainVisual .bx-pager a { width:50px; }


	/*PROJECT*/
	.pdBox .list li a { width:35vw; height:35vw; } 
	.pdBox .list li a p { font-size:17px; }

	/*TESTING SERVICE*/
	.svcList div aside { padding:30px 15px 15px; height: 310px; }
	.svcList div aside:before { top: 20px; left: 17px; }
	.svcList div aside a { width:190px; }
	.svcList .count { margin-top: 20px; }

	


}