@charset "UTF-8";
.section-2 .quick-item .ir-b::before { background-image:url("../images/main/sprite-main.png"); }

.section { position:relative; width:100%; box-sizing:border-box; overflow:hidden; }
.section .img-wrap { display:block; height:460px; text-align:center; }
.section .img-wrap img { width:auto; height:100%; }
.section .slick-controls .slick-arrow { position:absolute; top:50%; margin-top:-50px; padding:40px; }
.section .slick-controls .slick-arrow .ir { content:''; display:inline-block; width:18px; height:18px; border:solid 1px rgba(0,0,0,1); border-width:0 2px 2px 0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.section .slick-controls .slick-arrow.slick-prev .ir { -webkit-transform:rotate(135deg); transform:rotate(135deg); }
.section .slick-controls .slick-prev { left:40px; }
.section .slick-controls .slick-next { right:40px; }

.section-2 { position:relative; z-index:20; font-family: 'Noto Sans KR', sans-serif; }
.section-2-in { max-width:1580px; margin:-36px auto 0; position:relative; z-index:20; text-align:center; }
.section-2 .quick-tab { display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; -ms-flex-wrap:wrap; flex-wrap:wrap; box-sizing:border-box; }
.section-2 .quick-tab li { -ms-flex:1; -webkit-box-flex:1; flex:1; height:72px; box-sizing:border-box; }
.section-2 .quick-tab li a { display:block; height:100%; font-size:15px; color:#000; line-height:4.8; font-weight:bold; text-align:center; border:solid 1px #ddd; box-sizing:border-box; border-radius:36px 0 0 36px; background:#fff; }
.section-2 .quick-tab li:last-child a { border-radius:0 36px 36px 0; margin-left:-1px; }
.section-2 .quick-tab li.active a { position:relative; border:solid 2px #64a704; color:#64a704; font-size:18px; line-height:4; z-index:2; }
.section-2 .quick-tab-cont { display:none; width:50%; box-sizing:border-box; }
.section-2 .quick { border-bottom:solid 1px #eee; }
.section-2 .quick-list { width:100%; text-align:center; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-pack:distribute; justify-content:space-around; margin-top:-8px; }
.section-2 .quick-item-2 .quick-list {margin-top:1px;}
.section-2 .quick-list .quick-item { min-width:80px; }
.section-2 .quick-list .quick-item a { display:block; font-weight:bold; color:#000;}
.section-2 .quick-item a {font-size:14px}
.section-2 .quick-info { float:left; width:50%; display:-webkit-box; display:-ms-flexbox; display:flex; line-height:1; margin-top:-9px;  display: flex; justify-content: center;}
.section-2 .quick-info .quick-item-2 { width:34.7%;}
.section-2 .quick-info .quick-item-2:last-child { width:30.6%; min-width:185px; }
.section-2 .quick-item-2 .title { font-weight:bold; color:#000; height:27px; font-size:14px;}
.section-2 .quick-item-2 .des { font-size:34px; color:#000; height:53px; display:block; }
.section-2 .quick-item-2 .des.small { font-size:15px; line-height:40px; }
.section-2 .quick-item-2 .btn { height:53px; }
.section-2 .quick-item-2 .btn-kakao { display:inline-block; height:40px; color:#fff; font-size:13px; font-weight:bold; padding:0 12px 0 0; line-height:2.5; margin-top:2px; background:url("/resource/images/common/main-kakao.png") 100% 0 no-repeat; }
.section-2 .quick-item-2 .btn-kakao::before { content:'';display:inline-block; vertical-align:middle; width:32px; height:40px; background:url("/resource/images/common/main-kakao.png") 0 0 no-repeat; }
.section-2 .quick-item-2 .des-2 { font-size:13px; font-weight:bold; color:#666;}
.section-2 .quick-item-2 .des-2 .fc {color:#666;}
.section-2 .small { font-size:14px; }
.section-2 .big { font-size:28px; }
.section-2 .quick { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:180px; }
.section-2 .i-quick::before { background-position:0 0; width:69px; height:55px; }
.section-2 .i-quick-2::before { background-position:-79px 0; width:69px; height:55px; }
.section-2 .i-quick-3::before { background-position:-158px 0; width:69px; height:55px; }
.section-2 .i-quick-4::before { background-position:-237px 0; width:69px; height:55px; }
.section-2 .i-quick-5::before { background-position:-316px 0; width:69px; height:55px; }
.section-2 .i-quick-6::before { background-position:0 -65px; width:69px; height:55px; }
.section-2 .i-quick-7::before { background-position:-79px -65px; width:69px; height:55px; }
.section-2 .i-quick-8::before { background-position:-158px -65px; width:69px; height:55px; }
.section-2 .i-quick-9::before { background-position:-237px -65px; width:69px; height:55px; }
.section-2 .i-quick-10::before { background-position:-316px -65px; width:69px; height:55px; }
.section-2 .i-quick-11::before {background-position:0px -130px; width:69px; height:56px;}
.section-2 .i-quick-12::before {background-position:-65px -130px; width:69px; height:56px;}
.section-2 .quick-list .ir-b::before {display:block; margin:0 auto 21px;}
.section-2 .quick-floating { display:none; }

/********************* 캠퍼스 스토리 *********************/
.section-3 { width:100%; box-sizing:border-box; overflow:hidden; padding:0 0 100px; }
.section-3-in { max-width:1580px; margin:0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
.section-3 .title { font-size:30px; font-weight:bold; color:#000; }
.section-3 .section-3-col { width:74.7%; position:relative; background:url("../images/main/camp-bg.jpg") right 52px top 45px no-repeat; padding-top:137px; }
.section-3 .section-3-col .title { position:absolute; top:90px; }
.section-3 .section-3-col-2 { width:20.2%; position:relative; margin-top:154px; }
.section-3 .img-wrap { position:relative; display:block; height:564px; text-align:center; border-radius:18px; overflow:hidden; }
.section-3 .img-wrap img { width:100%; height:100%; position:absolute; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
.section-3 .img-wrap::before { content:''; display:block; position:absolute; width:100%; height:100%; z-index:2; background:rgba(0,0,0,0.05); }
.section-3 .img-wrap:after { content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; z-index:3; opacity:0.8; background-image:linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%); }
.section-3 .camp-list .slick-arrow { position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; }
.section-3 .camp-list .slick-arrow .ir { content:''; display:inline-block; width:18px; height:18px; border:solid 1px #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.section-3 .camp-list .slick-arrow.slick-prev .ir { -webkit-transform:rotate(135deg); transform:rotate(135deg); }
.section-3 .camp-list .slick-prev { left:34px; }
.section-3 .camp-list .slick-next { right:34px; }
.section-3 .section-3-col .btn-more-2 { right:0; top:84px; }
.section-3 .camp-list .subj { position:absolute; left:60px; right:60px; bottom:58px; color:#fff; font-size:30px; font-weight:bold; z-index:4; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-wrap:normal; }
.section-3 .news { position:absolute; width:100%; bottom:0; }
.section-3 .news .btn-more-2 { right:0; top:13px; }
.section-3 .news .title { font-size:30px; color:#000; font-weight:bold; letter-spacing:-0.05em; }
.section-3 .news .news-list { margin-top:12px; }
.section-3 .news .news-list a { display:block; }
.section-3 .news .news-list li { border-top:solid 1px #ddd; font-weight:bold; padding:15px 0 16px; }
.section-3 .news .news-list li:first-child { border-top:0; }
.section-3 .news .news-list li:last-child { padding-bottom:0; }
.section-3 .news .news-list .subj { display:inline-block; max-width:calc(100% - 42px); vertical-align:middle; }
.section-3 .news .news-list .ico-txt { margin:0px 0 0 9px; }
.section-3 .news .news-list .subj-in { font-size:16px; color:#000; display:block; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-wrap:normal; }
.section-3 .news .news-list .date { display:block; font-size:12px; margin-top:8px; }
.section-3 .main-banner { width:100%; box-sizing:border-box; max-width:320px; overflow:hidden; margin-top:20px; padding-bottom:30px; border-bottom:solid 1px #ddd; }
.section-3 .main-banner .bg { display:block; width:100%; }
.section-3 .main-banner .bg img { max-width: 100%; }
.section-3-col-2 .main-banner .slick-list, .section-3-col-2 .main-banner .slick-track, .section-3-col-2 .main-banner .slide, .section-3-col-2 .main-banner .banner-link { height:100%; }
.section-3-col-2 .slick-controls { position:absolute; top:0; right:0; }
.section-3-col-2 .slick-arrow { position:static; display:inline-block; width:23px; height:20px; border:solid 1px #eee; box-sizing:border-box; line-height:0; }
.section-3-col-2 .slick-arrow:hover { background:#f8f8f8; }
.section-3-col-2 .slick-prev { border-radius:10px 0 0 10px; }
.section-3-col-2 .slick-next { border-radius:0 10px 10px 0; margin-left:-1px; }
.section-3-col-2 .slick-arrow .ir { content:''; display:inline-block; width:4px; height:4px; border:solid 1px transparent; border-right-color:#818181; border-bottom-color:#818181; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); vertical-align:middle; margin:0 0 0 -2px; }
.section-3-col-2 .slick-arrow.slick-prev .ir { -webkit-transform:rotate(135deg); transform:rotate(135deg); margin:0 -2px 0 0; }

/********************* 로드맵 *********************/
.section-4 { position:relative; padding-top:90px; text-align:center; }
.section-4 .tit_glo {margin-top: 0;}
/* .section-4 .roadmap, .section-4 .rm-title, .section-4 .system-in { max-width:1580px; margin:0 auto; } */
.section-4 .roadmap, .section-4 .rm-title, .section-4 .system-in { max-width:1196px; margin:0 auto; }
.section-4 .title { font-size:36px; font-weight:bold; color:#000; letter-spacing:-0.05em; text-align:left; }
.section-4 .roadmap { padding:48px 0 86px; }
.section-4 .btn_view_detail {margin-top: 0px;}
.section-4 .rm-cont { -webkit-transition:opacity 0.3s ease-out; transition:opacity 0.3s ease-out; }
.section-4 .rm-cont.active { opacity:1; }
.section-4 .rm-tab { font-size:0; text-align:left; margin-top:11px; }
.section-4 .rm-tab li { display:inline-block; position:relative; margin-right:-1px;}
.section-4 .rm-tab li.active { z-index:2; }
.section-4 .rm-tab.one li {border: 1px solid #222;}
.section-4 .rm-tab.one li a {color:#000}
.section-4 .rm-tab li a { display:block; height:40px; color:#666; border:solid 1px #eee; font-size:15px; font-weight:bold; line-height:2.5; padding:0 11px; box-sizing:border-box; }
.section-4 .rm-tab li.active a { color:#64a704; border-color:#64a704; }
.section-4 .btn { position:absolute; max-width:1580px; margin:0 auto; top:108px; left:0; right:0; }
.section-4 .btn-more-2 { right:0; top:0; }
.section-4 .rm-tab-2 { display:-webkit-box; display:-ms-flexbox; display:flex; height:391px; box-sizing:border-box; }
.section-4 .rm-cont-2 { opacity:0; -webkit-transition:opacity 0.3s ease; transition:opacity 0.3s ease; }
.section-4 .rm-cont-2.active { opacity:1; }
.section-4 .rm-step { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-top:20px; }
.section-4 .rm-item { width:calc((100% - 40px) / 5); height:308px; border-radius:6px; }
.section-4 .rm-step.v2 .rm-item { width:calc((100% - 40px) / 6); height:308px; border-radius:6px; }
.section-4 .rm-item:first-child { padding:0; }
.section-4 .rm-item.ty { background:#94DC34; }
.section-4 .rm-item.ty-2 { background:#7cc913; }
.section-4 .rm-item.ty-3 { background:#6bb308; }
.section-4 .rm-item.ty-4 { background:#589900 }
.section-4 .rm-item.ty-5 { background:#447700; }
.section-4 .rm-item.ty-6 { background:#385F04; }
.section-4 .rm-dep-row { display:block; overflow:hidden; }
.section-4 .rm-dep-row + .rm-dep-row { margin-top:10px; }
.section-4 .rm-dep-in { float:left; height:42px; color:#64a704; box-sizing:border-box; text-align:center; line-height:2.8; border-radius:5px; }
.section-4 .rm-dep-in.ty { width:calc((100% - 40px) / 5 * 2 + 10px); height:42px; background-color:#fafff9; border:dashed 1px #9fbf73; }
.section-4 .rm-dep-in.ty-2 { width:calc((100% - 40px) / 5 * 2 + 10px); height:42px; background-color:#f0fdeb; border:solid 1px #9fbf73; margin-left:10px; }
.section-4 .rm-dep-in.ty-3 { width:calc((100% - 40px) / 5); height:42px; background-color:#d6f1d3; border:solid 1px #9fbf73; margin-left:10px; }
.section-4 .rm-dep-in.ty-4 { width:calc((100% - 40px) / 5); height:42px; background-color:#fafff9; border:solid 1px #9fbf73; }
.section-4 .rm-dep-in.ty-5 { width:calc((100% - 40px) / 5 * 2.5 + 10px); height:42px; background-color:#f0fdeb; border:solid 1px #9fbf73; margin-left:10px; }
.section-4 .rm-dep-in.ty-6 { width:calc((100% - 40px) / 5 * 1.5 + 10px); height:42px; background-color:#d6f1d3; border:solid 1px #9fbf73; margin-left:10px; }
.section-4 .level { display:inline-block; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); left:0; right:0; padding:0 5px; box-sizing:border-box; -webkit-transition:transform 0.3s; transition:transform 0.3s; }
.section-4 .level .level-title { font-size:30px; color:#fff; font-weight:bold; line-height:1.2; }
.section-4 .level .level-subj { font-size:16px; color:#fff; font-weight:bold; margin-top:13px; }
.section-4 .level .level-des { font-size:14px; color:rgba(255,255,255,0.6); line-height:1.45; max-width:200px; text-align:center; margin:6px auto 0; }
.section-4 .rm-item .link { display:block; position:relative; width:100%; height:100%; text-align:center; border-radius:5px; font-size:0; }
.section-4 .rm-item .link::before { content:''; display:inline-block; width:0; height:100%; vertical-align:middle; }
.section-4 .rm-item .link::after { content:''; position:absolute; background:url("../images/main/roadmap-deco-3.png") 0 0 no-repeat; bottom:-33px; left:50%; width:116.5px; height:132.5px; z-index:4; opacity:0; -webkit-transition:opacity 0.3s; transition:opacity 0.3s; background-size:100% auto; }
.section-4 .rm-item.active .link::after { opacity:1; }
.section-4 .rm-item.active .level { -webkit-transform:translateY(-104px); transform:translateY(-104px); }
/* .section-4 .level-2 { max-width:850px; text-align:left; margin:37px auto 0; font-size:0; line-height:1.55; } bak */
.section-4 .level-2 { max-width:965px; text-align:left; margin:37px auto 0; font-size:0; line-height:1.55; }
/* .section-4 .level-2 .level-title-2 { width:185px; display:inline-block; font-size:20px; color:#7CC913; font-weight:bold; vertical-align:middle; } bak */
.section-4 .level-2 .level-title-2 { width:150px; display:inline-block; font-size:20px; color:#7CC913; font-weight:bold; vertical-align:middle; text-align: right; padding-right: 35px;}
.section-4 .level-2 .level-des-2 { border-left:solid 1px #ddd; width:calc(100% - 185px); display:inline-block; vertical-align:middle; color:#000; font-size:15px; padding-left:40px; box-sizing:border-box; }
.section-4 .level-2 .level-subj-2 { display:block; color:#666; }
.section-4 .level-2 .level-subj-2 strong { color:#000; }
.section-4 .nowrap { display:inline-block; }
.section-4 .rm-btn, .section-4-2 .rm-btn { display:inline-block; height:54px; line-height:3; font-size:18px; font-weight:bold; color:#fff; padding:0 32px 0 34px; margin:0 auto; background:#4246c1; border-radius:27px; }
.section-4 .rm-btn::after, .section-4-2 .rm-btn::after { content:''; display:inline-block; width:8px; height:8px; border:solid 1px #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); vertical-align:middle; margin:-6px 0 0 25px; }
.section-4 #roadmap .rm-btn { margin-top:30px; }

.section-4 .system-in { padding:75px 0 90px; }
.section-4 .system { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; position:relative; padding:0 8px; }
.section-4 .system::before { content:''; display:block; position:absolute; left:50px; top:50%; margin-top:15px; width:17.1%; max-width:269px; height:209px; background:url('../images/main/system-deco-3.png') 0 0 no-repeat; background-size:100% auto; }
/* .section-4 .system::after { content:''; display:block; position:absolute; right:1.898734%; bottom:46%; width:5.1%; max-width:80px; height:22.5%; background:url('../images/main/system-deco.png') 0 0 no-repeat; background-size:100% auto; } */
.section-4 .system .item { position:relative; width:calc(15.38% - 16px); margin:0 8px; background-image:url('../images/main/system.png'); background-position:center center; background-repeat:no-repeat; background-size:100% auto; }
.section-4 .system .item::before { content:''; display:block; padding-top:114.732142%; }
.section-4 .system .item.ty-2 { background-image:url('../images/main/system-2.png'); }
.section-4 .system .item.ty-3 { background-image:url('../images/main/system-3.png'); }
.section-4 .system .item.ty-4 { background-image:url('../images/main/system-4.png'); }
.section-4 .system .item.ty-trans { background:transparent; }
.section-4 .system .item.pos-3 { -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3; }
.section-4 .system .item.pos-4 { -webkit-box-ordinal-group:5; -ms-flex-order:4; order:4; }
.section-4 .system .item.pos-5 { -webkit-box-ordinal-group:6; -ms-flex-order:5; order:5; }
.section-4 .system .item.pos-6 { -webkit-box-ordinal-group:7; -ms-flex-order:6; order:6; }
.section-4 .system .item.pos-7 { -webkit-box-ordinal-group:8; -ms-flex-order:7; order:7; margin-left:calc(7.69% + 8px); -webkit-transform:translateY(-17.5%); transform:translateY(-17.5%); }
.section-4 .system .item.pos-8 { -webkit-box-ordinal-group:9; -ms-flex-order:8; order:8; -webkit-transform:translateY(-17.5%); -ms-transform:translateY(-17.5%); transform:translateY(-17.5%); }
.section-4 .system .item.pos-9 { -webkit-box-ordinal-group:10; -ms-flex-order:9; order:9; -webkit-transform:translateY(-17.5%); -ms-transform:translateY(-17.5%); transform:translateY(-17.5%); }
.section-4 .system .item.pos-10 { -webkit-box-ordinal-group:11; -ms-flex-order:10; order:10; -webkit-transform:translateY(-17.5%); -ms-transform:translateY(-17.5%); transform:translateY(-17.5%); }
.section-4 .system .item.pos-11 { -webkit-box-ordinal-group:12; -ms-flex-order:11; order:11; -webkit-transform:translateY(-17.5%); -ms-transform:translateY(-17.5%); transform:translateY(-17.5%); }
.section-4 .system .item.pos-12 { -webkit-box-ordinal-group:13; -ms-flex-order:12; order:12; -webkit-transform:translateY(-17.5%); -ms-transform:translateY(-17.5%); transform:translateY(-17.5%); }
.section-4 .system .item .in { position:absolute; top:50%; left:50%; display:block; width:100%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); text-align:center; font-size:16px; color:#000; line-height:1.5; font-weight:bold; box-sizing:border-box; padding:0 10px; }
.section-4 .system .item .in.ty-2 { color:#fff; }
.section-4 .system .item .system-def { position:absolute; top:50%; left:50%; width:100%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); text-align:center; font-size:14px; font-weight:bold; box-sizing:border-box; padding:0 10px; color:#666; }
.section-4 .system .item .system-def .subj { font-size:22px; color:#feb300; }
.section-4 .system .item .system-def .subj.ty-2 { color:#5f2883; }
.section-4 .system .item .system-def .des { line-height:1.72; margin-top:13px; }

.section-4-2 { width:100%; background:#f2e9ed; height:335px; position:relative; overflow:hidden; }
.section-4-2 .rm-new-img { position:absolute; height:100%; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
.section-4-2 .guide-txt { position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); display:block; width:100%; text-align:center; margin-top:8px; padding:0 40px; box-sizing:border-box; }
.section-4-2 .title { font-size:46px; color:#000; font-weight:bold; }
.section-4-2 .des { display:block; font-size:22px; color:#000; margin-top:11px; }
.section-4-2 .rm-btn { margin-top:37px; }

/********************* 채널 *********************/
.section-5 { margin:60px auto 0; max-width:1580px; }
.section-5 .section-5-col, .section-5 .section-5-col-2 { position:relative; width:calc(50% - 10px); box-sizing:border-box; padding-top:40px; padding-right:50px; padding-left:110px; }
.section-5 .section-5-col { float:left; }
.section-5 .section-5-col-2 { float:right; }
.section-5 .btn { position:absolute; top:0; right:70px; }
.section-5::after { content:''; display:block; clear:both; }
.section-5 .title { width:198px; height:16px; position:absolute; left:55px; top:230px; font-size:16px; color:#000; font-weight:bold; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); -webkit-transform-origin:left; transform-origin:left; }
.section-5 .title-in { position:absolute; -webkit-transform:rotate(-1deg); transform:rotate(-1deg); -webkit-transform-origin:left; transform-origin:left; }
.section-5 .title::after { content:''; position:absolute; right:0; top:50%; display:inline-block; width:100px; height:2px; margin:2px 0 0 7px; background-color:#000; }
.section-5 .channel-item { display:block; }
.section-5 .channel-img { position:relative; width:100%; overflow:hidden; }
.section-5 .channel-img::before { content:''; display:block; padding-top:56.125%; }
.section-5 .channel-img img { position:absolute; top:0; width:100%; height:100%; }
.section-5 .channel-img .ico-video-2 { position:absolute; left:30px; bottom:30px; z-index:2; }
.section-5 .channel-des { margin-top:37px; padding:0 20px; box-sizing:border-box; }
.section-5 .channel-des .cap { display:block; font-size:14px; color:#64a704; font-weight:bold; }
.section-5 .channel-des .subj { display:inline-block; font-size:30px; color:#000; border-bottom:solid 1px transparent; font-weight:bold; line-height:1.4; margin-top:9px; box-sizing:border-box; max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.section-5 .channel-des .des { font-size:14px; line-height:1.72; max-height:6.8em; margin-top:17px; padding:0 50px 0 0; box-sizing:border-box; display:block; display:-webkit-box; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-wrap:break-word;}
.section-5 .slick-controls .slick-arrow { position:absolute; top:0; margin-top:25.8%; width:30px; height:30px; }
.section-5 .slick-controls .slick-arrow .ir { content:''; display:inline-block; width:18px; height:18px; border:solid 2px transparent; border-right-color:#fff; border-bottom-color:#fff; -webkit-transform:rotate(-46deg); transform:rotate(-46deg); }
.section-5 .slick-controls .slick-arrow.slick-prev .ir { -webkit-transform:rotate(135deg); transform:rotate(135deg); }
.section-5 .slick-controls .slick-prev { left:25px; }
.section-5 .slick-controls .slick-next { right:25px; }
.section-5 .channel-item:hover .subj { border-color:#000; }
.section-5 .main-edu .channel-des .cap { color:#00babb; }

.section-4 .level-2 .level-title-2.txtc1 {color:#94DC34;}
.section-4 .level-2 .level-title-2.txtc2 {color:#7cc913;}
.section-4 .level-2 .level-title-2.txtc3 {color:#6bb308;}
.section-4 .level-2 .level-title-2.txtc4 {color:#589900}
.section-4 .level-2 .level-title-2.txtc5 {color:#447700;}
.section-4 .level-2 .level-title-2.txtc6 {color:#385F04;}

@media print, all and (max-width:1720px) { 
  .section .slick-controls .slick-prev { left:4px; }
  .section .slick-controls .slick-next { right:4px; }
}

@media print, all and (max-width:1279px) { 
  .section-3-in { -ms-flex-direction:column; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column; }
  .section-3 .brand-item { padding:0 20px; }
  .section-3 .section-3-col { width:100%; }
  .section-3 .section-3-col-2 { width:100%; margin-top:60px; }
  .section-3 .main-banner { float:left; width:320px; margin-top:10px; padding-bottom:0; border-bottom:none; }
  .section-3 .news .news-list .link::after { content:''; display:block; clear:both; }
  .section-3 .news { position:relative; float:right; width:calc(100% - 360px); padding-top:0; border-top:none; }
  .section-3 .news li:nth-child(3) ~ li { display:none; }
  .section-3 .news .news-list .subj { max-width:calc(100% - 135px); }
  .section-3 .news .news-list .date { float:right; width:80px; text-align:right; }
}

@media print, all and (min-width:1280px) and (max-width:1660px) { 
  .section-3 .section-3-col { width:73.333333%; }
  .section-3 .section-3-col-2 { width:23.333333%; }
}

@media print, all and (min-width:768px) and (max-width:920px) { 
  .section-4 .rm-dep-in.ty { width:calc((100% - 10px) / 5 * 2);  }
  .section-4 .rm-dep-in.ty-2 { width:calc((100% - 10px) / 5 * 2); margin-left:5px; }
  .section-4 .rm-dep-in.ty-3 { width:calc((100% - 10px) / 5); margin-left:5px; }
  .section-4 .rm-dep-in.ty-4 { width:calc((100% - 10px) / 5); }
  .section-4 .rm-dep-in.ty-5 { width:calc((100% - 10px) / 5 * 2.5); margin-left:5px; }
  .section-4 .rm-dep-in.ty-6 { width:calc((100% - 10px) / 5 * 1.5); margin-left:5px; }
  .section-4 .level .level-title { font-size:26px; }
}
@media print, all and (min-width:768px) and (max-width:1660px) { 
  .section-2-in, .section-3-in, .section-4 .roadmap, .section-4 .rm-title, .section-4 .system-in, .section-5 { margin-left:40px; margin-right:40px; }
  .section-4 .btn { right:40px; }
}

@media all and (min-width:1280px) {
  /* .section-4 #roadmap { background:url("../images/main/roadmap-deco.png") 70px 100% no-repeat ; } */
}

@media all and (min-width:1280px) and (max-width:1500px) { 
  .section-5 .section-5-col, .section-5 .section-5-col-2 { padding-right:40px; padding-left:80px; width:50%; }
  .section-5 .title { left:40px; }
  .section-5 .btn { right:60px; }
}

@media print, all and (min-width:768px) and (max-width:1279px) { 
  .section-3 .main-banner .banner-txt { bottom:auto; top:8px; }
  .section-4 { padding-top:73px; }
  .section-4 .btn { top:88px; }
  .section-4-2 .rm-new-img { left:auto; right:0; -webkit-transform:translateX(0); transform:translateX(0); }
  .section-5 .section-5-col, .section-5 .section-5-col-2 { width:calc(50% - 16px); padding:40px 0 0 0; }
  .section-5 .section-5-col-2 { margin-top:0; }
  .section-5 .channel-des .des { padding:0 10px 0 0; }
  .section-5 .main-story-in { position:relative; }
  .section-5 .title { width:auto; height:auto; position:absolute; left:0; top:0; font-size:22px; -webkit-transform:rotate(0); transform:rotate(0); }
  .section-5 .title-in { -webkit-transform:rotate(0); transform:rotate(0); }
  .section-5 .title::after { display:none; }
  .section-5 .btn { right:0; }
  .section-5 .btn-more-2 { right:0; }
}

@media print, all and (min-width:768px) and (max-width:1280px) {
  .section-4 .system { padding:0 0 0 0; margin-right:-6px; margin-left:-6px; }
  .section-4 .system .item { width:calc(15.38% - 12.5px); margin:0 6px; }
  .section-4 .system .item.pos-7 { -webkit-box-ordinal-group:8; -ms-flex-order:7; order:7; margin-left:calc(7.69% + 8px); }
}

@media print, all and (min-width:768px) and (max-width:900px) {
  .section-4 .system .item .in { font-size:13px; }
  .section-4 .system .item .system-def .subj { font-size:18px; }
}

@media print, all and (min-width:768px) and (max-width:930px) {
  .section-5 .channel-img .ico-video-2 { left:10px; bottom:10px; }
}

@media all and (min-width:1201px) and (max-width:1919px) {
  .section-2 .quick-item-2 .des { height:47px; font-size:28px; }
  .section-2 .quick-item-2 .des.small { font-size:12px; line-height:30px; }
  .section-2 .big { font-size:24px; }
  .section-2 .quick-item-2 .title { height:32px; font-size: 14px;}
  .section-2 .quick-item-2 .btn { height:47px; }
}

@media print, all and (max-width:1280px) {
  .section-2 .quick-item-2 .title { height:32px; }
  .section-2 .quick-item-2 .des { height:47px; }
  .section-2 .quick-item-2 .btn { height:47px; }
}

@media all and (min-width:1101px) and (max-width:1200px) {
  .section-2 .quick-item-2 .title { font-size:13px; }
  .section-2 .quick-item-2 .des { font-size:24px; }
  .section-2 .quick-item-2 .des.small { font-size:11px; line-height:30px; }
  .section-2 .ico-txt-5 { padding:0 5px; font-size:10px; line-height:1.5; height:18px; margin:-2px 0 0 5px; }
  .section-2 .big { font-size:22px; }
  .section-2 .quick-item-2 .des-2 { font-size:12px; }
  .section-2 .quick-tab-cont { padding:0; }
}
@media screen and (max-width: 1024px){
  .learning-system .diagram {margin:73px 0 0px;}
  .learning-system .diagram div ul {margin-top:138px;}
  .learning-system .diagram div ul li {white-space: normal;}
  .learning-system .diagram .Blended-Learning img {width:230px;}
  .learning-system .diagram .c-Learning {width:270px; background:url("../images/main/system-c-Learning.png")  no-repeat center 0px/ 124px auto;}
  .learning-system .diagram .i-Learning {width:270px; background:url("../images/main/system-i-Learning.png")  no-repeat center 0px/ 124px auto;}
}


@media print, all and (min-width:768px) and (max-width:1023px) {
  .section-5 .channel-des .subj { font-size: 24px; }
}

@media print, all and (min-width:768px) and (max-width:1100px) {
  .section-2 .quick { -ms-flex-direction:column; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column; }
  .section-2 quick-tab-cont, .quick-info { width:100%; }
  .section-2 .quick-tab-cont { padding:34px 0 32px; border-bottom:solid 1px #eee; }
  .section-2 .quick { height:auto; }
  .section-2 .quick-item-2:first-child::before { display:none; }
  .section-2 .quick-info { padding:40px 0 37px; }
  .section-2 .quick-tab-cont, .section-2 .quick-info { width:100%; }
  .section-2 .quick-item-2 .title { font-size:14px; }
  .section-2 .quick-item-2 .title { font-size:14px; }
  .section-2 .quick-item-2 .des-2 { font-size:13px; }
  .section-2 .quick-item-2 .des { font-size:34px; }
  .section-2 .quick-item-2 .des.small { font-size:14px; }
}

@media print, all and (min-width:768px) {
  .section-4 .rm-item.ty.active { background:#94DC34; }
  .section-4 .rm-item.ty-2.active { background:#7cc913; }
  .section-4 .rm-item.ty-3.active { background:#6bb308; }
  .section-4 .rm-item.ty-4.active { background:#589900; }
  .section-4 .rm-item.ty-5.active { background:#447700; }
  .section-4 .rm-item.ty-6.active { background:#385F04; }
  .section-4 .rm-item.active { box-shadow: 20px 20px 28px 0px rgba(0,0,0,0.2); z-index:2; }
}

@media print, all and (max-width:1260px) {
  .section-4 .system .item .system-def .des { display:none; }
}

@media screen and (max-width:767px){
  .section-2-in, .section-3-in, .section-4 .roadmap, .section-4 .rm-title { margin-left:20px; margin-right:20px; }
  .section .img-wrap { height:320px; }
  .section .img-wrap img { margin:0 -320px; }
  .section .vis-main .slick-controls .slick-arrow { height:auto; }
  .section .slick-controls .slick-arrow { position:absolute; top:50%; margin-top:-20px; padding:10px; }
  .section .slick-controls .slick-arrow .ir { width:16px; height:16px; border:solid 1px transparent; border-right-color:#000; border-bottom-color:#000; }
  .section .slick-controls .slick-prev { left:14px; }
  .section .slick-controls .slick-next { right:14px; }

  .section-2-in { margin-top:-20px; }
  .section-2 .quick-tab { box-shadow: 0px 3px 5px 1px rgba(0,0,0,0.08); border-radius:20px; }
  .section-2 .quick-tab li { height:40px; }
  .section-2 .quick-tab li a { font-size:13px; line-height:3; font-weight:normal; }
  .section-2 .quick-tab li.active a { font-size:13px; line-height:3; border-width:1px; font-weight:bold; }
  .section-2 .quick-item .ir-b::before { display:none; }
  .section-2 .quick { position:relative; display:block; height:auto; width:100%; text-align:left; overflow:hidden; border-bottom:none; }
  .section-2 .quick::after { position:absolute; left:50%; top:0; width:1px; height:100%; background:#ebebeb; margin-left:-1px; }
  .section-2 .quick-tab-cont { width:100%; padding:0; }
  .section-2 .quick-item { float:left; width:50%; }
  .section-2 .quick-list { display:block; margin-top:0; }
  .section-2 .quick-info { float:left; width:50%; margin-top:0; height:50px; }
  .section-2 .quick::after { content:''; display:block; clear:both; }
  .section-2 .quick-item a { height:100%; font-size:13px; position:relative; padding-left:12px; }
  .section-2 .quick-item a::after { content:''; display:block; position:absolute; top:50%; margin-top:-2px; right:15px; width:5px; height:5px; border:1.5px solid transparent; margin-top:-2px; border-top-color:#ccc; border-right-color:#ccc; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  .section-2 .quick-info .quick-item-2 { width:100%; }
  .section-2 .quick-floating { position:fixed; z-index:20; letter-spacing:-.5em; display:block; bottom:40px; width:212px; height:40px; left:50%; margin-left:-106px; border-radius:20px; background:#fff; box-shadow: 0px 6px 10px 2px rgba(0,0,0,0.15); -webkit-transition:bottom 0.3s ease, opacity 0.3s ease; transition:bottom 0.3s ease, opacity 0.3s ease; }
  .section-2 .quick-floating.hide { bottom:-60px; opacity:0; }
  .section-2 .quick-floating::before { content:''; position:absolute; left:50%; top:50%; margin-top:-6px; display:block; width:1px; height:13px; background:#e5e5e5; }
  .section-2 .quick-floating .ir-b::before { margin:0 2px 0 0; vertical-align:-3px; }
  .section-2 .quick-floating a { display:block; height:100%; line-height:3.2; letter-spacing:normal; width:50%; text-align:center; font-size:13px; color:#64a704; font-weight:bold; display:inline-block; }
  .section-2 .quick-floating a:only-child { position:relative; width:100%; background:#fff; border-radius:20px; }
  .section-2 .quick-floating .quick-tel { color:#303f50; }
  .section-2 .quick-floating .quick-kakao { color:#3d292d; }
  .section-2 .quick-floating .quick-one-on-one {color:#303f50;}
  .section-2 .quick-item, .quick-item.title { text-align:left; height:50px; line-height:48px; border-bottom:solid 1px #ebebeb; box-sizing:border-box; }
  .section-2 .quick-item.title { width:100%; height:100%; font-size:13px; padding-left:12px; }
  .section-2 .quick-item-2::before { display:none; }
  .section-2 .quick-item .ico-txt-5 { background:#fff; color:#64a704; font-size:13px; padding:0; height:auto; margin:0 0 0 4px; }

  .section-3 { margin-top:38px; background:none; padding:0; }
  .section-3 .section-3-col { padding-top:32px; background:none; }
  .section-3 .section-3-col-2 { display:block; margin-top:45px; margin-bottom: 50px;}
  .section-3 .title { font-size:16px; }
  .section-3 .section-3-col .title { top:0; }
  .section-3 .section-3-col .btn-more-2 { top:2px; left:auto; }
  .section-3 .camp-list .slick-arrow .ir { width:10px; height:10px; border-width:0 1px 1px 0; }
  .section-3 .camp-list .slick-prev { left:10px; }
  .section-3 .camp-list .slick-next { right:10px; }
  .section-3 .img-wrap { border-radius:5px; height:auto; }
  .section-3 .img-wrap::before { position:relative; height:auto; padding-top:41%; }
  .section-3 .img-wrap img { top:0; width:100%; height:auto; }
  .section-3 .camp-list .subj { left:16px; right:16px; bottom:16px; font-size:14px; }
  .section-3 .news .btn-more-2 { top:8px; }
  .section-3 .news { margin-bottom:0; margin-top:25px; }
  .section-3 .news .title { font-size:16px; }
  .section-3 .news-list { border-top:solid 1px #93949b; border-bottom:solid 1px #eee; margin-top:9px; }
  .section-3 .news, .section-3 .main-banner { float:none; width:100%; }
  .section-3 .news .news-list .subj { width:auto; max-width:calc(100% - 20px); }
  .section-3 .news .news-list .subj-in { font-size:13px; }
  .section-3 .news .news-list .date { display:none; }
  .section-3 .news .news-list li { border-top:solid 1px #e7e7e7; padding:16px 0 11px; }
  .section-3 .news .news-list li:nth-child(2) ~ li { display:none; }
  .section-3 .main-banner { max-width:none; height:auto; text-align:center; padding-bottom:15px; border-bottom:solid 1px #ddd; }
  .section-3 .main-banner .bg img { width:280px; height:auto; }
  .section-3-col-2 .slick-arrow { width:18px; height:15px; line-height:0; }
  .section-3-col-2 .slick-arrow .ir { width:2px; height:2px; margin:0 0 0 -2px; vertical-align:2px; }
  .section-3-col-2 .slick-arrow.slick-prev .ir { margin:0 -2px 0 0; vertical-align:2px; }

  .section-4 { background:#fff; padding:0; margin-top:40px; }
  .section-4 .title { font-size:16px; }
  .section-4 .btn { right:20px; top:0; }
  .section-4 .roadmap { padding:20px 0 30px; overflow: hidden;}
  .section-4 .btn_view_detail {margin-top: 0px;margin-bottom: 50px;}
  .section-4 #roadmap .rm-btn { margin-top:20px; }
  .section-4 .rm-btn, .section-4-2 .rm-btn { height:50px; font-size:13px; line-height:4; padding:0 25px 0 22px; }
  .section-4 .rm-btn::after, .section-4-2 .rm-btn::after { width:5px; height:5px; border-width:0 1px 1px 0; margin:-3px 0 0 4px; }
  .section-4 .rm-tab { font-size:0; text-align:left; margin-top:11px; }
  .section-4 .rm-tab li a { height:auto; font-size:13px; font-weight:normal; line-height:2.2; padding:0 11px; text-align: center;}
  .section-4 .rm-tab li.one {border:1px solid #000;}
  .section-4 .rm-dep { float:left; width:62px; height:450px; position:relative; }
  .section-4 .rm-step { float:right; width:calc(100% - 62px); -ms-flex-flow:column; flex-flow:column; -ms-flex-direction:column-reverse; flex-direction:column-reverse; margin-top:0; }
  .section-4 .rm-step.v2 { float:right; width:100%; -ms-flex-flow:column; flex-flow:column; -ms-flex-direction:column-reverse; flex-direction:column-reverse; margin-top:0; }
  .section-4 .rm-item { width:100%; height:85px; margin-top:5px; }
  .section-4 .rm-step.v2 .rm-item { width:100%; height:85px; margin-top:5px; }
  .section-4 .rm-dep-in { position:absolute; }
  .section-4 .rm-dep-in.ty { top:auto; left:0; bottom:0; width:26px; height:175px; }
  .section-4 .rm-dep-in.ty-2 { left:0; top:95px; width:26px; height:175px; margin:0; }
  .section-4 .rm-dep-in.ty-3 { left:0; top:5px; width:26px; height:85px; margin:0; }
  .section-4 .rm-dep-in.ty-4 { left:30px; bottom:0; width:26px; height:85px; }
  .section-4 .rm-dep-in.ty-5 { left:30px; top:136px; width:26px; height:224px; margin:0; }
  .section-4 .rm-dep-in.ty-6 { left:30px; top:5px; width:26px; height:126px; margin:0; }
  .section-4 .level .level-title { font-size:14px; }
  .section-4 .level .level-subj { font-size:12px; margin-top:5px; font-weight:normal; }
  .section-4 .level .level-des { font-size:12px; color:rgba(255,255,255,1); }
  .section-4 .rm-dep-txt { white-space:nowrap; position:absolute; line-height:1.2; -webkit-transform:rotate(-91deg) translateX(-50%); transform:rotate(-91deg) translateX(-50%); top:50%; left:12px; -webkit-transform-origin:left; transform-origin:left; margin-top:-5px; }
  .section-4 .rm-item .level, .section-4 .rm-item.active .level { -webkit-transform:translateY(-50%); transform:translateY(-50%); }
  .section-4 .rm-item .link::after { display:none; }
  .section-4 .system { position:relative; width:271px; height:433px; margin:12px auto 0; padding:0; }
  .section-4 .system-in {padding:10px 0 30px;}
  .section-4 .system::before { left:12%; top:166px; width:107px; height:83px; margin-top:0; z-index:2; }
  /* .section-4 .system::after { left:178px; top:326px; width:39px; height:55px; } */
  .section-4 .system .item .system-def .subj { font-size:12px; }
  .section-4 .system .item { width:85px; position:absolute; margin:0; }
  .section-4 .system .item .in { font-size:12px; padding:0 8px; }
  .section-4 .system .item.pos-2 { left:47px; }
  .section-4 .system .item.pos-4 { left:140px; }
  .section-4 .system .item.pos { left:0; top:81px; }
  .section-4 .system .item.pos-3 { left:92px; top:81px; }
  .section-4 .system .item.pos-9 { left:140px; top:163px; -webkit-transform:none; -ms-transform:none; transform:none; }
  .section-4 .system .item.pos-8 { left:186px; top:81px; -webkit-transform:none; -ms-transform:none; transform:none; }
  .section-4 .system .item.pos-11 { left:47px; top:328px; -webkit-transform:none; -ms-transform:none; transform:none; }
  .section-4 .system .item.pos-12 { left:186px; top:245px; -webkit-transform:none; -ms-transform:none; transform:none; }
  .section-4 .system .item.pos-5 { left:0; top:245px;}
  .section-4 .system .item.pos-6 {left:186px; top:245px;}
  .section-4 .system .item.pos-7 { display:none; }
  .section-4 .system .item.pos-10 {left:92px; top:264px;}
  .section-4 .rm-btn { margin-top:23px; }
  .section-4-2 { height:auto; }
  .section-4-2 .rm-new-img { position:absolute; height:100%; top:0; left:0; -webkit-transform:translateX(0); transform:translateX(0); }
  .section-4-2 .rm-new-img img { height:100%; }
  .section-4-2::after { content:''; display:block; width:auto; height:auto; padding-top:73.4375%; }
  .section-4-2 .guide-txt { margin-top:14px; text-align:left; padding:0 20px; }
  .section-4-2 .title { font-size:18px; }
  .section-4-2 .des { font-size:15px; margin-top:6px; }
  .section-4-2 .rm-btn { margin-top:23px; }

  .section-5 { /* background-color:#f4f4f5; */ padding:30px 20px 50px; margin-top:0; margin-bottom:-50px; }
  .section-5 .section-5-col, .section-5 .section-5-col-2 { float:none; width:100%; padding:0 0 0 0; }
  .section-5 .section-5-col-2 { margin-top:28px; }
  .section-5 .main-story-in,  .section-5 .main-edu-in { background-color:#fff; box-shadow: 0px 5px 9px -3px rgba(0,0,0,0.3); }
  .section-5 .channel-des .des { display:none; }
  .section-5 .channel-img { float:none; height:auto; }
  .section-5 .channel-des { float:none; width:100%; padding:11px 15px 8px; margin-top:0; }
  .section-5 .channel-img img { width:100%; }
  .section-5 .slick-controls .slick-arrow { top:50%; margin-top:-50px; }
  .section-5 .channel-img .ico-video-2 { left:12px; bottom:12px; }
  .section-5 .title { position:static; width:100%; height:auto; font-size:16px; -webkit-transform:rotate(0); transform:rotate(0); padding-bottom:8px; }
  .section-5 .title-in { position:static;  }
  .section-5 .title::after { display:none; }
  .section-5 .channel-des .cap, .section-5 .channel-des .subj { font-size:14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-wrap:normal; }
  .section-5 .channel-des .subj { margin-top:2px; }
  .section-5 .btn { top:4px; right:11px; }
  .section-5 .slick-controls .slick-arrow .ir { width:10px; height:10px; border:solid 1px transparent; border-right-color:#fff; border-bottom-color:#fff; }
  .section-5 .slick-controls .slick-prev { left:13px; }
  .section-5 .slick-controls .slick-next { right:13px; }

  .section-3 .news .news-list li:last-child { padding-bottom: 11px; }
}