
@font-face {
    font-family: 'Salonica';
    font-weight: 400; 
    font-style: normal; 
    src: local(Salonica),
    local(Salonica),
    url(../font/Salonica.woff) format('woff'),
    url(../font/Salonica.woff2) format('woff2');
}
@font-face {
    font-family: 'Fogt';
    font-weight: 400; 
    font-style: normal; 
    src: local(FogtwoNo5),
    local(FogtwoNo5),
    url(../font/FogtwoNo5.woff) format('woff'),
    url(../font/FogtwoNo5.woff2) format('woff2');
}
@font-face {
    font-family: 'Timeless';
    font-weight: 400; 
    font-style: normal; 
    src: local(Timeless),
    local(Timeless),
    url(../font/Timeless.woff) format('woff'),
    url(../font/Timeless.woff2) format('woff2'),
}



body{color:#222;font-family: -apple-system, '맑은 고딕', 'malgun gothic', 'AppleGothicNeoSD', 'Apple SD 산돌고딕 Neo', 'Microsoft NeoGothic',  'Droid sans', sans-serif}


.img_g{display:block;width:100%}
.wrap_tit{padding:23vw 0 8vw}
.wrap_tit .tit_g{display:block;font-weight:normal;line-height:5.33vw;font-family:Fogt, 'Noto Serif KR';font-size:3.733vw;letter-spacing:0.05em;color:#1a1a1a;text-align:center}

.wrap_main{display:block;min-width:320px;background-color:#FFEEE3}
.area_intro{display:-webkit-box;display:-webkit-flex;display:flex;justify-content:center;align-items:center;margin:0 8.8vw;padding-top:8.8vw}
.area_intro .wrap_intro{position:relative}
.area_intro .txt_date, .area_intro .txt_time{font-size:3.467vw;line-height:5.333vw;color:#222;letter-spacing:0.1em;font-family:'Noto Serif KR', serif}
.area_intro .txt_date{position:absolute;left:0;top:0}
.area_intro .txt_time{position:absolute;right:0;top:0}
.area_intro .wrap_thumb{overflow:hidden;position:relative;margin-top:6.667vw}
.area_intro .txt_intro{position:absolute;left:0;top:-5.067vw;right:0;font-size:33.6vw;color:#71A6FE;font-family:Salonica;text-align:center}
.area_intro .txt_intro.bottom{bottom:1.6vw;top:auto}
.area_intro .txt_name{position:absolute;right:-5.867vw;top:0;bottom:0;text-align:center;font-size:3.467vw;letter-spacing:0.3em;writing-mode:vertical-rl;text-orientation: mixed;font-family:'Noto Serif KR', serif}

.area_invite{padding-top:21.333vw;text-align:center;font-family:'Noto Serif KR', serif;}
.area_invite .desc_invite{font-size:3.733vw;line-height:6.4vw}
.area_invite .info_people{padding-top:6.4vw;font-size:3.733vw;line-height:5.867vw}
.area_invite .info_people .txt_related{display:inline-block;width:7vw;padding-right:1.6vw;font-size:3.2vw;vertical-align:top;text-align:center}
.area_invite .info_people li + li{padding-top:1.067vw}

.info_call{margin:10.667vw 10.667vw 0;padding:6.667vw 3.2vw;line-height:6.4vw;font-size:3.733vw;font-family:Timeless,'Noto Serif KR', serif;border-top:1px solid rgba(0,0,0,0.08);border-bottom:1px solid rgba(0,0,0,0.08)}
.info_call .tit_call{display:block;margin-bottom:1.333vw;font-size:3.467vw;color:#000}
.info_call .desc_call{padding-top:2.133vw;line-height:5.867vw;font-size:0}
.info_call .wrap_call{display:inline-block;font-size:0;line-height:5.867vw;vertical-align:top}
.info_call .wrap_call + .wrap_call{padding-left:9vw}
.info_call .mark_g{display:inline-block;width:5.867vw;height:5.867vw;margin-right:1.333vw;font-size:3.467vw;line-height:5.867vw;font-size:3.467vw;text-align:center;color:#fff;border-radius:50%;background-color:rgba(221,206,186,0.7);vertical-align:top}
.info_call .txt_name{display:inline-block;padding-right:1.333vw;font-size:3.467vw;vertical-align:top}
.info_call .list_call li + li{padding-top:6.4vw}
.wrap_dot{display:inline-block;height:3px;margin:2.4vw 0;font-size:0;vertical-align:top}
.wrap_dot .ico_dot{display:inline-block;width:2px;height:2px;margin:0 2px;border-radius:50%;background-color:#ccc;vertical-align:top}
.info_call .link_call{display:inline-block;height:5.6vw;padding-left:1.333vw;font-size:3.467vw;vertical-align:top}
.link_call svg{width:5.6vw;height:5.6vw}

.area_photo .wrap_photo{padding-top:12.53vw}
.wrap_photo .thumb_photo{margin:0 5.33vw}
.wrap_photo .thumb_photo + .thumb_photo{padding-top:9.6vw}
.wrap_photo .thumb_photo.w_full{width:100%;margin:0}
.wrap_photo .thumb_photo{overflow:hidden}
.wrap_photo .thumb_photo .float_l{float:left}
.wrap_photo .thumb_photo .float_r{float:right}
.wrap_photo .thumb_photo.w_250{width:66.6vw;margin:0 auto}
.wrap_photo .photo2{width:41.6vw}
.wrap_photo .photo3{width:41.6vw;margin-top:20.26vw}
.wrap_photo .photo5{width:59.73vw}
.wrap_photo .photo6{width:41.6vw}
.wrap_photo .photo7{width:78.4vw;margin:0 auto}

.area_location .box_map{height:240px;margin-top:6.4vw}
.box_map .root_daum_roughmap_landing{width:100%!important}
.box_map .root_daum_roughmap .wrap_controllers{box-sizing:border-box}

.info_date{padding:6.4vw 0;text-align:center}
.info_date .wrap_date{display:inline-block;position:relative;width:10.667vw;height:14.933vw;font-size:6.4vw;line-height:7.467vw;vertical-align:top;font-family:Timeless, 'Noto Serif KR'}
.info_date .wrap_date:after{position:absolute;left:42%;top:38%;width:6.4vw;height:1px;background-color:#111;-webkit-transform:rotate(-45deg) translate(-50%, -50%);transform:rotate(-45deg) translate(-50%, -50%);content:''}
.info_date .txt_month{position:absolute;left:0;top:0}
.info_date .num_month{position:relative}
.info_date .txt_date{position:absolute;right:-1vw;bottom:-1.07vw}
.area_date .desc_date{width:70.33vw;margin:7.467vw auto 0;padding:5.867vw 0;font-size:3.733vw;line-height:6.133vw;text-align:center;font-family:'Noto Serif KR',serif;border-top:1px solid rgba(0,0,0,0.08);border-bottom:1px solid rgba(0,0,0,0.08)}

.area_calendar{font-family:Lato;text-align:center;font-family:Timeless, 'Noto Serif KR'}
.area_calendar .txt_month{display:inline-block;font-size:4.44vw;line-height:6.66vw;color:#333;vertical-align:top}
.area_calendar .wrap_calendar{padding:3.33vw 0 0}
.tbl_month{table-layout:fixed;width:83.33vw;margin:0 auto}
.tbl_month tr th{font-weight:normal;font-size:3.467vw;padding:6.11vw 1.94vw}
.tbl_month tr td{font-size:3.9vw;padding:2.5vw 1.94vw}
.tbl_month .emph_sun{color:#B53939}
.tbl_month .emph_day{position:relative;color:#fff}
.emph_day .txt_dday{position:relative;z-index:10}
.tbl_month .emph_day .ico_heart{position:absolute;left:50%;top:54%;width:8vw;height:6.933vw;background:url(../images/m640/ico_heart.png) no-repeat 0 0;background-size:8vw 6.933vw;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0.7}


.list_location{padding:11.11vw 6.4vw 0;font-family:'Noto Serif KR', serif}
.list_location > li{overflow:hidden}
.list_location > li + li{padding-top:4vw}
.list_location .tit_info{float:left;position:relative;min-width:11.11vw;padding-right:2.5vw;font-weight:400;font-size:3.89vw;color:#222;font-family:'Noto Serif KR'}
.list_location .tit_info:before{position:absolute;right:0;top:1px;width:1px;height:3.467vw;background-color:#222;content:''}
.list_location .wrap_txt{overflow:hidden;margin-top:-0.93vw;padding-left:2.77vw;font-weight:400;font-size:3.61vw}
.list_location .desc_info{display:block;line-height:5.83vw;color:#222;word-break:keep-all;word-wrap:normal}
.list_location > li .desc_info + .desc_info{padding-top:1.11vw}
.list_location .list_bus{margin-top:-1px;font-size:3.61vw}
.list_location .list_bus li{font-size:3.61vw}
.list_location .list_bus li + li{padding-top:3.05vw}
.list_location .list_bus .desc_info + .desc_info{padding-top:0.55vw}
.list_location .desc_info{overflow:hidden}
.case_bus{float:left}
.num_bus{display:block;overflow:hidden;padding-left:4px}

.area_bank{margin:13.333vw 7vw 0}
.area_bank .wrap_tit{padding-top:10.667vw;border-top:1px dashed rgba(0,0,0,0.08)}
.list_bank{font-family:'Noto Serif KR';font-size:3.733vw}
.list_bank li + li{margin-top:2.133vw}
.list_bank li.on .info_bank{display:block;background-color:#fafafa;border-radius:0 0 1.067vw 1.067vw}
.list_bank .inner_bank{position:relative;line-height:5.067vw;background-color:#EFE2D6;border-radius:1.067vw}
.list_bank li.on .inner_bank{border-radius:1.067vw 1.067vw 0 0}
.link_bank{display:block;padding:3.2vw 3.733vw}
.link_bank .ico_arrow{position:absolute;right:3.733vw;top:2.667vw;width:2.667vw;height:1.867vw;vertical-align:top}
.link_bank .ico_arrow svg{width:100%;height:100%}
.list_bank .info_bank{display:none;padding:4.267vw 3.733vw}
.list_bank .link_bank{font-size:3.467vw;color:#333}
.list_bank li.on .info_bank{display:block}
.list_bank .info_bank .txt_bank{overflow:hidden;line-height:6.933vw;padding-bottom:2.667vw}
.list_bank .link_copy{float:right;color:#111;font-size:3.467vw;text-decoration:underline}

.wrap_footer{padding:9.72vw 6.94vw 5.55vw;background-color:#E8E5E3;border-top:1px solid rgba(0,0,0,0.01)}
.info_square{display:block;padding-top:3.89vw;color:#767270;font-size:3.05vw;line-height:5.55vw;text-align:center}
.info_square .txt_name{display:inline-block;line-height:5.55vw;vertical-align:top}
.list_share{font-size:0}
.list_share li + li{margin-top:2.22vw}
.list_share li{width:41.05vw;margin:0 auto}
.list_share .link_share{display:inline-block;font-size:0;vertical-align:top}
.list_share .link_share svg{display:inline-block;width:4.8vw;margin-top:0.55vw;vertical-align:top}
.list_share .txt_share{display:inline-block;padding-left:0.83vw;font-size:3.33vw;line-height:5.83vw;vertical-align:top}
.link_smallsquare{display:block;text-decoration:underline}

.order_flower{margin:13vw 7vw 0;padding:12vw 0 17vw;font-family:'Noto Serif KR',serif;border-top:1px dashed rgba(0,0,0,0.07)}
.order_flower .wrap_tit{padding:0;text-align:center}
.order_flower .tit_flower{display:inline-block;font-weight:normal;color:#000;font-size:3.73vw;line-height:1.5em;vertical-align:top;letter-spacing:0.02em}
.order_flower .txt_flower{padding-top:6vw;font-size:3.67vw;color:#444;line-height:1.6em;text-align:center}
.order_flower .wrap_btn{display:block;padding-top:4vw;text-align:center}
.order_flower .wrap_btn .link_flower{display:inline-block;padding:3vw 0 0;font-size:3.66vw;color:#2d2206;border-bottom:1px solid #2d2206;vertical-align:top}

@media screen and (min-width:640px){
    .area_intro .wrap_thumb{margin-top:42px}
    .wrap_tit{padding:145px 0 50px}
    .wrap_tit .tit_g{line-height:34px;font-size:24px}
    .wrap_main, .wrap_footer{width:640px;margin:0 auto;box-sizing:border-box}
    .area_intro{margin:0 56px;padding-top:56px}
    .area_intro .txt_date, .area_intro .txt_time{font-size:22px;line-height:34px;}
    .area_intro .txt_intro{top:-32px;font-size:215px}
    .area_intro .txt_name{right:-38px;font-size:22px}
    .area_invite{padding-top:137px}
    .area_invite .desc_invite{font-size:24px;line-height:41px}
    .area_invite .info_people{padding-top:41px;font-size:24px;line-height:38px}
    .area_invite .info_people li{font-size:24px}
    .area_invite .info_people .txt_related{width:45px;padding-right:10px;font-size:20px}
    .info_call{margin:68px 68px 0;padding:43px 20px;line-height:41px;font-size:24px}
    .info_call .tit_call{margin-bottom:9px;font-size:22px}
    .info_call .desc_call{padding-top:14px;line-height:38px}
    .info_call .wrap_call{line-height:38px}
    .info_call .mark_g{width:38px;height:38px;margin-right:8px;line-height:38px;font-size:22px}
    .info_call .txt_name{padding-right:9px;font-size:22px}
    .wrap_dot{height:3px;margin:15px 0}
    .info_call .list_call li + li{padding-top:41px}
    .info_call .link_call{height:36px;padding-left:9px;font-size:22px}
    .link_call svg{width:36px;height:36px}
    .info_call .wrap_call + .wrap_call{padding-left:56px}


    .area_photo .wrap_photo{padding-top:80px}
    .wrap_photo .thumb_photo{margin:0 34px}
    .wrap_photo .thumb_photo + .thumb_photo{padding-top:61px}
    .wrap_photo .thumb_photo.w_250{width:426px}
    .wrap_photo .photo2{width:266px}
    .wrap_photo .photo3{width:266px;margin-top:130px}
    .wrap_photo .photo5{width:382px}
    .wrap_photo .photo6{width:266px}
    .wrap_photo .photo7{width:502px}


    .info_date{padding:41px 0}
    .info_date .wrap_date{width:68px;height:95px;font-size:41px;line-height:48px}
    .area_calendar{padding-top:67px}
    .area_calendar .txt_month{font-size:28px;line-height:42px}
    .area_calendar .wrap_calendar{padding-top:21px}
    .tbl_month{width:533px}
    .tbl_month tr th{font-size:25px;padding:39px 12px}
    .tbl_month tr td{font-size:25px;padding:16px 12px}
    .tbl_month .emph_day .ico_heart{width:51px;height:44px;background-size:51px 44px}
    .area_date .desc_date{width:450px;margin:48px auto 0;padding:37px 0;font-size:24px;line-height:39px}

    .area_location .box_map{margin-top:0}
    .list_location{padding:71px 41px 53px}
    .list_location{padding:71px 28px 53px}
    .list_location .tit_info{min-width:71px;padding-right:16px;font-size:24px}
    .list_location .tit_info:before{height:23px}
    .list_location .wrap_txt{margin-top:-5px;padding-left:17px;font-size:23px}
    .list_location .desc_info{font-size:23px;line-height:37px}
    .list_location .list_bus, .list_location .list_bus li{font-size:23px}
    .list_location .list_bus .desc_info + .desc_info{font-size:23px}
    .list_location .list_bus li + li{padding-top:19px}
    .list_location .list_bus .desc_info + .desc_info{padding-top:3px}
   
    .area_bank{margin:85px 41px 0}
    .area_bank .wrap_tit{padding-top:68px}
    .list_bank li + li{margin-top:14px}
    .list_bank{font-size:24px}
    .list_bank .inner_bank{line-height:32px;border-radius:7px}
    .list_bank .link_bank{font-size:22px}
    .link_bank{padding:20px 24px}
    .link_bank .ico_arrow{right:24px;top:17px;width:17px;height:12px}
    .list_bank .info_bank{padding:27px 24px}
    .list_bank .info_bank .txt_bank{padding-bottom:17px;font-size:21px;line-height:44px}
    .list_bank .link_copy{font-size:22px}

    .wrap_footer{padding:62px 44px 35px}
    .list_share .link_share svg{width:30px;margin-top:3px}
    .list_share .txt_share{padding-left:5px;font-size:19px;line-height:35px}
    .list_share .link_share{font-size:21px}
    .list_share li{width:243px}
    .list_share li + li{margin-top:23px}
    .info_square{padding-top:25px;font-size:19px;line-height:35px}
    .info_square .txt_name{line-height:35px}

    .info_date .num_month:after{right:-38px;bottom:1px;width:40px}

    .order_flower{margin:83.2px 45px 0;padding:77px 0 108.8px}
    .order_flower .tit_flower{font-size:24px}
    .order_flower .txt_flower{padding-top:38px;font-size:23px}
    .order_flower .wrap_btn{padding-top:25px}
    .order_flower .wrap_btn .link_flower{padding:19px 0 0;font-size:23px}
}