@charset "utf-8";



/* 0101_인사말 */
.greeting_top {position:relative; min-height:179px; padding:50px 30px 0 380px; text-align:right; color:#fff; word-break:keep-all; background:url('/images/web/dorm/sub/bg_greeting_1.png') repeat;}
.greeting_top p.img {position:absolute; left:0; top:0;}
.greeting_top p.txt1 {font-size:18px; font-family:'NotoL'; color:#b3cadb;}
.greeting_top p.txt2 {margin-top:10px; font-size:26px; font-family:'NotoR'; letter-spacing:-1px;}
.greeting_top p.txt2 span {font-family:'NotoM';}
.greeting_top p.txt3 {margin-top:30px; font-size:16px;}
.greeting_top p.txt3 span {font-size:24px; margin-left:5px;}
.greeting_box p.txt1 {margin-top:80px; font-size:20px; color:#000; font-family:'NotoM';}
.greeting_box p.txt2 {margin-top:10px; font-size:20px; color:#17335a; font-family:'NotoM';}
.greeting_box p.txt3 {margin-top:20px; font-size:15px; }

/* 0102_연혁 */
.history_box {position:relative; padding-left:150px;}
.history_box h3 {position:absolute; left:0; top:0; width:120px; height:120px; padding:35px 0 0; font-size:18px; color:#fff; text-align:center; background:url('/images/web/dorm/sub/bg_history.png') no-repeat;}
.history_box h3 span {display:block; font-size:24px; line-height:30px; font-family:'NotoM';}
.history_box ol {border-top:2px solid #000;}
.history_box ol li {position:relative; padding:13px 0 13px 130px; line-height:1.4; color:#555; font-size:15px; border-bottom:1px dashed #b2b7c7;}
.history_box ol li span {position:absolute; left:0; top:13px; width:90px; color:#10438a; font-family:"NotoM"; font-size:16px; text-align:right;}

/* 0106_오시는길 */
.map_box {position:relative; height:400px; overflow:hidden;}
.map_box .root_daum_roughmap {width:100%; }

/* 02_생활관 둘러보기 */
.dormitory_top {position:relative; margin:50px 0 0 50px; padding-left:390px; background:url('/images/web/dorm/sub/bg_dormitory.png') repeat;}
.dormitory_top .img {position:absolute; left:-50px; top:-50px; }
.dormitory_top h3 {position:absolute; left:390px; top:-50px; font-size:30px; font-family:"NotoM"; color:#000;}
.dormitory_top ul {padding:30px 20px 30px 0; background:url('/images/web/dorm/sub/bg_dormitory1.png') no-repeat right bottom;}
.dormitory_top ul li {position:relative; padding:4px 0 4px 10px; font-size:15px; color:#fff; background:url('/images/web/dorm/sub/bu_dormitory1.png') no-repeat left 12px;}

.dormitory_pho ul {overflow:hidden;}
.dormitory_pho ul li {width:23.5%; margin:0 0 20px 2%; float:left; text-align:center; font-size:18px; color:#111; font-family:"NotoM";}
.dormitory_pho ul li p {padding:10px; border:1px solid #b2b7c7; background:url('/images/web/dorm/sub/bg_dormitory2.png') repeat;}
.dormitory_pho ul li p img {width:100%;}
.dormitory_pho ul li.first {margin-left:0;}
.dormitory_pho ul li p span {display:block; margin-top:10px; }

/* 0302_입퇴실 및 관생정보 */
.dormi_info_top {min-height:80px; padding:10px 0 0 140px; background:url('/images/web/dorm/sub/icon_dormi0.png') no-repeat left top;}
.dormi_info_top dt {font-size:24px; color:#103b78; font-family:"NotoM";}
.dormi_info_top dd {margin-top:5px; font-size:16px; color:#555;}
.dormi_info {position:relative; margin-top:30px; overflow:hidden;}
.dormi_info li {width:23.5%; margin:0 0 20px 2%; float:left; }
.dormi_info li div {position:relative; height:230px; padding:15px 15px; font-size:20px; color:#fff; font-family:"NotoM"; text-align:center;}
.dormi_info li p {position:absolute; bottom:25px; left:0; width:100%;}
.dormi_info li a {display:block; margin:0 15px 5px; line-height:38px; color:#fff; font-size:16px;  font-family:"NotoR"; border:1px solid #fff;}
.dormi_info li.bg_col1 {margin-left:0; background:url('/images/web/dorm/sub/icon_dormi1.png') no-repeat center 70px #266ed4; background-size: 80px;}
.dormi_info li.bg_col2 {background:url('/images/web/dorm/sub/icon_dormi2.png') no-repeat center 50px #1b56aa; background-size: 80px; }
.dormi_info li.bg_col3 {background:url('/images/web/dorm/sub/icon_dormi3.png') no-repeat center 70px #266ed4; background-size: 80px; }
.dormi_info li.bg_col4 {background:url('/images/web/dorm/sub/icon_dormi4.png') no-repeat center 70px #1b56aa; background-size: 80px; }

/* 030601_인터넷사용법 */
.internet_box {padding:130px 0 20px; text-align:center; font-size:16px; background:url('/images/web/dorm/sub/img_internet.png') no-repeat center 20px;}
.internet_box dt {padding:20px 0 15px; font-size:30px; color:#000; font-family:"NotoM"; border-top:1px dashed #b2b7c7; }
.internet_box dt span {color:#266ed4;}

/* 0308_비상시 행동 요령 */
.emergency_list li {position:relative; margin-top:20px; padding-left:110px; word-break:keep-all; background:url('/images/web/dorm/sub/line_emergency.png') repeat-x left 45px;}
.emergency_list li p.chapter {position:absolute; left:0; top:0; width:90px; height:90px; padding-top:15px; text-align:center; color:#aabfea; font-size:16px; font-family:"NotoT"; background:url('/images/web/dorm/sub/bg_emergency.png') no-repeat left top;}
.emergency_list li p.chapter span {display:block; color:#fff; font-size:30px; line-height:36px; font-family:"NotoM";}
.emergency_list li dl {min-height:60px; padding:15px 20px; font-size:15px; border:1px solid #b2b7c7; background:#fff;}
.emergency_list li dl dt {margin-bottom:10px; font-size:20px; font-family:"NotoM"; color:#000;}

.emergency_list2 {position:relative; margin-top:10px; word-break:keep-all; overflow:hidden;}
.emergency_list2 li {width:32%; margin:0 0 20px 2%; float:left;}
.emergency_list2 li:first-child, .emergency_list2 li.con_first {margin-left:0;}
.emergency_list2 li div {border:1px solid #b2b7c7;}
.emergency_list2 li div p.img {padding:20px 0; text-align:center; background:url('/images/web/dorm/sub/bg_dormitory2.png') repeat;}
.emergency_list2 li div p.txt {min-height:75px; padding:15px 20px; font-size:15px; line-height:22px; border-top:1px solid #b2b7c7; background:#fff;}
.emergency_list2 li div dl.txt  {min-height:174px; padding:15px 20px; font-size:15px; line-height:22px; border-top:1px solid #b2b7c7; }
.emergency_list2 li div dl.txt dt {position:relative; padding-left:35px; margin-bottom:10px; font-size:18px; color:#000; font-family:"NotoM";}
.emergency_list2 li div dl.txt dt span {position:absolute; left:0; top:-5px; display:block; width:30px; height:30px; line-height:30px; text-align:center; color:#fff; background:#266ed4; border-radius:15px;}
.emergency_list2 li div dl.txt dd {padding:3px 0 3px 23px; font-size:14px; line-height:1.4; font-family:"NotoR"; color:#444; background:url("/images/web/dorm/sub/bu3.png") no-repeat 13px 11px;}




/********** Media quary **********/
@media screen and (max-width:1019px) {
	/* 0308_비상시 행동 요령 */
	.emergency_list2 li {width:50%; margin:0 0 20px 0; }
	.emergency_list2 li div p.img img {width: 40%;}
	
	
	/* 0101_인사말 */
	.greeting_top {min-height:199px; padding:30px 30px 0 380px;}
	.greeting_top p.img {position:absolute; left:0; top:0;}
	.greeting_box p.txt1 {margin-top:40px; }
	

}

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

	


}

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

	
	/* 0101_인사말 */
	.greeting_top {min-height:auto; margin-top:100px; padding:150px 30px 20px; text-align:center;}
	.greeting_top p.img {left:50%; top:-100px; width:226px; margin-left:-113px; overflow:hidden;}
	.greeting_top p.txt3 {text-align:right; }
	.greeting_box p.txt1 {margin-top:20px; }

	/* 02_생활관 둘러보기 */
	.dormitory_top {margin:100px 0 0 0; padding:130px 0 0;}
	.dormitory_top .img {position:absolute; left:50%; top:-100px; width:250px; margin-left:-125px;}
	.dormitory_top .img img {width:100%}
	.dormitory_top h3 {position:relative; left:auto; top:auto; margin-left:20px; font-size:26px; color:#fff;}
	.dormitory_top ul {padding:10px 20px 30px 20px; }
	.dormitory_pho ul li {width:49%; margin:0 0 20px 2%; font-size:16px;}
	.dormitory_pho ul li.first, .dormitory_pho ul li:nth-child(odd) {margin-left:0;}

	/* 0302_입퇴실 및 관생정보 */
	.dormi_info_top {min-height:auto; padding:0; background:none;}
	.dormi_info li {width:49%;}
	.dormi_info li.bg_col3 {margin-left:0;}

	/* 030601_인터넷사용법 */
	.internet_box {padding:80px 0 20px; background-size:auto 50px;}

	/* 0308_비상시 행동 요령 */
	.emergency_list2 li div p.img img {width:60%;}
	

}

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


}

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

	
	/* 0102_연혁 */
	.history_box {padding-left:0;}
	.history_box h3 {position:relative; left:auto; top:auto; width:100%; height:50px; padding:0 15px 0 50px; line-height:50px; text-align:left; background-size:auto 50px; background-color:#266ed4; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.history_box h3 span {display:inline; line-height:50px;}
	.history_box ol {border-top:none;}
	.history_box ol li {padding:13px 0 13px 120px;}

	/* 0308_비상시 행동 요령 */
	.emergency_list2 li {width:100%; margin:0 0 10px; float:none;}
	.emergency_list2 li div p.img img {width:50%;}
	.emergency_list2 li div p.txt {min-height:auto;}
	.emergency_list2 li div dl.txt  {min-height:auto;}

}

@media screen and (max-width:480px) {
	.dormi_info li { width: 100%; margin: 10px 0 10px;}
	


	
}

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



}