.custom-url-field {
    display: inline;
    width: 100px;
}

.site-url-field {
    color: green;
    display: inline;
}

.long-link-input {
    margin-bottom: 25px;
}

.tips {
    margin-top: 20px;
}

.check-btn {
    margin-bottom: 20px;
}

#link-availability-status {
    margin-bottom: 20px;
}

.visibility-toggler {
    margin-bottom: 2em;
}

	*{padding:0; box-sizing:border-box;}
	.wrap{width:100%;height: auto; background:#fff;}


	.list_all{width:100%; padding-top:30px;background:#fff;}
	.list_all:after{display:block; content: " "; clear:both;}
	.list_1{width:45%;height:410px; float:left; padding:150px 0 0 320px;}
	.list_2{width:55%;height:410px;  float:right; background-image:url("/img/index_img.png"); background-repeat:no-repeat;}
	@media screen and (max-width:1024px){
	.list_1{width:100%;height:auto; float:none;padding:0; text-align:center;margin:0 auto;padding:20px 0 0 10px;}
	.list_2{width:100%; height:409px;  float:none; background:url("/img/index_img.png") no-repeat center center #fff; background-size:660px 100%;}	
}
	@media screen and (max-width:768px){
	.list_1{width:100%;height:auto; float:none;padding:0; text-align:center;margin:0 auto;}
	.list_2{width:100%; height:274px;  float:none; background:url("/img/s_index_img.png") no-repeat center center #fff;background-size:350px 86%; }	
}

	.list_1 .list_title1{color:#989898; font-size:18px; }
	.list_1 .list_title2{color:#2599cc; font-size:35px; font-weight:bold; margin-top:10px;}
	@media screen and (max-width:1024px){
	.list_1 .list_title1{color:#989898; font-size:16px; }
	.list_1 .list_title2{color:#2599cc; font-size:38px; font-weight:bold; margin-top:10px;}
}
	@media screen and (max-width:768px){
	.list_1 .list_title1{color:#989898; font-size:16px; }
	.list_1 .list_title2{color:#2599cc; font-size:24px; font-weight:bold; margin-top:10px;}
}

	.list_p{border-left:5px solid #afcf1b; margin-top:50px; list-style:none;}
	.list_p:after{display:block; content: " "; clear:both;}
	.list_p li{float:left; padding:0 28px 0 20px;}
	.list_p li.p_line{margin-bottom:13px;}
	.list_p li p{float:left;}
	
	h1.title{font-size:25px;margin-bottom:25px; color:#fff;}
	h3.title{font-size:30px;margin-bottom:25px; color:#fff;}

	.aaa2{font-size:30px;margin-bottom:25px; color:#fff;}

	.container{width:100%;  background:#2a6fb5;}
	.container{  background:#2a6fb5;}

	.long-link-input{width:960px;margin:0 auto 20px;}
	
	@media screen and (max-width:1024px){
	.long-link-input{width:100%;margin:0 auto 20px;}
	}

	@media screen and (max-width:768px){
	.long-link-input{width:100%;margin:0 auto 20px;}
	}



	.btn{font-size:18px;padding:15px 25px;  }
	.btn-info{background-color:#073769;}
	.btn-info:hover{background-color:#052444;}
	.btn-warning{background-color:#ffa800;}
	.btn-warning:hover{background-color:#ff9600;}

	.site-url-field{color:#fff;}
	.jumbotron p{color:#fff;}
	.btn-success{margin-top:20px; background:#7cb52a; padding:10px 120px;}
	.text-muted{color:#fff;}
	.row{margin-bottom:-10px;}
	.jumbotron{margin-bottom:0;}

	.url_f{width:100%;}
	.url_f .f_ul{width:1280px;margin:60px auto; list-style:none;}
	.url_f .f_ul:after{content:" "; display:block;clear:both; }
	.f_ul .f_li{width:26%; height:330px; background:#fff; float:left; margin-left:50px;box-shadow: 5px 5px 5px 5px #efefef; border-radius:10px; padding:40px 30px;}
	.f_li:nth-child(1){margin-left:110px; }
	.f_ul .f_li .div_img img{}

@media screen and (max-width:1300px){
	.url_f{width:100%;}
	.url_f .f_ul{width:1150px;margin:60px auto; list-style:none;}
	.url_f .f_ul:after{content:" "; display:block;clear:both; }
	.f_ul .f_li{width:27%; height:330px; background:#fff; float:left; margin-left:40px;box-shadow: 5px 5px 5px 5px #efefef; border-radius:10px; padding:40px 30px;}
	.f_li:nth-child(1){margin-left:70px; }

}

@media screen and (max-width:1200px){
	.url_f{width:100%;}
	.url_f .f_ul{width:100%;margin:40px auto; list-style:none;}
	.url_f .f_ul:after{content:" "; display:block;clear:both; }
	.f_ul .f_li{width:28%; height:330px; background:#fff; float:left; margin-left:30px;box-shadow: 5px 5px 5px 5px #efefef; border-radius:10px; padding:40px 30px;}
	.f_li:nth-child(1){margin-left:50px; }

}

@media screen and (max-width:1100px){
.url_f .f_ul{width:100%;margin:0 auto; list-style:none;}
	.f_ul .f_li{width:100%; height:300px; background:#fff; float:left; margin-left:0px; box-shadow: 0px 5px 5px 5px #dedede; border-radius:0; padding:40px 30px;}
	.f_ul .f_li .div_img img{}

}

@media screen and (max-width:768px){
.url_f .f_ul{width:100%;margin:0 auto; list-style:none;}
	.f_ul .f_li{width:100%; height:305px; background:#fff; float:left; margin-left:0px; box-shadow: 0px 5px 5px 5px #dedede; border-radius:0; padding:30px 30px;}
	.f_ul .f_li .div_img img{}

}



	.f_ul .f_li .div_text{text-align:center; margin-top:30px;} 
	.f_ul .f_li .div_text p{text-align:center;}
	.div_text .text01{font-size:20px; color:#264a8e; font-weight:bold;word-break:keep-all;}
	.div_text .text02{font-size:14px; color:#878787; margin-top:30px; line-height:22px;}

	.ncloud24_all{background:#185592;width:100%; height:auto;padding-top:30px;}
	.ncloud24_in{ width:1280px;margin:20px auto;}
	.ncloud24_in:after{content:" "; display:block;clear:both; }
	.ncloud24_in .ncloud24_img{width:50%;height:410px; float:left; background:url("/img/ncloud24_img.png"); background-repeat:no-repeat;}
	.ncloud24_in .ncloud24_text{width:50%; float:left; color:#fff; font-weight:500; font-size:27px; }
	.ncloud24_in .ncloud24_text p{font-weight:500; font-size:27px; width:580px; }
	p span.text_03{color:#bcefff;clear:both;}
	p span.text_04{ font-weight:700; font-size:38px }
	.ncloud24_text .text_05{ color:#fff; font-size:18px;  margin-top:35px;line-height: 35px;width:630px; }
	.ncloud24_link{width:100%; height:auto;text-align:right;padding-top:90px;}
	.ncloud24_link .a_link{color:#fff;text-decoration:none; font-weight:700;}
	.ncloud24_link .a_link:hover{opacity:0.8;}

@media screen and (max-width:1300px){
	.ncloud24_all{background:#185592;width:100%; height:auto;padding-top:30px;}
	.ncloud24_in{ width:1150px;margin:10px 20px;}
	.ncloud24_in:after{content:" "; display:block;clear:both; }
	.ncloud24_in .ncloud24_img{width:50% ; height:350px; background:url("/img/ncloud24_img.png");  background-size:514px ; background-repeat:no-repeat;}
	.ncloud24_in .ncloud24_text{width:50%; float:left; color:#fff; font-weight:500; font-size:22px; }
	.ncloud24_in .ncloud24_text p{font-weight:500; font-size:24px; width:90%; }
	p span.text_03{color:#bcefff;clear:both;}
	p span.text_04{ font-weight:700; font-size:30px }
	.ncloud24_text .text_05{ color:#fff; font-size:16px;  margin-top:25px;line-height: 30px;width:100%; }
	.ncloud24_link{width:100%; height:auto;text-align:right;padding-top:70px;}
	.ncloud24_link .a_link{color:#fff;text-decoration:none; font-weight:700;}
	.ncloud24_link .a_link:hover{opacity:0.8;}
}

@media screen and (max-width:1200px){
	.ncloud24_all{background:#185592;width:100%; height:auto;padding-top:30px;}
	.ncloud24_in{ width:1050px;margin:10px 20px;}
	.ncloud24_in:after{content:" "; display:block;clear:both; }
	.ncloud24_in .ncloud24_img{width:48% ; height:330px; background:url("/img/ncloud24_img.png");  background-size:480px ; background-repeat:no-repeat;}
	.ncloud24_in .ncloud24_text{width:52%; float:left; color:#fff; font-weight:500; font-size:20px; }
	.ncloud24_in .ncloud24_text p{font-weight:500; font-size:20px; width:80%; }
	p span.text_03{color:#bcefff;clear:both;}
	p span.text_04{ font-weight:700; font-size:28px }
	.ncloud24_text .text_05{ color:#fff; font-size:15px;  margin-top:18px;line-height: 28px;width:100%; }
	.ncloud24_link{width:100%; height:auto;text-align:right;padding-top:50px;}
	.ncloud24_link .a_link{color:#fff;text-decoration:none; font-weight:700;}
	.ncloud24_link .a_link:hover{opacity:0.8;}
}


@media screen and (max-width:1100px){
	.ncloud24_all{background:#185592;width:100%; height:auto;padding-top:30px;}
	.ncloud24_in{ width:1000px;margin:10px 10px;}
	.ncloud24_in:after{content:" "; display:block;clear:both; }
	.ncloud24_in .ncloud24_img{width:50% ; height:330px; background:url("/img/ncloud24_img.png");  background-size:480px ; background-repeat:no-repeat;}
	.ncloud24_in .ncloud24_text{width:50%; float:left; color:#fff; font-weight:500; font-size:20px; }
	.ncloud24_in .ncloud24_text p{font-weight:500; font-size:20px; width:85%; }
	p span.text_03{color:#bcefff;clear:both;}
	p span.text_04{ font-weight:700; font-size:28px }
	.ncloud24_text .text_05{ color:#fff; font-size:15px;  margin-top:18px;line-height: 28px;width:100%; }
	.ncloud24_link{width:100%; height:auto;text-align:right;padding-top:50px;}
	.ncloud24_link .a_link{color:#fff;text-decoration:none; font-weight:700;}
	.ncloud24_link .a_link:hover{opacity:0.8;}
}


@media screen and (max-width:1024px){
	.ncloud24_all{background:#185592;width:100%; height:auto;padding-top:10px;}
	.ncloud24_in{ width:100%;margin:5px auto;}
	.ncloud24_in .ncloud24_img{width:100%;height:260px; float:none; background:url("/img/ncloud24_img.png") no-repeat center center; background-size:contain;}
	.ncloud24_in .ncloud24_text{width:100%; float:none; color:#fff; font-weight:500; font-size:18px; }
	.ncloud24_in .ncloud24_text p{font-weight:700; font-size:20px;width:100%; text-align:center; margin-top:10px;padding:0 20px;}
	p span.text_03{color:#bcefff;}
	p span.text_04{ font-weight:700; font-size:24px }
	.ncloud24_text .text_05{ color:#fff; font-size:16px;  margin-top:25px;line-height: 24px; text-align:center; width:100%;padding:0 30px; word-break:keep-all;}
	.ncloud24_link{width:100%; height:60px;text-align:center;margin-top:30px;font-size:20px;padding:10px 0px;}
	.ncloud24_link .a_link{color:#fff;text-decoration:none; font-weight:700;}
	.ncloud24_link .a_link:hover{opacity:0.8;}
}

@media screen and (max-width:768px){
	.ncloud24_all{background:#185592;width:100%; height:auto;padding-top:10px;}
	.ncloud24_in{ width:100%;margin:5px auto;}
	.ncloud24_in .ncloud24_img{width:100%;height:260px; float:none; background:url("/img/ncloud24_img.png") no-repeat center center; background-size:contain;}
	.ncloud24_in .ncloud24_text{width:100%; float:none; color:#fff; font-weight:500; font-size:18px; word-break:keep-all;}
	.ncloud24_in .ncloud24_text p{font-weight:700; font-size:15px;width:100%; text-align:center; margin-top:10px;padding:0 20px;}
	p span.text_03{color:#bcefff;}
	p span.text_04{ font-weight:700; font-size:20px }
	.ncloud24_text .text_05{ color:#fff; font-size:12px;  margin-top:25px;line-height: 20px; text-align:center; width:100%;padding:0 30px;}
	.ncloud24_link{width:100%; height:100%;text-align:center;margin-top:10px;font-size:18px; padding:20px 0px;}
	.ncloud24_link .a_link{color:#fff;text-decoration:none; font-weight:700;}
	.ncloud24_link .a_link:hover{opacity:0.8;}
}



	.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0;display:table-cell}
	.input-group .form-control{display:table-cell}
	
@media screen and (max-width:768px){
input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}
}







	.service_all{width:100%; height:100%; overflow:hidden; }
	.service_all h1{width:1280px; text-align:center; margin:60px auto; font-weight:700; color:#185592;font-size:30px;}
	.service_all .service_ul{width:1280px; margin:40px auto;  list-style:none; }
	.service_ul li{width:19%; height:290px; float:left; border-right:1px solid #ccc; padding:35px 0px; overflow:hidden;}
	.service_ul li:nth-child(1){border-left:1px solid #ccc; }
	.service_li .service{width:100%; height:162px;padding-top:45px;}
	.service_li .service1{padding-top:10px;height:162px; }

@media screen and (max-width:1300px){
	.service_all{width:100%; height:100%; overflow:hidden; }
	.service_all h1{width:100%; text-align:center; margin:50px auto; font-weight:700; color:#185592;font-size:28px;}
	.service_all .service_ul{width:1260px; margin:30px auto;  list-style:none; }
	.service_ul li{width:19.5%;float:left;height:260px; border-right:1px solid #ccc; padding:35px 0px; overflow:hidden;}
	.service_ul li:nth-child(1){border-left:0 }
	.service_ul li:nth-child(5){border-right:0;}
	.service_li .service{width:100%; height:142px;padding-top:30px;}
	.service_li .service1{width:100%; padding-top:0px;height:142px; }

}

@media screen and (max-width:1200px){
	.service_all{width:100%; height:100%; overflow:hidden; }
	.service_all h1{width:100%; text-align:center; margin:40px auto; font-weight:700; color:#185592;font-size:26px;}
	.service_all .service_ul{width:1200px; margin:40px 10px;  list-style:none; }
	.service_ul li{width:19%;float:left;height:240px;  border-right:1px solid #ccc;  overflow:hidden;padding:35px 0px; }
	.service_ul li:nth-child(1){border-left:0; }
	.service_li .service{width:100%; height:122px;padding-top:25px;}
	.service_li .service1{padding-top:0;height:122px; }

}


@media screen and (max-width:1150px){
	.service_all{width:100%; height:100%; overflow:hidden; }
	.service_all h1{width:100%; text-align:center; margin:40px auto; font-weight:700; color:#185592;font-size:26px;}
	.service_all .service_ul{width:1100px; margin:40px 10px;  list-style:none; }
	.service_ul li{width:19.2%;float:left;height:240px;  border-right:1px solid #ccc;  overflow:hidden;padding:35px 0px; }
	.service_ul li:nth-child(1){border-left:0; }
	.service_li .service{width:100%; height:122px;padding-top:25px;}
	.service_li .service1{padding-top:0;height:122px; }

}

@media screen and (max-width:1024px){
	.service_all{width:100%; height:auto; }
	.service_all h1{width:100%; text-align:center; margin:28px auto; font-weight:700; color:#185592;font-size:26px;}
	.service_all .service_ul{width:100%; margin:10px 0;  list-style:none; }
	.service_ul li{width:100%; height:auto; float:none; border-bottom:1px solid #ccc;padding:25px 0px; display:inline-block; text-}
	.service_ul li:nth-child(1){border-top:1px solid #ccc; }
	.service_ul li:nth-child(5){ border-bottom:0;}
	.service_li .service{width:100%; height:80px;padding-top:25px; text-align:center;}
	.service_li .service1{padding-top:15px;height:142px; }

}




@media screen and (max-width:768px){
	.service_all{width:100%; height:auto; }
	.service_all h1{width:100%; text-align:center; margin:40px auto; font-weight:700; color:#185592;font-size:20px;}
	.service_all .service_ul{width:100%; margin:10px auto;  list-style:none; }
	.service_ul li{width:100%; height:auto; float:none; border-bottom:1px solid #ccc;padding:15px 0px; }
	.service_ul li:nth-child(1){border-top:1px solid #ccc; }
	.service_ul li:nth-child(5){ border-bottom:0;}
	.service_li .service{width:100%; height:80px;padding-top:15px; text-align:center;}
	.service_li .service1{padding-top:10px;height:142px; }
}



	.service_ul .service_logo01{background-image:url("/img/kt_img.png"); width:139px; height:37px;background-repeat:no-repeat; position: relative; left: 20%;}
	.service_ul .service_logo02{background-image:url("/img/naver_img.png"); width:192px; height:32px;background-repeat:no-repeat; position: relative; left: 10%; }
	.service_ul .service_logo03{background-image:url("/img/aws_img.png"); width:83px; height:51px;background-repeat:no-repeat; position: relative; left: 32%;}
	.service_ul .service_logo04{background-image:url("/img/managed_img.png"); width:131px; height:128px;background-repeat:no-repeat; position: relative; left: 25%;}
	.service_ul .service_logo05{background-image:url("/img/hi_img.png"); width:110px; height:128px;background-repeat:no-repeat; position: relative; left: 26%;}
	.service_ul li .service_hover{text-align:center;margin-top:20px;}
	.service_ul li .service_hover:nth-child(n4){margin-top:30px;}
	.service_hover span{text-transform:uppercase; font-size:18px;font-family:"³ª´®°íµñ"; font-weight:700;margin-top:150px;}
	.service_hover span:hover{color: #1e68b2;}
	a.main_a{position: relative;
  font-size: 20px;
  text-decoration: none;
  color: #000;
  transition: all 0.2s;}

	a.main_a:hover{color: #1e68b2; }
	a.main_a:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
  transform: scale(0);
  transition: all 0.2s;
  
	}
	a:hover:before {
  background: #1e68b2;
  transform: scale(1);
	}

	.pic {

    margin: 3px;
    display: inline-block;
    -webkit-animation: anima 2s;
    -moz-animation: anima 2s;
    -o-animation: anima 2s;
    -ms-animation: anima 2s;
    animation: anima 2s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    

}

.pic-image {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)

	
}

.pic:hover .pic-image {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)

}



.pic .pic-image,
.pic:hover,
.pic:hover img {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    transition: all 0.6s ease
	opacity:0.8;
}


.pic:hover .bottom-to-top,
 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -o-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    tap-highlight-color: transparent
}

.bottom-to-top {
    top: 50%;
    left: 0
}

.pic:hover .bottom-to-top {
    top: 0;
    left: 0
}



@media screen and (max-width:1300px){
	.service_ul .service_logo01{background-image:url("/img/kt_img.png"); width:100%; background-size:120px auto; background-position:center top; left:0;}
	.service_ul .service_logo02{background-image:url("/img/naver_img.png"); width:100%; background-size:160px auto; background-position:center top;  left: 0%; }
	.service_ul .service_logo03{background-image:url("/img/aws_img.png"); width:100%; background-size:80px auto; background-position:center top; left: 0%; }
	.service_ul .service_logo04{background-image:url("/img/managed_img.png"); width:100%;background-size:120px auto; background-position:center top;left:0%; }
	.service_ul .service_logo05{background-image:url("/img/hi_img.png"); width:100%;background-size:100px auto; background-position:center top;  left: 0%; }
	.service_ul li .service_hover{text-align:center;margin-top:20px; width:100%;}
	.service_ul li .service_hover:nth-child(n4){margin-top:0;}
	.service_hover span{text-transform:uppercase; font-size:18px;font-family:"³ª´®°íµñ"; font-weight:700;margin-top:30px;}
	.service_hover span:hover{color: #1e68b2;}
	a.main_a{position: relative;
  font-size: 20px;
  text-decoration: none;
  color: #000;
  transition: all 0.2s;}

	a.main_a:hover{color: #1e68b2; }
	a.main_a:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
  transform: scale(0);
  transition: all 0.2s;
  
	}
	a:hover:before {
  background: #1e68b2;
  transform: scale(1);
	}

	.pic {
    position: relative;
    overflow: hidden;
    margin: 3px;
    display: inline-block;
    -webkit-animation: anima 2s;
    -moz-animation: anima 2s;
    -o-animation: anima 2s;
    -ms-animation: anima 2s;
    animation: anima 2s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    

}

.pic-image {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)

	
}

.pic:hover .pic-image {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)

}

.pic-title {
    font-size: 1.8em
}


.pic .pic-image,
.pic:hover,
.pic:hover img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease
	opacity:0.8;
}


.pic:hover .bottom-to-top,
 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -o-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    tap-highlight-color: transparent
}

.bottom-to-top {
    top: 50%;
    left: 0
}

.pic:hover .bottom-to-top {
    top: 0;
    left: 0
}
}
@media screen and (max-width:1200px){
	.service_ul .service_logo01{background-image:url("/img/kt_img.png"); width:100%; background-size:105px auto; background-position:center top; left:0; }
	.service_ul .service_logo02{background-image:url("/img/naver_img.png"); width:100%; background-size:150px auto; background-position:center top; left:0; }
	.service_ul .service_logo03{background-image:url("/img/aws_img.png");width:100%; background-size:80px auto; background-position:center top; left:0;}
	.service_ul .service_logo04{background-image:url("/img/managed_img.png"); width:100%; background-size:120px auto; background-position:center top; left:0;}
	.service_ul .service_logo05{background-image:url("/img/hi_img.png");width:100%; background-size:100px auto; background-position:center top; left:0;}
	.service_ul li .service_hover{text-align:center;margin-top:20px; width:100%;display:inline-block;}
	.service_ul li .service_hover:nth-child(n4){margin-top:0;}
	.service_hover span{text-transform:uppercase; font-size:18px;font-family:"³ª´®°íµñ"; font-weight:700;margin-top:30px;}
	.service_hover span:hover{color: #1e68b2;}
	a.main_a{position: relative;
  font-size: 20px;
  text-decoration: none;
  color: #000;
  transition: all 0.2s;}

	a.main_a:hover{color: #1e68b2; }
	a.main_a:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
  transform: scale(0);
  transition: all 0.2s;
  
	}
	a:hover:before {
  background: #1e68b2;
  transform: scale(1);
	}

	.pic {
    position: relative;
    overflow: hidden;
    margin: 3px;
    display: inline-block;
    -webkit-animation: anima 2s;
    -moz-animation: anima 2s;
    -o-animation: anima 2s;
    -ms-animation: anima 2s;
    animation: anima 2s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    

}

.pic-image {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)

	
}

.pic:hover .pic-image {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)

}

.pic-title {
    font-size: 1.8em
}


.pic .pic-image,
.pic:hover,
.pic:hover img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease
	opacity:0.8;
}


.pic:hover .bottom-to-top,
 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -o-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    tap-highlight-color: transparent
}

.bottom-to-top {
    top: 50%;
    left: 0
}

.pic:hover .bottom-to-top {
    top: 0;
    left: 0
}
}

@media screen and (max-width:1024px){
	.service_ul .service_logo01{background-image:url("/img/kt_img.png"); width:139px; height:37px;background-repeat:no-repeat; position: relative; margin:0 auto; left:0;}
	.service_ul .service_logo02{background-image:url("/img/naver_img.png"); width:192px; height:32px;background-repeat:no-repeat; position: relative; margin:0 auto; left:0; }
	.service_ul .service_logo03{background-image:url("/img/aws_img.png"); width:83px; height:51px;background-repeat:no-repeat; position: relative;margin:0 auto; left:0;}
	.service_ul .service_logo04{background-image:url("/img/managed_img.png"); width:131px; height:128px;background-repeat:no-repeat; position: relative;margin:0 auto; left:0;}
	.service_ul .service_logo05{background-image:url("/img/hi_img.png"); width:110px; height:128px;background-repeat:no-repeat; position: relative; margin:0 auto; left:0;}
	.service_ul li .service_hover{text-align:center;margin-top:20px; width:100%;}
	.service_ul li .service_hover:nth-child(n4){margin-top:0;}
	.service_hover span{text-transform:uppercase; font-size:18px;font-family:"³ª´®°íµñ"; font-weight:700;margin-top:30px;}
	.service_hover span:hover{color: #1e68b2;}
	a.main_a{position: relative;
  font-size: 20px;
  text-decoration: none;
  color: #000;
  transition: all 0.2s;}

	a.main_a:hover{color: #1e68b2; }
	a.main_a:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
  transform: scale(0);
  transition: all 0.2s;
  
	}
	a:hover:before {
  background: #1e68b2;
  transform: scale(1);
	}

	.pic {
    position: relative;
    overflow: hidden;
    margin: 3px;
    display: inline-block;
    -webkit-animation: anima 2s;
    -moz-animation: anima 2s;
    -o-animation: anima 2s;
    -ms-animation: anima 2s;
    animation: anima 2s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    

}

.pic-image {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)

	
}

.pic:hover .pic-image {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)

}

.pic-title {
    font-size: 1.8em
}


.pic .pic-image,
.pic:hover,
.pic:hover img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease
	opacity:0.8;
}


.pic:hover .bottom-to-top,
 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -o-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    tap-highlight-color: transparent
}

.bottom-to-top {
    top: 50%;
    left: 0
}

.pic:hover .bottom-to-top {
    top: 0;
    left: 0
}
}

@media screen and (max-width:768px){
	.service_ul .service_logo01{background-image:url("/img/kt_img.png"); width:139px; height:37px;background-repeat:no-repeat; position: relative; margin:0 auto; left:0;}
	.service_ul .service_logo02{background-image:url("/img/naver_img.png"); width:192px; height:32px;background-repeat:no-repeat; position: relative; margin:0 auto; left:0; }
	.service_ul .service_logo03{background-image:url("/img/aws_img.png"); width:83px; height:51px;background-repeat:no-repeat; position: relative;margin:0 auto; left:0;}
	.service_ul .service_logo04{background-image:url("/img/managed_img.png"); width:131px; height:128px;background-repeat:no-repeat; position: relative;margin:0 auto; left:0;}
	.service_ul .service_logo05{background-image:url("/img/hi_img.png"); width:110px; height:128px;background-repeat:no-repeat; position: relative; margin:0 auto; left:0;}
	.service_ul li .service_hover{text-align:center;margin-top:20px; width:100%;}
	.service_ul li .service_hover:nth-child(n4){margin-top:0;}
	.service_hover span{text-transform:uppercase; font-size:18px;font-family:"³ª´®°íµñ"; font-weight:700;margin-top:30px;}
	.service_hover span:hover{color: #1e68b2;}
	a.main_a{position: relative;
  font-size: 20px;
  text-decoration: none;
  color: #000;
  transition: all 0.2s;}

	a.main_a:hover{color: #1e68b2; }
	a.main_a:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
  transform: scale(0);
  transition: all 0.2s;
  
	}
	a:hover:before {
  background: #1e68b2;
  transform: scale(1);
	}

	.pic {
    position: relative;
    overflow: hidden;
    margin: 3px;
    display: inline-block;
    -webkit-animation: anima 2s;
    -moz-animation: anima 2s;
    -o-animation: anima 2s;
    -ms-animation: anima 2s;
    animation: anima 2s;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    

}

.pic-image {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)

	
}

.pic:hover .pic-image {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)

}

.pic-title {
    font-size: 1.8em
}


.pic .pic-image,
.pic:hover,
.pic:hover img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease
	opacity:0.8;
}


.pic:hover .bottom-to-top,
 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -moz-touch-callout: none;
    -o-touch-callout: none;
    -ms-touch-callout: none;
    touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    tap-highlight-color: transparent
}

.bottom-to-top {
    top: 50%;
    left: 0
}

.pic:hover .bottom-to-top {
    top: 0;
    left: 0
}
}



.last{width:100%;margin-top:50px;clear:both; background:url('/img/last_img.png'); height:242px;}
.last_text{width:100%; height: 80px;padding-top:40px; text-align:center; }
.last_text .last_span1{font-weight:bold; font-size:30px; color:#242424;}
.last_text .last_span2{ font-size:14px; color:#787878;}
.last_button{width:100%;height:auto;text-align:center; margin-top:50px; }
.last_a{  color:#fff; font-size:20px; display:inline-block;}
.last_a button{width:380px; height:67px; background:#142858; border:none;}
.last_a button:hover{background:#0b1d47;}
.last_a:hover{color:#fffce8; }


@media screen and (max-width:1024px){
.last{width:100%;margin-top:20px;clear:both; background:url('/img/last_img.png'); height:230px;}
.last_text{width:100%; height: 80px;padding-top:40px; text-align:center; }
.last_text .last_span1{font-weight:bold; font-size:26px; color:#242424;}
.last_text .last_span2{ font-size:13px; color:#787878;}
.last_button{width:100%;height:auto;text-align:center; margin-top:40px; }
.last_a{  color:#fff; font-size:18px; display:inline-block;}
.last_a button{width:330px; height:60px; background:#142858; border:none;}
.last_a button:hover{background:#0b1d47;}
.last_a:hover{color:#fffce8; }
}

@media screen and (max-width:768px){
.last{width:100%;margin-top:0;clear:both; background:url('/img/last_img.png'); height:230px;}
.last_text{width:100%; height: 80px;padding-top:40px; text-align:center; }
.last_text .last_span1{font-weight:bold; font-size:24px; color:#242424;}
.last_text .last_span2{ font-size:13px; color:#787878;}
.last_button{width:100%;height:auto;text-align:center; margin-top:35px; }
.last_a{  color:#fff; font-size:18px; display:inline-block;}
.last_a button{width:300px; height:57px; background:#142858;border:none;}
.last_a button:hover{background:#0b1d47;}
.last_a:hover{color:#fffce8; }
}







.footer_wrapper{width:100%; background-color:#30363a; padding-top:25px; height:130px; position:relative; bottom:0;max-width: none !important; clear:both;}
.footer_wrapper div.footer{width:1280px; margin:0 auto;}
.footer_wrapper div.footer img.footer_logo{float:left; width:197px; padding-top:18px;}
.footer_wrapper div.footer .footer_tx{float:left; color:#bfbfbf; font-size:11px; padding-left:80px;line-height:20px;}
.footer_wrapper div.footer .footer_tx img{padding-left:19px; padding-right:19px; width:1px; height:9px;}
.footer_wrapper:after{clear:both; display:block; content: "";}

@media screen and (max-width:1024px){
.footer_wrapper{width:100%; background-color:#30363a; padding-top:10px; height:180px; position:relative; bottom:0;max-width: none !important; }
.footer_wrapper div.footer{width:100%; margin:0 auto; text-align:center;}
.footer_wrapper div.footer img.footer_logo{float:none; width:197px; padding:10px 0px;margin:0 auto;}
.footer_wrapper div.footer .footer_tx{float:left; color:#bfbfbf; font-size:11px; padding-left:0;line-height:20px;width:100%;text-align:center;}
.footer_wrapper div.footer .footer_tx img{padding-left:19px; padding-right:19px; width:1px; height:9px;}
}

@media screen and (max-width:768px){
.footer_wrapper{width:100%; background-color:#30363a; padding-top:10px; height:100%; position:relative; bottom:0;max-width: none !important; }
.footer_wrapper div.footer{width:100%; margin:0 auto; text-align:center;}
.footer_wrapper div.footer img.footer_logo{float:none; width:197px; padding:10px 0px;margin:0 auto;}
.footer_wrapper div.footer .footer_tx{float:left; color:#bfbfbf; font-size:11px; padding:0px 20px 15px 20px;line-height:20px;width:100%;text-align:center;}
.footer_wrapper div.footer .footer_tx img{padding-left:19px; padding-right:19px; width:1px; height:9px;}
}

@media screen and (max-width:360px){
.footer_wrapper{width:100%; background-color:#30363a; padding-top:10px; height:100%; padding-bottom:15px;position:relative; bottom:0;max-width: none !important; }
.footer_wrapper div.footer{width:100%; margin:10px 10px 10px 10px; text-align:left;}
.footer_wrapper div.footer img.footer_logo{float:none; width:150px; margin:5px 10px;}
.footer_wrapper div.footer .footer_tx{float:left; color:#bfbfbf; font-size:13px; padding:0px 20px 15px 20px; line-height:20px;width:100%;text-align:left;word-break:keep-all;}
.footer_wrapper div.footer .footer_tx img{padding-left:19px; padding-right:19px; width:1px; height:9px;}
}