@charset "UTF-8";
/* 테마 3-2 그린 */
/*
    공통적용 폰트 색상
                        */
.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: #f7fcf8;
}

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

.section_title_img {
    background: url('./img/img_title_t3c2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70px;
    margin-bottom: 31px;
}
/*
    1. 초대 인사말
                */
/*
    2. 축하연락처
                   */
.contact_icon_block {
    background-color: #f8f8f8;
}
.family_member_a1 .contact_icon_block {
    background-color: #f8f8f8;
}
.family_member_b1 .contact_icon_block{
    background-color: #f8f8f8;
}
.contact_inner, .contact_row {
    border-top-color: #a6aeb9;
    border-bottom-color: #a6aeb9;
	border-left-color: transparent;
	border-right-color: transparent;
}          
.contact_row .name_block  {
    border-color: transparent;
}
/* 신랑, 신부 연락처 아이콘 */
.family_member_a1 .contact_tel_img {
	background-image: url('./img/icon_contact_t3c3_tel_a1.png');
	background-repeat: no-repeat;
	background-size: 18px;	
	background-position: center;
}
.family_member_a1 .contact_msg_img {
	background-image: url('./img/icon_contact_t3c3_msg_a1.png');
	background-repeat: no-repeat;
	background-size: 18px;	
	background-position: center;
}
.family_member_b1 .contact_tel_img {
	background-image: url('./img/icon_contact_t3c3_tel_b1.png');
	background-repeat: no-repeat;
	background-size: 18px;	
	background-position: center;
}
.family_member_b1 .contact_msg_img {
	background-image: url('./img/icon_contact_t3c3_msg_b1.png');
	background-repeat: no-repeat;
	background-size: 18px;	
	background-position: center;
}
/* 연락처 기본 아이콘 */
.contact_tel_img {
	background-image: url('./img/icon_contact_t3c2_tel.png');
	background-repeat: no-repeat;
	background-size: 15px 16px;		
	background-position: center;
}
.contact_msg_img {
    background-image: url('./img/icon_contact_t3c2_msg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 15px;
}


/* 
    3. 달력 
               */
.calendar_section {
    background-image: url('./img/img_calendar_t3c2_bg.jpg');
    background-color: #fdf8f4;
    background-position: center 80%;
    background-repeat: no-repeat;
    background-size: 700px 700px;
}
.calendar .dday > span {
    background-image: url('//img3.bojagicard.com/i/img/c_t3c2_bg.png');
}
.calendar th {
    color: #a7adbb;
}
.calendar_ym {
    color: #343d46;
}
/* 
    4. 갤러리 
                 */
.photo_row {
    background-color: #f8f8f8;
}
.photo_more_btn {
    border: 1px solid #a7adbb;
}
#photo_thmb_swiper-pagination .swiper-pagination-bullet-active,
#movie_pagination .swiper-pagination-bullet-active {
    background-color: #a8e0b0;
}
 /* 갤러리 Atype */
#photo_more_row {
    border: 1px solid #a7adbb;
}
.photo_counter_txt {
    color: #777777;
}
 /* 타입b 배경색상 */
 #photo_view_wrapper {
    background-color: #4d4f5c;
}
/* B타입 배경색상 */
 #photo_view_wrapper {
    background-color: #ffffff;
}
/* 
    5. 오시는길 
                 */
/* 전화문의 버튼 */
.tel_ask_btn {
    background-color: #a8e0b0;
    background-image: url('./img/icon_contact_white_tel.png');
    background-position: 12px center;
    background-repeat: no-repeat;
    background-size: auto 15px;
}
/* tab menu button */
.mcard_button2 {
    background-color: #f5f5f7;
    color: #7f838c;
}
.mcard_button2_on {
    background-color: #e1f4e4;
    color: #534741;
}
/* navi button */
.map_navi_button > a {
    background-color: #ffffff;
}
/* 
    6. 안내사항
                 */
.notice_row {
    border: 1px solid #a7adbb;
}
.notice_txt_wrapper > div {
    border-bottom: 1px solid #a7adbb;
}
/*
    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_pop_txts .bank_family_group_block li {
    border-bottom: 1px solid #a7adbb;
}
#bank_pop_txts .bank_family_group_block li:last-child {
    border-bottom: 1px solid transparent;
}
.bank_txt_notice {
    color: #777777;
}
.bank_txt_view_btn {
    border-left: 1px solid #a7adbb;
}

/*
    7-1. 화환배송
                    */
.flower_wreath_wrapper > a > div {  /* 화환신청버튼 */
    border: 1px solid #ffd4cf;
}
/*
    -. 참석여부
                      */
.ui-radio-group .ui-radio-btn-wrapper.on {
    background-color: #E7F3E9;
}
.ui-attendance-form-wrap .ui-att-confirm-btn-wrap, .ui-popup-btn[data-btn_type=confirm] {
    background-color: #E1F4E4;
}
/*
    8. 축하 메시지
                      */
.msg_border_wrapper {
    border: 1px solid #a7adbb; 
}
.heart:before {
    background-color:#a8e0b0;
}
.heart:after {
    background-color:#a8e0b0;
}
.reply_guest .heart:before {
    background-color:#ffffff;
}
.reply_guest .heart:after {
    background-color:#ffffff;
}
.msg_button {
    border-top: 1px solid #a7adbb;
    border-right: 1px solid #a7adbb;
}
.msg_icon_wrapper {
    background-image: url('./img/guest_emo_bg.png');
    background-size: 45px 45px;
}
.reply_guest {
    background-color: #e1f4e4;
}

/* 축하메시지 하단 구분선*/
.guest_partition {
    border-bottom: 1px solid #a7adbb;
}
.guest_navigation_wrapper > div {
    color: #544741;
}
/* 더보기 버튼 */
.guest_more_btn {
    background-color: #a8e0b0;
    border: 1px solid transparent; 
    color: #ffffff;
}
/* 축하메시지 하단 구분선*/
.guest_partition {
    border-bottom: 1px solid #a7adbb;
}
.guest_navigation_wrapper > div {
    color: #544741;
}
/* 댓글 입력 박스 */
#reply_add_wrapper {
    border: 1px solid #ccedd1;
}
#reply_submit_button {
    background-color: #e7f3e9;
}
/* 
    9. sns 소식공유 
                      */
.share_sns_btn {
    background-image: url('img/icon_sns_t3c2_kakao.png');
    background-repeat: no-repeat;
    background-size: 35px;
}
.share_kakaostory_btn {
    background-image: url('img/icon_sns_t3c2_story.png');
}
.share_line_btn {
    background-image: url('img/icon_sns_t3c2_line.png');
}
.share_facebook_btn {
    background-image: url('img/icon_sns_t3c2_facebook.png');
}
.share_bottom > div:first-child:before {
    content: 'Thank you!';
}
.share_bottom .heart {
    margin-top: 9px;
}
.share_bottom .heart:before {
    background-color: #524741;
    left:0;
}
.share_bottom .heart:after {
    background-color: #524741;
}