@charset "UTF-8";
/********************* AMC란 *********************/
.amc-list-wrap { position:relative; margin-top:40px; }
.amc-list-wrap::before { content:''; position:absolute; top:calc(50% - 1px); left:0; display:block; width:100%; height:1px; border-bottom:1px dashed #c1dc9b; }
.amc-list { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; z-index:2; }
.amc-list .amc-logo { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; }
.amc-list .amc-item { width:120px; height:120px; background-color:#eff6e5; border-radius:50%; text-align:center; border:2px solid #fff; -webkit-box-sizing:border-box; box-sizing:border-box; }
.amc-list .amc-item:nth-child(n+4) { -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3; }
.amc-list .amc-item::before { content:''; display:inline-block; width:1px; height:100%; vertical-align:middle; }
.amc-list .amc-item .txt-in { display:inline-block; color:#000; line-height:1.57; vertical-align:middle; }

/********************* 로드맵 *********************/
.tit-h36 {font-size: 36px;font-weight: bold;color: #000000;margin-bottom: 69px;margin-top: 80px;}
.roadmap-all-mo img { width:829px; height:auto; }
.roadmap-sub-txt { margin-top:69px; font-size:15px; color:#000; line-height:1.72; }
.roadmap-V-on {height:16px; margin-top:4px; margin-bottom:-20px; text-align:right;}
.roadmap-V-on span {position:relative; color:#ff611b; font-size:15px; font-weight:bold;}
.roadmap-V-on span:before {content:''; display:inline-block; width:16px; height:16px; background-color:#fdd8ae; border:1px solid #f78024; border-radius:0.2em; position:absolute; left:-26px; top:1px;}

.i-cc-logo::before, .i-cc-logo-2::before, .i-cc-logo-3::before, .i-cc-logo-4::before, .i-cc-logo-5::before, .i-cc-logo-6::before { background-image:url("/resource/images/sub/cc-logo.png"); display:block; }
.i-cc-logo::before { background-position:0 0; width:41px; height:24px; }
.i-cc-logo-2::before { background-position:-51px -34px; width:24px; height:24px; }
.i-cc-logo-3::before { background-position:-85px -34px; width:34px; height:24px; }
.i-cc-logo-4::before { background-position:0 -68px; width:64px; height:28px; margin:0 auto 4px; }
.i-cc-logo-5::before { background-position:-74px -68px; width:28px; height:28px; margin:0 auto 4px; }
.i-cc-logo-6::before { background-position:-112px -68px; width:48px; height:28px; margin:0 auto 4px; }
.curriculum { overflow:hidden; width:100%; position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; border-bottom:solid 1px #ddd; margin-top:40px; }
.cc-sel, .curriculum-cont { width:20%; }
.curriculum .cc-sel-cont, .curriculum .cc-cont-cont { border-right:solid 1px #ddd; height:100%; padding:8px 8px 8px; box-sizing:border-box; }
.cc-sel-cont.cc-cdi-cont { border-right:0; }
.cc-sel-cont, .cc-cont-cont, .cc-sel-cont-2 { background-image:url("/resource/images/sub/cc-line.gif"), url("/resource/images/sub/cc-line.gif"), url("/resource/images/sub/cc-line.gif"), url("/resource/images/sub/cc-line.gif"), url("/resource/images/sub/cc-line.gif"); background-repeat:repeat-x; background-position:0 211px, 0 475px, 0 673px, 0 870px, 0 1002px;}
.curriculum .logo-txt { margin-top:4px; }
.curriculum .btn-in { margin-top:7px; }
.curriculum .cc-sel-title { width:100%; height:100px; font-weight:bold; border-width:1px 0; box-sizing:border-box; padding:0 18px 0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.curriculum .cc-sel-title { padding:0 26px 0 28px; }
.curriculum .cc-sel.cc-cdi .cc-sel-title { background-color:#ef3e42; border-width:1px; border-top-right-radius:3px; border-bottom-right-radius:3px; border-left-color:transparent; }
.curriculum .cc-sel.cc-april .cc-sel-title { background-color:#64a704; border-top-left-radius:3px; border-bottom-left-radius:3px; }
.curriculum .cc-sel-item .item-in { display:block; height:56px; border-radius:3px; text-align:center; margin:10px 0 0; box-sizing:border-box; position:relative; z-index:3; }
.cc-cont-cont .cc-sel-item .item-in {  position:relative; z-index:2; }
.curriculum .cc-sel-item .item-in::before { content:''; display:inline-block; height:100%; vertical-align:middle; }
.curriculum .cc-sel-item .in-txt { display:inline-block; vertical-align:middle; }
.curriculum .v-on {padding:3px 0px; background-color:#fdd8ae; border:1px solid #f78024; border-radius:0.2em; box-sizing:border-box; margin-top:10px;}
.curriculum .v-on .cc-sel-item {padding:4px 7px; box-sizing:border-box;}
.curriculum .v-on .cc-sel-item .item-in {height:55px; margin:0px 0 0;}
.curriculum .deco { position:relative; }
.curriculum .deco::after { content:''; position:absolute; background:url("/resource/images/sub/cc-deco.png") 0 0 no-repeat; position:absolute; left:50%; margin-left:-94px; }
.curriculum .deco.ty::after, .curriculum.cc-active-april .deco.ty::after { display:block; background-position:0 0; width:189px; height:122px; bottom:48px; margin-left:-94px; }
.curriculum-2 .cc-sel-cont-2, .curriculum .cc-cont-cont, .curriculum .cc-sel-cont.cc-sel-col-3 { 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; -ms-flex-line-pack:start; align-content:flex-start; }
.curriculum .cc-sel-col-3-in { width:calc(100%  / 3 - 4px); }
.curriculum .cc-sel-col-2-in { width:calc(100%  / 2 - 8px); }
.curriculum-cont { position:relative; }
.curriculum-cont::after { content:''; position:absolute; display:block; left:50%; top:0; bottom:0; border-left:dashed 1px #eee; }
.curriculum .cc-sel-col-meg { width:100%; }
.curriculum .cc-logo { display:block; margin-left:auto; margin-right:auto; }
.curriculum .cc-logo::before { margin-left:auto; margin-right:auto; }
.curriculum .btn-in { display:block; }
.curriculum .logo-txt { display:block; color:#fff; }
.curriculum .btn-in { display:block; color:#fff; }
.curriculum .cc-cont-title { height:100px; overflow:hidden; color:#fff; position:relative; z-index:2; }
.curriculum .cc-cont-title dt { font-weight:bold; text-align:center; height:36px; width:100%; background:#f8f8f8; line-height:2.6; }
.curriculum .cc-cont-title dd { float:left; width:50%; height:64px; line-height:4.3; text-align:center; font-weight:bold; box-sizing:border-box; }
.curriculum .cc-cont-title dd + dd { border-left:dashed 1px rgba(255,255,255,0.1); }
.curriculum .cc-cont-title-col-3 dd { width:33.333333%; }
.curriculum .cc-cont-title-col-3 dd { border-left:dashed 1px #eee; }
.curriculum .cc-cont-title-col-3 dd:nth-of-type { border-left:none; }
.curriculum-2 { width:20%; padding:0 8px; box-sizing:border-box; position:relative; color:#000; }
.curriculum-2 .cc-cont-title { color:#000; border:solid 1px #000; border-radius:3px; box-sizing:border-box; }
.curriculum-2 .cc-sel-col-3 .cc-sel-col-3-in { width:33.333333%; padding-top:8px; }
.curriculum-2 .cc-sel-col-3-in { width:33.333333%; border:solid 7px #fff; border-width:0 7px; position:relative; box-sizing:border-box; }
.curriculum-2 .cc-sel-col-3-in::before { content:''; position:absolute; top:0; bottom:0; left:-7px; display:block; width:1px; height:100%; background:url("/resource/images/sub/cc-line-2.gif") 0 0 repeat-y; }
.curriculum-2 .cc-sel-col-3-in:first-child::before { display:none; }
.curriculum-2 .cc-sel-item .item-in { background:#fff; }
.curriculum-2 .cc-sel-cont-2 { padding:0 0 8px; -ms-flex-wrap:wrap; flex-wrap:wrap; border:solid 1px transparent; }
.curriculum .cc-sel-item-meg { flex:none; width:100%; clear:both; }
.curriculum .cc-sel-item.h-ty-2 .item-in { height:122px; }
.curriculum .cc-sel-item.h-ty-3 .item-in { height:188px; }
.curriculum .cc-sel-item.h-ty-4 .item-in { height:254px; }
.curriculum .cc-sel-item.h-ty-5 .item-in { height:320px; }
.curriculum .cc-sel-item.h-ty-7 .item-in { height:452px; }
.curriculum .curriculum-cont.cc-april { background-color:#fafff9; }
.cc-april .cc-cont-title { background:#4b8503; border-top-right-radius:3px; border-bottom-right-radius:3px; }
.cc-april .cc-cont-title dt { background:#3c6f03; }
.curriculum .cc-sel-item .item-in.april-ty { background-color:#5f9f04; color:#fff; }
.curriculum .cc-sel-item .item-in.april-ty-2 { background-color:#9dc95d; color:#fff; }
.curriculum .cc-sel-item .item-in.april-ty-3 { background-color:#fff; border:dashed 1px #b1d381; color:#64a704; }
.curriculum .cc-sel-item .item-in.april-ty-4 { background-color:#d6f1d3; border:solid 1px #9fbf73; color:#4b8503; }
.curriculum .cc-sel-item .item-in.april-ty-5 { background-color:#f0fdeb; border:solid 1px #9fbf73; color:#4b8503; }
.curriculum .cc-sel-item .item-in.april-ty-6 { background-color:#fafff9; border:dotted 1px #b0cb8c; color:#4b8503; }
.curriculum .curriculum-cont.cc-cdi { background-color:#fff9f9; }
.cc-cdi .cc-cont-title { background:#902934; border-top-left-radius:3px; border-bottom-left-radius:3px; }
.cc-cdi .cc-cont-title dt { background:#b4313a; }
.cc-cdi .cc-cont-cont { border-left:solid 1px #eee; }
.curriculum .cc-sel-item .item-in.cdi-ty { background-color:#c81418; color:#fff; }
.curriculum .cc-sel-item .item-in.cdi-ty-2 { background-color:#ee6a6d; color:#fff; }
.curriculum .cc-sel-item .item-in.cdi-ty-3 { background-color:#fff; border:solid 1px #f79ea0; color:#ef3e42; }
.curriculum .cc-sel-item .item-in.cdi-ty-4 { background-color:#fff; border:dashed 1px #f79ea0; color:#ef3e42; }
.curriculum .cc-sel-item .item-in.cdi-ty-5 { background-color:#f7d7d7; border:solid 1px #f6a8aa; color:#b4313a; }
.curriculum .cc-sel-item .item-in.cdi-ty-6 { background-color:#fdebeb; border:solid 1px #f6a8aa; color:#b4313a; }
.curriculum .cc-sel-item .item-in.cdi-ty-7 { background-color:#fff9f9; border:dotted 1px #f8b7b8; color:#b4313a; }
.curriculum-flow { margin-top:100px; }
.curriculum-flow .cc-flow-wrap { position:relative; padding:50px 60px 60px; overflow:hidden; display:-webkit-box; display:-ms-flexbox; display:flex; border:dashed 1px #ddd; border-radius:3px; margin:60px 0;}
.curriculum-flow .logo-txt { display:block; font-size:20px; font-weight:bold; margin-bottom:29px; }
.curriculum-flow .i-cc-logo-4 { color:#03328d; }
.curriculum-flow .i-cc-logo-5 { color:#64a704; }
.curriculum-flow .i-cc-logo-6 { color:#ef3e42; }
.curriculum-flow .cc-flow { width:50%; float:left; text-align:center; }
.curriculum-flow .april-flow { background-color:#8bbd43;}
.curriculum-flow .april-flow-2 { background-color:#74b01e; }
.curriculum-flow .april-flow-3 { background-color:#64a704; }
.curriculum-flow .cdi-flow { background-color:#f36e71; border-radius:0 3px 0 0; }
.curriculum-flow .cdi-flow-2 { background-color:#f15255; }
.curriculum-flow .cdi-flow-3 { background-color:#ef3e42; border-radius:0 0 3px 0; }
.curriculum-flow .cc-flow-in { text-align:center; color:#fff; height:100px; 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; padding:0 5px; }
.curriculum-flow .cc-flow-subj { position:relative; border:solid 1px #303f50; border-radius:3px; font-size:20px; color:#303f50; font-weight:bold; height:80px; line-height:4; text-align:center; box-sizing:border-box; }
.curriculum-flow .cc-flow-subj::after { content:''; position:absolute; display:block; width:6px; height:6px; border-radius:100%; background:#303f50; left:50%; margin-left:-2px; bottom:-4px; }
.curriculum-flow .cc-flow-subj:last-child::after { top:-3px; }
.curriculum-flow .cc-flow-subj::before { content:''; position:absolute; display:block; width:1px; height:60px; border-left:dashed 1px #ddd; left:50%; bottom:-60px; }
.curriculum-flow .cc-flow-subj:last-child::before { top:-60px; }
.curriculum-flow .cc-flow-txt dd { margin-top:6px; }

.roadmap_con {}
.roadmap_con .tit_glo {margin-bottom: 24px;}
.roadmap_con .tit_glo span { color: #90C31F; }
.roadmap_con .txt_glo {margin-bottom: 46px;}
.roadmap_con .txt_glo span { color: #90C31F; }

@media screen and (max-width:767px){
  /* .roadmap_con { width: calc(100% + 28px); margin-left: -15px; } */
  .roadmap_con { width: 100%; }
}

/********************* location 이미지설정은 global.css *********************/
.location .location-available .detail li em {background-position:-82px 0;}

/********************* OVERVIEW *********************/
.overview { position:relative; }
.overview-tb { border-collapse:separate; margin-top:150px; }
.overview th, .overview td { padding:5px 0; }
.overview th { padding-right:5px; }
.overview td { border-bottom:dashed 1px #eee; line-height:1.72; text-align:center; }
.overview .first { padding-top:0; }
.overview .last { padding-bottom:0; }
.overview .ov-th-item { display:block; height:56px; border-radius:3px; text-align:center; box-sizing:border-box; line-height:4; font-weight:normal; }
.overview .ov-th-item.april-ty { background-color:#5f9f04; color:#fff; }
.overview .ov-th-item.april-ty-2 { background-color:#9dc95d; color:#fff; }
.overview .ov-th-item.april-ty-3 { border:dashed 1px #b1d381; color:#64a704; }
.overview .ov-th-item.april-ty-4 { background-color:#d6f1d3; border:solid 1px #9fbf73; color:#4b8503; }
.overview .ov-th-item.april-ty-5 { background-color:#f0fdeb; border:solid 1px #9fbf73; color:#4b8503; }
.overview .ov-th-item.april-ty-6 { background-color:#fafff9; border:dotted 1px #b0cb8c; color:#4b8503; }
.overview .point-line-t td { border-top:solid 1px #b6cf93; background:#fcfffb; }
.overview .point-line-b td { border-bottom:solid 1px #b6cf93; background:#fcfffb; }
.overview .point-line-t td:nth-of-type(1) { border-left:solid 1px #b6cf93; border-radius:5px 0 0 0; }
.overview .point-line-t td:nth-of-type(5){ border-right:solid 1px #b6cf93; border-radius:0 5px 0 0; }
.overview .point-line-b td:nth-of-type(1) { border-left:solid 1px #b6cf93; border-radius:0 0 0 5px; }
.overview .point-line-b td:nth-of-type(5) { border-right:solid 1px #b6cf93; border-radius:0 0 5px 0; }
.overview td.last { border-bottom:solid 1px #ddd; }
.overview .deco { position:relative; }
.overview .deco::after { content:''; position:absolute; display:block; background-position:0 0; width:189px; height:122px; bottom:48px; background:url("/resource/images/sub/cc-deco.png") 0 0 no-repeat; position:absolute; left:50%; margin-left:-94px; }
.overview .overview-des { position:absolute; bottom:100%; color:#64a704; text-align:right; margin-bottom:10px; right:0; }
.overview .amc-logo { display:inline-block; width:32px; margin:-2px 9px 0 0; vertical-align:middle; }
.overview .amc-logo img { width:100%; }
.overview .imgBox img {max-width:100%;}
.overview.mo-show .imgBox {margin-top:20px;}
.overview.mo-show .imgBox img {max-width:100%;}
.box-2 .def .dd-ets-logo { display:block; position:relative; padding-left:30px; }
.box-2 .def .ets-logo { position:absolute; left:0; display:inline-block; width:22px; margin-top:-2px; vertical-align:middle; }
.box-2 .def .ets-logo img { width:100%; }

/********************* 학습구성 *********************/
.component-fc { color:#afbd21; }
.component-fc span {color:#5d5d5d; margin-left:5px; display:inline-block; font-weight:400; font-size:.6em;}
.component-fc-2 { color:#ecc100; }
.component-fc-2 span {color:#5d5d5d; margin-left:5px; display:inline-block; font-weight:400; font-size:.6em;}
.component-fc-2 span em {display:inline-block; margin-left:5px; vertical-align:middle; background-color:#ecc100; color:#fff; font-size:1.2em; border-radius:50%; width:22px; height:22px; line-height:20px; text-align:center;}
.component-fc-3 { color:#f5aa9f; }
.component-effect .list::after { content:''; display:block; clear:both; }
.component-effect .list li { position:relative; z-index:2; float:left; width:24.5%; padding:0 4.4% 0 4.4%; }
.component-effect .list .text { position:relative; display:block; color:#fff; font-size:20px; line-height:1.4; font-weight:bold; text-align:center; padding-top:calc(100% - 24px); border:12px solid #fff; background:#005c9f; border-radius:100%; box-shadow: 0px 0px 0px 2px #005c9f; }
.component-effect .list .text .in { position:absolute; left:10px; right:10px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.component-effect .list .deco { position:absolute; left:50%; bottom:-17px; -webkit-transform:translateX(28px); transform:translateX(28px); }
.component-effect .list .ty .deco { left:auto; right:50%; -webkit-transform:translateX(-28px); transform:translateX(-28px); }
.component-effect .list .ty-2 .text { background:#ecc100; outline-color:#ecc100; box-shadow: 0px 0px 0px 2px #ecc100; }
.component-effect .list .ty-3 .text { background:#896546; outline-color:#896546; box-shadow: 0px 0px 0px 2px #896546; }
.component-effect .imgBox {text-align:center;}
.component-effect .imgBox img {max-width:100%;}
.component-effect .imgBox.mo-show img {}
.component-flow .imgBox {text-align:center; border-radius:15px; background-color:#f6f7e6; padding:40px 0;}
.component-flow .imgBox img {max-width:100%;}
.component-flow .imgBox.mo-show {padding:20px 0;}
.component-flow .imgBox.mo-show img {}
.component-flow .list, .component-cr-step { position:relative; font-size:16px; }
.component-flow .list::after { content:''; display:block; clear:both; }
.component-flow .list li { line-height:1.2; text-align:center; color:#005c9f; border:1px solid #005c9f; box-sizing:border-box; }
.component-flow .list li::before { content:''; position:absolute; }
.component-flow .list li::after { content:''; position:absolute; height:0; width:0; border:5px solid transparent; }
.component-flow .list .line { position:absolute; border:1px dashed #005c9f; border-radius:0; }
.component-flow .list .line::before { content:''; position:absolute; z-index:2; height:0; width:0; border:5px solid transparent; }
.component-flow .list .line::after { border:0; background:#fff; }
.component-flow .list li:nth-last-child(2)::before, .component-flow .list li:nth-last-child(2)::after { display:none; }
.component-cr-step::after { content:''; display:block; clear:both; }
.component-cr-step li { line-height:1.2; text-align:center; color:#b67800; border:1px solid #ecc100; box-sizing:border-box; }
.component-cr-step .imgBox {text-align:center;}
.component-cr-step .imgBox img {max-width:100%;}
.component-cr-step .imgBox.mo-show {padding:20px 0;}
.component-cr-step .imgBox.mo-show.side01 {margin:0 -10px;}
.component-cr-step .imgBox.mo-show.side02 {margin:0 -5px;}
.component-cr-step .imgBox.mo-show img {}
.component-cr-thumb { border:1px solid #eee; text-align:center; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; box-sizing:border-box;  }
.component-cr-thumb img { display:block; max-width:100%; margin:0 auto; }
.component-cr-thumb .text { display:block; margin-top:8px; color:#000; font-weight:bold; }
.component-cr-thumb li { box-sizing:border-box; }
.component-project { position:relative; background:#f5f5f5; color:#333; box-sizing:border-box; }
.component-project .text { box-sizing:border-box; }
.component-project .text .cat { display:inline-block; font-weight:bold; color:#fff; background:#f5aa9f; border-radius:35px; }
.component-project .text .subj { display:block; color:#f5aa9f; }
.component-project .bg { display:block; width:100%; height:145px; text-align:center; }
.component-project .bg span { display:block; width:100%; height:100%; padding:0 10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; box-sizing:border-box; }
.component-project .bg span:empty { display:none; }
.component-project .bg img { display:block; margin:0 auto; max-width:100%; max-height:100%; }
.component-project .slick-controls { position:absolute; left:50%; width:auto; bottom:-34px; display:-webkit-box; display:-ms-flexbox; display:flex; text-align:center; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
.component-project .slick-dots { display:block; width:auto; -ms-flex-order:2; -webkit-box-ordinal-group:3; order:2; }
.component-project .slick-play { display:block; position:relative; width:10px; height:10px; box-sizing:border-box; -ms-flex-order:1; -webkit-box-ordinal-group:2; order:1; margin-right:16px; margin-top:-1px; }
.component-project .slick-play.slick-pause::before { display:block; width:2px; height:10px; background-color:#000; border:0; }
.component-project .slick-play.slick-pause::after { content:''; position:absolute; left:7px; top:0; display:block; width:2px; height:10px; background-color:#000; border:0; }
.component-project .slick-play::after { display:none; }
.component-project .slick-play::before { content:''; position:absolute; left:2px; top:0; width: 0; display:inline-block; height: 0; border-left:8px solid #000; border-bottom:5px solid transparent; border-top:5px solid transparent; }
.component-project .slick-dots button { width:8px; height:8px; }
.component-project .slick-dots .slick-active button { background:#64a704; }

/********************* 프로그램 *********************/
.program-cont { display:none; margin-top:60px; }
.program-info { position:relative; }
.pro-title { position:absolute; top:0; left:0; width:300px; height:100%; border-radius:145px 28px; text-align:center; box-sizing:border-box; }
.pro-title::before { content:''; display:inline-block; width:0; height:100%; vertical-align:middle; }
.title-in { display:inline-block; font-size:56px; line-height:1; color:#fff; font-weight:bold; vertical-align:middle; }
.title-in.kor { font-size:48px; line-height:1.20; }
.title-in em { display:block; margin-top:28px; font-size:16px; color:#fff; opacity:.6; font-weight:normal; letter-spacing:0.04em; }
.pro-des { height:300px; padding:0 38px 0 340px; border-radius:145px 28px 28px 28px; box-sizing:border-box; }
.pro-des .pro-cate { display:block; padding-top:11.67%; font-size:18px; font-weight:bold; }
.pro-des .pro-txt { margin-top:12px; color:#000; line-height:1.71; }
.pro-des .pro-des-item { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:100px; border-top:1px dashed #ddd; color:#000; box-sizing:border-box; }
.pro-des-item:first-child { border-top:none; }
.pro-des-item .pro-cate { display:block; padding-top:0; min-width:80px; width:226px; -webkit-box-flex:0; -ms-flex:0 0 226px; flex:0 0 226px; }
.pro-des-item .pro-txt { width:72.32%; text-indent:-0.8em; margin:0 0 0 0.8em; box-sizing:border-box; }
.pro-des-item.al-start .pro-txt { font-size:12px; width:calc(83.73% - 110px); padding-right:110px; }
.pro-des-item .pro-txt::before { content:''; display:inline-block; width:3px; height:3px; margin:12px 9px 0 0; background-color:#111; vertical-align:top; border-radius:50%; }
.pro-des-item .pro-txt .add-des { display:block; margin-left:0; text-indent:0; font-size:12px; line-height:1.66; }
.pro-des-item .btn-t-3 { position:absolute; right:0; top:50%; margin-top:-18px; min-width:95px; }
.pro-des-item .btn-c-3 { background-color:#fff; }
.pro-des-item .pro-amc-logo { width:17px; margin-right:3px; }
.pro-des-item .amc-logo-txt { text-decoration:underline; font-weight:bold; }
/* tab color */
#program-1 .pro-title { background-color:#fbab3b; }
#program-1 .pro-des { background-color:#fffcf9; }
#program-1 .pro-des .pro-cate  { color:#fbab3b; }
#program-2 .pro-title { background-color:#229464; }
#program-2 .pro-des { background-color:#f8fcfa; }
#program-2 .pro-des .pro-cate  { color:#229464; }
#program-3 .pro-title { background-color:#f06c33; }
#program-3 .pro-des { background-color:#fffaf9; }
#program-3 .pro-des .pro-cate  { color:#f06c33; }
#program-4 .pro-title { background-color:#4c8ebf; }
#program-4 .pro-des { background-color:#f9fbfd; }
#program-4 .pro-des .pro-cate  { color:#4c8ebf; }
#program-5 .pro-title { background-color:#366f5b; }
#program-5 .pro-des { background-color:#f9fafa; }
#program-5 .pro-des .pro-cate  { color:#366f5b; }
#program-6 .pro-title { background-color:#64a704; }
#program-6 .pro-des { background-color:#fafcf7; }
#program-6 .pro-des .pro-cate  { color:#64a704; }
.program-detail-wrap { margin-top:20px; border:1px solid #ddd; border-radius:26px; overflow:hidden; }
.program-detail-wrap .def dd { line-height:1.71; }
.program-detail { position:relative; padding:0 38px 0 340px; }
.pro-detail-img { position:absolute; }
#program-1 .pro-detail-img { left:33px; top:59px; }
#program-2 .pro-detail-img { left:42px; bottom:26px; }
#program-3 .pro-detail-img { left:28px; bottom:30px; }
#program-4 .pro-detail-img { left:33px; bottom:33px; }
#program-5 .pro-detail-img { left:33px; bottom:35px; }
.pro-detail-item { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:33px 0 29px; border-top:1px dashed #ddd; color:#000; box-sizing:border-box; }
.pro-detail-img  + .pro-detail-item { border-top:none; }
.pro-detail-title { display:block; width:214px; -webkit-box-flex:0; -ms-flex:0 0 226px; flex:0 0 226px; font-size:18px; font-weight:bold; }
.pro-detail-txt { width:calc(100% - 226px); text-indent:-0.8em; margin:0 0 0 0.8em; line-height:1.71; }
.pro-detail-txt li::before { content:''; display:inline-block; width:3px; height:3px; margin:11px 9px 0 0; background-color:#111; vertical-align:top; border-radius:3px; }
.pro-detail-txt li + li { margin-top:8px; }
.program-txtbook { margin-top:17px; padding:5% 0 4%; background-color:#f8f8f8; box-sizing:border-box; }
.pro-txtbook-list { width:81.666%; margin:0 auto; 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; }
.pro-txtbook-list li { width:29.39%; text-align:center; vertical-align:top; }
.pro-txtbook-item { margin:0; }
.pro-txtbook-item .txtbook-img { max-width:286px; width:100%; box-shadow:-6px 8px 15px -8px rgba(0,0,0,0.5); }
.pro-txtbook-item .txtbook-txt { margin-top:29px; font-weight:bold; color:#000; line-height:1.71; }
.pro-txtbook-list.txtbook-4 { width:89.666%; }
.pro-txtbook-list.txtbook-4 li { width:25%; }
.pro-txtbook-list.txtbook-4 .pro-txtbook-item .txtbook-img { max-width:230px; }
.program-aic-wrap { margin:60px 0 100px; }
.pro-aic-diagram { position:relative; width:790px; margin:0 auto; 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; -webkit-box-align:center; -ms-flex-align:center; align-items:center; text-align:center; }
.pro-aic-diagram::before { content:''; position:absolute; top:40px; left:50%; margin-left:-281px; display:inline-block; width:562px; height:562px; border:1px dashed #dfdfdf; border-radius:50%; box-sizing:border-box; }
.aic-diagram-title { -webkit-box-flex:1; -ms-flex:1 0 100%; flex:1 0 100%; height:84px; }
.aic-diagram-title::before { content:''; display:inline-block; width:0; height:100%; vertical-align:middle; }
.aic-diagram-title .txt-in { position:relative; display:inline-block; width:229px; padding:14px 0; border-radius:84px; border:1px dashed #dfdfdf; font-size:28px; font-weight:bold; color:#64a704; vertical-align:middle; background-color:#fff; z-index:2; }
.aic-diagram-title .txt-in .title-des { display:block; margin-top:-5px; font-weight:normal; font-size:14px; color:#666; }
.aic-diagram-title .txt-in .title-des strong { color:#64a704; }
.aic-diagram-txt { position:relative; }
.aic-diagram-txt .title-box { display:inline-block; width:172px; height:172px; margin:10px; border-radius:50%; background-color:#64a704; color:#fff; vertical-align:middle; }
.aic-diagram-txt .title-box::before, .aic-diagram-txt.point::before { content:''; display:inline-block; width:0; height:100%; vertical-align:middle; }
.aic-diagram-txt .title-box::after { content:''; position:absolute; top:0; left:0; display:inline-block; width:192px; height:192px; border:1px solid #a2ca68; border-radius:50%; box-sizing:border-box; }
.aic-diagram-txt .title-box .txt-in { display:inline-block; font-size:24px; vertical-align:middle; }
.aic-diagram-txt .title-box .txt-in em { display:block; font-family:"Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size:14px; font-weight:bold; }
.aic-diagram-txt.point { margin:67px 32px 25px; width:260px; height:260px; font-size:24px; background-color:#fff; color:#000; font-weight:bold; border-radius:50%; border:40px solid #eff6e5; }
.aic-diagram-txt.point::after { display:none; }
.aic-diagram-list { position:absolute; text-align:left; }
.aic-diagram-list li { text-indent:-0.8em; margin-left:0.8em; line-height:1.75; color:#333; min-width:110px; }
.aic-diagram-list li::before { content:''; display:inline-block; width:3px; height:3px; margin:11px 9px 0 0; background-color:#333; vertical-align:top; border-radius:1px; }
.aic-diagram-txt:nth-last-child(4) .aic-diagram-list { top:57px; right:224px; }
.aic-diagram-txt:nth-last-child(2) .aic-diagram-list { top:57px; left:224px; }
.aic-diagram-txt:nth-last-child(1) .aic-diagram-list { overflow:hidden; margin-top:28px; }
.aic-diagram-txt:nth-last-child(1) .aic-diagram-list li { float:left; min-width:70px; }
.aic-diagram-txt:nth-last-child(1) .aic-diagram-list li:nth-child(even) { float:right; }

/********************* 학습시스템 *********************/
.sy-topSpace {margin-top:8px;}
.system-smart-list { margin-top:36px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:start; }
.smart-list-item { margin:0; text-align:center; width:212px; -ms-flex-preferred-size:212px; flex-basis:212px; margin-right:30px;}
.smart-list-item .smart-img { width:100%; }
.smart-list-item .smart-txt { margin-top:18px; color:#000; }
.system-smart-img-list { margin-top:36px;}
.system-smart-img-list .imgBox {display:block; text-align:center; width:100%;}
.system-smart-img-list .imgBox img {max-width:100%;}
.system-smart-list .imgBox {display:block; text-align:center; width:100%;}
.system-smart-list .imgBox img {max-width:100%;}
.system-smart-list .imgBox.mo-show {padding:20px 0;}
.system-gate { position:relative; margin:8.66% auto 80px; padding:59px 60px 80px; box-sizing:border-box; }
.system-gate::before { content:''; position:absolute; right:25px; top:-30px; display:inline-block; width:604px; height:346px; background:url("/april/resource/images/sub/system-bg.png") no-repeat 0 0; background-size:100% 100%; }
.system-gate .g-title-txt-3 { max-width:350px; line-height:1.71; }
.system-ico-wrap { margin-top:10.46%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
.system-ico-list { position:relative; width:44.66%; -ms-flex-preferred-size:44.66%; flex-basis:44.66%; }
.system-ico-list:nth-child(2):before { content:''; display:inline-block; position:absolute; top:0; left:-14%; width:1px; height:100%; background-color:#eee; }
.system-ico-item { position:relative; color:#000; margin-top:20px; }
.system-ico-item:first-child { margin-top:0; }
.system-ico-item::before { content:''; display:inline-block; width:80px; height:80px; background:url("/april/resource/images/sub/sprite-system.png") no-repeat 0 0; vertical-align:middle; }
.system-ico-item.ico1-2::before { background-position:-90px 0; }
.system-ico-item.ico1-3::before { background-position:-180px 0; }
.system-ico-item.ico2-1::before { background-position:0 -90px; }
.system-ico-item.ico2-2::before { background-position:-90px -90px; }
.system-ico-item.ico2-3::before { background-position:-180px -90px; }
.system-ico-item.ico2-4::before { background-position:-270px -90px; }
.system-ico-info { display:inline-block; width:calc(100% - 100px); vertical-align:middle; margin-left:15px; line-height:1.71; }
.system-ico-title { display:block; font-weight:bold; }
.system-creat-list { margin:0 40px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
.smart-creat-item { width:48.22%; -ms-flex-preferred-size:48.22%; flex-basis:48.22%; }
.smart-creat-item .creat-thumb { display:block; }
.smart-creat-item .creat-thumb img { width:100%; }
.smart-creat-item .creat-info { padding:26px 40px 0; }
.creat-info .creat-title { display:block; font-weight:bold; font-size:24px; color:#000; }
.creat-info .creat-txt { position:relative; margin-top:15px; padding-left:53px; color:#000; line-height:1.71; }
.creat-info .creat-txt::before { content:''; position:absolute; top:7px; left:0; display:inline-block; width:36px; height:1px; background-color:#000; }
.creat-info .creat-btn { margin:19px 0 0 53px; min-width:194px; }



.section-6 { background: #fafafa; }
.section-6-in {max-width:1200px; margin:0 auto;padding-left: 40px; padding-right: 40px;    overflow: hidden;padding-bottom: 100px;}
.section-6 .tit_glo span { color: #90C31F; }
.section-6 .bg_img {}

.learning-system { padding:0 0 0px; }
.learning-system .diagram {display:flex; justify-content:center; margin:101px 0 0px;}
.learning-system .diagram div {flex:0 0 1;}
.learning-system .diagram div ul {margin-top:232px; padding:0 10px;color:#000;}
.learning-system .diagram div ul li {text-align:left;white-space: nowrap;}
.learning-system .diagram .Blended-Learning {padding:0 40px;}
.learning-system .diagram .Blended-Learning img {width: 256px;}
.learning-system .diagram .c-Learning {width:310px; background:url("../images/main/system-c-Learning.png") no-repeat center 0px/ 204px auto;}
.learning-system .diagram .i-Learning {width:310px; background:url("../images/main/system-i-Learning.png") no-repeat center 0px/ 204px auto;;}



.section-7 .tit_glo { margin-bottom: 24px; }
.section-7 .tit_glo span { color: #90C31F; }
.section-7-in {max-width:1200px; margin:0 auto;padding-left: 40px; padding-right: 40px;    overflow: hidden;padding-bottom: 100px;}

.section-8 { background: #fafafa; }
.section-8 .tit_glo { margin-bottom: 24px; }
.section-8 .txt_glo  {margin-bottom: 79px;}
.section-8-in {max-width:1200px; margin:0 auto;padding-left: 40px; padding-right: 40px;    overflow: hidden;padding-bottom: 100px;padding-top: 100px;}

.section-9 { }
.section-9 .tit_glo { margin-bottom: 24px; }
.section-9 .txt_glo  {margin-bottom: 79px;}
.section-9-in {max-width:1200px; margin:0 auto;padding-left: 40px; padding-right: 40px;    overflow: hidden;padding-bottom: 150px;}

.bg_img1024 { max-width: 1024px; margin: 0 auto;}
.bg_img1024 img { width:100%; }

@media print, all and (min-width:768px) and (max-width:1100px) {
  .curriculum-2 { padding:0 5px; }
  .curriculum-2 .cc-sel-col-3-in { border-width:0 5px; }
}
@media print, all and (min-width:768px) and (max-width:1020px) {
  .curriculum-scroll { width:100%; }
  .curriculum-scroll .curriculum { width:1000px; }
}

@media print, all and (max-width:1024px) {
  .pro-des-item .pro-amc-logo { display:none; }
  .pro-des-item .amc-logo-txt { text-decoration:none; }
}

@media all and (min-width:921px) and (max-width:1060px) {
  .system-gate::before { width:485px; height:278px; }
}

@media print, all and (max-width:920px) {
  .system-gate::before { position:relative; top:0; right:0; display:block; width:50.33%; height:auto; padding-top:28.86%; margin:-80px auto 0; background-position:center 0; }
  .system-gate .g-title-txt-3 { max-width:100%; }
  .smart-creat-item .creat-info { padding:0; margin-top:11px; }
  .creat-info .creat-txt { margin-top:4px; padding-left:0; font-size:13px; line-height:1.46; }
  .creat-info .creat-txt::before { display:none; }
  .creat-info .creat-btn { margin:9px 0 0 0; }
}

@media print, all and (min-width:768px) and (max-width:1040px) {
  .program-detail { padding:0 38px 0 30%; }
  .pro-detail-img { width:25%; }
  .pro-detail-img img { width:100%; }
  #program-1 .pro-detail-img, #program-2 .pro-detail-img, #program-3 .pro-detail-img, #program-4 .pro-detail-img, #program-5 .pro-detail-img { left:10px; }
  .pro-detail-title { width:190px; -webkit-box-flex:0; -ms-flex:0 0 190px; flex:0 0 190px; font-size:15px; }
  .pro-detail-txt { width:calc(100% - 190px); }
  .pro-detail-txt li { font-size:13px; }
  .pro-title { width:27%; }
  .pro-title .title-in { font-size:34px; }
  .title-in.fz-2 { font-size:30px; }
  .pro-des-item .pro-cate { width:190px; -webkit-box-flex:0; -ms-flex:0 0 190px; flex:0 0 190px; font-size:15px; }
  .pro-des { padding:0 38px 0 30%; }
  .pro-des-item .pro-txt { font-size:13px; }
  .pro-des-item.al-start .pro-txt { font-size:12px; width:calc(72.32% - 77px); padding-right:77px; }
  .pro-des-item .pro-txt .add-des { font-size:11px; }
  .pro-des-item .btn-t-3 { min-width:70px; padding:0; }
}

@media print, all and (min-width:768px) and (max-width:1280px) {
  .pro-txtbook-list.txtbook-4 { width:57.44%; }
  .pro-txtbook-list.txtbook-4 li { width:44.65%; }
  .pro-txtbook-list.txtbook-4 li:nth-child(n+3) { margin-top:43px; }
}

@media print, all and (max-width:1140px) {
  .aic-diagram-txt:nth-last-child(4) .aic-diagram-list { top:auto; right:auto; left:38px; margin-top:28px; }
  .aic-diagram-txt:nth-last-child(2) .aic-diagram-list { top:auto; left:57px; margin-top:28px; }
}
@media print, all and (min-width:768px) and (max-width:1024px) {
  .program-aic-wrap { margin-top:47px; }
  .pro-aic-diagram { width:680px; }
  .pro-aic-diagram::before { width:440px; height:440px; margin-left:-220px; }

  .aic-diagram-title { height:80px; }
  .aic-diagram-title .txt-in { width:180px; padding:9px 0; border-radius:80px; font-size:23px; }
  .aic-diagram-title .txt-in .title-des { font-size:13px; }
  .aic-diagram-txt .title-box { width:164px; height:164px; margin:10px; }
  .aic-diagram-txt .title-box::after { width:184px; height:184px; }
  .aic-diagram-txt .title-box .txt-in { font-size:20px; }
  .aic-diagram-txt .title-box .txt-in em { font-size:14px; }
  .aic-diagram-txt.point { margin:53px 20px 25px; width:204px; height:204px; font-size:24px; border:32px solid #eff6e5; }
  .aic-diagram-txt:nth-last-child(4) .aic-diagram-list { margin-top:18px; }
  .aic-diagram-txt:nth-last-child(2) .aic-diagram-list { margin-top:18px; }
  .aic-diagram-txt:nth-last-child(1) .aic-diagram-list { margin-top:18px; }
}

@media print, all and (min-width:768px) {
  .component-effect { position:relative; margin:62px 0 62px;}
  .component-effect .line { position:absolute; left:0; right:0; top:50%; height:1px; background:#eee; }
  .component-effect .line::after { content:''; position:absolute; left:0; top:50%; height:5px; width:5px; background:#eee; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
  .component-effect .line::before { content:''; position:absolute; right:0; top:50%; height:5px; width:5px; background:#eee; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
  .component-effect .list .ty-2::before,
  .component-effect .list .ty-3::before { content:''; position:absolute; width:27px; height:27px; left:0; top:50%; -webkit-transform:translate(-13.5px, -50%); -ms-transform:translate(-13.5px, -50%); transform:translate(-13.5px, -50%); background:url("/april/resource/images/sub/component-deco-4.png") right 0 no-repeat; }
  .component-flow { margin:44px 0 44px;}
  .component-flow .list li { position:relative; float:left; width:29.33%; padding:26px 0 27px; margin-left:6%; border-radius:6px; }
  .component-flow .list li:first-child { margin-left:0; }
  .component-flow .list li::before { left:100%; top:50%; height:0; width:calc(20.45454545454545% - 20px); border-top:1px dashed #005c9f; }
  .component-flow .list li::after { left:100%; margin:-4.5px 0 0 calc(20.45454545454545% - 20px); top:50%; border-left-color:#005c9f; }
  .component-flow .list .line { left:50%; top:100%; height:45px; width:70.66%; margin:0; border-top:0; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
  .component-flow .list .line::before { left:-5px; top:11px; margin:0; border-bottom-color:#005c9f; }
  .component-flow .list .line::after { left:-3px; top:0; width:5px; height:21px; margin:0; }

  .component-cr-step { margin-top:-35px; }
  .component-cr-step.up {margin-top:-60px;}
  .component-cr-step li { position:relative; float:left; width:20.5%; padding:26px 0 27px; margin-left:6%; border-radius:6px; box-sizing:border-box; }
  .component-cr-step li:first-child { margin-left:0; }
  .component-cr-step li::before { content:''; position:absolute; left:100%; top:50%; height:0; width:calc(29.26829268292683% - 20px); border-top:1px dashed #ecc100; }
  .component-cr-step li::after { content:''; position:absolute; left:100%; margin:-4.5px 0 0 calc(29.26829268292683% - 20px); top:50%; height:0; width:0; border:5px solid transparent; border-left-color:#ecc100; }
  .component-cr-step li:last-child::before, .component-cr-step li:last-child::after { display:none; }
  .component-cr-thumb { padding:28px 12px; margin:48px 0 92px 0; }
  .component-cr-thumb > li { width:20%; padding:0 15px; }
  .component-project { margin-top:34px; margin-bottom:34px; }
  .component-project .slide { position:relative; height:440px; }
  .component-project .text { max-width:50%; padding:75px 0 0 6.38%; line-height:1.714285714285714; }
  .component-project .text .cat { margin:0 0 18px; padding:0 14px; font-size:14px; line-height:2.142857142857143; }
  .component-project .text .subj { margin:0 0 25px; font-size:42px; line-height:1.119047619047619; }
  .component-project .bg { position:absolute; top:0; right:0; height:100%; width:54.14893617021277%; }
  .component-project .bg span { padding:0; }
  .component-project .bg img { margin:0 0 0 auto; }

  .overview td { border-right:dashed 1px #eee; }
  .overview th.line-b { border-bottom:dashed 1px #eee; }
  .overview td:last-child { border-right:none; }
}
@media print, all and (min-width:768px) and (max-width:1040px) {
  .component-effect .list .text { font-size:18px; }
  .component-effect .list .deco { zoom:0.8; }
  .component-project .text { padding-top:35px; }
}
@media print, all and (min-width:768px) and (max-width:1280px) {
  .component-effect { padding:0 11px; }
  .component-effect .list li { width:calc(33.33% - 50px); padding:0 25px 0 25px; }
}
@media screen and (max-width:767px){
  .tit-h36 {display: none;}
  .location .location-available .detail li em {background-position:-41px 0;}
  
  .overview .v-onInfo {margin-top:30px; font-size:13px; text-indent:-1em; margin-left:1em; color:#000;}
  .overview-tb { margin-top:14px; }
  .overview th { padding-right:5px; position:relative; }
  .overview td { padding:10px 0 10px; }
  .overview th.first .ov-th-item { top:0; display:block; }
  .overview .first { padding-top:10px; }
  .overview .last { padding-bottom:10px; }
  .overview td.first { border-top:solid 1px #b6cf93; border-left:solid 1px #b6cf93; border-right:solid 1px #b6cf93; border-radius:3px 3px 0 0; background:#fcfffb; }
  .overview .ing { border-left:solid 1px #b6cf93; border-right:solid 1px #b6cf93; background:#fcfffb; }
  .overview td.last { border:solid 1px #b6cf93; border-width:0 1px 1px 1px; border-radius:0 0 3px 3px; background:#fcfffb; }
  .overview th { line-height:1.2; }
  .overview .ov-th-item, .overview th.first .ov-th-item { padding:0; height:auto; display:inline; position:static; line-height:1.2; }
  .overview th.first .ov-th-item { display:inline-block; padding-bottom:10px; }
  .overview th.april-ty { background-color:#5f9f04 !important; color:#fff; }
  .overview th.april-ty-2 { background-color:#9dc95d !important; color:#fff; }
  .overview th.april-ty-3 { color:#64a704; }
  .overview th.april-ty.first, .overview th.april-ty-2.first {
    background: url(/april/resource/images/sub/overview-line-rt-2.png) right top no-repeat, url(/april/resource/images/sub/overview-line-rb.png) right bottom no-repeat, url(/april/resource/images/sub/overview-line-lt-2.png) left top no-repeat, url(/april/resource/images/sub/overview-line-lb.png) left bottom no-repeat, url(/april/resource/images/sub/overview-line-rm.png) right center repeat-y; background-size:auto 8px;
  }
  .overview th.april-ty, .overview th.april-ty-2 {
    background: url(/april/resource/images/sub/overview-line-rt.png) right top no-repeat, url(/april/resource/images/sub/overview-line-rb.png) right bottom no-repeat, url(/april/resource/images/sub/overview-line-lt.png) left top no-repeat, url(/april/resource/images/sub/overview-line-lb.png) left bottom no-repeat, url(/april/resource/images/sub/overview-line-rm.png) right center repeat-y; background-size:auto 8px;
  }
  .overview th.april-ty-3 {
    background: url(/april/resource/images/sub/overview-line-2-rt.png) right top no-repeat, url(/april/resource/images/sub/overview-line-2-rb.png) right bottom no-repeat, url(/april/resource/images/sub/overview-line-2-lt.png) left top no-repeat, url(/april/resource/images/sub/overview-line-2-lb.png) left bottom no-repeat, url(/april/resource/images/sub/overview-line-2-rm.png) right center repeat-y, url(/april/resource/images/sub/overview-line-2-lm.png) left center repeat-y; background-size:auto 8px;
  }
  .overview th.april-ty-3.last {
    background: url(/april/resource/images/sub/overview-line-2-rt.png) right top no-repeat, url(/april/resource/images/sub/overview-line-2-rb-2.png) right bottom no-repeat, url(/april/resource/images/sub/overview-line-2-lt.png) left top no-repeat, url(/april/resource/images/sub/overview-line-2-lb-2.png) left bottom no-repeat, url(/april/resource/images/sub/overview-line-2-rm.png) right center repeat-y, url(/april/resource/images/sub/overview-line-2-lm.png) left center repeat-y; background-size:auto 8px;
  }
  .overview .deco::after { display:none; }
  .overview .overview-des { top:0; text-align:right; right:0; }
  .overview .amc-logo { width:16px; margin:-2px 4px 0 0; vertical-align:middle; }
  .box-2 .def .dd-ets-logo { padding-left:26px; }
  .box-2 .def .ets-logo { width:20px; margin-top:-2px; }

  .program-cont { margin-top:30px; }
  .pro-title { width:100%; height:140px; border-radius:68px 14px; }
  .title-in { font-size:40px; }
  .title-in.kor, .title-in.fz-2 { font-size:30px; }
  .title-in em { margin-top:10px; font-size:14px; }
  .pro-des { height:100%; padding:140px 20px 20px; border-radius:68px 14px 14px 14px; }
  .pro-des .pro-cate { padding-top:20px; font-size:14px; }
  .pro-des .pro-txt { margin-top:12px; line-height:1.41; }
  .pro-des .pro-des-item { position:relative; height:auto; padding:17px 0; }
  .pro-des .pro-des-item:first-child { padding:22px 0 17px; }
  .pro-des .pro-des-item:last-child { padding-bottom:0; }
  .pro-des .pro-des-item.al-start { -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; }
  .pro-des-item .pro-cate { padding-top:0; width:62px; -webkit-box-flex:0; -ms-flex:0 0 62px; flex:0 0 62px; margin-right:10px; }
  .pro-des-item .pro-txt { margin-top:0; padding-right:0; }
  .pro-des-item.al-start .pro-txt { width:calc(100% - 80px); padding-right:0; }
  .pro-des-item .pro-txt::before { width:2px; height:2px; margin:5px 7px 0 0; padding-right:0; }
  .pro-des-item .pro-txt .add-des { font-size:12px; line-height:1.41; margin:11px 0 40px -80px; text-align:center; }
  .pro-des-item .btn-t-3 { position:absolute; left:50%; right:auto; top:auto; bottom:5.81%; min-width:66px; margin-top:0; margin-left:-33px; }

  .amc-list-wrap { max-width:280px; margin:20px auto 0; }
  .amc-list-wrap::before { top:8px; left:24px; width:233px; height:233px; border:1px dashed #c1dc9b; border-radius:50%; }
  .amc-list { -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; }
  .amc-list .amc-logo { width:100%; text-align:center; margin-top:-15px; }
  .amc-list .amc-logo img { width:93px; }
  .amc-list .amc-item { width:90px; max-width:90px; height:90px; }
  .amc-list .amc-item:nth-child(odd) { margin-left:auto; }
  .amc-list .amc-item:nth-child(even) { margin-right:auto; }

  .program-detail { padding:0 20px; }
  .pro-detail-item { display:block; padding:20px 0; }
  .pro-detail-title { width:100%; font-size:14px; line-height:1.28; }
  .pro-detail-txt { width:100%; margin-top:9px; line-height:1.41; }
  .pro-detail-txt li + li { margin-top:6px; }
  .pro-detail-txt li::before { width:2px; height:2px; margin:5px 7px 0 0; }

  .program-txtbook { margin-top:10px; padding:4px 0 24px; }
  .pro-txtbook-list { max-width:270px !important; }
  .pro-txtbook-list li { width:44.65% !important; margin-top:20px; }
  .pro-txtbook-item .txtbook-img { max-width:115px !important; }
  .pro-txtbook-item .txtbook-txt { margin-top:10px; line-height:1.41; }

  .program-aic-wrap { margin:40px 0 0; }
  .pro-aic-diagram { width:286px; }
  .pro-aic-diagram::before { top:32px; width:186px; height:186px; margin-left:-93px; }
  .aic-diagram-title { height:47px; }
  .aic-diagram-title .txt-in { width:150px; padding:8px 0; border-radius:47px; font-size:16px; }
  .aic-diagram-title .txt-in .title-des { font-size:11px; }
  .aic-diagram-txt .title-box { width:79px; height:79px; margin:5px; }
  .aic-diagram-txt .title-box::after { width:89px; height:89px; }
  .aic-diagram-txt .title-box .txt-in { font-size:15px; }
  .aic-diagram-txt .title-box .txt-in em { font-size:11px; }
  .aic-diagram-txt.point { margin:33px 8px 15px; width:73px; height:73px; font-size:12px; border:9px solid #eff6e5; }
  .aic-diagram-list { display:none; }
  .pro-aic-txt { margin:29px 0 0 12px; }
  .pro-aic-txt .aic-txt-info { overflow:hidden; margin-top:20px; }
  .pro-aic-txt .aic-txt-info:first-child { margin-top:0; }
  .aic-txt-info .aic-txt-title { float:left; width:64px; font-size:13px; font-weight:bold; font-family:"Apple SD Gothic Neo", "Malgun Gothic", sans-serif; color:#000; }
  .aic-txt-info .aic-txt-list { float:left; }
  .aic-txt-info .aic-txt-list + .aic-txt-list { margin-left:27px; }
  .aic-txt-info .aic-txt-list li { color:#333; margin-top:7px; }
  .aic-txt-info .aic-txt-list li:first-child { margin-top:0; }
  .aic-txt-info .aic-txt-list li::before { content:''; display:inline-block; width:2px; height:2px; margin:7px 5px 0 0; background-color:#666; border-radius:50%; vertical-align:top; }

  .component-effect {position:relative; padding:2px; margin:21px auto -3px; }
  .component-effect .line { position:absolute; left:50%; top:50%; width:72.8%; height:72.8%; border:1px solid #eee; border-radius:100%;  -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translateY(-50%, -50%); }
  .component-effect .list { position:relative; margin:0 auto; padding:50% 0 0; }
  .component-effect .list li { width:123px; padding:0; box-sizing:border-box; }
  .component-effect .list li.ty { position:absolute; left:50%; top:0; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
  .component-effect .list li.ty-3 { float:right; }
  .component-effect .list .text { padding-top:calc(100% - 10px); border-width:5px; font-size:15px; }
  .component-effect .list .ty::before,
  .component-effect .list .ty-2::before,
  .component-effect .list .ty-3::before { content:''; position:absolute; width:19px; height:19px; top:-42%; background:url("/april/resource/images/sub/component-deco-4.png") 0 0 no-repeat; background-size:35px 19px; }
  .component-effect .list .ty::before { left:50%; top:200%; -webkit-transform:translate(-9.5px , -27px); -ms-transform:translate(-9.5px , -27px); transform:translate(-9.5px , -27px); }
  .component-effect .list .ty-2::before { right:50%; -webkit-transform:translateX(-10px); transform:translateX(-10px); }
  .component-effect .list .ty-3::before { left:50%; -webkit-transform:translateX(10px); transform:translateX(10px); }
  .component-flow {margin-top:21px;}
  .component-flow .list { margin:17px 0 24px; font-size:13px; }
  .component-flow .list { margin-right:18px; }
  .component-flow .list li { position:relative; margin:25px 0 0; padding:14px 0; border-radius:3px; }
  .component-flow .list li:first-child { margin-top:0; }
  .component-flow .list li::before { left:50%; top:100%; height:13px; border-left:1px dashed #005c9f; }
  .component-flow .list li::after { left:50%; margin:13px 0 0 -4.5px; top:100%; border-top-color:#005c9f; }
  .component-flow .list .line { content:''; left:100%; bottom:22.5px; height:141px; width:18px; border-left:0; }
  .component-flow .list .line::before { left:0; top:-5px; margin:0; border-right-color:#005c9f; }
  .component-flow .list .line::after { left:0; top:-5px; margin:0; width:10px; height:5px; }
  .component-cr-step { margin:-8px 0 24px; font-size:13px; }
  .component-cr-step li { position:relative; float:left; width:calc(50% - 12px); position:relative; margin:25px 0 0; padding:14px 0; border-radius:3px; }
  .component-cr-step li:nth-child(2), .component-cr-step li:nth-child(3) { float:right; }
  .component-cr-step li::before { content:''; position:absolute; height:0; width:0; border:0 dashed #ecc100; }
  .component-cr-step li::after { content:''; position:absolute; height:0; width:0; border:5px solid transparent; }
  .component-cr-step li:nth-child(1)::before { left:100%; top:50%; width:13px; border-top-width:1px; }
  .component-cr-step li:nth-child(1)::after { left:100%; top:50%; margin:-3.5px 0 0 13px; border-left-color:#ecc100; }
  .component-cr-step li:nth-child(2)::before { left:50%; top:100%; height:13px; border-left-width:1px; }
  .component-cr-step li:nth-child(2)::after { left:50%; top:100%; margin:13px 0 0 -4.5px; border-top-color:#ecc100; }
  .component-cr-step li:nth-child(3)::before { right:100%; top:50%; width:13px; border-top-width:1px; }
  .component-cr-step li:nth-child(3)::after { right:100%; top:50%; margin:-3.5px 13px 0 0; border-right-color:#ecc100; }
  .component-cr-step li:nth-child(4)::before, .component-cr-step li:nth-child(4)::after { display:none; }
  .component-cr-thumb { padding:12px 12px; }
  .component-cr-thumb > li { width:50%; padding:5px; }
  .component-cr-thumb .text { margin-top:8px; }
  .component-project { margin-top:14px; margin-bottom:24px; text-align:center; }
  .component-project .slide { height:430px; }
  .component-project .text { height:285px; padding:20px 5px; font-size:13px; color:#000; line-height:1.53; }
  .component-project .text .cat { margin:0 0 8px; padding:0 9px; font-size:12px; line-height:2.041666666666667; }
  .component-project .text .subj { margin:0 0 18px; font-size:28px; line-height:1.178571428571429; }
  .component-project .bg { height:145px; }
  .component-project .slick-controls { bottom:-24px; }

  .roadmap-mo { text-align:center; margin-top:30px; }
  .roadmap-sub-txt { font-size:13px; font-weight:bold; margin-top:0; }
  .roadmap-mo img { display:block; margin:0 auto; width:100%; height:auto; }
  .roadmap-V-on {height:auto; margin-top:20px; margin-bottom:-20px; text-align:right;}
  .roadmap-V-on span {position:relative; background-color:#f8844b; color:#fff; font-size:13px; padding:3px 10px 3px 15px; border-radius:15em;}
  .roadmap-V-on span:before {content:'*'; background-color:transparent; border:0px; border-radius:0; position:absolute; left:-3px; top:1px;}

  .system-smart-list { -ms-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-around; margin-top:0px; width:100%;}
  .smart-list-item { margin-top:12px; width:47.5%; -ms-flex-preferred-size:47.5%; flex-basis:47.5%; margin-right:0;}
  .smart-list-item .smart-txt { margin-top:9px; font-weight:bold; }
  .system-smart-img-list {margin-top:20px;}
  .system-gate { margin:54px 20px 40px; padding:54px 0 40px; }
  .system-gate::before { width:242px; height:139px; padding-top:0; margin:-70px auto 9px; }
  .system-ico-wrap { margin-top:21px; -ms-flex-wrap:wrap; flex-wrap:wrap; }
  .system-ico-list { width:100%; -ms-flex-preferred-size:100%; flex-basis:100%; }
  .system-ico-list:nth-child(2) { margin-top:60px; }
  .system-ico-list:nth-child(2):before { top:-30px; left:0; width:100%; height:1px; }
  .system-ico-item { margin-top:9px; font-family:"Apple SD Gothic Neo", "Malgun Gothic", sans-serif; }
  .system-ico-item::before { width:60px; height:60px; background:url("/april/resource/images/sub/sprite-system-mo.png") no-repeat 0 0; background-size:255px 125px; }
  .system-ico-item.ico1-2::before { background-position:-65px 0; }
  .system-ico-item.ico1-3::before { background-position:-130px 0; }
  .system-ico-item.ico2-1::before { background-position:0 -65px; }
  .system-ico-item.ico2-2::before { background-position:-65px -65px; }
  .system-ico-item.ico2-3::before { background-position:-130px -65px; }
  .system-ico-item.ico2-4::before { background-position:-195px -65px; }
  .system-creat-list { margin:40px 0; -ms-flex-wrap:wrap; flex-wrap:wrap; }
  .smart-creat-item { width:100%; -ms-flex-preferred-size:100%; flex-basis:100%; }
  .smart-creat-item + .smart-creat-item { margin-top:37px; }
  .system-ico-info { font-size:13px; line-height:1.46; font-family:"Apple SD Gothic Neo", "Malgun Gothic", sans-serif; }
  .creat-info .creat-title { font-size:16px; }
  .creat-info .creat-btn { min-width:144px; }

  .section-6-in {margin-left: 0px; margin-right: 0px;padding-bottom: 40px;padding-left: 20px; padding-right: 20px;}
  .section-6 .tit_glo {margin-top: 35px;}
  
  .learning-system .diagram {flex-wrap: wrap;flex-direction: column;align-items: center;}
  .learning-system .diagram div ul {max-width: 322px; margin: 0 auto;margin-top: 138px;}
  .learning-system .diagram div ul li {font-size: 12px;}
  .learning-system .diagram .Blended-Learning img {margin-top: 32px;width:152px;}
  .learning-system .diagram .c-Learning {width:100%; background:url("../images/main/system-c-Learning.png")  no-repeat center 0px/ 132px auto;}
  .learning-system .diagram .i-Learning {margin-top: 32px;width:100%; background:url("../images/main/system-i-Learning.png")  no-repeat center 0px/ 132px auto;}

  .section-7-in {margin-left: 0px; margin-right: 0px;padding-bottom: 40px;padding-left: 20px; padding-right: 20px;}
  .section-7 .tit_glo {margin-top: 35px;margin-bottom: 10px;}
  .section-8-in {margin-left: 0px; margin-right: 0px;padding-bottom: 40px;padding-top: 40px;padding-left: 20px; padding-right: 20px;}
  .section-8 .tit_glo {margin-top: 35px;margin-bottom: 10px;}
  .section-8 .txt_glo  {margin-bottom: 22px;}
  .section-9-in {margin-left: 0px; margin-right: 0px;padding-bottom: 150px;padding-left: 20px; padding-right: 20px;}
  .section-9 .tit_glo {margin-top: 35px;margin-bottom: 10px;}
  .section-9 .txt_glo  {margin-bottom: 25px;}

  .p0 {padding-right:0; padding-left:0;}

}