@charset "UTF-8";
/* hhi */
* { margin: 0; padding: 0; box-sizing: border-box;}
body { word-break: break-word; color: #000; background-color: #fff; font-family: 'Noto Sans KR', sans-serif;}
body.on { overflow: hidden;}
a { text-decoration: none; color: #000;}
ul, li, ol {list-style: none;}
img { vertical-align: middle; max-width: 100%;}
.wrap { width: 1180px; margin: 0 auto;}
button { cursor: pointer; padding: 0;}
button, input { border: none; background:transparent; font-family: 'Noto Sans KR', sans-serif;}
button, :focus, :active { outline: 0;}
button:focus, button:active { padding: 0;}
button span, button img { position: relative;}
.hidden { text-indent: -99999px; overflow: hidden; font-size: 0; display: none;}
.cb:after { clear: both; display: block; content: '';}


.mainVisual {display: block; position: relative; overflow: hidden;}
.visualSlide { height: 600px;}
.visualSlide .slide { background-repeat: no-repeat; background-position: center 0; background-size: cover;}
.visualTab { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.5);}
.visualTab .swiper-wrapper {transform: none !important;}
.visualTab .swiper-slide {float:left; width: 25% !important;}
.visualTab .swiper-slide-thumb-active { background: rgba(255,255,255,.2);}
.visualTab .swiper-slide p {cursor: pointer; padding: 20px 0; text-align:center; font-size:16px; color:#fefefe;}

.container01 {padding: 80px 0;}
.container01 .title {margin:40px 0; font-size:24px;}
/* .container01 .title p {padding-top: 40px; line-height: 1.7; font-size:18px; color:#333;} */

/* 상품목록: product_list */
#product_list {padding-bottom: 50px;}
#product_list li {float: left; width: 33.333%; padding-right: 10px;}
#product_list li a {display: block;}
#product_list li a .img {height:354px;overflow: hidden;}
#product_list li a img { width: 100%;}
#product_list .text {padding: 18px 0 0; text-align: right;}
#product_list .text h4 {font-size:14px;color:#666;text-align: left;}
#product_list .text p {height: 74px; overflow: hidden; padding: 18px 0; font-size:16px;font-weight:bold;text-align: left;}
#product_list .text strong {display: inline-block; padding-left: 26px;font-size: 16px;font-weight:900; background: url('../img/icon01.png') no-repeat left center/20px 20px;}

/* 동영상 성지순례 */
.container02 {padding: 0 0 160px;}
.container02 .inner {height: 480px;} 
.container02 .inner .view {float:left; width: calc(100% - 854px); height: 100%;} 
.container02 .inner .view i { font-size: 12px; font-weight: 900; color: #999;}
.container02 .inner .view .title { padding: 34px 0 34px 93px; line-height: 1.4; font-size: 24px; text-align: left; color: #fff; background: url('../img/videoBg.jpg') no-repeat left top/cover;}
.container02 .inner .view ul {padding: 0 20px;}
.container02 .inner .view ul .tti {height: 99px;padding: 40px 0 17px; overflow: hidden; font-weight:900;font-size:18px;}
.container02 .inner .view ul .text {height: 226px; overflow: hidden; line-height: 1.5; font-size:14px;font-weight: 700; color:#666;}
.container02 .inner .video {float:left; width: 854px; height: 100%; background-color: #eee;} 
.container02 .inner .video iframe { width: 100%; height: 100%;}

/* 마레여행사 순례 후기 */
.container03 {padding: 80px 0 56px; background: url('../img/container03_bg.jpg') no-repeat center 0/cover;}
.container03 {}
.container03 h2 {text-align: center; font-size:24px;}

.container03 ul { padding: 80px 0 60px; font-size: 0; text-align: center;}
.container03 ul > li {position: relative; display: inline-block; width: 49%; background: #fff;}
.container03 ul > li:nth-of-type(1){margin-right: 1%;}
.container03 ul > li:nth-of-type(2){margin-left: 1%;}
.container03 ul > li a { display: block; padding: 40px 30px 20px; text-align: left;}
.container03 ul > li strong {display: block;padding: 0 0 18px;width:90%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:16px;color:#333;}
.container03 ul > li p {height:70px;overflow:hidden;font-size:14px;color:#666;line-height: 1.7;font-weight: 700;}
.container03 ul > li i {display: block; padding: 20px 0 0; text-align: right; font-size: 12px; font-weight: 700; color: #999;}
.container03 .btn { display: block; margin: 0 auto; width: 200px; height: 60px; line-height: 60px; text-align: center; background: #000; font-size: 16px; color: #fff;}


.label {position: absolute; right: 30px; top: 0;}
.label li.label_a::after {content: '중동'; line-height: 60px; text-align: center; font-size: 14px; color:#fff; display: block; background: #e69f5c; width: 60px; height: 60px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; }
.label li.label_b::after {content: '유럽'; line-height: 60px; text-align: center; font-size: 14px; color:#fff; display: block; background: #77a8eb; width: 60px; height: 60px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; }
.label li.label_c::after {content: '아시아'; line-height: 60px; text-align: center; font-size: 14px; color:#fff; display: block; background: #f18a9d; width: 60px; height: 60px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; }
.label li.label_d::after {content: '미주 '; line-height: 60px; text-align: center; font-size: 14px; color:#fff; display: block; background: #59d7a3; width: 60px; height: 60px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; }


/* sub */
.subTitle {padding: 0 0 40px; text-align: left; font-size: 32px; font-weight: 900; font-family: 'Nanum Myeongjo', serif; color: #c99869;}

/* 상품목록 */
.productList {padding: 82px 0 0;}
.productList #product_list { float: none; width: 100%;}
.productList #product_list li { width: 25%; padding:0 10px; margin: 0 0 60px;}

/* 상품상세 */
.productDetail {padding: 82px 0 0;}
.productDetail .inner li {float: left;}
.productDetail .inner .img {width:640px; height:600px; line-height: 600px; overflow: hidden;}
.productDetail .inner .img img { vertical-align: baseline;}
.productDetail .inner .text {width:calc(100% - 640px);padding-left: 32px;}
.productDetail .inner .text h4 {padding-bottom: 30px; line-height: 1.5; font-size:24px;}
.productDetail .inner .text .price { float:left; width: calc(100% - 140px);}
.productDetail .inner .text .price h5 {padding-bottom: 20px; letter-spacing: -1px; font-size:32px; color:#ac5a0c;}
.productDetail .inner .text .price h5 i { font-style: normal; display: inline-block; margin-right: 3px; font-size: 20px; color:#ac5a0c;}
.productDetail .inner .text .price h5 em { font-style: normal; font-size: 18px; color: #666;}
.productDetail .inner .text .price .priceIcon {display: block; padding-bottom: 6px; font-size:16px; font-weight: 800; font-style: normal; color:#000;}
.productDetail .inner .text .price .priceIcon::before {display: inline-block; margin-right: 6px; content:'아동'; font-weight: 700; font-size: 15px; color: #fff; padding: 4px 6px; background: #6280ff; border-top-right-radius: 30px;border-bottom-right-radius: 30px;}
.productDetail .inner .text .price .priceIcon2::before {content: '유아'; background: #ffba26;}

.productDetail .inner .text strong {display: block; float: left; width:140px; font-size:18px; color:#666;}
.productDetail .inner .text div.cb p {float:left; width: calc(100% - 140px); font-size: 18px; font-weight: 800; }
.productDetail .inner .text .num01 {padding-bottom: 26px; margin-bottom: 32px; border-bottom: 1px solid #ccc;}
.productDetail .inner .text div.cb:not(.num01) { margin-bottom: 20px;}
.productDetail .inner .text .num03 p span {display: block; padding-bottom: 6px;}
.productDetail .inner .text .num03 p span::before {content: '출발시간'; font-weight: 500; display: inline-block;  margin-right: 6px; padding: 4px 6px; font-size: 14px; background: #000; color: #fff; border-top-right-radius: 30px;border-bottom-right-radius: 30px;}
.productDetail .inner .text .num06 .number b { color: #e98233; font-size: 18px; font-weight:800;}
.productDetail .submitBtn { text-align: center; font-size: 0;}
.productDetail .submitBtn .deBtn { display: inline-block; margin:10px 8px 0 0; width: 120px; font-size:18px; font-weight: 800; color: #999; padding: 20px 0; border: 1px solid #ddd;}
.productDetail .submitBtn .btn02 {background: #ddd;}
.productDetail .submitBtn .btn03 { width: 244px; color: #fff; border-color: #142778; background:#142778;}

/* 상세설명 */
.bottom_Detail {}
.bottom_Detail h2 { padding: 70px 0 40px; font-size: 36px;}
.bottom_Detail h2 i {font-style: normal; font-size:18px; color: #333;}
.bottom_Detail .listTab { border-left: 1px solid #ccc; margin-bottom: 60px;}
.bottom_Detail .listTab li { float: left; width: 240px; text-align: center; border: 1px solid #ccc; border-left: none; background: #f5f5f5;}
.bottom_Detail .listTab li a { display: block; width: 100%; padding: 30px 0; font-size: 20px; font-weight: 600; color:#999; }
.bottom_Detail .listTab li.on { border-color: #142778; border-left: 1px solid #142778; border-bottom: none; background: #fff;}
.bottom_Detail .listTab li.on a {color:#142778;}

.bottom_Detail .inner0 { margin-bottom: 40px;}

.caution { display: block; margin: 60px  auto; padding-left: 100px; position: relative; width: 880px; font-size:14px; font-weight: 600; color: #532900; text-align: left; height: 116px; padding-top: 40px; background: #c99869 url('../img/icon09.png') no-repeat left 30px center/40px 40px; border-bottom-right-radius:  50px;}
.caution::before {position: absolute; z-index: -1; content: ''; top: 10px; left: 10px; width: 100%; height: 100%; background: #eee;  border-bottom-right-radius:  50px;}

/* 일정 */
.schedule_table {margin-bottom: 40px;}
.schedule_table .day {border-right: 1px solid #ddd;}
.schedule_table .day span { display: block; float: left; width: 160px; height: 60px; line-height: 60px; text-align: center; background: #142778; color: #fff; font-size: 20px;}
.schedule_table .day b {display: block; float: left; padding-left: 20px; width: calc(100% - 160px); border-top:1px solid #ddd;border-bottom: 1px solid #ddd ; height: 60px; line-height: 60px; font-weight: 600; font-size: 18px;}

.year {padding-top: 30px;border: 1px solid #ddd; border-top: 0;}
.year ul li:not(.list01) {padding-left: 113px;}
.year ul li h3 {float: left; padding-right: 45px; font-size:24px;}
.year ul li .text {position: relative;  padding: 0 0 30px 22px; border-left: 2px solid #d4dcff;}
.year ul li .text::before { position: absolute; top: 5px; left: 0; z-index: 20; margin-left: -5px; display: block; content: ''; width: 10px; height: 10px;border-radius: 50%; background: #fff;}
.year ul li .text::after { position: absolute; top: 0; left: 0; z-index: 10; margin-left: -10px; display: block; content: ''; width: 20px; height: 20px;border-radius: 50%; background: #d4dcff;}
.year ul li .text span {text-align: left;background: #fff;}
.year ul li .text span strong {display: block; font-size: 18px; color: #142778; font-weight: 800;}
.year ul li .text .city { display: block; text-align: left;background: #fff;padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #ddd;}
.year ul li .text .time {margin-bottom: 20px;}
.year ul li .text .time strong {float: left; font-size: 16px; width: 75px;}
.year ul li .text .time p { float: left; width: calc(100% - 75px); font-size: 16px; font-weight: 600;}
.year ul li .text .time img { margin: 10px 0;}
.year ul .list01 div { display: table; width: 100%; height: 140px; border-top: 1px solid #ddd; }



/* .year ul .list01 span {  height: 100%; width: 160px; text-align: center; display: table-cell; vertical-align: middle;}
.year ul .list01 span:not(.img) { font-weight: 800; padding-left: 30px; text-align: left;} */


.year ul .list01 .img { background: #eee;}
.year ul .list01 .img b { display: block;padding-top: 10px; font-size: 16px; color: #142778; font-weight: 800;}



/* .year ul .list01 span {  height: 100%; width: 160px; text-align: center; display: table-cell; vertical-align: middle;} */
/* .year ul .list01 span:not(.img) { font-weight: 800; padding-left: 30px; text-align: left;} */


.year ul .list01 .img { background: #eee;}
.year ul .list01 .img b { display: block;padding-top: 10px; font-size: 16px; color: #142778; font-weight: 800;}


/* 지연 수정 */
.year ul .list01 .span_area1 {  height: 100%; width: 160px; text-align: center; display: table-cell; vertical-align: middle;}
.year ul .list01 .span_area1:not(.img) { font-weight: 800; padding-left: 30px; text-align: left;}

.year ul .list01 .span_area2 { text-align: center; display: table-cell; vertical-align: middle;}
.year ul .list01 .span_area2 b{font-weight:initial;}
.year ul .list01 .span_area2:not(.img) { padding-left: 30px; text-align: left;}
/* 지연 수정 */



.guideInner {}
.guideInner table {width: 100%;}
.tt1Color { font-weight: 600; padding: 140px 0; text-align: center; background: #142778; font-size: 20px; color: #fff;}
.tt1Color.off { background: #ddd; color:#999;}
.tt1text {  padding: 40px 30px; font-size: 16px; border: 1px solid #ddd; font-weight: 600;}

.inner03 .noticeInner { }
.inner03 .noticeInner table {width: 100%;}
.inner03 .noticeInner table .tt1Color { border-bottom: 1px solid #fff;}

/* 예약하기 */
.reservation {}
.reservation h2 {padding: 74px 0; font-size: 48px; text-align: center;}
.reservation .boxTitle {margin:60px 0 24px; font-size: 24px; text-align: left;}

.reservation .box01 {padding: 0 30px 38px; border: 1px solid #ddd;}
.reservation .box01 li { margin-bottom: 15px;}
.star {color:#cb0000; font-style: normal; font-size:15px; display: inline-block;padding-right: 5px;}
.reservation .box01 span { float: left; display: block; width: 134px; font-size: 14px; font-weight: 800;}
.reservation .box01 div { float: left; width: calc(100% - 134px); color: #888;}
.reservation .box01 div input, .optionDetail input  { width: 240px; height: 30px; border: 1px solid #ddd; padding: 5px;}
.reservation .box01 div em { display: inline-block; font-style: normal; font-weight: 800; color: #ac5a0c; font-size: 14px;}
.reservation .box01 .tel input {width: 70px;}
.reservation .box01 div select { width: 240px; height: 30px; border: 1px solid #ddd; font-size: 14px; color: #888;}

.reservation .box02 ul li { width: 50%; float: left; padding-right: 114px;  font-size: 14px; font-weight: 800;}
.reservation .box02 ul li span {display: block; padding: 10px 0; text-align: center; background: #f5f5f5;}
.reservation .box02 .selectText { text-align: center; padding: 14px 0;}

.reservation .box02 .selectText ol { font-size: 0; text-align: center;}
.reservation .box02 .selectText li { float: none; display: inline-block; width: 33.333%; padding: 0; text-align: center;}
.reservation .box02 .selectText li select { border: 1px solid #ddd; margin: 0 auto; width: 85px; height: 30px; padding: 5px; font-size: 14px;}
.reservation .box02 .selectOption {margin-top: 14px; padding: 14px 0; border-top:1px solid #ddd}
.reservation .box02 .selectOption table  {width: 100%;}
.reservation .box02 .selectOption table th, .reservation .box02 .selectOption table td { width: 33.333%; padding: 12px 0; font-size: 14px;}

.reservation .box02 .optionDetail { float: none; width: 100%; margin: 40px 0;}
.reservation .box02 .priceAll { float: none; width: 100%; padding-right: 0; border-bottom: 1px solid #ddd;}
.reservation .box02 .priceAll p { padding: 14px 0; text-align: center; font-weight: 800; font-size: 18px; color:#ac5a0c;}
.optionDetail table {width: 100%; font-size: 14px;}
.optionDetail table th { padding: 10px 0; background:#f5f5f5; text-align:center;}
.optionDetail table td {padding: 17px 0; text-align: center;}
.optionDetail table td input { width: 200px; height: 30px; padding: 5px; border: 1px solid #ddd;}
.optionDetail table .td02 {font-size:0;}
.optionDetail table .td02 input { display: inline-block; width: 46%; margin: 0 2%}
.optionDetail table select { border: 1px solid #ddd; height: 30px;}

.reservation .box03 textarea { resize:none; width: 100%;height: 240px; overflow-y: auto; border: 1px solid #ddd; padding: 10px;}
.reservation .box04 ul { padding: 38px 30px; border: 1px solid #ddd;}
.reservation .box04 .radio { margin-bottom: 14px; font-size: 14px; font-weight: 800;}
.reservation .box04 .radio span {display: block;float: left; width: 234px;}
.reservation .box04 .radio a {float: left; padding-right: 100px;}
.reservation .box04 .radio div { float:left; margin-right: 10px;}
.reservation .box04 .radio div input { vertical-align: middle;}
.reservation .box04 .radio.checkAll {margin-top: 30 px;}
.reservation .box04 .radio.checkAll input { width: 18px; height: 18px; vertical-align: middle;}
.reservation .box04 .radio.checkAll label {color: #ac5a0c; font-size: 14px;}

/* 버튼공통 */
.btnInner { text-align: right; margin: 24px 0; font-size: 0;}
.btnInner a { display: inline-block; vertical-align: top; margin-right: 20px; width: 120px; height: 60px; line-height: 60px; border-radius: 3px; background: #eee; color: #999; font-weight: 800; font-size: 16px; text-align: center;}
.btnInner button { display: inline-block;vertical-align: top; width: 120px; height: 60px; line-height: 60px; border-radius: 3px; background: #142778; color: #fff; font-weight: 800; font-size: 16px; text-align: center;}

/* 순례계획 */
.calendar {padding: 82px 0 0;}
.calendar .subTitle { padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.calendar .inner { padding: 40px 0;}

/* 공지사항 */
#notice, #myPage {padding: 82px 0 0;}
#notice .subTitle { padding-bottom: 20px; border-bottom: 1px solid #ddd;}
#notice .btnInner { text-align: center;}
#notice .inner {width: 100%; padding: 0 100px;}
.innerTitle {display: block; padding: 70px 0; font-size: 36px; color:#333;}

#notice .adminBtn {padding: 0 100px;}
#noticeTab {margin-top: 70px; padding: 0 100px;}
#noticeTab li.on { border-bottom:4px solid #142778;}
#noticeTab li.on a { color: #142778;}
#noticeTab li {float: left; width: 16.666%; height: 70px; border-bottom: 1px solid #ddd;}
#noticeTab li a { display: table; width: 100%; height: 70px; padding: 15px 0; text-align: center; color: #999;}
#noticeTab li a span {display: table-cell; width: 100%; height: 100%; vertical-align: middle;font-size: 17px; font-weight: 800;}
#myPage #noticeTab {margin-bottom: 70px;}
#myPage #noticeTab li { width: 20%;}

.faqAdmin {text-align: right;margin:50px 0 0;}
.faqAdmin button{font-size:14px;}
/* 게시판 목록 :: 공통 */
.boardList { width: 100%; padding: 0 100px; margin-top:70px; min-height: 400px;}
.boardList ul { width: 100%;}
.boardList ul li:not(.head):hover { background: #fafafa;}
.boardList ul li { width: 100%; position: relative; padding: 14px 0; border-bottom:1px solid #ebebeb;}
.boardList ul li > div {float:left;border-right:1px solid #fff;color:#fff; font-size:16px; text-align: center;}
.boardList ul li > div:last-of-type { border-right: none;}
.boardList ul .head {background: #002060;}
.boardList ul li:not(.head) > div b, .boardList .num span { font-size:14px; color:#333;font-weight: normal;}

.boardList .num { width:10%;}
.boardList .tit { width:60%;}
.boardList .adm { width:10%;}
.boardList .view { width:10%;}
.boardList .day { width:10%;}
.boardList li:not(.head) .tit { text-align: left;}
.boardList li:not(.head) .tit a {width:100%; display: block;}
.boardList li:not(.head) .tit a p { display: inline-block; vertical-align: middle; max-width:100%; padding-top: 4px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.boardList .num.title > span { display: inline-block; font-size:15px; border-radius:30px; padding: 5px 14px; color:#fff; background-color: #c99869;}

.boardList .check  {position: absolute; left:10px; top:0;border:none;}
.boardList .check label { display: inline-block; position: relative; vertical-align: middle;}
.boardList .check label input[type="checkbox"] { overflow: hidden; display: none; width:0px; height:0px; font-size: 0; border: 0 none; line-height:0; opacity: 0; clip: rect(0 0 0 0);}
.boardList .check label .ico { position: absolute; left:0;top:0; width:15px; height:15px; background: url('../img/check01_on.png') no-repeat center top; background-size:100% 100%;}
.boardList .check label input[type="checkbox"]:checked + .ico { background: url('../img/check01_off.png') no-repeat center top; background-size:100% 100%;}

/* 이벤트게시판 목록 */
.boardEvent {padding: 80px 100px;}
.boardEvent li { width: 50%; float:left; margin-bottom: 35px;}
.boardEvent li:nth-child(odd) {padding-right: 10px;}
.boardEvent li:nth-child(even) {padding-left: 10px;}
.boardEvent li .img { display: block; width: 100%; height: 290px; overflow: hidden;}
.boardEvent li .text p { padding: 17px 0; font-size: 18px; font-weight: 600;}
.boardEvent li .text span em { float: left; display: block; font-weight: 600; font-size: 16px; font-style: normal; color:#666;} 
.boardEvent li .text span em:nth-of-type(2) { float: right;}

/* 문의하기게시판 목록 */
/* 답변 */
.boardList2 {}
.boardList2 li:not(.head) .view b::after {content: '답변대기'; display: inline-block; background: #ccc; color: #fff; padding: 5px 7px; border-radius: 3px;}
.boardList2 li:not(.head) .view.on b::after {content: '답변완료'; background: #c99869;}
/* 문의하기게시판 글쓰기 */
.boardList2_write {}
.boardList2_write div input { margin: 10px 0; padding: 5px; width: 100%; height: 40px; border:1px solid #ddd;}

/* FAQ */
.faqBoard {padding: 80px 100px;}
.faqBoard ul { border-top: 1px solid #ddd;}
.faqBoard ul li { border-bottom: 1px solid #ddd;}
.faqBoard ul li:hover { background: #fafafa;}
.faqBoard ul li .title span { padding: 14px 0; float: left; display: block; width: 138px; padding-left: 39px;}
.faqBoard ul li .title p { cursor: pointer; padding: 14px 100px 14px 0; float: left; width: calc(100% - 138px); font-size: 15px; font-weight: 800; color: #142778; background: url('../img/off.png') no-repeat right 40px top 16px/16px 16px;}
.faqBoard ul li .title_on {display: none; padding: 0 100px 20px 140px; font-size: 14px; font-weight: 600;}
.faqBoard ul li .title.on p {background: url('../img/on.png') no-repeat right 40px top 22px/18px 6px;}

/* 동영상 */
.boardVideo iframe { width: 480px !important; height: 290px !important;}

/* 서브비주얼 */
.subVisual { padding: 128px 0 90px; background: url('../img/subVisual01.jpg') no-repeat center 0/cover;}
.subVisual.subVisual02 { background-image: url('../img/subVisual02.jpg');}
.subVisual h2 { padding-bottom: 20px; text-align: center; font-size:64px; color:#fff;}
.subVisual i {display: block; text-align: center; font-style: normal; font-weight: 300; font-size:16px; color:#fff;}


/* 회사소개 */
.aboutTab {width: 290px; float:left;border-top: 1px solid #ddd;}
.aboutTab li {border-bottom: 1px solid #ddd;}
.aboutTab li a { display: block; padding: 40px 0 40px 56px; background: #eee; font-size: 20px; color: #666;}
.aboutTab li.on a { background: #142778; color: #fff;}
.about {padding: 84px 0 140px; font-family: 'Nanum Myeongjo', serif;}
.about .inner {width: 840px; float:left; margin-left: 20px;}
.about .inner .title {position: relative; padding: 30px 0 20px; margin:0 0 35px; line-height: 1.5; font-size: 30px;  font-weight: 600;}
.about .inner .title b {display: inline-block; color: #c99869; font-weight: 900;}
.about .inner .title::after { position: absolute; left: 0; bottom: 0; content: ''; display: block; width: 40px; height: 2px; background: #c99869;}

.about01 {}
.about01 .inner .text { margin: 54px 0 150px; padding-bottom: 600px; line-height: 2; text-align: center; background: url('../img/about02.jpg') no-repeat center bottom -88px/cover;}
.about01 .inner .text p { font-size: 40px; color: #c99869;}
.about01 .inner .text span {display: block; width: 742px; margin: 0 auto; padding-bottom: 30px; background: #fff;font-weight: 600; font-size:20px; color:#747474;}
.about01 .inner .text span b { font-weight: 600; font-style: normal; color: #c99869;}
.about01 .inner ul li {float: left; width: 50%;}
.about01 .inner ul li b {display: block; font-size:20px;font-weight: 600;color:#c99869;}
.about01 .inner ul li span { display: block;padding-top: 14px; font-size: 18px;font-weight: 600;color: #747474;}
.about02 .inner {padding-left: 40px;}
.about02 .inner h3 {padding: 40px 0; font-weight: 500; font-size: 30px; color: #c99869; text-align: center;}
.about02 .inner p {line-height: 1.5; font-size:20px; font-weight: 600; color:#666;}
.about02 .inner p img {margin: 30px 0 60px;}

.about01.about03 .inner .text { text-align: left; padding: 990px 0 0; margin-top: 0; background-image:  url('../img/about05.jpg'); background-position: center top -92px;}
.about01.about03 .inner .text p { width: 742px; margin: 0 auto; padding:30px 0 0 40px; background: #fff; font-size: 30px; color:#000;}
.about01.about03 .inner .text p b { font-weight: 600; color: #c99869;}
.about01 .inner .text span {padding-left: 40px;}
.about01.about03 .inner .text.text02 { background: none;padding: 0;margin-bottom: 0;}

.about04 {}
.about04 iframe {margin-bottom: 55px; width: 100%; height: 490px;}
.about04 .inner ul li {}
.about04 .inner ul li p {border-left:2px solid #142778; padding-left: 16px; font-size: 24px; font-weight: 800; margin-bottom: 10px;} 
.about04 .inner ul li span { display: block;padding: 25px 0 25px 19px; border-top:1px solid #ddd; font-size: 20px; font-weight: 600; color: #333;}

/* 약관 3개 공통 */
.agree01 .inner h4 {display: block; padding-top: 10px; font-size: 24px;}
.agree01 .inner b {display: block; font-size:18px; padding-top:50px; line-height: 0;}
.agree01 .inner p, .agree01 .inner div { font-size: 14px; white-space: pre-line; line-height: 2;font-weight: 600;}
.agree01 table th {padding: 10px 0; border: 1px solid #fff; background: #ddd;}
.agree01 table td {padding: 10px; text-align: center; border: 1px solid #ddd; word-break: keep-all;}

/* 마이페이지 */
.myBtn {text-align: center; margin: 35px 0;}
.myBtn .listBtn {display: inline-block; margin: 0 10px; vertical-align: top;}
.myBtn .listBtn.listBtn2 {background: #eee; color: #999;}
.listBtn {display: block; margin:35px auto; width: 120px; height:60px; line-height: 60px; font-size:16px; color:#fff; border-radius: 5px; background: #142778; text-align: center;}

#myPage {}
#myPage .inner {padding: 0 100px;}
#myPage table { width: 100%;}
#myPage table th {padding: 10px 0; background: #f5f5f5; font-size: 14px; font-weight: 800;}
#myPage table td {padding:16px 0;text-align: center; font-weight: 600; font-size: 14px; border-bottom: 1px solid #f5f5f5;}
#myPage table .num a {color:#142778;}
#myPage table .priceAll {color:#ac5a0c;}
#myPage .deliveryInner {font-size:14px; font-weight:600; padding: 10px; border: 1px solid #ebebeb; width: 100%; height: 110px; overflow-y: auto;}

#myPage .inner02 h4 { padding-bottom:20px;font-size:24px;}
#myPage .inner02 table {margin-bottom: 40px;}
#myPage .inner03 li .noText {display: inline-block; vertical-align: middle; font-size:14px;font-weight: 800;}
#myPage .inner03 li b { display: inline-block; vertical-align: middle; padding-left:10px;font-size:14px;font-weight:800;color:#ac5a0c;}
#myPage .inner03 .radioBox {display: inline-block; vertical-align: middle;}
#myPage .inner04 ul { padding: 30px 40px; border: 1px solid #ddd;} 
#myPage .inner04 ul li {padding-bottom: 17px;}
#myPage .inner04 ul li span {display: block;width: 140px;float:left;font-size:14px;font-weight: 700;}
#myPage .inner04 ul li input:not([type=radio]) { width: 240px; height:30px;border:1px solid #ddd;margin-right:14px;}
#myPage .inner04 ul li em {font-style: normal; color:#999;font-size:14px;}
#myPage .inner05 {text-align: center;}
#myPage .inner05 input {display: block; margin:20px auto 0; width: 240px; height: 30px; border: 1px solid #ddd;}

#myPage .inner06 td {position: relative;}
#myPage .inner06 td.img a { display: block; margin: 0 auto; width: 160px; height: 160px; background: #888; overflow: hidden;}
#myPage .inner06 td.img .chBox {position: absolute; left: 0; top: 50%;}
#myPage .inner06 td .deleteBox {position: absolute; right:0; top:50%;margin-top: -12px;}

/* 순례계획 */

.calendarBoard {width: 100%; display: block; margin: 0 auto; padding-left: 30px;} /*font-family: 'Nanum Myeongjo', serif;*/
.calendarBoard th {background: #142778; padding: 16px 0; font-size: 24px; font-weight: 500; color: #fff;}
.calendarBoard th:nth-of-type(1) {border-bottom-left-radius: 50px;border-top-left-radius: 50px;}
.calendarBoard th:nth-of-type(7) {border-bottom-right-radius: 50px;border-top-right-radius: 50px;}
.calendarBoard td:hover { background: #fff1e4;}
.calendarBoard td {height: 120px; overflow: hidden; position: relative; border: 1px solid #999; text-align: center;}
.calendarBoard td .num { position: absolute; top: 14px; right: 16px; display: block; font-size:16px; font-weight: 800;}
.calendarBoard td .num.on { display:inline-block; padding:5px 7px; background: #ddba9b; color:#fff; border-radius: 50%;}
.calendarBoard td.saturday .num {color:#0a00cb;}
.calendarBoard td.sunday .num {color:#cb0000;}
.calendarBoard td a.title { display: block; width: 100%; height: 100%; padding: 50px 10px 0; word-break: keep-all; font-size:14px; text-align: center; font-weight: 700; color:#333;} 

#dayTab { padding: 30px 0; height: 105px;}
#dayTab ul li {text-align: center;}
#dayTab ul li a {font-size:10px; color:#999;}
#dayTab ul li.swiper-slide-thumb-active a { font-weight: 600; font-size:30px; color: #000; transition: all .5s;}
#dayTab .swiper-button-prev {left:50px; margin-top: -12px; background-image: url('../img/prev_arr.png'); width: 10px; height: 17px; background-size: 100% 100%;}
#dayTab .swiper-button-next {right:50px; margin-top: -12px; background-image: url('../img/next_arr.png'); width: 10px; height: 17px; background-size: 100% 100%;}

.wriInner .write_div {margin: 20px 0;}

@media screen and (max-width: 1220px){
    .mainVisual,.container03 { width: 1200px;}
}