/*  폰트 적용 */
@import url('https://fonts.googleapis.com/css?family=Gamja+Flower&display=swap');

html {
    font-family: 'Gamja Flower', cursive;
}

/* 노말라이즈 */
body,ul,li,h1 {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    color: inherit;
    text-decoration: none;
}

/* 라이브러리 */
.con {
    margin: 0 auto;
}

.img-box > img {
    width: 100%;
    display: block;
}

.row::after {
    content: "";
    display: block;
    clear: both;
}

.cell {
    float: left;
    box-sizing: border-box;
}

.cell-right {
    float: right;
    box-sizing: border-box;
}

.margin-0-auto {
    margin: 0 auto;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.text-align-center {
    text-align: center;
}

.line-height-0-ch-only {
    line-height: 0;
}

.line-height-0-ch-only > * {
    line-height: normal;
}

.relative {
    position: relative;
}

.absolute-left {
    position: absolute;
    left: 0;
}

.absolute-right {
    position: absolute;
    right: 0;
}

.absolute-middle {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.width-100p {
    width: 100%;
}

.table {
    display: table;
}

.table-cell {
    display: table-cell;
}

.vertical-align-top {
    vertical-align: top;
}

.vertical-align-middle {
    vertical-align: middle;
}

.vertical-align-bottom {
    vertical-align: bottom;
}

/* 커스텀 */
body {
    background: #d6c9b6;
}
.con {
    width: 1200px;
}
/*따라다니는 메뉴*/
.con-min-width {
    min-width: 1200px;
}
.relative {
    position:relative;
}

.fly{
    position:absolute;
    left:50%;
    top:0;
    height:360px;
    margin-left:615px;
}
.fly > img {
    width:230px;
}

/*로고바 시작*/
.logo-bar {
    padding-top:20px;
    padding-bottom:10px;
    
}
.logo-bar > .logo-bar-1 > .brand > img:first-child {
    width: 205px;
}
.logo-bar > .logo-bar-1 > .brand > img:last-child {
    width: 197px;
    padding-top: 38px;
    margin-left: 20px;
}
.logo-bar > .logo-bar-1 > .login {
    padding-top: 46px;
}
.logo-bar > .logo-bar-1 > .login > img {
    width: 38px;
    height: 15px;
    margin: 0 5px;
    position: relative;
}

/*메뉴바 시작*/
.menu-bar {
    background-color:#AACC5B;
    border-radius:10px;
}

.menu-bar .menu-bar-1 >ul > li >  a {
    display:block;
}

.menu-bar .menu-bar-1> ul > li > a {
    padding:15px 28px;
    font-size:14px;
    font-family: 'Lato:400',sans-serif;
}
.menu-bar > .menu-bar-1 > .row > .cell > ul > li {
    border:0.5px solid #afafaf;
}
.menu-bar> .menu-bar-1 > .row > .cell > ul > li:hover > a {
    background-color:#afafaf;
}

.menu-bar .menu-bar-1 > ul ul {
    display:none;
    position:absolute;
    top:calc(100% + 1px);
    left:0;
    width:140px;
    z-index:10;
    font-size:20px;
}

.menu-bar .menu-bar-1> ul ul > li {
    background-color:white;
}


.menu-bar .menu-bar-1 > ul ul > li > a {
    text-align:center;
    padding:5px;
    font-size:12px;
}

.menu-bar .menu-bar-1> ul ul::before {
    content:"";
    display:block;
    position:absolute;
    width:100%;
    height:6px;
    bottom:100%;
}

.menu-bar .menu-bar-1 > ul ul::after {
    content:"";
    position:absolute;
    width:10px;
    height:10px;
    background-color:white;
    transform:rotate(45deg);
    top:-6px;
    left:55%;
    /* 유령의 간의 우열 */
    z-index:-1;
    border:1px solid #afafaf;
}

.menu-bar .menu-bar-1 ul > li {
    position:relative;
}

.menu-bar .menu-bar-1 > ul > li:hover > ul {
    display:block;
}
/*슬라이더 시작*/
.season-slider {
    height:100%;
    position:relative;
    padding:20px 0;
}
.season-slider > .side-bars > div {
    position:absolute;
    top:;
    left:0;
    width:calc(50% - 100px);
    height:100%;
    cursor:pointer;
}

.season-slider >.side-bars >div:last-child {
    left:auto;
    right:0;
}

.season-slider >.side-bars > div > span {
    position:absolute;
    transform:translatey(-50%);
    left:inherit;
    right:inherit;
    font-size:5rem;
    display:block;
    margin:370px 0;
    color:#adadad;
}

.season-slider >.slides > .img-box {
    opacity:0;
}
.season-slider >.slides > .img-box.active {
    opacity:1;
}
.season-slider >.slides > .img-box > img {
    position:absolute;
}
.season-slider >.pages {
    position:absolute;
    margin:750px 600px;
}
.season-slider >.pages > span {
    display:inline-block;
    width:10px;
    height:10px;
    background-color:rgba(255,255,255,1);
    border-radius:50%;
    border:1px solid #afafaf;
    cursor:pointer;
}
.season-slider >.pages > span.active {
    background-color:rgba(0,0,0,0);
}

/*배너 시작*/
.banner-bar {
    margin-top:870px;
}
.banner-bar > .banner-bar-1 {
    
}
.banner-bar > .banner-bar-1 > .img-box {
}

.banner-bar > .banner-bar-1 > .img-box  > img {
    width:25%;
    padding:0 10px;
}

.banner-bar > .banner-bar-1 > .img-box  > img:first-child {
    padding-left:0;
}

.banner-bar > .banner-bar-1 > .img-box  > img:last-child {
    padding-right:0;
}

.content-box > .row {
    margin:0 -10px;
}


/*컨텐츠*/
.content-box {
    margin-top:870px;
}
.content-box > .row > .cell {
    width:50%;
    padding:0 10px;
    margin-top:20px;
}


.content-box > .row > .cell > .content > .head > .title {
    font-size:22px;
    font-weight:bold;
}

.content-box > .row > .cell > .content > .head > .btn-more {
    width:19px;
    height:19px;
    background-image:url(./img/btn_more.png);
    margin-top:5px;
    margin-right:5px;
    cursor:pointer;
}

.content-box > .row > .cell > .content > .body.body-type-1 {
    padding-top:10px;
    border-top:1px solid #AACC5B;
}

.content-box > .row > .cell > .content > .body.body-type-1 > ul > li > a {
    color:#434343;
    font-size:14px;
}

.content-box > .row > .cell > .content > .head > .head-1 {
    padding-bottom:10px;
    
}

/*before*/
.content-box > .row > .cell > .content > .body.body-type-1 > ul >li> .block > .title::before{
    content:"";
    display:inline-block;
    width:3px;
    height:3px;
    border-radius:50%;
    background-color:#7c7c7c;
    margin-right:9px; 
}

.content-box > .row > .cell > .content > .new {
    border:1px solid #AACC5B;
}
.content-box > .row > .cell > .content > .new > .img-box > img {
    width:125px;
    height:70px;
}
.content-box > .row > .cell > .content > .new  > li {
    border-right: solid 1px #AACC5B;
    width:33.333%;
    text-align:center;
    height:90px;
}
.content-box > .row > .cell > .content > .new  > li >span {
    font-size:13px;
}
.content-box > .row > .cell > .content > .new  > li > span {
    margin-bottom:20px;
}
.content-box > .row > .cell > .content > .new  > li > span {
    background-color:#AACC5B;
    width:100%;
    display:block;
    margin-top:1px;
    margin-left:1px;
    height:20px;
    font-weight:bold;
    font-size:15px;
}
.content-box > .row > .cell > .content > .new  > li > img {
    display:block;
    margin:0 auto;
    width:40px;
    height:43px;
}
/*푸터*/
.footer-box {
    background-color:#AACC5B;
    margin-top:30px;
}

.footer-box > .footer-bar-1 > .row > .cell {
    font-size:10px;
    padding:0 10px;
    position:relative;
    color:#black;
}
.footer-box > .footer-bar-1 > .row > .cell::after {
    content:"";
    display:inline-block;
    width:1px;
    height:15px;
    background-color:black;
    position:absolute;
    top:15px;
    left:0;
}

.footer-box > .footer-bar-2 > h2 {
    font-size:12px;
    
}
.footer-box > .footer-bar-2 > .img-box > img {
    width:175px;
}