/* COMMON */
.contents { padding-top: 50px; padding-bottom: 100px; }
.greeting--contents {padding-top:0px;}
.sub-visual{
    /*overflow: hidden;*/ /*padding: 60px 0;*/ height: 200px; background-repeat: no-repeat; background-position: center;
    -webkit-animation: visualFadeIn .4s ease-in-out .1s forwards; animation: visualFadeIn .4s ease-in-out .1s forwards; opacity: 0;
}
.sub-vg-conainer {display:table; width:100%; height:100%; text-align: center;}
/* .inner{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-align: center; -ms-flex-align: center; align-items: center;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    height: 100%;
} */

.sub-visual .inner {

    position: relative; display: inline-block; max-width:1100px; padding:0px 10px; text-align:left;
    width:100%; height:100%; display: flex; justify-content: center; flex-direction: column; margin:auto;

}

/* .sub-visual .inner::after {content:""; position: absolute; top:30px; right:0; display:inline-block;} */

.sub-visual h1 { z-index: 2; position: relative; line-height: 1; font-size:4rem; font-weight:700; /*color: #ffffff;*/ letter-spacing: -0.02em;}
/* .sub-visual .title small { display: block; margin-bottom: 15px; font-size: 14px; color: #bcc5df; font-weight: 300; letter-spacing: 0.2em; } */

.sub-visual p {font-size:1.6rem; line-height:1; color:#555; font-weight:400;}


.sv1-1, .sv1-2, .sv1-3, .sv1-4, .sv1-5, .sv1-6 { background: url('/child/img/sub/sv1.jpg') no-repeat center / cover; }
.sv1-1 h1, .sv1-2 h1, .sv1-3 h1, .sv1-4 h1, .sv1-5 h1, .sv1-6 h1 {color:#03cfb0;}
.sv1 .inner::after {width:255px; height: 242px; background:url('/child/img/sub/student_icon.png');}

.sv1-1 .inner::after { width:348px; height:305px; background: url('/child/img/sub/sv1-icon1.png') no-repeat center / cover; }
.sv1-2 .inner::after { width:397px; height:305px; background: url('/child/img/sub/sv1-icon2.png') no-repeat center / cover; }
.sv1-3 .inner::after { width:422px; height:305px; background: url('/child/img/sub/sv1-icon3.png') no-repeat center / cover; }
.sv1-4 .inner::after { width:373px; height:305px; background: url('/child/img/sub/sv1-icon4.png') no-repeat center / cover; }
.sv1-5 .inner::after { width:397px; height:305px; background: url('/child/img/sub/sv1-icon5.png') no-repeat center / cover; }


.sv2-1, .sv2-2, .sv2-3, .sv2-4 { background: url('/child/img/sub/sv2.jpg') no-repeat center / cover; }
.sv2-1 h1, .sv2-2 h1, .sv2-3 h1, .sv2-4 h1 { color: #2188f2; }
.sv2-1 .inner:after, .sv2-2 .inner:after, .sv2-3 .inner:after, .sv2-4 .inner:after { width:357px; height:305px; background: url('/child/img/sub/sv2-icon.png') no-repeat center / cover; }

.sv3- { background: url('/child/img/sub/sv3.jpg') no-repeat center / cover; }
.sv3- .inner::after {width:286px; height: 294px; background:url('/child/img/sub/sv3-icon.png') no-repeat center / cover;}
.sv3- h1 {color:#ffc923;}


.sv4- { background: url('/child/img/sub/sv4.jpg') no-repeat center / cover; }
.sv4- .inner::after {width:254px; height: 286px; background:url('/child/img/sub/sv4-icon.png') no-repeat center / cover;}
.sv4- h1 {color:#f34142;}

.sv4-2, .sv4-3 { background: url('/child/img/sub/sv4.jpg') no-repeat center / cover; }
.sv4-2 .inner::after {width:254px; height: 286px; background:url('/child/img/sub/sv4-icon.png') no-repeat center / cover;}
.sv4-2 h1, .sv4-3 h1 {color:#f34142;}


@-webkit-keyframes visualFadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes visualFadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@media (max-width: 1200px){

    .sub-visual .inner {padding:0px 24px;}

    .sub-visual h1 {font-size:3rem;}

    .sv1-1 .inner::after { width:288px; height:252px;}
    .sv1-2 .inner::after { width:337px; height:258px;}
    .sv1-3 .inner::after { width:362px; height:262px;}
    .sv1-4 .inner::after { width:313px; height:258px;}
    .sv1-5 .inner::after { width:317px; height:245px;}

    .sv2-1 .inner:after, .sv2-2 .inner:after, .sv2-3 .inner:after, .sv2-4 .inner:after { width:297px; height:253px; background: url('/child/img/sub/sv2-icon.png') no-repeat center / cover; }

    .sv3- .inner::after {width:256px; height:264px;}

}

@media (max-width: 1024px){
    /* .sub-visual { padding: 0 0 45px; height: 350px; } */
    .sub-visual .title { font-size: 34px; }
    .sub-visual .title small { font-size: 13px; }

    .sub-visual .inner {align-items: center;}
    .sv1-1 .inner::after {display: none;}
    .sv1-2 .inner::after {display: none;}
    .sv1-3 .inner::after {display: none;}
    .sv1-4 .inner::after {display: none;}
    .sv1-5 .inner::after {display: none;}
    .sv2-1 .inner:after, .sv2-2 .inner:after, .sv2-3 .inner:after, .sv2-4 .inner:after { display:none;}

    .sv3- .inner::after {display: none;}
    .sv4- .inner::after {display: none;}

}
@media (max-width: 768px){
    .contents { padding-top: 60px; padding-bottom: 60px; }
    .sub-visual { padding: 0; height: 180px; }
    .sub-visual .title { font-size: 24px; }
    .sub-visual .title small { margin-bottom: 10px; font-size: 11px; }
}



/* Sub Tab List */
.sub-tab-container {

    z-index: 2; position: relative; /*margin-top: -60px;*/ margin:100px auto 0px;
    width:100%; max-width:1100px; padding:0;

}
/* .sub-tab-lists { display: flex; flex-wrap: wrap; margin: auto; max-width: 900px; width: 100%; background: rgba(0,0,0,.5);} */
.sub-tab-lists {display: flex; flex-wrap: wrap; width:100%; margin:-5px;}
.sub-tab-lists li { flex: 1 1 auto;}

/* border:1px solid #c8c8c8; border-radius:50px; margin:0px 5px;*/
.sub-tab-lists .link{
    display: flex; align-items: center; justify-content: center; position: relative; padding: 4px; height: 50px;
    line-height: 1.4; text-align: center; font-size:1.8rem; color:#999; font-weight: 400;
    background-color: transparent; border:1px solid #c8c8c8; border-radius:50px; margin:5px;
    -webkit-transition: all ease-out .3s; transition: all ease-out .3s;
}
/* .sub-tab-lists .link::before{
    content: ''; position: absolute; bottom: 0; left: 0;
    width: 100%; height: 100%; background: #ffffff;
    -webkit-transition: all ease-out .3s; transition: all ease-out .3s;
    -webkit-transform-origin: bottom; transform-origin: bottom;
    -webkit-transform: scaleY(0); transform: scaleY(0);
} */
.sub-tab-lists .link span { display: block; z-index: 2; position: relative; }

.sub-tab-lists .link--on {color:#fff; background-color:#03cfb0; border-color:#03cfb0;}
/* .sub-tab-lists .link--on { color: #272728; font-weight: 700; } */

.sub-tab-lists--blue .link--on { background-color: #2188f2; border-color: #2188f2; }

.sub-tab-lists--pink .link--on {background-color:#f34142; border-color:#f34142; }

.sub-tab-lists .link--on::before{
    -webkit-transform: scaleY(1); transform: scaleY(1);
}

@media(min-width:1201px){
	.sub-tab-lists .link:not(.link--on):hover::before{
        -webkit-transform: scaleY(0.1); transform: scaleY(0.1);
    }
}
@media (max-width:1200px){
    .sub-tab-container {margin:140px auto 0px;}
    .sub-tab-lists .link { height: 50px; font-size: 16px; }
}

@media (max-width:1024px){

    .sub-tab-container {margin:60px auto 0px; padding:0px 24px;}

    /* .sub-tab-lists .link {border-radius:0px; border:0px; margin:0px; font-size:1.4rem;} */

    /* .sub-tab-lists .link--on {background-color:#03cfb0;} */

    /* .sub-tab-lists .link--on::before {content: ""; position: absolute; bottom: -1px; left:0px; height:3px; width:100%; background-color:#03cfb0;} */

    /* .sub-tab-lists .link--on span {color:#191919;} */

}

@media (max-width:768px){
    .sub-tab-lists{margin:-2px;}
    .sub-tab-lists li{width: 50%; flex: 1 1 50%; padding: 2px}
    .sub-tab-lists .link { width: 100%; padding: 12px 10px; line-height: 1.3; font-size: 13px; margin: 0;}
}

@media (max-width:500px){
    .sub-tab-container {padding:0px 15px;}
    .sub-tab-lists .link {padding:5px 10px;}
}

@media (max-width:1024px){
    .secondary-tab-list.tab-list--col4 > li { flex: 0 25%; }
    /* .secondary-tab-list.tab-list-basic > li {flex:0 25%;} */
    /* .secondary-tab-list > li { flex: 0 25%; } */
}
@media (max-width:800px){
    .secondary-tab-list { overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; margin: 0 -10px 60px; padding: 0 20px; }
    .secondary-tab-list > li { width: auto; }
    .secondary-tab-list > li .button { width: 100%; white-space: nowrap; }
}




/*common*/
/*section-form*/
.section {margin-bottom:100px;}
.section.section--bottom-sm {margin-bottom:30px;}
.section .section-form {display: flex; margin-bottom:50px; justify-content: center; align-items: center;}
.section .section-form:last-child{margin-bottom:0px;}
.section .section-form.bs--form {align-items: flex-start;}
.section .section-form.bs--form .txt-box {margin-top:40px;}
.section .section-form > div {width:calc(50% - 20px);}
.section .section-form.mush-bs--form {align-items: flex-start;}
.section .section-map {margin-top:30px;}
.section .arrow-right::before { content: ''; display: inline-block; vertical-align: 2px; padding: 0 8px; width: 4px; height: 6px; background: url('/child/img/icon/arrow-right.png') no-repeat center / auto 100%; }
.section .center-form {padding:50px 30px; border:1px solid #e1e1e1; background-color: #fff; text-align: center; margin:0px 10px; margin-bottom:10px; align-items: flex-start;}
.section .center-form:last-child {margin-bottom:0px;}
.section .center-left {text-align:left; display:flex; margin-bottom:10px}
.section .section-form.two-img--form img {width:50%;}
.section .section-form.two--photo--form {align-items:flex-start;}

.page-section{
    position: relative;
    margin:0;
    padding:100px 0;
}
.page-section:first-child{
    margin-top: -50px;
}
.page-section:last-child{
    margin-bottom: -100px;
}
.tab-contents .page-section:first-child{
    margin-top: -100px;
}
.page-section .section{
    margin-top: 50px;
    margin-bottom: 0;
}
.page-section .section:first-child{
    margin-top:0;
}
@media (max-width:1024px){
    .page-section{
        padding:80px 0;
    }
    .page-section .section{
        margin-top: 40px;
    }
}
@media (max-width: 800px){
    .tab-contents .page-section:first-child{
        margin-top: -60px;
    }
}
@media (max-width:768px){
    .page-section{
        padding:60px 0;
    }
    .page-section:first-child{
        margin-top: -60px;
    }
    .page-section:last-child{
        margin-bottom: -60px;
    }
    .page-section .section{
        margin-top: 30px;
    }
}
@media (max-width:576px){
}

.txt-box {padding:0px 10px; margin:0px 10px;}
.txt-box li {font-size:1.6rem; line-height:1.75; color:#888; letter-spacing:-0.04em; margin:0px 10px; text-indent:-15px;}
.txt-box.txt-img-box img {margin-top:50px;}
.img-box {margin:0px 10px;}

.tit {font-size:3.2rem; font-weight:700; line-height:1.4; color:#191919;}
.tit::after {content:""; width:30px; height:3px; display: block; margin:20px 0px 30px ;}
.tit.align-center::after { margin-right: auto; margin-left: auto;}
.tit.tit--main {color:#03cfb0;}
.tit.tit--main.tit--yellow {color:#ca62f5;}
.tit.tit--main.tit--blue {color:#2188f2;}
.tit--white {color:#fff;}
.tit--green::after {background-color:#03cfb0;}
.tit--yellow::after {background-color:#ca62f5;}
.tit--yellow-real::after {background-color: #ffc923}
.tit--white::after {background-color:#fff;}
.tit--blue::after { background-color: #2188f2;}

.subtit { font-size: 1.8rem; font-weight:400; color: #333; }
.subtit.b { margin: 0 0 6px; font-weight: 700; color: #03cfb0; }
.subtit.b + p {font-size:1.5rem; letter-spacing:-0.05em;}
.subtit.b + ul li {font-size:1.5rem; letter-spacing:-0.05em;}
.subtit.align-subtit {text-align: center;}
.subtit.align-center {padding:0px 30px;}

.txt {color:#888;}
.txt-bold {display:block; font-size:2rem; color:#444; font-weight:700;}
.txt.txt-bm {margin-bottom:30px; letter-spacing:-0.05em}


.view-btn {font-weight:700; font-size:1.8rem; color:#191919; font-family:'Saira', sans-serif; margin-left:12px; display: flex; align-items: center; margin-top:50px; transition: all 0.3s ease;}
.view-btn i {background:url('/child/img/icon/view_off.png') no-repeat center; width:19px; height:19px; display: block; margin-left:10px; transition: all 0.3s ease;}
.view-btn-align {margin-left:0;}
.view-btn:hover {color:#03cfb0;}
.view-btn:hover i {background:url('/child/img/icon/view_on.png') no-repeat center;}

.table-box {margin:0px 10px;}
.table-box.table-center {text-align:center;}
.table-box tr {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.table-box th, .table-box td {padding:20px 30px;}
.table-box th {font-size:1.6rem; line-height:1.6; color:#444; font-weight:700; letter-spacing:-0.04em; background-color:#ebebeb; border-right:1px solid #fff;}
.table-box th:last-child{border-right:none;}
.table-box td {font-size:1.5rem; line-height:1.6; color:#a0a0a0; font-weight:400; letter-spacing: -0.04em; border-right:1px solid #e1e1e1;}
.table-box td:last-child{border-right:none;}
.table-box span {font-size:1.6rem; line-height:1; letter-spacing:-0.04em; color:#888; display:block; margin-top:10px;}
.td--list li {font-size: 1.6rem; line-height: 1.75; color: #888; letter-spacing: -0.04em; margin: 0px 10px; text-indent: -15px;}

.span-b {display:block; margin:auto; text-align: center; padding:20px 0px; font-size:1.8rem; font-weight: 700; color:#222;}

.flower--list {text-indent:-5px;}

/* .subtit.color-white {color:#fff;}
.subtit.color-gray {color:#888;}
.subtit.color-green {color:#03cfb0;} */

@media (max-width:1200px){}

@media (max-width:1024px){

    .section .section-form {flex-wrap: wrap; }
    .section .section-form.section-column {flex-direction: column-reverse;}
    .section .section-form > .img-box {width:calc(100% - 20px); overflow: hidden;}
    .section .section-form > .txt-box {width:calc(100% - 20px); overflow: hidden;}
    .section .section-form > div.img-box > img {width:100%;}
    .section .section-form > div.img-box.img-day-box {margin-top:60px;}
    .section .section-form > div.txt-box {margin-top:35px;}

    .section .section-form.section-map > div.img-box {width:calc(50% - 20px); overflow:hidden;}

    .section .section-form.two--photo--form > .img-box{width:calc(50% - 20px);}

    .section .section-form.two--photo--form > .img-box:first-child {padding-bottom:40px;}

    .section .section-form > div.img-box.img-center-box {width:70%;}

    .txt-box {padding:0px;}

    .section .section-form > div.table-box {width:100%;}

    .section .section-form > div.table-box th {font-size:1.5rem; padding:15px 10px;}
    .section .section-form > div.table-box td {font-size:1.4rem; padding:15px 10px;}

    /* .section .center-form {padding:40px 20px;} */


}

@media (max-width:768px){

    .section {margin-bottom:60px;}

    .tit {font-size:2.6rem;}

    .tit::after {margin:10px 0px 20px;}

    .subtit {font-size:1.7rem; line-height:1.6;}

    .txt-box li {font-size:1.5rem;}

    .view-btn {margin-top:40px;}

    .txt-box.txt-img-box img {margin-top:30px;}

    .subtit.b + p {font-size:1.4rem;}
    .subtit.b + ul li {font-size:1.4rem;}

    .section .section-form.two--photo--form > .img-box{width:calc(100% - 20px);}

    .td--list li {font-size:1.5rem;}

    .section .section-form > div.table-box th {padding:8px 10px;}
    .section .section-form > div.table-box td {padding:8px 10px;}

    .section .section-form.section-map > div.img-box {width:calc(100% - 20px); overflow:hidden;}
    .section .section-form.section-map > div.img-box:first-child {margin-bottom:10px;}

    .span-b {font-size:1.6rem; padding:10px 0px;}

}

/* 영상 */
.media-container { margin: 0 10px; }
.media-container .media-button { overflow: hidden; display: block; position: relative; background: #000; }
.media-container .media-button::after{
    content: ''; z-index: 2; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 102px; height: 102px;
    background: url('/child/img/icon/play-rounded.png') no-repeat center / auto 100%;
}
.media-container .media-button img{
    -webkit-transition: all ease .65s; transition: all ease .65s;
}
@media(min-width:1201px){
	.media-container .media-button:hover img{
        -webkit-transform: scale(1.1); transform: scale(1.1);
        opacity: .8;
    }
}

@media(max-width:768px){


    .media-container .media-button::after {width:52px; height:52px;}

}


/*아이콘 그리드*/
.icon-lists{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -ms-flex-wrap: wrap; flex-wrap: wrap;
    margin: -15px -20px;
}
.icon-lists .icon-list{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    padding:25px 20px; width: 50%;
}
.icon-lists .icon-list .context{
    flex: 1 1; margin-left: 15px;
}
.icon-lists .icon-list .context .title { margin-bottom: 6px; font-size: 2rem; font-weight: 700; }
.icon-lists .icon-list .context .text { color: #888; }
.icon-lists.three-icon-list .icon-list {width:33.33%;}

@media(max-width:1024px){


}

@media(max-width:768px){

    .icon-lists .icon-list .context .title {font-size:1.8rem;}

}

/* 이미지 캡션 */
.caption-lists{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
    -ms-flex-wrap: wrap; flex-wrap: wrap;
    margin: 10px 0;
}
.caption-lists li { padding: 6px 17px; font-size: 1.8rem; color: #888; }

/*시스템*/
.system-form {display: flex; justify-content: space-between;flex-wrap:wrap;}
.system-form .column {
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
    padding:50px 30px; border:1px solid #e1e1e1;  margin:10px; flex:1 calc(33.33333%  - 20px);
    background-color: #fff;

}
.system-form h5 {font-size:2rem; line-height:1; font-weight:700; color:#191919; margin:30px 0px 20px;}
.system-form li {font-size: 1.6rem; letter-spacing: -0.04em; color:#888; margin-left: 10px; text-indent: -15px;}
.system-form .column .color-green {color:#03cfb0;}
.system-form .badge { display: block; margin-bottom: 50px; line-height: 1; font-family: 'Saira', sans-serif; font-style: normal; font-size: 18px; font-weight: 700; color: #03cfb0; }
.system-form .badge--blue { color: #2188f2; }
.system-form .arrow { margin: 25px auto 15px; }
.system-form .txt { color: #888; }
.system-form--badge .badge { margin-bottom: 10px; }

@media(max-width:1024px){

    /* .system-form .column {flex:1 calc(100% - 20px);} */

    .icon-list {flex-direction: column;}

    .icon-lists {margin:-15px 0px;}

    .icon-lists.three-icon-list .icon-list {

        width:50%; align-items: center; flex-direction: column; justify-content: center; text-align: center;

    }

    .icon-lists .icon-list .context {margin-left:0px; margin-top:10px;}
    .icon-lists .icon-list .context .title {margin-bottom:0px;}

    .two-field--form .table-box {margin-top:30px;}

    .two-field--form br {display: none;}

}


@media(max-width:900px){


    /* .system-form .column {flex:0 calc(50% - 20px);} */
    .system-form .column {flex:1 100%;}

}

@media(max-width:768px){

    /* .system-form .column {flex:1 100%;} */

    .system-form li {font-size:1.5rem; line-height:1.7;}

    /* .system-form .column {padding:40px 30px;} */

    /* .system-form h5 {font-size:1.8rem;} */

    .icon-lists .icon-list {padding:30px 10px;}

    .caption-lists li {font-size:1.6rem; padding:2px 8px;}

}

@media(max-width:510px){

    .icon-lists .icon-list {width:100%; flex-direction:row; padding:30px 10px 0px}

    .icon-lists .icon-list.food-icon-list .context {margin-top:0px; margin-left:15px; display: flex; flex-direction: column; justify-content: center;}

    .icon-lists .icon-list .context {margin-top:0px; margin-left:15px; display: flex; flex-direction: column; justify-content: center;}

}


/*block table*/
.block-table-container{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    -ms-flex-wrap: wrap; flex-wrap: wrap;
    margin: 15px -5px -25px;
}
.block-table-container .box { flex: 1 1 33.33333%; }
.block-table-container .box .icon img { margin: 25px auto 0; }
.block-table-container .block-table { flex: 1 1; margin: 25px 15px; border-top: 2px solid #03cfb0; }
.block-table-container .block-table .tr{
    display: -webkit-box; display: -ms-flexbox; display: flex;
    border-bottom: 1px solid #c8c8c8;
}
.block-table-container .block-table .tr .th { padding: 14px 0 16px 18px; width: 85px; }
.block-table-container .block-table .tr .td { flex: 1 1; padding: 14px 8px 16px 30px; min-height: 58px; }
.block-table-container .block-table .tr .td .subtit { color: #191919; font-weight: 700; }
.block-table-container .block-table .tr .td .txt { color: #888888; }
.block-table-container--blue .block-table { border-top-color: #2188f2; }
.block-table-container--blue .block-table .tr .th { color: #2188f2; }
.block-table-container--flex .block-table { display: flex; flex-direction: column; }
.block-table-container--flex .block-table .tr:last-child { flex: 1 1; }
.block-table-container.block-table-container--mn {margin-top:0px;}

@media (max-width:1200px){}

@media (max-width:1024px){

    .block-table-container {margin: 15px 0px 0px; justify-content: center;}
    .block-table-container .block-table {margin:25px 0px;}
    .block-table-container .block-table:last-child {margin:25px 0px 0px;}
    .block-table-container .box {flex:0 calc(100% - 20px);}

    .block-table-container.block-two-table-container{justify-content: space-around;}
    .block-table-container.block-two-table-container .box {flex:0 calc(50% - 20px);}

}

@media (max-width:768px){

    .block-table-container .block-table {width:100%; flex:1 auto;}

    .block-table-container .block-table .tr .td {padding: 14px 8px 16px 10px;}

    .block-table-container.block-two-table-container{justify-content:center;}
    .block-table-container.block-two-table-container .box {flex:0 calc(100% - 20px);}

}

/*scroll table box*/
.import-table-wrap {padding-top:20px;}

.m-scroll-area {margin:0 10px;}

.m-scroll-area {position:relative;}

.scroll {overflow-x: auto; z-index: 2; position: relative;}

.import-table-wrap table {

    width:100%; border-collapse: collapse; text-align:left; table-layout: fixed;

}

.import-table-wrap.table-mo {display:none;}

.import-table-wrap th {

    background-color:#ebebeb; color:#444; font-weight:700; padding:20px 30px; border:1px solid #ebebeb; font-size:1.6rem;

}

.import-table-wrap td {

    border-right:1px solid #e1e1e1; padding:20px 30px; font-size:1.5rem;
    border-bottom:1px solid #e1e1e1; color:#a0a0a0; font-weight:400; line-height:1.7

}

.import-table-wrap td:last-child {border-right:0px;}

@media (max-width: 1024px){

    .import-table-wrap th {font-size:1.5rem;}

    .import-table-wrap td {font-size:1.4rem;}

    .scroll-t:before {

        content: ''; z-index: 3; position: absolute; top: 0; right: 0; width: 15px; height: 100%;
        background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
        background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
        background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=1 );

    }

    .scroll-t .scroll .inner {min-width:660px;}

}

@media (max-width: 768px){

    .import-table-wrap {padding-top:0px;}

    .import-table-wrap th {padding:10px 10px;}
    .import-table-wrap td {padding:10px 10px;}

}


/* 회색 박스 */
.grey-wrap { margin: 20px 10px; padding: 42px 16px 46px; background: #f0f0f0; }
.grey-wrap .subtit { margin-bottom: 16px; color: #191919; font-weight: 700; }
.grey-wrap .txt { color: #888888; }

/*시설원예*/
.center-form h5 {font-size:2rem; color:#191919; font-weight:700; margin-bottom:20px;}
.left-badge {margin-right:10px; font-family: 'Saira', sans-serif; font-style: normal; font-size: 1.8rem; font-weight: 700; color: #03cfb0; display: inline-block;}
.kind-form {display: flex;justify-content: space-between;flex-wrap: wrap;}
.kind-form .column {border:1px solid #e1e1e1;  margin:10px; flex:1 calc(33.33333%  - 20px);}
.kind-form--two .column{
    flex:1 1 calc(50%  - 20px);
}
.kind-form .kind-box {padding:30px;}
.kind-form h5 {font-size:2rem; line-height:1; font-weight:700; color:#191919;}
.kind-form p {font-size: 1.6rem; letter-spacing: -0.04em; color:#888; margin:20px 0px;}
.kind-form .kind-txt{
    color:#888;
}
.kind-form h5 + .kind-txt{
    margin-top: 20px;
}
.kind-form .kind-txt li {font-size: 1.6rem; letter-spacing: -0.04em; color:#888; margin-left: 10px; text-indent: -15px;}
@media (max-width:1024px){
}
@media (max-width:992px){
}
@media (max-width:768px){
    .kind-form h5 + .kind-txt{
        margin-top: 10px;
    }
}
@media (max-width:576px){
}

.video-list-box {display: flex;}

/* .worad-center--form .view-btn {margin-top:20px;} */

@media (max-width:1200px){


}

@media (max-width:1024px){

    .section .section-form.two-field--form .txt-box {margin-top:0px;}
    .section .section-form.two-field--form .txt-box:last-child {margin-top:40px;}

    .area .area-main {width:10%;}




}

@media (max-width:800px){

}

@media (max-width:768px){

    .kind-form .column {flex:0 calc(50% - 20px);}

    .kind-form .kind-box {padding:30px 20px;}

    .kind-form p, .kind-form .kind-txt li {font-size:1.5rem; line-height: 1.7;}

    .kind-form p {margin:10px 0px;}

    .kind-form img {width:100%;}

    .grey-wrap {padding: 42px 30px 46px;}

    .section .section-form.two-field--form .txt-box:last-child {margin-top:60px;}
    .video-list-box {flex-wrap:wrap;}

    .video-list-box li {width:100%; margin:0px;}

    .video-list-box .view-btn {font-size: 1.6rem; margin-top:20px; max-width:130px; width:100%; display:flex; justify-content: space-between;}
    .video-list-box li:first-child .view-btn {margin-top:40px;}
    .video-list-box .view-btn i {margin-left:5px;}

}


@media (max-width:550px){

    .kind-form .column {flex:0 calc(100% - 20px);}

}

@media (max-width:460px){

    .left-badge {display:block;}

}

/*시설원예 end*/

/*화훼*/
.sales-form ul {display:flex; justify-content:space-between;}
.sales-form li {flex:1 1; margin:0 10px;}

.fact-form {text-align:center; width: 100%; position: relative; padding:80px 30px;}
.fact-p {font-weight:700;}
.fact-p::after {content: ""; display: block; position: absolute; left: 0; top:0; background:url('/child/img/sub/student/flower/mark_left.png') no-repeat center; width:80px; height:59px;}
.fact-p::before {content: ""; display: block; position: absolute; right: 0; bottom:0; background:url('/child/img/sub/student/flower/mark_right.png') no-repeat center; width:80px; height:59px;}

.goal-form {background:url('/child/img/sub/student/flower/rosepia1.jpg') no-repeat center;  display: flex; justify-content: center; margin:0px 10px;}
.img-center {padding:136px 30px;}

.other span {display: block; color:#a0a0a0; font-size:1.5rem; line-height:1.75;}
.other strong {font-weight:700; color:#03cfb0; width:80px; display: inline-block;}

.his-box {position: relative;}
.his-line {width:1px; height:100%; background-color:#e1e1e1; display: block; position: absolute; left:15px;}
.his-line::after{content:"";width:9px; height:9px; border-radius:50%; background-color:#03cfb0; display: block; position: absolute; top:0; left:-4px;}
.his-line::before{content:"";width:9px; height:9px; border-radius:50%; background-color:#e1e1e1; display: block; position: absolute; bottom:0; left:-4px;}
.his-txt{margin-left:50px;}
.his-box dl {display: flex; margin-bottom:18px; font-size:1.6rem; color:#888;}
.his-box dl:last-child{margin-bottom:0px;}
.his-box dt { font-weight: 700; color:#191919; font-family:'Saira', sans-serif; width:60px;}
.his-box dd {letter-spacing:-0.04em}
.his-box .land-history dt {}
.his-box .land-history dd {max-width:414px; width:100%;}

.area {display:flex; align-items: flex-start; margin-bottom:20px;}
.area:last-child {margin-bottom:0px;}
.area .area-main {max-width:80px; width:100%; font-weight:700; color:#191919;}
.area .area-sub {margin:0 20px; max-width:440px; width:100%;}
.area .area-sub p {font-size:1.6rem; color:#888;}
.area .area-sub p:last-child {margin-bottom:0px;}
.area .area-sub span {color:#444; line-height: 1.75; display: block;}

.dist-box {display: flex; align-items:center; margin-bottom:21px;}
.dist-box.dist-box--align {align-items: flex-start;}
.dist-box.dist-top--align {align-items: flex-start;}
.dist-box:last-child {margin-bottom:0px;}
/* .dist-box.dist-box--align div {max-width:50px; width:100%;} */
.dist-box.dist-box--align div.dist-img-box {max-width:50px; width:100%;}
.dist-box.dist-box--align div.dist-box-plus {max-width:450px; width:100%; margin-left:10px;}
/* .dist-box.dist-box--align p {max-width:450px; width:100%;} */
.dist-box p {font-size:1.6rem; color:#888;}
.dist-box .dist-context {margin-left:10px;}
.dist-box span {display: block; font-weight:700; color:#191919; font-size:1.8rem;}

.day-tit {font-weight:700; color:#444; padding:15px 20px; background-color:#ebebeb; text-align: center; margin-bottom:20px;}
.day-tit.day-color {background-color:#03cfb0; color:#fff;}
.day-box p {padding:15px 20px; border:1px solid #e1e1e1; display: flex; justify-content: space-between; color:#888;}
.day-box .color-black {color:#444;}
.day-box img {margin:10px auto;}


.area.area--num {margin-bottom:10px;}

.area.area--num .area-main {font-weight:700; font-family:'Saira', sans-serif; max-width:40px;}
.area.area--num .area .area-sub {margin:0px 20px 0px 0px;}


@media (max-width:1200px){}

@media (max-width:1024px){

    /* .area .area-main {width:10%;} */
    /* .area .area-sub {width:90%;} */

    /* .dist-box.dist-box--align div {width:5%;} */
    .dist-box.dist-box--align p {width:95%;}

    /* .other strong {width:10%;} */

    /* .img-box.his-img-box {display: none;} */

}

@media (max-width:768px){

    .dist-box p {font-size:1.5rem;}
    .dist-box span {font-size:1.6rem;}

    .fact-p::before {left:50%; transform: translateX(-50%);}
    .fact-p::after {left:50%; transform: translateX(-50%);}

    .his-txt {margin-left:40px;}
    .his-box dl {flex-wrap:wrap; font-size:1.5rem;}
    .his-box dt {width:100%;}
    .his-box dd {width:100%;}

    .area {flex-wrap:wrap;}
    .area .area-main {width:100%;}
    .area .area-sub {width:100%;}
    .area .area-sub {margin:0px;}

    .area .area-sub p {font-size:1.5rem;}

    .sales-form ul {flex-wrap: wrap;}

    .sales-form ul li {flex:0 calc(50% - 20px); padding-bottom: 20px;}

    .sales-form ul li img {width:100%;}


}

@media (max-width:400px){

    .img-center {padding:126px 30px;}

}
/*화훼 end*/

/*축산*/
.section .img--form ul {display: flex; flex-wrap: wrap;}
.section .img--form li  {width:calc(25% - 20px); margin:10px;}

.core-img {margin:50px auto 0px; border:1px solid #e1e1e1;}
.core-form {display: flex; justify-content: space-around; padding-top:20px; margin:0px 10px;}
.core-box {display: flex; align-items: center;}
.core-form .subtit.b {font-weight:700;}
.core-box img {margin-right:20px;}

.food-section--bg {padding:100px; background-color:#fcfcfc;}
.food-icon-list .text span {color:#444;}

.smart-list-form {border-top:1px solid #191919;}
.smart-list-form .smart-list {display:flex; align-items:center; padding:20px; border-bottom:1px solid #e1e1e1;}
.smart-list-form .smart-list dl {padding:0px 30px; line-height: 1.7;}
.smart-list-form dt {font-size:2rem; color:#191919; font-weight:700; margin-bottom:10px;}
.smart-list-form dd {color:#888;}

.dist-box.dist-box--align {align-items:flex-start;}
.dist-box.dist-box--align img {margin-top:5px;}
/* .dist-list li {text-indent:-5px;} */

.block-table-container--flex .block-table .tr .td .txt span { display: block; color:#333;}
.block-table-container--flex .box.first--box {display: flex; flex-direction: column;}

.txt.sheep-txt {margin-bottom:50px;}
.sheep-list {display: flex; justify-content: space-around;}
.sheep-list li {width:calc(25% - 20px); margin:0px 10px;}
.sheep-list .sheep--name {font-size:2rem; font-weight:700; color:#444; padding:10px 0px; display: block;}

.farot-list-form {display:flex; flex-wrap:wrap; margin-top:-30px;}

.farot-list-form .farmot-list {flex:1 calc(50% - 20px); margin:30px 10px 0px; display: flex; align-items: center;}

.farot-list-form .farmot-list > div {flex:1 1;}

.farot-list-form .farmot-list img {display: block; width:100%; height: auto;}

.farmot-list--txt { padding:0 20px;}

.farmot-list--txt h5 { font-size:1.8rem; color:#222; font-weight:700; line-height:1; margin-bottom:20px;}

.farmot-list--txt p {font-size:1.6rem; color:#888; line-height:1.65;}

.farmote--section {display: flex; flex-wrap: wrap;}

.farmote--section .img-bottom {margin-bottom:0px;}

.section .section-form.top-field--form {align-items: flex-start; margin-top:30px;}

.txt-box .number-list li {text-indent:0; margin:0px 10px 0px 0px;}

.bold-list li {font-weight:400; color:#888;}

.bold-list li strong {font-weight:700; color:#191919; width:80px; display: block; float:left;}


@media (max-width:1200px){


}


@media (max-width:1024px){

    .core-form {padding: 20px 0px 0px;}
    .core-img {margin:30px auto 0px;}

    .core-box img {margin-right:10px;}

    .food-section--bg {padding:100px 20px;}

    .farot-list-form .farmot-list {flex:1 calc(100% - 20px); align-items: flex-start;}

    .farmot-list--txt {padding-top:60px;}

    .section .section-form.top-field--form {margin-top:0px;}


}

@media (max-width:768px){

    .core-form {flex-wrap: wrap;}
    .core-box {width:100%; margin-bottom:15px;}
    .core-box:last-child {margin-bottom:0px;}
    .core-box .subtit {font-size:1.6rem;}
    /* .core-box img {margin-right:5px} */

    .section .img--form li {width:calc(50% - 8px); margin:4px;}
    .section .img--form li img {width:100%;}

    .smart-list-form .smart-list {flex-wrap: wrap;}

    .smart-list-form .smart-list img {width:100%;}

    .smart-list-form .smart-list dl {padding:0px; margin-top:20px; font-size:1.5rem;}

    .sheep-list .sheep--name {font-size:1.7rem;}

    .sheep-list {flex-wrap: wrap;}
    .sheep-list li {width:calc(50% - 10px); margin:5px;}

    .sheep-list li img {width:100%;}

    .farmot-list--txt h5 {font-size:1.6rem; margin-bottom:15px;}

    .farmot-list--txt p {font-size:1.4rem;}



}

@media (max-width:500px){

    .farot-list-form .farmot-list {flex-wrap: wrap; margin:15px 10px 25px;}
    .farot-list-form .farmot-list:last-child {}
    .farmot-list--txt {padding:20px 0px 0px;}
    .farot-list-form .farmot-list > div {flex:1 100%;}
    /* .farmot-list--txt {padding:20px 0px 0px;} */


}

/*축산 end*/

/*과수*/
.img-bottom {margin-bottom:20px;}

.center-form.icon--form {border:none; padding:0px;}

.icon-box {display: flex; justify-content:center; margin-top:50px;}
.icon-box li {margin:0px 10px;}
.icon-box p {color:#a0a0a0; margin-top:5px;}

.section-form.two--photo--form {flex-wrap: wrap; margin-top:50px;}
.section-form.two--photo--form .txt {padding:20px 10px 50px;}
.section-form.two--photo--form .nth-img .txt {padding-bottom:0px;}
.section-form.two--photo--form .txt span {font-size:1.6rem; color:#444; font-weight:700; display:block;}

.scroll--center table {text-align: center;}

@media (max-width:1200px){


}


@media (max-width:1024px){


.section-form.two--photo--form .nth-img.mo-img .txt {padding-bottom:50px;}


}

@media (max-width:768px){

    .icon-box {flex-wrap: wrap;}
    .icon-box li {margin:0px 10px 20px; width:calc(33.33% - 20px);}

    .section-form.two--photo--form .txt {padding:20px 0px 40px;}

    .icon-box li img {margin:auto;}

}



/*공통교육*/
.section--education .education-form {display: flex; justify-content: space-between; margin-bottom:50px;}
.section--education .education-form:last-child {margin-bottom:0px;}
.section--education .education-txt {border:1px solid #e1e1e1; max-width:755px; width:100%; display: flex; flex-direction: column; justify-content:center; padding:0px 40px;}

.section--education .education-txt .tit {font-size:2.6rem;}
.section--education .education-txt li {font-size:1.5rem; color:#888; padding-bottom:6px; margin:0 10px; text-indent:-15px;}
.section--education .education-txt li:last-child {padding-bottom:0px;}

.section--education .education-txt.bs--education { justify-content: flex-start;}
.section--education .education-txt.bs--education {padding-top: 40px;}

.education-media button {width:100%; height:100%;}
.education-media img {width:100%; height:100%;}

@media (max-width:1024px){

    .section--education .education-form {flex-wrap: wrap;}
    .section--education .education-img {margin:0 auto 30px;}
    .section--education .education-txt {max-width:inherit; padding:30px !important;}


}

@media (max-width:768px){

    .section--education .education-txt .tit {font-size:2rem;}
    .section--education .education-txt li {font-size:1.4rem;}

}

/*인사말*/
.greeing-media button {width:100%; height:100%;}
.greeing-media img {width:100%; height:100%;}


.img-form ul {
    display:flex;
    justify-content:space-between;
    margin:-10px 0;
}
.img-form li {
    flex:1 1 auto;
    text-align: center;
    margin:10px;
    border:1px solid #e1e1e1;
}
.img-form li img{
    margin:auto;
}
.img-form li h5 {
    font-size: 1.8rem;
    line-height: 1;
    font-weight: 700;
    color: #191919;
    margin: 16px 0;
}
@media (max-width:1024px){
}
@media (max-width:992px){
}
@media (max-width:768px){
    .img-form ul {
        flex-wrap: wrap;
    }
}
@media (max-width:576px){
}

/* 스캔 */
.page-section .scan{
    margin-top: 100px;
}

.scan{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.scan img{
    display: block;
}

@media (max-width: 768px){
    .page-section .scan{
        margin-top: 60px;
    }
}