@charset "utf-8";

/*인사말*/
.company_intro {position:relative; overflow:hidden; padding-bottom:60px;}
.company_intro .photo_box {position:absolute; right:0; top:5px;}

.company_intro .txt_area {margin-right:400px}
.company_intro .txt_area dt {font-size:23px; line-height:28px; color:#222; margin-bottom:30px;}
.company_intro .txt_area dt strong{color:#a4713f;}
.company_intro .txt_area dd {font-size:16px; color:#666; word-break:keep-all;}
.company_intro .txt_area dd .sign {margin-top:60px; text-align:left; font-size:16px;}
.company_intro .txt_area dd .sign span{color:#000; font-size:22px; display:inline-block; margin-left:10px; }






.info_01_process {overflow:hidden; padding-left:1px; padding-bottom:1px;}
.info_01_process ul {display:table; width:100%; table-layout:fixed;}
.info_01_process li {display:table-cell; }
.info_01_process li .box {padding:20px; text-align:center; border:1px #ddd solid; margin-left:-1px; margin-bottom:-1px;}
.info_01_process li .box .step span{display:inline-block; background:#6b523b; padding:5px 20px; color:#fff; border-radius:30px; }
.info_01_process li .box .text {font-size:20px; margin-top:20px;}



/*서브상주*/
.main_funeral_sub ul{display:table; width:100%;}
.main_funeral_sub ul li{display:table-cell; vertical-align:middle;padding:8px; border-bottom:1px #ddd solid; text-align:center; font-size:13px;}
.main_funeral_sub ul li img {width:60px; height:80px; vertical-align:middle;}
.main_funeral_sub ul.header_list {border-top:2px #6b523b solid; background:#f8f8f8; color:#000;}
.main_funeral_sub ul li.col .s_title  {display:none;}

.main_funeral_sub ul li.m1 {width:50px;}
.main_funeral_sub ul li.m2 {width:50px;}
.main_funeral_sub ul li.m3 {width:80px;}
.main_funeral_sub ul li.m4 {text-align:left; font-size:14px;}
.main_funeral_sub ul li.m5 {width:120px;}
.main_funeral_sub ul li.m6 {width:120px;}
.main_funeral_sub ul li.m7 {width:120px;}


/*오시는길*/
.company_map {position:relative; overflow:hidden; background:#4d4d4d; padding:0 0 0 40px; height:130px;}
.company_map dl {float:left; margin:25px 0;}
.company_map dt {font-size:18px; font-weight:bold; color:#fff; margin:0 0 10px;}
.company_map dd {font-size:14px; color:#fff;line-height:20px;}
.company_map .telnum {font-size:28px; font-weight:bold; margin:20px 0 0; padding-bottom:15px;}
.company_map dl+ dl {padding-left:40px; margin-left:40px; border-left:1px solid rgba(255,255,255,0.5);}

.company_map .btn_box {position:absolute; right:0; top:0; text-align:center; height:100%; overflow:hidden;}
.company_map .btn_box li {float:left; background:#282828;}
.company_map .btn_box li:hover {background:#000;}
.company_map .btn_box span {display:block;}
.company_map .btn_box .btn_txt {font-size:15px; color:#fff;}
.company_map .btn_box .btn {display:inline-block; padding-top:30px; width:200px; height:100px; margin-right:0;}


#daum_map {width:100%; height:350px; margin-top:45px;}



.agree_box {padding:30px; }
.agree_s_box { margin-top:20px;} 
.agree_s_box .box{border:1px #ddd solid; padding:10px; overflow:hidden; height:100px; overflow-y:auto; margin-top:20px; font-size:11px; color:#888;} 



.about_01_etc .tit {font-size:19px; font-weight:600; color:#000; letter-spacing:-1px; padding-bottom:10px; border-bottom:1px solid #bbb;}
.about_01_etc .tit .ic {float:left; margin-right:10px;}
.about_01_etc .tit .ic img {vertical-align:top;}


.about_01_etc .car_box {position:relative; display:table; width:100%; box-sizing:border-box; vertical-align:top;}
.about_01_etc .car_box ul {display:table-row; border-bottom:1px solid #ddd; display:block;}
.about_01_etc .car_box li {display:table-cell; vertical-align:middle; padding:15px 0;}
.about_01_etc .car_box .th {color:#333; width:190px; text-align:center; font-size:14px; background:#f7f7f7;}
.about_01_etc .car_box .td {padding:10px 15px; line-height:20px; font-size:14px; border-left:1px solid #ddd;}
.about_01_etc .car_box .ic {display:inline-block; color:#fff; font-size:12px; letter-spacing:-0.5px; border-radius:400px; text-align:center; width:40px; height:20px; line-height:20px; margin:0 5px 0 10px;}
.about_01_etc .car_box .ic_green {background:#50a332;}
.about_01_etc .car_box .ic_bora {background:#5c5391;}
.about_01_etc .car_box .ic_red {background:#ec0707;}
.about_01_etc .car_box .ic_blue {background:#3184cb;}
.about_01_etc .car_box .ic_yeon {background:#1f7e4c;}






table.cStyle_location {border-top:2px solid #666; width:100%;  font-size:18px; border-spacing:0;}
table.cStyle_location th { color:#333; background:#f8f8f8; padding:18px; border-bottom:1px solid #ddd; text-align:left; font-weight:normal; width:200px;}
table.cStyle_location td {color:#333; padding:18px; letter-spacing:0; border-bottom:1px solid #ddd; text-align:left}



@media all and (max-width:1024px) {



/*인사말*/
.company_intro {position:relative; overflow:hidden;}
.company_intro .photo_box {position:relative; right:0; top:0;  overflow:hidden; }
.company_intro .photo_box img {vertical-align:top; width:100%;}
.company_intro .txt_area {margin-right:0px; margin-top:30px;}
.company_intro .txt_area dt {font-size:23px; line-height:28px; color:#222; margin-bottom:30px;}
.company_intro .txt_area dd {font-size:15px; color:#666; word-break:keep-all;}



.info_01_process {overflow:hidden; padding:0px;}
.info_01_process ul {display:block;overflow:hidden;  padding-left:1px; padding-bottom:1px;}
.info_01_process li {display:block; float:left; width:50%; border:1px #ddd solid; margin-left:-1px; margin-bottom:-1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
.info_01_process li .box { border:0px #ddd solid; margin-left:0px; margin-bottom:0px;}




/*서브상주*/
.main_funeral_sub ul{display:block; width:auto; padding:20px; border:1px #ddd solid; position:relative; margin-bottom:20px;}
.main_funeral_sub ul li{display:block; padding:0px; border:0px #ddd solid; text-align:left; position:relative; margin-bottom:10px; border-bottom:1px #ededed solid; padding-bottom:10px;}
.main_funeral_sub ul li img {width:60px; height:80px; vertical-align:middle;}
.main_funeral_sub ul.header_list {display:none;}
.main_funeral_sub ul li.col .s_title  {display:block; position:absolute; left:0px; top:0px;  line-height:20px; color:#888;}
.main_funeral_sub ul li.col .s_text  {padding-left:80px; line-height:20px; color:#000;}

.main_funeral_sub ul li.m1 ,
.main_funeral_sub ul li.m2 ,
.main_funeral_sub ul li.m3 ,
.main_funeral_sub ul li.m4 ,
.main_funeral_sub ul li.m5 ,
.main_funeral_sub ul li.m6 ,
.main_funeral_sub ul li.m7 {width:auto;}

.main_funeral_sub ul li.m3 {position:absolute; left:20px; top:20px; border-bottom:0px;}
.main_funeral_sub ul li.m3 .s_title{display:none;}
.main_funeral_sub ul li.m3 .s_text{padding-left:0px;}


.main_funeral_sub ul li.m1 {position:absolute; left:190px; top:60px; font-size:16px; border-bottom:0px;}
.main_funeral_sub ul li.m1 .s_title{position:relative; display:inline-block;}
.main_funeral_sub ul li.m1 .s_text{position:relative; display:inline-block; padding-left:5px;}

.main_funeral_sub ul li.m2 {margin-top:40px; margin-bottom:20px; border-bottom:0px;}
.main_funeral_sub ul li.m2 .s_text{font-size:25px; font-weight:bold; color:#000;}
.main_funeral_sub ul li.m2 .s_title{display:none;}






table.cStyle_location {font-size:13px;}
table.cStyle_location th {padding:10px;width:100px;}
table.cStyle_location td { padding:10px;}



/*오시는길*/
.company_map dl { margin:0px;}
.company_map dt {font-size:14px; margin:0px; }
.company_map dd {font-size:12px; line-height:16px;}
.company_map dl+ dl {display:none;}
.company_map {padding:10px; height:auto; }
.company_map .btn_box {display:none;}
#daum_map {height:200px !important;}


}