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

	Global.css ( ver 1.0.3 )

**************************************************/
/**************************************************
	Public
**************************************************/
html{min-width: 1300px;overflow-x: hidden;}
body {overflow:hidden;}

/* Table */
.table1{ width: 100%; }
.table1 tr > *{padding: 10px;border: 1px solid #ddd;}
.table1 thead th{background: #f7f7f7;}
.table1 tbody th{background: #f7f7f7;}
.table1 tbody td{  }

/* Tab */
.tab1{ margin-bottom: 40px; }
.tab1 > li{display: inline-block;background: #f7f7f7;}
.tab1 > li a{display: block;height: 40px;line-height: 40px;text-align: center;padding: 0 40px;border: 1px solid #f7f7f7;}
.tab1 > li.active a{background: #fff;color: #000;border-color: #333;}

/* Button */
.btnWrap{ margin-top: 30px; }
.btnWrap > *{margin: 0 2px;}
.btn1{ display: inline-block;background: #333;border: 1px solid #333;color: #fff !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn1.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }
.btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn2.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }

/**************************
	Site Layer Popup
**************************/
.sp-pop{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);border-radius: 3px;overflow: hidden;}
.sp-pop:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);}
.sp-pop .img{position: relative;min-height: 100px;}
.sp-pop .img img{max-width:100%;}
.sp-pop .btns{position: absolute;bottom: 0;left: 0;width: 100%;white-space: nowrap;background: #f7f7f7;}
.sp-pop .btns li{position: relative;display: inline-block;vertical-align: top;width: 50%;}
.sp-pop .btns li:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);border-width: 1px 1px 1px 0;}
.sp-pop .btns li:first-child:before{border-left-width: 1px;}
.sp-pop .btns li a,
.sp-pop .btns li label{position: relative;display: block;text-align: center;line-height: 32px;text-align: center;font-size: 11px;color: #666;letter-spacing: -1px;z-index: 3;text-decoration: none;font-family: dotum;}
.sp-pop .btns li label input{display: none;}
.sp-pop .btns.len3 li{width: 33.33%;}

/**************************
	Paging
**************************/
.paging{text-align: center;margin-top: 30px;font-family: empty;font-size: 0;}
.paging a{display: inline-block;vertical-align: top;margin: 0;margin-right: -1px;position: relative;width: 35px;height: 35px;line-height: 35px;text-align: center;background: #f9f9f9;border: 1px solid #ddd;color: #999999;font-size: 12px;text-decoration: none;box-sizing: border-box;font-family: tahoma, arial, axicon;}
.paging a:first-child{border-radius: 5px 0 0 5px !important;}
.paging a:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 35px;text-align: center;font-size: 15px;text-indent: 0;}
.paging a:last-child{border-radius: 0 5px 5px 0 !important;}
.paging a.active{background: #ffffff;color: #333333;font-weight: 600;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last{background: none;font-size: 15px;color: #666666;text-indent: -999em;}
.paging a.first:after{content: '\f100';text-indent: 0;}
.paging a.prev:after{content: '\f104';}
.paging a.next:after{content: '\f105';}
.paging a.last:after{content: '\f101';}

/**************************************************
	Layout
**************************************************/
#header{position: absolute; top:0; left:0; width:100%; box-sizing:border-box; padding:0 80px; z-index: 90; border-bottom:1px solid rgba(255,255,255,0.15);}
#header .inner{position: relative;width: 100%;  height: 90px;margin: 0 auto; z-index:3;}
#header .logo{position: absolute;top: 0;left: 0;height: 100%;line-height: 90px;  z-index: 3;}

#header  .hd_btn { z-index: 3; width:120px; line-height:36px; position:absolute; top:27px; right:60px; background:#853b36; border-radius:36px; color:#fff; font-size:14px; text-align:center; }

#gnb{position: absolute; width:100%; max-width:1300px; top:0; left:50%; transform:translateX(-50%); z-index: 2; text-align:center;}
#gnb > li{position: relative;display: inline-block;vertical-align: top;}
#gnb > li > a{display: block;padding: 0 25px;line-height: 90px;font-size: 17px;color: #fff; font-weight:500; text-decoration: none;}
#gnb > li > ul{position: absolute;top: 90px;left: 50%;width:300px;margin-left: -150px;padding: 15px;border-top: 2px solid #853b36; background:rgba(0,0,0,0.5);box-sizing: border-box;visibility: hidden;opacity: 0;transition: all 0.2s;}
#gnb > li > ul li a{display: block;font-size: 15px;color: #fff;line-height: 30px;text-align: center;}
#gnb > li > ul li a:hover {text-decoration:underline;}
#gnb > li:hover > ul{visibility: visible;opacity: 1;}
#gnb > li.hidden-gnb{display: none;}

#drdw{position: absolute;top: 90px;left: 0;width: 100%;   background: #fff;border-top: 1px solid #ddd;border-bottom: 3px solid #00afe5;z-index: 91;display: none;}
#drdw .inner{position: relative;width: 1300px;margin: 0 auto;border-right: 1px solid #e8e8e8;}
#drdw .inner > li{display: inline-block;padding: 25px 0;vertical-align: top;}
#drdw .inner > li:before{content: '';display: block;position: absolute;top: 0;height: 100%;width: 1px;background: #e8e8e8;}
#drdw .inner > li:first-child{border-left-width: 1px;}
#drdw .inner > li > a{display: block;margin-bottom: 15px;font-size: 18px;color: #0859a2;text-align: center;font-weight: bold;}
#drdw .inner > li ul li a{display: block;font-size: 15px;line-height: 25px;color: #555555;text-align: center;}
#drdw .inner > li ul li.active a{font-weight: bold;}
#drdw .inner > li.hidden-gnb{display: none;}

#tnb{position: absolute;top: 32px;right: 200px; z-index: 3;}
#tnb > li{ position:relative; display: inline-block;margin-left: 10px; padding-left:10px; box-sizing: border-box;}
#tnb > li:after {position:absolute; content:''; width:1px; height:14px; top:6px; left:0; background:#ddd;}
#tnb > li:first-child {padding-left:0; margin-left:0;}
#tnb > li:first-child:after {display:none;}
#tnb > li a{font-size: 13px;color: #fff; font-weight:300; line-height:26px;}

#hd-lan{position: absolute;top: 40px;right: 110px;z-index: 92;}
#hd-lan > a{display: block;line-height: 40px;padding: 0 22px 0 28px;font-size: 14px;color: #2e3144;text-decoration: none;text-transform: uppercase;background: url('/images/layout/hd-lan-ico.png') no-repeat 0 center, url('/images/layout/hd-lan-spr.png') no-repeat right center;}
#hd-lan > ul{position: absolute;top: 40px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;}
#hd-lan > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('/images/layout/hd-lanbox-spr.png');}
#hd-lan > ul li a{display: block;font-size: 14px;line-height: 26px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
#hd-lan:hover > ul{display: block;}

#hd-sch{position: absolute;top: 50px;right: 50px;z-index: 91;}
#hd-sch .btn{display: block;width: 21px;height: 21px;background: url('/images/layout/hd-sch-btn.png');text-indent: -999em;border: none;}
#hd-sch form{position: absolute;display: none;top: 30px;right: 0;width: 200px;padding-right: 45px;border: 1px solid #333;border-radius: 5px;overflow: hidden;background: #fff;}
#hd-sch legend{display: none;}
#hd-sch .inp{width: 100%;height: 43px;line-height: 43px;text-indent: 10px;background: none;border: none;}
#hd-sch .sbm{position: absolute;top: 0;right: 0;width: 45px;height: 45px;background: #333 url('/images/layout/hd-sch-btn2.png') no-repeat center center;border: none;text-indent: -999em;}
#hd-sch.on form{display: block;}

#footer{background: #222222;}
#footer .fnbWrap{}
#footer .fnbWrap .inner{position: relative;width: 1300px;margin: 0 auto; border-bottom: 1px solid #3d3d3d;}
#footer .ftWrap{position: relative;width: 1300px;margin: 0 auto;padding: 60px 220px; box-sizing:border-box;}
#footer .ftWrap .f_logo {position:absolute; top:50%; left:0; transform:translateY(-50%);}
#footer address{font-size: 13px;line-height: 26px;color: #ccc;font-style: normal;}
#footer address hr{width: 20px;border: none;display: inline-block;vertical-align: middle;}
#footer address .copyright{display: block;margin-top: 10px;font-size: 13px;color: #eee;}

#sns-ico{margin-top: 20px;}
#sns-ico li{display: inline-block;margin-right: 5px;}

#gotop{position: absolute;top: 18px;right: 0;display: block;background: url('/images/layout/top_btn.png') no-repeat center center;width: 48px;height: 48px;text-indent: -999em;}

.f_call {position:absolute; display:inline-block; right:80px; top:25px;}
.f_call b {line-height:35px; font-size:16px; color:#fff; margin-right:10px; font-weight:normal;}
.f_call a {font-size:22px; line-height:35px; color:#fff; font-weight:600;}

#fnb > li{display: inline-block;margin-right:30px;}
#fnb > li:first-child{padding-left: 0;background: none;}
#fnb > li a{font-size: 14px;color: #fff;letter-spacing: -1px;line-height:85px;}

#ft-fam{position: absolute;top: 50%; transform:translateY(-50%); right: 0;width: 180px; }
#ft-fam > a{display: block;line-height: 20px;padding-bottom:7px; padding-right:20px; border-bottom:3px solid #fff; font-size: 14px;color: #fff; font-weight:normal; font-family: 'Open Sans';text-decoration: none;background: url('/images/layout/ft-family-spr2.png') no-repeat top 5px right;}
#ft-fam ul{position: absolute;bottom: 30px;left: 0;display: none;width: 100%;padding: 5px 15px;background: #444444;box-sizing: border-box;}
#ft-fam ul li{border-top: 1px solid #575757;}
#ft-fam ul li:first-child{border-top: none;}
#ft-fam ul li a{display: block;line-height: 35px;color: #f7f7f7;text-align: center;}
#ft-fam:hover ul{display: block;}

#slide-btn{text-indent: -999em;width: 26px;height: 21px;position: absolute;top: 34px;right: 0;}
#slide-btn button{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;background: none;cursor: pointer;outline: none;}
#slide-btn button span,
#slide-btn button:before,
#slide-btn button:after{border-radius: 2px;overflow: hidden;position: absolute;left: 0;width: 100%;height:3px;background: #fff;}
#slide-btn button span{display: block;top: 50%;margin-top: -1px;opacity: 1;transition: all 0.3s;}
#slide-btn button:before{content: '';display: block;top: 0;transition: all 0.3s;}
#slide-btn button:after{content: '';display: block;bottom: 0;transition: all 0.3s;}
#slide-btn button.on span{opacity: 0;}
#slide-btn button.on:before{top: 50%;margin-top: -1px;transform: rotate(45deg);}
#slide-btn button.on:after{bottom: 50%;margin-bottom: -1px;transform: rotate(-45deg);}

#slide-bg{display: none;}

#slide-menu{display: none;}

/**************************************************
	Ajax Popup
**************************************************/
#popup{position: fixed;top: 50%;left: 50%;width: 600px;height: 500px;margin-top: -250px;margin-left: -300px;padding-top: 46px;z-index: 301;background: #fff;border-radius: 5px;overflow: hidden;box-sizing: border-box;opacity: 0;transition: all 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#popup .pop-tit{position: absolute;top: 0;left: 0;width: 100%;height: 45px;background: #f7f7f7;padding: 0 15px;border-bottom: 1px solid #ddd;box-sizing: border-box;}
#popup .pop-tit h3{font-size: 15px;color: #000;font-weight: 500;line-height: 45px;}
#popup .pop-tit .close{display: block;position: absolute;top: 0;right: 0;width: 44px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #666;background: #eee;border-left: 1px solid #ddd;}
#popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
#popup.on{opacity: 1;}
#popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
#popupBG.on{opacity: 1;}

/* sitemap */
#popup .sitemap{ text-align: center; }
#popup .sitemap > li{display: inline-block;width: 32%;vertical-align: top;margin-bottom: 10px;}
#popup .sitemap > li > a{display: block;text-align: center;font-size: 14px;letter-spacing: -1px;background: #f7f7f7;font-weight: 500;line-height: 40px;border-radius: 3px;}
#popup .sitemap > li ul li{border-top: 1px solid #f7f7f7;text-align: left;}
#popup .sitemap > li ul li:first-child{border-top: none;}
#popup .sitemap > li ul li a{display: block;font-size: 13px;color: #333;line-height: 18px;padding: 10px 0;text-align: center;}

/**************************************************
	Main
**************************************************/
#main{  }
#main #content{  }
#main #mainWrap{position: relative;width: 1200px;margin: 50px auto;}

#main .visual{position: relative;}
#main .visual .roll .item{position: relative;overflow: hidden; text-align:center;}
#main .visual .roll .item img{position: relative; margin:0 auto;}
#main .visual .slick-dots{position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin-top:30px; z-index: 81;text-align: left;}
#main .visual .slick-dots li{display: inline-block;margin:0 4px;}
#main .visual .slick-dots li button{display: block;width: 65px;height:6px;background: none;text-indent: -999em;overflow: hidden;border: none; position:relative;}
#main .visual .slick-dots li button:after {position:Absolute; content:''; width:100%; height:3px; bottom:0; left:0; background:#b1b3b4;    transition: all 0.3s;}
#main .visual .slick-dots li.slick-active button:after { height:6px; background:#fff; }
#main .visual .slick-prev {position:absolute; top:50%; left:80px;  height:26px; margin-top:-13px; z-index:2; border:0; background:none;}
#main .visual .slick-prev:after {position:absolute; content:'PREV'; top:0;left:0; text-align:left; width:60px; border-bottom:2px solid #fff; line-height:18px; padding-bottom:6px; font-size:16px; font-family: 'Roboto'; font-weight:700; color:#fff;}
#main .visual .slick-next {position:absolute; top:50%; right:80px;  height:26px; margin-top:-13px;  z-index:2; border:0; background:none;}
#main .visual .slick-next:after {position:absolute; content:'NEXT'; top:0; right:0; text-align:right; width:60px; border-bottom:2px solid #fff; line-height:18px; padding-bottom:6px; font-size:16px; font-family: 'Roboto'; font-weight:700; color:#fff;}


.main_link {position:absolute; width:100%; max-width:1300px; bottom:20%; left:50%; transform:translateX(-50%); overflow:hidden; border-radius:80px 10px 80px 10px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.15);}
.main_link ul {width:100%; padding:30px 0;}
.main_link ul:after {display:block; content:''; clear:both;}
.main_link ul li {width:14.285%; float:left; text-align:center; box-sizing:border-box; padding:0 20px; border-left:1px solid #ddd;}
.main_link ul li:first-child {border-left:0;}
.main_link ul li a {display:block;}
.main_link ul li a p {font-size:16px; line-height:24px; color:#333; margin-top:15px;}




.section_1 {width:100%; background:#853b36; position:relative; z-index:1;}
.section_1 .body {width:100%; max-width:1300px; margin:0 auto; box-sizing:border-box; padding-left:220px; position:relative; z-index:3;}
.section_1 .body:before {position:absolute; content:''; width:123px; height:70px; bottom:0; left:-30px; background:url('/images/main/section_1_img_1.png') left bottom no-repeat;}
.section_1 .body strong {position:absolute; font-size:22px; font-weight:600; line-height:36px; top:50%;transform: translate(0, -50%); left:0; color:#fff;}
.section_1 .body .sec1_clock {width:100%; max-width:950px; padding:19px 0; box-sizing:border-box; position:relative; padding-left:110px;}
.section_1 .body .sec1_clock:after {display:block; content:''; clear:both;}
.section_1 .body .sec1_clock b {position:absolute;  font-size:18px; font-weight:500; color:#fff; line-height:32px; top:50%;transform: translate(0, -50%); left:0; }
.section_1 .body .sec1_clock b i {margin-right:5px;}
.section_1 .body .sec1_clock .t1 { float:left; display:inline-block; vertical-align:top; box-sizing:border-box; padding-left:110px; padding-right:20px; position:relative; font-size:17px; line-height:32px; color:#fff;margin: 2px 0;}
.section_1 .body .sec1_clock .t1 span {position:absolute; top:0; left:0; width:100px; line-height:32px; text-align:center; font-size:15px; color:#fff; background:#975854; border-radius:32px;}
.section_1 .body .sec1_clock .t2 { float:left; display:inline-block; vertical-align:top; box-sizing:border-box; padding-left:110px; padding-right:20px; position:relative; font-size:17px; line-height:32px; color:#fff;margin: 2px 0;}
.section_1 .body .sec1_clock .t2 span {position:absolute; top:0; left:0; width:100px; line-height:32px; text-align:center; font-size:15px; color:#fff; background:#975854; border-radius:32px;}
.section_1 .body .sec1_tel {position:absolute; display:inline-block; top:50%; right:0; transform: translate(0, -50%);}
.section_1 .body .sec1_tel b {display:inline-block; font-size:18px; font-weight:500; color:#fff; line-height:32px; margin-right:15px;}
.section_1 .body .sec1_tel b i {margin-right:5px;}
.section_1 .body .sec1_tel a {display:inline-block; font-size:24px; line-height:32px; color:#fff; font-weight:700; font-family: 'Open Sans';}


.section_2 {width:100%; max-width:1300px; margin:100px auto 90px; }
.section_2 .cont_1 {width:100%;}
.section_2 .cont_1:after {display:block; content:''; clear:both;}
.section_2 .cont_1 .left {width:50%; box-sizing:border-box; padding-right:50px; float:left;}
.section_2 .cont_1 .left span {display:block; font-size:18px; line-height:30px; color:#853b36; font-weight:700;  font-family: 'Play';}
.section_2 .cont_1 .left h3 {font-size:42px; line-height:58px; color:#333; font-weight:600; margin-top:10px;}
.section_2 .cont_1 .right {width:50%; box-sizing:border-box; padding-left:50px; float:left;}
.section_2 .cont_1 .right strong {display:block; font-size:22px; line-height:30px; font-weight:500; color:#333;}
.section_2 .cont_1 .right p {font-size:16px; line-height:30px; color:#666; margin-top:10px;}
.section_2 .cont_1 .right a {display:block; width:200px; margin-top:30px; font-size:16px; font-weight:500; color:#333; letter-spacing:-1px; line-height:30px; padding-bottom:15px; border-bottom:2px solid #333; box-sizing:border-box; padding-right:30px; position:relative;}
.section_2 .cont_1 .right a i {position:absolute; top:0; right:0; line-height:30px; font-size:24px;}

.section_2 .cont_2 {width:100%; margin-top:100px;}
.section_2 .cont_2:after {display:block; content:''; clear:both;}
.section_2 .cont_2 .box {width:50%; float:left;}
.section_2 .cont_2 .box a {display:block; position:relative;}
.section_2 .cont_2 .box a h4 {position:absolute;  top:0; left:0; z-index:2; box-sizing:border-box; padding:50px; font-size:30px; line-height:42px; color:#fff; font-weight:600;}
.section_2 .cont_2 .box a h4 span {display:block; margin-top:15px; font-size:17px; line-height:30px; font-weight:300; color:#fff;}
.section_2 .cont_2 .box a:after {position:absolute; content:''; bottom:0; right:0; width:60px; height:60px; background:url('/images/layout/arrow_1.png') no-repeat;}



.section_3 {width:100%; padding:80px 0; background:url('/images/main/section_3_bg_1.png') top center no-repeat; background-size:cover; }
.section_3 .body {width:100%; max-width:1320px; margin:0 auto;}
.section_3 .body .sec3_tit {width:100%; max-width:1300px; margin:0 auto; box-sizing:border-box; padding-right:150px; position:relative; margin-bottom:40px;}
.section_3 .body .sec3_tit h3 {display:inline-block; font-size:30px; line-height:40px; color:#333; font-weight:600;}
.section_3 .body .sec3_tit .tabs {display:inline-block; margin-left:30px;vertical-align: text-bottom;}
.section_3 .body .sec3_tit .tabs a {display:inline-block; margin-right:5px; border:1px solid #ddd; border-radius:32px; line-height:30px; text-align:center; padding:0 15px; font-size:15px; color:#555; background:#fff;}
.section_3 .body .sec3_tit .tabs a.active {background:#853b36; color:#fff; border-color:#853b36;}
.section_3 .body .sec3_tit .arrow {display:inline-block; position:absolute; top:0; right:0; width:132px; }
.section_3 .body .sec3_tit .arrow .slick-prev {position:absolute; top:0; left:0; width:40px; height:40px; font-size:0; border:0; background:url('/images/layout/prev_1.png') no-repeat; }
.section_3 .body .sec3_tit .arrow .slick-next {position:absolute; top:0; left:46px; width:40px; height:40px; font-size:0; border:0; background:url('/images/layout/next_1.png') no-repeat; }
.section_3 .body .sec3_tit .arrow .more {position:absolute; top:0; right:0; width:40px; height:40px; background:url('/images/layout/plus_1.png') no-repeat; }
.section_3 .body ul {width:100%;}
.section_3 .body ul li {margin:10px;}
.section_3 .body ul li a {display:block; box-sizing:border-box; padding:35px; border-radius:15px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.section_3 .body ul li a .ca_na {display:inline-block; box-sizing:border-box; padding:0 10px; line-height:24px; border:2px solid #7d3f3b; border-radius:28px; background:#fff; color:#7d3f3b; font-size:14px;}
.section_3 .body ul li a .sbj {position:relative; font-size:20px; line-height:30px; color:#333; overflow:hidden; margin-top:15px; font-weight:500; height:60px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  word-wrap: break-word;}
.section_3 .body ul li a .line {width:100%; height:1px; background:#ddd; display:block; margin:20px 0;}
.section_3 .body ul li a .t_con {font-size:15px; line-height:26px; color:#777;height:52px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  word-wrap: break-word;}
.section_3 .body ul li a .t_date {font-size:14px; color:#777; line-height:24px; margin-top:30px; display:block; font-family: 'Open Sans'; font-weight:normal;}



.section_4 {width:100%; padding:80px 0; }
.section_4 .body {width:100%; max-width:1336px; margin:0 auto;}
.section_4 .body .sec4_tit {width:100%; max-width:1300px; margin:0 auto; box-sizing:border-box; padding-right:150px; position:relative; margin-bottom:40px;}
.section_4 .body .sec4_tit h3 {display:inline-block; font-size:30px; line-height:40px; color:#333; font-weight:600;}
.section_4 .body .sec4_tit .tabs2 {display:inline-block; margin-left:30px;vertical-align: text-bottom;}
.section_4 .body .sec4_tit .tabs2 a {display:inline-block; margin-right:5px; border:1px solid #ddd; border-radius:32px; line-height:30px; text-align:center; padding:0 15px; font-size:15px; color:#555; background:#fff;}
.section_4 .body .sec4_tit .tabs2 a.active {background:#853b36; color:#fff; border-color:#853b36;}
.section_4 .body .sec4_tit .arrow2 {display:inline-block; position:absolute; top:0; right:0; width:132px; }
.section_4 .body .sec4_tit .arrow2 .slick-prev {position:absolute; top:0; left:0; width:40px; height:40px; font-size:0; border:0; background:url('/images/layout/prev_1.png') no-repeat; }
.section_4 .body .sec4_tit .arrow2 .slick-next {position:absolute; top:0; left:46px; width:40px; height:40px; font-size:0; border:0; background:url('/images/layout/next_1.png') no-repeat; }
.section_4 .body .sec4_tit .arrow2 .more2 {position:absolute; top:0; right:0; width:40px; height:40px; background:url('/images/layout/plus_1.png') no-repeat; }
.section_4 .body ul {width:100%;}
.section_4 .body ul li {margin:10px 18px;}
.section_4 .body ul li a {display:block; box-sizing:border-box; border-radius:0 0 15px 15px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.section_4 .body ul li a .img {position:relative; width:100%; height:0; padding-bottom:70%;}
.section_4 .body ul li a .img img {position:absolute; top:0; left:0; width:100%; height:100%;}
.section_4 .body ul li a .txt {position:Relative; box-sizing:border-box; padding:30px; border-radius:0 0 15px 15px;}
.section_4 .body ul li a .sbj {position:relative; font-size:19px; line-height:26px; color:#333; overflow:hidden;  font-weight:500; height:26px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  word-wrap: break-word;}
.section_4 .body ul li a .sbj_body.new {display:inline-block;  box-sizing:border-box; padding-right:20px; position:relative;}
.section_4 .body ul li a .sbj_body.new span {position:absolute; top:5px; right:0; width:16px; border-radius:3px; line-height:16px; text-align:center; font-size:12px; color:#fff; background:#e18830;font-family: 'Open Sans'; font-weight:normal;}
.section_4 .body ul li a .t_con {margin-top:5px; font-size:14px; line-height:26px; color:#777;height:26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  word-wrap: break-word;}
.section_4 .body ul li a .t_date {font-size:14px; color:#777; line-height:24px; margin-top:15px; display:block; font-family: 'Open Sans'; font-weight:normal;}


.section_5 {width:100%; padding:100px 0; background:url('/images/main/section_5_bg_1.png') top center no-repeat; background-size:cover; }
.section_5 .body {width:100%; max-width:1300px; margin:0 auto; text-align:center;}
.section_5 .body h3 {font-size:42px; line-height:55px; color:#fff; font-weight:600; text-align:center;}
.section_5 .body p {font-size:18px; font-weight:300; color:#eee; margin-top:20px;}
.section_5 .body a {display:block; width:200px; margin:30px auto 0; line-height:44px; font-size:16px; color:#fff; border-radius:48px; border:2px solid #ddd;}


.section_6 {width:100%; padding:25px 0; }
.section_6 .body {width:100%; max-width:1300px; margin:0 auto;}
.section_6 .body:after {display:block; content:''; clear:both;}
.section_6 .body .left {position:relative; width:50%; float:left; box-sizing:border-box; padding-left:240px; padding-right:70px; }
.section_6 .body .left:after {position:absolute; content:''; width:1px; height:40px; top:-5px; right:0; background:#ddd;}
.section_6 .body .left strong {position:absolute; width:240px; top:0; left:0; line-height:30px; font-size:16px; font-weight:500; color:#333; }
.section_6 .body .left strong b {font-size:20px; line-height:30px; color:#333; margin-right:20px;  font-family: 'Open Sans'; font-weight: 700;}
.section_6 .body .left p {font-size:15px; line-height:30px; color:#666; font-weight:300; }
.section_6 .body .left a {position:absolute; top:0; right:40px; width:30px; line-height:28px; text-align:center; box-sizing:border-box; border:1px solid #777; font-size:20px; color:#777;}

.section_6 .body .right {position:relative; width:50%; float:left; box-sizing:border-box; padding-left:230px; padding-right:40px;}
.section_6 .body .right strong {position:absolute; width:160px; top:0; left:70px; line-height:30px; font-size:16px; font-weight:500; color:#333; }
.section_6 .body .right strong b {font-size:20px; line-height:30px; color:#333; margin-right:20px;  font-family: 'Open Sans'; font-weight: 700;}
.section_6 .body .right p {font-size:15px; line-height:30px; color:#666; font-weight:300;}
.section_6 .body .right a {position:absolute; top:0; right:0; width:30px; line-height:28px; text-align:center; box-sizing:border-box; border:1px solid #777; font-size:20px; color:#777;}





/**************************************************
	Sub
**************************************************/
#sub{  }
#sub #content{ position: relative;width: 1300px;margin: 0 auto;padding: 80px 0; }

#sub #content > *{}

#sub .sub-vis{position: relative;height: 360px;overflow: hidden;text-align: center;background-position: center center;background-size: cover;}
#sub .sub-vis:before{position: relative;content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
#sub .sub-vis h2{display: inline-block;vertical-align: middle;text-align: center;font-size: 50px;color: #fff; font-family: 'Noto Serif'; font-weight:800; letter-spacing: -1px;z-index: 2; margin-top:90px;}
#sub .sub-vis h2 em{display: block;margin-top: 10px;font-style: normal;font-size: 18px;font-weight: normal;}

#sub .sub-tit{position: relative; margin-bottom:50px; }
#sub .sub-tit h3{ font-size: 40px;color: #222; font-weight:500; text-align:center; }
#sub .sub-tit h3 strong{color: #853b36;font-weight: 500;}

.lnbWrap{background: #666666;}
#lnb{width: 1300px;margin: 0 auto;}
#lnb > li{display: inline-block;vertical-align: top;border-right: 1px solid #999999;box-sizing: border-box;}
#lnb > li:first-child{border-left: 1px solid #999999;}
#lnb > li a{display: block;line-height: 50px;font-size: 15px;text-decoration: none;text-align: center;color: #fff;}
#lnb > li.active a{background: #fff;color: #000;}

#status{position: absolute;bottom: 20px;right: 0;}
#status > ul > li{display: inline-block;}
#status > ul > li .spr{display: inline-block;vertical-align: middle;margin: 0 10px;color: #999;font-size: 11px;line-height: 11px;}
#status > ul > li a{font-size: 13px;color: #999;text-decoration: none;}
#status > ul > li:last-child a{color: #000;}
#status > ul > li > ul{display: none;}

#navigator{border: 1px solid #ddd;border-width: 0 0 1px 0;}
#navigator > ul{width: 1300px;position: relative;margin: 0 auto;border-left: 1px solid #ddd;box-sizing: border-box;background: #fff;}
#navigator > ul > li{position: relative;display: inline-block;border-right: 1px solid #ddd;vertical-align: top;z-index: 89;}
#navigator > ul > li > a{display: block;min-width: 200px;font-size: 16px; color: #555;text-decoration: none;padding: 0 60px 0 15px;line-height: 55px;background: url('/images/layout/arrow_2.png') no-repeat 95% center;}
#navigator > ul > li:first-child a{min-width: 0;width: 55px;text-align: center;padding: 0;background: #853b36;color: #fff;font-size: 20px;}
#navigator > ul > li > ul{position: absolute;top: 55px;left: -1px;width: 100%;border: 1px solid #ddd;visibility: hidden;opacity: 0;transition: all 0.2s;}
#navigator > ul > li > ul li a{display: block;padding: 12px 15px;font-size: 15px;border-top: 1px solid #ddd;text-decoration: none;transition: all 0.3s;}
#navigator > ul > li > ul li:first-child a{border-top: none;}
#navigator > ul > li > ul li:hover a{background: #f7f7f7;}
#navigator > ul > li.on > ul{background: #fff;visibility: visible;opacity: 1;}
#navigator > ul > li > ul li.hidden-gnb{display: none;}

/* 약관 내용 출력 박스 */
.policybox{color: #666;font-size: 13px;line-height: 20px;}



.ic_tit {font-size:26px; line-height:35px; font-weight:500; color:#333; box-sizing:border-box; position:relative; padding-left:15px;}
.ic_tit:after {position:absolute; content:''; top:5px; left:0; width:4px; height:25px; background:#853b36;}






/** 인사말 **/
.greetings {width:100%;}
.greetings .cont_1 {width:100%; padding:140px 0; position:relative; }
.greetings .cont_1:before {position:absolute; content:''; z-index:-1; width:100vw; height:100%; top:0; left:50%; margin-left:-50vw; background:url('/images/sub/greetings_bg_1.png') top center no-repeat; background-size:cover;}
.greetings .cont_1 .imgtxt{width:100%; text-align:center;}
.greetings .cont_1 .imgtxt strong {display:block; font-size:26px; line-height:36px; color:#fff; font-weight:500;}
.greetings .cont_1 .imgtxt h3 {margin-top:10px; text-align:center; font-size:42px; line-height:58px; color:#e6dbbd; font-family: 'Noto Serif'; font-weight:700;}



.greetings .cont_2 {width:100%; padding:80px 0; position:relative; }
.greetings .cont_2:after {display:block; content:''; clear:both;}
.greetings .cont_2 .left {padding-right:140px; box-sizing:border-box; width:50%; float:left;}
.greetings .cont_2 .left strong {display:block; font-size:22px; font-weight:500; color:#333; line-height:38px; letter-spacing:-1px;}
.greetings .cont_2 .left ul { margin-top:30px; width:100%;}
.greetings .cont_2 .left ul:after {display:block; content:''; clear:both;}
.greetings .cont_2 .left ul li {width:calc(50% - 15px); margin-right:30px; float:left; margin-top:40px;}
.greetings .cont_2 .left ul li:last-child {margin-right:0;}
.greetings .cont_2 .left ul li span { display:block; margin-top:15px; position:relative; box-sizing:border-box; padding-left:15px; font-size:18px; color:#222; font-family: 'Noto Serif'; line-height:30px;}
.greetings .cont_2 .left ul li span:after {position:absolute; content:''; width:4px; height:22px; top:4px; left:0; background:#853b36; }
.greetings .cont_2 .right {width:50%; float:left;}
.greetings .cont_2 .right p {font-size:16px; line-height:30px; font-weight:300; color:#666; margin-top:15px;}
.greetings .cont_2 .right p:first-child {margin-top:0;}


/** 서지마을역사 **/
.history {width:100%; }
.history .cont_1 {width:100%;}
.history .cont_1 .imgtxt {width:100%; padding:120px 30px; box-sizing:border-box; background:url('/images/sub/history_img_1.png') top center no-repeat; }
.history .cont_1 .imgtxt h3 {text-align:center; font-size:38px; line-height:58px; color:#fff; font-family: 'Noto Serif'; font-weight:700;}
.history .cont_1 .imgtxt strong {font-weight:normal; color:#fff; font-size:18px; line-height:30px; margin-top:10px; display:block; text-align:center;}

.history .cont_2 {width:100%; margin-top:50px;}
.history .cont_2 strong {display:block; font-size:28px; line-height:36px; color:#853b36; font-weight:600; }
.history .cont_2 b {font-size:17px; line-height:26px; color:#333; font-weight:normal; display:block; margin-top:10px;}
.history .cont_2 p {margin-top:15px; font-size:15px; line-height:28px; font-weight:300; color:#666;}




/** 원주교구사 **/
.martyr {width:100%; }
.martyr .txtbox {width:100%; box-sizing:border-box; border:8px solid #f5f5f5; padding:40px; }
.martyr .txtbox p {box-sizing:border-box; padding-left:125px; position:relative; font-size:16px; line-height:34px; color:#666;}
.martyr .txtbox p:after {position:absolute; content:''; width:4px; height:4px; border-radius:50%; top:15px; left:0; background:#853b36;}
.martyr .txtbox p b {position:absolute; left:15px; top:0; left:15px; font-size:17px; line-height:34px; color:#333; font-weight:500;}



/** ci **/
.ci {width:100%;}
.ci .cont_1 {width:100%;}
.ci .cont_1 .img {width:100%;}
.ci .cont_1 .btn_body {width:100%; margin-top:40px; text-align:center;}
.ci .cont_1 .btn_body a {display:inline-block; margin:0 5px; width:200px; box-sizing:border-box; line-height:44px; border-radius:44px; font-size:15px; color:#fff; padding:0 55px 0 30px; position:relative; }
.ci .cont_1 .btn_body a i {position:absolute; top:0; right:30px; line-height:44px; font-size:24px;}
.ci .cont_1 .btn_body a.btn_1 {background:#853b36; border:1px solid #853b36;}
.ci .cont_1 .btn_body a.btn_2 { border:1px solid #853b36; color:#853b36;}


.ci .cont_2 {position:relative; width:100%; margin-top:70px; box-sizing:border-box; padding-left:210px; padding-bottom:50px; border-bottom:1px solid #ddd;}
.ci .cont_2 strong {position:absolute; top:0; left:0; font-size:24px; font-weight:500; color:#222; line-height:30px;}
.ci .cont_2 p {font-size:16px; line-height:30px; color:#666;}


.ci .cont_3 {position:relative; width:100%; box-sizing:border-box; padding:50px 0; padding-left:210px; border-bottom:1px solid #ddd;}
.ci .cont_3 strong {position:absolute; top:50px; left:0; font-size:24px; font-weight:500; color:#222; line-height:30px;}
.ci .cont_3 p {position:relative; font-size:16px; line-height:30px; color:#666; box-sizing:border-box; padding-left:125px; margin:10px 0;}
.ci .cont_3 p b {width:110px; position:absolute; top:0; left:0; line-height:30px; background:#e5e5e5; font-size:15px; color:#333; font-weight:normal; text-align:center; border-radius:30px;}

.ci .cont_4 {position:relative; width:100%; box-sizing:border-box; padding:50px 0 0; padding-left:210px;}
.ci .cont_4 strong {position:absolute; top:50px; left:0; font-size:24px; font-weight:500; color:#222; line-height:30px;}
.ci .cont_4 ul {width:100%;}
.ci .cont_4 ul:after {display:block; content:''; clear:both;}
.ci .cont_4 ul li {width:calc(50% - 10px); margin-right:20px; float:left; margin-right:20px; margin-bottom:20px;}
.ci .cont_4 ul li:nth-child(2n) {margin-right:0;}



/** 서지마을미사 **/
.mass {width:100%;}
.table_1 {width:100%;}
.table_1 table {width:100%; border-top:2px solid #222;}
.table_1 thead th {font-size:18px; font-weight:500; color:#333; line-height:30px; padding:15px; text-align:center; background:#f6f6f6; border-bottom:1px solid #ddd;}
.table_1 tbody th {text-align:center; font-size:16px; font-weight:500; color:#333; line-height:30px; padding:15px; border-bottom:1px solid #ddd;}
.table_1 tbody td {text-align:center; font-size:16px; font-weight:normal; color:#666; line-height:30px; padding:15px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
.table_1 p {text-align:center; font-size:16px; font-weight:normal; color:#666; line-height:30px; box-sizing:border-box; padding:15px; background:#f6f6f6; margin-top:20px;}





/** 서지마을순례 **/
.pilgrimage {width:100%;}
.pilgrimage .cont_1 {width:100%;}
.pilgrimage .cont_1 .img {position:relative;}
.pilgrimage .cont_1 .img .img_txt {width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; box-sizing:border-box; padding:0 50px;}
.pilgrimage .cont_1 .img .img_txt span {font-size:24px; font-weight:500; color:#fff; line-height:32px; display:block;}
.pilgrimage .cont_1 .img .img_txt h3 {margin-top:15px; font-size:38px; font-weight:700; color:#fff; line-height:58px; text-align:center; font-family: 'Noto Serif';}
.pilgrimage .cont_1 .txt_box {margin-top:60px;}
.pilgrimage .cont_1 .txt_box p {font-size:16px; color:#666; line-height:30px; font-weight:300; margin-top:15px;}
.pilgrimage .cont_1 .txt_box .tbg {width:100%; text-align:center; margin-top:30px; padding:15px; background:#f6f6f6; box-sizing:border-box;}
.pilgrimage .cont_1 .txt_box .tbg span {display:inline-block; margin:0 15px; box-sizing:border-box; font-size:17px; color:#555; line-height:30px;  text-align:left; padding-left:72px; position:relative;}
.pilgrimage .cont_1 .txt_box .tbg span b {width:60px; position:absolute; top:0; left:0; line-height:30px; border-radius:30px; color:#fff; background:#853b36; font-size:15px; font-weight:500; border-radius:30px; text-align:center;}

.pilgrimage .cont_2 {width:100%; margin-top:60px;}
.pilgrimage .cont_2 .box {width:100%; position:relative; box-sizing:border-box; padding-left:280px; }
.pilgrimage .cont_2 .box .left {width:240px; position:absolute; top:0; left:0; border-top:2px solid #853b36; padding-top:30px;}
.pilgrimage .cont_2 .box .left h5 {font-size:22px; line-height:30px; color:#853b36; font-weight:600;}
.pilgrimage .cont_2 .box .right {width:100%; padding:30px 0 50px; border-top:2px solid #ddd; }
.pilgrimage .cont_2 .box .right strong {display:block; font-size:18px; line-height:30px; color:#333; font-weight:500;}
.pilgrimage .cont_2 .box .right p {margin-top:20px; font-size:15px; color:#666; line-height:28px;}
.pilgrimage .cont_2 .box .right span {margin-top:20px; display:inline-block; margin-right:30px; box-sizing:border-box; padding-left:95px; position:relative; font-size:16px; line-height:30px; color:#666;}
.pilgrimage .cont_2 .box .right span b {position:absolute; top:0; left:0; width:80px; border-radius:30px; text-align:center; font-weight:normal; font-size:15px; color:#333; background:#e5e5e5;}

.pilgrimage .cont_2 .ttxt {font-size:20px; line-height:30px; padding:15px; box-sizing:border-box; width:100%; text-align:center; color:#fff; background:#853b36;}



/** 순교자 기념관 **/

.mem_tab {width:100%; position:relative; text-align:center; }
.mem_tab:before {position:absolute; content:''; width:100vw; height:1px; bottom:0; left:50%; margin-left:-50vw; background:#ddd;}
.mem_tab a {display:inline-block; vertical-align:top; padding:0 10px; margin:0 15px; font-size:17px; line-height:24px; padding-bottom:20px; color:#666; position:relative;}
.mem_tab a.active {font-weight:500; color:#853b36;}
.mem_tab a.active:after {position:absolute; content:''; bottom:-1px; left:0;  width:100%; height:3px; background:#853b36; z-index:1; }



/** 기념관 - 서지마을 순교자들 **/
.memorial_2 {width:100%;}
.memorial_2 h3 {margin-top:60px; text-align:center; font-size:32px; color:#333; font-weight:500; line-height:42px;}
.memorial_2 .box {width:100%; margin-top:60px;}
.memorial_2 .box .cont {padding-top:50px; min-height:400px; margin-top:20px; border-top:1px solid #ddd; box-sizing:border-box; padding-left:320px; position:relative;}
.memorial_2 .box .cont .left {width:240px; position:absolute; top:50px; left:0;}
.memorial_2 .box .cont .right {width:100%;}
.memorial_2 .box .cont .right h5 {font-size:28px; line-height:32px; color:#853b36; font-weight:600;}
.memorial_2 .box .cont .right strong {display:block; margin-top:20px; font-size:17px; font-weight:normal; color:#666;}
.memorial_2 .box .cont .right p {font-size:16px; color:#666; font-weight:300; line-height:30px; margin-top:20px;}


/** 기념관 - 원주교구 순교자들 **/
.memorial_3 {width:100%;}
.s_tit  {width:100%;margin-top:60px; text-align:center;}
.s_tit h3 { text-align:center; font-size:32px; color:#333; font-weight:500; line-height:42px;}
.s_tit span {display:block; font-size:17px; color:#333; font-weight:400; line-height:30px;}

.memorial_3 .cont_1 {width:100%;}
.memorial_3 .cont_1 .img {margin-bottom:50px;}
.memorial_3 .cont_1 h5 {font-size:28px; font-weight:600; color:#853b36; line-height:42px; }
.memorial_3 .cont_1 p {font-size:15px; color:#666; font-weight:300; line-height:30px; margin-top:20px;}


.memorial_3 .cont_2 {width:100%; margin-top:70px;}
.memorial_3 .cont_2 .img {margin-bottom:50px;}
.memorial_3 .cont_2 h5 {font-size:28px; font-weight:600; color:#853b36; line-height:42px; }
.memorial_3 .cont_2 p {font-size:15px; color:#666; font-weight:300; line-height:30px; margin-top:20px;}

.memorial_3 .cont_3 {width:100%; margin-top:70px;}
.memorial_3 .cont_3 .img {margin-bottom:50px;}
.memorial_3 .cont_3 h5 {font-size:28px; font-weight:600; color:#853b36; line-height:42px; }
.memorial_3 .cont_3 b {display:block; font-size:17px; line-height:32px; color:#555; font-weight:normal; margin-top:5px;}
.memorial_3 .cont_3 strong {display:block; font-size:18px; line-height:30px; margin-top:30px; color:#333;font-weight:500;}
.memorial_3 .cont_3 p {font-size:15px; color:#666; font-weight:300; line-height:30px; margin-top:20px;}

.memorial_3  .t_box {width:100%; margin-top:50px; text-align:center; font-size:16px; color:#fff; line-height:30px; padding:20px; box-sizing:border-box; background:#853b36;}

.memorial_3 .cont_4 {width:100%; margin-top:70px;}
.memorial_3 .cont_4 span {display:block; font-size:15px; line-height:28px; margin-top:20px; color:#666;}
.memorial_3 .cont_4 .box {margin-top:50px; width:100%;}
.memorial_3 .cont_4 .box strong {display:block; font-size:20px; line-height:30px; color:#333; font-weight:500;}
.memorial_3 .cont_4 .box .bankbox {margin-top:15px; width:100%; box-sizing:border-box; padding:10px 40px 10px 115px; background:#f6f6f6; position:Relative;}
.memorial_3 .cont_4 .box .bankbox em {position:absolute; top:10px; left:40px; font-size:15px; font-weight:500; color:#333; line-height:28px; font-style:normal;}
.memorial_3 .cont_4 .box .bankbox p {position:relative; display:inline-block; vertical-align:top; box-sizing:border-box; padding-left:90px; margin-right:30px; line-height:28px; color:#666; font-size:15px;}
.memorial_3 .cont_4 .box .bankbox p b {position:absolute; top:0; left:0; width:80px; display:inline-block; line-height:28px; border-radius:28px; text-align:center; font-size:15px; color:#fff; background:#853b36; }
.memorial_3 .cont_4 .box .infobox {margin-top:15px; width:100%; box-sizing:border-box; padding:10px 40px; background:#f6f6f6; position:Relative;}
.memorial_3 .cont_4 .box .infobox p {position:relative; display:inline-block;  margin-right:30px; line-height:28px; color:#666; font-size:15px;}
.memorial_3 .cont_4 .box .infobox p b {display:inline; margin-right:15px; font-size:15px; font-weight:500; color:#333; line-height:28px;}



.location {width:100%; }
.loca_box {width:100%; border:8px solid #f5f5f5; box-sizing:border-box; padding:40px; margin-bottom:50px;}
.loca_box strong {font-size:20px; line-height:30px; color:#333; font-weight:600; display:block;}
.loca_box p {font-size:15px; line-height:30px; margin-top:20px; color:#555; font-weight:300;}

.root_daum_roughmap {width:100% !important; height:400px; }
.root_daum_roughmap .wrap_map { height:400px !important}

.loca_info {width:100%; padding:30px 0; border-top:2px solid #333; padding-left:340px; box-sizing:border-box; margin-top:30px;  position:relative;}
.loca_info strong {position:absolute; top:30px; left:0; font-size:20px; line-height:30px; color:#333; font-weight:600;}
.loca_info p {display:inline-block; padding-left:90px; padding-right:30px; box-sizing:border-box; position:relative; font-size:16px; color:#555; line-height:30px;}
.loca_info p b {position:absolute; top:0; left:0; box-sizing:border-box; padding-left:40px; line-height:30px; font-size:16px; font-weight:500; color:#333; background:url('/images/sub/add_img_1.png') top left no-repeat;}

.loca_info span {display:block; padding-right:30px; box-sizing:border-box; position:relative; font-size:16px; color:#555; line-height:30px;}
.locatbox {width:100%; padding:15px; background:#f6f6f6; text-align:center; font-size:16px; color:#666; line-height:30px;}


.inqu {margin-top:80px;}


/* spirituality > about */
.head_box{border: 8px solid #f5f5f5;padding: 50px;}
.head_box .t1{display: block;text-align: center;font-size: 22px;color: #333333;letter-spacing: -1px;font-weight: 500;}
.head_box .t2{display: block;text-align: center;font-size: 36px;color: #853b36;letter-spacing: -1px;font-weight: 600;margin-top: 15px;}
.head_box p{font-size: 16px;line-height: 32px;color: #666666;letter-spacing: -1px;text-align: center;margin-top: 30px;padding-top: 30px;position: relative;}
.head_box p:before{content: '';display: block;position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);width: 40px;height: 3px;background: #853b36;}

.spi_about > p{font-size: 15px;line-height: 28px;color: #666666;letter-spacing: -1px;margin-top: 30px;}

.full_wrapper{width: 100vw;position: relative;left: 50%;transform: translate(-50%, 0);}
.full_wrapper.bg_gray{padding: 130px 0;background: #f6f6f6;}
.full_wrapper .inner{width: 1300px;margin: 0 auto;}

.spi_list1{display: flex;justify-content: space-between;flex-wrap: wrap;margin: -10px;}
.spi_list1 li{margin: 10px;width: calc((100% / 3) - 20px);background: #fff;}
.spi_list1 li .tmb{font-family: empty;font-size: 0;text-align: center;}
.spi_list1 li .info{padding: 20px 40px;}
.spi_list1 li .info strong{display: block;text-align: center;border-bottom: 1px solid #ddd;line-height: 75px;font-size: 30px;color: #333333;letter-spacing: -1px;font-weight: 500;}
.spi_list1 li .info p{font-size: 16px;line-height: 28px;color: #666666;letter-spacing: -1px;margin-top: 20px;}

.spi_summary1{display: block;margin-top: 30px;line-height: 64px;font-size: 16px;color: #fff;letter-spacing: -1px;text-align: center;background: #853b36;}

.spi_list2{border-top: 2 px solid #333;}
.spi_list2 dl{border-bottom: 1px solid #ddd;padding: 40px 0;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.spi_list2 dl dt{width: 300px;}
.spi_list2 dl dd{width: calc(100% - 300px);box-sizing: border-box;padding-left: 60px;}
.spi_list2 dl dd .title{display: block;font-size: 24px;color: #853b36;letter-spacing: -1px;font-weight: 600;}
.spi_list2 dl dd p{font-size: 15px;line-height: 32px;color: #666666;letter-spacing: -1px;margin-top: 20px;}
.spi_list2 dl dd .summary{display: block;margin-top: 30px;font-size: 16px;color: #666666;letter-spacing: -1px;line-height: 150%;background: #f6f6f6;padding: 17px;}

.spi_list3{display: flex;justify-content: space-between;flex-wrap: wrap;border: 1px solid #ddd;padding: 40px;align-items: center;}
.spi_list3 dt{font-family: empty;font-size: 0;width: 300px;}
.spi_list3 dd{width: calc(100% - 300px);box-sizing: border-box;padding-left: 70px;}
.spi_list3 dd p{font-size: 16px;line-height: 32px;color: #666666;letter-spacing: -1px;}

/* mass > memorial_4 */
.memorial_list1{display: flex;justify-content: space-between;flex-wrap: wrap;}
.memorial_list1 li .tmb{text-align: center;font-family: empty;font-size: 0;}
.memorial_list1 li strong{display: block;margin-top: 30px;font-size: 28px;color: #853b36;letter-spacing: -1px;font-weight: 600;}
.memorial_list1 li p{margin-top: 30px;font-size: 15px;color: #666666;letter-spacing: -1px;display: block;}

hr.hr{border: none;margin: 100px 0;height: 1px;background: #ddd;}

.memorial_3 .summary{display: block;border: 1px solid #ddd;padding: 40px;font-size: 16px;color: #666666;letter-spacing: -1px;line-height: 200%;}

.person_list{display: flex;justify-content: space-between;flex-wrap: wrap;margin: -10px -15px;margin-top: 40px;}
.person_list li{width: calc((100% / 2) - 30px);margin: 10px 15px;box-sizing: border-box;border: 1px solid #ddd;padding: 30px;padding-left: 245px;position: relative;min-height: 290px;align-content: center;}
.person_list li .tmb{position: absolute;top: 50%;transform: translate(0, -50%);left: 20px;}
.person_list li > strong{display: block;font-size: 24px;color: #333333;letter-spacing: -1px;font-weight: 600;}
.person_list li > p{font-size: 17px;color: #555555;letter-spacing: -1px;margin-top: 15px;}
.person_list li > .info{display: block;margin-top: 25px;font-size: 16px;}
.person_list li > .info strong{display: inline-block;vertical-align: middle;margin-right: 10px;width: 80px;line-height: 30px;border-radius: 30px;text-align: center;background: #853b36;color: #fff;letter-spacing: -1px;font-size: 15px;font-weight: normal;}