@charset "utf-8";
@import url('global.css');
@import url('layout.css');
@import url('common.css');

.wrapper { width:1000px; margin:0 auto; margin-top:35px; overflow:hidden; }

.info { float:left; width:300px;}
.info .info_1 { background:url(../images/info_1.jpg); height:76px; line-height:76px;}
.info .info_2 { background:url(../images/info_2a.jpg); height:77px; line-height:77px;}
.info .info_1 a, .info .info_2 a{ display:block; font-family:'Noto Sans KR', nsans-serif; font-size:18px; font-weight:500; color:#2a2a2a; }
.info .bank { background:#3c3c3c; width:100%; height:105px; padding-top:15px; font-family:'Noto Sans KR', nsans-serif; font-size:17px; color:#fff; text-align:center;}
.info .bank strong{ font-size:20px; line-height:30px;}
.info .bank .number{ font-size:25px; font-weight:600; color:#f70b91; line-height:35px;}

.mboard { float:left; margin-left:20px; width:328px; height:272px; border-left:1px #d8d8d8 solid; border-right:1px #d8d8d8 solid; border-bottom:1px #d8d8d8 solid;}
.mboard .list { padding:0 30px; line-height:30px;}

/*스카이프 수강료*/
.mpay { background:url(../images/mpay_bg.jpg) center no-repeat; width:100%; height:869px;}
.mpay .title { padding-top:45px; font-size:18px; font-weight:; color:#; line-height:50px; text-align:center; }
.mpay .title strong{ font-family:'Noto Sans KR', nsans-serif;  font-size:40px; color:#2a2a2a; letter-spacing:-1.5px; }
.mpay .title span{ font-weight:600; color:#2e96d3; }
.mpay .btn { width:600px; margin:0 auto; margin-top:45px; text-align:center; }
.mpay .btn li{ display:inline-block; margin:0 20px;}
.mpay .btn li a{ font-size:28px; font-weight:600; color:#fff;}
.mpay .btn li a span{ background:#fff; padding:2px 8px; font-size:20px; font-weight:400; color:#000022; text-align:center;}
.mpay .slidebanner{ width:100%; height:; margin:0 auto; }

/* 수강절차 */
.process { width:1000px; margin:0 auto; margin-top:-40px;}
.process .title{ font-family:'Noto Sans KR', nsans-serif; font-size:40px; font-weight:600; color:#2a2a2a; letter-spacing:-1.5px; text-align:center;}
.process .title .line{ background:#f70b91; width:50px; height:2px; margin:0 auto; margin-bottom:25px;}
.process .step { background:url(../images/mprocess.gif); width:1000px; height:177px; margin-top:40px; overflow:hidden;}
.process .step ul { float:left; margin-right:34px; width:138px; text-align:center;}
.process .step ul:last-child { float:left; margin-right:0;}
.process .step li {font-family:'Noto Sans KR', nsans-serif; font-size:17px; font-weight:400; color:#fff; line-height:22px;}
.process .step li.number { font-size:22px; font-weight:500; color:#868686; margin-bottom:88px;}

.best { background:url(../images/main_best3.png) center no-repeat; width:100%; height:471px; margin-top:80px;}
.best li{ font-family:'Noto Sans KR', nsans-serif; font-size:25px; font-weight:; color:#fff; text-align:center;}
.best .txt1{ font-size:40px; font-weight:600; color:#9d5344; padding-top:45px; }
.best .txt1 strong{ font-size:50px; font-weight:300; line-height:150px; }
.best .txt2{ font-size:30px; font-weight:600; color:#9d5344; line-height:160px;}

.main_curr { background:url(../images/main_curr.jpg) center no-repeat; width:100%; height:430px;}
.main_curr .wrapper{ width:1000px; margin:0 auto;}
.main_curr .wrapper .title{ margin-top:60px; margin-bottom:55px; font-family:'Noto Sans KR', nsans-serif; font-size:40px; font-weight:600; color:#2a2a2a; letter-spacing:-1.5px; text-align:center;}
.main_curr .wrapper .list li{ float:left; margin-right:15px; margin-bottom:15px; }
.main_curr .wrapper .list li a{ display:block; width:191px; height:82px; padding-top:25px; font-family:'Noto Sans KR', nsans-serif; font-size:15px; font-weight:; color:#929292; text-align:center;}
.main_curr .wrapper .list li strong{ font-size:22px; color:#363636;}


.quick { width:1000px; margin:0 auto; margin-top:20px; margin-bottom:-10px; overflow:hidden;}
.quick li { float:left; width:199px; height:80px; border-right:1px #d6d6d6 solid; text-align:; overflow:hidden;}
.quick li:last-child {border-right:0px #d6d6d6 solid; }
.quick .t1 { display:block; margin-top:17px; margin-left:75px; font-size:17px; font-weight:600; color:#; line-height:22px;}
.quick .t1 strong{ font-size:28px; font-weight:bold; color:#2f5ca8; line-height:22px;}
.quick .t2 { display:block; margin-top:12px; margin-left:75px; font-size:15px; font-weight:600; color:#; line-height:20px}
.quick .t3 { display:block; margin-top:5px; margin-left:75px; font-size:13px; color:#; line-height:15px;}
.quick .on { font-size:13px; color:#2f5ca8; line-height:22px}


.quick1 { float:left; width:120px; height:65px; padding:15px 0 0 75px; background:url(../images/quick_01.gif); border-right:1px #d6d6d6 solid; font-size:17px; font-weight:600; line-height:23px; }
.quick2 { float:left; width:118px; height:65px; padding:15px 0 0 95px; background:url(../images/quick_02.gif); border-right:1px #d6d6d6 solid; font-size:17px; font-weight:600; line-height:23px; }
.quick3 { float:left; width:91px; height:65px; padding:15px 0 0 105px; background:url(../images/quick_03.gif); border-right:1px #d6d6d6 solid; font-size:17px; font-weight:600; line-height:23px; }
.quick4 { float:left; width:122px; height:65px; padding:15px 0 0 100px; background:url(../images/quick_04.gif); border-right:1px #d6d6d6 solid; font-size:17px; font-weight:600; line-height:23px; }
.quick5 { float:left; width:80px; height:65px; padding:15px 0 0 90px; background:url(../images/quick_05.gif); border-right:0px #d6d6d6 solid; font-size:17px; font-weight:600; line-height:23px; }
.quick1 .btn, .quick2 .btn, .quick3 .btn, .quick4 .btn, .quick5 .btn{ display:block; width:54px; height:20px; margin-top:8px; background:#3e6dbb; border-radius:3px; font-size:12px; font-weight:500; color:#fff; line-height:20px; text-align:center;}