@charset "utf-8";



#container {position:relative; z-index:0; }


/*메인비주얼*/
.main_visual {text-align:center; position:relative; width:100%; height:550px;  overflow:hidden; z-index:1;}
.main_visual ul {height:550px; position:relative; z-index:1;}
.main_visual li {background-repeat:no-repeat; background-position:right 50%; width:100%; height:550px}


.main_visual .main_visual_text {position:absolute; width:100%; top:0px;  color:#fff; z-index:2;   overflow:hidden;}

.main_visual .main_visual_text .text {position:relative; z-index:1; padding-left:300px; padding-top:130px; color:#fff; text-align:left;}
.main_visual .main_visual_text .t1 {font-size:40px; color:#dcc995; line-height:50px; font-family: 'Nanum Myeongjo',sans-serif; font-weight:bold;}
.main_visual .main_visual_text .t2 {display:block;font-size:18px;  color:#fff; padding-top:20px; }



.main_visual .main_pager {position:absolute; left:0px; bottom:30px; width:100%; z-index:99}
.main_visual .main_pager span{display:inline-block; width:13px; height:13px; border-radius:13px; background:#fff; margin:0 2px; }
.main_visual .main_pager .cycle-pager-active{background:#444; }


.main_videos {position:absolute; width:100%; right:0px; top:90px;  z-index:6;}
.main_videos .default_layout {text-align:right;}
.main_videos .box {border:10px rgba(255,255,255,0.6) solid;; padding:20px; z-index:6; display:inline-block;}
.main_videos .box video {width:400px;}



.main_quick_center {position:relative; z-index:2; margin-top:-50px;}
.main_quick_center .col_box { display:table; width:100%; table-layout:fixed}
.main_quick_center .col_box .col {display:table-cell; vertical-align:middle; text-align:center;padding:35px 0px;line-height:30px;  background:#6b523b;  color:#fff; font-size:20px;}
.main_quick_center .col_box .col a{color:#fff;}
.main_quick_center .col_box .col .icon {display:inline-block; margin-right:10px;}
.main_quick_center .col_box .col .icon img {vertical-align:middle;}
.main_quick_center .col_box .col.last {background-image:url(../images/main/main_quick_center_dot.png); background-position:right 50%; background-repeat:no-repeat;}
.main_quick_center .col_box .col.tell {width:600px; background:#47321e; }
.main_quick_center .col_box .col.tell .t {font-size:30px; margin-left:10px; font-weight:bold; }











.main_info_box {overflow:hidden;}
.main_info_box .col {float:left;}
.main_info_box .col.left {width:800px; border:1px #ddd solid; height:200px;}
.main_info_box .col.right {float:right; width:380px; border:1px #ddd solid; height:200px;}




/******************메인상단******************/
.main_top {padding:50px 0 60px; overflow:hidden; background:#f1f4f6;}


/*안내 및 문의*/
.main_top .main_info {float:left; width:280px; height:350px; overflow:hidden; background:#fff;}

.main_top .main_info .main_notice{height:229px;}
.main_top .main_info .main_notice h3 { color: #7f5f2c;  font-size: 18px;   font-weight: 800; position:relative; border-bottom:1px #ddd solid; padding:20px;}
.main_top .main_info .main_notice h3 a{float:right;}
.main_top .main_info .main_notice h3 a img {vertical-align:middle;}

.main_top .main_info .main_notice ul {padding:20px; }
.main_top .main_info .main_notice ul li{margin-bottom:10px; line-height:23px; position:relative; background:url(../images/main/notice_dot.jpg) left 9px no-repeat;padding-left:10px;}
.main_top .main_info .main_notice ul li a{display:block; color:#555555; font-size:14px; line-height:23px;  }



.main_top .adress_info {padding:30px 20px; overflow:hidden; background:#444 url(../images/main/adress_info_bg.png) 20px 50% no-repeat;;}
.main_top .adress_info dl {margin-left:70px; padding-top:12px;}
.main_top .adress_info dt {color:#fff; font-size:18px; font-weight:600;}
.main_top .adress_info dd {color:#fff; margin-top:4px; font-size:11px;}


/*홍보갤러리*/
.main_top .gallery {position:relative; float:left; width:590px; height:350px; overflow:hidden; background:#fff; margin-left:24px;}
.main_top .gallery .tit {text-align:center; font-size:20px; color:#000; line-height:80px;}
.main_top .gallery .list {position:relative; overflow:hidden;}
.main_top .gallery .list img {float:left;}
.main_top .gallery .txt {position:absolute; left:0; bottom:23px; width:100%; text-align:center; z-index:999999999 !important;;}
.main_top .gallery .txt span {font-size:17px; background:#dcc995; border-radius:36px; color:#000; padding:7px 40px; box-shadow:2px 0 3px rgba(0,0,0,0.5); opacity:0.95;}

.main_top .gallery .control {position:absolute; top:180px; width:100%; text-align:center; z-index:9999999 !important; text-indent:-9999px;;}
.main_top .gallery .control a {float:left; width:29px; height:51px; background:url(../images/main/gallery_btn.png) left top no-repeat; margin-left:20px}
.main_top .gallery .control a#gallery_next {float:right;background-position:right top; margin-right:20px;}


/*메인 바로가기*/
.main_qucik {float:right;  width:240px; height:350px; padding:0 20px; overflow:hidden; background:#fff;}
.main_qucik li {position:relative; border-top:1px solid #eee;}
.main_qucik li a {display:block; padding:35px 0 25px; height:56px;}
.main_qucik li:first-child {border-top:none;}
.main_qucik .ic {position:absolute; left:0; top:34px; width:60px; text-align:center;}
.main_qucik .txt {margin-left:70px;}
.main_qucik .txt b {display:block; color:#7f5f2c; font-size:18px; font-weight:800;}
.main_qucik .txt {color:#888;}
.main_qucik li:hover .txt {color:#000;}





.main_funeral {padding:80px 0px; background:url(../images/main/main_funeral_bg.png) right bottom no-repeat;;}
.main_funeral .title{text-align:center; font-size:30px; color:#000;}
.main_funeral .title span{display:block; font-size:16px; color:#888; margin-top:5px;}
.main_funeral ul {overflow:hidden; margin-top:30px;}
.main_funeral ul li{float:left; width:285px; margin-right:20px; background:#fff;}

.main_funeral ul li:nth-child(4n),
.main_funeral ul li:nth-child(8n),
.main_funeral ul li:nth-child(12n),
.main_funeral ul li:nth-child(16n),
.main_funeral ul li:nth-child(20n) {margin-right:0px;}
.main_funeral ul li.last{margin-right:0px;}
.main_funeral ul li .box {border:1px #7f5f2c solid; padding:20px;}
.main_funeral ul li .box .subject {font-size:16px;}
.main_funeral ul li .box .subject strong{font-size:20px; color:#000;}
.main_funeral ul li .box .subject .room {display:inline-block; margin-left:20px;}
.main_funeral ul li .box .col_box  {margin-top:20px;}
.main_funeral ul li .box .col_box .col {margin-bottom:10px; padding-left:80px; position:relative; line-height:25px; font-size:15px;}
.main_funeral ul li .box .col_box .col .s_title {position:absolute; left:0px; top:0px; border:1px #7f5f2c solid; color:#7f5f2c; width:60px; text-align:center; font-size:13px;}
.main_funeral ul li .box .col_box .col .s_text {overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis;}
.main_funeral ul li .detail {background:#7f5f2c; padding:20px 0px; text-align:center; }
.main_funeral ul li .detail a{color:#fff; background:url(../images/main/main_funeral_detail_more.png) right 50% no-repeat; padding-right:30px;}

.main_funeral .main_main_funeral {text-align:center;margin-top:20px; display:none;}
.main_funeral .main_main_funeral span{display:inline-block; vertical-align:top; text-indent:-9999px; cursor:pointer; width:12px; height:12px; margin:0 2px; border-radius:12px; background:#ddd; }
.main_funeral .main_main_funeral .cycle-pager-active{background:#7f5f2c;}



.main_funeral .control {width:100%; position:absolute; left:0px; top:200px; z-index:999999 !important;}
.main_funeral .control a{float:left; margin:0px -60px; width:20px; height:35px; background:url(../images/main/product_btn.png) left top no-repeat; text-indent:-9999px;}
.main_funeral .control a#main_funeral_next{float:right; background-position:right top;}





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




	.main_visual { width:100%; height:200px; min-width:auto; padding-top:115px;}
	.main_visual ul {height:200px; }
	.main_visual li { width:100%; height:200px; background-size:cover;}



	.main_visual .main_visual_text .text {position:relative; padding-left:0px; padding-top:60px;  text-align:center;}
	.main_visual .main_visual_text .t1 {font-size:30px;line-height:30px; }
	.main_visual .main_visual_text .t2 {font-size:13px; padding-top:10px; line-height:16px; }


	.main_videos {position:relative; width:100%; right:0px; top:0px;  z-index:6;}
	.main_videos .default_layout {text-align:center;}
	.main_videos .box {border:0px; padding:0px; display:block;}
	.main_videos .box iframe {width:100% !important; height:auto !important; }


	
	.main_quick_center { margin-top:0px;}
	.main_quick_center .col_box { display:block; overflow:hidden;}
	.main_quick_center .col_box .col {display:block;padding:0px;line-height:60px; float:left; width:50%;  font-size:20px;}
	.main_quick_center .col_box .col a{color:#fff; padding:15px; display:block; min-height:60px;}
	.main_quick_center .col_box .col.tell {width:100%;}



	.main_funeral {padding:40px 20px; overflow:hidden;}
	.main_funeral .control { position:relative; left:0px; top:0px;margin-top:20px; text-align:center;}
	.main_funeral .control a{float:none; display:inline-block; margin:0px; width:40px; height:40px; line-height:40px; background:#444; text-indent:0px; color:#fff; }
	.main_funeral .control a#main_funeral_next{float:none; background-position:right top;}



	.main_info_box .col {float:none;}
	.main_info_box .col.left {width:auto; border:1px #ddd solid; height:200px;}
	.main_info_box .col.right {float:none; width:auto; border:1px #ddd solid; height:200px;}




	/******************메인상단******************/
	.main_top {padding:10px 0;}


	/*안내 및 문의*/
	.main_top .main_info {float:none; width:auto; }




	/*홍보갤러리*/
	.main_top .gallery {float:none; width:auto; height:350px;  margin-left:0px; margin-top:10px;}


	/*메인 바로가기*/
	.main_qucik {float:none;  width:auto; margin-top:10px;}


	
	.main_funeral ul {overflow:hidden; margin-top:30px;}
	.main_funeral ul li{float:none; width:auto; margin:0px 0px 10px !important;}





}