@charset "utf-8";


@font-face {
    font-family: 'Maruburi';
    font-weight: 400; 
    font-style: normal; 
    src: local(MaruBuri-Regular),
    url(../font/MaruBuri-Regular.woff) format('woff'),
    url(../font/MaruBuri-Regular.woff2) format('woff2');
}
@font-face {
    font-family: 'Maruburi';
    font-weight: 500; 
    font-style: normal; 
    src: local(MaruBuri-SemiBold),
    url(../font/MaruBuri-SemiBold.woff) format('woff'),
    url(../font/MaruBuri-SemiBold.woff2) format('woff2');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 400; 
    font-style: normal; 
    src: local(Pretendard-Regular),
    url(../font/Pretendard-Regular.woff) format('woff'),
    url(../font/Pretendard-Regular.woff2) format('woff2');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500; 
    font-style: normal; 
    src: local(Pretendard-Medium),
    url(../font/Pretendard-Medium.woff) format('woff'),
    url(../font/Pretendard-Medium.woff2) format('woff2');
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600; 
    font-style: normal; 
    src: local(Pretendard-SemiBold),
    url(../font/Pretendard-SemiBold.woff) format('woff'),
    url(../font/Pretendard-SemiBold.woff2) format('woff2');
}


html {
    height: 100vh; /* set viewport constraint */
    min-height: 100%; /* enforce height */
}
body{background-color:#fff;touch-action:pan-y;height:100vh;height:-webkit-fill-available;color:#333;font-family:'Maruburi', 'Pretendard', -apple-system, '맑은 고딕', 'malgun gothic', 'AppleGothicNeoSD', 'Apple SD 산돌고딕 Neo', 'Microsoft NeoGothic',  'Droid sans', sans-serif}
.wrap_main{display:block;min-width:320px;padding-bottom:8.33vw}
.img_g{display:block;width:100%}
.txt_g{text-align:center;font-size:3.7vw}
.txt_small{font-size:2.8vw}
.head_tit{padding-top:27vw;text-align:center}
.head_tit .tit_g{display:inline-block;position:relative;width:38vw;min-height:10vw;padding:0 11vw;font-weight:400;background-repeat:no-repeat;background-position:0 0;background-size:100% auto;box-sizing:border-box;vertical-align:top}
.head_tit .inner_tit{display:inline-block;padding-top:3.15vw;vertical-align:top}

.section_invite .head_tit{padding-top:23vw}
.section_invite .head_tit .tit_g{background-image:url(../images/m640/bg_label2.png)}
.area_intro{position:relative}
.area_intro .img_g{width:100%}
.area_intro .thumb_img{display:block;position:relative;padding:12.22vw 11.11vw 11.11vw}
.area_intro .thumb_img:after{position:absolute;left:11.11vw;right:11.11vw;top:12.22vw;bottom:11.11vw;background-color:rgba(0,0,0,0.02);content:''}
.area_intro .txt_date{position:absolute;top:7.5vw;right:11.11vw;font-size:3vw;line-height:2.78vw;color:#1A1818;font-family:Maruburi, serif}
.area_intro .txt_intro{position:absolute;right:7.77vw;bottom:2.3vw;font-size:15.6vw;line-height:16vw;color:#1A1818;font-family:AnsteryScript, serif;text-align:right}
.desc_intro{padding:10.5vw 0;font-size:3.77vw;line-height:1.9em;color:#333;text-align:center}
.desc_intro.txt_gray{color:#646464;font-size:3.7vw;line-height:1.85em}
.desc_intro + .desc_intro{padding-top:0}

.section_info .info_couple{display:flex;width:92vw;margin:0 auto;padding-top:7vw;text-align:center;font-size:4vw;align-items:center;justify-content:center}
.section_info .info_couple [class*="info_"]{width:50%}
.section_info .info_couple .txt_parent{display:inline-block;font-size:3.7vw;color:#252525;vertical-align:top}
.section_info .txt_relation{display:inline-block;margin:0 1.7vw;font-size:3.66vw;color:#252525;vertical-align:top}
.section_info .area_letter{display:block;width:14vw;height:10vw;margin:0 auto;background:url(../images/m640/img_letter.jpg) no-repeat 0 0;background-size:100% auto}
.section_info .info_couple .txt_name{display:block;margin-top:3vw;font-size:3.85vw;color:#2d2206}
.info_couple .ico_star{display:inline-block;width:5.3vw;height:5.3vw;margin-top:8vw;background:url(../images/m640/bg_name_star.png) no-repeat 0 0;background-size:100% auto;vertical-align:top}

.section_date .head_tit .tit_g{background-image:url(../images/m640/bg_label3.png)}
.area_calendar{padding-top:10.55vw;text-align:center}
.area_calendar .txt_month{display:inline-block;font-size:4.44vw;line-height:6.66vw;color:#333;vertical-align:top}
.area_calendar .wrap_calendar{position:relative;width:88vw;margin:6vw auto 0;border:5px solid #f3eded;background-color:rgb(255, 254, 244)}
.tbl_month{table-layout:fixed;width:83vw;margin:0 auto}
.tbl_month tr th{font-family:Pretendard;font-weight:normal;font-size:3.7vw;padding:5.11vw 1.94vw}
.tbl_month tr td{font-size:3.89vw;padding:2.6vw 1.94vw 2.6vw}
.tbl_month .emph_sun{color:#ff4d4d}
.tbl_month .emph_day{position:relative;z-index:1;font-weight:600;color:#fff}
.tbl_month .emph_day:before{position:absolute;z-index:-1;top:50%;left:50%;width:10.33vw;height:9.33vw;background:url(../images/m640/bg_heartpaper1.png) no-repeat 0 0;background-size:100% auto;transform:translate(-50%, -50%);background-position:50% 50%;content:''}
.section_date .info_day{width:88vw;margin:8vw auto;padding:6.5vw 0;font-weight:normal;font-size:3.89vw;line-height:1.5;border-top:1px solid rgba(0,0,0,0.07);border-bottom:1px solid rgba(0,0,0,0.07);color:#000;text-align:center}
.section_date .txt_date{display:block;font-weight:normal}
.section_date .emph_time{display:block;padding-top:6px}
.area_calendar .ico_pearl{position:absolute;width:1.8vw;height:1.8vw;margin:5px;background:url(../images/m640/bg_pearl.png) no-repeat 0 0;background-size:100% auto}
.ico_pearl.type_top{left:0;top:0}
.ico_pearl.type_right{right:0;top:0}
.ico_pearl.type_bottom{right:0;bottom:0}
.ico_pearl.type_left{left:0;bottom:0}

.section_photo{position:relative}
.section_photo .head_tit .tit_g{background-image:url(../images/m640/bg_label4.png)}
.section_photo .wrap_photo{padding-top:11vw}
.section_photo .txt_photo{padding-top:10.5vw;font-size:3.77vw;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{padding:2vw;font-size:4vw;color:#222;line-height:6vw;font-family:Pretendard;text-align:right}
.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%}

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

.case_scroll .slide_photo .photo_wedding{display:flex;position:relative;align-items:center;justify-content:center;overflow:hidden;width:80vw;height:110vw;margin-right:3.589vw}
.case_scroll .slide_photo .photo_wedding.type_start{align-items:flex-start}
.case_scroll .slide_photo .photo_wedding.type_end{align-items:flex-end}
.case_scroll .slide_photo .photo_wedding.type_h100{overflow:hidden}
.case_scroll .slide_photo .photo_wedding.type_h100 .wrap_img{height:100%}
.case_scroll .slide_photo .photo_wedding.type_h100 .img_g{height:100%;object-fit:cover}

.section_map .head_tit .tit_g{background-image:url(../images/m640/bg_label5.png)}
.section_map .box_map{height:240px;margin-top:10.5vw;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}
.list_location > li{overflow:hidden}
.list_location > li + li{padding-top:15px}
.list_location .tit_info{float:left;position:relative;min-width:11.11vw;padding-right:2.5vw;font-weight:400;font-size:3.89vw;line-height:5.8vw;color:#333}
.list_location .tit_info:before{position:absolute;right:0;top:4px;width:1px;height:3.61vw;line-height:4.2vw;background-color:#333;content:''}
.list_location .wrap_txt{overflow:hidden;padding-left:2.77vw;font-weight:400;font-size:3.61vw}
.list_location .desc_info{display:block;font-size:3.7vw;line-height:5.8vw;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}
.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}

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

.section_bank .head_tit .tit_g{background-image:url(../images/m640/bg_label6.png)}
.info_bank{margin:10.55vw 8.33vw 0}
.info_bank .link_bank{display:block;position:relative;padding:2.77vw 4.44vw;font-size:3.88vw;line-height:5.83vw;background-color:rgba(191,179,168,0.3);border-radius:4px}
.info_bank .box_bank{display:none;position:relative;padding:3.61vw 4.44vw;background-color:#fff}
.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;font-size:3.61vw;line-height:6.66vw}
.info_bank .txt_bank{font-size:3.61vw}
.info_bank .link_copy{display:inline-block;height:6.66vw;margin:-1.38vw 0 0 2.77vw;padding:0 12px;font-size:3.33vw;font-family:Pretendard;line-height:6.66vw;color:#fff;border:none;background-color:#BFD9D6;border-radius:3px;vertical-align:top}
.list_bank li{position:relative}
.list_bank li + li{padding-top:2.4vw}
.list_bank li + li:before{position:absolute;left:0;top:0;right:0;height:6px;content:''}
.link_smallsquare{display:block;text-decoration:underline}

.section_callinfo{margin:0 8vw}
.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:7vw}
.list_call .tit_parent{display:block;font-size:3.8vw;line-height:1.5;color:#333}
.list_call .info_parent{padding-top:4vw;font-size:0}
.list_call .name_parent{display:inline-block;font-size:3.7vw;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.2vw;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:3.6vw;text-decoration:underline;vertical-align:top}
.txt_rel{display:inline-block;width:9.3vw;text-align:center;vertical-align:top}

.order_flower{margin:3vw 6vw 7vw;padding-top:10vw;font-family:'MaruBuri',serif;border-top:1px dashed rgba(0,0,0,0.07)}
.order_flower .wrap_tit{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}

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

@media screen and (min-width:640px){
    .wrap_main, .wrap_footer{width:640px;margin:0 auto;box-sizing:border-box}
    .wrap_main{padding-bottom:53px}
   
    .head_tit{padding-top:172px}
    .head_tit .tit_g{width:243px;min-height:64px;padding:0 70px}
    .head_tit .inner_tit{padding-top:20px}

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

    .section_invite .head_tit{padding-top:147px}
    .area_intro .thumb_img{padding:78px 71px 71px}
    .area_intro .thumb_img:after{left:71px;right:71px;top:78px;bottom:71px}
    .area_intro .txt_date{top:48px;right:71px;font-size:19px;line-height:17px}
    .area_intro .txt_intro{right:49px;bottom:14px;font-size:99px;line-height:102px}
    .desc_intro{padding:67.2px 0;font-size:24.128px}
    .desc_intro.txt_gray{font-size:23.68px}

    .section_info .info_couple{width:588px;padding-top:44px;font-size:26px}
    .section_info .info_couple .txt_parent{font-size:24px}
    .section_info .txt_relation{margin:0 11px;font-size:24px}
    .section_info .area_letter{width:89px;height:64px}
    .section_info .info_couple .txt_name{margin-top:19px;font-size:25px}
    .info_couple .ico_star{width:34px;height:34px;margin-top:51px}

    .area_calendar{padding-top:67px}
    .area_calendar .txt_month{font-size:28px;line-height:42px}
    .area_calendar .wrap_calendar{width:563px;margin:38px auto 0}
    .tbl_month{width:533px}
    .tbl_month tr th{font-size:24px;padding:33px 12px}
    .tbl_month tr td{font-size:25px;padding:16px 12px 16px}
    .tbl_month .emph_day:before{width:66px;height:60px}
    .section_date .info_day{width:563px;margin:51px auto;padding:41px 0;font-size:25px}
    .area_calendar .ico_pearl{width:11px;height:11px}
    .section_photo .wrap_photo{padding-top:70.4px}
    .section_photo .txt_photo{padding-top:67.2px;font-size:24.128px}
    .slide_photo .photo_wedding{height:864px}
    .slide_photo .flicking-pagination{padding:12.8px;font-size:25.6px;line-height:38.4px}
    
    .list_location{padding:58.304px 28.416px 0}
    .list_location .tit_info{min-width:71.104px;padding-right:16px;font-size:24.896px;line-height:37.12px}
    .list_location .tit_info:before{height:23.104px;line-height:26.88px}
    .list_location .wrap_txt{padding-left:17.728px;font-size:23.104px}
    .list_location .desc_info{font-size:23.68px;line-height:37.12px}
    .list_location > li .desc_info + .desc_info{padding-top:7.104px}
    .list_location .list_bus li + li{padding-top:19.52px}
    .list_location .list_bus .desc_info + .desc_info{padding-top:3.52px}

    .info_bank{margin:67px 53px 0}
    .info_bank .link_bank{padding:17px 28px;font-size:24px;line-height:37px}
    .info_bank .box_bank{padding:23px 28px}
    .link_bank .ico_arrow{right:28px;top:30px}
    .info_bank .txt_name{font-size:23px;line-height:42px}
    .info_bank .txt_bank{font-size:23px}
    .info_bank .link_copy{height:42px;margin:-8px 0 0 17px;padding:0 12px;font-size:21px}
    .list_bank li + li{padding-top:15px}

    .order_flower{margin:19px 38px 45px;padding-top:64px}
    .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}

    .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:-6px;right:-6px;height:15px}
    .box_booth .desc_booth{padding-top:30px;font-size:24px}

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

    .case_scroll .slide_photo .photo_wedding{width:512px;height:704px;margin-right:22.97px}

    .section_callinfo{margin:0 51px}
    .list_call{margin-top:76px;padding:57px 0 38px}
    .list_call li{font-size:22px}
    .list_call li + li{padding-top:44px}
    .list_call .tit_parent{font-size:24px}
    .list_call .info_parent{padding-top:25px}
    .list_call .name_parent{font-size:23px;line-height:40px}
    .list_call .name_parent + .name_parent{padding-left:25px}
    .list_call .mark_parent{width:41px;height:41px;margin-right:13px;font-size:20px;line-height:41px}
    .list_call .info_parent .link_call{padding-left:30px;font-size:23px}
    .txt_rel{width:59.52px}
}