@charset "utf-8";
@import url('content.css');
@import url('nanumSquare.css');

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table,h1,h2,h3,h4,h5{font-family:'NanumSquare' , MalgunGothic ,'맑은고딕', NanumGothic, '나눔고딕', AppleSDGothicNeo-Light, HelveticaNeue-Light,sans-serif;font-size:16px;}
body{position:relative; color:#262a21;-webkit-text-size-adjust:none; }
table{border-collapse:collapse}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{color:inherit;text-decoration:none;  }
img{vertical-align:top}
legend {display: none;}
iframe {border:0; z-index:9} 
.hid {visibility:hidden;overflow:hidden;width:0;height:0;background-color:transparent;font-size:0;line-height:0;text-indent: -9999em;}

.ints {border:1px solid #dadada; padding:8px 10px; background:#fff;}
.chd {border:1px solid #dadada; width:20px; height:20px; background:#e8e8e8;}

/* top navi */
.topnavi {width:1425px; margin:0 auto; padding:15px 0 0 0; height:68px; display:table; }
.topnavi h1 {display:inline-block; float:left;}
.topnavi .tnavi {display:table; float:left; margin:27px 0 0 130px;}
.topnavi .tnavi li {float:left; margin-left:50px; position:relative; height:41px;}
.topnavi .tnavi li a {color:#000;2d2d2d; font-size:18px;}
.topnavi .tnavi li a:hover {font-weight:700;}
.topnavi .tnavi li .sub2_m {display:table; position:absolute; left:-50px; top:41px; width:200px; background:url(/img/w_img/tbg.png) repeat 0 0; display:none;}
.topnavi .tnavi li .sub2_m li {float:left; width:100%; margin-left:0; padding:0; text-align:center; border-bottom:1px solid #fff;}
.topnavi .tnavi li .sub2_m li:last-child {border-bottom:0;} 
.topnavi .tnavi li .sub2_m li a {}
.topnavi .gnb {display:table; float:right; margin-top:15px; }
.topnavi .gnb li {float:left; }
.topnavi .gnb li:first-child {background:url(/img/w_img/gnb_bar.gif) no-repeat right 10px; padding:10px 14px 0 0;} 
.topnavi .gnb li:nth-child(2) {padding:10px 24px 0 13px;}
/*.topnavi .gnb li:nth-child(3) {padding:10px 14px 0 10px;}*/
.topnavi .gnb li.loout { padding:10px 14px 0 10px;}
.topnavi .gnb li a {color:#000; font-size:14px;}
.topnavi .gnb li a:hover {font-weight:700;}
.topnavi .gnb li a.on {font-weight:700;}

/* 메인 비주얼 */
.main_vis {position:relative;}
.main_vis img {max-width:100%;}
.main_vis .bx-prev {position:absolute; left:40px; top:290px; display:inline-block; background:url(/img/w_img/m_arr_pre.png) no-repeat 0 0; width:68px; height:117px; text-indent:-9999px;}
.main_vis .bx-next {position:absolute; right:40px; top:290px;display:inline-block; background:url(/img/w_img/m_arr_next.png) no-repeat 0 0; width:68px; height:117px; text-indent:-9999px;}
.main_vis .m_dot {position:absolute; left:0; bottom:30px; display:block; width:100%; text-align:center; }
.main_vis .m_dot .md_on {display:inline-block; background:url(/img/w_img/mb_dot_on.png) no-repeat 0 0; width:22px; height:22px; margin:0 5px;}
.main_vis .m_dot .md_off {display:inline-block; background:url(/img/w_img/mb_dot_off.png) no-repeat 0 0; width:22px; height:22px; margin:0 5px;}
.main_vis li {position:relative;  width:100%; }
.main_vis li .m0 {background: url(/img/w_img/mvis1_bg.jpg) no-repeat 0 0; /* 배경 이미지로 대체 가능 */
  background-size: cover;
  z-index: -100;}
.main_vis li .txt1 {display:block; width:100%; text-align:center; position:absolute; left:0; top:50px; z-index:995; }
.main_vis li .txt1 img {width:639px; height:192px; margin:0 auto;}
.main_vis li .txt2 {display:block; width:100%; text-align:center; position:absolute; left:0; top:280px; z-index:995; }
.main_vis li .txt2 img {margin:0 auto;}
.main_vis li .mbg {}

.bxslider li {height:679px; }
.bxslider li  img {height:679px;}

.loc {width:1300px; margin:0 auto; padding:20px 0 0 0;}

/* 추모공원 소개 */
.cc_tit { width:100%; display:table; text-align:center; padding:40px 0 35px 0;}
.cc_tit span {display:inline-block; border-bottom:2px solid #5d5f5f; padding-bottom:9px; color:#262a21; font-size:24px;}
.msec1 {background:url(/img/w_img/mbg_c1.jpg) no-repeat center 0; width:100%; padding-bottom:0; }
.msec1 .mc1_w {width:1300px; height:306px; margin:50px auto 0 auto;  display:table;  position:relative;}
.msec1 .mc1_w .m1_t1 { position:absolute; left:30px; top:0;}
.msec1 .mc1_w .m1_t2 {display:inline-block;  width:650px; color:#3b3b3b; font-size:18px; line-height:1.5; position:absolute; left:650px; top:0;}
.msec1 .mc1_w .m1_t3 { position:absolute; left:650px; top:170px;}

/* 분양상품 소개 */
.msec2 {background:url(/img/w_img/mbg_c2.jpg) no-repeat center 0; width:100%; padding-bottom:10px;}
.msec2 .msec2_w {width:1300px; margin:0 auto 0 auto;  display:table; }
.msec2 .msec2_w .minfo_list {display:table; margin-bottom:40px;}
.msec2 .msec2_w .minfo_list li {float:left; margin-right:50px;}
.msec2 .msec2_w .minfo_list li:nth-child(3) {margin-right:0;}
.msec2 .msec2_w .minfo_list li:nth-child(4) {margin-right:30px; margin-top:55px;}
.msec2 .msec2_w .minfo_list li:nth-child(5) {margin-right:0; margin-top:55px;}
.msec2 .msec2_w .minfo_list .ban1 {display:inline-block; background:url(/img/w_img/m_cban1.gif) no-repeat 0 0; width:397px; height:239px;}
.msec2 .msec2_w .minfo_list a:hover span.ban1 { background:url(/img/w_img/m_cban1_on.gif) no-repeat 0 0;}
.msec2 .msec2_w .minfo_list .ban2 {display:inline-block; background:url(/img/w_img/m_cban2.gif) no-repeat 0 0; width:397px; height:239px;}
.msec2 .msec2_w .minfo_list a:hover span.ban2 {background:url(/img/w_img/m_cban2_on.gif) no-repeat 0 0;}
.msec2 .msec2_w .minfo_list .ban3 {display:inline-block; background:url(/img/w_img/m_cban3.gif) no-repeat 0 0; width:397px; height:239px;}
.msec2 .msec2_w .minfo_list a:hover span.ban3 {background:url(/img/w_img/m_cban3_on.gif) no-repeat 0 0;}
.msec2 .msec2_w .minfo_list_20250401 {}
.msec2 .msec2_w .minfo_list_20250401 li {margin-right:27px;}
.msec2 .msec2_w .minfo_list_20250401 li:nth-child(3) {margin-right:27px;}
.msec2 .msec2_w .minfo_list_20250401 li:nth-child(4) {margin-right:0; margin-top:0;}
.msec2 .msec2_w .minfo_list_20250401 li:nth-child(5) {margin-right:30px; margin-top:55px;}
.msec2 .msec2_w .minfo_list_20250401 li:nth-child(6) {margin-right:0; margin-top:55px;}
.msec2 .msec2_w .minfo_list_20250401 .ban1 {display:inline-block; background:url(/img/w_img/m_cban1_20250401.gif) no-repeat 0 0; width:301px; height:240px;}
.msec2 .msec2_w .minfo_list_20250401 a:hover span.ban1 { background:url(/img/w_img/m_cban1_20250401_on.gif) no-repeat 0 0;}
.msec2 .msec2_w .minfo_list_20250401 .ban2 {display:inline-block; background:url(/img/w_img/m_cban2_20250401.gif) no-repeat 0 0; width:301px; height:240px;}
.msec2 .msec2_w .minfo_list_20250401 a:hover span.ban2 {background:url(/img/w_img/m_cban2_20250401_on.gif) no-repeat 0 0;}
.msec2 .msec2_w .minfo_list_20250401 .ban3 {display:inline-block; background:url(/img/w_img/m_cban3_20250401.gif) no-repeat 0 0; width:301px; height:240px;}
.msec2 .msec2_w .minfo_list_20250401 a:hover span.ban3 {background:url(/img/w_img/m_cban3_20250401_on.gif) no-repeat 0 0;}
.msec2 .msec2_w .minfo_list_20250401 .ban4 {display:inline-block; background:url(/img/w_img/m_cban6_20250401.gif) no-repeat 0 0; width:301px; height:240px;}
.msec2 .msec2_w .minfo_list_20250401 a:hover span.ban4 {background:url(/img/w_img/m_cban6_20250401_on.gif) no-repeat 0 0;}

/* 묘원갤러리 */
.m_gal {width:1300px; margin:0 auto 0 auto;  display:table; position:relative;}
.m_gal ul {display:table;}
.m_gal ul li {float:left; width:1300px; height:350px; position:relative;}
.m_gal ul li .mg1 {display:inline-block; position:absolute; left:0; top:0;}
.m_gal ul li .mg2 {display:inline-block; position:absolute; left:437px; top:0;}
.m_gal ul li .mg3 {display:inline-block; position:absolute; left:437px; top:212px;}
.m_gal ul li .mg4 {display:inline-block; position:absolute; left:651px; top:0;}
.m_gal ul li .mg5 {display:inline-block; position:absolute; right:0; top:0;}
/*.m_gal .mg_pre {position:absolute; left:0px; top:170px; display:inline-block; background:url(/img/w_img/bgal_pre.png) no-repeat 0 0; width:66px; height:66px; text-indent:-9999px;}
.m_gal .mg_next {position:absolute; right:0px; top:170px; display:inline-block; background:url(/img/w_img/bgal_next.png) no-repeat 0 0; width:66px; height:66px; text-indent:-9999px;}*/
.m_gal .bx-prev {position:absolute; left:0px; top:110px; display:inline-block; background:url(/img/w_img/bgal_pre.png) no-repeat 0 0; width:66px; height:66px; text-indent:-9999px;}
.m_gal .bx-next {position:absolute; right:0px; top:110px; display:inline-block; background:url(/img/w_img/bgal_next.png) no-repeat 0 0; width:66px; height:66px; text-indent:-9999px;}

/* 오시는길 */
.m_map {width:1300px; margin:0 auto 30px auto; position:relative;}
.m_map .mm_more {display:inline-block; position:absolute; left:0; top:0;}

/* 소식 */
.m_notice {width:1300px; margin:30px auto 0 auto;}
.m_notice ul {display:table;}
.m_notice ul li {width:370px; float:left; margin-left:90px;}
.m_notice ul li:first-child {margin-left:0;}
.m_notice ul li .n_tit {display:block; width:100%; color:#666666;  font-size:18px;}
.m_notice ul li .n_txt {display:block; width:100%; margin-top:20px; color:#666666;  font-size:15px;}
.m_notice ul li .n_more {display:block; width:100%; margin-top:37px; color:#262a21; font-size:16px; padding-top:28px; text-align:center; border-top:1px solid #cecece;}


.bounce-up .subject {
  opacity: 0;
  -moz-transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  -moz-transform: translate(0px, 200px);
  -webkit-transform: translate(0px, 200px);
  -o-transform: translate(0px, 200px);
  -ms-transform: translate(0px, 200px);
  transform: translate(0px, 200);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}


.bounce-up .subject2 {
  opacity: 0;
  -moz-transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  -moz-transform: translate(0px, 400px);
  -webkit-transform: translate(0px, 400px);
  -o-transform: translate(0px, 400px);
  -ms-transform: translate(0px, 400px);
  transform: translate(0px, 400,);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bounce-up .subject3 {
  opacity: 0;
  -moz-transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  transition: all 1s ease-out;
  -moz-transform: translate(0px, 600px);
  -webkit-transform: translate(0px, 600px);
  -o-transform: translate(0px,600px);
  -ms-transform: translate(0px, 600px);
  transform: translate(0px, 600,);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.bounce-up.in-view .subject, .bounce-up.in-view .subject2, .bounce-up.in-view .subject3 {
  opacity: 1;
  -moz-transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px, 0px); 
}


.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate(-100px, 0px);
  -webkit-transform: translate(-100px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.animation-element.slide-right{
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate(100px, 0px);
  -webkit-transform: translate(100px, 0px);
  -o-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate(100px, 0px, 0px);
}

.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

/* [Common] - Top Button */
.button_top {
  position:fixed;
  right:5px;
  bottom:25px;
  z-index:10;
  opacity:0;
  visibility:hidden;
  transition:all 0.4s;
}
.button_top_active {
  opacity:1;
  visibility:visible;
}
.button_top {
right:calc(50% - 776px);
bottom:200px;
}

/* [COMMON] - Layer Default */
.layer_default {
  display:none;
  position:fixed;
  left:50% !important;
  top:50% !important;
  width:480px;
  padding:0;
background:#4e4c4b;
  z-index:1000;
  transform:translate(-50%, -50%);
}
.layer_default_in {
padding:0 56px;
}
.layer_default_in_border {
padding:0;
border:3px solid #96765c;
  background:#fff;
}
.layer_default .layer_title {
  padding:15px 0;
  font-weight:700;
  font-size:15px;
  color:#fff;
  text-align:center;
  background:#96765c;
}
.layer_default .layer_explain {
  padding:60px 0 68px;
}
.layer_default .layer_explain_scroll {
overflow:auto;
height:418px;
padding:10px 20px;
}
.layer_default .layer_explain h3,
.layer_default .layer_explain h4,
.layer_default .layer_explain p,
.layer_default .layer_explain ul {
  margin:10px 0;
  font-weight:500;
}
.layer_default .layer_explain h3,
.layer_default .layer_explain h4 {
  margin:15px 0;
  font-weight:600;
}
.layer_default .layer_explain ul li {
  margin:3px 0;
  padding-left:10px;
  font-weight:500;
  text-indent:-10px;
}
.layer_default .layer_explain ul li p,
.layer_default .layer_explain ul li ul li {
  padding-left:0;
  text-indent:0;
}
.layer_default .btn_close {
  position:absolute;
  top:10px;
  right:10px;
}
.layer_default .btn_close a {
  display:block;
  width:30px;
  height:30px;
  text-indent:-9999px;
}
.layer_default .btn_close a:before,
.layer_default .btn_close a:after {
  content:"";
  position:absolute;
  left:14px;
  top:1px;
  width:1px;
  height:26px;
  background:#fff;
}
.layer_default .btn_close a:before {
  transform:rotate(45deg);
}
.layer_default .btn_close a:after {
  transform:rotate(-45deg);
}
.layer_default .layer_complete {
display:none;
position:absolute;
left:50%;
top:50%;
width:250px;
height:200px;
padding-top:75px;
font-weight:500;
font-size:18px;
line-height:21px;
color:#fff;
text-align:center;
background:#96765c;
transform:translate(-50%, -50%);
box-sizing:border-box;
}
.layer_default .layer_complete a {
position:absolute;
right:5px;
top:5px;
width:30px;
  height:30px;
text-indent:-9999px;
}
.layer_default .layer_complete a:before,
.layer_default .layer_complete a:after {
content:"";
  position:absolute;
  left:14px;
  top:6px;
  width:1px;
  height:18px;
  background:#d2c4b9;
}
.layer_default .layer_complete a:before {
transform:rotate(45deg);
}
.layer_default .layer_complete a:after {
transform:rotate(-45deg);
}
.layer_default_contact {
width:514px;
}
.contact_input_form h3 {
margin:0;
  font-weight:700;
  font-size:31px;
  color:#c39c7d;
  text-align:center;
/*text-decoration:underline;*/
}
.contact_input_form h3 span {
display:inline-block;
position:relative;
}
.contact_input_form h3 span:after {
content:"";
position:absolute;
left:0;
bottom:0;
width:100%;
height:2px;
background:#c39c7d;
}
.contact_input_form .input_form {
  margin-top:50px;
}
.contact_input_form .input_form .input label {
  display:block;
  margin:16px 0 8px;
  font-size:16px;
  color:#fff;
}
.contact_input_form .input_form .input .input_text {
  width:100%;
  height:42px;
  padding-left:14px;
  font-size:16px;
  color:#4e4c4b;
  border:none;
  background:#fff;
box-sizing:border-box;
}
.contact_input_form .input_form .input .input_text::placeholder,
.contact_input_form .input_form .input .textarea::placeholder {
  color:#4e4c4b;
}
.contact_input_form .input_form .agree {
  position:relative;
  margin-top:37px;
  padding:1px 0;
}
.contact_input_form .input_form .agree .input_check {
  margin-right:3px;
}
.contact_input_form .input_form .agree label {
  font-size:15px;
  color:#ffffff;
  vertical-align:middle;
}
.contact_input_form .input_form .agree button {
  position:absolute;
  right:0;
  top:2px;
  width:52px;
  height:23px;
  padding-top:2px;
  font-size:15px;
  color:#fff;
  text-align:center;
border:none;
  background:#96765c;
}
.contact_input_form .input_form .button {
  margin-top:33px;
}
.contact_input_form .input_form .button button {
  width:100%;
  height:54px;
  padding:0;
  font-size:24px;
  color:#ffffff;
  text-align:center;
border:none;
  background:#96765c;
}

/* 하단 사이트맵 */
.f_map {background:#f3f3f3; width:100%; margin-top:70px; padding:40px 0 30px 0;}
.f_map .f_map_w {width:1300px; margin:0 auto; position:relative; }
.f_map .f_map_w .f_map_list {width:1300px; display:table; }
.f_map .f_map_w .f_map_list li {float:left; width:185px;}
.f_map .f_map_w .f_map_list li a {display:block; color:#7d7d7d; line-height:1.7; font-size:14px; font-weight:700;}
.f_map .f_map_w .f_map_list li a.fm_tit {color:#181818; font-size:16px; padding-bottom:20px;}
.f_map .f_map_w .f_map_list li a.fm_d2 {padding-left:15px;}
.f_map .f_map_w .btn_top {display:inline-block; position:fixed; right: 35px; bottom: 35px;}

/* footer */
.footer {background:#2d2d2d; padding:28px 0 50px 0;}
.footer .footer_w {width:1300px; margin:0 auto; display:table;}
.footer .footer_w .f_logo {display:inline-block; float:left;}
.footer .footer_w .f_copy {display:inline-block; float:left; color:#7d7d7d; font-size:13px; margin:17px 0 0 100px;}
.footer .footer_w .f_etc {display:inline-block; float:left; color:#7d7d7d; font-size:13px;  margin-left:280px;}
.footer .footer_w .f_etc a {color:#7d7d7d; }
.footer .footer_w .f_award {display:inline-block; margin:17px 0 0 320px;}