@charset "utf-8";


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


body{background-color:#fff;touch-action:pan-y;height:100vh; height: -webkit-fill-available;color:#333;font-family: -apple-system, '맑은 고딕', 'malgun gothic', 'AppleGothicNeoSD', 'Apple SD 산돌고딕 Neo', 'Microsoft NeoGothic',  'Droid sans', sans-serif}
.img_g{display:block;width:100%}
.wrap_main{overflow:hidden;max-width:640px}
.head_title{padding-top:23.077vw;text-align:center}
.head_title .tit_g{position:relative;display:inline-block;font-weight:normal;font-size:0;text-indent:-9999px;color:transparent;vertical-align:top}
/* .head_title .tit_g:before{position:absolute;z-index:-1;left:-1.538vw;bottom:0;right:-1.538vw;height:3.333vw;background:url(../images/m640/bg_tit_invite.png) no-repeat 0 0;background-size:100% 100%;content:''} */

.section_intro{color:#FF8278}
.section_intro .thumb_intro{position:relative}
.section_intro .area_tit{position:absolute;top:19.231vw;width:100%;text-align:center}
.section_intro .txt_date{display:block}


.section_info{padding-bottom:11.282vw;background:url(../images/m640/frame_pink.png) no-repeat 0 0;background-size:100% 100%}
.section_info .txt_invite{margin-top:10.256vw;font-family:'Hello', 'Noto Sans KR', 'Roboto', sans-serif;font-size:5.128vw;line-height:1.4em;color:#1a1a1a;text-align:center}
.area_parent{padding-top:9.744vw}
.list_parent{margin:0 16.154vw;padding:5.897vw 0;font-size:4.872vw;line-height:1em;color:#212121;font-family:'Hello', 'Noto Sans KR', 'Roboto', sans-serif;text-align:center;background:url(../images/m640/bg_name.png) no-repeat 0 0;background-size:100% 100%}
.list_parent li + li{padding-top:4.615vw}
.section_info .head_title{background:url(../images/m640/tit_invite.png) no-repeat 0 0;background-size:100% auto;background-position:50% 100%}

.section_date{font-family:'Hello', 'Noto Sans KR', 'Roboto', sans-serif}
.section_date .head_title{padding-top:30vw;background:url(../images/m640/tit_ourwedding.png) no-repeat 0 0;background-size:100% auto;background-position:50% 100%}
.area_calendar{padding-top:10.513vw;text-align:center}
.section_date .ico_twingkle{position:absolute;right:-26.615vw;top:-9.103vw;width:4.487vw;height:7.564vw;background:url(../images/m640/ico_twingkle.png) no-repeat 0 0;background-size:100% 100%}
.area_calendar .txt_month{display:inline-block;font-size:5.897vw;line-height:6.66vw;color:#333;vertical-align:top}
.area_calendar .wrap_calendar{width:85vw;margin:0 auto;padding:2.564vw 2.564vw 5.128vw;border-radius:2.051vw}
.tbl_month{table-layout:fixed;width:85vw;margin:0 auto;color:#222}
.tbl_month tr th{padding:5.11vw 1.94vw;font-weight:normal;font-size:5.385vw;font-family:'Hello', 'Noto Sans KR', 'Roboto', sans-serif}
.tbl_month tr td{font-size:5.128vw;padding:2.4vw 1.94vw}
.tbl_month .emph_day{position:relative;z-index:1}
.tbl_month .emph_day:before{position:absolute;z-index:-1;top:50%;left:50%;width:10.513vw;height:9.231vw;background:url(../images/m640/bg_heart.png) no-repeat 0 0;background-size:100% auto;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:''}
.tbl_month .emph_sun{color:#D91414}

.section_date .info_day{height:30vw;margin:0 7.692vw;padding:8.205vw 0;color:#745d4c;font-family:'Hello', 'Noto Sans KR', 'Roboto', sans-serif;font-size:5.128vw;letter-spacing:0.02em;line-height:1.5;text-align:center;background:url(../images/m640/frame_wday.png) no-repeat 0 0;background-size:100% 100%;box-sizing:border-box}
.section_date .txt_date{display:block}
.section_date .emph_time{display:block;font-weight:bold}

.area_photo{position:relative}
.area_photo .head_title{background:url(../images/m640/tit_photo.png) no-repeat 0 0;background-size:100% auto;background-position:50% 100%}
.area_photo .wrap_photo{padding-top:11vw}
.area_photo .txt_photo{padding-top:8.66vw;font-weight:500;font-size:4.872vw;color:#1a1a1a;font-family:'Hello', 'Noto Sans KR', 'Roboto', sans-serif;text-align:center}
.slide_photo .photo_wedding{display:-webkit-box;display:flex;overflow:hidden;height:135vw;position:relative;justify-content:center;align-items:center}
.slide_photo .photo_wedding:after{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.04);content:''}
.slide_photo .flicking-pagination{width:6.667vw;padding:2vw;position:absolute;right:2.821vw;top:5.897vw;font-size:4.3vw;font-family:'Hello';color:#1a1a1a;text-align:right;background:url(../images/m640/bg_paging.png) no-repeat 0 0;background-size:100% 100%;text-align:center}
.photo_wedding.type_start{align-items:flex-start}
.photo_wedding.type_end{align-items:flex-end}
.photo_wedding.type_h100 .img_g{width:auto;height:100%}
.flicking-viewport{margin-top:-16vw;padding-top:16vw}

.area_guide .head_title{padding-top:30vw;background:url(../images/m640/tit_location.png) no-repeat 0 0;background-size:100% auto;background-position:50% 100%}
.area_guide .box_map{height:240px;margin-top:50px;font-size:12px;line-height:240px;background-color:#F2BF80;text-align:center}
.box_map .root_daum_roughmap_landing{width:100%!important}
.box_map .root_daum_roughmap .wrap_controllers{box-sizing:border-box}

.list_location{padding:9.11vw 4.44vw 0;font-size:5.128vw;font-family:'Hello','Noto Sans KR', 'Roboto', sans-serif;color:#232323}
.list_location li + li{padding-top:4.615vw}
.list_location .tit_info{display:inline-block;min-width:14.872vw;vertical-align:top;background:url(../images/m640/bg_location.png) no-repeat 0 0;background-size:100% 100%;text-align:center}
.list_location .wrap_txt{display:block;padding-top:2.821vw;font-size:5.128vw}
.list_location .desc_info{display:block;line-height:1.3em}
.group_busstop + .group_busstop{margin-top:1.282vw}

.area_bank{margin:0 6vw;font-family:'Hello', 'Noto Sans KR', 'Roboto', sans-serif}
.area_bank .wrap_tit{padding-top:8.33vw;text-align:center}
.area_bank .head_title{background:url(../images/m640/tit_heart.png) no-repeat 0 0;background-size:100% auto;background-position:50% 100%}
.area_bank .tit_bank{display:block;font-weight:500;font-size:3.88vw;color:#000}
.info_bank{margin:6.66vw 0 15vw}
.info_bank .link_bank{display:block;position:relative;padding:2.77vw 4.44vw;font-size:4.872vw;line-height:5.83vw;background-color:#f4f4f4;border-radius:14px}
.info_bank .bunch_bank{overflow:hidden;border-radius:3.59vw}
.info_bank .box_bank{display:none;position:relative;padding:3.61vw 4.44vw;background-color:#fffaf0}
.link_bank .ico_arrow{position:absolute;right:4.44vw;top:4.72vw;width:0;height:0;border-top:6px solid rgba(0,0,0,0.2);/* 화살표 */border-left:5px solid transparent;border-right:5px solid transparent}
.info_bank li.on .box_bank{display:block}
.info_bank li.on .ico_arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.info_bank .txt_name{display:block;margin-bottom:1.538vw;font-size:4.872vw}
.info_bank .txt_bank{font-size:4.872vw}
.info_bank .link_copy{position:absolute;right:4.103vw;bottom:4.103vw;min-width:21.795vw;margin:-2.564vw;padding:2.564vw;font-size:4.872vw;background:url(../images/m640/bg_copy.png) no-repeat 0 0;background-size:100% 100%;text-align:center}
.list_bank li{position:relative}
.list_bank li + li{padding-top:3.077vw}
.list_bank li + li:before{position:absolute;left:0;top:0;right:0;height:1.538vw;background-color:#fff;content:''}
.link_smallsquare{display:block;text-decoration:underline}

.order_flower{margin:12.821vw 7.692vw 17.949vw;padding-bottom:11.538vw;font-size:4.872vw;font-family:'Hello', 'Noto Sans KR', 'Roboto', sans-serif;background:url(../images/m640/bg_flower.png) no-repeat 0 0;background-size:100% 100%;text-align:center}
.order_flower .wrap_tit{padding-top:12.308vw}
.order_flower .tit_flower{display:inline-block;padding:0 0.513vw;vertical-align:top;background:url(../images/m640/bg_line_flower.png) no-repeat 0 100%;background-size:100% auto}
.order_flower .txt_flower{margin-top:6.41vw}
.order_flower .wrap_btn{margin-top:6.154vw}
.order_flower .link_flower{display:inline-block;min-width:36.41vw;line-height:9.744vw;vertical-align:top;background:url(../images/m640/bg_link_flower.png) no-repeat 0 0;background-size:100% auto}


.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}

.fade{opacity:0;-webkit-transform:translateY(8.33vw);transform:translateY(8.33vw)}
.fade.on{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition: transform 1.2s cubic-bezier(0.33,1,0.68,1),opacity 1s cubic-bezier(0.33,1,0.68,1);transition:transform 1.2s cubic-bezier(0.33,1,0.68,1),opacity 1s cubic-bezier(0.33,1,0.68,1);-webkit-transition-delay:0.25s;transition-delay:0.25s}

.box_booth{display:block;margin:10vw 5.333vw 0;padding:6.667vw 0 0;font-weight:normal;font-size:3.8vw;line-height:1.6em;font-family:'MaruBuri',serif;color:#333;text-align:center}
.box_booth .tit_booth{display:inline-block;position:relative;font-weight:normal;font-size:4vw;line-height:1.5em;color:#1a1a1a;vertical-align:top}
.box_booth .tit_booth:before{position:absolute;z-index:-1;bottom:0;left:-1.067vw;right:-1.067vw;height:2.4vw;background-color:#d9cec1aa;content:''}
.box_booth .desc_booth{display:block;padding-top:7vw;font-size:3.7vw;line-height:1.65em;color:#666;letter-spacing:-0.02em}

.section_callinfo{margin:0 8vw;font-family:'Hello', 'Noto Sans KR', 'Roboto', sans-serif}
.list_call{margin-top:12vw;padding:9vw 0 6vw;border-top:1px dashed rgba(0,0,0,0.1)}
.list_call li{font-size:3.46vw;color:#222}
.list_call li + li{padding-top:6.66vw}
.list_call .tit_parent{display:block;font-size:5vw;color:#333}
.list_call .info_parent{padding-top:4vw;font-size:0}
.list_call .name_parent{display:inline-block;font-size:4.76vw;line-height:6.4vw;vertical-align:top}
.list_call .name_parent + .name_parent{padding-left:4vw}
.list_call .mark_parent{display:inline-block;width:6.4vw;height:6.4vw;margin-right:2.13vw;font-size:3.8vw;line-height:6.4vw;color:#fff;border-radius:50%;background-color:#2D2206;text-align:center;vertical-align:top}
.list_call .info_parent .link_call{display:inline-block;padding-left:4.8vw;color:#646464;font-size:4.6vw;text-decoration:underline;vertical-align:top}
.txt_rel{display:inline-block;width:9.3vw;text-align:center;vertical-align:top}

@media screen and (min-width:640px){
   
    .wrap_main{margin:0 auto}
    .head_title{padding-top:147px}
    .section_intro .area_tit{position:absolute;top:123px}
    
    .section_info{padding-bottom:72.205px}
    .section_info .txt_invite{margin-top:65.638px;font-family:'Hello', 'Noto Sans KR', 'Roboto', sans-serif;font-size:32.819px}
    .area_parent{padding-top:62.362px}
    .list_parent{margin:0 103.386px;padding:37.741px 0;font-size:31.181px}
    .list_parent li + li{padding-top:29.536px}

    .section_date .head_title{padding-top:192px}
    .area_calendar{padding-top:67.283px}
    .section_date .ico_twingkle{position:absolute;right:-170.336px;top:-58.259px;width:28.717px;height:48.41px}
    .area_calendar .txt_month{font-size:37.741px;line-height:42.624px}
    .area_calendar .wrap_calendar{width:544px;padding:16.41px 16.41px 32.819px;border-radius:13.126px}
    .tbl_month{width:544px}
    .tbl_month tr th{padding:32.704px 12.416px;font-size:34.464px}
    .tbl_month tr td{font-size:32.819px;padding:15.36px 12.416px}
    .tbl_month .emph_day:before{width:67.283px;height:59.078px}
    
    .section_date .info_day{height:173.946px;margin:0 49.229px;padding:36.102px 0;font-size:32.819px}

    .area_photo .wrap_photo{padding-top:70.4px}
    .area_photo .txt_photo{padding-top:55.424px;font-size:31.181px}
    .slide_photo .photo_wedding{height:864px}
    .slide_photo .flicking-pagination{width:42.669px;padding:12.8px;right:18.054px;top:37.741px;font-size:27.52px}
    .flicking-viewport{margin-top:-102.4px;padding-top:102.4px}
    
    .area_guide .head_title{padding-top:192px}
    .list_location{padding:58.304px 28.416px 0;font-size:32.819px}
    .list_location li + li{padding-top:29.536px}
    .list_location .tit_info{min-width:95.181px}
    .list_location .wrap_txt{padding-top:18.054px;font-size:32.819px}
    .group_busstop + .group_busstop{margin-top:8.205px}

    .area_bank{margin:0 38.4px}
    .area_bank .wrap_tit{padding-top:53.312px}
    .area_bank .tit_bank{font-weight:500;font-size:24.832px}
    .info_bank{margin:42.624px 0 83.2px}
    .info_bank .link_bank{padding:17.728px 28.416px;font-size:31.181px;line-height:37.312px}
    .info_bank .bunch_bank{border-radius:22.976px}
    .info_bank .box_bank{padding:23.104px 28.416px}
    .link_bank .ico_arrow{right:28.416px;top:30.208px}
    .info_bank .txt_name{margin-bottom:9.843px;font-size:31.181px}
    .info_bank .txt_bank{font-size:31.181px}
    .info_bank .link_copy{right:26.259px;bottom:26.259px;min-width:139.488px;margin:-16.41px;padding:16.41px;font-size:31.181px}
    .list_bank li + li{padding-top:19.693px}
    .list_bank li + li:before{height:9.843px;background-color:#fff;content:''}

    .order_flower{margin:82.054px 49.229px 114.874px;padding-bottom:73.843px;font-size:31.181px}
    .order_flower .wrap_tit{padding-top:78.771px}
    .order_flower .tit_flower{padding:0 3.283px}
    .order_flower .txt_flower{margin-top:41.024px}
    .order_flower .wrap_btn{margin-top:39.386px}
    .order_flower .link_flower{min-width:233.024px;line-height:62.362px}


    .list_share .link_share svg{width:30px;margin-top:3px}
    .list_share .txt_share{padding-left:5px;font-size:19px;line-height:37px}
    .list_share .link_share{font-size:21px}
    .list_share li{width:243px}
    .list_share li + li{margin-top:14px}
    .info_square{padding-top:25px;font-size:19px;line-height:35px}
    .info_square .txt_name{line-height:35px}
    .txt_g{font-size:22px}
    .box_booth{margin:64px 34px 0;padding:42px 0 0;font-weight:normal;font-size:25px}
    .box_booth .tit_booth{font-size:24px}
    .box_booth .tit_booth:before{left:-6.829px;right:-6.829px;height:15.36px}
    .box_booth .desc_booth{padding-top:30px;font-size:24px}
    .wrap_footer{max-width:640px;margin:0 auto}

    .section_callinfo{margin:0 51.2px}
    .list_call{margin-top:51px;padding:44px 0}
    .list_call li{font-size:22px}
    .list_call .tit_parent{font-size:32px}
    .list_call .info_parent{padding-top:26px}
    .list_call .name_parent{font-size:30.464px;line-height:41px}
    .list_call .mark_parent{width:41px;height:41px;margin-right:14px;font-size:24.32px;line-height:41px}
    .list_call .info_parent .link_call{padding-left:31px;font-size:29.44px}
    .list_call .name_parent + .name_parent{padding-left:25.6px}
}