@import url(/assets/animate/animate.min.css);
@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 300;
  src: local('Nanum Barun Gothic Light'), local('Nanum Barun Gothic-Light'), local('NanumBarunGothic Light');
  src: url(/assets/font-awesome/fonts/NanumBarunGothicLight.eot);
  src: url(/assets/font-awesome/fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
       url(/assets/font-awesome/fonts/NanumBarunGothicLight.woff) format('woff'),
       url(/assets/font-awesome/fonts/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 400;
  src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src: url(/assets/font-awesome/fonts/NanumBarunGothic.eot);
  src: url(/assets/font-awesome/fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
       url(/assets/font-awesome/fonts/NanumBarunGothic.woff) format('woff'),
       url(/assets/font-awesome/fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  font-weight: 700;
  src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
  src: url(/assets/font-awesome/fonts/NanumBarunGothicBold.eot);
  src: url(/assets/font-awesome/fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
       url(/assets/font-awesome/fonts/NanumBarunGothicBold.woff) format('woff'),
       url(/assets/font-awesome/fonts/NanumBarunGothicBold.ttf) format('truetype');
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:subpixel-antialiased}
body{overflow-x:hidden;position:relative;font-family:"malgun gothic","PT Sans",sans-serif !important;font-size:13px;line-height:22px;font-weight:300;background-color:#fff;color:#616161}
::-moz-selection{background:#33CC66;color:#fff;text-shadow:none}
::selection{background:#1c588f;color:#fff;text-shadow:none}
input,textarea,input[type="submit"]:focus,div{outline:none}
button,input,select,textarea{vertical-align:top;margin:0}
select{height:28px}
iframe{border:0;margin-top:0 !important}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2em;margin-bottom:.7em;text-transform:capitalize}
h1{font-size:29px}
h2{font-size:25px}
h3{font-size:23px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:14px}
em{font-style:italic}
strong{font-weight:700}
small{font-size:85%}
p{line-height:160%;margin-bottom:10px}
a{color:#333;cursor:pointer}
a:hover{color:#33CC66;text-decoration:none;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;transition:.35s}
hr{margin:15px 0;border-color:#e0eded}
label{font-weight:400;font-size:13px}
.light h1,.light h2,.light h3,.light h4,.light h5,.light h6{color:#333 !important}
.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:#fff !important}
.light-gray h1,.light-gray h2,.light-gray h3,.light-gray h4,.light-gray h5,.light-gray h6{color:#000}
.base h1,.base>h2,.base h3,.base h4,.base h5,.base h6{color:#fff}
.c-white{color:#fff !important}
.white{background:#fff;color:#333 !important}
.white a,.white i{color:#333}
.base{background:#33CC66;color:#fff !important}
.base a,.base i{color:#fff}
.yellow{background:#ffd800;color:#fff}
.yellow a,.yellow i{color:#fff}
.bg-yellow{background:#ffd800;color:#fff}
.bg-base{background:#33CC66;color:#fff}
.bg-white{background:#fff;color:#666}
.no-padding{padding:0 !important}
.no-margin{margin:0 !important}
.p-15{padding:15px !important}
.p-20{padding:20px !important}
.p-30{padding:30px !important}
.p-50{padding:50px 0 !important}
.pb-10{padding-bottom:10px}
.pb-15{padding-bottom:15px}
.pb-20{padding-bottom:20px}
.pt-10{padding-top:10px}
.pt-20{padding-top:20px}
.pl-20{padding-left:20px}
.pr-20{padding-right:20px}
.mt-5{margin-top:5px}
.mb-5{margin-bottom:5px}
.ml-5{margin-left:5px}
.mr-5{margin-right:5px}
.mt-10{margin-top:10px}
.mb-10{margin-bottom:10px}
.ml-10{margin-left:10px}
.mr-10{margin-right:10px}
.mt-15{margin-top:15px}
.mb-15{margin-bottom:15px}
.ml-15{margin-left:15px}
.mr-15{margin-right:15px}
.mt-20{margin-top:20px !important}
.mb-20{margin-bottom:20px !important}
.ml-20{margin-left:20px}
.mr-20{margin-right:20px}
.mt-30{margin-top:30px !important}
.mt-40{margin-top:40px !important}
.mb-40{margin-bottom:40px !important}
.ml-40{margin-left:40px}
.mr-40{margin-right:40px}
.width-100{width:100%}
.ba{border:1px solid #e0eded}
.bt{border-top:1px solid #e0eded}
.br{border-right:1px solid #e0eded}
.bb{border-bottom:1px solid #e0eded}
.bl{border-left:1px solid #e0eded}
.text-left{text-align:left !important}
.img-center{display:block;margin-left:auto;margin-right:auto}
.strong-700{font-weight:700 !important}
.title{margin:0;margin-bottom:8px;padding:0;color:#333}
.title-xs{color:#333;font-size:11px;font-weight:500}
.title-sm{color:#333;font-size:12px;font-weight:500}
.title-md{color:#333;font-size:16px;font-weight:500}
.title-lg{color:#333;font-size:20px;font-weight:500}

.inset-shadow-1{-webkit-box-shadow:inset 0 10px 8px -10px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 10px 8px -10px rgba(0,0,0,0.3);box-shadow:inset 0 10px 10px -8px rgba(0,0,0,0.1)}
header{padding:0}
header.header-cover{background-size:cover !important}
header .navbar-wp .navbar-brand{height:auto;padding:0 15px;margin-top:7px;border:1px solid transparent;border-radius:3px}
header .navbar-wp .navbar-brand img{height:46px}
header .navbar-wp.affix .navbar-brand{margin-top:4px}
header .navbar-wp.affix .navbar-brand img{margin-top:3px}
header .navbar-fixed{width:100%;left:0;border-bottom:1px solid #DFDFDF}
header .navbar-fixed .navbar{width:100%}
header.header-cover .navbar-wp.affix{position:fixed;top:0;background:rgba(0,0,0,0.5)}
.header-alpha .navbar-wp .navbar-inner{border-color:#eee !important}
.header-alpha .top-header{border-color:#eee !important}
.top-header .aux-text{padding:10px 0;color:#999;font-size:11px}
.top-header .top-header-menu{float:right}
.top-header .top-header-menu>ul.top-menu{list-style:none;margin:0;padding:0}
.top-header .top-header-menu>ul.top-menu>li{position:relative;display:inline-block;height:28px}
.top-header .top-header-menu>ul.top-menu>li:last-child{border:0}
.top-header .top-header-menu>ul.top-menu>li>a{padding:4px 7px;color:#898989;font-family:'malgun gothic';text-transform:uppercase;font-size:11px;font-weight:400}
.top-header .top-header-menu ul.top-menu>li>a>i{margin-right:6px}
.top-header .top-header-menu ul.top-menu>li ul.sub-menu{display:none;min-width:160px;position:absolute;right:-1px;z-index:1500;margin:0;padding:0;list-style:none;background:#fff;border:0;opacity:0;-moz-opacity:0;filter:alpha(opacity=0);-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);-moz-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.top-header .top-header-menu ul.top-menu>li:hover ul.sub-menu{opacity:1;display:block}
.top-header .top-header-menu ul.top-menu>li ul.sub-menu>li{border-bottom:1px solid #e0eded}
.top-header .top-header-menu ul.top-menu>li ul.sub-menu>li:last-child{border:0}
.top-header .top-header-menu ul.top-menu>li ul.sub-menu>li>a{display:block;padding:6px 15px;color:#333}
.top-header .top-header-menu ul.top-menu>li ul.sub-menu>li:last-child{border:0}
.top-header .top-header-menu ul.top-menu>li ul.sub-menu>li>a:hover{background:#33CC66;color:#fff}
.top-header .top-header-menu ul.top-menu>li ul.sub-menu>li>.language-active{display:block;padding:6px 15px;background:#f2f2f2;color:#333;cursor:default}
.top-header .top-header-menu ul.top-menu>li.dropdown:hover .sub-menu{display:block}

.navbar-wp{margin:0;padding:0;border:0;border-radius:0;z-index:1000}
.navbar-wp .navbar-nav>li>a{border-top:3px solid transparent;padding:20px 16px;margin-right:0;font-size:18px;font-weight:500;color:#333;text-transform:uppercase;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;transition:all .25s ease-out}
.navbar-wp .navbar-nav>li>a.dropdown-form-toggle{color:#333}
.navbar-wp .navbar-nav>li>a:hover,.navbar-wp .navbar-nav>li>a:focus{color:#fff;background-color:#33CC66;border-top:3px solid #33CC66}
.navbar-wp .navbar-nav li.divider{margin:0;padding:4px 15px;background:#fff;color:#333;height:auto;font-size:12px;font-weight:600;text-transform:uppercase}
.navbar-base{margin:0;padding:0;border:0;border-radius:0;z-index:1000;background:#33CC66;border-bottom:1px solid #33CC66}
.navbar-base .navbar-nav>li>a{border-top:3px solid transparent;padding:28px 16px;margin-right:0;font-size:14px;font-weight:500;color:#fff;text-transform:uppercase;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;transition:all .25s ease-out}
.navbar-shadow{-webkit-box-shadow:0 4px 15px rgba(0,0,0,0.07);-moz-box-shadow:0 4px 15px rgba(0,0,0,0.07);box-shadow:0 4px 15px rgba(0,0,0,0.07)}
.navbar-wp .navbar-nav>.active>a,.navbar-wp .navbar-nav>.active>a:hover,.navbar-wp .navbar-nav>.active>a:focus{color:#fff !important;background-color:#33CC66;border-radius:0}
.navbar-wp .navbar-nav>.disabled>a,.navbar-wp .navbar-nav>.disabled>a:hover,.navbar-wp .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}
.navbar-wp .navbar-nav>.open>a,.navbar-wp .navbar-nav>.open>a:hover,.navbar-wp .navbar-nav>.open>a:focus{color:#fff;background-color:#33CC66;border-color:#33CC66}
.navbar-base .navbar-nav>.open>a,.navbar-base .navbar-nav>.open>a:hover,.navbar-base .navbar-nav>.open>a:focus{background:transparent;color:#fff !important}
.navbar-wp .navbar-nav>.open>a .caret,.navbar-wp .navbar-nav>.open>a:hover .caret,.navbar-wp .navbar-nav>.open>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}
.navbar-wp .navbar-nav>.dropdown>a .caret{border-top-color:#4c4c4c;border-bottom-color:#4c4c4c}
.navbar-wp .navbar-nav>li>a.dropdown-form-toggle,.navbar-wp .navbar-nav>li>a.dropdown-form-toggle:hover,.navbar-wp .navbar-nav>li>a.dropdown-form-toggle:focus{padding:20px 16px;font-size:16px;font-weight:normal;background:transparent;color:#333}
.navbar-wp.affix .navbar-nav>li>a.dropdown-form-toggle,.navbar-wp.affix .navbar-nav>li>a.dropdown-form-toggle:hover,.navbar-wp.affix .navbar-nav>li>a.dropdown-form-toggle:focus{padding:18px 16px;font-size:14px}
.navbar-wp.navbar-base .navbar-nav>li>a.dropdown-form-toggle,.navbar-wp.navbar-base .navbar-nav>li>a.dropdown-form-toggle:hover,.navbar-wp.navbar-base .navbar-nav>li>a.dropdown-form-toggle:focus{color:#fff !important}
.navbar-wp .navbar-nav>.open>a.dropdown-form-toggle,.navbar-wp .navbar-nav>.open>a.dropdown-form-toggle:hover,.navbar-wp .navbar-nav>.open>a.dropdown-form-toggle:focus{color:#333 !important;background-color:transparent}
.navbar-toggle .icon-custom{font-size:16px}
.navbar-toggle:hover,.navbar-toggle:focus{background-color:#33CC66;border-color:#33CC66}
.navbar-toggle:hover .icon-custom,.navbar-toggle:focus .icon-custom{color:#fff}
.navbar-toggle{border:0;margin:4px 0 0 0 ;color:#fff;padding:7px 16px 7px 16px}
.navbar-toggle-aside-menu{margin-right:10px}
.navbar-toggle-aside-menu.left{float:left;padding:8px 10px 7px 12px;margin-left:15px;margin-right:0}
.navbar-toggle-aside-menu.right{float:right;padding:10px 0px 2px 15px;}
.navbar-toggle-mobile-nav{padding:12px 16px 7px 16px;margin-right:10px}
.navbar-base .navbar-toggle .icon-custom{font-size:16px}
.navbar-base .navbar-toggle:hover,.navbar-base .navbar-toggle:focus{background-color:#fff;border-color:#fff}
.navbar-base .navbar-toggle:hover .icon-custom,.navbar-base .navbar-toggle:focus .icon-custom{color:#000}
.navbar-base .navbar-toggle{border-color:#fff;border-radius:2px;margin-top:20px;color:#fff;padding:12px 16px 7px 16px}
.navbar-base .navbar-toggle-aside-menu{padding:12px 16px 7px 16px;margin-right:10px}
.navbar-base .navbar-toggle-mobile-nav{padding:12px 16px 7px 16px;margin-right:10px}
.navbar-wp .navbar-nav{margin-top:0}
.navbar-wp .navbar-collapse.in{max-height:340px}
.navbar-wp .navbar-collapse,.navbar-wp .navbar-form{border-color:#e7e7e7}
.navbar-wp .navbar-collapse.in .dropdown-aux{display:none}

/* 2018.03.21 */
.navbar-wp .container{padding-left:0;}
.navbar-wp .navbar-collapse {padding:0;border-right:1px solid #dfdfdf;}
.navbar-wp .navbar-collapse .navbar-brand {float:none;text-align:center;border-right:1px solid #dfdfdf;border-left:1px solid #dfdfdf;width:120px}
.navbar-wp .navbar-collapse .navbar-brand img {height:79px;margin:auto 0}
.navbar-wp .navbar-collapse .top-header {border-bottom:1px solid #dfdfdf}
.navbar-wp .navbar-collapse .top-header li {border-left:1px solid #dfdfdf}
.navbar-wp .navbar-collapse .top-menu {border-right:1px solid #dfdfdf}
.navbar-wp .navbar-collapse .top-menu ul {margin:0}
.navbar-wp .navbar-collapse .top-header-menu .top-menu li.sns {float:right;height:none}
.navbar-wp .navbar-collapse .top-header-menu .top-menu li.sns a {float:left;padding:0}
.navbar-wp .navbar-collapse .main-menu .navbar-right{margin-right:0}
.navbar-wp .navbar-collapse .main-menu li {text-align:center;width:147px}
.navbar-wp .navbar-collapse .view_submenu {display:none;position:absolute;top:96px;left:0;width:1156px;z-index:99}
.navbar-wp.affix .navbar-collapse .view_submenu {top:92px;}
.navbar-wp .navbar-collapse .view_submenu .sub_menu {position:relative;margin:0 auto;width:1154px;padding:0 0 0 123px;background:#fff;display:table;border:1px solid #808080}
.navbar-wp .navbar-collapse .view_submenu .sub_menu td{vertical-align:top;border-left:1px solid #dfdfdf;padding-left:10px}
.navbar-wp .navbar-collapse .view_submenu .sub_menu ul {float:left;margin:15px 0 20px}
.navbar-wp .navbar-collapse .view_submenu .sub_menu li {line-height:200%;width:136px}
.navbar-wp .navbar-collapse .view_submenu .sub_menu li.lt {width:120x}
.navbar-wp .navbar-collapse .view_submenu .sub_menu li table {width:100%}
.navbar-wp .navbar-collapse .view_submenu .sub_menu li td {background:#f7f7f7;padding:5px 0;border:1px solid #e4e4e4;text-align:center;font-size:13px}
.navbar-wp .navbar-collapse .view_submenu .sub_menu li td a {line-height:120%}
.navbar-wp .navbar-collapse .view_submenu .sub_menu .menu_video {position:absolute;bottom:10px;right:170px;width:230px}
@media (max-width:1200px){
	header .navbar-fixed{border:0}
	
	.navbar-wp .navbar-collapse .main-menu li {width:114px}
	.navbar-wp .navbar-collapse .view_submenu {width:955px} 
	.navbar-wp .navbar-collapse .view_submenu .sub_menu {padding:0 0 0 125px;width:955px;}
	.navbar-wp .navbar-collapse .view_submenu .sub_menu li {line-height:180%;width:102px}
	.navbar-wp .navbar-collapse .view_submenu .sub_menu li.lt {width:107px}
	.navbar-wp .navbar-collapse .view_submenu .sub_menu .menu_video {position:absolute;bottom:10px;right:160px;width:200px}
}
.navbar-wp .navbar-nav>.dropdown>a:hover .caret,.navbar-wp .navbar-nav>.dropdown>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}
.navbar-wp .dropdown-menu{min-width:160px;padding:0;background:#fff;border:0;border-top:1px solid #e0eded;border-bottom:3px solid #e0eded;border-radius:2px}
.navbar-wp .dropdown-menu>li{font-size:12px;border-bottom:1px solid #e0eded}
.navbar-wp .dropdown-menu>li:last-child{border:0}
.navbar-wp .dropdown-menu>li>a{color:#333;padding:8px 15px}
.navbar-wp .dropdown-menu>li>a:hover{background:#33CC66;color:#fff}
.navbar-wp .dropdown-menu label.checkbox{color:#333}
.navbar-wp .navbar-nav>li.dropdown-aux>a,.navbar-wp .navbar-nav>li.dropdown-aux.open>a{border-color:transparent}
.mega-nav .nav,.mega-nav .collapse,.mega-nav .dropup,.mega-nav .dropdown.mega-dropdown-fluid{position:static}
.mega-nav .container{position:relative; width: 1170px;}
.mega-nav .dropdown-menu{left:auto}
.mega-nav .br{border-color:#e0eded}
.mega-nav .dropdown.mega-dropdown-fluid .dropdown-menu{left:28%;margin:0 15px;width:700px;margin-top:-1px !important}
.navbar-wp .dropdown-menu .mega-nav-section-title{border-bottom:1px solid #8ec400;font-size:14px;font-family:"malgun gothic","Roboto",sans-serif;margin:0 0 10px 0;text-transform:capitalize;color:#333;text-transform:uppercase;font-weight:700;line-height:30px}
.navbar-wp .dropdown-menu .mega-nav-section{padding:25px 0 5px 0}
.navbar-wp .dropdown-menu img{margin-bottom:15px}
.navbar-wp .dropdown-menu ul.mega-nav-ul{margin:0;padding:0;list-style:none}
.navbar-wp .dropdown-menu ul.mega-nav-ul li{position:relative}
.navbar-wp .dropdown-menu ul.mega-nav-ul li a{display:block;font-size:14px;padding:4px 0;color:#333}
.navbar-wp .dropdown-menu ul.mega-nav-ul.arrow-li li a{padding-left:12px}
.navbar-wp .dropdown-menu ul.mega-nav-ul.arrow-li li a:before{content:"\f105";font-family:FontAwesome;position:absolute;left:0;color:#333}
.navbar-wp .dropdown-menu ul.mega-nav-ul.arrow-li li a:hover{color:#33CC66}
.navbar-wp.affix{position:fixed;top:0;background:#fff;border-bottom:1px solid #dfdfdf;min-height:50px;height:auto}
.navbar-wp.affix .navbar-inner{border-bottom:0}
.navbar-base.affix{background:#33CC66;border-color:#33CC66}
.navbar-wp.affix .navbar-nav>li>a{padding:18px 16px;margin-right:0;text-transform:uppercase}
.navbar-wp .navbar-nav>li>a.dropdown-form-toggle{color:#333}
.navbar-wp .navbar-nav>li>a:hover,.navbar-wp .navbar-nav>li>a:focus{color:#fff;background-color:#33CC66}
.navbar-base .navbar-nav>li>a.dropdown-form-toggle{color:#fff}
.nav>ul{margin:0;padding:0;list-style:none}
.nav>ul>li{border-bottom:1px solid #333}
.nav>ul>li>a{display:block;padding:10px 15px;font-size:14px;color:#fff}
.nav>ul>li>a:hover{text-decoration:none;color:#33CC66;background:#292929}
.nav>ul>li>a>i{margin-right:5px}
.wp-block{margin:0 0 10px 0;-webkit-transition:all .3s linear;transition:all .3s linear;position:relative;cursor:default;border-radius:2px}
.wp-block:before,.wp-block:after{display:table;content:""}
.wp-block:after{clear:both}
.wp-section:before,.w-section:after{display:table;content:" "}
.wp-section:after{clear:both}
.wp-block.default{border:1px solid;border-color:#e0eded;background:#fff}
.wp-block.default .figure{position:relative}
.wp-block.default .figure img{width:100%}
.wp-block.default>figure>img{width:100%;max-width:100%}
.wp-block.default>.wp-block-footer{display:block;background:#fff;padding:15px}
.wp-block.default:hover>.wp-block-footer{background:#fff}
.wp-block.default>.wp-block-footer h3{padding:0;margin:0;font-size:13px;font-weight:600;text-transform:capitalize}
.wp-block.white{margin:0 0 15px 0;position:relative;overflow:hidden;cursor:default;border:1px solid #e0eded}
.wp-block.white .title{margin:0;padding:0;font-weight:500;font-size:16px;color:#333;text-align:left}
.wp-block.white .subtitle{margin:6px 0 0 0;padding:0;font-weight:400;font-size:13px;color:#333;text-align:left}
.wp-block.white p{margin:6px 0;padding:0 15px;padding-bottom:8px}
.wp-block.white .thmb-img{text-align:center;padding:15px 0}
.wp-block.white p{color:#616161}
.wp-block.white h2{color:#333}
.wp-block.white .thmb-img i{color:#616161}
.wp-block.white p{color:#333}
.wp-block.white h2{color:#333 !important}
.wp-block.white .thmb-img i{color:#333}
.wp-block.base p{color:#fff}
.wp-block.base h2{color:#fff !important}
.wp-block.base .thmb-img i{color:#fff !important}
.wp-block.inverse {margin:0}

.short-feature{margin-bottom:15px}
.short-feature .feature-icon{background:#9aca5c;border-radius:35px;color:#fff;display:inline-block;float:left;height:35px;line-height:35px;margin-right:10px;position:relative;text-align:center;top:5px;width:35px}
.short-feature .feature-txt{padding-left:50px}
.short-feature .feature-txt h3{margin:0;margin-bottom:0;font-size:16px;color:#333;font-weight:500}
.short-feature .feature-txt p{font-size:13px;font-weight:normal;color:#616161}
.dropdown-menu h4{font-size:14px;color:#4c4c4c}
.nav-menu-in .wrapper{right:-280px}
.body-wrap{position:relative;right:0;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;transition:all .25s ease-out}
.body-wrap{position:relative;z-index:0}
.body-wrap:before,.body-wrap:after{content:'';position:absolute;top:0;left:0;right:0;z-index:-1;height:260px}
.body-wrap:after{top:auto;bottom:0}
@media (max-width:767px){
	.body-wrap:before,.body-wrap:after{height:20px}
}
.ie9 body,.ie9 .body-wrap:before,.ie9 .body-wrap:after{filter:none}
.aside-menu.left{width:290px;height:100%;overflow-y:auto;position:fixed;left:0;top:0;background:#fff;border-right:1px solid #333;display:none;z-index:1039}
.aside-menu.right{width:300px;height:100%;overflow-y:auto;position:fixed;right:0;top:0;background:#222;border-left:1px solid #333;display:none;z-index:1049}
.slidebar-toggle{position:fixed;top:100px;right:0;height:50px;width:50px;line-height:50px;text-align:center;background:rgba(0,0,0,0.55);color:#fff;cursor:pointer;z-index:1000;border:0}
.aside-menu::-webkit-scrollbar{display:none !important;width:0 !important}
.aside-menu .btn-close{background:transparent;color:#fff}
.aside-menu .btn-close i{font-weight:300 !important;font-size:16px}
.aside-menu .social-media{padding:15px;padding-bottom:0}
.aside-menu .contact-info{padding:15px;color:#fff}
.aside-menu .contact-info h5{font-size:13px}
.aside-menu .dropdown-menu li {background:url('/images/icon_Indent.gif') 13px 8px no-repeat}
.aside-menu .dropdown-menu li a {color:#FFF}
.aside-menu .dropdown-menu li a:hover {color:#428bca}
.aside-menu .nav-pills{margin-bottom:15px;border:0}
.aside-menu .nav-pills>li>a{border-radius:0;border-right:1px solid #e0eded}
.aside-menu .nav-pills>li:last-child>a{border-radius:0;border-right:0}
.aside-menu .nav-pills>li>a:hover,.nav-pills>li>a:focus{background:#f5f5f5}
.aside-menu .nav-pills>li+li{margin-left:2px}
.aside-menu .nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{font-weight:bold;background:none}
.aside-menu .tabs>li.active{background:#292929}
.aside-menu .tabs li.active a{color:#FFF}
.aside-menu .tabs>li{border-right:0;width:50%;color:#616161}
.aside-menu .tabs>li a{font-size:14px;text-align:center;color:#428bca}
.aside-menu .tab-body{padding:5px}

#asideMenu1 img {width:40px}
#asideMenu1 table {width:100%}
#asideMenu1 .login {text-align:left;padding-left:10px;height:50px;background:#33CC66;border-bottom:1px solid #499a4f}
#asideMenu1 .app {background:#66d76e;width:70px;text-align:center;padding:10px 7px;border-right:1px solid #53ae59;border-bottom:1px solid #53ae59}
#asideMenu1 .app a {display: block; float:left; padding:1px 7px;width: 50%}
#asideMenu1 ul.menu {background:#f4f4f4}
#asideMenu1 ul.menu li {text-align:center;padding:10px 3px;border-bottom:1px solid #e1e1e1}
#asideMenu1 ul.menu li.on {background:#fff}
#asideMenu1 td.list {background:#fff;vertical-align:top}
#asideMenu1 td.list ul {display:none}
#asideMenu1 td.list li {width:205px;background:url('/images/menu_bar.png') 0 39px repeat-x;font-size:16px;font-weight:700;padding-left:10px;color:#222;line-height:40px}
#asideMenu1 td.list li a {font-weight:400}
#asideMenu1 td.list li img {float:right;width:14px;margin:15px}
#btnHideAsideMenu1 {float:right;margin-top:-5px}
#asideMenu2 .user-form .form-body {padding:15px 20px;}

.popover .popover-title{margin:0}
.popover .popover-content{font-size:13px;font-weight:normal;text-transform:none}
.cta-wr{padding:16px 0;border-radius:2px}
.cta-wr h1{margin:10px 0 !important;font-size:20px;text-transform:none;line-height:26px;font-weight:400}
section.slice{padding:30px 0}
section.slice.slice-lg{padding:50px 0}
section.slice.relative{position:relative;background:#5ce965;padding:10px 0}
section.slice.relative .col-md-3 {padding-left:5px;padding-right:5px}
section.slice.bg-image{background-repeat:no-repeat;background-size:cover}
section.slice-over-elements{position:absolute;top:-50px;z-index:2500}
.subsection{margin-top:30px}.container.bordered{border:1px solid #ddd;padding-top:15px}
.wp-section:before,.wp-section:after{display:table;content:" "}
.wp-section:after{clear:both}.wp-example{margin-bottom:45px}
.nav-sidebar-fixed{position:fixed;width:260px}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{border-color:#e0eded}
.animate-wr{animation-duration:.5s;-webkit-animation-duration:.5s;-moz-animation-duration:1s;-o-animation-duration:1s}
.col-md-9 .mix{width:33.3%;float:left;margin:0;padding:0}
.widget{margin-bottom:30px}
@media (max-width:767px){
	.content,.sidebar{padding:20px 0}
	}

.table{display:table}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{vertical-align:middle;cursor:default}
.table.table-no-border>thead>tr>th,.table.table-no-border>tbody>tr>th,.table.table-no-border>tfoot>tr>th,.table.table-no-border>thead>tr>td,.table.table-no-border>tbody>tr>td,.table.table-no-border>tfoot>tr>td{border-top:0;padding:0}

.rating{display:inline-block}
.rating span.star{font-family:FontAwesome;font-weight:normal;font-style:normal;float:left;padding:0 1px;cursor:pointer}
.rating span.star:before{content:"\f005";display:block;font-size:14px;color:#f3f3f3;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.rating span.voted:before{color:#f7e90c}
.rating:hover span.star:before{color:#f3f3f3 !important}
.rating:hover span.star.over:before{color:#f7e90c !important}

.form-control{border-radius:2px !important;padding:6px 8px}
.user-form .form-icon{display:block;width:80px;height:80px;border-radius:80px;margin:25px auto;text-align:center;line-height:80px;font-size:40px}
.user-form .form-header{padding:15px 20px;background:#fcfcfc;border-bottom:1px solid #e0eded;border-top-left-radius:2px;border-top-right-radius:2px}
.user-form .form-header h2{margin:0;padding:0 !important;font-size:16px;text-transform:none;font-weight:400;color:#333}
.user-form .form-body{padding:15px 20px}
.user-form .form-body p{padding-left:0;margin-bottom:10px}
.user-form .form-header.base{background:#33CC66;border-color:transparent}
.user-form .form-header.light{background:#ecf0f1;border-color:transparent}
.user-form .form-header.dark{background:#131313;border-color:transparent}
.hidden-form-filters{padding-top:10px}
.sky-form a{color:#33CC66}
.sky-form .input input,.sky-form .select select,.sky-form .textarea textarea{display:block;box-sizing:border-box;-moz-box-sizing:border-box;width:100%;height:39px;padding:8px 10px;outline:none;border-width:1px;border-style:solid;border-radius:2px;background:#f9f9f9;appearance:normal;-moz-appearance:none;-webkit-appearance:none}
.sky-form .input input,.sky-form .select select,.sky-form .textarea textarea,.sky-form .radio i,.sky-form .checkbox i,.sky-form .toggle i,.sky-form .icon-append,.sky-form .icon-prepend{border-color:#ccc;-ms-transition:border-color .3s;-moz-transition:border-color .3s;-webkit-transition:border-color .3s}
.sky-form .toggle i:before{background-color:#33CC66}
.sky-form .rating input+label:hover,.sky-form .rating input+label:hover~label{color:#33CC66}
.sky-form .radio,.sky-form .checkbox{margin-bottom:4px;padding-left:27px;font-size:15px;line-height:27px;color:#333;cursor:pointer}
.sky-form .input input:focus,.sky-form .select select:focus,.sky-form .textarea textarea:focus,.sky-form .radio input:focus+i,.sky-form .checkbox input:focus+i,.sky-form .toggle input:focus+i{border-color:#33CC66}
.sky-form .radio input+i:after{background-color:#33CC66}
.sky-form .checkbox input+i:after{color:#33CC66}
.sky-form .radio input:checked+i,.sky-form .checkbox input:checked+i,.sky-form .toggle input:checked+i{border-color:#33CC66}
.sky-form .rating input:checked~label{color:#33CC66}.ui-datepicker-inline{border:2px solid #ccc;background:#fff;box-shadow:none}
.sky-form .ui-slider{position:relative;height:3px;border:2px solid #ccc;background:#fff;margin:12px 6px 26px}
.sky-form .ui-slider-handle{position:absolute;width:15px;height:15px;margin:-8px 0 0 -8px;border:2px solid #ccc;outline:none;background:#fff;-ms-transition:border-color .3s;-moz-transition:border-color .3s;-webkit-transition:border-color .3s}

/* 서브메뉴 */
#sub_menu h3.section-title {display:block; /* background:#56d35d; */width:100%;height:90px;padding:20px 0 0 30px;font-size:22px;color:#FFF}

/* 서브메뉴 - 고객센터 */
#sub_menu .cscenter {margin-top:10px}
#sub_menu .cscenter .section-title {font-size:19px;font-weight:700;color:#222;padding:30px 0 20px 0}
#sub_menu .cscenter .section-title span{color:#6ba407}
#sub_menu .cscenter .short-feature {background:#fff;padding:0}
#sub_menu .cscenter table {width:100%}
#sub_menu .cscenter th {font-size:16px;font-weight:bold;color:#000;text-align:center}
#sub_menu .cscenter .phone {font-size:44px;font-weight:700;color:#000;padding:7px 0 20px 0;letter-spacing:-1px;text-align:center;line-height:90%}
#sub_menu .cscenter .phone a {color:#000}
#sub_menu .cscenter .phone span {font-size:14px;line-height:0px;color:#000}
#sub_menu .cscenter .kakao {background:#ffeb45;padding:15px 0 10px 0;text-align:center;font-size:16px;font-weight:700;color:#000}
#sub_menu .cscenter .kakao img{margin-right:10px}
#sub_menu .cscenter .info{font-size:20px;font-weight:500;color:#000;padding:0 0 20px}
#sub_menu .cscenter .info span {font-size:14px;font-weight:700;letter-spacing:-0.7px}
#sub_menu .cscenter .link a {background:#33CC66;display:block;width:100%;color:#fff;font-size:18px;font-weight:700;padding:20px 0 20px 25px;margin:5px 0 0}
#sub_menu .notice {padding:10px 5px}


.footer {background:#282a36;color:#ababab;padding:50px 0;font-size:14px}
.footer a.menu {color:#ababab;margin-right:20px}
.footer a {color:#ababab}
.footer span {float:right;margin-top:-7px}
.footer span a {margin-left:10px}
.footer .col-lg-8 {padding:0;margin-top:50px}
.footer .col-lg-4 {padding:0;margin-top:50px}

@media (max-width:479px){
	section.footer {text-align:center}
	footer .container {padding:15px}
}

blockquote footer{background:transparent}
.section-title-wr .aux-nav{display:table-cell;width:30%;padding:8px 0;text-align:right}
.section-title{margin:0;padding:0;font-size:16px;font-weight:700;text-transform:capitalize;position:relative}
.section-title.left{display:table-cell;color:#333;font-size:22px}
.section-title.left small{display:block;margin-top:4px;color:#999}
.section-title-wr .section-title.center{margin-bottom:20px;display:block;text-align:center;font-size:26px;color:#333}
.section-title-wr .section-title.centerbig{margin-top:20px;margin-bottom:20px;display:block;text-align:center;font-size:65px;color:#333;letter-spacing: -4px}
.section-title-wr .section-title.centerbig white{margin-top:20px;margin-bottom:20px;display:block;text-align:center;font-size:65px;color:#fff;letter-spacing: -4px}
.section-title-wr .section-title.centerline{margin-top:36px;margin-bottom:0px;display:block;text-align:center;font-size:65px;color:#333;letter-spacing: -4px;border-bottom: 1px solid #e9ebf2}
.section-title-wr .section-title.center1{margin-bottom:20px;display:block;text-align:center;font-size:26px;color:#fff}
.section-title-wr .section-title.center small{display:block;margin-top:8px;font-size:13px;color:#999}
.section-title-wr .section-title.centerbig small{display:block;margin-top:8px;font-size:18px;color:#999;letter-spacing: -1px}
.base .section-title-wr.style-3 span{border-bottom:1px solid #fff}
.light .section-title-wr.style-3 span{border-bottom:1px solid #333}
.dark .section-title-wr.style-3 span{border-bottom:1px solid #fff}
.layer-slider-static{height:540px}
.layer-slider-dynamic{max-height:auto !important}
.carousel-2 .item{padding:36px 0 !important}
.carousel-2 .title{margin-top:15px;font-size:20px;font-weight:500;color:#333}
.carousel-2 .titlebig{margin-top:15px;font-size:70px;font-weight:700;color:#333;letter-spacing: -4px}
.carousel-2 .carousel-indicators{bottom:0}
.carousel-2 .carousel-indicators li{background-color:#f5f5f5;border:1px solid #ddd;border-radius:10px}
.carousel-2 .carousel-indicators .active{background-color:#33CC66}
.carousel-2 h2{font-size:22px}
.carousel-2 .carousel-nav a{width:30px;height:30px;line-height:30px;position:absolute;top:10px;right:0;margin-top:0;font-size:18px;text-align:center;border:1px solid transparent;background:#f5f5f5;color:#33CC66;opacity:1}
.carousel-2 .carousel-nav a:hover{background:#33CC66 !important;color:#fff}
.carousel-2 .carousel-nav a.left{right:36px}
.carousel-2 .carousel-nav a.right{right:0}
.carousel-2 .carousel-control i{position:absolute;top:50%;font-size:22px;margin-top:-11px}
.carousel-2 .carousel-control.left i{left:18px}
.carousel-2 .carousel-control.right i{right:18px}


ul.categories{list-style:none;margin:0;padding:0 !important;border:1px solid #e0eded;overflow:hidden}
ul.categories>li{border-bottom:1px solid #e0eded;position:relative}ul.categories>li:last-child{border:0}
ul.categories>li>a{display:block;font-size:16px;padding:10px 15px}
ul.categories>li>a:after{font-family:'FontAwesome';content:"\f105";position:relative;top:0;float:right}
ul.categories>li>a:hover{background:#33CC66;color:#fff;font-weight:bold;font-size:18px;text-decoration:none}
ul.categories>li>a.on{background:#33CC66;color:#fff;font-weight:bold;font-size:18px;text-decoration:none}
ul.categories>li>a i{display:inline-block;vertical-align:middle;padding-right:5px;font-style:normal;color:#999;font-size:11px}
ul.categories>li>a:hover i{color:#fff}
ul.categories>li>ul{margin:0;padding:0;background:#fcfcfc}
ul.categories>li>ul>li{border-top:1px solid #e0eded}
ul.categories>li>ul>li>a{display:block;padding:5px 25px}
#toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:40px;height:40px;border:0;text-indent:100%;background:#555;border-radius:3px}
#toTopHover{background:#33CC66;width:40px;height:40px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}
#toTop:active,#toTop:focus{outline:none}
#toTop:before{font-family:'FontAwesome';content:"";color:#fff;font-size:20px;position:absolute;top:50%;left:50%;width:20px;height:20px;text-align:center;line-height:20px;margin-top:-10px;margin-left:-10px;text-indent:0}
.progress{height:20px;margin-bottom:15px;overflow:hidden;background-color:#5b5b5b !important;border-radius:5px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}
.progress.progress-lg{height:23px}
.progress.progress-md{height:16px}
.progress.progress-sm{height:10px}
.progress.progress-xs{height:4px}
.progress .sr-only{width:auto;height:20px;margin:0;margin-left:95px;left:0;clip:auto;line-height:20px;font-size:13px;color:#00a6b6}
.progress.progress-lg .sr-only{height:26px;line-height:26px}
.progress.progress-sm .sr-only{height:14px;line-height:14px}
.progress.progress-xs .sr-only{height:8px;line-height:8px}
.progress.base{background-color:#33CC66}
.progress.light{background-color:#ecf0f1}
.progress.dark{background-color:#131313}
.progress{height:6px;margin-bottom:8px;border-radius:0;-webkit-box-shadow:none;box-shadow:none}
.progress-bar{background-color:#33CC66;-webkit-box-shadow:none;box-shadow:none;border-radius:0}
.progress-bar-q1{background-color:#33CC66}
.progress-bar-q2{background-color:#48c2ae}
.progress-bar-q3{background-color:#ff5d0b}
.progress-bar-q4{background-color:#389bcf}
.progress-bar-q5{background-color:#c74156}
.progress-text{margin-bottom:5px}
.progress-text .mark{float:left;width:50%;font-size:14px;font-weight:700;color:#fff;background:transparent}
.progress-text .mark.right{text-align:right}
.progress.style-3 .progress-bar{background-image:-webkit-gradient(linear, 100% 0, 0 100%, color-stop(.25, rgba(255,255,255,0.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,0.15)), color-stop(.75, rgba(255,255,255,0.15)), color-stop(.75, transparent), to(transparent));background-image:-webkit-linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(135deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-color:#35a7e6;background-size:20px 20px}
.progress.style-3 .progress-bar.light{background-color:#ecf0f1}
.progress.style-3 .progress-bar.dark{background-color:#131313}
.tab-body{padding:15px}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #e0eded;border-right:0}
.tabs-framed{border:1px solid #e0eded}
.tabs{border-bottom:1px solid #e0eded}
.tabs li{float:left;border-right:1px solid #e0eded;margin-bottom:-1px}
.tabs li:first-child{padding-left:1px}.tabs li.active{background:#fcfcfc}
.tabs li a{display:block;font-size:16px;font-weight:600;color:#333;padding:12px 25px;margin:0 -1px;border-bottom:3px solid transparent;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.tabs li.active a{color:#333;border-bottom:3px solid #33CC66}
@media (max-width:991px){
	.tabs li a{font-size:18px;padding:15px}
	.header-standard-2 .container {width:100%;padding-right:0}
	.user-form .form-header h2 {width:100%;display:table}
	.teacher .roll_teacher {width:100%}
	.teacher .tab {background:#bfc0c2;font-size:16px;font-weight:700;text-align:center;padding:20px;border-right:1px solid #fff}
	.teacher .tab a {color:#fff;letter-spacing:-0.7px;text-decoration:none}
	.teacher .tab.on {background:#33CC66}
	.teacher .tab.on a {color:#fff}

	.myclass .container .col-md-12, .myclass .container .col-md-9, .myclass .container .col-md-6 {padding-left:0;padding-right:0}
	}
@media (max-width:479px){
	.navbar-wp .container .navbar-header {margin-right:0px; border-bottom: 1px solid #bebebe;}
	.tabs li a{font-size:14px;padding:12px}
	.myclass .container .row {margin-left:0;margin-right:0}
	.myclass .container .row.info{padding-left:0;padding-right:0}
	}
.nav-pills{margin-bottom:15px;border:1px solid #eee}
.nav-pills>li>a{border-radius:0;border-right:1px solid #e0eded}
.nav-pills>li:last-child>a{border-radius:0;border-right:0}
.nav-pills>li>a:hover,.nav-pills>li>a:focus{background:#f5f5f5}
.nav-pills>li+li{margin-left:2px}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{font-weight:bold;color:#33CC66;background:none}
.panel{border-radius:0;background-color:#fff}
.panel.panel-base{background-color:#33CC66}
.panel .panel-heading{border-radius:0;padding:15px}
.panel-default{border-color:#e0eded}
.panel-default>.panel-heading{border-color:#e0eded;background:#fcfcfc}
.panel-default>.panel-heading h2{margin:0;padding:0;font-size:16px;font-weight:500;text-transform:capitalize;color:#333}
.panel{-webkit-box-shadow:none;box-shadow:none}
.panel-group{margin-bottom:30px}
.panel-group .panel{border-radius:0;border-color:#dadada}
.panel-group .panel+.panel{margin-top:0;border-top:0}
.panel-group .panel-heading{padding:14px 15px;position:relative;background:#f3f3f3}
.panel-group .panel-heading:after{content:"+";font-size:12px;position:absolute;right:15px;top:50%;margin-top:-8px;color:#333}
.panel-group .panel-heading:after{content:"+";font-size:12px;position:absolute;right:15px;top:50%;margin-top:-8px;color:#333}
.panel-group .panel-heading a{font-weight:normal;color:#333;}
.panel-group .panel-heading a i{margin-right:5px;color:#333;}
.panel-default>.panel-heading+.panel-collapse>
.panel-body{border-color:#dadada;color:#616161}
.modal-footer{margin-top:0}
.alert{border-radius:0}
.table>thead>tr>th{border-bottom:1px solid #ddd}
.table>thead>tr{background:#f3f3f3}.label{border-radius:0}
.pagination-style-2>li>a{margin-right:4px;border-color:#e0eded;border-radius:2px}
.pagination>li:first-child>a{border-top-left-radius:2px;border-bottom-left-radius:2px}
.pagination>li:last-child>a{border-top-right-radius:2px;border-bottom-right-radius:2px}
.pagination>li>a,.pagination>li>span{background-color:#fff;border-color:#e0eded;color:#33CC66}
.pagination>li>a:hover,.pagination>li>span:hover{background-color:#e0eded;border-color:#e0eded}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color:#33CC66;border-color:#33CC66;color:#fff}
.btn{font-weight:normal;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.btn:hover,.btn:focus{-webkit-transition:background-position 0s linear;-moz-transition:background-position 0s linear;-o-transition:background-position 0s linear;transition:background-position 0s linear}
.btn i{margin-right:4px}.btn-lg{font-size:18px;line-height:1.33;border-radius:2px;font-weight:600}
.btn-lg i{font-size:24px;position:relative;top:3px}
.btn-xs{border-radius:1px}
.btn-xl{padding:16px 20px;font-size:20px}.btn-square{border-radius:0 !important}
.btn-default{
	background-color:#f5f5f5;
	background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat:repeat-x;
	border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b3b3b3;
	border-radius:2px;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .btn-default.disabled, .btn-default[disabled] {
    background-color: #e6e6e6;
    color: #333
}
.btn-default:hover, .btn-default:focus {
    background-position: 0 -15px;
    color: #333;
    text-decoration: none;
    transition: background-position 0.1s linear 0s
}

.btn-green {
    background-color: #77b800;
    border-color: #77b800;
    color: #fff
}
.btn-green:hover, .btn-green:focus, .btn-green.focus, .btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green {
    background-color: #9fd569;
    border-color: #77b800;
    color: #fff
}
.btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green {
    background-image: none
}
.btn-green.disabled, .btn-info[disabled], fieldset[disabled] .btn-green, .btn-green.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-green:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info.focus[disabled], fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info.active[disabled], fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da
}
.btn-green .badge {
    background-color: #fff;
    color: #5bc0de
}

.btn-blue_green {
    background-color: #00a6b6;
    border-color: #00a6b6;
    color: #fff
}
.btn-blue_green:hover, .btn-blue_green:focus, .btn-blue_green.focus, .btn-blue_green:active, .btn-blue_green.active, .open > .dropdown-toggle.btn-blue_green {
    background-color: #31b0d5;
    border-color: #269abc;
    color: #fff
}
.btn-blue_green:active, .btn-blue_green.active, .open > .dropdown-toggle.btn-blue_green {
    background-image: none;
}
.btn-blue_green.disabled, .btn-info[disabled], fieldset[disabled] .btn-blue_green, .btn-blue_green.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-blue_green:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info.focus[disabled], fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info.active[disabled], fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da
}
.btn-blue_green .badge {
    background-color: #fff;
    color: #5bc0de
}

.btn-black {
    background-color: #000;
    border-color: #000;
    color: #fff
}
.btn-black:hover, .btn-black:focus, .btn-black.focus, .btn-black:active, .btn-black.active, .open > .dropdown-toggle.btn-black {
    background-color: #31b0d5;
    border-color: #269abc;
    color: #fff
}
.btn-black:active, .btn-black.active, .open > .dropdown-toggle.btn-black {
    background-image: none;
}
.btn-black.disabled, .btn-info[disabled], fieldset[disabled] .btn-black, .btn-black.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-black:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info.focus[disabled], fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info.active[disabled], fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da
}
.btn-black .badge {
    background-color: #fff;
    color: #5bc0de
}


.btn-b-white{background-color:transparent;border:2px solid #fff;color:#fff !important}
.btn-b-white:hover,.btn-b-white:focus,.btn-b-white:active,.btn-b-white.active,.open .dropdown-toggle.btn-b-white{color:#33CC66 !important;background-color:#fff;border-color:#fff}
.btn-b-white:active,.btn-b-white.active,.open .dropdown-toggle.btn-b-white{background-image:none}
.btn-b-white:hover:before{color:#33CC66 !important}
.btn-b-white.btn-icon:before{border-right:2px solid #fff}
.btn-b-white.btn-icon-right:before{border-right:0;border-left:2px solid #fff}
.btn-b-base{background-color:transparent;border:2px solid #33CC66;color:#33CC66}
.btn-b-base:hover,.btn-b-base:focus,.btn-b-base:active,.btn-b-base.active,.open .dropdown-toggle.btn-b-base{color:#fff;background-color:#33CC66;border-color:#33CC66}
.btn-b-base:active,.btn-b-base.active,.open .dropdown-toggle.btn-b-base{background-image:none}
.btn-b-base.btn-icon:before{border-right:2px solid #33CC66}
.btn-b-base.btn-icon-right:before{border-right:0;border-left:2px solid #33CC66}
.btn-base{color:#fff !important;background-color:#33CC66;border:1px solid;border-color:#33CC66}
.btn-base:hover,.btn-base:focus,.btn-base:active,.btn-base.active,.open .dropdown-toggle.btn-base{color:#fff;background-color:#9aca5c;border-color:#9aca5c}
.btn-base:active,.btn-base.active,.open .dropdown-toggle.btn-base{background-image:none}
.btn-light{color:#333;background-color:#ecf0f1;border:1px solid;border-color:#dde4e6}
.btn-light:hover,.btn-light:focus,.btn-light:active,.btn-light.active,.open .dropdown-toggle.btn-light{color:#333;background-color:#fff;border-color:#fff}
.btn-light:active,.btn-light.active,.open .dropdown-toggle.btn-light{background-image:none}
.btn-icon{position:relative}
.btn-icon span,.btn-icon input{padding-left:40px}
.btn-icon-right span,.btn-icon-right input{padding-left:15px;padding-right:50px}
.btn-icon.btn-xl span,.btn-icon.btn-xl input{padding-left:60px}
.btn-icon-right.btn-xl span,.btn-icon-right.btn-xl input{padding-left:30px;padding-right:70px}
.btn-icon.btn-lg span,.btn-icon.btn-lg input{padding-left:50px}
.btn-icon-right.btn-lg span,.btn-icon-right.btn-lg input{padding-left:15px;padding-right:60px}
.btn-icon.btn-sm span,.btn-icon.btn-sm input{padding-left:35px}
.btn-icon-right.btn-sm span,.btn-icon-right.btn-sm input{padding-left:15px;padding-right:45px}
.btn-icon.btn-xs span,.btn-icon.btn-xs input{padding-left:30px}
.btn-icon-right.btn-xs span,.btn-icon-right.btn-xs input{padding-left:15px;padding-right:40px}
.btn-icon:before{position:absolute;top:0;left:0;bottom:0;width:36px;color:#fff;border-right:0;-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}
.btn-icon.btn-icon-right:before{left:auto;right:0}
.btn-icon:before{font-family:"FontAwesome";line-height:32px}
.btn-icon.btn-xl:before{width:66px;line-height:62px}
.btn-icon.btn-lg:before{width:50px;line-height:46px}
.btn-icon.btn-sm:before{width:32px;line-height:28px}
.btn-icon.btn-xs:before{width:28px;line-height:22px}
.btn-icon.btn:before{border-top-left-radius:2px;border-bottom-left-radius:2px}
.btn-icon.btn-xl:before{border-top-left-radius:2px;border-bottom-left-radius:2px}
.btn-icon.btn-lg:before{border-top-left-radius:2px;border-bottom-left-radius:2px}
.btn-icon.btn-xs:before{border-top-left-radius:1px;border-bottom-left-radius:1px}
/* 전체 색상 변경하면 여기 배경도 변경해야함 */
.btn-base:before{background-color:#33CC66}
.btn-alt:before{background-color:#121212}
.btn-light:before{background-color:#cfd9db;color:#333}
.btn-icon-go:before{content:"\f054"}
.btn-check:before{content:"\f00c"}
.cusel,#cuselBox .cusel-scroll-wrap,#cuselBox .jScrollPaneContainer,#cuselBox .cusel-scroll-pane{width:100% !important}
.cusel{height:44px;display:inline-block;position:relative;z-index:2;padding:0 30px 0 12px}
.cuselText label::selection{background-color:transparent}
.cuselText{cursor:pointer}
.cuselText label{width:100%;height:100%;line-height:48px;font-size:14px;color:#70808b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@font-face{font-family:"FontAwesome";font-weight:normal;font-style:normal}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}

/*모달*/
.modal-dialog {margin:50px auto}

/*mp3 play button*/
.mp3{height:18px;cursor:pointer}

/*font*/
.orange01{color:#f26e01}
.orange02{color:#f26e01; font-weight:bold}
.orange03{color:#ec393c; font-weight:bold}
.orange04{color:#f96f00; font-weight:bold}
.green01{color:#517d04}
.green02{color:#517d04; font-weight:bold}
.green03{color:#83c809; font-size:12px; letter-spacing:-1px}
.green04{color:#83c809; font-size:12px; }
.green05{color:#679f04; font-weight:bold; }
.green06{color:#518100}
.blue01{color:#5e88de}
.black01{color:#60615e}
.gray01{color:#b2b2b2; font-size:12px}
.f_12{font-size:12px}
.f_leter{font-size:12px; letter-spacing:-1px}
.f_b{font-weight:bold}

/* 타이틀 */
.subTT{background:url(/images/sub_ic_01.gif) 0 0px no-repeat;display:block;padding-left:25px;text-align:left;font-weight:700;font-size:16px;color:#393B54}
.subMT{background:url(/images/tab_arrow.gif) 5px 4px no-repeat;margin-top:15px;padding-left:20px;text-align:left;font-weight:bold;font-family:'Nanum Gothic',나눔고딕,'Malgun Gothic','맑은 고딕',Gulim,굴림,Dotum,Verdana,AppleGothic,sans-serif}
.tit{background:url(/images/icon01.gif) no-repeat 4px; 50%; padding-left:13px}

/* 테이블 정의 */
.tb_list {width:100%;margin-top:5px}
.tb_list th {text-align:center;padding:0;font-weight:bold;background:#F6F6F6;height:30px;border:1px solid #E1E1E1;border-top:2px solid #E1E1E1}
.tb_list td {padding-left:10px;border:1px solid #E1E1E1;height:25px}
.tb_list td.tc{text-align:center;padding:0}
.tb_list .linetop1px {border-top:1px solid #E1E1E1}
.tb_list .linetop2px {border-top:2px solid #E1E1E1}

/* 팝업설정 */
#pop {height:100%; margin:0 auto}
#pop #header{text-align:center; height:108px; background:url('/images/pop/pop_hbg.gif') repeat-x}
#pop #contents{margin-top:3px}
#pop #footer{text-align:center; margin:30px 0}

/* 메인배너 */
/* .main_banner {height:403px;position:relative;background-size:contain;background-position: center} */
.main_banner {height:450px;position:relative;background-size:contain;background-position: center}
.main_banner .text-center {font-family:'Nanum Barun Gothic';line-height:60px;margin-top:205px}	
.main_banner h2.c-white {font-size:24px;font-weight:bold;margin-bottom:10px}
.main_banner p.c-white {font-size:40px;font-weight:700;line-height:60px;text-shadow:1px 0 2px #000;letter-spacing:-0.6px}
.main_banner p.c-white span{font-size:50px;color:#f4ff66}
.main_banner p.c-white a {margin-top:10px;border:2px solid #FFF;border-radius:7px;background:#FFF;color:#5a8908;text-shadow:none}
.row.top {margin-right:0}
@media (max-width:479px){
	.main_banner {height:250px}
	.main_banner .text-center {margin-top:100px}	
	.main_banner p.c-white {font-size:16px;line-height:30px}
	.main_banner p.c-white span {font-size:24px}
	.main_banner .btn-lg {font-size:14px}
	.row.top {margin-right:-15px}

}

/* 서브 상단 배너 */
.slice.subtop {height:280px;background-size:contain;background-position: center}
.slice.subtop .text-center {margin-top:50px}	
.slice.subtop h2.c-white {font-size:45px;font-family: 'malgun gothic', arial;font-weight:bold;margin-bottom:10px;text-shadow:1px 0 2px #000}
.slice.subtop p.c-white {font-family:'malgun gothic';font-size:18px;font-weight: bold}
.slice.subtop p.c-white a {margin-top:15px;border:2px solid #9ACA5C;background:none;color:#9ACA5C}

.service.subtop .row {padding:80px 0 100px}
.service.subtop h2{text-align:center;color:#fff;font-size:43px;font-weight:400}
.service.subtop h2 span{font-weight:700}


/* 메인 롤링 배너 */
.roll_banner {font-family:'Nanum Barun Gothic'}
.roll_banner td {background:#33CC66;text-align:center;font-size:17px;font-weight:700;line-height:47px;border:0}
.roll_banner td.tab a {color:#fff}
.roll_banner td.tab {border-bottom:1px solid #FFF;width:33%;cursor:pointer}
.roll_banner td.on {border-bottom:4px solid #FFF}

@media (max-width:479px){
	.service.subtop .row {padding:40px 0 50px}
	.service.subtop h2{font-size:20px;letter-spacing:-2px}
	
	.my_note {border:0;background:#56d35d;padding:10px 10px 0}
	.my_note .content {background:#fff;font-size:14px;padding:0}
	.my_note .content-box {width:100%;padding:20px}

}

/* 로그인 */
#dropdownForm {width:400px}
.login {background:#FFF;width:100%;min-width:252px;text-align:center}
.login .default.user-form {margin:0 !important}
.login .default.user-form .form-body img {margin-bottom:15px}
.login .ex_login {margin-bottom:10px;font-family:'Nanum Gothic','Nanum Barun Gothic'}
.login .ex_login a, .login .ex_login button {display:block;border-radius:3px;max-width:370px;width:100%;height:48px;margin-bottom:7px;padding:10px 0;font-size:16px;color:#fff}
.login .ex_login a.fb {background:#3b60af}
.login .ex_login a.fb p {width:135px;background:url(/images/icon_fb.png) 4px 0 no-repeat;padding-left:28px;margin:auto;text-align:left}
.login .ex_login a.naver {background:#22b600}
.login .ex_login a.naver p {width:135px;background:url(/images/icon_naver.png) 2px 0 no-repeat;padding-left:28px;margin:auto;text-align:left}
.login .ex_login a.google {background:#EA4335}
.login .ex_login a.google p {width:135px;background:url(/images/icon_google.png) 0 0 no-repeat;padding-left:28px;margin:auto;text-align:left}
.login .ex_login a.katalk {background:#f8d505}
.login .ex_login a.katalk p {width:135px;background:url(/images/icon_katalk.png) 0 0 no-repeat;padding-left:28px;margin:auto;text-align:left}
.login .ex_login p {margin-bottom:0}
.login .ex_login button {background:#2d343e}
.login .sky-form section {margin-bottom:10px}
.login p.or {background:url(/images/or.png) 50% 0 no-repeat;width:100%;height:10px;margin-top:20px}
.login .sky-form fieldset {padding:9px 0 1px 0}
.login .form-body .row {padding:0 15px}
.login .form-body .row table {width:100%}
.login .form-body .row td {font-size:13px}
.login .form-body .row hr {margin:10px 0;border-color:#dadbde}
.login .row table a {font-size:13px;color:#888 !important;line-height:25px;text-decoration:underline}
.sky-form .checkbox {font-size:13px;color:#000 !important;line-height:25px}
.login .sky-form .radio i, .sky-form .checkbox i {height:11px;width:11px}

/* 마이페이지(레이어) */
.login .info {padding:15px}
.login .info table,.login .icon {width:100%}
.login .photo {position:relative;width:60px;vertical-align:top}
.login .photo a {position:absolute;top:25px;right:0}
.login .info .name{font-size:15px;font-weight:bold;color:#555;text-align:left}
.login .info .name a {font-size:14px;font-weight:normal;color:#777;text-align:right;text-decoration:underline}
.login .info td a {float:right;font-size:14px;color:#777}
.login .info .logout {text-align:left;width:72px;vertical-align:top}
.login .info .logout a{border:1px solid #dadbde;font-size:12px;text-decoration:none;padding:0 5px;line-height:19px}
.login .info .mileage {text-align:right;font-size:14px}
.login .info .mileage img {margin-bottom:0}
.login .info span {color:#659b03;font-weight:bold}
.login .icon td {border:1px solid #dadbde;padding:10px 0;font-family:'Malgun Gothic';font-weight:bold;width:20%}
.login .icon img,.login .mypage img {margin-bottom:0}
.login .icon .left {border-left:0}
.login .icon .right {border-right:0}
.login .mypage {width:80%;margin:15px auto}
.login .l {width:20px}
.login .c {background:url(/images/member/mypage_c.png)}
.login .c a{font-size:18px;font-weight:bold;color:#fff;display:block;height:50px;padding-top:10px;width: 100%}
.login .r {width:19px}
.login .article {width:100%;max-height:140px;overflow-x:hidden;overflow-y:auto;text-align:left;padding-left:15px;border-top:1px solid #dadbde}
.login .article h4 {margin:10px 0 0 0}
.login .article li {color:#777}

/* 회원가입 */
.joinform {background:#fff;border-radius:0}
.joinform .form-header {background:#fff;border-bottom:0}
.joinform .form-header h2 {font-size:24px;color:#323e12;font-weight:bold}
.joinform .sky-form .input {border:1px solid #000}
.joinform .sky-form .input input {background:#fff;color:#222;border:0}
.joinform .sky-form .input .icon-append {border-left:0;color:#666}
.joinform table {width:100%;border-top:1px solid #dedede}
.joinform table td.activity1 {padding:25px 3px 25px 20px}
.joinform table td.activity2 {padding:25px 20px 25px 3px}
.joinform table td img {width:100%}
@media (max-width:479px){
	.joinform {display:table;}
	.joinform .form-header {padding:20px 0}
	.user-form .form-body {padding:15px 0}

}

/* 공지/이벤트 */
.notice {width:100%;border-top:1px solid #b9e933;padding:30px 30px 20px 30px}
.notice .notice-title {width:100%;font-weight:bold}
.notice .notice-title li {float:left;border:1px solid #000;border-bottom:0;text-align:center;width:33%;font-size:17px;height:47px;padding-top:13px}
.notice .notice-title li a {color:#000;font-size:13px;font-weight:400}
.notice .notice-title li.off {border-bottom:1px solid #000}
.notice .notice-title li.none {border:0;border-bottom:1px solid #000}
.notice .notice-list {width:100%}
.notice .notice-list li {margin:12px 0;font-size:14px}
/*.notice .notice-list li{background:url(/images/main/icon_notice_dot.png) 0 55% no-repeat;padding-left:10px;color:#555}*/
.notice .notice-list li a {font-size:14px;color:#222}
.notice table.app {width:100%}
.notice table.app a {margin:10px auto;display:block;padding-top:5px;font-weight:bold;background:#009bdf;border-radius:3px;color:#fff;font-size:15px;text-align:center;width:120px;height:50px;line-height:120%}

/* 배너 */
.banner .section-title-wr {margin:15px 0 10px 0}
.banner .section-title {font-size:18px;color:#65686a;padding-left:15px;letter-spacing:-0.5px;font-weight:400;text-align:left;line-height:140%}
.banner .section-title span {font-size:22px;color:#000;font-weight:700}

/* 수강후기 */
.review {background:url("/images/main/review_bg.png") 50% 50% no-repeat;color:#000;padding:35px 0}
.review .section-title {font-size:29px;font-weight:300;height:80px;color:#000;text-align:center;margin-top:40px}
.review .section-title span{font-weight:700;border-bottom:1px solid #000}
.review .col-md-3 .short-feature {border:1px solid #666;background:#fff}
.review .col-md-3 .short-feature table {margin:0 15px}
.review .col-md-3 .short-feature .img {width:43px}
.review .col-md-3 .short-feature .title {padding-top:10px;font-size:12px;font-weight:500}
.review .col-md-3 .short-feature .title span {color:#0f963c;font-weight:600}
.review .col-md-3 .short-feature .title p {font-size:12px;color:#999}
.review .col-md-3 .short-feature .contents {font-size:13px}
.review .col-md-3 .short-feature .contents div {min-height:200px;font-size:14px}
.review .col-md-3 .short-feature .contents p {font-size:18px;font-weight:500;padding:10px 0 5px 0}
.review .col-md-3 .short-feature .evaluate {padding:15px;font-size:16px;font-weight:700;color:#FFF;line-height:27px;margin:0;letter-spacing:-0.6px}
.review .col-md-3 .short-feature .evaluate span {color:#ffd263}
@media (max-width:479px){
	.review {background:none;padding:0}
	.review .section-title {font-size:18px;background:#f3f4f8;color:#65686a;padding:15px 0 15px 15px;letter-spacing:-0.5px;font-weight:400;text-align:left;margin:0;line-height:140%}
	.review .section-title span {font-size:22px;color:#000;font-weight:700;border-bottom:0}
	.visible-xs {color:#222;font-size:16px}
	.visible-xs span {color:#666;font-size:14px}

}


/* 강사소개 */
.teacher {background:#f1f5fb;min-height:920px;margin-top:30px}
.teacher .section-title {font-size:30px;font-weight:300;height:55px;color:#000;text-align:center;margin-top:73px}
.teacher .section-title span{font-weight:700;border-bottom:1px solid #000}
.teacher .col-md-4 {padding:0}
.teacher .col-md-4 .section-title {height:45px;margin-top:50px;color:#33CC66;font-size:18px}
.teacher .col-md-4 .section-title span {font-size:30px;border-bottom:1px solid #33CC66}
.teacher .col-md-4 .short-feature {margin: 12px 0;padding: 13px 10px;}
.teacher .col-md-4 .short-feature .feature-icon {border-radius:55px;display:inline-block;float:left;width:110px;height:110px;line-height:110px;margin-right:10px;position:relative;text-align:center;top:10px}
.teacher .col-md-4 .short-feature .feature-icon img {bottom:-15px;left:15px;position:absolute;}
.teacher .col-md-4 .short-feature .feature-txt {color:#222;font-size: 14px;font-weight:300;letter-spacing:-0.3px;min-height:150px;padding-left:120px;}
.teacher .col-md-4 .short-feature .feature-txt span {color: #000;font-weight:700;margin-bottom:5px;}
@media (max-width:479px){
	.teacher {background:none;padding:0;min-height:450px;margin-top:10px}
	.teacher .section-title {height:auto;font-size:18px;color:#000;padding:15px;letter-spacing:-0.5px;font-weight:400;text-align:left;margin:0;line-height:140%}
	.teacher .section-title span {font-size:22px;color:#000;font-weight:700;border:0}
	

	.teacher table {width:100%}
	.teacher .pic {position:relative;width:80px;padding:21px 10px 0 0;vertical-align:top}
	.teacher .pic img {border-radius:32px;width:64px;margin:0 auto}
	.teacher .txt {padding:20px 0 5px;font-size:14px;color:#666}
	.teacher .txt span {font-size:18px;font-weight:700;color:#000}
	.teacher .evaluate {width:80px}
}


/* OPES */
.opes {margin:40px 0 10px 0}
.opes .section-title {font-size:30px;font-weight:400;height:80px;color:#000;text-align:center;margin-top:40px;text-shadow:1px 0 2px #555}
.opes .section-title span{color:#6ba407}
.opes .col-md-8 .row {position:relative;padding:15px 15px 20px 15px;background:#eee;text-align:center}
.opes .col-md-8 .mark{position:absolute;background:none;top:15px;right:0;margin:0;padding:0}
.opes .col-md-8 a.btn-info {margin-top:30px}
.opes .col-md-4 table {border:1px solid #ddd;background:#fff;width:100%;padding:20px;color:#000}
.opes .col-md-4 table td {font-family:'Nanum Barun Gothic';padding:18px;font-size:24px;font-weight:700;line-height:60px;letter-spacing:-1px}
.opes .col-md-4 ul {display:table;margin-bottom:5px}
.opes .col-md-4 table td span{color:#6ba407}
.opes .col-md-4 li {float:left;height:67px}
.opes .col-md-4 li.num {background:url(/images/main/opes_count.png) 50% 50% no-repeat;width:55px;font-size:40px;font-weight:400;line-height:73px;color:#FFF;text-align:center;margin-right:2px}
.opes .col-md-4 li.txt {font-size:16px;vertical-align:bottom;padding-top:24px}
.opes .col-md-4 li.list {width:100%;height:24px;font-size:13px;font-weight:400;letter-spacing:0}
.opes .col-md-4 li.list span{color:#6ba407}
.opes .col-md-4 a.btn-success {width:100%;margin-top:40px;font-family:'malgun gothic'}
@media (max-width:479px){
	.opes {background:#eee;padding-bottom:30px}
	.opes .col-md-6 {margin:15px 0}
	.opes .col-md-8 .row {padding:15px 0}
	.opes .col-md-8 a.btn-info {margin-top: 10px}
	.opes .col-md-8 .mark {top:98px}
	.opes .col-md-8 .mark img{width:120px}
	.opes .col-md-4 li.num {width:50px}
}

/* 생생정보통 */
.liveinfo {background:#56d760;padding:60px 0}
.liveinfo .section-title {display:block;margin:20px 0;width:100%}
.liveinfo .section-title span{float:right}
.liveinfo .live li {float:left;box-shadow:5px 5px 3px #666;background:#fff;width:47%;height:220px;margin: 0 10px 10px 0;padding:10px}
.liveinfo .live li img {width:100%;height:100px}
.liveinfo .ceo {position:relative;}
.liveinfo .ceo .txt {background:#fff;box-shadow:5px 5px 3px #666;height:450px;font-size:18px;padding:50px;line-height:160%;width:580px}
.liveinfo .ceo .txt h2 {color:#222;font-size:30px;font-weight:500}
.liveinfo .ceo .pic {position:absolute;bottom:-70px;right:-80px}
@media (max-width:991px){
	.liveinfo .ceo .pic {width:160px;position:absolute;bottom:-60px;right:10px}
	.liveinfo .ceo .section-title-wr {padding-top:30px}
}
@media (max-width:479px){
	.liveinfo {background:#33CC66;padding:20px 0 40px}
	.liveinfo .row {margin-right:-20px}
	.liveinfo .section-title-wr {border:0;padding-bottom:15px}
	.liveinfo .section-title {color:#000;height:auto;font-size:16px;letter-spacing:-1px;font-weight:400;text-align:left;margin:0;line-height:140%}
	.liveinfo .section-title span {color:#000;float:none;font-size:20px;font-weight:700}
	.liveinfo .live li {float:left;background:#fff;width:45%;height:200px;padding:10px}
	.liveinfo .col-md-4.live {padding-right:0}
	.liveinfo .ceo {display:table}
	.liveinfo .ceo .txt {width:97%;height:370px;font-size:14px;padding:30px;line-height:160%}
	.liveinfo .ceo .txt h2 {color:#222;font-size:18px;font-weight:700}
	.liveinfo .ceo .pic {width:120px;position:absolute;bottom:-40px;right:5px}

}

/* 커뮤니티 */
.community {background:#f1f5fb;padding:60px 0}
.community .section-title {display:block;margin:20px 0 40px 0;width:100%}
.community .section-title span{float:right}
.community .col-md-4 {padding-left:0}
.community .col-md-4.qna, .community .col-md-4.freetalk {padding-right:30px}
.community .col-md-4.qna .short-feature {margin:0}
.community .col-md-4.qna .short-feature .mark {background:none;width:60px;padding:0;vertical-align:top}
.community .col-md-4.qna .short-feature .title a {font-size:16px;font-weight:500}
.community .col-md-4.qna .short-feature .date {width:60px;font-size:12px}
.community .col-md-4 .short-feature{margin:20px 0;min-height:55px}
.community .col-md-4 .short-feature table{width:100%}
.community .col-md-4 .short-feature .lable {display:inline-block;float:right;font-weight:normal;font-size:10px;}
.community .col-md-4 .short-feature .pic {width:75px;background:url(/images/main/talk_bg.png) 100% 0 no-repeat}
.community .col-md-4 .short-feature .txt {background:#fff;border:1px solid #c5ccd8;border-left:0;padding:10px;height:89px;}
.community .col-md-4 .short-feature .txt .title{height:30px;font-size:16px;color:#000}
.community .col-md-4 .short-feature .txt .desc{font-size:13px;vertical-align:top;line-height:160%}
.community .col-md-4 td span.badge{font-size:11px;font-weight:normal;color:#fff}
.community .col-md-4 i {float:left;border-radius:35px;background-size:52px 52px;width:52px;height:52px;margin-right:15px;display:block;font-size:50px}
.community .col-md-4 a {font-size:18px;font-weight:700}
@media (max-width:991px){
	.container .row {margin-left:0;margin-right:0}
	.community .col-md-4.qna, .community .col-md-4.freetalk {padding-right:10px}
}
@media (max-width:479px){
	.container .row {margin-left:-15px;margin-right:-15px}
	.community {background:#f3f4f8;padding:20px 0 0}
	.community .col-md-4 {padding:15px 15px 0 15px}
	.community .col-md-4.qna, .community .col-md-4.freetalk {padding-right:15px}
	.community .col-md-4.qna .short-feature {background:#F3F4F8}
	.community .section-title-wr {border:0}
	.community .section-title {color:#000;height:auto;font-size:18px;letter-spacing:-1px;font-weight:400;text-align:left;margin:0;line-height:140%}
	.community .section-title span {color:#000;float:none;font-size:22px;font-weight:700}
	.community .col-md-4 .short-feature {min-height:40px}
	.community .short-feature {background:#fff}
	.community .col-md-4 .short-feature .pic {width:75px;background:none;text-align:center;font-weight:600}
	.community .col-md-4 .short-feature .txt {min-height:40px;background:#fff;border:0;padding:10px 5px 20px}
	.community .col-md-4 i {float:left;border-radius:35px;background-size:52px 52px;width:52px;height:52px;margin:30px 15px 5px 15px;display:block;font-size:50px}
	.community .col-md-4 .short-feature .txt .title{line-height:40px;font-size:16px;color:#000;margin-bottom:20px}
	.community .col-md-4.qna .short-feature .date {width:70px}

	#eventCarousel .text-center a {padding:100px 0 0 0}
}

/* 유투브 */
.col-md-8.youtube {padding-right:30px}
.col-md-8.youtube .section-title-wr {margin:80px 0 40px 0}
.col-md-8.youtube table {width:100%}
.col-md-8.youtube .title {width:553px}
.col-md-8.youtube .none {border-bottom:1px solid #000}
.col-md-6.sophiban {padding:0 20px 0 0;margin:0}
.col-md-6.sophia {padding:0 0 0 20px;margin:0}
.col-md-4.dictation {background:#50cc5a;margin:80px 0 40px 0;color:#222;font-size:16px}
.col-md-4.dictation .section-title-wr {margin:20px 0}
.col-md-4.dictation .section-title {font-size:24px;color:#000;}
.col-md-4.dictation th {background:#222;color:#fff;border:1px solid #50cc5a;text-align:center}
.col-md-4.dictation td {border-bottom:1px solid #44a04c;height:30px;text-align:center}
.col-md-4.dictation ul {margin:15px 0}
.col-md-4.dictation li {font-weight:bold;margin:10px 0;color:#fff}
.col-md-4.dictation a {display:block;background:#fff;height:50px;width:100%;border-radius:5px;font-weight:500;padding:12px;margin:30px 0;text-align:center}
@media (max-width:991px){
	.col-md-8.youtube {padding-right:30px;display:table}
	.col-md-4.dictation {margin:20px 0;padding:20px 15px}
	}
@media (max-width:479px){
	.col-md-8.youtube {padding-right:15px;height:200px}
	.col-md-8.youtube .section-title-wr {border:0;margin:20px 0 10px 0}
	.col-md-8.youtube .section-title {color:#000;height:auto;font-size:16px;letter-spacing:-1px;font-weight:400;text-align:left;margin:0;line-height:140%}
	.col-md-8.youtube .section-title span {color:#000;float:none;font-size:20px;font-weight:700}

	.col-md-4.dictation {background:#33CC66;margin:40px 0 0 0;color:#222;font-size:16px;padding-bottom:20px}
	.col-md-4.dictation .section-title-wr {border:0;margin:20px 0 0px 0}
	.col-md-4.dictation .section-title {color:#fff;height:auto;font-size:18px;letter-spacing:-1px;font-weight:400;text-align:left;margin:0;line-height:60px}
	.col-md-4.dictation .section-title span {color:#fff;float:none;font-size:22px;font-weight:700}
	.col-md-4.dictation th {padding:10px 0}
	.col-md-4.dictation .cdtn {width:100%;background:#fff}
	.col-md-4.dictation .cdtn td {padding:15px 0;color:#222;font-size:16px;text-align:center;font-weight:400;line-height:44px}
	.col-md-4.dictation .cdtn td span {color:#222;font-size:36px;font-weight:bold}
	
}

/* FACEBOOK ARTICLE */
.fb_cs {margin:40px 0}
.facebook .section-title {font-size:24px;font-weight:700;padding-left:15px;margin-top:30px}
.facebook .section-title span {font-size:14px;font-weight:normal}
.facebook .section-title span.like_cnt{color:#ea6309;font-weight:bold}
.facebook .fb-like {float:right;margin:0 15px 0 auto}
.facebook .article {background:#f4f4f4}
.facebook .article .msg {height:465px;overflow-y:hidden;font-size:1.1em;padding:10px 0}
.facebook .article .msg img {width:100%}
.facebook .article .msg a.txt {display: block; padding:0 20px}
.facebook .article .info {border-top:1px solid #e2e2e2;color:#666;letter-spacing:-0.7px;padding:0 5px 10px 20px}
.facebook .article .info table {width:100%}
.facebook .article .info td {padding-top:10px}
.facebook .article .info td img {margin-top:-10px} 
.facebook .article .info .more{float:right}
.facebook .article .info .more img {margin-top:-5px}
.facebook .article .info span {color:#2e62cc;font-weight:bold}
@media (min-width:992px) and (max-width:1199px){
	.facebook .article .msg {font-size:1em}
	}

@media (max-width:479px){
	.facebook {border:0}
	.facebook .article .msg {font-size:1em}
	}

/* 고객센터 */
.cscenter .section-title {font-size:19px;font-weight:700;color:#222;padding:30px 0 20px 0}
.cscenter .section-title span{color:#6ba407}
.cscenter .short-feature {background:#50cc5a;padding:50px}
.cscenter table {width:100%}
.cscenter th {font-size:16px;font-weight:bold;color:#fff}
.cscenter .phone {font-size:44px;font-weight:700;color:#fff;padding:7px 0 20px 0;letter-spacing:-1px}
.cscenter .phone a {color:#fff}
.cscenter .kakao {background:#ffeb45;font-family:'malgun gothic';padding:15px 0 10px 0;text-align:center;font-size:16px;font-weight:700;color:#000}
.cscenter .kakao img{margin-right:10px}
.cscenter .info{font-size:22px;font-weight:500;color:#fff;padding:0 0 20px}
.cscenter .info span {font-size:14px;font-weight:700;letter-spacing:-0.7px}
.cscenter .link a {background:#33CC66;display:block;width:100%;color:#fff;font-size:18px;font-weight:700;padding:20px 0 10px 25px;margin:5px 0;}
@media (max-width:479px){
	.cscenter .short-feature {margin:0 -15px}
	.cscenter .info{font-size:18px}
	.fb_cs {margin:0}
	}

/* 수강확인 */
#contents table.study_b td{font-size:12px; background:#fff;  height:50px; line-height:20px}
#contents table.study_b td.td01{background:#deefc1; border:1px solid #b8c5a1; text-align:center; color:#518100; height:120px; font-weight:bold}
#contents table.study_b td.td02{border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6; padding-left:41px; }
#contents table.study_b td.td03{vertical-align:middle; border-right:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding-right:20px; padding-bottom:10px; color:#000; text-align:right}
#contents table.study_b img{vertical-align:middle}
#contents .in_box{height:12px; border:1px solid #dbdbdb}

/*서비스소개 */
.service.subtop {background:#33CC66;padding-bottom:20px}
.service.subtop table {width:100%;margin-top:70px}
.service.subtop table td {text-align:center}
@media (max-width:479px){
	.service.subtop {padding-bottom:0}
	.service.subtop .visible-xs {border:0}
	.service .visible-xs {border-bottom:0}
}
.service.why {padding-top:50px}
.service.why .col-md-4 td.middle {background:url(/images/company/2nd_middle.png) 0 0 repeat-y;font-size:14px;height:130px;padding:10px 20px}
.service.why .col-md-4 td span {color:#e66610;font-weight:500;text-decoration:underline}
@media (max-width:479px){
	.service.why {padding-top:10px}
	.service.why h1 {padding:15px 15px 0 15px}
	.service.why img {width:99%}
	.service.why .col-md-4 td.middle {background-size:99.2%}
}

.service.study {background:url(/images/company/1h_study_bg.png) 50% 0 no-repeat; background-size:auto 100%;margin:30px 0;padding:60px 0 80px;}
.service.study h1 {margin:0 0 10px}
.service.study .col-md-12 {position:relative}
.service.study .col-md-12 .arrow {position:absolute;top:21%;right:-56px}
@media (max-width:479px){
	.service.study {margin-top:20px}
	.service.study h1 {padding:30px 15px 5px 15px}
	.service.study {background:#3d4051;padding:30px 0 0}
}

.service.tip{margin-bottom:30px}
.service.tip .col-md-4 img {width:100%}
@media (max-width:479px){
	.service.tip h1 {padding:0 15px;margin:0}
	.service.tip .col-md-12 {padding:7px}
	.service.tip .col-md-4 {float:left;width:50%;padding:8px}
	.service.tip .col-md-4 img {width:100%}
	.service.tip .visible-xs{border-bottom:0}
}

.service.freetest {background:#f3f6fb;padding-top:40px}
.service.freetest .line{background: url(/images/company/freetest_line.png) 0 51px repeat-x;text-align:center;padding:40px 0}
.service.freetest .line span {background:#f3f6fb;font-size:24px;font-weight:bold;color:#000;margin:30px auto;padding:0 30px}  
.service.freetest .col-md-12 table {padding:20px;color:#000;margin:0 auto}
.service.freetest .col-md-12 table td {padding:18px;font-size:36px;font-weight:700;line-height:60px;text-align:center}
.service.freetest .col-md-12 ul {display:table;margin-bottom:5px}
.service.freetest .col-md-12 table td span{font-size:30px}
.service.freetest .col-md-12 li {float:left;height:67px}
.service.freetest .col-md-12 li.num {background:url(/images/company/freetest_bg.png) 50% 50% no-repeat;width:130px;height:140px;line-height:120px;font-size:120px;font-weight:700;color:#33CC66;text-align:center;margin-right:2px}
.service.freetest .col-md-12 li.txt {font-size:48px;vertical-align:bottom;padding-top:84px;font-weight:normal}
.service.freetest .col-md-12 p{display:block;text-align:center;}
.service.freetest .col-md-12 {margin-bottom:40px}
@media (max-width:479px){
	.service.freetest {background:#f3f6fb;padding-top:0}
	.service.freetest h1 {padding:0 15px}
	.service.freetest .line{padding:40px 0 10px}
	.service.freetest .line span {font-size:20px}  
	.service.freetest .col-md-12 li {height:27px}
	.service.freetest .col-md-12 li.num {background-size:100%;width:40px;height:57px;line-height:160%;font-size:36px;font-weight:700;color:#33CC66;text-align:center;margin-right:2px}
	.service.freetest .col-md-12 li.txt {font-size:18px;padding-top:20px}
	.service.freetest .col-md-12 table td {padding:18px;font-size:18px;font-weight:700;line-height:20px;text-align:center}
	.service.freetest .col-md-12 table td span{font-size:18px}
	.service.freetest .col-md-12 ul {margin-bottom:0}
	.service.freetest .col-md-12 {margin-bottom:20px}
}
/* 강사소개 */
.service.teacher {background:#fff;margin:30px 0;min-height:500px}
.service.teacher h2 {text-align:center}
@media (max-width:479px){
	.service.teacher {margin-bottom:0}
	.service.teacher h1 {padding:0 15px}
	.
}

.service.video {background:url(/images/company/video_bg.jpg) 50% 50% no-repeat; height:885px;}
.service.video .content{height:785px;padding-top:300px}
.service.video .content h2{font-size:44px;color:#fff;text-align:center;font-weight:300;}
.service.video .content p {padding-top:55px;text-align:center}
.service.video .col-md-3 a {font-size:13px;color:#fff}
.service.video .col-md-3 table {width:100%}
.service.video .col-md-3 td {border:1px solid #68686a}
.service.video .col-md-3 td.pic {width:85px}
.service.video .col-md-3 td.desc {padding:15px 0 5px 20px}
.service.video .col-md-3 span{font-size:21px}
.service.video .col-md-3 p {margin:10px 0 0 0;line-height:120%;color:#9b9b9b}
@media (max-width:479px){
	.service.video {background:url(/images/company/video_bg.jpg) 50% 0 no-repeat;background-size:100%;height:220px;}
	.service.video .content {height:140px;padding:10px}
	.service.video .content h2{font-size:17px;padding:25px 0 5px}
	.service.video .content p {padding:0}
	.service.video .content p img {width:40px}
	.service.video table {width:100%}
	.service.video table td {border:0}
	.service.video table img {width:100% !important}
}
.service.review {background:#2e2f36;padding-top:15px}
.service.review .col-md-3 .short-feature {padding:24px;height:380px}
.service.review .col-md-3 .short-feature h3 {font-size:18px;color:#000;font-weight:700}
.service.review .col-md-3 .short-feature table {width:100%;margin:20px 0 0 0}
.service.review .col-md-3 .short-feature td {font-weight:400;color:#32b1e6;font-size:14px}
.service.review .col-md-3 .short-feature td.contents {padding-top:20px;color:#000}
@media (max-width:479px){
	.service.review .col-md-3 .short-feature h3 {margin-bottom:0px}
	.service.review .col-md-3 .short-feature {padding:15px;height:auto}
	.service.review .col-md-3 .short-feature table {margin:10px 0 0 0}
	.service.review .col-md-3 .short-feature td.contents {padding-top:10px}
	.service.review .col-md-3 .short-feature .star_rating {float:right;margin-top:7px}


}
.service.curriculum h2 {font-size:30px}
.service.curriculum .col-md-3 .short-feature img {width:100%;margin-top:25px}
.service.curriculum .content p {font-size:24px;text-align:center;color:#222;line-height:140%}
.service.curriculum .content p span {color:#33CC66;font-weight:700;text-decoration:underline}
.video_fic .pic-1 {background: url(/images/main/ft-pic03.jpg) no-repeat center center / contain; height: 233px; width: 100%;}
.video_fic .pic-1 a {position: absolute;top: 50%;left: 50%;background: url(/images/Curri/vd_btn_off.png) no-repeat center;width: 79px;height: 71px;margin-top: -20px; margin-left: -39.5px;}
.video_fic .pic-1 a:hover {background: url(/images/Curri/vd_btn_on.png) no-repeat center;}

@media (max-width:479px){
	.service.curriculum {padding:0 15px}
	.service.curriculum .content h2 {font-size:18px;font-weight:bold}
	.service.curriculum .content p {font-size:18px;text-align:center}
	.service.curriculum .content p span {color:#33CC66;font-weight:700;text-decoration:underline}
}

.service.leveltest .content h2{font-size:29px;color:#000;text-align:center;margin:60px 0 20px 0}
.service.leveltest .content p {font-size:18px;color:#222;text-align:center}
.service.leveltest .content p span {display:block;font-size:27px;margin:25px 0;line-height:140%}
.service.leveltest .col-md-4 .short-feature img {width:100%}
.service.leveltest .col-md-12 {text-align:center;font-size:30px;color:#000;line-height:320%}
.service.leveltest .col-md-12 p {position:absolute;right:15px;top:0}
.service.leveltest .col-md-12 p a{text-decoration:underline;font-size:14px;color:#111}
@media (max-width:479px){
	.service.leveltest {padding:30px 15px}
	.service.leveltest h2 {font-size:18px;font-weight:bold;text-align:center}
}

.service.bottom {background:url(/images/company/special_bg.png) 0 0 repeat-y;}


@media (max-width:479px){
	section.service h1 {font-size:24px}
	section.service h2 {line-height:130%;margin-bottom:15px;font-size:18px;font-weight:400;padding:20px}
	.service_top .intro {font-size:18px}
	.service_top .intro p {font-size:24px;line-height:160%}
	.service_top .intro p span {font-size:32px}
	p.service_btn a {width:100% !important}\
	

	.footer .container .row {margin:1px}
	footer.footer .row .menu {margin-right:10px}

	.interview table {width:100%}
	#mem_video {width:360px;height:202px}
	}

h1{font-size:42px;color:#444b34;text-align:center;margin-top:10px}
h1 span {color:#759826}

/* 강사소개 */
.teachers .search {display:table;width:100%;border-top:2px solid #747474;border-bottom:1px solid #b4b4b4;background:#eee;padding:22px 45px 5px 45px;text-align:center}
.teachers .search select {color:#555;font-size:16px;border-radius:4px}
.teachers .list {display:table;width:100%;margin-top:35px;border:1px solid #dbdada;border-top:2px solid #77b800;padding:20px 0 0 0;font-size:16px;color:#555;letter-spacing:-0.3px}
.teachers .list .col-md-12 {display:table;padding-left:20px}
.teachers .list li{float:left;display:table}
.teachers .list li.pic {position:relative;width:20%}
.teachers .list li.pic img {width:140px;margin-right:30px}
.teachers .list li.pic a {position:absolute;bottom:5px;left:5px;width:25px}
.teachers .list li.pic a img {width:25px}
.teachers .list li.info {width:76%;letter-spacing:-0.6px}
.teachers .list h2 {font-size:22px;color:#333}
.teachers .list h2 span.label {font-family:'malgun gothic';font-size:11px;font-weight:400;color:#fff;border-radius:3px}
.teachers .list span {color:#888;font-size:14px}
.teachers .list .col-md-6 {display:table;font-size:14px;color:#555;border-top:1px solid #dbdada;padding:20px}
.teachers .list .col-md-6.left {border-right:1px solid #dbdada}
.teachers .list .col-md-6.left li{width:100%;line-height:28px}
.teachers .list .col-md-6.left dd {float:left;width:5px;height:14px;background:#cecece;margin-right:1px}
.teachers .list .col-md-6.left dd.on {background:#b6dd7a}
.teachers .list .col-md-6 h4 {color:#5f9300;font-size:17px;margin-bottom:5px;letter-spacing:1px}
.teachers .list .col-md-6 table {width:100%;color:#666;font-weight:700}
.teachers .list .col-md-6 table li {float:left;width:18%;background:#eee;margin:8px 2px;line-height:18px}

/* 나의강의실 */
#calendarBox td img{display:block}
.myclass .row {margin-top:30px}
.myclass .profile {background:#ffff;text-align:center;padding:5px 20px 10px;width:25%}
.myclass .profile .pic {position:relative;width:95px;height:95px;border-radius:47px;margin:0 auto 10px}
.myclass .profile .pic a {position:absolute; bottom:0;right:0}
.myclass .profile h4 {font-size:16px;margin:0}
.myclass .profile h4 span {font-size:14px;font-weight:400}
.myclass .profile .more {color:#7398e2;text-decoration:underline;margin-top:15px}
.myclass .benefit {border-left:1px solid #e0e0e0;width:25%;height:108px;}
.myclass .benefit table {width:100%}
.myclass .benefit td {font-size:14px;font-weight:700;padding:10px 0 0 5px;color:#222}
.myclass .benefit span {font-size:26px}

.myclass .menu {text-align:center;height:60px;background:#fcfcfc;border:1px solid #e0e0e0;border-bottom:0;color:#222;padding:4px 0}
.myclass .menu a {width:100%;display:table;color:#000;font-size:14px;font-weight:700}
.myclass .menu a span {text-align:center;font-size:12px;font-weight:400;line-height:180%;}

.myclass .payment {width:100%;height:110px;}
.myclass .payment td {background:#33CC66;width:14%;text-align:center;color:#fff;font-size:14px;font-weight:700}
.myclass .payment td a {color:#fff}
.myclass .payment h4 {font-size:18px}

#box_grade {display:block;width:77px;height:74px;border-radius:10px;background:#9fcc3a;font-size:40px;font-weight:700;color:#FFF;margin:0 auto;padding:28px 0;text-align:center}
.myclass .attendance td {text-align:center;font-weight:700}
.myclass .info {padding:15px}
.myclass .info .title {font-size:16px;font-weight:700}
.myclass .info .title a {color:#56d35d;font-size:12px;font-weight:normal}
.myclass .info .tb_list {border:1px solid #999}
.myclass .info .tb_list th{height:47px;background:#f7f7f7;font-size:14px;color:#222;border:0;border-bottom:1px solid #eaeaea}
.myclass .info .tb_list td{font-size:14px;color:#222;border:0;border-bottom:1px solid #f2f2f2}
.myclass .attendance .title {font-size:16px;font-weight:700}
.myclass .attendance table {width:100%}
.myclass .attendance table td {font-size:14px;color:#222;border:1px solid #f4f4f4;height:100px}
.myclass .attendance table span {font-size:24px;color:#33CC66}

.myclass .extend {padding-right:0;margin:0}
.myclass .extend table {width:100%}
.myclass .extend .title {font-size:16px;font-weight:700}
.myclass .extend .graph {padding:0}
.myclass .extend .graph  table {margin-top:30px}
.myclass .extend .graph .progress .sr-only {color:#fff;font-weight:700}
.myclass .extend td.desc {text-align:center;font-size:12px;font-weight:700;padding:5px 10px;color:#666}
.myclass .extend td.desc span {color:#56d35d}
.myclass .extend .btn_function td {padding:0 20px;height:67px;font-size:13px;font-weight:700;color:#000;border:1px solid #eaeaea}
#schedule .tb_list {border:1px solid #999 !important;width:100%}
#schedule .tb_list th {border:0;background:#fff}
#schedule .tb_list th p {height:40px;padding-top:10px;width:90%;margin:0 auto;border-bottom:4px solid #949494}
#schedule .tb_list th p.sunday {border-bottom:4px solid #f06969;color:#f06969}
#schedule .tb_list th p.saturday {border-bottom:4px solid #5e88de;color:#5e88de}
#schedule .tb_list td.type {border:0;height:100px;width:13%}
#schedule .tb_list td.type div.day{border-bottom:1px solid #f2f2f2;width:90%;margin:0 auto;height:100px;vertical-align:top}
#schedule .tb_list img.at-tooltip {width:41px;float:left}

.myclass .divii .col-md-4 table {margin:0 auto}
.myclass .divii .col-md-4 td {text-align:center;padding:10px}
.myclass .type {text-align:left;padding:3px 0px 0px 5px}
.myclass .sub_title {padding:3px 10px 3px 0}

@media (max-width:991px){
	section.slice {margin:0;padding:0}
	.myclass .container {padding:0;background:#f0f0f0}
	.myclass .row {margin-top:5px}
	.myclass .container .col-md-9 .row {margin-top:5px}
	.myclass .container .col-md-9 .row {background:#fff;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf}
	.myclass .benefit {border:1px solid #eaeaea;padding:0 10px 5px}
	.myclass .benefit td {text-align:center;font-size:14px}
	.myclass .benefit span {font-size:14px}
	.myclass .payment td {background:#56d35d;width:16.6%;text-align:center;color:#fff;font-size:12px;font-weight:700;padding:10px 0}
	
	.myclass .info {margin-top:0;padding-top:0;padding-bottom:0}
	.myclass .info .title {padding:30px 0 0 15px}
	.myclass .info .mobile td {border-top:1px solid #ddd;font-size:16px;color:#000;font-weight:700;padding:7px 15px;line-height:160%}
	.myclass .info .mobile td span {color:#666;font-weight:400}
	.myclass .info .tb_list {border:0}
	.myclass .menu {text-align:left;padding-left:15px;border-right:0;font-size:12px}
	.myclass .attendance {padding:15px}
	.myclass .attendance .title {padding-left:15px}
	.myclass .extend {padding: 0 15px}
	.myclass .extend td.desc {font-size:14px}
	.myclass .extend .graph {padding:15px}
	.myclass .extend .graph  table {margin-top:10px}
	.myclass .extend .btn_function {padding:0}
	.myclass .extend .btn_function .title {padding-left:15px}
	.myclass .extend .btn_function td {text-align:center;padding:20px}
	#schedule .tb_list {border:0 !important;width:480px}
	#schedule .control {background:#f7f7f7}
	#schedule .control select,#schedule .control button {border:1px solid #f7f7f7}
	#schedule .tb_list img.at-tooltip {width:24px}
}

/* 학습도구 */
.tools {margin-bottom:50px}
.tools h1 {font-family:'malgun gothic';font-size:60px;font-weight:bold;text-align:center;margin:70px 0 35px 0}
.tools h2 {font-family:'malgun gothic';font-size:30px;margin-top:20px}
.tools h2 span {font-size:22px}
.tools h4 {font-size:18px;color:#77b800;margin:30px 0 10px 0;font-family:'malgun gothic'}
.tools li {font-size:16px;color:#444;line-height:25px;letter-spacing:-0.5px}
.tools .skype {margin:10px auto;border:1px solid #77b800;color:#77b800;font-weight:bold;border-radius:3px;font-size:16px}

/* 학습시스템 */
.education h1 {font-family:'malgun gothic';font-size:60px;font-weight:bold;text-align:center;margin:70px 0 35px 0;color:#333;letter-spacing:-3px}
.education p.sub_txt {text-align:center;color:#333;font-size:20px;line-height:35px;margin-bottom:30px}
.education .border {display:table;margin:0 auto;background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;padding:20px;margin:40px}
.education .border .img {text-align:center}
.education .col-md-6 {font-size:15px;color:#333;line-height:24px}
.education .col-md-6 span {color:#00479d}
.education .col-md-12 table {width:100%}
.education .col-md-12 td.line {background:url(/images/company/education_bg.gif) -4px 0 repeat-y;width:100px}
.education .col-md-12 td.line.tip{text-align:right}
.education .col-md-12 td.txt {padding:5px 10px 20px 20px;font-size:16px;line-height:22px;color:#666}
.education .col-md-12 td.txt h2 {font-size:24px;color:#333}
.education .col-md-12 td.txt .cnts {margin:0 auto;display:table;position:relative;margin-top:20px}
.education .col-md-12 td.txt .cnts .talk {position:absolute;top:120px;right:-120px}

/* 서비스소개 수강후기 */
.interview .list {padding:5px 5px 5px 80px;min-height:65px;color:#444;font-size:16px;line-height:24px;margin-bottom:5px}
.interview .list img {display:none}
.interview .list.on {position:relative;border:1px solid #7ecef4;border-radius:4px}
.interview .list.on img {position:absolute;display:block;top:30px;right:-10px}
.interview p{display:block;color:#0088d1;font-size:16px;margin:0}

/* 커리큘럼 */
.map {font-size:14px;color:#555;font-family:'malgun gothic'}
.map table {width:100%}
.map table th {background:#595967;color:#fff;font-weight:700;text-align:center;height:40px;vertical-align:middle;border:1px solid #6a6b78}
.map table td {color:#555;background:#f1f1f1;border:1px solid #dadee3;height:40px;padding-left:3%;line-height:32px}
.map table td.level {font-size:14px;background:#7b7b89;color:#fff;border:1px solid #6a6b78;text-align:center;padding:0;font-weight:700}
.map table td.basic {background:#f8fff0}
.map table td.junior {background:#fffde9}
.map table td.test {background:#eff9fe}
.map table td.goal {background:#fef2f0}
.map .txt {margin-top:10px;letter-spacing:-0.6px}
.map .txt span {color:#009bdf;font-weight:700}
.map .col-md-9 .row {padding:15px}
.map .bookcase {margin-top:50px}
.map .book-title {float:left;width:100%;text-align:center;margin-top:55px}

.curriculum .sub-top {border-bottom:1px solid #dedede}
.curriculum .sub-top .col-md-6 {padding:0}
.curriculum .sub-top h3{font-size:32px;color:#333}
.curriculum .sub-top .desc {font-size:22px;font-weight:700;color:#4d8b29;letter-spacing:-0.6px}
.curriculum .sub-top .info {font-size:16px;color:#666}
.curriculum .sub-top .col-md-6 {padding-left:15px}
.curriculum .sub-top table {width:100%}
.curriculum .sub-top table .left {width:17px;height:44px;background:url(/images/curriculum/basic_step.png) 0 5px no-repeat}
.curriculum .sub-top table .left.on {background:url(/images/curriculum/basic_step_on.png) 0 5px no-repeat}
.curriculum .sub-top table .center {background:url(/images/curriculum/basic_step.png) -2px 5px no-repeat}
.curriculum .sub-top table .center a{font-size:18px;font-weight:700;color:#666;letter-spacing:-1px}
.curriculum .sub-top table .center.on {background:url(/images/curriculum/basic_step_on.png) -2px 5px no-repeat;color:#fff}
.curriculum .sub-top table .center.on a{color:#FFF}
.curriculum .sub-top table .right {width:23px;background:url(/images/curriculum/basic_step.png) -353px 5px no-repeat}
.curriculum .sub-top table .right.on {background:url(/images/curriculum/basic_step_on.png) -353px 5px no-repeat}
.curriculum .step {margin-top:55px;text-align:center;font-family:'Times New Roman';font-weight:700;font-size:43px;color:#009bdf;letter-spacing:-0.5px}
.curriculum .step span{font-size:21px;font-family:'malgun gothic';color:#7ab500;letter-spacing:-2px;line-height:40px;text-decoration:underline}
.curriculum h2{font-size:38px;font-weight:700;color:#333;text-align:center;margin:40px 0 30px 0}
.curriculum .desc {font-size:18px;text-align:center}
.curriculum .strong {font-size:18px;font-weight:700 !important;color:#4d8b29}
.curriculum .best01 {margin:0;font-size:14px;color:#555}
.curriculum .best01 h4 {font-size:22px;color:#333;margin:5px 0}
.curriculum .best02 {float:left}
.curriculum .best02 .border {display:table;margin:0 auto;background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;padding:20px;margin:30px 0}
.curriculum .best02 .border .img {text-align:center}
.curriculum .best02 .col-md-6 {font-size:15px;color:#333;line-height:24px}
.curriculum .best02 .col-md-6 span {color:#00479d}
.curriculum .best02 .col-md-12 table,.curriculum .best03 .col-md-12 table {width:100%}
.curriculum .best02 .col-md-12 td.line,.curriculum .best03 .col-md-12 td.line {background:url(/images/curriculum/step_bg.png) 4px 50% repeat-x;width:100px}
.curriculum .best02 .col-md-12 td.txt,.curriculum .best03 td.txt {padding:5px 10px 20px 20px;font-size:16px;line-height:22px;color:#666}
.curriculum .best02 .col-md-12 td.txt h2, .curriculum .best03 td.txt h2  {font-size:24px;color:#333;text-align:left;margin:15px 0 10px 0}
.curriculum .best02 .col-md-12 td.txt .cnts, .curriculum .best03 td.txt .cnts {margin:0 auto;display:table;position:relative;margin-top:20px}
.curriculum .best02 .col-md-12 td.txt .cnts .talk, .curriculum .best03  td.txt .cnts .talk {position:absolute;top:120px;right:-120px}
.curriculum .best02 .carousel-2 .carousel-indicators,.curriculum .best02  .carousel-2 .carousel-indicators {top:30px;height:30px}
.curriculum .best02 .carousel-2 .carousel-control.left,.curriculum .best03 .carousel-2 .carousel-control.left {background-image:none}
.curriculum .best02 .carousel-2 .carousel-control.left img,.curriculum .best03 .carousel-2 .carousel-control.left img {position:absolute;top:50%;left:0}
.curriculum .best02 .carousel-2 .carousel-control.right,.curriculum .best03 .carousel-2 .carousel-control.right {background-image:none}
.curriculum .best02 .carousel-2 .carousel-control.right img,.curriculum .best03 .carousel-2 .carousel-control.right img {position:absolute;top:50%;right:0}
.curriculum .best02 .carousel-2 .carousel-control.left i,.curriculum .best03 .carousel-2 .carousel-control.left i {font-size:40px;top:70%;left:0}
.curriculum .best02 .carousel-2 .carousel-control.right i,.curriculum .best03 .carousel-2 .carousel-control.right i {font-size:40px;top:70%;right:0}
.curriculum .best02 .carousel-2 a,.curriculum .best03 .carousel-2 a {border:0}
.curriculum .carousel-2 a:hover{background:none;border:0}
.curriculum .str-level {height:100%;vertical-align:bottom;color:#1947b0;font-size:14px}
.curriculum .str-level .strong{font-size:14px}
.curriculum .best03 {float:left}

/* 커리큘럼 교재 롤링 기능 */
.bookcase {display:table;margin-top:45px}
.bookcase .title {line-height:52px;font-size:40px;font-weight:700;color:#333;text-align:center;margin:0 0 23px 0}
.bookcase .desc {font-size:16px;margin-bottom:30px;text-align:center;letter-spacing:-0.5px}
.bookcase .list {border-bottom:1px solid #cecece}
.bookcase .list.top {border-top:1px solid #444}
.bookcase .list h3 {border:0;padding:0;height:50px;font-size:22px;color:#333;margin:0;letter-spacing:-0.6px}
.bookcase .list span {font-size:14px;color:#008edf}
.bookcase .list h4 {font-size:16px;font-weight:bold;color:#4d8b29;margin:0}
.bookcase .list .col-md-4 img {margin:0 auto;margin-bottom:35px}
.bookcase .list ul {margin:7px 0 17px 0}
.bookcase .list li {background:url(/images/curriculum/dot_1.png) 0 8px no-repeat;padding-left:12px;font-size:14px;color:#444;line-height:22px;letter-spacing:-1px}
.bookcase .list .notice {border:0;color:#888;letter-spacing:-1px}
.bookcase .list .col-md-8{padding-left:0}
.bookcase .list .carousel {padding:70px 30px 10px 30px}
.bookcase .list .carousel .carousel-control i {font-size:40px}
.bookcase .list .carousel .carousel-control.left {background-image:none}
.bookcase .list .carousel .carousel-control.left img {position:absolute;top:35%;left:0}
.bookcase .list .carousel .carousel-control.right {background-image:none}
.bookcase .list .carousel .carousel-control.right img {position:absolute;top:35%;right:0}
.bookcase .list .carousel .carousel-indicators {top:30px;height:30px}
.bookcase .list .carousel .carousel-indicators li {border:1px solid #CCC}
.bookcase .list .carousel .carousel-indicators .active {background-color:#4d8b29}

.bookcase .list .carousel_no {padding:70px 30px 10px 30px;position:relative}
.bookcase .list .carousel_no .carousel-control i {font-size:40px}
.bookcase .list .carousel_no .carousel-control.left {background-image:none}
.bookcase .list .carousel_no .carousel-control.left img {position:absolute;top:35%;left:0}
.bookcase .list .carousel_no .carousel-control.right {background-image:none}
.bookcase .list .carousel_no .carousel-control.right img {position:absolute;top:35%;right:0}
.bookcase .list .carousel_no .carousel-indicators {top:30px;height:30px}
.bookcase .list .carousel_no .carousel-indicators li {border:1px solid #CCC}
.bookcase .list .carousel_no .carousel-indicators .active {background-color:#4d8b29}
.bookcase .list .col-md-8 img {margin:0px 5px 0 0}
@media (max-width:479px){
	.bookcase .list .carousel_no {padding:70px 0 10px 0;position:relative}
	.myclass .container {background:#f0f0f0}
}
/* 나열식 교재보기
.bookcase .title {font-size:52px;font-weight:bold;color:#333;text-align:center;line-height:52px;padding-top:5px}
.bookcase .desc {font-size:17px;color:#777;text-align:center;line-height:27px;padding-top:13px;margin-bottom:78px}
.bookcase .col-md-9 .row {margin-bottom:25px}
.bookcase .col-md-9 h2 {font-family:'malgun gothic';font-weight:normal;color:#333;font-size:30px}
.bookcase .col-md-9 h2 span {color:#008edf;font-weight:bold}
.bookcase .study h3 {font-family:'malgun gothic';height:22px;color:#008edf}
.bookcase .study img {margin:0 33px 0 0;min-width:150px}
.bookcase .study div.col-md-8 {padding-top:20px;font-size:16px;line-height:26px;color:#555}

.bookcase p.title {font-size:30px;color:#333;font-weight:bold;margin-top:50px;text-align:left}
.bookcase .book {margin:0}
.bookcase .book h3 {height:50px;font-family:'malgun gothic';font-size:21px;color:#333;border-top:1px solid #444;border-bottom:1px solid #cecece;padding:11px 0 0 24px;margin:10px 0 30px 0}
.bookcase .book span {color:#008edf}
.bookcase .book h4 {margin:0;font-size:18px;font-family:'malgun gothic';font-weight:bold;color:#444}
.bookcase .book .col-md-4 img {margin:0 auto;margin-bottom:35px}
.bookcase .book ul {margin:7px 0 17px 0}
.bookcase .book li {background:url(/images/bookcase/dot_1.png) 0 8px no-repeat;padding-left:12px;font-size:14px;color:#444;line-height:26px}
.bookcase .col-md-8 img {margin:0px 5px 0 0}
.atalk {background:url(/images/curriculum/atalk_bg.jpg) 50% 0 no-repeat;height:313px;text-align:center;padding-top:57px}
.atalk img{margin:30px auto}
*/

/* 리얼후기 */
.real_review  {background:#fafafa}

/* 수강등록.수강료안내 */
.registration .btn-sm {font-weight:700}
.registration h1{font-size:40px;color:#333}
.registration h3{margin-top:30px}
.registration p.step {margin-top:50px;font-family:'malgun gothic';font-size:22px;font-weight:bold;color:#333;margin-bottom:17px}
.registration table {width:100%}
.registration th {width:25%;height:50px;border-bottom:1px solid #dcdcdc;border-top:2px solid #444;font-size:16px;font-weight:bold;color:#444;text-align:center}
.registration .left {border-left:1px solid #dcdcdc}
.registration .right {border-right:1px solid #dcdcdc}
.registration .bottom {border-bottom:1px solid #b4b4b4}
.registration td {height:35px;text-align:center;color:#444;font-size:16px;font-family:'nanumgothic'}
.registration td.on,.registration th.on {background:#a4e2aa;font-weight:bold;color:#35953f}
.registration .curriculum td, .registration .tools th, .registration .period th, .registration .week td {cursor:pointer}
.registration .tools th {height:125px;font-weight:normal}
.registration .tools img {margin-bottom:30px}
.registration .time td {height:40px}
.registration .month {font-family:'malgun gothic';font-size:22px;color:#333}
.registration .month span {background:#579fe1;color:#fff;font-size:15px;padding:2px 7px}
.registration .tb_list td {font-size:16px;text-align:center;line-height:36px;padding:10px}
.registration .tb_list td.price {font-weight:700;border-right:0}
.registration .tb_list td.price span {width:150px}
.registration .tb_list button {font-family:'Nanum Barun Gothic'}
.registration .choice {background:#49c556;color:#fff;font-family:'Nanum Barun Gothic';font-weight:bold;border-radius:4px;width:90px;height:30px}
.registration .choice.on,.registration .choice:focus,.registration .choice:hover{background:#FFF;border:2px solid #49c556;color:#4d8b29}
.registration .period th {font-weight:normal}
.registration .week td {height:50px}
.registration .price {font-weight:bold;width:45%}

#gInfo {height:90px;background:#fcfcfc;font-weight:normal}
#gPrice {background:#fcfcfc}

.registration .tb_list.payment th {border-left:0;background:#fcfcfc;height:50px;font-family:'malgun gothic';font-weight:normal;text-align:left;padding-left:4%;color:#444}
.registration .tb_list.payment td {border-right:0;text-align:left;font-size:14px}

.registration .inform {background:#fcfcfc;border:1px solid #e5e5e5;border-radius:4px;margin:80px 0;padding:20px}
.registration .inform td {font-size:14px;line-height:160%;color:#777;text-align:left;vertical-align:top;padding:5px}
.registration .inform .title {font-size:20px;font-weight:700;color:#607a96}
.registration .inform .sub_title {width:75px;font-weight:700}
.registration .btn.add_info {color:#77b800;background:#fff}

/* 별점설정 */
.star_rating,.star_rating span{display:inline-block;overflow:hidden;height:14px;height:14px;background:transparent url(/images/icon_star.png) no-repeat}
.star_rating{width:79px;vertical-align:middle;margin-top:-4px}
.star_rating span{background-position:0 -14px;font-size:0;line-height:0;text-indent:-100px;*text-indent:0;vertical-align:top}

/* 게시판 */
#skin03_contents{text-align:left;padding:10px;line-height:160%;font-size:100%;font-family:'malgun gothic'}
#skin03_contents p{line-height:160%;margin:0;min-height:21px}

.skin03_b tr.th{
	background: url("/img_talk/board/th_bg.gif") repeat-x scroll 0 0 transparent;
    border-bottom: 1px solid #CECECE;
    border-top: 1px solid #CECECE;
    height: 26px
}
.skin03_b tr .th_left {
    border-left: 1px solid #CECECE
}
.skin03_b tr .th_right {
    border-right: 1px solid #CECECE
}
.skin03_read_htit{font-weight:bold;background-color:#fbfdfd;width:65px;height:34px;color:#68837f; text-align:center}
.skin03_write_htit{font-weight:bold;background-color:#fbfdfd;width:100px;height:34px;color:#68837f;; text-align:center}
.skin03_ghtit{font-size:12px; font-family:'malgun gothic';font-weight:bold;background-color:#fbfdfd;height:34px;color:#68837f; text-align:center}
.skin03_gcnts{text-align:center}
.skin03_list_cnts{text-align:center}
.skin03_list_cnts a {color:#666}
.skin03_list_btn{float:right}
.skin03_list_btn td {padding:5px}
.skin03_read_top{border-top:3px solid #b0cade; background:#FFF}
.skin03_read_cnts{text-align:center}
.skin03_read_btn{float:right}
.skin03_read_btn td {padding:5px}
.skin031_tit {text-align:center}
.skin03_write_top{border-top:3px solid #b0cade; background:#FFF;margin-top:5px}
.skin03_write_cnts{text-align:center}
.skin03_input{background-color:#FFFFFF; border:1px solid #D2D2D2; height:28px}
.skin03_tit_sline{background-color:#b0cade;height:1px}
.skin03_bot_line{background-color:#b0cade;height:1px}
.skin03_dotline{height:1px;border-bottom:1px dotted #f6d0c5}
.skin03_list_srno{font-weight:bold;font-size:10px;color:#7584C3}
.text_tit{font-size:14pt; font-family:'malgun gothic';font-weight:bold;color:#fd5716}
.skin03_df{padding:0 0 0 10px;text-align:left}
.skin01_list_btn table{width:50%}
.pd15 {text-align:left}

ul.list-check li span.badge, span.badge {background:#999;font-family:"FontAwesome";font-size:11px;font-weight:normal;padding:2px 7px 1px 7px;vertical-align:middle}
#companyCarousel .carousel-inner td{font-family:"Nanum Barun Gothic"}


/* 개인정보수집이용 */
.privacy_rule {
    clear: both;
    padding: 0 20px
}
.privacy_rule h2.tlt_h2 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 30px
}
.privacy_rule h2.tlt_h2.first {
    margin-top: 20px
}

.privacy_rule .tb_join_form {
    border: medium none;
    border-collapse: collapse;
    font-size: 12px;
    table-layout: fixed;
    width: 100%
}
.privacy_rule .tb_join_form caption {
    display: none
}
.privacy_rule .tb_join_form thead th, .privacy_rule .tb_join_form thead td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #f3f3f3 none repeat scroll 0 0;
    border-color: #ccc #ccc #ccc -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    font-size: 12px;
    font-weight: bold;
    padding: 10px
}
.privacy_rule .tb_join_form tbody th, .privacy_rule .tb_join_form tbody td {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #ccc #ccc #ccc -moz-use-text-color;
    border-image: none;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    font-size: 12px;
    padding: 4px 10px
}
.privacy_rule .tb_join_form thead th:last-child, .privacy_rule .tb_join_form tbody td:last-child {
    border-right: medium none;
    text-align: center
}
.privacy_rule .tb_join_form tr:first-child {
    border-top: 1px solid #999
}
.privacy_rule .tb_join_form tbody td dl {
}
.privacy_rule .tb_join_form tbody td dl dt {
    font-weight: bold
}
.privacy_rule .tb_join_form tbody td dl dd {
    margin-bottom: 10px;
    padding-left: 10px
}

@media (max-width:479px){	

	/* 서브 상단 배너 */
	.slice.subtop {height:150px;background-size:auto 100% !important}
	.slice.subtop .text-center {margin-top:20px}	
	.slice.subtop h2.c-white {font-size: 32px;font-family: 'malgun gothic',arial;font-weight: bold;margin-bottom:0px}
	.slice.subtop p.c-white {font-family:'malgun gothic';font-size:16px;font-weight: bold}
	.slice.subtop p.c-white a {margin-top:8px;padding-top:3px;padding-bottom:3px}

	.slice.inset-shadow-1 {padding-top:30px}
	.slice .sub-top {padding:0}

	slice.bg-base.subtop {background-size:100% auto !important}

	/* 수강후기 */
	.review {border:0;margin-top:0px}
	.review .evaluate {padding-top:10px}

	/* 강사소개 */
	.teachers .list li.pic {width:100%}
	.teachers .list li.pic img {width:100%}
	.teachers .list li.info {width:100%;margin-top:20px}
	.teachers .list .col-md-6 {width:100%}
	.teachers .list .col-md-6.left {border-right:0}
	.teachers .list .col-md-6 table li {float:left;width:17%;background:#eee;margin:9px 2px;line-height:18px}
	
		/* 커리큘럼 */
	.curriculum .sub-top .col-md-6 {padding-left:0}
	.curriculum .sub-top table .center a{font-size:14px;font-weight:700;color:#666;letter-spacing:-2px}
	.curriculum .list .carousel {padding:30px 0 0 0}
	.curriculum .best02 .border {padding:30px 10px;margin:20px 0 20px 0}
	.curriculum .best02 .border .img {padding-top:30px}	
	.curriculum .best02 .col-md-12 td.line {background:url(/images/curriculum/step_bg.png) 1px 50% repeat-x;width:77px}
	.curriculum .best02 .col-md-12 td.line img{width:70px}
	.curriculum .best02 .col-md-12 td.txt, .curriculum .best03 .col-md-12 td.txt {padding:10px}
	.curriculum .best02 .col-md-12 td.txt .img-responsive, .curriculum .best03 .col-md-12 td.txt .img-responsive {max-width:240px}
	.curriculum .best02 .col-md-12 td.txt .cnts .talk,.curriculum .best03 .col-md-12 td.txt .cnts .talk {top:30px;right:-5px;width:130px}
	
	.bookcase .list .col-md-8{padding-left:15px}
	.bookcase .list .carousel {padding:30px 0px 10px 0px}


	/* 로그인 */
	.login {width:100%}

	}
@media (min-width:992px){
	.header-cover .navbar-wp{width:100%;position:absolute;top:36px}
	.header-cover .top-header{width:100%;position:absolute;top:0;z-index:1200}
	#mobileLogo{display:none}
	.header-alpha .top-header{background:rgba(0,0,0,0.75)}
	.header-alpha .top-header .aux-text{color:#fff}
	.header-alpha .top-header .top-header-menu>ul.top-menu>li{color:#fff}
	.header-alpha .top-header .top-header-menu>ul.top-menu>li>input{color:#333;border:1px solid #e2e3ea}
	.header-alpha .top-header .top-header-menu>ul.top-menu>li>a{color:#fff}
	.header-alpha .top-header .top-header-top-menu>ul.top-menu>li>a{color:#fff}
	.header-alpha .top-header .top-header-top-menu>ul.top-menu>li>a:hover{color:#f00}
	.header-alpha .top-header .top-header-menu ul.top-menu>li ul.sub-menu{background:rgba(255,255,255,0.85);color:#333}
	.header-alpha .top-header .top-header-menu ul.top-menu>li ul.sub-menu>li>a{color:#000}
	.header-alpha .top-header .top-header-menu ul.top-menu>li ul.sub-menu>li>a:hover{color:#f00}
	.header-alpha .navbar-wp{background:rgba(0,0,0,0.5);border-bottom:0}
	.header-alpha .navbar-wp .navbar-inner{border-bottom:1px solid #e0eded}
	.header-alpha .navbar-wp .navbar-nav>li>a{margin-right:0;font-size:15px;font-weight:500;font-family:'Malgun Gothic',"Roboto",sans-serif;color:#fff;text-transform:uppercase}
	.header-alpha .navbar-wp .navbar-nav>.open>a,.header-alpha .navbar-wp .navbar-nav>.open>a:hover,.header-alpha .navbar-wp .navbar-nav>.open>a:focus{color:#333}
/*	.header-alpha .navbar-wp.affix .navbar-nav>li>a{color:#333}*/
	.header-alpha .navbar-wp.affix .navbar-nav>li>a:hover,.header-alpha .navbar-wp.affix .navbar-nav>li>a:focus,.header-alpha .navbar-wp.affix .navbar-nav>.open>a:hover,.header-alpha .navbar-wp.affix .navbar-nav>.open>a:focus{color:#333}
	.header-alpha .navbar-wp .navbar-nav>li>a.dropdown-form-toggle,.header-alpha .navbar-wp .navbar-nav>li>a.dropdown-form-toggle:hover,.header-alpha .navbar-wp .navbar-nav>li>a.dropdown-form-toggle:focus{color:#fff}
	.header-alpha .navbar-wp.affix .navbar-nav>li>a.dropdown-form-toggle,.header-alpha .navbar-wp.affix .navbar-nav>li>a.dropdown-form-toggle:hover,.header-alpha .navbar-wp.affix .navbar-nav>li>a.dropdown-form-toggle:focus{color:#fff;margin-top:0}
	.header-alpha .navbar-wp .dropdown-menu{background:rgba(255,255,255,0.85);border-top:1px solid transparent;border-bottom:0}
	.header-alpha .navbar-wp .dropdown-menu>li{border-bottom:1px solid rgba(247,247,247,0)}
	.header-alpha .navbar-wp .dropdown-menu>li:last-child{border:0}
	.header-alpha .navbar-wp .dropdown-menu>li>a{font-size:13px;color:#333;padding:8px 15px}
	/*.header-alpha .navbar-wp .dropdown-menu>li>a:hover{background:#5380c1;color:#fff} */
	
	.header-alpha .navbar-wp .dropdown-menu>li>a:hover{background:none;color:#33CC66}
	.header-alpha .navbar-wp .dropdown-menu ul.mega-nav-ul li a{color:#252525}
	.header-alpha .navbar-wp .dropdown-menu ul.mega-nav-ul li a:hover {background:none;color:#33CC66}
	.header-alpha .navbar-wp .dropdown-menu .mega-nav-section-title{color:#333}
	.header-alpha .navbar-wp .dropdown-menu ul.mega-nav-ul li a:before{color:#fff}
	}

@media (max-width:991px){
	.slice.subtop {background-size:100% 100% !important}
	.inline-form-filters .form-group{margin-bottom:10px}
	.static-page-image{position:relative;max-height:500px;overflow:hidden}
	.static-page-image img{width:100%}
	.static-page-image .description-left{top:50px;left:20px;width:70%;height:290px}
	.carousel-1 .description-left{position:absolute;width:40%;top:50px;left:20px;margin-left:20px;width:514px;height:290px}
	}

@media (min-width:1200px){
	.top-header .aux-text{display:inline-block !important;float:left}
	.aside-feature{text-align:left}.aside-feature .icon-feature{text-align:left}
	.slider{width:100%}.navbar-default .dropdown-menu,.navbar-wp .dropdown-menu{margin-top:0 !important}
	.navbar-wp.navbar-arrow .navbar-nav>li.open>a:after{content:"";position:absolute;bottom:-1px;left:50%;border:solid transparent;height:0;width:0;border-color:transparent;border-bottom-color:#fff;border-width:10px;margin-left:-10px;z-index:1100}
	.navbar-wp.navbar-arrow .navbar-nav>li.open>a:before{content:"";position:absolute;font-weight:bold;bottom:-1px;left:50%;border:solid transparent;height:0;width:0;border-color:transparent;border-bottom-color:#e0eded;border-width:11px;margin-left:-11px;z-index:1100}
	.navbar-wp.navbar-arrow .navbar-nav>li.dropdown-aux.open>a:after,.navbar-wp.navbar-arrow .navbar-nav>li.dropdown-aux.open>a:before{border-bottom-color:transparent;border-width:0}
	.body-wrap.body-boxed{width:1230px;margin:20px auto;border:1px solid #e0eded}
	}

@media (min-width:992px) and (max-width:1199px){
	.top-header .aux-text{display:inline-block !important}
	.navbar-default .dropdown-menu,.navbar-wp .dropdown-menu{margin-top:0 !important}
	.navbar-default .dropdown-menu,.navbar-wp .dropdown-menu.dropdown-menu-user{margin-top:0px !important}
	.navbar-wp.navbar-arrow .navbar-nav>li.open>a:after{content:"";position:absolute;bottom:-1px;left:50%;border:solid transparent;height:0;width:0;border-color:transparent;border-bottom-color:#fff;border-width:10px;margin-left:-10px;z-index:1100}
	.navbar-wp.navbar-arrow .navbar-nav>li.dropdown-search.open>a:after{border-bottom-color:transparent;border-width:0}
	.body-wrap.body-boxed{width:1000px;margin:auto}
	.wp-block,.carousel-work .figure{margin-bottom:15px !important}
	
	.navbar-wp .navbar-nav>li>a{font-size:16px}
	.slice.subtop {background-size:100% 100% !important}
	/*서브 오른쪽 */
	.notice .notice-list {margin:20px 10px}
	.notice .notice-list li a {font-size:12px;color:#555}
	.notice table.app a {margin:10px auto;display:block;padding-top:5px;font-weight:bold;background:#009bdf;border-radius:3px;color:#fff;font-size:12px;text-align:center;width:90px;height:40px;line-height:120%}


	/*강사소개*/
	.teachers .list li.info {width:74%}
	.teachers .list .col-md-6 table li {margin:8px 1px}

	}

@media (min-width:768px) and (max-width:991px){
	.top-header .aux-text{display:inline-block !important}
	#desktopLogo{display:none}
	.wp-block,.carousel-work .figure{margin-bottom:15px !important}
	.carousel-1 .object{width:400px !important}
	.slider{width:100%}
	.col-md-9 .mix{width:50%}
	}
@media (max-width:767px){
	.text-sm-center{text-align:center}
	.wp-block,.carousel-work .figure{margin-bottom:15px !important}
	.slider{height:auto;max-height:440px;margin:0}
	.cta-wr{text-align:center}
	.cta-wr .btn{float:none !important}
	.col-md-9 .mix{width:100%}
	header .navbar-wp.affix .navbar-brand img {height:38px}

	/* 나의강의실 */
	.myclass .col-md-6.left {padding:0}
	.myclass .col-md-6.right {padding:0;margin-top:30px}
	}
	
@media only screen and (min-width:1440px){
	.slider{width:100%}
	}

@media (max-width:460px){
	.search-wr .search-sign i{margin-left:0}
	.global-search-input{font-size:16px;padding:14px 0}
	header .navbar-wp.affix .navbar-brand img {height:38px}
	}

@media (min-width:768px){
	.scale{transform:scale(1.2);box-shadow:0 0 4px 1px rgba(20,20,20,0.6)}
	.scale .price{color:#64aaa4}
	}

@media (max-width:991px){
	/* 태블릿 영역 */
	.navbar-header{float:none;text-align:center;background:#fff;height:50px}
	.navbar-toggle{display:block}
	.navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)}
	.navbar-collapse.collapse{display:none !important}
	.navbar-nav{float:none !important;margin:7.5px -15px}
	.navbar-nav>li{float:none}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px}
	.navbar-collapse.collapse.in{display:block !important;overflow-y:scroll !important;max-height:340px !important}
	.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none}
	.text-sm-center{text-align:center}
	#desktopLogo{display:none}
	.navbar-wp .navbar-collapse{background-color:#fff}
	.navbar-wp .navbar-nav>li{border-bottom:1px solid #e0eded}
	.navbar-wp .navbar-nav>li>a{color:#333;padding:10px 20px !important;margin-right:0}
	.navbar-wp .navbar-nav>li>a:after{content:"+";position:relative;float:right}
	.navbar-wp .navbar-nav>li>a:hover,.navbar-wp .navbar-nav>li>a:focus{color:#fff;background-color:#33CC66;border-radius:0 !important}
	.navbar-wp .navbar-nav>.active>a,.navbar-wp .navbar-nav>.active>a:hover,.navbar-wp .navbar-nav>.active>a:focus{border-radius:0 !important}
	.navbar-wp .dropdown-menu:after{border:0 !important;margin-left:0}
	.navbar-wp .dropdown-menu:before{border:0 !important;margin-left:0}
	.top-header .top-header-menu ul.menu>li ul.sub-menu{display:none !important}
	.aside-feature{text-align:center}
	.aside-feature .icon-feature{text-align:center}
	.sort-list-btn .btn{margin-bottom:10px}
	.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:8px 30px}
	
	.dropdown-meganav .dropdown-menu{margin:0 !important}
	.navbar-wp .dropdown-menu .mega-nav-section-wr{border:0;padding:0 !important}
	.navbar-wp .dropdown-menu .mega-nav-section-title{border-bottom:1px solid #8ec400;font-size:14px;font-family:"malgun gothic",sans-serif;margin:0;padding:10px 25px;text-transform:none;color:#333;font-weight:700;line-height:30px}
	.navbar-wp .dropdown-menu .mega-nav-section-title:after{content:"+";position:relative;float:left;left:-5px}
	.navbar-wp .dropdown-menu .mega-nav-section-wr{border-right:0}
	.navbar-wp .dropdown-menu .mega-nav-section{padding:0 !important}
	.navbar-wp .dropdown-menu ul.mega-nav-ul{margin:0;margin-bottom:0;padding:0;list-style:none}
	.navbar-wp .dropdown-menu ul.mega-nav-ul li{position:relative}
	.navbar-wp .dropdown-menu ul.mega-nav-ul li a{display:block;padding:8px 45px !important;border-bottom:1px solid #e0eded;color:#333}
	.navbar-wp .dropdown-menu ul.mega-nav-ul.arrow-li li a{padding-left:12px}
	.navbar-wp .dropdown-menu ul.mega-nav-ul.arrow-li li a:before{content:"\f105";font-family:FontAwesome;position:absolute;left:0;color:#333}
	.navbar-wp .dropdown-menu ul.mega-nav-ul.arrow-li li a:hover{color:#33CC66}

	/* GNB */
	.header-alpha div.navbar-wp{background:rgba(0,0,0,0.6);position:absolute}
	header .navbar-wp .navbar-brand{float:none;display:inline-block;height:auto;padding:0;margin-top:10px;border:1px solid transparent;}
	header .navbar-wp .navbar-brand img, header .navbar-wp.affix .navbar-brand img {height:27px}

	/* 강사소개 */
	.teachers .list li.pic {width:100%}
	.teachers .list li.pic img {width:100%}
	.teachers .list li.info {width:100%;margin-top:20px}
	.teachers .list .col-md-6 {width:100%}
	.teachers .list .col-md-6.left {border-right:0}
	.teachers .list .col-md-6 table li {float:left;width:17%;background:#eee;margin:9px 2px;line-height:18px}

	/*서브 오른쪽 */
	.notice .notice-list li a {font-size:12px;color:#555}

	slice.bg-base.subtop {background-size:auto 100% !important}
}