@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothiccoding/nanumgothiccoding.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumpenscript/nanumpenscript.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbrushscript/nanumbrushscript.css);
.mb-board .btn-box-right .btn {margin: 5px 0 0 8px;}
.mb-board .btn-search {margin: 5px 0;}
.login h1 a {background-size: 248px; height: 148px; width: 300px;}
#nav ul {width: 150px; padding: 5px 0 0px;}
#nav ul {border-bottom: 3px #2d9aff solid; box-shadow: 5px 5px 10px #272727;}
.subtitle-element h1, .subtitle-element h2, .subtitle-element h3, .subtitle-element h4, .subtitle-element h5, .subtitle-element h6 {font-weight:400;}
#header h6 span, .components h6 span {color: #000;}
body,h1,h2,h3,h4,h5,h6,li,p {font-family: "Apple SD Gothic Neo", "Nanum Barun Gothic";}
p {color:#222;}
.w-header-type-11 #nav > li > a {font-family: "Apple SD Gothic Neo", NanumGothic, "Nanum Gothic";}
.top-bar a.topbar-btn {height: 55px;}
.highlight1 {padding: 2px 1px; background: #fffda9; color: #000;}
#headline h3,#headline h2 {font-family: "Apple SD Gothic Neo", NanumGothic, "Nanum Gothic"; font-weight: 500;}
.w-login #user-logged .logged-links {background-color: #2d9aff;}
.w-login #user-logged .author-avatar img {border-radius: 0; border: 4px solid #adadad;}
.toptop {color:000;}
.vc_tta.vc_general .vc_tta-panel-body {padding-left: 16px;}
.vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {color: #000;}
#nav ul li a {
    font-size: 13px;
    line-height: 20px;
    min-height: 30px;
    border-bottom: 1px #fff solid;
    font-family: Nanum Gothic;
  	padding: 3px 5px 5px 10px;
    font-weight:600;
}
a[href^="tel"], a[href^="mailto"]{
    color:inherit;
    text-decoration:none;
    cursor:default;
}
#wpadminbar {background: rgba(0, 0, 0, 0.4);}
#footer {width: 100%; padding: 20px 0 0 0;}
.blog-single-post h1 {font-weight: 400;}
.blog-post img {
    background: #fff;
    border: 10px #f5f5f5 solid;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #cfcfcf;
}
.blog-post.blgtyp2 {border-bottom: 1px #cfcfcf dotted; padding-bottom: 0px; padding-top: 15px;}
.commentbox h3 {font-family: Nanum Gothic;}
.webnus-login {border-bottom: 5px #cfcfcf solid;}
.widget #user-logged .logged-links li {
    padding: 0px 19px;
    font-size: 12p;
}
h3.user-login-title {display: none;}
a.btn {color: #000;}
.btn {
	-webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: #7a7a7a;
    font-size: 16px;
    padding: 5px 10px 7px 10px;
    width: 165px;
    border: solid #858585 2px;
    display: block;
    text-decoration: none;
    margin: auto auto -18px;
}

.btn:hover {
    color: #fff;
    background: #00c2e5;
    border: solid #00c2e5 2px;
    cursor: pointer;
}
a.btn-bt {
    color: #000;
    border: 2px #666 solid;
    padding: 10px;
    border-radius: 5px;
    margin: 5px;
    float: left;
}
a.btn-bt:hover {
  	color: #fff;
    background: #00c2e5;
    border: solid #00c2e5 2px;
    cursor: pointer;
}
.center-btn {margin: auto; display: block; position: absolute; left: 25%;}
.has-header-type11 #main-content.container {padding-top: 70px;}
.sidebar .widget ul li, #footer.litex .widget ul li {
    color: #91979d;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #c8c8c8;
}
.sidebar .current_page_item::before {color: #2d9aff; content: "\25b6 \a0 \a0";}
.wpb_widgetised_column ul li {
    color: #91979d;
    font-size: 16px;
    padding-top: 7px;
    padding-bottom: 8px;
    border-bottom: 1px dotted #c8c8c8;
    margin-right:30px;
  	margin-left:10px;
}
.wpb_widgetised_column ul li a {
    color: #666;
    text-decoration: none;
    outline: 0;
}
.wpb_widgetised_column ul li a:hover {color: #2d9aff;}
.side-sub .current_page_item a::before {color: #2d9aff; content: "\25b6 \a0 \a0";}
.menu li {list-style: none;}
.menu .current-menu-item a::before {color: #2d9aff; content: "\25b6 \a0 \a0";}

.dashed {margin: 5px;}
.dashed:hover {border-color: #e4e4e4;}
.wpb_row,.wpb_content_element,ul.wpb_thumbnails-fluid > li,.last_toggle_el_margin,.wpb_button {margin-bottom: 15px;}

.GrayTable tr:first-child td,.GrayTable tr:first-child:hover td{filter:progid: DXImageTransform.Microsoft.gradient(startColorstr="#b7b7b7", endColorstr="#b7b7b7")}.GrayTable,.GrayTable table{width:100%;margin:0;padding:0}.GrayTable{border:1px solid #999;-moz-border-radius-bottom-left:0;-moz-border-radius-bottom-right:0;-moz-border-radius-top-right:0;-moz-border-radius-top-left:0;-webkit-border-radius:0;border-radius:0}.GrayTable table{border-collapse:collapse;border-spacing:0;height:100%}.GrayTable tr:last-child td:last-child{-moz-border-radius-bottom-right:0;-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0}.GrayTable table tr:first-child td:first-child{-moz-border-radius-top-left:0;-webkit-border-top-left-radius:0;border-top-left-radius:0}.GrayTable table tr:first-child td:last-child{-moz-border-radius-top-right:0;-webkit-border-top-right-radius:0;border-top-right-radius:0}.GrayTable tr:last-child td:first-child{-moz-border-radius-bottom-left:0;-webkit-border-bottom-left-radius:0;border-bottom-left-radius:0}.GrayTable tr:nth-child(odd){background-color:#ededed}.GrayTable tr:nth-child(even){background-color:#fff}.GrayTable td{vertical-align:middle;border:1px solid #999;border-width:0 1px 1px 0;text-align:center;padding:10px;font-size:15px;font-family:NanumGothic;color:#5b5b5b}.GrayTable tr:last-child td{border-width:0 1px 0 0}.GrayTable tr td:last-child{border-width:0 0 1px}.GrayTable tr:last-child td:last-child{border-width:0}.GrayTable tr:first-child td{background:-o-linear-gradient(bottom,#b7b7b7 5%,#b7b7b7 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#b7b7b7),color-stop(1,#b7b7b7));background:-moz-linear-gradient(center top,#b7b7b7 5%,#b7b7b7 100%);background:-o-linear-gradient(top,#b7b7b7,b7b7b7);background-color:#b7b7b7;border:0 solid #999;text-align:center;border-width:0 0 1px 1px;font-size:18px;font-family:NanumGothic;font-weight:700;color:#fff}.GrayTable tr:first-child:hover td{background:-o-linear-gradient(bottom,#b7b7b7 5%,#b7b7b7 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(.05,#b7b7b7),color-stop(1,#b7b7b7));background:-moz-linear-gradient(center top,#b7b7b7 5%,#b7b7b7 100%);background:-o-linear-gradient(top,#b7b7b7,b7b7b7);background-color:#b7b7b7}.GrayTable tr:first-child td:first-child{border-width:0 0 1px}.GrayTable tr:first-child td:last-child{border-width:0 0 1px 1px}

th, td {
    padding: 0em;
    line-height: 35px;
}
.vc_btn3.vc_btn3-size-sm.vc_btn3-icon-left:not(.vc_btn3-o-empty) {
    padding-left: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: -15px;
}

.ribbon {
    font-size: 18px !important;
    letter-spacing: 0.5px;
    width: 88%;
    position: relative;
    background: #2d9aff;
    color: #fff;
    text-align: center;
    padding: 0.5em 0.5em;
    margin: 0px auto -1em;
}

.ribbon:before,.ribbon:after {
    content: "";
    position: absolute;
    display: block;
    bottom: -1em;
    z-index: -1;
}

.ribbon:before {
    left: -2em;
    border-right-width: 1.5em;
    border-left-color: transparent;
}

.ribbon:after {
    right: -2em;
    border-left-width: 1.5em;
    border-right-color: transparent;
}

.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
    content: "";
    position: absolute;
    display: block;
    border-style: solid;
    border-color: #1872c5 transparent transparent transparent;
    bottom: -1em;
}

.ribbon .ribbon-content:before {
    left: 0;
    border-width: 1em 0 0 1em;
}

.ribbon .ribbon-content:after {
    right: 0;
    border-width: 1em 1em 0 0;
}
.below-ribbon {
	margin: 15px 32px 15px 32px;
	text-align: center;
	background-color: aliceblue;
	border-radius: 0px 0px 5px 5px;
	padding: 2px;
}
.cursive-txt {
    font-size: 20px;
    font-family: Nanum Pen Script;
    font-size: 27px;
    line-height: 1.2;
    color: #000
}

.bubble {
    position: relative;
    width: 100%;
    padding: 15px 5px 10px 20px;
    background: #e0e0e0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.bubble:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 11px 23px 11px 0;
    border-color: transparent #e0e0e0;
    display: block;
    width: 0;
    z-index: 1;
    left: -23px;
    top: 21px;
}

.ds-bubble {
    position: relative;
    width: 300px;
    padding: 15px 5px 10px 20px;
    background: #d5f5fb;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ds-bubble:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 10px 13px 10px 0;
    border-color: transparent #d5f5fb;
    display: block;
    width: 0;
    z-index: 0;
    left: -13px;
    top: 21px;
}

.box {
    border: 1px #a2cad2 dashed;
    padding: 5px 10px;http://snyou.co.kr/
    border-radius: 0px 0px 5px 5px;
    border-top: 10px #9ec8d0 solid;
}

.margin-txt {margin: -42px 15px 15px 20px;}

.list ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0em;
    text-indent: -1em;
}

.list li:before {
    content: ">";
    display: block;
    float: left;
    width: 1em;
    color: #fff;
    margin-left: -13px;
    margin-right: 13px;
}

.list li {
    line-height: 23px;
    margin: 4px;
    font-weight: 400;
    font-size: 16px;
    color: #000;
    border: 1px #d4d4d4 solid;
    border-radius: 5px;
    padding: 15px;
    background-color: rgba(249, 249, 249, 0.5);
    border-left: 20px #b4d1d6 solid;
}

.list li:hover {
    margin-left: -5px;
    background-color: rgba(249, 249, 249, 0.5);
}

.hd-state {
    border: 1px #2d9aff dashed;
    padding: 20px;
    border-radius: 40px 5px;
    background-color: #fdffff;
  margin:0;
}
.head-padding {padding-top:180px;padding-bottom:70px;}
.head-padding h1 {
    color: #fff;
  	font-size:35px;
    text-shadow: 1px 1px 10px #000;
    margin-bottom: 0px;
}

.head-script {
    color: #fff;
    font-size: 32px;
    line-height: 39px;
    text-shadow: 2px 2px 6px #000;
    font-family: Nanum pen Script;
    text-align:center;
  	}

.dashed-box {
    border: 2px dashed #25cee8;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 10px;
    padding: 20px 5px 5px 10px;
    margin-left: 10px;
    margin-right: 10px;
    box-shadow: 1px 1px 5px gray;
}

.g-dashed-box {
    border: 2px dashed #c8c8c8;
    border-radius: 10px;
    padding: 20px 5px 5px 10px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: rgba(255, 255, 255, 0.4);
}

.gtitle {
    color: #fff;
    font-size: 16px;
  	font-weight:600;
    background: #00bff3;
    width: 100%;
    padding: 10px;
    text-align: center;
    margin-left: -25px;
    margin-bottom: 20px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.45);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.45);
}

a.gtitle, a.gtitle:visited {color: #f5f5f5;}
a.gtitle:hover {color: #fff;}

.light-border {border: 1px #dedede solid;}

.L-side {margin-top: 32px; margin-right: 30px;}

.blog-comments {visibility: hidden;}
.postmetadata {text-align: right;}

#pre-footer .footer-subscribe-bar .footer-subscribe-text h6 {
    margin: 7% 0 10px 0;
    letter-spacing: -0.5px;
}

#pre-footer .footer-subscribe-bar .footer-subscribe-text p {
    color: #fff;
    margin-bottom: 0;
    font-size: 15px;
    font-style: normal;
    font-family: Nanum Gothic;
    margin-left: 20px;
  	text-align: left;
  	padding: 5px 15px;
}

#pre-footer .footer-subscribe-bar {margin-top: 10px;}
.board-list table.table-list th {background-color: #ececec !important;}
.menu-cat {
  	padding: 5px;
    margin-right: 20px;
    color: #000;
    border-bottom: 1px #000 solid;
}
.empty-space {height:0px;}
.icon {padding-top:20px;padding-bottom:32px;margin:auto;width:59%}
.components h6.active span {font-size: 15px;}
.top-bar a.topbar-btn {float:left;}
a.download-link {
    font-size: 16px;
    font-family: 'Nanum Gothic';
    background-color: #e4e4e4;
    width: 100%;
    padding: 5px 20px;
    border-radius: 5px;
    color: #fff;
}
.mb-board .margin-right-10 {
    margin-right: 0px !important;
    margin-bottom: 5px;
}
form.post-password-form {margin-top: 50px;}

/* Mobile Only ----------- */
@media only screen and (max-width: 479px) {
  .container {width: 100%; padding-left: 5px; padding-right: 5px;}
  .logo-wrap .logo {z-index: 1000;}
  .wpb_widgetised_column .wpb_wrapper ul li {margin-right:30px;}
  .head-padding {padding-top:50px;padding-bottom:0px;}
  .has-header-type11 #main-content.container {padding-top: 35px;}
  .blox.parallax-sec {min-height:200px;}
  .icon {width: 51%;}
  .empty-space {height:60px;}
  #pre-footer .footer-subscribe-bar .footer-subscribe-text h6 {margin: 7% 0 10px 24px; text-align: left;font-size: 22px;}
  #pre-footer .footer-subscribe-bar .footer-subscribe-text p {margin-left: 15px;}
  .components h6.active span {font-size: 12px;}
  .head-script {letter-spacing: -0.5px;}
  .ribbon {font-size: 21px !important; width: 83%; padding: 7px 5px;}
  .below-ribbon {margin: 15px 46px 15px 46px;}
  h5.menu-cat {display: none; visibility: hidden;}
  .menu-about-container {display:none; visibility:hidden;}
  .menu-work-container {display:none; visibility:hidden;}
  .menu-biz-container {display:none; visibility:hidden;}
  .menu-chinese-container {display:none; visibility:hidden;}
  .menu-community-container {display:none; visibility:hidden;}
  .menu-discount-container {display:none; visibility:hidden;}
  .menu-english-container {display:none; visibility:hidden;}
  .menu-japanese-container {display:none; visibility:hidden;}
  .menu-lesson-container {display:none; visibility:hidden;}
  h5 {color:#171c24}
  .side-list {display:none; visibility:hidden;}
  .subtitle-wrap {display:none; visibility:hidden;}
  .sidebar .widget, .wpb_column .widget {margin-bottom: 0;}
  .L-side {margin-top: 0; margin-right: 20px; margin-left: 20px;}
  .dashed-box, .g-dashed-box {margin-left: 0; margin-right: 0;}
  .subtitle-element h4 {font-size:23px;}
  a.btn-bt {width:99%;margin: 3px; text-align: center; display: block;}
  .center-btn {left: 0%;}
  #w-login .login-links li:last-child a {left: 120px; bottom: 43%;}
  .w-login #user-login input {margin: 5px 0 10px;}
  #w-login #user-login {padding: 20px 10px 30px;}
  .w-login #user-login .login-links li a[href$="register"] {padding: 6px 25px 5px; left: 52%; bottom: 96px;}
  #w-login form .login-submit input[type=submit], #w-login .login-links li a[href$="register"] {padding: 12px 25px 10px;}
}
/* Below ipad ----------- */
@media only screen and (max-width: 767px) {
	.top-bar .socialfollow, .top-bar .socialfollow.lftflot {display: none; visibility: hidden;}
  	.top-links.lftflot {display: none; visibility: hidden;}
}
@media only screen and (max-width: 960px) {
	#header.sm-rgt-mn .logo-wrap .logo {height: 63px; width: 109px; padding-top: 2px;}
	#header.sm-rgt-mn .logo-wrap .logo img {max-height: 71px; max-width: 118px;}
  	#header.sm-rgt-mn .logo-wrap {max-width: 120px;}
}
/* ipad Portrait ----------- */
@media (min-width: 480px) and (max-width: 960px) {
	.logo-wrap .logo img {left: 9px;}
	#header.sm-rgt-mn #menu-icon {right:-50px;}
	.btn {font-size:13px;width:129px;}
	.center-btn {left: 8%;}
	.has-header-type11 #main-content.container {padding-top: 36px;}
	.ribbon {font-size: 13px !important;}
	.head-padding {padding-top:50px;padding-bottom:0px;}
	.blox.parallax-sec {min-height:200px;}
	.below-ribbon {margin: 10px 18px 15px 18px;}
    .components h6.active span {font-size: 12px;}
	#header.sm-rgt-mn .logo-wrap .logo img {margin: auto -8px;}
}
/* ipad Landscape ----------- */
@media (min-width: 960px) and (max-width: 1024px) {
	.icon {width: 82%;}
	.head-padding {padding-top:180px;padding-bottom:0px;}
	.blox.parallax-sec {min-height:300px;}
	.below-ribbon {margin: 15px 20px 15px 20px;}
	.w-header-type-11 #nav > li > a {font-size: 14px;}
	.center-btn {left: 18%;}
}
/* Larger than ipad ----------- */
@media only screen and (max-width : 1024px) {
   a#bookmark-this {visibility: hidden;display: none;}
}
@media only screen and (min-width : 1248px) {
  #header h6 span, .components h6 span {font-size:13px;font-family:'Nanum Barun Gothic';}
  #header h6, .components h6 {padding: 22px 40px 14px 0;}
  .top-bar a.topbar-btn {float:left;}
  a#bookmark-this {float: left;}
}