@charset"UTF-8";
/* 기본 css */
.red {color: #f00;}
.sky {color: #6ca7e6;}
.blue {color: #2B4DD5;}
.brown {color: #8c6239;}

.under {text-decoration: underline;}
.bold {font-weight: bold;}

.fr {float: right;}
.fl {float: left;}
.clr {clear: both;}
.center {text-align: center;}
.right {text-align: right;}
.top{vertical-align:top}

.mr20{margin-right:20px;}
.pl20{padding-left:20px;line-height: 24px;}

/* 마이페이지 상단 */
.top {
	position: relative;
	height: 67px;
	width: 100%;
	background: url(../img/top_bg.gif) no-repeat 0 0;
}
.top2 {
	position: relative;
	height: 67px;
	width: 100%;
	background: none;
}
/* 탭메뉴 */
.top .tab{
	padding: 33px 0 0 11px;
	width: 700px;
}
.top2 .tab{
	padding: 10px 0 0 11px;
	width: 700px;
}
.top .tab ul{
	width: 700px;
}
.top .tab ul li{
	float: left;
}
.top2 .tab ul{
	width: 700px;
}
.top2 .tab ul li{
	float: left;
}
/* 상단타이틀 */
.title {
	position: relative;
	width: 100%;
	height: 50px;
	padding: 0px 0 30px 0px;
	border-bottom: 1px solid #e0e0e0;
}
.title_pop {
	position: relative;
	width: 97%;
	height: 50px;
	padding: 20px 0 30px 20px;
	border-bottom: 1px solid #e0e0e0;
}
.box_01 {
	position: relative;
	width: 698px;
	height: 160px;
	margin: 21px 0 0 26px;
	background: url(../img/box_01.gif) no-repeat 0 0;
}

.box_01 .pro_img {
	position: absolute;
	top: 16px;
	left: 16px;
}
.box_01 .info {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 667px;
}
.box_01 .info .first{
	padding: 18px 0 0 9px;
	font-size: 14px;
	color: #000;
}
.box_01 .info .btn_logout{
	position: absolute;
	top: 14px;
	right: 0px;
}
.box_01 .info .btn_info_modify{
	position: absolute;
	top: 14px;
	right: 70px;
}
.box_01 .info .btn_info_graduate{
	position: absolute;
	top: 14px;
	right: 158px;
}
.box_01 .info .btn_info_research{
	position: absolute;
	top: 14px;
	right: 158px;
}
.box_01 .info .dot_line{
	width: 667px;
	height: 1px;
	background: url(../img/dot_line.gif) repeat-x 0 center;
	padding: 12px 0 12px 0;
}
.list{
	width: 700px;
	padding: 15px 0 0 18px;
	height: 60px;
}
.list li{
	width: 167px;
	float: left;
	padding: 0 5px 0 0px;
	line-height: 1.8em;
}
.list li span.ti{
	display: inline-block;
	width: 75px;
	font-weight: bold;
	color: #176EC7;
}
.list li span.num{
	font-weight: bold;
	font-size: 11px;
	color: #FF8A00;
	display: nomal;
}
.box_01 .info .button{
	position: absolute;
	top: 55px;
	left: 7px;
	width: 730px;
}
.box_01 .info .button li{
	float: left;
	padding: 0 7px 0 0;
}
/* 타이틀 하단 퀵메뉴 */
.quick_menu{
	position: absolute;
	width: 700px;
	z-index: 1000;
	top: 40px;
	left: 0px;
	padding: 0px 0 0 0;
}
.quick_menu dt{
	float: left;
	padding: 6px 10px 0 0;
}
.quick_menu dd{
	float: left;
	margin: 0 2px;
	background: #D2E3F4;
	border: 1px solid #86B4E1;
	padding: 3px 7px;
}
.quick_menu dd:hover{
	background: #3079C2;
	border: 1px solid #255E96;
}
.quick_menu dd a{
	font-size: 12px;
	color:  #3A3A3A;
	height: 20px;
	line-height: 20px;
	padding: 3px 7px;
}
.quick_menu dd a:hover{
	color: #fff;
	height: 20px;
	line-height: 20px;
	padding: 3px 7px;
}
/* 타이틀 하단 퀵메뉴-팝업용 */
.quick_menu_pop{
	position: absolute;
	width: 700px;
	z-index: 1000;
	top: 60px;
	left: 0px;
	padding: 0px 0 0 20px;
}
.quick_menu_pop dt{
	float: left;
	padding: 6px 10px 0 0;
}
.quick_menu_pop dd{
	float: left;
	margin: 0 2px;
	background: #D2E3F4;
	border: 1px solid #86B4E1;
	padding: 3px 7px;
}
.quick_menu_pop dd:hover{
	background: #3079C2;
	border: 1px solid #255E96;
}
.quick_menu_pop dd a{
	font-size: 12px;
	color:  #3A3A3A;
	height: 20px;
	line-height: 20px;
	padding: 3px 7px;
}
.quick_menu_pop dd a:hover{
	color: #fff;
	height: 20px;
	line-height: 20px;
	padding: 3px 7px;
}
.box_02{
	position: relative;
	margin: 13px 0 0 26px;
}
.box_02 .top{
	width: 698px;
	height: 9px;
	background: url(../img/box_top.gif) no-repeat 0 0;
}
.box_02 .middle{
	width: 698px;
	background: url(../img/box_mid.gif) repeat-y 0 0;
}
.box_02 .middle .title02{
	width: 700px;
	padding: 14px 0 0 18px;
}
.box_02 .middle .title02 ul{
	width: 700px;
}
.box_02 .middle .title02 ul li{
	float: left;
	display: inline-block;
	width: 170px;
	padding: 0px 5px 0 0px;
}
.box_02 .middle .title02 p{
	clear: both;
	padding: 12px 0 0 10px;
}
.box_02 .bottom{
	width: 698px;
	height: 6px;
	background: url(../img/box_bottom.gif) no-repeat 0 0;
}
.box_02 .board_wrapper{
	margin: 0 auto;
	text-align: center;
}
.table_center {
	border-collapse: collapse;
	margin: 5px 0px 0px 16px;
	width: 666px;
	border-top: 2px solid #27487D;
	border-bottom: 1px solid #C5D0D7;
	border-left: 0;
	border-right: 0;
}

.table_center th,.table_center td {
	border: 1px solid #C5D0D7;
	border-width: 1px;
	padding: 7px 6px 5px;
	border-left: 0;
	border-right: 0;
}

.table_center th {
	background-color: #EDF1F5;
	line-height: 1.6em;
	color: #004E9C;
	text-align: center;
}

.table_center td {
	height: 18px;
	padding: 5px 5px 5px 5px;
	text-align: center;
}

.table_center  .left {
	text-align: left;
}

.table_center .td1 {
	background-color: #f5f5f5;
}
.table_center .td2 {
	background-color: #f7f7f7;
	text-align: center;
}

.table {
	border-collapse: collapse;
	margin: 30px 25px 10px 25px;
	width: 93.5%;
	border-top: 2px solid #27487D;
	border-bottom: 1px solid #C5D0D7;
	border-left: 0;
	border-right: 0;
}

.table th,.table td {
	border: 1px solid #C5D0D7;
	border-width: 1px;
	padding: 7px 6px 5px;
	border-left: 0;
	border-right: 0;
}

.table th {
	background-color: #EDF1F5;
	line-height: 1.6em;
	color: #004E9C;
	text-align: center;
}

.table td {
	height: 18px;
	padding: 5px 5px 5px 15px;
	text-align: left;
}

.table  .center {
	text-align: center;
}

.table .td1 {
	background-color: #f7f7f7;
}
.table .td2 {
	background-color: #f7f7f7;
	text-align: center;
}
.box_03{
	position: relative;
	height: 254px;
	margin: 20px 0 0 26px;
}
.box_03 .top{
	width: 698px;
	height: 9px;
	background: url(../img/box_top.gif) no-repeat 0 0;
}
.box_03 .middle{
	width: 698px;
	min-height: 239px;
	background: url(../img/box_mid.gif) repeat-y 0 0;
}
.box_03 .bottom{
	width: 698px;
	height: 6px;
	background: url(../img/box_bottom.gif) no-repeat 0 0;
}
.id_search {
	width: 348px;
	height: 254px;
	position: absolute;
	top:0;
	left: 0;
	padding: 22px 0 0 16px;
}
.id_search .input_box{
	margin: 30px 0 0 9px;
}
.id_search .input_box dl{
	margin: 0px 0 10px 0px;
	float: left;
}
.id_search .input_box dl dt{
	width: 98px;
	float: left;
	padding: 3px 0;
}
.id_search .input_box dl dd{
	width: 200px;
	float: left;
}
.id_search .search{
	position: absolute;
	top: 200px;
	left: 112px;
}
.id_search input{
	border: 1px solid #cdcdcd;
}
.dot_line02{
	top: 17px;
	left: 348px;
	position: absolute;
	width: 1px;
	height: 221px;
	background: url(../img/dot_line02.gif) repeat-y 0 0;
}
.pw_search {
	width: 308px;
	height: 207px;
	position: absolute;
	top: 22px;
	left: 365px;
}
.pw_search .input_box{
	margin: 20px 0 0 0px;
}
.pw_search .input_box dl{
	margin: 0px 0 7px 9px;
	float: left;
}
.pw_search .input_box dl dt{
	width: 98px;
	float: left;
	padding: 3px 0;
}
.pw_search .input_box dl dd{
	width: 200px;
	float: left;
}
.pw_search .search{
	position: absolute;
	top: 178px;
	left: 97px;
}

/* 로그인 */
.login_box{
	position: relative;
	width: 698px;
	height: 316px;
	margin: 21px 0 0 26px;
	background: url(../img/login_bg.gif) no-repeat 0 0;
	
}
.login {
	position: relative;
	width: 400px;
	height: 300px;
	margin: 0 auto;
}
.login .id{
	position: absolute;
	top: 116px;
	left: 34px;
}
.login .pw{
	position: absolute;
	top: 156px;
	left: 34px;
}
.login .btn_login{
	position: absolute;
	top: 116px;
	right: 33px;
}
.login .btn_radio{
	position: absolute;
	top: 207px;
	left: 120px;
}
.login ul{
	position: absolute;
	top: 252px;
	left: 29px;
	font-size: 11px;
}
.login_text{
	position: absolute;
	top: 235px;
	left: 115px;
	width: 500px;
	font-size: 11px;
	line-height: 1.3em;
}
.login_text li{
	background: url(../img/dot_02.gif) no-repeat left 10px;
	padding: 5px 0 0 8px; 
}
.login .input_id{
	width: 218px;
	height: 34px;
	line-height: 34px;
	background: url(../img/id.gif) no-repeat left top;
	border: none;
	padding: 0 0 0 13px;
}
.login .input_pw{
	width: 218px;
	height: 34px;
	line-height: 34px;
	background: url(../img/pw.gif) no-repeat left top;
	border: none;
	padding: 0 0 0 13px;
}

/* 졸업생 정보 입력 */
.graduate{
	width: 800px;
	position: relative;
}
.table_info {
	border-collapse: collapse;
	margin: 30px 20px 10px 20px;
	width: 95%;
	border-top: 2px solid #27487D;
	border-bottom: 1px solid #C5D0D7;
	border-left: 0;
	border-right: 0;
}

.table_info th,.table_info td {
	border: 1px solid #C5D0D7;
	border-width: 1px;
	padding: 7px 6px 5px;
	border-left: 0;
	border-right: 0;
}

.table_info th {
	background-color: #EDF1F5;
	line-height: 1.6em;
	color: #004E9C;
	text-align: center;
}

.table_info td {
	height: 18px;
	padding: 5px 5px 5px 15px;
	text-align: left;
}
.table_info td img{
	padding: 0px 0px 5px 0px;
}

.table_info  .center {
	text-align: center;
}
/* 제목 */
h4 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color:#006494;
	background: url(../img/icon_h4.gif) no-repeat left 3px;
	padding-left: 19px;
	margin: 20px 0 5px 15px;
	clear: both;
}

h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	color:#006494;
	background: url(../img/icon_h5.gif) no-repeat left 4px;
	padding-left: 18px;
	margin: 10px 0 0 15px;
	clear: both;
}

h6 {
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color:#555;
	background: url(../img/icon_h6.gif) no-repeat 5px 5px;
	padding-left: 10px;
	margin: 5px 0 0 20px;
	clear: both;
}
.line{
	width: 100%;
	height: 20px;
	border-bottom: 1px dashed #ddd;
}
.field1 {
    margin: 0 0 10px;
}
.field2 {
    margin: 0 0 10px;
}
.text_box {
    border: 1px solid #E5E5E5;
    height: 80px;
    margin: 0 0 8px;
    overflow: auto;
    padding: 15px 18px 15px 20px;
	margin: 0 20px 5px 20px;
    position: relative;
}
.check {
    margin: 0 0 0 20px;
}
/*인풋박스 외 */
textarea {
	border: 1px solid #ddd;
	padding: 0px;
}
select{
	height:20px;
	line-height:20px;
	vertical-align: middle;
}
input[type=text] {
	border: 1px solid #ddd;
	vertical-align: middle;
	line-height: 20px;
	height:20px;
	margin: 1px 6px 0px 0;
	padding: 0;
}
input[type=password] {
	border: 1px solid #ddd;
	vertical-align: middle;
	line-height: 20px;
	height:20px;
	margin: 0px 6px 0 0;
	padding: 0;
}
input[type=file] {
	border: 1px solid #ddd;
	vertical-align: middle;
	line-height: 20px;
	height:20px;
	margin: 0px 6px 0 0;
	padding: 0;
	background-color: #f6f6f6;
}
input[type=checkbox] {
	border: none;
	vertical-align: middle;
	line-height: 20px;
	padding: 0;
}
input[type=radio] {
	line-height: 20px;
	vertical-align: middle;
	padding: 0;
	margin: -2px 3px 0 0 !important;
}
input[type=button] {
	display: inline-block;
	min-width: 90px;
	height: 20px;
	background: none repeat scroll 0 0 #1eaad2;
	padding: 3px 15px 3px;
	color: #FFFFFF;
	font: 12px dotum,"돋움",sans-serif;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	border:none;
	cursor: pointer;
}
select.select {
	margin: 2px 0 0 0;
	border: 1px solid #dcdcdc;
	color: #888888;
	height: 20px;
	line-height: 20px;
	letter-spacing: 0 !important;
}
input, select, button {
	vertical-align: middle;
}
select, input, option, textarea {
	font: 12px dotum,"돋움",sans-serif;
	vertical-align: middle;
}

.lineBoxA {
    border: 1px solid #C6C6C6;
    padding: 15px;
    position: relative;
}
.lineBoxA:after {
    clear: both;
    content: "";
    display: block;
}
.lineBoxA .bg {
    background: none repeat scroll 0 0 #E7E7E7;
    bottom: -3px;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
}
.lineBoxA.cPurple {
    border-color: #75A7AD;
}
.lineBoxA.cPurple th {
    color: #007F99;
}
.w45 {
    width: 45px;
}
.w51 {
    width: 51px;
}
.text {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #999999 #D8D8D8 #D8D8D8 #999999;
    border-image: none;
    border-right: 1px solid #D8D8D8;
    border-style: solid;
    border-width: 1px;
    height: 15px;
    padding: 2px 0 0 3px;
}
.pw_mail {
    margin: 5px 0 0 1px;
}
.pw_mail * {
    vertical-align: middle;
}
.pw_mail select {
    position: relative;
    vertical-align: top;
}
.pw_mail .mr14 {
    position: relative;
    top: 0 !important;
    vertical-align: middle;
}

/* 취업여부 팝업 */
.mypage .job_box{
	background: url(../img/bg_job_box.gif) no-repeat left 0;
	width: 520px;
	height: 180px;
	margin: 45px auto 0;
	padding: 160px 0 0 0px;
	text-align: center;
}
.mypage .job_box p{
	line-height: 1.8em;
}
.mypage .job_box .btn_no{
	padding: 10px 0;
}
/*졸업생 정보입력 */
.graduate {
	background: url(../img/bg_top.gif) no-repeat left top;
	margin:0;
	padding: 20px 0 0 0;
}
.graduate h4{
	margin: 0 0 0 10px;
}