@font-face {
    font-family: 'SpoqaHanSans';
    font-weight: 400; 
    font-style: normal; 
    src: local(SpoqaHanSans-Regular),
    local(SpoqaHanSans-Regular),
    url(../font/SpoqaHanSansNeo-Regular.woff) format('woff'),
    url(../font/SpoqaHanSansNeo-Regular.woff2) format('woff2');
}
@font-face {
    font-family: 'SpoqaHanSans';
    font-weight: 500; 
    font-style: normal; 
    src: local(SpoqaHanSans-Medium),
    local(SpoqaHanSans-Medium),
    url(../font/SpoqaHanSansNeo-Medium.woff) format('woff'),
    url(../font/SpoqaHanSansNeo-Medium.woff2) format('woff2');
}
@font-face {
    font-family: 'SpoqaHanSans';
    font-weight: 600; 
    font-style: normal; 
    src: local(SpoqaHanSans-Bold),
    local(SpoqaHanSans-Bold),
    url(../font/SpoqaHanSansNeo-Bold.woff) format('woff'),
    url(../font/SpoqaHanSansNeo-Bold.woff2) format('woff2');
}
@font-face {
    font-family: 'IvyMode';
    font-weight: 700; 
    font-style: normal; 
    src: local(IvyMode-SemiBoldItalic),
    local(IvyMode-SemiBoldItalic),
    url(../font/IvyMode-SemiBoldItalic.woff2) format('woff2');
}

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

@font-face {
    font-family: 'KOTRAHOPE';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/KOTRAHOPE.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

body{touch-action: pan-y;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_tit{padding:24vw 0 8vw}
.wrap_tit .tit_g{display:block;font-weight:600;font-size:3.93vw;line-height:5.33vw;color:#000;font-family:SpoqaHanSans;text-align:center}

.wrap_main{display:block;min-width:320px}
.area_intro{padding-top:13.3vw}
.wrap_thumb{display:block;position:relative;margin:0 11.2vw}
.wrap_thumb:after{position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.06);content:''}
.area_intro .ico_tape{position:absolute;left:50%;top:-5.86vw;width:28.8vw;height:11.73vw;margin-left:-14.4vw;background:url(../images/m640/ico_tape.png) no-repeat 0 0;background-size:100% auto}
.area_intro .txt_intro{display:block;padding-top:3.73vw;font-size:8vw;line-height:10.13vw;color:#111;font-family:Myawesmeated;text-align:center}
.area_intro .ico_pink{position:absolute;left:17.86vw;top:64.8vw;width:4vw;height:3.46vw;background:url(../images/m640/ico_pink.png) no-repeat center center;background-size:100% auto}
.area_intro .ico_star1{position:absolute;left:20.8vw;top:59.73vw;width:5.33vw;height:6vw;background:url(../images/m640/ico_star1.png) no-repeat center center;background-size:100% auto}
.area_intro .ico_star2{position:absolute;right:19.73vw;top:49.86vw;width:6.4vw;height:9.06vw;background:url(../images/m640/ico_star2.png) no-repeat center center;background-size:100% auto}
.area_intro .info_date{position:absolute;right:0;top:-5.86vw;font-size:4.3vw;line-height:5.33vw;color:#222;font-family:Myawesmeated}

.area_invite{margin:0 8.53vw;padding-top:21.3vw}
.area_invite .wrap_tit{padding-top:2.66vw}
.area_invite .wrap_thumb2{display:block;position:relative;width:73.86vw;height:73.86vw;margin:0 auto 9.33vw;border-radius:50%;background:url(../images/photo_intro.jpg) no-repeat 50% 50%;background-size:cover}
.area_invite .ico_star1{position:absolute;left:-0.53vw;top:46.13vw;width:5.86vw;height:8.26vw;background:url(../images/m640/ico_star3.png) no-repeat center center;background-size:80% auto}
.area_invite .ico_star2{position:absolute;right:18.13vw;top:-2.13vw;width:7.73vw;height:9.86vw;background:url(../images/m640/ico_star4.png) no-repeat center center;background-size:50% auto}
.area_invite .desc_intro{padding-top:3.8vw;font-weight:400;font-size:4vw;line-height:5.33vw;color:#222;font-family:SpoqaHanSans;text-align:center}
.area_invite .info_intro{display:block;font-size:3.7vw;font-weight:500;color:#111}
.area_invite .info_intro + .info_intro{padding-top:3vw}
.area_invite .msg_invite{padding-top:7.3vw;font-weight:400;font-size:3.8vw;line-height:6.6vw;color:#222;font-family:SpoqaHanSans;text-align:center}
.area_invite .txt_msg{line-height:7vw}
.area_invite .txt_msg + .txt_msg{padding-top:5.33vw}

.list_parent{margin-top:11.3vw;padding:6.93vw 0;border-top:1px dashed rgba(0,0,0,0.1);border-bottom:1px dashed rgba(0,0,0,0.1)}
.list_parent li{font-size:3.46vw;font-family:SpoqaHanSans;color:#222}
.list_parent li + li{padding-top:6.66vw}
.list_parent .tit_parent{display:block;font-size:3.93vw;font-family:SpoqaHanSans}
.list_parent .info_parent{padding-top:4vw;font-size:0}
.list_parent .name_parent{display:inline-block;font-size:3.93vw;line-height:6.4vw;vertical-align:top}
.list_parent .name_parent + .name_parent{padding-left:6vw}
.list_parent .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;font-family:SpoqaHanSans;border-radius:50%;background-color:rgba(242,214,128,0.8);text-align:center;vertical-align:top}
.list_parent .info_parent .link_call{display:inline-block;padding-left:4.8vw;font-size:3.5vw;text-decoration:underline;vertical-align:top}
.txt_rel{display:inline-block;width:9.3vw;text-align:center;vertical-align:top}

.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.w_250{width:66.6vw;margin:0 auto}
.wrap_photo .thumb_photo{overflow:hidden}
.wrap_photo .thumb_photo .float_l{float:left}
.wrap_photo .thumb_photo .float_r{float:right}
.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_date .mark_date{position:relative;width:38.6vw;height:38.6vw;margin:9.33vw auto 0;font-size:12.26vw;line-height:15.2vw;color:#fff;font-family:IvyMode;border-radius:50%;background-color:#f2d680;text-align:center}
.area_date .mark_date .txt_date{display:inline-block;padding:4vw 0}
.area_date .info_wedding{padding-top:13.33vw;font-size:4vw;line-height:6.66vw;color:#222;font-family:SpoqaHanSans;text-align:center}
.area_date .info_wedding strong{font-weight:500}
.area_date .ico_date{position:absolute;left:-5.33vw;right:0;top:-2.66vw;width:48.8vw;height:45.33vw;background:url(../images/m640/bg_date.png) no-repeat center center;background-size:100% auto}

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

.list_location{padding:11.11vw 6.4vw 8.33vw;font-family:SpoqaHanSans}
.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.9vw;color:#222;font-weight:500;font-family:SpoqaHanSans}
.list_location .tit_info:before{position:absolute;right:0;top:1px;width:1px;height:13px;background-color:#222;content:''}
.list_location .wrap_txt{overflow:hidden;margin-top:-0.83vw;padding-left:2.77vw;font-weight:400;font-size:3.93vw}
.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}
.list_location .list_bus li + li{padding-top:3.05vw}
.list_location .list_bus .desc_info + .desc_info{padding-top:0.55vw}

.area_bank{margin:12vw 4.8vw 0;padding-bottom:9vw;border-top:1px dashed rgba(0,0,0,0.1)}
.area_bank .wrap_tit{padding-top:12vw}
.info_bank{margin:0 5.86vw}
.info_bank .list_bank li + li{padding-top:5.86vw}
.info_bank .tit_bank{display:inline-block;padding:1.6vw 2.66vw;font-size:3.6vw;font-weight:normal;color:#fff;text-align:left;background-color:rgba(242,214,128,0.93);border-radius:1.6vw;font-family:SpoqaHanSans}
.info_bank .box_bank{display:block;overflow:hidden;min-height:16vw;padding-top:3.2vw}
.info_bank .box_bank .txt_name{display:block;font-size:3.93vw;line-height:5.6vw;color:#222;font-family:SpoqaHanSans}
.info_bank .box_bank .txt_bank{display:inline-block;font-size:3.7vw;line-height:5.6vw;color:#222;font-family:SpoqaHanSans;vertical-align:top}
.info_bank .btn_copy{font-size:3.6vw;line-height:5.6vw;color:#222;text-decoration:underline;border:none;background:none;font-family:SpoqaHanSans}

.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:3vw 4.8vw 16vw;padding-top:10vw;font-family:'SpoqaHanSans',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:500;color:#000;font-size:3.93vw;line-height:1.5em;vertical-align:top;letter-spacing:0.02em}
.order_flower .txt_flower{padding-top:6vw;font-size:3.97vw;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.99vw;color:#2d2206;border-bottom:1px solid #2d2206;vertical-align:top}

@media screen and (min-width:640px){
    .txt_rel{width:60px}
    .wrap_main, .wrap_footer{width:640px;margin:0 auto;box-sizing:border-box}
    .area_intro{padding-top:85px}
    .wrap_tit{padding:154px 0 51px}
    .wrap_tit .tit_g{font-size:24px;line-height:34px}
    .wrap_thumb{margin:0 72px}
    .area_intro .ico_tape{top:-37px;width:184px;height:75px;margin-left:-92px}
    .area_intro .ico_pink{left:114px;top:414px;width:27px;height:22px}
    .area_intro .ico_star1{left:133px;top:382px;width:34px;height:39px}
    .area_intro .ico_star2{right:126px;top:319px;width:41px;height:58px}
    .area_intro .info_date{top:-38px;font-size:27px;line-height:34px}
    .area_intro .txt_intro{padding-top:24px;font-size:51px;line-height:65px}
    .area_invite{margin:0 55px;padding-top:136px}
    .area_invite .wrap_thumb2{width:472px;height:472px;margin:0 auto 60px;}
    .area_invite .ico_star1{left:-3px;top:295px;width:37px;height:53px}
    .area_invite .ico_star2{right:116px;top:-14px;width:49px;height:63px}
    .area_invite .wrap_tit{padding-top:17px}
    .area_invite .desc_intro{padding-top:27px;font-size:24px;line-height:34px}
    .area_invite .info_intro{font-size:24px}
    .area_invite .info_intro + .info_intro{padding-top:24px}
    .area_invite .msg_invite{padding-top:31px;font-size:26px;line-height:38px}
    .area_invite .txt_msg + .txt_msg{padding-top:34px}
    .area_invite .txt_msg{line-height:43px}
    .list_parent{margin-top:51px;padding:44px 0}
    .list_parent li{font-size:22px}
    .list_parent .tit_parent{font-size:24px}
    .list_parent .info_parent{padding-top:26px}
    .list_parent .name_parent{font-size:24px;line-height:41px}
    .list_parent .mark_parent{width:41px;height:41px;margin-right:14px;font-size:20px;line-height:41px}
    .list_parent .info_parent .link_call{padding-left:31px;font-size:20px}
    .list_parent .name_parent + .name_parent{padding-left:51px}
    .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}
    .area_date .mark_date{width:247px;height:247px;margin:60px auto 0;font-size:78px;line-height:97px}
    .area_date .mark_date .txt_date{padding:26px 0}
    .area_date .ico_date{left:-34px;top:-17px;width:312px;height:290px}
    .area_date .info_wedding{padding-top:85px;font-size:26px;line-height:43px}
    .area_location .box_map{margin-top:85px}
    .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{line-height:37px}
    .list_location .list_bus li + li{padding-top:19px}
    .list_location .list_bus .desc_info + .desc_info{padding-top:3px}
    .area_bank{margin:76.8px 30.72px 0;padding-bottom:57.6px}
    .area_bank .wrap_tit{padding-top:77px}
    .info_bank{margin:0 37px}
    .info_bank .tit_bank{padding:10px 17px;font-size:22px}
    .info_bank .box_bank{min-height:102px;padding-top:20px}
    .info_bank .box_bank .txt_name{font-size:24px;line-height:36px}
    .info_bank .box_bank .txt_bank{font-size:24px;line-height:36px}
    .info_bank .btn_copy{font-size:24px;line-height:36px}
    .info_bank .list_bank li + li{padding-top:37px}
    .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: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}

    .order_flower{margin:19px 31px 102.4px;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}
}