@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@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-9Black';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.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-7ExtraBold';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

body {
    FONT-FAMILY: 'S-CoreDream-4Regular', 'Noto Sans KR', sans-serif !important;
    color: #423a3a;
    font-weight: 400;
    background: #ffffff;
}

input,
select {
    font-family: 'S-CoreDream-4Regular', 'Noto Sans KR', sans-serif !important;
}

.inner {
    width: 1280px;
    margin: 0 auto;
}

.inner2 {
    width: 1280px;
    margin: 0 auto;
}

.c_inner {
    width: 128px;
    margin: 0 auto;
    position: relative;

}

p {
    margin: 0px 0px 0px 0px;
    line-height: 1;
}

.top_inner {
    width: 1100px;
    margin: 0 auto;
}

.pc_hide {
    display: none;
}

.sp5 {
    height: 5px;
    clear: both;
}

.sp10 {
    height: 10px;
    clear: both;
}

.sp12 {
    height: 12px;
    clear: both;
}

.sp15 {
    height: 15px;
    clear: both;
}

.sp20 {
    height: 20px;
    clear: both;
}

.sp25 {
    height: 25px;
    clear: both;
}

.sp30 {
    height: 30px;
    clear: both;
}

.sp35 {
    height: 35px;
    clear: both;
}

.sp40 {
    height: 40px;
    clear: both;
}

.sp45 {
    height: 45px;
    clear: both;
}

.sp50 {
    height: 50px;
    clear: both;
}

.sp55 {
    height: 55px;
    clear: both;
}

.sp60 {
    height: 60px;
    clear: both;
}

.sp65 {
    height: 65px;
    clear: both;
}

.sp70 {
    height: 70px;
    clear: both;
}

.sp75 {
    height: 75px;
    clear: both;
}

.sp80 {
    height: 80px;
    clear: both;
}

.sp90 {
    height: 90px;
    clear: both;
}

.sp100 {
    height: 100px;
    clear: both;
}

.sp110 {
    height: 110px;
    clear: both;
}

.sp120 {
    height: 120px;
    clear: both;
}

.sp130 {
    height: 130px;
    clear: both;
}

.sp140 {
    height: 140px;
    clear: both;
}

.sp150 {
    height: 150px;
    clear: both;
}

.sp160 {
    height: 160px;
    clear: both;
}

.sp165 {
    height: 165px;
    clear: both;
}

.sp200 {
    height: 200px;
    clear: both;
}

.t_bold {
    font-weight: bold
}

.pc_hider {
    display: none;
}

.allowed {
    cursor: not-allowed !important;
}

/* Select box */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/select.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;
    background-size: 8px auto;
}

input,
select {
    appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border: none;
    -webkit-border: none;
    -moz-border: none;
    -webkit-padding: 0 10px;
    -moz-padding: 0 10px;
}

input[type='checkbox'] {
    -webkit-appearance: checkbox
}

input[type='radio'] {
    -webkit-appearance: radio
}

input {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

select::-ms-expand {
    display: none;
    /*for IE10, 11*/
}

.header-inner {width:1600px;margin:0 auto;}

#header {
	height:176px;
	background:#ffffff;
	}
.jbFixed {
    position: fixed !important;
    top: 0;
    left: 0;
    background: #FFFFFF !important;
}
#header .logo {
    float: left;
    margin-top: 70px;
	cursor:pointer;
	margin-right:130px;
}
#header .logo img{width:330px;}
#header .menu {
    float: right;
    margin-top: 17px;
}
#header .menu .dep-1 {float:left;}
#header .menu .dep-1 .dep-1-1 {
    float: left;
    margin-right: 55px;
    color: #ffffff;
}
#header .menu .dep-1 .dep-1-1 a{
   color:#ffffff;
}






#header .pc_menu {
    float: right;
    display: flex;
    position: relative;
    height: 176px;
    padding-right: 245px;
}
#header .pc_menu .ul_01 {
    margin-top: 110px;
}
#header .pc_menu .ul_01 li{
    float: left;
	margin-right:60px;
}
#header .pc_menu .ul_01 li:last-child {margin-right:0px;}
#header .pc_menu .ul_01 li a{
    float: left;
	font-size:18px;
	color:#6d6e71;
	font-weight:700;
}
#header .pc_menu .ul_01 li a:hover {
    color: #358ccb;
}



#header .pc_menu .ul_02 {
    margin-left:120px;
	margin-top:110px;
}
#header .pc_menu .ul_02 li{
    float: left;
	margin-right:30px;
	position:relative;
}
#header .pc_menu .ul_02 li:nth-child(1):after {
    content: '';
    width: 2px;
    height: 19px;
    background: #6d6e71;
    float: right;
    position: absolute;
    top: 5px;
    right: -16px;
}
#header .pc_menu .ul_02 li:last-child {margin-right:0px;}
#header .pc_menu .ul_02 li a {
    float: left;
    font-size: 18px;
    color: #6d6e71;
    font-weight: 600;
}
#header .pc_menu .ul_02 li a:hover{
	color:#358ccb;
}
#header .pc_menu .pc_sns {
	position: absolute;
    right: 0px;
    bottom: 20px;
}
#header .pc_menu .pc_sns img{
	width:67px;
}




#header .pc_menu .ul_03 li{
    float: left;
}

/*main*/

#visual {
	width:100%;
	height:770px;
	overflow:hidden;
	position:relative;
	}

#visual .swiper {
        width: 100%;
        height: 100%;
      }
#visual .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

#visual .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }


#section01 {overflow:Hidden;padding-top:120px;padding-bottom:120px;}
#section01 .item-box{
	overflow:Hidden;
	}
#section01 .item-box .tit {
    font-size: 38px;
    color: #358ccb;
    text-align: center;
    font-weight: 600;
	margin-bottom:35px;
	line-height:1.5;
}
#section01 .item-box .stit {
    font-size: 22px;
    color: #77787b;
    text-align: center;
    line-height: 1.8;
    font-weight: 600;
}


#section02 {
	overflow:Hidden;
	padding-bottom:120px;
	}
#section02 .item01{
	overflow:Hidden;
	}
#section02 .item01 .img{
	overflow:Hidden;
	float:left;
	width:416px;
	height:420px;
	}
#section02 .item01 .img2{
	overflow:Hidden;
	float:left;
	width:416px;
	height:475px;
	}
#section02 .item01 .img img{
	width:100%;
	height:100%;
	}
#section02 .text-item01 {
    padding-left: 78px;
    float: left;
    width: calc(100% - 420px);
}
#section02 .text-item01 .tit{
	position:relative;
	margin-bottom:30px;
	}
#section02 .text-item01 .tit::after {
    content: '';
    width: 4px;
    height: 72px;
    background: #358ccb;
    position: absolute;
    top: 0px;
    left: -20px;
}
#section02 .text-item01 .tit .t1 {
    font-size: 30px;
    color: #358ccb;
    font-weight: 600;
    margin-bottom: 15px;
}
#section02 .text-item01 .tit .t2{
	font-size:25px;
	color:#358ccb;
	font-weight: 700;
	}

#section02 .text-item01 .s_tit{
	overflow:Hidden;
	}
#section02 .text-item01 .s_tit .t1{
	font-size:25px;
	color:#6d6e71;
	font-weight: 600;
    margin-bottom: 15px;
	}
#section02 .text-item01 .s_tit .t2 {
    font-size: 18px;
    color: #77787b;
    line-height: 1.4;
	font-weight: 600;
}
#section02 .text-item01 .s_tit .t2 li{
    padding-left:13px;
	position:relative;
}
#section02 .text-item01 .s_tit .t2 li::after{
    content:'-';
	position:absolute;
	top:0px;
	left:0px;
}



#section02 .item02 {
    overflow: Hidden;
    margin-top: 120px;
	margin-bottom:120px;
}
#section02 .item02 .img{
	overflow:Hidden;
	float:right;
	width:416px;
	height:450px;
	}
#section02 .item02 .img img{
	width:100%;
	height:100%;
	}
#section02 .text-item02 {
    padding-right: 78px;
    float: right;
	width: calc(100% - 420px);
}
#section02 .text-item02 .tit{
	position:relative;
	margin-bottom:30px;
	}
#section02 .text-item02 .tit::after {
    content: '';
    width: 4px;
    height: 72px;
    background: #358ccb;
    position: absolute;
    top: 0px;
    right: -20px;
}
#section02 .text-item02 .tit .t1 {
    font-size: 30px;
    color: #358ccb;
    font-weight: 600;
    margin-bottom: 15px;
	text-align: right;
}
#section02 .text-item02 .tit .t2 {
    font-size: 25px;
    color: #358ccb;
    text-align: right;
	font-weight: 700;
}

#section02 .text-item02 .s_tit {
    overflow: Hidden;
    text-align: right;
}
#section02 .text-item02 .s_tit .t1{
	font-size:25px;
	color:#6d6e71;
	font-weight: 600;
    margin-bottom: 15px;
	}
#section02 .text-item02 .s_tit .t2 {
    font-size: 18px;
    color: #77787b;
    line-height: 1.4;
	font-weight: 600;
}



#section03 {
	width:100%;
	height:670px;
	overflow:hidden;
	position:relative;
	}
#section03 .swiper {
        width: 100%;
        height: 100%;
      }
#section03 .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

#section03 .swiper-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

#section04 {overflow:hidden;}
#section04 .video-box{
	width: 100%;
    padding-top: 56.25%;
    position: relative;
	}
#section04 .video-box iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}


.bt-box {overflow:hidden;width:960px;margin:0 auto;}
.bt-box ul li {
    width: calc(96%/3);
    float: left;
    background: #929292;
    height: 82px;
    text-align: center;
    line-height: 82px;
    color: #fff;
	font-size:30px;
	cursor:pointer;
}
.bt-box ul li:nth-child(2) {margin-left:2%;margin-right:2%;}
.bt-box ul li a {color:#ffffff;display:block;}

.f_r {float:right;}
.more-box {
    width: 163px;
    height: 45px;
    background: #95cd32;
    text-align: Center;
    color: #ffffff;
    line-height: 45px;
    font-size: 20px;
	cursor:pointer;
}




.p_mt_19 {margin-top:19px;}
.p_mb_25 {margin-bottom:25px;}
.p_pt_100 {padding-top:100px;}
.p-mb30 {margin-bottom:30px;}


.com-tit {
	font-size:36px;
	color:#8D95A0;
	font-weight:700;
	text-align:center;
	line-height:1;
	}
.com-tit2 {
    text-align: center;
    font-size: 16px;
    line-height: 1.5;
}
.com-bull {
	text-align:center;
	margin-top:15px;
	margin-bottom:15px;
	}
.com-bull img{
	height:21px;
	}


/*main END*/


/*sub*/
#sb-top {
    width: 100%;
    height: 550px;
    overflow: hidden;
}
.bg01 {
	background:url(../images/s_bg_01.jpg)no-repeat;
	background-size:cover;
	background-position:center;
	}
.bg02 {
	background:url(../images/s_bg_02.jpg)no-repeat;
	background-size:cover;
	background-position:center;
	}
.bg03 {
	background:url(../images/s_bg_03.jpg)no-repeat;
	background-size:cover;
	background-position:center;
	}
.bg04 {
	background:url(../images/s_bg_04.jpg)no-repeat;
	background-size:cover;
	background-position:center;
	}



.section01 {
    overflow: Hidden;
    padding-top: 120px;
    padding-bottom: 120px;
}
.section01 .item-box {
    overflow: Hidden;
}
.section01 .item-box .tit {
    font-size: 38px;
    color: #358ccb;
    text-align: center;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 1.5;
}
.section01 .item-box .tit2 {
    font-size: 30px;
    color: #358ccb;
    text-align: center;
    font-weight: 600;
}
.section01 .item-box .stit {
    font-size: 22px;
    color: #77787b;
    text-align: center;
    line-height: 1.8;
    font-weight: 600;
}
.section01 .item-box .link-p {
    font-size: 22px;
    color: #77787b;
    text-align: center;
    font-weight: 700;
	margin-top:30px;
    margin-bottom: 90px;
}

.section01 .youtubeArea {overflow:hidden;}
.section01 .youtubeArea .boxitem {
    width: 49%;
    padding-top: 30%;
    position: relative;
	float:left;
	margin-bottom:2%;
}
.section01 .youtubeArea .boxitem:nth-child(2n-2) {margin-left:2%;}
.section01 .youtubeArea .boxitem iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.sub-bar {
	width:74px;
	height:4px;
	background:#95cd32;
	margin:0 auto;
	}

.section02 {overflow:hidden;padding-top:105px;}
.section02 .item01{overflow:hidden;margin-bottom:50px;}
.section02 .item01 .img{
	width:415px;
	float:left;
	}
.section02 .item01 .img img{
	margin-top:75px;
	}
.section02 .item01 .text-box {
    float: left;
    padding-left: 70px;
    width: calc(100% - 415px);
}
.section02 .item01 .text-box .tit{
	font-size:40px;
	color:#358ccb;
	font-weight:600;
	border-left:3px solid #95cd32;
	padding-left:15px;
	margin-bottom: 30px;
	}
.section02 .item01 .text-box .stit {
    font-size: 19px;
    color: #77787b;
    font-weight: 700;
    line-height: 1.8;
	word-break: keep-all;
}
.section02 .item02{overflow:hidden;margin-bottom: 50px;}
.section02 .item02 .t1{
	font-size: 30px;
    color: #358ccb;
    font-weight: 600;
    margin-bottom: 25px;
	}
.section02 .item02 .t2{
	font-size: 19px;
    color: #77787b;
    font-weight: 700;
    line-height: 1.5;
	}

.section02 .item03{overflow:hidden;margin-bottom:50px;}
.section02 .item03 .img{
	width:415px;
	float:left;
	}
.section02 .item03 .img img{
	margin-top:150px;
	}
.section02 .item03 .text-box {
    float: left;
    padding-left: 70px;
	width: calc(100% - 415px);
}
.section02 .item03 .text-box .tit{
	font-size:38px;
	color:#358ccb;
	font-weight:600;
	border-left:3px solid #95cd32;
	padding-left:15px;
	margin-bottom: 45px;
	line-height: 1.2;
	}
.section02 .item03 .text-box .text-item ul li {
    font-size: 19px;
    color: #77787b;
    font-weight: 700;
    position: relative;
    margin-left: 22px;
    line-height: 1.9;
    margin-bottom: 7px;
}
.number_list {
  counter-reset: number 0;
}
.number_item::before {
    counter-increment: number 1;
    content: counter(number) '.';
    position: absolute;
    left: -22px;
    top: 0px;
}
.section02 .item04 {
    overflow: hidden;
    margin-bottom: 50px;
}
.section02 .item04 .img {
    width: 415px;
    float: left;
}

.section02 .item04 .text-box {
    float: left;
    padding-left: 70px;
}
.section02 .item04 .text-box .tit {
    font-size: 26px;
    color: #358ccb;
    font-weight: 600;
    margin-bottom: 30px;
    line-height: 1.2;
}
.section02 .item04 .text-box .text-item ul li {
    font-size: 17px;
    color: #77787b;
    font-weight: 700;
    position: relative;
    margin-left: 22px;
    line-height: 1.5;
    margin-bottom: 7px;
	letter-spacing: -1;
}



.member-item {overflow:hidden;}
.member-item .item{overflow:hidden;margin-bottom:165px;}
.member-item .item ul li{text-align:center;}
.member-item .item .icon{margin-bottom:40px;}
.member-item .item .title{color:#95cd32;font-size:26px;font-weight:600;margin-bottom:20px;line-height: 1.5;}
.member-item .item .s-tit{
	font-size: 22px;
    color: #77787b;
    text-align: center;
    line-height: 1.5;
    font-weight: 600;
	}
.member-item .textArea {
    overflow: hidden;
    width: 100%;
    background: #ededed;
    padding-top: 70px;
    padding-left: 140px;
    padding-bottom: 70px;
	    padding-right: 140px;
}
.member-item .textArea ul {width:100%;overflow:hidden;display:block;margin-bottom:50px;}
.member-item .textArea ul:last-child {margin-bottom:0px;}
.member-item .textArea ul li{
	float:left;
	}
.member-item .textArea ul li.th {
    font-size: 20px;
    font-weight: 600;
    color: #6d6e71;
    width: 170px;
}
.member-item .textArea ul li.td{
	font-size:18px;
	font-weight:500;
	 line-height: 1.5;
	color:#6d6e71;
	padding-left:70px;
	width: calc(100% - 170px);
	}

/*sub END*/

/*footer*/





.footer {
    width: 100%;
    background: #366083;
    padding-top: 80px;
    padding-bottom: 70px;
    overflow: hidden;
}
.footer .item-add-en{
    float:left;
	color:#ffffff;
}
.footer .item-add-en .t1{
    font-weight:800;
	font-size:18px;
	margin-bottom:15px;
}
.footer .item-add-en .t2{
    font-weight:700;
	font-size:18px;
	margin-bottom:10px;
}
.footer .item-add-ko{
    float:left;
	color:#ffffff;
	margin-left:80px;
}
.footer .item-add-ko .t1{
    font-weight:500;
	font-size:18px;
	margin-bottom:15px;
}
.footer .item-add-ko .t1 span {font-weight:500;}
.footer .item-add-ko .t2{
    font-weight:300;
	font-size:18px;
	margin-bottom:10px;
}


.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: transparent !important;
	border:2px #ffffff solid !important;
    opacity: .8;
}
.swiper-pagination-bullet {width:16px !important; height:16px !important;}
.swiper-pagination-bullet-active {
    opacity: 0.8 !important;
    background: #ffffff !important;
}
/*footer END*/

.m_b {
    display: none;
}
#m_nav {
    width: 300px;
    height: 100%;
    background: #eeeeee;
    position: fixed;
    right: -100%;
    box-shadow: 0 0 15px rgb(0 0 0 / 20%);
    z-index: 999999;
    padding-top: 20px;
    display: block !important;
    top: 0px;
}

.m_nav_logo {
    margin-right: 20px;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1 !important;
    width: 30px;
    position: absolute;
    top: 20px;
    right: 20px;
}

.nav_list .m_li {
    padding-left: 30px;
    margin-bottom: 25px;
}

.mane_span {
    font-size: 18px;
    color: #ffffff;
}

.listbar {
    width: 3px;
    height: 15px;
    display: inline-block;
    background: #e7a22f;
    margin-right: 10px;
}

.menu_Btn {
    margin-top: 35px;
    margin-right: 10px;
	float:left;
}

.m_nav_top .close img {
    width: 18px;
}

.nav_list {
    margin-top: 50px;
    margin-left: 20px;
    margin-right: 20px;
}

.sub-menu {
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    line-height: 35px;
    padding-right: 30px;
}

.sub-menu a {
    color: rgb(105, 113, 125);
    display: block;
    font-size: 17px;
    font-weight: 600;
}

.login_box .login {
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    line-height: 35px;
    padding-right: 30px;
}

.login_box .join {
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    line-height: 35px;
    padding-right: 30px;
}

.login_box {
    margin: 20px;
}

.login_box a {
    color: #fafafa;
    font-size: 14px;
}

.sm_t {
    font-weight: 600;
}



.lang_select {
	position: absolute;
    top: 25px;
    right: 0px;
    z-index: 999999;
    border: 1px #e4e4e4 solid;
	cursor: pointer;
	}

.lang_select .lang_select_list {
    background: #ffffff;
    position: absolute;
    top: 35px;
    z-index: 9999;
    right: 0px;
    padding: 10px;
    width: 200px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #d8d6d6;
}
.lang_select .lang_select_list p {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding: 2px;
	cursor:pointer;
}
.lang_select .lang_select_list p:last-child {margin-bottom:0px;}
.lang_select .lang_select_list p img {
    width: 30px;
    margin-right: 10px;
    border: 1px #d4d4d4 solid;
}