@charset "utf-8";


@font-face {
    font-family: 'NotoSansKR';
    font-weight: 400; 
    font-style: normal; 
    src: local(NotoSansKR-Regular),
    local(NotoSansKR-Regular),
    url(../font/NotoSansKR-Regular.woff) format('woff'),
    url(../font/NotoSansKR-Regular.woff2) format('woff2');
}
@font-face {
    font-family: 'IvyMode';
    font-weight: 300; 
    font-style: normal; 
    src: local(IvyMode-Light),
    local(IvyMode-Light),
    url(../font/IvyMode-Light.woff2) format('woff2');
}
@font-face {
    font-family: 'IvyMode';
    font-weight: 200; 
    font-style: normal; 
    src: local(IvyMode-Thin),
    local(IvyMode-Thin),
    url(../font/IvyMode-Thin.woff2) format('woff2');
}
@font-face {
    font-family: 'NewYork';
    font-weight: 400; 
    font-style: normal; 
    src: local(NewYork),
    local(NewYork),
    url(../font/NewYork.woff) format('woff'),
    url(../font/NewYork.woff) format('woff2');
}


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

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

.fade2{opacity:0;-webkit-transform:translateX(-8vw);transform:translateX(-8vw)}
.fade2.on{opacity:1;-webkit-transform:translateX(0);transform:translateX(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}


.img_g{display:block;width:100%}
.wrap_tit{padding:21.3vw 0 10.6vw;text-align:center}
.wrap_tit .tit_g{display:inline-block;padding:2.13vw 3.46vw;font-weight:400;font-size:3.73vw;line-height:5.33vw;color:#111;font-family:NotoSansKR;border:1px solid #111;border-radius:8vw;vertical-align:top}

.wrap_main{display:block}

.area_intro{padding-bottom:29.3vw}
.area_intro .info_date{display:inline-block;position:relative;padding:3.73vw 4.53vw;font-weight:200;font-size:9.86vw;line-height:12.8vw;font-family:NewYork,serif;color:#222;vertical-align:top}
.area_intro .info_date:after{position:absolute;left:4.53vw;width:0;bottom:auto;height:1px;background-color:#222;content:''}
.area_intro .info_date.on:after{width:100%;-webkit-transition:width 1s ease-in-out;transition:width 1s ease-in-out;-webkit-transition-delay:.7s;transition-delay:.7s}
.area_intro .info_date .txt_day{display:block}
.area_intro .box_intro{position:relative;height:119vw;margin-top:-1.6vw;padding:0 6.4vw 0 4.53vw;text-align:right}
.area_intro .box_intro:before{position:absolute;top:0;right:3.2vw;width:1px;height:0;background-color:#222;content:''}
.area_intro .box_intro.active:before{height:100%;-webkit-transition:height 1s ease-in-out;transition:height 1s ease-in-out;-webkit-transition-delay:.7s;transition-delay:.7s;}
.area_intro .box_intro:after{display:block;clear:both;content:''}
.area_intro .wrap_intro{display:inline-block;position:relative;width:91%;height:100%;vertical-align:top}
.area_intro .intro_bg{width:100%;height:119vw}
.area_intro .inner_intro{position:relative;overflow:hidden;height:100%}
.area_intro .thumb_bg{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgb(242, 239, 228);will-change:transform;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:transform 1s cubic-bezier(.25,0,.1,1);transition:transform 1s cubic-bezier(.25,0,.1,1);}
.area_intro .active .thumb_bg{transform:scaleY(1)}
.area_intro .img_reveal{opacity:0;transform:scale(1.3);transition:transform 1s cubic-bezier(.25,0,.1,1),opacity .8s cubic-bezier(.25,0,.1,1);height:100%;transition-delay:1s;}
.area_intro .lazy_img{position:relative;height:100%}
.area_intro .lazy_img:after{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.04);content:''}
.area_intro .lazy_img .img_g{width:100%;height:100%;opacity:0;object-fit:cover}
.area_intro .active .lazy_img .img_g{opacity:1}
.area_intro .active .img_reveal{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.area_intro .txt_wedding{position:absolute;left:4.53vw;top:50%;font-size:9.06vw;line-height:12.26vw;color:#222;font-weight:300;font-family:'Noto Serif KR';-wekbit-transform:translate(-5.33vw, -50%);transform:translate(-5.33vw, -50%);text-align:left}
.area_intro .txt_wedding.fade.on{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);transition-delay:1.5s}
.area_intro .wrap_name{position:absolute;right:4.53vw;bottom:-16.53vw;font-size:0}
.area_intro .deco_line{display:inline-block;width:0;height:1px;margin:6.4vw 1.6vw 0;background-color:#222;vertical-align:top}
.area_intro .on .deco_line{width:16vw;-webkit-transition:width 1s ease-in-out;transition:width 1s ease-in-out;-webkit-transition-delay:.3s;transition-delay:.3s}
.area_intro .txt_name{display:inline-block;font-weight:300;font-size:8.8vw;line-height:12.53vw;color:#222;font-family:'Noto Serif KR';vertical-align:top}

.area_invite{padding-bottom:16vw;font-weight:400;font-family:'Noto Serif KR';text-align:center;background-color:rgb(242, 239, 228)}
.area_invite .desc_invite{font-size:4.53vw;line-height:7.1vw;color:#333}
.area_invite .txt_g + .txt_g{padding-top:9.33vw}
.area_invite .info_couple{padding-top:10.13vw;text-align:center}
.area_invite .list_couple li{font-size:0;line-height:5.33vw;color:#222;font-weight:100}
.area_invite .list_couple li + li{padding-top:4.53vw}
.area_invite .list_couple .info_parent{font-weight:400;font-size:4vw;line-height:5.33vw;color:#222}
.area_invite .list_couple .txt_relation{display:inline-block;width:11.73vw;margin-top:0.26vw;padding:0 0.8vw 0 0.53vw;font-weight:100;font-size:3.46vw;line-height:5.33vw;vertical-align:top;text-align:left}
.area_invite .list_couple [class*="name_"]{font-weight:400;font-size:4vw;line-height:5.33vw;color:#222}
.area_invite .link_call{display:inline-block;position:relative;padding-left:16vw;vertical-align:top}
.area_invite .link_call svg{width:6.4vw;margin-top:-0.53vw}
.area_invite .link_call:before{position:absolute;left:2.66vw;top:3.2vw;width:0;height:1px;background-color:#222;content:'';-webkit-transition:width ease-in-out .5s;transition:width ease-in-out .5s}
.area_invite .list_couple li.on .link_call:before{width:10.66vw;-webkit-transition:width ease-in-out .5s;transition:width ease-in-out .5s;transition-delay:0.4s}

.area_photo .wrap_tit{padding-bottom:6.93vw}
.area_photo .txt_guide{padding-top:8.53vw;font-size:3.73vw;line-height:5.33vw;color:#333;font-family:'Noto Serif KR';text-align:center}
.area_photo{position:relative}

.flicking-viewport{padding-top:16vw;margin-top:-16vw}
.area_photo .txt_photo{padding-top:8.66vw;font-size:3.61vw;line-height:5.55vw;text-align:center}
.slide_photo .photo_wedding{display:-webkit-box;display:flex;overflow:hidden;height:130vw;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{position:absolute;right: 0;top:0;width: 10.66vw;font-weight: 300;font-size: 4.8vw;line-height: 5.86vw;color: #111;font-family: NewYork;}
.slide_photo .flicking-pagination-fraction-current{display:block}
.slide_photo .flicking-pagination-fraction-total{padding:1vw}
.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%}

.area_photo .wrap_day{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;padding:18.66vw 6.66vw 0;font-family:NewYork;align-items:center;justify-items:center;letter-spacing:0.1em}
.area_photo .txt_date{float:left;font-size:11.2vw;line-height:13.33vw;color:#111;vertical-align:top}
.area_photo .txt_day{font-size:9.6vw;line-height:13.6vw;color:#111;font-family:'Noto Serif KR', serif}
.area_photo .txt_time{float:right;font-size:12.26vw;line-height:14.66vw;color:#111;font-family:NewYork;vertical-align:top}
.area_photo .deco_line{flex:0;width:16vw;margin:0 5.33vw;height:1px;background-color:#222;vertical-align:top;-webkit-transition:flex 0.5s ease-in-out;transition:flex 0.5s ease-in-out}
.area_photo .on.deco_line{flex:1;-webkit-transition:flex 0.5s ease-in-out;transition:flex 0.5s ease-in-out;transition-delay:0.3s}

.area_location{margin-top:16vw;padding-bottom:13.33vw;background-color:rgb(242, 239, 228)}
.area_location .wrap_tit{padding-top:16vw}
.area_location .box_map{height:240px;margin-top:2.66vw}
.box_map .root_daum_roughmap_landing{width:100%!important}
.box_map .root_daum_roughmap .wrap_controllers{box-sizing:border-box}
.info_location{padding-top:8vw;font-size:3.73vw;line-height:7.2vw;color:#111;text-align:center;font-family:'Noto Serif KR', serif}
.info_transport{padding:8vw 4.53vw 0}
.info_transport .inner_transport{padding:8vw 0 0;border-top:1px solid #222}
.list_transport{padding:0 2.13vw}
.list_transport li + li{padding-top:8vw}
.list_transport .tit_info{display:block;font-weight:400;font-size:4vw;line-height:5.33vw;color:#1a1a1a;font-family:NotoSansKR}
.list_transport .desc_info{display:block;padding-top:4vw;font-weight:400;font-size:3.46vw;line-height:5.6vw;color:#111;font-family:'Noto Serif KR'}
.list_transport .desc_info + .desc_info{padding-top:2.13vw}
.list_transport .desc_info .info_stop{display:block;padding-bottom:1.06vw;color:#000}
.list_transport .bus .desc_info + .desc_info{padding-top:4vw}

.area_account{padding:0 6.4vw 10vw;color:#111}
.area_account .inner_account{position:relative}
.area_account .inner_account:after{position:absolute;left:0;right:15.33vw;top:2.66vw;height:1px;background-color:#111;content:''}
.area_account .tit_account{position:absolute;right:0;top:0;font-weight:400;font-size:4vw;line-height:5.6vw;color:#111;font-family:NotoSansKR}

.info_bank{font-family:NotoSansKR}
.info_bank .link_bank{display:block;position:relative;padding:2.77vw 4.44vw;font-size:3.88vw;line-height:5.83vw;background-color:rgba(188, 181, 174, 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;line-height:6.66vw;color:#fff;border:none;font-family:NotoSansKR;background-color:#666;border-radius:3px;vertical-align:top}
.list_bank li{position:relative;font-family:'Noto Serif KR'}
.list_bank li + li{padding-top:2.66vw}
.list_bank li + li:before{position:absolute;left:0;top:0;right:0;height:6px;background-color:#fff;content:''}

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

.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.05)}
.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:8vw}
.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:7vw}
.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}

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

.area_calendar{padding-top:15.55vw;font-family:'Noto Serif KR';text-align:center}
.area_calendar .txt_month{display:inline-block;font-weight:500;font-size:4.64vw;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.7vw;padding:5.11vw 1.94vw}
.tbl_month tr td{font-size:3.89vw;padding:2.5vw 1.94vw}
.tbl_month .emph_sun{color:#B53939}
.tbl_month .emph_day{position:relative}
.tbl_month .emph_day:before{position:absolute;z-index:-1;top:50%;left:50%;width:8.33vw;height:8.33vw;border-radius:50%;transform:translate(-50%, -50%);border:1px solid #000;content:''}
@media screen and (min-width:640px){
    .wrap_main, .wrap_footer{width:640px;margin:0 auto;box-sizing:border-box}
    .wrap_tit{padding:136px 0 68px}
    .wrap_tit .tit_g{padding:14px 22px;font-size:24px;line-height:34px;border-radius:51px}
    .area_intro{padding-bottom:188px}
    .area_intro .info_date{padding:24px 29px;font-size:63px;line-height:82px}
    .area_intro .info_date:after{left:29px}
    .area_intro .box_intro, .area_intro .intro_bg{height:780px}
    .area_intro .box_intro{margin-top:-10px;padding: 0 41px 0 29px}
    .area_intro .box_intro:before{right:20px}
    .area_invite .link_call:before{width:68px;left:17px;top:20px}
    .area_intro .txt_wedding{left:29px;font-size:58px;line-height:78px}
    .area_intro .wrap_name{right:29px;bottom:-106px}
    .area_intro .txt_name{font-size:56px;line-height:80px}
    .area_intro .on .deco_line{width:102px}
    .area_intro .deco_line{margin:41px 10px 0}
    .area_invite{padding-bottom:102px}
    .area_invite .desc_invite{font-size:29px;line-height:44px}
    .area_invite .txt_g + .txt_g{padding-top:60px}
    .area_invite .info_couple{padding-top:65px}
    .area_invite .list_couple li{line-height:34px}
    .area_invite .list_couple li + li{padding-top:29px}
    .area_invite .list_couple .info_parent{font-size:26px;line-height:34px}
    .area_invite .list_couple .txt_relation{width:75px;margin-top:2px;padding:0 5px 0 3px;font-size:22px;line-height:34px}
    .area_invite .list_couple [class*="name_"]{font-size:26px;line-height:34px}
    .area_invite .link_call{padding-left:102px}
    .area_invite .link_call svg{width:41px;margin-top:-3px}
    .area_invite .list_couple li.on .link_call:before{width:68px}
    .area_invite .on .link_call:before{width:68px}
    .area_invite .on .desc_call .link_call:before{content:none}
    .area_photo .wrap_tit{padding-bottom:44px}
    .area_photo .txt_guide{padding-top:55px;font-size:24px;line-height:34px}
    .area_photo .wrap_photo{padding-top:44px}
    .area_photo .wrap_day{padding:119px 43px 0}
    .area_photo .txt_day{font-size:61px;line-height:87px}
    .area_photo .txt_date{font-size:72px;line-height:85px}
    .area_photo .deco_line{width:102px;margin:0 34px}
    .area_photo .txt_time{font-size:78px;line-height:94px}
    
    .area_location{margin-top:102px;padding-bottom:85px}
    .area_location .wrap_tit{padding-top:102px}
    .area_location .box_map{margin-top:17px}
    .info_location{padding-top:51px;font-size:24px;line-height:46px}
    .info_transport{padding:51px 29px 0}
    .info_transport .inner_transport{padding:51px 0 0}
    .list_transport{padding:0 14px}
    .list_transport .tit_info{font-size:26px;line-height:34px}
    .list_transport .desc_info{padding-top:26px;font-size:22px;line-height:36px}
    .list_transport li + li{padding-top:51px}
    .area_account{padding:0 41px 64px}
    .info_bank .link_bank{padding:17px 28px;font-size:24px;line-height:37px}
    .link_bank .ico_arrow{right:28px;top:30px}
    .info_bank .box_bank{padding:23px 28px}
    .info_bank .txt_name{font-size:23px;line-height:42px}
    .info_bank .txt_bank{font-size:23px}
    .info_bank .link_copy{height:42px;margin:-9px 0 0 17px;font-size:21px;line-height:42px}
    .list_bank li{position:relative}
    .list_bank li + li{padding-top:17px}
    .list_bank li + li:before{position:absolute;left:0;top:0;right:0;height:6px;background-color:#fff;content:''}
    .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:21px;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}
    
    .flicking-viewport{margin-top:-102px;padding-top:102px}
    .slide_photo .photo_wedding{height:780px}
    .photo_wedding.type_h100 .img_g{width:100%!important;height:auto!important}

    .slide_photo .flicking-pagination{width:68px;font-size:30px;line-height:37px}
    .slide_photo .flicking-pagination-fraction-total{padding:6px}

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

    .order_flower{margin:19px 38px 89px;padding-top:64px}
    .order_flower .wrap_tit{padding:19px 0 6px}
    .order_flower .tit_flower{font-size:24px}
    .order_flower .txt_flower{padding-top:38px;font-size:24px}
    .order_flower .wrap_btn{padding-top:25px}
    .order_flower .wrap_btn .link_flower{padding:19px 0 0;font-size:23px}

    .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:before{width:53px;height:53px}
    .area_date .info_day{padding-top:50px;font-size:25px}
    .tbl_month .emph_day:before{width:53px;height:53px}
}