/* theader */
#theader { z-index: 9999; position: relative; width: 100%; }

/* theader_top */
#theader .top { height: 110px; background-color: #fff; }
#theader .top::after { display: block; content: ''; clear: both; visibility: hidden; }
#theader .top .swrap { height: 100%; }
#theader .top .logo { display: block; float: left; height: 100%; writing-mode: vertical-lr; text-align: center; }
#theader .top .logo img { width: 181px; }
#theader .top .etc_menu { position: absolute; top: 50%; right: 0; }
#theader .top .etc_menu a { position: relative; display: inline-block; vertical-align: middle; font-weight: bolder; font-size: 15px; color: #3c3c3c; }
#theader .top .etc_menu a:first-child { margin-right: 8px; }
#theader .top .etc_menu a:nth-child(n + 3) { padding: 0 15px; }
#theader .top .etc_menu a:last-child { padding-right: 0; }
#theader .top .etc_menu a:last-child::after { display: block; content: ''; position: absolute; left: -3px; top: 50%; transform: translateY(-50%); width: 1px; height: 70%; background-color: #cfcfcf; }
#theader .top .etc_menu a img { width: 32px; }
/* theader_bottom */
#theader .bottom { height: 60px; background-color: #02652f; }
#theader .bottom .swrap { height: 100%; }
#theader .bottom #tgnb { height: 100%; }
#theader .bottom #tgnb .menu1 { height: 100%; display: flex; flex-wrap: nowrap; }
#theader .bottom #tgnb .menu1 > li { position: relative; width: 100%; height: 100%; border-right: 1px solid #358459; }
#theader .bottom #tgnb .menu1 > li:first-child { border-left: 1px solid #358459; }
#theader .bottom #tgnb .menu1 > li > a { position: relative; display: block; height: 100%; }
#theader .bottom #tgnb .menu1 > li > a > span { position: relative; display: block; top: 50%; transform: translateY(-50%); text-align: center; font-weight: bold; font-size: 18px; color: #fff; }
/* theader menu2 */
#theader .bottom .bottom_sub { z-index: -1; position: absolute; top: -100%; left: 0; width: 100%; background-color: rgba(2, 80, 30, 1); transition: top ease-out 0.3s; }
#theader .bottom .bottom_sub ul { display: flex; flex-wrap: nowrap; }
#theader .bottom .bottom_sub ul li { width: 100%; }
#theader .bottom .bottom_sub ul li a { position: relative; padding: 20px 0; display: block; text-align: center; font-weight: bold; font-size: 16px; color: #fff; }
#theader .bottom .bottom_sub ul li a::after { display: block; content: ''; position: absolute; top: 80%; left: 50%; transform: translate(-50%,-50%); width: 0; height: 1px; background-color: #fff; transition: width 0.3s; }
#theader .bottom .bottom_sub ul li a:hover::after { width: 40%; }
#theader.slide_on .bottom .bottom_sub { top: 170px; }
/* theader hambtn */
#theader .ham_btn { display: none; position: absolute; top: 60%; transform: translateY(-50%); right: 0; width: 27px; height: 20px; cursor: pointer; }
#theader .ham_btn div { position: absolute; width: 100%; height: 3px; background-color: #000; transform-origin: center; }
#theader .ham_btn div:first-child { top: 0%; transform: translateY(-50%); animation: mo_bar1 forwards linear 0.4s; }
#theader .ham_btn div:nth-child(2) { top: 40%; transform: translateY(-50%); animation: mo_bar2 forwards linear 0.4s; }
#theader .ham_btn div:last-child { top: 80%; transform: translateY(-50%); animation: mo_bar3 forwards linear 0.4s; }
@keyframes mo_bar1 {
    0% { top: 50%; transform: translateY(-50%) rotateZ(45deg); }
    50% { top: 50%; transform: translateY(-50%) rotateZ(0deg); }
    100% { top: 0%; transform: translateY(-50%); }
}
@keyframes mo_bar2 {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 1; }
}
@keyframes mo_bar3 {
    0% { top: 50%; transform: translateY(-50%) rotateZ(-45deg); }
    50% { top: 50%; transform: translateY(-50%) rotateZ(0deg); }
    100% { top: 80%; transform: translateY(-50%); }
}

#theader.active .ham_btn div:first-child { top: 0%; transform: translateY(-50%); animation: mo_bar1_on forwards linear 0.4s; }
#theader.active .ham_btn div:nth-child(2) { top: 40%; transform: translateY(-50%); animation: mo_bar2_on forwards linear 0.4s; }
#theader.active .ham_btn div:last-child { top: 80%; transform: translateY(-50%); animation: mo_bar3_on forwards linear 0.4s; }
@keyframes mo_bar1_on {
    0% { top: 0%; transform: translateY(-50%); }
    50% { top: 50%; transform: translateY(-50%); }
    100% { top: 50%; transform: translateY(-50%) rotateZ(45deg); }
}
@keyframes mo_bar2_on {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes mo_bar3_on {
    0% { top: 80%; transform: translateY(-50%); }
    50% { top: 50%; transform: translateY(-50%); }
    100% { top: 50%; transform: translateY(-50%) rotateZ(-45deg); }
}
/* mo_sub */
#theader .bottom .mo_sub { display: none; background-color: rgba(2, 80, 30, 1); }
#theader .bottom .mo_sub a { display: block; padding: 15px 0; font-weight: bold; text-align: center; font-size: 13px; color: #fff; }
#theader .bottom .mo_etc_menu { position: relative; display: none; padding: 15px 0; text-align: center; }
#theader .bottom .mo_etc_menu::after { display: block; content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: calc(100% - 36px); height: 1px; background-color: rgba(255, 255, 255, 0.5); }
#theader .bottom .mo_etc_menu a { margin: 0 5px; display: inline-block; vertical-align: middle; font-weight: bold; font-size: 13px; color: #fff; }
#theader .bottom .mo_etc_menu a img { width: 28px; }
/* etc */
.head_block { display: none; height: 100px; background-color: transparent; }

@media (max-width:1230px) {
    /* theader_top */
    #theader .top .logo img { width: 160px; }
    #theader .top .etc_menu a { font-size: 14px; }
    #theader .top .etc_menu a:first-child { margin-right: 6px; }
    #theader .top .etc_menu a:nth-child(n + 3) { padding: 0 12px; }
    #theader .top .etc_menu a:last-child { padding-right: 0; }
    #theader .top .etc_menu a img { width: 30px; }
    /* theader_bottom */
    #theader .bottom { height: 55px; }
    #theader .bottom #tgnb .menu1 > li:first-child { border-left: 0; }
    #theader .bottom #tgnb .menu1 > li:last-child { border-right: 0; }
    #theader .bottom #tgnb .menu1 > li > a > span { font-size: 16px; }
    /* theader menu2 */
    #theader .bottom .bottom_sub ul li a { padding: 17px 0; }
    #theader.slide_on .bottom .bottom_sub { top: 165px; }
}
@media (max-width: 1024px) {
    #theader { position: fixed; top: 0; box-shadow: 0 1px 10px #000; }
    /* theader_top */
    #theader .top { height: 100px; }
    #theader .top .logo img  { width: 130px; }
    #theader .top .etc_menu { top: 10px; }
    #theader .top .etc_menu a:first-child { margin-right: 3px; }
    /* theader_bottom */
    #theader .bottom { display: none; background-color: rgba(2, 101, 47, 1);}
    #theader.active .bottom { display: block; }

    #theader .bottom, #theader .bottom .swrap, #theader .bottom #tgnb { height: initial; }
    #theader .bottom .swrap { width: 100%; }
    #theader .bottom #tgnb .menu1 { height: initial; display: block; }
    #theader .bottom #tgnb .menu1 > li { height: initial; border: 0; }
    #theader .bottom #tgnb .menu1 > li > a { padding: 15px 0; height: initial; pointer-events: none; }
    #theader .bottom #tgnb .menu1 > li > a > span { top: 0; transform: translateY(0); font-size: 14px; }
    /* theader menu2 */
    #theader .bottom .bottom_sub { display: none; }
    /* theader hambtn */
    #theader .ham_btn { display: block; }
    /* etc */
    .head_block { display: block; }
}
@media (max-width: 480px) {
    #theader .top .logo img  { width: 100px; }
    #theader .top .etc_menu { display: none; }
    #theader .ham_btn { top: 50%; }
    #theader .bottom .mo_etc_menu { display: block; }
}

/* tfooter */
#tfooter .top { padding: 35px 0; background-color: #f3f3f3; }
#tfooter .top::after { display: block; content: ''; clear: both; visibility: hidden; }
#tfooter .top .contents { display: flex; flex-wrap: nowrap; }
#tfooter .top .contents .flogo { display: block; writing-mode: vertical-lr; text-align: center; }
#tfooter .top .contents .flogo img { width: 314px; }
#tfooter .top .contents .txt { padding-left: 60px; font-size: 16px; }
#tfooter .top .contents .txt b { display: block; font-weight: bolder; color: #000; letter-spacing: -0.025em; line-height: 1.56; }
#tfooter .top .contents .txt span { font-weight: bold; color: #353535; letter-spacing: -0.025em; line-height: 1.56; }
#tfooter .top .contents .txt span em { font-style: normal; color: #02652f; }
#tfooter .top .contents .txt i { padding: 0 17px; font-style: normal; font-weight: bold; color: #353535; }
#tfooter .top .contents2 { margin-top: 30px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
#tfooter .top .contents2 a { width: 100%; position: relative; margin: 0; display: inline-block; text-align: center; font-size: 16px; color: #353535; letter-spacing: -0.025em; }
#tfooter .top .contents2 a::after { position: absolute; top: 50%; left: initial; transform: translateY(-50%); display: block; content: ''; width: 3px; height: 3px; background-color: #888; border-radius: 50%; }
#tfooter .top .contents2 a:first-child:after { display: none; }

#tfooter .bottom { background-color: #3d3d3d; }
#tfooter .bottom .swrap { text-align: right; }
#tfooter .bottom a { position: relative; display: inline-block; padding: 11px 15px; font-weight: bold; font-size: 15px; color: #fff; }
#tfooter .bottom a:last-child { padding-right: 0; }
#tfooter .bottom a:last-child::after { display: none; content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 50%; background-color: #fff; }

@media (max-width: 1230px) {
    #tfooter .top .contents .flogo img { width: 250px; }
    #tfooter .top .contents .txt { padding-left: 35px; font-size: 15px; }
    #tfooter .top .contents .txt i { padding: 0 14px; }
    #tfooter .top .contents2 a { font-size: 15px; }
}
@media (max-width: 1024px) {
    #tfooter .top .contents .flogo img { width: 250px; }
    #tfooter .top .contents .txt { padding-left: 35px; font-size: 14px; }
    #tfooter .top .contents .txt i { padding: 0 10px; }
    #tfooter .top .contents2 a { font-size: 14px; }
    #tfooter .bottom a { padding: 10px;font-size: 13px; }
}
@media (max-width: 767px) {
    #tfooter .top .contents { display: block; }
    #tfooter .top .contents .flogo { writing-mode: initial; }
    #tfooter .top .contents .flogo img { width: 220px; }
    #tfooter .top .contents .txt { margin-top: 25px; padding-left: 0; font-size: 13px; }
    #tfooter .top .contents .txt span { display: block; }
    #tfooter .top .contents .txt i { display: none; }
    #tfooter .top .contents .txt br { display: none; }
    #tfooter .top .contents2 { flex-wrap: wrap; justify-content: space-between; }
    #tfooter .top .contents2 a { margin: 0; width: 33.3333%; font-size: 12px; }
    #tfooter .top .contents2 a::after { left: 0; }
    #tfooter .top .contents2 a:nth-child(4):after { display: none; }
    #tfooter .top .contents2 a:nth-child(n + 4) { margin-top: 15px; }
}

/* 메인비주얼 */
#main_visual { overflow: hidden; height: calc(100vh - 170px); }
#main_visual .mv_wrap { position: relative; height: 100%; }
#main_visual .mv_wrap .mv_slick, #main_visual .mv_wrap .slick-list, #main_visual .mv_wrap .slick-track { height: 100%; }
#main_visual .mv_wrap .mv_slick .con { position: relative; height: 100%; }
#main_visual .mv_wrap .mv_slick .con .frame { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: no-repeat center/cover; transform-origin: center; transform: scale(1); }
#main_visual .mv_wrap .mv_slick .con1 .frame { background-image: url(/image/mv_slide1.jpg); }
#main_visual .mv_wrap .mv_slick .con2 .frame { background-image: url(/image/mv_slide2.jpg); }
#main_visual .mv_wrap .mv_slick .con3 .frame { background-image: url(/image/mv_slide3.jpg); }
#main_visual .mv_wrap .mv_slick .con4 .frame { background-image: url(/image/mv_slide4.jpg); }
/* #main_visual .mv_wrap .mv_slick .slick-current .frame { animation: mv_frame forwards linear 5s; } */
@keyframes mv_frame {
    0% { transform: scale(1); }
    100% { transform: scale(1.05); }
}

#main_visual .mv_wrap .arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; background: no-repeat center/cover; cursor: pointer; }
#main_visual .mv_wrap .arrow_left { left: 30px; background-image: url(/image/mv_left.png); }
#main_visual .mv_wrap .arrow_right { right: 30px; background-image: url(/image/mv_right.png); }
#main_visual .mv_wrap .arrow:hover { background-color: rgba(2, 101, 47, .4); }

#main_visual .mv_slick .con .swrap { height: 100%; }
#main_visual .mv_slick .con .txt { position: relative; top: 50%; transform: translateY(-50%); }
#main_visual .mv_slick .con .txt .txt1 { position: relative; top: 30px; opacity: 0; font-weight: bolder; font-size: 55px; color: #fff; line-height: 1.3; }
#main_visual .mv_slick .con .txt .txt2 { position: relative; top: 30px; opacity: 0; margin-top: 20px; font-weight: normal; font-size: 22px; color: #fff; line-height: 1.45; }
#main_visual .mv_slick .con .txt a { position: relative; top: 30px; opacity: 0; overflow: hidden; margin-top: 45px; display: inline-block; padding: 16px 55px; text-align: center; font-size: 20px; color: #fff; border-radius: 3px; border: 1px solid #fff; }
#main_visual .mv_slick .slick-current .txt .txt1 { animation: mv_txt1 forwards ease 0.3s;animation-delay: 0.2s; }
#main_visual .mv_slick .slick-current .txt .txt2 { animation: mv_txt1 forwards ease 0.3s; animation-delay: 0.5s; }
#main_visual .mv_slick .slick-current .txt a { animation: mv_txt1 forwards ease 0.3s; animation-delay: 0.8s; transition: background-color 0.3s; }
#main_visual .mv_slick .slick-current .txt a::after { z-index: -1; display: block; content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: rgba(2, 101, 47, .5); transition: left 0.3s; }
#main_visual .mv_slick .slick-current .txt a:hover::after { left: 0; }
@keyframes mv_txt1{
    0% { }
    100% { top: 0px; opacity: 1; }
}
#main_visual .mv_scroll { position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; }
#main_visual .mv_scroll .circle { margin: 10px auto; position: relative; width: 20px; height: 40px; border: 2px solid #fff; border-radius: 10px; }
#main_visual .mv_scroll .circle div { position: absolute; left: 50%; transform: translateX(-50%); top: 5px; width: 5px; height: 5px; background-color: #fff; border-radius: 50%; animation: mv_scroll infinite linear 0.8s; }
#main_visual .mv_scroll p { text-align: center; font-weight: bold; font-size: 14px; color: #fff; }
@keyframes mv_scroll {
    0% { top: 5px; }
    100% { top: 20px; }
}
#main_visual .mouse {text-align: center;position: absolute; left: 50%; transform: translateX(-50%); bottom: 30px;animation: motion 0.7s linear 0s infinite alternate; cursor: pointer;}
@keyframes motion {
	0% {bottom: 30px;}
	100% {bottom: 50px;}
}
@media (max-width: 1420px) {
    #main_visual .mv_wrap .arrow { top: initial; transform: translateY(0); bottom: 20px; width: 40px; height: 40px; }
    #main_visual .mv_wrap .arrow_left { left: 20px; }
    #main_visual .mv_wrap .arrow_right { right: 20px; }
}
@media (max-width: 1230px) {
    #main_visual { height: calc(100vh - 165px); }
    #main_visual .mv_slick .con .txt .txt1 { font-size: 45px; }
    #main_visual .mv_slick .con .txt .txt2 { margin-top: 17px; font-size: 18px; }
    #main_visual .mv_slick .con .txt a { padding: 14px 47px; margin-top: 35px; font-size: 18px; }
}
@media (max-width: 1024px) {
    #main_visual { height: calc(100vh - 100px); }
    #main_visual .mouse { bottom: 15px; }
    #main_visual .mouse img { width: 20px; }
}
@media (max-width: 767px) {
    #main_visual .mv_wrap .arrow { width: 35px; height: 35px; }
    #main_visual .mv_slick .con .txt .txt1 { font-size: 35px; }
    #main_visual .mv_slick .con .txt .txt2 { margin-top: 13px; font-size: 16px; }
    #main_visual .mv_slick .con .txt a { padding: 12px 40px; margin-top: 25px; font-size: 16px; }
}
@media (max-width: 620px) {
    #main_visual { height: calc(400px + 17vw); }
    #main_visual .mv_slick .con .txt { text-align: center; }
    #main_visual .mv_slick .con .txt .txt1 { font-size: 21px; }
    /* #main_visual .mv_slick .con .txt .txt2 { font-size: 16px; } */
    #main_visual .mv_slick .con .txt .txt2 br { display: none; }
    #main_visual .mv_scroll { display: none; }
}

/*index1*/
.index1 { display: none; }
.index1 {padding: 90px 0;background: #e9f2ee;}
.index1 .head {font-size: 40px;text-align: center;padding-bottom: 50px;font-weight: bold;}
.index1 .head .mo_br { display: none; }
.index1 .wrap {display: flex;justify-content: center;}
.index1 .wrap > div {margin-left: 15px; }
.index1 .wrap > div:first-child {margin-left: 0;}
.index1 .wrap .check {width: 100px;height: 45px;display: flex;justify-content: center;align-items: center;border-radius: 50px; cursor: pointer;}
.index1 .wrap .check .img {padding-right: 5px;}
.index1 .wrap .check p {font-size: 15px;color: #ffffff;padding-left: 5px;font-weight: bold;}
.index1 .wrap .check { background: #515151; }
.index1 .wrap .check.active { background: #469878; }
.index1 #hd_sch { border: 0; }
.index1 .wrap .search {position: relative;}
.index1 .wrap .search input {padding: 5px 10px;height: 45px;border-radius: 50px;border: 2px solid #717171;width: 600px;font-size: 16px;}
.index1 .wrap .search input::placeholder {color: #8f8f8f;font-size: 16px;}
.index1 .wrap .search button {border: none;background: none;position: absolute;top: 50%;margin-top: -10px;right: 20px;}
.index1 .wrap .search button img {width: 20px;}
@media all and (max-width:1024px) {
/*index1*/
.index1 {padding: 35px 20px;}
.index1 .head {font-size: 25px;padding-bottom: 20px;word-break: keep-all;line-height: 1.25;}
.index1 .head .mo_br { display: block; }
.index1 .wrap { flex-wrap: wrap;justify-content: flex-start;}
.index1 .wrap > div:first-child {margin-left: 0;}
.index1 .wrap > div {margin-left: 10px;}
.index1 .wrap .check {width: 90px;height: 35px;}
.index1 .wrap .check .img {padding-right: 3px;}    
.index1 .wrap .check img {width: 17px;}    
.index1 .wrap .check p {font-size: 13px;padding-left: 3px;}
.index1 .wrap .search {width: 100%;margin-top: 15px;margin-left: 0;}
.index1 .wrap .search input {height: 40px;width: 100%;font-size: 14px;}
.index1 .wrap .search input::placeholder {font-size: 14px;}
.index1 .wrap .search button {margin-top: -8px;}
.index1 .wrap .search button img {width: 16px;}    
}

/*index2*/
.index2 {padding: 90px 0 60px;border-bottom: 1px solid #dadada;}
.index2_wrap { display: flex; }
.index2_wrap .left {width: 300px;}
.index2_wrap .left .big {font-size: 45px;padding-bottom: 20px;color: #469878;font-weight: bold;}
.index2_wrap .left .sm {padding-bottom: 30px;font-size: 20px;color: #5c5c5c;font-weight: 700;line-height: 1.5;}
.index2_wrap .left .sm span {font-size: 25px;font-weight: bold;}
.index2_wrap .left .link {display: inline-flex; flex-wrap: wrap; align-items: flex-end}
.index2_wrap .left .link span {display: inline-block}
.index2_wrap .left .link .txt {font-size: 16px;font-weight: bold;padding-right: 15px;}
.index2_wrap .right {width: calc(100% - 300px);padding-left: 30px;}
@media all and (max-width:1024px) {
/*index2*/
.index2 {padding: 40px 0;}
.index2_wrap {display: block;}
.index2_wrap .left {width: 100%;}
.index2_wrap .left .big {font-size: 25px;padding-bottom: 10px;}
.index2_wrap .left .sm {padding-bottom: 20px;font-size: 15px;}
.index2_wrap .left .sm span {font-size: 18px;}
.index2_wrap .left .link .txt {font-size: 14px;padding-right: 10px;}
.index2_wrap .left .link .img img {width: 60px;}
.index2_wrap .right {width: 100%;padding-left: 0;padding-top: 30px;}
}

/* index3 */
.index3 {padding: 20px 0;border-top: 1px solid #dadada;}
.index3_wrap { position: relative; width: 100%;max-width: 1200px ; margin: 0 auto;}
.index3_wrap img {border: 1px solid #dadada;width: 95%; max-width: 95%; }
.index3_wrap ul li {float: left;padding: 0 10px;}

.index3_wrap .arrow { z-index: 10; position: absolute; top: 50%; transform: translateY(-50%); width: 10px; height: 19px; background: no-repeat center/cover; cursor: pointer; }
.index3_wrap .arrow_left { left: -30px; background-image: url(/image/banner_left.jpg);}
.index3_wrap .arrow_right { right: -30px; background-image: url(/image/banner_right.jpg);}

@media (max-width: 1320px) {
    .index3_wrap .arrow_left { left: -12px; }
    .index3_wrap .arrow_right { right: -12px; }
}
@media (max-width: 1230px) {
    .index3_wrap .arrow { display: none; }
}
@media (max-width: 992px) {
.index3_wrap ul li {float: left;padding: 0 5px;}
}

/* main_member_3 */
#main_member_3 { padding: 80px 0; }