@charset "utf-8";

#header{border-bottom:1px solid #ccc; background:url('/images/web/beauty/layout/bg_header_fixed.gif') repeat-x top !important; }/* 190730 */

/* 로고 */ 
#header h1.logo a {color:#333;}


/* nav */
#header #nav #gnb ul li a span {color:#333;}


/* 교육목표 */
.summary_box {padding:25px 45px; font-size:15px; border:5px solid #dfe6ee; word-break:keep-all; background:#fff /*url('/images/web/beauty/sub_cnt/bg_summary.png')*/ no-repeat 95% 88%;}/*240530 수정*/
.summary_box .summary_top {position:relative; min-height:100px; padding-left:140px; background:url('/images/web/beauty/sub_cnt/ico_summary.png') no-repeat left top;}
.summary_box .summary_txt{margin:25px 0; padding:25px 0; border-top:1px dashed #b2b7c7; text-align:left; border-bottom:1px dashed #b2b7c7; overflow:hidden;}

/*191113 */
.eduGoal { position:relative; word-break:keep-all; background:url('/images/web/beauty/sub_cnt/img_arrow.png') no-repeat 50% 50px; overflow:hidden}
.eduGoal p {font-family: 'NotoM'; color:#fff; font-size:20px; text-align:center; background:#00affe; padding:15px; border-radius:10px; box-sizing:border-box}
.eduGoal ul { margin-top:100px}
.eduGoal ul li { width:31%; height:270px; text-align:center; padding:10px 20px; float:left; border:1px solid #ddd; background:#fff; margin:0 1%; box-sizing:border-box}

/*회사소개 */ /* 200827 추가 */
.slideList{position:relative; margin:90px 0 0;}
.slideList a.allShow{position:absolute; right:0; top:-60px; padding-right:45px; font-size:16px; font-family:'NotoM'; line-height:40px; background:#00affe; border-radius:30px; padding:5px 8px; display:block; width:100px; color:#fff;}
.slideList a.allShow::before{content:""; position:absolute; right:5px; top:6px; width:35px; height:35px; background:url('/images/web/beauty/sub_cnt/ico_allShow.png') no-repeat center;}
.slideList a.allShow.show::before{top:6px; transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.slideList > dl{border-bottom:1px solid #ccc;}
.slideList > dl:first-child{border-top:2px solid #28649c;}
.slideList > dl:first-child > dd{display:block;}
.slideList > dl > dt{position:relative; padding:20px 15px 20px 65px; font-size:18px; font-family:'NotoM'; line-height:30px; cursor:pointer;}
.slideList > dl > dt span{position:absolute; left:15px; top:15px; width:40px; height:40px; line-height:40px; text-align:center; font-family:'NotoM'; border-radius:50%; background:#0068b7; color:#fff;}
.slideList > dl > dt::before{content:"내용보기"; position:absolute; right:40px; top:50%; line-height:20px; margin-top:-10px; color:#888; font-size:15px;}
.slideList > dl > dt::after{content:""; position:absolute; right:15px; top:50%; width:14px; height:14px; margin-top:-7px; background:url('/images/web/beauty/sub_cnt/ico_arr.png') no-repeat center;}
.slideList > dl.open > dt::before{content:"내용닫기"; color:#fff;}
.slideList > dl.open > dt::after{background:url('/images/web/beauty/sub_cnt/ico_arr_w.png') no-repeat center; transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.slideList > dl > dd{display:none; padding:20px 20px 30px; line-height:20px;}
.slideList > dl.open > dt{background:#0068b7; color:#fff;}
.slideList > dl.open > dt span{background:#fff; color:#0068b7;}
.slideList > dl > dt:hover{background:#eef4fd; color:#1a3d7e;}
.slideList > dl.open > dt:hover{background:#0068b7; color:#fff;}
.slideList > dl > dt, .slideList span, .slideList ::before, .slideList ::after{transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -webkit-transition:all .3s ease;}


/********** Media quary **********/
@media screen and (max-width:1399px){ 

}

@media screen and (max-width:1019px) {

	/* 모바일메뉴 */
	#header .mob_btn {border:1px solid #0068b7; background-color:#0068b7; }
	
	/*검색*/
	#header .search_btn button {border:1px solid #f59f0e;  background:#f59f0e url("/images/web/beauty/layout/totalsearch_ico2.png")no-repeat center center;}

	.eduGoal ul li { width:48%; margin-bottom:1%}
}

@media screen and (max-width:840px) {
	
	/*회사소개 */ /* 200827 추가 */
	.slideList a.allShow{font-size:15px;}
	.slideList > dl > dt{font-size:17px; padding:15px 40px 15px 45px}
	.slideList > dl > dt::before{text-indent:-9999em; overflow:hidden;}
	.slideList > dl > dt span{left:10px; width:30px; height:30px; line-height:30px;}
	.slideList > dl > dd{padding:20px 15px 25px;}


}

@media screen and (max-width:768px) {
	
	/* 교육목표 */
	.summary_box {font-size:14px; padding:25px 25px;}
	.summary_box .summary_top {padding-left:100px; background-size:80px;}
	

}

@media screen and (max-width:640px) {

	.eduGoal { background:none}
	.eduGoal ul { margin-top:0}
	.eduGoal ul li { width:100%; height:auto; margin:1% 0 0}
	
}

@media screen and (max-width:560px) {	


}

@media screen and (max-width:480px) {
	
	.summary_box .summary_top {padding:100px 0 0; text-align:center; background-position:center top;}
	.summary_box .summary_top ul, .summary_box .summary_top p { text-align:left}

}

@media screen and (max-width :380px) {



}