@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:104px; font-size:15px; color:#000; line-height:1.72; }
.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-crx .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 .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-crx .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-crx { background-color:#fafff9; }
.cc-crx .cc-cont-title { background:#4b8503; border-top-right-radius:3px; border-bottom-right-radius:3px; }
.cc-crx .cc-cont-title dt { background:#3c6f03; }
.curriculum .cc-sel-item .item-in.crx-ty { background-color:#5f9f04; color:#fff; }
.curriculum .cc-sel-item .item-in.crx-ty-2 { background-color:#9dc95d; color:#fff; }
.curriculum .cc-sel-item .item-in.crx-ty-3 { border:dashed 1px #b1d381; color:#64a704; }
.curriculum .cc-sel-item .item-in.crx-ty-4 { background-color:#d6f1d3; border:solid 1px #9fbf73; color:#4b8503; }
.curriculum .cc-sel-item .item-in.crx-ty-5 { background-color:#f0fdeb; border:solid 1px #9fbf73; color:#4b8503; }
.curriculum .cc-sel-item .item-in.crx-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 .crx-flow { background-color:#8bbd43;}
.curriculum-flow .crx-flow-2 { background-color:#74b01e; }
.curriculum-flow .crx-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; }

/********************* 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.crx-ty { background-color:#5f9f04; color:#fff; }
.overview .ov-th-item.crx-ty-2 { background-color:#9dc95d; color:#fff; }
.overview .ov-th-item.crx-ty-3 { border:dashed 1px #b1d381; color:#64a704; }
.overview .ov-th-item.crx-ty-4 { background-color:#d6f1d3; border:solid 1px #9fbf73; color:#4b8503; }
.overview .ov-th-item.crx-ty-5 { background-color:#f0fdeb; border:solid 1px #9fbf73; color:#4b8503; }
.overview .ov-th-item.crx-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%; }
.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:#005c9f; }
.component-fc-2 { color:#ecc100; }
.component-fc-3 { color:#896546; }
.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-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-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:#896546; border-radius:35px; }
.component-project .text .subj { display:block; color:#896546; }
.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:#896546; }*/

/********************* 프로그램 *********************/
.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; }

/********************* 학습시스템 *********************/
.system-smart-list { margin-top:36px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
.smart-list-item { margin:0; text-align:center; width:15%; -ms-flex-preferred-size:15%; flex-basis:15%; }
.smart-list-item:nth-child(2) { width:30%; -ms-flex-preferred-size:30%; flex-basis:30%; }
.smart-list-item .smart-img { width:100%; }
.smart-list-item .smart-txt { margin-top:18px; color:#000; }
.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("../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("../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; }

@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 114px; padding:0 6.75%; }
  .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("../images/sub/component-deco-4.png") right 0 no-repeat; }
  .component-flow { margin:44px 0 92px; padding-bottom:46px; }
  .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 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;}
  .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.crx-ty { background-color:#5f9f04 !important; color:#fff; }
  .overview th.crx-ty-2 { background-color:#9dc95d !important; color:#fff; }
  .overview th.crx-ty-3 { color:#64a704; }
  .overview th.crx-ty.first, .overview th.crx-ty-2.first {
    background: url(../images/sub/overview-line-rt-2.png) right top no-repeat, url(../images/sub/overview-line-rb.png) right bottom no-repeat, url(../images/sub/overview-line-lt-2.png) left top no-repeat, url(../images/sub/overview-line-lb.png) left bottom no-repeat, url(../images/sub/overview-line-rm.png) right center repeat-y; background-size:auto 8px;
  }
  .overview th.crx-ty, .overview th.crx-ty-2 {
    background: url(../images/sub/overview-line-rt.png) right top no-repeat, url(../images/sub/overview-line-rb.png) right bottom no-repeat, url(../images/sub/overview-line-lt.png) left top no-repeat, url(../images/sub/overview-line-lb.png) left bottom no-repeat, url(../images/sub/overview-line-rm.png) right center repeat-y; background-size:auto 8px;
  }
  .overview th.crx-ty-3 {
    background: url(../images/sub/overview-line-2-rt.png) right top no-repeat, url(../images/sub/overview-line-2-rb.png) right bottom no-repeat, url(../images/sub/overview-line-2-lt.png) left top no-repeat, url(../images/sub/overview-line-2-lb.png) left bottom no-repeat, url(../images/sub/overview-line-2-rm.png) right center repeat-y, url(../images/sub/overview-line-2-lm.png) left center repeat-y; background-size:auto 8px;
  }
  .overview th.crx-ty-3.last {
    background: url(../images/sub/overview-line-2-rt.png) right top no-repeat, url(../images/sub/overview-line-2-rb-2.png) right bottom no-repeat, url(../images/sub/overview-line-2-lt.png) left top no-repeat, url(../images/sub/overview-line-2-lb-2.png) left bottom no-repeat, url(../images/sub/overview-line-2-rm.png) right center repeat-y, url(../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; width:280px; 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("../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 .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; }

  .system-smart-list { -ms-flex-wrap:wrap; flex-wrap:wrap; margin-top:0px; width:100%; }
  .smart-list-item { margin-top:12px; width:47.5%; -ms-flex-preferred-size:47.5%; flex-basis:47.5%; }
  .smart-list-item:nth-child(2) { width:100%; -ms-flex-preferred-size:100%; flex-basis:100%; -ms-flex-order:2; -webkit-box-ordinal-group:3; order:2; }
  .smart-list-item:nth-child(3) { -ms-flex-order:1; -webkit-box-ordinal-group:2; order:1; }
  .smart-list-item:nth-child(n+4) { -ms-flex-order:3; -webkit-box-ordinal-group:4; order:3; }
  .smart-list-item .smart-txt { margin-top:9px; font-weight:bold; }
  .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("../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; }
}











/****************** 2022 new ********************/
/* brand */
.brand-intro-n {width:100%; padding:20px 0;}
.brand-intro-n:after {content:""; display:block; clear:both;}
.brand-intro-n .brand-img {width:100%; text-align:center; overflow:hidden;}
.brand-intro-n .brand-img img {max-width:100%;}
@media screen and (max-width:767px){
.brand-intro-n .brand-img {}
}

/*
.brand-intro-n ul {position:relative; width:100%; background:url("../images/sub/bg_brand_intro_n.png") left 50% repeat-x;}
.brand-intro-n ul:after {content:""; display:block; clear:both;}
.brand-intro-n ul li {width:298px; height:298px;}
.brand-intro-n ul li .bx {width:100%; height:100%; background:#54c2f0; border-radius:100%; text-align:center;}
.brand-intro-n ul li .ico {padding:45px 0 18px;}
.brand-intro-n ul li .tt {font-size:32px; color:#fff; line-height:1.1; font-weight:600; letter-spacing:-1px; padding:0 0 24px 0;}
.brand-intro-n ul li .tx {width:100%; overflow:hidden;}
.brand-intro-n ul li .tx span {display:block; font-size:15px; color:#000; line-height:1.4; letter-spacing:-0.5px;}
.brand-intro-n ul li:nth-child(1) {float:left;}
.brand-intro-n ul li:nth-child(2) {position:absolute; left:50%; top:0; margin:0 0 0 -149px;}
.brand-intro-n ul li:nth-child(2) .bx {background:#e85298;}
.brand-intro-n ul li:nth-child(3) {float:right;}
.brand-intro-n ul li:nth-child(3) .bx {background:#f48000;}
@media screen and (max-width:1100px){
.brand-intro-n ul li {width:240px; height:240px;}
.brand-intro-n ul li .ico {padding:25px 0 10px;}
.brand-intro-n ul li .tt {padding:0 0 16px 0;}
.brand-intro-n ul li:nth-child(2) {margin:0 0 0 -120px;}
}
@media screen and (max-width:980px){
.brand-intro-n ul {background:url("");}
}
@media screen and (max-width:870px){
.brand-intro-n ul {width:540px; margin:0 auto; padding:250px 0 0 0; background:url("../images/sub/bg_brand_intro_n_m.png") 50% 50% no-repeat; background-size:260px auto;}
.brand-intro-n ul li:nth-child(1) {float:left;}
.brand-intro-n ul li:nth-child(3) {float:right;}
.brand-intro-n ul li:nth-child(3) .bx {width:240px; height:240px; margin:0 auto;}
}
@media screen and (max-width:767px){
.g-title.brand {text-align:center;}
.brand-intro-n {padding:40px 0;}
.brand-intro-n ul {width:340px; padding:160px 0 0 0; background-size:170px auto;}
.brand-intro-n ul li {width:160px; height:160px;}
.brand-intro-n ul li .bx {width:160px; height:160px;}
.brand-intro-n ul li:nth-child(2) {margin:0 0 0 -80px;}
.brand-intro-n ul li:nth-child(3) {padding:0;}
.brand-intro-n ul li:nth-child(3) .bx {width:160px; height:160px;}
.brand-intro-n ul li .ico {padding:18px 0 3px;}
.brand-intro-n ul li .ico img {width:30px;}
.brand-intro-n ul li .tt {font-size:21px; padding:0 0 13px 0;}
.brand-intro-n ul li .tx span {font-size:11px;}
}

*/





/* center */
.center-intro-n {width:100%; overflow:hidden;}
.center-intro-n .map-wrap {width:100%; overflow:hidden;}
.center-intro-n .map-wrap .info-wrap {width:100%; padding:36px 0 14px 0; overflow:hidden;}
.center-intro-n .map-wrap .info-wrap .info-tt {font-size:16px; color:#707070; line-height:1.2; font-weight:600; letter-spacing:-0.5px; padding:0 0 14px 0;}
.center-intro-n .map-wrap .info-wrap .info-tt:after {content:""; display:block; clear:both;}
.center-intro-n .map-wrap .info-wrap .info-tx {width:100%; overflow:hidden;}
.center-intro-n .map-wrap .info-wrap .info-tx p {font-size:14px; color:#666; line-height:1.2; letter-spacing:-0.5px; padding:0 0 6px 0;}
.center-intro-n .map-wrap .info-wrap .info-tx p span {display:inline-block; position:relative; padding:0 10px 0 0;}
.center-intro-n .map-wrap .info-wrap .info-tx p span:after {content:':'; position:absolute; right:1px; top:0; font-size:12px;}
.center-intro-n .map-wrap .info-wrap .info-tx.bar p span:after {content:'|';}
.center-intro-n .map-wrap .slide-tt {width:100%; font-size:24px; color:#000; font-weight:600; text-align:center; padding:20px 0 0 0; overflow:hidden;}
.center-intro-n .map-wrap .component-project {background:#fff; margin-top:96px;}
.center-intro-n .map-wrap .component-project img {width:100%;}
.center-intro-n .map-wrap .component-project .slide {height:auto;}


.center-intro-n .map-wrap .slick-controls { margin-top:27px; text-align:center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.center-intro-n .map-wrap .slick-dots { display:block; width:auto; -ms-flex-order:2; order:2; }
.center-intro-n .map-wrap .slick-play { position:relative; width:10px; height:10px; box-sizing:border-box; -ms-flex-order:1; order:1; margin-right:8px; }
.center-intro-n .map-wrap .slick-play.slick-pause::before { display:block; width:2px; height:10px; background-color:#000; border:0; }
.center-intro-n .map-wrap .slick-play.slick-pause::after { content:''; position:absolute; left:7px; top:0; display:block; width:2px; height:10px; background-color:#000; border:0; }
.center-intro-n .map-wrap .slick-play::after { display:none; }
.center-intro-n .map-wrap .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; }
.center-intro-n .map-wrap .slick-controls .slick-arrow { height:auto; width:56px; height:56px; background:rgba(0,0,0,0.4); overflow:hidden; text-align:center; top:50%; margin-top:-71px; }
.center-intro-n .map-wrap .slick-controls .slick-arrow:hover { background:rgba(0,0,0,0.8); }
.center-intro-n .map-wrap .slick-controls .slick-arrow .ir { content:''; display:inline-block; width:14px; height:14px; border:solid 1px rgba(255,255,255,0.5); border-width:0 1.5px 1.5px 0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-right:5px; }
.center-intro-n .map-wrap .slick-controls .slick-arrow:hover .ir { border-color:rgba(255,255,255,0.8); }
.center-intro-n .map-wrap .slick-controls .slick-arrow.slick-prev .ir { -webkit-transform:rotate(135deg); transform:rotate(135deg); margin-right:-5px; }
.center-intro-n .map-wrap .slick-controls .slick-prev { left:0; }
.center-intro-n .map-wrap .slick-controls .slick-next { right:0; }
.center-intro-n .map-wrap .slick-dots .slick-active button { width:8px; height:8px; }



@media screen and (max-width:767px){
.center-intro-n .map-wrap .info-wrap {padding:20px 0 10px 0;}
.center-intro-n .map-wrap .info-wrap .info-tt {font-size:13px; color:#ef3e42; padding:0 0 10px 0;}
.center-intro-n .map-wrap .info-wrap .info-tt.bar {color:#00babb;}
.center-intro-n .map-wrap .info-wrap .info-tx p {font-size:12px;}
.center-intro-n .map-wrap .info-wrap .info-tx p span:after {content:'|'; right:1px; top:1px; font-size:10px; color:#ccc;}
.center-intro-n .map-wrap .component-project {margin-top:40px;}
.center-intro-n .map-wrap .slide-tt {font-size:18px; padding:15px 0 0 0;}
.center-intro-n .map-wrap .slick-controls { margin-top:13px; }
.center-intro-n .map-wrap .slick-play { width:10px; height:10px; margin-right:8px; }
.center-intro-n .map-wrap .slick-play.slick-pause::before { width:2px; height:10px; }
.center-intro-n .map-wrap .slick-play.slick-pause::after { left:7px; top:0; width:2px; height:10px; }
.center-intro-n .map-wrap .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; }
.center-intro-n .map-wrap .slick-controls .slick-arrow { width:28px; height:28px; background:rgba(0,0,0,0.8); margin-top:-50px; }
.center-intro-n .map-wrap .slick-controls .slick-arrow .ir { width:8px; height:8px; border:solid 1px rgba(255,255,255,1); border-width:0 1px 1px 0; margin:-3px 5px 0 0; }
.center-intro-n .map-wrap .slick-controls .slick-arrow.slick-prev .ir { margin:-3px -5px 0 0; }
.center-intro-n .map-wrap .slick-controls .slick-prev { left:0; }
.center-intro-n .map-wrap .slick-controls .slick-next { right:0; }
.center-intro-n .map-wrap .slick-dots .slick-active button { width:10px; height:10px; }
}


/* program */
.program-intro-n {width:100%; overflow:hidden;}
.program-intro-n .tabs-n {width:100%; padding:0 0 80px 0; overflow:hidden;}
.program-intro-n .tabs-n ul {width:100%; border:1px #000 solid; overflow:hidden; box-sizing:border-box;}
.program-intro-n .tabs-n ul li {float:left; width:33.33%; box-sizing:border-box;}
.program-intro-n .tabs-n ul li:nth-child(2) {border-left:1px #000 solid; border-right:1px #000 solid;}
.program-intro-n .tabs-n ul li a {display:block; text-align:center;}
.program-intro-n .tabs-n ul li a span {font-size:14px; color:#000; line-height:60px; letter-spacing:-0.5px;}
.program-intro-n .tabs-n ul li a.on {background:#000;}
.program-intro-n .tabs-n ul li a.on span {color:#fff;}

.program-intro-n .tabs-bx {display:none; width:100%; text-align:center; overflow:hidden;}

.program-intro-n .program-img {width:100%; text-align:center; overflow:hidden;}
.program-intro-n .program-img img {max-width:100%;}
.program-intro-n .program-img .w {display:inline-block;}
.program-intro-n .program-img .m {display:none;}

@media screen and (max-width:767px){
.program-intro-n .program-img .w {display:none;}
.program-intro-n .program-img .m {display:inline-block;}
}
/*
.program-intro-n .tabs-bx .htt {font-size:24px; color:#000; line-height:1.3; letter-spacing:-1px; padding:0 0 50px 0;}
.program-intro-n .tabs-bx .phonics-img {width:100%; padding:40px 0 0 0; overflow:hidden;}
.program-intro-n .tabs-bx .phonics-img img {max-width:100%;}
.program-intro-n .tabs-bx .phonics-img img.w {display:inline-block;}
.program-intro-n .tabs-bx .phonics-img img.m {display:none;}

.program-intro-n .tabs-bx .kids-coding {width:840px; margin:0 auto;}
.program-intro-n .tabs-bx .kids-coding ul:after {content:""; display:block; clear:both;}
.program-intro-n .tabs-bx .kids-coding ul li {position:relative; float:left; width:250px; margin:0 15px;}
.program-intro-n .tabs-bx .kids-coding ul li .img {width:100%; overflow:hidden;}
.program-intro-n .tabs-bx .kids-coding ul li .img img {width:100%;}
.program-intro-n .tabs-bx .kids-coding ul li .img img.w {display:inline-block;}
.program-intro-n .tabs-bx .kids-coding ul li .img img.m {display:none;}
.program-intro-n .tabs-bx .kids-coding ul li .txt {position:absolute; left:0; bottom:11%; width:100%; text-align:center;}
.program-intro-n .tabs-bx .kids-coding ul li .txt span {display:block; font-size:15px; color:#fff; line-height:1.5; letter-spacing:-1px;}
.program-intro-n .tabs-bx .kids-coding p {font-size:14px; color:#000; line-height:1.5; text-align:left; padding:10px 0 0 15px;}

.program-intro-n .tabs-bx .thinking-ability {width:900px; margin:0 auto; background:url("../images/sub/bg_thinking_ability.png") 50% 124px no-repeat;}
.program-intro-n .tabs-bx .thinking-ability .enhance {width:100%; overflow:hidden;}
.program-intro-n .tabs-bx .thinking-ability .enhance ul {width:100%; overflow:hidden; font-size:0; line-height:0; text-align:center;}
.program-intro-n .tabs-bx .thinking-ability .enhance ul li {position:relative; display:inline-block; width:200px; height:200px; border-radius:100%; margin:0 25px;}
.program-intro-n .tabs-bx .thinking-ability .enhance ul li span {display:inline-block; font-size:18px; color:#fff; line-height:1.4; letter-spacing:-0.5px; padding:70px 0 0 0;}
.program-intro-n .tabs-bx .thinking-ability .enhance ul li:nth-child(1) {background:#54c2f0; z-index:3;}
.program-intro-n .tabs-bx .thinking-ability .enhance ul li:nth-child(2) {background:#e85298; z-index:2;}
.program-intro-n .tabs-bx .thinking-ability .enhance ul li:nth-child(3) {background:#f48000; z-index:1;}

.program-intro-n .tabs-bx .thinking-ability .ability {width:100%; padding:224px 0 0 0; text-align:center; overflow:hidden;}
.program-intro-n .tabs-bx .thinking-ability .ability ul {width:100%; overflow:hidden;}
.program-intro-n .tabs-bx .thinking-ability .ability ul li {display:block; width:100%; margin:0 0 10px 0; border-radius:50px;}
.program-intro-n .tabs-bx .thinking-ability .ability ul li span {display:inline-block; font-size:18px; color:#000; line-height:1.2; letter-spacing:-0.5px; padding:18px 0;}
.program-intro-n .tabs-bx .thinking-ability .ability ul li span u {text-decoration:none;}
.program-intro-n .tabs-bx .thinking-ability .ability ul li:nth-child(1) {background:#ccf1f1;}
.program-intro-n .tabs-bx .thinking-ability .ability ul li:nth-child(2) {background:#99e3e4;}
.program-intro-n .tabs-bx .thinking-ability .ability ul li:nth-child(3) {background:#4ccfcf;}
.program-intro-n .tabs-bx .thinking-ability .ability ul li:nth-child(4) {background:#00babb;}

@media screen and (max-width:1000px){
.program-intro-n .tabs-bx .thinking-ability {width:auto; margin:0;}
}

@media screen and (max-width:940px){
.program-intro-n .tabs-bx .kids-coding {width:750px;}
.program-intro-n .tabs-bx .kids-coding ul li {width:220px;}
}

@media screen and (max-width:840px){
.program-intro-n .tabs-bx .kids-coding {width:600px;}
.program-intro-n .tabs-bx .kids-coding ul li {width:180px; margin:0 10px;}
.program-intro-n .tabs-bx .kids-coding p { padding:10px 0 0 10px;}

.program-intro-n .tabs-bx .thinking-ability {background-position:50% 122px;}
.program-intro-n .tabs-bx .thinking-ability .enhance ul {position:relative; width:554px; margin:0 auto;}
.program-intro-n .tabs-bx .thinking-ability .enhance ul li {width:200px; height:200px; margin:0 -12px;}
.program-intro-n .tabs-bx .thinking-ability .ability {padding:218px 0 0 0;}

}
*/

@media screen and (max-width:767px){
.program-intro-n .tabs-n {padding:0 0 40px 0;}
.program-intro-n .tabs-n ul {border-radius:5px;}
.program-intro-n .tabs-n ul li a span {font-size:13px; line-height:42px;}

/*
.program-intro-n .tabs-bx .htt {font-size:16px; padding:0 0 25px 0;}
.program-intro-n .tabs-bx .htt span {display:block; margin:0 0 -15px 0;}
.program-intro-n .tabs-bx .phonics-img {padding:0;}
.program-intro-n .tabs-bx .phonics-img img.w {display:none;}
.program-intro-n .tabs-bx .phonics-img img.m {display:inline-block;}

.program-intro-n .tabs-bx .kids-coding {width:340px; margin:0 auto;}
.program-intro-n .tabs-bx .kids-coding ul li {width:100%; margin:0 0 20px 0;}
.program-intro-n .tabs-bx .kids-coding ul li .img img.w {display:none;}
.program-intro-n .tabs-bx .kids-coding ul li .img img.m {display:inline-block;}
.program-intro-n .tabs-bx .kids-coding ul li .txt {text-align:left; width:auto; left:156px; bottom:auto; top:50%; margin:-17px 0 0 0;}
.program-intro-n .tabs-bx .kids-coding ul li .txt span {font-size:13px; line-height:1.3; letter-spacing:-0.5px;}
.program-intro-n .tabs-bx .kids-coding p {font-size:11px; line-height:1.3; padding:15px 0 0 0;}

.program-intro-n .tabs-bx .thinking-ability {background-size:320px auto; background-position:50% 80px;}
.program-intro-n .tabs-bx .thinking-ability .enhance ul {width:340px;}
.program-intro-n .tabs-bx .thinking-ability .enhance ul li {width:126px; height:126px; margin:0 -10px;}
.program-intro-n .tabs-bx .thinking-ability .enhance ul li span {font-size:13px; padding:44px 0 0 0; letter-spacing:-1px;}
.program-intro-n .tabs-bx .thinking-ability .ability {padding:163px 0 0 0;}
.program-intro-n .tabs-bx .thinking-ability .ability ul li span {font-size:14px; padding:8px 0;}
.program-intro-n .tabs-bx .thinking-ability .ability ul li span u {display:block;}

*/
}


/* class info */
.class-info-n {width:100%; overflow:hidden;}
.class-info-n .inbx {width:100%; margin:-53px 0 0 0; overflow:hidden;}
.class-info-n .inbx ul:after {content:""; display:block; clear:both;}
.class-info-n .inbx ul li {display:block; position:relative; min-height:194px; padding:53px 220px 53px 270px; box-sizing:border-box; background:url("../images/sub/bg_class_info_inbx.png") left bottom repeat-x;}
.class-info-n .inbx ul li .ico {position:absolute; left:12px; top:50%; width:180px; height:194px; margin:-97px 0 0 0;}
.class-info-n .inbx ul li:nth-child(1) .ico {background:url("../images/sub/class_info_w01.jpg") left top no-repeat;}
.class-info-n .inbx ul li:nth-child(2) .ico {background:url("../images/sub/class_info_w02.jpg") left top no-repeat;}
.class-info-n .inbx ul li:nth-child(3) .ico {background:url("../images/sub/class_info_w03.jpg") left top no-repeat;}
.class-info-n .inbx ul li:nth-child(4) .ico {background:url("../images/sub/class_info_w04.jpg") left top no-repeat;}
.class-info-n .inbx ul li .txt {display:table; width:100%; box-sizing:border-box;}
.class-info-n .inbx ul li .txt .ta-cell {display:table-cell; vertical-align:middle; width:100%; height:194px;}
.class-info-n .inbx ul li .txt .tt {font-size:20px; color:#000; line-height:1.2; font-weight:600; letter-spacing:-1px; padding:0 0 18px 0;}
.class-info-n .inbx ul li .txt .tt span {color:#00babb;}
.class-info-n .inbx ul li .txt .tx {font-size:15px; color:#666; line-height:1.4; letter-spacing:-1px;}
.class-info-n .inbx ul li .txt .tx strong {display:block; padding:0 0 5px 0;}
.class-info-n .inbx ul li .txt .tx p {padding:0 0 5px 0;}
.class-info-n .inbx ul li .txt .tx p:last-child {padding:0;}
.class-info-n .inbx ul li .btn {position:absolute; right:0; top:50%; width:203px; height:60px; margin:-30px 0 0 0; text-align:center; background:#4246c1; border-radius:5px;}
.class-info-n .inbx ul li .btn span {font-size:16px; color:#fff; line-height:60px; font-weight:600; letter-spacing:-0.5px;}

@media screen and (max-width:940px){
.class-info-n .inbx ul li {padding:53px 180px 53px 220px; min-height:162px;}
.class-info-n .inbx ul li .ico {width:150px; height:162px; background-size:150px auto !important; margin:-81px 0 0 0;}
.class-info-n .inbx ul li .txt .ta-cell {height:162px;}
.class-info-n .inbx ul li .btn {width:160px;}
}

@media screen and (max-width:767px){
.class-info-n .inbx {margin:0;}
.class-info-n .inbx ul li:after {content:''; position:absolute; left:36px; top:0; width:1px; height:100%; box-sizing:border-box; border-left:1px #e2e2e2 dotted; z-index:1;}
.class-info-n .inbx ul li {min-height:auto; padding:0 0 40px 80px; background:url("");}
.class-info-n .inbx ul li .txt {display:block;}
.class-info-n .inbx ul li .txt .tt {font-size:15px; padding:0 0 10px 0;}
.class-info-n .inbx ul li .txt .tt span {display:block; padding:0 0 2px 0; font-weight:normal;}
.class-info-n .inbx ul li .txt .ta-cell {display:block; height:auto;}
.class-info-n .inbx ul li .txt .tx strong {font-size:13px;}
.class-info-n .inbx ul li .txt .tx p {font-size:13px;}
.class-info-n .inbx ul li .btn {position:relative; right:auto; left:0; top:0; margin:20px 0 0 0; width:100%; height:45px;}
.class-info-n .inbx ul li .btn span {font-size:14px; line-height:45px;}
.class-info-n .inbx ul li .ico {width:48px; height:48px; top:0; background-size:48px auto !important; margin:0; z-index:5;}
.class-info-n .inbx ul li:nth-child(1) .ico {background:url("../images/sub/class_info_w01_m.png") left top no-repeat;}
.class-info-n .inbx ul li:nth-child(2) .ico {background:url("../images/sub/class_info_w02_m.png") left top no-repeat;}
.class-info-n .inbx ul li:nth-child(3) .ico {background:url("../images/sub/class_info_w03_m.png") left top no-repeat;}
.class-info-n .inbx ul li:nth-child(4) .ico {background:url("../images/sub/class_info_w04_m.png") left top no-repeat;}
.class-info-n .inbx ul li:nth-child(4):after {display:none;}

}


/* class reservation */
.class-reservation-n {width:100%; overflow:hidden;}
.class-reservation-n .inbx {width:100%; margin:20px 0 0 0; padding:0 0 50px 0; overflow:hidden;}
.class-reservation-n .inbx .cl-title {width:100%; padding:0 0 0 24px; overflow:hidden; box-sizing:border-box;}
.class-reservation-n .inbx .cl-title strong {display:block; font-size:14px; color:#333; line-height:1.2; letter-spacing:-1px; padding:0 0 12px 12px;}
.class-reservation-n .inbx .cl-title p {font-size:14px; color:#333; line-height:1.2; letter-spacing:-1px; padding:0 0 0 12px; margin:0 0 12px 0; background:url("../images/sub/bg_cl_title_p.png") left 7px no-repeat;}
.class-reservation-n .inbx .cl-title.dep {margin:0 0 60px 0;}
.class-reservation-n .calendarx-list .abTxt {position:absolute; left:0; top:47px; width:100%;}
.class-reservation-n .calendarx-list .abTxt span {display:block; width:100%; padding:0 4px 3px 40px; box-sizing:border-box; overflow:hidden; white-space:nowrap; word-break:break-all; text-overflow:ellipsis;}
.class-reservation-n .calendarx-list .abTxt span.t1 {color:#30bcc1;}
.class-reservation-n .calendarx-list .abTxt span.t2 {color:#ccc;}
.class-reservation-n .calendarx-list .abTxt span.phonics {color:#e85298;}
.class-reservation-n .calendarx-list .abTxt span.coding {color:#54c3f1;}
.class-reservation-n .calendarx-list .abTxt span.math {color:#f08300;}
.class-reservation-n .calendarx-list .abTxt span.more {min-height:21px; background:url("../images/sub/bg_abtxt_more.png") 42px 7px no-repeat; text-indent:-9999px;}

.class-reservation-n .cl-program-wrap {width:100%; margin:50px 0 0 0; overflow:hidden;}
.class-reservation-n .cl-program {width:100%; margin:0 0 20px 0; border-top:1px #666 solid; border-bottom:1px #eee solid; background:#fafafa; overflow:hidden;}
.class-reservation-n .cl-program .cl-tt {position:relative; width:100%; border-bottom:1px #eee solid; overflow:hidden;}
.class-reservation-n .cl-program .cl-tt .ad-tt {display:inline-block; }
.class-reservation-n .cl-program .cl-tt .ad-tt .at {color:#30bcc1;letter-spacing:-0.5px; }
.class-reservation-n .cl-program .cl-tt .ad-tt .phonics {color:#e85298;letter-spacing:-0.5px; }
.class-reservation-n .cl-program .cl-tt .ad-tt .coding {color:#54c3f1;letter-spacing:-0.5px; }
.class-reservation-n .cl-program .cl-tt .ad-tt .math {color:#f08300;letter-spacing:-0.5px; }
.class-reservation-n .cl-program .cl-tt .ad-info {position:absolute; right:30px; top:0;}
.class-reservation-n .cl-program .at {display:inline-block; padding:0 0 0 35px;}
.class-reservation-n .cl-program .at span {display:inline-block; position:relative; font-size:14px; color:#333; line-height:50px; font-weight:600; letter-spacing:-0.5px; padding:0 22px 0 0; margin:0 20px 0 0;}
.class-reservation-n .cl-program .at span:after {content:''; position:absolute; right:0; top:50%; width:1px; height:12px; background:#333; margin:-5px 0 0 0;}
.class-reservation-n .cl-program .cl-tx {position:relative; width:100%; overflow:hidden;}
.class-reservation-n .cl-program .cl-tx .at {position:absolute; left:35px; top:0; padding:0;}
.class-reservation-n .cl-program .cl-tx .data {margin:10px 0 10px 130px;}
.class-reservation-n .cl-program .cl-tx .data ul:after {content:""; display:block; clear:both;}
.class-reservation-n .cl-program .cl-tx .data ul li {float:left; width:25%;}
.class-reservation-n .cl-program .cl-tx .data ul li label {line-height:30px;}
.class-reservation-n .cl-program .cl-tx .data ul li label strong {font-weight:normal;}
.class-reservation-n .cl-program .cl-tx .data ul li label.disabled {color:#ccc;}
.class-reservation-n .cl-program .cl-tx .data ul li u {text-decoration:none; font-size:14px; font-weight:600;}
.class-reservation-n .cl-program .fm-rad + .fm-rad-i {padding-left:20px;}
.class-reservation-n .cl-program .fm-rad + .fm-rad-i:before {width:12px; height:12px; top:10px; border-color:#696969;}
.class-reservation-n .cl-program .fm-rad:checked + .fm-rad-i:after {width:6px; height:6px; top:13px; margin-left:3px;}

.class-reservation-n .cl-agree {width:100%; overflow:hidden;}
.class-reservation-n .cl-agree .cl-abx {width:100%; height:164px; padding:20px; box-sizing:border-box; background:#000; overflow-y:scroll;}
.class-reservation-n .cl-agree .cl-abx p {font-size:12px; color:#666; line-height:1.2; letter-spacing:-0.5px; padding:0 0 10px 0;}
.class-reservation-n .cl-agree-chk {width:100%; padding:10px 0 30px 0; overflow:hidden;}
.class-reservation-n .cl-agree-chk span {color:#c10026;}
.class-reservation-n .cl-agree-chk.all {padding:15px 0 20px 0; font-size:16px;}
.class-reservation-n .cl-agree-chk.all .fm-chk-i:before {top:2px;}
.class-reservation-n .cl-agree-chk.all .fm-chk-i:after {top:7px;}

.class-reservation-n .cl-information-table {width:100%; border-top:2px #666 solid; padding:0 0 52px 0; margin:20px 0 0 0; overflow:hidden;}
.class-reservation-n .cl-information-table ul {display:table; width:100%;}
.class-reservation-n .cl-information-table ul li {display:table-cell; width:14.2857%; text-align:center; border-bottom:1px #eee solid; border-right:1px #eee solid; box-sizing:border-box;}
.class-reservation-n .cl-information-table ul li:last-child {border-right:0;}
.class-reservation-n .cl-information-table ul li .i-tt {font-size:14px; color:#333; line-height:1.2; font-weight:600; letter-spacing:-0.5px; border-bottom:1px #eee solid; padding:15px 5px; box-sizing:border-box;}
.class-reservation-n .cl-information-table ul li .i-tx {font-size:14px; color:#333; line-height:1.2; letter-spacing:-0.5px; padding:15px 5px; box-sizing:border-box;}

.class-reservation-n .btn-t {width:178px; margin:0 2px;}

.class-reservation-n .cl-fin {width:620px; margin:70px auto -15px; overflow:hidden;}
.class-reservation-n .cl-fin .ico {width:100%; text-align:center; overflow:hidden;}
.class-reservation-n .cl-fin .text {width:100%; margin:24px 0 0 0; overflow:hidden;}
.class-reservation-n .cl-fin .text strong {display:block; font-size:22px; color:#000; line-height:1.2; font-weight:600; letter-spacing:-0.5px; text-align:center; padding:0 0 14px 0;}
.class-reservation-n .cl-fin .text p {font-size:14px; color:#666; line-height:1.2; letter-spacing:-0.5px; padding:0 0 5px 0; text-align:left;}
.class-reservation-n .cl-fin .text p:last-child {padding:0;}

.class-reservation-n .cl-data-head {position:relative; width:100%; margin:95px 0 0 0; overflow:hidden;}
.class-reservation-n .cl-data-head .ctt {font-size:18px; color:#333; line-height:1.2; font-weight:600; letter-spacing:-0.5px; padding:26px 0 15px 0;}
.class-reservation-n .cl-data-head .selectBx {position:absolute; right:0; top:0;}
.class-reservation-n .cl-data-head .selectBx ul:after {content:""; display:block; clear:both;}
.class-reservation-n .cl-data-head .selectBx ul li {float:left; margin:0 0 0 10px;}
.class-reservation-n .cl-data-head .selectBx ul li .fm-sel {min-width:172px;}

.class-reservation-n .cl-data-table {width:100%; border-top:2px #666 solid; overflow:hidden;}
.class-reservation-n .cl-data-table table {width:100%; text-align:center;}
.class-reservation-n .cl-data-table table th {font-size:14px; color:#333; line-height:1.2; font-weight:600; letter-spacing:-0.5px; padding:14px 0; border-bottom:1px #eee solid; border-right:1px #eee solid; box-sizing:border-box;}
.class-reservation-n .cl-data-table table tr th:last-child {border-right:0;}
.class-reservation-n .cl-data-table table td {font-size:14px; color:#333; line-height:1.2; letter-spacing:-0.5px; padding:14px 0; border-bottom:1px #eee solid; border-right:1px #eee solid; padding:15px 5px; box-sizing:border-box;}
.class-reservation-n .cl-data-table table td label {text-indent:-9999px; padding-left:19px;}
.class-reservation-n .cl-data-table table tr td:last-child {border-right:0;}
.class-reservation-n .cl-data-table .cd1 {width:60px;}
.class-reservation-n .cl-data-table .cd2 {width:auto;}
.class-reservation-n .fm-rad:before {border-color:#7d7d7d;}
.class-reservation-n .fm-rad-i:before {border-color:#7d7d7d;}

.class-reservation-n .cl-data-li {display:none;}
.class-reservation-n .cl-data-slide {display:none;}


@media screen and (max-width:1200px){
.class-reservation-n .cl-program .cl-tx .data ul li {width:33.333%;}
}


@media screen and (max-width:900px){
.class-reservation-n .calendar-list .abTxt {display:none;}
.class-reservation-n .cl-program .cl-tx .data ul li {width:50%;}
}

@media screen and (max-width:767px){
.class-reservation-n .calendarx-list .abTxt {display:none;}
}

@media screen and (max-width:767px){
.class-reservation-n .inbx {margin:10px 0 0 0; padding:0 0 40px 0;}
.class-reservation-n .inbx .cl-title {padding:16px 0 10px 14px; background:#f8f8f8;}
.class-reservation-n .inbx .cl-title strong {font-size:12px; letter-spacing:-0.5px; padding:0 0 8px 8px;}
.class-reservation-n .inbx .cl-title p {font-size:12px; letter-spacing:-0.5px; padding:0 0 0 8px; margin:0 0 8px 0; background-position:left 4px;}
.class-reservation-n .inbx .cl-title.dep {margin:0 0 10px 0;}

.class-reservation-n .calendar.ty-line {margin-top:20px;}

.class-reservation-n .cl-program-wrap {margin:30px 0 0 0; }
.class-reservation-n .cl-program {margin:0 0 15px 0; }
.class-reservation-n .cl-program .cl-tt .ad-info {position:relative; right:auto; left:0; border-top:1px #eee solid;}
.class-reservation-n .cl-program .cl-tt .ad-info .at:nth-child(2) {display:block; border-top:1px #eee solid;}
.class-reservation-n .cl-program .cl-tt .ad-info .at:nth-child(2) span {padding:0 27px 0 0;}
.class-reservation-n .cl-program .at {padding:0 0 0 16px;}
.class-reservation-n .cl-program .at span {font-size:13px; line-height:35px; padding:0 15px 0 0; margin:0 15px 0 0;}
.class-reservation-n .cl-program .at span:after {height:10px; margin:-4px 0 0 0;}
.class-reservation-n .cl-program .cl-tx .at {left:16px;}
.class-reservation-n .cl-program .cl-tx .data {margin:5px 0 5px 95px;}
.class-reservation-n .cl-program .cl-tx .data ul li {float:none; width:100%;}
.class-reservation-n .cl-program .cl-tx .data ul li label {line-height:26px;}
.class-reservation-n .cl-program .cl-tx .data ul li u {font-size:13px;}
.class-reservation-n .cl-program .fm-rad + .fm-rad-i:before {top:8px;}
.class-reservation-n .cl-program .fm-rad:checked + .fm-rad-i:after {top:11px;}

.class-reservation-n .cl-agree .cl-abx {height:120px;}
.class-reservation-n .cl-agree-chk {padding:10px 0 20px 0;}
.class-reservation-n .cl-agree-chk.all {padding:12px 0 20px 0; font-size:14px;}
.class-reservation-n .cl-agree-chk.all .fm-chk-i:before {top:2px;}
.class-reservation-n .cl-agree-chk.all .fm-chk-i:after {top:7px;}

.class-reservation-n .cl-information-table {padding:0 0 15px 0; margin:10px 0 0 0;}
.class-reservation-n .cl-information-table ul {display:block;}
.class-reservation-n .cl-information-table ul li {position:relative; display:block; width:100%; border-right:0; text-align:left;}
.class-reservation-n .cl-information-table ul li .i-tt {display:inline-block; width:78px; font-size:13px; line-height:35px; padding:0; background:#fafafa; border-bottom:0; border-right:1px #eee solid; text-align:center;}
.class-reservation-n .cl-information-table ul li .i-tx {position:absolute; left:96px; top:0; font-size:13px; line-height:35px; padding:0;}

.class-reservation-n .btn-in {width:49%; flex:none;}
.class-reservation-n .btn-t {min-width:auto; width:100%; height:48px; font-size:13px; padding:0 16px; line-height:3.7; border-radius:3px;}

.class-reservation-n .cl-fin {width:auto; margin:60px auto 0;}
.class-reservation-n .cl-fin .text {margin:15px 0 0 0;}
.class-reservation-n .cl-fin .text strong {font-size:15px; padding:0 0 5px 0;}
.class-reservation-n .cl-fin .text p {font-size:12px; padding:5px 0 5px 0;}

.class-reservation-n .cl-data-table {display:none;}
.class-reservation-n .cl-data-li {display:block; position:relative; width:100%; border-top:2px #000 solid; margin:0 0 20px 0; overflow:hidden;}
.class-reservation-n .cl-data-li ul:after {content:""; display:block; clear:both;}
.class-reservation-n .cl-data-li ul li {position:relative; padding:15px 0 15px 30px; border-bottom:1px #eee solid;}
.class-reservation-n .cl-data-li ul li .chk {position:absolute; left:3px; top:20px;}
.class-reservation-n .cl-data-li ul li .none {text-align: center;}
.class-reservation-n .cl-data-li ul li .info:after {content:""; display:block; clear:both;}
.class-reservation-n .cl-data-li ul li .info p {font-size:13px; color:#000; line-height:1.2; font-weight:600; letter-spacing:-0.5px;}
.class-reservation-n .cl-data-li ul li .info p.c1 {padding:0;}
.class-reservation-n .cl-data-li ul li .info p.c2 {padding:3px 0 0 0;}
.class-reservation-n .cl-data-li ul li .info p.c3 {padding:10px 0 0 0;}
.class-reservation-n .cl-data-li ul li .info p span {font-weight:normal; padding:0 0 0 5px;}
.class-reservation-n .cl-data-li ul li label {text-indent:-9999px; padding-left:19px;}

.class-reservation-n .cl-data-head {margin:50px 0 0 0;}
.class-reservation-n .cl-data-head .ctt {font-size:15px; padding:0 0 10px 0;}
.class-reservation-n .cl-data-head .selectBx {position:relative; left:0; right:auto; top:0;}
.class-reservation-n .cl-data-head .selectBx ul:after {content:""; display:block; clear:both;}
.class-reservation-n .cl-data-head .selectBx ul li {float:left; width:49%; margin:0 1% 0 0;}
.class-reservation-n .cl-data-head .selectBx ul li:nth-child(2) {margin:0 0 0 1%;}
.class-reservation-n .cl-data-head .selectBx ul li .fm-sel {min-width:100%;}

.class-reservation-n .cl-data-slide {display:block; position:relative; width:100%; margin:15px 0 0 0; overflow:hidden;}
.class-reservation-n .cl-data-slide {width:100%; padding:0 0 52px 0; overflow:hidden;}
.class-reservation-n .cl-data-slide > div {width:100%; margin:25px 0 0 0; border-top:2px #000 solid; overflow:hidden;}
.class-reservation-n .cl-data-slide > div:nth-child(1) {margin:0;}
.class-reservation-n .cl-data-slide div ul {display:table; width:100%;}
.class-reservation-n .cl-data-slide div ul li {position:relative; display:block; width:100%; border-right:0; text-align:left; border-bottom:1px #eee solid;}
.class-reservation-n .cl-data-slide div ul li .none {position:relative; padding:15px 0 15px 0px; text-align: center;}
.class-reservation-n .cl-data-slide div ul li .i-tt {display:inline-block; width:78px; font-size:13px; line-height:35px; font-weight:600; padding:0; border-right:1px #eee solid; background:#fafafa; text-align:center;}
.class-reservation-n .cl-data-slide div ul li .i-tx {position:absolute; left:96px; top:0; font-size:13px; line-height:35px; padding:0;}

}
.tab.newType {margin-top:0;margin-bottom:80px;}
@media screen and (max-width:767px){
.tab.newType {margin-bottom:40px;}

.calendar-list.lineType tr td:first-child {border-left:0;}