@charset "utf-8";



.JesusWeb_01_00  {margin-bottom:90px;}
.JesusWeb_01_00 .col_box {display:table; width:100%; }
.JesusWeb_01_00 .col_box .col {display:table-cell; vertical-align:top;  }
.JesusWeb_01_00 .col_box .col.s_title {width:630px; font-size:70px; color:#000;  line-height:70px;  font-weight: 900;}
.JesusWeb_01_00 .col_box .col.s_title span{display:block; color:#0e81a0;}
.JesusWeb_01_00 .col_box .col.s_text {padding-left:0px; font-size: 17px;  color:#000;  line-height:25px;}
.JesusWeb_01_00 .col_box .col.s_text .t1{font-size:24px; line-height:24px; margin-bottom:20px; color:#000;}
.JesusWeb_01_00 .col_box .col.s_text .t1 span { font-weight:bold;}



/*지저스웹 타이틀*/
.JesusWeb_title {font-size:27px; color:#000; font-weight:bold; margin-bottom:30px;}


.JesusWeb_01_01 ul {overflow:hidden;}
.JesusWeb_01_01 ul li{float:left; width:49%; margin-bottom:2%;}
.JesusWeb_01_01 ul li .box {padding:40px 50px; background-color:#f8f8f8; border-radius:20px; position:relative;background-position:95% 50%; background-repeat:no-repeat;} 
.JesusWeb_01_01 ul li:nth-child(2n+2){float:right;}
.JesusWeb_01_01 ul li dl dt{font-size:22px; color:#000; font-weight:bold;}
.JesusWeb_01_01 ul li dl dd{font-size:16px; color:#66; margin-top:10px; }
.JesusWeb_01_01 ul li .box .icon {position:absolute; right:50px; top:20px;  }
.JesusWeb_01_01 ul li .box.m1 {background-image:url(../images/contents/JesusWeb/JesusWeb_01_01_icon01.png);}
.JesusWeb_01_01 ul li .box.m2 {background-image:url(../images/contents/JesusWeb/JesusWeb_01_01_icon02.png)}
.JesusWeb_01_01 ul li .box.m3 {background-image:url(../images/contents/JesusWeb/JesusWeb_01_01_icon03.png)}
.JesusWeb_01_01 ul li .box.m4 {background-image:url(../images/contents/JesusWeb/JesusWeb_01_01_icon04.png)}




.JesusWeb_01_02  {margin-top:80px;}
.JesusWeb_01_02 .price_wrap {margin:25px 0px;}
.JesusWeb_01_02 .price_wrap .t1{font-size:60px; line-height:60px; color:#0e81a0; font-family: 'Pretendard';}
.JesusWeb_01_02 .price_wrap .t1 span {display:inline-block; margin-left:0px; font-size:20px; font-weight:bold; color:#000; font-family: 'KoPubWorldDotum';}
.JesusWeb_01_02 .price_wrap_help{ margin-top:20px; padding:30px 40px; padding-left:100px; position:relative;  font-size:15px; color:#000; border-radius:10px; border:1px #ddd solid; background:url(../images/contents/JesusWeb/price_wrap_help_icon.png) 20px 50% no-repeat;}
.JesusWeb_01_02 .price_wrap .t2 span{text-decoration:underline; font-weight:bold;}
.JesusWeb_01_02 .JesusWeb_01_02_wrap_box  {border:5px #0e81a0 solid; border-radius:20px;; overflow:hidden; }
.JesusWeb_01_02 .JesusWeb_01_02_wrap_box  .title {padding:20px 50px; background:#dceaee; font-size:22px; color:#000; font-weight:bold;}
.JesusWeb_01_02 .JesusWeb_01_02_wrap  {padding:50px; border-radius:20px;; }


.JesusWeb_01_02 table {border-top:1px #ededed solid;; width:100%; font-size:18px; border-spacing:0; }
.JesusWeb_01_02 table tr.bg {background:#e9eff3; font-weight:bold;}
.JesusWeb_01_02 table th { color:#000;  padding:20px;  border-bottom:1px #ededed solid;; font-weight:normal; text-align:left;}
.JesusWeb_01_02 table td {color:#666; padding:20px; ; letter-spacing:0;  border-bottom:1px #ededed solid;; text-align:left; color:#000000;}
.JesusWeb_01_02 table .price {color:#000;font-size:40px; font-weight:bold;}
.JesusWeb_01_02 table .center {text-align:center;}
.JesusWeb_01_02 table .left {text-align:left;}




.JesusWeb_02_wrap .title{text-align:center;}
.JesusWeb_02_wrap .title .t1{font-sizE:40px; font-weight:bold;  color:#000; line-height:40px; }
.JesusWeb_02_wrap .title .t2{font-sizE:16px; color:#000; margin-top:5px;}










	/*구축절차 솔루션 */
	.make_process h3 {font-size:25px; font-weight:bold; color:#000; line-height:25px; letter-spacing:-1px;}
	.make_process h3  span{display:block; font-weight:normal; margin-top:3px; font-size:15px; color:#666; line-height:18px;}
	.make_process .make_process_wrap {margin-top:20px; }
	.make_process .make_process_wrap ul {display:table; width:99.8%; table-layout:fixed; border:1px #ddd solid;}
	.make_process .make_process_wrap ul li{display:table-cell; height:180px; vertical-align:top; text-align:center;   border-right:1px #ddd dashed;; position:relative; background:#fff;}
	.make_process .make_process_wrap ul li:last-child{border-right:0px;}
	.make_process .make_process_wrap ul li .icon {margin-top:30px; transition: all 1s;}
	.make_process .make_process_wrap ul li .icon img {transition:transform 700ms}
	.make_process .make_process_wrap ul li:hover .icon {margin-top:30px; transition: all 0.2s;}
	.make_process .make_process_wrap ul li:hover .icon img {transform:rotateX(360deg); transition:transform 700ms;}
	.make_process .make_process_wrap ul li dl {text-align:center; position:absolute; left:0px; top:120px; width:100%;transition: all 1s;  /*font-family: 'Nanum Square';*/ }
	.make_process .make_process_wrap ul li dl dt{text-align:center; color:#151515; font-size:16px; font-weight:bold; }
	.make_process .make_process_wrap ul li dl dd{text-align:center; font-size:12px; color:#707070; margin-top:5px; line-height:16px; }

	.make_process .make_process_wrap ul li:hover dl  {top:120px; transition: all 0.2s;}
	.make_process .make_process_wrap ul li:hover dl dt {color:#f4641f; }
	.make_process .make_process_wrap ul li:hover dl dd {color:#666; }



	.make_process_wrap_new ul {overflow:hidden; margin-top:20px; padding-left:1px; padding-bottom:1px;}
	.make_process_wrap_new ul li{float:left; width:33.33333333333%; margin-left:-1px; margin-bottom:-1px;}
	.make_process_wrap_new ul li .box {background:#fff; /*border:1px #ddd solid;*/ padding:40px 40px 20px; min-height:100px; position:relative;}
	.make_process_wrap_new ul li .box .t1 {position:relative;font-size:16px; display:none;}
	.make_process_wrap_new ul li .box .t1 span{display:inline-block; border:1px #ddd solid;; color:#000; padding:0 20px; font-size:13px; line-height:35px; border-radius:35px;}
	.make_process_wrap_new ul li .box .icon {position:absolute; right:40px; top:25px;}

	.make_process_wrap_new ul li .box dl { text-align:left;}
	.make_process_wrap_new ul li .box dl dt {  font-size:19px; color:#000;  font-weight:bold; letter-spacing:-1px; margin-bottom:15px; }
	.make_process_wrap_new ul li .box dl dt span {display:inline-block; width:25px; height:25px; border-radius:25px; background:#0e81a0; color:#fff; text-align:center; font-weight:normal; text-align:center; margin-right:5px; font-size:14px;}
	.make_process_wrap_new ul li .box dl dd { font-size:13px; color:#666; line-height:18px; padding-right:120px;}
	.make_process_wrap_new ul li .box dl dd span{display:block;}

	

	
	/*구축전확인*/
	.new_price_box .check_list_wrap_box_etc {padding:40px; background:#f8f8f8; border-radius:20px; position:relative;}
	.new_price_box .check_list_wrap_box_etc .icon{position:absolute; left:40px; top:-30px; }
	.new_price_box .check_list_wrap_box_etc .icon img {vertical-align:middle; max-width:100%;}
	.new_price_box .check_list_wrap_box_etc  .info {margin-left:260px;}
	.new_price_box .check_list_wrap_box_etc  .info .t1 {font-size:20px; color:#000;  letter-spacing:-1px;}
	.new_price_box .check_list_wrap_box_etc  .info .t1 span{text-decoration: underline;    color: #ff6363; font-weight:bold;}
	.new_price_box .check_list_wrap_box_etc  .info .t2 {font-size:15px; color:#666; margin-top:5px; }


	.new_price_box .check_list_wrap_box_etc  .info .tell{ margin-top:30px; color:#222; background:url(../images/common/check_list_phone.png) left 50% no-repeat; padding-left:60px;}
	.new_price_box .check_list_wrap_box_etc  .info .tell .tell_01{font-size: 27px;     margin-bottom: 5px;     color: #222;     font-weight: bold;}
	.new_price_box .check_list_wrap_box_etc  .info .tell .tell_02{font-size:14px; line-height:20px; color: #222;     }



	
	/*제작혜택*/
	.main_web_make_service_wrap .web_make_service_wrap { background:#fff; padding-top:50px; padding-bottom:50px;  }
	.sub_web_make_service_wrap .web_make_service_wrap {  margin-top:50px; }

	.web_make_service_wrap {position:relative;}
	.web_make_service_wrap_box {background:#fff; border:1px #ddd solid; border-bottom:0px; position:relative; }
	.web_make_service_wrap_box h3{line-height:53px; padding:0 15px; border-bottom:1px #ddd solid; font-size:15px; color:#333;; }
	.web_make_service_wrap_box h3 strong{color:#ff6363; }
	.web_make_service_wrap_box h3 a.more{float:right; font-size:13px; color:#333333; font-weight:normal; background:url(../images/main/main_notice_box_more_dot.png) right 23px no-repeat; padding-right:15px;}
	
	.web_make_service_wrap_box ul {overflow:hidden;width:100%; table-layout:fixed;}
	.web_make_service_wrap_box ul li {float:left; width:33.333333333%; border-right:1px #ddd solid; background-color:#fff; border-bottom:1px #ddd solid; vertical-align:middle; padding:30px 20px;   background-repeat:no-repeat; background-position:95% 50%; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
	.web_make_service_wrap_box ul li.bor {border-right:0px;}
	
	.web_make_service_wrap_box ul li.m1 { background-image:url(../images/common/web_make_service_wrap_box_01s.png);}
	.web_make_service_wrap_box ul li.m2 { background-image:url(../images/common/web_make_service_wrap_box_02s.png);}
	.web_make_service_wrap_box ul li.m3 { background-image:url(../images/common/web_make_service_wrap_box_03s.png);}
	.web_make_service_wrap_box ul li.m4 { background-image:url(../images/common/web_make_service_wrap_box_04s.png);}
	.web_make_service_wrap_box ul li.m5 { background-image:url(../images/common/web_make_service_wrap_box_05s.png);}
	.web_make_service_wrap_box ul li.m6 { background-image:url(../images/common/web_make_service_wrap_box_06s.png);}

	.web_make_service_wrap_box ul li dl dt{font-size:16px; color:#222; font-weight:bold; letter-spacing:-2px;}
	.web_make_service_wrap_box ul li dl dt .fonti {font-size:13px;position:relative; top:-2px; display:inline-block; margin-left:6px;}
	.web_make_service_wrap_box ul li dl dd{font-size:12px; color:#888; margin-top:20px; line-height:18px;}





@media all and (max-width:1024px) {



	.JesusWeb_01_00{margin-bottom:30px;}
	.JesusWeb_01_00 .col_box {display:block; }
	.JesusWeb_01_00 .col_box .col {display:block;  }
	.JesusWeb_01_00 .col_box .col.s_title {width:auto; font-size:40px; line-height:40px;  font-weight: 900;}
	.JesusWeb_01_00 .col_box .col.s_text {font-size:16px;  line-height:22px;}
	.JesusWeb_01_00 .col_box .col.s_text .t1{font-size:18px; line-height:18px;}


	/*지저스웹 타이틀*/
	.JesusWeb_title {font-size:27px; color:#000; font-weight:bold; margin-bottom:30px;}


	.JesusWeb_01_01 ul {overflow:hidden;}
	.JesusWeb_01_01 ul li{float:none !important; width:auto; margin-bottom:10px;}
	.JesusWeb_01_01 ul li .box {padding:30px;  border-radius:15px; background-position:95% 50%; } 
	.JesusWeb_01_01 ul li dl dd{font-size:15px; line-height:20px; margin-top:10px; padding-right:70px; }
	.JesusWeb_01_01 ul li .box .icon {position:absolute; right:50px; top:20px;  }





	.JesusWeb_01_02  {margin-top:30px;}
	.JesusWeb_01_02 .price_wrap {margin:25px 0px;}
	.JesusWeb_01_02 .price_wrap .t1{font-size:60px; line-height:60px; color:#0e81a0; font-family: 'Pretendard';}
	.JesusWeb_01_02 .price_wrap .t1 span {display:block;  font-size:16px;line-height:22px; margin-top:20px;}
	.JesusWeb_01_02 .price_wrap_help{ margin-top:20px; padding:30px 40px; padding-left:100px; position:relative;  font-size:15px; color:#000; border-radius:10px; border:1px #ddd solid; background:url(../images/contents/JesusWeb/price_wrap_help_icon.png) 20px 50% no-repeat;}
	.JesusWeb_01_02 .price_wrap_help .cStyle li { line-height:18px; margin-bottom:10px;}
	.JesusWeb_01_02 .price_wrap .t2 span{text-decoration:underline; font-weight:bold;}
	.JesusWeb_01_02 .JesusWeb_01_02_wrap_box  {border:5px #0e81a0 solid; border-radius:20px;; overflow:hidden; }
	.JesusWeb_01_02 .JesusWeb_01_02_wrap_box  .title {padding:20px 50px; background:#dceaee; font-size:22px; color:#000; font-weight:bold;}
	.JesusWeb_01_02 .JesusWeb_01_02_wrap  {padding:20px; border-radius:20px;; }


	.JesusWeb_01_02 table {font-size:14px; border-spacing:0; }
	.JesusWeb_01_02 table .m_100 {width:100px;}

	.JesusWeb_01_02 table th { padding:10px;}
	.JesusWeb_01_02 table td {color:#444; padding:10px; line-height:16px; letter-spacing:-1px;}
	.JesusWeb_01_02 table td span{display:block;}
	.JesusWeb_01_02 table .price {color:#000;font-size:40px; font-weight:bold;}
	.JesusWeb_01_02 table .center {text-align:center;}
	.JesusWeb_01_02 table .left {text-align:left;}




	.JesusWeb_02_wrap .title{text-align:center;}
	.JesusWeb_02_wrap .title .t1{font-sizE:30px;   line-height:30px; }
	.JesusWeb_02_wrap .title .t2{font-sizE:16px; color:#000; margin-top:5px;}



	
	.make_process_wrap_new ul {overflow:hidden; margin-top:20px; padding-left:0px;}
	.make_process_wrap_new ul li{float:none; width:auto; margin-left:0px; margin-bottom:0px;}
	.make_process_wrap_new ul li .box {background:#fff; border:1px #ddd solid; padding:40px; min-height:auto; position:relative; margin-bottom:10px; border-radius:15px;}


	.make_process_wrap_new ul li .box dl { text-align:left;}
	.make_process_wrap_new ul li .box dl dt {  font-size:20px; color:#000;  font-weight:bold; letter-spacing:-1px; margin-bottom:15px; }
	.make_process_wrap_new ul li .box dl dd { font-size:13px; color:#666; line-height:18px; padding-right:120px;}
	.make_process_wrap_new ul li .box dl dd span{display:block;}

	
	/*구축전확인*/
	.new_price_box .check_list_wrap_box_etc {padding:40px; border-radius:15px; position:relative;}
	.new_price_box .check_list_wrap_box_etc .icon{position:relative; left:0px; top:-50px; text-align:center; }
	.new_price_box .check_list_wrap_box_etc .icon img {vertical-align:middle; max-width:100%;}
	.new_price_box .check_list_wrap_box_etc  .info {margin-left:0px;}


	.check_list_wrap_box .new_price_box .check_list_wrap_box_etc { border-radius:0px; background:#fff;}
	.check_list_wrap_box .new_price_box .check_list_wrap_box_etc .icon {top:0px;}
	.check_list_wrap_box .new_price_box .check_list_wrap_box_etc .icon img {vertical-align:middle; max-width:100px;}
	.check_list_wrap_box .new_price_box .check_list_wrap_box_etc  .info {text-align:center;}




		
	.sub_make_process_wrap .make_process_wrap_new ul {overflow:hidden; margin-top:20px; padding-left:0px; padding-bottom:0px; overflow:hidden;}
	.sub_make_process_wrap .make_process_wrap_new ul li{float:left; width:49%;; margin:0px;}
	.sub_make_process_wrap .make_process_wrap_new ul li:nth-child(even){float:right;}
	.sub_make_process_wrap .make_process_wrap_new ul li .box {  padding:20px; min-height:auto;}
	.sub_make_process_wrap .make_process_wrap_new ul li .box .t1 {position:relative;font-size:16px; display:block;}
	.sub_make_process_wrap .make_process_wrap_new ul li .box .t1 span{display:inline-block; border:1px #ff6363 solid;; color:#ff6363; padding:0 20px; font-size:13px; line-height:35px; border-radius:35px;}
	.sub_make_process_wrap .make_process_wrap_new ul li .box .icon {position:absolute; right:-20px; top:15px;}
	.sub_make_process_wrap .make_process_wrap_new ul li .box .icon img {width:60%;}

	.sub_make_process_wrap .make_process_wrap_new ul li .box dl { text-align:left; margin-top:40px;}
	.sub_make_process_wrap .make_process_wrap_new ul li .box dl dt {font-size:14px; letter-spacing:0px; margin-bottom:15px; }
	.sub_make_process_wrap .make_process_wrap_new ul li .box dl dt span {display:none;}
	.sub_make_process_wrap .make_process_wrap_new ul li .box dl dd {font-size:12px; min-height:72px; line-height:18px; padding-right:0px;}
	.sub_make_process_wrap .make_process_wrap_new ul li .box dl dd span{display:block;}





	
	/*제작혜택*/
	.main_web_make_service_wrap .web_make_service_wrap { background:#fff; padding:30px 15px;}
	.sub_web_make_service_wrap .web_make_service_wrap {  margin-top:0px; }


	.web_make_service_wrap_box ul {display:block; overflow:hidden;}
	.web_make_service_wrap_box ul li {float:left; width:50%; border:0px;  border-bottom:1px #ddd solid;   padding:15px; background-position:95% 45px;   background-size:30px; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box; }
	.web_make_service_wrap_box ul li:nth-child(even) {border-left:1px #ddd solid;}
	

	.web_make_service_wrap_box ul li dl dt{font-size:14px; letter-spacing:-0px;}
	.web_make_service_wrap_box ul li dl dt .fonti {font-size:13px;position:relative; top:-2px; display:inline-block; margin-left:6px;}
	.web_make_service_wrap_box ul li dl dd{font-size:12px; color:#888; margin-top:20px; line-height:18px; height:54px; letter-spacing:-1px; padding-right:40px;}

	



}









