@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
body .container { font-family: 'Noto Sans KR', sans-serif !important;}
.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; z-index:1; }
.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 2px transparent; border-right-color:#000; border-bottom-color:#000; -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; }
.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 #005C97; color:#005C97; 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-info { float:left; width:50%; display:-webkit-box; display:-ms-flexbox; display:flex; line-height:1; margin-top:-9px; 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; }
.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("../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("../images/common/main-kakao.png") 0 0 no-repeat; }
.section-2 .quick-item-2 .des-2 { font-size:13px; font-weight:bold; }
.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; -ms-flex-wrap:wrap; flex-wrap:wrap; 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:-52px -135px; width:69px; height:55px; }
.section-2 .i-quick-12::before { background-position:-126px -135px; width:69px; height:55px; }
.section-2 .quick-list .ir-b::before { display:block; margin:0 auto 21px; }
.section-2 .quick-floating { display:none; }

.btn_view_detail.c3 {margin-top: 123px;}
.btn_view_detail.c3 span { background-position:right top 9px;padding-right: 32px;}

@media screen and (max-width:767px){
  .btn_view_detail.c3 span { background-position:right top 5px;padding-right: 20px;}
 }

/********************* 캠퍼스 스토리 *********************/
.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; padding-top:137px; }
.section-3 .section-3-col .title { position:absolute; top:73px; }
.section-3 .section-3-col-2 { width:20.2%; position:relative; margin-top:137px; }
.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; background:#f9f9f9; padding-top:93px; text-align:center; }
.section-4.bg_none {background: none;}
.section-4 .module, .section-4 .rm-title, .section-4 .system { max-width:1580px; margin:0 auto; }
.section-4 .title { font-size:36px; font-weight:bold; color:#000; letter-spacing:-0.05em; text-align:left; }
.section-4 .tab-item-info {text-align:left; margin-top:30px; font-size:15px; color:#000;}
.section-4 .module .panel-set {padding:59px 0 0; display:flex; margin-left:-10px; margin-right:-10px;}
.section-4 .module .panel-set .card {padding:0 10px; flex:1;}
.section-4 .module .panel-set .card .panel {height:340px; border-radius:.5em; color:#fff; font-size:18px; font-weight:700; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative;}
.section-4 .module .panel-set .card .panel.A2 {background-color:#c2914d;}
.section-4 .module .panel-set .card .panel.C1 {background-color:#316092;}
.section-4 .module .panel-set .card .panel.C2 {background-color:#0599ae;}
.section-4 .module .panel-set .card .panel.V1 {background-color:#cb296d;}
.section-4 .module .panel-set .card .panel h4 {font-size:36px;}
.section-4 .module .panel-set .card .panel div {margin-top:10px;}
.section-4 .module .panel-set .card .panel div p {font-size:16px; font-weight:400;}
.section-4 .module .panel-set .card .panel .sort {position:absolute; top:20px; right:10px; text-align:right;}
.section-4 .module .sorting {text-align:right; margin-top:20px;}
.section-4 .module .sorting span {display:inline-block; font-size:18px; color:#000; margin-left:28px;}
.section-4 .module em {display:inline-block; vertical-align:middle; margin-right:10px; width:24px; height:24px; border-radius:50%;}
.section-4 .module em.Literacy {background-color:#c4e25e;}
.section-4 .module em.Imagination {background-color:#d6a1e7;}
.section-4 .module em.Storytelling {background-color:#ffa14f;}
.section-4 .rm-cont { opacity:0; -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.one li{border: solid 0.3px #111921;}
.section-4 .rm-tab.one li a,
.section-4 .rm-tab.one li span {color:#000}
.section-4 .rm-tab li.active { z-index:2; }
.section-4 .rm-tab.c3 {margin-top: -20px;}
.section-4 .rm-tab.c3 li span { display:block; height:30px; color:#000; font-size:15px; font-weight:bold; line-height:30px; padding:0 11px; box-sizing:border-box;}
.section-4 .rm-tab li a { display:block; height:40px; color:#666; 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:#ef3e42; border-color:#ef3e42; }
.section-4 .rm-more { display:inline-block; font-size:14px; font-weight:bold; color:#fff; width:132px; height:36px; line-height:2.4; margin:-13px 0 0 10px; border-radius:18px; box-sizing:border-box; letter-spacing:0; border:solid 1px rgba(255,255,255,0.2); vertical-align:middle; text-align:center; }
.section-4 .rm-more::after { content:''; display:inline-block; width:4px; height:4px; border:2px solid transparent; margin:-3px 0 0 15px; vertical-align:middle; border-top-color:#ccc; border-right-color:#ccc; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.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% - 50px) / 6); height:308px; border-radius:6px; }
.section-4 .rm-item:first-child { padding:0; }
.section-4 .rm-item .link { display:block; width:100%; height:100%; text-align:center; border-radius:5px; overflow:hidden; font-size:0; }
.section-4 .rm-item .link::before { content:''; display:inline-block; width:0; height:100%; vertical-align:middle; }
.section-4 .rm-item.ty { background:#f89381; }
.section-4 .rm-item.ty-2 { background:#f06c67; }
.section-4 .rm-item.ty-3 { background:#eb3544; }
.section-4 .rm-item.ty-4 { background:#d81e2c }
.section-4 .rm-item.ty-5 { background:#b00120; }
.section-4 .rm-item.ty-6 { background:#8e0000; }
.section-4 .rm-dep-in { float:left; height:42px; color:#b4313a; box-sizing:border-box; text-align:center; line-height:2.8; border-radius:5px; }
.section-4 .rm-dep-in.ty { position:absolute; left:0; top:0; width:42.557252%; background-color:#fff9f9; border:dashed 1px #f6a8aa; }
.section-4 .rm-dep-in.ty-2 { position:absolute; right:0; top:0; width:calc((100% - 42.557252%) - 10px); background-color:#fdebeb; border:solid 1px #f6a8aa; }
.section-4 .rm-dep-in.ty-3 { position:absolute; right:0; top:52px; width:81.774809%; background-color:#fdebeb; border:solid 1px #f6a8aa; }
.section-4 .rm-dep-in.ty-4 { width:100%; height:100%; line-height:6.2; background-color:#f7d7d7; border:solid 1px #f6a8aa; }
.section-4 .level { display:inline-block; vertical-align:middle; padding:0 5px; box-sizing:border-box; }
.section-4 .level .level-title { font-size:26px; color:#fff; font-weight:bold; line-height:1.2; }
.section-4 .level .level-subj { font-size:16px; color:#fff; font-weight:bold; margin-top:19px; }
.section-4 .level .level-des { font-size:14px; color:rgba(255,255,255,0.6); margin-top:7px; }
.section-4 .level-2 { max-width:850px; 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:#f89381; font-weight:bold; vertical-align:middle; }
.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 #module {padding-bottom:100px;}
.section-4 #module .rm-btn {margin-top:116px;}

.section-4 .system { padding:0 0 120px; }
.section-4 .system .diagram {display:flex; justify-content:center; margin:101px 0 143px;}
.section-4 .system .diagram div {flex:0 0 1;}
.section-4 .system .diagram div ul {margin-top:204px; padding:0 10px;}
.section-4 .system .diagram div ul li {text-align:left;}
.section-4 .system .diagram .Blended-Learning {padding:0 40px;}
.section-4 .system .diagram .c-Learning {width:400px; background:url("../images/main/system-c-Learning.svg") center 47px no-repeat;}
.section-4 .system .diagram .i-Learning {width:400px; background:url("../images/main/system-i-Learning.svg") center 47px no-repeat;}

.section-4 .system-img { display:block; }
.section-4 .system-guide { margin:26px auto 0; overflow:hidden; position:relative; min-height:54px; }
.section-4 .system-guide .system-def { text-align:center; }
.section-4 .system-guide .system-def dt { font-size:18px; color:#000; font-weight:bold; }
.section-4 .system-guide .system-def dd { line-height:1.42; margin-top:4px; }
.section-4 .system-guide .system-def { float:right; }
.section-4 .system-guide .system-def:first-child { float:left; }
.section-4 .system-guide .rm-btn { position:absolute; left:50%; margin-left:-94px; top:0; }

.section-4 .cc_img {max-width: 1580px;margin:0 auto;margin-top: 53px;}
.section-4 .cc_img img {width: 100%;}

.section-4-2 { width:100%; background:#dce7ee; 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-4-in .rm-tab {max-width: 1580px;margin:0 auto;margin-top: 48px;}

/********************* 채널 *********************/
.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:#ef3e42; 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; }

@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-col { width:calc((100% - 5px) / 3 * 2); }
  .section-4 .rm-dep-col-2 { width:calc((100% - 10px) / 3); }
  .section-4 .rm-dep-in.ty-2 { width:calc((100% - 42.557252%) - 5px); }
  .section-4 .rm-item { width:calc((100% - 25px) / 6); }
  .section-4 .level .level-title { font-size:17px; }
  .section-4 .level .level-subj { font-size:14px; }
  .section-4 .level .level-des { font-size:13px; }
  .section-4 .level-2 .level-title-2 { width:150px; font-size:15px;  }
  .section-4 .level-2 .level-des-2 {  width:calc(100% - 150px); font-size:14px;  }
}

@media all and (min-width:921px) and (max-width:1080px) { 
  .section-4 .level .level-title { font-size:20px; }
  .section-4 .level .level-subj { font-size:16px; }
  .section-4 .level .level-des { font-size:14px; }
}

@media print, all and (min-width:768px) and (max-width:1660px) { 
  .section-2-in, .section-3-in, .section-4-in, .section-4 .rm-title, .section-4 .module, .section-4 .system, .section-5 { margin-left:40px; margin-right:40px; }
  .section-4 .btn { right:40px; }
}

@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 .system { padding:0 0 90px; }
  .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:900px) {
  .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; }
  .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 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 all and (min-width:1920px) {
  .section-4 .system-guide { width:1338px; }
  .section-4 .system-guide .system-def { width:455px; }
  .section-4 .system-guide .fake-br { display:none; }
}

@media all and (min-width:1280px) and (max-width:1919px) {
  .section-4 .system-guide { width:1160px; }
  .section-4 .system-guide .system-def { width:395px; }
  .section-4 .system-guide .fake-br { display:none; }
}

@media all and (min-width:1024px) and (max-width:1279px) {
  .section-4 .system-img { margin:38px -40px 0; }
  .section-4 .system-guide { width:940px; }
  .section-4 .system-guide .system-def { width:335px; }
}

@media print, all and (min-width:768px) and (max-width:1023px) {
  .section-4 .system { position:relative; padding-top:0px; margin-top:0px; }
  .section-4 .system-img { margin-bottom:40px; }
  .section-4 .system-guide { margin:0 auto 0; position:static; min-height:auto; }
  .section-4 .system-guide .system-def dt { font-size:18px; color:#000; font-weight:bold; }
  .section-4 .system-guide .system-def dd { line-height:1.42; margin-top:4px; }
  .section-4 .system-guide .system-def:first-child { position:absolute; top:0; left:0; right:0; }
  .section-4 .system-guide .rm-btn { position:static; margin-left:0; margin-top:20px; }
  .section-4 .system-guide .system-def { float:none; }
  .section-5 .channel-des .subj { font-size: 24px; }
}

@media screen and (max-width:1024px) {
  .section-4 .module .panel-set .card .panel {height:204px; border-radius:.6em; font-size:15px;}
  .section-4 .module .panel-set .card .panel h4 {font-size:32px;}
  .section-4 .module .panel-set .card .panel div {margin-top:10px;}
  .section-4 .module .panel-set .card .panel div p {font-size:14px;}
  .section-4 .module .panel-set .card .panel .sort {top:10px; right:0px;}
  .section-4 .module em {width:20px; height:20px;}
  .section-4 #module {padding-bottom:80px;}
  .section-4 #module .rm-btn {margin-top:74px;}
  .section-4 .system .diagram {margin:73px 0 73px;}
  .section-4 .system .diagram div ul {margin-top:138px;}
  .section-4 .system .diagram .Blended-Learning img {width:230px;}
  .section-4 .system .diagram .c-Learning {width:270px; background:url("../images/main/system-c-Learning.svg") center 0px no-repeat;}
  .section-4 .system .diagram .i-Learning {width:270px; background:url("../images/main/system-i-Learning.svg") center 0px no-repeat;}
}

@media print, all and (min-width:768px) {
  .section-4 .rm-dep { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
  .section-4 .rm-dep-col { position:relative; height:94px; width:calc((100% - 5px) / 3 * 2); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-wrap:wrap; flex-wrap:wrap; }
  .section-4 .rm-dep-col-2 { width:calc((100% - 20px) / 3); box-sizing:border-box; }
  .section-4 .rm-item.ty.active { background:linear-gradient(150deg, #fab4a7 0%, #df7264 40%); }
  .section-4 .rm-item.ty-2.active { background:linear-gradient(150deg, #f4918d 0%, #d85450 40%); }
  .section-4 .rm-item.ty-3.active { background:linear-gradient(150deg, #f0626d 0%, #d42935 40%); }
  .section-4 .rm-item.ty-4.active { background:linear-gradient(150deg, #e04b56 0%, #c31722 40%); }
  .section-4 .rm-item.ty-5.active { background:linear-gradient(150deg, #c33e55 0%, #9f0119 40%); }
  .section-4 .rm-item.ty-6.active  { background:linear-gradient(150deg, #a83b3b 0%, #800000 40%); }
  .section-4 .rm-item.active { box-shadow: 20px 20px 28px 0px rgba(0,0,0,0.2); z-index:2; }
}

@media screen and (max-width:767px){
  .section-2-in, .section-3-in,.section-4-in,  .section-4 .module, .section-4 .rm-title, .section-4 .system { 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:#005C97; 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:#005C97; font-size:13px; padding:0; height:auto; margin:0 0 0 4px; }

  .btn_view_detail.c3 {margin-top: 50px;}

  .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:100%; 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:5px; }
  .section-4 .tab-item-info {margin-top:20px; font-size:13px;}
  .section-4 .module {padding:0px 0 30px;}
  .section-4 .module .panel-set {padding:25px 0 0; flex-wrap:wrap; margin:-1%;}
  .section-4 .module .panel-set .card {flex:0 0 48%; padding:1%;}
  .section-4 .module .panel-set .card .panel {height:204px; border-radius:.4em; font-size:12px;}
  .section-4 .module .panel-set .card .panel h4 {font-size:20px;}
  .section-4 .module .panel-set .card .panel div {margin-top:6px;}
  .section-4 .module .panel-set .card .panel div p {font-size:11px;}
  .section-4 .module .panel-set .card .panel .sort {top:5px; right:5px;}
  .section-4 .module em {width:12px; height:12px; margin-right:5px;}
  .section-4 .module .sorting {margin-top:10px;}
  .section-4 .module .sorting span {font-size:12px; margin-left:8px;}
  .section-4 .system .diagram {margin:0px 0 20px; flex-wrap:wrap;}
  .section-4 .system .diagram div ul {margin-top:0px;}
  .section-4 .system .diagram .Blended-Learning {width:100%;}
  .section-4 .system .diagram .Blended-Learning img {width:180px;}
  .section-4 .system .diagram .c-Learning {width:100%; height:110px; background:url("../images/main/system-c-Learning.svg") left top no-repeat; background-size:80px 93px;}
  .section-4 .system .diagram .c-Learning ul {padding:0 0 0 90px;}
  .section-4 .system .diagram .i-Learning {width:100%; height:100px; margin-top:30px; background:url("../images/main/system-i-Learning.svg") right top no-repeat; background-size:80px 83px;}
  .section-4 .system .diagram .i-Learning ul {padding:0 90px 0 0px;}

  .section-4 #module {padding-bottom:40px;}
  .section-4 #module .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 .cc_img + .rm-tab {margin-top: 40px;}
  .section-4 .cc_img {margin-top: 40px;}
  .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.c3 li a, .section-4 .rm-tab.c3 li span{ height:auto; font-size:12px; font-weight:normal; line-height:20px;height: 20px; padding:0 11px; text-align: center;}

  .section-4 .rm-dep { float:left; width:62px; height:540px; 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-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:148px; }
  .section-4 .rm-dep-in.ty-2 { left:0; top:186px; width:26px; height:200px; }
  .section-4 .rm-dep-in.ty-3 { left:31px; top:186px; width:26px; height:290px; }
  .section-4 .rm-dep-in.ty-4 { left:0; top:5px; width:57px; height:176px; }
  .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-dep-in.ty-4 .rm-dep-txt { left:25px; }

  .section-4 .system { position:relative; padding:25px 0 30px; margin-top:0px; }
  .section-4 .system-img { margin-bottom:20px; }
  .section-4 .system-img img { width:280px; }
  .section-4 .system-guide { margin:0 auto 0; position:static; min-height:auto; }
  .section-4 .system-guide .system-def dt { font-size:13px; color:#303f50; }
  .section-4 .system-guide .system-def dd { font-size:12px; line-height:1.42; margin-top:4px; color:#303f50; }
  .section-4 .system-guide .system-def:first-child { position:absolute; top:0; left:0; right:0; }
  .section-4 .system-guide .rm-btn { position:static; margin-left:0; margin-top:20px; }
  .section-4 .system-guide .system-def { float:none; }

  .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; }
}