#page{padding: 80px;box-shadow: 2px 2px 12px #4e4e4e !important;border-radius: 5px;}
/* === Info Box === */
#page .info_box:after { content:""; display:block; clear:both; }

/* Image Box */
#page .info_box .img_box { width:calc(40% - 25px); float:left; border:1px solid #fff; border-radius: 7px;box-shadow: 2px 2px 10px #c7c7c7;}
#page .info_box .img_box .img { background-image: url(img/greeting_person.jpg); background-size:100%; background-position:center top; padding-bottom:120%; }
#page .info_box.professor1 .img_box .img { background-image:url(img/teacher01.jpg); }
#page .info_box.professor2 .img_box .img { background-image:url(); }
#page .info_box.professor3 .img_box .img { background-image:url(); background-position:center center; }
#page .info_box.professor4 .img_box .img { background-image:url(); background-position:center center; }
#page .info_box.professor5 .img_box .img { background-image:url(); background-position:center center; }
#page .info_box.professor6 .img_box .img { background-image:url(); background-position:center center; }
#page .info_box.professor7 .img_box .img { background-image:url(); background-position:center center; }

/* Informatino */
#page .info_box .info { width:calc(60% - 75px); margin-left:50px; float:left; }
#page .info_box .info .info_title { font-size:25px; color:#333; font-weight:500; }
#page .info_box .info .info_title:after { content:""; display:block; width:40px; height:1px; margin:15px 0 15px; background:#ffa600; }
#page .info_box .info .position { color:#777; font-size:14px; margin-bottom:20px; font-size:14px; font-weight:400; }
#page .info_box .info ul { margin:0; padding:0; list-style:none; padding-left:10px; }
#page .info_box .info ul.top { margin-top:25px; }
#page .info_box .info ul li { font-size:14px; line-height:25px; color:#3f3f3f; position:relative; }
#page .info_box .info ul li:before { content:""; display:inline-block; position:absolute; left:-10px; top:0; }

/* Responsive */
@media screen and (max-width:1040px) {
	#page .info_box .img_box { width:40%; }
	#page .info_box .info { width:calc(60% - 30px); margin-left:30px; }
	#page .info_box .info .info_title { font-size:22px; }
	#page .info_box .info .info_title:after { margin:10px 0 10px; }
}

@media screen and (max-width:800px) {
	#page{padding: 20px !important;}
	#page .info{padding:0px;}
	#page .info_box .info .info_title { font-size:18px; }
	#page .info_box .info ul li { font-size:13px; }
}

@media screen and (max-width:660px) {
	#page{padding: 20px !important;}
	#page .info{padding:0px;}
	#page .info_box .img_box { float:none; width:auto; margin:0 0 20px; }
	#page .info_box .img_box .img { padding-bottom:100%; }
	#page .info_box .info { width:auto; float:none; margin:0; }
	#page .info_box .info .info_title { font-size:16px; }
}


/* === NAVER (developers@xpressengine.com) === 

.xe_content { color:#000; font-size:13px; font-family:sans-serif; line-height:1.5; }
.xe_content blockquote.q1,
.xe_content blockquote.q2,
.xe_content blockquote.q3,
.xe_content blockquote.q4,
.xe_content blockquote.q5,
.xe_content blockquote.q6,
.xe_content blockquote.q7 { padding:10px; margin:0 15px; }
.xe_content blockquote.q1 { padding:0 10px; border-left:2px solid #ccc; }
.xe_content blockquote.q2 { padding:0 10px; background:url(../img/bg_qmark.gif) no-repeat left top; }
.xe_content blockquote.q3 { border:1px solid #d9d9d9; }
.xe_content blockquote.q4 { border:1px solid #d9d9d9; background:#fbfbfb; }
.xe_content blockquote.q5 { border:2px solid #707070; }
.xe_content blockquote.q6 { border:1px dashed #707070; }
.xe_content blockquote.q7 { border:1px dashed #707070; background:#fbfbfb; }
.xe_content p { margin:0; }

*/