@charset "utf-8";
/* CSS Document */

/*******기존*********/

/**********************
Publishing : Lee Bit-na
Beginning : 2016-01-19
Final : 
***********************/

@media screen and (max-width: 1520px) {
	#main_visual, .service_visual, .monslife_visual {width: auto; margin: 130px 50px 0; background-size: auto;}
	.page_title {left: 80px;}
	.visual_title {margin: 130px 80px 0}
	.w_wrap  {width: auto; margin: 0 50px;}
}

@media screen and (max-width:1400px) {
	.service_box {width: auto; margin: 0 50px;}
	.main_wrap  {width: auto; margin: 0 50px;}
	.service_price .text_box dt {line-height: 1.6em}
	.service_price .text_box dd {font-size: 18px;}
	.contet_wrap {margin: 0 0 0 50px}
	.contet_wrap .bx-controls-direction {display: none}
	
	.marble_gallery {padding-left: 50px}
	.service_price .text_box .price.note {font-size: 16px;}
	
	.main_benefit .cont .benefit_cont {width: calc(100% / 3 - 20px); padding: 40px 0px; margin: 0 10px; min-height: 400px;}


}
@media screen and (min-width:1140px) {
	.header .btn_menu {display:none !important} 
	.tab_select01 {display:none} 
	.header_gnb, .tab_address_ul {display:block}
	
}	

@media screen and (max-width:1140px) {
	/* .header {height: 65px} */
	.header h1 {left: 50%; top: 20px;margin:0;}
	/* .header h1 a {background-size: auto 35px; width: 172px; height: 35px; margin: -3px 0 0 -86px} */
	.header h2 {left: inherit; right: 0; top: 15px; font-size: 13px; text-align: right; line-height: 1.3em}
	.header .btn_menu {display:block}
	.tab_select01 {display:block} 
	.header_gnb, .tab_address_ul {display:none}
	.header .call {display: none}
	.w_wrap {width: auto}
	.history_wrap > ul > li.left .year{padding-left:38px;}
	.page_title h1 {font-size: 60px; line-height: 70px; margin-top:0}
	.main_portfolio {padding: 100px 0 80px 40px }
	.main_area {padding: 100px 0 0 40px}
	.main_area .txt {left: 0; margin: 0}
	.main_area .pic {width: 50%}
	.main_area .pic img {width: 100%}
	.sub_container {padding: 80px 20px}
	
	
	#main_visual  {margin: 65px 50px 0;}
	.main_company .copy dt {font-size: 40px}
	.main_company .copy dt span img {height: 40px}
	
	
	.service_box {padding: 80px 0 30px; margin: 0 50px;}
	.service_box li {width: 50%; margin-bottom: 50px;}
	.feature_box li {width: 50%; margin-bottom: 50px;}
	
	.main_gallery li {width: 50%}
	.main_gallery li a {float: none;}
	
	/* 추모공간 */
	.memory ul {margin: 0 -10px}
	.memory li {width: 50%; float: left;}
	.memory .memory_img	{width: auto; height: 350px; margin-right: 0; float: none; margin: 0 10px;}
	.memory .memory_box {width: auto; float: none; margin: 0 10px;}
	.memory .memory_box .memory_copy {margin: 20px 40px 0; padding-top: 40px;}
	.memory .memory_box .memory_price {left: 40px; bottom: 40px;}
	
	/* main */
	.main01 .visual_dog {text-align: right; margin: 0; left: auto; right: 100px; bottom: 100px}
	.main01 .visual_dog img {width: 80%}

	/* contact */
	.email_title {margin: 60px 40px 0}
	.message_form {margin:0 20px}
	.company_map .map_infor {margin: 0; left: 20px; top:20px; width: 200px; padding: 30px}
	.check_box {margin: 40px 40px 0}
	
	
	/**/
	.forum_wrap .inner_wrap {min-height: inherit}
	.forum_wrap .forum_sidemenu {margin-top: 150px}
	.forum_wrap .area_article {width: auto; padding: 0 30px}
	.forum_wrap .forum_sidemenu .dim {position: absolute; left: 0; top:0}
	.forum_wrap .forum_sidemenu .inner_list {width: auto; padding-left: 280px}
	.page_content .copy h3 {font-size: 40px}
	
	/**/
	.mong_cs {margin: 150px 0 100px}
	.tbl_row .row .txt {height: auto; word-break: keep-all}
	.mongs_gallery .g_title {margin: 60px 0 0}
	.mongs_gallery .g_title h1 {font-size: 30px;}
	.mongs_gallery .g_title .g_copy {margin-top: 10px;}
	.tab_bk {padding: 40px 0 20px}
	.portfolio_wrap .inBox dl {height: 260px}
	.news_wrap {margin: 100px auto 50px;}
	.service_price .text_box .price.note {font-size: 14px;}

	
	/*몽몽이멤버십*/
	.monslife_visual .txt_wrap .key_msg {font-size: 70px}
	.main_benefit .cont .benefit_cont {width: calc(100% / 3 - 20px); padding: 40px 0px; margin: 0 10px;min-height: 400px;}
	.main_benefit .txt {font-size: 14px; margin: 0 20px; word-break: keep-all}


}



@media screen and (min-width:1000px) {
	.tab_mobile {display: none}
}

@media screen and (max-width:1000px) { 
	.tab_mobile {display: block}
	.background-cover video {width: 200% !important}
	.header .lag {display: none}
	.header .btn_otollo, .header.wh .btn_otollo, .header .otollo, .header.wh .otollo {width: 100px}
	.location_detail .tab_mobile {margin:0 50px}
	.sub_gnb {width: auto; margin: 0 30px}
	.s_part {height: 320px}
	.s_part .page_title {top:165px}
	.s_part .page_title h1, .s_part .page_title h1.kr {font-size: 35px}
	.s_part .page_title h1 i img {width: 14px}
	.s_part .page_title p {padding-top: 20px}
	
	.model_wrap .page_title h1 {font-size: 45px; line-height: 50px}
	.inist_recruit .benefit li {width: 50%}
	.motion_arrow {display: none}
	.recruit_man h2, .company_num .content h2 {font-size:30px}
	.company_philosophy .content h2 {font-size: 28px}
	
	.product_sorting .s_infor {font-size: 12px; line-height: 1.7em; height: 30px; text-align: left}
	.product_sorting .sorting_box .content {height:130px }
	.sorting_initial li {float: left}
	.product_sorting .s_infor br {display: none}
	.innovation_wrap {padding: 40px 0 20px}
	.new_product_wrap {margin-bottom: 40px}
	.item_obj .reveiw dl dt {width: 45px; height: 45px; background-size:45px}
	
	.cs_item h2 {font-size: 16px}
	.cs_in {padding: 30px 0 30px 136px;}
	
	.goods_list li {width: 33.3%}
	.agtab a {width: 25%}
	.goods_list .box .box_info h2 {font-size: 18px}
	.goods_list .box .box_info {left: 20px; right: 20px; bottom: 20px;}
	
	.color_list li {width: 50%; margin-bottom: 10px}
	.color_wrap .parallax-hand {height: 750px}
	
	/* 채용링크 */
	.recruit_link_wrap .linkBox {width: 43%; margin: 0 1%;}
	.recruit_link_wrap .linkBox .head .ci img {height: 50px}
	
	
	.sub_container {padding: 60px 40px}
	.tbl_style .table>thead>tr>th {padding: 10px !important}
	.visual_sub.portfolio {background: url(../images/pic/bg_pr.jpg) no-repeat center center; background-size: cover}
	.visual_sub.contact {background: url(../images/pic/bg_contact.jpg) no-repeat center center; background-size: cover}
	.visual_sub.notice {background: url(../images/pic/bg_notice.jpg) no-repeat center center; background-size: cover}	
	
	
	/**/
	.start_wrap img {max-width: 100%}
	.start_wrap .visual {height: auto; padding-top: 100px}
	.start_wrap .visual_img img {width: 100%}
	.start_wrap .visual_img {position: relative; padding: 0 150px}
	.start_div {padding: 70px 30px 100px}
	
	/**/
	.page_content .copy h3 {font-size: 30px}
	.forum_wrap .forum_sidemenu .inner_list {padding-bottom: 50px}
	
	/* 추모공간 */
	.memory .memory_box {height: 450px}
	.memory .memory_box .memory_price .title {width: auto}
	
	
	/*funeral*/
	.service_table {width: calc(100% - 20px); font-size: 15px; margin-bottom: 50px;}
	
	/*몽몽이멤버십*/
	.monslife_visual .txt_wrap .key_msg {font-size: 50px}
	.monslife_visual .txt_wrap .msg {font-size: 20px; margin-bottom: 20px;}
	.monslife_visual .txt_wrap .call {font-size: 24px;}
}

@media screen and (min-width:768px) { 
	.s_footer {display:block}
	#footer_m {display: none}
}

@media screen and (max-width:768px) { 
	#footer_m {display: block}
	.visual_sub_Wrap img {height: 100%; width: auto}
	.header {z-index: 100}
	 #footer_m {display: block}
	 
	.s_footer {display: none !important}
	.main_company .copy dt {font-size: 32px}
	.main_company .copy dt span img {height: 34px}

	.s_footer .etc_menu {float: none; border-bottom: 1px solid #333; padding-bottom: 20px}
	.s_footer .etc_menu .s_menu {text-align: center}
	.s_footer .etc_menu .s_menu li {padding: 0 10px; margin: 0}
	.s_footer {padding: 30px 0}
	.s_footer .footer_infor {float: none; margin:20px auto 0; padding: 0 40px}
	.s_footer .etc_menu #back_top {top:-60px}
	.footer_infor {font-size: 12px}
	
	.w_wrap  {width: auto; margin: 0 20px;}
	
	.header h2 {display: none;}
	
	.main_portfolio .inBox dl {padding: 0 30px 30px; height: 120px}
	.main_portfolio .inBox dt {position: relative; width: auto; top:0; left: 0; right: 0; margin: auto}
	.main_portfolio .inBox dd p {font-size: 13px}
	.main_portfolio .bx-wrapper .bx-controls-direction a {top:auto; bottom: -30px}
	.main_portfolio .bx-wrapper .bx-controls-direction a {right: 60px}
	
	.page_title {margin-top: -270px;}
	.main01 .visual_dog {width: 35%; bottom: 50px; margin-left: 60px;}
	.main_mpark ul .mpark_img {border-radius: 15px;}
	.main02 {background: url('../images/main/visual_m2.jpg') no-repeat center top; position: relative;}

	
	.main_mpark {padding: 80px 0 30px;}
	.main_benefit .cont .benefit_cont {width:auto; margin: 0px}

	
	.service_box li {height: auto;}
	.service_box .service_ico {width: 70%; height: auto;}
	.service_box .service_ico .ico_img {margin: -65px 0 0 -65px}
	.service_box .service_text {margin-top: 20px;}
	.service_box .service_text p {margin-top: 10px; font-size: 15px;}
	
	.feature_box li {height: auto;}
	.feature_box .feature_ico {width: 70%; height: auto;}
	.feature_box .feature_text {margin-top: 10px;}
	.feature_box .feature_text p {margin-top: 10px; font-size: 15px;}

	/* company */
	.visual_sub .page_title {left: 0; right: 0}
	.visual_sub .page_title h1 {font-size: 50px}
	.visual_company {height: 500px}
	.page_title h1 {font-size: 50px}
	section.on .loaded .word.kor {font-size:30px}
	.visual_company .highlight-container .highlight-stripe {height: 45px; top:0}
	
	.main_company .copy {padding: 80px 30px 0}
	.main_company .copy dd {font-size: 16px}
	
	
	/* family site*/
	.family{ margin:0 40px 15px; letter-spacing:1px; background-color: #0f6c7b; position:relative;}
	.family_title {clear: both;
	    display: block;
	    padding: 15px 0;
	    text-align: left;
	    color: #fff;
	    border-bottom: 1px solid #0c5a66;
	    background: url(../images/common/arrow_down.png) no-repeat right center;
	    background-size: 15px;
    }
	.family_title_on {
		padding:13px 13px; 
		border:1px solid #333; 
		border-bottom:1px solid #333; 
		background:url(../images/common/arrow_wh_down.png) no-repeat 65% center; 
		background-size:15px; 
		background-color:#e61d6c;
	}
	.family_title_on a:visited{color:#000;}
	.family_title a:visited{color:#000;}
	.family_title a:link{color: #000;}
	
	.options{z-index:-1; background-color:222; position:absolute; overflow:hidden; top:0; height:40px; width:100%;}
	.options a {display:block; padding:0 13px; height: 40px; line-height: 40px; border-bottom:1px solid #0c5a66; background-color: #0c5561}
	.options a:visited{color:#fff;}
	.options a:link{color:#fff;}
	
	
	.main_portfolio .inBox {width: 250px}
	.main_portfolio .inBox dt img {height: 30px;}
	
	.board_style .list_header {text-align: center}
	.board_style .list_header h2 {float: none !important; margin: 0 !important; font-size: 24px !important}
	.board_style .list_header>span {float: none !important; margin-top: 15px !important;  display: block}
	.sub_container {padding:50px 20px}
	.board_style .search_right {float:none !important; clear:both; padding-top: 20px}
	.board_style .search_right:after {display: block; clear: both; content: ""}
	.board_style .search_right span {margin: 0 !important;}
	
	
	/* contact */
	.email_title {margin: 50px 20px 0}
	.message_form {margin: 0; padding-bottom: 40px}
	.message_form .in_wrap {padding-left: 100px}
	.message_form li.in_put {width: 100%; box-sizing: border-box}

	.mail_wrap {width: auto}

	.captcha_area li.captcha_box {margin-left: 5px}
	.email_title  {text-align: center}
	.email_title h2 {font-size: 24px; margin:0; float: none}
	.email_title span {display: block; margin-top: 15px}
	.check_box {margin: 0 20px 20px}
	.check_box .txt {padding:30px}
	.company_map {height: 400px}
	
	/**/
	.start_wrap .visual {padding-top: 50px}
	.start_wrap .visual_img {padding: 0 100px}
	
	/**/
	.page_content .pic li {width: 100%}
	.page_content .pic .txt {padding: 10px 10px 30px}
	.page_content .copy h3 br {display: none}
	
	.tab_bk li a {font-size: 14px; padding: 5px 10px}
	.tab_bk li {float: none; float: none; margin: 0; padding: 0}
	
	
	
	/* FAQ */
	.mong_cs {margin: 60px 0}
	.cs_visual,
	.mong_cs .board_style,
	.cs_text {width: 100%; float: none; clear: both}
	.cs_visual {margin: 0; padding: 40px 0 30px; text-align: center}
	.cs_visual img {width: 65%}
	
	/* mpark */
	.mpark_intro {margin: 40px 20px;}
	.mpark_intro dt {font-size: 20px; margin-bottom: 23px;}
	.mpark_intro dd {font-size: 16px; margin-bottom: 40px;}
	
	.mpark_wrap {margin: 0 20px; width: auto}
	.mong {padding: 50px 0;}
	.mong .c_info {width: 100%; margin: 30px 0 50px;}
	.mong h2 {text-align: center; font-size: 23px; margin-bottom: 20px;}
	.mong .copy {text-align: center; font-size: 15px;}
	.mong .c_img {width: 80%; float: none; margin: auto;}
	.mong .c_img img {width: 100%}
	
	.color .info {margin: 50px 0}
	.color .info h2 {text-align: center; font-size: 23px; margin-bottom: 20px; float: none}
	.color .info .copy {text-align: center; font-size: 15px; margin: 0; float: none;}
	.color .color_system {margin: 30px 0 0; width: 100%}
	.color .color_list {width: 100%; float: none; margin-bottom: 30px;}
	.color .color_list:after {display: block; clear: both; content: ""}
	.color .color_system h3 {margin: 0; text-align: center; font-size: 17px;}
	.color .color_img {margin: 3% 10% 0;}
	.color .color_img:after {display: block; clear: both; content: ""}
	.color .color_img p {margin: 10% 0 0 5%; text-align: left; font-size: 13px;}
	.color .color_img img {width: 40%}
	
	.mpark_summary {height: 600px; background: url('../images/company/bg_park_m.jpg') no-repeat center top; background-size: cover;}
	.mpark_summary h2 {font-size: 21px; line-height: 1.6em}
	.mpark_summary h2 strong  {font-size: 26px;}
	.mpark_summary .text_box {margin: -135px -175px 0}
	.mpark_summary .copy {font-size: 17px; line-height: 1.6em}
	
	.mong_service h2 {text-align: center; font-size: 23px; margin-bottom: 20px;}
	.mong_service .copy {text-align: center; font-size: 15px;}
	.mong_service {padding: 50px 0;}
	.mong_service .c_info {width: 100%; margin: 30px 0 50px;}
	.mong_service h2 {text-align: center; font-size: 23px; margin-bottom: 20px;}
	.mong_service .c_img {width: 80%; float: none; margin: auto;}
	.mong_service .c_img img {width: 100%}
	.contact table {font-size: 15px; margin-bottom: 20px}
	.contact table .title {width: 100px}
	.contact .c_map {float: left; width: 100%; height: 250px}
	
	
	
	/*장례서비스*/
	.service_visual {margin: 65px 20px 0; height: 400px; background: url('../images/service/m_main2.jpg') no-repeat right top; background-size: 100%;}
	.service_visual .visual_title {text-align: center; margin: 50% 0 0}
	.service_visual .visual_title h1 {font-size: 35px;}
	.service_visual .visual_title p {font-size: 17px; margin-top: 20px;}
	
	.service_tab {width: auto; margin: 50px 0 30px; height: 40px;}
	.service_tab a {line-height: 40px; padding: 0 10px; font-size: 14px;}
	
	.service_intro {font-size: 21px; margin: 40px 20px 20px;}
	
	.service_process .process_list {padding-top: 0;}
	.service_process h2 {font-size: 25px; padding-top: 40px;}
	.service_process li {width: auto; margin: 40px 0 0; height: auto;}
	.service_process .p_text {margin: 20px;}
	.service_process .p_text dt {font-size: 21px;}
	.service_process .p_text .btn_service {margin-bottom: }
	
	.service_price {padding-bottom: 80px;}
	.service_price h2 {font-size: 25px; padding-top: 80px;}
	.service_price li {width: auto; float: none;}
	.service_price .text_box {margin: 40px 25px}
	.service_price .text_box dt {line-height: 1.4em; font-size: 27px; margin-bottom: 20px;}
	.service_price .price_box {height: 400px;}
	.service_price .text_box .price {font-size: 23px;}
	
	
	
	/*몽스마블*/
	.crystal {width: 60%; top: -20px; margin-left: -110px;}
	.crystal img {width: 100%}
	
	.main_service .copy {padding-top: 80px}
	.main_service .copy dt {font-size: 25px; margin-bottom: 15px;}
	.main_service .copy dd {margin-bottom: 40px;}
	.marble_feature {padding: 150px 0 0}
	.feature_box {padding: 90px 40px 30px;}
	.feature_box ul {padding: 0 20px}
	.feature_box li {margin-bottom: 30px; width: 100%}
	.feature_box .feature_text h2 {font-size: 21px;}
	.feature_box .feature_text p {font-size: 17px;}
	.feature_box .feature_ico {width: 40%}
	.feature_box .feature_ico .ico_img {margin: -35px 0 0 -55px;}
	.feature_box .feature_ico .ico_img img {width: 60%}
	
	.marble_text {width: auto; margin: 0 30px; padding: 60px 0;}
	.marble_text li {margin: 0 0 10px;}
	.marble_text h2 {font-size: 25px; padding-bottom: 20px; margin-bottom: 20px;}
	.memory .memory_box .memory_price h2 {width: auto;}
	.marble_gallery {padding: 60px 0 50px}
	
	
	
	/*추모공간	*/
	.memory {padding: 50px 0 80px}
	.memory li {width: auto; float: none;}
	.memory .memory_img {width: auto; height: 300px; float: none; margin:0 10px; background-size: cover;}
	.memory .memory_box {width: auto; height: auto; float: none;}
	.memory .memory_box .memory_copy {margin: 10px 0 30px; padding: 40px 30px 0;}
	.memory .memory_box .memory_copy h2 {font-size: 22px;}
	.memory .memory_box .memory_copy p {margin-top: 10px; font-size: 15px;}
	.memory .memory_box .memory_price {position: relative; left: 0; bottom: 0; width: auto; margin: 30px; padding-bottom: 40px}
	.memory .memory_box .memory_price h2 {font-size: 17px; padding-bottom: 10px}
	.memory .memory_box .memory_price table {margin-top: 10px; font-size: 14px;}
	.memory .memory_box .memory_price .text {font-size: 14px; width: 100%}
	.memory .memory_box .memory_price .title {vertical-align: top; width: 130px;}
	.memory .memory_box .memory_price td {vertical-align: top}
	
	
	/*공지사항	*/
	.bg_notice {background: url('../images/cs/bg_notice_round2.png') no-repeat 105% top; background-size: 24%;}
	.cs_text h1 {font-size: 45px; text-align: center;}
	.cs_copy {text-align: center;}
	.view_header_1 h1 {margin: 20px 0; font-size: 18px; font-weight: 700;}
	.view_container {padding-top: 20px;}
	
	
	/*장례신청	*/
	.m_logo_title133 {left: 75% !important}
	
	
	/*몽몽이멤버십*/
	.monslife_visual {margin: 65px 20px 0; height: 400px; display: block; background: #daf1e1 url('../images/monslife/bg_visual_01_m.jpg') no-repeat center top; background-size: 100%}
	.monslife_visual .txt_wrap {padding-top: 70px}
	.monslife_visual .txt_wrap .key_msg {font-size: 40px}
	.monslife_visual .visual_title {text-align: center; margin: 35px 0 0}
	.monslife_visual .visual_title h1 {font-size: 30px;}
	.monslife_visual .visual_title p {font-size: 16px; margin-top: 15px; line-height: 1.5em}
	.monslife_visual .pic {width: 140px; position: absolute; left: 50%; margin: 30px 0 0 -70px;}
	.monslife_intro {font-size: 17px; margin: 40px 20px;}
	
	.benefit_box {padding: 40px 0; margin: 30px 0}
	.benefit_box dt {font-size: 25px}
	.benefit_box dd {margin-top: 20px}
	
	.main_join .cont {margin: 0 80px}
	.main_join .cont .join_cont .thumb img {width: 50%}
	.main_benefit .cont {display: block}
	.main_benefit .cont .benefit_cont {width:auto; margin: 0 0 40px}
	.main_benefit {padding-bottom: 100px}
	.main_benefit .cont {margin: 0;}
	.section_title {font-size: 34px}
	.main_benefit .btn_wrap .btn {font-size: 15px}
	.main_benefit .btn_wrap .btn strong {font-size: 20px;}
	.main_benefit .btn_wrap {margin-top: 10px}
	.main_benefit {padding-bottom: 0;}
	
	.main_about .section_text dt {font-size: 25px;}
	.main_about .section_text dd {font-size: 16px;}
	
	.membership .speech_bubble {width: 100vw; margin-top: 30px;}
	.membership .speech_bubble img {margin-top: -30px;}
	
	.animal {width: 100vw}
	.animal img {width: 100%} 

	/* contact */
	.email_title {margin: 50px 20px 0}
	.message_form {margin: 0; padding-bottom: 40px}
	.message_form .in_wrap {padding:0; text-align: left}
	.message_form li.in_put,
	.message_form.mongsqna li.in_put {width: 100%; box-sizing: border-box}
	.message_form.mongsqna li em {position: relative; left: auto; top:auto;}
	.message_form.mongsqna li input {padding: 0 20px; box-sizing: border-box}
	.mail_wrap {margin: 0 20px}

	.captcha_area li.captcha_box {margin-left: 5px}
	.email_title  {text-align: center}
	.email_title h2 {font-size: 24px; margin:0; float: none}
	.email_title span {display: block; margin-top: 15px}
	.check_box {margin: 0 0 20px}
	.check_box .txt {padding:30px}
	.company_map {height: 400px}


}
@media screen and (min-width:500px) {
	.display_w {display: inline}
	.display_m {display:none}
	.visible_w {opacity: 1}
	.visible_m {opacity: 0}

	.div_mobile, .br_none {display: none !important}
	.div_web, .div_web, .br_in, .s_footer  {display: block}
}
@media screen and (max-width:500px) {
	body, input, textarea, select, button, table {font-size: 17px}
	.display_w {display: none}
	.display_m {display:inline}
	.visible_w {opacity: 0; display: none}
	.visible_m {opacity: 1;}

	.visual_sub_Wrap img {height:auto; width: 100%}
	.header, .header_gnb li, .header .btn_otollo, .header.wh .btn_otollo {background-size: 1px}
	#footer_m .privacy_menu {margin: 0 20px}
	.family {margin: 0 20px 15px}
	
	.div_mobile, .br_none {display: block}
	.div_web, .div_web, .br_in  {display: none}
	.sub_wrap {width:auto; margin: 0 15px; padding:15px 0}	
	.s_footer .footer_infor {padding: 0 0 40px; text-align: center; background: url(../images/common/h1_logo.png) no-repeat center bottom;}
	.s_footer address {font-size: 11px; text-align: center}
	.s_part .page_title h1 i img {width: 14px}
	.h1_tit_style i img {width: 12px}
	.h1_tit_style {font-size: 22px; background: url(../images/common/bbs_h1_line.gif) no-repeat center bottom; padding-bottom: 10px}
	.header .btn_otollo, .header.wh .btn_otollo, .header .otollo, .header.wh .otollo {width: 80px}
	.header .btn_otollo, .header.wh .btn_otollo, .header.on .btn_otollo:hover, .header .btn_otollo:hover, .header.on .btn_otollo, .header.wh .btn_otollo, .header.bk .btn_otollo {background-size: auto 10px}
	.s_footer .footer_wrap {margin: 0 15px}

	.page_title {margin-top: -175px; width: auto; text-align: center; left: 0; right: 0;}
	.model_wrap {height: 450px}
	
	.page_title h1 {font-size: 44px; line-height: 50px}
	.highlight-container .highlight-stripe {height: 50px; left: -20px; background-size:auto 100%}
	.visual_sub .highlight-container .highlight-stripe {height: 45px; top:-10px; left: -20px; background-size:auto 100%}
	.part_wrap .bx-wrapper .bx-next,
	.part_wrap .bx-wrapper .bx-prev {display: none}

	.main_portfolio h2 {margin-bottom: 20px; font-size: 16px}
	.main_portfolio .bx-wrapper .bx-pager {width: auto; padding-right: 30px}
	.main_portfolio .bx-wrapper .bx-prev {background-size: 60%; background-position: center center}
	.main_portfolio .bx-wrapper .bx-next {background-size: 60%; background-position: center center}
	.main_portfolio .inBox p {font-size: 12px}
	.main_portfolio .inBox {width: 220px}
	.main_portfolio {padding: 50px 0 40px 30px}
	
	#main_visual {height: 450px; margin: 65px 20px 0;}
	.model_wrap .page_title h1 {font-size: 35px; line-height: 1.3em; text-align: center; letter-spacing: -0.5px;}
	.page_title p {font-size: 17px; line-height: 1.6em; margin-top: 15px; text-align: center;letter-spacing: -0.5px;}
	.main01 .visual_dog {bottom: 10px; right: 40px;}

	
	.mpark_gallery_wrap {padding-left: 20px}
	.main_mpark .bx-wrapper {margin: 0 auto 30px}
	
	.main_wrap {margin: 0 20px;}
	.bg_pattern {margin-top: 0px; height: 50px; background-size: 180%;}
	
	.main_mpark {padding: 80px 0 0;}
	.main_mpark h2 {font-size: 25px; margin-bottom: 15px;}
	.main_mpark p {font-size: 16px; margin-bottom: 40px;}
	
	.main_service {font-size: 25px;}
	.main_service .copy {padding-top: 80px}
	.main_service .copy dt {font-size: 25px; margin-bottom: 15px;}
	.main_service .copy dd {margin-bottom: 40px;}
	.service_box {padding: 40px 0 20px; margin: 0 20px}
	.service_box ul {padding: 0 20px}
	.service_box li {margin-bottom: 30px; width: 100%}
	.service_box .service_text h2 {font-size: 21px;}
	.service_box .service_text p {font-size: 17px;}
	.service_box .service_ico {width: 50%}
	.service_box .service_ico .ico_img {margin: -40px 0 0 -65px;}
	.service_box .service_ico .ico_img img {width: 65%}
	
	.contet_wrap {margin: 0 0 0 20px;}
	.main_news {padding: 50px 0 50px}
	.main_news .copy {padding-top: 50px}
	.main_news .copy dt {font-size: 25px; margin-bottom: 15px;}
	.main_news .copy dd {margin-bottom: 40px;}
	.main_news .inBox{width: auto;}
	.main_news .inBox .pic {height: 180px;}
	.main_news .inBox dl {height: 180px;}
	.main_news .inBox h3 {font-size: 21px; margin-bottom: 10px}
	.main_news .inBox dd p {height: 102px; overflow: hidden;}
	.main_news .inBox .date_box .date {height: 27px;}
	
	.main_gallery li a {border-radius: 10px;}
	.main_gallery .copy {padding-top: 0}
	.main_gallery .copy dt {font-size: 25px; margin-bottom: 15px;}
	.main_gallery .copy dd {margin-bottom: 40px;}
	.main_gallery ul {margin: -10px -10px}
	.main_gallery {padding-bottom: 90px;}
	
	.funeral_products h2 {font-size: 25px; padding: 60px 0 30px;}
	.funeral_products .funeral_list li {width: 100%; float: none; margin-bottom: 0; padding-bottom: 30px}
	.funeral_list .f_text dt {font-size: 21px}
	.funeral_products .bg_w.last {padding-bottom: 40px}
	.news_wrap {margin: 70px 0 20px}
	
	.service_price .text_box .price.note {font-size: 17px;}

	
	
		
	/* company */
	.visual_sub {height: 300px}
	.visual_company {height:400px}
	.visual_company .highlight-container .highlight-stripe {top:-10px}
	section.on .loaded .word.kor {top:0}
	.visual_company .page_title {left:0; right: 0}
	.highlight-container .highlight-stripe {top:-8px; height: 35px}
	.main_company.comp {padding-bottom: 50px}
	.main_company.comp .copy dd {padding: 0 30px}
	.main_company.comp .copy dd br {display: none}
	
	.company_summary .copy {font-size: 24px}
	.company_history .copy {font-size: 24px; margin-bottom: 30px; line-height: 1.5em}
	.company_partner .copy {font-size: 24px; margin-bottom: 30px; line-height: 1.5em}
	.company_partner h2,
	.company_summary h2,
	.company_history h2 {font-size: 16px; margin-bottom: 20px}
	
	.history_wrap .year span {font-size: 14px}
	.history_wrap > ul > li.right ul,
	.history_wrap > ul > li.left ul {padding: 10px 0 0 100px}
	
	.company_history {padding: 70px 30px 70px 40px}
	.company_partner,
	.company_summary {padding: 70px 30px}
	.company_summary .summary li {padding: 5px 0 5px 150px; position: relative}
	.company_summary .summary em {position: absolute; left: 0; top:5px}
	.main_portfolio .inBox dl {padding: 0 10px 30px}
	.main_portfolio .inBox h3 {font-size: 16px}
	
	.visual_sub .page_title {margin:0}
	.sub_container {padding: 50px 20px; min-height:auto}
	.board_style .list_header h2 {font-size: 24px !important; margin-right: 10px !important}
	
	.check_box .txt {text-align: left}
	
	.message_form li em {left: 25px}
	.start_wrap .visual_img {padding: 30px 50px 60px}
	.start_div {padding: 40px 40px 60px}
	.start_wrap .visual {padding: 0}
	
	/**/
	.forum_wrap .forum_sidemenu {margin-top: 65px}
	.forum_wrap .forum_sidemenu .inner_list {padding:50px 0}
	.forum_wrap .forum_sidemenu .dim_menu {padding:0; text-align: center}
	.forum_wrap .forum_sidemenu .dim_menu > a.on .bar {display: none}
	.forum_wrap .forum_sidemenu .dim_menu > a {display: inline-block; padding: 10px 0; margin: 0 5px}
	.forum_wrap .forum_sidemenu .dim_menu > a.active {border-bottom: 2px solid #fff}
	.page_content .copy h3 {font-size: 20px; margin-bottom: 30px}
	.page_content .copy h2 {margin-bottom: 20px}
	.page_content .pic {margin-top: 30px}
	.page_content .pic .txt dt {font-size: 16px}
	.page_content .pic .txt.describe dd {font-size: 12px}
	
	.portfolio_wrap {padding: 0}
	.company_map .map_infor {padding: 25px}
	.company_map .map_infor p {font-size: 12px}
	
	.funeral_list .f_img .shroud_set {bottom: 220px}
	.funeral_list .f_text.shroud {margin-top: 100px;}
	.item_obj { width: 100%;}

	.mail_wrap {margin: 0}
	.check_box.mongsqna h1 {font-size: 14px}
	.check_box.mongsqna .txt {font-size: 14px}
	.check_box.mongsqna .txt.bor {padding: 20px}




}


/********2024 수정**********/


@media screen and (max-width:1400px){
	.header h1 img{width:200px;}
}



@media screen and (min-width:769px){
	.wrap{min-width:1400px;}
	.m-only{display:none !important;}
	

}

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

	div[id*='divpop']{left:50%; transform: translate(-50%, -50%); width:85%;max-width:400px;}
	div[id*='divpop'] .popup_wrap .content>img{width:100%;}
	div[id*='divpop'] a.btn_close{width:30px;height:30px;background-size: contain;}

	.sizing *{box-sizing: border-box;}
	body{overflow-x:hidden;}
	.m-only{display:block !important;}
	.btn.btn-hover.m-only{display:flex !important;}
	.pc-only{display:none !important;}
	.header *{box-sizing: border-box;}
	.inner{width:100%;padding:0 20px;}
	.contents{padding:70px 0;}
	.contents:last-child{padding:70px 0 90px;}

	/*header*/
	.header .inner,
	.header .inner>div,
	.header ul{height:auto;}
	.header{width:100%;padding:0 20px;height:auto;box-sizing: border-box;z-index:99;}
	.header .hd-top{height:60px;}
	.header h1 img{width:140px;}
	.header .hd-top .ham-btn{position:relative;width:27px;height:18px;}
	.header .hd-top .ham-btn span{display:block;position:absolute;left:0;width:100%;height:2px;background:#D9D9D9;}
	.header.wh-hd .hd-top .ham-btn span{background:#D9D9D9;}
	.header.on .hd-top .ham-btn span{background:#D9D9D9;}

	.header ul[class*="menu"]>li>a{color:#fff;}
	.header .hd-top .ham-btn span:nth-child(2){top:7.5px;}
	.header .hd-top .ham-btn span:nth-child(3){bottom:0px;}
	.header .hd-con{position:fixed;top:0;right:-100%;width:100%;height:100vh;transition: .5s;background:transparent;}
	.header .hd-con .hd-con-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
	.header .hd-con .inner{position:relative;z-index:9;width:90%;height:100%;margin-left:10%;background:#fff;}
	.header .hd-con a{color:#000 !important;}
	.header ul[class*="menu"]>li{line-height:1;padding:15px 0;}
	.header.m-only .hd-con.ham-on{right:0;transition: .5s;animation:bg .3s forwards;animation-delay:.5s;}
	.header .hd-con li:hover a{color:#FF781E !important;}
	.header ul[class*="menu"]>li:hover a::after{display:none;}

	@keyframes bg{
		0% {
			background:transparent;
		}
		100% {
			background:rgba(0, 0, 0, 0.50);;

		}
	}


	.header .inner>div.hd-con-top{height:60px;margin-bottom:30px;justify-content: flex-end;}
	.header .hd-con .ham-cl{width:29px;height:28px;position:relative;}
	.header .hd-con .ham-cl span{display:block;position:absolute;top:0;left:50%;width:2px;height:100%;background:#888;}
	.header .hd-con .ham-cl span:nth-child(1){transform:rotate(45deg) translateX(-50%);}
	.header .hd-con .ham-cl span:nth-child(2){transform:rotate(-45deg) translateX(-50%);}
	.header .bt-menu{position:absolute;bottom:100px;left:0px;width:100%;box-sizing: border-box;padding:0 20px;justify-content:center;}
	/* .header.m-only.scr{background:#fff;}
	.header.m-only.scr */


	/*footer*/
	.family{background:#fff;color:#000;}
	.family_title{background:url(../images/common/bbs_arrow_dwon.png) no-repeat right center;background-size:20px;color:#000;border-bottom:1px solid #ddd;}
	.family_title a:link{color:#000;}
	#footer_m .privacy_menu{border-bottom:1px solid #ddd;}
	#footer_m .footer_privacy li a{color:#000;}
	#footer_m .privacy_menu_cont{padding:0 20px;}
	#footer_m address{color:#000;}
	#footer_m .options a{background-color:#021E37}


	/*page*/

	.btn.btn-hover{height:50px;font-size:17px;}

	/*main*/
	#main .btn{width:205px;height:48px;font-size: 16px;bottom:auto;top:70%;}

	#about .visual .con-tit{margin-top:-100px;}
	#about .con-tit h3{font-size:22px;}
	#about .con-tit p{font-size:17px;line-height:1.6;}
	#about .con-tit p span{font-weight:700;}
	#about .con-tit ul{flex-direction: column;font-size:17px;color:#000;}
	#about .con-tit ul li.line{width:.2px;height:53px;margin:20px 0;}
	#about .visual .con-txt>p{position:absolute;bottom:30px;left:0;text-align: left;font-size:14px;padding:0 15px;}
	#about .visual h2{font-size:60px;}
	#about .sec01{padding-top:114px;}
	#about .sec03{padding:70px 0 90px;}
	#about .contents .con-tit p{font-size:16px;color:#777;}
	#about .sec01 .con-tit h3{margin-bottom:80px;font-size:22px;}
	#about .sec01 .con-wrap ul{flex-wrap: wrap;gap:35px 0;}
	#about .sec01 .con-wrap li{width:100%;padding:40px 0;}
	#about .sec03 .btn{height:58px;font-size:17px;}
	/* #supplies5 .sec02 .videoWrapper{padding:0;height:auto;} */
	#about .sec02 .videoWrapper video{width:100%;}
	#about .sec01 .con-wrap li h4{font-size:20px;}
	#about .sec01 .con-wrap li p{font-size: 15px;}
	#about .sec03 .con-tit h3{text-align:left;}
	#about .sec03 .con-tit p{text-align:left;}
	

	/* #appendix .sec01{padding-top:200px;} */
	#appendix .sec01 .inner{flex-wrap: wrap;}
	#appendix .sec01 .con-tit{width:100%;}
	#appendix .sec01 .con-txt{width:100%;padding-top:70px;}
	#appendix .sec01 h2{font-size:40px;}
	#appendix .sec01 .con-tit p{font-size:19px;}
	#appendix .sec01 .con-txt p{font-size:18px;}
	#appendix .sec01 .con-txt p{font-size:16px;}
	#appendix .sec02 h3{font-size:22px;}
	#appendix .sec02 p{font-size:18px;}
	#appendix .decoline{display:block;margin:20px auto;width:1px;height:75px;background:#fff;}

	#process div[class*="sec"] .con-tit h3{font-size: 40px;}
	#process div[class*="sec"] .con-tit p{font-size: 18px;}
	#process div[class*="sec"] .con-tit{margin-bottom:50px;}
	#process .visual{background: url(../images/etc/bg_1.jpg) no-repeat center center;background-size: cover;}
	#process .visual .inner{justify-content: flex-start;flex-direction: column;padding-left:0;padding-right:0;}
	#process .visual .con-tit{margin-bottom:10px;text-align: left;padding:0 20px;}
	#process .visual .con-tit h2{font-size:60px;}
	#process .visual .con-tit p{font-size:16px;}
	#process .visual .con-tit p span{font-size:18px;}
	#process .visual .con-img img{width:100%;}
	#process .sec00{background: url(../images/etc/bg_1.jpg) no-repeat center center;color:#fff;background-size: cover;}
	#process .sec00 .inner{display:flex;flex-direction: column;justify-content: space-between;gap:180px;text-align: left;}
	#process .sec00 h3{margin-bottom:0px;font-size:18px;}
	#process .sec00 h3 span{font-size:18px;}
	#process .sec00 h3 span.font-abhaya{font-size:44px;}
	#process .sec00 p{font-size:18px;line-height:1.9;}
	#process .sec00 p span.font-abhaya{font-family:'Noto Sans KR' !important;font-size:18px;}
	#process .sec00 p span.font-org{margin-top:0;}
	#process .sec01 .con-tit h3{font-size:24px;}
	#process .sec01 .con-tit p{font-size:17px;}
	#process .sec01 ul{display:block;}
	#process .sec01 ul li{width:100%;margin-bottom:40px;text-align: left;}
	#process .sec01 ul li img{width:100%;}
	#process .sec01 ul li h4{margin:20px 0 10px;}
	#process .sec01 ul li p{color:#555;font-size:16px;}
	#process .btn.btn-hover{width:190px;}
	#process .sec02 .con-top{flex-direction: column-reverse;gap:30px;}
	#process .sec02 .con-top .con-r img{width:calc(100% + 40px);margin-left:-20px;}
	#process .sec02 .con-top .con-r p{margin-top:20px;color:#737373;font-size: 16px;}
	#process .sec02 .con-top .con-l li{font-size: 16px;}
	#process .package-wrap .conbx{padding:30px 20px;border-radius: 20px;border:none;flex-direction: column;background:#fff;}
	#process .package-wrap .conbx>div{width:100%;}
	#process .package-wrap .conbx .con-txt{padding-left:0;}
	#process .package-wrap .conbx .con-img{flex-direction: column-reverse;align-items: flex-start;}
	#process .package-wrap .conbx .con-img img{height:200px;margin:0 auto;}
	#process .package-wrap .conbx .con-img .number{position:static;font-size:40px;}
	#process .package-wrap h4{font-weight:700;text-align: center;}
	#process .package-wrap .conbx h5{font-size:20px;}
	#process .package-wrap .conbx .con-txt p{font-size:15px;}
	#process .package-wrap .conbx3 .con-txt, 
	#process .package-wrap .conbx4 .con-txt{padding-top:0;}
	#process .sec03 .con-wrap{flex-wrap: wrap;}
	#process .sec03 .conbx{width:100%;margin-bottom:40px;}
	#process .sec03 .pack-detail{padding:50px 20px;height:auto;flex-direction: column;}
	#process .sec03 .pack-detail h5{position:static;}
	#process .sec03 .conbx2 .pack-detail h5{color:#114878;}
	#process .sec03 .conbx3 .pack-detail h5{color:#FF781E;}
	#process .sec03 .conbx h4{font-size: 25px;}
	#process .sec03 .conbx1 .pack-detail h5{margin-bottom:30px;}
	#process .sec03 .con-bt .pack-price .sale-price{font-size:20px;}
	#process .sec03 .con-bt .pack-price .font-abhaya{font-size: 30px;}
	#process .sec03 .conbx2 .pack-detail h6, #process .sec03 .conbx3 .pack-detail h6{margin-bottom:30px;}
	#process .sec03 .pack-detail li p{font-size: 15px;}
	#process .sec03 .con-bt p{font-size: 15px;}
	#process .sec04 .package-wrap1 .con-wrap, 
	#process .sec04 .package-wrap2 .con-wrap{flex-wrap: wrap;}
	#process .sec04 .package-wrap1 .conbx, 
	#process .sec04 .package-wrap2 .conbx{width:100%;}
	#process .sec04 .con-top li{margin-bottom:10px;font-size: 15px;}
	#process .sec04 .con-top li span{display:block;}
	#process .sec04 .con-top li:first-child span{display:inline-block;}
	#process .sec04 h4{height:50px;font-size:18px;}
	#process .package-wrap:last-child .conbx1 .con-img img{height:auto;width:100%;}
	/* #process .sec02 .con-tit .price-txt{visibility: hidden;} */
	#process .sec02 .con-tit .price-txt span::after{visibility: visible;left:50%;transform:translate(-50%, -50%);text-align: right;}
	#process .sec02 .package-wrap>h4{height:auto;background:none;color:#000;}
	#process .sec02 .package-wrap .conbx3 .con-txt, #process .sec02 .package-wrap .conbx4 .con-txt{padding-top:0;}
	#process .sec02 .package-wrap .conbx .con-img{align-items: flex-start;}
	#process .sec02 .package-wrap .conbx .con-img .number{font-size: 30px;}
	#process .sec05 .con-tit .price-txt span::after {top:auto;bottom: -40px;left: 20%;transform: translateY(0%);font-size:18px}
	#process .sec05 .con-wrap>.con-flex-bet{flex-direction: column-reverse;}
	#process .sec05 .con-r img{width:100%;}
	#process .sec05 .con-l{margin-top:30px;}
	#process .sec05 .con-wrap li{margin-bottom:10px;}
	#process div.sec02 .con-tit p{margin-bottom:0px;}
	#process .sec05 .con-r{width:100%;}

	#twin div[class*="sec"] .con-tit{margin-bottom:50px;}
	#twin div[class*="sec"] .con-tit h3{font-size:40px;}

	#twin div[class*="sec"] .con-tit p{font-size:17px;}
	#twin .visual .con-tit{margin-bottom:20px;}
	#twin .visual .inner{position:relative;height:100%;flex-direction: column;align-items: flex-start;justify-content: center;}
	#twin .visual .bg{height:100%;}
	#twin .visual .con-r{margin-bottom:50px;}
	#twin .visual .con-r p:nth-child(2){position:absolute;bottom:100px;left:20px;color:#c8c8c8;font-size:17px;}
	#twin .visual .con-tit h2{font-size:60px;}
	#twin .visual .con-tit p{font-size:25px;}
	#twin .visual .con-r p{font-size:17px;}
	#twin .sec01 .con-wrap{flex-direction: column;gap:30px;}
	#twin .sec01 .con-wrap>div{height:auto;padding:45px 0;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);border: 1px solid #F0F0F0;}
	#twin .sec01 .con-wrap .con-l,
	#twin .sec01 .con-wrap .con-r{width:100% !important;}
	#twin .sec01 .con-l ul{width:100%;flex-direction: column;gap:30px}
	#twin .sec01 .vid-area {width: 85%;height: auto;margin:0 auto;}
	#twin .sec01 .con-l p{color:#555;font-weight:500;}
	#twin .sec01 .con-l p span{font-size:26px;color:#000;}
	#twin .sec02{padding:100px 0;}
	#twin .sec02 .con-tit h3{font-size: 30px !important;}
	#twin .sec02 .con-tit p{font-size:18px;}
	#twin .sec02 .con-c-txt li h5{font-size:13px;}
	#twin .sec02 .con-c-txt li p{font-size:12px;}
	#twin .sec02 .con-txt h4{font-size:20px;}
	#twin .sec02 .con-bt-txt{display:block;margin-top:30px;}
	#twin .sec02 .con-bt-txt li{width:100%;line-height:1.6;}
	#twin .sec01 .con-l li.int{font-size: 80px;color:#FF781E;}
	#twin .sec02 .con-txt::before{content:'';display:block;width:1px;height:100px;margin:0 auto 50px;background:#fff;}
	#twin .visual .con-r p:nth-child(1){font-size:17px;}
	
	#twin .sec-img img{width:100%;}
	

	.qnapage{padding-top:50px;}
	.captcha_area .t_in{width:160px;}
	
	/* 유의사항 */
	.emp_info .info_row {flex-direction: column}
	.emp_info .info_row .row {width: 100%;}
	.emp_info .info_row .row:first-child .infoBox,
	.emp_info .info_row .row .infoBox {padding: 30px 0 30px 0}
	.emp_info .info_row .row:last-child .infoBox {padding: 30px 0 0 0}
	.emp_info .info_row .row:first-child {border: 0; border-bottom: 1px solid #ddd}
	.emp_info .info_row .row:last-child {border: 0; border-top: 1px solid #ddd}
	
}

@media screen and (max-width:500px){
	#process .sec03 .conbx h4 {font-size: 20px; height: 60px}
	#process .sec03 .pack-price,
	#process .sec03 .conbx1 .con-bt .pack-price {font-size: 24px; height: 60px}
	#process .sec03 .pack-detail {padding: 30px 20px}
	.emp_info {padding: 30px 20px; margin-top: 0}	
	#process .sec03 .pack-detail {border-radius: 30px;}
}