@charset "utf-8";

/*메뉴폰트 추가*/

@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 300;
  src: local("NanumSquareRoundL"), /* computer */
    url("../css/font/NanumSquareRoundL.eot"), /* IE9 Compat Modes */
    url("../css/font/NanumSquareRoundL.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../css/font/NanumSquareRoundL.woff2") format("woff2"), /* Modern Browsers */
    url("../css/font/NanumSquareRoundL.woff") format("woff"), /* Modern Browsers */
    url("../css/font/NanumSquareRoundL.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 400;
  src: local("NanumSquareRoundR"), /* computer */
    url("../css/font/NanumSquareRoundR.eot"), /* IE9 Compat Modes */
    url("../css/font/NanumSquareRoundR.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../css/font/NanumSquareRoundR.woff2") format("woff2"), /* Modern Browsers */    
    url("../css/font/NanumSquareRoundR.woff") format("woff"), /* Modern Browsers */
    url("../css/font/NanumSquareRoundR.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 700;
  src: local("NanumSquareRoundB"), /* computer */
    url("../css/font/NanumSquareRoundB.eot"), /* IE9 Compat Modes */
    url("../css/font/NanumSquareRoundB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../css/font/NanumSquareRoundB.woff2") format("woff2"), /* Modern Browsers */
    url("../css/font/NanumSquareRoundB.woff") format("woff"), /* Modern Browsers */
    url("../css/font/NanumSquareRoundB.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "NanumSquareRound";
  font-style: normal;
  font-weight: 800;
  src: local("NanumSquareRoundEB"), /* computer */
    url("../css/font/NanumSquareRoundEB.eot"), /* IE9 Compat Modes */
    url("../css/font/NanumSquareRoundEB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../css/font/NanumSquareRoundEB.woff2") format("woff2"), /* Modern Browsers */
    url("../css/font/NanumSquareRoundEB.woff") format("woff"), /* Modern Browsers */
    url

}


/* reset */
*{-webkit-text-size-adjust:none}
*{max-height:1000000px}
body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,th,td,input,textarea,button,select,pre{margin:0;padding:0;font-family:"Roboto","Noto Sans KR","Malgun Gothic","맑은 고딕","Apple Gothic", "Apple SD Gothic Neo", sans-serif;color:#666;font-size:13px;letter-spacing:-0.5px;font-weight:normal}
a{text-decoration:none}
address,caption,em,var,i{font-style:normal;font-weight:normal}
input,textarea,select{letter-spacing:normal}
ol,ul,dl{list-style:none}
li{list-style:none}
fieldset,img{border:0}
legend,caption{display:none}
img{border:0;vertical-align:top}
hr{display:none}
table{border-collapse:collapse;border-spacing:0}
br{letter-spacing:normal}
/* p{letter-spacing:normal} */
input{vertical-align:middle}
button{*overflow:visible;margin:0;padding:0;border:0 none;background:transparent;line-height:normal;cursor:pointer}
button::-moz-focus-inner{border:0;padding:0}

/* style */
.spoqa{font-family:"Spoqa Han Sans","Sans-serif"}
.position{position:relative}
.hide{display:block;height:0;overflow:hidden}
.ir{visibility:hidden;overflow:hidden;position:absolute;left:-99999px;width:1%;height:1%;margin:0;padding:0;font-size:1%;line-height:1%}
.ir2 span{display:inline-block;position:relative;z-index:-1;height:11px;overflow:hidden;font-size:11px;left:-3000em}
.fl{float:left}
.fr{float:right}
.b, .bold{font-weight:bold}
.tc{text-align:center}
.tr{text-align:right}
.tl{text-align:left !important}
.ls{letter-spacing:-1px}
.vt{vertical-align:top}
.vm{vertical-align:middle}
.overflow{overflow:hidden}
.u{text-decoration:underline}
.bold{font-weight:bold}
.block{display:block}
.inblock{display:inline-block}
.mauto{margin:0 auto}
.inner{width:1000px;margin:0 auto}
.nowrap{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.movShow{overflow:hidden}
.full{overflow:hidden;min-width:1000px}
.w1000{display:block;width:1000px;margin:0 auto}
.w2000{position:relative;left:50%;margin-left:-1000px;width:2000px}
.blind{display:inline-block;overflow:hidden;width:1px;height:1px;position:absolute !important;left:-100vw;color:transparent}

/* link */
a {color:#333;text-decoration:none}
a:hover{text-decoration:none}
a.h_blue:hover{color:#2f62cb}
a.h_blueline:hover{color:#2f62cb;text-decoration:underline}

/* margin */
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt70{margin-top:70px}
.mr0{margin-right:0 !important}
.mr3{margin-right:3px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.ml0{margin-left:0 !important}
.ml3{margin-left:3px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml50{margin-left:50px}
.mb20{margin-bottom:20px}

/* padding */
.pd0{padding:0 !important}
.pd30{padding:30px !important}
.pr0{padding-right:0 !important}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr20{padding-right:20px}
.pr50{padding-right:50px}
.pb0{padding-bottom:0 !important}
.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px !important}
.pb30{padding-bottom:30px}
.pb35{padding-bottom:35px}
.pb50{padding-bottom:50px}
.pb70{padding-bottom:70px}
.pl10{padding-left:10px}
.pl13{padding-left:13px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl25{padding-left:25px}
.pl60{padding-left:60px}
.pt0{padding-top:0 !important}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt29{padding-top:29px !important}
.pt30{padding-top:30px !important}
.pt40{padding-top:40px !important}
.pt50{padding-top:50px !important}
.pt60{padding-top:60px !important}
.pt70{padding-top:70px !important}
.pt100{padding-top:100px !important}

/* font size */
.fs13{font-size:13px !important}
.fs15{font-size:15px !important}

/* font color */
.fc_red,a.fc_red{color:#2f62cb !important}
.fc_blue{color:#2f62cb !important}
.fc_666{color:#666}
.fc_999{color:#999 !important}
.fc_black{color:#000 !important}
.fc_white{color:#fff !important}
.fc_orange{color:#f96b0c !important}

/* background */
.bg_gray{background:#f8f8f8}
.bg_white{background:#fff !important}

/* title (v1) */
h3.tit_sub{position:relative;margin-top:20px;padding-bottom:10px;font-size:16px;font-weight:bold;color:#333}
h3.tit_sub .txt{color:#999;font-weight:normal}
h3.tit_sub .more{position:absolute;top:-4px;right:0}
h3.tit_sub .more .type-radio{display:inline-block;color:#000;font-size:13px;font-weight:normal}
h3.tit_sub_line{padding-bottom:8px;font-size:16px;font-weight:bold;color:#333;border-bottom:2px solid #666}

/* title (renew) */
.subtit_txt{padding-bottom:20px;font-size:18px;color:#000;font-weight:bold}


.main_section{overflow-x:hidden}
.main_section .inner{width:1100px}
.main_section .sec_visual{position:relative;overflow:hidden;height:541px}

.main_section .sec_visual a{display:block;width:100%;height:100%}
.main_section .sec_visual .box{position:absolute;top:60px;right:50%;margin-right:130px;width:420px;height:420px;border-radius:30px 30px 0 30px;background:#fff;transition:opacity .5s}
.main_section .sec_visual .box .sub_tit{position:absolute;top:60px;left:40px;font-size:16px;color:#444;text-decoration:none;border-bottom:1px solid #444;transform:translateX(50px);opacity:0;transition:all .5s}
.main_section .sec_visual .box .tit{position:absolute;top:100px;left:40px;font-size:48px;line-height:1.2;color:#0d1720;font-weight:bold;transform:translateX(50px);opacity:0;transition:all .5s}
.main_section .sec_visual .box .desc_box{position:absolute;top:235px;left:40px;transform:translateX(50px);opacity:0;transition:all .5s}
.main_section .sec_visual .box .desc{font-size:20px;line-height:1.8;color:#444}
.main_section .sec_visual .box .desc .no{font-weight:bold;margin-right:.3em;color:#254fef}
.main_section .sec_visual .img{transform:translateX(-80px);transition:all .8s;position:relative;left:50%;margin-left:-1000px}
.main_section .sec_visual .show .sub_tit,
.main_section .sec_visual .show .tit,
.main_section .sec_visual .show .desc_box,
.main_section .sec_visual .show .img{transform:translateX(0);opacity:1}
.main_section .sec_visual .swiper-control{position:absolute;top:410px;right:50%;margin-right:180px;width:270px}
.main_section .sec_visual .swiper-control:before{position:absolute;top:9px;left:0;z-index:1;right:0;border-top:1px solid #111;content:''}
.main_section .sec_visual .swiper-control .no{position:absolute;top:0;right:100%;z-index:11;width:60px;font-size:20px;line-height:1;color:#444;letter-spacing:0;background:#fff;opacity:0}
.main_section .sec_visual .swiper-control .no.show{opacity:1}
.main_section .sec_visual .swiper-control .now{color:#254fef}
.main_section .sec_visual .swiper-pagination{position:absolute;right:0;white-space:nowrap;padding-left:20px;background:#fff}
.main_section .sec_visual .swiper-pagination-bullet{width:12px;height:12px;margin-left:12px;background:#ddd;opacity:1;outline:none}
.main_section .sec_visual .swiper-pagination-bullet-active{background:#254fef}
.main_section .sec_event .inner{position:relative; }
.main_section .sec_event .sec_tit{margin-bottom:60px;text-align:center}
.main_section .sec_event .evt_ban{position:relative;width:370px}
.main_section .sec_event .evt_ban:before{display:inline-block;position:absolute;top:50%;left:10px;right:10px;border-top:1px solid #ccc;content:''}
.main_section .sec_event .evt_ban .ban{overflow:hidden;width:370px;height:160px}
.main_section .sec_event .evt_ban .ban + .ban{margin-top:25px}
.main_section .sec_event .evt_ban .ban a{display:block}
.main_section .sec_event .evt_ban .ban:hover{box-shadow:0 0 10px rgba(0,0,0,.1)}
.main_section .sec_event .evt_sl{position:relative;top:0;right:0;width:1100px}
.main_section .sec_event .evt_sl .swiper-container{padding-bottom:20px}
.main_section .sec_event .evt_sl li{width:260px; padding-right:20px;}
.main_section .sec_event .evt_sl a{display:block;text-align:center}
.main_section .sec_event .evt_sl .thumb{display:inline-block;width:270px;}
.main_section .sec_event .evt_sl .desc{display:block;margin-top:28px;font-size:16px;line-height:1;color:#444;text-align:center}
.main_section .sec_event .evt_sl .tit{display:block;margin-top:10px;font-size:24px;line-height:1;color:#444;font-weight:bold;text-align:center}
.main_section .sec_event .evt_sl .bt{display:inline-block;width:270px;height:40px;box-sizing:border-box;margin-top:25px;border:1px solid #999;font-size:16px;color:#444;line-height:36px;text-align:center;background:#fff; border-radius:50px}

.main_section .sec_event .evt_sl a:hover .bt{background:#333; color:#fff}
.main_section .sec_event .evt_sl a:hover .thumb{/*box-shadow:0 5px 10px rgba(0,0,0,.1);*/}

.main_section .sec_best{padding:50px 0;background:#eee}
.main_section .sec_best .cont_box{position:relative;height:550px}
.main_section .sec_best .cont_box:before{display:inline-block;position:absolute;top:0;left:50%;bottom:0;border-left:1px dashed #888;content:''}
.main_section .sec_best .side{position:absolute;top:125px;width:98px;height:300px}
.main_section .sec_best .side .part_tit{font-size:22px;color:#222;text-align:center;font-weight:bold;line-height:1.2}
.main_section .sec_best .side .bt_go{display:inline-block;position:absolute;bottom:0;left:0;width:100%;height:42px;box-sizing:border-box;border-radius:49px;border:1px solid #999;font-size:15px;color:#222;line-height:38px;text-align:center}
.main_section .sec_best .side .bt_go:hover{box-shadow:0 5px 10px rgba(0,0,0,.1)}
.main_section .sec_best .best_review{position:absolute;top:0;right:50%;margin-right:40px;width:480px}
.main_section .sec_best .best_review .side{right:530px}
.main_section .sec_best .cheer{position:absolute;top:0;left:50%;margin-left:40px;width:480px}
.main_section .sec_best .cheer .side{left:530px}
.main_section .sec_best .swiper-control{position:absolute;top:200px;width:20px;height:110px}
.main_section .sec_best .best_sl,
.main_section .sec_best .cheer_sl{height:550px}
.main_section .sec_best .best_sl .swiper-control{right:570px}
.main_section .sec_best .cheer .swiper-control{left:570px}
.main_section .sec_best .swiper-container{height:100%}
.main_section .sec_best .swiper-navigation button{display:inline-block;position:absolute;left:2px;width:15px;height:15px;border-top:2px solid #222;border-right:2px solid #222;transform:rotateZ(-45deg);outline:none}
.main_section .sec_best .swiper-navigation button.prev{top:0}
.main_section .sec_best .swiper-navigation button.next{bottom:0;transform:rotateZ(135deg)}
.main_section .sec_best .swiper-pagination{position:absolute;top:40px;left:0;width:100%;font-size:24px;color:#254fef;line-height:1;font-weight:bold;text-align:center}
.main_section .sec_best .best_sl a{display:block;position:relative;width:480px;height:550px;box-sizing:border-box;border:1px solid #666;background:#fff}
.main_section .sec_best .best_sl .thumb{display:block;height:199px;background-position:center center;background-size:cover}
.main_section .sec_best .best_sl .txt_box{position:absolute;top:240px;left:45px;width:385px;height:270px}
.main_section .sec_best .best_sl .tag{display:inline-block;height:29px;margin-bottom:20px;padding:0 10px;font-size:16px;color:#fff;line-height:27px;background:#f22b2b}
.main_section .sec_best .best_sl .tag.pen{background:#f22b2b}
.main_section .sec_best .best_sl .tag.lec{background:#254fef}
.main_section .sec_best .best_sl .tit{display:block;display:-webkit-box;webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;max-height:2.4em;font-size:26px;color:#222;font-weight:bold;line-height:1.2;word-wrap:break-word}
.main_section .sec_best .best_sl .cont{display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;margin-top:20px;font-size:16px;color:#666;line-height:1.4;height:4.2em; text-align:left;word-wrap:break-word}
.main_section .sec_best .best_sl .bt_more{position:absolute;bottom:0;right:0;color:#254fef;margin-left:.5em;border-bottom:1px solid #254fef}
.main_section .sec_best .info{white-space:nowrap;font-size:16px;color:#666}
.main_section .sec_best .best_sl .info{display:inline-block;position:absolute;bottom:0;left:0;line-height:27px}
.main_section .sec_best .info .date:before{content:'|';margin-left:6px;margin-right:10px;color:#c5c5c5}
.main_section .sec_best .cheer li{width:480px;height:120px;padding:27px 45px 0;box-sizing:border-box;border-radius:25px 25px 25px 0;background:#fff}
.main_section .sec_best .cheer .cont{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:23px;color:#222;line-height:1;font-weight:bold}
.main_section .sec_best .cheer .info{margin-top:20px}
.main_section .sec_best .cheer .info.new:before{content:url(//ace-cdn.aceschool.com/www/main/ico_new.png);margin-right:15px;vertical-align:middle}
.main_section .sec_column{overflow:hidden;position:relative;padding:0px 0 50px;background:url(../img/bg_column.png) left bottom repeat-x}
.main_section .sec_column .sec_tit{position:absolute;top:125px;left:50px}
.main_section .sec_column .column_list{display:flex;position:relative;z-index:1;padding-top:450px;background:url(../img/img_column.png) right top no-repeat}
.main_section .sec_column .column_list li{position:relative;width:33.33%;height:260px}
.main_section .sec_column .column_list li a{display:inline-block;box-sizing:border-box;width:100%;height:100%;border:1px solid #666;border-left-width:0;background:#fff;transition:all .2s}
.main_section .sec_column .column_list li:first-child a{border-left-width:1px}
.main_section .sec_column .column_list li a:after{display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid transparent;box-sizing:border-box;content:'';transition:all .2s}
.main_section .sec_column .column_list .no{display:inline-block;position:absolute;top:60px;left:50%;width:80px;height:40px;border-radius:10px 10px 10px 0;font-size:18px;color:#fff;line-height:38px;text-align:center;transform:translateX(-50%);background:#222;transition:all .2s}
.main_section .sec_column .column_list .no span{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:all .2s}
.main_section .sec_column .column_list .no .arr{display:block;position:absolute;top:0;left:0;width:100%;height:100%;height:100%;opacity:0;background:url(../img/ico_arr.png) center center no-repeat;transition:all .2s}
.main_section .sec_column .column_list a:hover{background:#eee}
.main_section .sec_column .column_list a:hover:after{z-index:1;border-color:#254fef;box-shadow:0 10px 20px rgba(0,0,0,.4)}
.main_section .sec_column .column_list a:hover .no{width:50px;background:#254fef}
.main_section .sec_column .column_list a:hover .no span{opacity:0}
.main_section .sec_column .column_list a:hover .no .arr{opacity:1}

.main_section .sec_column .column_list .txt{display:inline-block;position:absolute;top:133px;left:50%;transform:translateX(-50%)}
.main_section .sec_column .wave{position:absolute;bottom:314px;left:calc(50% + 100px);z-index:0;width:50vw;height:150px}
.main_section .sec_column .wave:after{position:absolute;z-index:-1;top:100%;left:0;width:100%;height:280px;background:#013ca6;content:''}
.main_section .sec_column .waves{position:relative;width:100%;height:100%;margin-bottom:-7px}
.main_section .sec_column .parallax > use{animation: move-wave 25s cubic-bezier(.55,.5,.45,.5) infinite}
.main_section .sec_column .parallax > use:nth-child(1){animation-delay:-2s;animation-duration:7s}
.main_section .sec_column .parallax > use:nth-child(2){animation-delay:-3s;animation-duration:10s}
.main_section .sec_column .parallax > use:nth-child(3){animation-delay:-4s;animation-duration:13s}
.main_section .sec_column .parallax > use:nth-child(4){animation-delay:-5s;animation-duration:20s}


.main_section .sec_video{padding:50px 0 100px;background:#013ca6}
.main_section .sec_video .sec_tit{margin-bottom:60px;text-align:center}
.main_section .sec_video .video_area{position:relative;height:950px;padding-left:880px}
.main_section .sec_video .video_box{position:absolute;top:0;left:0;/*width:830px;height:492px;*/box-sizing:border-box;border:0px solid #fff;}
.main_section .sec_video .video_box .video{width:100%;height:100%;border:none}
.main_section .sec_video .video_list{display:flex;flex-direction:column;justify-content:space-between;height:492px}
.main_section .sec_video .video_list .bt_play{display:inline-block;position:relative;width:220px;height:114px;outline:none}
.main_section .sec_video .video_list .thumb{display:inline-block;width:100%;height:100%}
.main_section .sec_influ{overflow:hidden;padding:100px 0}
.main_section .sec_influ .sec_tit{position:absolute;bottom:30px;left:50%;margin-left:150px}
.main_section .sec_influ .view_box{position:relative;width:640px;height:510px;box-sizing:border-box;border:10px solid #013ca6}
.main_section .sec_influ .view_box:before{content:url(//ace-cdn.aceschool.com/www/main/deco_txt.png);position:absolute;left:-35px;top:-10px}
.main_section .sec_influ .view_box .thumb{position:absolute;top:50px;left:41px;z-index:1;width:360px;height:204px;transition:all .2s}
.main_section .sec_influ .view_box .thumb:before{display:inline-block;position:absolute;top:50%;left:50%;z-index:20;width:66px;height:66px;border-radius:50%;background:#fff;transform:translate(-50%, -50%);box-shadow:0 0 10px rgba(0,0,0,.1);content:'';pointer-events:none}
.main_section .sec_influ .view_box .thumb:after{display:inline-block;position:absolute;top:50%;left:50%;z-index:20;margin-top:-12px;margin-left:-4px;border-left:18px solid #222;border-top:12px solid transparent;border-bottom:12px solid transparent;content:'';pointer-events:none}
.main_section .sec_influ .view_box .thumb:hover{box-shadow:0 5px 10px rgba(0,0,0,.3)}
.main_section .sec_influ .view_box .thumb:hover:before{box-shadow:0 5px 10px rgba(0,0,0,.3)}
.main_section .sec_influ .view_box .thumb li{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}
.main_section .sec_influ .view_box .thumb li.now{z-index:1;background:#000}

.main_section .sec_influ .view_box .bt_play{display:inline-block}
.main_section .sec_influ .view_box li:not(.now) .bt_play{pointer-events:none}

.main_section .sec_influ .view_box .cont{position:absolute;top:300px;left:40px}
.main_section .sec_influ .view_box .cont li{overflow:hidden;position:absolute;top:0;left:0;opacity:0;width:540px;font-size:18px;color:#333;line-height:1.8}
.main_section .sec_influ .view_box .name{position:absolute;bottom:50px;left:40px}
.main_section .sec_influ .view_box .name li{overflow:hidden;position:absolute;bottom:0;left:0;opacity:0;width:500px;font-size:18px;color:#2f62cb;line-height:1}
.main_section .sec_influ .bts{position:absolute;bottom:-10px;right:-10px;width:160px}
.main_section .sec_influ .bts button.bt_prev{transform:rotateZ(180deg)}
.main_section .sec_influ .bts button:hover{background-color:#222}
.main_section .sec_influ .view_box :not(.thumb) .before,
.main_section .sec_influ .view_box :not(.thumb) .next{opacity:0;transform:translateY(30px)}
.main_section .sec_influ .view_box .thumb li.now,
.main_section .sec_influ .view_box .cont li.now,
.main_section .sec_influ .view_box .name li.now{opacity:1}
.main_section .sec_influ .view_box :not(.thumb) .next.show{opacity:1;transform:translateY(0);transition:all .5s}
.main_section .sec_influ .view_box .before.show{transform:translateY(0);opacity:1;opacity:all .5s}
.main_section .sec_influ .view_box .now.out{opacity:0 !important;transition:all .5s}

.main_section .sec_influ .thumb_box{overflow:hidden;position:absolute;top:60px;left:700px;width:calc(50vw - 150px);height:204px}
.main_section .sec_influ .thumb_move{position:absolute;top:60px;left:700px}
.main_section .sec_influ .thumb_next{position:absolute;top:0;left:0}
.main_section .sec_influ .thumb_prev{position:absolute;top:0;left:-649px}
.main_section .sec_influ .thumb_move .thumb{transform:translateX(0);opacity:0}
.main_section .sec_influ .thumb_next .thumb.move{transform:translateX(-649px);transition:transform .5s;opacity:1}
.main_section .sec_influ .thumb_prev .thumb.move{transform:translateX(649px);transition:transform .5s;opacity:1;z-index}

.main_section .sec_influ .thumb_list{height:100%}
.main_section .sec_influ .thumb_list.next{transform:translateX(-370px);transition:all .5s}
.main_section .sec_influ .thumb_list.next .thumb:first-child{opacity:0}
.main_section .sec_influ .thumb_list.prev{transform:translateX(370px);transition:all .5s}
.main_section .sec_influ .thumb_list.prev .thumb:first-child{opacity:1}
.main_section .sec_influ .thumb_list .thumb{display:inline-block;overflow:hidden;float:left;margin-right:10px;width:360px;height:204px}

.main_section .sec_review{overflow:hidden;padding:0px 0;background:#eee}
.main_section .sec_review .sec_tit{text-align:center;margin-bottom:50px}
.main_section .sec_review .review_sl{position:relative;height:550px}
.main_section .sec_review .review_sl:before{content:'';display:inline-block;position:absolute;top:0;left:0;bottom:0;z-index:10;width:10%;background:linear-gradient(to right, rgba(238,238,238,1) 0%,rgba(255,255,255,0) 100%)}
.main_section .sec_review .review_sl:after{content:'';display:inline-block;position:absolute;top:0;right:0;bottom:0;z-index:10;width:10%;background:linear-gradient(to left, rgba(238,238,238,1) 0%,rgba(255,255,255,0) 100%)}
.main_section .sec_review .swiper-container{position:absolute;left:50%;margin-left:-1375px}
.main_section .sec_review .review_sl li{width:530px;margin-right:20px;opacity:.4;transition:opacity .5s}
.main_section .sec_review .review_sl li.swiper-slide-active,
.main_section .sec_review .review_sl li.swiper-slide-next{opacity:1}
.main_section .sec_review .review_sl li .item:first-child{float:left}
.main_section .sec_review .review_sl li .item:last-child{float:right}
.main_section .sec_review .review_sl .item{height:550px;padding:0 50px;box-sizing:border-box;border:1px solid #ddd;border-radius:15px;background:#fff}
.main_section .sec_review .review_sl .info{position:relative;height:165px;box-sizing:border-box;padding-top:50px;border-bottom:1px solid #ddd}
.main_section .sec_review .review_sl .info .tit{font-size:20px;line-height:1.4;color:#060606}
.main_section .sec_review .review_sl .info .name{display:inline-block;margin-top:20px;font-size:16px;color:#0d35ff}
.main_section .sec_review .review_sl .info .avata{position:absolute;top:40px;right:0}
.main_section .sec_review .review_sl .cont{margin-top:40px;font-size:16px;line-height:1.8;color:#666}
.main_section .sec_review .review_sl .swiper-navigation button{display:inline-block;position:absolute;top:237px;z-index:1;width:80px;height:80px;border:1px solid #a9b7ff;border-radius:50%;background:#fff;box-shadow:0 5px 10px rgba(96,75,253,.2);outline:none}
.main_section .sec_review .review_sl .swiper-navigation button:after{content:'';display:inline-block;position:absolute;top:50%;left:50%;width:13px;height:13px;margin-left:-3px;margin-top:-7px;border-top:2px solid #485eff;border-left:2px solid #485eff;transform:rotateZ(-45deg)}
.main_section .sec_review .review_sl .swiper-navigation button.next:after{transform:rotateZ(135deg);margin-left:-8px;}
.main_section .sec_review .review_sl .swiper-navigation button.prev{right:50%;margin-right:520px}
.main_section .sec_review .review_sl .swiper-navigation button.next{left:50%;margin-left:520px}




.intro_section.v4 .sec_tit{padding:60px 0 70px 0;text-align:center}
.intro_section.v4 .wrap_ace h4{padding-bottom:20px;font-weight:bold;font-size:28px;color:#282828}
.intro_section.v4 .wrap_ace .sec01 .visual{width:1000px;height:248px;margin:0 auto}
.intro_section.v4 .wrap_ace .sec01 .wrap_sl{min-height:418px;padding-bottom:80px;background:#f3f3f3}

.intro_section.v4 .wrap_ace .sec01 .bsnss_sl .bx-controls-direction .bx-prev{left:-80px;background-position-x:0}
.intro_section.v4 .wrap_ace .sec01 .bsnss_sl .bx-controls-direction .bx-next{right:-80px;background-position-x:-38px}
.intro_section.v4 .wrap_ace .sec01 .bsnss_sl .bx-controls-direction a:hover{background-position-y:-73px}
.intro_section.v4 .wrap_ace .sec01 .bsnss_sl .bsnss_pg{position:absolute;bottom:20px;right:30px;z-index:55}
.intro_section.v4 .wrap_ace .sec01 .bsnss_sl .bsnss_pg li{float:left;margin-left:12px}
.intro_section.v4 .wrap_ace .sec01 .bsnss_sl .bsnss_pg li a{font-size:17px;color:#87a3dc;border-bottom:1px solid #87a3dc}
.intro_section.v4 .wrap_ace .sec01 .bsnss_sl .bsnss_pg li a.active{font-weight:bold;color:#fff;border-bottom-color:#fff}
.intro_section.v4 .wrap_ace .sec01 .bsnss_sl .sl li{position:relative}
.intro_section.v4 .wrap_ace .sec01 .bsnss_sl .sl li > div{padding:50px 0 0 46px;font-size:15px;line-height:1.6;box-sizing:border-box}
.intro_section.v4 .wrap_ace .sec01 .bsnss_sl .mission{width:715px;height:418px}
.intro_section.v4 .wrap_ace .sec01 .bsnss_sl .mission .desc{display:block;padding-bottom:20px;font-size:13px;color:#888}
.intro_section.v4 .wrap_ace .sec01 .bsnss_sl .vision{position:absolute;top:0;right:0;width:435px;height:378px;margin-top:40px;color:#b3ccff}
.intro_section.v4 .wrap_ace .sec01 .bsnss_sl .vision h4{color:#fff}
.intro_section.v4 .wrap_ace .sec02{padding:20px}
.intro_section.v4 .wrap_ace .sec02 [class^="box"]{min-height:310px;padding:60px 0 60px 535px;border-top:1px solid #f3f3f3;font-size:15px;line-height:1.6}
.intro_section.v4 .wrap_ace .sec02 [class^="box"] h4{padding-top:10px}
.intro_section.v4 .wrap_ace .sec02 ul li{position:relative;font-size:15px}
.intro_section.v4 .wrap_ace .sec02 ul li:before{position:absolute;left:0;content:''}

.intro_section.v4 .wrap_ace .sec02 .box0 ul{margin-top:35px;overflow:hidden}
.intro_section.v4 .wrap_ace .sec02 .box0 ul li{float:left;width:198px;margin-bottom:5px;padding-left:12px;font-weight:bold;font-size:14px;color:#333}
.intro_section.v4 .wrap_ace .sec02 .box0 ul li:before{top:16px;border:2px solid #2f62cb;border-radius:2px}
.intro_section.v4 .wrap_ace .sec02 .box0 ul li em{font-size:22px}
.intro_section.v4 .wrap_ace .sec02 .box1 em{font-size:17px}
.intro_section.v4 .wrap_ace .sec02 .box2 ul li{padding-left:6px}
.intro_section.v4 .wrap_ace .sec02 .box2 ul li:before{top:10px;border:1px solid #989898;border-radius:1px}

.intro_section.v4 .wrap_story .share_list{width:1000px;margin:0 auto;border-top:2px solid #000}
.intro_section.v4 .wrap_story .share_list li{}
.intro_section.v4 .wrap_story .share_list .summ{position:relative;height:185px;background:#fff;border:1px solid #e8e8e8;border-top:0}
.intro_section.v4 .wrap_story .share_list .summ_tit{padding:40px 0 0 250px;font-size:18px;color:#333;font-weight:bold}
.intro_section.v4 .wrap_story .share_list .summ_desc{padding:5px 0 0 250px;font-size:14px;color:#666}
.intro_section.v4 .wrap_story .share_list .summ_thumb{position:absolute;top:30px;left:30px;width:195px;height:125px}
.intro_section.v4 .wrap_story .share_list .date{display:block;margin-top:15px;color:#999;font-size:14px}

.intro_section.v4 .wrap_story .share_list li.on .bt_more{background-position:right -56px}
.intro_section.v4 .wrap_story .share_list .detail{display:none;padding:35px 23px;background:#f1f1f1;color:#333;font-size:14px;line-height:1.6}
.intro_section.v4 .wrap_story .share_list li.on .detail{display:block}
.intro_section.v4 .wrap_story .share_list .view{overflow:hidden}
.intro_section.v4 .wrap_story .share_list .view li{float:left;width:33.3%;text-align:center}
.intro_section.v4 .wrap_story .share_list .view li:first-child{width:33.4%}
.intro_section.v4 .wrap_story .share_list .view li .thumb{display:block}
.intro_section.v4 .wrap_story .share_list .view li .post{margin-top:15px;color:#333;font-size:14px;line-height:1.6}

.intro_section.v4 .wrap_ace{}
.intro_section.v4 .ace_info{}
.intro_section.v4 .ace_info .thumb_info{position:relative;padding-bottom:80px;overflow:hidden}
.intro_section.v4 .ace_info .thumb_info .info.ty2{width:596px}
.intro_section.v4 .ace_info .thumb_info .info .tt{display:block;padding-bottom:10px;color:#000;font-weight:bold;font-size:20px}
.intro_section.v4 .ace_info .thumb_info .info dt{position:relative;padding:15px 0 15px 0;border-bottom:1px solid #e1e1e1;color:#000;font-weight:bold;font-size:20px;letter-spacing:-1px}
.intro_section.v4 .ace_info .thumb_info .info dd{padding:20px 0;color:#707070;font-size:17px;line-height:1.7}
.intro_section.v4 .q{display:inline-block;width:32px;height:32px;background:#000;color:#fff;font-weight:bold;font-family:Arial;font-size:15px;text-align:center;line-height:32px;vertical-align:middle}
.intro_section.v4 .ace_info .thumb_info.left .thumb{float:left}
.intro_section.v4 .ace_info .thumb_info.left .info{float:left;margin-left:40px}
.intro_section.v4 .ace_info .thumb_info.right .thumb{float:right;width:475px}
.intro_section.v4 .ace_info .thumb_info.right .info{float:left;width:475px}
.intro_section.v4 .ace_info .thumb_info.center{margin-bottom:30px;padding:0 0 65px 0;border-bottom:1px solid #e1e1e1}
.intro_section.v4 .ace_info .thumb_info.center.noline{border-bottom:0;margin-bottom:0}
.intro_section.v4 .ace_info .thumb_info.center .info{float:left;width:740px}
.intro_section.v4 .ace_info .thumb_info.center .info dt{position:absolute;top:0;left:0;padding-left:48px;border-bottom:0}
.intro_section.v4 .ace_info .thumb_info.center .info .q{position:absolute;top:15px;left:0}
.intro_section.v4 .ace_info .thumb_info.center .info dd{padding:11px 0 0  225px;width:100%}
.intro_section.v4 .ace_info .thumb_info.center .thumb{clear:both;padding-top:70px}
.intro_section.v4 .ace_txt{padding-bottom:40px}
.intro_section.v4 .ace_txt h4{padding:0 0 15px 0;border-bottom:1px solid #e1e1e1;color:#000;font-weight:bold;font-size:22px;letter-spacing:-1px}
.intro_section.v4 .ace_txt .txt{padding:30px 0;color:#707070;font-size:17px;line-height:1.6}
.intro_section.v4 .ace_dm{margin-bottom:70px;background:url(../css/www/v4/intro/ace_sec6_bg.jpg) no-repeat center center;background-size:cover}
.intro_section.v4 .ace_dm .inner{text-align:right}
.intro_section.v4 .ace_dm .inner .txt{padding-right:24px}

.intro_section.v4 .ace_point .inner{padding:110px 0 0 65px}
.intro_section.v4 .ace_point .btn_app{position:absolute;top:230px;left:50%;display:block;width:194px;height:42px;margin-left:-468px;border:1px solid #fff;color:#fff;line-height:42px;text-decoration:none;text-align:center}
.intro_section.v4 .ace_point .btn_app:hover{background-color:#fff;color:#000}
.intro_section.v4 .ace_info .thumb_info.center .youtube_q{padding:20px 0 0 220px}

.sec_uitll{padding:30px 0 30px;background:#f7f7f7}
.sec_uitll .inner{overflow:hidden;width:1100px}
.sec_uitll > div h3{display:block;height:19px;margin-bottom:37px}
.sec_uitll .noti_box{float:left;position:relative;width:400px;padding-right:17px;box-sizing:border-box}
.sec_uitll .noti_box .cs{overflow:hidden;margin-bottom:8px}
.sec_uitll .noti_box .cs .cont{float:left;width:100%}
.sec_uitll .noti_box .cs .cont .stit{margin-bottom:10px;font-weight:normal;font-size:18px;color:#333}
.sec_uitll .noti_box .cs .cont .tel{display:block;margin-bottom:15px;font-weight:bold;font-size:28px;color:#333}
.sec_uitll .noti_box .cs .cont .desc{font-size:14px;color:#999;line-height:18px}



.sec_uitll .noti_box .bt_more{position:absolute;top:20px;right:47px;width:42px;padding-right:5px;font-size:12px;background:url('../img/ico_lft_arw.png') right center no-repeat;color:#999;letter-spacing:-1px}
.sec_uitll .noti_box .noti_list li{position:relative;overflow:hidden;margin-top:18px;padding-left:10px}
.sec_uitll .noti_box .noti_list li:first-child{margin-top:0}
.sec_uitll .noti_box .noti_list li::before{position:absolute;top:7px;left:0;width:4px;height:4px;border-radius:100%;background:#909090;content:''}
.sec_uitll .noti_box .noti_list li > a{display:block;float:left;overflow:hidden;width:260px;margin-right:18px;font-size:14px;color:#333;text-overflow:ellipsis;word-break:break-all;white-space:nowrap}
.sec_uitll .noti_box .noti_list li > a:hover{text-decoration:underline}
.sec_uitll .noti_box .noti_list li .date{display:block;float:left;width:64px;font-size:14px;color:#999}
.sec_uitll .cs_box{float:left;width:375px;padding:0 50px;border-width:0 1px;border-style:solid;border-color:#dfdfdf;box-sizing:border-box}
.sec_uitll .cs_box .cs{overflow:hidden;margin-bottom:8px}
.sec_uitll .cs_box .cs .cont{float:left;width:100%}
.sec_uitll .cs_box .cs .cont .stit{display:block;margin-bottom:10px;font-weight:normal;font-size:18px;color:#333}
.sec_uitll .cs_box .cs .cont .tel{display:block;margin-bottom:15px;font-weight:bold;font-size:30px;color:#333}
.sec_uitll .cs_box .cs .cont .desc{font-size:14px;color:#999;line-height:18px}
.sec_uitll .cs_box .noti{font-size:12px;color:#999;line-height:1.2;margin-bottom:10px}
.sec_uitll .cs_box .btns{overflow:hidden}
.sec_uitll .cs_box .btns a{display:inline-block;padding:7px 13px;border:1px solid #8a8a8a;font-size:12px;color:#333;line-height:1}
.sec_uitll .sns_box{float:left;width:324px;padding-left:50px;box-sizing:border-box}
.sec_uitll .sns_box .btn_list{overflow:hidden;margin-bottom:20px}
.sec_uitll .sns_box .btn_list li{float:left;margin-left:9px;width:38px;height:38px}
.sec_uitll .sns_box .btn_list li:first-child{margin-left:0}
/*.sec_uitll .sns_box .btn_list li a{display:block;overflow:hidden;width:100%;height:100%;text-indent:-9999em}
.sec_uitll .sns_box .btn_list li:nth-child(1) a{background-image:url('../img/ico_fb.gif');background-repeat:no-repeat;background-position:0 0}
.sec_uitll .sns_box .btn_list li:nth-child(2) a{background-image:url('../img/ico_nb.gif');background-repeat:no-repeat;background-position:0 0}
.sec_uitll .sns_box .btn_list li:nth-child(3) a{background-image:url('../img/ico_yt.gif');background-repeat:no-repeat;background-position:0 0}
.sec_uitll .sns_box .btn_list li:nth-child(4) a{background-image:url('../img/ico_insta.gif');background-repeat:no-repeat;background-position:0 0}
.sec_uitll .sns_box .btn_list li:nth-child(5) a{background-image:url('../img/ico_nc.gif');background-repeat:no-repeat;background-position:0 0}
.sec_uitll .sns_box .btn_list li:nth-child(6) a{background-image:url('../img/ico_np.gif');background-repeat:no-repeat;background-position:0 0}*/
.sec_uitll .sns_box .app_list li{margin-top:7px}
.sec_uitll .sns_box .app_list li:first-child{margin-top:0}
.sec_uitll .sns_box .app_list li > a{display:block}


/* 우측퀵메뉴 */
.quick_menu{position:absolute;top:100%;right:0;box-sizing:border-box;z-index:111;height:100vh;margin-top:1px;background:#fff}
.quick_menu .quick_area{position:relative;top:0;right:0;width:100px;height:100%;bottom:0;background:#fff;border-left:1px solid #ddd}
.quick_menu li{text-align:center;border-bottom:1px solid #ddd;box-sizing:border-box}
.quick_menu li.q_h100{height:80px;padding:15px 0}
.quick_menu li.q_h60{height:60px;padding:12px 0}
.quick_menu li.q_h50{height:50px;display:table;width:100%}
.quick_menu li span{display:block;font-size:13px;color:#555}
.quick_menu li a:hover span{color:#2356ea;font-weight:bold}
.quick_menu li.q_h50 a{display:table-cell;vertical-align:middle}
.quick_menu li .q_ico{margin-bottom:5px}
.quick_menu li.cs{padding:11.5px 0}
.quick_menu li.ban_box{padding-top:10px;border-bottom:0}
.quick_menu li.ban_box a{display:block}

.quick_menu li .quick_tit{color:#111115;font-size:17px;margin-bottom:10px}
.quick_menu li.column{padding:20px 5px}
.quick_menu li.column .quick_tit{font-size:13px;border-bottom:1px solid #222;padding-bottom:10px}
.quick_menu li.column .col_list{display:block;margin-bottom:15px}
.quick_menu li.column .col_list:last-child{margin-bottom:0}
.quick_menu li.column .col_list:after{content:'';display:block;width:60px;height:1px;background:#d1d1d1;margin:0 auto;margin-top:15px}
.quick_menu li.column .col_list:last-child:after{display:none}
.quick_menu li.column .col_list i{color:#111115;font-size:12px;font-weight:bold}
.quick_menu li.column .col_list p{color:#666;font-size:13px}
.quick_menu li.column .col_list:hover i,.quick_menu li.column .col_list:hover p,.quick_menu li.column .col_list:hover p span{color:#2356ea;font-weight:bold}
.quick_menu li.column .col_list p span{color:#2356ea;letter-spacing:-2px;display:inline-block}
.quick_menu .bt_top{display:inline-block;padding:24px 0;width:100px;position:fixed;bottom:0;right:0;text-align:center;line-height:1}





@charset "utf-8";

/* layout css */
#ace_body{position:relative;min-width:1000px}
#ace_header{position:relative;z-index:200}
#ace_header .inner{position:relative;width:1100px}
#ace_header .top_wrap{position:relative;height:40px;border-bottom:1px solid #ddd;background:#f6f6f6}
#ace_header .top_wrap .inner{margin:0 auto}
#ace_header .top_wrap .fam_box{padding-right:344px}
#ace_header .top_wrap .fam_box .fam_list{width:810px}
#ace_header .top_wrap .fam_box .fam_list .menu_dep1{display:inline-block;position:relative}
#ace_header .top_wrap .fam_box .fam_list .menu_dep1 .tit{display:block;height:40px;padding:0 17px;font-size:12px;color:#666;line-height:40px}
#ace_header .top_wrap .fam_box .fam_list .menu_dep1 .tit i{display:inline-block;position:relative;top:-1px;height:12px;margin-left:4px;padding:1px 5px;border-radius:12px;background:#f22b2b;font-size:10px;text-align:center;color:#fff;line-height:11px}
#ace_header .top_wrap .fam_box .fam_list .menu_dep1 .menu_dep2{display:none;position:absolute;top:40px;left:50%;width:140px;margin-left:-70px;padding:16px 0;border:1px solid #ddd;border-top:none;background:#fff;opacity:0;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;z-index:10}
#ace_header .top_wrap .fam_box .fam_list .menu_dep1 .menu_dep2 .dep2_list li a{display:block;height:25px;font-size:12px;text-align:center;color:#666;line-height:25px}
#ace_header .top_wrap .fam_box .fam_list .menu_dep1:first-child .tit{padding-left:0}
#ace_header .top_wrap .fam_box .fam_list .menu_dep1:first-child .menu_dep2{margin-left:-84px}
#ace_header .top_wrap .fam_box .fam_list .menu_dep1:hover .tit{color:#254fef}
#ace_header .top_wrap .fam_box .fam_list .menu_dep1:hover .menu_dep2{display:block;opacity:1;background:#f6f6f6}
#ace_header .top_wrap .fam_box .fam_list .menu_dep1:hover .menu_dep2 li a:hover{text-decoration:underline}

#ace_header .top_wrap .top_box{position:absolute;top:0;right:0}
#ace_header .top_wrap .top_box .top_list .menu_dep1{display:inline-block;position:relative}
#ace_header .top_wrap .top_box .top_list .menu_dep1 > a{display:block;position:relative;height:40px;padding:0 10px;font-size:12px;color:#666;line-height:40px}
#ace_header .top_wrap .top_box .top_list .menu_dep1 > a::before{position:absolute;top:15px;left:0;width:1px;height:10px;background:#ddd;content:''}

#ace_header .top_wrap .top_box .top_list .menu_dep1.lang> a {display:inline ;padding: 0 2px;position:relative;height:40px;font-size:12px;color:#666;line-height:40px}
#ace_header .top_wrap .top_box .top_list .menu_dep1.lang> a img{vertical-align:middle;}


#ace_header .top_wrap .top_box .top_list .menu_dep1 .menu_dep2{display:none;position:absolute;top:40px;right:-33px;width:140px;padding:16px 0;border:1px solid #ddd;border-top:none;background:#f6f6f6;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;z-index:10}
#ace_header .top_wrap .top_box .top_list .menu_dep1 .menu_dep2 .dep2_list li a{display:block;height:25px;font-size:12px;text-align:center;color:#666;line-height:25px}
#ace_header .top_wrap .top_box .top_list .menu_dep1:first-child > a::before{display:none}
#ace_header .top_wrap .top_box .top_list .menu_dep1:hover > a{text-decoration:underline}
#ace_header .top_wrap .top_box .top_list .menu_dep1:hover .menu_dep2{display:block}
#ace_header .top_wrap .top_box .top_list .menu_dep1:hover .menu_dep2 .dep2_list li a:hover{text-decoration:underline}

#ace_header .logo_area{height:100px;border-bottom:1px solid #e5e5e5}
#ace_header .logo_area .ban_card_sl{position:absolute;top:18px;left:0;width:180px;height:70px}
#ace_header .logo_area .ban_card_sl .swiper-navigation{display:none;position:absolute;top:4px;right:4px;z-index:1;border:1px solid #d4d4d4}
#ace_header .logo_area .ban_card_sl .swiper-navigation.show{display:block}
#ace_header .logo_area .ban_card_sl .swiper-navigation button{display:inline-block;position:relative;float:left;width:14px;height:14px}
#ace_header .logo_area .ban_card_sl .swiper-navigation button:after{content:'';position:absolute;top:4px;left:6px;width:5px;height:5px;border-left:1px solid #000;border-top:1px solid #000;transform:rotateZ(-45deg)}
#ace_header .logo_area .ban_card_sl .swiper-navigation button.next{border-left:1px solid #d4d4d4}
#ace_header .logo_area .ban_card_sl .swiper-navigation button.next:after{transform:rotateZ(135deg);left:2px}
#ace_header .logo_area .logo{position:relative;top:25px;width:350px;margin:0 auto}
#ace_header .logo_area .my_menu{position:absolute;top:28px;right:0;white-space:nowrap}
#ace_header .logo_area .my_item{display:inline-block;position:relative;width:50px;margin-left:19px}
#ace_header .logo_area .my_item > a{display:block;text-align:center}
#ace_header .logo_area .my_item .ico{display:block;height:26px}
#ace_header .logo_area .my_item .ico.alert{position:relative;background:url(../img/ico_alert.png) center top no-repeat}
#ace_header .logo_area .my_item .ico.cart{background:url(../img/ico_cart.png) center top no-repeat}
#ace_header .logo_area .my_item .ico.mypage{background:url(../img/ico_my.png) center top no-repeat}
#ace_header .logo_area .my_item .cnt{position:absolute;top:-2px;left:50%;margin-left:2px;min-width:16px;height:16px;box-sizing:border-box;padding:0 3px 0 2px;border-radius:8px;font-size:10px;color:#fff;line-height:15px;text-align:center;background:#f22b2b}
#ace_header .logo_area .my_item .txt{display:block;padding-top:7px;font-size:11px;color:#666;line-height:1;text-align:center}


#ace_header .gnb_wrap{position:relative;height:58px;width:100%;border-bottom:1px solid #0d1720;background:#fff5f4} /*ffefef*/
#ace_header .gnb_wrap.fixed{position:fixed;top:0;left:0;z-index:200}
#ace_header .gnb_area{box-sizing:border-box;padding-left:0px;padding-right:0px}
#ace_header .bt_allview{position:absolute;top:19px;left:0;z-index:20;width:22px;height:19px;outline:none}
#ace_header .bt_allview:before{content:'';position:absolute;top:0;left:0;right:0;border-top:3px solid #000;transition:all .3s;transform-origin:0 0}
#ace_header .bt_allview:after{content:'';position:absolute;bottom:0;left:0;right:0;border-top:3px solid #000;transition:all .3s;transform-origin:0 100%}
#ace_header .bt_allview span{overflow:hidden;position:absolute;top:50%;margin-top:-2px;left:0;right:0;height:0;border-top:3px solid #000;text-indent:-100vw;transition:all .3s}
#ace_header .bt_allview.on:before{transform:rotate(45deg);right:-2px}
#ace_header .bt_allview.on:after{transform:rotate(-45deg);right:-2px}
#ace_header .bt_allview.on span{right:100%}

#ace_header .gnb_list{display:flex;justify-content:space-around;margin:0 0px}
#ace_header .gnb_list .menu_dep1{position:relative}
#ace_header .gnb_list .menu_dep1 > a{display:inline-block;height:58px;padding:0 10px;font-size:18px;color:#0d1720;line-height:56px;text-align:center;font-weight:800;font-family: 'NanumSquareRound',sans-serif;}
#ace_header .gnb_list .menu_dep1 > a.on,
#ace_header .gnb_list .menu_dep1 > a:hover{color:#254fef}
#ace_header .gnb_list .menu_dep2{display:none;position:absolute;top:58px;left:calc(50% - 90px);width:180px;padding:30px;border:1px solid #e5e5e5;border-top:1px solid #0d1720;box-sizing:border-box;background:#fff}
#ace_header .gnb_list .menu_dep2 a{display:block;font-size:15px;line-height:1.8;color:#666}
#ace_header .gnb_list .menu_dep2 a:hover{text-decoration:underline}
#ace_header .gnb_list .menu_dep1:hover .menu_dep2{display:block}
#ace_header .gnb_list .menu_dep2 .bold{color:#333}
#ace_header .gnb_list .menu_dep2.has_sl{width:390px;min-height:240px;padding-right:220px}
#ace_header .gnb_list .menu_dep2.has_sl .gnb_sl{position:absolute;top:30px;right:30px;width:160px}
#ace_header .gnb_list .menu_dep2.has_sl .gnb_sl .swiper-pagination{width:100%;text-align:center}
#ace_header .gnb_list .menu_dep2.has_sl .gnb_sl .swiper-pagination .swiper-pagination-bullet{width:4px;height:4px;margin:0 2px;border:1px solid #254fef;opacity:1;background:#fff}
#ace_header .gnb_list .menu_dep2.has_sl .gnb_sl .swiper-pagination .swiper-pagination-bullet-active{background:#254fef}
#ace_header .bt_myclass{position:absolute;top:8px;right:0;width:138px;height:42px;border-radius:21px;font-size:16px;color:#fff;text-align:center;line-height:40px;background:#333}



#ace_container{position:relative;padding:0px 0;background:none}
#ace_container.event_section{overflow:hidden;position:static !important;width:100%;min-width:1000px;padding:0}
#ace_container.gray{background:#fafafa}
#ace_container.gray2{background:#f8f8f8}
#ace_container.sky{background:#e7eff6}
#ace_container .wrap_breadcrumb{position:absolute;left:0;top:0;z-index:58;width:100%;min-width:1000px;height:40px;border-top:solid 1px #e8e8e8;border-bottom:solid 1px #e8e8e8;background:#fff}
#ace_container .wrap_breadcrumb .breadcrumb{width:1000px;height:40px;margin:0 auto}
#ace_container .wrap_breadcrumb .breadcrumb > li{float:left;position:relative;border-right:1px solid #e8e8e8}
#ace_container .wrap_breadcrumb .breadcrumb > li > a{display:block;height:40px;width:154px;padding:0 20px;line-height:37px;font-size:14px;color:#777}
#ace_container .wrap_breadcrumb .breadcrumb.t5 > li > a{width:115px}
#ace_container .wrap_breadcrumb .breadcrumb.t6 > li > a{width:99px;padding:0 15px}
#ace_container .wrap_breadcrumb .breadcrumb > li > a:hover{text-decoration:none}
#ace_container .wrap_breadcrumb .breadcrumb > li._1st{width:218px;border-left:1px solid #e8e8e8}
#ace_container .wrap_breadcrumb .breadcrumb > li._1st > a{width:178px;padding:0 20px;color:#000;font-weight:bold;background:#fbfbfb url(../css/www/v2/comm/breadcrumb_1st.png) right center no-repeat}
#ace_container .wrap_breadcrumb .breadcrumb > li.has > a{background:url(../css/www/v2/comm/arr_breadcrumb.png) right -6px no-repeat}
#ace_container .wrap_breadcrumb .breadcrumb.t6 > li.has > a{background-position:100px -6px}
#ace_container .wrap_breadcrumb .breadcrumb li.on a{color:#2f62cb}
#ace_container .wrap_breadcrumb .breadcrumb li.on > a{font-weight:bold}
#ace_container .wrap_breadcrumb .breadcrumb > li.has.on > a{color:#2f62cb;background:url(../css/www/v2/comm/arr_breadcrumb_on.png) right -6px no-repeat  !important}
#ace_container .wrap_breadcrumb .breadcrumb.t6 > li.has.on > a{background-position:100px -6px !important}
#ace_container .wrap_breadcrumb .breadcrumb > li.reapply{background:url(../css/www/v2/product/ico_reapply.png) right 12px no-repeat}
#ace_container .wrap_breadcrumb .breadcrumb .down{display:none;position:absolute;left:-1px;top:40px;width:100%;border:1px solid #e8e8e8}
#ace_container .wrap_breadcrumb .breadcrumb li.opened .down{display:block}
#ace_container .wrap_breadcrumb .breadcrumb .down_list{padding:5px 0 10px;background:#fff}
#ace_container .wrap_breadcrumb .breadcrumb .down_list a{display:block;padding:5px 20px;font-size:14px;color:#777}
#ace_container .wrap_breadcrumb .breadcrumb.t6 .down_list a{padding:5px 10px;letter-spacing:-2px}
#ace_container .wrap_breadcrumb .breadcrumb .on .down_list a{color:#777}
#ace_container .wrap_breadcrumb .breadcrumb a:hover{color:#2f62cb !important}

/* footer */
#ace_footer{position:relative;width:100%;padding-bottom:50px}
#ace_footer .wrap_footer_bar{position:relative;height:40px;border-top:1px solid #e6e2e0;border-bottom:1px solid #e6e2e0;background:#fff}
#ace_footer .inner{position:relative;width:1100px}
#ace_footer .footer_inner{position:relative;width:1160px;margin:0 auto}/*라이브챗용*/
#ace_footer .footer_list{height:40px;padding-right:393px}
#ace_footer .footer_list::after{display:block;width:0;height:0;font-size:0;clear:both;content:''}
#ace_footer .footer_list li{display:block;float:left;position:relative;width:141px;border-left:1px solid #e6e2e0;font-size:13px;line-height:40px;text-align:center;box-sizing:border-box}
#ace_footer .footer_list li.site{width:143px;cursor:pointer}
#ace_footer .footer_list li.site a#ace_footer .footer_list li.site a:hover{color:#2f62cb}
#ace_footer .footer_list li a{display:block;color:#666}
#ace_footer .footer_list li a:hover{color:#2f62cb;text-decoration:underline}
#ace_footer .footer_list li.on::after{display:block;position:absolute;top:10px;right:35px;width:6px;height:6px;border-radius:6px;background:#254fef;content:''}
#ace_footer .family_site{position:absolute;top:0;right:0;width:393px;height:40px;background:#f7f7f7}
#ace_footer .family_site .comment{display:block;width:100%;height:40px;padding:0 15px;border-left:1px solid #e6e2e0;border-right:1px solid #e6e2e0;color:#222;line-height:40px;font-size:14px;box-sizing:border-box}
#ace_footer .family_site .comment i{display:inline-block;padding-right:20px;background:url(../img/ico_plus.png) no-repeat right 50%}
#ace_footer .family_site #site_list{position:absolute;top:6px;right:15px;z-index:2;width:186px;height:28px;background:#fff}
#ace_footer .family_site #site_list::after{display:block;position:absolute;top:13px;right:11px;width:7px;height:4px;background:url('//ace-cdn.aceschool.com//www/comm/ico_btm_arw.png') 0 0 no-repeat;background-size:7px 4px;content:''}
#ace_footer .family_site #site_list li{display:none;text-indent:11px;line-height:24px}
#ace_footer .family_site #site_list li.fst{display:block}
#ace_footer .family_site #site_list li a{display:block;font-size:12px;color:#666}
#ace_footer .family_site #site_list li a:hover{color:#2f62cb;text-decoration:underline}
#ace_footer .family_site #site_list.on{display:block;overflow-y:scroll;height:200px;background:#f9f9f9;z-index:20}
#ace_footer .family_site #site_list.on li{display:block}
#ace_footer .company_menu{position:absolute;top:0;left:0;width:144px;height:40px}
#ace_footer .company_menu #menu_list{position:absolute;bottom:0;left:0;width:100%;height:30px;padding:5px 0;z-index:2}
#ace_footer .company_menu #menu_list li{display:none;padding:0 10px 0 27px;line-height:24px}
#ace_footer .company_menu #menu_list li a{display:block;color:#666}
#ace_footer .company_menu #menu_list li a:hover{color:#2f62cb;text-decoration:underline}
#ace_footer .company_menu #menu_list.on{display:block;width:142px;height:auto;border:1px solid #e6e2e0;border-bottom:none;background:#fff;z-index:20}
#ace_footer .company_menu #menu_list.on li{display:block}

#ace_footer .copyright{position:relative;width:1100px;margin:0 auto;padding:40px 0 27px 212px;text-align:left;box-sizing:border-box}
#ace_footer .copyright .footer_logo{position:absolute;top:34px;left:0}
#ace_footer .copyright .bt_ver_mo{float:right;display:inline-block;position:relative;top:-14px;left:-22px;width:170px;height:35px;background:#444;color:#fff !important;border-radius:5px;font-size:15px;text-align:center;line-height:35px}
#ace_footer .copyright .bt_ver_mo:hover{text-decoration:none !important}
#ace_footer .copyright .address{font-size:14px;color:#999;line-height:16px}
#ace_footer .copyright .address .ct_list{font-size:13px;line-height:16px}
#ace_footer .copyright .letc{letter-spacing:0}
#ace_footer .copyright .mg{margin:0 6px;color:#e4e4e4;font-weight:normal}
#ace_footer .copyright .ct_list{padding-bottom:18px;color:#000}
#ace_footer .copyright .ct_list a{color:#333}
#ace_footer .copyright .ct_list a:hover{text-decoration:underline}
#ace_footer .copyright .ct_list .policy{color:#2f62cb}
#ace_footer .copyright .adds_info{clear:both}
#ace_footer .copyright .adds_info, #ace_footer .copyright .adds_info p,#ace_footer .copyright .adds_info a{font-size:13px;color:#999;line-height:1.6}

/* footer 190516 */
#ace_footer .help{display:none;position:absolute;right:-2px;bottom:-41px;z-index:10;width:338px;padding:30px;border:1px solid #e6e2e0;background:#f9f9f9;box-sizing:border-box}



#ace_header .header_top .global_tab > li.on > span{border-color:#fff;background:#fff;color:#111}



.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}
.swiper-container-vertical>.swiper-wrapper {
	flex-direction: column
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
	transform: translate3d(0px, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
	flex-wrap: wrap
}
.swiper-container-multirow-column>.swiper-wrapper {
	flex-wrap: wrap;
	flex-direction: column
}
.swiper-container-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}
.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform
}
.swiper-slide-invisible-blank {
	visibility: hidden
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height: auto
}
.swiper-container-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}
.swiper-container-3d {
	perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
	transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0))
}
.swiper-container-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
display:none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type: y mandatory
}