@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body {
    font-family: 'dotum', sans-serif;
    font-size: 11px;
}

#wrap {
    margin: 0;
    padding: 0;
    width: 100%;
    /*overflow: hidden;*/
}

#container {
	position: relative;
    width: 1024px;
    margin: 0 auto;
}

#container:after {
    display: block;
    visibility: hidden;
    clear: both;
    content: ""
}

.top-area {
    width: 100%;
    height: 33px;
    background-color: #fafafa;
    border-bottom: 1px solid #e6e6e6;
}

.top-btn-area {
    color: #999;
    clear: both;
}

.top-btn-area a {
    display: inline-block;
    padding: 0 16px;
    line-height: 33px;
    text-align: center;
	font-size: 11px;
}

.top-btn-favorite {
    float: left;
}

.tbl-list {
    float: right;
}

.tbl-list li {
    display: inline-block;
    border-right: 1px solid #e6e6e6;
}

.tbl-list li:first-child {
    border-left: 1px solid #e6e6e6;
}

.tbl-list li:first-child a {
    padding: 0 28px;
}

.top-btn-area a.favorite-btn {
    padding: 0 28px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}

.head-area {
	width: 100%;
}

.search-top {
	clear: both;
}

.logo-area {
	float: left;
	display: block;
	width: 287px;
	height: 124px;
}

.search-area {
	float: left;
	width: 450px;
	margin-left:50px
}

.top-rolling {
	width: 287px;
	float: right;
}

.logo-btn img {
	position: absolute;
	display: block;
	z-index: 9;
	top: 42px;
	width: 270px;
}

#search-form {
	position: relative;
	margin-top: 42px;
	width: 450px;
}

#search-text {
	padding: 14px 66px 14px 14px;
	width: 100%;
	height: 46px;
	font-size: 12px;
	color: #555;
	box-sizing: border-box;
	background: url(../img/head/search_bg.gif) no-repeat;
}

#search-text2 {
	padding: 14px 66px 14px 14px;
	width: 100%;
	height: 46px;
	font-size: 12px;
	color: #555;
	box-sizing: border-box;
	background: url(../img/head/search_bg2.gif) no-repeat;
}

#search-btn {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 56px;
	height: 46px;
	background: url(../img/head/search_btn.gif) no-repeat;
}

#search-btn2 {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 56px;
	height: 46px;
	background: url(../img/head/search_btn2.gif) no-repeat;
}

.search-rank {
	margin: 7px 0 0 8px;
	padding-left:10px;
}

.sr-ico {
	float: left;
	display: block;
	margin-right: 12px;
	width: 14px;
	height: 14px;
	background: url(../img/head/search_ico.gif) no-repeat;
}

.rank-text {
	float: left;
	color: #999 !important;
}

.rank-text a{
	font-family: dotum, sans-serif !important;
	color: #999 !important;
	font-size:11px !important;
}

#loop-slider-tr {
	position: absolute;
	top: 6px;
	right: 0;
	height: 113px;
	overflow: hidden;
}

.tr-list li {
	position: relative;
	display: none;
	top: 0;
}

.tr-list li.ls-active {
	display: block;
}

.tr-nav-btn-area {
	position: absolute;
	z-index: 8;
	top: 35px;
	right: -14px;
	height: 70px;
	background: url(../img/head/search_bn_shd.gif) no-repeat 0 -5px;
}

.tr-nav-btn {
	display: block;
	margin-top: 16px;
	width: 14px;
	height: 13px;
	background: url(../img/head/search_bn_nav.gif) no-repeat;
	background-position: 0 0;
	cursor: pointer;
}

.tr-nav-btn2 {
	display: block;
	margin-top: 16px;
	width: 14px;
	height: 13px;
	background: url(../img/head/search_bn_nav2.gif) no-repeat;
	background-position: 0 0;
	cursor: pointer;
}

.tr-nb-next {
	margin-top: 0;
	height: 14px;
	background-position: 0 -13px;
}

.gnb-wrap {
	/* UP icon hidden */
	position: relative;
	/*overflow: hidden;*/
	z-index: 10;
	top: -10px;
	padding-top: 10px;
}

.gnb-area {
	position: relative;
	background: url(../img/head/gnb/gnb_bg_repeat.gif) repeat-x;
	height: 51px;
	top: 0;
}

.gnb-area2 {
	position: relative;
	background: url(../img/head/gnb/gnb_line.jpg) repeat-x;
	height: 51px;
	top: 0;
}

.gnb-menu-area {
	position: relative;
	float: left;
	top: 6px;
}

.gnb-menu-area dd {
	position: relative;
	z-index: 9;
	display: block;
	float: left;
	text-align: center;
	color: #fff;
	cursor: pointer;
}

.gnb-sub-menu {
	position: absolute;
	display: none;
	padding: 5px 0 10px;
	margin-top: 46px;
	top: 0;
	left: -50px;
	width: 170px;
	border: 3px solid #102C51;
	background-color: white;
}

.gnb-sub-menu::before {
	content: '';
	position: relative;
	display: block;
	top: -14px;
    width: 100%;
    height: 6px;
    background: url(../img/head/gnb/arrow-top.png) no-repeat 50% 100%;
}

.gsm-second {
	left: -20px;
}

.gsm-third {
	left: -50px;
	width:160px;
}

.gsm-forth {
	left: -27px;
}

.gsm-fifth {
	left: -12px;
}

.gsm-sixth {
	left: -28px;
}
.gsm-seventh{
	left: -30px;
}

.gsm-eightth{
	left: -25px;
}
.gnb-sub-menu.gnb-active {
	display: block;
}

.gnb-sub-menu li {
	padding: 8px 0 8px 14px;
	font-size: 12px;
	text-align: left;
	letter-spacing: -1px;
	color: #888;
}

.gnb-sub-menu li:hover,
.gnb-sub-menu a:hover,
.gnb-sub-menu a:active,
.gnb-sub-menu a:focus {
	color: #b9161b;
}

.gnb-sub-menu a::before {
	content: '';
	position: relative;
	display: inline-block;
	margin-right: 8px;
	top: -3px;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #b9161b;
}

.gnb-icon {
	position: absolute;
	z-index: 10;
	top: -12px;
	left: 30%;
	width: 42px;
	height: 23px;
	background:	url(../img/head/gnb/ico_new.png) no-repeat;
}

.gi-wow {
	background:	url(../img/head/gnb/ico_wow.png) no-repeat;
}

.gm-right3 {
	position: absolute;
	z-index: 9;
	top: -6px;
	right: -318px;
	width: 305px;
	height: 51px;
	background:	url(../img/gnb_bg_right_03.png) no-repeat 100% 100%;
}

#message-box {
	position: absolute;
	z-index: 9;
	top: 6px;
	left: 50%;
	margin-left: 545px;
}

.gm-right dd {
	position: relative;
	margin-left: 16px;
	top: 6px;
}

.gm-right dd + dd {
	margin-left: 25px;
}

.gm-right dd + dd + dd {
	margin-left: 30px;
}

.gm-right dd + dd + dd + dd {
	margin-left: 22px;
}

/* 우측 퀵바 */

.right-quick {
    position: absolute;
    z-index: 9;
    top: 20px;
    right: 50%;
    margin-right: -654px;
}

.rqb-box {
	margin-top: 15px;
	padding-top: 20px;
	width: 118px;
	border: 1px solid #e6e6e6;
	background-color: white;
}

.rqb-box::before {
    content: '';
    position: absolute;
    display: block;
    left: 58px;
    top: 238px;
    width: 1px;
    height: 15px;
    background-color: #e6e6e6;
}

.rqb-link-buy {
	display: block;
	padding: 8px 0;
	margin-top: 20px;
	width: 100%;
	background-color: #e6e6e6;
	text-align: center;
	color: #858585;
}

#rqb-first {
	margin-bottom: 5px;
}

#rqb-third {
	margin-bottom: 20px;
}

.right-quick img {
	display: block;
	margin: 0 auto;
}

/* 메인슬라이드 섹션 */

.main-area {
	position: relative;
	margin-bottom: 30px;
}

.content-area {
	position: relative;
	overflow: hidden;
	/* UP icon hidden */
    margin-top: -5px; 
    padding-top: 20px;
}

.mdmax-month,
.main-slide,
.login-area {
	position: relative;
	float: left;
	margin-right: 12px;
	height: 266px;
}

.mdmax-month {
	width: 229px;
	border: 1px solid #e6e6e6;
}

.mm-title {
	display: block;
	height: 21px;
	background: #f8f8f8 url(../img/main/title_month.png) no-repeat 8px 50%;
	border-bottom: 1px solid #e6e6e6;
}

#mdmax-month-image {
	display: block;
	border-bottom: 1px solid #e6e6e6;
}

.list-section {
	position: relative;
	display: block;
	clear: both;
}

.list-section li {
	display: block;
	line-height: 25px;
	letter-spacing: -1px;
	color: #888;
	border-bottom: 1px solid #e6e6e6
}
.list-section li:last-child {
	
	border-bottom: 0px solid #e6e6e6
}
.list-section li::before {
	content: '';
	position: relative;
	display: inline-block;
	margin: 0 10px;
	top: -1px;
	width: 3px;
	height: 6px;
	background: url(../img/asset/ico_arrow_y.gif) no-repeat;
}

.main-slide-area {
	width: 543px;
}

.main-slide-area li {
	display: block;
    float: left;
    cursor:pointer;
}

.main-slide-area li {
	position: relative;
	z-index: 8;
}

.ms-ico-play {
	position: absolute;
	z-index: 9;
	top: 65px;
	left: 230px;
	width: 83px;
	height: 83px;
	background: url(../img/banner/main/slide/ico-play.png) no-repeat;
}

.login-area {
	width: 228px;
	margin-right: 0;
	background-color: #fafafa;
	border: 1px solid #e6e6e6;
}

.login-form {
	padding: 12px;
}

.login-form fieldset {
	height: 110px;
}

.lf-chk-section {
	margin-bottom: 8px;
}

.login-status,
.login-security {
	width: 108px;
	position: relative;
	float: left;
}

.login-status {
	margin-left: 5px;
}

.login-security {
	width: 76px;
}

.lgf-input-area {
	position: absolute;
}

.lgf-input {
	position: relative;
    z-index: 5;
    width: 128px;
    height: 28px;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-right: 0;
    zoom: 1;
}

.lgf-input:first-child {
    border-bottom: 0;
}

.lbl_in {
	position: absolute;
	top: 4px;
	left: 6px;
	z-index: 2;
	background: #fff;
	line-height: 16px;
	color: #555;
}

.int {
    position: relative;
    z-index: 3;
    width: 117px;
    height: 18px;
    padding: 4px 0 4px 8px;
    border: 0;
    border-radius: 0;
    line-height: 13px;
    color: #555;
    -webkit-appearance: none;
    zoom: 1;
}

.lgf-btn-login {
    position: absolute;
    left: 140px;
    z-index: 5;
    width: 72px;
    height: 54px;
    border: solid 1px #d4d4d4;
}

.lgf-btn-login input {
    width: 72px;
    height: 54px;
    border: 0;
    border-radius: 0;
    background: #f9f9f9;
    font-weight: 800;
    color: #333;
    -webkit-appearance: none;
    cursor: pointer;
}

.lgf-btn-logout {
    position: absolute;
    left: 70px;
    z-index: 5;
    width: 72px;
    height: 54px;
    border: solid 1px #d4d4d4;
}
.lgf-btn-logout input {
    width: 72px;
    height: 54px;
    border: 0;
    border-radius: 0;
    background: #f9f9f9;
    font-weight: 800;
    color: #333;
    -webkit-appearance: none;
    cursor: pointer;
}


.lgf-btn-link {
	position: absolute;
	margin-left: 0px;
	top: 100px;
	color: #8e8e8e;
}

.la-banner {
	position: relative;
}

.la-btn {
	position: relative;
	margin-top: 0;
	height: 83px;
	background-color: white;
	border-top: 1px solid #e6e6e6;
}

.la-btn a {
	display: block;
	float: left;
	width: 110px;
	height: 83px;
	border-left: 1px solid #e6e6e6;
}

.la-btn a img {
	display: block;
	margin: 0 auto;
}

.la-btn a:first-child {
	border-left: 0
}

.middle-area {
	margin-bottom: 30px;
}

.recommend-area {
	position: relative;
	float: left;
	width: 784px;
}

.thumb-list {
	display: none;
}

.thumb-list.tl-active {
	display: block;
}

.thumb-list li {
	position: relative;
	display: block;
	float: left;
	z-index: 9;
	margin-left: 11px;
	border: 1px solid #e6e6e6;
}

.thumb-list li:first-child {
	margin-left: 0;
}

.tl-text-area {
	padding: 12px 6px;
	letter-spacing: -1px
}

.tl-category {
	color: #ff930d;
}

.tl-title {
	margin-top: 5px;
	font-weight: 800;
	color: #444;
}

.mm-setting-layer {

	width:248px !important;

}

.mymenu-area {
	position: relative;
	float: right;
	width: 228px;
	border: 1px solid #e6e6e6;
}

.mma-setting {
	position: absolute;
	display: block;
	top: 7px;
	right: 10px;
	width: 16px;
	height: 30px;
	background: url(../img/main/my_menu/btn_setting.png) no-repeat;
	cursor: pointer;
}

.mma-title {
	display: block;
	/*height: 15px;*/
	padding:6px 0 6px 12px;
	/*background: #f8f8f8 url(../img/main/title_my_menu.png) no-repeat 12px 9px;*/
	border-bottom: 1px solid #e6e6e6;
}

.mma-list li {
	display: block;
	float: left;
	width: 113px;
	height: 60px;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

.mma-list li:nth-child(2n+2) {
	border-right: 0;
}

.mma-list li:nth-child(5),
.mma-list li:nth-child(6) {
	border-bottom: 0;
}

/* 나만의메뉴 설정 레이어 */

.mm-setting-layer {
	position: absolute;
	display: none;
	z-index: 15;
	padding-bottom: 10px;
	right: 0;
	background-color: white;
	border-color: #21558a;
}

.mm-setting-layer.mm-slactive {
	display: block;
}

.mm-setting-layer .mma-title {
    background: #21558a url(../img/main/title_my_menu_over.png) no-repeat 12px 9px;
}

.mm-setting-layer .mma-setting {
    background: url(/img/main/my_menu/btn_setting_close.png) no-repeat 50% 50%;
}

.mm-setting-layer .mma-list li {
	display: block;
	float: left;
	margin-bottom: 3px;
    width: 49%;
    height: 20px;
    background_: url('/img/main/my_menu/btn_sub_sprites.gif') no-repeat 3px 3px;
    border: 0;
    opacity: 1;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: opacity .15s;
    -o-transition: opacity .15s;
    transition: opacity .15s;
}

/*.mm-setting-layer .mma-list li:hover,*/
.mm-setting-layer .mma-list li:active,
.mm-setting-layer .mma-list li:focus,
.mm-setting-layer .mma-list li.mm-sl-active p {
	color:#21558a;
	font-weight:bold;
	/*
	background_: url('/img/main/my_menu/btn_sub_sprites_on.gif') no-repeat 3px 3px;
	-webkit-transition: opacity .15s;
    -o-transition: opacity .15s;
    transition: opacity .15s;
    */
}

.mma-sl-title1 {
	display: block;
	margin: 0px auto;
	width: 100px;
	height: 30px;
	overflow: hidden;
	/*background: url(/img/main/title_my_menu_sub_over.png) no-repeat 0 0;*/
	background_: url('/img/main/my_menu/title_my_menu_sub_over.png') no-repeat 0 0;
}

.mma-sl-p { width:100%; margin: 0px auto; display: block; height: 30px; text-align:center; padding-top:10px; }
.mma-sl-p2 { padding-left:5px; }
.mma-sl-p3 { /* padding-left:5px; */ width:113px; height:60px; display: table-cell; vertical-align: middle; }


#mma-sl-sub-02 {  	background-position: 3px -22px;} /* 부모교육 */
#mma-sl-sub-03 {  	background-position: 3px -49px;} /* 스페셜 감성마케팅 */

#mma-sl-sub-04 {	background-position: 5px -200px;} /* 스토리교육 */
#mma-sl-sub-05 {	background-position: 5px -122px;} /* 주제교육PPT */
#mma-sl-sub-06 {	background-position: 5px -224px;} /* 감성자료실 */
#mma-sl-sub-07 {	background-position: 5px -274px;} /* 감성영상 */
#mma-sl-sub-08 {	background-position: 5px -322px;} /* 감성캠프 */
#mma-sl-sub-09 {	background-position: 5px -1312px;} /* 명언자료실 */
#mma-sl-sub-10 {	background-position: 5px -600px;} /* 교육/내부행사 문서 */
#mma-sl-sub-11 {	background-position: 5px -624px;} /* 캠프/외부행사 문서 */

#mma-sl-sub-12 {	background-position: 5px -74px;} /* 월 편지 */
#mma-sl-sub-13 {	background-position: 5px -99px;} /* 월 영상편지(아이들에게) */
#mma-sl-sub-14 {	background-position: 5px -347px;} /*  월 영상편지(학부모님께) */

#mma-sl-sub-15 {	background-position: 5px -148px;} /* DAY 감성마케팅 */
#mma-sl-sub-16 {	background-position: 5px -249px;} /* 감성마케팅 */
#mma-sl-sub-17 {	background-position: 5px -173px;} /* 홍보마케팅 */

#mma-sl-sub-18 {	background-position: 5px -373px;} /* M&J 줄넘기 */
#mma-sl-sub-19 {	background-position: 5px -400px;} /* 롱아이성장체조 */
#mma-sl-sub-20 {	background-position: 5px -423px;} /* 파워태권 */
#mma-sl-sub-21 {	background-position: 5px -449px;} /* 품새 */

#mma-sl-sub-22 {	background-position: 5px -1127px;} /* 언어문화 교육개발원 */
#mma-sl-sub-23 {	background-position: 5px -1153px;} /* 감성스토리텔링연구소 */
#mma-sl-sub-24 {	background-position: 5px -1179px;} /* 포커스파워 */
#mma-sl-sub-25 {	background-position: 5px -1284px;} /* 감성스피치연구소 */
#mma-sl-sub-26 {	background-position: 5px -1205px;} /* 시즌영상교육 */
#mma-sl-sub-27 {	background-position: 5px -1233px;} /* 예비 초등생 */

#mma-sl-sub-28 {	background-position: 5px -976px;} /* 경영노하우*/
#mma-sl-sub-29 {	background-position: 5px -1001px;} /* 세미나 */
#mma-sl-sub-30 {	background-position: 5px -1024px;} /* 에피소드*/
#mma-sl-sub-31 {	background-position: 5px -1049px;} /* 오늘의 관장 */
#mma-sl-sub-32 {	background-position: 5px -1075px;} /* UCC" */

#mma-sl-sub-33 {	background-position: 5px -925px;} /* 공동구매" */
#mma-sl-sub-34 {	background-position: 5px -822px;}
#mma-sl-sub-35 {	background-position: 5px -847px;}
#mma-sl-sub-36 {	background-position: 5px -897px;}
#mma-sl-sub-37 {	background-position: 5px -897px;}
#mma-sl-sub-38 {	background-position: 5px -922px;}
#mma-sl-sub-39 {	background-position: 5px -947px;}
#mma-sl-sub-40 {	background-position: 5px -950px;}
#mma-sl-sub-41 {	background-position: 5px -975px;}
#mma-sl-sub-42 {	background-position: 5px -998px;}
#mma-sl-sub-43 {	background-position: 5px -1023px;}
#mma-sl-sub-44 {	background-position: 5px -1052px;}
#mma-sl-sub-45 {	background-position: 5px -1076px;}

.middle-grey-area {
	padding: 0px 0;
	margin-bottom: 30px;

}

.mga-row-buy,
.mga-row-design,
.mga-row-banner {
	position: relative;
	float: left;
	margin-left: 12px;
}

.mga-row-buy {
	width: 332px;
	margin-left: 0;
}

.mga-row-design {
	width: 440px;
}

.mga-rb-area {
	padding: 13px 12px 15px 12px;
	border: 1px solid #e6e6e6;
	background-color: white;
}

.mbl-area {
	position: relative;
	height: 33px;
	border-top: 1px solid #e6e6e6;
}

.mbl-price {
	margin-left: 12px;
	font-size: 12px;
	font-weight: 800;
	line-height: 33px;
	color: #555;
}

.btn-zoom {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 33px;
	height: 33px;
	border-left: 1px solid #e6e6e6;
	background: url(../img/asset/ico_zoom.png) no-repeat 9px 9px;
}

.mga-buy-rank {
	margin-top: 10px;
	border: 1px solid #e6e6e6;
}

.mga-buy-rank li {
	height: 34px;
	clear: both;
}

.mga-buy-rank li:last-child {
	height: 29px;
	border-bottom: 0;
}

.mga-buy-rank li a {
	display: block;
	float: left;
	padding:0 5px;
	color: #555;
	line-height: 30px;
}

.mga-buy-rank li::before {
	content: '';
	position: relative;
	display: block;
	float: left;
	margin: 0;
	width: 34px;
	height: 29px;
	border: 1px solid #e6e6e6;
	border-left: 0;
	border-bottom: 0;
	background: url(../img/asset/ico_number.gif) no-repeat;
	background-position: 0 -1px;
}

.mga-buy-rank li:nth-child(2)::before {
	background-position: 0 -31px;
}

.mga-buy-rank li:nth-child(3)::before {
	background-position: 0 -62px;
}

.mga-buy-rank li:nth-child(4)::before {
	background-position: 0 -92px;
}

.mga-buy-rank li:nth-child(5)::before {
	background-position: 0 -122px;
}
.mga-buy-rank li:nth-child(6)::before {
	background-position: 0 -152px;
}

/* MDMAX 디자인 */

.mga-design-list li {
	padding: 9.5px 11px;
	margin-bottom: 12px;
	background-color: white;
}
.mga-design-list li img { border:1px solid #e6e6e6}

.mga-design-list li:nth-child(3) {
	margin-left: 0;
	margin-bottom: 0;
}

.mga-design-list li:nth-child(4) {
	margin-bottom: 0;
}

.mdi-text {
	padding: 15px 0 5px;
	border:1px solid #e6e6e6
}

.mdi-title {
	margin-left: 5px;
	/*width: 180px;*/
	height: 12px;
	font-size: 12px;
	font-weight: normal;
	color: #444;
	overflow: hidden;
}

.mga-row-banner {
	width: 228px;
}

.mrb-image {
	margin-top: 10px;
}

.mrb-image:first-child {
	margin-top: 0;
}

.rca-board-section,
.rca-program-section,
.rca-bottom-area {
	position: relative;
	margin-bottom: 30px;
}

.rca-bs-notify,
.rca-bs-banner,
.rca-bs-free,
.rca-bs-event,
.recruit-link,
.rca-bs-data,
.rca-bs-day,
.membership-link {
	position: relative;
	float: left;
	margin-left: 12px;
}
.rca-bs-day { width:335px; margin-left: 0; margin-right:10px;}
.rca-bs-data { width:335px; margin-left: 0;}

.rca-bs-notify {
	width: 283px;
	margin-left: 0;
}

.rca-bs-free {
	width: 283px;
}

.ls-board {
	border: 1px solid #e6e6e6;
}

.ls-board li:last-child {
	border-bottom: 0;
}

.list-section.ls-board li::before {
	background: url(../img/asset/ico_arrow_g.gif) no-repeat;
}

.rca-program-section {
	position: relative;
}

.rca-program-list {
	padding: 12px;
	border: 1px solid #e6e6e6;
	background-color: #fafafa;
}

.rca-program-list li {
	border: 0;
}

.rca-program-category {
	padding: 8px 10px;
	color: #666;
}

.rca-program-category,
#rca-program-image,
#rca-program-title {
	margin: 0;
	background-color: white;
	border: 1px solid #e6e6e6;
	border-top: 0;
}

#rca-program-title {
	padding: 12px 8px;
}

.rca-pc-stroke {
	position: relative;
	display: block;
	width: 100%;
	height: 2px;
	background-color: #84c135;
}

.rca-recom-ucc{
	background-color: #84c135;
}

.rca-pc-long {
	background-color: #f2861d;
}

.rca-pc-power,
.rca-recom-seminar{
	background-color: #53b6e2;
}

.rca-pc-pumse {
	background-color: #ff6600;
}


.rca-bs-event {
	width: 335px;
}

.recruit-link,
.membership-link {
	width: 332px;
}

.recruit-link {
	margin-left: 0;
}

.rca-rl-image,
.rca-rl-text {
	display: inline-block;
	vertical-align: top;
}

.rca-rl-text {
	position: relative;
	margin-top: 10px;
	padding-left: 16px;
}

.block-copy {
	width: 120px;
	line-height: 18px;
	color: #888;
}

.block-copy::after {
	content: '';
	position: relative;
	display: block;
	width: 19px;
	height: 9px;
	top: 7px;
	left: 0;
	background: url(../img/asset/ico_go.gif) no-repeat;
}

.bottom-grey-area {

	margin-bottom: 0;
	background-color1: #f2f8ff;
}

.cga-link-list li {
	width: 24%;
	display: inline-block;

}

.cga-link-list li:nth-child(1),.cga-link-list li:nth-child(2),.cga-link-list li:nth-child(3) {
	margin-right:8px;
}

.cga-link-list li img {
	display: block;

	padding:3px 8px 3px 8px;

}



.footer-area {
	color: #999;
}

.fa-service-area {
	padding: 18px 0;
	border-bottom: 1px solid #e6e6e6;
}

.fa-sa-list,
.family-site {
	display: inline-block;
	vertical-align: middle;
}

.ico-arrow::after {
	content: '';
	position: relative;
	display: inline-block;
	margin-left: 4px;
	width: 5px;
	height: 3px;
	top: -2px;
	background: url(../img/asset/ico_arrow_t.gif) no-repeat;
}

.family-site {
	position: absolute;
	display: block;
	width: 130px;
	height: 21px;
	margin-top: -18px;
	right: 0;
	background: url(../img/asset/btn_family_site.png) no-repeat 0 0;
	overflow: hidden;
	cursor: pointer;
}

.family-site.fs-active {
	background-position: 0 -21px;
}

.fs-layer {
	position: absolute;
	display: none;
	bottom: 108px;
	right: 0;
	width: 130px;
	background-color: white;
	border: 1px solid #e6e6e6;
	border-radius: 3px;
}

.fs-layer.fsl-active {
	display: block;
}

.fs-layer li a {
    display: block;
    margin: 12px 0;
    padding: 5px 0 5px 15px;
    font-size: 11px;
    color: #b8b8b8; 
}

.fa-company {
	position: relative;
	padding: 30px 0;
}

.fa-company span.ico-separate:nth-child(4)::before {
	width: 0;
	margin: 0;
}

.line-ent::after {
	content: '';
	display: block;
	margin-bottom: 5px;
}

.fa-copyright {
	position: relative;
	margin-top: 12px;
}

.fa-copyright-kor {
	position: absolute;
	bottom: 30px;
	right: 0;
	color: #d1d1d1;
	letter-spacing: -1px;
}


/* 2016-03-17 박선숙 추가 */
#lnb {float:left; padding:0 0 50px; width:200px; font-family:"Nanum Gothic",'나눔고딕';}
#lnb h2 {margin:0 0 10px; padding:0 0 18px 10px; font-size:24px; font-weight:800; line-height:1.3em; letter-spacing:-.5px; color:#b9161b; border-bottom:2px solid #b9161b;}
#lnb > ul > li {border-bottom:1px solid #ddd;}
#lnb > ul > li > a {display:block; padding:10px; font-size:14px; font-weight:700; letter-spacing:-.25px; color:#666;}
#lnb > ul > li > a:hover,
#lnb > ul > li.active > a {background:#b9161b; color:#fff;}

#lnb  .submenu {border-top: dotted 1px #d2636d; _background-color:#a6121b;}
#lnb  .submenu ul {padding:5px 0;}
#lnb  .submenu ul li a {display:block; font-size:12px; line-height:22px; color:#333; padding-left:10px;}
#lnb  .submenu ul li a:hover,
#lnb  .submenu ul li.on a {color:#333; text-decoration:none; font-weight:800;}


#contentArea {float:right; width:780px; overflow:hidden;}
.sub-title {position:relative; margin:0 0 40px; height:50px; border-bottom:1px solid #ddd;}
.sub-title h2 {font-family:"Nanum Gothic",'나눔고딕'; font-size:24px; font-weight:800; letter-spacing:-.5px; line-height:1.3em; color:#222;}
.sub-title .path {position:absolute; top:5px; right:0; font-size:11px; line-height:14px; color:#999;}
.sub-title .path strong {font-weight:normal; color:#b9161b;}
.real-cont {min-height:400px; _height:400px; padding:0 0 50px;}


.mgt5{margin-top:5px !important}

.mgrt5{margin-top:5px !important ; margin-right:5px !important}
.w289 {width:289px !important; }

.tt_grey {height:30px; padding:5px; margin-bottom:8px; background-color:#f8f8f8; border: 1px solid #e6e6e6;}
.tt_grey2 {height:30px; padding:5px; margin-bottom:0px; background-color:#f8f8f8; border: 1px solid #e6e6e6; border-bottom: 0px solid #e6e6e6;}

.board_tt {margin:0 auto !important ; margin-top:-20px !important; text-align:center; width:786px}
.bnim-more {cursor:pointer}


/* 포커스 파워 상단 버튼들*/
ul.lesson_list  {width:780px;  margin-left:5px;}
ul.lesson_list:after {content:" "; display:block; clear:both;}
ul.lesson_list li {float:left; width:97px; margin:3px 0px }

.f-s-comment {font-size:12px !important}

/* 통합검색 */
.search-result {*zoom:1;}
.search-result:after {content:" "; display:block; clear:both;}
.search-result .body {float:left; width:754px; padding:30px 20px 0 0; border-right:1px solid #c5c5c5;}
.search-result .side {float:right; width:250px; padding:30px 0 0 0;}
.search-result .section {margin:0 0 50px;}
.search-result .section h3 {padding:8px 20px; margin:0 0 20px; background:#f8f8f8; font-size:15px; font-family:"Nanum Gothic",'나눔고딕';}
.search-result .more {text-align:right; font-size:12px; font-family:"굴림";}
.search-result .more span {color:#0000cc; text-decoration:underline;}
.search-result .more i {color:#01a62a;}
.search-result .doc ul {margin:0 0 0 20px;}
.search-result .doc ul li {margin-bottom:20px; font-size:12px; line-height:18px; font-family:"굴림";}
.search-result .doc ul li p {margin:1px 0;}
.search-result .doc ul li .name a {font-size:13px; line-height:20px; color:#0000cc; text-decoration:underline;}
.search-result .doc ul li .url a {color:#218d44;}
.search-result .doc ul li .url a:hover {text-decoration:underline;}
.search-result .video ul {*zoom:1; margin:0 -13px 0 7px;}
.search-result .video ul:after {content:" "; display:block; clear:both;}
.search-result .video ul li {float:left; width:25%; height:150px; padding:0 13px 20px; font-size:13px; line-height:20px; font-family:"굴림";}
.search-result .video ul li a {display:block; color:#0000cc; text-decoration:underline;}
.search-result .video ul li .thumb {position:relative; line-height:0; margin-bottom:8px;}
.search-result .video ul li .thumb i {position:absolute; bottom:5px; left:5px; color:#fff; border:1px solid #fff; width:22px; height:22px; text-align:center; line-height:22px; font-size:.85em; border-radius:50%;}
.search-result .video ul li .thumb span {position:absolute; bottom:5px; right:5px; background:rgba(0,0,0,.1); padding:4px; font-size:11px; line-height:14px; color:#fff;}
.search-result .video ul li .thumb img {width:100%;}
.search-result .video ul li .tit {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.search-result .video-all ul {margin:0 0 0 20px;}
.search-result .video-all ul li {*zoom:1; padding:0 0 0 170px; margin-bottom:20px; font-size:12px; line-height:18px; font-family:"굴림";}
.search-result .video-all ul li:after {content:" "; display:block; clear:both;}
.search-result .video-all ul li .thumb {float:left; width:154px; margin-left:-170px; position:relative; line-height:0}
.search-result .video-all ul li .thumb i {position:absolute; bottom:5px; left:5px; color:#fff; border:1px solid #fff; width:22px; height:22px; text-align:center; line-height:22px; font-size:.85em; border-radius:50%;}
.search-result .video-all ul li .thumb span {position:absolute; bottom:5px; right:5px; background:rgba(0,0,0,.1); padding:4px; font-size:11px; line-height:14px; color:#fff;}
.search-result .video-all ul li .thumb img {width:100%;}
.search-result .video-all ul li p {margin:1px 0;}
.search-result .video-all ul li .name a {font-size:13px; line-height:20px; color:#0000cc; text-decoration:underline;}
.search-result .video-all ul li .url a {color:#218d44;}
.search-result .video-all ul li .url a:hover {text-decoration:underline;}
.search-result .photo .photo-container {margin-bottom:46px; margin-left:20px;}
.search-result .photo .photo-container .item {height:120px !important;}
.search-result .photo a {display:block; line-height:0;}
.search-result .photo-all .photo-container {margin-left:20px;}
.search-result .photo-all .photo-container .item {height:160px !important;}
.search-result .photo-all a {display:block; line-height:0; position:relative;}
.search-result .photo-all a:hover .img-tit {display:block;}
.search-result .photo-all .img-tit {display:none; position:absolute; bottom:0; left:0; width:100%; padding:10px; background:rgba(0,0,0,.3); color:#fff; font-size:13px; font-family:"굴림"; line-height:18px; z-index:2;}
.search-result .keyword h3 {padding-left:10px;}
.search-result .keyword li {position:relative; padding:3px 45px 3px 30px; font-size:12px; line-height:20px; font-family:"굴림";}
.search-result .keyword li a {color:#000;}
.search-result .keyword li .num {position:absolute; top:3px; left:3px; width:15px; height:14px; border:1px solid #e0e0e0; font-size:10px; font-family:"Arial"; line-height:16px; color:#50619f; font-weight:700; text-align:center; overflow:hidden;}
.search-result .keyword li .new {position:absolute; top:3px; right:0; width:45px; font-size:10px; font-family:"Arial"; color:#fb5151; font-weight:700; text-align:center;}

.photo-container {*zoom:1;}
.photo-container:after {content:" "; display:block; clear:both;}
.photo-container .item {float:left; margin-bottom:8px;}
.photo-container .item img {max-width:100%; max-height:100%; vertical-align:bottom;}
.photo-container .first-item {clear: both;}

.subpage_section { width:1024px;display:inline-block; }
.edu_title01	{

	width:250px; height:30px;
	color:#000;
	display: block;
	font-size: 2em;
	margin: 5px 0 0;
	word-break: break-all;
	
	font-family:'Malgun Gothic', dotum, sans-serif !important;

}

.calendarForm {
	display:none;
	position:absolute;
	top:200px;
	left:370px;
	background:#fff;
	border:2px solid #000;

}

.btn_cf {
	font-size: 1.167em;
	border-radius: 3px;
	display: inline-block;
	background: #969696;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;

}

.btn_calendar_down {


	border-radius: 3px;
	display: inline-block;
	background: #828282;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
	width:100px;
	height:20px !important;
	font-size:15px !important;



	text-align: center;
	font-weight: bold;
	border: 0

}

.linkClk { cursor:pointer; text-decoration: none !important;}
.al-lt { text-align:left !important; }
.al-rt { text-align:right !important; }
.al-ct { text-align:center !important; }
.cl-red { color:red !important; }
.calendarForm { z-index : 101; }
.calendarForm  table	{ width:500px; }
.calendarForm  table td { padding: 5px 5px 5px 5px; }
#cf_charpter { width:430px !important; }
.calendar_new	{ background : url(../img/calendar_new7.png) no-repeat; width:814px; height:575px; border-top:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; border-spacing:0px !important; }
.innerTbl01		{ background1:#000; width:774px; margin:0px auto; opacity1:0.3; filter:alpha(opacity=30); border-spacing:0px !important; }
.innerTbl01 td	{ border:0px solid #fff; }
.innerTbl01 .calendar_year	{ color:#000000; position:absolute; font-size:22px;top:19px; right:100px; font-weight:bold;}
.innerTbl01 .calendar_mon	{ color:#000000; position:absolute; font-size:29px;top:45px;right:-5px; font-weight:bold; }

.centerTbl01	{ width:773px; border-spacing:1px !important; }
.centerTbl01 .dateSelno { background:none !important; }

.centerTbl01	td:nth-child(1) { width:152px; height:79px; border:0px solid #fff; background1:#000; background:url(../img/calendar_new_datebg7.png) no-repeat 128px 1px; position:relative;}
.centerTbl01	td:nth-child(2) { width:152px; height:79px; border:0px solid #fff; background1:#000; background:url(../img/calendar_new_datebg7.png) no-repeat 130px 2px; position:relative;}
.centerTbl01	td:nth-child(3) { width:153px; height:79px; border:0px solid #fff; background1:#000; background:url(../img/calendar_new_datebg7.png) no-repeat 130px 2px; position:relative;}
.centerTbl01	td:nth-child(4) { width:153px; height:79px; border:0px solid #fff; background1:#000; background:url(../img/calendar_new_datebg7.png) no-repeat 129px 2px; position:relative;}
.centerTbl01	td:nth-child(5) { width:20%; height:79px; border:0px solid #fff; background1:#000;   background:url(../img/calendar_new_datebg7.png) no-repeat 127px 2px; position:relative;}
.centerTbl01	div.weekDate	{ color:#fff; position:absolute; top:-1px; right:3px; font-size:10px;}
.centerTbl01	div.weekChapter	{ text-align:left;color:#000; position:absolute; top:0px; left:3px; font-size:12px; font-weight:bold; width:130px; overflow-x:hidden; white-space: normal; text-overflow:ellipsis; }
.centerTbl01	div.weekIcon	{ position:absolute; top:19px; }
.centerTbl01	div.innerIcon	{  color:#fff; position:relative; left:2px; margin-right:3px; display:table-cell; background:#c70039; font-size:9px;  line-height:100%; padding:3px 3px 3px 3px; cursor:pointer; }
.centerTbl01	div.innerIcon:nth-child(2) { left:4px;  }
.centerTbl01	div.weekSubject	{ text-align:left;position:absolute; top:34px; left:3px; font-size:11px; line-height:1.3em !important;}
.centerTbl01	div.weekSubject2	{ text-align:left;position:absolute; top:48px; left:3px; font-size:11px; line-height:1.3em !important;}
.centerTbl01	div.weekpIcon	{ position:absolute; top:60px; right:3px;}
.centerTbl01	div.innerpIcon	{ color:#fff; position:relative; left:2px; margin-right:3px; display:table-cell; background:red; font-size:9px;  line-height:100%; padding:3px 3px 3px 3px; cursor:pointer; }
.centerTbl01	tr:last-child td .innerpIcon { top:5px !important; }
.calendarForm .btn {  cursor:pointer; }
.calendarForm .btn_cf_del { cursor:pointer;display:none; margin-left:4px; }

.bo_tit { text-align:left !important; }

.beatplayer_down_box {
	position: relative;
	width: 100%;
	margin-top: 10px;
	border: 1px solid #e6e6e6;
	display: inline-block;
	padding: 10px;
}

.beatplayer_down_dbox {
	position: relative;
	width: 100%;
	margin-top: 10px;
	border: 1px solid #e6e6e6;
	display: inline-block;
	padding: 10px;
}

.box1024	{ width:1024px !important; margin:0px auto;}
#fboardlist .bo_cate_link { font-family: "Malgun Gothic",dotum,sans-serif !important; }
.channelTalk { cursor:pointer; color:#fff; }
.nShopTbl { width:100%; padding:0px 0px 0px 0px; }
.nShopTbl td { vertical-align:top; }