@charset "utf-8";


#container {position:relative; z-index:0;  min-height:800px;}



#main_wrap_box {display:table; width:100%; table-layout:fixed;}
#main_wrap_box .main_wrap_cont{display:table-cell; vertical-align:top; padding-right:60px;}
#main_wrap_box #right_wrap_box{display:table-cell; vertical-align:top; width:300px; border-left:1px #ddd  solid;  padding-left:60px;}



/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:500px;  overflow:hidden;  z-index:0;  border-radius:20px;}
.main_visual ul { width:100%; left:0px;top:0px; height:500px; position:absolute;}
.main_visual li{background-repeat:no-repeat; background-position:center top; width:100%; height:500px; position:relative; }
.main_visual li img {vertical-align:middle; width:100%; }

.main_visual li .main_visual_text {z-index:1;text-align:left;}
.main_visual li .main_visual_text .text_box {padding-top:100px; padding-left:100px;  letter-spacing:-1px;}
.main_visual li .main_visual_text .t1 {font-size:40px; line-height:45px;  color:#fff;  font-family: 'SCoreDream'; font-weight:600;}
.main_visual li .main_visual_text .t1 span {display:block;}
.main_visual li .main_visual_text .t2 {font-size:18px; line-height:22px; margin-top:10px; color:#fff;}

.main_visual li .main_visual_text .link {display:inline-block;  background:#000; color:#fff; line-height:55px; padding:0 40px; margin-top:40px; border-radius:55px; font-size:16px; }
.main_visual li .main_visual_text .alumni {display:inline-block; background:#fff; color:#000; line-height:55px; padding:0 40px; margin-top:40px; border-radius:55px; font-size:16px;  }


.main_visual .main_pager {position:absolute; left:0px; bottom:80px; width:100%;  z-index:99999999 !important;}
.main_visual .main_pager span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:8px; height:4px; margin:0 2px; border-radius:15px; background:#cecece; }
.main_visual .main_pager .cycle-pager-active{width:30px;background:#fff;}


/*제작혜택*/
.make_service_wrap {margin-top:80px; position:relative;}
.make_service_wrap .title {position:absolute; left:0px; top:20px;}
.make_service_wrap .title .t1 {font-size:45px; font-weight:bold; color:#000; line-height:50px;  }
.make_service_wrap .title .t1 span{display:block;}
.make_service_wrap .title .t2{display:block; font-weight:normal;  font-size:16px; color:#666; line-height:22px; margin-top:15px;}
.make_service_wrap .list {margin-left:350px;}
.make_service_wrap .list ul {display:table; width:100%; table-layout:fixed;}
.make_service_wrap .list ul li {display:table-cell;border-radius:20px; vertical-align:top; position:relative; transition:all 0.2s; margin-top:0px;}
.make_service_wrap .list ul li.m1 {background:#;}
.make_service_wrap .list ul li.m2 {background:#;}
.make_service_wrap .list ul li.m3 {background:#;}
.make_service_wrap .list ul li.jump {width:30px; border:0px; background:none;}
.make_service_wrap .list ul li .box {padding:30px ;}
.make_service_wrap .list ul li .box dl dt {font-size:18px; color:#000; font-weight:bold; }
.make_service_wrap .list ul li .box dl dd {font-size:13px; color:#666; line-height:18px; margin-top:10px;}
.make_service_wrap .list ul li .box .icon{margin-top:30px; }
.make_service_wrap .list ul li .box .icon img {vertical-align:middle;}
.make_service_wrap .list ul li.m1:hover,
.make_service_wrap .list ul li.m2:hover,
.make_service_wrap .list ul li.m3:hover{margin-top:-30px; box-shadow:0 0 57px rgba(202,209,217,.26)}



.main_quick_wrap  { margin-top:60px;}
.main_quick_wrap ul {display:table; width:100%; table-layout:fixed;}
.main_quick_wrap ul li {display:table-cell;border-radius:20px; vertical-align:top; position:relative; transition:all 0.2s; top:0px; background:#f4f4f4}
.main_quick_wrap ul li.m1 {background:#f4f4f4 url(../images/main/main_quick_wrap_icon01.png) 90% 90% no-repeat;}
.main_quick_wrap ul li.m2 {background:#cedbe4 url(../images/main/main_quick_wrap_icon02.png) 90% 90% no-repeat;}
.main_quick_wrap ul li.m3 {background:#ede5d9 url(../images/main/main_quick_wrap_icon03.png) 90% 90% no-repeat;}
.main_quick_wrap ul li.jump {width:50px; border:0px; background:none;}
.main_quick_wrap ul li .box {padding:30px; position:relative;}
.main_quick_wrap ul li .box .text_box{}
.main_quick_wrap ul li .box .text_box .t1{font-size:20px; color:#000; font-weight:bold; }
.main_quick_wrap ul li .box .text_box .t2{font-size:14px; color:#666; line-height:18px; margin-top:10px;}
.main_quick_wrap ul li .box .text_box .btn{font-size:13px; color:#666; line-height:18px; margin-top:10px;}
.main_quick_wrap ul li .box .icon{}
.main_quick_wrap ul li .box .icon img {vertical-align:middle;}

.main_quick_wrap ul li:hover {top:-10px; position:relative;}

.main_quick_wrap ul li .box .main_common_btn {margin-top:20px;}
.main_quick_wrap ul li .box .main_common_btn a {display:inline-block;   font-size:15px; color:#000;  transform:scale(1); transition: all 0.4s; position:relative; font-size:13px;}




.main_center_banner_wrap {height:200px; background:red;margin-top:90px; margin-right:420px;}



.main_design_code_wrap  {margin-top:90px;   }
.main_design_code_wrap .title {position:relative;}
.main_design_code_wrap .title .t1{font-weight:bold; font-size:27px; color:#000;; line-height:30px; letter-spacing:-1px; display:inline-block;}
.main_design_code_wrap .title .t2{ font-size:15px; color:#777;  display:inline-block;  margin-left:5px;}

.main_design_code_wrap .more{margin-top:40px; text-align:center;}
.main_design_code_wrap .more a{color:#666; display:inline-block; text-align:center;   font-size:13px; color:#fff; background:#444; padding:0 30px; border-radius:10px; line-height:50px; font-size:15px;}
.main_design_code_wrap .more a .fonti {position:relative; margin-left:5px;}


.main_design_code_wrap ul {position:relative; z-index:1; margin-top:30px; font-size:0px;}
.main_design_code_wrap ul .list{ width:272px; display:inline-block; margin-right:30px; margin-bottom:40px; border-radius:15px; box-shadow:0 0 7px rgba(202,209,217,.26); overflow:hidden;}
.main_design_code_wrap ul .list:nth-child(4n+4) {margin-right:0px;}
.main_design_code_wrap ul .list .photo {height:170px; overflow:hidden; border-radius:15px 15px 0px 0px;  border:1px #ddd solid;   }
.main_design_code_wrap ul .list .photo img {vertical-align:top;transition:all 0.3s;width:100%;  }
.main_design_code_wrap ul .list:hover .photo img { margin-top:-70px;transition:all 0.6s; }

.main_design_code_wrap ul .list .info_box {  overflow:hidden; border:1px #ddd solid; border-top:0px; border-radius:0px 0px 15px 15px; padding:20px;}
.main_design_code_wrap ul .list .info_box .title_name {font-size:15px; font-weight:bold; color:#000; line-height:22px; }
.main_design_code_wrap ul .list .info_box .title_name span{display:none;}
/*
.main_design_code_wrap ul .list .t1 {font-size:18px; color:#ff6363; line-height:18px; margin-top:6px}
.main_design_code_wrap ul .list .t1 span {font-size:13px; color:#333; line-height:18px;}
*/
.main_design_code_wrap ul .list .price {text-align:left; margin-top:10px;}
.main_design_code_wrap ul .list .price .t1 {display:inline-block; text-decoration: line-through;  color:#999; vertical-align:middle; position:relative; font-size:12px; top:-5px;}
.main_design_code_wrap ul .list .price .t2 {display:inline-block; color:#ff6363; font-size:16px; vertical-align:middle; position:relative; top:-4px;}
.main_design_code_wrap ul .list .price .t2 .etc {display:inline-block; font-size:11px; font-weight:normal; color:#000;}




.main_design_code_wrap ul .list .t2 {font-size:14px; font-weight:bold; line-height:22px; color:#000;}

.main_design_code_wrap ul .list .btns { font-size:0px; padding-left:1px; text-align:left; margin-top:6px; }
.main_design_code_wrap ul .list .btns a{display:inline-block; width:32%; line-height:34px; border:1px #ddd solid; text-align:center; font-size:12px;  margin-left:-1px;}




@media all and (max-width:1024px) {

	#container {min-height:auto;}



	#main_wrap_box {display:block; width:auto;}
	#main_wrap_box .main_wrap_cont{display:block;  padding-right:0px;}
	#main_wrap_box #right_wrap_box{display:block;  width:auto; padding:0px; border-left:0px #ddd  solid; }



	/*메인비주얼*/
	.main_visual {margin:15px 15px 10px;  width:auto; height:250px;    border-radius:15px;}
	.main_visual ul { height:250px;}
	.main_visual li{ height:250px; background-size:cover;}

	.main_visual li .main_visual_text .text_box {padding-top:40px; padding-left:30px;  letter-spacing:-1px;}
	.main_visual li .main_visual_text .t1 {font-size:23px; line-height:30px;}
	.main_visual li .main_visual_text .t2 {font-size:13px; line-height:20px; padding-right:70px;}
	.main_visual li .main_visual_text .link,
	.main_visual li .main_visual_text .alumni {line-height:40px; padding:0 15px; margin-top:10px; border-radius:45px; font-size:12px; }
	.main_visual .main_pager {bottom:-5px; left:40px; text-align:left;}



	/*제작혜택*/
	.make_service_wrap {margin:0px 15px; background:#fff; padding:15px; border-radius:15px;}
	.make_service_wrap .title {position:relative; left:0px; top:0px; margin-top:40px; text-align:center;}
	.make_service_wrap .title .t1 {font-size:30px;  line-height:30px;  }
	.make_service_wrap .title .t1 span {display:inline-block; margin-left:5px;}
	.make_service_wrap .title .t2{font-size:14px; line-height:18px; margin-top:5px;}
	.make_service_wrap .list {margin-left:0px;}
	.make_service_wrap .list ul {display:block; width:auto; margin-top:20px;}
	.make_service_wrap .list ul li {display:block; position:relative; border-bottom:1px #ededed solid; border-radius:0px;}
	.make_service_wrap .list ul li:last-child {border-bottom:0px}

	.make_service_wrap .list ul li.jump {display:none;}
	.make_service_wrap .list ul li .box {padding:30px 10px;}
	.make_service_wrap .list ul li .box .icon{margin-top:0px; position:Absolute; right:20px; top:35px;  }

	.make_service_wrap .list ul li.m3:hover{margin-top:0px; box-shadow:0 0 57px rgba(202,209,217,.26)}



	.main_quick_wrap  { margin-top:10px;}
	.main_quick_wrap ul {display:block; width:auto;margin:0 15px;}
	.main_quick_wrap ul li {display:block;border-radius:20px;margin-bottom:5px;}
	.main_quick_wrap ul li.jump {width:50px; border:0px; background:none; display:none;}
	.main_quick_wrap ul li .box {padding:30px; position:relative;}
	.main_quick_wrap ul li.m1 {background-color:#ddd}






	.main_design_code_wrap  {margin:30px 15px;}

	.main_design_code_wrap ul {position:relative; overflow:hidden;}
	.main_design_code_wrap ul .list{ width:49%; float:left; margin-right:0px; margin-bottom:2%; border-radius:15px;}
	.main_design_code_wrap ul .list:nth-child(2n+2) {float:right;}
	.main_design_code_wrap ul .list .photo {height:130px; }


	.main_design_code_wrap ul .list .info_box {  overflow:hidden; text-align:center; border:1px #ddd solid; background:#fff; border-top:0px; border-radius:0px 0px 15px 15px; padding:20px 0px;}


	.main_design_code_wrap ul .list .price {text-align:center; margin-top:0px;}
	.main_design_code_wrap ul .list .price .t1 {display:none;}
	.main_design_code_wrap ul .list .price .t2 {display:block; color:#ff6363; font-size:15px;  top:0px;}
	.main_design_code_wrap ul .list .price .t2 .etc {display:inline-block; font-size:11px; font-weight:normal; color:#000;}


	.main_design_code_wrap ul .list .t2 {font-size:14px; font-weight:bold; line-height:22px; color:#000;}

	.main_design_code_wrap ul .list .btns {  text-align:center; margin-top:6px; overflow:hidden; padding:0 10px;}
	.main_design_code_wrap ul .list .btns a{float:left; width:49%; margin:0px; color:#000; border-radius:5px; line-height:30px; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
	.main_design_code_wrap ul .list .btns a.mobile_link_show{float:right;}
	.main_design_code_wrap ul .list .btns a.detail{width:100%; margin-top:2%;}

}