@charset "UTF-8";
.i-txt-channel, .i-txt-channel-2, .i-brand-logo, .i-brand-logo-2, .i-brand-logo-3 { background-image:url("/resource/images/main/sprite-main.png"); }

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

.section-2 { padding:40px 0; }
.section-2-in { max-width:1580px; margin:0 auto; text-align:center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.section-2 .find-institute { position:relative; margin:0 5px; text-align:left; z-index:10; }
.section-2 .find-institute-title { font-weight:bold; color:#000; width:140px; margin:7px 14px 0 0; }
.section-2 .find-institute .find-institute-subj { display:inline-block; width:200px; height:44px; padding:0 15px; border:1px solid #ccc; border-radius:4px; background:#fff; font-size:14px; font-weight:bold; line-height:3.1428; box-sizing:border-box; background:#fff url("/resource/images/common/i-sel-4.png") right 17px center no-repeat; }
.section-2 .find-institute .find-institute-subj:hover { border-color:#000; color:#000; }
.section-2 .find-institute .find-institute-subj::after { position:absolute; right:17px; top:21px; }
.section-2 .find-institute .find-institute-subj.active { border-color:#000; border-radius:4px 4px 0 0; }
.section-2 .find-institute .find-institute-cont { position:relative; left:0; z-index:10; min-width:100%;  }
.section-2 .find-institute .find-institute-cont li a { display:block; padding:10px 15px 14px 15px; border-top:solid 1px #ddd; font-size:14px; color:#000; }
.section-2 .find-institute-cont-scroll { display:none; position:absolute; overflow:hidden; width:100%; max-height:217px; border:1px solid #000; background:#fff; box-sizing:border-box; border-radius:0 0 4px 4px; border-top-color:#fff; margin-top:-2px; }
.section-2 .find-institute .mCSB_draggerContainer { z-index:20; }
.section-2 .find-institute-cont-scroll .mCSB_vertical > .mCSB_container { padding-right:0; }
.section-2 .find-institute-cont-scroll .mCSB_scrollTools { opacity:1; top:5px; bottom:5px; }
.section-2 .find-institute-cont-scroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { opacity:1; background-color:#aaa; }
.section-2 .find-institute-cont-scroll .mCSB_scrollTools .mCSB_draggerRail { opacity:1; background-color:#eee; }

/********************* 브랜드 *********************/
.section-3 { padding-bottom:100px; }
.section-3-in { max-width:1580px; margin:0 auto; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
.section-3 .section-3-col { width:74.7%; overflow:hidden; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
.section-3 .section-3-col-2 { width:20.2%; position:relative; }
.section-3 .brand { position:relative; width:calc((100% - 40px) / 3); }
.section-3 .brand:first-child { margin-left:0; }
.section-3 .brand .brand-link { display:block; height:100%; }
.section-3 .brand-item { position:relative; width:100%; height:564px; box-sizing:border-box; background-color:#fe6962; background-image:url("/resource/images/main/brand.png"); background-position:100% 100%; background-repeat:no-repeat; border-radius:6px;  }
.section-3 .brand-item.ty-2 { background-color:#89c049; background-image:url("/resource/images/main/brand-2.png"); }
.section-3 .brand-item.ty-3 { background-color:#2f6fb7; background-image:url("/resource/images/main/brand-3.png"); }
.section-3 .brand-item .cap { position:relative; height:80px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.section-3 .brand-item .cap::before { content:''; position:absolute; bottom:0; left:-30px; right:-30px; height:1px; background-color:rgba(255,255,255,0.1); }
.section-3 .brand-item .brand-logo { float:left; width:105px; margin-top:-2px; }
.section-3 .brand-item .period { float:right; width:calc(100% - 105px); text-align:right; line-height:18px; }
.section-3 .brand-item .term { display:inline-block; color:rgba(255,255,255,0.5); font-size:12px; font-weight:bold; }
.section-3 .brand-item .date { display:inline-block; color:rgba(255,255,255,1); font-size:13px; font-weight:bold; margin-left:8px; }
.section-3 .brand-item dt { font-size:32px; color:#fff; font-weight:bold; padding:33px 0 0 0; line-height:1.375; letter-spacing:-0.03em; }
.section-3 .brand-item .des { padding:16px 0 0 0; font-size:15px; letter-spacing:-0.025em; color:#fff; line-height:1.55; box-sizing:border-box; }
.section-3 .brand-item .btn { margin-top:20px; }
.section-3 .brand-item .btn-go { display:block; width:150px; height:60px; font-size:15px; line-height:4; font-weight:bold; color:#fff; border:solid 2px #fff; border-radius:30px; text-align:center; box-sizing:border-box; -webkit-transition:background 0.2s ease-out; transition:background 0.2s ease-out; }
.section-3 .brand-item .btn-go:hover { background:#fff; color:#ef3e42; }
.section-3 .brand-item.ty-2 .btn-go:hover { color:#64a704; }
.section-3 .brand-item.ty-3 .btn-go:hover { color:#03328d; }
.section-3 .i-brand-logo-3 { background-position:0 0; width:109px; height:18px; }
.section-3 .i-brand-logo-2 { background-position:-121px 0; width:84px; height:18px; }
.section-3 .i-brand-logo { background-position:-214px 0; width:86px; height:18px; }
.section-3 .news { position:absolute; width:100%; bottom:0; }
.section-3 .news .btn-more-2 { right:0; top:13px; }
.section-3 .news .title { font-size:30px; color:#000; font-weight:bold; letter-spacing:-0.05em; }
.section-3 .news .news-list { margin-top:12px; }
.section-3 .news .news-list a { display:block; }
.section-3 .news .news-list li { border-top:solid 1px #ddd; font-weight:bold; padding:15px 0 16px; }
.section-3 .news .news-list li:first-child { border-top:0; }
.section-3 .news .news-list li:last-child { padding-bottom:0; }
.section-3 .news .news-list .subj { display:inline-block; max-width:calc(100% - 42px); vertical-align:middle; }
.section-3 .news .news-list .ico-txt { margin:0px 0 0 9px; }
.section-3 .news .news-list .subj-in { font-size:16px; color:#000; display:block; -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-wrap:normal; }
.section-3 .news .news-list .date { display:block; font-size:12px; margin-top:8px; }
.section-3 .main-banner { width:100%; box-sizing:border-box; max-width:320px; overflow:hidden; margin-top:20px; padding-bottom:30px; border-bottom:solid 1px #ddd; }
.section-3 .main-banner .bg { display:block; width:100%; }
.section-3 .main-banner .bg img { max-width: 100%; }
.section-3-col-2 .main-banner .slick-list, .section-3-col-2 .main-banner .slick-track, .section-3-col-2 .main-banner .slide, .section-3-col-2 .main-banner .banner-link { height:100%; }
.section-3-col-2 .slick-controls { position:absolute; top:0; right:0; }
.section-3-col-2 .slick-arrow { position:static; display:inline-block; width:23px; height:20px; border:solid 1px #eee; box-sizing:border-box; line-height:0; }
.section-3-col-2 .slick-arrow:hover { background:#f8f8f8; }
.section-3-col-2 .slick-prev { border-radius:10px 0 0 10px; }
.section-3-col-2 .slick-next { border-radius:0 10px 10px 0; margin-left:-1px; }
.section-3-col-2 .slick-arrow .ir { content:''; display:inline-block; width:4px; height:4px; border:solid 1px transparent; border-right-color:#818181; border-bottom-color:#818181; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); vertical-align:middle; margin:0 0 0 -2px; }
.section-3-col-2 .slick-arrow.slick-prev .ir { -webkit-transform:rotate(135deg); transform:rotate(135deg); margin:0 -2px 0 0; }

/********************* 커리큘럼 *********************/
.section-4 .brand-choice-map { max-width:1580px; height:493px; margin:0 auto; display:-webkit-box; display:-ms-flexbox; display:flex; box-sizing:border-box; background:#fff; }
.section-4 .brand-choice-map .map { width:calc(100% - 401px); overflow:hidden; box-sizing:border-box; border:1px solid #ddd; }
.section-4 .brand-choice-map .list-wrap { width:401px; box-sizing:border-box; }
.section-4 .brand-choice-map .fm-wrap { height:156px; padding:24px 30px; border-bottom:1px solid #eee; box-sizing:border-box; }
.section-4 .brand-choice-map .fm-row { margin-top:12px; }
.section-4 .brand-choice-map .fm-row:first-child { margin-top:0; }
.section-4 .brand-choice-map .sch-ipt { position:relative; }
.section-4 .brand-choice-map .sch-ipt .btn-sch { position:absolute; right:0; top:0; width:46px; height:46px; }
.section-4 .brand-choice-map .list { padding:24px 30px; height:calc(100% - 156px); overflow-y:auto; box-sizing:border-box; -webkit-overflow-scrolling:touch; }
.section-4 .brand-choice-map .list li { position:relative; }
.section-4 .brand-choice-map .list li + li { margin-top:15px; }
.section-4 .brand-choice-map .list li.active a:after { content:''; display:inline-block; position:relative; top:-4px; width:8px; height:3px; margin-left:6px; border:0 solid #ee3a43; border-width:0 0 2px 2px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
.section-4 .fm-question { position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; }
.section-4 .brand-choice .btn .logo, .section-4 .brand-choice .btn .in::before { display:inline-block; white-space:nowrap; text-indent:-999px; overflow:hidden; background:url("/resource/images/main/sprite-main-brand.png") 999px 999px no-repeat; }
.section-4 .brand-choice .btn .in::before { content:''; }
.section-4 .brand-choice .btn { position:relative; z-index:2; display:inline-block; vertical-align:bottom; text-align:center; }
.section-4 .brand-choice .btn .logo { vertical-align:top; }
.section-4 .brand-choice .btn button { display:block; width:100%; background:#ef3e42; color:#fff; }
.section-4 .brand-choice .btn.april button { background:#64a704; }
.section-4 .brand-choice .btn.ig button { background:#03328d; }

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

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

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

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

@media all and (min-width:1920px) {
  .section-3 .brand-item { padding:0 30px; }
  .section-3 .brand-item .btn { position:absolute; bottom:48px; }
}

@media print, all and (min-width:768px) and (max-width:1660px) { 
  .section-3-in, .section-5 { margin-left:40px; margin-right:40px; }
  .section-3 .brand-item .brand-in { padding:0 20px; }
  .section-3 .brand-item .cap::before { left:-20px; right:-20px; }
}

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

@media print, all and (min-width:768px) and (max-width:1023px) { 
  .section-3 .brand { width:calc((100% - 30px) / 3); margin-left:15px; }
  .section-3 .brand-item { background-size:90% auto; padding:0 15px; background-position:right -17px bottom -20px; }
  .section-3 .brand-item dt { font-size:24px; }
  .section-5 .channel-des .subj { font-size: 24px; }
}

@media all and (min-width:1281px) and (max-width:1919px) { 
  .section-3 .brand-item { background-position:right -17px bottom -20px; }
}

@media all and (min-width:1280px) and (max-width:1919px) { 
  .section-3 .brand-item { padding:0 20px; }
  .section-3 .brand-item { background-position:right -17px bottom -20px; }
}

@media all and (min-width:1920px) { 
  .section-3 .brand-item { background-position:100% 100% }
}

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

@media print, all and (min-width:768px) and (max-width:900px) {
  .section-4 .question-wrap .check .chk-i { padding-bottom:20px; }
  .section-4 .question-wrap .check .chk-i::after { display:none; }
  .section-4 .step-cont.ty-3 .brand-choice .btn + .btn { margin-left:20px; }
  .section-5 .channel-img .ico-video-2 { left:10px; bottom:10px; }
}

@media print, all and (max-width:1370px) { 
  .section-3 .brand-item .date { display:block; }
}

@media print, all and (min-width:768px) and (max-width:850px) { 
  .section-2 .find-institute .find-institute-subj { width:170px; }
}

@media print, all and (min-width:768px) { 
  .section-3 .brand { outline:0; }
  .section-4 { padding:92px 42px 84px; background:#f8f8f8; }
  .section-4 .inner { position:relative; max-width:1580px; margin:0 auto; }
  .section-4-title { min-height:96px; margin:0 195px 27px 0; font-size:36px; color:#000; font-weight:bold; line-height:1.33; }
  .section-4 .step-wrap { position:absolute; right:0; top:9px; font-size:0; color:#999; text-align:center; white-space:nowrap; }
  .section-4 .step-wrap::before { content:''; display:inline-block; width:1px; height:32px; vertical-align:middle; }
  .section-4 .step-wrap .step-in { position:relative; display:inline-block; margin-left:20px; border:1px solid #ccc; border-radius:16px; vertical-align:middle; }
  .section-4 .step-wrap .step-in span { display:inline-block; font-size:11px; line-height:1.636363636363636; vertical-align:middle; }
  .section-4 .step-wrap .step-in .txt { width:0; overflow:hidden; }
  .section-4 .step-wrap .step-in .num { width:16px; height:16px; }
  .section-4 .step-wrap .step-in::before { content:''; position:absolute; left:-21px; top:50%; width:20px; height:1px; background:#ccc; }
  .section-4 .step-wrap .step-in:first-child::before { display:none; }
  .section-4 .step-cont { display:none; }
  .section-4 .subj { position:absolute; left:0; bottom:150px; width:330px; font-size:20px; color:#303f50; font-weight:bold; text-align:center; line-height:1.5; }
  .section-4 .btns { position:absolute; left:0; width:320px; bottom:72px; text-align:center; }
  .section-4 .btns button { width:135px; margin:0 2px; font-size:15px; color:#303f50; font-weight:bold; border:2px solid #303f50; line-height:3.733333333333333; border-radius:50px; }
  .section-4 .btns button:first-child:last-child { width:280px; margin:0; }
  .section-4 .step-cont.ty-4 .btns { position:static; width:auto; margin-top:60px; margin-bottom:16px; text-align:center; }
  .section-4 .question-wrap, .section-4 .brand-choice { position:relative; margin:0 20px 0 360px; padding:0 3.33%; text-align:center; height:300px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; box-sizing:border-box; }
  .section-4 .question-wrap .col { width:25%; padding:0 10px; box-sizing:border-box; }
  .section-4 .check { position:relative; display:inline-block; max-width:240px; width:100%; font-size:20px; text-align:center; }
  .section-4 .check::after { content:''; display:block; padding-top:100%; }
  .section-4 .check .chk-i { position:absolute; left:0; top:0; z-index:2; width:100%; height:100%; padding:20px 0 56px; box-sizing:border-box; background:#fff; border:2px dashed #eee; box-sizing:border-box; border-radius:100%; }
  .section-4 .check .chk-i::after { content:''; position:absolute; left:50%; bottom:24px; height:36px; width:36px; margin-left:-18px; background:url("/resource/images/main/sprite-main-chk.png") 0 0 no-repeat; }
  .section-4 .check input:checked + .chk-i { font-weight:bold; color:#fff; background:#4246c1; border-color:#4246c1; }
  .section-4 .check input:checked + .chk-i::after { background-position:-40px 0; }
  .section-4 .check .chk-i::before { content:''; display:inline-block; height:100%; width:1px; margin-right:-1px; vertical-align:middle; }
  .section-4 .check .in { display:inline-block; max-width:90%; vertical-align:middle; }
  .section-4 .check .in.ico::before { content:''; display:block; height:59px; width:59px; margin:0 auto 5px; background:url("/resource/images/main/sprite-main-chk.png") 0 -50px no-repeat; }
  .section-4 .check input:checked + .chk-i .in.ico::before { background-position:-70px -50px; }
  .section-4 .check .in.ico.ty-2::before { background-position:0 -120px; }
  .section-4 .check input:checked + .chk-i .in.ico.ty-2::before { background-position:-70px -120px; }
  .section-4 .check .in.ico.ty-3::before { background-position:0 -190px; }
  .section-4 .check input:checked + .chk-i .in.ico.ty-3::before { background-position:-70px -190px; }
  .section-4 .check .in.ico.ty-4::before { background-position:0 -260px; }
  .section-4 .check input:checked + .chk-i .in.ico.ty-4::before { background-position:-70px -260px; }
  .section-4 .line { position:absolute; left:0; right:0; top:50%; height:1px; background:#eee; }
  .section-4 .line::before { content:''; position:absolute; left:0; top:-2px; 5px; height:5px; width:5px; background:#ddd; border-radius:100%; }
  .section-4 .line::after { content:''; position:absolute; right:0; top:-2px; 5px; height:5px; width:5px; background:#ddd; border-radius:100%; }
  .section-4 .brand-choice { text-align:center; }
  .section-4 .brand-choice .row { text-align:center; width:100%; font-size:0; }
  .section-4 .brand-choice .btn { width:200px; }
  .section-4 .brand-choice .btn + .btn { margin-left:24px; }
  .section-4 .brand-choice .btn button { font-size:14px; line-height:4.285714285714286; border-radius:8px; }
  .section-4 .brand-choice .btn .logo { background-position:0 0; width:200px; height:172px; }
  .section-4 .brand-choice .btn.april .logo { background-position:-210px 0; }
  .section-4 .brand-choice .btn.ig .logo { background-position:-420px 0; }
  .section-4 .brand-choice .btn .in::before { display:inline-block; margin:0 8px -3px 0; background-position:-686px 0; width:14px; height:18px; }

  .section-4 .brand-choice-step .step-cont.ty, .section-4 .brand-choice-step-2 .step-cont.ty-2, .section-4 .brand-choice-step-3 .step-cont.ty-3, .section-4 .brand-choice-step-4 .step-cont.ty-4 { display:block; }
  .section-4 .brand-choice-step .step-wrap .step-in:nth-of-type(1),
  .section-4 .brand-choice-step-2 .step-wrap .step-in:nth-of-type(1),
  .section-4 .brand-choice-step-3 .step-wrap .step-in:nth-of-type(2),
  .section-4 .brand-choice-step-4 .step-wrap .step-in:nth-of-type(3) { padding:0 24px; color:#303f50; font-weight:bold; border-color:#303f50; border-radius:32px; }
  .section-4 .brand-choice-step .step-wrap .step-in:nth-of-type(1) span,
  .section-4 .brand-choice-step-2 .step-wrap .step-in:nth-of-type(1) span,
  .section-4 .brand-choice-step-3 .step-wrap .step-in:nth-of-type(2) span,
  .section-4 .brand-choice-step-4 .step-wrap .step-in:nth-of-type(3) span { width:auto; height:auto; font-size:15px; font-weight:bold; line-height:2; }
  .section-4 .brand-choice-map { margin-top:-9px; }
}

@media print, all and (min-width:768px) and (max-width:1400px) { 
  .section-4 .step-cont { position:relative; }
  .section-4 .subj { position:static; width:auto; text-align:left; }
  .section-4 .question-wrap, .section-4 .brand-choice { margin:98px 0 0; height:260px; }
  .section-4 .question-wrap .col { padding:0 5px; }
  .section-4 .check { max-width:220px; font-size:18px; }
  .section-4 .question-wrap, .section-4 .brand-choice { padding:0 1.5%; }
  .section-4 .btns { bottom:287px; top:auto; text-align:left; }
}

@media screen and (max-width:767px) { 
  .i-brand-logo, .i-brand-logo-2, .i-brand-logo-3, .i-sch-6::before { background-image:url("/resource/images/main/sprite-main-mo.png"); background-size:175px 43px; }
  .i-sch-6::before { background-position:-153px -24px; width:9px; height:11px; margin:0 3px 0 0; vertical-align:0; }
  .section .img-wrap { height:320px; }
  .section .img-wrap img { margin:0 -320px; }
  .section .vis-main .slick-controls .slick-arrow { height:auto; }
  .section .slick-controls .slick-arrow { position:absolute; top:50%; margin-top:-20px; padding:10px; }
  .section .slick-controls .slick-arrow .ir { width:16px; height:16px; border:solid 1px transparent; border-right-color:#000; border-bottom-color:#000; }
  .section .slick-controls .slick-prev { left:14px; }
  .section .slick-controls .slick-next { right:14px; }

  .section-2 { display:none; }

  .matching-institute { position:fixed; bottom:40px; z-index:20; left:50%; margin-left:-88px; right:0; width:176px; height:40px; border-radius:20px; font-size:13px; line-height:3.3; font-weight:bold; text-align:center; color:#c10026; background:#fff; box-shadow: 0px 6px 10px 2px rgba(0,0,0,0.15); -webkit-transition:bottom 0.3s ease, opacity 0.3s ease; transition:bottom 0.3s ease, opacity 0.3s ease; }
  .matching-institute.hide { display:block; bottom:-60px; opacity:0; }

  .section-3-in { display:block; margin:0 20px 0 20px; }
  .section-3 { padding-bottom:0; }
  .section-3 .section-3-col { padding-top:10px; display:block; }
  .section-3 .section-3-col-2 { display:block; margin-top:45px; }
  .section-3 .brand { width:100%; margin-left:0; margin-top:10px; }
  .section-3 .brand .slide { width:100%; }
  .section-3 .brand-item dt { font-size:21px; line-height:1.145; padding:25px 0 0 0; }
  .section-3 .brand-item .cap { height:61px; }
  .section-3 .brand-item .term { font-size:13px; }
  .section-3 .brand-item .date { font-size:13px; margin-left:0; font-weight:normal; }
  .section-3 .brand-item .des { display:none; }
  .section-3 .brand-item .btn { position:absolute; bottom:35px; margin-top:0;  }
  .section-3 .brand-item .btn-go { width:94px; height:30px; line-height:2.2; font-size:13px; border:solid 1px #fff; border-radius:15px; }
  .section-3 .brand-item { height:265px; padding:0 15px; background-image:url("/resource/images/main/brand-mo.png"); background-size:198px auto; background-position:100% 100%; }
  .section-3 .brand-item.ty-2 { background-image:url("/resource/images/main/brand-2-mo.png"); background-size:198px auto; }
  .section-3 .brand-item.ty-3 { background-image:url("/resource/images/main/brand-3-mo.png"); background-size:198px auto; }
  .section-3 .brand-item.swipe { background-image:none; }
  .section-3 .diagram-txt { padding:20px 0 17px; font-weight:bold; color:#fff; text-align:center; font-size:14px; }
  .section-3 .diagram { width:170px; height:148px; margin:0 auto; }
  .section-3 .diagram img { width:170px; height:auto; }
  .section-3 .section-3-col .slick-controls .slick-arrow { position:absolute; top:50%; }
  .section-3 .section-3-col .slick-controls .slick-arrow .ir { content:''; display:inline-block; width:12px; height:12px; border:solid 1px transparent; border-right-color:#fff; border-bottom-color:#fff; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); }
  .section-3 .section-3-col .slick-controls .slick-arrow.slick-prev .ir { -webkit-transform:rotate(135deg); transform:rotate(135deg); }
  .section-3 .section-3-col .slick-controls .slick-prev { left:15px; }
  .section-3 .section-3-col .slick-controls .slick-next { right:15px; }
  .section-3 .news .btn-more-2 { top:8px; }
  .section-3 .news { margin-bottom:0; margin-top:25px; }
  .section-3 .news .title { font-size:16px; }
  .section-3 .news-list { border-top:solid 1px #93949b; margin-top:9px; }
  .section-3 .main-banner .banner-txt dt { font-size:16px; }
  .section-3 .main-banner .banner-txt dd { font-size:12px; margin-top:4px; }
  .section-3 .news, .section-3 .main-banner { float:none; width:100%; }
  .section-3 .news .news-list .subj { width:auto; max-width:calc(100% - 20px); }
  .section-3 .news .news-list .subj-in { font-size:13px; }
  .section-3 .news .news-list .date { display:none; }
  .section-3 .news .news-list li { border-top:solid 1px #e7e7e7; padding:16px 0 11px; }
  .section-3 .news .news-list li:nth-child(2) ~ li { display:none; }
  .section-3 .main-banner { max-width:none; height:auto; text-align:center; padding-bottom:15px; border-bottom:solid 1px #ddd; }
  .section-3 .main-banner .bg img { width:280px; height:auto; }
  .section-3 .i-brand-logo-3 { background-position:0 0; width:111px; height:19px; }
  .section-3 .i-brand-logo-2 { background-position:-74px -24px; width:74px; height:19px; }
  .section-3 .i-brand-logo { background-position:0 -24px; width:69px; height:19px; }
  .section-3-col-2 .slick-arrow { width:18px; height:15px; line-height:0; }
  .section-3 .slick-controls { top:0; }
  .section-3-col-2 .slick-arrow .ir { width:2px; height:2px; margin:0 0 0 -2px; vertical-align:2px; }
  .section-3-col-2 .slick-arrow.slick-prev .ir { margin:0 -2px 0 0; vertical-align:2px; }

  .section-4 { padding:26px 20px 40px; border-top:1px solid #eee; text-align:center; background:#fff; }
  .section-4-title { margin:0; font-size:18px; color:#000; font-weight:bold; }
  .section-4 .step-cont.ty .subj, .section-4 .step-cont.ty-2 .subj { margin:29px 0 15px; padding:11px 10px 12px; font-size:15px; color:#303f50; font-weight:bold; text-align:center; line-height:1.384; border:1px solid #303f50; border-radius:42px; }
  .section-4 .step-cont.ty .subj { margin:15px 0 7px; }
  .section-4 .check { position:relative; display:block; margin-top:8px; }
  .section-4 .step-cont.ty .question-wrap { text-align:center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
  .section-4 .step-cont.ty .question-wrap .col { width:22.9%; padding:0; margin-left:2.1%; box-sizing:border-box; }
  .section-4 .step-cont.ty .question-wrap .col:first-child { margin-left:0; }
  .section-4 .step-cont.ty .check .chk-i { position:relative; z-index:2; display:inline-block; width:64px; height:64px; font-size:14px; color:#666; text-align:center; line-height:1.363636363636364; border-radius:42px; background:#f4f4f4; }
  .section-4 .step-cont.ty .check .chk-i::before { content:''; display:inline-block; height:100%; width:1px; margin-right:-1px; vertical-align:middle; }
  .section-4 .step-cont.ty .check .in { display:inline-block; max-width:90%; vertical-align:middle; }
  .section-4 .step-cont.ty-2 .check .chk-i { position:relative; z-index:2; display:block; padding:10px 10px 11px; font-size:14px; color:#666; text-align:center; line-height:1.41; border-radius:42px; background:#f4f4f4; }
  .section-4 .step-cont .check input:checked + .chk-i { font-weight:bold; color:#fff; background:#4246c1; }
  .section-4 .step-cont.ty-3 .subj { padding:26px 0 15px; font-size:14px; color:#333; line-height:1.35; }
  .section-4 .brand-choice .row { text-align:center; margin-left:-20px; margin-right:-10px; font-size:0; }
  .section-4 .brand-choice .btn .logo, .section-4 .brand-choice .btn .in::before { background-size:364px 182px; }
  .section-4 .brand-choice .btn { width:135px; margin-left:10px; }
  .section-4 .brand-choice .btn button { font-size:12px; line-height:3.333333333333333; border-radius:4px; }
  .section-4 .brand-choice .btn .logo { background-position:0 -92px; width:118px; height:90px; }
  .section-4 .brand-choice .btn.april .logo { background-position:-123px -92px; }
  .section-4 .brand-choice .btn.ig .logo { background-position:-246px -92px; }
  .section-4 .brand-choice .btn .in::before { display:inline-block; margin:0 5px 0 0; background-position:-355px 0; width:9px; height:11px; }
  .section-4 .brand-choice-map { max-width:initial; height:370px; margin:0 auto; display:block; border-radius:0; overflow:hidden; }
  .section-4 .brand-choice-map .map { display:none; }
  .section-4 .brand-choice-map .list-wrap { width:auto; }
  .section-4 .brand-choice-map .fm-wrap { height:142px; padding:20px; }
  .section-4 .brand-choice-map .list { padding:20px; height:228px; }
  .section-4 .step-cont { display:none; }
  .section-4 .brand-choice-step .step-cont.ty,
  .section-4 .brand-choice-step-2 .step-cont.ty, .section-4 .brand-choice-step-2 .step-cont.ty-2,
  .section-4 .brand-choice-step-3 .step-cont,
  .section-4 .brand-choice-step-4 .step-cont { display:block; }

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