/*** 서브페이지 CSS ***/ /** 서브페이지 공통 **/ /* 서브비쥬얼 */ .sub_visual{padding-top:100px;height:255px;} .sub_visual h2{color:#fff;text-align:center;font-size:40px;font-weight:400;} .sub_visual.company{background:url(/bbs/sub/img/company/visual_img.jpg) center top no-repeat;} .sub_visual.service{background:url(/bbs/sub/img/service/visual_img.jpg) center top no-repeat;} .sub_visual.corporation{background:url(/bbs/sub/img/corporation/visual_img.jpg) center top no-repeat;} .sub_visual.product{background:url(/bbs/sub/img/product/visual_img.jpg) center top no-repeat;} .sub_visual.customer{background:url(/bbs/sub/img/customer/visual_img.jpg) center top no-repeat;} .sub_visual.info{background:url(/bbs/sub/img/info/visual_img.jpg) center top no-repeat;} @media screen and (max-width:600px){ .sub_visual{padding-top: 50px;height: 150px;} .sub_visual h2{font-size: 35px;} .sub_visual.company{background-size: cover;} .sub_visual.service{background-size: cover;} .sub_visual.corporation{background-size: cover;} .sub_visual.product{background-size: cover;} .sub_visual.customer{background-size: cover;} .sub_visual.info{background-size: cover;} } /* 네비게이션 */ .nav{background: #65524b;color: #fff;height: 60px;} .nav .home{float:left;margin-right:15px;margin-top: 20px;} .nav > #container_wr > ul{display: inline-block;} .nav > #container_wr > ul > li{font-size: 17px;float: left;position: relative;border-left: 1px solid #918684;line-height: 60px;width: 230px;padding-left: 25px;background:url(/bbs/sub/img/nav_open.png) right 25px top 25px no-repeat;cursor:pointer;} .nav > #container_wr > ul > li.on{background:url(/bbs/sub/img/nav_close.png) right 25px top 25px no-repeat;} .nav > #container_wr > ul > li:last-child{border-right: 1px solid #918684;} .nav > #container_wr > ul > li > ul{display: none;position: absolute;top: 60px;left: 0;background: #74635d;width: 100%;padding: 10px 0;} .nav > #container_wr > ul > li > ul > li{font-size: 15px;line-height: normal;} .nav > #container_wr > ul > li > ul > li > a{color: #fff;padding-left: 25px;line-height: 35px;display: block;} .nav > #container_wr > ul > li > ul > li > a:hover{text-decoration:underline;} @media screen and (max-width:600px){ .nav{height: 30px;} .nav .home{margin-right: 0;margin-top: 7px;padding-right: 20px;background: url(/bbs/sub/img/nav_naxt.png) right 6px top 3px no-repeat;background-size: 6px;height: 16px;} .nav > #container_wr > ul > li{border-left: none;font-size: 15px;line-height: 30px;width: auto;padding-right: 20px;background: url(/bbs/sub/img/nav_naxt.png) right 6px top 10px no-repeat;background-size: 6px;padding-left: 0;} .nav > #container_wr > ul > li:last-child{border-right: none;background:none;} } /* 서브타이틀 */ .sub_title{text-align:center;padding:100px 0 40px;border-bottom:1px solid #eee5dd;} .sub_title h3{font-size:35px;font-weight:400;margin-bottom:15px;} .sub_title p{font-size:20px;} @media screen and (max-width:600px){ .sub_title{padding: 40px 0 40px;} .sub_title h3{font-size: 30px;} .sub_title p{font-size: 17px;} } /** 회사소개 **/ /* 인사말 */ #greeting{background:url(/bbs/sub/img/company/greeting_bg.jpg) center bottom no-repeat;padding-top: 100px;padding-bottom: 250px;} #greeting h4{font-size:25px;font-weight:400;margin-bottom:30px;} #greeting p{} #greeting h5{font-size:20px;font-weight:400;margin-top: 40px;} @media screen and (max-width:600px){ #greeting{padding-top: 50px;padding-bottom: 50px;} #greeting h4{font-size:20px;} } /* 회사개요 */ #company_opening{padding:100px 0;} #company_opening .top_list{display: inline-block;width: 100%;margin-bottom: 100px;} #company_opening .top_list .list{float: left;width: 25%;padding: 0 10px;} #company_opening .top_list .list img{display: block;margin: 0 auto;} #company_opening .top_list .list h4{font-size: 25px;font-weight: 400;margin: 10px 0;border-bottom: 3px solid #c8a88d;padding-bottom: 5px;} #company_opening .top_list .list:nth-child(2n) h4{border-bottom: 3px solid #65524b;} #company_opening .top_list .list p{} #company_opening .table{border-top: 3px solid #65524b;border-bottom: 1px solid #65524b;} #company_opening .table .list{display: inline-block;width: 100%;vertical-align: top;border-bottom: 1px solid #eee5dd;} #company_opening .table .list:last-child{border-bottom:none;} #company_opening .table .list .tit{float: left;width: 20%;text-align: center;vertical-align: middle;border-right: 1px solid #eee5dd;padding: 24px 0;font-size: 17px;background: #f9f9f9;} #company_opening .table .list .txt{float: left;width: 80%;padding: 25px 15px;} @media screen and (max-width:600px){ #company_opening{padding:50px 0;} #company_opening .top_list{margin-bottom: 50px;} #company_opening .top_list .list{width:48%;margin-right:4%;} #company_opening .top_list .list:nth-child(2n){margin-right:0;} #company_opening .top_list .list:nth-child(1),#company_opening .top_list .list:nth-child(2){margin-bottom:4%;} #company_opening .table .list .tit{padding:20px 0;border-right: none;border-bottom: 1px solid #eee5dd;float: none;width: 100%;} #company_opening .table .list .txt{float: none;width: 100%;padding: 20px 0;text-align: center;} } /* 회사CI */ #ci{padding: 100px 0;} #ci .top_cts{margin-bottom: 45px;display: inline-block;width: 100%;} #ci .top_cts img{float: left;width: 453px;} #ci .top_cts .txt{float: left;width: 747px;padding-left: 50px;} #ci .top_cts .txt h4{font-size: 25px;font-weight: 400;margin-bottom: 10px;} #ci .btm_cts h4{font-size: 25px;font-weight: 400;margin-bottom: 10px;} #ci .btm_cts p{margin-bottom: 25px;} #ci .btm_cts p em{font-style:normal;} #ci .btm_cts p .green{color: #87b649;} #ci .btm_cts p .blue{color: #215478;} #ci .btm_cts .color_info{display: inline-block;width: 100%;vertical-align: top;} #ci .btm_cts .color_info .cts{float: left;width: 50%;} #ci .btm_cts .color_info .cts img{float: left;} #ci .btm_cts .color_info .cts ul{float: left;padding-left: 50px;margin-top: 13px;} #ci .btm_cts .color_info .cts ul li{line-height: 30px;} #ci .btm_cts .btm_logo{display: inline-block;width: 100%;vertical-align: top;margin: 115px 0 80px;} #ci .btm_cts .btm_logo li{float: left;margin-right: 15px;} #ci .btm_cts .btm_logo li:last-child{margin-right:0;} #ci .btm_cts a{width:400px;background:#c8a88d;color:#fff;font-size:20px;text-align:center;display:block;margin:0 auto;padding: 15px 0;transition:.3s;} #ci .btm_cts a:hover{background:#65524b;} @media screen and (max-width:600px){ #ci{padding: 50px 0;} #ci .top_cts{margin-bottom:30px;} #ci .top_cts img{float: none;max-width: 100%;display: block;margin: 0 auto;} #ci .top_cts .txt{float: none;width: auto;padding-left: 0;margin-top: 15px;} #ci .btm_cts .color_info .cts img{width: 100%;} #ci .btm_cts .color_info .cts ul{padding-left: 0;margin-top: 0;} #ci .btm_cts .btm_logo{margin: 30px 0 0;} #ci .btm_cts .btm_logo li{float: none;margin-right: 0;margin-bottom: 15px;} #ci .btm_cts .btm_logo li:last-child{margin-bottom: 0;} #ci .btm_cts .btm_logo li img{max-width:100%;} #ci .btm_cts a{display:none;} } /* 조직도 */ #organization_chart{padding: 100px 0;} #organization_chart img{margin-bottom: 100px;} #organization_chart h4{font-size:25px;font-weight:400;margin-bottom:15px;} #organization_chart table{width: 100%;border: 1px solid #eee5ed;border-top: 3px solid #65524b;font-size: 20px;border-spacing: 0;} #organization_chart table tr{} #organization_chart table tr th{font-weight: 400;background: #eee5dd;padding: 0;margin: 0;height: 50px;border-right: 1px solid #fff;} #organization_chart table tr th:last-child{border-right:none;} #organization_chart table tr td{text-align: center;padding: 0;border-spacing: 0;border-right: 1px solid #eee5dd;height: 60px;border-bottom: 1px solid #eee5dd;} #organization_chart table tr td:last-child{border-right:none;} #organization_chart table tr:last-child td{border-bottom: none;} @media screen and (max-width:600px){ #organization_chart{padding: 50px 0;} #organization_chart img{max-width:100%;margin-bottom: 30px;} #organization_chart h4{font-size:20px;} #organization_chart table{font-size: 15px;} } /* 찾아오시는 길 */ #map{padding:100px 0;} #map .root_daum_roughmap_landing{width:100% !important;} #map .btm_cts{display: inline-block;width: 100%;margin-top: 30px;} #map .btm_cts .cts{float: left;width: 31.33%;padding: 70px 45px;border: 1px solid #c8a88d;margin-right: 3%;height: 245px;} #map .btm_cts .cts:last-child{margin-right:0;} #map .btm_cts .cts img{float: left;} #map .btm_cts .cts .txt{float: left;width: 192px;padding-left: 40px;} #map .btm_cts .cts .txt h4{margin-bottom: 15px;} #map .btm_cts .cts .txt p{word-break: keep-all;} @media screen and (max-width:600px){ #map{padding: 50px 0;} #map .btm_cts{margin-top: 30px;} #map .btm_cts .cts{float: none;width: 100%;padding: 30px 20px;margin-right:0;height: auto;text-align: center;margin-bottom: 20px;} #map .btm_cts .cts img{float: none;} #map .btm_cts .cts .txt{float: none;width: auto;padding-left: 0;margin-top: 10px;} #map .btm_cts .cts .txt h4{margin-bottom: 10px;} #map .btm_cts .cts:last-child{margin-bottom: 0;} } /** 서비스안내 **/ /* 상조의 필요성 */ #necessity{padding:100px 0;} #necessity .cts{height: 250px;border-bottom: 1px solid #c8a88d;padding-top: 55px;} #necessity .cts3{border-bottom:none;} #necessity .cts .img{display: inline-block;width: 300px;text-align: center;vertical-align: top;} #necessity .cts .img img{} #necessity .cts .txt{display: inline-block;width: auto;} #necessity .cts .txt h4{font-size: 20px;font-weight: 400;margin-bottom: 10px;} #necessity .cts .txt ul{} #necessity .cts .txt ul li{list-style:disc;margin:5px 0;margin-left:45px;} @media screen and (max-width:600px){ #necessity{padding:50px 0;} #necessity .cts{height: auto;padding-top: 30px;padding-bottom: 30px;} #necessity .cts .img{text-align: left;} #necessity .cts .txt{width:auto;} #necessity .cts .txt h4{margin-top: 10px;} #necessity .cts .txt ul li{margin-left: 6.25%;} } /* 투게더상조서비스란? */ #together_info{padding: 100px 0;} #together_info .cts{padding: 50px 20px;float: left;width: 49%;height: 540px;} #together_info .cts1{background: #eee5dd;margin-right: 1%;} #together_info .cts2{margin-left: 1%;border: 1px solid #eee5dd;} #together_info .cts img{display: block;margin: 0 auto;} #together_info .cts h4{border-top: 1px solid #d3baa5;font-size: 25px;font-weight: 400;margin: 30px 0 20px;padding-top: 25px;} #together_info .cts ul{} #together_info .cts ul li{margin-bottom: 20px;background:url(/bbs/sub/img/corporation/list_bg_black.png) left top 10px no-repeat;padding-left: 10px;} @media screen and (max-width:600px){ #together_info{padding: 50px 0;} #together_info .cts{padding: 30px 20px;float: none;width: 100%;height: auto;} #together_info .cts2{margin-left: 0;} #together_info .cts1{margin-right: 0;margin-bottom: 20px;} } /* 투게더상조 이용방법 */ #together_use{padding:100px 0;} #together_use .top_cts{display: inline-block;width: 100%;background:url(/bbs/sub/img/service/together_use_arrow_bg.jpg) center top no-repeat;padding-top: 80px;border-bottom: 1px solid #eee5dd;padding-bottom: 100px;margin-bottom: 50px;} #together_use .top_cts .list{float: left;width: 33.33%;text-align: center;} #together_use .top_cts .list .list_img{} #together_use .top_cts .list h4{font-size: 20px;font-weight: 400;margin: 10px 0;} #together_use .top_cts .list p{} #together_use .top_cts .list a{background: #c8a88d;color: #fff;padding: 5px 10px;font-size: 17px;border-radius: 10px;display: inline-block;margin-top: 20px;transition:.3s;} #together_use .top_cts .list a:hover{background: #65524b;} #together_use .top_cts .list a img{margin-top: -2px;margin-left: 5px;} #together_use .table_tit{font-size:20px;font-weight:400;margin-bottom:10px;} #together_use .table{border-top: 3px solid #65524b;border-bottom: 1px solid #65524b;} #together_use .table .list{display: inline-block;width: 100%;vertical-align: top;border-bottom: 1px solid #eee5dd;} #together_use .table .list .tit{float: left;width: 20%;text-align: center;vertical-align: middle;border-right: 1px solid #eee5dd;padding: 24px 0;font-size: 17px;background: #f9f9f9;} #together_use .table .list .txt{float: left;width: 80%;padding: 25px 15px;} #together_use .table .list:last-child{border-bottom:none;} @media screen and (max-width:600px){ #together_use{padding:50px 0;} #together_use .top_cts{background:none;padding-top:0;margin-bottom:30px;padding-bottom: 50px;} #together_use .top_cts .list{float: none;width: 100%;margin-bottom: 30px;} #together_use .top_cts .list:nth-child(3){margin-bottom: 0;} #together_use .top_cts .list a{margin-top: 10px;} #together_use .table .list .tit{float: none;width: 100%;border-right: none;border-bottom: 1px solid #eee5dd;} #together_use .table .list .txt{float: none;width: 100%;padding: 25px 0;text-align: center;} } /* 선/후불식 상조상품 비교 */ #comparison{padding:100px 0;} #comparison h4{font-size: 20px;font-weight: 400;margin-bottom: 20px;} #comparison .table_div.no_1{margin-bottom:50px;} #comparison table{border-spacing:0px;border-style:none;padding:0px;width:100%;border: 1px solid #EEE5DD;border-top: 3px solid #65524B;border-bottom: 1px solid #65524B;font-size: 17px;} #comparison table.no_1{} #comparison table th{padding: 0;height: 60px;border-right: 1px solid #EEE5DD;border-bottom: 1px solid #EEE5DD;font-weight: 400;} #comparison table th:nth-child(2){background:#F9F9F9;} #comparison table td{border-spacing: 0px;border-style: none;padding: 0px;height: 70px;text-align: center;border-right: 1px solid #EEE5DD;border-bottom: 1px solid #EEE5DD;} #comparison table tr:last-child td{border-bottom:none;} #comparison table td:nth-child(2){background:#F9F9F9;} #comparison table td:last-child{border-right:none;} #comparison p{font-size:12px;} @media screen and (max-width:600px){ #comparison{padding:50px 0;} #comparison .table_div{overflow-x:scroll;box-shadow:inset 10px 2px 15px 1px rgba(0,0,0,.1);} #comparison table{width:700px;} } /** 기업장례 **/ /* 기업장례 개요 */ #general_outline{padding:100px 0;} #general_outline .sub_txt{margin-bottom: 55px;} #general_outline .table{border-top: 3px solid #65524b;border-bottom: 1px solid #65524b;} #general_outline .table .list{display: inline-block;width: 100%;vertical-align: top;border-bottom: 1px solid #eee5dd;} #general_outline .table .list .tit{float: left;width: 20%;text-align: center;vertical-align: middle;border-right: 1px solid #eee5dd;padding: 24px 0;font-size: 17px;background: #f9f9f9;} #general_outline .table .list .txt{float: left;width: 80%;padding: 25px 15px;} #general_outline .table .list:last-child{border-bottom:none;} #general_outline .table .list:nth-child(3) .tit{padding:66px 0;} #general_outline .table .list .txt li{background:url(/bbs/sub/img/corporation/list_bg_black.png) left top 10px no-repeat;padding-left: 10px;margin: 10px 0;} @media screen and (max-width:600px){ #general_outline{padding:50px 0;} #general_outline .sub_txt{margin-bottom: 10px;} #general_outline .table .list .tit{float: none;width: 100%;border-right: none;padding: 20px 0;border-bottom: 1px solid #eee5dd;} #general_outline .table .list .txt{float: none;width: 100%;padding: 20px 0;text-align: center;} #general_outline .table .list:nth-child(3) .tit{padding:20px 0;} } /* 도입효과 */ #effect{padding: 100px 0;} #effect .cts{display: inline-block;width: 100%;border-top: 3px solid #65524B;border-bottom: 1px solid #65524B;} #effect .cts .box{float: left;width: 50%;padding-top: 30px;} #effect .cts .box2{border-left:1px solid #EEE5DD;} #effect .cts .box img{display: block;margin: 0 auto;} #effect .cts .box h4{text-align: center;font-size: 20px;font-weight: 400;margin: 30px 0;} #effect .cts .box dl{border-top: 1px solid #EEE5DD;padding: 15px 30px;} #effect .cts .box dl dt{font-weight: 500;font-size: 17px;margin-top: 30px;} #effect .cts .box dl dt:first-child{margin-top: 0;} #effect .cts .box dl dd{background:url(/bbs/sub/img/corporation/list_bg_black.png) left top 10px no-repeat;padding-left: 10px;margin: 10px 0;} @media screen and (max-width:600px){ #effect{padding: 50px 0;} #effect .cts{border-top:none;border-bottom:none;} #effect .cts .box{float:none;width:100%;border-bottom: 1px solid #65524B;border-top: 3px solid #65524B;} #effect .cts .box2{border-left:none;margin-top:30px;} #effect .cts .box dl{padding: 15px 0;} } /* 지원내용 */ #support_info{padding:100px 0;} #support_info h4{font-size: 20px;font-weight: 400;margin-bottom:15px;} #support_info p{} #support_info .box{height: 300px;float: left;width: 48%;border: 1px solid #C8A88D;padding: 15px 20px;margin-bottom:50px;} #support_info .box1{background:url(/bbs/sub/img/corporation/support_info_bg1.jpg) center top no-repeat;margin-right: 2%;} #support_info .box2{background:url(/bbs/sub/img/corporation/support_info_bg2.jpg) center top no-repeat;margin-left: 2%;} #support_info .box h4{} #support_info .box dl{} #support_info .box dl dt{font-weight: 500;margin-top: 15px;} #support_info .box dl dt:first-child{margin-top: 0;} #support_info .box dl dd{background:url(/bbs/sub/img/corporation/list_bg_black.png) left top 10px no-repeat;padding-left: 10px;margin: 10px 0;} @media screen and (max-width:600px){ #support_info{padding:50px 0;} #support_info .box{height:auto;float:none;width:100%;padding:10px 15px;margin-bottom:30px;} #support_info .box1{background-size:cover;margin-right: 0;} #support_info .box2{background-size:cover;margin-left: 0;} #support_info h4{margin-bottom:5px;} } /* 제휴 고객사 */ #customer_company{padding:100px 0;} #customer_company .cts{float: left;width: 50%;} #customer_company .cts1{} #customer_company .cts2{text-align:right;} #customer_company .cts img{} #customer_company .mb{display:none;width:100%;} @media screen and (max-width:600px){ #customer_company{padding:50px 0;} #customer_company .cts{display:none;} #customer_company .mb{display:block;} } /** 상품안내 **/ #pdc{padding:100px 0;} #pdc .top_txt{text-align:right;} #pdc .top_info{margin-bottom:50px;display: inline-block;width: 100%;} #pdc .top_info img{float: left;width: 50%;padding-right: 20px;} #pdc .top_info .table{float: left;width: 50%;border-top: 2px solid #65524c;border-bottom: 2px solid #65524c;} #pdc .top_info .table .list{display: inline-block;width: 100%;border-bottom: 1px solid #eee5de;vertical-align: top;} #pdc .top_info .table .list:last-child{border-bottom:none;} #pdc .top_info .table .list h4{float: left;width: 50%;text-align: center;border-right: 1px solid #eee5de;font-weight: 400;height: 75px;line-height: 75px;} #pdc .top_info .table .list p{float: left;width: 50%;line-height: 75px;padding-left: 20px;} #pdc .top_info .table .list.red{color: #ed4141;} #pdc .top_info .table .list.big{font-size: 25px;font-weight: 600;} #pdc .top_info .table .list.big h4{font-weight: 600;} #pdc .tabs{display:inline-block;width:100%;} #pdc .tabs li{transition:.3s;float:left;width:33.33%;text-align:center;cursor:pointer;height: 80px;line-height: 80px;font-size: 20px;border: 1px solid #c8a88d;} #pdc .tabs li:nth-child(2){border-right:none;border-left:none;} #pdc .tabs li.active,#pdc .tabs li:hover{background:#c8a88d;color:#fff;} #pdc .tab_container{margin-top:50px;} #pdc .cts{font-size: 15px;border-top: 3px solid #65524c;border-bottom: 1px solid #65524c;} #pdc .cts2{position:relative;} #pdc .cts .list{border-bottom: 1px solid #eee5de;display: inline-block;width: 100%;vertical-align: top;position:relative;} #pdc .cts .list span{position: absolute;left: 417px;top: 5px;font-size: 12px;} #pdc .cts .list img{position:absolute;left:0;top:0;height:70px;} #pdc .cts .list h4{float: left;padding: 24px 0;font-weight: 400;width: 245px;text-align: center;border-right: 1px solid #eee5de;} #pdc .cts .list p{float: left;padding: 24px 20px;} #pdc .cts3 .list:nth-child(4),#pdc .cts3 .list:nth-child(6){border-bottom:1px solid #65524c;} #pdc .free_tit{font-size:20px;font-weight:400;margin: 50px 0 20px;} #pdc .cts.btm_cts .list p{padding-left:90px;} #pdc .info{margin-top: 25px;} #pdc .info h5{font-size: 15px;font-weight: 400;} #pdc .info ul{} #pdc .info ul li{background:url(/bbs/sub/img/corporation/list_bg_black.png) left top 9px no-repeat;font-size: 13px;margin: 10px 0 0 10px;padding-left: 10px;} #pdc .btm_btn{margin-top: 100px;border: 1px solid #C8A88D;display: inline-block;width: 100%;} #pdc .btm_btn li{float: left;width: 25%;text-align: center;line-height: 40px;border-right: 1px solid #C8A88D;transition:.3s;} #pdc .btm_btn li.active,#pdc .btm_btn li:hover{background:#C8A88D;} #pdc .btm_btn li:last-child{border-right:none;} #pdc .btm_btn li a{display:block;line-height: 60px;font-size: 20px;} #pdc .btm_btn li.active a,#pdc .btm_btn li:hover a{color:#fff;} @media screen and (max-width:600px){ #pdc{padding: 50px 0;} #pdc .top_txt{text-align: center;margin-bottom: 20px;} #pdc .top_info img{float: none;width: 100%;padding-right: 0;} #pdc .top_info .table{float: none;width: 100%;margin-top: 20px;} #pdc .top_info .table .list h4{height: 50px;line-height: 50px;} #pdc .top_info .table .list p{line-height: 50px;} #pdc .top_info .table .list.big{font-size: 20px;} #pdc .tabs li{height: 50px;line-height: 50px;font-size: 15px;} #pdc .tab_container{margin-top: 20px;} #pdc .cts .list img{height: 62px;} #pdc .cts .list:nth-child(2n){background:#f5f5f5;} #pdc .cts .list h4{float: none;padding: 20px 0;width: 100%;border-right: none;} #pdc .cts .list span{left: 50%;top: 101px;margin-left: -47px;} #pdc .cts .list p{float: none;padding: 20px 0px;text-align: center;} #pdc .cts.btm_cts .list p{padding-left: 60px;font-size: 14px;} #pdc .cts.btm_cts .list:nth-child(2n){background:none;} #pdc .btm_btn{margin-top: 50px;} #pdc .btm_btn li{width: 50%;line-height: 40px;} #pdc .btm_btn li:nth-child(1){border-bottom:1px solid #C8A88D;} #pdc .btm_btn li:nth-child(2){border-right:none;border-bottom:1px solid #C8A88D;} } /* 실속형 */ #pdc.pdc190 .cts .list span{position: absolute;left: 484px;top: 5px;font-size: 12px;} #pdc.pdc190 .cts2 .list:nth-child(1) p,#pdc.pdc190 .cts2 .list:nth-child(2) p{padding-left:90px;} #pdc.pdc190 .cts2 h5{position:absolute;left:245px;top:0;background:#fff;border-right:1px solid #eee5de;height:140px;width: 70px;text-align: center;padding: 60px 0;font-weight: 400;} /* 고급형, 최고급형 */ #pdc.pre .cts3 .list:nth-child(8) p{padding:13px 20px;} /* 최고급형 */ #pdc.pdc500 .cts .list span{position: absolute;left: 265px;top: 5px;font-size: 12px;} @media screen and (max-width:600px){ #pdc.pdc190 .cts2 .list:nth-child(1) p, #pdc.pdc190 .cts2 .list:nth-child(2) p{padding-left: 0;padding-right: 50px;} #pdc.pdc190 .cts .list span{left: 50%;top: 65px;margin-left: 0;} #pdc.pdc190 .cts2 h5{right: 0;left:auto;height: 250px;width: 50px;padding: 117px 0;border-left: 1px solid #eee5de;border-bottom: 1px solid #eee5de;} #pdc.pdc500 .cts .list span{left: 50%;top: 103px;margin-left: -45px;} } /** 고객센터 **/ /* 간편상담 */ #counsel{padding: 100px 0;} #counsel .cts{} #counsel .cts .form-con{border-top: 3px solid #65524b;padding: 20px 0;border-bottom: 3px solid #65524b;} #counsel .cts .form-con ul{} #counsel .cts .form-con ul li{} #counsel .cts .form-con ul li input{width: 100%;float: left;padding: 0 10px;height: 40px;} #counsel .cts .form-con .input_box{float: left;width: 50%;} #counsel .cts .form-con .input_box.box1{float: right;padding-left: 10px;} #counsel .cts .form-con .input_box.box1 input{width: 33.33%;} #counsel .cts .form-con .input_box.box1 select{float: left;width: 33.33%;height: 40px;} #counsel .cts .form-con .input_box.box2{padding-right: 10px;} #counsel .cts .form-con .text_box{display: inline-block;width: 100%;margin-top: 20px;} #counsel .cts .form-con .text_box textarea{width: 100%;padding: 10px;} #counsel .cts .form-con .provision{} #counsel .cts .form-con .provision input{} #counsel .cts .form-con .provision span{} #counsel .cts .receive-btn{} #counsel .cts .receive-btn input{background: #65524B;border: none;width: 100%;color: #fff;font-size: 20px;margin-top: 20px;padding: 10px 0;} @media screen and (max-width:600px){ #counsel{padding: 50px 0;} } /* FAQ */ #faq{padding:100px 0;} #faq .accordion{} #faq .accordion h4{background:#ffffff url("/bbs/sub/img/customer/arrow_open.png") right 20px top 25px no-repeat;position: relative;font-size: 17px;font-weight: 400;padding: 20px 30px 20px 70px;border-bottom: 1px solid #E9DCD1;transition:.3s;cursor:pointer;} #faq .accordion h4:first-child{border-top:1px solid #E9DCD1;} #faq .accordion h4:hover,#faq .accordion h4.active{background:#F8F7F2 url("/bbs/sub/img/customer/arrow_open.png") right 20px top 25px no-repeat;} #faq .accordion h4.active{border-bottom:none;background:#F8F7F2 url("/bbs/sub/img/customer/arrow_close.png") right 20px top 25px no-repeat;} #faq .accordion h4 img{position: absolute;left: 20px;top: 20px;} #faq .accordion p{border-top: 1px solid #65524B;border-bottom: 1px solid #65524B;padding: 40px 70px;word-break:keep-all;} @media screen and (max-width:600px){ #faq{padding:50px 0;} #faq .accordion h4{padding: 20px 45px;background:#ffffff url("/bbs/sub/img/customer/arrow_open.png") right 20px top 30px no-repeat;background-size: 15px;} #faq .accordion p{padding: 20px;} #faq .accordion h4 img{left: 15px;} #faq .accordion h4.active{background:#F8F7F2 url("/bbs/sub/img/customer/arrow_close.png") right 20px top 30px no-repeat;background-size: 15px;} #faq .accordion h4:hover{background:#ffffff url("/bbs/sub/img/customer/arrow_open.png") right 20px top 30px no-repeat;background-size: 15px;} #faq .accordion h4.active{background:#F8F7F2 url("/bbs/sub/img/customer/arrow_close.png") right 20px top 30px no-repeat;background-size: 15px;} } /* 회원가입 현황 */ #members{padding:100px 0;} #members .cts{display: inline-block;width: 100%;border: 1px solid #C8A88D;} #members .cts .box{float: left;width: 25%;text-align: center;font-size: 17px;} #members .cts .box h4{line-height: 60px;background: #C8A88D;color: #fff;font-weight: 400;border-right: 1px solid #fff;} #members .cts .box:nth-child(4n) h4{border-right:none;} #members .cts .box p{line-height: 60px;border-right: 1px solid #EEE5DD;} #members .cts .box:nth-child(4n) p{border-right:none;} @media screen and (max-width:600px){ #members{padding:50px 0;} #members .cts .box{width: 33.33%;} #members .cts .box:last-child{width:100%;} #members .cts .box:nth-child(4n) h4{border-right:1px solid #fff;} #members .cts .box:nth-child(3n) h4{border-right:none;} #members .cts .box:nth-child(4n) p{border-right:1px solid #EEE5DD;} #members .cts .box:nth-child(3n) p{border-right:none;} #members .cts .box:last-child h4{border-right:none;} #members .cts .box:last-child p{border-right:none;} } /** 장례정보 **/ /* 장례준비사항 */ #ready{padding: 100px 0;} #ready .box{float: left;width: 50%;height: 255px;padding:15px 15px 0 120px;border-right: 1px solid #D8C2AF;border-bottom: 1px solid #D8C2AF;} #ready .box1{background:url(/bbs/sub/img/info/ready_icon1.png) left 20px top 15px no-repeat;} #ready .box2{background:url(/bbs/sub/img/info/ready_icon2.png) left 20px top 15px no-repeat;border-right:none;} #ready .box3{background:url(/bbs/sub/img/info/ready_icon3.png) left 20px top 15px no-repeat;border-bottom:none;} #ready .box4{background:url(/bbs/sub/img/info/ready_icon4.png) left 20px top 15px no-repeat;border-right:none;border-bottom:none;} #ready .box h4{font-size: 20px;margin-bottom: 10px;} #ready .box ul{} #ready .box ul li{background:url(/bbs/sub/img/corporation/list_bg_black.png) left top 10px no-repeat;padding-left: 10px;margin: 10px 0;} #ready .box p{} #ready .box p strong{} @media screen and (max-width:600px){ #ready{padding: 50px 0;} #ready .box{float: none;width: 100%;height: auto;padding: 130px 0 30px 0;border-right: none;} #ready .box1{background:url(/bbs/sub/img/info/ready_icon1.png) left top 30px no-repeat;} #ready .box2{background:url(/bbs/sub/img/info/ready_icon2.png) left top 30px no-repeat;} #ready .box3{background:url(/bbs/sub/img/info/ready_icon3.png) left top 30px no-repeat;border-bottom: 1px solid #D8C2AF;} #ready .box4{background:url(/bbs/sub/img/info/ready_icon4.png) left top 30px no-repeat;} } /* 장례절차 */ #procedure{padding:100px 0;} #procedure .tabs{display: inline-block;width: 100%;border: 1px solid #C8A88D;} #procedure .tabs li{float: left;width: 33.33%;text-align: center;height: 60px;line-height: 60px;font-size: 20px;border-right: 1px solid #C8A88D;cursor:pointer;transition:.3s;} #procedure .tabs li.active,#procedure .tabs li:hover{color:#fff;background:#C8A88D;} #procedure .tabs li:last-child{border-right:none;} #procedure .tab_container{margin-top: 50px;} #procedure .tab_container .tab_content{} #procedure .tab_container .tab_content > ul{display: inline-block;width: 100%;} #procedure .tab_container .tab_content > ul > li{height: 240px;border: 1px solid #D7C2AF;float: left;width: 48%;margin-right: 4%;margin-bottom: 4%;padding: 40px 20px 0 100px;} #procedure .tab_container .tab_content > ul > li:nth-child(1){background:url(/bbs/sub/img/info/procedure_num1.png) left 30px top 40px no-repeat;} #procedure .tab_container .tab_content > ul > li:nth-child(2){background:url(/bbs/sub/img/info/procedure_num2.png) left 30px top 40px no-repeat;} #procedure .tab_container .tab_content > ul > li:nth-child(3){background:url(/bbs/sub/img/info/procedure_num3.png) left 30px top 40px no-repeat;} #procedure .tab_container .tab_content > ul > li:nth-child(4){background:url(/bbs/sub/img/info/procedure_num4.png) left 30px top 40px no-repeat;} #procedure .tab_container .tab_content > ul > li:nth-child(5){background:url(/bbs/sub/img/info/procedure_num5.png) left 30px top 40px no-repeat;} #procedure .tab_container .tab_content > ul > li:nth-child(6){background:url(/bbs/sub/img/info/procedure_num6.png) left 30px top 40px no-repeat;} #procedure .tab_container .tab_content > ul > li:nth-child(2n){margin-right: 0;} #procedure .tab_container .tab_content > ul > li > h4{font-size: 20px;font-weight: 400;margin-bottom: 15px;} #procedure .tab_container .tab_content > ul > li > ul{} #procedure .tab_container .tab_content > ul > li > ul > li{background:url(/bbs/sub/img/info/list_bg_br.png) left top 10px no-repeat;padding-left: 10px;margin: 10px 0;} #procedure .tab_container #tab3.tab_content > ul{} #procedure .tab_container #tab3.tab_content > ul > li{margin-right: 0;} #procedure .tab_container #tab3.tab_content > ul > li:first-child{width: 100%;margin-right: 0;} #procedure .tab_container #tab3.tab_content > ul > li:nth-child(2){margin-right:4%;} #procedure .tab_container #tab3.tab_content > ul > li:nth-child(2), #procedure .tab_container #tab3.tab_content > ul > li:nth-child(3){background:url(/bbs/sub/img/info/procedure_num2-1.png) left 30px top 40px no-repeat;margin-bottom: 0;padding-left: 150px;} @media screen and (max-width:600px){ #procedure{padding:50px 0;} #procedure .tabs li{height: 50px;line-height: 50px;font-size: 15px;} #procedure .tab_container{margin-top: 30px;} #procedure .tab_container .tab_content > ul > li{height: auto;float: none;width: 100%;margin-right: 0;margin-bottom: 20px;padding: 20px 20px 20px 60px;} #procedure .tab_container .tab_content > ul > li:nth-child(1){background:url(/bbs/sub/img/info/procedure_num1.png) left 15px top 25px no-repeat;background-size: 30px;} #procedure .tab_container .tab_content > ul > li:nth-child(2){background:url(/bbs/sub/img/info/procedure_num2.png) left 15px top 25px no-repeat;background-size: 30px;} #procedure .tab_container .tab_content > ul > li:nth-child(3){background:url(/bbs/sub/img/info/procedure_num3.png) left 15px top 25px no-repeat;background-size: 30px;} #procedure .tab_container .tab_content > ul > li:nth-child(4){background:url(/bbs/sub/img/info/procedure_num4.png) left 15px top 25px no-repeat;background-size: 30px;} #procedure .tab_container .tab_content > ul > li:nth-child(5){background:url(/bbs/sub/img/info/procedure_num5.png) left 15px top 25px no-repeat;background-size: 30px;} #procedure .tab_container .tab_content > ul > li:nth-child(6){background:url(/bbs/sub/img/info/procedure_num6.png) left 15px top 25px no-repeat;background-size: 30px;} #procedure .tab_container #tab3.tab_content > ul > li:nth-child(2), #procedure .tab_container #tab3.tab_content > ul > li:nth-child(3){background: url(/bbs/sub/img/info/procedure_num2-1.png) left 15px top 40px no-repeat;background-size: 60px;padding: 20px 20px 20px 90px;} #procedure .tab_container #tab3.tab_content > ul > li:nth-child(2){margin-bottom:20px;} } /* 종교별 문상예절 */ #religion{padding: 100px 0;} #religion .tabs{display: inline-block;width: 100%;border: 1px solid #C8A88D;} #religion .tabs li{transition:.3s;float: left;width: 25%;text-align: center;height: 70px;line-height: 70px;font-size: 20px;border-right: 1px solid #C8A88D;cursor: pointer;} #religion .tabs li:nth-child(1){background:#fff url("/bbs/sub/img/info/religion_tab_icon1.png") left 20px top 8px no-repeat;} #religion .tabs li:nth-child(2){background:#fff url("/bbs/sub/img/info/religion_tab_icon2.png") left 20px top 8px no-repeat;} #religion .tabs li:nth-child(3){background:#fff url("/bbs/sub/img/info/religion_tab_icon3.png") left 20px top 8px no-repeat;} #religion .tabs li:nth-child(4){background:#fff url("/bbs/sub/img/info/religion_tab_icon4.png") left 20px top 8px no-repeat;border-right:none;} #religion .tabs li:nth-child(1).active,#religion .tabs li:nth-child(1):hover{background:#C8A88D url("/bbs/sub/img/info/religion_tab_icon1.png") left 20px top 8px no-repeat;color:#fff;} #religion .tabs li:nth-child(2).active,#religion .tabs li:nth-child(2):hover{background:#C8A88D url("/bbs/sub/img/info/religion_tab_icon2.png") left 20px top 8px no-repeat;color:#fff;} #religion .tabs li:nth-child(3).active,#religion .tabs li:nth-child(3):hover{background:#C8A88D url("/bbs/sub/img/info/religion_tab_icon3.png") left 20px top 8px no-repeat;color:#fff;} #religion .tabs li:nth-child(4).active,#religion .tabs li:nth-child(4):hover{background:#C8A88D url("/bbs/sub/img/info/religion_tab_icon4.png") left 20px top 8px no-repeat;color:#fff;} #religion .tab_container{} #religion .tab_container .tab_content{text-align: center;padding-top: 50px;} #religion .tab_container .tab_content .tab1_img{margin-bottom: 50px;} #religion .tab_container .tab_content .tab_img{} #religion .tab_container .tab_content .mb{display:none;} @media screen and (max-width:600px){ #religion{padding: 50px 0;} #religion .tab_container .tab_content .tab_img{display:none;} #religion .tabs li{width: 50%;height: 50px;line-height: 50px;font-size: 15px;} #religion .tabs li:nth-child(1){background:none;border-bottom:1px solid #C8A88D;} #religion .tabs li:nth-child(2){background:none;border-right: none;border-bottom:1px solid #C8A88D;} #religion .tabs li:nth-child(3){background:none;} #religion .tabs li:nth-child(4){background:none;} #religion .tabs li:nth-child(1).active,#religion .tabs li:nth-child(1):hover{background:#C8A88D;} #religion .tabs li:nth-child(2).active,#religion .tabs li:nth-child(2):hover{background:#C8A88D;} #religion .tabs li:nth-child(3).active,#religion .tabs li:nth-child(3):hover{background:#C8A88D;} #religion .tabs li:nth-child(4).active,#religion .tabs li:nth-child(4):hover{background:#C8A88D;} #religion .tab_container .tab_content{padding-top:30px;} #religion .tab_container .tab_content .tab1_img{margin-bottom: 30px;max-width:100%;} #religion .tab_container .tab_content .mb{display:block;} #religion .tab_container .tab_content .mb li{background:#F5EEE8;padding-left:0;margin:20px 0;padding: 20px;text-align:left;} #religion .tab_container .tab_content .mb li:nth-child(2n){background:none;text-align: center;padding: 0;} #religion .tab_container .tab_content .mb li h4{font-size:25px;margin-bottom: 10px;width: 135px;border-bottom: 2px solid #C8A88D;padding-bottom: 5px;} #religion .tab_container .tab_content .mb li p{} } /* 안치방법 */ #placed{padding:100px 0;} #placed .tabs{display: inline-block;width: 100%;border: 1px solid #C8A88D;} #placed .tabs li:first-child{border-right:1px solid #C8A88D;} #placed .tabs li{float: left;width: 50%;text-align: center;height: 60px;line-height: 60px;font-size: 20px;cursor: pointer;transition:.3s;} #placed .tabs li:hover,#placed .tabs li.active{background:#C8A88D;color:#fff;} #placed .tab_container{padding-top: 50px;} #placed .tab_container .tab_content{} #placed .tab_container .tab_content .tab_tit{margin-bottom: 20px;} #placed .tab_container .tab_content ul{display: inline-block;width: 100%;} #placed .tab_container .tab_content ul li{border: 1px solid #D7C2AF;float: left;width: 49%;height: 250px;position: relative;margin-right: 2%;padding: 30px;margin-bottom: 2%;} #placed .tab_container .tab_content ul li:nth-child(2n){margin-right:0;} #placed .tab_container .tab_content ul li h4{font-size: 20px;font-weight: 400;margin-bottom: 10px;} #placed .tab_container .tab_content ul li p{} #placed .tab_container .tab_content ul li span{position: absolute;bottom: 50px;left:30px;} #placed .tab_container .tab_content ul li img{position: absolute;right: 10px;bottom: 10px;} @media screen and (max-width:600px){ #placed{padding:50px 0;} #placed .tab_container{padding-top: 30px;} #placed .tab_container .tab_content .tab_tit{margin-bottom: 15px;} #placed .tab_container .tab_content ul li{float: none;width: 100%;height: auto;margin-right: 0;padding: 20px 20px 180px;margin-bottom: 20px;} #placed .tab_container .tab_content ul li span{bottom: 110px;left: 20px;margin-right: 20px;} #placed .tab_container #tab2.tab_content ul li{padding:20px 20px 120px;} } /* 장례행정절차 안내 */ #administrative{padding:100px 0;} #administrative .cts{border-bottom: 1px solid #D7C2AF;padding: 20px 0;} #administrative .cts:nth-child(10){border-bottom:none;} #administrative .cts h4{font-size: 20px;font-weight: 400;margin-bottom: 15px;} #administrative .cts .txt{} #administrative .cts .txt h5{display: inline-block;width: 10%;margin: 5px 0;vertical-align: top;} #administrative .cts .txt p{display: inline-block;width: 89.72%;margin-top: 5px;} #administrative .cts .txt ul{display: inline-block;width: 89.72%;margin-top: 5px;} #administrative .cts .txt ul li{} #administrative .cts .txt ul li span{width: 100px;display: inline-block;} #administrative .cts .txt ul li em{font-style:normal;} #administrative a{background: #C8A88D;text-align: center;color: #fff;height: 50px;display: block;width: 300px;line-height: 50px;font-size: 20px;margin:0 auto;margin-top: 50px;} #administrative a img{margin-left:10px;} @media screen and (max-width:600px){ #administrative{padding:50px 0;} #administrative .cts .txt h5{width: 20%;font-size: 15px;font-weight:bold;} #administrative .cts:nth-child(7) .txt h5.mb_100{width:100%;} #administrative .cts .txt p{width: 78.93%;} #administrative .cts .txt ul{width: 100%;} #administrative .cts .txt ul li span{width: 20%;width: 27%;vertical-align: top;margin: 5px 0;} #administrative .cts .txt ul li em{display: inline-block;width: 73%;margin: 5px 0;padding-left: 10px;} } /* 장지안내 및 답사 */ #exploration{padding: 100px 0;} #exploration .cts{margin-bottom: 50px;} #exploration .cts:last-child{margin-bottom:0;} #exploration .cts h4{font-size: 25px;font-weight: 400;margin-bottom: 15px;} #exploration .cts table{border-spacing:0px;border-style:none;padding:0px;width: 100%;border: 1px solid #F1EAE4;border-top: 3px solid #65524B;border-bottom: 1px solid #65524B;} #exploration .cts th{border-spacing:0px;border-style:none;padding:0px;background: #EEE5DE;height: 70px;font-size: 20px;border-right: 1px solid #fff;} #exploration .cts th:last-child{border-right:none;} #exploration .cts td{border-spacing:0px;border-style:none;padding:0px;text-align: center;height: 70px;border-right: 1px solid #F1EAE4;font-size: 20px;border-bottom: 1px solid #F1EAE4;} #exploration .cts td:last-child{border-right:none;} #exploration .cts table tr:last-child td{border-bottom:none;} #exploration .counsel_box .go_btn{width: 345px;background: #c8a88d;color: #fff;display: block;height: 65px;line-height: 65px;position: relative;padding-left: 35px;margin: 0 auto;margin-bottom: 50px;font-size: 20px;} #exploration .counsel_box .go_btn .arrow{position: absolute;right: 25px;top: 25px;transition:.3s;} #exploration .counsel_box .go_btn:hover .arrow{right:40px;} #exploration .img_ul{} #exploration .img_ul li{float:left;width:31.33%;margin-right:3%;margin-bottom:3%;height:200px;} #exploration .img_ul li:nth-child(3n){margin-right:0;} #exploration .img_ul li img{width:100%;height: 100%;} @media screen and (max-width:600px){ #exploration{padding: 50px 0;} #exploration .cts h4{font-size: 20px;} #exploration .cts th{height: 50px;font-size: 17px;} #exploration .cts td{height: 50px;font-size: 15px;} #exploration .counsel_box .go_btn{width:100%;} #exploration .img_ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;} } /* 묘지이장 및 개장 */ #modification{padding: 100px 0;} #modification .tabs{display: inline-block;width: 100%;border: 1px solid #C8A88D;} #modification .tabs li{float: left;width: 50%;text-align: center;height: 60px;line-height: 60px;font-size: 25px;cursor: pointer;transition:.3s;} #modification .tabs li:first-child{border-right:1px solid #C8A88D;} #modification .tabs li:hover,#modification .tabs li.active{background:#C8A88D;color:#fff;} #modification .tab_container{padding-top: 50px;margin-bottom: 50px;} #modification .tab_container .tab_content{} #modification .tab_container .tab_content .tab_tit{margin-bottom: 15px;} #modification .tab_container .tab_content img.pc{margin-bottom: 20px;} #modification .tab_container .tab_content h4{font-size: 25px;margin-bottom: 20px;} #modification .tab_container .tab_content h5{font-size: 20px;font-weight: 400;} #modification .tab_container .tab_content ul{} #modification .tab_container .tab_content ul li{background:url(/bbs/sub/img/info/list_bg_br.png) left top 10px no-repeat;padding-left: 10px;margin: 10px 0;} #modification .counsel_box .go_btn{width: 345px;background: #c8a88d;color: #fff;display: block;height: 65px;line-height: 65px;position: relative;padding-left: 35px;margin: 0 auto;margin-bottom: 50px;font-size: 20px;} #modification .counsel_box .go_btn .arrow{position: absolute;right: 25px;top: 25px;transition:.3s;} #modification .counsel_box .go_btn:hover .arrow{right:40px;} #modification .img_ul{} #modification .img_ul li{float:left;width:49%;margin-right:2%;margin-bottom:2%;} #modification .img_ul li:nth-child(2n){margin-right:0;} #modification .img_ul li img{width:100%;} #modification .tab_container .tab_content .mb{display:none;} @media screen and (max-width:600px){ #modification{padding: 50px 0;} #modification .tabs li{height: 50px;line-height: 50px;font-size: 20px;} #modification .tab_container{padding-top:30px;margin-bottom:30px;} #modification .tab_container .tab_content .pc{display:none;} #modification .tab_container .tab_content .mb{display:block;} #modification .tab_container .tab_content .mb li{background:#F5EEE8;padding-left:0;margin:20px 0;padding: 20px;} #modification .tab_container .tab_content .mb li:nth-child(2n){background:none;text-align: center;padding: 0;} #modification .tab_container .tab_content .mb li h4{font-size:25px;margin-bottom: 10px;width: 135px;border-bottom: 2px solid #C8A88D;padding-bottom: 5px;} #modification .tab_container .tab_content .mb li p{font-size:20px;} #modification .counsel_box .go_btn{width:100%;} #modification .img_ul li{float: none;width: 100%;margin-right: 0;margin-bottom: 20px;} }