@charset "utf-8";

/***********************************************
* 한양대 리뉴얼 2016 Css :: 입학/교육
***********************************************/

/* 공개강의 */
.howl_bx {padding:40px; background-color:#f5f5f5; overflow:hidden}
.howl_bx ul li {width:25%; float:left}
.howl_bx ul li span {display:block; margin-top:20px; font-size:14px; color:#666; text-align:center}
.howl_bx ul li em {display:block;width:146px; height:146px; margin:0 auto; background-image:url(../../images/custom/admission/admission0405_process.gif)}
.howl_bx ul .howl01 em {background-position:-13px -16px}
.howl_bx ul .howl02 em {background-position:-13px -187px}
.howl_bx ul .howl03 em {background-position:-13px -360px}
.howl_bx ul .howl04 em {background-position:-13px -538px}

.btn_howl {display:inline-block; margin-top:30px}
.btn_howl a {display:block; padding:20px 40px; background-color:#00467f; font-size:20px; font-weight:800; color:#fff}

.proc_bx {overflow:hidden}
.proc_bx :after{content:"";display:block;clear:both;}
.proc_bx .proc_1st{float:left; width:248px; padding:40px 20px; background:#00467f;box-sizing:border-box;}
.proc_bx .proc_1st a{ font-size:20px; font-weight:800; line-height:28px; letter-spacing:-1px; color:#fff!important;}
.proc_bx .proc_1st a span {display:block;}
.proc_bx .proc_1st a .txt_normal {font-size:14px;font-weight:normal; letter-spacing:0}
.proc_bx .proc_2nd {float:right; width:810px; background:#fff}
.proc_bx .proc_2nd:after{content:"";display:block;clear:both;}
.proc_bx .proc_2nd dt {position:relative;float:left; width:20%; height:70px; background:#6bc8bf; line-height:70px; color:#fff; text-align:center; font-size:16px; font-weight:800;box-sizing:border-box;}
.proc_bx .proc_2nd dt:after {content:"";display:block;position:absolute;top:50%;left:-42px;width:40px;border:1px solid #ccc;}
.proc_bx .proc_2nd dt.blue {margin-top:25px; background:#68afd7}
.proc_bx .proc_2nd dd {float:left; width:80%; height:70px; line-height:64px; border:3px solid #6bc8bf; padding-left:20px; margin-left: 0!important; font-size:16px; letter-spacing:-1px;box-sizing:border-box;}
.proc_bx .proc_2nd dd.blue {margin-top:25px; border:3px solid #68afd7}

.ethics-box-wrap .ethics-box .week_bx img{margin-bottom:0;}
.week_bx .txt01 {padding:15px 0; font-size:20px !important; color:#fff !important; text-align:center;background:#4870a4;}
.week_bx .txt02 {font-size:20px; color:#000; text-align:center}
.week_bx .txt03 {font-size:20px; color:#000; text-align:center;border-top:1px solid #ccd0d4;}
.week_bx dl {padding:10px 0 20px;background:#e9eef4;}
.week_bx dl dt, .week_bx dl dd {padding-top:10px}
.week_bx dl dd {font-size:16px}

.admission .ethics-box-wrap .ethics-box .title-dth2 {background:#fff url(../../images/custom/common/tpl_t5_con_icon_h3.png) no-repeat 0 5px; line-height:120%}
.admission .ethics-box-wrap .ethics-box .d-title2 {background:#fff url(../../images/custom/common/icon_rec_bg.png) no-repeat 0 2px; line-height:130%}

/* 타블렛 */
@media all and (min-width: 769px) and (max-width: 992px) {
	.week_bx .txt01 {font-size:16px !important; }
	.howl_bx {padding:0 40px 40px 40px}
	.howl_bx ul li {width:50%; float:left; margin-top:40px;}
	.proc_bx .proc_1st{float:none; width:100%;}
	.proc_bx .proc_1st a span {display:inline-block;}
	.proc_bx .proc_2nd {margin-top:15px;float:none; width:100%;}
	.proc_bx .proc_2nd dt:after {display:none;}
	.proc_bx .proc_2nd dt.blue,
	.proc_bx .proc_2nd dd.blue{margin-top:0;}
}

/* 모바일 */
@media all and (max-width: 768px) {
	.week_bx .txt01 {font-size:16px !important; }
	.howl_bx {padding:0 40px 40px 40px}
	.howl_bx ul li {width:100%; float:none; margin-top:40px;}
	.proc_bx .proc_1st{float:none; width:100%;}
	.proc_bx .proc_1st a span {display:inline-block;}
	.proc_bx .proc_2nd {display:table;margin-top:15px;float:none; width:100%;}
	.proc_bx .proc_2nd dt:after {display:none;}
	.proc_bx .proc_2nd dt,
	.proc_bx .proc_2nd dd{display:table-cell;padding:0 10px;float:none;line-height:130%;vertical-align:middle;font-size:13px;}
}