@charset "utf-8";

/* size */
@media screen and (max-width: 1250px) { } /* tablet */
@media screen and (max-width: 650px) { } /* mobile */
/* default */
*{
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    color : inherit;
    box-sizing: border-box;
    letter-spacing: inherit;
    line-height: inherit;
}
body{ font-family: 'Pretendard', sans-serif; font-weight:400; font-size: 16px; letter-spacing: -0.04em; }
section{ display:block; }
a{ color:inherit; }

.inner{ width:1200px; margin:0 auto; max-width: 100%; }

.paging_box{ padding:10px 0; display:flex; align-items: center; justify-content: center; }

select{
    -webkit-appearance: none; -moz-appearance: none;  appearance: none;
    background: url('../img/common/select-icon.png') no-repeat 98% 50% #fff; 
}
select::-ms-expand{ display:none; }

@media screen and (max-width: 1250px) { 
    .inner{ width:100%; padding:0 10px; }
} /* tablet */
@media screen and (max-width: 650px) { 
    .paging_box{ font-size: 13px; }
} /* mobile */


/* header */
header{ z-index: 999; position: fixed; left: 0; top: 0; width: 100%; background-color:rgba(0,0,0,0.06); padding: 10px 0; }
header.show{ background-color: #fff; box-shadow: 5px 10px 9px 0px rgba(0, 0, 0, 0.10); }
header .inner{ display: flex; align-items: center; justify-content: space-between; }
header .menuList{ flex-wrap: wrap; display: flex; align-items: center; gap: 10px; }
header .menuList.type1 > li{ padding-right: 40px; }
header .menuList .item{ font-size: 14px; display: flex; align-items: center; gap: 5px; padding: 12px 25px; border-radius: 4px; background-color: #059142; color: #fff; }
header .menuList .item.green2{ background-color: #149389; }

@media screen and (max-width: 1100px) { 
    header.show{ position: relative; }
    header .menuList.type1{ z-index: 999; padding: 20px 0; flex-wrap: wrap; justify-content: center; background-color: #fff; position: fixed; left: 0; top: -100px; width: 100%; transition: top 0.5s; }
    header.show .menuList.type1{ top: 0; }
}
@media screen and (max-width: 800px) { 
    header .logoBox .logo{ width: 200px; }
    header .menuList{ text-align: center; font-size: 14px; }
    header .menuList.type1 > li{ padding-right: 20px; }
    header .menuList .item{ padding: 5px 15px; }
}
@media screen and (max-width: 600px) { 
    header .logoBox .logo{ width: 160px; }
    header .menuList.type1{ gap: 15px; }
    header .menuList.type1 > li{ padding-right: 0; }
    header .menuList.type2{ justify-content: flex-end; gap: 4px; }
}


/* footer */
footer .popupDiv{ background-color: #292929; color: #7F7F7F; }
footer .popupDiv .inner{  display: flex; justify-content: space-between; gap: 10px; justify-content: space-between;  }
footer .popupDiv .popupList{ padding: 10px 0; display: flex; flex-wrap: wrap;  gap: 10px; }
footer .popupDiv .popupList > li{ padding-right: 10px; }
footer .popupDiv .applyBtn{ display: flex; align-items: center; gap: 10px; padding: 10px 20px; background-color: #424242; color: #BABABA; }

footer .footerContentDiv{ padding: 20px 0; background-color: #1D1D1D; color: #C4C4C4; font-size: 14px; }
footer .footerContentDiv .inner{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 30px; }
footer .footerContentDiv .contentDiv{ flex-grow: 1; line-height: 1.5em; }
footer .footerContentDiv .contentDiv .companyInfo{ margin-top: 8px; }
footer .footerContentDiv .contentDiv .copy_right{ margin-top: 8px; }
footer .footerContentDiv .snsList{ display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }



@media screen and (max-width: 900px) { 
    footer .footerContentDiv .inner{ flex-direction: column; gap: 10px; }
    footer .footerContentDiv .snsList .icon{ width: 30px; }
}
@media screen and (max-width: 650px) { 
    footer .popupDiv{ font-size: 14px; }
    footer .footerContentDiv .snsList{ font-size: 13px; }
}

/* 개인정보처리방침 , 이용약관 팝업 */
.privacyPopup{ 
	position: fixed; background-color: rgba(0, 0, 0, 0.60); width: 100%; height: 100%; z-index: 99999; left: 0; top: 0; 
	display: flex; align-items: center; justify-content: center; 
	opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0.5s;
}
.privacyPopup.active{ opacity : 1; visibility: visible; }
.privacyPopup .inner{ max-width: 600px; }
.privacyPopup .contentWrap{ background-color: #fff; padding: 40px 30px; }
.privacyPopup .contentWrap .titleBox{ display: flex; justify-content: space-between; align-items: center; }
.privacyPopup .contentWrap .titleBox span{ font-weight: 600; font-size: 24px;  }
.privacyPopup .contentWrap .titleBox .closeBtn{ cursor: pointer;  }

.privacyPopup .contentWrap .contentBox{ margin-top: 30px; background-color: #F7F7F7; padding: 30px; max-height: 60vh; overflow-y: scroll; }

@media screen and (max-width: 650px) {
	.privacyPopup .contentWrap{ padding: 30px 20px; }
	.privacyPopup .contentWrap .titleBox span{ font-size: 18px; }
	.privacyPopup .contentWrap .contentBox{ padding: 15px; margin-top: 20px; font-size: 14px; }
}

/* .main .bannerArti */
.main .bannerArti{ overflow:hidden; padding: 150px 0 40px 0; background-image: url('../img/main/bannerArti/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .bannerArti img{ display: block; margin: 0 auto; max-width: 100%; }
.main .bannerArti img.content{ margin-top: 10px; }
.main .bannerArti .applyBtn{ display: block; margin: 16px auto 0 auto; background-color: #059142; padding: 15px 10px; border-radius: 4px; color: #fff; max-width: 300px; text-align: center; font-weight: 700; font-size: 24px; }

@media screen and (max-width: 1250px) {
    .main .bannerArti{ padding: 150px 0; }
    .main .bannerArti img{ max-width: 90%; }
    .main .bannerArti .applyBtn{ padding: 10px; max-width: 200px; font-size: 20px; }
}
@media screen and (max-width: 650px) {
    .main .bannerArti{ display: flex; align-items: center; justify-content: center; }
    .main .bannerArti .applyBtn{ max-width: 180px; font-size: 16px; }
}

/* .main .videoArti */
.main .videoArti{ overflow: hidden; display: flex; align-items: center; justify-content: center; background: linear-gradient(180deg, rgba(80, 124, 61, 0.00) 0%, #507C3D 100%), #059142; }
.main .videoArti iframe{ display: block; margin: 0 auto; max-width: 100%; }
@media screen and (max-width: 500px) {
    .main .videoArti iframe{ height: 200vw; }
}

/* .main .mainTitle */
.main .mainTitle{ display: flex; align-items: center; gap: 10px; }
.main .mainTitle .title{ font-size: 24px; font-weight: 700; }

@media screen and (max-width: 650px) {
    .main .mainTitle .icon{ width: 20px; }
    .main .mainTitle .title{ font-size: 20px; }
}

/* .main .posterArti */
.main .posterArti{ padding: 50px 0; overflow: hidden; }
.main .posterArti .halfBox{ margin-top: 20px; display: flex; align-items: flex-start; gap: 20px; justify-content: space-between; }
.main .posterArti .halfBox img{ max-width: calc(50% - 10px); }

@media screen and (max-width: 650px) {
    .main .posterArti .halfBox{ flex-direction: column; align-items: center; }
    .main .posterArti .halfBox img{ max-width: unset; width: 100%; }
}

/* .main .greetingsArti */
.main .greetingsArti{ padding: 100px 0 0 0; overflow: hidden; }
.main .greetingsArti .halfBox{ display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.main .greetingsArti .halfBox .title{ font-size: 26px; font-weight: 600; line-height: 1.5em; }
.main .greetingsArti .halfBox .content{ line-height: 1.5em; margin-top: 20px; color: #7F7F7F; }
.main .greetingsArti .halfBox .content .nameBold{
    margin-left:14px;
    color: #000;
    font-family: "Pretendard Variable";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 150% */
    letter-spacing: -0.8px;
}
.main .greetingsArti .halfBox .boldDiv{ margin-top: 20px; font-weight: 500; line-height: 1.5em; font-size: 18px; }
.main .greetingsArti .halfBox .fontBig{ font-size: 20px; }
.main .greetingsArti .halfBox .boldDiv .green{ color: #059142; }

@media screen and (max-width: 1250px) {
    .main .greetingsArti{ position: relative; padding: 100px 0 20px 0; }
    .main .greetingsArti .halfBox{ margin-top: 20px; }
    .main .greetingsArti .halfBox .contentBox{ z-index: 1; }
    .main .greetingsArti .halfBox .people{ width: 50%; position: absolute; right: 0; bottom: 0; }
    .main .greetingsArti .halfBox .title{ font-size: 24px; }
}
@media screen and (max-width: 900px) {
    .main .greetingsArti{ padding-bottom: 0; }
    .main .greetingsArti .halfBox { flex-direction: column; }
    .main .greetingsArti .halfBox .contentBox{ width: 100%; }
    .main .greetingsArti .halfBox .people{ position: static; width: 100%; max-width: 500px; }
    .main .greetingsArti .halfBox .title{ font-size: 20px; }
    .main .greetingsArti .halfBox .boldDiv{ font-size: 18px; }
}
@media screen and (max-width: 650px) {
    .main .greetingsArti{ padding: 50px 0 0 0; }
    .main .greetingsArti .halfBox .contentBox{ font-size: 14px; word-break: keep-all; }
    .main .greetingsArti .halfBox .title{ font-size: 18px; }
    .main .greetingsArti .halfBox .boldDiv{ font-size: 16px; word-break: keep-all; }
    .main .greetingsArti .halfBox .boldDiv .green{ word-break: keep-all; }
    .main .greetingsArti .halfBox .boldDiv .green br{ display: none; }
}

/* .main .courseArti */
.main .courseArti{ padding: 50px 0; overflow: hidden; }
.main .courseArti .tabDiv{ margin-top: 30px; display: flex; justify-content: space-between; gap: 20px; }
.main .courseArti .tabDiv .tabList{ display: flex; flex-direction: column; gap: 10px; }
.main .courseArti .tabDiv .tabList .item{ border: none; width: 162px; padding: 15px 10px; border-radius: 4px; background-color: #E4E4E4; border-radius: 5px; color: #7F7F7F; font-size: 18px; }
.main .courseArti .tabDiv .tabList .item.active{ color: #fff; background-color: #059142; }
.main .courseArti .tabDiv .contentList > li{ display: none; }
.main .courseArti .tabDiv .contentList > li.active{ display: block; }
.main .courseArti .tabDiv .contentList .map{ max-width: 100%; border: 4px solid #059142; }

@media screen and (max-width: 1250px) {
    .main .courseArti .tabDiv .tabList .item{ font-size: 16px; padding: 10px; width: 140px; }
}
@media screen and (max-width: 950px) {
    .main .courseArti .tabDiv{ flex-direction: column; gap: 10px; }
    .main .courseArti .tabDiv .tabList{ flex-direction: row; width: calc(100% + 10px); margin-left: -5px; gap: unset; }
    .main .courseArti .tabDiv .tabList > li{ width: calc(100% / 4); padding: 5px; }
    .main .courseArti .tabDiv .tabList .item{ height: 100%; word-break: keep-all; width: 100%; font-size: 14px; }
}

/* .main .mapArti */
.main .mapArti{ overflow: hidden; padding: 100px 0; background-image: url('../img/main/mapArti/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .mapArti .mainTitle .title{ color: #fff; }
.main .mapArti .halfBox{ background-color: #fff; margin-top: 22px; display: flex; border-radius: 10px; overflow: hidden; }
.main .mapArti .halfBox .mapBox{ flex-grow: 1; }
.main .mapArti .halfBox .contentBox{ flex-shrink: 0; padding: 20px; }
.main .mapArti .halfBox .contentBox .imgBox{ border-radius: 10px; height: 220px; background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url('../img/main/mapArti/img.png'); }
.main .mapArti .halfBox .contentBox .greenTitle{ text-align: center; margin-top: 10px; padding: 10px; background-color: #507C3D; border-radius: 4px; color: #fff; font-weight: 700; }
.main .mapArti .halfBox .contentBox .content{ margin-top: 10px; }
.main .mapArti .halfBox .contentBox .icon{ background-size: 60%; background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; border-radius: 4px; background-color: #507C3D; margin-top: 20px; }
.main .mapArti .halfBox .contentBox .icon.icon1{ background-image: url('../img/main/mapArti/icon1.png'); }
.main .mapArti .halfBox .contentBox .icon.icon2{ background-image: url('../img/main/mapArti/icon2.png'); }
.main .mapArti .halfBox .contentBox .icon.icon3{ background-image: url('../img/main/mapArti/icon3.png'); }

@media screen and (max-width: 950px) {
    .main .mapArti .halfBox{ flex-direction: column; }
    .main .mapArti .halfBox .mapBox{ height: 70vw; }
    .main .mapArti .halfBox .contentBox .imgBox{ display: none; }
}
@media screen and (max-width: 650px) {
    .main .mapArti{ padding: 50px 0; }
    .main .mapArti .halfBox .contentBox{ padding: 10px; font-size: 14px; padding-bottom: 20px; }
}

/* .main .applyArti */
.main .applyArti{ overflow: hidden; padding: 100px 0; background-image: url('../img/main/applyArti/background.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .applyArti .mainTitle .title{ color: #fff; }
.main .applyArti .halfBox{ margin-top: 20px; display: flex; gap: 20px; }
.main .applyArti .halfBox .imgBox{ width: 429px; border-radius: 20px; overflow: hidden; background-image: url('../img/main/applyArti/imgBox.png'); background-size: cover; background-repeat: no-repeat; background-position: center; }
.main .applyArti .halfBox .formDiv{ background-color: #fff; padding: 30px 40px; border-radius: 20px; flex-grow: 1; }
.main .applyArti .halfBox .formDiv .logo{ display: block; margin: 0 auto; max-width: 100%; }
.main .applyArti .halfBox .formDiv .formList{ margin: 0 auto; max-width: 600px; margin-top: 50px; display: flex; flex-wrap: wrap; }
.main .applyArti .halfBox .formDiv .formList > li.half{ width: calc(100% / 2); }
.main .applyArti .halfBox .formDiv .formList > li{ padding: 10px; }
.main .applyArti .halfBox .formDiv .formList .label .red{ color: #EB5757; }
.main .applyArti .halfBox .formDiv .formList .iptWrap{ margin-top: 8px; }
.main .applyArti .halfBox .formDiv .formList .ipt{ border: 1px solid #dedede; padding: 10px; border-radius: 0; width: 100%; }
.main .applyArti .halfBox .formDiv .formList .iptWrap.radioWrap{ margin-top: 20px; display: flex; flex-wrap: wrap; gap: 10px; }
.main .applyArti .halfBox .formDiv .formList .iptWrap.radioWrap label{ padding-right: 20px; display: flex; gap: 4px; }
.main .applyArti .halfBox .formDiv .formList .iptWrap.radioWrap label input{ accent-color: #059142; }
.main .applyArti .halfBox .formDiv .agreeDiv{ padding: 10px; display: block; margin: 0 auto; max-width: 600px; }
.main .applyArti .halfBox .formDiv .agreeDiv input[type="checkbox"]{ display: none; }
.main .applyArti .halfBox .formDiv .agreeDiv input[type="checkbox"] + .text{ color: #7F7F7F; padding-left: 20px; position: relative; }
.main .applyArti .halfBox .formDiv .agreeDiv input[type="checkbox"] + .text .black{ cursor: pointer; color: #222; }
.main .applyArti .halfBox .formDiv .agreeDiv input[type="checkbox"] + .text::before{ content:''; display: block; width: 16px; height: 16px; position: absolute; left: 0; border: 1px solid #E4E4E4; }
.main .applyArti .halfBox .formDiv .agreeDiv input[type="checkbox"]:checked + .text::before{ background-image: url('../img/main/applyArti/checkIcon.png'); background-size: cover; background-repeat: no-repeat; background-position: center; background-size: 70%; }
.main .applyArti .halfBox .formDiv .submitBtn{ display: block; width: 100%; max-width: 270px; padding: 14px 10px; color: #fff; background-color: #059142; border-radius: 25px; border: none; margin: 0 auto; margin-top: 20px; font-weight: 700; }


@media screen and (max-width: 950px) {
    .main .applyArti .halfBox .imgBox{ display: none; }
}
@media screen and (max-width: 650px) {
    .main .applyArti{ padding: 50px 0; }
    .main .applyArti .halfBox .formDiv{ border-radius: 10px; padding: 20px 10px; }
    .main .applyArti .halfBox .formDiv .logo{ width: 240px; }
    .main .applyArti .halfBox .formDiv .formList{ margin-top: 10px; font-size: 14px;  }
    .main .applyArti .halfBox .formDiv .formList > li.half{ width: 100%; }
    .main .applyArti .halfBox .formDiv .agreeDiv{ font-size: 13px; }
    .main .applyArti .halfBox .formDiv .submitBtn{ padding: 10px; max-width: 200px; }
}
.sec_top .inner{width:100%;}

/* .sec_top */
.sec_top{ padding-top: 100px; }
@media screen and (max-width: 800px) {
    .sec_top{ padding-top: 77.55px; }
}
@media screen and (max-width: 650px) {
    .sec_top{ padding-top: 66.03px; }
}

/* .sub .subBanner */
.sub .subBanner{ padding: 100px 0; background: linear-gradient(90deg, rgba(5, 145, 66, 0.00) 0%, #059142 100%), #2C9213; }
.sub .subBanner .title{ text-align: center; color: #fff; font-weight: 700; font-size: 32px; }

@media screen and (max-width: 1250px) {
    .sub .subBanner .title{ font-size: 24px; }
}
@media screen and (max-width: 650px) {
    .sub .subBanner{ padding: 50px 0; }
    .sub .subBanner .title{ font-size: 20px; }
}

.sub .applyCheckArti{ padding: 100px 0; overflow: hidden; }
.sub .applyCheckArti .applyTitle{ font-size: 20px; font-weight: 700; }
.sub .applyCheckArti .applyContent{ margin-top: 10px; line-height: 1.5em; color: #7F7F7F; padding-bottom: 10px; border-bottom: 1px solid #E4E4E4; }
.sub .applyCheckArti .boardArti{ padding: 0; margin-top: 10px; }

.sub .applyCheckArti .grayBox{ color: #7F7F7F; margin-top: 10px; padding: 20px; background: #FAFBFC; }
.sub .applyCheckArti .grayBox .contentList > li{ display: flex; gap: 10px; align-items: flex-start; line-height: 1.5em; }
.sub .applyCheckArti .grayBox .contentList > li + li{ margin-top: 10px; }
.sub .applyCheckArti .grayBox .contentList .label{ color: #059142; width: 100px; flex-shrink: 0; }

.sub .applyCheckArti .grayBox .greenBox{ display: inline-block; margin-top: 20px; padding: 10px; background-color: #059142; border-radius: 4px; color: #fff; }
.sub .applyCheckArti .grayBox .greenBox b{ font-weight: 700; }

@media screen and (max-width: 650px) {
    .sub .applyCheckArti{ padding: 50px 0; }
    .sub .applyCheckArti .applyTitle{ font-size: 18px; }
    .sub .applyCheckArti .applyContent{ font-size: 14px; }

    .sub .applyCheckArti .grayBox{ font-size: 14px; }
    .sub .applyCheckArti .grayBox .contentList .label{ width: 60px; }
}


.sub .applyCheckArti .submit{ margin-top: 20px; display: flex; align-items: center; justify-content: center; }
.sub .applyCheckArti .submit button{ padding: 10px 20px; background-color: #059142; color: #fff; border: none; border-radius: 4px; }