@charset "utf-8";

/* 초기 설정 */
* {
    margin: 0;
    padding: 0;
}

img {
    vertical-align: top;
}

html,
body {
    overflow-x: hidden;
}

body {
}

body.on,
html.on {
    overflow: hidden;
    width: 100%;
    height: 100vh;
    min-height: 100%;

}

ul {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
}

a,
a:hover,
a:active {
    text-decoration: none;
    color: inherit;
}

button{
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    cursor: pointer;

}

body{
    background:#f5f5f5;
}

.wrap {
    position: relative;
    width: 760px;
    /* height: 1429px; */
    margin: 0 auto;
    
   
}

header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    position: fixed;
    width: 760px;
    height:80px;
    top:0;
    left:50%;
    padding:0 26px;
    background:#fff;
    border-bottom:1px solid #ccc;
    transform:translateX(-50%);
    z-index:9999999;
}

header .logo{
    font-size:0;
}

/* header .nav_btn{position: relative; width:62px; height:62px; border-radius:100%; background:url(../images/top_menu.png)#fff center no-repeat; z-index:99999;} */
header .nav_btn{position: relative; width:62px; height:62px; border-radius:100%; background:url(../images/top_menu.png)#fff center no-repeat; z-index:99999;}

nav{position: absolute; width:100%; height:100%; overflow:hidden;}
/* nav.on{display:block} */
nav .gnb{position: absolute; top:0; right:-642px; width:642px; height:100%; padding-top:80px; font-family: 'S-CoreDream-5Medium'; background:#ce6b6b; z-index:9999; transition:right 0.5s;}
nav.on .gnb{right:0;}
nav .gnb a{color:#fff;}
nav .gnb>li>a{display:block; padding-left:55px; font-family: 'S-CoreDream-7ExtraBold'; font-size:30px; line-height:89px; border-top:1px solid #e8e8e8;}
nav .gnb>li:last-child>a{border-bottom:1px solid #e8e8e8;}
nav .gnb>li:hover>a{color:#cc6a6a; background:#fff;}
nav .gnb .lnb{padding-left:80px;}
nav .gnb .lnb>li{padding:20px 0; border-bottom:1px solid rgba(232,232,232,0.5)}
nav .gnb .lnb>li:last-child{border:0;}
nav .gnb .lnb>li>span{display:block; margin-bottom:27px; color:#ffeec8; font-size:26px;}
nav .gnb .lnb .depth>li{margin-bottom:20px;}
nav .gnb .lnb .depth>li:last-child{margin-bottom:0px;}
nav .gnb .lnb .depth>li>a{display:inline-block; position: relative; font-size:22px; line-height:1.3;}
nav .gnb .lnb .depth>li>a::after{position: absolute; top:50%; right:0px; width:24px; height:24px; border-radius:100%; transform:translate(calc(100% + 10px), -50%); background:url(../images/nav_arr.png)#fff center no-repeat; opacity:0; transition:opacity 0.2s; content:'';}
nav .gnb .lnb .depth>li:hover>a::after{opacity:1;}

/* .slide_wrap {
    padding-top:80px;
    overflow:hidden;
}

.slide_wrap .swiper-slide {
    position: relative;
    overflow:hidden;
}
.wrap-arr-prev,
.wrap-arr-next{
    position: fixed;
    width:150px;
    height:150px;
    background-size:45px 76px;
    background-position:center;
    background-repeat:no-repeat;
}
.wrap-arr-prev{
    left:0;
    background-image:url(../images/slide_arr_prev.png);
}
.wrap-arr-next{
    right:0;
    background-image:url(../images/slide_arr_next.png);
}


footer{
    display:flex;
    align-items:center;
    justify-content: center;
    height:142px;
    background:#34302c;
} */


.slide_wrap {
    padding-top:80px;
    padding-bottom:139px;
    overflow:hidden;
}

.slide_wrap .swiper-slide {
    position: relative;
    overflow:hidden;
}
/* .wrap-arr-prev,
.wrap-arr-next{
    position:fixed;
    width:150px;
    height:150px;
    background-size:45px 76px;
    background-position:center;
    background-repeat:no-repeat;
}
.wrap-arr-prev{
    left:50%;
    background-image:url(../images/slide_arr_prev.png);
    transform:translateX(-530px)
}
.wrap-arr-next{
    right:50%;
    background-image:url(../images/slide_arr_next.png);
    transform:translateX(530px)
} */


footer{
    display: flex;
    flex-direction:column;
    position:fixed;
    justify-content:center;
    align-content: center;
    bottom:0;
    width:760px;
    height:139px;
    padding:0 40px;
    z-index:999;
    border-top:1px solid #ccc;
    background:#fff;
}

footer.on{
    position:absolute;
    left:0;
}

footer>div{
    display: flex;
    justify-content: space-between;
    align-items: center
}

footer .f_top{
    margin-bottom:26px;
}

footer .f_top .swiper-pagination{
    position: relative;
    width:100%;
    max-width:600px;
    height:4px;
    background:#ccc;
}

footer .f_top .swiper-pagination .swiper-pagination-progressbar-fill{
    background:#e3655d;
}

footer .f_top .page{
    display:flex;
    position: relative;
    width:auto;
    bottom:auto;
    left:auto;
    font-size:0;
}

footer .f_top .page>span{
    display:block;
    position: relative;
    width:45px;
    padding:0 5px;
    color:#999;
    font-family: 'S-CoreDream-4Regular';
    font-size:24px;
    text-align:center;
    letter-spacing:0.08em;
    line-height:26px;
}

footer .f_top .page::after{
    display: block;
    position: absolute;
    top:0;
    right:50%;
    width:1px;
    height:26px;
    background:#d6d6d6;
    content:'';
}

footer .f_bottom .f_arr_btn{
    position: relative;
    display: flex;
    margin-left:68px;
}

footer .f_bottom .f_arr_btn>div{
    position: relative;
    width:auto;
    height:auto;
    left:auto;
    right:auto;
    margin:0;
    color:#333;
    font-family: 'S-CoreDream-5Medium';
    font-size:24px;
    background-repeat:no-repeat;
    background-size:auto;
}

footer .f_bottom .f_arr_btn .wrap-arr-prev{
    padding-left:25px;
    padding-right:20px;
    background-position:left center;
    background-image:url(../images/f_arr2.png);
}

footer .f_bottom .f_arr_btn .wrap-arr-next{
    padding-left:20px;
    padding-right:25px;
    background-position:right center;
    background-image:url(../images/f_arr.png);
}

footer .f_bottom .f_arr_btn::after{
    position: absolute;
    width:1px;
    height:26px;
    right:50%;
    top:50%;
    background:#ccc;
    transform:translateY(-50%);
    content:'';
}

footer .f_bottom .f_first_btn{
    margin-left:auto;
    color:#333;
    font-family: 'S-CoreDream-6Bold';
    font-size: 24px;
}