@charset "utf-8";
.pull_l {float: left;}
.pull_r {float: right;}
.align_left {text-align: left!important;}
.bd_box {border: 1px solid #ccc!important;}
select {border: 1px solid #ccc;	}

/*그라데이션 버튼 */
.btn_gradient{ padding: 5px 10px; color: #fff!important;
background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffe7b8+0,cd9b36+100 */
background: #ffe7b8!important; /* Old browsers */
background: -moz-linear-gradient(top,  #ffe7b8 0%, #cd9b36 100%)!important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffe7b8 0%,#cd9b36 100%)!important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffe7b8 0%,#cd9b36 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe7b8', endColorstr='#cd9b36',GradientType=0 )!important; /* IE6-9 */
;}
.green_sm_btn {height: 30px;background:#336633 ;color: #fff;padding: 0 11px;}
.gold_sm_btn {height: 24px;color: #fff;font-size: 11px!important;}
.big_btn {width: 180px!important;}
.small_btn {height: 24px!important;}

.writing > a {background:#336633 ;color: #fff!important;}


/* 서브 헤더 뒤로가기 버튼 */


.return_btn {position: absolute; top:0;left: 3%;width: 2.8%;}
.return_btn img {padding: 190% 0;}

/* 서브 레이아웃 */

.gold_t {color: #cc9933}
.sub_container {max-width: 760px;margin: 0 auto;}
/* .sub_container img {width: 100%;} */

/* 현재 위치 */
.menu_locate {background: url(../images/sub/menu_locate_bg.png) 0 0 no-repeat;background-size:100% auto ;width: 100%;margin-top: 10px;}
.menu_locate ul{padding: 5.5% 0;margin-left: 1%;}
.menu_locate li {float: left;padding:0 1%;}
.menu_locate li a {display: inline-block;font-size: 12px;color: #fff;font-weight: bold;}
.menu_locate span {font-family: FontAwesome;padding-left: 5px;color: #fff;vertical-align: middle;}
.sub_title {margin:50px 0;} 

.sub_total {margin: 50px 0 0;  }

.sub_content_title {margin:10px 0 20px;}


/* 01sub_05_1 이용후기 */
  
.epilogue_form {float: left;padding: 0 2.2%;}
.epilogue_form select {height: 30px;padding: 0 10px 0 5px;}
.epilogue_form input {height: 30px;}


.writing {float: right;margin-right: 2.2%;}
.writing a {font-size: 11px;color: #666;height: 30px;padding: 0 17px;line-height: 30px;border: 1px solid #ccc;display: inline-block;}


.epilogue_wrap li {padding: 3.8% 2.2%;border-top: 1px solid #ddd;}
.epilogue_wrap li:last-child {border-bottom: 1px solid #ddd;}
.epilogue_wrap li a {margin-bottom: 12px;display: inline-block;font-size: 22px;color: #666;font-weight: bold;}
.epilogue_wrap li span {font-size:18px;color: #8a8a8a;padding-right:14px;margin-right:7px;border-right:1px solid #8a8a8a;line-height:0;}
.epilogue_wrap li span.hits {border-right:0;}

.pager_control {text-align:center;margin-top: 30px!important;padding-bottom: 50px!important;}
.pager_control a {width: 46px;height: 46px;border: 1px solid #ccc;color: #888;border-radius:3px ;font-size: 22px;display: inline-block;line-height: 46px;}
.pager_control .pager.active {background: #336633;color: #fff;	}
.pager_control .pager_prev {margin-right: 5px;}
.pager_control .pager_next {margin-left: 5px;}

/*.pager_control .pager_prev {background:url(../images/sub/pager_prev.png) 16px 11px no-repeat;text-indent: -99999px;margin-right: 5px;}*/
/*.pager_control .pager_next {background:url(../images/sub/pager_next.png) 16px 11px no-repeat;text-indent: -99999px;margin-left: 5px;}*/
/* 01sub_05_1_view 이용후기_뷰 */

.epilogue_title {background:#f6f6f6;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 4% 3%;}
.epilogue_title h3 {float: left;font-size: 13px;}
.epilogue_title .date {float: right;font-size: 12px;}
.epilogue_content {padding: 0 3.6%;font-size: 12px;color: #222;line-height:1.3;min-height:200px;margin-top: 20px;}
.list_btn {text-align: right;padding:15px 10px 0;border-top: 1px solid #ddd;}
.list_btn a {padding:6px 12px;color: #fff;font-size: 12px;display: inline-block;}

.comment {position: relative;text-align: center;}
.comment form {padding: 10px 0; border-top:1px solid #222;border-bottom:1px solid #d3d8e4;}
.comment span {display: inline-block;vertical-align:middle;float: left;}
form .username {color: #000;font-size: 12px;position: absolute;	top:13px;left: 6px;}
.text_area {width: 70%;height: 50px;margin-left: 45px;padding: 3px;float: left;}
.btn_submit {height: 50px;font-size: 12px;width: 45px;display: inline-block;margin-left: -5px;line-height: 42px;}

.comment_bottom {position: relative;margin-top: 10px;min-height: 80px;padding-bottom: 50px;}
.comment_control_btn a {color: #222;border: 1px solid #222;font-size: 12px;padding: 3px 6px; }
.comment_bottom p  {margin-top: 10px;line-height: 1.4;}
.comment_bottom .username {margin-left: 15px;}
.btn_comment {position: absolute;bottom: 10px;left: 20px;}

.comment_story {text-align: left; font-size: 12px;color: #222;margin-left: 20px;}
.btn_right {position: absolute;top: 0;right: 15px;}



/* 01sub_05_2 이용소감 */
.comment_form {margin:15px 8px;text-align: center;}
.comment_form table {width: 100%;font-size: 14px;border-spacing: 5px;border-collapse: separate}
.comment_form tr {margin-top: 10px;}
.comment_form .td_left {height: 32px;line-height: 32px;border: 1px solid #ccc;background:url(../images/sub/form_bg.jpg);color: #fff;}
.comment_form input {width: 100%;height: 32px;border: 1px solid #ccc;font-size: 11px;padding-left: 3px;color: #222;}
.comment_form .td_right {border: 1px solid #ccc;text-align: left;padding-left: 10px;}
.comment_form span > input{width: 7%!important;text-align: left;}
.comment_form span > label {color: #222;}
.table_t_area td,.table_t_area input{height: 100px!important;}

.sub_login_btn {margin: 7% 0 5%;display: inline-block;width: 63%;border: 3px solid transparen;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#588258+0,527f52+50,2f662f+51,336633+100 */
background: #588258; /* Old browsers */
background: -moz-linear-gradient(top,  #588258 0%, #527f52 50%, #2f662f 51%, #336633 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #588258 0%,#527f52 50%,#2f662f 51%,#336633 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #588258 0%,#527f52 50%,#2f662f 51%,#336633 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#588258', endColorstr='#336633',GradientType=0 ); /* IE6-9 */

}
.sub_login_btn a {padding:2.3%;display: block;font-size: 24px;color: #fff;}

/* 01sub_06 신청등록 */
.discount {width: 65%;margin: 0 auto;}
table select {height: 32px;width: 100%;margin: 0;text-align: center;font-size: 14px;	}
table select.p26 {width: 26%;}
table select.p45 {width: 45.5%;}
.comment_form .td_right {height: 45px;} 
.popup_overlay {background:rgba(0,0,0,0.5);position: fixed;top: -3000px;left: 0;right: 0;bottom: -5000px;z-index: 10;}
.popup_table {display: none;position: fixed!important;top: 50px;left: 5%;width: 90%;}
.popup_table .search_info_table {background: #fff;position: relative;z-index: 100;margin: 0!important;border-collapse:collapse!important;}
.discount td {position: relative;}
.search_icon {position: absolute;top: 6px;right: 12px;}
.search_icon .fa {font-size: 20px;}
.btn_close {cursor:pointer;z-index: 160;font-family: fontAwesome;position: absolute;right: 0px;top: -37px;font-size: 30px;color: #fff;}
.extra_ask {width: 100%;border: 1px solid #ccc;}

/* 01sub_07 신청등록 */
td .green_sm_btn {width: 100%!important;}
.picture_view {height: 150px!important;right: 0;top: 0;}

/* 03sub_02 */

.search_info {margin-top: 40px;text-align:right;}
.search_info form > img {margin-top: -8px;}
.select_wrap select {height: 23px;}
.select_wrap {width: 70%;margin-right: 2%;}
.option_left {width: 25%;}
.option_right {width: 32%;}

.search_info_table {width: 96%; text-align: center;border-collapse:collapse;border: 1px solid #ccc;margin: 30px auto;}
.search_info_table th, .search_info_table td {border: 1px solid #ccc;height: 29px;}
.search_info_table th {background:url(../images/sub/form_bg.jpg);color: #fff;}
.search_info_table .btn_gradient {width: 100%;}

.sub3_view .search_info_table {margin: 5px auto 30px!important;}
.chain_info {margin:10px 0 10px 10px;padding-left: 10px;background: url('../images/sub/bar_icon.png') 0 0 no-repeat;font-size: 15px;}
.chain_info_list {margin:10px 0 10px 10px;padding-left: 15px;background: url('../images/sub/circle_icon.png') 0 4px no-repeat;font-size: 14px;color: #666;background-size:10px 10px ;}
.extra_text {margin-top: -25px;margin-bottom: 20px;padding:0  15px;font-weight: bold;line-height: 1.5;}
.sub3_view th,.sub3_view td,.sub3_view p   {font-size: 12px!important;}
/* 03sub_04 */
.td_email {width: 47%!important;}

/* 06sub_01 */

.tabs_btn_wrap {margin-bottom:7% ;text-align: center;}
.tabs_btn_wrap ul {display: inline-block;border-bottom: 1px solid #45612e;border-top: 1px solid #ddd;}
.tabs-btn li{float: left;border-left:1px solid #ddd;font-size: 12px;padding: 7px 6px;text-align: center;color: #789c66;cursor:pointer}
.tabs-btn li:last-child {border-right: 1px solid #ddd;}
.tabs-btn li.active {background:#45612e;color: #fff;}
.tab_content {display: none;}
.tab_content.active {display: block;}



/* 05sub_02_2 */
.obituary_notice {padding: 4.5%;border: 1px solid #ddd;margin: 30px 2%;	}
.obituary_notice h3 {font-size: 20px;font-weight: bold;}
.obituary_notice h5 {font-size: 20px;color: #666;line-height:1.5;margin-top: 5px;}
.location_funeral {margin-top: 20px;}
.location_funeral p {font-size: 20px;line-height: 1.5;color: #666;}

.social_btn {padding: 0 0 50px;	}

.thx_mail_wrap {padding: 9% 5% 5%;border: 1px solid #ddd;margin: 10px 2%;	}
.thx_mail > span {font-size: 14px;font-weight: bold;color: #000;margin-bottom: 20px;display: inline-block;}
.thx_mail > span label {margin-left: 10px;}
.thx_mail_wrap p {font-size: 12px;color: #666;padding: 20px 0;}
.thx_mail_name {width: 80px;display: inline-block;}
.thx_mail {margin-bottom: 20px;}
.thx_mail h3 {font-size: 12px;font-weight: normal;}

table th {font-size: 11px!important;height: 30px!important;line-height:30px!important;}
table td {box-sizing:border-box;padding: 0 3px!important;font-size: 11px!important;height: 30px!important;max-width: 0;}
.fixed_name {color: #999;border: 1px solid #ccc;text-align: left;padding-left: 10px;}
.t_align_l {text-align: left;padding-left: 5px!important;}
.thx_text_box {border: 1px solid #ccc;padding: 10px;}

@media screen and (max-width:480px){

.menu_locate li a {font-size: 12px;}
.menu_locate ul {padding: 5.5% 0;}
.menu_locate ul.xs_font li a {font-size: 10px;}
.menu_locate ul.xs_font li span {font-size: 10px;padding-left: 5px;}
.header_inner .main_logo {padding:1% 0;}
.text_over {max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* 01sub_05_1 */

.epilogue_form {float: left;padding: 0 2.2%;}
.epilogue_form select {height: 23px;padding: 0 10px 0 5px;font-size: 12px;width: 73px;}
.epilogue_form input {height: 23px;width: 23px;width: 75px;}
.green_sm_btn {height: 23px;background:#336633 ;color: #fff;padding: 0 9px;font-size: 10<img src="C:/Users/Administrator/Desktop/구영훈/ㅌ,ㅍ,ㅎ/해피앤딩/h_mobile/images/sub/03sub_03_2_content_1.jpg" width="640" height="901" border="0" alt="">px;}
.writing a {font-size: 12px;padding: 0 13px;height: 23px;line-height: 23px;}

.epilogue_wrap {margin-top: 0!important;}
.epilogue_wrap li a {margin-bottom: 5px;font-size: 12px;}
.epilogue_wrap li span {font-size: 12px;padding-right:10px;margin-right:4px;}

.epilogue_title h3 {font-size: 13px;}
.epilogue_title .date {font-size: 2px;}
.epilogue_content {font-size: 12px;}
.list_btn a {font-size: 12px;}


.pager_control a {width: 35px;height: 35px;font-size: 16px;line-height: 35px;}
.pager_control {padding-bottom: 30px!important;}
/*.pager_control .pager_prev {background-position:13px 10px; background-size:8px 15px;}*/
/*.pager_control .pager_next {background-position:13px 10px; background-size:8px 15px;}*/


.comment_form table {font-size: 11px;}
.comment_form .td_left {height: 30px;line-height: 30px;font-size: 11px;}
.comment_form input {font-size: 12px;height: 30px;}
.sub_login_btn a {font-size: 16px;font-weight: bold;padding: 2% 0;}

/* 01sub_06 신청등록 */
.discount {width: 80%;margin: 0 auto;}
table select {height: 30px;width: 100%;margin: 0;text-align: center;font-size: 11px;color: #999;}
table select.p26 {width: 26%;}
table select.p45 {width: 44.5%;}
table select.p52 {width: 52%;}
table input.p45 {width: 45%;}
.comment_form .td_right {font-size: 11px;height: 30px;}



/* 03sub_02 */
.search_info form > img {margin-top: 0px;}
.option_left {width: 32%; font-size: 11px;}
.option_right {width: 37%; font-size: 11px;}
.search_info_table {margin: 15px auto;}
.search_info_table th{padding: 5px 0;height: 26px;font-size: 11px;}
.search_info_table td {font-size: 11px;}



/* 05sub_02_2 */
.obituary_notice {padding: 4.5%;margin: 15px 2%;}
.obituary_notice h3 {font-size: 13px;}
.obituary_notice h5 {font-size: 12px;}
.location_funeral p {font-size: 12px;}
.social_btn {padding:0}

/* 05sub_03_2 */

.thx_mail > span {font-size: 12px;margin-bottom: 15px;}
.thx_mail > span label {margin-left: 10px;}
.thx_mail_wrap p {font-size: 12px;color: #666;padding: 12px 0;line-height:1.5;}
.thx_mail {margin-bottom: 20px;}
.thx_mail h3 {font-size:12px ;font-weight: normal;}
.thx_mail_name {width: 70px;display: inline-block;}



}


/* common */
.stable {  table-layout:fixed; width:100%; border-collapse:collapse;border-spacing:0;}

/* 01sub_01 */
.list1{ overflow:hidden; margin-bottom:3%;}
.list1 dt{}
.list1 dd{padding:0 3% 0 0;}
.list1 dd .info1{margin-left:2%;}
.list1 dd .info1 li{ padding-left:18px; margin-bottom:2%; line-height:1.4em;  background:url(../images/sub/bull_tp1.png) no-repeat 0 0.2em; font-size:1.2em; color:#666666; text-align:justify; letter-spacing:-1px;  }

.tb1{ overflow:hidden; margin-bottom:3%; }
.tb1 dd{ margin:0 2%;}
.tb1 dd .stit1{padding-left:18px; margin-bottom:2%; line-height:1.4em;  background:url(../images/sub/bull_tp1.png) no-repeat 0 0.2em; font-size:1.2em; color:#666666; text-align:justify; letter-spacing:-1px; }
.tb1 dd .cp_tp1{   }
.tb1 dd .cp_tp1 th{ background:#669966; color:#fff; border:1px solid #f6f9f6; border-width:1px 1px 0 1px; font-size:1.2em !important; }
.tb1 dd .cp_tp1 td{ font-size:1.2em !important; text-align:center; color:#666666; border:1px solid #cccccc; }
.tb1 dd .etc{ display:block; font-size:1.2em !important; padding:2% 0; }
.tb1 .swe_wp{ margin-top:3%; }
.tb1 dd .cp_tp1 tr:nth-child(2) th{background:#648764;}

/* 01sub_03 */
.tb2{ overflow:hidden; margin-bottom:3%; padding:0 2%; }
.tb2 .cp_tp2{   }
.tb2 .cp_tp2 th{ background:#669966; color:#fff; border:1px solid #f6f9f6; border-width:1px 1px 0 1px; font-size:1.2em !important; }
.tb2 .cp_tp2 td{ font-size:1.2em !important; text-align:center; color:#666666; border:1px solid #cccccc; }

@media screen and (max-width:330px){

.tabs-btn li{padding: 7px 4px;}
	
.menu_locate li a {font-size: 11px;}
.epilogue_wrap li a {font-size: 11px;}
.epilogue_wrap li span {font-size: 11px;}

.epilogue_title h3 {font-size: 11px;}
.epilogue_title .date {font-size: 11px;}
.epilogue_content {font-size: 11px;}
.list_btn a {font-size: 11px;}

.comment_form table {font-size: 11px;}
.comment_form input {font-size: 11px;}
.search_info_table th, .search_info_table td {padding: 2px;font-size: 10px;}

.obituary_notice h5 {font-size: 11px;line-height: 1.7;}

.comment_form .td_left {font-size: 10px;letter-spacing:-1px}
.comment_form .td_right {font-size: 10px;letter-spacing:-1px}


/* 05sub_03_2 */

.thx_mail > span {font-size: 11px;margin-bottom: 15px;}
.thx_mail > span label {margin-left: 10px;}
.thx_mail_wrap p {font-size: 11px;color: #666;padding: 10px 0;line-height:1.5;}
.thx_mail {margin-bottom: 20px;}
.thx_mail h3 {font-size:11px ;font-weight: normal;}


}