@charset "utf-8";
@import url("http://builder.hufs.ac.kr/style/css/goonanumgothic.css");

html, body, div, p, dl, dt, dd, tr, td, table, ol, ul, li {padding:0; margin:0;}

.contents {line-height:1.8; color:#444444; padding:30px 45px 60px 45px; font-size:13px; font-family:'NanumGothic','Nanum Gothic', '나눔고딕';}
h3 {font-size:26px; font-weight:600;}


/* tab */


/* profile */  
.box_profile {margin:0; padding:0;}
.box_profile li {display:inline-block; width:445px; 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:53px; padding:6px 15px 6px 7px; color:#9b8164; white-space:nowrap;}
.profile table .photo {width:120px; padding:12px 20px 0px 0px; border-top:none;}
.profile table .photo img {display:inline-block; width:120px; height:160px; border:solid 1px #dddddd;}
.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 0px 20px;}
.profile.detail table .name {font-size:18px;}
.profile.detail table td p {margin-top:5px;} /* 논문 및 저서 많은 경우 */
.profile.detail table td p:first-child {margin-top:0px;}
.btn_profile, .btn_back {float:right; height:20px; line-height:20px; padding:0px 6px 0px; font-weight:600; font-size:12px; border:solid 1px #cccccc; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;background:-moz-linear-gradient(top, #ffffff 50%, #f3f3f2 100%); background:-webkit-linear-gradient(top, #ffffff 50%,#f3f3f2 100%); background:linear-gradient(to bottom, #ffffff 50%,#f3f3f2 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f2',GradientType=0 );}
.btn_profile:hover, .btn_back:hover {color:#333333; text-decoration:none; border: solid 1px #bbbbbb; 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 );}

/* history */
.history {margin:20px 0 0 0px;}
.history ul, .history li {padding:0; margin:0;}
.history li {display:block;}
.history li div {position:relative; display:inline-block; width:595px;/*크기조정*/ margin-left:-20px; padding:0px 0px 50px 50px; border-left:solid 1px #c4c6c6; vertical-align:top; z-index:8;}
.history li div p {text-align:left; margin-bottom:3px; padding-left:113px;}
.history li div p strong {display:inline-block; width:100px; margin-left:-113px; padding:0 0 0 13px; font-weight:600; color:#777777; background:url('/user/z/mycodyimages/bullet_2.png') no-repeat 0px 10px;}
.history li .year {width:160px;/*크기조정*/ margin-left:0px; padding:0px 50px 0px 0px; border-left:none; line-height:31px; font-size:24px; font-family:'HUFS_m'; text-align:right; z-index:9;}
.history li .year.even {background:url('/user/z/mycodyimages/history_01.png') right 0px no-repeat;}
.history li .year.odd {background:url('/user/z/mycodyimages/history_02.png') right 0px no-repeat;}
.history li strong {display:inline-block; color:#0d103b; font-weight:normal; padding-right:18px;}
.history li .first {position:relative;}
.history li .first .dot {position:absolute; bottom:0px; left:14px; width:10px; height:10px; background:#c4c6c6; font-size:0; padding:0 0 0 0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

/* login page */
.login_box {margin-top:50px; padding:33px 40px 30px 40px; border:solid 1px #dddddd; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.login_box .login {position:relative; float:left; width:340px; height:120px; padding-right:40px; border-right:solid 1px #dddddd;}
.top_pw {position:absolute; bottom:0px;}
.msg {display:inline-block; width:400px; padding-left:40px; vertical-align:top;}
.msg p {font-size:12px; line-height:24px; text-align:justify;}
.sel_direct01 h2 {font-size:13px;}




@media screen and (max-width:800px) {
	.contents {padding:20px 3% 60px 3%;}
	.contents img {width:100%;}
	.box_profile li {display:block; width:100%;}
	.box_profile li.right {margin:0 0px 0 0px;}
	.profile table td br {display:none;}
	.profile.detail table {padding:14px 20px 14px 20px;}
	.btn_back {display:none;}
	.history {margin:0px 0 0 0px;}
	.history li div {width:calc(100% - 35px); margin-left:15px; padding:15px 10px 30px 25px;}
	.history li div p {padding-left:93px;}
	.history li div p strong {width:80px; margin-left:-93px;}
	.history li .year {width:100%; padding:0 0 0 50px; text-align:left;}
	.history li .year.even {background:url('/user/z/mycodyimages/history_01.png') left 0px no-repeat;}
	.history li .year.odd {background:url('/user/z/mycodyimages/history_02.png') left 0px no-repeat;}
	.history li .first .dot {left:-21px;}
	.login_box {padding:0 0 0 0; border:none;}
	.login_box .login {width:100%; border-right:none; padding-right:0;}
	.msg {clear:both; display:block; width:100%; padding-left:0;}	
	.contents #board-container .list table tr:first-child {border-top:solid 2px #6c6c6c;}
	.contents #board-container .list td, .contents #board-container .list th {display:none;}
	.contents #board-container .list td.no, .contents #board-container .list td.title {display:table-cell;}
	#board-container .paging img, #board-container .view .viewTb td img, #board-container * img, #_board-container img {width:inherit;}
	#board-container .view {margin-top:0;}
	#board-container .view .viewTb td {display:block; width:100%;}
	#board-container .view .viewTb td.borBot {width:inherit;}
}
@media screen and (max-width:767px) {
	#board-container .view .viewTop .id {margin-top:2px !important; text-align:left !important;}
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:500px) {
	.profile table tr {display:table; width:100%;}
	.profile table th {display:table-cell; padding:6px 7px 6px 7px; white-space:inherit;}
	.profile table td {display:table-cell; }
	.profile table .photo, .profile table .name {display:block; width:auto; height:auto; padding:6px 0 6px 0px; text-align:center;}
	.profile table .photo img {width:120px;}
	.btn_profile {float:inherit; display:inline-block; margin-left:10px; vertical-align:top; line-height:22px; height:22px;}
}
@media screen and (max-width:414px) {
	.history li div {width:calc(100% - 20px); margin-left:0px; padding:15px 10px 30px 10px; border-left:none;}
	.history li div p {padding-left:83px;}
	.history li div p strong {width:70px; margin-left:-83px;}
	.history li .first .dot {display:none;}
}
@media screen and (max-width:360px) {
	.profile table th, .profile table td {display:block; width:auto;}
	.profile table td {border-top:none; padding:0px 7px 6px 7px;}
	.profile.detail table th {padding:6px 10px 6px 10px; text-align:left;}
	.profile.detail table td {padding:0px 10px 6px 10px;}
	.profile.detail table td.name {padding:6px 10px 6px 10px;}
}