@charset "utf-8";
/* 박제광 추가 */


@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css)
@import url('//cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Square';
  font-style: normal;
  font-weight: 400;
  src: url(/font/NanumSquareR.eot);
  src: local('Nanum Square Regular'),
       local('NanumSquareR'),
       url(/font/NanumSquareR.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumSquareR.woff2) format('woff2'),
       url(/font/NanumSquareR.woff) format('woff'),
       url(/font/NanumSquareR.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Square';
  font-style: bold;
  font-weight: 700;
  src: url(/font/NanumSquareB.eot);
  src: local('Nanum Square Bold'),
       local('NanumSquareB'),
       url(/font/NanumSquareB.eot?#iefix) format('embedded-opentype'),
       url(/font/NanumSquareB.woff2) format('woff2'),
       url(/font/NanumSquareB.woff) format('woff'),
       url(/font/NanumSquareB.ttf) format('truetype');
}




@font-face {
  font-family: 'Noto thin';
  font-style: normal;
  font-weight: 100;
  src: url(/font/notokr/NotoSansKR-Thin.woff2) format('woff2'),
       url(/font/notokr/NotoSansKR-Thin.woff) format('woff'),
       url(/font/notokr/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
  font-family: 'Noto light';
  font-style: normal;
  font-weight: 100;
  src: url(/font/notokr/notokr-light.woff2) format('woff2'),
       url(/font/notokr/notokr-light.woff) format('woff'),
       url(/font/notokr/notokr-light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto regular';
   font-style: normal;
   font-weight: 300;
   src: url(/font/notokr/notokr-regular.woff2) format('woff2'),
        url(/font/notokr/notokr-regular.woff) format('woff'),
        url(/font/notokr/notokr-regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto medium';
   font-style: normal;
   font-weight: 500;
   src: url(/font/notokr/notokr-medium.woff2) format('woff2'),
        url(/font/notokr/notokr-medium.woff) format('woff'),
        url(/font/notokr/notokr-medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto bold';
   font-style: normal;
   font-weight: 500;
   src: url(/font/notokr/notokr-bold.woff2) format('woff2'),
        url(/font/notokr/notokr-bold.woff) format('woff'),
        url(/font/notokr/notokr-bold.otf) format('opentype');
 }

html { font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100% }
body { margin:0; padding:0; }

ol, ul, li { list-style:none; margin:0; padding:0; }

#header {  background:#fff;  padding: 15px 15px 5px 15px; font-family: 'Nanum Gothic'; }
#header .btn-nav { float: left; width: 50px; display: inline-block; padding-top: 10px; }
#header .logo { position:relative; text-align:center;  margin:0 auto; width: 150px; margin-top: -8px;}
#header .search { float: right; width: 36px; margin-right: 0; padding-top: 12px;}


#top-nav:after { display:block; content:''; clear:both; }
#top-nav { border-top:1px solid #dbdbdb; padding: 0px 0px 15px 0px; background: #ffffff;border-bottom:1px solid #dbdbdb;  }
#top-nav a:before { width: 20px; height: 3px; background: #ffffff; margin: 0 auto; }
#top-nav a { float:left; height:25px; line-height:40px; text-align:center;  font-size:1.2em; color:#000000; letter-spacing:-1px; white-space:nowrap; position:relative; font-family: 'Noto medium'; }
#top-nav a:hover { float:left; height:25px; line-height:40px; text-align:center;  font-size:1.2em; color:red; letter-spacing:-1px; white-space:nowrap; position:relative; font-family: 'Noto medium'; }

#top-nav a:nth-child(1) { width:12%;-webkit-tap-highlight-color : transparent;}
#top-nav a:nth-child(2) { width:21%;-webkit-tap-highlight-color : transparent;}
#top-nav a:nth-child(3) { width:21%;-webkit-tap-highlight-color : transparent;}
#top-nav a:nth-child(4) { width:22%;-webkit-tap-highlight-color : transparent;}
#top-nav a:nth-child(5) { width:24%;-webkit-tap-highlight-color : transparent;}

#top-nav a.active{ background: #18afc2; }
#top-nav a.point { font-weight:600; color:#00c1da; line-height:43px;}


/* MOBILE */
#m-nav {font-family: 'Nanum Gothic'; }
#m-nav { position:fixed; left:-110%; top:0; height:100%; width:100%; background:#f6f6f6; z-index:200; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; overflow-y:auto; overflow-x:hidden; z-index: 99999;}


#m-nav .top { height:120px; background:#000099; text-align: center; line-height:28px;  letter-spacing:-1px; }
#m-nav .top .before a { display:inline-block; vertical-align:middle; font-size:13px; color:#fff; position:relative; }
#m-nav .top .before a:first-child { padding-right:8px; margin-right:8px; }
#m-nav .top .before a:first-child:before { content:''; width:1px; position:absolute; right:-2px; top:13px; bottom:13px; background:#fff; }
#m-nav .top .after { font-size:1.1em; color:#fff; margin-left: -20px;}
#m-nav .top .after strong { display:inline-block; font-size:1.4em; font-weight: 600; padding-left: 4px; }
#m-nav .top .after .btn-logout { display:inline-block; vertical-align:middle; padding:3px 5px; background:#000; font-size:11px; line-height:1em; border-radius:3px; color:#fff; }
#m-nav .btn-out { position:absolute; right:12px; top:18px; display:inline-block; width: 70px; height: 32px; line-height: 31px; font-size:1.2em; font-weight: 500; color:#fff; border-radius: 30px; border: 1px solid #fff; }
#m-nav .btn-out a { color:#fff; }

#m-nav .btn-out2 { margin:0 auto; margin-top: 2px; display:inline-block; width: 100%; height: 40px; line-height: 39px; font-size:1.2em; font-family: 'Noto regular'; color:#fff; }
#m-nav .btn-out a { color:#fff; }


#m-nav .btns { background:#aaa; }
#m-nav .btns ul { overflow:hidden; padding:8px 0; }
#m-nav .btns ul li { float:left; width:33%; text-align:center; padding:0 5px; position:relative; }
#m-nav .btns ul li:before { content:''; width:1px; position:absolute; left:0; top:0; bottom:15px; background:#bbb; }
#m-nav .btns ul li a { display:block; }
#m-nav .btns ul li a .ico { display:block; height:30px; position:relative; }
#m-nav .btns ul li a strong { display:block; font-size:11px; color:#fff; }
#m-nav .btns ul li a .ico em { position:absolute; left:17px; top:-3px; width:14px; height:14px; border-radius:100%; background:#ff1200; text-align:center; line-height:14px; color:#fff; font-size:11px; }

#m-nav .snav { padding: 0; margin: 0; position:absolute; left:0; top: 70px; background: #fff;}
#m-nav .snav ul { padding: 0; }
#m-nav .snav ul li { float: left; width: 120px; height: 92px; margin-bottom: 1px; background: #222; text-align: center; font-size: 1.2em; color: #fff; font-weight: 500; padding-top: 15px; letter-spacing:-1px;}
#m-nav .snav ul li a {color: #fff;}
#m-nav .snav ul li .active a { background: #fff; color: #00c1da; }
#m-nav .snav ul li img { display:block; width: 50px; margin:0 auto; }


#m-nav .snav-tab:after { display:block; content:''; clear:both; font-family: 'Nanum Gothic'; }
#m-nav .snav-tab { width: 120px; background: #fff;}
#m-nav .snav-tab a { display:block; height: 32px; text-align:center; font-size: 1.2em; color: #697a8a;  padding-top: 20px; letter-spacing:-1px;  background: #f6f6f6; border-right:3px solid #ededed;}
#m-nav .snav-tab a.active { background: #fff; color:#0a142d; border-right:3px solid #ffffff;border-bottom:3px solid #ededed;font-weight:bold;}
#m-nav .snav-tab > span { cursor: pointer;display:block; height: 32px; text-align:center; font-size: 1.1em; color: #697a8a;  padding-top: 20px; letter-spacing:-1px;  background: #f6f6f6; border-right:3px solid #ededed;}


#m-nav .snav-tab3:after { display:block; content:''; clear:both; }
#m-nav .snav-tab3 { width: 120px; background: #fff;}
#m-nav .snav-tab3 a { display:block; height: 32px; text-align:left; font-size: 1.2em; color: #697a8a;  padding-top: 20px; padding-left: 40px; letter-spacing:-1px;  background: #f6f6f6; border-right:3px solid #ededed;}
#m-nav .snav-tab3 a.active { background: #fff; color:#0a142d; border-right:3px solid #ffffff;border-bottom:3px solid #ededed;font-weight:bold;}



#m-nav .snav-tab2:after { display:block; content:''; clear:both; }
#m-nav .snav-tab2 { width: 120px; background: #fff;}
#m-nav .snav-tab2 a { display:block; height: 32px; text-align:center; font-size: 1.2em; color: #697a8a;  padding-top: 20px; letter-spacing:-1px;  background: #f6f6f6; border-right:3px solid #ededed;}
#m-nav .snav-tab2 a.active { background: #fff; color:#0a142d; border-right:3px solid #ffffff;border-bottom:3px solid #ededed;}



#m-nav .snav-tab4:after { display:block; content:''; clear:both; }
#m-nav .snav-tab4 { width: 120px; background: #000000;}
#m-nav .snav-tab4 a { display:block; height: 32px; text-align:center; font-size: 1.2em; color: #ffffff;  padding-top: 20px; letter-spacing:-1px;  background: #000000; border-right:3px solid #ededed;}
#m-nav .snav-tab4 a.active { background: #ff6633; color:#ffffff; border-right:3px solid #ffffff;border-bottom:3px solid #ededed;}



#m-nav .snav-list { position:absolute; top:121px; left: 120px; width: 100%; background: #fff; }

#m-nav .snav-list .list { position:relative;  background: #fff;padding-left:20px; width:55%; }

#m-nav .snav-list .list p {  height: 45px; text-align: left; background: #fff; padding-left: 20px; border-bottom: 1px solid #eeeeee; line-height: 44px; font-size: 1.2em; color: #333333; letter-spacing:-1px;}
#m-nav .snav-list .list p a { color: #333333;}

#m-nav .snav-list .list .gl { height: 45px; text-align: left; background: #fff; padding-left: 20px; border-bottom: 2px solid #5a6aa6; line-height: 44px; font-size: 1.2em; color: #4868e1;  letter-spacing:-1px;font-family: 'Noto regular';}
#m-nav .snav-list .list .gl a { color: #4868e1;}

#m-nav .snav-list .list .ht { display:block; height: 66px; text-align: left; background: #fff; padding-left: 20px; border-bottom: 2px solid #222; line-height: 64px; font-size: 1.5em; color: #3f3f3f;  letter-spacing:-1px;}
#m-nav .snav-list .list .ht a { color: #3f3f3f;}


#m-nav .nav h2 { line-height:1em; padding:0; text-align:left; }
#m-nav .nav h2 a { display:block; font-size:14px;  color:#242424; font-weight:600; padding:12px 0 12px 10px; border-bottom:1px solid #808080; background:#f3f3f3 url(../img/common/ico_m_nav_plus.png) no-repeat 95% 50%; }
#m-nav .nav ul { display:none; border-bottom:1px solid #333; }
#m-nav .nav ul li a { display:block; font-size:12px; color:#242424; padding:8px 0 8px 10px; border-bottom:1px solid #e8e8e8; position:relative; }
#m-nav .nav ul li a:before { content:''; display:block; width:5px; height:5px; border-left:1px solid #535353; border-bottom:1px solid #535353; transform:rotate(-135deg); -webkit-transform:rotate(-135deg); position:absolute; right:16px; top:13px; }
#m-nav .nav ul li:last-child a { border-bottom:0; }
#m-nav .nav > div.active ul { }
#m-nav .nav > div.active h2 a { background-image: url(../img/common/ico_m_nav_minus.png); }
#m-nav .btn-close { position:absolute; left:10px; top:5px; padding:3px; line-height:0.5em; }

.bg-gnb { display:none; position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.7); z-index:150;}
#m-nav .btn-dep1 { display:block; font-size:14px;  color:#242424; font-weight:600; padding:12px 0 12px 10px; border-bottom:1px solid #808080; position:relative; background:#f3f3f3;  }
#m-nav .btn-dep1:before { content:''; display:block; width:6px; height:6px; border-left:1px solid #535353; border-bottom:1px solid #535353; transform:rotate(-135deg); -webkit-transform:rotate(-135deg); position:absolute; right:16px; top:17px; }



/* Mobile Active */

body.fixed #wrap  { overflow:hidden !important; }
body.fixed #m-nav { left:0;  }

body.fixed .bg-gnb { display:block; }
body.fixed #m-cart { bottom: 0; }

body.fixed .bg-gnb2 { display:block; }

body.left,
body.left #lang-list { left:0;  }
body.left .bg-gnb2 { display:block;   }



.box0 {color:#333;font-size: 1.1em;background:#ffffff; border-right:1px solid #145bbc;font-family: 'Nanum Gothic';}
.box1 {color:#333;font-size: 1.1em;background:#ffffff;font-family: 'Nanum Gothic';}
.box2 {color:#ffffff;font-size: 1.0em;padding-top:4px;}
.box2 span {color:#ff8000;font-size: 1.0em;font-family: 'Nanum Gothic';font-weight:bold;padding-top:4px;}


.box5 {color:#ffffff;font-size: 1.3em;padding:12px 0px;width:100%;background:#000099;text-align:center;}
.box5 span {background:#000099;color:#ff8000;font-size: 1.0em;font-family: 'Nanum Gothic';font-weight:bold;}



.pr{position:relative;}

.visual{text-align:center;padding:0px 0px;background:#eeeeee;}
.visual_area li{position:relative;}
.visual_area li p{display:inline-block;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
}
.visual_area li img{max-width:100%;}
#mobile_visual_counter{
	position: absolute;
    top: 90%;
    left: 90%;
    text-align: center;
    background: url(http://eckedu.com/homepage/img/bg_paging.png) no-repeat center center;
    width: 60px;
    height: 30px;
    margin-left: -30px;
    font-family: 'Noto regular';
    color: #ffffff;
    font-size: 15px;
    line-height: 32px;
    letter-spacing: 1px;
    border-radius:30px;
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    -o-border-radius:30px;
}
#mobile_visual_counter strong{font-family:'Noto regular';color:#ffffff;font-size:15px;display:inline-block;vertical-align:baseline;letter-spacing:1px;}

/* btn */
.btn_view{width:150px;height:45px;padding:0 0 0 18px;box-sizing:border-box;border:1px solid #ffffff;font-size:15px;display:inline-block;color:#ffffff;line-height:45px;background:url(http://eckedu.com/homepage/img/btn_arrow.png) no-repeat 105px center;text-align:left;}
.btn_view_dark{width:150px;height:45px;padding:0 0 0 18px;box-sizing:border-box;border:1px solid #000000;font-size:15px;display:inline-block;color:#000000;line-height:45px;background:url(http://eckedu.com/homepage/img/btn_arrow_dark.png) no-repeat 105px center;text-align:left;}


.visual .bx-controls{display:none;}

#wrap1 {padding:0px 20px 10px 20px;background:#ffffff;}
#wrap1_2 {padding:10px 10px 0px 10px;background:#ffffff;}

#wrap2 {padding:10px 0px;background:#ffffff;}

#wrap2_e {padding:1px 0px;background:#ececec;}

#wrap2_2 {padding:0px 0px 0px 0px;}

.section-wrap{ width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 2s cubic-bezier(0.86,0,0.03,1);}
.section{ position:relative; width:100%; height:100%; background-position:center center; background-repeat:no-repeat;background-position:center !important;background-size:cover !important;overflow: hidden;}
.section .main-tit{text-align:center;font-family: 'Noto light';}

.section-1{background:#fef7e4;}
.section-1 .slides-content{margin-top:25px;margin-bottom:35px;}
.section-1 .item{height:200px;padding:15px 30px;background:#fff;margin:0px 5px;}
.section-1 .item:after{position:absolute;display:inline-block;content: "";width:41px;height:41px;background:url(/img/m/right_top.png?1) no-repeat;right:5px;top:0;}
.section-1 .item > .tit:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.section-1 .item > .tit > *{float:left;}
.section-1 .item > .tit > i.img{display:inline-block;margin-right:10px;height:45px;line-height:45px;}
.section-1 .item > .tit > p.name{font-size:16px;color:#666666;line-height:45px;}
.section-1 .item > .txt > h4.tit{font-size:18px;color:#000000;line-height:20px;overflow: hidden;text-overflow: ellipsis;}
.section-1 .item > .txt > p{margin-bottom:30px;height:180px;line-height:20px;color:#666666;font-size:16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient:vertical;}
.section-1 .slides-content{width:calc(100% - 20px);padding:0 10px;}

.section-1 .main-tit{padding-top:15px;}
.section-1 .main-tit h1.tit{font-size:1.3em;padding:0 10px;color:red;} 
.section-1 .main-tit h3.tit{font-size:1.1em;padding:0 10px;color:#000000;} 
#fp-nav{display:none;}


.main-box{text-align:center;margin-bottom:25px;}

.main-box a {border:1px solid #fff;display:inline-block;color:#fff;width:155px;line-height:30px;height:30px;padding-right:5px; position: relative;}
.main-box a:after{font-size:20px;font-weight:600;display:inline-block;content: "+";margin-left:15px;transition: All 0.2s ease-in-out;-webkit-transition: All 0.2s ease-in-out;-moz-transition: All 0.2s ease-in-out;-o-transition: All 0.2s ease-in-out;width:10px;height:10px;position:relative;line-height:10px;text-align:center;position:absolute;top:50%;margin-top:-5px;}
.main-box a:hover{background:#fff;color:#000000}
.main-box a:hover:after{transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);}




.section-2{background:#ffffff;}
.section-2 .slides-content{margin:0 auto;margin-top:25px;margin-bottom:35px;width:calc(100% - 200px);}
.section-2 .item{position: relative;}


.section-2 .item > .tit > *{float:left;}
.section-2 .item > .tit > i.img{display:inline-block;margin-right:0px;height:45px;line-height:45px;}
.section-2 .item > .tit > p.name{font-size:16px;color:#000000;line-height:45px;}
.section-2 .item > .txt > h4.tit{font-size:18px;color:#000000;line-height:20px;overflow: hidden;text-overflow: ellipsis;}
.section-2 .item > .txt > p{margin-bottom:30px;height:180px;line-height:20px;color:#666666;font-size:16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient:vertical;}
.section-2 .slides-content{width:calc(100% - 20px);padding:0 10px;}

.section-2 .main-tit{padding-top:5px;}
.section-2 .main-tit h1.tit{font-size:1.3em;padding:0 10px;color:#000000;} 
.section-2 .main-tit h3.tit{font-size:1.1em;padding:0 10px;color:#000000;} 



.main-box2{text-align:center;margin-bottom:25px;}

.main-box2 a {border:1px solid #cccccc;display:inline-block;color:#000000;width:215px;line-height:50px;height:50px;padding-right:15px; position: relative;}
.main-box2 a:after{font-size:20px;font-weight:600;display:inline-block;content: "+";margin-left:15px;transition: All 0.2s ease-in-out;-webkit-transition: All 0.2s ease-in-out;-moz-transition: All 0.2s ease-in-out;-o-transition: All 0.2s ease-in-out;width:10px;height:10px;position:relative;line-height:10px;text-align:center;position:absolute;top:50%;margin-top:-5px;}
.main-box2 a:hover{background:#555;color:#fff}
.main-box2 a:hover:after{transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);}



.teacher_main{position:relative;margin:0 auto;text-align:center;background:#ffffff;font-family: 'Noto regular';}
.teacher_main_ti{text-align:center;padding:0px 0px 20px  0px;}
.teacher_main_ti strong{font-size:1.1em;line-height:1.4;}
.teacher_main_ti strong em{font-family:'Noto light';font-size:1.2em;font-style:normal;color:red;}


.teacher_list{overflow:hidden;width:4450px;}
.teacher_list li{float:left;padding:0 0 20px 0px;}
.teacher_list li .s1{font-family: 'Noto bold';font-size:1.42em;color:#333333}
.teacher_list li .s2{font-family: 'Noto bold';font-size:1.1em;color:#6c6c6c;letter-spacing: -1.3px; margin:0px 0px 10px; 0px;}
.teacher_list li img{width:160px}


#v_content {margin: 10px 10px;background:#ffffff;}

#v_content3 {margin: 0px 10px 15px 10px; ;background:#ffffff;}
#v_content2 {margin: 10px 10px 0px 10px;;background:#ffffff;}
.sub-title2 { background: #fff; font-family: 'Noto bold';padding-top: 5px; }
.sub-title2 p {text-align: left; font-family: 'Noto regular';font-size:1.3em; letter-spacing: -1px; padding-left: 20px; }



.lec .bx-pager { position:absolute; left:0; bottom: -25px; height:16px; text-align:center; }
.lec .bx-pager-item { display:inline-block; vertical-align:middle; }
.lec .bx-pager-item a { display:block; width:12px; height:12px; border-radius:100%; background:#c3c3c3; text-indent:-9999px; text-align:left; margin:0 4px; }
.lec .bx-pager-item a.active { background:red; }

.btn00a {display:inline-block;background:#00c1da;height: 30px; line-height: 29px; padding: 0 25px; letter-spacing:-1px;font-size: 1em; text-decoration:none;letter-spacing:-1px;color: #fff; font-family: 'Noto regular'; }

.btn00a a {display:inline-block;background:#00c1da;height: 30px; line-height: 29px; padding: 0 25px; letter-spacing:-1px;font-size: 1em; text-decoration:none;letter-spacing:-1px;color: #fff; font-family: 'Noto regular'; }


.btn00a2 {display:inline-block;background:red;height: 30px; line-height: 29px; padding: 0 25px; letter-spacing:-1px;font-size: 1em; text-decoration:none;letter-spacing:-1px;color: #fff; font-family: 'Noto regular'; }

.btn00a2 a {display:inline-block;background:red;height: 30px; line-height: 29px; padding: 0 25px; letter-spacing:-1px;font-size: 1em; text-decoration:none;letter-spacing:-1px;color: #fff; font-family: 'Noto regular'; }

.notice {font-family: 'Noto regular';font-size:1.1em;border-radius:15px; background:#303133; color:#fff; height:45px !important; line-height:45px; padding:0 5px; white-space: normal; overflow: hidden; text-overflow:ellipsis; }

.notice a {font-family: 'Noto regular';font-size:1.1em;border-radius:15px; background:#303133; color:#fff; height:45px !important; line-height:45px; padding:0 10px; white-space: normal; overflow: hidden; text-overflow:ellipsis; }

#v_content2 .notice>.more{text-align:right;position:absolute;top:5px;right:5px;height:35px;line-height:33px;font-size:1.0em;color:#ffff00;font-family: 'Noto regular';}

/*
.main_sns {display:block; position:relative; margin: 0px 0px 0px 0px; border: 1px solid #b5b5b5;font-family: 'Noto regular'; }

.main_sns { text-align: center; margin: 0px;font-family: 'Noto regular';}

.main_sns ul li:nth-child(1) { display: inline-block; vertical-align: middle; width:25%; margin: 0% 0px; font-family: 'Noto regular';line-height:20px;1.1}
.main_sns ul li:nth-child(2) { display: inline-block; vertical-align: middle; width:23%; margin: 0% 0px; font-family: 'Noto regular';line-height:20px;1.1}
.main_sns ul li:nth-child(3) { display: inline-block; vertical-align: middle; width:48%; margin: 0% 0px; font-family: 'Noto regular';line-height:20px;1.1}

.main_sns .img_s  img { max-width: 35%;margin: 0px 0px -12% 0px;  }
.main_sns2 {padding:10px 10px; position:relative; margin: 5px 0px 5px 0px; font-family: 'Noto regular'; font-size: 1.1em;background:#f0f0f0;}

*/
.main_sns {display:block; position:relative; margin: 0px 0px 0px 0px; border: 1px solid #b5b5b5;font-family: 'Noto regular'; }

.main_sns { text-align: center; margin: 0px;font-family: 'Noto regular';}

.main_sns ul li:nth-child(1) { display: inline-block; vertical-align: middle; width:48%; margin: 0% 0px; font-family: 'Noto regular';line-height:20px;1.1}
.main_sns ul li:nth-child(2) { display: inline-block; vertical-align: middle; width:48%; margin: 0% 0px; font-family: 'Noto regular';line-height:20px;1.1}
.main_sns ul li:nth-child(3) { display: inline-block; vertical-align: middle; width:100%; margin: 0% 0px; font-family: 'Noto regular';line-height:20px;1.1}

.main_sns .img_s  img { max-width: 35%;margin: 0px 0px -12% 0px;  }
.main_sns2 {padding:10px 10px; position:relative; margin: 5px 0px 5px 0px; font-family: 'Noto regular'; font-size: 1.1em;background:#f0f0f0;}

.custmer { width:80%;text-align: center;padding:10px 0px;}


.main_sns3 {display:block; position:relative; margin: 0px 0px 20px 0px; font-family: 'Noto regular';}
.main_sns3 { text-align: center; margin: 0px;font-family: 'Noto regular';}
.main_sns3 ul li { display: inline-block; vertical-align: middle; width:23.5%; margin: 3% 0px; font-family: 'Noto regular';line-height:28px;  }
.main_sns3 .img_s3  img { max-width: 40%;margin: 0px 0px -12% 0px;  }


#c1, #c2 {
    width: 33%;
	border-top: 1px solid #b5b5b5;border-bottom: 1px solid #b5b5b5;font-family: 'Noto regular'; 
	margin: 0px 0px 20px 0px; 
}

#c3 {
    width: auto;
	border-top: 1px solid #b5b5b5;border-bottom: 1px solid #b5b5b5;font-family: 'Noto regular'; 
	margin: 0px 0px 20px 0px; 
}



.lec_tab2 {display:block; position:relative; margin: 0px 0px 20px 0px; border-bottom: 1px solid #b5b5b5;font-family: 'Noto regular'; }

.lec_tab2 { text-align: center; margin: 0px;font-family: 'Noto regular';}
.lec_tab2 ul li { display: inline-block; vertical-align: middle; width:calc(100% / 3 - 2 ) ;padding: 10px 0px; font-family: 'Noto regular';}

.rr1 { border-right: 1px solid #b5b5b5;}


.b-_tit {color: #ffffff; line-height: 40px; font-size: 1em; padding: 0 20px;  background: #303030; text-align: center;font-family: 'Noto regular'; }


.moreview {color: #ffffff;background: #303030; padding: 10px; margin:5px 5px; border-radius: 5px; text-align:center;border:1px solid #303030; font-size: 1.1em;}
.moreview a { color: #ffffff; text-align:center;border:1px solid: #cccccc; font-size: 1.1em;font-family: 'Noto regular'; }


.moreview2{float:right;width:240px;color: #ffffff;background: #afafaf; padding: 5px 10px;  border-radius: 5px; text-align:center;font-size: 1.1em;}
.moreview2 a { color: #ffffff; text-align:center;border:1px solid: #afafaf; font-size: 1.1em;font-family: 'Noto regular'; }



.btn_line { color: #333; border: 1px solid #e1e1e1; }
.btn_line:hover { color: #ffffff; border: 1px solid #888; background: #888; }

.btn-color1 {background: #00ADEA; color: #ffffff;text-decoration: none;  }
.btn-color1 a { background: #00ADEA; color: #ffffff;text-decoration: none; }

.btn-wrap { vertical-align: top; text-align: center; }
.btn_big { display: inline-block; padding: 10px 30px; font-size: 18px!important; font-weight: 600; border-radius: 5px; }
.btn_small { display: inline-block; padding: 6px 15px; border-radius: 3px; font-size: 14px; }
.btn_line { color: #333; border: 1px solid #e1e1e1; }
.btn_line:hover { color: #fff; border: 1px solid #888; background: #888; }


.btn_small_m { display: inline-block; padding: 5px 5px; border-radius: 3px; font-size: 1em; }

.btn_line_m { color: #333; border: 1px solid #8c8c8c;font-size: 1em;  }
.btn_line_m:hover { color: #ffffff; border: 1px solid #888; background: #888; font-size: 1em; }


.b-_tit2 {color: #ffffff; line-height: 40px; font-size: 1em; padding: 0 20px;  background: #000099; text-align: center;font-family: 'Noto regular'; }

.b-_tit2 {font-family: 'Nanum Gothic';color: #ffffff; line-height: 25px; font-size: 1.4em; padding: 10px 20px;  background: #000099; text-align: center;}



.b-_tit33 {font-family: 'Nanum Gothic';color: #ffffff; line-height: 25px; font-size: 1.4em; padding: 10px 20px;  background: #404040; text-align: center; }
.b-_tit33 .sss33{ font-family: 'Nanum Gothic';vertical-align: middle;float: left; color:#ffffff}

.wite2 {color:#000;background: #fff; text-align:center;font-size: 1.2em;padding:38px;}
.wite {color:#ffffff;background: #000000; text-align:center;font-size: 1.2em;padding:10px;}
.wite a{color:#ffffff;background: #000000; }


.od_price_z{background-color:#f2f2f2; padding:1% 1%;border-radius:20px;}
.od_price_z table{padding:45px;}
.od_price_z th{text-align:left; font-weight:400; font-size:13px}
.od_price_z th span{font-size:10px;}
.od_price_z td{ text-align: center !important; border-bottom:  0 !important;font-size: 1.2em;}

.od_price_z  .total th{font-weight:bold; font-size:15px;}
.od_price_z  .total td{text-align: center }
.od_price_z  .total td strong{font-size:15px; color:#6890cc}