
.mb_wrap {width:100%; position:relative; }
input[type="file"] {padding:0px!important; border:0!important;
}

input[type="radio"] {-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-webkit-appearance:radio;
	appearance:radio;
}
input[type="checkbox"] {
	-webkit-background-color:#eee;
	-webkit-border-radius:2px;
	-webkit-border:1px solid #ccc;
	-webkit-appearance:checkbox;
	appearance:checkbox;
	background-color:#eee;
	border-radius:2px;
	border:1px solid #ccc;
}
input {
-webkit-border-radius: 0px;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
	-webkit-appearance: none;}
select {-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;}
textarea {-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0; 
-webkit-box-shadow:0;}
/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; }

/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
/* Select box 스타일 초기화 */ 
select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

/* IE 에서 Select box 화살표 제거 */ 
select::-ms-expand { display: none; }

#header { width:100%; height:70px; background:#fff; border-bottom:3px solid #225e9a; margin-top:-70px; background:#fff;}

.header_wrap {overflow:hidden; padding:15px 15px; background:#fff;}

.header_wrap div.top_box01 {width:25%; float:left; }
.header_wrap div.top_box03 {width:25%;float:right; }
.header_wrap div.top_box02 {width:50%; margin:0 auto;}

.header_wrap div img {width:auto; height:28px;}
.header_wrap div.top_box01 img {float:left; height:20px; margin:7.5px 0px;} 
.header_wrap div.top_box02 img {width:auto; height:35px; margin-left:50%; transform:translateX(-50%);}
.header_wrap div.top_box03 img {width:auto; height:32px; float:right; margin:1.5px 0px;}


.header_wrap02 {overflow:hidden; padding:15px 15px; background:#fff; box-shadow:0px 2px 10px #ccc;}

.header_wrap02 div.top_box01 {width:25%; float:left; }
.header_wrap02 div.top_box03 {width:25%;float:right; }
.header_wrap02 div.top_box02 {width:50%; margin:0 auto;}

.header_wrap02 div img {width:auto; height:18px;}
.header_wrap02 div.top_box01 img {float:left; margin:13.5px 0px;} 
.header_wrap02 div.top_box02 img {width:auto; height:45px; margin-left:50%; transform:translateX(-50%);}
.header_wrap02 div.top_box03 img {width:auto; height:24px; float:right; margin:10.5px 0px; margin-left:10px;}


#gnb_box { display:none; position:absolute; z-index:9999; background-color:#E8E8E8;  width:334px; height:100%; margin-top:-70px; }
div.gnb_top { background-color:#fff; padding:20px; text-align:left; color:#FFF; overflow:hidden;}
div.gnb_top img:nth-child(1){float:left; width:auto; height:34px;}
div.gnb_top img:nth-child(2){float:right; width:auto; height:18px; margin:8px 0px; opacity: 1!important;}

.gnv_nav {width:334px; overflow:hidden; background-color:#225e9a;}
.gnv_nav li {width:110px; float:left;}
.gnv_nav li:nth-child(2), .gnv_nav li:nth-child(4) {width:2px; padding:9px 0px;}
.gnv_nav li:nth-child(2) div, .gnv_nav li:nth-child(4) div {width:2px; height:68px; background-color:#4e7eae;}
.gnv_nav li img {width:90px; margin:0% 50%; transform:translate(-50%,3%)}

#mnav_bg { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:998; display:none;  margin-top:-70px;}

#gnb_ul {padding:0px 15px; background-color:#fff; padding-bottom:25px;}
#gnb_ul>li {border-bottom:1px solid #adadad;}
#gnb_ul li.mnav_list_box a.mnav_tit {background:url('../img/common/icon_plus.png') no-repeat 95% center; background-size:16px; }
#gnb_ul li a.mnav_tit { color:#444; font-weight:600; font-size:18px; width:100%; display:block; padding: 20px 10px; }
#gnb_ul div.m_hide {display:none;}

#gnb_box, #mnav_bg { display:none;}
#gnb_box, #mnav_bg { display:none;}

.mnav_depth2 li {border-bottom:1px solid #dcdcdc;  padding:15px 20px; font-size:16px; font-weight:500; color:#888;}
.mnav_depth2 li:first-child {border-top:1px solid #adadad;}
.mnav_depth2 li:last-child {border-bottom:0;}
.mnav_depth2 li a {color:#888;}
li.last_tit .mnav_depth2 li:last-child {border-bottom:2px solid #fdca3e;}
#gnb_ul>li.last_tit:last-child {border-bottom:0;}

.contact_img {width:100%;}
.contact_img img {width:100%; height:auto;}

.visual {margin-top:70px;}

.contents {padding-top:20px;}
.swiper-container03 {height:100%!important; }

.swiper-container03 .swiper-slide {width:100%!important;}
.swiper-container03 .swiper-slide img{width:100%!important; height:100%!important;}

.swiper-container03 .swiper-pagination {bottom:10px!important; }
.swiper-container03 .swiper-pagination span.swiper-pagination-bullet {background:#fff!important; width:20px; height:20px; margin-left:5px!important; opacity:1.0!important;}
.swiper-container03 .swiper-pagination span.swiper-pagination-bullet:first-child{margin-left:0!important;}
.swiper-container03 .swiper-pagination span.swiper-pagination-bullet-active {background:url("../img/main/list_btn_on.png")!important; width:40px; background-size:40px!important; border-radius:0px!important;}

/* contents */
.tit_box {width:100%; text-align: center; padding-top:20px;}
.tit_box p {color:#363636; font-size:26px; font-weight:600;}

.swiper2 {width:100%!important; height:100%!important; margin-top:20px!important;}
.swiper2 .swiper-wrapper .swiper-slide {display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: 85%;}
.swiper2 .swiper-wrapper .swiper-slide:nth-child(2n) {
      width: 85%;
    }
.swiper2 .swiper-wrapper .swiper-slide:nth-child(3n) {
      width: 85%;
    }
.swiper2 .swiper-wrapper .swiper-slide img {width:100%!important;}
.swiper2 .swiper-button-next {background:url("../img/main/next.png")no-repeat; width:40px; height:40px; background-size:40px; right:10%; z-index:10;}
.swiper2 .swiper-button-prev {background:url("../img/main/prev.png")no-repeat; width:40px; height:40px; background-size:40px; left:10%; z-index:10;}

.funeral_info {width:100%; text-align:center; opacity:0;}
.funeral_info p {font-size:17px; font-weight:500; line-height:24px; color:#3b3b3b; padding-top:20px; padding-bottom:30px;}
.funeral_info img {width:190px;}
 

.main_service {background:url("../img/main/service_bg.jpg")no-repeat; width:100%; margin-top:60px; padding-bottom:45px; background-size:100%; }
.main_service ul {width:100%; overflow:hidden; padding:0px 15px; }
.main_service ul li {width:47%; float:left; margin-top:6%; height:185px;}
.main_service ul li:nth-child(2n) {float:right;}
.main_service ul li .serv_list {width:100%; height:100%; background-color:#fff; text-align:center; border:3px solid #d1d1d1; position:relative; padding:0px 10px; word-break:keep-all; opacity:0; }
.main_service ul li .serv_list p {font-size:18px; color:#333; font-weight:600; margin-top:60px;}
.main_service ul li .serv_list span {font-size:15px; color:#999; font-weight:500; line-height:20px;}
.main_service ul li .serv_list div {width:10px; margin:8px auto; height:2px; background:#000;}
.main_service ul li .serv_list img {position: absolute; top:-9px; left:50%; transform:translate(-50%); width:55px;}

.main_funeral {padding:25px 15px; background:url("../img/main/funeral_bg.jpg")no-repeat; width:100%; background-size:100%; padding-bottom:165px;}
.main_funeral a img {width:100%; margin-top:20px; opacity:0;}

.location {width:100%; padding:20px 15px;}
.tit_box02 {padding-bottom:20px;}
.location .loca_info {width:100%; overflow: hidden; padding-top:30px; padding-bottom:15px; word-break:keep-all;}
.location .loca_info p.info_tit {font-weight:900; font-size:15px; color:#363636; float:left; height:40px;}
.location .loca_info p.info_con {font-weight:600; font-size:15px; color:#363636;}
.location .loca_info p.info_con span:nth-child(1) {color:#697c1c; line-height:21px;}
.location .loca_info p.info_con span:nth-child(3) {color:#3495df; line-height:21px;}
/* contents */


/* footer  */
.footer {width:100%; background-color:#646464; text-align: center; padding:0px 5px; padding-bottom:50px;}

.footer .copy_link {border-bottom:1px solid #535353;}
.footer .copy_link ul {width:85%; margin:0 auto; overflow:hidden;}
.footer .copy_link ul li {float:left; padding:15px 0px;}
.footer .copy_link ul li:nth-child(1){width:28%;}
.footer .copy_link ul li:nth-child(3){width:35%;}
.footer .copy_link ul li:nth-child(5){width:32%;}
.footer .copy_link ul li:nth-child(2n) {width:2.5%; color:#9d9c9c; text-align:center; font-weight: 900; font-size:22px; padding:9px 0px;}
.footer .copy_link ul li a {color:#fff; font-size:16px;}

.footer h1 {color:#fff; font-size:20px; line-height:65px; font-weight:500; text-align: center; border-top:1px solid #949494;}
.footer p {color:#fff; font-size:14px; line-height:22px;}
.footer span {line-height:40px; color:#989898; font-family:'nanumsquare'; font-size:12px;}
/* footer end  */

.event_thread {width:100%; position:fixed; z-index: 99999; bottom:0; left:50%; transform:translate(-50%);}
#btn {width:140px; padding:8px 0px; margin:0 auto; background:#255E97;  -webkit-border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; -ms-border-radius:10px 10px 0px 0px; -o-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px; overflow: hidden;}
#btn p {color:#fff; float:left; padding-left:18px;}
#btn img {width:16px; float:right; padding:3px 0px; margin-right:18px;}

.notice_box {width:100%; background:url("../img/common/main_event_bg.jpg")no-repeat; background-size:100%; overflow: hidden;}
.notice_box ul {float:right; overflow: hidden; width:43%; padding:20px;}
.notice_box ul li {width:47%; float:left; margin-bottom:6%;}
.notice_box ul li:nth-child(2n) {float:right;}
.notice_box ul li:nth-child(n+3) {margin-bottom:0;}
.notice_box ul li img {width:100%;}




