@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}



/* 팝업 전체 컨테이너를 화면 맨 앞으로 */
#hd_pop {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important; /* 영역이 화면을 가리지 않게 함 */
    height: 0 !important;
    z-index: 100000 !important; /* 숫자를 아주 크게 */
    display: block !important;
    visibility: visible !important;
}

/* 개별 팝업 박스 강제 노출 */
.hd_pops {
    position: fixed !important; /* absolute에서 fixed로 변경하여 부모를 무시함 */
    display: block !important;
    visibility: visible !important;
    z-index: 100001 !important;
    background: #fff !important;
    box-shadow: 0 15px 50px rgba(0,0,0,0.3); /* 눈에 잘 띄게 그림자 추가 */
    border: 1px solid #ddd !important;
}

/* 팝업 내부 이미지 크기 강제 */
.hd_pops_con img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
}

/* 팝업 닫기 버튼이 잘 작동하도록 설정 */
.hd_pops_footer button {
    cursor: pointer;
}

/* 상단 레이아웃 */
#hd {background:#212020}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#tnb {border-bottom:1px solid #383838;margin:0 auto}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb .inner {margin:0 auto}

#hd_wrapper {position:relative;margin:0 auto;height:140px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:30px 0 0}

.hd_sch_wr {float:left;padding:30px 0;;width:445px;margin-left:65px}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch {border-radius:30px;overflow:hidden}
#hd_sch #sch_stx {float:left;width:385px;height:45px;padding-left:10px;border-radius:30px 0 0 30px;background:#2c2c2c;border:0;border-right:0;font-size:1.25em;color:#fff}
#hd_sch #sch_submit {float:left;width:60px;height:45px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;cursor:pointer;font-size:16px}

#hd_qnb {float:right;text-align:right}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li {float:left;font-size:1.083em;line-height:14px;border-right:1px solid #4a4a4a;position:relative;text-align:center;margin:15px 10px 15px 0;padding-right:10px}
#hd_qnb li:last-child {padding-right:0;margin-right:0;border-right:0}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a {display:inline-block;color:#919191}
#hd_qnb .visit .visit-num {display:inline-block;line-height:16px;padding:0 5px;margin-left:5px;border-radius:10px;background:#da22f5;color:#fff;font-size:10px}


.hd_login {position:absolute;right:0;top:60px}
.hd_login li {float:left;margin:0 5px;border-left:1px solid #616161;padding-left:10px;line-height:13px}
.hd_login li:first-child {border-left:0}
.hd_login a {color:#fff}


/* 메인메뉴 */
#gnb {position:relative;background:#fff}
#gnb > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap {margin:0 auto;position:relative}
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active{z-index:3}
#gnb #gnb_1dul {font-size:1.083em;padding:0;border-bottom:1px solid #e0e2e5;zoom:1}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli {float:left;line-height:55px;padding:0px;position:relative}
#gnb .gnb_1dli:hover > a {color:#3a8afd;
-webkit-transition:background-color 2s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

.gnb_1dli .bg {position:absolute;top:24px;right:8px;display:inline-block;width:10px;height:10px;overflow:hidden;background:url('../img/gnb_bg2.gif') no-repeat 50% 50%;text-indent:-999px}
.gnb_1da {display:block;font-weight:bold;padding:0 15px;color:#080808;text-decoration:none}
.gnb_1dli.gnb_al_li_plus .gnb_1da{padding-right:25px}
.gnb_2dli:first-child {border:0}
.gnb_2dul {display:none;position:absolute;top:54px;min-width:140px;padding-top:2px}
.gnb_2dul .gnb_2dul_box {border:1px solid #e0e2e5;border-top:0;padding:0;
-webkit-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
-moz-box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2);
box-shadow:0px 1px 5px rgba(97, 97, 97, 0.2)}
.gnb_2da {display:block;padding:0 10px;line-height:40px;background:#fff;color:#080808;text-align:left;text-decoration:none}
a.gnb_2da:hover {color:#3a8afd;background:#f7f7f8;
-moz-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
transition:all 0.3s ease-out}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2.7em;color:#080808}
.gnb_wrap .gnb_empty a {color:#3a8afd;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a {color:#555}

#gnb .gnb_menu_btn {background:#4158d1;color:#fff;width:50px;height:55px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn {background:#fff;color:#b6b9bb;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:0;right:0}
#gnb .gnb_mnal {float:right;padding:0}

#gnb_all {display:none;position:absolute;border:1px solid #c5d6da;width:100%;background:#fff;z-index:1000;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 2px 5px rgba(0,0,0,0.2);
box-shadow:0 2px 5px rgba(0,0,0,0.2)}
#gnb_all h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul > li:nth-child(5n+1) {border-left:0}
#gnb_all .gnb_al_li {float:left;width:20%;min-height:150px;padding:20px;border-left:1px solid #e7eeef}
#gnb_all .gnb_al_li .gnb_al_a {font-size:1.2em;display:block;position:relative;margin-bottom:10px;font-weight:bold;color:#3a8afd}
#gnb_all .gnb_al_li li {line-height:2em}
#gnb_all .gnb_al_li li a {color:#555}
#gnb_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}

/* 중간 레이아웃 */
#wrapper {}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {margin:0 auto;height:100%;zoom:1}
#aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px}


#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold}
#container_title span {margin:0 auto 10px;display:block;line-height:30px}

.lt_wr {width:32%}
.lt_wr:nth-child(3n+1) {clear:both}
.latest_wr {margin-bottom:20px}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
.latest_top_wr {margin:0 -10px 20px}
.latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""}

/* 하단 레이아웃 */
#ft {background:#212020;margin:0 auto;text-align:center}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {max-width:1240px;margin:0;padding:40px 0;position:relative;display:inline-block;text-align:left}
#ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
#ft_wr .ft_cnt {width:25%;float:left;padding:0 20px}

#ft_link {text-align:left}
#ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold}
#ft_company h2 {font-size:1.2em;margin-bottom:20px}
#ft_company {font-weight:normal;color:#e3e3e3;line-height:2em}
#ft_catch {margin:20px 0 10px}
#ft_copy {text-align:center;width:1200px;margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#fff}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:right} /* 서식단계 진행 */

.btn_submit {border:0;background:#3a8afd;color:#fff;cursor:pointer;border-radius:3px}
.btn_submit:hover {background:#2375eb}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;border-radius:3px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#434a54;border-radius:3px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}

a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;
-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px}

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#fff;background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member {color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;float:left;display:inline-block}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}





#hd{display:none;}
#ft{display:none;}




@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url(//db.onlinewebfonts.com/c/b27d4ad5fd7f7c5044c7cbbf2dad758d?family=Imprint+MT+Shado);
@font-face {
     font-family: 'S-CoreDream-8Heavy';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-6Bold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream-2ExtraLight';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'gowundodum';
     src: url('../font/GowunDodum-Regular.ttf');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'gbr';
     src: url('../font/GowunBatang-Regular.ttf');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'gbb';
     src: url('../font/GowunBatang-Bold.ttf');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'AmalfiCoast';
     src: url('../font/AmalfiCoast.ttf');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'KOHIBaeumOTF';
     src: url('../font/KOHIBaeumOTF.otf');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'NotoSerifKR-Regular';
     src: url('../font/NotoSerifKR-Regular.otf');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'THEFACESHOPINKLIPQUID';
     src: url('../font/THEFACESHOPINKLIPQUID.ttf');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'Dutchregular';
     src: url('../font/Dutchregular.ttf');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'etc';
     src: url('../font/etc.ttf');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'GmarketSansTTFBold';
     src: url('../font/GmarketSansTTFBold.ttf');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'Gabriola';
     src: url('../font/Gabriola.ttf');
     font-weight: normal;
     font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'IBMPlexSansKR-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSansKR-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSansKR-Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/IBMPlexSansKR-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Hahmlet:wght@200&family=Jua&family=Nanum+Myeongjo:wght@400;800&family=Noto+Sans+KR:wght@100;300;400&display=swap');
@font-face {
    font-family: 'GyeonggiBatang';
    font-weight: 400;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gyeonggi/GyeonggiBatangRegular.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/gyeonggi/GyeonggiBatangRegular.eot?#iefix') format('embedded-opentype'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/gyeonggi/GyeonggiBatangRegular.woff2') format('woff2'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/gyeonggi/GyeonggiBatangRegular.woff') format('woff'),
        url('https://cdn.jsdelivr.net/gh/webfontworld/gyeonggi/GyeonggiBatangRegular.ttf') format("truetype");
    font-display: swap;
}

@font-face {
    font-family: 'NEXON Lv2 Gothic Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv2 Gothic Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'sneii';
     src: url('../font/Snell-BT_41547.ttf');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'viva';
     src: url('../font/BKANT.ttf');
     font-weight: normal;
     font-style: normal;
}
@font-face {
     font-family: 'gong';
     src: url('../font/esamanru Light.ttf');
     font-weight: 300;
     font-style: normal;
}

@font-face {
     font-family: 'gong';
     src: url('../font/esamanru Medium.ttf');
     font-weight: 500;
     font-style: normal;
}

@font-face {
     font-family: 'gong';
     src: url('../font/esamanru Bold.ttf');
     font-weight: 800;
     font-style: normal;
}

@font-face {
    font-family: 'goorm';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408@1.0/goorm-sans-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Cafe24Ohsquare';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/Cafe24Ohsquare.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: "Noto Serif KR", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}


@font-face {
  font-family: "Cinzel", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans:400');
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans&display=swap&subset=korean');


@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans:400');
@import url('https://fonts.googleapis.com/css?family=Black+Han+Sans&display=swap&subset=korean');


/* 원본 
	#section01{background:url('../img/n_s01_bg.png') no-repeat; background-size:cover; height:900px; position:relative;
	background-position:right 0 center;}*/
/* #section01{background:url('../img/xmas_main_pc.jpg') no-repeat; width:100%;height:100vh; position:relative; background-size:cover;
	} */


/* 1. 폰트 임포트 및 정의 */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap');

#section01 {
    background: url('../img/23fmain-2.png') no-repeat;
    background-size: cover;
    height: 1000px;
    position: relative;
    background-position: 50% 40%;
}

/* --- div01: 메인 타이틀 (Wedding Fair 레이어 포함) --- */
#section01 .inner .div01 {
    position: absolute;
    left: 50%; top: 18%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
text-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
.div01 .bg-text {
    position: absolute;
    top: 48%; left: 50%;
    transform: translate(-50%, -50%) rotate(-3deg);
    font-family: 'AmalfiCoast', cursive;
    font-size: 60px;
    color: rgba(32, 86, 150, 0.7); 
    
    white-space: nowrap;
    z-index: -1;
}
.div01 .main-eng {
    display: block;
    font-family: 'Baskerville Old Face', 'Libre Baskerville', serif;
    font-size: 85px; color: #fff;
    line-height: 1.1; letter-spacing: -1px;
}
.div01 .main-kor {
    display: block;
    font-family: 'gong', sans-serif;
    font-size: 65px; color: #fff;
    font-weight: 700; margin-top: 5px; letter-spacing: -2px;
	
}

/* --- div02: with 라에스웨딩 (우측 하단 배치) --- */
#section01 .inner .div02 {
    position: absolute; 
    left: 55%; top: 25%; /* 메인타이틀 우측 하단 위치 */
    transform: rotate(-4deg);
    width: auto; /* 고정너비 해제 */
	white-space: nowrap;
    display: flex; align-items: center;
}
.div02 .with {
    font-family: 'AmalfiCoast', cursive;
    font-size: 32px; color: #fff; margin-right: 8px;
}
.div02 .laes {
    font-family: 'gong', sans-serif;
    font-size: 28px; color: #fff;
	margin-left:5px;
}

#section01 .inner .div02-1 {
    position: absolute; left: 50%; bottom:28%; 
    transform: translate(-50%, -50%); text-align: center; z-index: 1;
    font-family: 'gong'; font-size: 105px; color: rgba(255,255,255,0.5);
    
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	width: 100%;
}

/* --- div03: 날짜 (색상 정밀 수정) --- */
#section01 .inner .div03 {
    width: 700px; position: absolute; left: 50%; top: 80%; 
    transform: translate(-50%, -50%); text-align: center; z-index: 1;
    font-family: 'gong'; font-size: 28px; 
    color: #205696; /* 원본의 진한 파란색 */
    font-weight: 700;
    text-shadow: 2px 2px 0px rgba(255,255,255,0.8);
}
.div03 .highlight {
    color: #438eb6; /* 원본의 연한 파란색 부분 */
}

/* --- div04: 주소 (테두리 효과) --- */
#section01 .inner .div04 {
    position: absolute; left: 50%; bottom: 10%; 
    transform: translate(-50%, -50%); text-align: center; z-index: 1;
    font-family: 'gong'; font-size: 25px; color: #fff;
    -webkit-text-stroke: 1.5px rgba(60,36,21,1); /* 갈색 테두리 */
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

/* --- 📱 반응형 통합 정리 --- */
@media screen and (max-width: 768px) {
    #section01 { height: 830px;}
    
    /* div01 모바일 */
    .div01 .bg-text { font-size: 10vw; }
    .div01 .main-eng { font-size: 13vw; }
    .div01 .main-kor { font-size: 10vw; }

    /* div02 모바일 (중앙 근처로 이동) */
    #section01 .inner .div02 { 
        left: 80%; top: 28%; 
        transform: translate(-50%, -50%) rotate(-4deg); 
    }
    .div02 .with { font-size: 5vw; }
    .div02 .laes { font-size: 4vw; }

#section01 .inner .div02-1 {
    bottom:54%; font-size: 25px; width: 100%;
}

    /* div03, 04 모바일 */
    #section01 .inner .div03 { font-size: 24px; top: 70%; width: 90%; }
    #section01 .inner .div04 { font-size: 28px; bottom: 8%; width: 100%; }
}

@media screen and (max-width: 600px) {

    #section01 { background-position: 50% 50%; height: 700px;) no-repeat;}
    #section01 .inner .div01 { top: 15%; }
    #section01 .inner .div03 { font-size: 15px; top: 86%; }
	#section01 .inner .div04 { font-size: 17px; top: 92%; 
	color: #fff; -webkit-text-stroke: 0.5px rgba(60,36,21,1); /* 갈색 테두리 */
   }
}

/* 이벤트 섹션 전체 배경 및 폰트 설정 */

/* ==========================================================================
   🖥️ PC 버전 스타일 (기본값)
   ========================================================================== */

/* 14번 이벤트 섹션 전체 배경 설정 */
#section01_14.section_event_14 {
    width: 100%;
    height: 1150px;
    padding: 80px 20px;
    
    /* 배경 이미지 및 cover 설정 */
    background-image: url('../img/01_14back.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
    box-sizing: border-box;
    font-family: 'Noto Sans KR', sans-serif;
    text-align: center;
}

.event_container_14 {
    max-width: 1800px;
    margin: 0 auto;
}

/* 상단 타이틀 스타일 */
.event_header_14 {
    margin-bottom: 50px;
}
.event_subtitle_14 {
    font-size: 50px;
    color: #d63e26;
    font-weight: 700;
    margin-bottom: 30px;
}
.event_title_14 {
    font-size: 60px;
    color: #4a3b32;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    letter-spacing: -0.5px;
}

/* 호텔 그리드 레이아웃 (PC 버전: 4열 배열) */
.hotel_grid_14 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin-bottom: 60px;
}

/* 호텔 개별 카드 디자인 */
.hotel_card_14 {
    background: rgba(255, 255, 255, 0.6);
    padding: 30px 20px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}

.hotel_card_14 .eng_title_14 {
    font-size: 34px;
    color: #555;
    margin-top: 20px;
    margin-bottom: 25px;
}

.hotel_card_14 .kor_title_14 {
    font-size: 26px;
    color: #444;
    margin-top: 15px;
}

/* 이미지 박스 및 마우스 오버 효과 */
.hotel_card_14 .img_box_14 {
    width: 100%;
    aspect-ratio: 1 / 1; /* 정사각형 유지 */
    overflow: hidden;    /* 이미지가 박스 바깥으로 나가는 것 방지 */
}

.hotel_card_14 .img_box_14 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1); /* 부드러운 유기적 움직임 */
}

/* [PC] 마우스를 올렸을 때 사진 확대 및 일렁임 */
.hotel_card_14:hover .img_box_14 img {
    transform: scale(1.08) rotate(0.5deg);
}

/* [모바일] 손가락으로 누르고 있는 동안 꾹 눌리는 효과 */
.hotel_card_14:active .img_box_14 img {
    transform: scale(0.95) rotate(-0.5deg);
    transition: transform 0.1s;
}

/* 하단 안내 문구 */
.event_footer_14 {
    font-size: 30px;
    color: #333;
    letter-spacing: -0.5px;
}


/* ==========================================================================
   📱 태블릿 반응형 레이아웃 (991px 이하)
   ========================================================================== */
@media (max-width: 991px) {
    #section01_14.section_event_14 {
        height: auto; /* 내용에 맞춰 늘어나도록 고정 높이 해제 */
        padding: 60px 20px;
           /* 배경 이미지 및 cover 설정 */
    background-image: url('../img/01_14back.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    }
    .event_title_14 {
        font-size: 36px;
    }
    .hotel_grid_14 {
        grid-template-columns: repeat(2, 1fr); /* 태블릿 2열 */
        gap: 15px;
    }/* 상단 타이틀 스타일 */
.event_header_14 {
    margin-bottom: 50px;
}
.event_subtitle_14 {
    font-size: 20px;
    color: #d63e26;
    font-weight: 700;
    margin-bottom: 30px;
}
.event_title_14 {
    font-size: 20px;
    color: #4a3b32;
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
    letter-spacing: -0.5px;
}
.hotel_card_14 .eng_title_14 {
    font-size: 12px;
    color: #555;
    margin-top: 20px;
    margin-bottom: 25px;
}

.hotel_card_14 .kor_title_14 {
    font-size: 12px;
    color: #444;
    margin-top: 15px;
}

/* 하단 안내 문구 */
.event_footer_14 {
    font-size: 12px;
    color: #333;
    letter-spacing: -0.5px;
}
}

/* 기본 스타일 초기화 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}

/* 1. 최상위 부모: 좌우 100% 꽉 채우기 */
#section01_15.section_event {
    width: 100%;
        /* 배경 이미지 및 cover 설정 */
    background-image: url('../img/01_15back.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 2. 내부 레이아웃: max-width를 없애고 너비를 100%로 찢어줍니다 */
#section01_15 .wedding-inner {
    width: 100%;
    max-width: 100%; /* 기존 1200px 제한을 풀어서 화면 가득 채움 */
    height: 1150px;
    padding: 80px 60px; /* 양옆에 아주 최소한의 시각적 여백만 부여 */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
}

/* 상단 타이틀 섹션 원본 크기 복구 */
#section01_15 .header-section {
    margin-bottom: 40px;
}

#section01_15 .badge {
    display: inline-block;
    border: 1px solid #d3c4bc;
    border-radius: 25px;
    padding: 10px 30px;
    font-size: 40px;
    color: #665a53;
    background-color: rgba(255, 255, 255, 0.4);
    margin-bottom: 30px;
    font-weight: 400;
}

#section01_15 .main-title {
    font-size: 66px;
    font-weight: 500;
    color: #332b27;
    letter-spacing: -1px;
}

#section01_15 .highlight {
    color: #e64a19;
    font-weight: 600;
    margin-left: 5px;
}

/* 3. 드레스 그리드: 3개가 PC 화면을 균등하게 3등분하여 가득 채우도록 설정 */
#section01_15 .dress-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3등분 자로 잰 듯이 딱 맞춤 */
    gap: 30px; /* 사진 사이 간격 */
    width: 90%; /* 화면 너비 100% 사용 */
    margin: auto 0;
}

#section01_15 .grid-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

/* 4. 이미지 박스 비율: 원본 시안 느낌의 비율(가로가 더 긴 느낌)로 복구 */
#section01_15 .img-wrapper {
    width: 100%;
    aspect-ratio: 4 / 3.2; /* 화면이 늘어나도 이 비율을 유지하며 꽉 찹니다 */
    overflow: hidden;
    border-radius: 2px;
}

#section01_15 .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 이미지가 찌그러지지 않고 영역 내에 꽉 차게 */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

/* 흑백 필터 */
#section01_15 .grayscale {
    filter: grayscale(100%);
}

/* 마우스 오버 시 부드러운 확대 모션 */
#section01_15 .grid-item:hover .img-wrapper img {
    transform: scale(1.06);
}

/* 브랜드 텍스트 복구 */
#section01_15 .brand-name {
    margin-top: 10px;
    font-size: 30px;
    color: #4a3e38;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* PC 버전 수입드레스 숨김 */
#section01_15 .mobile-only {
    display: none;
}

/* 하단 텍스트 원본 복구 */
#section01_15 .footer-section p {
    font-size: 35px;
    color: #7d6e65;
    letter-spacing: -0.5px;
    margin-top: 10px;
}

/* 하단 버튼 */
#section01_15 .link { width:560px; margin:80px auto 0; clear: both; }
#section01_15 .link a { display:block; height:70px; line-height:70px; background:#7a2f5e; color:#fff; font-size:28px; text-align:center; border-radius:50px; text-decoration: none; }
#section01_15 .link a span { color:#e3ab00; }



    



/* 📱 모바일 및 태블릿 반응형 (1024px 이하) */
@media (max-width: 1024px) {
    #section01_15 .wedding-inner {
        height: auto;
        padding: 60px 5px;
    }

    #section01_15 .badge {
        font-size: 16px;
        padding: 8px 20px;
        margin-bottom: 20px;
    }

    #section01_15 .main-title {
        font-size: 28px;
    }

	#section01_15 .link { width: 90%; margin-top:5px auto 0;}
    #section01_15 .link a { font-size: 16px; height: 55px; line-height: 55px; }

    /* 모바일에서는 2x2로 화면 가득 채움 */
    #section01_15 .dress-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    #section01_15 .mobile-only {
        display: flex;
    }

    /* 모바일용 이미지 비율 살짝 조정 */
    #section01_15 .img-wrapper {
        aspect-ratio: 4 / 3.5;
    }

    #section01_15 .brand-name {
        font-size: 14px;
        margin-top: 15px;
    }

    #section01_15 .footer-section p {
        font-size: 12px;
        line-height: 1.5;
		margin-top:35px;
    }


}



#section01_11 {background:#e3e0d1; text-align:center; }
#section01_11 img{margin:0 auto; width:100%}
#section01_11 .pc{display:block;}
	#section01_11 .mb{display:none;}

@media only screen and (max-width:900px){	
	#section01_11 .pc{display:none;}
	#section01_11 .mb{display:block;}
}

/* PC/모바일 이미지 가시성 제어 */
#section01_12 .m-img { display: none; }
#section01_12 .pc-img { display: block; }

#section01_12 .img-main {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* PC 상하좌우 여백 */
  padding: 80px 120px; 
  box-sizing: border-box;
}

#section01_12 .img-main img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  box-shadow: 0 30px 60px rgba(0,0,0,0.5);
}



/* 슬라이더 전체 높이 고정 */
#section01_12 .swiper {
  width: 100%;
  height: 1100px; /* 👈 요청하신 900px 고정 */
  background: #000; /* 여백이 생길 경우를 대비한 검정 배경 */
}

#section01_12 .swiper-slide {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 1. 배경 흐리게 깔기 */
#section01_12 .bg-blur {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  filter: blur(20px) brightness(0.7); /* 👈 흐림 정도와 어둡기 조절 */
  transform: scale(1.1); /* 테두리 하얀 선 방지 */
  z-index: 1;
}

/* 2. 중앙 이미지 컨테이너 (여백 생성 핵심) */
#section01_12 .img-main {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  
  /* 🔥 그림처럼 상하좌우 여백을 줍니다. 수치를 키울수록 여백이 커집니다. */
  padding: 80px 120px; 
  box-sizing: border-box;
}

/* 모바일 전용 스타일 */
@media (max-width: 768px) {
  #section01_12 .pc-img { display: none; }
  #section01_12 .m-img { display: block; }

  #section01_12 .swiper {
    height: 750px !important; /* 모바일 전용 높이 설정 */
  }

  #section01_12 .img-main {
    /* 모바일 상하좌우 여백 (그림 피드백 반영) */
    padding: 10px 10px; 
  }
}

#section01_12 .img-main img {
  max-width: 100%;
  max-height: 100%;
  width: auto;  /* 가로 세로 비율 유지 */
  height: auto;
  object-fit: contain; /* 👈 이미지가 잘리지 않게 전체 노출 */
  box-shadow: 0 20px 50px rgba(0,0,0,0.5); /* 이미지 입체감 추가 */
}

/* 모바일 대응 */
@media (max-width: 768px) {
  #section01_12 .swiper {
    height: 500px; /* 모바일은 적당히 줄임 */
  }
}

/* 기본 화살표 숨기기 */
#section01_12 .swiper-button-next::after,
#section01_12 .swiper-button-prev::after {
  display: none !important;
}

/* 1. 화살표 전체 컨테이너 (크기를 2.5배 이상 키움) */
#section01_12 .swiper-button-next,
#section01_12 .swiper-button-prev {
  width: 150px !important;   /* 버튼 클릭 영역 확대 */
  height: 200px !important;
  margin-top: -100px !important; /* 중앙 정렬 보정 */
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent;
  z-index: 100;
}

/* 2. 두꺼운 화살표 아이콘 (2.5배 크기 & 아주 두꺼운 두께) */
#section01_12 .arrow-icon {
  width: 70px;  /* 기존 30px -> 70px로 확대 */
  height: 70px;
  border-bottom: 12px solid #bfa380; /* 두께를 5px -> 12px로 대폭 강화 */
  border-right: 12px solid #bfa380;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}

/* 오른쪽 화살표 (> 모양) */
#section01_12 .swiper-button-next .arrow-icon {
  transform: rotate(-45deg);
  margin-left: -20px; /* 큰 화살표 중심 보정 */
}

/* 왼쪽 화살표 (< 모양) */
#section01_12 .swiper-button-prev .arrow-icon {
  transform: rotate(135deg);
  margin-right: -20px;
}

/* 3. 아래쪽 텍스트 (화살표 크기에 맞춰 폰트도 확대) */
#section01_12 .nav-txt {
  margin-top: 35px;
  font-size: 34px; /* 글자 크기 확대 */
  font-weight: 700; /* 글자 두께 강화 */
  color: #3f2902;
  letter-spacing: -1px;
  font-family: 'S-CoreDream-5Medium', sans-serif;
  text-shadow: 0 0 10px rgba(255,255,255,0.8); /* 이미지 위 가독성 확보 */
}

/* 4. 🔥 강력한 호버 애니메이션 */
#section01_12 .swiper-button-next:hover .arrow-icon {
  transform: rotate(-45deg) translate(10px, 10px);
  border-color: #724e0f; /* 호버 시 색상 강조 */
}

#section01_12 .swiper-button-prev:hover .arrow-icon {
  transform: rotate(135deg) translate(10px, 10px);
  border-color: #724e0f;
}

/* 5. 화살표 위치 (이미지 중앙부로 더 깊숙이 이동) */
#section01_12 .swiper-button-prev {
  left: 80px !important;
}
#section01_12 .swiper-button-next {
  right: 80px !important;
}

/* 모바일 대응 (화살표가 너무 크면 화면을 가리므로 축소 혹은 숨김) */
@media (max-width: 768px) {
  #section01_12 .swiper-button-next,
  #section01_12 .swiper-button-prev {
    transform: scale(0.6); /* 모바일에서는 60% 크기로 줄임 */
    left: 10px !important;
    right: 10px !important;
    display: none !important; /* 깔끔하게 숨기려면 유지 */
  }
}

/* 6. 하단 파란색 프로그레스 바 커스텀 */
#section01_12 .swiper-pagination-progressbar-fill {
  background: #007aff !important; /* 원하는 파란색 */
}

/* 모바일은 터치 위주이므로 화살표 숨김 (필요시 노출 가능) */
@media (max-width: 768px) {
  #section01_12 .swiper-button-next,
  #section01_12 .swiper-button-prev {
    display: none !important;
  }
}

/* 1. 바의 위치를 아래로 이동 */
#section01_12 .swiper-pagination-progressbar {
  top: auto !important;
  bottom: 0 !important; /* 슬라이더 맨 아래에 밀착 */
  height: 4px !important; /* 바의 두께 */
  background: rgba(0, 0, 0, 0.1); /* 바의 배경색 (연한 회색) */
}

/* 2. 채워지는 바의 색상을 파란색으로 변경 */
#section01_12 .swiper-pagination-progressbar-fill {
  background: #007aff !important; /* 👈 원하는 파란색 코드로 수정하세요 */
}

/* 3. (선택사항) 바와 이미지 사이에 간격을 두고 싶다면 */
#section01_12 .swiper {
  padding-bottom: 20px; /* 아래쪽에 여백을 줌 */
}

/* [PC 전용] 기존 큰 화살표 스타일 */
#section01_12 .pc-nav { display: flex !important; }
#section01_12 .m-guide { display: none; } /* 기본적으로 숨김 */

/* [모바일 전용] 768px 이하 설정 */
@media (max-width: 768px) {
    /* 1. PC용 화살표는 완전히 제거 */
    #section01_12 .pc-nav { display: none !important; }

    /* 2. 모바일 가이드 노출 */
    #section01_12 .m-guide {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        bottom: 80px; /* 하단 여백 위치 */
        left: 50%;
        transform: translateX(-50%);
        z-index: 100;
        pointer-events: none; /* 클릭 방해 금지 */
    }

    /* 3. 화살표 세 개 (>>>) 애니메이션 */
    #section01_12 .arrow-group {
        display: flex;
        gap: 5px;
        margin-bottom: 10px;
    }

    #section01_12 .arrow-group span {
        width: 15px;
        height: 15px;
        border-right: 4px solid #bfa380;
        border-bottom: 4px solid #bfa380;
        transform: rotate(-45deg);
        animation: arrowMove 1.5s infinite;
        opacity: 0;
    }

    /* 순차적 애니메이션 (물결 효과) */
    #section01_12 .arrow-group span:nth-child(1) { animation-delay: 0s; }
    #section01_12 .arrow-group span:nth-child(2) { animation-delay: 0.2s; }
    #section01_12 .arrow-group span:nth-child(3) { animation-delay: 0.4s; }

    @keyframes arrowMove {
        0% { opacity: 0; transform: rotate(-45deg) translate(-5px, -5px); }
        50% { opacity: 1; }
        100% { opacity: 0; transform: rotate(-45deg) translate(5px, 5px); }
    }

    /* 4. '넘겨보기' 글자 스타일 */
    #section01_12 .m-guide p {
        font-size: 18px;
        color: #bfa380;
        font-weight: 600;
        letter-spacing: 2px;
        text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    }
    
    /* 모바일 이미지 여백 최적화 */
    #section01_12 .img-main {
        padding: 60px 20px 140px 20px !important;
    }
}



/* 인스타그램 임베드 감싸는 컨테이너 */
#section01_05 {
    display: flex;
    justify-content: center; /* 가로 가운데 정렬 */
    align-items: center;
    width: 100%;
    padding: 20px 0; /* 상하 여백 (선택사항) */
}

/* 인스타그램 기본 블록요소 강제 중앙화 */
#section01_05 .instagram-media {
    margin: 0 auto !important; /* 좌우 마진 auto로 중앙 배치 */
    position: relative;
    /* 모바일에서 화면을 벗어나지 않도록 설정 */
    width: 95% !important; 
    min-width: 326px !important;
}

/* 모바일 전용 (화면 폭이 좁을 때) */
@media screen and (max-width: 600px) {
    #section01_05 {
        padding: 10px 0;
    }
    #section01_05 .instagram-media {
        /* 모바일에서는 최소 너비 제한을 풀어 화면에 맞게 조절 */
        min-width: auto !important; 
        width: 100% !important;
    }
}

#section1-10 { width: 100%; padding: 100px 0; background-color: #e9e1cd; text-align: center; }

/* 💡 레이아웃 순서 제어를 위한 Flex 설정 */
#section1-10 .inner {
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    flex-direction: column; /* 세로 나열 */
}

/* 하단 버튼 */
#section1-10 .link { width:560px; margin:80px auto 0; clear: both; }
#section1-10 .link a { display:block; height:70px; line-height:70px; background:#7a2f5e; color:#fff; font-size:28px; text-align:center; border-radius:50px; text-decoration: none; }
#section1-10 .link a span { color:#e3ab00; }

@media only screen and (max-width: 1024px) {

    #section1-10 .link { width: 90%; margin:0px auto 0;}
    #section1-10 .link a { font-size: 16px; height: 55px; line-height: 55px; }
}

/* [1] RA.S WEDDING FAIR */
.box-sub { order: 1; font-family: 'Cinzel', serif; 
    font-size: 48px;
    color: #733e3e; /* 이미지와 유사한 그레이 톤 */
    
    /* 고급스러운 느낌을 내는 핵심 설정 */
    text-transform: uppercase; /* 강제 대문자 */
    letter-spacing: 0.15em;    /* 자간을 넓게 벌려야 고급스러움 */
    font-weight: 500;
    
    margin-bottom: 40px;
    text-align: center;}

/* [2] 이미지 틀 구성 (PC 기준 중간) */
.box-gift-wrap { 
    order: 2; /* PC에서는 2번째 */
    display: flex; 
    justify-content: space-between; 
    gap: 15px; 
    margin-bottom: 60px; 
}
.box-gift-wrap .item { width: 24%; text-align: center; }
.box-gift-wrap .img-frame { 
    width: 100%; 
    aspect-ratio: 1 / 1.25; /* 사진 틀 비율 고정 */
    overflow: hidden; 
    background: #eee; 
    border-radius: 4px;
}
.box-gift-wrap .img-frame img { 
    width: 100%; height: 100%; object-fit: cover; 
    transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); 
}
.box-gift-wrap .item:hover img { transform: scale(1.08); } /* 꿀렁이는 효과 */
.box-gift-wrap .item p { font-family: 'gong'; font-size: 20px; font-weight: 700; margin-top: 15px; color: #ad6363; }


/* [3] 하단 메인 문구 (PC 기준 하단) */
.box-main-info { order: 3; } /* PC에서는 3번째 */
.txt-main { font-family: 'gong'; font-size: 68px; font-weight: 700; color: #733e3e; letter-spacing: -2px; }
.txt-main .point { color: #d15e01; }
.txt-date { font-family: 'gong'; font-size: 26px; color: #666; margin-top: 15px; }

/* --------------------------------------------------
   📱 모바일 반응형 (순서 뒤바뀜 적용)
-------------------------------------------------- */
@media screen and (max-width: 850px) {
    #section1-10 { padding: 60px 0; }
    
    /* 💡 핵심: 모바일에서 순서 재배치 */
    .box-sub { order: 1; font-size: 18px; margin-bottom: 20px;letter-spacing: 0.1em;
        margin-bottom: 25px; }
    .box-main-info { order: 2; margin-bottom: 40px; } /* 문구가 2번으로 올라감 */
    .box-gift-wrap { order: 3; flex-wrap: wrap; gap: 20px 10px; } /* 이미지가 3번으로 내려감 */

    /* 메인 문구 크기 조정 */
    .txt-main { font-size: 7vw; }
    .txt-date { font-size: 4vw; }

    /* 이미지 2개씩 2줄 배치 */
    .box-gift-wrap .item { width: calc(50% - 5px); }
    .box-gift-wrap .item p { font-size: 16px; margin-top: 10px; }
}



#section1-6 {position:relative;background-color:#000;}
#section1-6 img {width:100%; display:block;}
#section1-6 .mb {display:none}
#section1-6 .link{position:absolute; bottom:10%; left:50%; transform:translate(-50%,-50%);width:560px; margin:80px auto 0;}
#section1-6 .link a{display:block; height:70px; line-height:60px; background:#ff6ccf; border:5px solid #000; border-radius:50px;color:#000;
font-size:30px; font-weight:bold; text-align:center;}

 @media only screen and (max-width: 500px){
#section1-6 .mb {display:block}
#section1-6 .pc {display:none}

#section1-6 .link{width:270px; margin:40px auto 0;}
#section1-6 .link a{height:55px; line-height:44px; font-size:17px;}

}

#section1-7 {position:relative;}
#section1-7 img {width:100%; display:block;}
#section1-7 .mb {display:none}
#section1-7 .link{position:absolute; bottom:10%; left:50%; transform:translate(-50%,-50%);width:560px; margin:80px auto 0;}
#section1-7 .link a{display:block; height:70px; line-height:60px; background:#ff6ccf; border:5px solid #000; border-radius:50px;color:#000;
font-size:30px; font-weight:bold; text-align:center;}

 @media only screen and (max-width: 500px){
#section1-7 .mb {display:block}
#section1-7 .pc {display:none}

#section1-7 .link{width:270px; margin:40px auto 0;}
#section1-7 .link a{height:55px; line-height:44px; font-size:17px;}

}


/* =========================
   SECTION 01-3 (Image-like)
   ========================= */
#section01-3{
  /* 사용자가 나중에 이미지 교체 */
  background: url('../img/section01-3-4.webp') no-repeat 50% 20%;
  background-size: cover;
  position: relative;
  min-height: 900px;
  overflow: hidden;
}

/* 전체 톤 조절용(선택) */
#section01-3::after{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,0.08); /* 전체 살짝 톤다운, 필요 없으면 0으로 */
  pointer-events:none;
}

#section01-3 .s013-wrap{
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-height: 900px;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 30px 0px 50px;
  box-sizing: border-box;
}

/* 상단 문구 */
#section01-3 .s013-top{
  text-align: center;
  font-family: 'Noto Serif KR';
  font-size: 40px;
  line-height: 1.15;
  letter-spacing: 1px;
  color: rgba(255,255,255,0.8);
  text-shadow: 0 1px 0 rgba(200,200,200,0.35);
}

/* 가운데 밴드 */
#section01-3 .s013-band{
  width: 100%;
  margin: 0 auto;
  background: rgba(119,119,119,0.6);   /* 이미지처럼 짙은 반투명 밴드 */
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);

  padding: 120px 20px;
  box-sizing: border-box;
}

/* 밴드 안 중앙 컨텐츠 */
#section01-3 .s013-center{
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-family: 'Noto Serif KR';
}

#section01-3 .s013-title{
  font-size: 50px;
  line-height: 1.35;
  letter-spacing: 2px;
  margin-bottom: 40px;
  color: rgba(0,0,0,1); /* 이미지처럼 중앙 타이틀은 어두운 톤 */
  text-shadow: 1.5px 1.5px rgba(255,255,255,0.8);
  margin-top:100px;
}

/* 하단 서브 문구(흰색) */
#section01-3 .s013-sub{
  font-size: 26px;
  line-height: 1.65;
  letter-spacing: 1px;
  color: rgba(255,255,255,1);
  text-shadow: 2px 2px rgba(0,0,0,0.5);
}

#section01-3 .s013-plus{
  display: inline-block;
  font-size: 22px;
  opacity: 0.95;
}

/* 하단 주석 */
#section01-3 .s013-bottom{
  text-align: center;
  font-family: 'Noto Serif KR';
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: rgba(0,0,0,0.7);
  text-shadow: 0 1px 0 rgba(255,255,255,0.35);
  padding: 0 10px;
  word-break: keep-all;
}

/* =====================
   태블릿 (max-width:1300px)
   ===================== */
@media (max-width:1300px){
  #section01-3{ min-height: 760px; }
  #section01-3 .s013-wrap{ min-height: 760px; padding: 60px 18px 45px; }

  #section01-3 .s013-top{ font-size: 30px; }
  #section01-3 .s013-band{ padding: 55px 18px; }

  #section01-3 .s013-title{ font-size: 42px; margin-bottom: 28px; }
  #section01-3 .s013-sub{ font-size: 22px; }

  #section01-3 .s013-bottom{ font-size: 16px; }
}

/* =====================
   모바일 (max-width:650px)
   ===================== */
@media (max-width:650px){
#section01-3 {background: url('../img/section01-3-3m.webp') no-repeat 30% 30%;}
  #section01-3{ min-height: 700px; }
  #section01-3 .s013-wrap{ min-height: 700px; padding: 45px 0px 35px; }

  #section01-3 .s013-top{
    font-size: 12px;
    line-height: 1.45;
    letter-spacing: 0.3px;
  }

  #section01-3 .s013-band{ padding: 42px 14px; 
  background: rgba(119,119,119,0.6);   /* 이미지처럼 짙은 반투명 밴드 */
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);}

  #section01-3 .s013-title{
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    margin-bottom: 18px;
	padding: 100px 0px 30px 0px;
  }

  #section01-3 .s013-sub{
    font-size: 15px;
    line-height: 1.7;
    letter-spacing: 0.2px;
  }

  #section01-3 .s013-bottom{
    font-size: 8px;
    line-height: 1.6;
    letter-spacing: 0;
  }
}


/* =====================
   SECTION01-2 (영상)
   ===================== */
#section01-2{
    background-color:#1e1233;
    padding:100px 20px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.video-inner{
    width:100%;
    max-width:960px;
    position:relative;
    border-radius:20px;
    overflow:hidden;
    aspect-ratio:16/9;
    box-shadow:0 0 30px rgba(255,160,182,0.3);
}
.video-inner iframe{
    width:100%;
    height:100%;
    display:block;
    border:none;
    border-radius:20px;
    background:#000;
}

/* [공통 스타일] */
/* 전체 섹션 레이아웃 */
/* 전체 레이아웃 */
#section01-4 { display: flex; flex-wrap: wrap; justify-content: center; padding: 100px 5%; gap: 60px; background: #f3efe5; }

/* 텍스트 영역 */
.intro-text { flex: 1 1 300px; min-width: 300px; max-width: 600px; word-break: normal; text-align: center; }

/* 텍스트 겹침 컨테이너 */
.text-overlap-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: -30px 0;
}

/* 뒤에 깔리는 연한 배경 텍스트 (요청하신 모든 내용 포함) */
.desc-bg {
    font-size: 1.0rem;
    color: rgba(0, 0, 0, 0.3); /* 연하게 배경 처리 */
    line-height: 1.7;
    font-family: 'S-CoreDream-3Light';
    word-break: keep-all;
    margin: 0;
}

/* 앞에 겹쳐지는 큰 주황색 강조 텍스트 */
.desc-bg.fg {
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, -10%); /* 정확히 중앙 겹침 */
    font-size: 4.5rem;
    font-weight: bold;
    color: #e85a36; /* 이미지의 주황색 */
    line-height: 1.3;
    font-family: 'goorm';
    z-index: 10;
    width: 100%;
    white-space: nowrap; /* PC에서는 한 줄 유지 */
    text-shadow: 2px 2px 5px rgba(255, 255, 255, 0.5);
}

/* 이미지 그리드 영역 */
.gallery-grid { display: grid; gap: 20px; height: fit-content; margin-top: auto; margin-bottom: auto; }
.img-box { width: 100%; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 0px; position: relative; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
.img-box img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; }
.img-box:hover img { transform: scale(1.05); }
.hide { display: none !important; }

/* [PC 버전 - 1001px 이상] */
@media (min-width: 1001px) {
    #section01-4 .m_content { display: none; }
    #section01-4 .pc_content { display: block; }
    .gallery-grid { width: 640px; grid-template-columns: repeat(3, 1fr); }
    .gallery-grid .hide { display: block !important; } 
}

/* [모바일 버전 - 1000px 이하] */
@media (max-width: 1000px) {
    #section01-4 { flex-direction: column; align-items: center; padding: 60px 20px; }
    #section01-4 .pc_content { display: none; }
    #section01-4 .m_content { display: block; }
    .gallery-grid { width: 360px; grid-template-columns: repeat(3, 1fr); }
    .desc-bg.fg { font-size: 2.5rem; white-space: normal; } /* 모바일은 글씨 축소 및 줄바꿈 */
}

/* [초소형 모바일 - 600px 이하] */
@media (max-width: 600px) {
    .gallery-grid { width: 100%; max-width: 340px; grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .gallery-grid .hide { display: none !important; } 
    .desc-bg.fg { font-size: 2.5rem; }
}
</style>

#section01-4 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 100px 5%;
  gap: 60px;
  background: #fff;
}

.intro-text {
  flex: 1 1 300px;
  min-width: 300px;
  max-width: 500px;
  word-break:normal;
  text-align:center;
}

.intro-text .sub {
  font-size: 1.1rem;
  color: #9225fe;
  margin-bottom: 10px;
  font-family: 'goorm';
}

.intro-text h2 {
  font-size: 3.5rem;
  font-weight: bold;
  margin-bottom: 20px;
  font-family: 'goorm';
 
}

.intro-text h2 span {
  color: #f67280;
}

.intro-text .desc {
  font-size: 1.3rem;
  color: #000;
  line-height: 1.7;
  font-family:'S-CoreDream-3Light';
  word-break:keep-all;
}

.intro-text .desc span{
  font-size: 1.5rem;
  color: #000;
  line-height: 1.7;
  font-family:'S-CoreDream-3Light';
  word-break:keep-all;
}

/* 갤러리 스타일 */
.gallery-grid {
  width: 640px; /* 180px * 3 + 20px * 2 gap */
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.img-box {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.img-box:hover img {
  transform: scale(1.05);
}

/* 반응형 */
@media (max-width: 1000px) {
  #section01-3 {
    flex-direction: column;
    align-items: center;
  }

  .gallery-grid {
    width: 360px; /* 3열 유지하면서 사이즈 축소 */
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 600px) {
  .gallery-grid {
    width: 340px;
    grid-template-columns: repeat(2, 1fr);
  }

  .intro-text h2 {
    font-size: 2rem;
  }
  .intro-text .desc {
  font-size: 0.8rem;
  color: #000;
  line-height: 1.7;
}

.hide{display:none !important;
}

.intro-text .desc span{
  font-size: 1.0rem;
  color: #000;
  line-height: 1.7;
  font-family:'S-CoreDream-3Light';
  word-break:keep-all;
}

}


#section02{text-align:center; position:relative; padding:0px 0 0px;}
#section02 .inner{background:url('../img/weddingfair_1.png') no-repeat; background-size:cover; padding:450px 0 280px; background-position:center; position:relative;}
#section02 .div01{color:#ffffff; font-family: 'S-CoreDream-4Regular'; font-size:36px;}
#section02 .div01 span{color:#f5f1b8; font-family: 'S-CoreDream-4Regular'; font-size:36px;}
#section02 .div01_2{content:"With";color:#fff; font-size:36px;font-family: "Parisienne", cursive;margin-top:10px;}
#section02 .div02{color:#fff; font-family: 'S-CoreDream-2ExtraLight'; font-size:30px; margin-top:10px; position:relative; z-index:1;}
#section02 .div02 b{font-family: 'S-CoreDream-2ExtraLight'; font-size:90px; margin-top:px;  position:relative; z-index:1;}
#section02 .div02 span{display:block;}
#section02 .div02:before{content:"Wedding Fair"; display:block; color:#bfa380; font-size:36px; font-family:'AmalfiCoast'; position:absolute;
	transform:translateX(-50%) rotate(-8deg); z-index:-1; bottom:-14px; left:50%; margin-left:200px;}
#section02 .div03{color:#ddd; font-family: 'S-CoreDream-4Regular'; font-size:20px; padding-top:80px; position:relative;}
#section02 .div03::before{content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:90px; height:1px;
	background:#bfa380; margin-top:-25px;}
	#section02 .div04{display:none; color:#ddd; font-family: 'S-CoreDream-4Regular'; font-size:20px; padding-top:80px; position:relative;}
	#section02 .link{width:560px; margin:150px auto 0;}
#section02 .link a{display:block; height:70px; line-height:70px; background:#7a2f5e; color:#fff; font-size:28px; text-align:center;
	border-radius:50px;}
/* 원본색:#8c4646 */
#section02 .link a span{color:#e3ab00}


@media only screen and (max-width: 1220px){
	#section02 .div03{width:90%; padding:30px 30px 0;;}
}
@media only screen and (max-width: 1024px){
	#section02{padding:0;}
	#section02 .inner{background:url('../img/weddingfair_1.png'); background-size:cover;padding:100px 0;}
	#section02 .div01{font-size:17px;}
	#section02 .div01 span{font-size:17px;}
	#section02 .div02{font-size:14px; }
	#section02 .div02 b {font-family: 'S-CoreDream-3Light';}
	#section02 p{font-size:14px; word-break:keep-all; padding:60px 20px 0;}
	#section02 p br{display:none;}
	#section02 .div02:before{margin-left:93px; bottom:-16px; font-size:15px;}
	#section02 .div02 b{font-family: 'S-CoreDream-2ExtraLight'; font-size:60px;
	#section02 .link{width:150px; margin:40px auto 0;}
	#section02 .link a{height:55px; line-height:55px; font-size:14px;}
}
@media only screen and (max-width: 500px){
	#section02 .inner{background:url('../img/weddingfair_m_1.png') no-repeat; background-size:cover; padding:100px 0 30px 0; background-position:center; position:relative;}
	#section02 .div01{font-size:17px;margin-top:0px;position:relative;padding-top:30px;}
	#section02 .div01 span{font-size:17px;}
	#section02 .div01_2{content:"With";color:#fff; font-size:16px;font-family: "Parisienne", cursive;margin-top:20px;}
	#section02 .div02{font-size:18px;margin-top:20px; }
	#section02 .div03{display:none;color:#ddd; font-family: 'S-CoreDream-4Regular'; font-size:20px; padding-top:80px; position:relative;}
	#section02 .div03::before{content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:90px; height:1px;
	background:#bfa380; margin-top:-25px;}
	#section02 .div04{display:block; list-style-type:none; color:#ddd; font-family: 'S-CoreDream-4Regular'; font-size:16px; line-height:25px; padding-top:80px; position:relative;}
	#section02 .link{width:250px; margin-top:30px; }
	#section02 .link a{height:55px; line-height:55px; font-size:14px;}


}
}

/* =========================
   SECTION 02_1
========================= */
#section02_1 {
  background: url('../img/23f_img7.jpg');
  background-size: cover;
  background-position: center;
  padding: 70px 0;
}

#section02_1 .title {
  text-align: center;
}

#section02_1 .title p {
  font-size: 26px;
  border: 2px solid #333;
  margin: 0 0 20px;
  border-radius: 100px;
  padding: 5px 30px;
  display: inline-block;
}

#section02_1 .title span {
  font-family: 'KOHIBaeumOTF';
  font-size: 50px;
}

#section02_1 h1 {
  font-family: 'KOHIBaeumOTF';
  font-size: 70px;
  display: inline;
}

#section02_1 .inner {
  max-width: 1400px;
  margin: 0 auto;
}

#section02_1 .div01 {
  margin: 100px 0;
}

/* =========================
   LIST LAYOUT
========================= */
#section02_1 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  padding: 0;
  margin: 0;
  list-style: none;
}

#section02_1 ul li {
  background: #fff;
  border-radius: 25px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  padding: 20px;
  box-sizing: border-box;

  display: flex;
  flex-direction: column;
  align-items: center;

  /* 5열 기준 폭(갭 20px 기준) */
  flex: 0 0 calc((100% - (20px * 3)) / 3);
}

/* =========================
   TITLE ROW
========================= */
#section02_1 .box_tit {
  width: 100%;
  display: flex;
  align-items: center;
  font-family: 'KOHIBaeumOTF';
}

#section02_1 .box_tit .num {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #ccbfbf;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  margin-right: 10px;
  font-size: 19px;
}

#section02_1 .box_tit .tit {
  color: #1e3d88;
  font-size: 19px;
}

/* =========================
   IMAGE BOX
========================= */
#section02_1 .box_con_img {
  width: 100%;
  margin-top: 15px;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

#section02_1 .box_con_img img {
  width: 100%;
  height: auto;
  display: block;
}

/* =========================
   TEXT BOX
========================= */
#section02_1 .text_box {
  width: 100%;
  text-align: center;
  margin-top: 20px;
  font-family: 'S-CoreDream-4Regular';
}

#section02_1 .text_box .big {
  font-size: 26px;
  font-weight: bold;
  color: #1e3d88;
}

#section02_1 .text_box .mid {
  font-size: 18px;
  margin-top: 8px;
  color: #1e3d88;
}

#section02_1 .text_box .small {
  font-size: 11px;
  color: #666;
  margin-top: 5px;
}

/* =========================
   INLINE BR CONTROL
========================= */
.mobile_inline {
  display: none;
}

/* =========================
   RESPONSIVE
========================= */

/* 태블릿: 2열 */
@media (max-width: 950px) {
  #section02_1 ul {
    justify-content: center;
  }

  #section02_1 ul li {
    flex: 0 0 calc((100% - 20px) / 2);
  }

  #section02_1 .text_box .big {
    font-size: 18px;
  }

  #section02_1 .text_box .mid {
    font-size: 14px;
  }

  #section02_1 .text_box .small {
    font-size: 10px;
  }

  #section02_1 .box_tit .num {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
  }

  #section02_1 .div01 {
    margin-top: 100px;
    margin-bottom: 30px;
  }
}

/* 모바일: 1열 + br 표시 */
@media (max-width: 640px) {
  #section02_1 ul li {
    flex: 0 0 100%;
  }

  .mobile_inline {
    display: inline-block;
  }
}


/* SECTION03_01 */
#section03_01{
    width:100%; height:800px;
    background:url('../img/03_01bg.png') no-repeat center center; background-size:cover;
    position:relative; font-family:'Cinzel',serif; color:#c70039;height:900px;
}

/* 이미지 전체를 덮는 레이어 */
#section03_01 .inner{
    position:absolute; top:0; left:0;
    width:100%; height:100%;
}

/* 중앙 컨텐츠 그룹 */
#section03_01 .title-wrap{
    position:absolute; top:50%; left:50%;
    transform:translate(-50%, -50%);
    text-align:center; width:100%;
}

/* sub / main */
#section03_01 .title-wrap .sub{ font-family:'Cinzel',serif; font-weight:400;
    font-size:52px; letter-spacing:-4px; margin-bottom:-20px;
}
#section03_01 .title-wrap .main{ font-family:'Cinzel',serif; font-weight:600;
    font-size:70px; letter-spacing:-6px; margin-bottom:40px;
}

#section03_01 .desc{
    position:absolute;
    left:50%; top:88%;
    transform:translateX(-50%);
    width:100%;                 /* ★ 가운데 정렬 핵심 */
    text-align:center;          /* 가운데 정렬 */
    font-size:26px;
    line-height:1.6;
    color:#ffcfc1;
}

@media(max-width:768px){
    #section03_01 .desc{
        top:80%;            /* 모바일에서 약간 더 아래로 */
        font-size:16px;
    }
	#section03_01 .desc .mid{
        top:80%;            /* 모바일에서 약간 더 아래로 */
        font-size:18px;
    }
}


/* PC에서는 br 숨김 */
#section03_01 .desc br{
    display:none;
}

/* note = 배경 우측 하단 */
#section03_01 .note{
    position:absolute; right:30px; bottom:10px;
    font-size:14px; color:#eee; opacity:.8;
}

/* MOBILE */
@media(max-width:768px){
    #section03_01{
        height:600px;
        background:url('../img/03_01bg.png') no-repeat center center; background-size:cover;
    }

    #section03_01 .title-wrap .sub{font-size:25px;margin-bottom:-5px;letter-spacing:-2px; }
    #section03_01 .title-wrap .main{font-size:36px; margin-bottom:25px;letter-spacing:-4px; }
    #section03_01 .title-wrap .desc{font-size:18px;}

    /* 모바일에서는 br 표시 */
    #section03_01 .desc br{
        display:inline;
    }

    #section03_01 .note{
        right:10px; bottom:10px; font-size:8px;
    }
}




/* --- 섹션03 기본 설정 --- */
/* --- 섹션03 기본 설정 --- */
#section03 { background-color: #f6f4ef; padding:150px 0; }
#section03 .inner { max-width:1500px; margin:0 auto; padding: 0 20px; box-sizing: border-box; }
#section03 .inner:after { content:""; display:block; float:none; clear:both; }

/* 왼쪽 텍스트 박스 */
#section03 .inner .l_box { float: left; position: relative; z-index: 1; width: 42%; text-align: center; box-sizing: border-box; padding: 0 10px; }
#section03 .inner .l_box .sub_title { font-family: 'S-CoreDream-4Regular', sans-serif; font-size: 34px; color: #333; letter-spacing: -1px; margin-bottom: 20px; }
#section03 .inner .l_box .main_title { font-family: 'S-CoreDream-6Bold', sans-serif; font-size: 22px; line-height: 1.3; color: #222; font-weight: bold; }
#section03 .inner .l_box .main_title span { display: block; font-size: 54px; color: #bfa380; letter-spacing: -1px; margin-top: 10px; font-weight: 800; }
#section03 .inner .l_box .eng_title { font-family: 'S-CoreDream-5Medium', sans-serif; font-size: 50px; line-height: 1.2; color: #7a2f5e; font-weight: bold; margin: 30px 0; letter-spacing: 0px; }
#section03 .inner .l_box .desc { font-family: 'S-CoreDream-3Light', sans-serif; font-size: 18px; line-height: 1.5; color: #555; }

/* 오른쪽 사은품 박스 (2개 가로 배치 우측 밀착) */
#section03 .inner .r_box { float:right; width: 55%; box-sizing: border-box; } 
#section03 .inner .r_box ul { margin-top:40px; display: flex; justify-content: flex-end; gap: 20px; padding: 0; }
#section03 .inner .r_box ul li { list-style: none; box-sizing: border-box; width: 320px; } 

/* 이미지 사이즈 고정 설정 */
#section03 .inner .r_box ul li .img { width: 100%; aspect-ratio: 1/1; background: #fff; border-radius: 20px; overflow: hidden; display: flex; align-items: center; justify-content: center; border: 1px solid #eaeaea; box-shadow: 0 10px 25px rgba(0,0,0,0.05); }
#section03 .inner .r_box ul li .img img { width: 100%; height: 100%; object-fit: cover; }

/* 사은품 텍스트 스타일 */
#section03 .inner .r_box ul li .txt { margin-top: 15px; text-align: center; font-family: 'S-CoreDream-3Light'; font-size: 20px; color: #222; font-weight: bold; }
#section03 .inner .r_box ul li .txt span { font-family: 'KOHIBaeumOTF'; color:#bfa380; font-size: 40px; display:block; margin-bottom: 5px; }
#section03 .inner .r_box .nt { margin-top:30px; text-align:right; color:#777777; font-family: 'S-CoreDream-3Light'; font-size:14px; clear: both; padding-right: 5px; }

/* 하단 버튼 (수정 없음 - 기존 유지) */
#section03 .link { width:560px; margin:80px auto 0; clear: both; }
#section03 .link a { display:block; height:70px; line-height:70px; background:#7a2f5e; color:#fff; font-size:28px; text-align:center; border-radius:50px; text-decoration: none; }
#section03 .link a span { color:#e3ab00; }

/* --- 반응형 설정 --- */
@media only screen and (max-width: 1420px) {
    #section03 .inner .l_box { float:none; width: 100%; text-align:center; margin-bottom: 50px; }
    #section03 .inner .r_box { float:none; width: 100%; margin: 0 auto; }
    #section03 .inner .r_box ul { justify-content: center; }
    #section03 .inner .r_box .nt { text-align: center; padding-right: 0; }
}

@media only screen and (max-width: 1024px) {
    #section03 { padding:80px 0; }
    #section03 .inner .r_box ul { gap: 15px; }
    #section03 .inner .r_box ul li { width: 46%; max-width: 320px; } 
    #section03 .inner .r_box ul li .txt { font-size: 16px; }
    #section03 .inner .r_box ul li .txt span { font-size: 30px; }
    #section03 .link { width: 90%; }
    #section03 .link a { font-size: 16px; height: 55px; line-height: 55px; }

    /* 현재 HTML 구조에 맞춰 반응형 폰트 바인딩 최적화 */
    #section03 .inner .l_box .sub_title { font-size: 24px; margin-bottom: 15px; }
    #section03 .inner .l_box .main_title { font-size: 26px; }
    #section03 .inner .l_box .main_title span { font-size: 38px; margin-top: 8px; }
    #section03 .inner .l_box .eng_title { font-size: 26px; margin: 20px 0; }
    #section03 .inner .l_box .desc { font-size: 15px; line-height: 22px; }
}

/* 초소형 모바일 (480px 이하) 추가 조정 */
@media only screen and (max-width: 480px) {
    #section03 .inner .l_box .main_title { font-size: 22px; }
    #section03 .inner .l_box .main_title span { font-size: 30px; }
    #section03 .inner .l_box .eng_title { font-size: 20px; }
    #section03 .inner .r_box ul li { width: 47%; }
    #section03 .inner .r_box ul li .txt { font-size: 13px; }
    #section03 .inner .r_box ul li .txt span { font-size: 24px; }
}

#section04{background:url('../img/n_s04_bg.png') no-repeat; background-size:cover; padding:150px 0; text-align:center;}
#section04 > div{color:#fff; font-family:'gowundodum'; font-size:22px; display:block; font-size:60px; line-height:70px;}
#section04 > div small{font-family: 'S-CoreDream-5Medium'; font-size:18px; display:block;}
#section04 > div span{color:#bfa380}
#section04 > p{font-family: 'S-CoreDream-3Light'; color:#fff; font-size:20px; margin-top:40px;}
#section04 > ul{margin-top:70px;}
#section04 > ul li{display:inline-block; margin:0 50px; position:relative;}
#section04 > ul li .img{height:150px; position:relative; width:150px;}
#section04 > ul li .img:after{content:"+"; display:block; font-family: 'S-CoreDream-3Light'; font-size:80px; position:absolute;
	right:-82px; top:50%; transform:translateY(-50%); coloR:#fff;}
#section04 > ul li:last-child .img:after{display:none;}
#section04 > ul li .img img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:130px;}
#section04 > ul li .txt{color:#fff; margin-top:20px; font-family: 'S-CoreDream-3Light'; font-size:17px;}
#section04 > ul li .txt span{display:block; font-size:22px; font-family: 'S-CoreDream-5Medium';}

@media only screen and (max-width: 1024px){
	#section04{padding:100px 0;}
	#section04 > div{font-size:26px; line-height:32px;}
	#section04 > div small{font-size:14px; margin-bottom:15px;}
	#section04 > p{font-size:14px; margin-top:30px;}
	#section04 > ul:after{content:""; display:block; float:none; clear:both;}
	#section04 > ul li{margin:0; float:left; width:50%; margin-bottom:20px;}
	#section04 > ul li .img{width:100%; height:80px;}
	#section04 > ul li .img img{height:100%; max-height:70px; max-width:100px; height:auto;}
	#section04 > ul li .img:after{font-size:30px;}
	#section04 > ul li .txt{font-size:13px;}
	#section04 > ul li .txt span{font-size:14px;}
	#section04 > ul li .img:after{right:-13px;}
	#section04 > ul{margin-top:50px;}
}

/* #section05{background:url('../img/n_s05_bg.jpg') no-repeat; background-size:cover; padding:150px 0; background-position:center right -200px;
	position:relative;} */
#section05{background:url('../img/xmas_bg01.jpg') no-repeat; background-size:cover; padding:150px 0; background-position:450px 0px; background-color:#ebeef2;
	position:relative;}

#section05 .inner{margin-left:100px;}
#section05 .title{color:#8c4646; font-family: 'S-CoreDream-6Bold';  font-size:50px; line-height:60px;}
#section05 .title .span01{color:#393c4b; position:relative; z-index:1;}
#section05 .title .span01:after{content:""; display:block; background:url('../img/n_s05_01.png') no-repeat; width:100%; height:15px;
	background-size:cover; position:absolute; left:0; bottom:0; z-index:-1;}
#section05 .title .span02{font-family:'THEFACESHOPINKLIPQUID'; font-size:60px;}
#section05 .div01{font-family: 'S-CoreDream-2ExtraLight'; font-size:28px; margin-top:20px;}
#section05 ul{width:900px; margin:50px -0.5% 0;}
#section05 ul:after{content:""; display:block; float:none; clear:both;}
#section05 ul li{width:31%; margin:1%; background:#4a4d5d; float:left; height:250px; border-radius:15px; text-align:center; padding:0 15px;
	box-sizing:border-box; word-break:keep-all; display:table; position:relative;}
#section05 ul li .inner02{display:table-cell; vertical-align:middle;}
#section05 ul li .txt{color:#f7eade; font-size:24px; font-family: 'S-CoreDream-2ExtraLight'; padding:50px 3px 0 3px;}

/* #section05 ul li:first-child {padding:50px 20px;}
#section05 ul li:first-child .txt {font-size:20px;} */

#section05 ul li.li{font-family:'AmalfiCoast'; line-height: 250px; color:#333; background:none; font-size:40px;}
#section05 ul li span{color:#f7eade; font-size:30px; font-weight:bold; margin-bottom:30px; display:block; position:absolute; left:50%; top:50px; transform:translateX(-50%);}
#section05 .title.mb{display:none;}
#section05 ul.mb{display:none;}
#section05 .etc{font-family: 'KOHIBaeumOTF'; color:#dfdfe2; position:absolute; left:30px; bottom:30px; font-size:50px; padding-left:60px;
	background:url('../img/n_s05_02.png') no-repeat; background-position:left 0 center; background-size:42px;}
@media only screen and (max-width: 1024px){
/* 	#section05 {padding:100px 0 150px; background-position:center right -420px;} */
	#section05 {background-position:0px 0px;}
	#section05 .inner{width:92%; margin:0 auto;}
	#section05 ul{width:100%;}
	#section05 .title{font-size:30px; line-height:42px;}
	#section05 .title.mb{display:block;}
	#section05 .title.pc{display:none;}
	#section05 .title .span01{display:block;}
	#section05 .title .span01 b{color:#8c4646;}
	#section05 .title .span02{font-size:30px;}
	#section05 .title .span03{font-size:33px;}
	#section05 .title .span03:before {font-size:33px;}
	#section05 .title .span01:after{background:url('../img/n_s05_03.png') no-repeat; width:225px; height:19px; bottom:-3px;}
	#section05 .div01{font-size:17px;}
	#section05 ul.mb{display:block;}
	#section05 ul.pc{display:none;}
	#section05 ul li{width:46%; margin:0 2% 20px; padding:0; height:170px;}
	#section05 ul li .txt{font-size:16px; padding:30px 12px 0 12px;}
	#section05 ul li span{font-size:22px; margin-top:-20px; }
	#section05 ul li.li{font-size:20px; line-height:170px;}
	#section05 .etc{font-family: 'KOHIBaeumOTF'; color:#dfdfe2; position:absolute; left:50%; bottom:60px; font-size:27px; padding-left:36px;
	background:url('../img/n_s05_02.png') no-repeat; background-position:left 0 center; background-size:24px; transform:translateX(-50%);}
}

@media only screen and (max-width: 500px){
	#section05 {background-position:-250px 0px;}
}

#section06{position:Relative;}
#section06 .inner{background:url('../img/s05_05.png') no-repeat; background-size:1000px;  height:880px;}
#section06 .inner02{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:1200px; text-align:right;}
#section06 .inner02 .title{font-family:'S-CoreDream-5Medium'; font-size:52px; color:#333; padding-top:130px; position:relative;}
#section06 .inner02 .title:before{content:""; display:block; position:absolute; top:0; right:0; 
	background:url('../img/s05_04.png') no-repeat; background-size:cover; width:374px; height:127px;}
#section06 .inner02 .title span{position:relative; display:inline-block;}
#section06 .inner02 .title span:before{content:""; display:block; width:10px; height:10px; background:#b36c6c; position:absolute; left:50%; transform:translateX(-50%);
	top:-6px; border-radius:100%;}
#section06 .inner02 .title small{font-family:'S-CoreDream-8Heavy'; color:#333; font-size:80px; display:inline-block; position:relative; z-index:1;
	margin-bottom:15px;}
#section06 .inner02 .title small:before{content:""; display:block; background:url('../img/s05_02.png') no-repeat; background-size:cover;
	width:100%; height:32px; position:absolute; bottom:22px; left:17px; z-index:-1;}
#section06 .inner02 .link{margin-top:40px;}
#section06 .inner02 .link a{display:inline-block; border:3px solid #b9655c; width:465px; height:90px; text-align:Center; line-height:86px;
	color:#b9655c; font-family:'S-CoreDream-5Medium'; font-size:46px; box-sizing:border-box; padding-left:90px; position:relative;}
#section06 .inner02 .link a:before{content:""; display:block; width:65px; height:65px; 
	background:url('../img/s05_03.png') no-repeat; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
	margin-left:-100px;}


#section07{text-align:center; position:relative; padding:0 0 100px;}
#section07 .inner{background:url('../img/s07_bg.png') no-repeat; background-size:cover; padding:100px 0 250px; background-position:center; position:relative;}
#section07 .div01{color:#ffcb8a; font-family: 'S-CoreDream-4Regular'; font-size:26px;text-shadow: 2px 2px 10px rgba(0,0,0,1);}
#section07 .div02 { color:#fff; font-family: 'S-CoreDream-2ExtraLight'; font-size:56px; margin-top:10px; position:relative; z-index:1; text-shadow: 2px 2px 10px rgba(0,0,0,1); }
#section07 .div02 span{display:block;}
#section07 .div02:before{content:"Wedding hall"; display:block; color:#bfa380; font-size:16px; font-family:'AmalfiCoast'; position:absolute;
	transform:translateX(-50%) rotate(-8deg); z-index:-1; bottom:-14px; left:50%; margin-left:200px;}
#section07 p{color:#fffafa; font-family: 'S-CoreDream-4Regular'; font-size:20px; padding-top:80px; position:relative;text-shadow: 2px 2px 10px rgba(0,0,0,1);}
#section07 p:before{content:""; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:90px; height:1px;
	background:#bfa380; margin-top:-25px;}
#section07 .div03{width:1200px; margin:-150px auto 0; background:#fff; position:relative; padding:50px 50px 0; box-sizing:border-box;}
#section07 .div03 > div{ font-family: 'GmarketSansMedium'; font-size:38px; color:#a6896f; margin:0px 0 80px; position:relative; text-align:center; z-index:1;}
#section07 .div03 > div:after{content:""; display:block; background:#bfa38a; width:100%; height:1px; position:absolute;
	left:50%; top:50%; transform:translate(-50%,-50%); z-index:-1;}
#section07 .div03 > div span{background:#fff; display:inline-block;  padding:0 40px; position:relative;}
#section07 .div03 > div span:before{content:""; display:block; width:6px; height:6px; background:#bfa38a; position:absolute;
	top:50%; left:0; transform:translateY(-50%);}
#section07 .div03 > div span:after{content:""; display:block; width:6px; height:6px; background:#bfa38a; position:absolute;
	top:50%; right:0; transform:translateY(-50%);}
#section07 .div03 ul{width:100%; margin:0 auto;}
#section07 .div03 ul:after{content:""; display:block; float:none; clear:both;}
#section07 .div03 ul li{float:left; width:25%; position:relative; font-family: 'S-CoreDream-3Light'; color:#333; font-size:18px;}
#section07 .div03 ul li:after{content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:100px;
	background:#c9b69e;}
#section07 .div03 ul li:last-child::after{display:none;}
#section07 .div03 ul li .img{margin-bottom:20px;}
#section07 .div03 ul li .txt{color:#a6896f;}
#section07 .div03 ul li .txt span{font-family: 'KOHIBaeumOTF'; font-size:32px; display:block; margin-bottom:15px;}

@media only screen and (max-width: 1220px){
	#section07 .div03{width:90%; padding:30px 30px 0;;}
}
@media only screen and (max-width: 1024px){
	#section07{padding:0;}
	#section07 .inner{padding:100px 0;}
	#section07 .div01{font-size:18px;}
	#section07 .div02{font-size:34px; }
	#section07 .div02 b {font-family: 'S-CoreDream-3Light';}
	#section07 p{font-size:18px; word-break:keep-all; padding:60px 20px 0;}
	#section07 p br{display:none;}
	#section07 .div02:before{margin-left:93px; bottom:-16px; font-size:10px;}
	#section07 .div03{position:initial; left:initial; bottom:initial; transform:initial; margin:30px auto; padding:0px;}
	#section07 .div03 > div:after{display:none;}
	#section07 .div03 > div span:before{display:none;}
	#section07 .div03 > div span:after{display:none;}
	#section07 .div03 > div span{font-size:17px; padding:0;}
	#section07 .div03 > div{margin: 0 0 40px;}
	#section07 .div03 ul li{float:left; width:50%; margin:0 0 30px;}
	#section07 .div03 ul li{font-size:15px;}
	#section07 .div03 ul li .txt span{font-size:19px;}
	#section07 .div03 ul li .img img{max-height:40px;}
	#section07 .div03 ul li:nth-child(even)::after{display:none;}

}


#section08{background:url('../img/n_s08_bg.png') no-repeat; background-size:cover; padding:150px;}
#section08 .mb{display:none;}
#section08 img{max-width:100%; margin-left:auto; margin-right:auto; display:block;}
#section08 .link{width:560px; margin:80px auto 0;}
#section08 .link a{display:block; height:70px; line-height:70px; background:#7a2f5e; color:#fff; font-size:28px; text-align:center;
	border-radius:50px;}
#section08 .link a span{color:#e3ab00}

@media only screen and (max-width: 1024px){
	#section08{padding:100px 0px;}	
	#section08 .link{width:270px; margin:40px auto 0;}
	#section08 .link a{height:55px; line-height:55px; font-size:14px;}
}

#section09 img{width:100%;}
#section09 .div01{position:relative; background:url('../img/n_s09_01.png') no-repeat; height:700px; background-position:center;}
#section09 .div01 .txt{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:url('../img/n_s09_03.png') no-repeat;
	padding:150px 0; background-size:610px; text-align:center; background-position:center; width:100%;}
#section09 .div01 .txt .title{color:#9c7d61; font-family:'S-CoreDream-5Medium'; font-size:26px;}
#section09 .div01 .txt .title span{font-family:'NotoSerifKR-Regular'; font-size:80px; color:#9c7d61; display:block; margin-bottom:10px;}
#section09 .div01 .txt p{padding-top:60px; font-family: 'S-CoreDream-3Light'; color:#9c7d61; font-size:20px; position:relative;}
#section09 .div01 .txt p:before{content:""; display:block; width:60px; height:1px; background:#9c7d61; position:absolute;
	top:30px; left:50%; transform:translateX(-50%);}
#section09 .div02.mb{display:none;}
@media only screen and (max-width: 1024px){
	#section09 .div01{background:url('../img/n_s09_04.jpg') no-repeat; background-size:cover; height:650px;background-position:center; }
	#section09 .div01 .txt .title span{font-size:25px;}
	#section09 .div01 .txt .title{font-size:15px;}
	#section09 .div01 .txt p{font-size:14px;}
	#section09 .div01 .txt{background-size:230px; top:63%}
	#section09 .div01 .txt p{padding-top:280px;}
	#section09 .div01 .txt p:before{top:15px;}
	#section09 .div02.mb{display:block;}
	#section09 .div02.pc{display:none;}
}


#section10{background:#8699b8; padding:200px 000px 250px;}
#section10 .inner{background:#eaedf2; width:1100px; margin:0 auto; padding:10px; position:relative; z-index:1;}
#section10 .inner02{background:#eaedf2; border:4px solid #8699b8; text-align:center;}
#section10 .inner02 .visual{position:relative;}
#section10 .inner02 .visual img{width:100%;}
#section10 .inner02 .visual span{font-family: 'NEXON Lv2 Gothic Light'; position:absolute; bottom: 20px; left:50%; transform:translateX(-50%);
	color:#fff; font-size:16px; display:block; text-align:center; width:100%; letter-spacing:10px;}
#section10 .inner02 .title{color:#333; font-family: 'S-CoreDream-4Regular'; font-size:50px; padding:80px 0 40px; position:relative;}
#section10 .inner02 .title span{font-family: 'S-CoreDream-6Bold'; font-size:55px; display:block;}
#section10 .inner02 .title img{width:500px; margin-left:auto; margin-right:auto; display:block; margin-top:70px;}
#section10 .inner02 .title small{font-family: 'NEXON Lv2 Gothic'; display:inline-block; font-size:22px; letter-spacing:1px;
padding:5px 0; background:#fff; border-radius:30px; position:absolute; left:50%; transform:translateX(-50%); bottom:14px; width:480px;}
#section10 .inner02 .title small br{display:none;}
#section10 .inner02 .div01{width:90%; background:#102050; border-radius:30px; margin:50px auto 0; padding:10px;}
#section10 .inner02 .div01 dl{display:table; width:100%;}
#section10 .inner02 .div01 dt{color:#fff; font-family: 'NEXON Lv2 Gothic'; font-size: 24px; display:table-cell; width:320px; vertical-align:middle;}
#section10 .inner02 .div01 dd{color:#fff; font-family: 'NEXON Lv2 Gothic'; font-size: 24px; display:table-cell; font-size:16px; line-height:24px;
	text-align:left; word-break:keep-all; padding:0 20px 0 0;}
#section10 .inner02 .div02{width:90%; border:6px solid #fff; border-radius:20px; margin:30px auto 0; padding:0 0 80px 0;}
#section10 .inner02 .div02 > div{margin-top:80px;}
#section10 .inner02 .div02 > div div{display:inline-block; margin:0 50px; position:relative;}
#section10 .inner02 .div02 > div div:after{content:"+"; display:block; font-size:50px; color:#102050; position:absolute;
	top:50%; transform:translateY(-50%); right:-65px; font-weight:bold;}
#section10 .inner02 .div02 > div div:last-child::after{display:none;}
#section10 .inner02 .div02 > div div span{font-family: 'NEXON Lv2 Gothic'; color:#333; font-size:22px; font-weight:bold; margin-top:20px; display:block;
	line-height:32px;}
#section10 .inner02 .div03{margin:100px 0;}
#section10 .inner02 .div03 img{width:400px;}
#section10 .link{width:340px; height:70px; line-height:70px; text-align:center; background:#08244e; margin:00px auto 100px; 
	border-radius:40px; box-shadow:5px 5px 18px rgb(0 0 0 / 10%);}
#section10 .link a{display:block; color:#fff; font-size:28px; font-family: 'S-CoreDream-5Medium';}

#section10 ul li{margin-top:80px; color:#333; font-family: 'NanumSquare', sans-serif; font-size:28px;}
#section10 ul li > span{display:inline-block; background:#55a477; color:#fff; font-size:18px; border-radius:5px; text-align:center;
	width:85px; height:32px; line-height:32px; vertical-align:top; margin-right:10px;}
#section10 ul li b{color:#55a477;}
#section10 ul li img{width:70%; margin-top:30px;}
#section10 ul li img.etc{width:94%; margin-top:60px;}
#section10 ul li div{font-size:20px; margin-top:30px;}
#section10 ul li div span{font-size:15px; display:inline-block; margin-left:5px;}
#section10 ul li div b{display:block; font-size:24px; margin-top:8px;}


/*jcoco*/
/* section11 배경 */
#section11 {
  background: #292f3c;
  padding: 100px 0;
}
#section11 .inner {
  background: #eaedf2;
  max-width: 1400px;
  width: 90%;
  margin: 0 auto;
  padding: 100px 20px;
  position: relative;
  z-index: 1;
  text-align: center;
}

/* ============= 타이포그래피 ============= */
#section11 .inner .div01 {
  font-family: 'Nanum Myeongjo', serif;
  font-size: 1.4rem;
  color: #6e6767;
  margin-bottom: .6rem;
}
#section11 .inner .div02 {
  font-size: 3.5rem;
  letter-spacing: .3rem;
  font-weight: 700;
  margin-bottom: 3.6rem;
}
#section11 .inner .div03 {
  font-size: 3rem;
  color: #7a2f5e;
  margin-bottom: 1.6rem;
  font-family: 'GmarketSansmedium';
}
#section11 .inner .div04 {
  font-size: 1.6rem;
  color: #c98d22;
  font-weight: 600;
  margin-bottom: 1.2rem;
}
#section11 .inner .div05 {
  display: inline-block;
  width: 200px;
  padding: .6rem 1.8rem;
  background: #c4a77d;
  border-radius: 2rem;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 2.4rem;
}

/* ============= 혜택 3가지 ============= */
#section11 .inner .benefit-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2%;
  margin-bottom: 2rem;
}
#section11 .inner .div06,
#section11 .inner .div07,
#section11 .inner .div08 {
  flex: 1 1 30%;
  max-width: 31%;
  min-width: 250px;
  background: #f9f9f9;
  color: #000;
  padding: 1.2rem .8rem;
  border-radius: .7rem;
  box-shadow: 0 0 10px rgba(0,0,0,.3);
  font-size: 1rem;
  line-height: 1.6;
  position: relative;
  text-align: center;
  font-family: 'KOHIBaeumOTF';
}

/* + 기호 (마지막 카드 제외) */
#section11 .inner .div06::after,
#section11 .inner .div07::after {
  content: "+";
  position: absolute;
  right: -1.5rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 2rem;
  color: #fff;
}
#section11 .inner .div08::after {
  content: none;
}

/* ============= 하단 이미지 ============= */
#section11 .inner .div09 {
  margin-top: 2rem;
}
#section11 .inner .div09 img {
  width: 100%;
  max-width: 800px;
  height: auto;
  border-radius: 1rem;
  box-shadow: 0 0 20px rgba(0,0,0,.4);
}

/* ============= 반응형 ============= */
@media (max-width: 900px) {
  #section11 .inner .div02 {
    font-size: 2.6rem;
  }
  #section11 .inner .div03 {
    font-size: 2.2rem;
  }
  #section11 .inner .benefit-wrap {
    gap: 1.2rem;
  }
  #section11 .inner .div06,
  #section11 .inner .div07,
  #section11 .inner .div08 {
    flex: 1 1 48%;
    max-width: 48%;
  }
  #section11 .inner .div06::after,
  #section11 .inner .div07::after {
    right: -0.6rem;
    font-size: 1.5rem;
  }
}

@media (max-width: 600px) {
  #section11 .inner {
    padding: 60px 20px;
  }
  #section11 .inner .div01 {
  font-family: 'Nanum Myeongjo', serif;
  font-size: 1.2rem;
  color: #6e6767;
  margin-bottom: .6rem;
}
  #section11 .inner .div02 {
    font-size: 2rem;
  }
  #section11 .inner .div03 {
    font-size: 1.6rem;
	word-break:keep-all;
  }
  #section11 .inner .div04 {
    font-size: 1.3rem;
  }
  #section11 .inner .div05 {
    font-size: .9rem;
    padding: .5rem 1.4rem;
  }
  #section11 .inner .div06,
  #section11 .inner .div08 {
    flex: 1 1 100%;
    max-width: 100%;
    margin: 0 auto 1.2rem;
  }
  #section11 .inner .div07{
    flex: 1 1 100%;
    max-width: 100%;
    margin: 0 auto 1.2rem;
	font-size: .8rem;
  }

  #section11 .inner .div06::after,
  #section11 .inner .div07::after {
    display: none;
  }
}




#section12 {position:relative;}
#section12 img {width:100%; display:block;}
#section12 .mb {display:none}
#section12 .link{position:absolute; bottom:10%; left:50%; transform:translate(-50%,-50%);width:560px; margin:80px auto 0;}
#section12 .link a{display:block; height:70px; line-height:60px; background:#ff6ccf; border:5px solid #000; border-radius:50px;color:#000;
font-size:30px; font-weight:bold; text-align:center;}

 @media only screen and (max-width: 500px){
#section12 .mb {display:block}
#section12 .pc {display:none}

#section12 .link{width:270px; margin:40px auto 0;}
#section12 .link a{height:55px; line-height:44px; font-size:17px;}

}


#section13{background:url('../img/n_s13_bg.jpg') no-repeat; padding:150px 0; background-size:cover; background-position:center;}
#section13 .title{font-family: 'S-CoreDream-3Light'; color:#fff; text-align:center; font-size:70px; margin-bottom:70px;}
#section13 .title b{font-family: 'S-CoreDream-6Bold';}
#section13 .title span{display:block; font-size:29px; font-family: 'etc';}
#section13 .inner{width:1000px; margin:0px auto 0;}
#section13 .inner .div01:after{content:""; display:block; float:none; clear:both;}
#section13 .inner .div01 .txt{float:right; width:calc(100% - 450px); margin-left:50px; box-sizing:border-box;}
#section13 .inner .div01 .txt div{color:#fff; font-size:30px; font-family: 'NotoSerifKR-Regular';}
#section13 .inner .div01 .txt div span{font-family:'gbb'; display:block; font-size:36px; position:relative; margin-bottom:10px;}
#section13 .inner .div01 .txt div span:after{content:""; display:block; width:36px; height:1px; background:#fff; position:absolute; bottom:0; left:0;}
#section13 .inner .div01 .txt p{color:#fff; font-family: 'S-CoreDream-2ExtraLight'; font-size:16px; word-break:keep-all; line-height:28px; margin-top:10px;}
#section13 .inner .div01 .img{float:left; width:400px;}
#section13 .inner .div01 .img img{width:100%;}
#section13 .inner .div02:after{content:""; display:block; float:none; clear:both;}
#section13 .inner .div02 .txt{float:left; width:400px;box-sizing:border-box; padding:40px;}
#section13 .inner .div02 .txt div{color:#fff; font-size:30px; font-family: 'NotoSerifKR-Regular';}
#section13 .inner .div02 .txt div span{font-family:'gbb'; display:block; font-size:36px; position:relative; margin-bottom:10px;}
#section13 .inner .div02 .txt div span:after{content:""; display:block; width:36px; height:1px; background:#fff; position:absolute; bottom:0; left:0;}
#section13 .inner .div02 .txt p{color:#e1dbab; font-family: 'S-CoreDream-2ExtraLight'; font-size:16px; word-break:keep-all; line-height:28px; margin-top:10px;}
#section13 .inner .div02 .img{float:right; width:calc(100% - 450px); margin-left:50px;}
#section13 .inner .div02 .img img{width:100%; margin-top:-40px;}


@media only screen and (max-width: 1024px){
	#section13{padding:100px 0;}
	#section13 .inner{width:70%;}
	#section13 .title{font-size:31px; margin-bottom:50px;}
	#section13 .title span{font-size:18px;}
	#section13 .inner .div01 .img{float:none; width:100%;}
	#section13 .inner .div01 .txt{float:none; width:100%; margin:20px 0 0; text-align:center;}
	#section13 .inner .div01 .txt div{font-size:22px;}
	#section13 .inner .div01 .txt div span{font-size:22px;}
	#section13 .inner .div01 .txt div span:after{left:50%; transform:translateX(-50%);}
	#section13 .inner .div01 .txt p{font-size:13px; line-height:23px;}.#section13 .inner .div01 .img{float:none; width:100%;}
	#section13 .inner .div02{margin-top:50px;}
	#section13 .inner .div02 .img{float:none; width:100%; margin:0;}
	#section13 .inner .div02 .img img{margin:0;}
	#section13 .inner .div02 .txt{float:none; width:100%; margin:20px 0 0; text-align:center; padding:0;}
	#section13 .inner .div02 .txt div{font-size:22px;}
	#section13 .inner .div02 .txt div span{font-size:22px;}
	#section13 .inner .div02 .txt div span:after{left:50%; transform:translateX(-50%);}
	#section13 .inner .div02 .txt p{font-size:13px; line-height:23px;}
}

#section14 .div01{background:url('../img/n_s14_01.jpg') no-repeat; height:900px; background-size:cover; background-position:center;}
#section14 .div02{background:url('../img/n_s14_bg.jpg') no-repeat; background-size:cover; background-position:center;}
#section14 .div02 .inner{max-width:1000px; margin:0 auto; background:#fff; position:relative; text-align:center; padding-bottom:100px;}
#section14 .div02 .inner:before{content:""; display:block; width:100%; height:30px; background:#fff; position:absolute; left:0; top:-30px;}
#section14 .div02 .inner .title{padding-top:76px; font-family: 'S-CoreDream-2ExtraLight'; font-size:50px; color:#484955; position:relative; z-index:1;}
#section14 .div02 .inner .title:before{content:"TRAVEL"; display:block; font-size:150px; color:#f1f1f1; position:absolute; left:50%;
	transform:translateX(-50%); top:0;font-family: 'GmarketSansTTFBold'; z-index:-1; letter-spacing:20px;}
#section14 .div02 .inner .title span{display:block; font-family: 'S-CoreDream-4Regular';}
#section14 .div02 .inner > p{font-family: 'S-CoreDream-3Light'; font-size:18px; margin-top:50px;}
#section14 .div02 .inner ul.ul{width:90%; margin:50px auto 0;}
#section14 .div02 .inner ul.ul:after{content:""; display:block; float:none; clear:both;}
#section14 .div02 .inner ul.ul li{float:left; width:31.3333%; margin:0 1% 30px;}
#section14 .div02 .inner ul.ul li.etc{width:23%;}
#section14 .div02 .inner ul.ul li.etc .txt p{font-size:14px;}



#section14 .div02 .inner ul.ul li .img{max-height:255px;}
#section14 .div02 .inner ul.ul li .img img{width:100%;}
#section14 .div02 .inner ul.ul li .txt{background:#f1f1f1; height:70px; border-radius:0 0 25px 25px;}
#section14 .div02 .inner ul.ul li .txt div{font-family: 'GmarketSansTTFBold'; color:#0096ea; font-size:30px; padding-top:20px;}
#section14 .div02 .inner ul.ul li .txt p{font-family: 'S-CoreDream-3Light'; font-size:16px; margin-top:10px; padding:0 20px; word-break:keep-all;}
#section14 .div02 .inner .title02{padding-top:76px; font-family: 'S-CoreDream-2ExtraLight'; font-size:50px; color:#484955; position:relative; z-index:1;
	margin-top:50px;}
#section14 .div02 .inner .title02:before{content:"SPECIAL"; display:block; font-size:150px; color:#f1f1f1; position:absolute; left:50%;
	transform:translateX(-50%); top:0;font-family: 'GmarketSansTTFBold'; z-index:-1; letter-spacing:20px;}
#section14 .div02 .inner .title02 span{font-family: 'S-CoreDream-4Regular';}
#section14 .div02 .inner .title02 span.text_color {color:#0096ea;font-family: 'GmarketSansTTFBold'}
#section14 .div02 .inner ul.ul2{width:90%; margin:50px auto 0;}
#section14 .div02 .inner ul.ul2:after{content:""; display:block; float:none; clear:both;}
#section14 .div02 .inner ul.ul2 li{float:left; width:48%; margin:0 1% 30px; background:#f7f6f6; padding:20px; box-sizing:border-box;}
#section14 .div02 .inner ul.ul2 li .step{font-family: 'Gabriola'; color:#484955; font-size:35px; font-weight:500; text-align:left;
	border-bottom:1px solid #0096ea;}
#section14 .div02 .inner ul.ul2 li .step span{color:#0096ea; padding-left:15px;}
#section14 .div02 .inner ul.ul2 li .img{height:150px; margin:25px 0;}
#section14 .div02 .inner ul.ul2 li .img img{height:100%;}
#section14 .div02 .inner ul.ul2 li .txt div{font-family: 'S-CoreDream-3Light'; font-size:18px;}
#section14 .div02 .inner ul.ul2 li .txt div b{font-family: 'S-CoreDream-4Regular';}
#section14 .div02 .inner ul.ul2 li .txt div span{display:block; font-size:14px; margin-top:4px;}
#section14 .div02 .inner ul.ul2 li .txt p{color:#777777; font-size:12px; margin-top:15px;}
#section14 .div02 .inner .logo{margin-top:80px;}
#section14 .div02 .inner .link{width:560px; margin:80px auto 0;}
#section14 .div02 .inner .link a{display:block; height:70px; line-height:70px; background:#7a2f5e; color:#fff; font-size:28px; text-align:center;
	border-radius:50px;}
#section14 .div02 .inner .link a span{color:#e3ab00}
#section14 .div02 .inner .title02.mb{display:none;}
#section14 .div02 .inner .product img {max-width:100%;}

@media only screen and (max-width: 1024px){
	#section14 .div01{height:400px;}
	#section14 .div02{padding:20px;}
	#section14 .div02 .inner{width:100%; padding:30px 0;}
	#section14 .div02 .inner:before{display:none;}
	#section14 .div02 .inner .title:before{font-size:50px; letter-spacing:2px;}
	#section14 .div02 .inner .title{font-size:28px; padding-top:20px;}
	#section14 .div02 .inner > p{font-size:14px; margin-top:20px; padding:0 20px; word-break:keep-all;}
	#section14 .div02 .inner > p br{display:none;}
	#section14 .div02 .inner ul.ul li{width:47%;  margin:10px;}
	#section14 .div02 .inner ul.ul li .img{overflow:hidden;}
	#section14 .div02 .inner ul.ul li .img img{height:100%;}
	#section14 .div02 .inner ul.ul.ul li .txt{height:auto; padding:0 0 20px;}
	#section14 .div02 .inner ul.ul li .txt div{font-size:20px;}
	#section14 .div02 .inner ul.ul li .txt p{font-size:15px; padding:0 5px;}
	#section14 .div02 .inner .title02:before{font-size:50px; letter-spacing:2px;}
	#section14 .div02 .inner .title02{font-size:28px; padding-top:20px; word-break:keep-all;}
	#section14 .div02 .inner .title02.pc{display:none;}
	#section14 .div02 .inner .title02.mb{display:block;}
	#section14 .div02 .inner ul.ul2 li{width:48%; margin:5px;}
	#section14 .div02 .inner ul.ul2 li .img img{max-width:100%; max-height:150px; height:auto;}
	#section14 .div02 .inner ul.ul2 li .img{height:auto;}
	#section14 .div02 .inner .logo{margin-top:40px;}
	#section14 .div02 .inner .logo img{width:130px;}
	#section14 .div02 .inner .link{width:270px; margin:40px auto 0;}
	#section14 .div02 .inner .link a{height:55px; line-height:55px; font-size:14px;}

	#section14 .div02 .inner ul.ul li.etc{width:47%;}
	#section14 .div02 .inner ul.ul li.etc .txt p{font-size:15px;}
}

@media only screen and (max-width: 500px){
	#section14 .div02 .inner ul.ul li{width:100%; float:none; margin:0 0 20px;}
	#section14 .div02 .inner ul.ul li.etc{width:100%;}
	#section14 .div02 .inner ul.ul2 li{width:100%; float:none; margin:0 0 20px;}
}


#section15_0{position:Relative;}
#section15_0 div {text-align:center;background-color:#f2eeed;}
#section15_0 img {max-width:100%;}
#section15_0 .mb {display:none}
#section15_0 .link{ background:#f2eeed;padding-bottom: 80px;}
#section15_0 .link a{display:block;   margin:0px auto;  margin-top:50px; width:560px; height:70px;  line-height:70px; background:#49484b; color:#fff; font-size:28px; text-align:center; border-radius:50px;}
#section15_0 .link a span{color:#e3ab00}
@media only screen and (max-width: 1024px){ 
#section15_0 .mb {display:block}
#section15_0 .pc {display:none}

#section15_0 .link{}
#section15_0 .link a{ margin:0px auto;width:270px; height:55px; line-height:55px; font-size:14px; margin-top:20px;}

}






#section15{position:Relative;}
#section15 .inner{background:url('../img/s05_05.png') no-repeat; background-size:1000px;  height:880px;}
#section15 .inner02{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:1200px; text-align:right;}
#section15 .inner02 .title{font-family:'S-CoreDream-5Medium'; font-size:52px; color:#333; padding-top:130px; position:relative;}
#section15 .inner02 .title:before{content:""; display:block; position:absolute; top:0; right:0; 
	background:url('../img/s05_04.png') no-repeat; background-size:cover; width:374px; height:127px;}
#section15 .inner02 .title span{position:relative; display:inline-block;}
#section15 .inner02 .title span:before{content:""; display:block; width:10px; height:10px; background:#b36c6c; position:absolute; left:50%; transform:translateX(-50%);
	top:-6px; border-radius:100%;}
#section15 .inner02 .title small{font-family:'S-CoreDream-8Heavy'; color:#333; font-size:80px; display:inline-block; position:relative; z-index:1;
	margin-bottom:15px;}
#section15 .inner02 .title small:before{content:""; display:block; background:url('../img/s05_02.png') no-repeat; background-size:cover;
	width:100%; height:32px; position:absolute; bottom:22px; left:17px; z-index:-1;}
#section15 .inner02 .link{margin-top:40px;}
#section15 .inner02 .link a{display:inline-block; border:3px solid #b9655c; width:465px; height:90px; text-align:Center; line-height:86px;
	color:#b9655c; font-family:'S-CoreDream-5Medium'; font-size:46px; box-sizing:border-box; padding-left:90px; position:relative;}
#section15 .inner02 .link a:before{content:""; display:block; width:65px; height:65px; 
	background:url('../img/s05_03.png') no-repeat; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
	margin-left:-100px;}

@media only screen and (max-width: 1330px){
	#section15 .inner{background-size:65%; height:auto; padding:200px 0;}
	#section15 .inner02{position:initial; left:initial; top:initial; transform:initial; margin:0 auto;}
}
@media only screen and (max-width: 1230px){
	#section15 .inner02{width:92%;}
}
@media only screen and (max-width:1024px){
	#section15 .inner02 .title{font-size:43px; padding-top:100px;}
	#section15 .inner02 .title small{font-size:66px;}
	#section15 .inner02 .title small:before{width:387px; height:27px; bottom:18px; left:19px;}
	#section15 .inner02 .link a{font-size:38px; width:388px;}
	#section15 .inner{padding:100px 0;}
	#section15 .inner02 .title:before{width:310px; height:105px;}
}
@media only screen and (max-width:900px){
	#section15 .inner02 .title{font-size:28px; padding-top:60px;}
	#section15 .inner02 .title small{font-size:42px;}
	#section15 .inner02 .title small:before{width:246px; height:17px; bottom:12px; left:19px;}
	#section15 .inner02 .link a{font-size:18px; width:200px; height:60px; line-height:58px; padding-left:38px;}
	#section15 .inner02 .link a:before{width:30px; height:30px; margin-left:-44px;}
	#section15 .inner{padding:100px 0 50px;}
	#section15 .inner02 .title:before{width:169px; height:57px;}
	#section15 .inner02 .title span:before{width:7px; height:7px}
}




#section16{background:#eaedf2; padding:150px 000px 150px; margin-top:-5px;}
#section16 .inner{background:#fff; width:1100px; margin:0 auto;  position:relative; z-index:1; padding-bottom:100px;}
#section16 .inner02{text-align:center;}
#section16 .inner02 .visual{position:relative;}
#section16 .inner02 .visual img{width:100%;}
#section16 .inner02 .visual span{font-family: 'S-CoreDream-2ExtraLight'; position:absolute; bottom: 40px; left:50%; transform:translateX(-50%);
	color:#fff; font-size:28px; display:block; text-align:center; width:100%; letter-spacing:12px;}
#section16 .inner02 .title{font-family: 'S-CoreDream-2ExtraLight';  color:#333; font-size:60px; margin-top:50px;}
#section16 .inner02 .title span{position:relative; padding-right:30px; font-family: 'S-CoreDream-5Medium';}
#section16 .inner02 .title span:after{content:"/"; display:block; font-size:22px; position:absolute; right:8px; top:50%; transform:translateY(-50%);}
#section16 .inner02 .title span.etc{padding-right:00px;}
#section16 .inner02 .title span.etc:after{display:none;}
#section16 .inner02 .title img{width:700px; margin-left:auto; margin-right:auto; display:block; margin-top:30px;}
#section16 .inner02 .title small{font-family: 'S-CoreDream-3Light'; display:block; font-size:22px; letter-spacing:1px; margin-top:20px;}
#section16 .inner02 .title small br{display:none;}
#section16 .inner02 .div01{width:90%; background:#102050; border-radius:30px; margin:50px auto 0; padding:10px;}
#section16 .inner02 .div01 dl{display:table; width:100%;}
#section16 .inner02 .div01 dt{color:#fff; font-family: 'S-CoreDream-4Regular'; font-size: 24px; display:table-cell; width:320px; vertical-align:middle;
	position:relative;}
#section16 .inner02 .div01 dt:after{content:""; display:block; width:1px; height:40px; background:#fff; position:absolute;
	top:50%; transform:translateY(-50%); right:24px;}
#section16 .inner02 .div01 dd{color:#fff; font-family: 'S-CoreDream-2ExtraLight'; font-size: 24px; display:table-cell; font-size:16px; line-height:24px;
	text-align:left; word-break:keep-all; padding:0 20px 0 0;}
#section16 .inner02 .div02{width:90%; border-radius:30px; margin:30px auto 0; padding:50px; background:#eaedf2; box-sizing:border-box;}
#section16 .inner02 .div02 > div{margin-top:40px;}
#section16 .inner02 .div02 > div:first-child{margin-top:0;}
#section16 .inner02 .div02 > div div{display:inline-block; margin:0 50px; position:relative;}
#section16 .inner02 .div02 > div div img{max-height:120px;}
#section16 .inner02 .div02 > div div:after{content:"+"; display:block; font-size:50px; color:#102050; position:absolute;
	top:50%; transform:translateY(-50%); right:-65px; font-weight:bold;}
#section16 .inner02 .div02 > div div:last-child::after{display:none;}
#section16 .inner02 .div02 > div div span{font-family: 'NEXON Lv2 Gothic'; color:#333; font-size:22px; font-weight:bold; margin-top:20px; display:block;
	line-height:32px;}
#section16 .inner02 .div03{margin:80px 0;}
#section16 .inner02 .div03 img{width:600px;}
#section16 .link{width:560px; margin:80px auto 0;}
#section16 .link a{display:block; height:70px; line-height:70px; background:#7a2f5e; color:#fff; font-size:28px; text-align:center;
	border-radius:50px;}
#section16 .link a span{color:#e3ab00}
#section16 ul li{margin-top:80px; color:#333; font-family: 'NanumSquare', sans-serif; font-size:28px;}
#section16 ul li > span{display:inline-block; background:#55a477; color:#fff; font-size:18px; border-radius:5px; text-align:center;
	width:85px; height:32px; line-height:32px; vertical-align:top; margin-right:10px;}
#section16 ul li b{color:#55a477;}
#section16 ul li img{width:70%; margin-top:30px;}
#section16 ul li img.etc{width:94%; margin-top:60px;}
#section16 ul li div{font-size:20px; margin-top:30px;}
#section16 ul li div span{font-size:15px; display:inline-block; margin-left:5px;}
#section16 ul li div b{display:block; font-size:24px; margin-top:8px;}
#section16 .inner02 .title br{display:none;}
#section16 .inner02 .title img.mb{display:none;}
@media only screen and (max-width: 1024px){
	#section16{padding:100px 0;}
	#section16 .inner{width:92%;}
	#section16 .inner02 .title{font-size:30px;}
	#section16 .inner02 .title br{display:block;}
	#section16 .inner02 .title img.mb{display:block;}
	#section16 .inner02 .title img.pc{display:none;}
	#section16 .inner02 .title img{max-width:90%;}
	#section16 .inner02 .title small{font-size:16px;}
	#section16 .inner02 .div01 dt{display:block; text-align:center; font-size:22px; width:100%;}
	#section16 .inner02 .div01 dt:after{display:none;}
	#section16 .inner02 .div01 dd{display:block; text-align:center; padding:10px 10px 0; font-size:14px;}
	
	#section16 .inner02 .visual span {font-size:20px; bottom:7px;}
	#section16 .inner02 .div02 > div div span{font-size:12px; word-break:keep-all; line-height:22px;}
	#section16 .inner02 .div02 > div div img{height:40px;}
	#section16 .inner02 .div02 > div div:after{font-size:31px; right:-20px; top:0px; transform:initial;}
	#section16 .inner02 .div02 > div{margin-top:30px;}
	#section16 .inner02 .div02 > div:after{content:""; display:block; float:none; clear:both;}
	#section16 .inner02 .div02{padding:30px 10px;}
	#section16 .inner02 .div02 > div div{margin:0 1%; float:left; width:31%; }
	#section16 .inner02 .div02 > div:nth-child(2) div:nth-child(1){margin:0 3% 0 16%; float:left; width:31%; }
	#section16 .inner02 .div02 > div:nth-child(2) div:nth-child(2){margin:0 16% 0 3%; float:left; width:31%; }
	#section16 .inner02 .div02 > div:nth-child(3) div:nth-child(1){margin:0 3% 0 16%; float:left; width:31%; }
	#section16 .inner02 .div02 > div:nth-child(3) div:nth-child(2){margin:0 16% 0 3%; float:left; width:31%; }
	#section16 .inner02 .div03{margin:50px 0;}
	#section16 .inner02 .div03 img{width:320px; max-width:100%;}
	#section16{padding:100px 20px;}	
	#section16 .link{width:270px; margin:40px auto 0;}
	#section16 .link a{height:55px; line-height:55px; font-size:14px;}
}

#section16-1 {
    width: 100%;
    background: #efefef;
    padding: 120px 0;
}

#section16-1 .inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 40px;
}

/* ===== 상단 ===== */
.sec16-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 70px;
    gap: 40px;
}

.sec16-header .brand {
    display: flex;
    align-items: center;
    gap: 16px;
}

.sec16-header .brand img {
    height: 170px;
}

.sec16-header .brand-sub {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.1;
}

.sec16-header .brand-sub span {
    font-size: 16px;
    letter-spacing: 3px;
}

.title-area {
    text-align: right;
}

.title-area .badge {
    display: inline-block;
    background: #222;
    color: #fff;
    padding: 10px 20px;
    font-size: 20px;
    margin-bottom: 15px;
}

.title-area .main-title {
    font-size: 38px;
    font-weight: 600;
}

.title-area .main-title .strong {
    font-weight: 800;
}

.title-area .main-title .discount {
    font-size: 64px;
    font-weight: 800;
    text-decoration: underline;
    margin-left: 10px;
}

/* ===== 이미지 ===== */
.sec16-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.sec16-gallery .img-box {
    width: 100%;
    overflow: hidden;
}

.sec16-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* =========================
   반응형
========================= */

/* 태블릿 */
@media (max-width: 1024px) {
    .sec16-header {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }

    .title-area {
        text-align: left;
    }

    .sec16-gallery {
        grid-template-columns: 1fr 1fr;
    }
}

/* 모바일 */
@media (max-width: 640px) {
    #section16-1 {
        padding: 70px 0;
    }

    #section16-1 .inner {
        padding: 0 20px;
    }

    .sec16-header {
        margin-bottom: 40px;
    }

    .sec16-header .brand-sub {
        font-size: 22px;
    }

    .title-area .badge {
        font-size: 16px;
        padding: 8px 14px;
    }

    .title-area .main-title {
        font-size: 18px;
    }

    .title-area .main-title .discount {
        font-size: 40px;
    }

    .sec16-gallery {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}


#section20{background:url('../img/s20_bg.png') no-repeat; position:relative; padding:150px 0; background-size:cover;}
#section20:after{content:""; display:block; float:none; clear:both;}
#section20 .inner{width:700px; float:right; margin-right:300px; position:relative;}
#section20 .inner .mark{position:absolute; top:-50px; right:-200px;}
#section20 .inner .title{color:#8c4646; font-size:80px; text-align:center; font-family: 'Nanum Myeongjo', serif; font-weight:bold;}
#section20 .inner .title small{color:#333; font-size:22px; display:block; font-family: 'IBMPlexSansKR-Regular'; letter-spacing:1px; font-weight:initial;}
#section20 .inner .title small span{font-weight:bold; }
#section20 .inner p{margin-top:50px; color:#333; font-size:18px; text-align:center; font-family: 'S-CoreDream-3Light';}
#section20 .inner ul{margin:40px auto 0; width:450px;}
#section20 .inner ul li{background:rgba(51,51,51,0.3); text-align:center; padding:10px 0; color:#fff; position:relative; margin-top:20px;
	font-family: 'S-CoreDream-4Regular'; font-size:22px;}
#section20 .inner ul li .step{position:absolute; left:20px; top:-5px; background:#8c4646; color:#fff; width:30px; height:40px; border-radius:0 0 15px 15px;
	line-height:40px; font-size:18px;}
#section20 .inner .nt{font-family: 'S-CoreDream-3Light'; font-size:16px; text-align:center; margin-top:20px;}
#section20 .inner .nt span{color:#a73333; font-weight:bold;}
#section20 .inner .nt br{display:none;}
#section20 .inner .link{width:560px; margin:80px auto 0;}
#section20 .inner .link a{display:block; height:70px; line-height:70px; background:#7a2f5e; color:#fff; font-size:28px; text-align:center;
	border-radius:50px;}
#section20 .inner .link a span{color:#e3ab00}

@media only screen and (max-width: 1024px){
	#section20 .inner .link{width:270px; margin:40px auto 0;}
	#section20 .inner .link a{height:55px; line-height:55px; font-size:14px;}
}

@media only screen and (max-width: 1540px){
	#section20{background-position:left -150px center;}
}

@media only screen and (max-width: 1440px){
	#section20 .inner{margin-right:200px;}
	#section20 .inner .mark{width:140px;  right:-150px; top:0;}
	#section20 .inner .mark img{width:100%;}
}

@media only screen and (max-width: 1230px){
	#section20 .inner{float:none; margin-right:0; margin:0 auto;}
}
@media only screen and (max-width: 1024px){
	#section20{padding:100px 0;}
	#section20 .inner .title{font-size:60px;}
	#section20 .inner .title small{font-size:20px;}
	#section20 .inner p{font-size:13px; word-break:keep-all; padding:0 20px;}
	#section20 .inner ul{width:90%;}
	#section20 .inner ul li{font-size:18px;}
	#section20 .inner{position:initial; width:100%; padding:0 10px; box-sizing:border-box;}
	#section20 .inner .mark{top:10px; right:10px;}
	#section20{position:relative;}
	#section20 .inner p br{display:none;}
	#section20 .inner ul li .step{height:30px; line-height:30px;}
}
@media only screen and (max-width: 900px){
	#section20 .inner .mark{width:100px;}
	#section20 .inner .title{font-size:40px;}
	#section20 .inner .title small{font-size:18px; margin-top:10px;}
}
@media only screen and (max-width: 500px){
	#section20{background:url('../img/s20_bg_m2.jpg') no-repeat; position:relative; padding:40px 0; background-size:cover;
	background-position:center;}
	#section20 .inner .mark{display:none;width:60px;  top:120px;}
	#section20 .inner .title{font-size:38px;margin-top:-10px;}
	#section20 .inner .title small{font-size:16px;}
	#section20 .inner .nt br{display:block;}
	#section20 .inner p{font-size:13px; word-break:keep-all; padding:0 20px; margin-top:300px;}
	#section20 .inner ul{margin:30px auto 0; max-width:90%;}
#section20 .inner ul li{background:rgba(51,51,51,0.3); text-align:center; padding:5px 10px; color:#fff; position:relative; margin-top:10px;
	font-family: 'S-CoreDream-4Regular'; font-size:14px;}
#section20 .inner ul li .step{position:absolute; left:10px; top:-6px; background:#8c4646; color:#fff; width:25px; height:30px; border-radius:0 0 15px 15px;
	line-height:30px; font-size:16px;}
}

#section20_1 {position:relative;}
#section20_1 img {width:100%; display:block;}
#section20_1 .mb {display:none}
#section20_1 .link{position:absolute; bottom:10%; left:50%; transform:translate(-50%,-50%);width:560px; margin:80px auto 0;}
#section20_1 .link a{display:block; height:70px; line-height:60px; background:#ff6ccf; border:5px solid #000; border-radius:50px;color:#000;
font-size:30px; font-weight:bold; text-align:center;}

 @media only screen and (max-width: 500px){
#section20_1 .mb {display:block}
#section20_1 .pc {display:none}

#section20_1 .link{width:270px; margin:40px auto 0;}
#section20_1 .link a{height:55px; line-height:44px; font-size:17px;}

}


#section21{background:#ebe5dd; padding:150px 00px 200px;}
#section21 .inner{background:#fff; width:800px; margin:0 auto; padding:10px; position:relative; z-index:1;}
#section21 .inner:before{content:""; display:block; background:url('http://raswedding.com/theme/basic/img/s16_01.png') no-repeat; background-size:cover; position:absolute;
	left:-50px; top:-50px; width:240px; height:266px;}
#section21 .inner:after{content:""; display:block; background:url('http://raswedding.com/theme/basic/img/s16_07.png') no-repeat; background-size:cover; position:absolute;
	right:-78px; bottom:-90px; width:296px; height:266px; z-index:-1;}
#section21 .inner02{background:#fff; border:5px solid #ebe6de; text-align:center; padding:80px 0;}
#section21 .inner02 .title{color:#57585a; font-family: 'S-CoreDream-4Regular'; font-size:38px;}
#section21 .inner02 .title > span{font-family: 'S-CoreDream-6Bold'; font-size:42px;}
#section21 .inner02 .title > div{font-family: 'S-CoreDream-4Regular'; font-size:46px; letter-spacing:2px; margin:30px 0;}
#section21 .inner02 .title > div span{font-family: 'S-CoreDream-6Bold'; }
#section21 .inner02 .title img{width:500px; margin-left:auto; margin-right:auto; display:block;}
#section21 .inner02 .title small{display:block; font-size:22px; letter-spacing:5px; padding-top:40px; position:relative;}
#section21 .inner02 .title small:before{content:""; display:block; width:60px; height:1px; background:#57585a; position:absolute;
	left:50%; transform:translateX(-50%); top:20px;}
#section21 ul li{margin-top:80px; color:#333; font-family: 'NanumSquare', sans-serif; font-size:28px;}
#section21 ul li > span{display:inline-block; background:#d5b389; color:#fff; font-size:18px; border-radius:5px; text-align:center;
	width:85px; height:32px; line-height:32px; vertical-align:top; margin-right:10px;}
#section21 ul li b{color:#d5b389;}
#section21 ul li img{width:70%; margin-top:30px;}
#section21 ul li img.etc{width:94%; margin-top:60px;}
#section21 ul li div{font-size:20px; margin-top:30px; line-height:32px;}
#section21 ul li div span{font-size:15px; display:inline-block; margin-left:5px;}
#section21 ul li div b{display:block; font-size:24px; margin-top:8px;}

@media only screen and (max-width: 1024px){
	#section21{overflow:hidden;}
	#section21 .inner{width:92%;}
	#section21 .inner02 .title{font-size:20px;}
	#section21 .inner02 .title > span{font-size:25px;}
	#section21 .inner02 .title > div{font-size:38px;}
	#section21 .inner02 .title img{width:416px;}
	#section21 .inner02 .title small{font-size:18px;}
	#section21 ul li{font-size:23px;}
	#section21 ul li > span{height:26px; line-height:26px; font-size:15px;}
	#section21 ul li div{font-size:16px; line-height:26px;}
	#section21 ul li div b{font-size:20px;}
}
@media only screen and (max-width: 900px){
	#section21 .inner02 .title{font-size:18px;}
	#section21 .inner02 .title > span{font-size:22px;}
	#section21 .inner02 .title > div{font-size:32px;}
	#section21 .inner02 .title img{width:80%;}
	#section21 .inner02 .title small{font-size:16px;}
	#section21 ul li{font-size:16px; word-break:keep-all; padding:0 20px;}
	#section21 ul li > span{height:26px; line-height:26px; font-size:15px; display:block; margin:0 auto 10px;}
	#section21 ul li div{font-size:16px;}
	#section21 ul li div b{font-size:18px;}
}
/*
#section18 {background:linear-gradient(311deg, #ffcccd 50%, #ffe5b9);
background-position:top 0 center;
	background-size: 100%;  text-align:center; position:relative; overflow:hidden;}

 #section18 .deco{background: url('../img/n_s18_04_2.png') no-repeat; background-position:top 0 center;
	background-size: 100%; padding:100px 0 50px 0; text-align:center; position:relative; overflow:hidden; }
 */
 #section18{background:#3e3e3e url('http://raswedding.com/theme/basic/img/suncheonyakdo.png') no-repeat; background-position:top 0 center;
	background-size: 100%; padding:200px 0 50px 0; text-align:center; position:relative; overflow:hidden; }

/* #section18:after{
	content:""; width:100%;height:100%; z-index:99;  position:absolute; top:70%; right:0; 
	background: url('http://raswedding.com/theme/basic/img/location_deco2.png') no-repeat;	background-size: contain;  text-align:center;}  */
@media only screen and (max-width: 1850px){
#section18:after{top:75% }
}
@media only screen and (max-width: 1550px){
#section18:after{top:80% }
}
@media only screen and (max-width: 1100px){
#section18:after{top:85% }
}

#section18 .title{font-size:60px; color:#fff;  font-family: 'IBMPlexSansKR-Bold';}
#section18 .title small{font-size:20px; display:block; font-family: 'S-CoreDream-3Light';}
#section18 .location{font-family: 'S-CoreDream-4Regular'; color:#fff; font-size:35px; margin:30px 0 50px; padding:20px 0; display:inline-block;
	position:relative;}
#section18 .location:before{content:""; display:block; width:calc( 100% + 50px); height:2px; background:#fff; position:absolute; left:50%; top:0;
	transform:translateX(-50%);}
#section18 .location:after{content:""; display:block; width:calc( 100% + 50px); height:2px; background:#fff; position:absolute; left:50%; bottom:0;
	transform:translateX(-50%);}
#section18 .location span{display:block; font-size:22px; margin-top:10px;}
#section18 img{width:800px; display:block; margin-right:auto; margin-left:auto;}
#section18 .mb{display:none;}

#section18 .day {color:#fff; font-size:50px; font-family: 'IBMPlexSansKR-Bold'; }

#section18  .location-map-wrap {width:100%; overflow:hidden;display: flex;
    justify-content: center;}
#section18  .location-map-wrap img{width:100%;}
#section18  .location-map {width:100%; height:0;}
#section18  .location-map.on {width:100%; height:700px}
.root_daum_roughmap .wrap_map {height:700px !important;}    




@media only screen and (max-width: 1230px){
	#section18 img{width:92%;}
}
@media only screen and (max-width:1024px){
	#section18 {padding:100px 0 50px 0;}
	#section18 .title{font-size:36px;}
	#section18 .title small{font-size:16px;}
	#section18 .location{font-size:29px;}
	#section18 .location span{font-size:18px;}
}
@media only screen and (max-width:900px){	
	#section18 .pc{display:none;}
	#section18 .mb{display:block;}
	#section18 .title{font-size:28px;}
	#section18 .title small{font-size:14px;}
	#section18 .location{font-size:18px; margin:30px 0 50px; padding:10px 0;}
	#section18 .location span{font-size:13px; margin-top:5px;}
	#section18 .location:before{content:""; display:block; width:100%; height:1px; background:#fff; position:absolute; left:50%; top:0;
		transform:translateX(-50%);}
	#section18 .location:after{content:""; display:block;  width:100%; height:1px; background:#fff; position:absolute; left:50%; bottom:0;
		transform:translateX(-50%);}
	#section18 .day {color:#fff; font-size:20px;}
}


#section22 {background:#f7e9e5; text-align:center; padding:10px 0 50px;}
#section22 img{margin:0 auto;max-width:1000px; width:100%}


#quick{width:138px; height:142px;  position:fixed; right:20px; top:20px; text-indent:-9999px; cursor:pointer; box-sizing:border-box;
	background-position:center;
	z-index:99999999; background:url('../img/quick06.png') no-repeat; background-size:cover; }
#quick a{display:block; width:100%; height:100%; }

@media only screen and (max-width:900px){	
	#quick{display:none;}
}

#container_title{display:none;}
.reser{width:100%; height:100%; background:url('../img/reservation_bg.png') no-repeat; background-size:cover; background-position:center; position:relative;}
.r_inner{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:700px;
	background-size:cover;}
.r_inner02{padding:40px 40px;}
.r_inner02 .title{text-align:center; font-size:38px; color:#bf685e; font-family: 'S-CoreDream-6Bold'; margin-bottom:30px;}
.r_inner02 .title span{}
.r_inner02 tr:after{content:""; display:block; float:none; clear:both;}
.r_inner02 th{color:#333; font-weight:normal; font-size:18px; font-weight:500; float:left; width:140px; text-align:left;
	height:60px; line-height:60px;}
.r_inner02 td{float:left; width:calc(100% - 140px); padding:10px 0;}
.r_inner02 td input{width:100%;}
.r_inner02 .tr01 td select{width:100%;}
.r_inner02 .name td:after{content:""; display:block; float:none; clear:both;}
.r_inner02 .name td select{float:left; width:100px;}
.r_inner02 .name td input{float:left; width:calc(100% - 110px); margin-left:10px; }

.r_inner02 .num td:after{content:""; display:block; float:none; clear:both;}
.r_inner02 .num td select{float:left; width:100px;}
.r_inner02 .num td input{float:left; width:calc( (100% - 120px) / 2); margin-left:10px;}

.r_inner02 th.must{background:url('../img/must_icon.png') no-repeat; background-size:15px; background-position:right 20px center;}
.r_inner02 .tr01 td div{float:left; width:28%;}
.r_inner02 .tr01 td:after{content:""; display:block; float:none; clear:both;}
.r_inner02 .tr01 td div.div{float:left; width:16%; line-height:40px;}
.r_inner02 .tr01 td div:after{content:""; display:block; float:none; clear:both;}
.r_inner02 .tr01 td div input{float:left; width:calc(100% - 30px);}
.r_inner02 .tr01 td div span{float:left; width:30px; line-height:40px; font-size:15px; padding-left:4px;}
.r_inner02 .tr01 td div.div label{line-height:40px; font-size:15px; padding-left:7px;}
.r_inner02 .tr01 td div.div input{width:20px; height:20px; margin-top:10px;}

.r_inner02 select{border:none; outline:none; height:40px; padding:0 10px; border:1px solid #ccc; box-shadow:none; font-size:15px; color:#333; 
	font-weight:normal; -moz-appearance: none; -webkit-appearance: none;	appearance: none;
	border-radius: 0px;background:#fff url('../img/arrow_icon.png') no-repeat;  background-size:16px; background-position:right 10px center;}
.r_inner02 select::-ms-expand { display: none; }
.r_inner02 input{border:none; outline:none; height:40px; padding:0 10px; border:1px solid #ccc; box-shadow:none; font-size:15px; color:#333; 
	font-weight:normal; border-radius: 0px;}
select option {
  background: #f8f8f8; color:#333;
}
.r_inner02 .txt{margin-top:10px;}
.r_inner02 .title02{color:#333;  font-weight:normal; font-size:18px; font-weight:500;}
.r_inner02 .form-control{border:1px solid #ccc; height:150px; background:#fff; margin-top:20px; overflow-y:scroll; padding:10px;
	word-break:keep-all;}
.r_inner02 .form-control2{border:1px solid #ccc; height:50px; background:#fff; margin-top:20px; overflow-y:scroll; padding:10px;
	word-break:keep-all;}
.r_inner02 .checkbox{margin-top:20px; color:#333;  font-weight:normal; font-size:15px; font-weight:500;}
.r_inner02 .checkbox input{border:none; outline:none; width:20px; height:20px; border:1px solid #ccc; margin-right:7px;}
.r_inner02 .send{border:none; outline:none; height:60px; line-height:60px; background:#bf685e; color:#fff; text-align:center; width:100%;
	border-radius:30px; font-family: 'S-CoreDream-6Bold'; font-size:24px; margin-top:20px;}

@media only screen and (max-width: 1024px){
	.r_inner02 th.must{background-position:left 00px center;}
	.r_inner02 th{padding:0 0 0 18px;}
	body{overflow:hidden;}
}
@media only screen and (max-width: 900px){
	.reser{height:auto ! important;}
	.r_inner{width:100%; position:initial; top:initial; left:initial; transform:initial; margin:0 auto; }
	.r_inner02{padding:30px 20px;}
	.r_inner02 .title{font-size:26px;}
	.r_inner02 .title span{display:block;}
	.r_inner02 th{float:none; width:100%; display:block; height:auto; line-height:initial; font-size:16px;}
	.r_inner02 td{float:none; width:100%; display:block; font-size:15px; padding:10px 0 10px;}
	.r_inner02 .name td select{}
	.r_inner02 .name td input{margin:0px 0 0 10PX;}
	.r_inner02 .num td select{}
	.r_inner02 .num td input{margin:0px 0 0 10px;}
	.r_inner02 .form-control{margin-top:10px;}
	.r_inner02 .send{height:40px; line-height:40px; margin-top:40px; font-size:20px;}

	.r_inner02 .tr01 td div{width:calc( (100% - 60px) / 3)}
	.r_inner02 .tr01 td div.div{width:60px; line-height:40px;}
	.root_daum_roughmap .wrap_map {height:500px !important;}  
}