@charset "utf-8";

.subpage-top	{height: 145px; background: url('/resources/images/home/sub/bak_subtop.png') no-repeat 50% 50%; text-indent: -999px; overflow: hidden; }

#lnb				{position: relative; float: left; width: 220px; margin-top: -78px; border: 0px solid #d5d5d5; border-bottom-width: 1px; z-index: 1; }
#lnb > ul > li > a	{display: block; position: relative; height: 120px; line-height: 120px; background: #636363; color: #fff; font-size: 28px; font-weight: bold; text-align: center; }

#lnb > ul > li > ul						{display: block; }
#lnb > ul > li > ul > li > a			{display: block; padding: 10px 15px; border: 1px solid #d5d5d5; background: #ececed;}
#lnb > ul > li > ul > li >  a:hover,
#lnb > ul > li > ul > li.on > a			{background: #083388; color: #fff; text-decoration: none;}


#lnb > ul > li > ul > li > ul			{border: 1px solid #d5d5d5; border-top-width: 0; border-bottom-width: 0; padding: 6px 0; }
#lnb > ul > li > ul > li > ul > li		{}
#lnb > ul > li > ul > li > ul > li a	{display: block; position: relative; color: #7d7d7d; padding: 3px 20px 3px 39px; font-family: 'Dotum'; }
#lnb > ul > li > ul > li > ul > li a:before	{content: ""; display: block; position: absolute; width: 5px; height: 5px; background: #4d4d4d; left: 25px; top: 12px;  }

#contents		{position: relative; width: 800px; float: right; padding-top: 40px; padding-bottom:40px;}

#page_nav		{position: absolute; left: 0; right: 0; height: 40px; line-height: 40px; border: 1px solid #d5d5d5; border-left-width: 0; border-right-width: 0; z-index: 0; }
#page_nav ul	{float: right; }
#page_nav li.home	{display: block; float: left; background: url('/resources/images/home/cmm/ico-home.png') no-repeat 50% 50%; width: 40px; height: 40px; overflow: hidden; text-indent: -999px; border: 1px solid #d5d5d5; border-top-width: 0; border-bottom-width: 0; padding: 0; }
#page_nav li	{float: left; border-right: 1px solid #d5d5d5; padding: 0 30px; }
#page_nav li a	{color: #282828; font-weight: 800; }
#page_nav li:first-child + li a	 {color: #375394; font-weight: 800; }

@media all and (max-width: 1100px) {#contents	{width: 75%; max-width: 800px; float: right; }
}

@media all and (max-width: 1000px) {#container		{position: relative; padding-top: 52px; }
	#contents		{width: auto; max-width: 100%; padding: 45px 15px; float: none; }
	.subpage-top	{display: none; }
	#lnb			{position: absolute; top: 0; left: 0; right: 0; float: none; width: auto; clear: both; margin-top: 0; height: 52px; background: #636363; z-index: 9; }
	#lnb > ul > li > a	{position: relative; margin: 0 auto; max-width: 768px; height: 52px; line-height: 52px; font-size: 20px; text-align: left; padding: 0 10px; }
	
	#lnb > ul > li > a:after	{content: ""; display: block; position: absolute; width: 2px; height: 20px; background: #fff; right: 37px; top: 50%; margin-top: -10px; }
	#lnb > ul > li > a:before	{content: ""; display: block; position: absolute; width: 20px; height: 2px; background: #fff; right: 28px; top: 50%; margin-top: -1px; }
	#lnb > ul > li.on > a:after	{display: none; }

	#lnb > ul > li > ul	{display: none; max-width: 768px; margin: 0 auto; background: #fff; border-bottom: 1px solid #d5d5d5; }
	
}
@media all and (max-width: 640px) {#page_nav li	{padding: 0 15px; }
}


.ui-type-board h1,
.ui-type-content h1			{ padding: 30px 0 30px 55px; margin-bottom: 40px; border-bottom: 1px solid #cbcbcb; color: #000; font-size: 27px; background: url('/resources/images/recruit/cmm/ico-h1.png') no-repeat 0 50%; }
.ui-type-board h2,
.ui-type-content h2			{ padding: 13px 0; font-size: 19px; color: #4666a6; }
.ui-type-board h3,
.ui-type-content h3			{ position: relative; padding: 13px 0; font-size: 15px; color: #4d4d4d; font-weight: 400; padding-left: 20px;}
.ui-type-board h3:before,
.ui-type-content h3:before	{ content: ""; display: block; position: absolute; width: 6px; height: 6px; border: 3px solid #5b79b9; top: 50%; margin-top: -7px; left: 0; border-radius: 9.0em; }
.ui-type-board h4,
.ui-type-content h4			{position: relative; padding:8px 0; font-size: 14px; color: #2b52b1; font-weight: 200; padding-left:15px;}
.ui-type-board h4:before,
.ui-type-content h4:before	{content: ""; display: block; position: absolute; width:8px; height:8px; background:#2b52b1; top: 50%; margin-top:-5px; left: 0; border-radius:50%; }




.ui-type-content section {margin-bottom:30px;}

.ui-type-content ul.h_li {margin-bottom:20px;}
.ui-type-content ul.h_li li {position: relative; padding:0; font-size:13px; color: #4d4d4d; padding:2px 0 2px 15px; line-height:18px;}
.ui-type-content ul.h_li li:before	{content: ""; display: block; position: absolute; width:6px; height:6px; background:#666; top:12px; margin-top:-3px; left: 0; border-radius:50%; }

.ui-type-content dl     {margin-bottom:20px;}
.ui-type-content dt     {font-weight:bold; color:#779e2c; font-size:15px;}
.ui-type-content dd     {}

.h_dot{margin:0 0 15px 0; line-height:20px;color:#111;}
img.image {margin:5px 0 20px 0; text-align:center;}

/*top info*/
.guide_txt {margin-bottom:20px;padding:20px 30px;font-size:14px;color:#111;line-height:20px;background-color:#f5f5f5;}
.guide_txt dl, .guide_txt ul {margin:0; padding:0;}


/*table common*/
.t_typel,
.t_typel th,
.t_typel td{border:0}
.tbl_txt{margin-top:10px;font-size:13px;text-align:right;}
.th_left tbody th{text-align:left}
.td_left tbody td{text-align:left}
.td_left2 tbody th+td,.td_left2 tbody tr td:first-child{text-align:left}/* th 다음에 오는 td만 왼쪽정렬 */
.td_left2 tbody td[rowspan]+td{text-align:left}
.td_left3 tbody tr td:first-child + td{text-align:left}
.td_left4 tbody  tr td:last-child{text-align:left}
.td_right tbody td,.td_right tfoot td{text-align:right}

.t_typel th,.t_typel td{border:0}
.t_typel {width:100%;border-spacing:0;border:1px solid #ccc; /*border-top:2px solid #4666a6;*/ border-collapse: collapse; margin:0px 0 15px 0;}
.t_typel tr {text-align: center; }
.t_typel thead th{padding:8px 0;font-size:14px;color:#000;line-height:18px;background:#f2f5fb; border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.t_typel thead th:first-child{border-left:0;}
.t_typel thead th[colspan]{border-bottom:1px solid #ccc;}/* th가 두줄이상으로 합쳐질때 border-bottom 값 */
.t_typel thead th[rowspan]{border-right:1px solid #ccc;}/* th가 두줄이상으로 합쳐질때 border-right 값 */
.t_typel thead th[rowspan]:last-child{border-right:0}
.t_typel thead th.none{border-bottom:1px solid #ccc;}/* th가 한줄일때 class추가 */
.t_typel tbody th{padding:5px 5px;font-weight:bold;background:#f2f5fb;border-bottom:1px solid #ccc}
.t_typel tbody th[rowspan]{border-right:1px solid #ccc}
.t_typel tbody td {padding:5px 8px;color:#555;background:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc}
.t_typel tbody td:first-child{border-left:0}
.t_typel tbody td[rowspan]{border-right:1px solid #ccc}
.t_typel tbody td[rowspan]:last-child{border-right:0}
.t_typel tbody td+th{border-left:1px solid #ccc}
.t_typel tfoot th{padding:10px 5px;color:#264683;border-right:1px solid #ccc;}
.t_typel tfoot td{padding:10px 5px;border-left:1px solid #ccc;}
.t_typel tfoot td[colspan]{border-left:0}
.t_typel tbody th.line,.t_typel tbody td.line,.t_typel tbody tr.line td,.t_typel tbody tr.line th{border-bottom:1px dashed #ccc}
.t_typel thead tr th.h_line,.t_typel tbody th.h_line{border-left:1px solid #ccc}
.t_typel tr.h_line th{border-left:1px solid #ccc}
.t_typel tr.h_line th:first-child{border-left:0}
.t_typel tr.bg th,.t_typel tr.bg td,.t_typel th.bg,.t_typel td.bg{background:#f6f6f6 !important}

/*table thead*/
.t_type1 {border-collapse:collapse; margin:10px 0 15px 0; font-size:13px; border:1px solid #ccc; /*border-top:2px solid #666666;*/ width:100%}
.t_type1 thead th,
.t_type1 tbody th {background:#f7f7f7; border-bottom:1px solid #ddd; border-right:1px solid #ddd; color:#666; text-align:center; line-height:150%; padding:10px 5px}
.t_type1 tbody td {border-bottom:1px solid #ddd;; border-right:1px solid #ddd; color:#666; text-align:center; line-height:150%; padding:10px; }
.t_type1 thead tr th:last-child,
.t_type1 tbody tr td:last-child {border-right:none}

/*table tbody*/
.t_type2 {border-collapse:collapse; border-bottom:1px solid #414141; font-size:13px; margin:10px 0 15px 0; width:100%}
.t_type2 tbody th{background:#f7f7f7; border-top:1px solid #ddd; border-right:1px solid #ddd; color:#666; line-height:150%; padding:10px 5px; text-align:center; font-weight:normal}
.t_type2 tbody td{border-top:1px solid #ddd; border-right:1px solid #ddd; color:#666; text-align:center; line-height:150%; padding:10px;}
.t_type2 tbody tr:first-child th,
.t_type2 tbody tr:first-child td{border-top:2px solid #414141 !important;}
.t_type2 thead tr th:last-child,
.t_type2 tbody tr td:last-child {border-right:none}

/*text-align*/
.t_left {text-align:left;}
.t_right {text-align:right;}
.t_center {text-align:center;}

/*button*/
.btn1 {display:inline-block; margin:2px 1px;vertical-align:middle; border-radius:3px; background:#5eb665}
.btn1 a {display:block;padding:3px 15px;font-size:13px; color:#fff;}
.btn1.blue {background:#4666a6;}
.btn1.green {background:#779e2c;}
.btn1.gray {background:#8a8a8a;}



/*float,both*/
.f_left {float:left !important;}
.f_right {float:right !important;}
.clear {clear:both !important; overflow:hidden}


/*width*/
.w100 {width:100% !important}
.w95 {width:95% !important}
.w90 {width:90% !important}
.w85 {width:85% !important}
.w80 {width:80% !important}
.w75 {width:75% !important}
.w70 {width:70% !important}
.w65 {width:65% !important}
.w60 {width:60% !important}
.w55 {width:55% !important}
.w50 {width:50% !important}
.w45 {width:45% !important}
.w40 {width:40% !important}
.w35 {width:35% !important}
.w30 {width:30% !important}
.w25 {width:25% !important}
.w20 {width:20% !important}
.w15 {width:15% !important}
.w10 {width:10% !important}
.w5 {width:5% !important}

/*margin*/
.ma0{margin:0 !important;}

.mt-20{margin-top:-20px !important;}
.mt-25{margin-top:-25px !important;}
.mt-40{margin-top:-40px !important;}
.mt0{margin-top:0px !important;}
.mt2{margin-top:2px !important;}
.mt3{margin-top:3px !important;}
.mt5{margin-top:5px !important;}
.mt7{margin-top:7px !important;}
.mt8{margin-top:8px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt100{margin-top:100px !important;}

.ml0{margin-left:0px !important;}
.ml2{margin-left:2px !important;}
.ml3{margin-left:3px !important;}
.ml5{margin-left:5px !important;}
.ml6{margin-left:6px !important;}
.ml7{margin-left:7px !important;}
.ml8{margin-left:8px !important;}
.ml9{margin-left:9px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml55{margin-left:55px !important;}
.ml60{margin-left:60px !important;}
.ml65{margin-left:65px !important;}
.ml70{margin-left:70px !important;}
.ml75{margin-left:75px !important;}
.ml80{margin-left:80px !important;}

.mr0{margin-right:0px !important;}
.mr2{margin-right:2px !important;}
.mr3{margin-right:3px !important;}
.mr5{margin-right:5px !important;}
.mr6{margin-right:6px !important;}
.mr8{margin-right:8px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb7{margin-bottom:7px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}


/*color*/
.c_blue {color:#4666a6;}
.c_green {color:#2d9a84;}
.c_green2 {color:#0a947b;}
.c_green3 {color:#779e2c;}


/*******************************************************contents******************************************************/

/*이사장인사말*/
.greeting {background: url('/resources/images/home/sub/img_info1_1_1.jpg') no-repeat 100% 0%; padding-top:50px;}
.greeting p {margin:0 0 40px 0;}
.greeting dt    {color:#333;}
.greeting .txt1 {font-size:26px; width:60%; font-weight:bold;}
.greeting .txt2 {font-size:22px; width:60%; font-weight:bold; color:#4666a6;}
.greeting .txt3 {font-size:14px; width:60%; font-weight:bold; margin-bottom:50px;}
.greeting .txt4 {font-size:16px; font-weight:bold; text-align:right;}
.greeting .txt4 span {font-size:22px;}

/*연혁*/
.history {}
.history div {float:left; width:100%; border-bottom:1px dashed #ccc; padding-bottom:20px; margin-bottom:20px;}
.history p {position:absolute; left:0; width:20%; font-size:25px; font-weight:bold;color:#4666a6;}
.history dl {margin-left:15%;}
.history dt {width:10%;}
.history dd {width:90%;}
.history dt,.history dd {float:left;}


/*교육과목표*/
.purpose {background:#f5f5f5 url('/resources/images/home/sub/bg_info2_1_1.png') 20px 5px no-repeat; padding-left:240px; padding-top:30px;}

/*교가*/
.school_song {background:#f7f7f7; width:100%; text-align:center; padding:20px 0; margin:10px 0; clear:both;}


/*대학본부*/
.head_office > div {display:block; padding-bottom:20px; border-bottom:1px dashed #ccc; padding-bottom:20px; margin-bottom:20px;}


/*부속기관*/
.affiliate > div  {padding-bottom:20px; border-bottom:1px dashed #ccc; padding-bottom:20px; margin-bottom:20px;}
.affiliate div {display:block;  float:left;}
.affiliate  img {float:left; margin-right:20px;}
.affiliate .btn1 {margin-top:10px;}

/*대학*/
.university div {display:block; float:left;}
.university p {width:61%;float:right; font-size:13px; padding-bottom:20px; display:inline-block;}
.university img {width:37%}
.university .btn1 {margin-top:10px;}


/*학사일정*/
#schedule {width:100%; display:block; float:left; margin-bottom:30px; border-bottom:1px dashed #ccc; padding-bottom:30px;}
#schedule .cal {width:45%; float:left; background:#4666a6; margin-right:5%; border-radius:5px;}
#schedule .sc_date {width:96%; clear:both; font-size:18px; font-weight:bold; color:#bdc8dd; line-height:30px; text-align:center; margin:10px 2%; border-bottom:1px solid #fff; padding-bottom:5px;}
#schedule .cal table {margin:0 5% 5% 5%; width:90%; clear:both;}
#schedule .cal table th, #schedule .cal table td {width:14%; text-align:center;}
#schedule .cal table th {color:#bdc8dd; padding-bottom:5px;}
#schedule .cal table thead {}
#schedule .cal table td {color:#fff;}
#schedule .cal table th:first-child, #schedule .cal table td:first-child {color:#ffcccc;}
#schedule .cal table th:last-child, #schedule .cal table td:last-child {color:#99ccff;}
#schedule .sc_list {width:50%; float:left;}
#schedule .sc_list li {position: relative; padding:0; font-size:13px; color: #4d4d4d; padding:2px 0 2px 13px; line-height:20px;}
#schedule .sc_list li:before	{content: ""; display: block; position: absolute; width:6px; height:6px; background:#666; top:12px; margin-top:-3px; left: 0; border-radius:50%; }

@media all and (max-width: 640px) {#schedule .cal {width:100%; background:#4666a6; margin-right:0%;}
                                        #schedule .sc_list {width:100%; margin-top:10px;}
}



/*사이트맵*/
.sitemap {}
.sitemap a {display:block; }
.sitemap > ul > li {float:left; width:33%;}
.sitemap > ul > li > a {background:#4666a6; color:#fff; border-radius:5px; width:90%; text-align:center; padding:10px 0; font-size:16px; font-weight:bold; margin-bottom:10px;}
.sitemap > ul > li > ul > li {margin-bottom:20px;}
.sitemap > ul > li > ul > li > a {background:#aaaaaa; color:#fff; border-radius:5px; width:80%; font-weight:bold; padding:5px 5%;}
.sitemap > ul > li > ul > li > ul > li {position: relative; padding:0; font-size:13px; color: #4d4d4d; padding:2px 0 2px 13px; line-height:20px; margin-left:10px;}
.sitemap > ul > li > ul > li > ul > li:before	{content: ""; display: block; position: absolute; width:6px; height:6px; background:#666; top:12px; margin-top:-3px; left: 0; border-radius:50%; }