@charset "utf-8";
@import "common.css";

.container	 {}
.container:after	 {content:""; clear:both; display:block; height:0; visibility:hidden;}
html, body	{background:#1a1a1a; height:100%;}
body	{min-width:320px;}
/* header */
header, hgroup, section, article, footer {width:100%}
header {text-align:center; background:#fff;}
header:after	{content:""; clear:both; display:block; height:0; visibility:hidden;}
header h1 {display:inline-block; width:50%; padding:4% 0 1%;}
header .nav	{float:left; width:15%;}
header .home	{float:right; width:15%;}
header img	{width:100%;}

body	{width:100%;}
.world	{position:relative; width:100%; min-height:100%; overflow:hidden;}
.submenu	{width:60%; background:#707070; position:absolute; top:0; left:-60%; height:10000px; z-index:2; max-height:auto; min-height:10000px;}
.submenu ul > li	{background:url("../images/btn/btn_submenu_arrow.png") no-repeat 95% 25px;background-size:20px auto;}
.submenu ul > li > a	{font:normal normal 1.3em/1.2 "nanumB","나눔고딕",dotum,"돋움";color:#fff;display:block;padding: 16px 0 13px 15px;border-bottom:1px solid #454545;}
.submenu ul > li > a img	{width:25px; vertical-align:middle; margin:0 10px 4px 0;}
.submenu ul > li > ul	{background:#454545; display:none;}
.submenu ul > li > ul > li	{background:url("../images/bg/bg_submenu_dep2.gif") no-repeat 23px 15px; border-top:1px solid #2f2f2f; background-size:7px 7px;}
.submenu ul > li > ul > li > a	{padding:12px 0 10px 40px; display:block; font:normal normal 1.25em/1.2 "nanumB","나눔고딕",dotum,"돋움"; color:#fff;}
.submenu ul > li.on	{background-position:95% -40px;}
/*.submenu ul > li.on > ul	{display:block;}*/
#wrapper	{position:relative; width:100%; z-index:1;}

.main_button	{margin:7%; width:86%; overflow:hidden;background-color:#ff6302;}
.main_button *{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
.main_button ul	{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;}
.main_button ul li	{-ms-flex:0 1 25%;flex:0 1 25%;border-top:1px solid #ffb281;border-left:1px solid #ffb281;}
.main_button ul li:nth-child(4n+1) {border-left:0;}

.main_button ul li a	{display:block;}
.main_button ul li a img	{width:100%;vertical-align:top;}

.main_extractor	{margin:7%; width:86%; overflow:hidden;}
.main_extractor .main_tab	{width:100%; position:relative; background:#666;}
.main_extractor .main_tab:after	 {content:""; clear:both; display:block; height:0; visibility:hidden;}
.main_extractor .main_tab ul	{float:left; width:90%; background:#666;}
.main_extractor .main_tab ul li	{float:left; width:50%;}
.main_extractor .main_tab ul li a	{display:block; text-align:center; color:#fff; font:normal normal 1.3em/1.2 "nanumB","나눔고딕",dotum,"돋움"; padding:10px 0 7px;}
.main_extractor .main_tab ul li.on	{background:#fff;}
.main_extractor .main_tab ul li.on a	{background:#fff; color:#000;}
.main_extractor .main_tab .more	{position:absolute; top:0; right:0; padding:0; background:#666;}
.main_extractor .main_tab .more img	{width:35px;}
.main_extractor .tab_cont	{width:100%; background:#fff;}
.main_extractor .tab_cont ul	{padding:20px 0;}
.main_extractor .tab_cont ul li a	{display:block; text-align:right; overflow:hidden; background:url("../images/common/bg_main_notice.gif") no-repeat 25px 17px; padding:12px 25px 12px 46px;}
.main_extractor .tab_cont ul li a em	{float:left; width:80%; text-align:left; font:normal normal 1.2em/1.2 "nanumB","나눔고딕",dotum,"돋움"; color:#1a1a1a;}
.main_extractor .tab_cont ul li a span	{float:right; width:20%; font:normal normal 1.15em/1.2 "nanumB","나눔고딕",dotum,"돋움"; color:#555;}

.sub_content	{margin:7%; width:86%; background:#fff; overflow:hidden; color:#333;}
.sub_content h2	{background:#ff6402; text-align:center; font:normal normal 3em/2 "nanumB","나눔고딕",dotum,"돋움"; color:#fff; padding:5px 0 7px;}
.sub_content h3	{background:url("../images/common/title_2depth.gif") left 50% no-repeat; padding-left:25px; color:#333; font:normal normal 1.4em/1.2 "nanumB","나눔고딕",dotum,"돋움"; margin-bottom:20px;}
.sub_content h3.retext {letter-spacing:-0.15em;}
.sub_content h4 {background:url("../images/common/title_3depth.gif") left 0.43em no-repeat; padding-left:1em; margin-bottom:1em; font:normal normal 1.2em/1.2 "nanumB","나눔고딕",dotum,"돋움";}
.sub_content .cont	{margin:7%; width:86%; font:normal normal 1.5em/1.5 "나눔고딕",dotum,"돋움"; overflow:hidden; position:relative;}
.sub_content .cont02	{font:normal normal 1.5em/1.5 "나눔고딕",dotum,"돋움"; overflow:hidden;}
.sub_content .image img	{width:100%;}
.sub_content .cont strong	{font-family:"nanumB","나눔고딕",dotum,"돋움";}
.sub_content .cont .listimg {margin:7% 0;}
.sub_content .cont .listimg li {margin:5% 0 0 0;}
.sub_content .cont .dep_list {margin-left:1em; margin-bottom:5%;}
.sub_content .cont .dep_list li {background:url("../images/common/title_3depth.gif") left 0.5em no-repeat; padding-left:1em; margin-bottom:1em; font-family:Dotum,"돋움";}
.sub_content .cont .dep_list02 li {margin-bottom:1em; font-family:Dotum,"돋움";}
.sub_content .cont .mgb {margin-bottom:5%;}
.sub_content .cont .mgl {margin-left:1.5em;}
.sub_content .cont .cont_list {margin-left:1em; margin-bottom:5%;}
.sub_content .cont .cont_list li {margin-bottom:5%;}
.sub_content .cont .cont_list li p {margin-top:3%;}
.sub_content .cont .cont_list li strong {font-size:1.2em; color:#333;}

.sub_content .cont02 .dep_intro li {background:url("../images/img/dep_list.gif") 90% 50% no-repeat; border-bottom:1px solid #ccc;}
.sub_content .cont02 .dep_intro li a {padding:0 10%; display:block; color:#444;}
.sub_content .cont02 .dep_intro li strong {background:url("../images/img/dep_listbg.gif") left 50% no-repeat; padding-left:1.3em; font:normal normal 1.3em/3.5 "nanumB",dotum,"돋움";}

#tabMenu {background:#ededed; overflow:hidden;}
#tabMenu li {float:left; width:20%;}
#tabMenu li a {display:block; text-align:center; color:#666; font:normal normal 1.5em/2.6 "nanumB",dotum,"돋움"; border-right:1px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
#tabMenu li a.on{background:#FFF; color:#333; border-bottom:1px solid #FFF;}

.cont .historyWrap {overflow:hidden; width:100%; font-size:1em; color:#666; margin-bottom:2em; position:relative;}
.cont .historyWrap dt {position:absolute; left:0; top:0; width:20%; color:#d42403; font-weight:bold; font-size:1.6em; letter-spacing:-0.07em;}
.cont .historyWrap dd {position:relative; padding-left:4em; margin-left:6em; padding-top:0.45em; margin-bottom:10px; font-family:Dotum,"돋움";}
.cont .historyWrap dd span {position:absolute; top:0.2em; left:0; font-size:1.2em; font-family:"nanum",dotum,"돋움";}
.cont .historyNo {text-align:center; margin-bottom:7%;}

.tbList {width:100%; border-collapse:collapse; font:normal normal 1em/1.3 dotum,"돋움"; margin:2% 0;}
.tbList thead th {border-top:2px solid #ff6402; border-bottom:1px solid #ff6402; color:#000; background:#fdefe5; font:normal bold 1.2em/1.3 "nanum",dotum,"돋움";}
.tbList th,
.tbList td {border:1px solid #b7b7b7; padding:0.5em; font:normal normal 1em/1.3 dotum,"돋움";}

footer	{padding:0 0 30px;}
footer .go_pc	{margin:0 auto 16px; text-align:center;}
footer .go_pc a	{max-width:87px; margin:0 5%; display:inline-block;}
footer .go_pc img	{width:100%;}
footer .copyright	{text-align:center; color:#ababab; font:normal normal 1.15em/1.2 "nanumB","나눔고딕",dotum,"돋움";}
footer .copyright em	{color:#fffefe;}

/*board*/
.sub_content .cont02 .board_list {font:normal normal 1.1em/1.2 "nanumB",dotum,"돋움"; border-bottom:1px solid #000; margin-bottom:2%;}
.sub_content .cont02 .board_list > li {background:url("../images/common/bod_bg.gif") 90% 50% no-repeat; border-bottom:1px solid #ccc; padding:2% 17% 2% 5%; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.sub_content .cont02 .board_list > li a {display:block; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.sub_content .cont02 .board_list > li.last {border-bottom:0;}
.sub_content .cont02 .board_list  li ul {overflow:hidden;}
.sub_content .cont02 .board_list  li ul li {float:left; color:#666; margin-right:1em; margin-top:5px; font:normal normal 0.9em/1.2 "nanum",dotum,"돋움";}

.bod_btn {position:relative; overflow:hidden; margin:5%;height:50px; min-height:3.9em;}
.bod_btn .paging {overflow:hidden; margin:0 auto; text-align:center;} 
.bod_btn .paging p {width:7%; display:inline-block; margin:0 0.15em; font-size:1em;}
.bod_btn .paging > p > a {border:1px solid #d4d4d4; display:block; background:#e9e9e9; padding:20%;}
.bod_btn .paging > p > a img {width:100%; vertical-align:middle;}

.bod_btn .paging ul {margin:0 auto; display:inline; vertical-align:middle;}
.bod_btn .paging ul > li {display:inline-block; width:8%; margin:0 0.3em; text-align:center; font-size:1em;}
.bod_btn .paging ul > li > a {display:block; border:1px solid #d4d4d4; padding:17%;}
.bod_btn .paging ul li a.on,
.bod_btn .paging ul li a:hover {background:#b32c24; color:#FFF;}

.bod_btn a {display:block;}
.bod_btn a.btnReg {background:#b32c24; color:#FFF; font:normal normal 1.3em/1.4 "nanumB",dotum,"돋움"; padding:1% 4%; position:absolute; right:0; top:0;}
.bod_btn a.btnback {background:#666; color:#FFF; font:normal normal 1.3em/1.4 "nanumB",dotum,"돋움"; padding:1% 4%; float:left; margin-right:1%;}

.viewBtn {position:absolute; top:0; left:0; width:100%;height:50px;}
.viewBtn p {overflow:hidden;}
.viewBtn p a {float:left; width:20px;height:20px; border:1px solid #d4d4d4; background:#FFF; margin-right:1%; padding:0;line-height:18px;text-align:center;}
.viewBtn p a img {width:9px; vertical-align:middle;}

.bod_viewTitle {background:#e9e9e9; border-bottom:1px solid #000; border-top:1px solid #d4d4d4; padding:2% 5%; position:relative; overflow:hidden;}
.bod_viewTitle p.viewT {color:#000; font:normal normal 1.2em/1.2 "nanumB",dotum,"돋움"; width:100%;}
.bod_viewTitle li {float:left; color:#666; margin-right:1em; margin-top:5px; font:normal normal 1em/1.2 "nanum",dotum,"돋움";}

.bod_view {padding:2% 5%; border-bottom:1px solid #000; font:normal normal 1em/1.2 dotum,"돋움";}
.bod_view img {max-width:100%;height:auto !important;}

/*학사일정*/
.cal_btn {position:absolute; top:0; right:0;}
.cal_btn ul {position:relative;}
.cal_btn li {width:22%; float:left; margin-left:1%;}
.cal_btn li img {width:100%;}
.cal_btn {position:absolute; top:0; left:54%; width:100%;}
.cal_btn p {width:26%;}
.cal_btn p img {width:100%;}

.cal_tb {border-collapse:collapse; border:1px solid #b7b7b7; width:100%; text-align:center; font:normal normal 1.0em/1.2 "nanum",dotum,"돋움"; margin-bottom:7%;}
.cal_tb thead th {border-bottom:1px solid #dcdcdc; border-top:2px solid #d42403; background:#f5f5f5;}
.cal_tb th,
.cal_tb td {padding:0.5em;}
.cal_tb td a {background:#d42403; display:block; color:#FFF;}
.cal_tb .sun {color:#d42403;}
.cal_tb .sat {color:#1974db;}




@media all and (max-width:600px){
}

@media all and (max-width:550px){
	footer .copyright	{font-size:1em;}
	.sub_content h2	{font-size:1.8em;}
	.sub_content .cont,
	.sub_content .cont02 {font-size:1.2em;}
	#tabMenu li a	{font-size:1em;}
}

@media all and (max-width:500px){
}

@media all and (max-width:450px){
	footer .copyright	{font-size:0.8em;}
	.sub_content h2	{font-size:1.6em;}
	.sub_content .cont,
	.sub_content .cont02 {font-size:1em;}

@media all and (max-width:420px){
	footer .copyright	{font-size:0.6em;}
}
@media all and (max-width:380px){
	.main_extractor .tab_cont ul li a em	{font-size:0.9em;}
	.main_extractor .tab_cont ul li a span	{font-size:0.75em;}
	.sub_content h2	{font-size:1.4em;}
	.sub_content .cont,
	.sub_content .cont02 {font-size:0.85em;}
	footer .copyright	{font-size:0.5em;}
	#tabMenu li a	{font-size:0.7em;}
}