@charset "utf-8";
/* ==========학과소개========== */
/*intro top*/
.intro-txt {display:flex;padding:0 52px 20px 50px;justify-content: space-between;}
.intro-txt .tit {
    font-size:30px;color:#1e744e;font-weight:600;margin-top:-113px;width:226px;height:226px;
    background:#fff;position:relative;display:flex;align-items:center;justify-content:center;
}
.intro-txt .tit span {letter-spacing:-1px}
.intro-txt .tit:before {
    content:'';display:block;width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;
    left:10px;top:10px;border:2px solid #1e744e;
}
.intro-txt .txt {width:calc(100% - 300px);width: calc(100% - 225px);padding-left: 30px;padding-top:25px}
.intro-txt .txt dt {font-size:20px;font-weight:500;color:#444b48;letter-spacing:-1px;margin-bottom:12px;}
.intro-txt .txt dd {font-size:16px;color:#999;letter-spacing:-1px;word-break:keep-all;line-height:1.5}

.ico-list-box {display:flex;flex-wrap:wrap;margin-top:10px;}
.ico-list-box li {
    width:calc(50% - 14px);margin:7px;border-radius:3px;background:#f3f1e5;display:flex;
    align-items:center;height:72px;padding:0 15px 0 30px;font-size:16px;color:#283830;
}
.ico-list-box li span {word-break:keep-all;}
.ico-list-box li img {margin-right:10px;}

/*교육이념*/
.img-l-box {display:flex;height:300px;}
.img-l-box dt {height:100%;width:370px;background:url('../img/page/ideology.jpg') center center}
.img-l-box dd {width:calc(100% - 370px);background:#f1f1f1;padding:35px 45px;font-size:16px;color:#555;line-height:1.4}
.img-l-box dd p {margin:15px 0;word-break:keep-all;}

/*추진전략*/
.goal img {margin:0 auto;display:block;margin-bottom:30px;}
.goal dl {background:#eef2f0;border-radius:5px;display:flex;align-items:center;padding:30px 20px 30px 0;}
.goal dl dt {font-size:24px;color:#444;font-weight:400;width:240px;text-align:center;letter-spacing:-2px;}
.goal dl dd li {position:relative;padding-left:20px;font-size:16px;color:#333;line-height:1.7;word-break:keep-all;}
.goal dl dd li:before {content:'';position:absolute;left:0;top:9px;display:inline-block;width:12px;height:12px;border:3px solid #a4b3ab;border-radius:100%;margin-right:8px;}

@media all and (max-width:1300px) {
    /*intro top*/
    .intro-txt {display:flex;padding:0 52px 20px 0;}
    /*교육이념*/
    .img-l-box {flex-direction:column;height:auto;}
    .img-l-box dt {display:block;width:100%;height:300px;background: url(../img/page/ideology.jpg);background-size:cover;background-repeat:no-repeat}
    .img-l-box dd {width:100%;padding:10px 30px;}
}
@media all and (max-width:960px) {
    /*intro top*/
    .intro-txt {flex-direction:column}
    .intro-txt .tit {font-size: 25px;margin-top: -80px;width: 250px;height: 80px;display: flex;align-items: center;justify-content: center;}
    .intro-txt .txt {width:100%;}
    .intro-txt .txt dt {font-size:18px;}
    .intro-txt .txt dd {font-size:14px;}
    .intro-txt .txt dd br {display:none;}
    .ico-list-box li {font-size:14px;}
    /*교육이념*/
    .img-l-box dd {font-size:14px;}
    /*추진전략*/
    .goal dl {flex-direction:column;padding:20px;}
    .goal dl dt {width:160px;font-size:18px;margin-bottom:10px}
    .goal dl dd li {font-size:14px;}
    .goal dl dd li:before {content:'';position:absolute;left:0;top:6px;}  
}

@media all and (max-width:480px) {
    /*intro top*/
    .ico-list-box li {width:100%;margin:3px; height:50px;}
    .intro-txt .tit {font-size:20px;margin-top: -60px; width: 200px;height: 60px;}
    .intro-txt .txt {padding-left:10px;}
    /*교육이념*/
    .img-l-box dt {height:200px;}

}

/* ==========학과특성화========== */
/*상단*/
.char-top h3 {text-align:center;margin:30px 0;letter-spacing:-1px}
.char-top h3 br {display:none;}
.char-top h3 span {letter-spacing:-1px;word-break:keep-all;}
.char-top ul {display:flex;}
.char-top ul li {display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#f1f1f1;width:242px;height:242px;margin:0 7px;}
.char-top ul li span {line-height:1.5;margin-top:24px;word-break:keep-all;}
/*교육이념*/
.ide-box {display:flex;background:#f1f1f1;border-radius:5px;padding:20px 30px;align-items:center;line-height:1.6;word-break:keep-all;}
.ide-box span {word-break:keep-all;}
.ide-box img {margin-right:25px;}
.char h3 {margin-bottom:10px;letter-spacing:-1px;text-align:center;color:#03723d;border-top:5px solid #237f53;border-bottom:1px solid #237f53;padding:15px 0}
/*교육특성화*/
.edu-cha {display:flex;flex-wrap:wrap;}
.edu-cha dl {width:calc(50% - 20px);margin:10px;}
.edu-cha dl dd {word-break:keep-all;height:60px;line-height:60px;background:#237f53;text-align:center;font-weight:400;color:#fff;}
/*교육특성화-전문가양성*/
.circle-line {display:flex;margin:50px 0 30px 0;width:100%;justify-content:space-between;align-items:center;}
.circle-line div {height:1px; background: #237f53;width:calc(50% - 254px)}
.circle-line div.before:after {content:'';display:block;width:9px;height:9px;border-radius:100%;background:#237f53;float:right;margin-top:-4px}
.circle-line div.after:after {content:'';display:block;width:9px;height:9px;border-radius:100%;background:#237f53;float:left;margin-top:-4px}
.circle-line span{color:#03723d;font-weight:500;letter-spacing:-1px;word-break:keep-all;}
.num-box {margin-bottom:30px;}
.num-box .tit {height:62px;display:flex;justify-content:space-between;align-items:center;border-radius:10px;background:#f1f1f1;}
.num-box .tit span {border-radius:10px 0 0 10px;line-height:60px;text-align:center;width:70px;height: 100%;display:inline-block;color:#fff;font-weight:500;font-size:20px;}
.num-box .tit:nth-child(1) span {background:#fea100;}
.num-box .tit:nth-child(3) span {background:#60b77b;}
.num-box .tit:nth-child(5) span {background:#6387b3;}
.num-box .tit p {width:100%;text-align:left;word-break:keep-all;color:#333;padding:0 20px;font-weight:400;}
.num-box > span {display:block;color:#555;    padding: 20px 20px 20px 80px;line-height: 1.5;word-break:keep-all;}
/*조경식재트랙 테이블*/
.tbl1 {width:100%;}
.tbl1 thead th {padding:0 20px;height:40px;background:#007c44;color:#fff;font-size:15px;font-weight:400;}
.tbl1 tbody th {padding:0 20px;background:#dceadc;border-bottom:1px solid #d1d1d1;color:#000;font-size:15px;text-align:center;}
.tbl1 tbody td {padding:0 20px;height:30px;border-bottom:1px solid #d1d1d1;font-size:15px;word-break:keep-all;text-align:center;}
.tbl1 tbody tr:nth-child(even) {background:#eef6ee}

@media all and (max-width:960px) {
    /*상단*/
    .char-top ul {flex-wrap:wrap;}
    .char-top ul li {width:calc(50% - 14px);margin:7px;}
    .char-top h3 br {display:block;height:40px;}
    /*조경식재트랙 테이블*/
    .tbl1 tbody td {font-size:14px;}
}
@media all and (max-width:768px) {
    .tbl-wrap-768 {overflow-x:scroll}
    .tbl-wrap-768 table td, .tbl-wrap-768 table th {white-space:nowrap;}
}
@media all and (max-width:480px) {
    .ide-box img {display:none;}
    .tbl-wrap-mobile {overflow-x:scroll;}
    .tbl-wrap-mobile table th, .tbl-wrap-mobile table td {white-space:nowrap}
    .edu-cha dl dd {height: auto;line-height: 1.3;padding:5px;}
    .num-box > span {padding:10px}
    .num-box > span br {display:none;}
}

/* ==========교육과정========== */
.step-wrap {display:flex;}
.step-box {width:calc(50% - 30px);height:156px;margin:0 15px;background:#f3f0e5;display:flex;align-items:center;}
.step-box .tit {
    color:#1e744e;
    font-weight:600;
    margin-left:-15px;
    width: 200px;
    height:115px;
    margin-right:20px;
    background:#fff;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
}
.step-box .tit span {letter-spacing:-1px}
.step-box .tit:before {content:'';display:block;width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;left:5px;top:5px;border:2px solid #1e744e;}
.step-box p {line-height:1.5;color:#283830;}
.s-txt {padding-bottom: 20px;line-height: 1.4em;}
.red-im {color: #f00;}


/*시간표*/
.sub_content.page01_03_02 .df{display: flex; gap: 10px;}
.sub_content.page01_03_02 .df article { flex: calc(100% / 2);}


.class-wrap {/* display:flex; */}
.class-wrap > div {/* width:calc(50% - 2px); *//* margin-right:1px; */}
.class-wrap > [class^="class"] > ul {padding:20px 30px;height:calc(100% - 60px)}

.class-wrap > .class1 > ul {background:#eaeaea;}
.class-wrap > .class2 > ul {background:#f4f4f4;}
.class-wrap > [class^="class"] h3 {text-align:center;color:#fff;font-weight:500;height:60px;line-height:60px;}
.class-wrap > [class^="class"] h3 span:first-child {margin-right:100px}
.class-wrap > .class1 h3 {background:#60b77b;}
.class-wrap > .class2 h3 {background:#fea100}

.class-wrap > [class^="class"] > ul > li h4 {font-size:17px;border-radius:3px;background:#e1e1e1;padding:10px 20px;}
.class-wrap > [class^="class"] > ul > li h4:before {content:'';display:inline-block;width:4px;height:16px;background:#1d8775;margin-right:7px;vertical-align: middle;margin-top: -3px;}
.class-wrap > .class2 > ul > li h4:before {background:#fe5a00;}
.class-wrap > [class^="class"] > ul li ul {padding:5px 15px;}
.class-wrap > [class^="class"] > ul li {margin:8px}
.class-column {display:flex;}
.class-column div {width:50%;}

@media all and (max-width:960px) {
    .step-wrap {flex-direction:column}
    .step-box {width:100%;margin:5px 10px;padding-right:20px;}
    .class-wrap {display:block;}
    .class-wrap > div {width:100%;}
    .class-wrap > [class^="class"] > ul {height:auto;padding: 20px 10px;}
    .class-column div {width:100%;}
}

@media all and (max-width:500px) {
    .sub_content.page01_03_02 .df{flex-wrap:wrap}
    .step-box {flex-wrap: wrap;padding: 0;align-items: unset;margin: 0;margin-bottom: 20px;}
    .step-box .tit {flex: 100%;width: unset;margin: unset;height: 80px;}
    .step-box p {flex: 100%;padding: 15px;}
}

@media all and (max-width:480px) {
    .class-column {display:block;}
}



/* ==========학과둘러보기========== */
.room-info {word-break:keep-all;position:relative;border-radius:3px;background:#ececec;padding:15px 50px;margin-bottom:20px;}
.room-info:before {display:inline-block;left:20px;margin-right:30px;position:absolute;content:'';width:15px;height:15px;border:5px solid #237f53}
.room-wrap {margin-bottom:50px;}
@media all and (max-width:1300px) {
    .room-wrap img {max-width:33%}
}
@media all and (max-width:650px) {
    .room-wrap img {max-width:32%}
}
/* ==========취득자격증========== */
.certificate {background:#f2f2f2;padding:35px 45px;display:flex;flex-wrap:wrap;justify-content:flex-start}
.certificate li {transition:all .4s;position:relative;margin:5px;color:#1e744e;width:220px;height:70px;background:#fff;display:flex;align-items:center;justify-content:center;}
.certificate li:after {position:absolute;right:0;top:0;content:'';display:block;width: 0px;height: 0px;border-bottom: 13px solid transparent;border-right: 13px solid #1e744e;}
.certificate li:hover {box-shadow:0 0 15px rgba(0,0,0,.5)}

/* ==========교수소개========== */
.professor {display:flex;justify-content:space-between;flex-wrap:wrap;}
.professor li {align-items: center;padding:26px 22px;display:flex;background:#f1f1f1;border-radius:15px;width:calc(50% - 13px);margin-bottom:20px;}
.professor li > img {margin-right:26px;width:142px;height:176px;}
.professor li .txt h3{border-bottom:1px solid #1e895c;padding-bottom:14px;}
.professor li .txt  > div {padding:10px 10px}
.professor li .txt  > div span {display:block;margin:8px 0;color:#777;}
.professor li .txt  > div span img {vertical-align:middle;margin-right:5px;}
.professor li .txt p {margin-bottom:15px;line-height:1.4;word-break:keep-all;}
@media all and (max-width:1300px) {
    .professor li > img {margin-right: 20px;width: 108px;height: 135px;}
    .professor li {align-items: flex-start;}
}
@media all and (max-width:1024px) {
    .professor li {width:100%;}
    .professor li .txt {width:calc(100% - 20px)}
}
@media all and (max-width:480px) {
    .professor li > img {width: 80px;height: 99px;}
}

/* ==========진로안내========== */
.employ-wrap {display:flex;flex-wrap:wrap;justify-content:space-between}
.employ-wrap dl {width:calc(50% - 26px);margin-bottom:25px;border-bottom:2px solid #1e895c}
.employ-wrap dl dt {position:relative;}
.employ-wrap dl dt h3 {position:absolute;top:18px;left:0;background:#108755;width:186px;display:flex;padding:0 20px;justify-content:center;align-items:center;height:52px;line-height:1.3;text-align:left;color:#fff;}
.employ-wrap dl dt h3 span {text-align:center;}
.employ-wrap dl dd {display:flex;justify-content:center;align-items:center;height:100px;padding:10px 25px;}
.employ-wrap dl dd p {line-height:1.6;text-align:center;word-break:keep-all;}
@media all and (max-width:960px) {
    .employ-wrap dl {width:calc(50% - 10px);}
    .employ-wrap dl dd p {line-height:1.4}
}
@media all and (max-width:600px) {
    .employ-wrap dl {width:100%;}
    .tbl1.intern td, .tbl1.intern th{font-weight:normal;font-size:13px;padding:5px;line-height:1.2;}
}
@media all and (max-width:500px) {
    .employ-wrap dl {width:100%;}
}
/* ==========인재양성메인========== */
.t-main {display:flex;}
.t-main li {width:calc(33.3333% - 10px);margin:0 5px;height:410px;}
.t-main li a {position:relative;display:flex;width:100%; height:100%;flex-direction: column;justify-content: center;align-items: center;}
.t-main li a:before {z-index:0;content:'';width:100%;height:100%;background:rgba(35,127,83,.5);position:absolute;opacity:0;transition:opacity .4s;}
.t-main li a:hover:before {opacity:100%;}
.t-main li a > img {margin-bottom:16px;z-index:1;}
.t-main li a span img {transition:all .4s;}
.t-main li a:hover span img {margin-left:10px;}
.t-main li:nth-child(1) a {background:url('../img/page/t-main1.jpg');background-size:cover;}
.t-main li:nth-child(2) a {background:url('../img/page/t-main2.jpg');background-size:cover;}
.t-main li:nth-child(3) a {background:url('../img/page/t-main3.jpg');background-size:cover;}
.t-main li a span {word-break:keep-all;text-align:center;line-height:1.3;z-index:1;color:#fff;font-size: 18px;font-weight: 500;}
@media all and (max-width:1000px) {
    .t-main li {height:260px;}
    .t-main li a span {font-size:15px;}
}
@media all and (max-width:768px) {
    .t-main li {width: calc(33.3333% - 1px);margin: 0 2px;}
}
@media all and (max-width:480px) {
    .t-main li a span {display:flex;flex-direction:column;align-items:Center;}
    .t-main li a span img {margin-top:15px;}
    .t-main li a {padding:0 10px;}
}
/* ==========사회맞춤형========== */
.tab-design {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #c3c3c3;
    margin-bottom: 20px;
}
.tab-design li {color:#fff;padding:17px 25px;font-weight: 600;}
.tab-design li.active {background:#234c7f;color:#fff;}
.tab-design li.active A {color:#fff;}
/*협약기업현황*/
.spon {display:flex;justify-content: end;flex-wrap:wrap;}
.spon li {background:#e9f3ee;height:120px;width:calc(25% - 10px);margin:5px;display:flex;align-items:center;justify-content:center;border-radius:10px}
.spon li p {font-size:19px;text-align:center;line-height:1.5;font-weight:500;letter-spacing:-1px;color:#0b5e36}
/*트랙교육과정*/
.th-color1 {background:#274035 !important}
.th-color2 {background:#2f9567 !important}
.plan-tbl tbody tr {background:transparent !important}
.plan-tbl tbody tr td {background:#fff}
.plan-tbl tbody tr.green-line td {background:#eef6ee}
.plan-tbl th, .plan-tbl td {border:1px solid #d1d1d1}

@media all and (max-width:1300px) {
    .spon li {width:calc(33.3333% - 10px);}
}
@media all and (max-width:768px) {
    .spon li p {font-size:16px;font-weight:500;}
}
@media all and (max-width:480px) {
    .spon li p {font-size:13px;font-weight:400;}
}
@media all and (max-width:450px) {
    .spon li {width:calc(50% - 10px);}
}

/* ==========스마트팜========== */
/*교육목표*/
.smart-goal-box {padding:0 40px;margin-top:50px;}
.smart-goal-box:last-child {margin-bottom:0;flex-direction:column;align-items:flex-start}

.smart-goal-box > ul {display:flex;width:100%;}
.smart-goal-box > ul > li {width:calc(25% - 10px);margin:5px;}
.smart-goal-box ul > li span {display:block;text-align:center;color:#555;padding:15px;font-weight:500;}
.smart-goal-box ul > li > ul {padding:20px 10px;border:1px solid #d3d3d3;background:#fff;}
.smart-goal-box ul > li:nth-child(1) > ul {border-top:2px solid #fe5a00}
.smart-goal-box ul > li:nth-child(2) > ul {border-top:2px solid #1d8775}
.smart-goal-box ul > li:nth-child(3) > ul {border-top:2px solid #286caa}
.smart-goal-box ul > li:nth-child(4) > ul {border-top:2px solid #4e4b4b}
.smart-goal-box ul > li > ul li{color:#777;margin: 8px 0;}

.smart-main-inner {margin-top:-142px;padding:0 43px;}
.smart-main-inner h2 {font-size:40px;letter-spacing:-1px;color:#fff;font-weight:500;margin-bottom:33px;}
.smart-main-inner ul {display:flex;}
.smart-main-inner ul li {width:50%;}
.smart-main-inner ul li:nth-child(1) {background:#f5f5f5}
.smart-main-inner ul li:nth-child(2) {background:#286caa}
.smart-main-inner ul li span {color:#e2e2e2}
.smart-main-inner ul li .bg {font-size:86px;text-align:center;font-weight:800;letter-spacing:13px;line-height:.62}
.smart-main-inner ul li:nth-child(1) .bg {color:#e3e3e3}
.smart-main-inner ul li:nth-child(2) .bg {color:#4d7fb4}
.smart-main-inner ul li h3 {text-align:center;font-weight:400;color:#555;}
.smart-main-inner ul li:nth-child(2) h3 {color:#fff}
.smart-main-inner ul li .line {width:2px;height:30px;margin:27px auto;background:#555}
.smart-main-inner ul li:nth-child(2) .line {background:#fff;}
.smart-main-inner ul li p {text-align:center;}
.smart-main-inner ul li {padding:0 20px 50px;}
.smart-main-inner ul li:nth-child(2) p {color:rgba(255,255,255,.8)}
.smart-goal-box h3 {display:flex;align-items:Center;justify-content:center;}
.smart-goal-box h3 span {text-align:center;margin-bottom:10px;font-weight:500 !important;padding-left:10px;}
@media all and (max-width:1366px) {
    .smart-goal-box > ul {flex-wrap:wrap}
    .smart-goal-box > ul > li {width: calc(50% - 10px);margin: 5px;}
    .smart-main-inner ul li .bg {font-size:50px;}
    .smart-main-inner ul li p {line-height:1.5;word-break:keep-all;}
    .smart-main-inner h2 {font-size:30px;}
}
@media all and (max-width:1000px) {
    .smart-main-inner ul li .bg {font-size:30px;line-height:1}
}
@media all and (max-width:580px) {
    .smart-goal-box > ul {flex-wrap:wrap;}
    .smart-goal-box > ul > li {width: 100%;margin: 0;}
    .smart-main-inner ul {flex-wrap:wrap;}
    .smart-main-inner ul li {width:100%;padding: 0 20px 30px;}
    .smart-main-inner h2 {font-size:20px;}
    .smart-main-inner ul li .line {margin:10px auto;height:15px;}
    .smart-main-inner,.smart-goal-box {padding:0 20px;}
}
@media (max-width:480px) {
    .smart-main-inner {margin-top:-54px;}
    .smart-main-inner h2 {text-align:center;}
}

/*인턴십*/
.tb_s-txt { padding-bottom: 5px;}

.sub_navigation {padding: 26px 20px;}
.sub_content {padding: 0 20px;}

@media(max-width: 550px){
.sub_navigation {padding: 20px 0;}
}