@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato:700,900&display=swap');
@import url('font.css');



/* -------
    reset
------------------------------------------------------------------ */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,
a, span{
    margin:0; 
    padding:0; 
    border:0;
    /*vertical-align:top; */
    box-sizing:border-box; 
    -ms-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -moz-tap-highlight-color: rgba(0,0,0,0);
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;	
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
ul, ol, dl{list-style:none;}
img, video{-width:100%; vertical-align:middle;}
a{text-decoration:none; color:inherit;}
table{border-collapse:collapse; border-spacing:0;}
input, select{vertical-align:top;}
button{cursor:pointer; margin:0; padding:0; border:none; background:none;vertical-align:top}
.blind, legend{display:block; position:absolute; top:0; left:-1000em; width:1px; height:1px; margin:-1px; overflow:hidden;}
i, em, address{font-style:normal; font-weight:normal;}

input[type="text"], input[type="password"] {padding:5px 10px;}
input[type="checkbox"], input[type="radio"], label{ cursor:pointer; }
input[type="radio"] {margin:0; vertical-align:middle; position:relative; bottom:1px; width:17px; height:17px; border:0 !important;}
input[type="checkbox"] {border:1px solid #c2c2c2; background:#ffffff; margin:0; vertical-align:middle; position:relative; bottom:1px; border:0 !important;}


body{min-width: 320px; font-family: 'S-CoreDream-4Regular', 'Lato', Helvetica, Arial, sans-serif; font-weight:300; font-size:18px;}

:root {
  color-scheme: light only;
}
@media (prefers-color-scheme: dark) {
  html,
  body {
    background: #fff !important;
    background-color: #fff !important;
  }
}


#wrap{width:100%;}


/* -------
    header
------------------------------------------------------------------ */
.util-menu{max-width:1200px; margin:0 auto; text-align:center}
.util-menu .util a{display:inline-block; padding:5px 10px; font-size:14px;}

.rd-navbar-wrap{z-index:1000;}

.rd-navbar-submenu.focus > a > span{color:#62843a;}

@media all and (min-width:1200px){
	.util-menu{position:relative;}
	.util-menu .util{position:absolute; top:0; right:0}
	.util-menu .util a{display:inline-block; margin-left:-4px; padding:5px 0 5px 20px; font-size:14px; color:#afadad; vertical-align:bottom;}
	.util-menu .util a > span{display:block;}
	.util-menu .util-btn{display:inline-block; margin:0 auto;}
	.util-btn > a{position:relative;}
	.util-btn > a:last-child:before{content:''; position:absolute; top:50%; transform:translateY(-50%); left:9px; display:inline-block; width:1px; height:12px; background:#ccc}
	.rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li > a {padding: 5px 10px;}
	.rd-navbar-logo-center.rd-navbar-static .rd-navbar-top-block {padding-top:7px;}
	.rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li > a {padding: 5px 22px;}
	.rd-navbar-static.rd-navbar-logo-center .rd-navbar-nav > li + li {margin-left: 25px;}
}

@media all and (max-width:1199px){
	.rd-navbar-brand > a > img{height:40px}
	.util-menu .util > a:first-child:after{content:' ｜'; display:inline-block; padding-left:10px}
	.util-menu .util > a:nth-child(2){padding-left:0;}
	.util-menu .util a.btn-login, .util-menu .util a.btn-join{margin-top:8px}
	.rd-navbar-default.rd-navbar-fixed .rd-navbar-brand, .rd-navbar-floated.rd-navbar-fixed .rd-navbar-brand, .rd-navbar-top-panel.rd-navbar-fixed .rd-navbar-brand, .rd-navbar-logo-center.rd-navbar-fixed .rd-navbar-brand {
		display: block;
		position: fixed;
		top: 10px;
		left: 50%;
		transform:translateX(-50%);
		width: auto;
		z-index:100;
	}
}




/* -------
    footer
------------------------------------------------------------------ */
#footer {position:relative; background:#303030; width:100%; color:#dfdfdf; line-height:0;}
#footer > div{position:relative;}
#footer .foot-link {position:relative; margin-bottom:35px;}
#footer .foot-link > ul li {float:left; margin-right:55px;}
#footer .foot-link > ul li a {display:block; font-size:16px; font-weight:400; line-height:30px; letter-spacing:-.06em;}
#footer .foot-link > ul li a:hover {text-decoration:underline;}
#footer .foot-logo {position:absolute; top:70px; right:0;}
#footer address {font-style:normal; font-size:14px; line-height:1.5; letter-spacing:-.04em; text-align:left;}
#footer address > strong {display:block; margin-bottom:5px; color:#fff; font-size:16px; font-weight:400;}
#footer span {display:inline-block; margin-right:15px; font-size:14px}

.sns-wrap{position:absolute; right:0; top:0;}
.sns-wrap > ul{text-align:right; overflow:hidden;}
.sns-wrap > ul > li{display:inline-block; list-style:none;}
.sns-wrap > ul > li > a {display:block; width:40px; height:40px; font-size:0; overflow:hidden; margin:0 5px;} 
.sns-wrap > ul > li > a.sns_k {background:url('/user/images/common/ico_kakao.png') no-repeat center; } 
.sns-wrap > ul > li > a.sns_b { background:url('/user/images/common/ico_blog.png') no-repeat center;}

@media all and (max-width:991px){
	#footer .foot-logo{display:none}
	#footer .foot-link > ul li {margin-right:20px;}
	.sns-wrap{position:relative;}
	.sns-wrap > ul{margin-top:30px; text-align:left;}
}






#container{position:relative;}


.swiper-slide{position:relative; height:660px; background:url('/user/images/main/visual-bg3.jpg') no-repeat; background-position: center center; background-size:cover;}


.swiper-slide:after{content:''; display:block; position:absolute; right:0; bottom:0; display:block; width:1472px; height:660px; background:url('/user/images/main/visual3.png') right bottom no-repeat; z-index:0;}
.swiper-text{position:relative; z-index:1}
.swiper-text > h2{font-size:60px; color:#68a049; font-family: 'S-CoreDream-8Heavy';}
.swiper-text > p{word-break:keep-all}

@media all and (max-width:1199px){
	.swiper-slide:after{background-size:70%; right:0;}
	.swiper-slide{padding-top:100px; align-items: stretch;}
}
@media all and (max-width:991px){
	.swiper-text{margin:0 30px}
	.swiper-text > h2{font-size:40px;}
	.swiper-text > p > br{display:none}
}
@media all and (max-width:767px){
	.swiper-slide{height:520px; padding-top:50px;}
	.swiper-slide:after{background-size:40%;}
}


.title-zone {text-align:center; margin-bottom:35px;}
.title-zone h2 {color:#2c2c2c; font-size:40px; line-height:1.2em; letter-spacing:-.03em; font-weight:normal; font-family:'S-CoreDream-6Bold'; padding-top:40px; position:relative;}
.title-zone h2:before {content:""; position:absolute; top:0; left:calc(50% - 1.5px); width:3px; height:28px; background-color:#2c2c2c;}
.title-zone p {color:#505050; font-size:18px; font-weight:400; line-height:1.6em; letter-spacing:-.06em; margin-top:25px;}

.btn-more {display:inline-block; padding:0 18px; text-align:center; border:2px solid transparent; border-radius:19px; background:#659c22; color:#fff; font-size:14px; line-height:30px; letter-spacing:-.03em; font-family:'S-CoreDream-4Regular'; box-shadow: 2px 2px 0 rgba(0,0,0,.2); transition:.2s ease-in-out;}
.btn-more:after {content:"+"; display:inline-block; margin:0 0 0 15px; font-size:14px; font-family:'Noto Sans KR';}
.btn-more:hover{color:inherit;}

/*
.main-link {padding:60px 0 100px; min-height:550px; background:url('/user/images/main/bg_link.png') 50% 100% no-repeat; background-size:cover;}
.main-link .title-zone h2:before {background-color:#f3c945;}
.main-link .row {margin:0 50px; border-top:3px solid #ebbc29;}
.main-link ul {margin:0 -3px;}
.main-link ul li {float:left; width:25%; padding:0 3px; text-align:center;}
.main-link ul li:first-child {margin-left:0;}
.main-link ul li a {display:block; padding:36px; background-color:#fff; border:1px solid #dfdfdf; border-top:0;min-height: 291px;}
.main-link ul li a h3 {color:#2c2c2c; font-size:20px; line-height:1.2em; letter-spacing:-.03em; font-weight:normal; font-family:'S-CoreDream-5Medium';}
.main-link ul li a .img {margin:20px 0 30px;}
.main-link ul li a .btn-more {background:#ebbc29; color:#fff;}
.main-link ul li a:hover .btn-more {background:#fff; border-color:#f7d25c; color:#e1b62c;}
.main-link .bg-y {border-color:#f7d25c;}
.main-link .bg-y h3 {color:#fff;}
.main-link .bg-y span.btn-more {background:#fff !important; color:#e1b62c !important; box-shadow:none;}
.main-link .bg-y:hover span.btn-more {background:transparent !important; border-color:#fff !important; color:#fff !important;}
*/

.main-link {padding:60px 0 100px; min-height:550px; background:url('/user/images/main/bg_link.png') 50% 100% no-repeat; background-size:cover;}
.main-link .title-zone h2:before {background-color:#f3c945;}
.main-link .row {margin:0 10px; border-top:3px solid #ebbc29;}
.main-link ul {margin:0 -3px;}
.main-link ul li {float:left; width:20%; padding:0 3px; text-align:center;}
.main-link ul li:first-child {margin-left:0;}
.main-link ul li a {display:block; padding:36px 15px; background-color:#fff; border:1px solid #dfdfdf; border-top:0;min-height: 291px;}
.main-link ul li a h3 {color:#2c2c2c; font-size:20px; line-height:1.2em; letter-spacing:-.03em; font-weight:normal; font-family:'S-CoreDream-5Medium';}
.main-link ul li a .img {margin:20px 0 30px;}
.main-link ul li a .btn-more {background:#ebbc29; color:#fff;}
.main-link ul li a:hover .btn-more {background:#fff; border-color:#f7d25c; color:#e1b62c;}
.main-link .bg-y {border-color:#f7d25c;}
.main-link .bg-y h3 {color:#fff;}
.main-link .bg-y span.btn-more {background:#fff !important; color:#e1b62c !important; box-shadow:none;}
.main-link .bg-y:hover span.btn-more {background:transparent !important; border-color:#fff !important; color:#fff !important;}


.main-edu {padding:60px 0 100px; min-height:595px; background:#f7f7f7 url('/user/images/main/bg_edu.png') 50% 0 no-repeat; font-weight:normal; font-family:'S-CoreDream-4Regular';}
.main-edu ul {margin:0 -15px;}
.main-edu ul li {float:left; width:33.333%; padding:0 15px; text-align:center;}
.main-edu ul li a {display:block;}
.main-edu ul li a h3 {color:#505050; font-size:22px; font-weight:normal; line-height:1.4em; margin-top:10px; transition:.2s ease-in-out;}
.main-edu ul li a .img {position:relative; width:100%; height:0; padding-bottom:71.8%; overflow:hidden}
.main-edu ul li a .img:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid rgba(101,156,34,0); transition:.2s ease-in-out;}
.main-edu ul li a:hover h3 {color:#659c22; font-weight:bold;}
.main-edu ul li a:hover .img:after {border:5px solid rgba(101,156,34,1);}

.main-schedule {min-height:395px; background:#f0efe1 url('/user/images/main/schedule2.png') 70% bottom no-repeat;}
.main-schedule .title-zone {padding:80px 0 0 0; margin-bottom:0;}
.main-schedule .title-zone h2:before {background-color:#659c22;}
.main-schedule .title-zone .btn-more {margin-top:35px;}
.main-schedule .title-zone .btn-more:hover{color:#fff}

.main-board {padding:60px 0;}
.main-board .col {float:left; width:50%; padding:0 80px; position:relative;}
.main-board .col h3 {position:relative; font-size:24px; line-height:1em; letter-spacing:-.03em; margin-bottom:20px; font-weight:normal; font-family:'S-CoreDream-5Medium';}
.main-board .col h3 span {position:relative; z-index:0;}
.main-board .col h3 span:after {content:""; position:absolute; top:0; right:-10px; width:27px; height:42px; background-position:0 0; background-repeat:no-repeat; z-index:-1;}
.main-board .col ul li a {position:relative; display:block; width:100%; font-size:16px; font-weight:300; line-height:38px;}
.main-board .col ul li a .title {display:inline-block; color:#505050; max-width:70%; vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; transition: all 0.2s ease-in-out;}
.main-board .col ul li a .date  {display:inline-block; color:#8c8c8c; font-size:14px; position:absolute; top:50%; right:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.main-board .col ul li a img {vertical-align:middle;}
.main-board .col .more {position:absolute; top:2px; right:80px; width:18px; height:18px;}
.main-board .col.c-g h3 {color:#659c22;}
.main-board .col.c-g h3 span:after {background-image:url('/user/images/main/borad_tt_g.png');}
.main-board .col.c-g ul li a:hover .title {color:#659c22; text-decoration:underline;}
.main-board .col.c-y h3 {color:#e1b62c;}
.main-board .col.c-y h3 span:after {background-image:url('/user/images/main/borad_tt_y.png');}
.main-board .col.c-y ul li a:hover .title {color:#e1b62c; text-decoration:underline;}


@media all and (max-width:991px){
	.title-zone h2 {font-size:30px; padding-top:30px; }
	.title-zone h2:before {height:20px;}
	.title-zone p {font-size:16px; margin-top:15px;}
	.main-link, .main-edu{padding:20px 0 50px}
	.main-link .row {margin:0 50px; border-top:0;}
	.main-link ul li {width:50%; padding:0 3px 6px}
	.main-link ul li a{border-top:3px solid #ebbc29;}
	.main-edu ul li {width:50%; padding-bottom:30px;}
	.main-edu ul li a h3 {font-size:18px;}
	.main-board .col{padding:0 30px}
	.main-schedule {min-height:200px;}
	.main-schedule .title-zone {padding:40px 0 60px;}

}

@media all and (max-width:767px){
	.main-schedule {background:#f0efe1 none;}
	.main-board .col{width:100%; padding:0 20px 50px}
	.main-board .col .more{right:20px}
}

@media all and (max-width:540px){
	.main-link ul li {width:100%; padding:0 3px 6px}
	.main-link ul li a{padding:20px; min-height:1px;}
	.main-link ul li a .img {margin:10px 0 20px;}

	.main-edu ul li {width:100%; padding-bottom:30px;}
	.main-edu ul li a .img{padding-bottom:53.8%;}
}


/* color */
.c-point {color:#659c22 !important;}
.c-yellow {color:#ebbc29 !important;}
.c-red {color:#ff3030 !important;}
.bg-y {background-color:#ebbc29 !important;}
.bg-wht {background-color:#fff !important;}


/* 퀵메뉴 */
.floating_item {position: fixed; right: 40px; bottom: 100px; z-index: 9999; text-align: right}
.floating_item li+li {margin-top:7px}
.floating_item .link_item {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    background-color: #628339;
    text-align: center;
    -webkit-box-shadow: 3px 4px 10px 2px rgba(0,0,0,.2);
    box-shadow: 3px 4px 10px 2px rgba(0,0,0,.2);
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.floating_item .link_item:focus,.floating_item .link_item:hover {width: auto; padding: 0 25px; -webkit-border-radius: 30px; border-radius: 30px;}
.floating_item .link_item:focus .text,.floating_item .link_item:hover .text {display: inline-block; opacity: 1;}
.floating_item .link_item > i {display: inline-block; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; font-size: 22px; line-height: 50px; color: #fff}
.floating_item .link_item .text {display: none; margin-left: 10px; font-size: 16px; vertical-align: top; line-height: 50px; color: #fff; white-space: nowrap; opacity: 0;}
.floating_item .moere_item:hover,.floating_item .top_item:hover {width: 50px; padding: 0}

@media screen and (max-width: 767px) {
	.floating_item{right:40px; bottom:0;}
	.floating_item li{display:inline-block;}
	.floating_item li{margin:0 0 0 7px;}
	.floating_item .link_item{width:40px; height:40px;}
	.floating_item .link_item > i{line-height:40px;}
	.floating_item .link_item .text{line-height:40px;}
	.ui-to-top.icon-xs.icon-circle{width:40px; height:40px; line-height:40px}
}

@media screen and (max-width: 479px) {
	.floating_item{right:15px;}
}