@charset "utf-8";
/* CSS Document */

/* ------------------------------
	문서 기본
------------------------------ */

/*common*/
body { background: #f7f9fa;  /*padding-top: 140px;*/}

.t-ellipsis {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.user {color:#4f59c4;font-weight:bold;}
.like-it {color:#bb8400;}
.like-it2 {color:#999;}
.brown {color:#db6ea4;}

a.bold:focus, a.bold:hover {text-decoration:none;color:#db6ea4;font-weight:bold;}

@media (min-width:992px) {
	.main-left { padding-right:20px; }
	.main-right {padding-left:15px; }
	.main-content > .row { margin-top:20px; margin-left:-15px; margin-right:-15px; }
}
@media (min-width:1200px) {
	.main-left { padding-right:25px; }
	.main-right {padding-left:20px; }
}

/*visual default*/
.visual {background:#fcfcfc;height:170px;}
.visual a {display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;color:#fff;}
.visual a:focus, .visual a:hover {text-decoration:none;}
.visual a h2 {word-break:keep-all;margin:0;}

.vi-text{width:80%;margin:0 auto;font-family: Open Sans, Malgun Gothic, '맑은고딕', Dotum, '돋움', Gulim, Helvetica, Arial, sans-serif;}
.vi-text1 {font-size:16px;font-weight:400;letter-spacing:-1px;}
.vi-text2 {font-size:18px;font-weight:700;letter-spacing:-0.5px;margin-top:-7px;line-height:25px;}
.vi-text3 {position:relative;font-size:12px;}
.vi-text3 span {display:block;border:2px solid #fff;width:120px;height:25px;line-height:20px;margin:0 auto;}

@media (min-width:360px) {

	.vi-text1 {font-size:16px;}
	.vi-text2 {font-size:22px;}
	.vi-text3 {font-size:13px;}
}
@media ( min-width: 480px) {
	.visual {height:210px;}
}
@media (min-width:640px) {

}
@media (min-width:768px) {
	.tit {font-size:18px;}
	.visual {height:318px; background:#fcfcfc;}
	.visual a {color:#fff;}

	.vi-text {width:400px;margin:0 auto;}
	.vi-text1 {font-size:24px;letter-spacing:-1.5px;}
	.vi-text2 {font-size:36px;font-weight:700;letter-spacing:-3.5px;line-height:45px;}
	.vi-text3 {font-size:14px;}
	.vi-text3 span {display:block;border:2px solid #fff;width:220px;height:30px;line-height:26px;margin:0 auto;}
}
@media (min-width:992px) {
	.visual { height:280px;padding-right:5px;}
}
@media (min-width:1200px) {
	.visual {height: 318px;}
}

/*notice*/
.notice { margin-top:0px; overflow:hidden; background:#fff;}
.notice h2 { font-size: 16px; color:#222; padding: 15px 10px;border-bottom:1px solid #dee3eb;margin:0; font-size:16px; font-weight:bold; letter-spacing:-1px; }
.notice h2 .more { float:right; font-size: 10px; color:#222; letter-spacing:0px;margin-top:3px;}
.notice h2 .more:hover { text-decoration:none; }
.notice-list {margin-bottom:0;}
.notice-list li a {display:block;height:42px;line-height:40px;padding-left:10px;color:#222;border-bottom:1px solid #f0f0f0;}
.notice-list li a:hover,.notice-list li a:focus {text-decoration:none;color:#4f59c4;}

.notice-list li span.subject {float:left;max-width:73%;font-size:14.5px;color:#111;}
.notice-list li span.add-info {float:right;width:23%;font-size:13px;color:#999999;}
.notice-list li span.count {display:none;}

@media (min-width:360px) {
	.notice-list li span.subject {max-width:79%;padding-right:13px;}
	.notice-list li span.add-info {width:20%;}
}
/*iPhone 6 plus 414*/
@media (min-width:414px) {
	/*notice-list*/
	.notice-list li span.subject {max-width:80%;}
	.notice-list li span.add-info {width:13%;}
}
@media (min-width:480px) {
	/*notice-list*/
	.notice-list li a { font-size:13px; }
	.notice-list li span.add-info {font-size:13px;vertical-align:top;}
}
@media (min-width:640px) {
	/*notice-list*/

}
@media (min-width:768px) {
	.notice-list li span.subject {max-width:85%;font-size:17px;}
	.notice-list li span.add-info {width:10.5%;padding-left:0;}
}
@media (min-width:992px) {
	/*notice*/
	.notice {height:287px;}
	.notice h2 { height:46px; background-color:#4f59c4;  color: #fff; padding:14px 15px; margin:0;border-bottom:0;}
	.notice h2 .more { color:#fff;}
	.notice-list li {width:90%;margin:0 auto;}
	.notice-list li span.subject {max-width:100%;}

	/*notice-list*/
	.notice {margin-top:0px;}
	.notice-list li a {display:block;height:56px;line-height:20px;padding:10px 0;border-bottom:1px solid #dee3eb;}
	.notice-list li.last a {border-bottom:0}
	.notice-list li a:hover {background:none;}
	.notice-list li span.subject {width:100%;height:20px;display:block;padding-left:8px;font-size:14px;float:none;background:url('../img/m/bullet_arrow.png') 0px 8px no-repeat;letter-spacing:-0.5px}
	.notice-list li span.add-info {width:32%;padding-left:8px;float:none;}
	.notice-list li span.date {display:inline-block;font-size:13px;color:#666;}
	.notice-list li span.count {display:inline-block;font-size:13px;color:#666;}
	.notice-list li span.count span.glyphicon {font-size:11px;}
}
@media (min-width:1200px) {
	.notice { height: 318px;}
	.notice-list {margin-top:12px;}
	.notice-list li a {height:62px;padding:10px 0;}
	.notice-list li span.date { width: 20%; }
	.notice-list li span.count { width: 25%; }
	.notice-list li span.subject { background:url('../img/m/bullet_arrow.png') 0px 10px no-repeat; }
}

/*Board*/
.board {margin-top:5px;background:#fff;border-top:1px solid #f0f0f0;}

.board-tabs {margin:0;padding:0;color:#111;background: #fff; border-bottom:1px solid #dee3eb;height:50px;overflow-y: hidden;overflow-x: auto;white-space: nowrap;display: block;}
.board-tabs ul {margin:0;padding:0px;height:100%;}
.board-tabs ul li {margin:0;padding:0;height:100%;display:inline-block;}
.board-tabs ul li a {height:100%;display:inline-block;padding:15px 15px;color:#666;font-size:14px;font-weight:bold;letter-spacing:-1px;}
.board-tabs ul li.on a {color:#db6ea4;font-weight:bold;border-bottom:2px solid #db6ea4}
.board-tabs ul li a:hover, .board-tabs ul li a:focus {text-decoration:none;color:#db6ea4 !important;}

.board-list {margin:0;padding:0;}
.board-list ul {margin:0;padding:0px;}
.board-list ul li {margin:0;padding:0px;}
.board-list ul li a {display:block;;height:42px;line-height:40px;padding:0 12px;font-size:15px;border-bottom:1px solid #f0f0f0;}
.board-list ul li a:focus, .board-list ul li a:hover {text-decoration:none;background:#f0f0f0;}
.board-list ul li .subject {float:left;max-width:91%;color:#000;letter-spacing:-0.5px;display:inline-block;}
.board-list ul li .subject:hover {text-decoration:none;color:#4f59c4;}
.board-list ul li .writer {display:none;float:right;text-align:left;width:14%;padding-left:3.5%;}

@media (min-width:360px) {

}
/*iPhone 4,5 320*/
@media (min-width:320px) {

}
/*iPhone 6 375*/
@media (min-width:375px) {

}
/*iPhone 6 plus 414*/
@media (min-width:414px) {
	/*Board-board-list*/
	.board-list ul li .subject {max-width:80%;}
	.board-list ul li .writer {width:13%;}
}
@media (min-width:480px) {

}
@media (min-width:640px) {

}
@media (min-width:768px) {
	.board { height: 220px;}

	/*Board-board-list*/
	.board-list ul li a { font-size:12px; }
	.board-list ul li .subject { max-width:78%;}
	.board-list ul li .writer {display:inline-block; width:15%; }
}
@media (min-width:992px) {
	.board {margin-right:-10px;border:1px solid #dee3eb;}
	.board-tabs {height:55px;}

	/*Board-board-list*/
	.board-list {margin-top:15px;padding-left:10px;}
	.board-list ul li a {height:26px;line-height:26px;border-bottom:0}
	.board-list ul li a:focus, .board-list ul li a:hover {background:none;}
	.board-list ul li .subject {max-width:73%;padding-left:8px;background:url('../img/m/bullet_dot.gif') left center no-repeat;}
	.board-list ul li .writer {width:15%;}
}
@media (min-width:1200px) {
	.board {margin-top:20px;}

	/*Board-board-list*/
	.board-list ul li .subject {max-width:73%;}
	.board-list ul li .writer {width:15%;}
}



/* Exam */
.qlink {margin-top: 5px; }
.qlink .link-o {width: 100%;display:table;height:55px;border:1px solid #e1e5eb;border-bottom:0;background:#fff;table-layout:fixed;}
.qlink .link-o.last {border-bottom:1px solid #e1e5eb;}
.qlink .link-o .title {display:table-cell;font-size: 14px;font-weight:700;background: url( '../img/m/icon-01.png') 10px center no-repeat;padding: 17px 10px 15px 32px;border-right: 1px solid #e1e5eb;}
.qlink .link-o .link1 {display:table-cell;width:54px;border-right: 1px solid #e1e5eb;vertical-align: middle;text-align:center;}
.qlink .link-o .link2 {display:table-cell;width:54px;vertical-align: middle;text-align:center;}
.qlink .link-o .link1 a, .qlink .link-o .link2 a {display:block;height:100%;line-height:45px;background: #fcfcfc;}
.qlink .link-o .link1 a:hover, .qlink .link-o .link2 a:hover {background: #f0f0f0;}

@media (min-width:768px) {
	.qlink .link-o .title {font-size: 14px;padding: 17px 10px 15px 40px;background: url( '../img/m/icon-01.png') 17px center no-repeat;}
}
@media (min-width:992px) {
	.qlink .link-o .title {font-size: 12px;padding: 19px 10px 15px 40px;}
	.qlink .link-o .link1 {width:54px;}
	.qlink .link-o .link2 {width:54px;}
	.qlink .link-o .link1 a, .qlink .link-o .link2 a {line-height:50px;}
}
@media (min-width:1200px) {
	.qlink {margin-top: 20px;}
	.qlink .link-o {height:55px;}
	.qlink .link-o .title {font-size: 14px;padding: 16px 10px 15px 40px;}
	.qlink .link-o .link1 {width:70px;}
	.qlink .link-o .link2 {width:70px;}
	.qlink .link-o .link1 a, .qlink .link-o .link2 a {line-height:45px;}
}

/* Banner */
.link-area-o {padding:0;margin:5px 0px 5px 0px;}
.link-area {display:block;width:100%;}
.link-area div {display:inline-block;width:49%;height:64px;padding:0 2px;margin:3px 0;vertical-align:top;}
.link-area div a {display:block;height:64px;line-height:56px;text-align:center;background:#fff;border:1px solid #dee3eb;}
.link-area div a img {max-width:90%;}

@media (min-width:992px) {
	.link-area-o {padding:0;margin:10px -5px 10px -5px;}
	.link-area {display:table;width:100%;}
	.link-area div {display:table-cell;width:25%;height:64px;padding:0 5px;vertical-align:top;}
	.link-area div a {display:block;height:64px;line-height:56px;text-align:center;background:#fff;border:1px solid #dee3eb;}
}

@media (min-width:1200px) {
	.link-area-o {padding:0;margin:20px -5px 20px -5px;}
}