@charset "UTF-8";
/* 테마 4-3 블루 그라 */
/*
    공통적용 폰트 색상
                        */
.section_title > li,
/* 인사 */
.insa_text, #insa_family_tbl td, #insa_family_tbl td span,
/* 축하연락처 */
.name_block,
/* 달력 */
.calendar_ym, .calendar td, .calendar_title li > span, .day > span,
/* 갤러리 */
.photo_more_btn, .sub_title, #photo_more_row span,
/* 안내사항 */
.notice_row_txt_title, .notice_row_txt,
/* 오시는길 */
.section_desc, .map_address > div, .map_navi_button, .map_address a,
/* 계좌 */
.bank_txt_view_btn > span, .bank_info_box, .bank_info_box > span,
/* 참석여부 */
.ui-article-head, .ui-checkbox-label, .ui-key-text, .ui-value-text,
/* 축하화환 */
.flower_wreath_wrapper > div, .aff_banner > div,
/* 축하메시지*/
.msg_button, .msg_memo_guest, .msg_name > div, .guest_navigation_wrapper > div 
/* 소식공유 */
.share_bottom > div {
    color: #343d46;
}



#wrapper .section {
    background-color: #f7faff;
}

#wrapper .section[data-zebra="odd"] {
     background-color: #f7faff;
}
#wrapper .section[data-zebra="even"] {
    background-color: #e9f3ff;
}


.section_header {    
    border-bottom: 1px solid #a7adbb;
}
.section_header > div {
    color: #343d46;
}
/* section sub title*/
.section_title > li:last-child:before {
    color: #a7adbb;
}
/*
.insa_title > li:last-child:before {
    content: 'wedding invitation';
}
.calendar_title > li:last-child:before {
    content: 'Wedding Day';
}
.photo_title > li:last-child:before {
    content: 'Gallery';
}
.map_title  > li:last-child:before {
    content: 'Navigation';
}
.notice_title  > li:last-child:before {
    content: 'Infomation';
}
.guest_title  > li:last-child:before {
    content: 'Message';
}
*/
/*
    1. 초대 인사말
                     */
/*
    2. 축하연락처
                   */
.contact_inner {
    background-color: #ffffff;
}
.contact_inner:before {
    color: #534741;
}
.contact_inner:after {
    color: #65737e;
}

.contact_inner, .contact_row {
    border-top-color:  rgba(167,173,187,0.5);
    border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
}          
.contact_row .name_block  {
    border-color: transparent;
}
.contact_tel_img {
    background-image: url('./img/icon_contact_t4c3_tel.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px 16px;
}
.contact_msg_img {
    background-image: url('./img/icon_contact_t4c3_msg.png');
    background-position: 80% center;
    background-repeat: no-repeat;
    background-size: 16px 15px;
}
.name_block, .name_block > span {
    color: #343d46;
}

/* 
    3. 달력 
               */
.calendar_section {
    background-image: url('./img/img_calendar_t4c3_bg.jpg');
    background-color: #fdf8f4;
    background-position: center 70%;
    background-repeat: no-repeat;
    background-size: 700px 700px;
}
#calendar_row .section_header{
    border-color: rgba(167,173,187,0.5);
}
.calendar .dday > span {
    background-image: url('//img3.bojagicard.com/i/img/c_t4c3_bg.png');
}
.calendar th {
    color: #55a6e8;
}
.calendar_ym {
    color: #343d46;
}
/* 
    4. 갤러리 
                 */
.photo_row {
    background-color: #f8f8f8;
}
.photo_more_btn {
    height: 45px;
    width: 100%;
    border: 1px solid #a7adbb;
}
#movie_pagination .swiper-pagination-bullet-active {
    background-color: #88c8f1;
}
 /* 갤러리 Atype */
#photo_more_row {
    border: 1px solid #a7adbb;
}
.photo_counter_txt {
    color: #777777;
}
/* B타입 배경색상 */
 #photo_view_wrapper {
    background-color: #ffffff;
}
/* 슬라이드 서브타이틀 */
.photo_view_sub_title {
    color: #343d46;
}
/* 
    5. 오시는길 
                 */
.map_address {
    border: 1px solid #a7adbb;
}
.map_address > div:first-child {
    text-decoration: underline;
}
/* 전화문의 버튼 */
.tel_ask_btn {
    background-color: #88c8f1;
    background-image: url('./img/icon_contact_white_tel.png');
    background-position: 12px center;
    background-repeat: no-repeat;
    background-size: auto 15px;
    color: #ffffff;
}
/* tab menu button */
.mcard_button2 {
    background-color: #f5f5f7;
    color: #7f838c;
}
.mcard_button2_on {
    background-color: #cee6ff;
    color: #343d46;
}
/* navi button */
.map_navi_button > a {
    background-color: #ffffff;
}
/* 
    6. 안내사항
                 */
.notice_row {
    background-color: #cee6ff;
}
.notice_row_no {
    color: #88c8f1;
}
/*
    7. 축하의마음전하기(계좌)
                               */
/* --- 계좌정보 테두리, arrow 색상 --- */
/* arrow 색상 */
.mcard_fold_arrow_btn:before {
    border-color: #a7adbb;
}
/* 외부 테두리 */
.bank_family_group_block .family_members_box_wrapper {
    border-color: #a7adbb;
}
/* 내부 테두리 */
.bank_info_row {
    border-color: rgba(167,173,187, 0.2);
}
.bank_txt_notice {
    color: #777777;
}

/*
    7-1. 화환배송
                    */
.flower_wreath_wrapper > a > div {  /* 화환신청버튼 */
    border: 1px solid #cee6ff;
}
/*
    -. 참석여부
                      */
.ui-radio-group .ui-radio-btn-wrapper.on {
    background-color: #E7ECF5;
}
.ui-attendance-form-wrap .ui-att-confirm-btn-wrap, .ui-popup-btn[data-btn_type=confirm] {
    background-color: #CEE6FF;
}
/*
    8. 축하 메시지
                      */
.msg_border_wrapper {
    background-color: #ffffff;
}
.heart:before {
    background-color: #8aa5d6; 
}
.heart:after {
    background-color: #8aa5d6;    
}
.msg_date {
    color: #888888;
}
.msg_button {
    background-color: #cee6ff;
}
.reply_guest {
    background-color: #ffffff;
    border-top: 1px solid #a7adbb;
}
.reply_guest .msg_button {
    background-color: #e2f0ff;
}
/* 답글 내용*/
.msg_icon_wrapper {
    background-image: url('./img/guest_emo_bg.png');
    background-size: 45px 45px;
}
/* 축하메시지 하단 구분선*/
.guest_partition {
    border-bottom: 1px solid #a7adbb;
}
.guest_navigation_wrapper > div {
    color: #544741;
}
/* 더보기 버튼 */
.guest_more_btn {
    background-color: #8aa5d6;
    border: 1px solid transparent; 
    color: #ffffff;
}
/* 댓글 입력 박스 */
#reply_add_wrapper {
    border: 1px solid #c5d3ed;
}
#reply_submit_button {
    background-color: #e7ecf5;
}
/* 
    9. sns 소식공유 
                      */
.share_title > li:first-child {
    background-image: url('img/img_sns_t4c3_thank_png.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 132px 66px;
}
.share_sns_btn {
    background-image: url('img/icon_sns_t4c3_kakao.png');
    background-repeat: no-repeat;
    background-size: 35px;
}
.share_kakaostory_btn {
    background-image: url('img/icon_sns_t4c3_story.png');
}
.share_line_btn {
    background-image: url('img/icon_sns_t4c3_line.png');
}
.share_facebook_btn {
    background-image: url('img/icon_sns_t4c3_facebook.png');
}
.share_bottom .heart:before {
    background-color:#524741;
}
.share_bottom .heart:after {
    background-color:#524741;
}
.share_bottom > div:first-child:before {
    content: 'SNS';
}
.share_bottom .heart:before {
    background-color:#343d46;
}
.share_bottom .heart:after {
    background-color:#343d46;
}

/* 
    숨김 처리 
                */

.day_title_date, {
	display: none;
}