@charset "utf-8";

#header{border-bottom:1px solid #ccc; background:url('/images/web/optometry/layout/bg_header_fixed.gif') repeat-x top !important; }/* 190730 */
#header .toputil .toputil_link a {color:#333;}
#header .toputil .top_mn li:first-child {background: url('/images/web/optometry/sub_cnt/home_btn.png') no-repeat left center; }
#header .toputil .top_mn li:nth-child(2) {background: url('/images/web/optometry/sub_cnt/login_btn.png') no-repeat left center; }
#header .toputil .top_mn li a {color:#333;}

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

/* 검색 */
#header .search_btn button {color:#333; background: url('/images/web/optometry/sub_cnt/search_btn.png') no-repeat left center;}

/* 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/optometry/sub_cnt/bg_summary.png') no-repeat 95% 88%;}
.summary_box .summary_top {position:relative; min-height:100px; padding-left:140px; background:url('/images/web/optometry/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;}



/********** 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 #0068b7;  background:#0068b7 url("/images/web/optometry/layout/totalsearch_ico2.png")no-repeat center center;}
	
	#header .toputil .top_mn li a {color:#fff;}
}

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


}

@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) {

	

}

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



}

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



	
}

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



}