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

div, p, dl, dt, dd, tr, td, table, ol, ul, li{font-family:'NanumGothic','Nanum Gothic', '나눔고딕';}
strong {font-weight:600;}
.img2 {position:relative; height:194px;}
.content_tail {padding:30px 45px 0px 45px; font-size:20px; color:#666666; position:relative;}
.navi_f {position:absolute; top:-30px; right:0; width:100%; text-align:right; font-size:13px; color:#ffffff;}
h2 {font-size:24px; font-weight:600; color:#252525; margin-bottom:40px;}
.contents_area {line-height:24px; color:#444444; padding:0px 45px 60px 45px; font-size:13px; overflow:hidden; font-size:13px;}
.contents_area p a:link, .contents_area p a:visited, td a:link, td a:visited {color:#444444;}
.contents_area p a:hover, td a:hover {color:#004a94; text-decoration:underline;}
.bt01 {padding:0 0 0 13px; background:url('/user/globalstudent/mycodyimages/bullet_2.png') no-repeat 0px 10px;}
h2 strong {font-size:20px!important; font-weight:400 !important;}
h2 span {color: rgb(184, 134, 11);}
h3 {margin-top:30px; margin-bottom:5px; padding-top:10px; font-size:18px; color:#8d704f; font-weight:600; background:url('/user/globalstudent/mycodyimages/bullet_h3.png') left top no-repeat;}
h4 {margin-bottom:10px; font-size:16px; color:#8d704f; font-weight:600; line-height:24px; padding-left:12px; background:url('/user/globalstudent/mycodyimages/bullet_1.png') no-repeat 0px 7px;}
h5 {font-weight:600; font-size:15px; color:#142c46;}
h3:first-child {margin-top:0px;}
.r_box { padding:10px; border:solid 1px #cccccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
/* tab */
.tab {margin-top:00px; margin-bottom:30px;}
.tab table {width:100%; border-right:solid 1px #cdd3d4;}
.tab td {padding:0px 0px 0px 0px; text-align:center;}
.tab td a {display:block; border:solid 1px #cdd3d4; border-right:none; color:#024a90; font-size:14px; font-weight:600; line-height:43px; background:#eaeef5; text-decoration:none;}
.tab td a:hover {border:solid 1px #024a90; color:#ffffff; text-decoration:none; background:#024a90;}
.tab td.active a {border:solid 1px #cdd3d4; border-right:none; border-top:solid 2px #024a90; border-bottom:solid 1px #ffffff; color:#024a90; text-decoration:none; line-height:42px; background:#ffffff;}

/* curriculum */  
.curriculum {padding:5px 0 0px 0;}
.curriculum table {width:100%; border:solid 1px #cdd3d4; border-collapse:collapse;}
.curriculum td, .curriculum th {border:solid 1px #cdd3d4; color:#444444; font-size:13px;}
.curriculum th {padding:7px 7px 7px 7px; background:#ebeded; text-align:center;}
.curriculum td {padding:7px 7px 7px 7px; text-align:center;}
.curriculum td.left {text-align:left;}
.curriculum td strong {font-weight:600;}
.curriculum td div {margin-top:15px; padding-bottom:12px; border:solid 1px #dddddd; background:#f4f4f4; color:#333333;}
.curriculum td div:first-child {margin-top:0px;}
.curriculum2 {padding:5px 0 0px 0;}
.curriculum2 table {width:100%; border:solid 1px #cdd3d4; border-collapse:collapse;}
.curriculum2 td, .curriculum2 th {border:solid 1px #cdd3d4; color:#444444; font-size:13px;}
.curriculum2 th {padding:7px 7px 7px 7px; background:#ebeded; text-align:center; border-bottom:solid 1px #cdd3d4; border-left:solid 1px #cdd3d4;}
.curriculum2 td {padding:7px 7px 7px 7px; text-align:center;}
.curriculum2 td.left {text-align:left; vertical-align:top;}
.curriculum2 td strong {font-weight:600;}
.curriculum2 td div {margin-top:9px; padding-bottom:10px; border:solid 1px #dddddd; background:#f4f4f4; color:#333333;}
.curriculum2 td div:first-child {margin-top:0px;}
.legend {margin-bottom:10px; padding:5px; font-size:11px; border-bottom:solid 1px #dddddd; background:#ffffff;}
.legend .icon {margin-right:5px; padding:2px 6px; font-weight:600; color:#ffffff; background:#839bb0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.legend .icon.red {background:#ff4c4c;}
.l_green{ background:#eff6e8;}
.l_blue{ background:#eef3f9;}
.l_gold{ background:#e8e1d4;}
.gold{ background:#af936f;}
.navy{ background:#142c46 !important; color:#FFF !important;}
.arrow { padding-left:2px;}
.arrow li{ margin-bottom:5px; padding-left:8px; background:url('/user/globalstudent/mycodyimages/arrow.png') left 8px no-repeat; word-break:keep-all;}

/*아코디언메뉴*/
#qa dt { cursor:pointer; padding:15px 15px 15px 28px; font-size:15px; font-weight:600; border:1px solid #d0bfa5; border-top:none; font-size:16px; color:#8d704f; font-weight:600; line-height:24px; background:#f7eadd url('/user/globalstudent/mycodyimages/bullet_1.png') no-repeat 12px 23px;}
#qa dt:first-child { border-top:1px solid #d0bfa5;}
/* #qa dt::first-letter, #qa dd::first-letter { color:#142c46; font-size:16px; font-weight:600;}*/
#qa dd { display:none; background:#f6f3ee; padding:15px 15px; border:1px solid #d0bfa5; border-top:none;}

/*ul블릿*/
.dot01 { margin-left:0; padding-left:0;}
.dot01 li {background:url('/user/globalstudent/mycodyimages/dot.png') left 10px no-repeat; padding-left:8px; margin-left:5px; word-break:keep-all;}
.dash01 { margin-left:0; padding-left:0;}
.dash01 li {background:url('/user/globalstudent/mycodyimages/dashed.png') left 10px no-repeat; padding:0 0 5px 10px; word-break:keep-all;}

/*말하기 대회*/
dl.haksa { height:auto; margin-bottom:15px; }
dl.haksa dt { font-size:14px; font-weight:600; line-height:20px; padding-left:13px; background:url('/user/globalstudent/mycodyimages/bullet_1.png') no-repeat 0px 6px; margin:10px 0 2px 5px;}
dl.haksa dd { background:url('/user/globalstudent/mycodyimages/dot.png') left 10px no-repeat; padding-left:8px; margin-left:15px;}

/*p 첫줄 내어쓰기*/
.txt_in20 { margin-left:20px; text-indent:-20px;}
.txt_in40 { margin-left:40px; text-indent:-20px;}
.txt_in60 { margin-left:60px; text-indent:-20px;}
.txt_in80 { margin-left:80px; text-indent:-20px;}

/* profile */  
.box_profile, .box_profile02 {margin:0; padding:0;}
.box_profile li {display:inline-block; width:100%; margin:0;}
.box_profile02 li {display:inline-block; width:48.2%; margin:0; margin-right:1.5%;}
.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:26px; font-size:13px;}
.profile table td {padding:3px 0px 3px 3px;}
.profile table th {width:95px;padding:3px 0px 3px 3px; color:#9b8164; white-space:nowrap; text-align:left; }
.profile table .photo {width:115px; padding:5px 5px 0px 0px; border-top:none; vertical-align:top;}
.profile table .photo img{width:100px; height:135px;}
.profile table .name {border-top:none; font-weight:600; font-size:18px; padding-bottom:7px;}
/*오시는 길 */
.map {width:100%; color:#444444;}
.map h4 {padding-left:0; font-size:15px;}
.map strong {display:inline-block; margin:0 0 5px 0; font-weight:600;}
.map .box {float:right; display:inline-block; margin:20px 0;}
.map .box a {display:inline-block; border:solid 1px #a19186; color:#423c31; margin-left:10px; padding:7px 16px; font-size:13px; background:#eee8e4;}
.map .box a:hover {background:#a19186; border:solid 1px #a19186; color:#ffffff;}
.root_daum_roughmap {width:100%;}

/* 연혁 */
.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:-19px; 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/globalstudent/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/globalstudent/mycodyimages/history_01.png') right 0px no-repeat;}
.history li .year.odd {background:url('/user/globalstudent/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:13px; 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;}

/* 관련사이트 */

.link a {display:inline-block; width:46%; height:50px; margin:0 2px 5px 0px; padding:0px 14px 0px 14px; color:#333333; font-size:14px; text-align:center; line-height:50px; vertical-align:middle; text-decoration:none !important; word-break:keep-all; border:solid 1px #cccccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#ffffff; background:-webkit-linear-gradient(#ffffff, #e2e2e2); background:-o-linear-gradient(#ffffff, #e2e2e2); background:-moz-linear-gradient(#ffffff, #e2e2e2); background:linear-gradient(#ffffff, #e2e2e2);}

.link a:hover {border:solid 1px #839bb0; color:#014f9c; font-weight:600; background:#ffffff; background:-webkit-linear-gradient(#ffffff, #f4f4f4); background:-o-linear-gradient(#ffffff, #f4f4f4); background:-moz-linear-gradient(#ffffff, #f4f4f4); background:linear-gradient(#ffffff, #f4f4f4);}
.link a span {display:inline-block; line-height:1.3; line-height:50px; letter-spacing:0.5px;} /* 텍스트가 두줄인경우 */



.link2 a {display:inline-block; width:180px; height:88px; margin:0 2px 3px 0px; padding:0px 14px 0px 14px; color:#333333; font-size:12px; text-align:center; line-height:80px; vertical-align:middle; text-decoration:none !important; word-break:keep-all; border:solid 1px #cccccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#ffffff; background:-webkit-linear-gradient(#ffffff, #e2e2e2); background:-o-linear-gradient(#ffffff, #e2e2e2); background:-moz-linear-gradient(#ffffff, #e2e2e2); background:linear-gradient(#ffffff, #e2e2e2);}

.link2 a:hover {border:solid 1px #839bb0; color:#014f9c; font-weight:600; background:#ffffff; background:-webkit-linear-gradient(#ffffff, #f4f4f4); background:-o-linear-gradient(#ffffff, #f4f4f4); background:-moz-linear-gradient(#ffffff, #f4f4f4); background:linear-gradient(#ffffff, #f4f4f4);}
.link2 a span {display:inline-block; line-height:15px; letter-spacing:-0.5px; margin-top:25px;} /* 텍스트가 두줄인경우 */
.link2 a strong {display:inline-block; line-height:15px; letter-spacing:-0.2px; margin-top:6px;} /* 텍스트가 세줄인경우 */

/* 로그인페이지 */
.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_box .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 !important; background:#6c8da9;}
p.join3_hbtn a {float:right; display:inline-block; width:100px; height:35px; font-size:15px; font-family:"NanumGothic","Nanum Gothic", "나눔고딕"; line-height:35px; letter-spacing:0px; text-align:center; font-weight:600; color:#ffffff !important; background:#a19186;}
.join3_btn a:hover, p.join3_hbtn a:hover {text-decoration:none !important;}
.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:340px; padding-left:40px; vertical-align:top;}
.msg p {font-size:12px; line-height:24px;}
.sel_direct01 h2 {font-size:13px;}

.download {display:inline-block; width:280px; margin-left:10px; padding:10px 0px; color:#008395 !important; font-weight:600; font-size:13px; text-align:center; border:solid 1px #4a9fab; background:#e6f0f2; text-decoration:none !important;}
.download:first-child {margin-left:0px;}
.download:hover {background:#4a9fab; color:#ffffff !important;}




@media screen and (max-width:800px) {
	.contents_area p {text-align:left;}
	.img2 {width:100%; height:194px; background:url('/user/globalstudent/mycodyimages/sub_img.jpg') center top no-repeat;}
	.img2 img {display:none;}
	.content_tail {padding:10px 10px 10px 4% !important; border-bottom:solid 1px #dddddd;}
	.navi_f {padding-right:2%;}
	h2 {padding:10px 0px 10px 0px !important; margin-bottom:0;}
	.contents_area {padding:20px 4% 50px 4% !important;}
	.contents_area img {width:100%;}	
	.login_box {padding:0 0 0 0; border:none;}
	.login_box .login {width:100%; border-right:none; padding-right:0;}
	.user3_id li .input3_usid, .user3_id li .input3_uspass, .user3_id li .input3_usid_off, .user3_id li .input3_uspass_off {width:calc(100% - 22px);}
	.msg {clear:both; display:block; width:100%; padding-left:0;}
	.login3_btn, .join3_btn {width:48%;}
	.join3_btn a {width:100%;}
	.user3_pass .user3_out {width:65px;}	
	.history {margin:0px 0 0 0px;}
	.history li div {width:calc(100% - 35px); margin-left:13px; 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/globalstudent/mycodyimages/history_01.png') left 0px no-repeat;}
	.history li .year.odd {background:url('/user/globalstudent/mycodyimages/history_02.png') left 0px no-repeat;}
	.history li .first .dot {left:-19px;}
	.history li .first .dot {display:none;}
	.box_profile li {block; width:100%; margin:0 0px 0 0px;}
	.box_profile li.right {margin:0 0px 0 0px;}
	.profile table td br {display:none;}
	.link a {width:calc(46% - 12px); margin:0 0 20px 4%;}
	.contents_area #board-container .list table tr:first-child {border-top:solid 2px #6c6c6c;}
	.contents_area #board-container .list td, .contents_area #board-container .list th {display:none;}
	.contents_area #board-container .list td.no, .contents_area #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) {
	.curriculum2 table {border-top:none; border-bottom:solid 1px #cdd3d4;}
	.curriculum2 th {display:none;}
	.curriculum2 td {display:block; width:94%; text-align:left; padding:3% 3% 5% 3%; border-bottom:none;}
	.curriculum2 td.num {display:table-cell; width:15%; text-align:center; background:#ebeded;}
	.curriculum2 td.code {border-right:solid 1px #cdd3d4; background:#ebeded;}
	.curriculum2 td.left {vertical-align:middle;}
	.curriculum2 tr td:before {display:block; content:'1학년'; font-weight:600; height:25px; line-height:20px; padding-left:10px;}
	.curriculum2 tr td+td:before {content:'2학년';}
	.curriculum2 tr td+td+td:before {content:'3학년';}
	.curriculum2 tr td+td+td+td:before {content:'4학년';}
	.curriculum2 th.num {display:block; border-bottom:none; background:#ebeded; border-top:solid 1px #cdd3d4;}
	.curriculum2 td div {text-align:center;}
	.link a {display:block; width:auto; margin:0 0 20px 0;}
	#board-container .view .viewTop .id {margin-top:2px !important; text-align:left !important;}
}
@media screen and (max-width:640px) {
	.download {width:160px; padding:10px 20px;}
}
@media screen and (max-width:500px) {
	.tab {margin-top:0px; margin-bottom:30px;}
	.tab td {display:block; width:100% !important;}
	.tab table {border-bottom:solid 1px #cdd3d4;}
	.tab td a {border:none; border-top:solid 1px #cdd3d4;}
	.tab td a:hover {border-bottom:none;}
	.tab td.active a {border-bottom:none; border-top:solid 1px #cdd3d4;}
	.tab td.active a:before {content:'▶ ';}
	.download {display:block; width:calc(100% - 42px); margin:-1px auto 0;}
	.download:first-child {margin-left:auto;}
	.profile table tr {display:table; width:100%;}
	.profile table th {display:table-cell; padding:6px 7px 6px 7px;}
	.profile table td {display:table-cell; width:calc(100% - 67px);}
	.profile table .photo, .profile table .name {display:block; width:100%; height:auto; padding:6px 0 6px 0px; text-align:center;}
	.profile table .photo img {width:120px;}
}
@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;}
}
@media screen and (max-width:360px) {
	.profile table th, .profile table td {display:block; width:100%;}
	.profile table td {border-top:none; padding:0px 7px 6px 7px;}
}