@charset "utf-8";

@import url("layout.css");

/* 페이지 타이틀 */
.title {position:relative; font-family:'나눔고딕web','나눔고딕','NanumGothic','NanumGothicOTF','맑은고딕','Malgun Gothic','돋움','굴림'; }
.title span {position:absolute; top:-38px; right:0; height:37px; line-height:37px; color:#666666;}
.title .homepage {position:absolute; top:20px; right:2px; height:28px; padding:0 40px; line-height:28px; color:#ffffff !important; background:#a19186;}
.title .homepage:hover {background:#978478;}

/* h 제목 */
h3 {height:63px; margin-top:38px; margin-bottom:38px; border-bottom:solid 2px #ac977f; line-height:63px; color:#97633b; font-size:22px; font-weight:600 !important; font-family:'hufs_L' !important;}
h4 {margin-top:50px; margin-bottom:10px; font-size:18px; font-weight:600 !important; font-family:'hufs_L' !important; color:#002d56;}
h5 {margin-top:50px; margin-bottom:10px; font-size:18px; font-weight:600 !important; color:#8d7150;  font-family:'hufs_L' !important;}
h6 {margin-top:20px; margin-bottom:5px; font-size:15px; font-weight:600 !important;}
h4:first-child, h5:first-child {margin-top:0px;}
h4 + h5 {margin-top:30px;}
h5 a {padding:13px 55px; color:#948174 !important; border:solid 1px #cabfb6; background:#efece9;}
h5 a:hover {color:#ffffff !important; border:solid 1px #948174; background:#b3a49a;}

/* 서브페이지 컨텐츠 영역 */
.contented {width:100%; line-height:24px; color:#333333; font-size:13px; font-family:'나눔고딕web','나눔고딕','NanumGothic','NanumGothicOTF','맑은고딕','Malgun Gothic','돋움','굴림'; margin-bottom:100px; }
.contented p {margin-top:20px; word-break:keep-all; text-align:justify;}
.contented p:first-child {margin-top:0px;}

/* link */
a, a:link, a:visited {text-decoration:none; color:#333333;}
a:hover {color:#2679c1;}

/* table */
table {width:100%;}
td {line-height:24px; color:#333333; font-size:13px; font-family:"NanumGothic","Nanum Gothic", "나눔고딕";}

/* .table */
.table table {border-top:solid 1px #cdd3d4; border-right:solid 1px #cdd3d4;}
.table td, .table th {padding:6px 8px 6px 8px; border-bottom:solid 1px #cdd3d4; border-left:solid 1px #cdd3d4;}
.table th {background:#f5f5f5;}
.table td {text-align:center;}
.table td.left {text-align:left; vertical-align:top;}

/* curriculum */
.curriculum {padding:10px 0 0px 0; }
.curriculum table {border-top:solid 1px #cdd3d4; border-right:solid 1px #cdd3d4;}
.curriculum td, .curriculum th {padding:9px 10px 9px 10px; border-bottom:solid 1px #cdd3d4; border-left:solid 1px #cdd3d4;}
.curriculum th {background:#ebeded;}
.curriculum td {text-align:center;}
.curriculum td.left {text-align:left;}

/* profile */  
.box_profile {margin:0; padding:0;}
.box_profile li {display:inline-block; width:420px; margin:0 0px 0 0px; vertical-align:top;}
.box_profile li.right {margin:0 0px 0 15px;}
.profile {margin-bottom:20px; border:#dddddd 1px solid; background:#f3f3f3; padding:5px;}
.profile table {width:100%; background:#ffffff; padding:14px 20px 14px 20px;}
.profile table td, .profile table th {border-top:dotted 1px #aaaaaa; line-height:24px; vertical-align:top; font-size:13px;}
.profile table td {padding:6px 0px 6px 7px;}
.profile table th {width:80px; padding:6px 15px 6px 7px; color:#9b8164; white-space:nowrap;}
.profile table .photo {width:145px; padding:12px 20px 0px 10px; border-top:none;}
.profile table .name {border-top:none; font-weight:600; font-size:14px;}
.profile.detail table {padding:14px 30px 14px 30px;}
.profile.detail table td {padding:10px 0px 10px 10px;}
.profile.detail table th {padding:10px 20px 10px 10px;}
.profile.detail table .photo {padding:20px 20px 20px 20px;}
.profile.detail table .name {font-size:18px; padding:18px 0px 10px 10px;}
.profile.detail table td p {margin-top:10px;} /* 논문 및 저서 많은 경우 */
.profile.detail table td p:first-child {margin-top:0px;}
.btn_profile, .btn_back {float:right; height:24px; line-height:24px; padding:0px 10px 0px; font-weight:600; font-size:12px; border: solid 1px #cccccc; background:-moz-linear-gradient(top, #f7f7f7 50%, #eaeaea 100%); background:-webkit-linear-gradient(top, #f7f7f7 50%,#eaeaea 100%); background:linear-gradient(to bottom, #f7f7f7 50%,#eaeaea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#eaeaea',GradientType=0 );}
.btn_profile:hover, .btn_back:hover {color:#333333; text-decoration:none; border: solid 1px #bbbbbb; background:-moz-linear-gradient(top, #f1f1f1 50%, #e4e4e4 100%); background:-webkit-linear-gradient(top, #f1f1f1 50%,#e4e4e4 100%); background:linear-gradient(to bottom, #f1f1f1 50%,#e4e4e4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e4e4e4',GradientType=0 );}
.btn_profile {float:inherit; display:block; margin:10px 10px 0 0; text-align:center;}

.tab03 {display:block; margin:20px 0 0px 0; width:100%; overflow:hidden; padding:0;}
.tab03 li {float:left; display:inline-block; width:50%; border-right:solid 1px #a19280; border-bottom:solid 1px #a19280; border-top:solid 1px #a19280; font-weight:bold; font-family:'나눔고딕web','나눔고딕','NanumGothic','NanumGothicOTF','맑은고딕','Malgun Gothic','돋움','굴림'; font-size:14px; }
.tab03 li.on {background:#002d56; border-bottom:solid 1px #002d56; border-top:solid 1px #002d56; border-right:solid 1px #002d56; }
.tab03 li a {display:block; width:100%; height:25px; padding:10px 0px; text-align:center; background:#beb2a4;  text-decoration:none;}
.tab03 li.on a {color:#fff; background:url('/user/gse2/mycodyimages/btn_over.png') center no-repeat;}
.tab03 li a:hover {color:#ffffff; text-decoration:underline;}

.tab07 {display:block; margin:20px 0 20px 0; width:100%; overflow:hidden; padding:0;}
.tab07 li {float:left; display:inline-block; width:33%; font-weight:bold; font-family:'나눔고딕web','나눔고딕','NanumGothic','NanumGothicOTF','맑은고딕','Malgun Gothic','돋움','굴림'; font-size:14px; }
.tab07 li a {display:block; width:100%; height:150px; padding:10px 0px 10px 0px; text-align:center; border-top:solid 3px #002d56;}
.tab07 li.on {height:45px; }
.tab07 li.on a {color:#002d56; height:150px; }
.tab07 li a:hover {color:#8d7150; text-decoration:underline;}

/*오시는 길 */
.map {width:100%;}
.map td {line-height:150%; font-size:13px; color:#444444;}
.map td strong {display:inline-block; margin:0 0 5px 0; font-weight:600;}
.map td.box {text-align:right; vertical-align:bottom; padding-bottom:9px;}
.map td.box a {display:inline-block; border:solid 1px #a19186; color:#423c31; margin-left:10px; padding:7px 16px; font-size:13px; background:#eee8e4;}
.map td.box a:hover {background:#a19186; border:solid 1px #a19186; color:#ffffff;}

/* 로그인페이지 */
.login_box {
	overflow:hidden;
	padding:33px 33px 30px 34px;
	border:solid 1px #dddddd; 
	-moz-border-radius:10px; 
	-webkit-border-radius:10px; 
	border-radius:10px;
}
.login {
	position:relative;
	float:left;
	width:357px;
	height:170px;
	padding-right:30px;
	border-right:solid 1px #dddddd;
}
.user3_id li {
	margin:0;
	padding:5px 0px 5px 0;
}
.user3_id li .input3_usid, .user3_id li .input3_uspass, 
.user3_id li .input3_usid_off, .user3_id li .input3_uspass_off {
	width:335px; 
	height:28px; 
	padding:0px 10px 0px 10px; 
	border:solid 1px #cccccc;
	color:#333333; 
	font-size:13px; 
	font-family:"NanumGothic","Nanum Gothic", "나눔고딕";
	line-height:28px;	
    background:#ffffff;
}
.contents p.user3_btn {
	margin-top:10px;
}
.login3_btn, .join3_btn, .join3_btn a {
	display:inline-block;
    width:174px;
    height:40px;
	font-size:15px;
    font-family:"NanumGothic","Nanum Gothic", "나눔고딕";
    line-height:40px;
    letter-spacing:0px;
    font-weight:600;
}
.login3_btn {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	margin:0;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	color:#ffffff;
	background:#a19186;
}
.join3_btn {
	float:right;
	padding:0 0 0 0;
	background:none;
}
.join3_btn a {
	color:#ffffff;
	background:#6c8da9;
}
p.join3_hbtn a {
	float:right;
	display:inline-block;
	width:100px;
    height:35px;
	font-size:15px;
    font-family:"NanumGothic","Nanum Gothic", "나눔고딕";
	text-align: center;
    line-height:35px;
    letter-spacing:0px;
    font-weight:600;
	color:#ffffff;
	background:#a19186;
}
.user3_modi {
	float:left;
	margin:-10px 0 10px 0;
}
.user3_modi li {
	font-size:13px; 
	font-family:"NanumGothic","Nanum Gothic", "나눔고딕";
}
.user3_modi .modi_line {
	padding-right:9px; 
	margin-right:8px; background: url('http://builder.hufs.ac.kr/Web-home/wizard4/login/img/modi_line.gif') right 3px no-repeat;
}
.sel_direct {
	font-size:12px; 
	font-family:"NanumGothic","Nanum Gothic", "나눔고딕";
}
.sel_direct {
	height:20px;
	line-height:20px;
	border:solid 1px #dddddd;
	background-position:right 2px;
}
.sel_direct01 {
	position:relative;
    max-height:88px;
	z-index:9999;
}
.top_pw {
	position:absolute;
	bottom:0;
}
.msg {
	display:inline-block;
	width:335px;
	padding-left:30px;
	vertical-align:top;
}
.msg p {
	font-size:12px;
	text-align:left;
}

/* 게시판 */
#board-container, #board-container * td, #board-container * th, #board-container * div, #board-container * li {
	font-family:"NanumGothic","Nanum Gothic", "나눔고딕" !important; 
	font-size:13px !important;
}
#board-container * select {
	font-family:"NanumGothic","Nanum Gothic", "나눔고딕" !important; 
	font-size:12px !important;
}
#board-container * input[type="text"], .input_search {
	height:21px !important; 
	line-height:21px !important; 
	padding:0px 10px 0 10px !important;
	color:#666666 !important; 
	font-family:"NanumGothic","Nanum Gothic", "나눔고딕" !important; 
	font-size:12px !important; 
}
select {
	height:23px !important; 
	line-height:23px !important; 
	padding:2px !important;
	border:solid 1px #cccccc; 
	color:#666666 !important; 
	font-family:"NanumGothic","Nanum Gothic", "나눔고딕" !important; 
	font-size:12px !important; 
}
.view_subj_bg {padding:10px; font-size:13px !important;}
#_board-container table {margin-top:-17px;}
#_board-container table table {margin-top:1px;}
#board-container * a:link, #board-container * a:visited, #board-container * a:active {color: #333333 !important;}
#board-container * a:hover {color:#2679c1 !important;}