@charset "utf-8";

@import url(common.css);

/* container */
#container {position:relative; width:100%; padding-bottom:20px; background:url("/images/template/02328/main/con_bg.gif") repeat-x right 438px #d3cec2;}
#container:after {display:block; content:""; clear:both;}

/* content */
.main_content {position:relative; width:735px; height:378px; padding-left:243px; margin:20px auto 0; border:1px solid #ccc; overflow:hidden;}

/* visual */
.area_visual {position:relative; overflow:hidden; width:980px; height:350px; margin:0 auto;}
.area_visual .ul_visual li {position:absolute; top:0; left:50%; width:100%; height:350px; overflow:hidden;}
.area_visual .ul_visual li.li1 {display:block;}
.area_visual .ul_visual li.li1 {background:url("/images/template/02328/main/visual_1_bg.jpg") no-repeat right top; }
.area_visual .ul_visual li.li2 {background:url("/images/template/02328/main/visual_2_bg.jpg") no-repeat right top; }
.area_visual .ul_visual li.li3 {background:url("/images/template/02328/main/visual_3_bg.jpg") no-repeat right top; }
/*visual rolling*/
.area_visual .ul_pos {position:absolute; top:310px; left:50%; margin-left:-473px !important; z-index:1; }
.ul_pos{ width:70px; height:15px; display:block; overflow:hidden;}
.ul_pos li {width:15px; height:15px; float:left; display:block; margin:0 0 0 8px;}
.ul_pos li a,
.ul_pos li span {display:block; text-indent:-10000px; width:15px; height:15px; background:url("/images/template/02328/main/ul_pos_off.png") no-repeat left top; }
.ul_pos li.on a,
.ul_pos li.on span {width:15px; height:15px; text-indent:-10000px; background:url("/images/template/02328/main/ul_pos_on.png") no-repeat left top;}

.m_visual_con {position:absolute; top:0; left:0; width:217px; padding:0 25px; height:100%; font-family:'NanumBold'; line-height:1.4; color:#61616d; background:#c2b9a8;}
.m_visual_con .txt1 {font-size:16px; margin-top:25px; letter-spacing:-1px;}
.m_visual_con .txt2 {font-size:32px; }
.m_visual_con .txt3 {margin-top:15px; padding-top:15px; text-align:center; font-size:15px; border-top:1px solid #d4cdc1; letter-spacing:-1px;}

/* 바로가기 */
.M_link{ position:relative; width:100%; height:88px; background:#666666;}
.M_link ul {width:980px; margin:0 auto; overflow:hidden; text-align:center;}
.M_link ul li { float:left; width:20%; height:88px; font-size:15px; letter-spacing:-1px;}
.M_link ul li a {height:68px; padding:5px 0; margin:5px 0; color:#fff; display:block; font-family:'Nanum'; border-right:1px solid #7f7f7f; }
.M_link ul li:first-child a {border-left:1px solid #7f7f7f; }
.M_link ul li a img {margin-bottom:10px;}
.M_link ul li a:hover {color:#9b9b9b;}
.M_link ul li a span{ display:block; }

/* 학사일정 */
.schedule {position:absolute; left:0; top:0; width:242px; height:246px; font-family:"Nanum"; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd; z-index:2; background:#c2baa6;}
.schedule h2{font-size:15px; padding-left:20px; line-height:45px; font-family:"NanumBold"; color:#fff;}
.schedule .date_view {position:absolute; left:0; top:55px; width:100%; font-size:13px; color:#a86dbf; text-align:center;}
.schedule .inner{ padding:35px 0 0; margin:0 10px; background:#fff;}
.schedule table{ width:100%; font-size:12px; }
.schedule table thead th{ color:#666; font-family:"NanumBold"; letter-spacing:-1px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; line-height:26px}
.schedule table thead th .pc_blue {color:#2080e2;}
.schedule table thead th .pc_red {color:#db1c4a;}
.schedule table tbody td .pc_blue {color:#003399;}
.schedule table tbody td .pc_red {color:#990000;}
.schedule table tbody td .pc_gray {color:#bbb;}
.schedule table tbody td {height:16px; padding:2px; background:#f5f5f5; text-align:center}
.schedule table tbody td a {color:#666;}
.schedule table tbody .sat {color:#00f;}
.schedule table tbody .sun  {color:#f00;}
.schedule table tbody .check a {color:#}
.schedule .date_box {position:relative; z-index:8;}
.schedule .date_box dl {position:absolute; top:2px; left:0; width:300px; padding-bottom:5px; text-align:left; font-family:"NanumBold"; border:1px solid #777; background:#fff;}
.schedule .date_box dl dt {line-height:26px; padding:0 15px; margin-bottom:5px; font-size:13px; background:#f8f8f8; border-bottom:1px solid #eee;}
.schedule .date_box dl dd {position:relative; padding:4px 15px 4px 80px; font-size:14px; color:#555;}
.schedule .date_box dl dd span {position:absolute; top:4px; left:15px; color:#666;}
.schedule table tbody td a.check{display:block; font-family:"NanumBold"; background:#e3e3e3;}

/* 바로가기02 (책마루도서관) */
.M_link02 {position:absolute; left:0; top:247px; width:242px; height:131px; font-family:'Nanum'; border-right:1px solid #cdcdcd; background:#7f3b7c;}
.M_link02 a {display:block; color:#fff; padding:20px;}
.M_link02 img {position:absolute; right:0; bottom:0;}
.M_link02 h2 {font-size:15px;}
.M_link02 p {font-size:12px; margin:5px 0 8px;}
.M_link02 span {font-size:12px; padding:3px 8px; border:1px solid #fff;}

/* 게시판 */
.notice {position:relative; width:100%; height:290px; font-family:'Nanum'; border-bottom:1px solid #cdcdcd; overflow:hidden; background:url('/images/template/02328/main/bg_notice.gif') repeat-x left top #fff;}
.notice h2 {position:absolute; top:0; width:15%; line-height:40px; font-size:14px; font-family:'NanumBold'; }
.notice h2.tit_1 {display:inline-block; left:0; }
.notice h2.tit_2 {display:inline-block; left:15%;}
.notice h2.tit_3 {display:inline-block; left:30%;}
.notice h2.tit_4 {width:20%; display:inline-block; left:45%;}
.notice h2.tit_5 {width:22%; display:inline-block; left:65%;}
.notice h2 a {display:block; text-align:center; color:#82775e;}
.notice h2 a:hover, .notice h2 a:active, .notice h2 a:focus {color:#9e4890;}
.notice h2 a.current {color:#9e4890; background:#ece9e0;} /*on*/
.notice .list_box.on{ display:block; }
.notice .list_box {display:none; padding:60px 20px 0; text-align:left; clear:both; overflow:hidden; font-size:13px;}
.notice .list_box a { display:block; vertical-align:middle}
.notice .list_box .top_list {width:35%; float:left; overflow:hidden;}
.notice .list_box .top_list a {display:block; color:#666; font-size:13px; line-height:1.4;}
.notice .list_box .top_list p.img {height:118px; border:1px solid #ebebeb;}
.notice .list_box .top_list p.img img {width:100%; height:118px; }
.notice .list_box .top_list dl dt {margin:10px 0 15px; font-size:14px; font-family:'NanumBold'; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice .list_box .ul_list {width:60%; float:right;}
.notice .list_box ul li {width:100%; font-family:'Nanum'; line-height:30px; font-size:13px;}
.notice .list_box ul li a {width:75%; display:block; float:left; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice .list_box .ul_list ul li span.date {width:20%; text-align:right; float:right; }
.notice .list_box a.btn_more {position:absolute; right:0; top:0; display:block; width:40px; height:40px; text-indent:-10000px; background:url('/images/template/02328/main/btn_more.gif') no-repeat left center; z-index:9;}

/* 오늘의 메뉴 */
.meal_menu {position:relative; width:143px; height:87px; padding-left:75px; border-right:1px solid #cdcdcd; float:left; overflow:hidden; background:#f9f9f9;}
.meal_menu h2 {margin:10px 0 0 0; line-height:30px; font-size:15px; font-family:'NanumBold'; }
.meal_menu h2 a {color:#8f6291;}
.meal_menu .img {position:absolute; top:50%; left:20px; margin-top:-22px;}
.meal_menu .meal_list {height:40px; overflow:hidden; overflow-y:auto;}
.meal_menu .meal_list li {float:left; margin-right:10px; line-height:20px; font-size:12px; font-family:"Nanum";}
.meal_menu .meal_list li a {display:block; color:#666}

/* 바로가기03 (상담센터) */
.M_link03 {position:relative; width:144px; height:87px; padding-left:75px; line-height:20px; font-size:12px; font-family:"Nanum"; border-right:1px solid #cdcdcd; float:left; overflow:hidden; background:#f9f9f9;}
.M_link03 .img {position:absolute; top:50%; left:20px; margin-top:-22px;}
.M_link03 a {height:100%; display:block; color:#666;}
.M_link03 h2 {margin:10px 0 0 0; color:#8f6291; line-height:30px; font-size:15px; font-family:'NanumBold'; }

/* 배너존 */
.banner_zone {position:relative; width:247px; height:87px; padding-right:49px; float:left; background:#f9f9f9;}
.banner_zone h2 {display:none;}
.banner_zone .btn {position:absolute; top:0; right:px; width:49px; margin-left:20px;}
.banner_zone .btn a {float:left; font-size:0; text-indent:-10000em; width:24px; height:36px; vertical-align:top}
.banner_zone .btn a.list{width:49px; height:50px; border-bottom:1px solid #cdcdcd; background:url('/images/template/02328/main/btn_b_list.gif') no-repeat}
.banner_zone .btn a.stop{background:url('/images/template/02328/main/btn_b_stop.gif') no-repeat center;}
.banner_zone .btn a.play{background:url('/images/template/02328/main/btn_b_play.gif') no-repeat center;}
.banner_zone ul {width:100%; height:87px; margin:0 auto; overflow:hidden ; margin-left:90px}
.banner_zone ul li{width:29%; float:left;}
.banner_zone ul li a img {width:100%; height:87px}

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

	.area_visual, 
	.box_popup, 
	.q_link, 
	.M_link, 
	.box_notice, 
	.gallery, 
	.box_bannerZone{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease}	

	#container {margin-top:69px; background-image:none; background-color:#f7f7f7;}
	/* content */
	.main_content {width:95%; height:auto; padding-left:0;}

	/* visual */
	.area_visual {width:100%; height:250px;}
	.area_visual .ul_visual li {height:250px;}
	.area_visual .ul_visual li.li1, .area_visual .ul_visual li.li1, .area_visual .ul_visual li.li2, .area_visual .ul_visual li.li3 {background-size:auto 250px; }
	/*visual rolling*/
	.area_visual .ul_pos {top:220px; left:0; margin-left:12px !important;}

	.m_visual_con {width:220px; padding:0 25px;}
	.m_visual_con .txt1 {font-size:14px; margin-top:20px;}
	.m_visual_con .txt2 {font-size:26px; }
	.m_visual_con .txt3 {margin-top:10px; padding-top:10px; height:120px;}
	.m_visual_con .txt3 img {height:100%;}

	/* 바로가기 */
	.M_link{height:auto;}
	.M_link ul {width:100%;}
	.M_link ul li {float:left; width:20%; height:88px; font-size:13px;}
	.M_link ul li a {height:68px; padding:10px 0; margin:0; color:#fff; display:block; font-family:'Nanum'; border-right:1px solid #7f7f7f; }
	.M_link ul li:first-child a {border-left:none; }
	.M_link ul li:nth-last-child(5) a, .M_link ul li:last-child a {border-right:none;}
	
	/* 학사일정 */
	.schedule {position:relative; left:auto; top:auto; width:70%;float:left; -webkit-box-sizing:border-box; , -moz-box-sizing:border-box; box-sizing:border-box;}
	.schedule .date_box {display:none;}

	/* 바로가기02 (일일상식) */
	.M_link02 {position:relative; left:auto; top:auto; width:30%; height:246px; float:left; border-bottom:1px solid #cdcdcd; -webkit-box-sizing:border-box; , -moz-box-sizing:border-box; box-sizing:border-box;}
	
	/* 게시판 */
	.notice {float:left;}

	/* 오늘의 메뉴 */
	.meal_menu {width:50%; -webkit-box-sizing:border-box; , -moz-box-sizing:border-box; box-sizing:border-box;}

	/* 바로가기03 (취업의뢰문작성) */
	.M_link03 {width:50%; border-right:none; -webkit-box-sizing:border-box; , -moz-box-sizing:border-box; box-sizing:border-box;}

	/* 배너존 */
	.banner_zone {width:100%; border-top:1px solid #cdcdcd; -webkit-box-sizing:border-box; , -moz-box-sizing:border-box; box-sizing:border-box;}
	.banner_zone ul li{width:31%; margin:0 1%; }


}

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

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

	#container {margin-top:69px;}
	/* content */
	.main_content {width:95%; height:auto; padding-left:0;}

	/* visual */
	.area_visual {width:100%; height:200px;}
	.area_visual .ul_visual li {height:200px;}
	.area_visual .ul_visual li.li1, .area_visual .ul_visual li.li1, .area_visual .ul_visual li.li2, .area_visual .ul_visual li.li3 {background-size:auto 200px; }
	/*visual rolling*/
	.area_visual .ul_pos {top:160px;}

	.m_visual_con {width:170px; padding:0 15px;}
	.m_visual_con .txt1 {font-size:12px; margin-top:20px;}
	.m_visual_con .txt2 {display:none;}
	.m_visual_con .txt3 {font-size:13px;}

	/* 바로가기 */
	.M_link{height:auto;}
	.M_link ul {width:100%;}
	.M_link ul li {float:left; width:20%; height:88px; font-size:13px;}
	.M_link ul li a {height:88px; padding:10px 0; margin:0;}
	.M_link ul li:first-child a {border-left:none; }
	.M_link ul li:nth-last-child(5) a, .M_link ul li:last-child a {border-right:none;}
	
	/* 학사일정 */
	.schedule {width:100%; float:none; border-right:none;}

	/* 바로가기02 (일일상식) */
	.M_link02 {width:100%; height:auto; float:none; border-right:none;}
	.M_link02 p br {display:none;}
	.M_link02 img {bottom:-18px;}
	
	/* 게시판 */
	.notice {float:none;}
	.notice h2 {line-height:40px; font-size:13px; letter-spacing:-1px;}

	/* 배너존 */
	.banner_zone ul li{width:48%; margin:0 1%; }
				
}

@media screen and (max-width:480px) {	
	
	/* visual */
	.area_visual {width:100%; height:200px;}
	.area_visual .ul_visual li {height:200px;}
	.area_visual .ul_visual li.li1, .area_visual .ul_visual li.li1, .area_visual .ul_visual li.li2, .area_visual .ul_visual li.li3 {background-size:auto 200px; }
	/*visual rolling*/
	.area_visual .ul_pos {top:160px;}

	.m_visual_con {width:170px; padding:0 15px;}
	.m_visual_con .txt1 {font-size:12px; margin-top:20px;}
	.m_visual_con .txt2 {display:none;}
	.m_visual_con .txt3 {font-size:13px;}

	/* 바로가기 */
	.M_link{height:auto;}
	.M_link ul {width:100%;}
	.M_link ul li {float:left; width:20%; height:88px; font-size:13px;}
	.M_link ul li a {height:88px; padding:10px 0; margin:0; color:#fff; display:block; font-family:'Nanum'; border-right:1px solid #7f7f7f; }
	.M_link ul li:first-child a {border-left:none; }
	.M_link ul li:nth-last-child(5) a, .M_link ul li:last-child a {border-right:none;}
	
	/* 학사일정 */
	.schedule {width:100%; float:none; border-right:none;}

	/* 바로가기02 (일일상식) */
	.M_link02 {width:100%; height:auto; float:none; border-right:none;}
	.M_link02 p br {display:none;}
	.M_link02 img {bottom:-18px;}

	/* 게시판 */
	.notice {height:auto; padding-bottom:10px;}
	.notice h2 {line-height:40px; font-size:12px; letter-spacing:-1px;}
	.notice h2.tit_2 {width:16%;}
	.notice h2.tit_5 {width:25%;}
	.notice .list_box .top_list {width:100%; float:none; padding-bottom:10px; margin-bottom:10px;border-bottom:1px solid #cdcdcd;}
	.notice .list_box .ul_list {width:100%; float:none;}

	/* 오늘의 메뉴 */
	.meal_menu {width:100%; float:none; border-bottom:1px solid #cdcdcd;}

	/* 바로가기03 (취업의뢰문작성) */
	.M_link03 {width:100%; float:none;}

	
	
	
}

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


	/* visual */
	.area_visual {width:100%; height:200px;}
	.area_visual .ul_visual li {height:200px;}
	.area_visual .ul_visual li.li1, .area_visual .ul_visual li.li1, .area_visual .ul_visual li.li2, .area_visual .ul_visual li.li3 {background-size:auto 200px; }
	/*visual rolling*/
	.area_visual .ul_pos {top:160px;}

	.m_visual_con {display:none;}

	/* 바로가기 */
	.M_link{height:auto;}
	.M_link ul {width:100%; text-align:left;}
	.M_link ul li {position:relative; float:left; width:50%; height:40px; -webkit-box-sizing:border-box; , -moz-box-sizing:border-box; box-sizing:border-box; }
	.M_link ul li a {height:40px; padding:5px 0 5px 50px; margin:0; color:#fff; line-height:30px; display:block; font-family:'Nanum'; border-right:none; border-bottom:1px solid #7f7f7f; -webkit-box-sizing:border-box; , -moz-box-sizing:border-box; box-sizing:border-box; }
	.M_link ul li a img {position:absolute; top:50%; left:10px; height:28px; margin-top:-14px; margin-bottom:0;}
	.M_link ul li:nth-child(odd) {border-right:1px solid #7f7f7f;}
	.M_link ul li:nth-last-child(2) a , .M_link ul li:last-child a {border-bottom:none;}

	
	/* 학사일정 */
	.schedule {width:100%; float:none; border-right:none;}

	/* 바로가기02 (일일상식) */
	.M_link02 {width:100%; height:auto; float:none; border-right:none;}
	.M_link02 p br {display:none;}
	.M_link02 img {bottom:-18px;}

	/* 게시판 */
	.notice h2 {font-size:11px;}
	.notice h2.tit_3 {width:16.5%;}
	.notice .list_box a.btn_more {width:30px; background-size:30px; background-position:center;}

	/* 오늘의 메뉴 */
	.meal_menu {width:100%; float:none; border-bottom:1px solid #cdcdcd; border-right:none;}

	/* 바로가기03 (취업의뢰문작성) */
	.M_link03 {width:100%; float:none;}

	/* 배너존 */
	.banner_zone ul li{width:98%; margin:0 1%; }
	
}