/*서브 비주얼 - 온라인 수강신청*/
#wrap #sepration.sepration_online { clear: both;  overflow: hidden; position: relative; }
#wrap #sepration.sepration_online .sepration_bx{ width:1600px; margin:0 auto; padding:1.5rem 0;}
#wrap #sepration.sepration_online .sepration_bx .page_direction {text-align:right;}
#wrap #sepration.sepration_online .sepration_bx .page_direction > span{padding-left:1.5rem;position:relative;margin-left:-5px;}
#wrap #sepration.sepration_online .sepration_bx .page_direction > span:after{content:'\ea6e';display:block;position:absolute;top:50%;right:-1.25rem;transform:translateY(-50%);font-size:1rem; color:#bfbfbf;font-family: "remixicon";}
#wrap #sepration.sepration_online .sepration_bx .page_direction > span:first-child{margin-left:0; padding-left:0;}
#wrap #sepration.sepration_online .sepration_bx .page_direction > span:last-child:after{display:none;}
#wrap #sepration.sepration_online .section{background: url('/images/default/content/sub_visual01.jpg') no-repeat center top; background-size: cover;height:13.5rem;}
#wrap #sepration.sepration_online h2{font-size: 2.2rem; letter-spacing: -0.02em; color: #333333; text-align: center; position: relative; font-weight:600;margin-top:0.75rem;}

/*서브 비주얼 - 나의강의실,알림마당,마이페이지*/
#wrap #sepration { clear: both;  overflow: hidden; position: relative;z-index: -1; }
#wrap #sepration .section{height:20rem;}
#wrap #sepration .sepration_bx{ width:1600px; margin:0 auto; text-align:center;}
#wrap #sepration .sepration_bx h2{font-size:2rem;color:#333;font-weight:500;}


.sepration_bx{width:1600px;margin:0 auto;}
.sepration_bx #sepration_bx_con{margin-top:-12.5rem;background:#fff;height:12.5rem;    border-radius: 10px 10px 0 0;text-align:center;padding:2rem 2.5rem 0 2.5rem;}
.sepration_bx #sepration_bx_con span{font-size:0.8rem; letter-spacing:0;}
.sepration_bx #sepration_bx_con h2{font-size:2rem;color:#333;font-weight:600;margin-bottom:2rem;line-height:1;margin-top:0.5rem;}
.page_main_title h3{text-align:left;color:#333; line-height:1; font-size:1.5rem;font-weight:600;margin-top:1.5rem;position:relative;padding-left:1rem;}
.page_main_title h3:after{content:'';display:block;position:absolute;width:6px;height:26px;background:url('/images/default/content/dot_bg.png')no-repeat center center;left:0;top:50%;transform:translateY(-50%);}
.page_main_title h4{text-align:left;color:#333;font-size:1.5rem;font-weight:600;position:relative;padding-left:1rem;line-height: 1;}
.page_main_title h4:after{content:'';display:block;position:absolute;width:6px;height:26px;background:url('/images/default/content/dot_bg.png')no-repeat center center;left:0;top:50%;transform:translateY(-50%);}

@media (max-width: 1600px){
	.sepration_bx{width:100%;}
}
@media (max-width: 1030px){
	.sepration_bx #sepration_bx_con{padding:2rem 1rem 0 1rem;margin-top:0;height:auto;}
	#wrap #sepration .section{height:8rem;}
}

.rquick{position:absolute; right:0; top:5rem; width:80px; z-index:10; font-size:0.8rem;}
.rquick .right_bx{display: inline-table; vertical-align: top; word-break:break-all;}
.rquick .right_bx a{display: table-cell;  width:80px;  text-align: center; vertical-align: middle; border-right:none !important; border-top:none !important; border-radius:25px 0 0 25px;     box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.rquick .right_bx a span{position:relative; display:inline-block; width:17px; line-height: 1.05; padding-bottom:1.8rem;}
.rquick .right_bx:nth-of-type(1) a{background:#fff; color:#333; height:12rem; }
.rquick .right_bx:nth-of-type(1) a i{background:#333; color:#fff;}
.rquick .right_bx:nth-of-type(2) a{ background:#333; color:#fff; height:18rem;  }
.rquick i{position:absolute; left:-2px; bottom:0; background:#fff; color:#333; border-radius:50%; font-size:0.8rem; width:1.3rem; height:1.3rem; line-height:1.3rem; text-align:center; margin-top:10px;}


@media (max-width: 1800px){
#wrap #sepration.sepration_online .sepration_bx{width:100%; padding: 2.55rem 5rem;}
}

@media (max-width: 1400px){
	#wrap #sepration.sepration_online{padding: 0;}
	#wrap #sepration.sepration_online h2{font-size: 2rem;}
	#wrap #sepration.sepration_online .sepration_bx{padding: 2.55rem 3rem;}
	.rquick,
	.rquick .right_bx a{width:50px; }
	.sub_menu{right:3rem;}
}

@media (max-width: 1030px){
	#wrap #sepration.sepration_online .sepration_bx{padding:1.5rem 1rem;}
	.rquick{display:none;}
}


@media (max-width: 1030px){
	#wrap #sepration.sepration_online .section{height:9rem;}
}


/* 왼쪽메뉴 */
.tab_view{display: none;}
#container #section { margin: 0 auto; width: 1600px;}
.left_menu { z-index: 0;border-bottom:2px solid #ddd;}
.left_menu h2 {font-size: 1.4rem; width: 100%; font-weight: 400; color: #000; padding-bottom: 1rem ;}
.left_menu ul {display:flex;justify-content: center;}
.left_menu ul li {font-size:1.1rem; line-height:1; position:relative;}
.left_menu ul li a{position:relative; display:inline-block;padding-bottom:0.75rem;}
.left_menu ul li:not(:last-child){padding-right:3.5rem;}
.left_menu ul li.on {color:#2c67d5;}
.left_menu ul li.on a:after {position:absolute;content:'';display:block;width:100%;height:3px;background:#2c67d5;bottom:-1px;left:0;}


@media (max-width: 1600px){
	#container #section{width: 100%;padding: 0 1rem;}	
	.right_content{width: 100%;}
	.sepration_bx #sepration_bx_con{padding: 2rem 4rem 0;}
}
@media (max-width: 1400px){
	.left_menu ul li:not(:last-child){padding-right:1.5rem;}
	.left_menu ul li {font-size:1rem; }
}


@media (max-width: 1030px){
	/* 서브메뉴 */	
	.left_menu {display:none;}
	.tab_view{display:block; cursor:pointer;background:#054438; padding:.75rem; font-size:1rem; box-sizing:border-box; color:#fff !important; box-sizing:border-box; padding-left:0.75rem; font-weight:normal; position:relative; text-align: center;}
	.tab_view i{position:absolute; top:15%; right:1rem; display:block;  font-size:1.5rem;}
	.tab_view.on i{transform:rotateX(180deg);}
	

	.left_menu{width:100%; padding:0;}
	.snb ul{display:none; z-index:100;position:absolute;width:100%;left:0; background:#fff; text-align:center; margin:0 auto; line-height:0;box-sizing:border-box; padding:1rem .75rem;box-shadow: 6px 6px 6px 0px rgba(25, 25, 25, 0.15);-webkit-box-shadow:   6px 6px 6px 0px rgba(25, 25, 25, 0.15);	-moz-box-shadow:  6px 6px 6px 0px rgba(25, 25, 25, 0.15); border-radius:0; border:none;}
	.snb ul li {width:100% !important;border:none !important; margin-left:0; vertical-align:middle; box-sizing:border-box; }
	.snb ul li a {display:block; padding:.75rem .75rem;line-height: 1.0; height: auto; font-weight:500; font-size:1.1rem; color:#1F1300;text-transform:capitalize; }
	.snb ul li strong{ font-weight:500;color:#054438;} 

	.sepration_bx #sepration_bx_con{padding: 2rem 1rem 0;}
}

/*컨텐츠*/
.right_content .content_body {line-height: 1.5; padding: 3rem 0 5rem; color: #555555; min-height: 540px;}
.right_content .page_main_title{width: 1600px; margin: 0 auto; text-align: center;}
.right_content .page_main_title h3{color: #000; margin-bottom: 2.5rem;}
.right_content .page_main_title p{text-align: left;}
.right_content .page_main_title p a{color: #999; margin: 0 5px;}




@media (max-width: 1030px){
	.right_content .content_body {min-height: auto;}

}


/*탭메뉴*/
.tab_menu{margin-bottom:2.5rem; position:relative; z-index:0; letter-spacing:-0.07em;width:1600px;margin:0 auto;padding:0 2.5rem; margin-top:-1rem; margin-bottom:1rem;}
.tab_menu ul{text-align: left; display: flex;}
.tab_menu ul li{text-align: center; position: relative;border:1px solid #cccccc;margin-left:-1px;}
.tab_menu ul li a{display: flex; align-items: center; justify-content: center; font-size: 1rem; color: #2d67d5; font-weight: 500; height: 2.8rem; }
.tab_menu ul li:after{content: ''; display: block; position: absolute; right: 0; height: 100%; background: #dcdcdc; width: 1px; top: 0; }
.tab_menu ul li:last-child:after{display: none;}
.tab_menu ul li.on {border:1px solid #2d67d5;}
.tab_menu ul li.on a{color: #fff; font-weight: 600; position: relative; background: #2d67d5; z-index: 10;height:2.8rem;}
.tab_menu ul li:first-child{border-radius:5px 0 0 5px;}
.tab_menu ul li:last-child{border-radius:0 5px 5px 0;}



/*탭메뉴2*/



/********************************************************
■ 레이아웃 변경
********************************************************/
@media (max-width: 1600px){
	.tab_menu{padding:0 4rem;width:100%;}

}

@media (max-width: 1460px){
	.snbWrap{width: 100%;}
	.snbWrap a.home{text-align: center;}

	
	/*컨텐츠*/
	.right_content .page_main_title{width: 100%}

}

@media (max-width: 1030px){
	.tab_menu{padding:0 1rem;}

}
/********************************************************
■ 태블릿
********************************************************/
@media (max-width: 1030px){
	html{font-size: 16px;}
    body{font-size: 1rem}
	#container img{max-width: 100%;}
	.right_content{width: 100%;}
	.right_content .content_body{font-size: 1rem; padding: 1.5rem 0 5rem 0;}
	.page_main_title h3{font-size: 1.5rem; margin-top:2rem;}

	/* 검색 */	
	.cate_area .pt ul{font-size: 0.8rem;}
	.cate_area .pt ul li{width: 33.33%;}

	.tab_menu{margin-top:0;}
}


/********************************************************
■ 모바일
********************************************************/
@media (max-width: 767px){
	html{font-size: 15px;}
    body{font-size: 1rem}
	

	/*LNB*/
	.snbWrap ul#lnb{padding-left: 0;}
	.snbWrap ul#lnb>li{width: calc(100% / 2);}
	.snbWrap ul#lnb>li a{padding: 0 10px; width:100%;}
	.snbWrap a.home {display: none;}


	/*검색*/
	.ts_rt{display: none;}
	.search_all{width: 100%;}
	.search_all input.btnSearch{width: 2rem;}	
	.tit-search h2{line-height: 1.3;}	
	.sr_result .tb_view tbody td{font-size: 14px;}

	#wrap #sepration .section{height:5rem;}
}