@charset "utf-8";

#content { font-weight:300; padding: 15px 3%; margin-bottom: 30px;}
#content img {max-width: 100%;min-width: 100%; }
h3 {clear:both;margin:45px 0 5px 0;padding:0 0 0 20px;font-size:19px;font-weight:500;text-align:left;color: #000;background: url("/layout/images/www/sub/h3_bl.png") no-repeat left 5px;line-height:26px;min-height:25px;}
h3.c0 {margin-top:0;}
.img_box01 h3 {clear:both;margin:5px 0 0px 0;padding: 0 0 5px;font-size:23px;font-weight:400;text-align:left;color: #ca4942;background:none;line-height:26px;min-height:25px;}
h3.bgno { padding:0; background:none;}
h4.bgno { padding:0; background:none;}
h4 {clear:both; margin:20px 0 0 0; padding:0;  font-size:17px;  text-align:left; color:#b2111b; letter-spacing:-0.3px; font-weight:500; }
h5 { clear:both; margin-top:20px;font-size:15px; color:#2c2c2c; font-weight:500; background:url("/layout/images/www/sub/h5_bl.png") no-repeat left 7px; padding:0 0 0 14px;}
h6 { clear:both; margin:5px 0;font-size:15px; color:#434343; background:url("/layout/images/www/main/btn_bg1.gif") no-repeat left 9px; padding-left:7px; }

/*이미지확대*/
span.mobile_img_zoom {
    display: block;
    background: #fafafa;
    border: 1px solid #e4e4e4;
    text-align: center;
    font-size: 12px;
    padding: 3px 0;
    margin-bottom: 5px;
	position: relative;
}

/*폰트사이즈*/
.siz13 { font-size:13px;}
.siz14 { font-size:14px;}
.siz15 { font-size:15px;}
.siz16 { font-size:16px;}
.siz17 { font-size:17px;}
.siz18 { font-size:18px;}
.siz19 { font-size:19px;}
.siz20 { font-size:20px; line-height:29px; letter-spacing:-1px;}
.siz21 { font-size:21px; line-height:29px; letter-spacing:-1px;}
.siz22 { font-size:22px; line-height:29px; letter-spacing:-1px;}
.siz23 { font-size:23px; line-height:29px; letter-spacing:-1px;}
.siz24 { font-size:24px; line-height:29px; letter-spacing:-1px;}
.siz25 { font-size:25px; line-height:29px; letter-spacing:-1px;}
.siz26 { font-size:26px; line-height:29px; letter-spacing:-1px;}
.siz27 { font-size:27px; line-height:30px; letter-spacing:-1px;}
.siz28 { font-size:28px; line-height:32px; letter-spacing:-1px;}
.siz29 { font-size:24px; line-height:34px; letter-spacing:-1px;} /*관별소개*/
.siz30 { font-size:30px; line-height:34px; letter-spacing:-1px;}
.siz31 { font-size:31px; line-height:34px; letter-spacing:-1px;}
.siz32 { font-size:32px; line-height:35px; letter-spacing:-1px;}
.siz33 { font-size:33px; line-height:35px; letter-spacing:-1px;}
.siz34 { font-size:34px; line-height:36px; letter-spacing:-1px;}
.siz35 { font-size:35px; line-height:36px; letter-spacing:-1px;}

/*빅폰트사이즈*/
body .big_font { font-size:18px;}
.big_font h3 { font-size:23px; line-height:28px;}
.big_font h4 { font-size:20px;}
.big_font h5 { font-size:18px;}

.big_font .siz13 { font-size:15px;}
.big_font .siz14 { font-size:16px;}
.big_font .siz15 { font-size:17px;}
.big_font .siz16 { font-size:18px;}
.big_font .siz17 { font-size:19px;}
.big_font .siz18 { font-size:20px;}
.big_font .siz19 { font-size:21px;}
.big_font .siz20 { font-size:22px; line-height:31px; letter-spacing:-1px;}
.big_font .siz21 { font-size:23px; line-height:31px; letter-spacing:-1px;}
.big_font .siz22 { font-size:24px; line-height:31px; letter-spacing:-1px;}
.big_font .siz23 { font-size:25px; line-height:31px; letter-spacing:-1px;}
.big_font .siz24 { font-size:26px; line-height:31px; letter-spacing:-1px;}
.big_font .siz25 { font-size:27px; line-height:31px; letter-spacing:-1px;}
.big_font .siz26 { font-size:28px; line-height:31px; letter-spacing:-1px;}
.big_font .siz27 { font-size:29px; line-height:33px; letter-spacing:-1px;}
.big_font .siz28 { font-size:30px; line-height:33px; letter-spacing:-1px;}
.big_font .siz29 { font-size:31px; line-height:36px; letter-spacing:-1px;}
.big_font .siz30 { font-size:32px; line-height:36px; letter-spacing:-1px;}
.big_font .siz31 { font-size:33px; line-height:36px; letter-spacing:-1px;}
.big_font .siz32 { font-size:34px; line-height:37px; letter-spacing:-1px;}
.big_font .siz33 { font-size:35px; line-height:37px; letter-spacing:-1px;}
.big_font .siz34 { font-size:36px; line-height:38px; letter-spacing:-1px;}
.big_font .siz35 { font-size:37px; line-height:38px; letter-spacing:-1px;}

/*폰트컬러*/
.c_or { color:#f04e30;} /*주황색*/
.c_bu { color:#093255;} /*남색*/
.c_gr { color:#067c28;} /*초록색*/
.c_bl { color:#131313;} /*검정*/
.c_red { color:#d70d11;} /*빨강*/
.fw4 { font-weight:400;} /*font-weight*/
.fw5 { font-weight:500;} /*font-weight*/


/* UL, OL, DL */
* html ul li {height:1%; }

ul.basic { margin-left:2px; margin-top:10px;}
ul.basic li {margin-bottom:4px;}
ul.basic > li {padding:0 0 0 12px; background:url("/layout/images/www/sub/ulli_bl.gif") no-repeat left 9px; }

ul.basic ul {margin-top:10px;}
ul.basic ul li {padding:0 0 0 12px; background:url("/layout/images/www/sub/ulli_bl.gif") no-repeat left 7px;  text-align:justify; margin:3px 0 0; line-height:130%;}

ul.basic ul {margin-top:5px; margin-bottom:10px;}
ul.basic ul > li ul li {padding:0 0 0 12px; background:url("/layout/images/www/sub/ulli_bl.gif") no-repeat left 8px;  text-align:justify; margin:3px 0 0; line-height:130%;}

ol.basic { margin-top:25px;}
ol.basic li {margin-bottom:4px;}
ol.basic > li {padding: 0 0 10px 2px;margin: 15px 0 10px 20px;text-align:justify;list-style-type:decimal;border-bottom:1px dashed #c9c9c9;}

ol.basic ul {margin-top:25px;}
ol.basic ul > li {padding:0 0 0 8px; background:url("/layout/images/www/sub/ulli_bl.gif") no-repeat left 7px;  text-align:justify; margin:3px 0 0; line-height:130%;}

ol.basic ul {margin-top:20px;margin-bottom: 20px;}
ol.basic ul > li ul li {padding:0 0 0 8px; background:url("/layout/images/www/sub/ulli_bl.gif") no-repeat left 10px;  text-align:justify; margin:3px 0 0; line-height:130%;}


p.basic { clear:both; text-align:justify; padding:12px 0; margin: 0; line-height:24px;}
p.line { clear:both; text-align:justify;  margin:12px 0 0 2px; padding:0 0 7px 12px; background:url("/layout/images/www/sub/ulli_bl.gif") no-repeat left 8px; border-bottom:1px dashed #c9c9c9;}


/*박스스타일*/
.bor_box1 {clear:both;padding:5px 5px;margin:25px 0 30px 0;color:#323232;position:relative;border:1px solid #e4e4e4;background:none;}
.bor_box1 .inbox {padding: 15px 10px;} 
.bor_box1 .inbox span.title {font-size: 21px; color:#b2111b;padding-left:0px;}
.bor_box1 .inbox p, .bor_box1 .inbox ul  {padding-left:0px;}
.bor_box1 .inbox ul {margin-top:0;}
.bor_box1 span.ico {display:none;}
.bor_box1 .align_right {text-align:left !important;}

.bor_box2 {border:1px dashed #d8d8d8;margin-top:8px;padding: 5px 7px 12px 7px;margin-bottom:10px;background-color:#f9f9f9;}
.bor_box2 .basic { margin-top:11px; }
.bor_box2 ul.basic li {line-height:20px;background-position:left 9px;padding: 0 0 0 9px;}
.bor_box2 ol.basic {padding-left:0; padding-right:10px;}

.bor_box3 { border:1px dashed #d8d8d8; margin-top:13px; padding:3px 17px 15px 18px; margin-bottom:10px; }
.bor_box3 .basic { margin-top:11px;}
.bor_box3 ul.basic li {line-height:20px; background-position:left 9px; padding:0 0 0 12px;}

/*기본버튼*/
#content a.btst { text-align:center; padding:9px 40px; color:#fff; display:inline-block; position:relative; transition: background-color .2s; webkit-transition:-webkit-transform background-color .2s; -moz-transition:-moz-transform background-color .2s; font-size:15px;}

#content a.btn1 {background-color: #0b3164;text-transform:uppercase;}
.btn1 span { position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out;}
.btn1:hover span { color:#fff;}
.btn1 .btn1hover1 { position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#3dbad3;   transform:scale(1,0); -webkit-transform:scale(1,0); -moz-transform:scale(1,0); -ms-transform:scale(1,0); transform-origin:center top; -webkit-transform-origin:center top; -moz-transform-origin:center top; -ms-transform-origin:center top; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out;}
.btn1:hover .btn1hover1 { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}

#content a.btn2 {border: 1px solid #0b3164;background-color:#fff;color: #0b3164;text-transform:uppercase;padding:8px 40px;}
.btn2 span { position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out;}
.btn2:hover span { color:#fff;}
.btn2 .btn2hover2 { position:absolute; top:0; left:0; display:block; width:100%; height:100%; background:#2e5eb2; border-right:1px solid #3e635c; transform:scale(1,0); -webkit-transform:scale(1,0); -moz-transform:scale(1,0); -ms-transform:scale(1,0); transform-origin:center top; -webkit-transform-origin:center top; -moz-transform-origin:center top; -ms-transform-origin:center top; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out;}
.btn2:hover .btn2hover2 { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1);}

#content a.btn3 {background-color: #b53940;}
#content a.btn3:hover { background-color:#2c2c2c;}


/*이미지정렬*/
ul.img_col2 { margin:20px 0 20px; width: 100%; display:inline-block;} /* 이미지 2개*/
ul.img_col2 li {display: inline-block; text-align: center; width: 49%; max-width:535px; float:left; }
ul.img_col2 li img { width:100%; height:auto; max-width:428px;}
ul.img_col2 li:first-child {margin-right: 2%;}

ul.img_col3 { margin:20px 0 20px; width: 100%; display:inline-block;} /* 이미지 3개*/
ul.img_col3 li {display: inline-block; text-align: center; width: 31.5%; margin-right:2.75%; float:left; }
ul.img_col3 li img { width:100%; height:auto; max-width:275px;}
ul.img_col3 li:last-child {margin-right:0;}

ul.img_col2 li { position:relative;}
ul.img_col2 li span.photo_name1 { display:block; width:100%; background: url("/dong/images/contents/op70.png") repeat 0 0; text-align:center; position:absolute; bottom:0px; height:45px; line-height:45px; color:#fff;}

ul.img_col3 li { position:relative;}
ul.img_col3 li span.photo_name1 { display:block; width:100%; background: url("/dong/images/contents/op70.png") repeat 0 0; text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}



/*좌우 이미지-텍스트 
----------------------------------------*/
.img_txt {clear:both; width:100%; display:inline-block;   margin-top: 70px;}
/*30%/70%*/
.img_txt .left30 { width:30%; float:left;}
.img_txt .right70 { float:left; width:66%; padding-left:4%;}

/*50%/50%*/
.img_txt .left50 { width:48%; float:left;}
.img_txt .right50 { float:left; width:48%; padding-left:4%;}

/*70%/30%*/
.img_txt .left70 { width:66%; float:left; padding-right:4%;}
.img_txt .right30 { float:left; width:30%; }



/*Table */
/*Table */
table.table_b {clear:both;width:100%;margin:10px 0;border-top: 2px #344555 solid;border-bottom:1px #d2d2d2 solid;border-collapse:collapse;}
table.table_b th {background:#e6e6e6;padding: 15px 0;text-align:center;border:1px #d2d2d2 solid;border-bottom: 1px solid #344555;font-weight: 400;font-size: 16px;vertical-align: middle;}
table.table_b  tbody th {background-color:  #f6f6f6;;padding: 10px 2px;text-align:center;border:1px #d2d2d2 solid;border-bottom:1px #d2d2d2 solid;font-weight: 400;font-size: 14px;vertical-align: middle;}
table.table_b td {padding:10px;text-align:center;border:1px #d2d2d2 solid;border-top:1px #d2d2d2 solid; vertical-align:middle;}

th.c_f2e1e1 {background:#c2e2f1 !important;}
td.c_e3dac5 {background:#f0f0f0 !important;}

table.table_b td ul { margin-bottom:9px; margin-top:8px;}
table.table_b td ul li {text-align:left;}

.box_basic{ padding:30px; border:1px solid #2c64ca; background-color:#eefaff; margin-top:30px;}

table.table_b tfoot td {background-color:#ececec;}
table.table_b td.btds {background-color:#4c5d78; color:#fff;}

table.table2 {clear:both;width:100%;margin:20px 0 10px 0;border-top: 2px #344555 solid;border-bottom:1px #d2d2d2 solid; border-collapse:collapse;}
table.table2 th {background-color: #f6f6f6;padding: 15px;text-align:center;border-left:1px #d2d2d2 solid;border-bottom: 1px solid #d2d2d2;font-weight: 400;font-size: 16px; vertical-align:middle;}
table.table2 td {padding:10px; text-align:center; border-left:1px #d2d2d2 solid;	border-top:1px #d2d2d2 solid; vertical-align:middle;}
table.table2 td ul {margin-top:0px;}
table.table2 th:first-child , table.table2 td:first-child {border-left:0px;}
.brn { border-right:none !important;}

/*--  th에 사이즈가 필요할시 사용 --*/
.table th.th_5 {width:5%;}
.table th.th_8 {width:8%;}
.table th.th_10 {width:10%;}
.table th.th_12 {width:12%;}
.table th.th_15 {width:15%;}
.table th.th_18 {width:18%;}
.table th.th_20 {width:20%;}
.table th.th_25 {width:25%;}
.table th.th_30 {width:30%;}
.table th.th_35 {width:35%;}
.table th.th_40 {width:40%;}
.table th.th_45 {width:45%;}
.table th.th_50 {width:50%;}

/*--  td에 사이즈가 필요할시 사용 --*/
.table td.td_5 {width:5%;}
.table td.td_10 {width:10%;}
.table td.td_20 {width:20%;}
.table td.td_30 {width:30%;}
.table td.td_40 {width:40%;}
.table td.td_50 {width:50%;}
.table td.td_60 {width:60%;}
.table td.td_70 {width:70%;}



/*인사말*/
.gre_list {background:url("/layout/images/www/contents/con_gre_03.jpg") no-repeat bottom; min-height:500px; padding:0 20px; border-top: 3px solid #3d935b;background-size: 100%;}
.gre_list .gre_box {width:60%;margin-top:50px;}
.next {display:block;}
.gre_list p { padding:20px 0 0 ;}

/*걸어온길*/

ul.history {width:100%;}
ul.history > li {margin: 10px 0px;f;/* font-size:13px; */}
ul.history > li span {display: block;width: 65px;height: 22px;background-color:#1f2678;padding:3px 3px;line-height:22px;border-radius:3px;text-align:center;margin-right: 3px;font-weight:400;font-size: 13px;color: #fff;margin-bottom: 3px;}


p.txt {margin-top:20px;}
.m_none {display:none;}
span.newin {color:#2e5eb2; font-weight:500; background:url("/layout/images/www/contents/newin.gif") no-repeat right 7px ; padding-right:7px; margin-right:5px; }


/*flicker일경우*/
.f_wrapper {
	padding:2px;	
	border-radius:10px;
	-webkit-border-radius:10px;
	width:100%;	
}
.f_wrapper .f_wrapper_inner {overflow:auto; overflow-style:marquee-line;}
.f_wrapper .touch {background:url("/layout/images/www/sub/ico_flicking.png") left top no-repeat; height:27px; background-size:contain;padding: 0 0 0 36px;line-height: 27px;display: inline-block;}
.f_scroller {display:block; height:100%; padding:4px; width:700px; background-color:#fff; text-align:left; margin-top:10px;}

/*photo 클래스일경우*/
.caption{ font-size:13px;display:block; border:1px solid #d8d8d8; background-color:#f5f7f8; margin-top:13px; padding:3px 10px 10px 10px; margin-bottom:8px;  }
.caption em{ display:block; color:#093255; font-style:normal}




/*이미지정렬*/
ul.img_col2 { margin:20px 0 20px; width: 100%; display:inline-block;} /* 이미지 2개*/
ul.img_col2 li {display: inline-block; text-align: center; width: 49%; max-width:535px; float:left; }
ul.img_col2 li img { width:100%; height:auto; max-width:428px;}
ul.img_col2 li:first-child {margin-right: 2%;}

/*시설안내*/
ul.img_col3 { margin:0; width: 100%; display:inline-block;} /* 이미지 3개*/
ul.img_col3 li {display: inline-block; text-align: center; width: 100%; margin-right:2.75%; float:left; }
ul.img_col3 li img { width:100%; height:auto; max-width:275px;}
ul.img_col3 li:last-child {margin-right:0;}

ul.img_col3 li {position: relative;}
ul.img_col3 li span.img_desc {bottom: 0; color: #fff; display: block; height: 49px;line-height: 49px; position: absolute; text-align: center; width: 100%;}
.img_box01 .img_tit { display:inline-block; color:#fff;padding: 5px 0 0; position: relative;top:-45px;background: #333;width: 100%;line-height: 40px;opacity: 0.7;}

/*이용안내 장내절차*/
ul.img_gd3 { margin:0; width: 100%; display:inline-block;} /* 이미지 3개*/
ul.img_gd3 li {display: inline-block; text-align: center; width: 47%; margin-right:2.75%; float:left;padding: 14px 0; }
ul.img_gd3 li img { width:100%; height:auto; max-width:275px;}
ul.img_gd3 li:last-child {margin-right:0;}

ul.img_gd3 li {position: relative;}
ul.img_gd3 li span.img_desc {bottom: 0; color: #fff; display: block; height: 49px;line-height: 49px; position: absolute; text-align: center; width: 100%;}
.img_box03 .img_tit { display:inline-block; color:#fff; position: relative;top:0px;background:#3d935b;width: 100%;line-height: 36px;}

/*이용안내 유골함 가격표*/
ul.img_fee3 { margin:0; width: 100%; display:inline-block;} /* 이미지 3개*/
ul.img_fee3 li {display: inline-block; text-align: center; width: 47%; margin-left:2.75%; float:left;padding: 14px 0; }
ul.img_fee3 li img { width:100%; height:auto; max-width:275px;}
ul.img_fee3 li:last-child {margin-right:0;}

ul.img_fee3 li {position: relative;}
ul.img_fee3 li span.img_desc {bottom: 0; color: #fff; display: block; height: 49px;line-height: 49px; position: absolute; text-align: center; width: 100%;}
.img_box04 .img_tit { display:inline-block; color:#fff; position: relative;top:-35px; width: 100%;line-height: 36px; font-size: 13px;}


/*공원둘러보기*/
ul.img_preview3 { margin:0; width: 100%; display:inline-block;} /* 이미지 3개*/
ul.img_preview3 li {display: inline-block; text-align: center; width: 31.5%; margin-right:2.75%; float:left; }
ul.img_preview3 li img { width:100%; height:auto; max-width:275px;}
ul.img_preview3 li:last-child {margin-right:0;}

ul.img_preview3 li {position: relative;}
ul.img_preview3 li span.img_desc {bottom: 0; color: #fff; display: block; height: 49px;line-height: 49px; position: absolute; text-align: center; width: 100%;}
.img_box05 .img_tit { display:inline-block; position: relative; width: 100%;line-height: 36px;}


ul.img_col2 li { position:relative;}
ul.img_col2 li span.photo_name1 { display:block; width:100%; background: url("/dong/images/contents/op70.png") repeat 0 0; text-align:center; position:absolute; bottom:0px; height:45px; line-height:45px; color:#fff;}

ul.img_col3 li { position:relative;}
ul.img_col3 li span.photo_name1 { display:block; width:100%; background: url("/dong/images/contents/op70.png") repeat 0 0; text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}


/*사이버추모*/
.memorial_wrap {background: url("/layout/images/www/main/bg.jpg") repeat; padding-bottom: 50px;}
.memorial_wrap .tit { text-align:center; width:85%; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:30px; height:50px;margin: 0 auto; }
.memorial_wrap .tit span { display:block; font-size:12px; color:#CCC; padding-top:7px;}

.memorial_top { padding:2%;background: url("/layout/images/www/contents/memorial/mobile_bg01.gif") repeat top center; }
.memorial_top .box_l { width:100%; height:280px; }
.memorial_top .box_l .person { margin:105px auto;width:320px;}
.memorial_top .box_l .person img{width:320px; min-width: 160px!important;  }
/*.memorial_top .box_l .photoCover {position:relative; top:-215px; text-align: center;}*/
.memorial_top .box_l .photoCover { display:none;}
.memorial_top .box_l .photoCover img{width:290px; min-width: 290px!important;  }

.memorial_top .box_r { width:100%; height:100%; margin-top:20px;/* background: url("/layout/images/www/contents/memorial/img_name_new.png") no-repeat center 10px;*/}
.memorial_top .box_r p.name { height:+65px; font-size:2em; font-weight:500; text-align: center;color: #fff;}
.memorial_top .box_r ul li { height:40px; line-height:40px; background:#fff; margin-bottom: 10px; padding-left:20px; color:#666;}
.memorial_top .box_r ul li span { color:#333; width:100px; padding-left:20px;    font-weight: 500;}


/* 추모관 제목 */
.memorial_info {margin: 20px; background-color: #fff;}
.memorial_info .memorial_title {
    display: block;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #188657;
    padding: 0 5px;
}
.memorial_info .popup_cont {margin-top: 20px; font-size: 14px; color: 333; padding: 0 20px 20px 20px;}

a.btst { text-align:center; padding:9px 40px; color:#fff; display:inline-block; position:relative; transition: background-color .2s; webkit-transition:-webkit-transform background-color .2s; -moz-transition:-moz-transform background-color .2s; font-size:15px;}
a.btn1 {background-color: #485233;text-transform:uppercase;}
p.mat30 {margin-bottom: 20px; text-align: center;}


/*추모앨범*/
.memorial_gallery { margin: 5% 2%;height: auto;padding:60px 30px;background: #fff;}
.memorial_gallery .bxslider li { width: 100% !important;}
.pc_img { display:none;}/*큰이미지 숨김*/


.photoAlbum {position:relative;padding-top:25px;}
.photoAlbum .viewArea{overflow:hidden;position:relative;min-height:195px;padding-top:20px;margin:0 auto;}
.photoAlbum .viewArea p { width:655px; height:440px;text-align: center;}
.photoAlbum .viewArea ul{position:relative; width:560px; height:80px; margin: 0 auto;}
.photoAlbum .viewArea ul li{float:left;margin:0 10px;}
.photoAlbum .viewArea ul li a{display:inline-block;line-height:1px;vertical-align:top;}
.photoAlbum .viewArea ul li a img{width:120px;height:80px}
.photoAlbum > a { position: absolute;bottom: 26px;}
.photoAlbum a.prevList{ display:block; width:20px; height:30px; background: url("/layout/images/www/sub/contents_tool_new.png") no-repeat -90px -355px;text-indent: -9999px;}
.photoAlbum a.nextList{ display:block; width:20px; height:30px; background: url("/layout/images/www/sub/contents_tool_new.png") no-repeat -90px -398px;text-indent: -9999px;right: 0;}
.rtBtn{top:35px;}

.memorial_youtube {height: auto; background:#fff; padding:60px 30px;}
.memorial_youtube .viewArea {position:relative;padding-top:40px;text-align: center;}

.memorial_pop h2 {height:40px; background: #3d935b; color:#fff; font-size:21px; font-weight:500; padding:10px 0 0 20px;}

@media all and (min-width:320px){

.memorial_top .box_r {background-size: 100%;}
.memorial_top .box_r ul li span { padding-left:0;font-weight: 400;}

}

/* 고인에게 바치는 글 */
.base_table {clear: both;margin-top: 35px;border-bottom: 1px solid #A3A3A3;border-top: 1px solid #808080;border-collapse: collapse;width:100%;font-size: 12px;}
.base_table th {border-color: #C9C9C9;border-style: none none solid;border-width: 0 0 1px;padding: 12px 0 12px;color:#333;text-align: center;font-size: 15px;}
.bg_none {background: none repeat scroll 0 0 transparent !important;}
.base_table td {background: none repeat scroll 0 0 transparent;border-bottom: 1px solid #D6D6D6;color: #666666;padding: 15px;font-size:15px;}
.base_table td.th_bg { color:#2e5eb2;}
.base_table tr.tr_notice td.list_idx {background: url("/layout/images/module/board/icon_notice.png") no-repeat scroll 50% 50% #EFF9F9;text-indent: -100000px;font-size:0; line-height:0;}
.base_table tr.tr_notice td {background-color: #EFF9F9;color: #5991CC !important;font-weight: bold;}
.base_table tr.tr_notice td.title a {color: #5991CC !important;}
.base_table td.title {display: table-cell;text-align: left !important;}
.base_table td.reply {padding:0 0 0 20px;}
.base_table td a.title_delete {background: none repeat scroll 0 0 #e3e3e3;color: #999999;}
.base_table td.bg_g {background-color: #fff;}

/*날짜숨김처리*/
.viewArea .base_table col:nth-child(3n) {display: none}
.viewArea .base_table th:nth-child(3n) {display: none}
.viewArea .base_table td:nth-child(3n) {display: none}


.memorial_letter {margin: 5% 2%;padding:60px 30px 30px;background: #fff;}



/*폰트컬러*/
.c_or { color:#bd2104;} /*주황색*/
.c_bu { color:#093255;} /*남색*/
.c_eg { color:#5a7d5a;} /*풀*/
.c_gr { color:#0a5620;} /*초록색*/
.c_bl { color:#131313;} /*검정*/
.c_red { color:#d70d11;} /*빨강*/
.fw4 { font-weight:400;} /*font-weight*/
.fw5 { font-weight:500;} /*font-weight*/

/* 줄바꿈 */
.next {display: inline;}

/* 재단소개 */
.foundation_box {height: 850px;background: url("/layout/images/www/contents/foundation01_bg.png") no-repeat center bottom;background-size: 60%;}
/* 인사말 */
.greeting_box {height: 1000px; background: url(/layout/images/www/contents/greeting_bg.jpg) no-repeat center bottom;}

/*좌우 이미지-텍스트 
----------------------------------------*/
.img_txt {clear:both; width:100%; display:inline-block;   margin-top: 0;}
/*30%/70%*/
.img_txt .left30 { width:100%; float:none;}
.img_txt .right70 { float:none; width:100%; padding-left:0;}

/*50%/50%*/
.img_txt .left50 { width:100%; float:none;;}
.img_txt .right50 { ffloat:none; width:100%; padding-left:0;}

/*70%/30%*/
.img_txt .left70 { width:100%; float:none;; padding-right:0;}
.img_txt .right30 { float:none; width:100%; }

/* 실선 */
 span.line_s { clear:both; border-top:2px solid #9d9d9d; width:100%; margin:30px 0; display:block; }
 span.line_d { clear:both; border-top:1px dashed #c9c9c9; width:100%; margin:10px 0; display:block; }
 
.text_box { font-size: 20px;color: #fff;background:#5a7d5a;;line-height:20px;padding:1px 3px 4px;;display: inline-block;} 

.p_none {display:none;}
.dong_guide {margin: 30px 0 0;}


/* 관별소개 */
/* 1동 믿음관 */
.img_txt h3 { clear: both;margin-top:20px; padding-bottom:20px;font-size: 25px;font-weight: 400;text-align: left;color: #999;line-height: 30px;min-height: 30px;}
.img_txt .line {width: 60px;height: 1px;background: #999;margin-bottom:10px;}

/*시설안내*/
ul.img_col3 { margin:0; width: 100%; display:inline-block;} /* 이미지 3개*/
ul.img_col3 li {display: inline-block; text-align: center; width: 31.5%; margin-right:2.75%; float:left; }
ul.img_col3 li img { width:100%; height:auto; max-width:275px;}
ul.img_col3 li:last-child {margin-right:0;}

ul.img_col3 li {position: relative;}
ul.img_col3 li span.img_desc {bottom: 0; color: #fff; display: block; height: 49px;line-height: 49px; position: absolute; text-align: center; width: 100%;}
.img_box01 .img_tit { color:#fff;padding: 5px 15px; position: absolute; bottom:10px;background: #000; height:30px; line-height: 30px;opacity: 0.7;text-align: center;    display:block;}

.img_box02 .img_tit {display: inline-block;color: #222;padding: 5px 0;position: relative;top: -50px;background: #fff;width: 100%;height: 30px;line-height: 30px;opacity: 0.7;margin-top: 10px;font-weight: 400;}

.img_box03 .img_tit { display:inline-block; color:#222; position: relative;top:0px;width: 100%;line-height: 36px;}

/*휴게실*/
.sub-tit-bx > dl {display:table; width:100%; padding:40px 0; border-top: 2px solid #333; border-bottom: 1px solid #CCCCCC;  margin: 25px 0;}
.sub-tit-bx > dl > dt {display:inline-block; width:100%; vertical-align: middle; position:relative;}
.sub-tit-bx > dl > dt::after { display:none}
.sub-tit-bx > dl > dt .num {display:inline-block; vertical-align: middle; font-size:60px; color:#118b56;font-weight: 400;letter-spacing: -0.07em;}
.sub-tit-bx > dl > dt h3 {display:inline-block; vertical-align: middle; font-size:30px; margin-top: -10px; letter-spacing: -0.5px; color:#333333; font-weight: 300; background:none}
.sub-tit-bx > dl > dt h3 strong {font-weight: 500;}
.sub-tit-bx > dl > dd {display:inline-block; vertical-align: middle; padding: 20px 0 0 20px; font-size:16px; line-height: 22px; letter-spacing: -0.5px; color:#525252}

/*계약절차*/
.contract-img {position:relative;; padding-bottom:2%}
.contract-img img {width:100%; height:100px}
.contract .competit-bx {font-size:18px; line-height: 32px; letter-spacing: -0.5px; color:#525252; padding:30px; text-align:center; background-color:#F0F0F0; margin-bottom: 15px;}
.contract .competit-bx span {font-size:25px; font-weight: 500;}
.contract .sub-tit2 {padding-bottom: 30px;}
.contract ul li {float:left; margin-left: 27px; width:31.333%; height:280px;}
.contract ul li:first-child {margin-left: 0;}
.contract ul li:first-child(5) {margin-left: 0;}
.contract p {font-size:18px; line-height: 20px; letter-spacing: -0.5px; color:#676767; font-weight: 300;}
.contract h3 {font-size:26px; line-height: 45px; letter-spacing: -0.5px; color:#454545; font-weight: 500; background:none; margin:0; padding:0;}
.contract h3 span{ color:#0a7f5d;}

/*오시는길*/
ul.cmp_map li { height:30px;}
.map_icon01{ background: url("/layout/images/www/contents/map_01.png") no-repeat scroll 0 6px; font-size: 16px;padding: 10px 0 3px 55px;margin-bottom: 5px;}
.map_icon02{ background: url("/layout/images/www/contents/map_02.png") no-repeat scroll 0 6px; font-size: 16px; padding: 10px 0 3px 55px; margin-bottom: 5px;}
.map_icon03{ background: url("/layout/images/www/contents/map_03.png") no-repeat scroll 0 6px; font-size: 16px; padding: 10px 0 3px 55px; margin-bottom: 5px;}
.map_icon04{ background: url("/layout/images/www/contents/map_04.png") no-repeat scroll 0 6px; font-size: 16px; padding: 10px 0 3px 55px; margin-bottom: 5px;}


/*센터소개*/
p.txt {margin-top:20px;}
span.newin {color:#2e5eb2; font-weight:500; background:url("/layout/images/www/contents/newin.gif") no-repeat right 7px ; padding-right:7px; margin-right:5px; }

/*이용안내 장내절차*/
ul.img_gd3 { margin:0; width: 100%; display:inline-block;} /* 이미지 3개*/
ul.img_gd3 li {display: inline-block; text-align: center; width: 22%; margin-right:2.75%; float:left;padding: 14px 0; height:145px; }
ul.img_gd3 li img { width:100%; height:112px; max-width:275px;}
ul.img_gd3 li:last-child {margin-right:0;}

ul.img_gd3 li {position: relative;}
ul.img_gd3 li span.img_desc {bottom: 0; color: #fff; display: block; height: 49px;line-height: 49px; position: absolute; text-align: center; width: 100%;}


.sub-interior-bx {overflow: hidden;}
/* 부대시설 사진 */
.img_box01 {overflow: hidden;}
.img_box01  img { border-radius:5px;}
.img_photo {float: left; margin: 0 auto; width:100%;text-align: left; position: relative;padding: 1%;}
.img_photo4 {float: left; margin: 0 auto; width:100%;text-align: left; position: relative;padding: 1%;}
.img_photo3 {float: left; margin: 0 auto; width:100%;text-align: left; position: relative;padding: 1%;}
/*계약절차*/
.img_photo2 {float: left; margin: 0 auto; width:100%;text-align: left; position: relative;padding: 2%; padding-bottom:7%}

/* pc가격표 숨김 */
.pc_table { display:none;}

/*마이페이지*/
.dead_add_area button {background-color:#4c4f5f; color: #fff; text-align: center; padding: 8px 25px; border: none; float: right; font-size: 16px;}
.dead_add_popup { border: 2px #344555 solid;background: #fff;clear: both;margin-top: 20px;display: inline-block;width: 100%; text-align: center;}
.dead_add_popup h4 { background-color: #344555; color: #fff; display: inline-block; width: 100%; margin: 0; text-align: center; padding: 12px 0;}
.dead_add_popup #dead_add_form { padding: 20px;}
.dead_add_popup #dead_add_form button {background-color:#4c4f5f; color: #fff; text-align: center; padding: 8px 25px; border: none; float: right; font-size: 16px; border: none;}
.dead_add_popup #btn_dead_add_close{ background-color: #666 !important; margin-right: 5px;}
.dead_add_popup label { width:130px; display: inline-block;}
.dead_add_popup input {padding: 5px; border:1px #344555 solid; margin-bottom: 5px;}
.dead_add_popup .btn_area { display: inline-block; margin: auto; margin-top: 30px;}
.btn_dead_delete {border: none; background-color:#666; color:#fff; padding: 5px 11px; cursor: pointer;}
.btn_dead_delete:hover{ text-decoration:underline;}