@charset "utf-8";
/* ************************************** *
 * 웹폰트 import
 * ************************************** */
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
}
@font-face {
    font-family: 'NanumSquareNeoBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}
@font-face {
    font-family: 'NanumSquareNeoExtraBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
}
@font-face {
    font-family: 'NanumSquareNeoHeavy';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
}
/* ************************************** *
 * 속성 초기화
 * ************************************** */
body {min-width: 1200px;}
body, div, dl, dt, dd, ul, ol, li, i, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, legend, button, select, p, blockquote, a, img { border: 0; padding: 0; margin: 0;}
ol, ul, li { list-style: none; margin: 0; padding: 0;}
a { text-decoration: none; outline: none; -webkit-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out;}
a:link, a:visited { text-decoration: none;}
a:hover, a:active { text-decoration: none;}
img { max-width: 100%;}
/* ************************************** *
 * 스크롤 시 텍스트 애니메이션
 * ************************************** */
.in-view { opacity: 1; -webkit-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;}
.fade-in { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.in-view.fade-in { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.fade-up { opacity: 0; -webkit-transform: translate3d(0, 15%, 0); transform: translate3d(0, 15%, 0);}
.in-view.fade-up { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.fade-down { opacity: 0; -webkit-transform: translate3d(0, -15%, 0); transform: translate3d(0, -15%, 0);}
.in-view.fade-down { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.fade-left { opacity: 0; -webkit-transform: translate3d(15%, 0, 0); transform: translate3d(15%, 0, 0);}
.in-view.fade-left { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.fade-right { opacity: 0; -webkit-transform: translate3d(-15%, 0, 0); transform: translate3d(-15%, 0, 0);}
.in-view.fade-right { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.fade-rotate { transform:scale(.3) rotate(-15deg); opacity: 0}
.in-view.fade-rotate { transform:scale(1) rotate(0); opacity: 1;}
.fade-rotate2 { transform:scale(.5) rotate(10deg); opacity: 0}
.in-view.fade-rotate2 { transform:scale(1) rotate(0); opacity: 1;}
.fade-scale { transform:scale(.4); opacity: 0}
.in-view.fade-scale { transform:scale(1); opacity: 1;}
/* 시간 딜레이 */
.delay20 { transition-delay: .2s;}
.delay25 { transition-delay: .25s;}
.delay30 { transition-delay: .3s;}
.delay40 { transition-delay: .4s;}
.delay50 { transition-delay: .5s;}
.delay60 { transition-delay: .6s;}
.delay75 { transition-delay: .75s;}
.delay80 { transition-delay: .8s;}
.delay100 { transition-delay: 1s;}
.delay120 { transition-delay: 1.2s;}
.delay150 { transition-delay: 1.5s;}
.delay200 { transition-delay: 2s;}
.delay250 { transition-delay: 2.5s;}
.delay300 { transition-delay: 3s;}
/* ************************************** *
 * 버튼 공통
 * ************************************** */
 .direct .btn-insert { background: #fff; color: #4226e4; margin-top: 830px;}
.direct .btn-insert:hover { background: #fec36b;}
.btn-insert { display: inline-block; padding: 0 50px; height: 70px; line-height: 70px; border-radius: 50px; font-size: 32px; font-family: 'NanumSquareNeoExtraBold', sans-serif !important; text-align: center;}
/* ************************************** *
 * 컨텐츠
 * ************************************** */
.clear-both { display: block; margin: 0 auto;}
.clear-both:after { content: ""; display: block; clear: both;}
.flex { justify-content: center; display: flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap;}
/* 다이렉트 결혼준비 */
.direct { height: 1670px; padding-top: 100px; background: #b6bbfb url('../../../weddingoutlet_250308/new/direct-bg.jpg') no-repeat center top; text-align: center; box-sizing: border-box;}
.direct .txt { width: 1200px; margin: 0 auto;}
/* 허니문 떠나요 */
.honeymoon {
    background: url('fair-img/honeymoon-bg-1.jpg') no-repeat center top;
    text-align: center;
    box-sizing: border-box;
}
.honeymoon .hm-tit {
    position: relative;
    width: 750px;
    margin: 0 auto 110px;
    padding-top: 150px;
}
.honeymoon .hm-tit > div {
    position: absolute;
    right: -10px;
    bottom: 143px;
}
.honeymoon .hm-top5 ul {
    padding: 45px 0 50px;
}
.honeymoon .hm-top5 li {
    margin: 0 10px;
}
.honeymoon .hm-top5 p {
    font-family: 'NanumSquareNeoBold', sans-serif !important;
    font-size: 30px;
    color: #111;
}
.honeymoon .hm-top5 p strong {
    font-family: 'NanumSquareNeoHeavy', sans-serif !important;
    color: #f99152;
}
.honeymoon .hm-list {
    padding-top: 120px;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
}
.hm-slider-for .slick-slide {
    position: relative;
}
.hm-slider-for .slick-slide img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}
.hm-slider-for .slick-slide div {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 50px 30px 30px 50px;
    background: linear-gradient(90deg,#ffffff00 0%, rgba(0,0,0,.7) 50%);
    text-align: right;
}
.hm-slider-for .slick-slide div p:nth-of-type(1) {
    position: absolute;
    top: -20px;
    right: 0;
    padding: 10px 20px;
    font-family: 'NanumSquareNeoHeavy', sans-serif !important;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    background-color: #3871c2;
}
.hm-slider-for .slick-slide div p:nth-of-type(2) {
    font-family: 'NanumSquareNeo', sans-serif !important;
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    line-height: 1.8em;
}
.hm-slider-nav {
    margin-bottom: 50px;
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
}
.hm-slider-nav .slick-track {
    width: 100% !important;
    transform: translate3d(0,0,0) !important;
}
.hm-slider-nav .slick-slide {
    position: relative;
    width: 16.66% !important;
    line-height: 60px;
    transition: opacity 0.3s, transform 0.3s;
    cursor: pointer;
    overflow: hidden;
    font-size: 23px;
    color: #666;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    box-sizing: border-box;
}
.hm-slider-nav .slick-current {
    color: #3871c2;
    background-color: #e6edff;
    font-family: 'NanumSquareNeoHeavy', sans-serif !important;
}
.hm-prev,
.hm-next {
    width: 70px;
    height: 70px;
    transition: all .1s ease-in-out;
}
.hm-prev {
    background: url('fair-img/bg-arr-circle-prev-white.png') no-repeat;
}
.hm-next {
    background: url('fair-img/bg-arr-circle-next-white.png') no-repeat;
}
.hm-prev {
    left: 30px;
}
.hm-next {
    right: 30px;
}
.hm-prev:hover {
    left: 25px;
}
.hm-next:hover {
    right: 25px;
}
.honeymoon .hm-benefit {
    margin-top: 120px;
    padding-bottom: 100px;
    background: url('fair-img/honeymoon-bg-2.jpg') no-repeat center top 40px;
    background-size: cover;
}
.honeymoon .hm-benefit .list1 {
    padding: 50px 0 20px;
}
.honeymoon .hm-benefit .list1 li {
    display: block;
    width: 650px;
    height: 90px;
    line-height: 90px;
    margin: 0 auto 10px;
    background: #fff;
    border-radius: 90px;
    font-size: 35px;
    font-family: 'NanumSquareNeoExtraBold', sans-serif !important;
    text-align: center;
}
.honeymoon .hm-benefit p {
    font-family: 'NanumSquareNeo', sans-serif !important;
    font-weight: normal;
    font-size: 18px;
    color: #fff;
    opacity: .7;
}
.honeymoon .btn-insert { background: #3871c2; color: #fff;}
.honeymoon .btn-insert:hover { background: #4150b1;}
/* 웨딩홀 */
.wedhall {
    padding: 160px 0 140px;
    background: #fcffda url('fair-img/wedhall-bg.jpg') no-repeat center top;
    text-align: center;
    box-sizing: border-box;
}
.wedhall .wh-tit .txt {
    width: 1200px;
    margin: 40px auto 60px;
}
.wedhall .wh-tit .txt .typing {
    height: 130px;
}
.wedhall .wh-tit .txt .typing-txt {
    display: none;
}
.wedhall .wh-tit .txt .typing ul li.on {
    display: inline-block;
    animation-name: cursor;
    animation-duration: 0.3s;
    animation-iteration-count: infinite;
}
.wedhall .wh-tit .txt li {
    font-family: 'NanumSquareNeoBold', sans-serif !important;
    line-height: 1.5em;
    font-size: 30px;
    color: #fff;
}
.wedhall .wh-benefit li {
    margin: 0 10px;
}
.wedhall .wh-list {
    padding: 100px 0 70px;
    width: 1500px;
    margin: 0 auto;
    text-align: center;
}
.slider-for {
    float: left;
    width: 50%;
}
.slider-for .slick-slide {
    position: relative;
}
.slider-for .slick-slide div {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5);
}
.slider-for .slick-slide img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}
.slider-for .slick-slide div p {
    font-weight: bold;
    color: #fff;
}
.slider-for .slick-slide div p:nth-of-type(1) {
    display: inline-block;
    padding: 5px 10px;
    font-size: 14px;
    background: rgba(255,255,255,.3);
    border-radius: 50px;
    margin-right: 12px;
}
.slider-for .slick-slide div p:nth-of-type(2) {
    font-size: 21px;
}
.slider-nav {
    float: left;
    width: 45%;
    margin-left: 5%;
    overflow: hidden;
}
.slider-nav .slick-track {
    float: left;
    width: 100% !important;
    transform: translate3d(0,0,0) !important;
}
.slider-nav .slick-slide {
    position: relative;
    width: calc(16.66% - 12px) !important;
    height: 85px;
    margin: 6px;
    transition: opacity 0.3s, transform 0.3s;
    cursor: pointer;
    overflow: hidden;
    border-radius: 5px;
}
.slider-nav .slick-slide div {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
}
.slider-nav .slick-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    filter: grayscale(100);
    opacity: 0.6;
}
.slider-nav .slick-slide div p {
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translate(0,-50%);
    width: 90%;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
.slider-nav .slick-current img {
    opacity: 1;
    filter: grayscale(0);
}
.slider-nav .slick-current p {
    display: none;
}
.slider-nav .slick-current div {
    background: rgba(0,0,0,0);
}
.wedhall .btn-insert { background: #111; color: #fff;}
.wedhall .btn-insert:hover { background: #8f9a00;}
/* 야외,스몰,커스텀웨딩 */
.smallwed .smwd-tit {
    height: 949px;
    padding-top: 150px;
    box-sizing: border-box;
    background: #ffdee3 url('fair-img/smallwed-bg.jpg') no-repeat center top;
}
.smallwed .smwd-tit > div {
    width: 1200px;
    margin: 0 auto;
}
.smwd-list {
    padding: 30px 0 100px;
    background-color: #9ce0da;
    text-align: center;
}
.smwd-list > div {
    padding: 70px 0;
    width: 1500px;
    margin: 0 auto;
}
.smwd-list .slider-nav .slick-slide {
    width: calc(33.33% - 12px) !important;
    height: 105px;
}
.smallwed .btn-insert { background: #1f6960; color: #fff;}
.smallwed .btn-insert:hover { background: #a73a2a;}
/* 혼수 */
.honsu {
    padding: 100px 0;
    background: #fef4e5 url('fair-img/honsu-bg.jpg') no-repeat center top;
    text-align: center;
}
.honsu .hs-list {
    margin: 80px auto;
    width: 1200px;
}
.honsu .hs-list .img-box {
    float: left;
    width: 500px;
}
.honsu .hs-list .txt-box {
    float: right;
    width: calc(100% - 550px);
    text-align: left;
}
.honsu .hs-list .txt-box h3 {
    display: inline-block;
    font-family: 'NanumSquareNeoExtraBold', sans-serif !important;
    font-size: 42px;
    color: #111;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: solid 3px #111;
}
.honsu .hs-list .txt-box dt {
    display: inline-block;
    font-size: 20px;
    padding: 0 12px;
    margin-top: 20px;
    margin-bottom: 5px;
    line-height: 34px;
    border-radius: 5px;
    background: #ffb120;
    color: #fff;
}
.honsu .hs-list .txt-box dd {
    position: relative;
    padding-left: 15px;
    font-size: 22px;
    color: #333;
    font-family: 'NanumSquareNeo', sans-serif !important;
    line-height: 1.5em;
}
.honsu .hs-list .txt-box dd:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 3px;
    height: 3px;
    background: #5f5f5f;
    border-radius: 50%;
}
.honsu .hs-list .txt-box dd.point {
    font-size: 30px;
    padding-top: 3px;
    font-family: 'NanumSquareNeoExtraBold', sans-serif !important;
    color: #ff7c3c;
}
.honsu .hs-list .txt-box dd.point:before {
    background: none;
}
.honsu .btn-insert { background: #ffe792; color: #ff7c3c;}
.honsu .btn-insert:hover { background: linear-gradient(90deg,#ffb120 0%, #ff7c3c 100%); color: #fff;}
/* NO.1 OK웨딩 */
.okwed {
    padding-bottom: 120px;
    background: #465c8a url('fair-img/okwed-bg.jpg') no-repeat center bottom;
    text-align: center;
    box-sizing: border-box;
}
.okwed .ow-top {
    width: 100%;
    height: 60px;
    margin-bottom: 120px;
    background: #1d2b49;
}
.okwed .ow-list {
    padding: 40px 0 70px;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.okwed .btn-insert { background: #fff; color: #465c8a;}
.okwed .btn-insert:hover { background: linear-gradient(90deg,#f5f588 0%, #9bfcc2 100%);}

/* 스드메패키지 */
.sdmpackage {
    padding: 120px 0;
    background: #fcffda url('../../../weddingoutlet_251119/html/pc/fair-img/sdm-bg.jpg') no-repeat center top;
    text-align: center;
    box-sizing: border-box;
}
.sdmpackage .sdm-tit {
    padding-bottom: 70px;
}
.sdmpackage .sdm-list {
    position: relative;
    width: 1200px;
    margin: 100px auto 0;
    text-align: center;
    background-color: #fff;
    border-radius: 30px;
}
.sdm-nav {
    top: -100px;
    left: 50%;
    transform: translate(-50%,0);
    width: 1050px;
}
.sdm-nav .slick-track {
    float: left;
    width: 100% !important;
    transform: translate3d(0,0,0) !important;
}
.sdm-nav .slick-slide {
    position: relative;
    width: calc(33.33% - 30px) !important;
    margin: 15px;
    border: solid 7px transparent;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden;
    border-radius: 20px;
}
.sdm-nav .slick-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    filter: grayscale(100);
}
.sdm-nav .slick-current img {
    filter: grayscale(0);
}
.sdm-nav .slick-current {
    border: solid 7px #862fb9;
}
.sdm-for {
    padding-bottom: 100px;
}
.sdmpackage .btn-insert { background: #862fb9; color: #fff;}
.sdmpackage .btn-insert:hover { background: #570fa8;}