@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{color:#333;font-family: -apple-system, '맑은 고딕', 'malgun gothic', 'AppleGothicNeoSD', 'Apple SD 산돌고딕 Neo', 'Microsoft NeoGothic',  'Droid sans', sans-serif;}
.case_bus{float:left}
.num_bus{display:block;overflow:hidden;padding-left:4px}


.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;z-index:1;left:50%;top:-5.86vw;width:28.8vw;height:11.73vw;margin-left:-14.4vw;background:url(../images/m640/ico_tape2.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:4vw}
.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:78vw;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 .photo4{width:73vw;margin:0 auto}
.wrap_photo .photo5{width:63vw}
.wrap_photo .photo6{width:66vw}
.wrap_photo .photo7{width:74vw;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_calendar{padding-top:10vw;font-family:'Lato', 'SpoqaHanSans';text-align:center}
.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%;border:2px solid #f2d680;;transform:translate(-50%, -50%);content:''}
.area_calendar .txt_month{display:inline-block;font-size:4.44vw;line-height:6.66vw;color:#333;vertical-align:top}
.area_date.case_calendar .info_wedding{padding-top:9vw}

.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}
.root_daum_roughmap .cont{display:none}

.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;cursor:pointer}

.info_bank.type_fold{margin:0}
.info_bank.type_fold .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.type_fold .box_bank{display:none;position:relative;min-height:auto;padding:3.61vw 4.44vw;background-color:#fff}
.info_bank.type_fold .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.type_fold li.on .box_bank{display:block}
.info_bank.type_fold li.on .ico_arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.info_bank.type_fold .txt_name{display:block;font-size:3.61vw;line-height:6.66vw}
.info_bank.type_fold .txt_bank{font-size:3.61vw}
.info_bank.type_fold .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;background-color:#2d2206;border-radius:3px;vertical-align:top}
.info_bank.type_fold .list_bank li{position:relative}
.info_bank.type_fold .list_bank li + li{padding-top:1.66vw}
.info_bank.type_fold .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}

.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.7vw;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.8vw;color:#2d2206;border-bottom:1px solid #2d2206;vertical-align:top}

.toast {position: fixed;width:50%;bottom: 50px;left: 50%;transform: translateX(-50%);background-color: rgba(0, 0, 0, 0.8);color: #fff;padding: 12px 25px;border-radius: 10px;font-size: 14px;z-index: 9999;opacity: 0;transition: opacity 0.3s, bottom 0.3s;pointer-events: none}
.toast.show {opacity:1;bottom:70px}

@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:25.6px}
    .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}
    .area_calendar{padding-top:64px}
    .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.case_calendar .info_wedding{padding-top:57.6px}
    .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}

    .info_bank.type_fold .link_bank{padding:17px 28px;font-size:24px;line-height:37px}
    .info_bank.type_fold .link_bank .ico_arrow{right:28px;top:30px}
    .info_bank.type_fold .box_bank{padding:23px 28px}
    .info_bank.type_fold .txt_name{font-size:23px;line-height:42px}
    .info_bank.type_fold .txt_bank{font-size:23px}
    .info_bank.type_fold .link_copy{height:42px;margin:-9px 0 0 17px;font-size:21px;line-height:42px}
}