@charset "utf-8";



header .head h1 a { display: inline-block; width: 61px;height: 41px; background:url(/images/26_farmschool/main/logo_l.png?test=1) no-repeat 0 0 /100%;}
header .head h1 a.logo_r { width: 150px;height: 41px; background:url(/images/26_farmschool/main/logo_r.png?test=1) no-repeat 0 0 /100%;}
.foot_info .logo {background:url('/images/26_farmschool/main/footer_logo.png?test=1') no-repeat center;}


/* Mobile */
header {background: #fff; position: fixed; width: 100%; z-index: 100; top: 0; height: 101px;}
header .fm26 .menu_open {height:60px;}

@media all and (max-width:400px) { 
header .gnb .gnb_left li a{font-size: 12px;letter-spacing: -1px;}
}
header .gnb .gnb_left li:first-of-type::after{margin: 5px;}
header .gnb .gnb_left li:nth-of-type(2)::after {margin: 5px 5px;content: '';position: absolute;width: 5px;height: 5px;border-radius: 50px;background: #dfdddb;}
header .gnb .gnb_left li:nth-of-type(2), header .gnb .gnb_left li:nth-of-type(3){padding-left: 10px;}

.section {position: relative;/*margin-top: 102px;*/}
.section:before {content: ''; position: absolute;  width: 100%; background: url('/images/26_farmschool/main/sec2_main_bg.png') no-repeat center; z-index: -1; height: 720px; margin-top: -6px; background-size: 124%;}
.section:after {content: ''; background: url(/images/26_farmschool/main/sec2_bg.jpg) no-repeat center; display: block;width: 100%; height: 35vh; position: absolute; bottom: -205px; z-index: -1; background-size: 200%;}


.main {padding-bottom: 30px;}
.main:after {content: ''; position: relative; background: url('/images/26_farmschool/main/scroll.png') no-repeat center; background-size: 100%; display: block; width: 178px; height: 120px;margin: 0 auto;}
.main h2 { margin: 0 auto; line-height: 1.3; position: relative; color: #fff; text-shadow: 3px 3px 5px rgba(0,0,0,.25); padding: 50px 0 0; font-weight: 100; font-size: 30px; text-align: center; display: block;max-width: 249px;}
.main h2>.color_b, .color_p {vertical-align: baseline; font-weight: 100; font-size: 2rem;}
.main h2>.color_b {color: #bfe4ff;}
.main h2>.color_p {color: #ffd0d9;}
.main h2>.txt_img { font-family: 'inklip', "NotoSans", Dotum, "돋움", sans-serif; font-size: 2.5em;font-weight: 100; color: #f3ffbd; vertical-align: baseline;}

.section .main_con {margin-top: 50px; position: relative;}
.section .main_con .con_box {transition: 1s background, text-weight;background: #fff;padding:15px;max-width: 230px;border-radius: 5px 40px 40px 5px;height: 305px;margin: 0 auto 40px;box-shadow: 0 0 20px rgba(0,0,0,.3);}
/* .section .main_con .con_box:first-of-type~.con_box, .con_over {display: none;}*/
.section .main_con .con_box>a {position: relative; display: block; height: 173px;}
.section .main_con .con_box>a img{border-radius: 5px 30px 5px 5px;width:100%; height: 100%; object-fit: cover;}
.section .main_con .more {display: inline-block; border-radius: 10px 0; color: #fff; padding: 8px 25px; background: #319b52;}
.section .main_con .more:focus {outline-offset: -3px; outline: 2px dashed #fff;}
.section .main_con strong {font-weight: 300; display: block; font-size: 20px;margin: 20px 0; line-height: 1.4;white-space: normal; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden;}

.section .main_con .con_box:hover, .section .main_con .con_box:active, .section .main_con .con_box:focus { position: relative;}
.section .main_con .con_box:hover>a>strong, .section .main_con .con_box:active>a>strong, .section .main_con .con_box:focus>a>strong {font-weight: 600;}
.section .main_con .con_box:hover:before , .section .main_con .con_box:active:before , .section .main_con .con_box:focus:before {content: ''; position: absolute; top: 0; left: 0; width: 14px; height: 71px; background: url('/images/26_farmschool/main/box_hover.png') no-repeat center;}
.section .main_con .con_box:hover:after , .section .main_con .con_box:active:after , .section .main_con .con_box:focus:after {content: ''; position: absolute; bottom: 0; right: 0; width: 80px; height: 81px; background: url('/images/26_farmschool/main/box_hover02.png') no-repeat center;}

.section .main_con .control {position: absolute; top: 45%;left: 50%;}
.section .main_con .control button {display: block; background: #484848; padding: 5px; font-size: 0; border-radius: 5px; position: absolute;}
.section .main_con .control button.prev {left: -160px}
.section .main_con .control button.next {right: -160px;}
.section .main_con .control button:after {content: ''; display: block; width: 30px; height:30px; background: url('/images/26_farmschool/main/icon.png') no-repeat 50% center;}
.section .main_con .control button.prev:after {background-position:35.9% center;}
.section .main_con .control button.next:after {background-position:42.5% center;}

.sec02 {margin-top: 40px;}
.s2_l:before {content: 'A Fresh Start, Effort'; font-size: 25px; font-weight: 600;display: block; color: #fff; opacity: .05;position: absolute; top: 0; left: 0;}
.s2_l{position: relative; z-index: 1; box-shadow: 0 0 10px rgba(0,0,0,.4); padding: 50px 20px 10px; background: #2a7f52; border-radius: 0 30px 30px 0;transform: translateX(-12px);}
.s2_l h3 {font-size: 25px; color: #fff; font-weight: 300;}
.s2_l h3>span {width: calc(100%/2 - 75px); height: 1px; background-color: #559975; position: absolute; top: 13px; left: 150px;}

.m_mv{position:relative;}
.m_mv .mv_box{background:#fff;border-radius:5px 40px 40px 5px;padding:15px;margin-top:20px;}
.m_mv .mv_box a{display:block;text-align:center;}
.m_mv .mv_box a span{display:block;position:relative;}
.m_mv .mv_box img{width:100%;border-radius:5px 30px 5px 5px;}
.m_mv .mv_box i{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.m_mv .mv_box i img{width:50px;border-radius:0;}
.m_mv .mv_box strong{display:block;margin:10px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.m_mv .mv_box em{font-size:14px;}
.m_mv .more{position:absolute;top:5px;right:20px;}
.m_mv .more a{display:block;width:18px;height:0;padding-top:18px;overflow:hidden;background:url("/images/26_farmschool/main/mv_more.png") no-repeat;}

.m_info{position:relative;margin-top:30px;}
.m_info ul{margin:20px 0;background:#fff;border-radius:5px 40px 40px 5px;overflow: hidden;}
.m_info ul li a{position:relative;display:block;padding:0 20px;}
.m_info ul li a span{display:block;border-top:solid 1px #e0eae5;padding:6px 0;}
.m_info ul li a span:after{display:block;content:"";width:9px;height:15px;background:url("/images/26_farmschool/main/arr.png") no-repeat;position:absolute;top:50%;right:20px;transform:translate(-50%, -50%)}
.m_info ul li:first-child a span{border:none;}
.m_info ul li a em{display:inline-block;padding:20px 0 0 20px;}
.m_info ul li:nth-child(4) a em{padding-top: 10px;}

.s2_r{margin: 0 -12px; padding: 90px 0 0 0; box-shadow: 0 0 10px rgba(0,0,0,.2); border-radius: 30px;position: relative; top: -50px;background:#fff;}
.notice{background:url(/images/26_farmschool/main/sec2_logobg.png) no-repeat -20px 100%; background-size: 45%; min-height: 272px;}
.notice h3{color: #000; display:block; position: relative;}
.notice .notice_con {display: block; padding: 20px 0; border-bottom: 1px solid #e8e6e4;}
.notice .notice_con .new:before {content: 'new'; text-transform: uppercase; display: inline-block; color: #2a7f52; font-size: 12px; padding: 3px 10px 1px; border: 1px solid #2a7f52; border-radius: 20px; }
.notice .notice_con span {font-size: 0; margin-right: 10px; display: inline-block; vertical-align: middle;}
.notice .notice_con .old:before {content: ''; width: 30px; height: 5px; background-color: #2a7f52;display: block; margin: 0 13px;}
.notice .notice_con a>strong {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  display: inline-block; width: 75%;font-weight: 100; color: #000; font-size: 16px; vertical-align: middle;}
.notice .notice_con:hover>a>strong,
.notice .notice_con:hover>a>.date,
.notice .notice_con:active>a>strong,
.notice .notice_con:focus>a>strong,
.notice .notice_con:focus>a>.date {text-decoration: underline;}
.notice .notice_con a .date {display: none;}
.notice .more {top: 85px; right: 12px; border-radius: 10px 0; position: absolute;background: #319b52; padding: 8px 25px; color: #fff;}
.notice .more:focus {outline-offset: -3px; outline: 2px dashed #fff;}

.main_tel{background:#f3f5ec;margin-top:40px;border-radius:0 0 0 30px;padding:40px 20px 20px 20px;}
.main_tel h3{position:relative;font-size:14px;color:#666a5a;margin-bottom:10px;}
.main_tel h3>span{width: calc(100%/2 - 75px); height: 1px; background-color: #ccd2b8; position: absolute; top: 6px; left: 100px;}
.main_tel div{margin-bottom:20px;}
.main_tel div li{font-size:14px}
.main_tel div strong{font-family: "GongGothic";color:#2a7f52;font-size:16px;}

.foot_info .logo { width: 232px; height: 40px;}


/* Tablet */
@media all and (min-width:768px) { 
header .head h1 a.logo_r {width: 172px;}

header .gnb .gnb_left li:first-of-type::after, header .gnb .gnb_left li:nth-of-type(2)::after {margin: 5px 10px;}
header .gnb .gnb_left li:nth-of-type(2), header .gnb .gnb_left li:nth-of-type(3){padding-left: 20px;}

.section:before { background: url(/images/26_farmschool/main/main_bg.png) no-repeat center; background-position: center 15%; background-size: 199%;}
  
.main h2 {font-size: 30px;;display: block;padding: 70px 0 0 ; max-width: 631px;}
.main h2>.color_b, .color_p {font-size: 2.5rem;}
.main h2>.txt_img {display: inline-block;position: unset; width: auto; height: auto;}
.main h2>.txt_img:after {width: 255px; height: 70px; display: block;}
.main h2>.txt_img {vertical-align: baseline;}
    
.section .main_con {margin: 0 auto; width: 565px;}
.section .main_con .con_box:first-of-type+.con_box:nth-of-type(2) {display: inline-block;}
.section .main_con .con_box {margin: 70px 10px; display: inline-block; opacity: .8; transition: .3s all;}
.section .main_con .con_box:hover, .section .main_con .con_box:active, .section .main_con .con_box:focus {opacity: 1;}
    
.section .main_con .control button.prev {left: -345px;}
.section .main_con .control button.next {right: -345px;}
.main:after {bottom: -85px;}

.sec02{margin:100px 0 0 0;}  
.sec02:after {content: ''; display: block; clear: both;padding: 50px 20px; position: relative; box-shadow: none;}
.s2_l:before {font-size: 30px;height: 370px;}
.s2_l {float: left; margin: 0 auto 0 0; min-width: 728px; width: 95%;}
.s2_l h3>span {right: 60px;top: 13px;width: calc(80%/2 - 15px);}
.m_mv {float: left; width: 48%;}
.m_mv .mv_box {min-height: 265px;padding: 15px 15px 0;}
.m_mv .mv_box a span {max-width: 313px; margin: 0 auto;}
.m_info {float: right; width: 48%;margin-top:0;}

    
.s2_r{padding: 70px 0 0 0;border-radius: 0 30px;float: right;width: 103%;min-width: 740px;}
.notice {background-position:-20px 83%;background-size: 30%;}
.notice>.wrap {padding-left: 20px;}
.notice .notice_con a>strong {width: 65%;}
.notice .more {top: 65px; right: 30px;}

.main_tel{border-radius:0 0 0 30px;}
.main_tel div { display: inline-block; width: calc(100%/2 - 3px);margin-bottom: 0;}
.main_tel h3>span { width: 60%;}
.section:after {background-position-y: 0;bottom: -230px; height: 55vh; background-size: 100%;position: absolute;z-index: -1;}

}

/* Desktop */
@media all and (min-width:1023px) {

header .menu, header .menu.on{left:23%;}
header .head .menu>div>ul>li, header .head .menu.on>div>ul>li { padding: 0 30px;}
header .menu .menu_gnb li:first-of-type, header .menu.on .menu_gnb li:first-of-type {padding: 0;}
header .fm26 .menu_gnb::after {height: 60px;}

.main h2 {padding: 70px 0 50px; font-size: 35px;}

.section:before { background-size: 147%;}
.section .main_con .con_box{width:300px;height:335px;max-width:300px;margin:0 10px;box-sizing:border-box;}
.main_con {width: 645px;}
.main_con strong{font-size:18px;color:#000;margin: 15px 0;}
.notice { background-position: -20px 20%; min-height: 286px;background-size: 29%;}
 
.m_info ul li a:hover,
.m_info ul li a:focus{background:#f3f5ec;}
/*
.m_info ul li:nth-child(1) a:hover,
.m_info ul li:nth-child(1) a:focus{border-radius:5px 40px 0 0;}
.m_info ul li:nth-child(3) a:hover,
.m_info ul li:nth-child(3) a:focus{border-radius:0 0 40px 5px;}
*/

 
    
.s2_r {background-size: 25%; background-position-x: 105%;}
.notice>.wrap {padding-left: 40px;width: auto;}
.notice .notice_con a>strong {font-size: 20px;padding-left: 15px;}
.notice .notice_con a .date {line-height: 1.5; display: inline-block; float: right; color: #666666;}
.notice .more {right: 20px;}
.section:after { background-size: 100%; height: 58vh;}

}

/* Pc */
@media all and (min-width:1400px) {
header {height: 104px;}
header .menu, header .menu.on{left:20%;}
header .head .menu>div>ul>li, header .head .menu.on>div>ul>li { padding: 0 40px;}
header .menu.on .depth_box {top: 64px; overflow: hidden;}
header .fm26 .menu_gnb::after {top: -6px;height: 65px; }
    
.section:before {height: 964px; background-position: center 0;background-size: 100%;}
/*.section {margin-top: 104px;}*/
.section h3 {font-size: 30px;}
.section {overflow: hidden;}
.section:after {height: 40vh; z-index: -2;bottom: -93px; background-size: 200%; background-position-y: 0;}

.section .main_con .con_box:first-of-type~.con_box, .section .main_con .con_over {display: inline-block;}
.section .main_con {width: 1332px;}
.section .main_con .con_box {margin: 0px 20px;height: 330px; max-width: 290px;}
.section .main_con .con_over {background: #d9d9d9; opacity: .8;padding: 40px 40px 0; max-width: 230px; border-radius: 5px 40px 40px 5px; min-height: 235px; box-shadow: 0 0 20px rgba(0,0,0,.2); margin: 0 0 0 23px;}
.section .main_con .con_over .receipt_over {background: #7f7872; display: inline-block;border-radius: 10px 0;color: #fff; padding: 8px 25px;}
.section .main_con .con_over>a {position: relative;display: block;}
.section .main_con .con_over>a:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100px;height: 1px; background-color: #fff;}
.section .main_con .con_over .place:after {background-color: #fff;}
.section .main_con .control {display: none;}

.notice { background-position: 100px 100%;background-size: 30%;}
    
.main h2 {font-size: 40px; max-width: 926px;padding: 100px 0 50px;}
.main h2>.color_b, .color_p {font-size: 3.5rem;}
.main h2>.txt_img:after {width: 335px;height: 90px;}
.main:after {background: url(/images/26_farmschool/main/scroll_pc.png) no-repeat center; width: 220px; height: 225px; bottom: -75px; background-size: 100%;}

.sec02:before {content: 'A Fresh Start, Effort'; z-index: 2; font-size:35px; font-weight: 600;display: block; color: #fff; opacity: .05;position: absolute; top: 130px; left: 0;}
.sec02 {margin-top: 0;position: relative;}

.s2_l {padding: 90px 50px 70px 0;position: relative;box-shadow: none;min-width: 770px;max-width: 800px;width: calc(80%/2 - 50px);height: 370px; bottom: -125px; margin: 0;}
.s2_l:before {content: ""; position: absolute; left: -100%; top: 0;z-index: -1; min-width: 650px;width: 110%;height: 100%; background-color: #2a7f52; float: left;border-radius: 0 30px 30px 0;opacity: 1;display: block; }
.s2_l:after{display:block;content:"";clear:both;}
.s2_l h3>span {left: auto;right: 75px;width: calc(80%/2 - 45px);top: 18px;}

.m_mv{float:left;width:365px;}
.m_mv .mv_box {padding:15px;}
.m_mv .mv_box, .m_info ul{height:330px;box-sizing:border-box;}
.m_info{float:right;width:365px;margin:0;height:330px;box-sizing:border-box;}
.m_info ul li a span{padding:12px 0;}
.m_info ul li:nth-child(4) a em{padding-top: 20px;}
.m_info ul li:nth-child(4) a em br{display: none;}

  
.s2_r {background: none; background-size: 25.5%; background-position: 127% 113%; width: calc(100% - 740px); box-shadow: none; top: -375px;}
.s2_r:before {background: #fff url(/images/26_farmschool/main/sec2_logobg.png) no-repeat 900px 115%; background-size: 15%; z-index: -1; content: ''; position: absolute; top: 0;width: 2000px; height: 100%; background-color: #fff; float: right;border-radius: 30px 0 0 30px;opacity: 1;display: block;box-shadow: 0 0 10px rgba(0,0,0,.2);}
.notice>.wrap {padding-left: 150px;padding-right: 20px;}
.notice h3 {margin-bottom: 20px;}
.notice .notice_con a>strong {width: 55%;}
.notice .more {top: 0;}

.main_tel{padding-left: 140px;border-radius:0 0 0 30px;height:141px;box-sizing:border-box;}
.main_tel:after{display:block;content:"";clear:both;}
.main_tel:before {background: #f3f5ec;z-index: -1;content: '';position: absolute;bottom: 0;width: 2000px;height: 141px;float: right;border-radius:0 0 0 40px;opacity: 1;display: block;}
.main_tel div{float:left;width:50%;}
.main_tel h3{position:relative;font-size:14px;color:#666a5a;margin-bottom:10px;}
.main_tel h3>span{width: calc(100%/2 - 75px); height: 1px; background-color: #ccd2b8; position: absolute; top: 6px; left: 100px;}
.section:after {bottom: 0; background-position-y: 20%; height: 72vh; background-size: 100%;}
 
}
   

/* 번역 */
/* Mobile */
.translated-ltr .main h2 { line-height: 1; vertical-align: baseline;font-size: 25px;padding: 50px 0 0;}
.translated-ltr .main h2>.txt_img { line-height: 0.8;}

.translated-ltr .section .main_con {margin-top: 30px;}
.translated-ltr .section .main_con .more {padding: 8px 10px;}
.translated-ltr .s2_l h3>span, .translated-ltr .main_tel h3>span {display:none;}
.translated-ltr .s2_l h3 {font-size: 20px;}        
.translated-ltr .notice h3 { padding-bottom: 35px}
.translated-ltr .notice .more {top:65px;}

/* Tablet */
@media all and (min-width:768px) {
.translated-ltr .m_info ul li a em {padding: 20px 0 0 5px;}
.translated-ltr .notice h3 { padding-bottom: 0}
}

/* Desktop */
@media all and (min-width:1023px) {
.translated-ltr .m_info ul li a em {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  word-break: break-all; max-width: 83%;}
}

/* Pc */
@media all and (min-width:1400px) {
.translated-ltr .notice .more {top:0;}

}