@charset "utf-8";
@import url("default.css");
@import url("common.css");
@import url("board.css");



/*
	popup.css
*/

#wrap_pop {width:731px; padding:25px 30px; margin:0 auto;line-height:1.5;}
#wrap_pop5 { position:relative; width:780px; margin:0 auto; padding:10px; border:2px solid #87b6d9; line-height:1.5;}
#wrap_pop5 .btn_close {position:absolute; top:20px; right:20px; }
#header_pop .header_box { position:relative; padding:20px; border-top:5px solid #444444; border-bottom:5px solid #efefef; background:url("/images/front/popup/bg_header_box.gif") repeat-y left top;}
#header_pop .header_box h1 {margin-bottom:10px; padding:10px 0; background:url("/images/front/popup/bg_dotline01.gif") repeat-x left bottom; font-weight:bold; }
#header_pop .header_box h1 span{margin-left:10px; font-weight:normal;}

.header_box .school_info {overflow:hidden;}
.header_box .school_info .logo_area {float:left; width:140px; margin-left:10px;}
.header_box .school_info .logo_area .img_logo {display:block; width:134px; height:136px; margin-bottom:15px; background:url("/images/front/popup/bg_logo.gif") no-repeat left top; text-align:center;}
.header_box .school_info .logo_area .img_logo img {width:72px; height:72px; padding:32px 0; }
.header_box .school_info .school_infolist {float:right; width:480px; }
.header_box .school_info .school_infolist p span {padding-right:10px; margin-right:10px; background: url("/images/front/popup/bg_infolist_bar.gif") no-repeat right 2px; font-weight:bold; }
.header_box .school_info .school_infolist p span.co_blue{color:#3288c4;}
.header_box .school_info .school_infolist dl dt,
.header_box .school_info .school_infolist dl dd {display:block; overflow:hidden; border-top:1px solid #ececec; line-height:1.9;}
.header_box .school_info .school_infolist dl dt {float:left; width:85px; font-weight:bold;  background: url("/images/front/popup/bg_infolist_bar.gif") no-repeat right 5px;}
.header_box .school_info .school_infolist dl dd {float:left; width:365px; padding-left:15px; }
.header_box .school_info .school_infolist dl dt img {margin:-3px 5px 0 0;}
.header_box .school_info .qr_logo {position:absolute; bottom:20px; right:20px; border:3px solid #666666;}
.header_box .school_info .qr_logo img {width:92px; height:92px;}

#contents_pop .tab01 {overflow:hidden; margin-top:40px; margin-left:10px;}
#contents_pop .tab01 li {float:left; margin-right:2px;}
#contents_pop .tabcon {overflow:hidden; padding:10px; border-top:2px solid #5b5b5b; border-right:1px solid #5b5b5b; border-left:1px solid #5b5b5b; border-bottom:1px solid #5b5b5b;}
#contents_pop .tabcon h2 {padding: 10px 0 10px 10px; background: url("/images/front/popup/bul_head01.gif") no-repeat left center; font-weight:bold; font-size:12px;}
#contents_pop .tabcon h3 {margin-top:10px; padding: 5px 0 5px 10px; background: url("/images/front/popup/bul_dot02.gif") no-repeat left center; font-size:12px; color:#4390d9;}
#contents_pop .tabcon .tabcon_left {float:left; width:290px;}
#contents_pop .tabcon .tabcon_right {float:right; width:320px;}
#contents_pop .tabcon .btn_more {position:absolute; top:10px; right:2px;}
#contents_pop .tabcon .section {position:relative; margin-bottom:20px;}
#contents_pop .tabcon .section .sub_txt {padding-left:10px;}
#contents_pop .tabcon .section .inform_list {overflow:hidden; padding-left:5px; }
#contents_pop .tabcon .section .inform_list li { padding-left:7px; background: url("/images/front/popup/bul_dot01.gif") no-repeat left 7px; line-height:1.7;}
#contents_pop .tabcon .section .inform_list li span,
#contents_pop .tabcon .section .inform_list li span a {display:inline-block;}
#contents_pop .tabcon .section .inform_list li span a {width:210px;}
#contents_pop .tabcon .section .inform_list li span a:hover { text-decoration:underline;}
#contents_pop .tabcon .view_map {width:295px; height:230px; padding:10px; border:1px solid #d3d3d3;}
#contents_pop .tabcon .map_area {width:685px; height:495px; padding:10px; border:1px solid #d3d3d3;}
#contents_pop .tabcon .section2 {clear:both; position:relative;}

/* list type */
.list_top { overflow:hidden; padding:5px 0 5px 0;}
.list_top .tag_title dt {margin-right:5px;}
.list_top .tag_title dt,
.list_top .tag_title dd { display:inline; color:#666666; }
.list_top .tag_title dd {padding-right:7px; margin-right:3px; font-weight:bold; background: url("/images/front/popup/bg_infolist_bar.gif") no-repeat right 2px;}
.list_top .tag_title dd a {color:#666666;}
.list_top .tag_title dd.on a {color:#4390d9;}

.list_type1 { border-top:1px solid #828282; border-bottom:1px solid #828282; background:#f2f3f3;}
.list_type1 ul li { overflow:hidden; padding:20px; border-bottom:1px solid #dddddd;}
.list_type1 .list_img {position:relative; display:block; float:left; margin:0 30px 30px 0; border:1px solid #959595; z-index:10;}
.list_type1 .list_img a{ display:block; }
.list_type1 .list_img img {width:100px; height:75px; margin:8px 10px; }
.list_type1 ul dl { position:relative; z-index:1;}
.list_type1 ul li.no_data {text-align:center;}
.list_type1 ul li dt span { margin-right:5px; color:#9a8d52;}
.list_type1 ul li dt .school { font-weight:bold;color:#058ed0;}
.list_type1 ul li dt { padding-bottom:5px;}
.list_type1 ul li dt a { margin-right:3px; text-decoration:underline; color:#666666;}
.list_type1 ul li dd,
.list_type1 ul li dd a { color:#666666; line-height:1.5;}
.list_type1 ul li dd.list_txt { padding-top:15px;}

.list_type2 { border-top:1px solid #828282; border-bottom:1px solid #828282; background:#f2f3f3;}
.list_type2 ul {overflow:hidden; padding:20px 20px 0 20px;}
.list_type2 ul li { float:left; width:145px; height:160px; margin-right:16px;}
.list_type2 ul li p {padding-top:10px;text-align:center;}
.list_type2 .list_img { display:block; border:1px solid #959595;}
.list_type2 .list_img img {width:115px; height:86px; margin:8px 14px; }

/* 일정안내 */
#wrap_pop2 {width:1000px; line-height:1.5;}
#header_pop2 {border-top:4px solid #5aafe2; }
#header_pop2 h1 {padding:30px 0 15px 40px; background: url("/images/front/common/bul_bgh4.gif") no-repeat 30px 35px; margin-left:10px; font-weight:normal;}
#contents_pop2 {padding:0 20px 20px 20px;}
.set_date {margin-bottom:40px; padding:20px 0 20px 0; border:2px solid #e3e4e5; background:#f8f9fa; text-align:center; }
.set_date strong {margin:0 15px; font-size:12px; color:#434a55;}
.set_date span img {display:inline-block; margin:-2px 5px 0 5px; vertical-align:middle;}
.set_date span,.set_date a{font-size:11px; color:#434a55;}
.set_date span.on {margin-left:15px;}
.all_data {padding:5px 0 8px 0;} 
.all_data dt,
.all_data dd {display:inline; font-weight:bold; color:#434a55;}
.schedule {width:100%;}
.schedule th {padding:4px 0; background:#505666; color:#ffffff; font-weight:bold; text-align:center; font-size:11px;}
.schedule td {padding:4px 3px; border-right:1px solid #c9cbce; border-bottom:1px solid #c9cbce; text-align:left; font-weight:bold; color:#434a55; font-size:11px; vertical-align:top;}
.schedule td.on {background:#d8e7f0;}
.schedule tr.last td {border-bottom:2px solid #c9cbce;}
.schedule td .schedule_list{min-height:70px;}
.schedule td ul {padding:7px 0;}
.schedule td ul li,
.schedule td ul span{font-weight:normal; line-height:1.5; color:#434a55; font-size:12px;}
.schedule td ul li {overflow:hidden; display:inline-block; width:125px; text-overflow:ellipsis; white-space:nowrap;}
.schedule td ul li a{ color:#434a55; font-size:12px;line-height:1.5; }

#wrap_pop3 {width:510px; padding:0 20px; background:#e2e9ed;}
#header_pop3 {overflow:hidden; padding:25px 0 10px 10px;}
#header_pop3 h1 {float:left; padding-top:5px; padding-left:15px; background: url("/images/front/common/bul_bgh4.gif") no-repeat left 8px; font-size:16px; color:#434a55; font-weight:bold;}
#header_pop3 select {float:right; border:1px solid #a4a4a4; color:#434a55; font-size:12px;}
.view_schedule {padding:20px; border-top:1px solid #c6ccd0; border-bottom:1px solid #c6ccd0;}
.view_schedule p {line-height:1.5;}

/* 회원가입 실명인증 오류 */

#wrap_pop4 {width:496px; height:646px; margin:0 auto; border:2px solid #505666;background:#e2e9ee;}
#header_pop4 {position:relative; height:111px; border-bottom:1px solid #bcbec1;}
#header_pop4 h1 {position:absolute; top:15px; left:28px;}
#contents_pop4 {text-align:center;}
#contents_pop4 .error_box1 {width:455px; margin:30% auto 0; padding:20px 0; border:1px solid #d5d7d8; background:#ffffff url("/images/front/popup/bg_errorbox.png") no-repeat -1px -1px;}
#contents_pop4 .error_box1 p {padding:15px 15px 1px 15px; font-weight:bold; color:#595f69; line-height:1.5;}
#contents_pop4 .error_box1 p em {color:#1a85c5;}

/* 학생마당_직업정보 */
#header_pop5 .header_box {padding:15px; border:1px solid #cbcccd; background:#87b6d9;}
.con_top {position:relative; padding:20px 0 20px 0; }
.con_top h2 {padding-left:22px; font-weight:bold; font-size:15px; color:#333333; background: url("/images/front/common/bul_bgh4_02.gif") no-repeat 5px 4px;}
.con_top .location_pop {position:absolute; top:20px; right:10px;}
.tab_job {overflow:hidden; padding-bottom:25px; }
.tab_job li {float:left;}
#contents_pop3 .tabcon {overflow:auto; height:400px; padding:17px; border:2px solid #e1e1e1;}
#contents_pop3 .tabcon .h3_job {padding-left:20px; color:#434a55; font-weight:bold; background: url("/images/front/common/bul_bgh4.gif") no-repeat 5px 5px;}
#contents_pop3 .tabcon .tab_job_box { overflow:hidden; padding-bottom:20px;}
#contents_pop3 .tabcon .tab_job_box .sub_txt {padding:5px 0 5px 20px; line-height:1.6;}
#contents_pop3 .tabcon .tab_job_box .job_list {overflow:hidden; padding:5px 5px 5px 10px;}
#contents_pop3 .tabcon .tab_job_box .job_list li {float:left; width:160px; margin-right:6px; padding-left:10px; line-height:1.7;background: url("/images/front/common/bul_dot02.gif") no-repeat 0 7px;}
#contents_pop3 .tabcon .tab_job_box .job_list li a { color:#197acb; font-size:12px; text-decoration:underline; }
#contents_pop3 .tabcon .tab_job_box .job_info {padding:5px 5px 5px 20px;}
#contents_pop3 .tabcon .tab_job_box .job_info li {padding-left:10px; line-height:1.7; background: url("/images/front/common/bul_dot02.gif") no-repeat 0 7px;}
#contents_pop3 .tabcon .tab_job_box .sub_txt2 {padding-top:5px; padding-left:20px; font-weight:bold; color:#5aafe2;}
#contents_pop3 .tabcon .tab_job_box .graph_box {float:left; width:500px; height:295px; margin-top:5px; margin-right:15px; border:1px solid #cdcdcd;}
#contents_pop3 .tabcon .tab_job_box .graph_info {float:left;}
#contents_pop3 .tabcon .tab_job_box .graph_info li {padding-left:10px; background: url("/images/front/common/bul_dot02.gif") no-repeat 0 7px;}

#wrap_pop6 {position:relative; margin:0 auto; padding:5px; border:3px solid #87b6d9;}
#header_pop6 {border:1px solid #cdcdcd; background:#87B6D9}
#header_pop6 h1 {padding:15px 15px; font-size:15px; font-weight:bold; color:#ffffff;}
#header_pop6 h1 span {font-size:15px; font-weight:bold; color:#ffffff;}
#wrap_pop6 .btn_close2 {position:absolute; top:15px;right:15px;}

#wrap_pop7 {position:relative; width:650px; margin:0 auto; padding:5px; border:3px solid #87b6d9;}
#header_pop7 {border:1px solid #cdcdcd; background:#87B6D9}
#header_pop7 h1 {padding:15px 15px; font-size:15px; font-weight:bold; color:#ffffff;}
#header_pop7 h1 span {font-size:15px; font-weight:bold; color:#ffffff;}
#wrap_pop7 .btn_close2 {position:absolute; top:15px;right:15px;}
#contents_pop5 .find_box {overflow:hidden; padding:0 10px;}
#contents_pop5 .find_box .find_box_left {float:left; width:170px; margin-right:25px; border-top:2px solid #989ba5; border-bottom:1px solid #b3b6ba; border-left:1px solid #b3b6ba; border-right:1px solid #b3b6ba;}
#contents_pop5 .find_box .find_box_right {float:right; width:425px; border-top:2px solid #989ba5;border-bottom:1px solid #b3b6ba; border-left:1px solid #b3b6ba; border-right:1px solid #b3b6ba;}
#contents_pop5 .find_box .find_box_in {overflow:auto; height:280px;}
#contents_pop5 .find_box h3 {padding:13px 0; border-bottom:1px solid #cdcdcd; background:#f8f9fa;text-align:center; font-size:12px; color:#434a55; font-weight:bold;}
#contents_pop5 .find_box p {padding:12px 0; border-bottom:1px solid #cdcdcd; }
#contents_pop5 .find_box .find_box_left ul li {float:left; width:50%; border-bottom:1px solid #cdcdcd; text-align:center;}
#contents_pop5 .find_box .find_box_left ul li a{display:block; padding:9px 0; color:#434a55;}
#contents_pop5 .find_box .find_box_left ul li a:hover {color:#32a5dc;}
#contents_pop5 .find_box .find_box_left ul li.on a {color:#32a5dc;}
#contents_pop5 .find_box .find_box_left .tit {text-align:center; color:#434a55;}
#contents_pop5 .find_box .find_box_right ul li {float:left; width:50%; padding:7px 0; border-bottom:1px solid #cdcdcd;}
#contents_pop5 .find_box .find_box_right ul li input {margin-left:20px;}
#contents_pop5 .find_box .find_box_right .tit input{margin-left:20px;}
#contents_pop5 .find_top {overflow:hidden; padding:25px 10px 15px 10px;}
#contents_pop5 .find_top .find_area {float:left; width:80px;margin-top:1px; padding-left:15px; font-weight:bold; background: url("/images/front/common/bul_bgh6.gif") no-repeat 0 3px;}
#contents_pop5 .find_top ul {overflow:hidden;float:left; }
#contents_pop5 .find_top ul li {float:left; margin-right:13px; padding-top:1px;}
#contents_pop5 .find_top ul li img {margin-left:3px; margin-top:-1px;}
#contents_pop5 .find_box .find_box_align{float:left; width:195px; margin-right:18px; border-top:2px solid #989ba5; border-bottom:1px solid #b3b6ba; border-left:1px solid #b3b6ba; border-right:1px solid #b3b6ba;}
#contents_pop5 .find_box .find_box_align ul li { padding:7px 0;border-bottom:1px solid #cdcdcd; text-align:left;}
#contents_pop5 .find_box .find_box_align ul li input {vertical-align:top; margin-left:20px;}
#contents_pop5 .find_box .find_box_align ul li label {display:inline-block; width:190px; margin-top:2px; line-height:1.3;}
#contents_pop5 .find_box .last_box {margin-right:0;}

<!-- 후진학대학정보 -->
#wrap_pop_incumbent {width:620px; padding:25px 30px; margin:0 auto;line-height:1.5;}
#wrap_pop_incumbent #header_pop .header_box1 { position:relative; padding:20px; border-top:5px solid #444444; border-bottom:5px solid #efefef; background:url("/images/front/popup/bg_header_box.gif") repeat-y left top;}
#wrap_pop_incumbent #header_pop .header_box1 h1 {margin-bottom:10px; padding:10px 0; background:url("/images/front/popup/bg_dotline01.gif") repeat-x left bottom; font-weight:bold; }
#wrap_pop_incumbent #header_pop .header_box1 h1 span{margin-left:10px; font-weight:normal;}
#wrap_pop_incumbent .header_box1 .incumbent_info {overflow:hidden;}
#wrap_pop_incumbent .header_box1 .incumbent_info .incumbent_infolist {width:550px; }
#wrap_pop_incumbent .header_box1 .incumbent_info .incumbent_infolist p span {padding-right:10px; margin-right:10px; background: url("/images/front/popup/bg_infolist_bar.gif") no-repeat right 2px; font-weight:bold; }
#wrap_pop_incumbent .header_box1 .incumbent_info .incumbent_infolist p span.co_blue{color:#3288c4;}
#wrap_pop_incumbent .header_box1 .incumbent_info .incumbent_infolist dl dt,
#wrap_pop_incumbent .header_box1 .incumbent_info .incumbent_infolist dl dd {display:block; overflow:hidden; border-top:1px solid #ececec; line-height:1.9;}
#wrap_pop_incumbent .header_box1 .incumbent_info .incumbent_infolist dl dt {float:left; width:85px; font-weight:bold;  background: url("/images/front/popup/bg_infolist_bar.gif") no-repeat right 5px;}
#wrap_pop_incumbent .header_box1 .incumbent_info .incumbent_infolist dl dd {float:left; width:450px; padding-left:15px; }
#wrap_pop_incumbent .header_box1 .incumbent_info .incumbent_infolist dl dt img {margin:-3px 5px 0 0;}
<!-- 후진학대학정보 -->
	
/* 후진학대학정보추가 20120703 */
.ntableDiv {border:5px solid #efefef;margin:0 0 10px;border-width:0 5px 5px 5px;padding:0 15px 15px 15px}
.ntable { width:100%;text-align:center}
.ntable tbody th { padding:6px 0 6px;border-left:none; border-bottom:1px solid #ececec; border-right:0px solid #c8c8c8; text-align:left;padding: 0 0 0 15px; font-weight:bold; vertical-align:middle; color:#5d5e5f;}
.ntable tbody td { padding:6px 0 6px 15px; border-right:none; border-bottom:1px solid #ececec; text-align:left; vertical-align:middle; line-height:1.5; color:#5d5e5f;}
.ntable tbody .none{ border-bottom:none}
.ntable tbody td a{ text-decoration:underline;}
.ntable td.mline{color:#cecece;font-size:11px}
h1.popnew{ background: url("/images/front/popup/bul8.gif") no-repeat 20px 13px;}


#wrap_pop8 {position:relative; margin:0 auto; padding:14px 10px; border:1px solid #87b6d9;}
#header_pop8 {border:1px solid #cdcdcd; background:#87B6D9}
#header_pop8 h1 {padding:8px 35px; font-size:17px; font-weight:bold; color:#ffffff;}
#header_pop8 h1 span {font-size:15px; font-weight:bold; color:#ffffff;}
#wrap_pop8 .btn_close8 {position:absolute; top:23px;right:30px;}

/*추가*/
.header_box .update{position:absolute;right:22px;top:28px;width:200px;text-align:right;}
.header_box .update .ico{display:inline-block; background:url("/images/front/popup/update_icon.jpg") no-repeat left -2px;padding:2px 0 0 22px;}

/* 명예의 전당 */
#wrap_pop9 { width:800px; margin:0 auto;background:url("/images/front/popup/bg_honor_box.gif") repeat-y 0 0;}
#wrap_pop9 #contents_pop3 .tabcon { width:740px; height:366px; margin:0 auto;}
#wrap_pop9 .tabcon h2 { color:#5aafe2; font-size:15px; font-weight:bold; text-align:center; padding:8px 0 0;line-height:20px;}
#wrap_pop9 .tabcon .tit { text-align:center; font-size:15px; line-height:20px; padding:0 0 30px;}
#wrap_pop9 .tabcon .tit strong{ display:block;}
#wrap_pop9 .tabcon p { font-size:14px; color:#222222;line-height:20px;}