@charset "utf-8";

/* Layoyt (레이아웃)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */

.pop-search-btn{
    background: #333;
    width: 100%;
    text-align: center;
    color: #fff;
    height: 40px;
    line-height: 40px;
}

._mg_t_30{margin-top:30px;}

/* Sub Contents (서브 콘텐츠 영역)
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	#subContents{padding:230px 0 120px; width:100%;}
	.sub-contents p{white-space:pre-line; word-break:break-all;}
	.sub-contents p:last-child{margin-bottom:0;}

	.sub-contents .big-txt{margin-bottom:40px; line-height:1.3; font-size:25px; color:#333;}
	.sub-contents .big-txt strong{font-weight:700; color:#ff4e00;}

	/* @media only screen and (min-width:1201px) {
		#subContents{margin:0 auto; width:1200px;}
	}
	@media only screen and (max-width:1200px) {
		#subContents{padding:100px 20px;}
	}
	@media only screen and (max-width:768px) {
		#subContents{padding:50px 10px;}
		
		.sub-contents p{font-size:14px; white-space:normal; word-break:break-word;}
		.sub-contents .big-txt{margin-bottom:20px; font-size:20px;}
	} */



/* 게시판 관련 CSS
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	/* 일반게시판 List
	.whois-board-list { display:inline-block; padding:0; font-size:13px; }
	.whois-board-list .whois-board-row { width:100%; margin:0 0 0 0; padding:15px 0 15px 0; float:left; border-bottom:1px solid #eee; color:#000000; }
	.whois-board-list .whois-board-row .whois-board-row-subject { margin:0 0 5px 0; padding:0; font-size:14px; font-weight:600; }
	.whois-board-list .whois-board-row .whois-board-row-info { color:#acacac; }
	.whois-board-list .whois-board-row .whois-board-row-info .whois-board-row-author { max-width: 33vw; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align: middle; }
	
	일반게시판 view
	.whois-board-view { display:inline-block; border-top:1px solid #ff4e00; } Line 색상
	.whois-board-view .whois-board-view-row { width:100%; margin:0; padding:0; padding:10px 0 10px 0; float:left; border-bottom:1px solid #eee; }
	.whois-board-view .whois-board-view-row .whois-board-view-subject { width:100%; margin:0 0 15px 0; padding:0; float:left; font-size:18px; font-weight:600; }
	.whois-board-view .whois-board-view-row .whois-board-view-author { width:100%; margin:0 0 5px 0; padding:0; float:left; font-size:13px; font-weight:600; }
	.whois-board-view .whois-board-view-row .whois-board-view-info { width:100%; margin:0; padding:0 0 10px 0; float:left; color:#acacac; }
	.whois-board-view .whois-board-view-row .whois-board-view-content { width:100%; margin:0; padding:10px 0 10px 0; float:left; font-size:12px; }
	
	.whois-board-view .whois-board-view-files { width:100%; margin:0; padding:0; float:left; }
	.whois-board-view .whois-board-view-files .whois-board-view-file { width:100%; margin:0; padding:5px 0; float:left; font-size:12px; }
	.whois-board-view .whois-board-view-files .whois-board-view-file .whois-board-view-file-count { font-size:11px; color:#c4c4c4; }
	
	게시판 버튼
	.btn-search, .whois-button-submit, .btn-sub { color:#fff; background-color: #ff4e00; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out;}
	.btn-search:hover, .btn-search:focus, .whois-button-submit:hover,.whois-button-submit:focus, .btn-sub:hover, .btn-sub:focus { color:#fff; background-color: #e64600; }
	
	게시판 공통
	.sub-box { margin-right:5px; background-color: #ff4e00;  border: 0; color:#ffffff; display: inline-block; font-family: "Nanum Gothic", sans-serif;}
	.sub-box.sm { font-size: 12px; padding: 2px 5px;}
	.sub-box.m { font-size: 14px; padding: 4px 8px;}
	.sub-box.lg { font-size: 16px; padding: 6px 12px;}
	 
	.sub-border { border: 1px solid #ff4e00; }
	.sub-border-t { border-top: 1px solid #ff4e00; }
	.sub-border-r { border-right: 1px solid #ff4e00; }
	.sub-border-b { border-bottom: 1px solid #ff4e00; }
	.sub-border-l { border-left: 1px solid #ff4e00; }
	
	.sub-bg { background-color: #ff4e00; }
	.sub-bg-hover:hover { background-color: #e64600; } */



/* 로그인/회원가입 관련 CSS
---------------------------------------------------------------------------------------------------------------------------------------------------------- */
	.material-form{margin:0 auto; background:#fff;}
	.material-form .header{padding:50px 10px; background:#6498fe; font-size:16px; color:#fff;}
	.material-form .header h3{font-size:30px;} 
	.material-form .header p,
	.material-form .header span{margin-top:15px; font-size:16px; color:#fff;}

	.material-form .sub-header h4{font-weight:bold;	height:34px; line-height:34px; font-size:16px;}
	.material-form .sub-content .form-group:last-child{margin:0;}

	.material-form .input-group{
	    overflow: hidden;
		display: block;
		margin-left: 150px;
	}
	.material-form .input-group .input-group-addon{padding-right:6px; padding-left:6px; background:#fff; border:0;}

	.material-form .form-control,
	input[type='text'].whois,
	input[type='password'].whois,
	select.whois{border:1px solid #ccc; transition:0.3s all ease;}

	.material-form .form-group{margin-bottom:15px; overflow:visible;}

	.material-form .form-group.success .form-control{color:#5cb85c;}
	.material-form .form-group.failed .form-control{color:#d9534f;}
	.material-form .form-control[readonly]{background:#fff;}
	.material-form .btn {height:38px;}
	.material-form .btn-default{-webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; transition:all .3s ease-out;}

	.material-form .input-group input,
	.material-form .input-group select,
	input[type='text'].whois,
	input[type='password'].whois,
	select.whois{z-index:10;}

	.input-group label.th{z-index:9; display:none; position:absolute; top:50%; left:10px; margin-top:-10px; height:20px; color:#ccc;}

	.input-group label.th.ie9{z-index:11; display:block;}
	.material-form .desc{padding:10px 0;}

	.chkbox{display:inline-block; margin:0; padding:0;}
	.chk-block,
	.chk-block span{display:block; text-align:center; width:100%;}
	.chkbox input[type='radio'],
	.chkbox input[type='checkbox']{display:none;}
	.chkbox input[type='radio']~.rbtn{padding: 6px 12px; line-height:27px; border:1px solid #ccc; border-radius:3px; cursor:pointer;}
	.chkbox input[type='radio']:checked~.rbtn{background:#ccc; color:#fff;}
	.chkbox input[type='radio']~.box,
	.chkbox input[type='checkbox']~.box{display:block; color:#bbb; cursor:pointer; transition:0.5s all ease;}
	.chkbox input[type='radio']~.box:before,
	.chkbox input[type='checkbox']~.box:before{display:inline-block; margin-right:5px; padding:2px;	font-family:'Glyphicons Halflings'; font-size:18px; font-weight:normal; line-height:1; text-align:center; transition:0.4s all ease; vertical-align:middle; color:#cfcfcf;}
	.chkbox input[type='radio']~.box:before{content:"\e165";}
	.chkbox input[type='checkbox']~.box:before{content:"\e013";}
	.chkbox input[type='radio']:checked~.box,
	.chkbox input[type='checkbox']:checked~.box{color:#666;}
	.chkbox input[type='radio']:checked~.box:before,
	.chkbox input[type='checkbox']:checked~.box:before{color:#666;}



/* 라인맵 */

#linemap{
    background: #f9f9f9;
    border-color: #e5e5e5;
    border-width: 1px 0;
    border-style: solid;
    box-sizing: border-box;
}
#linemap ul{
    width: 1200px;
    margin: auto;
}
#linemap ul:after{
	clear:both;
	display:block;
	content:'';
}
#linemap li{
    float: left;
    border-right: 1px solid #e5e5e5;
    height: 45px;
    line-height: 45px;
    width: 250px;
}
#linemap .to-home{
    border-left: 1px solid #e5e5e5;
    width: 60px;
    text-align: center;
}
#linemap .to-home img{margin-top: -3px;}
#linemap li select{
	padding: 0 20px;
    width: 100%;
    font-size: 14px;
    color: #888;
}


/*  서브타이틀 */

.sub-title{
    text-align: center;
    font-size: 50px;
    color: #000;
    letter-spacing: -2px;
	margin-bottom: 60px;
	word-break: keep-all;
}
.sub-title p{
    font-size: 16px;
    color: #999;
    letter-spacing: 0.5px;
    margin-top: 12px;
}



/* 인사말 */

 .greeting-bg{
	background:url(/res/home/images/greeting-img.png) no-repeat center top/cover;
	height:525px;
} 

.greeting-txt{
	margin: -70px auto 0;
    background: #fff;
    position: relative;
    width: 1080px;
    padding: 30px 50px;
}
.greeting-txt h3{
	font-size:45px;
	color:#000;
	margin-bottom: 30px;
	font-weight: 600;
    letter-spacing: -1px;

}
.greeting-txt h3 span{
    font-size: 50px;
    color: #ccc;
	font-weight: initial;

}
.greeting-txt p{
    font-size: 16px;
    color: #888;
    line-height: 28px;
    word-break: keep-all;
    margin-bottom: 30px;
}
.greeting-txt p i{color:#004a90}

.greeting-txt .naming{
    font-size: 18px;
    color: #666;
    margin: 50px 0 0;
}
.greeting-txt .naming b{
    font-size: 26px;
    color: #054988;
	font-family:'Nanum Gothic';
	line-height: 2.5;
}


/*  오시는길  */

.sub1-3 .root_daum_roughmap{width:100%;}
.location-info{
	margin-top:50px
}
.location-info .sub-txt-list{margin-left:0}
.location-info .sub-txt-list li b{color:#000}
.location-info table{
	border-top:2px solid #064989;
	
}
.location-info .board-tit:before{display:none;}
.location-info th{
	background:#f9f9f9;
	color:#333;
	vertical-align: middle;
	padding: 1.5% 3%;
	font-size: 15px;
}
.location-info td{
	color:#777;
	line-height: 24px;
	padding: 17px 30px;
	font-size:14px;
	word-break:keep-all
}
.location-info th,
.location-info td{
    text-align: left;
    border-bottom: 1px solid #e9e9e9;
	box-sizing:border-box;
	word-break: keep-all;
}
.location-info td li,
.location-info td p{
	font-size:14px;
	word-break: keep-all;
}

.location-info th span{
    margin-right: 7px;
    display: inline-block;
    text-align: center;
}
.location-info tr:nth-of-type(1) th span img{width:13px}	
.location-info tr:nth-of-type(2) th span img{width:18px}	
.location-info tr:nth-of-type(3) th span img{width:23px}	
.location-info tr:nth-of-type(4) th span img{width:24px}	






/* 게시판 - 공지사항*/

.board-notice-wrap{
    display: block;
    overflow: hidden;
    border-top: 3px solid #000;
}
.board-notice-area .notice-wrap:after{
	content:'';
	display:block;
	clear:both;
}
.board-notice-list{
    width: 100%;
    margin: 0 0 0 0;
    padding: 25px 0 ;
    float: left;
    border-bottom: 1px solid #eee;
    color: #000000;
}
.board-num,
.board-cont{float:left;}

.board-num{
    color: #333;
    font-size: 42px;
    font-weight: 300;
    width: 15%;
    text-align: center;
    border-right: 1px solid #ddd;
    height: 100%;
    line-height: 100px;
    letter-spacing: -1px;
}
.board-cont{
    width: calc(100% - 15%);
    padding-left: 30px;
}
.webzine-thumb-area{
	display: inline-block;
    float: left;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.webzine-thumb-area a{
    width: 160px;
    height: 102px;
    position: relative;
    text-align: center;
	display: table-cell;
    vertical-align: middle;
}
.webzine-thumb-area a img{
	max-height: 100%;
    width: 100%;
    height: 100%;
}
.board-cont-area{
	overflow: hidden;
    margin-left: 185px;
}
.notice-title a{
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.board-notice-cont{margin: 10px 0 15px;}
.board-notice-cont a{
    font-size: 14px;
    color: #999;
    word-break: keep-all;
    line-height: 22px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.board-notice-date{
	font-size: 13px;
    color: #999;
}

.board-search{
	background: #f9f9f9;
    padding: 20px;
    text-align: center;
    font-size: 0;
    position: relative;
}
.board-search select{
	background-color: #fff;
    width: 170px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border: 1px solid #e5e5e5;
    vertical-align: top;
    border-right: 0;
}

.search-bar{
	position:relative;
	width:380px;
	display:inline-block;
}
.search-bar .board_input{
    border: 1px solid #e5e5e5;
    height: 40px;
    width: 100%;
    vertical-align: top;
	padding-right:50px;
	font-size: 13px;
    padding: 0 10px;
}
.search-bar button{
    position: absolute;
    right: 0;
    height: 40px;
    line-height: 40px;
    width: 50px;
}

/*버튼*/
.btn-bk{
    background: #333;
    color: #fff;
    padding: 7px 30px;
    font-size: 13px;
	border: 1px solid #333;
    box-sizing: border-box;
}
.btn-wht{
    font-size: 13px;
    padding: 7px 30px;
    background: #fff;
    border: 1px solid #ddd;
    box-sizing: border-box;
    color: #666;
}
.list-inline > li { vertical-align:middle; }
.site_navi { text-align:right; font:11px dotum; color:#838383; width:780; border-bottom:1px solid #dddddd; padding-bottom:7px; }
.comment_number {font-size:12px;}
.paginate_regular{margin: 30px 0 50px; text-align:center;line-height:normal}
.paginate_regular a,
.paginate_regular strong{display:inline-block;position:relative;margin:0 -2px;padding:2px 8px;font-weight:bold;font-size:12px;font-family:Tahoma, Sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle}
.paginate_regular a:hover,
.paginate_regular a:active,
.paginate_regular a:focus{background-color:#f8f8f8}
.paginate_regular strong{color:#f60}
.paginate_regular .direction{font-weight:normal;color:#767676;white-space:nowrap}
.paginate_regular .direction span{font-weight:bold;font-size:14px}
.paginate_regular .direction:hover,
.paginate_regular .direction:active,
.paginate_regular .direction:focus{background-color:#fff;color:#333}




/* 게시판 뷰페이지 */


.board-view-wrap {
    border-top: 3px solid #000;
}
.board-view-header{
	padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.board-view-title{
	font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
}
.board-view-cont-wrap{
	padding: 20px 15px;
    border-bottom: 1px solid #e5e5e5;
}
.board-view-cont {
    font-size: 13px;
    line-height: 21px;
    word-break: keep-all;
}


.other-data{
    font-size: 13px;
    margin-top: 40px;
    padding: 15px;
    text-align: left;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background: #f9f9f9f9;
}
.other-data a{display:inline-block;}
.next_data_area{margin-bottom: 10px;}
.other-data>div .b{font-weight: bold;}

.btn_area{margin-top:20px}
.btn_area:after{
	clear:both;
	display:block;
	content:""
}

.file-wrap{margin-top:20px}
.file-th{
    font-size: 14px;
    color: #111;
}
.file-list li a,
.file-list li span,
.file-download-cnt{
    display: inline-block;
    font-size: 13px;
    vertical-align: middle;
}

/* Align*/
.align_left {float:left; }
.align_right {float:right;}



/* custom */

.board-content-wrap img { max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } 





/* faq */

.faq-area{
	display: block;
    overflow: hidden;
    border-top: 3px solid #000;
}
.faq-title{
	padding: 17px 10px;
    font-weight: normal;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
	position: relative;
}
.faq-title a{
    position: relative;
    padding-left: 27px;
}
.faq-title a i{
    color: #999;
    font-size: 13px;
    display: block;
    margin-top: 3px;
}
.faq-cont-wrap{
    display: none;
    padding: 20px;
    line-height: 22px;
    background: #f5f5f5;
    color: #7A7A7A;
    font-size: 14px;
}
.faq-cont-wrap.view{ display: block; }

.list-inline > li { vertical-align:middle; }
.comment_number { font:bold 10px verdana; color:#6fa800; }



/* custom */



.icon-q {
	border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 24px;
    background: #000;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
}




/* 일반게시판 - pbl양식 */

.contents_sub table img{padding-top:2px}
.board_title{font-size:14px;font-weight:bold;color:#000}
.coment_number{font:bold 10px verdana;color:#6fa800}
.board-default-area{
    border-top: 3px solid #000;

}
.board-default-area th{
    border-bottom: 1px solid #e5e5e5;
    background-color: #f9f9f9;
    color: #111;
    font-weight: 600;
    word-wrap: break-word;
    word-break: break-all;
    padding: 15px 0;
    text-align: center;
    font-size: 15px;
}
.board-default-area td{
    border-bottom: 1px solid #e5e5e5;
    color: #666;
    text-align: center;
    padding: 13px 0;
    word-wrap: break-word;
    word-break: keep-all;
    font-size: 14px;
}
.board-default-area td a{display:inline-block;}
.board-default-area td.left{text-align:left}
.board-default-area td.category{font-weight:bold}
.none-data{    padding: 100px 0 !important;}




/* 교내- 검색 */

.search-multi ul:after{
	clear:both;
	display:block;
	content:'';
}
.search-multi{
	padding: 50px;
    margin-bottom: 50px;
}
.search-multi li{
	float: left;
    width: calc(100%/2 - 0.3%);
    margin-bottom: 0.5%;
}
.search-multi li:nth-child(odd){
    margin-right: 0.5%;
}
.search-multi select{
	width: 100%;
    border-right: 1px solid #e5e5e5;
    background: #fff url(/res/home/images/arrow-gray.png) no-repeat 96% center;
    padding: 0 20px;
	font-size: 14px;
    font-weight: bold;
}
.search-multi li:nth-child(odd) select{}
.search-multi .board_input{
	padding:0 20px;
	font-size: 14px;
    font-weight: bold;
}
.search-multi .board_input::placeholder{color:#555}
.seach-btn-txt{
    width: 100%;
    background: #333;
    color: #fff;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
}

.down-btn2{
    background: #666;
    height: 25px;
    left: 25px;
    width: 80px;
    text-align: center;
    line-height: 25px;
    color: #fff;
    border-radius: 2px;
    margin-left: 5px;
}
.down-btn2:hover{color:#fff}


/* 일반게시판  */
.default-board{border-top: 3px solid #000;}
.default-board th{
	background: #f5f5f5;
    padding: 1% 3%;
}
.default-board td{
    padding: 1% 2%;
}

.default-board th,
.default-board td{
    font-size: 15px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 25px;
}

.default-row th, .default-row td {
	text-align: center;
	border-right:1px solid #e5e5e5;
}
.default-row th:last-of-type, .default-row td:last-of-type{border-right:0}
.default-row td.tt-left{text-align:left;}

.table-wrap{margin-left: 55px;}
.board-right{border-right:1px solid #e5e5e5 !important}
/*  교수법워크숍 */

.workshop1-cont-area>div{
	margin-bottom:60px
}
.sub-tab_ {
	margin-bottom:50px;
}
.sub-tab_ ul:after {
	content:"";
	display:block;
	clear:both;	
}

.sub-tab_ li {
	width:calc(100%/3);
	float:left;
	text-align: center;
}
.sub-tab_ li.active a {
	background-color:#064989;
}
.sub-tab_ li a {
    font-size: 18px;
    font-weight: bold;
    display: block;
    line-height: 50px;
    height: 50px;
    background-color: #333;
    color: #fff;
    border-left: 1px solid #fff;
}

.board-tit{
    font-size: 21px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
}
.board-tit.marb_30 {margin-bottom:30px;}
.board-tit:before{
	content: '';
    width: 35px;
    background: #064989;
    height: 1px;
    display: inline-block;
	vertical-align: 7px;
    margin-right: 20px;
}
/*.workshop1-cont-area .board-tit:before{display:none;}*/
#board-tit2:before{display:none;}

.workshop1-images  ul:after{
	clear:both;
	display:block;
	content:'';
}
.workshop1-images li{
	float: left;
    margin-right: 15px;
    width: calc(100%/3 - 10px);
}
.workshop1-images li:last-child{margin-right:0}
.workshop1-images li img{width:100%}

.workshop1-images p{
	font-size: 15px;
    color: #888;
    margin-bottom: 7px;
}


/*  수업공모 */

.sub-cont-area>div{margin-bottom:60px}
.sub-txt-list{
	margin-bottom:20px;
	margin-left: 55px;
}
.sub-txt-list.mrbt_15 {margin-bottom:13px;}
.sub-txt-list li{
    font-size: 14px;
    margin-bottom: 5px;
    color: #666;
    word-break: keep-all;
    position: relative;
    padding-left: 12px;
    line-height: 21px;
}
.sub-txt-list li:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #000;
    position: absolute;
    left: 0;
    top: 9px;
}
.sub-txt-list.inner_b li b {
	color: #333;
    padding-right: 3px;
    display: inline-block;
}

/*  연구지원  */
.procedure_ul:after {content:''; display:block; clear:both;}
.procedure_ul {margin-left:55px;}
.procedure_ul li {float:left; padding-right:30px; margin-right:20px; background: url(/res/home/images/procedure_arrow.png) no-repeat right 35%; }
.procedure_ul li:last-child { padding-right:0px; margin-right:0; background: none;}
.procedure_ul li p {
	font-size: 14px;
    text-align: center;
    color: #666;
    line-height: 22px;
    white-space: normal;
    margin-top: 15px;
	min-height:44px;
}

@media only screen and (max-width: 1200px){
.procedure_ul {    margin-left: 0px;}
.procedure_ul li {width:30.5%; margin-bottom: 25px;}
.procedure_ul li:nth-child(n+4):nth-child(-n+5) {margin-bottom: 0px;}
.procedure_ul li:last-child { padding-right:30px; margin-right:20px;}
.procedure_ul li > img {width:100%;}

.board-default-area table {
    display: block;
    white-space: nowrap;
    overflow-x: auto;
    table-layout: fixed;
}
.board-default-area table th,
.board-default-area table td {
	padding:10px !important;
}
}

@media only screen and (max-width: 785px){
.procedure_ul li {width:29.5%;}
.procedure_ul li:nth-child(n+4):nth-child(-n+5) {margin-bottom: 25px;}
.procedure_ul li:last-child {margin-bottom: 0px !important;}
}

@media only screen and (max-width: 600px){
.procedure_ul li:nth-child(2n){margin-right: 0px;}
.procedure_ul li {width:47%;}
}

@media only screen and (max-width: 478px){
.procedure_ul li {
	padding-right: 20px;
    margin-right: 10px;
	margin-bottom: 20px;
}
.procedure_ul li p { margin-top: 10px;}

}


/* 튜터교육 */

.tutor-area .sub-txt-list li{
	font-size: 14px;
    margin-bottom: 15px;
    color: #666;
	word-break: keep-all;
}
.tutor-images ul,
.tutor-images p{margin-left:55px}
.tutor-images ul:after{
	clear:both;
	display:block;
	content:'';
}
.tutor-images li{
    float: left;
    margin-right: 15px;
    width: calc(100%/3 - 10px);
}
.tutor-images li:last-child{margin-right:0}
.tutor-images p{
    margin-bottom: 12px;
    color: #888;
}
.tutor-images li img{width:100%}

.tutor-btn{
    width: 300px;
    background: #333;
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: #fff;
    margin: 30px auto 0;
    font-size: 16px;
}




/* 수업컨설팅 */

.consult-area h5{
	font-size: 16px;
    color: #777;
    text-align: center;
    width: 68%;
    margin: 0 auto 70px;
    line-height: 26px;
}

.consult-area ul:after{
	clear:both;
	display:block;
	content:'';
}

.consult-area ul>li{
	float: left;
    width: calc(100%/3 - 14px);
    margin-right: 20px;
    text-align: center;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
	padding-left: 0;
    line-height: inherit;

}
.consult-area ul>li:before{display:none}
.consult-area ul>li:last-child{margin-right: 0;}
.consult-area ul>li img{width:100%}

.consult-txt{padding:40px; height:275px}
.consult-txt p{
    font-size: 25px;
    color: #000;
    font-weight: 600;
    border-bottom: 1px solid #555;
    margin-bottom: 20px;
    padding-bottom: 12px;
}
.consult-txt ol>li{
    text-align: left;
    color: #888;
    font-size: 15px;
    margin-bottom: 7px;
	position:relative;
	padding-left:12px;
	line-height: 24px;
}
.consult-txt ol>li:last-child{margin-bottom: 0;}
.consult-txt ol>li:before{
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #000;
    position: absolute;
    left: 0;
    top: 9px;
}


/* 모둠 학습지원 */


.support-area .tutor-images li{
    width: calc(100%/2 - 10px);
}

/* IC-PBL 강의실 & Open Space */


.open-area .sub-title br{display:none}
.open-area h5{
	font-size: 16px;
    color: #777;
    text-align: center;
	text-align:center;
}



.tabcontent{text-align: center;}
.tabcontent ol{display: inline-block;}

.tabcontent ol li{
	float:left;
	margin: 0 15px 15px 0;
}
.tabcontent ol li:nth-child(even){
	margin-right:0;
}
.tabcontent ol li:nth-child(odd){
	clear:both;
}
.tabcontent ol li img{width:100%}





.tab-wrap{margin-top:30px}
.tab-btn{
	text-align:center;
	margin-bottom:30px
}
.tab-btn ul{display:inline-block;}
.tab-btn ul:after,
.tabcontent ol:after{
	clear:both;
	display:block;
	content:'';
}
.tab-btn ul li{
    float: left;
    margin-right: 10px;
    font-size: 15px;
    color: #ccc;
    display: inline-block;
    position: relative;
    cursor: pointer;
    border: 1px solid #e5e5e5;
    border-radius: 50px;
    margin-bottom: 10px;
    height: 32px;
    line-height: 32px;
    width: 165px;
}

.tab-btn ul li:nth-child(6){
	clear:both;
	margin-left:100px;
}

.tab-btn ul li.current{
    color: #fff;
    font-weight: bold;
    border: 1px solid #064989;
    background: #064989;
}

/* 학생행사 */
.sub-stitle {
	font-size: 25px;
    color: #000;
    font-weight: 700;
    margin-bottom: 50px;
}
.sub-stitle.padt_20 {padding-top:40px;}
.sub-stitle:before {
	content: '';
    width: 10px;
    background: #064989;
    height: 10px;
    display: inline-block;
    vertical-align: top;
    margin-right:15px;
}
.sub-txt-list .high_lightB {color:#064989; font-weight: 700; display: inline-block; margin-left: 70px;}
.sub-txt-list .high_light {display: inline-block; margin-left: 70px;}
.sub-txt-list .high_lightT {color:#064989; font-weight: 700;}
.student_list {margin-left:55px;}
.student_list:after {content:''; display:block; clear:both;}
.student_list > li {float:left; width:25%;}
.student_list > li .student_list_step {
	position:relative;
	font-size: 18px;
    color: #333;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    padding-bottom: 10px;
	margin-bottom:25px;
	border-bottom:1px solid #dadada;
}
.student_list > li .student_list_step .step_icon {
	position: absolute;
	display:block;
    width: 100%;
    text-align: center;
    top: 30px;
}
.student_list > li h1 {
    font-size: 18px;
    text-align: center;
    padding: 20px 0px;
    background: #064989;
    color: #fff;
    font-weight: 700;
}
.student_list > li:nth-child(2n) h1 { background: #ff9f22;}
.consult-txt.student_txt {
	border: 1px solid #dadada;
	border-right:none;
    border-top: none;
    padding: 30px;
    height: auto;
    min-height: 188px;
    box-sizing: border-box;
}
.student_list > li:last-child .consult-txt.student_txt {border-right: 1px solid #dadada;}
.consult-txt.student_txt ol>li {letter-spacing: 0.15px;}

@media only screen and (max-width: 1200px) {
.consult-txt.student_txt{ height: 188px;}
}

@media only screen and (max-width: 1145px) {
.consult-txt.student_txt{height: 212px;}
}

@media only screen and (max-width: 1053px) {
.student_list > li .student_list_step {font-size: 16px;}
.student_list > li h1 {font-size: 16px;}
.consult-txt.student_txt{height: 236px;}
}

@media only screen and (max-width: 890px) {
.sub-stitle.padt_20 { padding-top: 20px;}
.student_list {margin-left: 0px;}
.student_list > li {width:50%;}
.student_list > li:nth-child(2n) .consult-txt.student_txt {border-right: 1px solid #dadada ;}
.student_list > li .student_list_step .step_icon { top: 27px;}
.student_list > li:nth-child(n+3):nth-child(-n+4) {margin-top:20px;}
.sub-txt-list .high_lightB {margin-left: 0px;}
}


@media only screen and (max-width: 480px) {

.sub-tab_ li { 
	width:100%;
	margin-bottom:1px;
}
.sub-stitle {
    font-size: 18px;
    margin-bottom: 30px;}
.sub-stitle:before { width: 8px; height: 8px;}
.student_list > li {width:100%;}

.consult-txt.student_txt {border-right: 1px solid #dadada ;}
.student_list > li:nth-child(2) {margin-top:20px;}
.consult-txt.student_txt { padding: 20px; height: auto;  min-height: auto;}
}


/*학습법 워크숍*/

.workshop2 .board-tit:before{display:none;}

.workshop2 .sub-cont-area>div.ot-area{margin-bottom:70px }
.ot-area:after{
	clear:both;
	display:block;
	content:'';
}
.ot-area dl{
	float:left;
	width:calc(100%/2 - 10px);
}
.ot-area dl:first-of-type{margin-right:20px}
.ot-area dt{
    float: left;
    margin-right: 40px;
}
.ot-area dd{
	overflow:hidden;
	PADDING-TOP: 15PX;
}
.ot-area dt,
.ot-area dd{
	
}
.ot-area dd li{
    font-size: 14px;
    color: #888;
    position: relative;
    margin-bottom: 5px;
    padding-left: 12px;
    line-height: 21px;
}
.ot-area dd li:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #000;
    position: absolute;
    left: 0;
    top: 9px;
}


.workshop2 .sub-cont-area>div.workshop2-images{margin-bottom: 90px}
.workshop2-images h5{
	font-size: 21px;
    color: #000;
    text-align: center;
    margin-bottom: 30px;
    letter-spacing: -.5px;
	word-break: keep-all;
	line-height: 26px;
}
.workshop2-images h5:after{
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background: #064989;
    margin: 15px auto 0;
}
.workshop2-images ul:after{
	clear:both;
	display:block;
	content:'';
}
.workshop2-images li{
	float: left;
    margin-right: 15px;
    width: calc(100%/3 - 10px);
}
.workshop2-images li:last-child{margin-right:0}
.workshop2-images li img{width:100%}




/*안내*/

.cont-wrap{margin-left:55px}
.f-red{color:#ff7878 !important}
.info-area .sub-txt-list{margin-left:0}

.info-area>div p{
    font-size: 14px;
    margin-bottom: 5px;
    color: #666;
    word-break: keep-all;
	line-height: 24px;
}
.meca-area p{margin-bottom:15px}
.meca-area img{margin: 40px 0 20px;}

.platform-area img{
    margin: 50px auto 20px;
    text-align: center;
    display: block;
}



.goal-wrap{margin: 40px 0;}
.goal-wrap:after{
	display:block;
	clear:both;
	content:'';
}
.goal-wrap dl{
    float: left;
    width: 31%;
    text-align: center;
}
.goal-wrap dl:nth-child(2){margin:0 3%}
.goal-wrap dl dt{
    text-align: center;
    margin-bottom: 30px;
	position:relative;
}
.goal-wrap dl dt span{
    font-size: 20px;
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
    margin-top: -14px;

}
.goal-wrap dl dt br{display:none}
.goal-wrap dl:nth-child(1) dt span{ color:#064989}
.goal-wrap dl:nth-child(2) dt span{ color:#ff9f22}
.goal-wrap dl:nth-child(3) dt span{ color:#a3cc2d} 

.goal-wrap dl dd ul li{
	font-size:14px;
	color:#888;
	margin-bottom:7px;
	text-align:left;
	position:relative;
	padding-left: 12px;
}
.goal-wrap dl dd ul li:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #000;
    position: absolute;
    left: 0;
    top: 9px;
}



.goal2-wrap{
    background: #f5f5f5;
    padding: 4% 0%;
	text-align:center;
}
.goal2-wrap:after{
	display:block;
	clear:both;
	content:'';
}

.goal2-wrap ul{font-size: 0;}
.goal2-wrap ul:after,
.goal2-wrap li:before{
	display:block;
	clear:both;
	content:'';
}
.goal2-wrap li,
.goal2-wrap li i,
.goal2-wrap li p{
    display: inline-block;
    vertical-align: middle;
}
.goal2-wrap li{
    position: relative;
    width: 20%;
}
.goal2-wrap li:nth-child(1){width:20%;}
.goal2-wrap li:nth-child(3){width: 25%;}
.goal2-wrap li:nth-child(5){width: 27%;}


.goal2-wrap li p{
    overflow: hidden;
    font-size: 20px;
    color: #111;
    font-weight: 600;
    text-align: left;
    margin-left: 6%;
}
.goal2-wrap li p span{
	display:block;
	font-size:14px;
	color:#888;
	font-weight:500
}
.goal2-wrap li.goal2-arrow{
	width: 8%;
}


.certify-wrap{margin-top: 30px;}
.certify-wrap dl:after{
	display:block;
	clear:both;
	content:'';
}
.certify-wrap dt{
    font-size: 21px;
    color: #000;
    font-weight: 600;
    float: left;
    width: 120px;
	line-height: 110px;
	letter-spacing: -.5px;

}


.certify-wrap dd{
	float: left;
}

.certify-1{margin-bottom:12px;}
.certify-1 dd{
    width: calc(100%/3 - 40px);
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 29px 0;
    position: relative;
    height: 110px;
}
.certify-1 dd p{
	font-size:18px;
	font-weight:600;
	color:#fff;
	margin-top: 5px;
}
.certify-1 dd:nth-of-type(1){background:#9cd2e8}
.certify-1 dd:nth-of-type(2){background:#498bc3}
.certify-1 dd:nth-of-type(3){background:#064989}

.certify-1 dd:after{
	content: '';
    display: inline-block;
    background: #fff url(/res/home/images/sub1-2-arrow-2.png) no-repeat center;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    position: absolute;
    right: -16px;
    top: 41px;
    z-index: 1;
}
.certify-1 dd:nth-of-type(3):after{display:none}


.certify-2 dd{
	background:#f0f0f0;
	width: calc(100% - 120px);
		text-align:center;
}	
.certify-2 dd ul:after{
	display:block;
	clear:both;
	content:'';
}
.certify-2 dd ul{border-bottom:1px solid #dbdbdb;}
.certify-2 dd ul li{
	float:left;
	width:25%;
	padding: 12px 0;
	font-size:16px;
	color:#737373;
	border-right:1px solid #dbdbdb;
	box-sizing:border-box;
}
.certify-2 dd ul li:last-child{border-right:0}
.certify-2 dd div{
    font-size: 18px;
    color: #666565;
    font-weight: 600;
    padding: 25px 10px;
}



/*교육신청-리스트*/

.calendar-row:after{
	clear:both;
	display:block;
	content:'';
}
.reservation-cell-wrap ol{    padding: 36px 10px;}
.reservation-cell-wrap>ol>li{
	margin-bottom: 2px;
	padding-left: 12px;
	position:relative;
}
.reservation-cell-wrap>ol>li:before{
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #000;
    position: absolute;
    left: 0;
    top: 9px;
}
.reservation-cell-wrap ol li:last-child{margin-bottom:0}
.reservation-cell-wrap ol li a{
	font-size: 12px;
    letter-spacing: -.5px;
    font-weight: 400;
    text-align: left;
    color: #888;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
}
.reservation-cell-wrap ol li a:hover{
	text-decoration:underline
}

.calendar-form  .cal-weekday{
    border: 1px solid #dad9d7;
	box-sizing: border-box;
	border-bottom:0;
	background:#eae8e5
}
.calendar-form  .cal-weekday li{
	border-right:1px solid #dad9d7;
	box-sizing:border-box;

}
.calendar-form  .calendar-row{
	 border-right: 1px solid #eee;
	 box-sizing: border-box;
	
}
.calendar-form .cal-weekday li.saturday{border-right: 0;}

.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.calendar-form {overflow: hidden;}

.cal-month {
    text-align: center;
    padding: 10px 0;
	line-height: 1;
    margin-bottom: 20px;
}
.cal-month a{
    background: url(/res/home/images/cal-arrow.png) no-repeat center/12px 19px;
    width: 40px;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
    line-height: 45px;
}
.cal-month .last-month{transform: rotate(180deg);}
.cal-month span{
    display: inline-block;
    vertical-align: bottom;
    font-weight: 500;
    color: #ff5c5d;
    margin: 0 25px;
    line-height: 45px;
	font-size: 40px;
    letter-spacing: -1.5px;
}


.calendar-form .cal-weekday li{
	height:50px;
	line-height:50px;
}
 .calendar-cell {
	background: #fff;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	vertical-align: top;
	height:100px
}

.cal-list-wrap .board-default-area td.left {padding-left: 20px;}
.cal-list-btn a{
    width: 80%;
    height: 32px;
    line-height: 32px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 50px;
}
.receiving-btn a{
	background: #064989;
    color: #fff;
}
.receiving-end-btn a{
    background: #ccc;
    color: #656565;
	pointer-events: none;
	cursor: default;
}
.receiving-standby-btn a{
    background: #ccc;
    color: #656565;
}
 .reservation-cell .reservation-cell-wrap.reservation {
	background:#f9f9f9;
}
 .reservation-cell {background: #fff;}
 .reservation-cell .reservation-cell-wrap {
	height: 100%;
	position: relative;
}
 .reservation-cell .reservation-cell-wrap:before {
	content: attr(data-day);
	left: 6%;
	position: absolute;
	top: 10%;
	transition: 0.3s all ease;
	z-index: 110;
}
 .reservation-cell .reservation-cell-wrap.reservation .btn,
 .reservation-cell .reservation-cell-wrap.complete .btn{
	left: 15%;
	margin-top: -17px;
	position: absolute;
	top: calc(50% + 10px);
	width: 70%;
	z-index: 100;
}
 .reservation-cell .reservation-cell-wrap.today {
	background: #f4ffae;
}

.mobile-cont-area {display: none;}
.mobile-cont-area ul:after{
	display:block;
	clear:both;
	content:'';
}







/* 교육신청 폼 */

.text-box,
.sel-box,
.multi-box{
    border: 1px solid #ddd;
    padding: 0 20px;
    font-size: 13px;
    color: #888;
	width:100%;
	vertical-align: middle;
}
.text-box,
.sel-box{
	 height: 42px;
     line-height: 42px;
}


.phone,
.email,
.address{font-size:0}
.phone .text-box{
    width: 30%;
    display: inline-block;
    vertical-align: middle;
}
.phone span{
    display: inline-block;
    width: 5%;
    font-size: 24px;
    line-height: 42px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
	text-align:center;
	font-weight:500
}

.email .text-box{
    width: 47%;
    display: inline-block;
    vertical-align: middle;
}

.email span{
	display: inline-block;
    width: 6%;
    font-size: 14px;
    line-height: 42px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    text-align: center;
}


.address .zip-box{width:80%}
.address .zip-btn{
    display: inline-block;
    background: #555;
    width: 20%;
    height: 42px;
    line-height: 42px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    color: #fff;
	font-size: 14px;
    text-align: center;
}
.address .text-box,
.address .zip-btn{margin-bottom:6px;}
.apply-btn{
    width: 250px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    background: #064989;
    color: #fff;
    border: 1px solid #064989;
    box-sizing: border-box;
    margin: 50px auto 0;
    display: block;
    font-weight: 600;
}

.date-btn{
	display: inline-block;
    width: 20px;
    height: 42px;
    position: absolute;
    right: 10px;
    top: 8px;
}
.application-form-wrap .reservation-form{padding:0 100px }
.reservation-form .form-group{	margin-bottom:1.3%;}



.reservation-form .form-group:first-of-type{    
	border-top: 2px solid #000;
    padding-top: 1.3%;
}
.reservation-form .title{
    float: left;
    width: 170px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    word-break: keep-all;
    line-height: 42px;
    padding-left: 12px;
}
.reservation-form .title label{margin-bottom:0}
.reservation-form .input-group-addon {
	background: transparent;
	border: 0;
}

.reservation-form .input-group-addon.btn-group {
	padding: 0 0 0 12px;
}

.reservation-form .input-group-addon .btn {
	height: 38px;
}

.reservation-form .btn-date {
	width: 14px; height: 14px; max-width: 14px;
}

.reservation-form .captcha {
	width: 149px;
	height: 38px;
	padding: 0 5px 0 0;
}

.reservation-form .captcha img {
	height: 38px;
	width: auto;
}

.reservation-form .chkbox{
	display:block;
	text-align:right;
	font-size:12px;
}

.reservation-form textarea{
	min-height: 120px;
	margin-bottom: 10px;
	color:#777;
}
.info {
	background: #fafafa;
	max-height: 200px;
	margin: 5px 0;
	overflow: auto;
	padding: 8px;
	word-break: break-all;
}

.sky_calendar_body th{text-align:center;}

.reservation-form  pre{
	background: #f5f5f5;
    padding: 30px 40px;
    border: 0;
    border-radius: 0;
    margin-bottom: 30px;
	white-space: pre-line;
}


/* 다운로드 팝업 */

.pop-wrap{padding: 20px;}
.pop-wrap .header{
	padding: 0 10px 10px;
    margin-bottom: 15px;
    font-weight: bold;
    border-bottom: 1px solid #535353;
}

.sky_calendar_month,
.sky_calendar_year{background:none}
.pop-wrap .email .text-box{width:100%}

/* 튜터 incubating */

.incubating-area .tutor-images li {
    margin-right: 20px;
    width: calc(100%/2 - 10px);
    margin-bottom: 20px;
}
.incubating-area .tutor-images li:nth-child(even) {
    margin-right: 0;
}



/*갤러리게시판*/

.gallery-view-area .board-content-wrap{padding:20px 15px;}
.gallery-view-area .board-content-wrap img{margin-bottom:15px}


.whois-portfolio .whois-portfolio-item { 
    width: calc(100%/2 - 0.8%);
    margin-bottom: 1.5%;
    float: left;
    margin-right: 1.5%;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.whois-portfolio .whois-portfolio-item:nth-child(even){margin-right:0}

.whois-portfolio .whois-portfolio-item.whois-portfolio-item-last { margin:0 0 30px 0; }
.whois-portfolio .whois-portfolio-item .whois-portfolio-item-img { 
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 55%;
    overflow: hidden;
    text-align: center;
}
.whois-portfolio .whois-portfolio-item .whois-portfolio-item-img img {
    max-width: 100%;
    vertical-align: middle;
    width: 100%;
    min-height: 323px;
    height: auto;
}
.whois-portfolio .whois-portfolio-item .whois-portfolio-item-img .whois-portfolio-item-image-hover {
	position: absolute;
    top: 50%;
    left: 0;
    background: url(/res/home/common/images/img/icon_09.png) no-repeat center top;
    z-index: 9;
    display: none;
    width: 100%;
    height: 110px;
    margin-top: -55px;
}
.whois-portfolio .whois-portfolio-item .whois-portfolio-item-img .whois-portfolio-item-image-hover span{
    font-size: 27px;
    color: #fff;
    font-weight: 500;
    display: block;
    padding-top: 80px;
}
.whois-portfolio .whois-portfolio-item:hover .whois-portfolio-item-img .whois-portfolio-item-image-hover { display:block; }
.whois-portfolio .whois-portfolio-item .whois-portfolio-item-img .whois-portfolio-item-image-blind { display:none; position:absolute; top:0; bottom:0; left:0; right:0; background:url(/res/home/common/images/img/blind_shadow.png); z-index:0; }
.whois-portfolio .whois-portfolio-item:hover .whois-portfolio-item-img .whois-portfolio-item-image-blind { display:block; }
.whois-portfolio .whois-portfolio-item .whois-portfolio-item-title {
    background: #f1f1f1;
    color: #333;
    padding: 10px 20px;
    width: 100%;
}
.whois-portfolio .whois-portfolio-item .whois-portfolio-item-title .whois-title {
    display: inline-block;
    max-width: 100%;
    vertical-align: top;
}
.whois-portfolio .whois-portfolio-item .whois-portfolio-item-title .whois-title.comment { max-width: calc(100% - 38px); }
.whois-portfolio .whois-portfolio-item .whois-portfolio-item-title .comment_number { vertical-align: top; }
.list-inline>li { vertical-align:middle; }




/* custom */
.gallery-wrap { overflow: hidden; }

.whois-portfolio .whois-portfolio-item.no-article { background: #f9f9f9; color: #000; margin: 0; padding: 15px; text-align: center; width: 100%; }
.whois-portfolio .whois-portfolio-item.no-article .whois-portfolio-item-title {    
	margin: 0;
    background: none; 
}
.paginate_regular{margin:30px 0 20px 0;}
.paginate_regular .board_pagetab .on a{
    font-weight: 600;
    color: #fff;
    background: #002c7c;
}
.ellipsis { 
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
}

/*갤러리 뷰*/



/* custom */
.line-b { border-bottom: 1px solid #f0f0f0; }

.whois-board-view {color: #666; line-height: 16px; display: block; overflow: hidden; }
.whois-board-view ul, .whois-board-view ol { margin: 0; }
.whois-board-view .board-title h3 { margin: 8px 0; font-size:18px; line-height:28px; color:#333; }
.whois-board-view .board-title .cate { display: inline-block; background: #eee; padding: 2px 4px; font-size: 12px; }
.whois-board-view .board-info { line-height: 24px; }
.whois-board-view .board-info > span { display: table-cell; padding: 0 15px 0 0; line-height: 22px;}
.whois-board-view .board-content { padding:40px 20px;  line-height:20px;}
.whois-board-view .file-wrap { padding: 8px 0; }
.whois-board-view .file-wrap .file-th,
.whois-board-view .file-wrap .file-td { display: table-cell; }
.whois-board-view .file-wrap .file-list li { line-height: 24px; list-style-type: decimal; margin-left: 20px; }
.whois-board-view .file-wrap .file-list .file-download-cnt { color: #ccc; margin-left: 8px; }

.whois-board-view .comment-wrap { overflow: auto; }
.whois-board-view .comment-wrap .comment-list { background: #f3f3f3; padding:15px; overflow: hidden; margin-bottom: 15px; }
.whois-board-view .comment-wrap .comment-list p { margin: 0; }
.whois-board-view .comment-wrap .comment-item{ margin-top:15px; padding-top:15px; border-top:1px solid #ddd;}
.whois-board-view .comment-wrap .comment-item:first-child{margin-top:0; padding-top:0; border-top:0;}
.whois-board-view .comment-wrap .comment-info{margin-bottom:5px; color:#999;}
.whois-board-view .comment-wrap .comment-info strong{color:#555;}
.whois-board-view .comment-wrap .comment-info > a{float:right;}
.whois-board-view .comment-input { padding-top: 8px;}
.whois-board-view .comment-input .cmt-captha-wrap { background: #fff; border: 0; width: 150px; padding: 0 5px 0 0; }
.whois-board-view .comment-input .cmt-captha-wrap img { height: 36px; width: 150px; }
.whois-board-view .comment-input .input-group textarea,
.whois-board-view .comment-input .input-group-btn button { height: 80px; }
#fCaptcha { border-radius: 3px; }

.form-group label{font-weight:normal;} 
.board-content-wrap img { max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; }





/*pbl-tip*/

.pbl-tip-area .tip-program li b{
	color:#333;
	padding-right:3px;
	display:inline-block;
}

.pbl-tip-btn{
    text-align: center;
    margin-top: 80px;

}
.pbl-tip-btn ul{
	display: inline-block;
    width: 100%;
    font-size: 0;
}
.pbl-tip-btn ul:after{
	clear:both;
	display:block;
	content:'';
}
.pbl-tip-btn li{
    margin-right: 1%;
	margin-bottom : 5px;
    width: 28%;
    display: inline-block;
}
.pbl-tip-btn li:last-child{margin-right:0}

.pbl-tip-btn li a{
    background: #064989;
    text-align: center;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
}
.pbl-tip-btn li:last-child a{background: #064989;}
.pbl-tip-area .default-board th {
    padding: 1% 0;
}

.table-response{display:none}
.table-response table{
	margin-bottom:30px
}




/* history */
.history-area p{
    margin-bottom: 15px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    word-break: keep-all;
}
.history-map-area{
    border-left: 1px solid #ddd;
    padding: 70px 0px;
    position: relative;
    width: 790px;
    margin: 70px auto;
}
.history-map-area:before,
.history-map-area:after{
    content: '';
    display: inline-block;
    background: #ddd;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    left: -5px;
}
.history-map-area:before{top: 0;}
.history-map-area:after{bottom:0}
.history-box:before{
    content: '';
    background: url(/res/home/images/history-dot.png) no-repeat center left;
    width: 21px;
    height: 21px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 15px;
}
.history-map-area .history-box:after{
    content: '';
    display: inline-block;
    width: 60px;
    height: 1px;
    background: #064989;
    position: absolute;
    top: 25px;
    left: 17px;
}
.history-map-area .history-box{
	position: relative;
    padding-left: 100px;
    margin-left: -10px;
	margin-bottom: 50px;
}
.history-map-area .history-box h2{
    color: #064989;
    font-size: 45px;
    font-weight: 900;
    letter-spacing: -3px;
    float: left;
    width: 100px;
    margin-right: 40px;
}

.history-map-area .history-box ul{
    overflow: hidden;
    margin-left: 140px;
}
.history-map-area .history-box li{
    margin-bottom: 7px;
}
.history-map-area .history-box li b{
    color: #000;
    display: table-cell;
    width: 60px;
	font-size: 15px;
}
.history-map-area .history-box li div{
	display:table-cell;
    font-size: 14px;
	line-height: 24px;
	color: #999;
}















/* -------------------------------------------------------------------------- 반응형 */

@media only screen and (max-width: 1200px){
	#subContents {padding: 50px 0 100px; }
	.sub-contents{padding:0 30px;}

	.goal-wrap dl dt{background-size:100% auto}
	#linemap ul{width:100%}
}
@media only screen and (max-width: 1080px){
	.greeting-txt{
		width: 90%;
	}
	.tab-btn ul{width:100%}
	.tab-btn ul li{
		width:calc(100%/5 - 10px);
		margin:0 5px 10px
	}
}
@media only screen and (max-width: 910px){
	/*튜터교육*/
	.board-tit:before{display:none;}
	.tutor-images ul,
	.tutor-images p,
	.sub-txt-list,
	.table-wrap{margin-left:0}

	.consult-txt{padding:20px}
	.consult-txt ol>li{font-size:14px}

	/* 모둠 학습지워 */
	.support-area .tutor-btn{margin-left: 0}

	.tabcontent ol li{width: calc(100%/2 - 8px);}
	.tabcontent ol li:nth-child(odd){    clear: inherit;}

	.cont-wrap{margin-left:0}

	/*안내*/
	.certify-wrap dt {
		float: none;
		width: 100%;
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 10px;
	}
	.certify-1 dd {width: calc(100%/3);}
	.certify-2 dd{width:100%}
	
	.goal2-wrap li p{font-size: 16px;}
	.goal2-wrap li p span{font-size: 12px;}
	.goal2-wrap li:nth-child(1) i img{width: 58px;}
	.goal2-wrap li:nth-child(3) i img{width: 62px;}
	.goal2-wrap li:nth-child(5) i img{width: 50px;}
	.goal2-wrap li.goal2-arrow img{width: 50%;}

	/*history*/
	.history-map-area{width: 100%;	}

	
}

@media only screen and (max-width: 768px){
	
	
	#linemap li{
		text-align: center;
	}
	#linemap li:nth-child(2){display:none;}
	#linemap li:nth-child(3){
		width:calc(100% - 60px);
		border-right:0
	}
	#linemap li select{
		width:100%;
		padding:0 30px;
	}
	#linemap .to-home{border-left:0}


	.greeting-bg{height:400px}
	.greeting-txt {padding: 30px;}
	.greeting-txt h3 {font-size: 35px;}
	.greeting-txt h3 span{font-size: 40px;}
	.greeting-txt p {
		font-size: 14px;
		line-height: 25px;
		margin-bottom: 20px;
	}
	.greeting-txt .naming {
		font-size: 14px;
		margin: 30px 0 0;
	}
	.greeting-txt .naming b {font-size: 23px;}


	/*오시는길*/
	
	.location-info th{text-align:center;}
	.location-info th span{
		display: block;
		margin: 0 auto 5px;
	}
	.location-info th span img{width:auto}
	.location-info td,
	.location-info td li,
	.location-info td p{font-size:13px; line-height:21px	}
	.location-info th{font-size:13px; 	}
	.location-info td{padding: 12px 25px;}


	/* 게시판 - 공지사항*/
	.board-notice-list{padding: 17px 10px;}
	.board-num{display: none;}
	.board-cont{width:100%; padding-left: 0;}
	.board-search select{width: 30%;}
	.search-bar{width: 70%;}

	/* 검색 -교내 */
	.search-multi {padding: 30px;margin-bottom: 30px;	}
	.search-multi select { width: 100%; }
/* 
	.default-board th, .default-board td{display: inline-block;}
	.default-board th{width:40%; padding: 3% 4%;}
	.default-board td{width:60%; padding: 2% 2%;   } */
	.default-board .multi-cont-area td{width:100%}
	.workshop1-cont-area .default-board th, .workshop1-cont-area .default-board td{display: table-cell; float: none;}
	
/* 	.default-row th, .default-row td{display: table-cell;    float: none;width:auto;} */

	/*튜터교육*/
	.tutor-images li,
	.support-area .tutor-images li{margin-right: 0; float: none; margin-bottom: 15px;width:100%}

	.tutor-area .default-board td,
	.tutor-area .default-board th{
		width: auto;
	    display: table-cell;
		float: none;
	}
	.tutor-btn{
		width: 100%; 
		margin: 20px auto 0;    
		font-size: 15px;
		height: 45px;
		line-height: 45px;
	}

	/* 수업컨설팅 */
	.consult-area h5{width: 100%;    margin-bottom: 50px;}
	.consult-area ul>li{
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.consult-txt {
		padding: 30px;
		height: auto;
	}

	.open-area .sub-title br{display:block;}
	.open-area .sub-title p{margin-top:20px; letter-spacing:-.5px}
	.tab-wrap{margin-top:0}
	.tab-btn ul li{width:calc(100%/3 - 6px); font-size:14px;    margin: 0 3px 6px;	}
	.tab-btn ul li:nth-child(6){margin-left:3px;    clear: inherit;}

	/*학습법워크숍*/
	.workshop2-images li{margin-right: 0; float: none; margin-bottom: 15px;width:100%}
	.ot-area dl {
		width: 100%;
		float: none;
		margin: 0 0 30px 0;
		overflow: hidden;
	}
	.ot-area dd{padding-top:0}
	.ot-area dt img{height:100px}

	.workshop1-images li{margin-right: 0; float: none; margin-bottom: 15px;width:100%}

	/*안내*/
	.certify-2 dd ul li{font-size: 12px;}
	.certify-2 dd div {
		font-size: 14px;
		padding: 17px 10px;
	}
	.certify-wrap dt{font-size: 16px;margin-bottom: 7px;}
	.certify-1 dd, .certify-1 dd p{font-size: 14px;}
	.certify-1 dd{
		width: 100%;
		padding: 17px 0;
		height: 100%;
	}
	.certify-1 dd:after{
		right: 50%;
		top: 61px;
		margin-right: -14px;
		width: 28px;
		height: 28px;
		background-size: auto 50%;
		transform: rotate(90deg);
	}
	
	.goal2-wrap li i, .goal2-wrap li p {display: block; text-align: center;}
	.goal2-wrap li p{margin:10px 0 0 0}
	.goal-wrap dl dt br{display:block}
	.goal-wrap dl dt span{font-size:18px}
	.goal-wrap dl:nth-child(1) dt span,
	.goal-wrap dl:nth-child(2) dt span{margin-top:-25px;}


	/*교육신청*/
	.reservation-cell-wrap ol{display:none}
	.reservation-cell .reservation-cell-wrap:before {
		width: 100%;
		left: 0;
		top: 50%;
		margin-top: -11px;
	}
	.calendar-cell{height:80px;cursor:pointer}
	.application-form-wrap .reservation-form {padding: 0 ;}

	.incubating-area .tutor-images li{float:left}

	/*갤러리게시판*/
	.whois-portfolio .whois-portfolio-item { width:100%; margin:0 0 20px 0; }
	.whois-portfolio .whois-portfolio-item .whois-portfolio-item-img img{min-height:378px}

	.pbl-tip-btn li {width: 49.5%;}
	.pbl-tip-btn li a{font-size:13px}

	/*pbl-tip*/
	.table-pc{display:none;}
    .table-pc.type_2{display:block;}
	.table-response{display:block;} 

	/*history*/
	.history-map-area .history-box h2{float:none}
	.history-map-area .history-box ul{margin: 15px 0 40px;}

}




@media only screen and (max-width: 480px){

	.sub-title{font-size: 35px;	margin-bottom:30px}
	.sub-title p{font-size: 13px;}

	.greeting-txt {width: 100%;    margin: 0;}
	.greeting-bg{height:300px}
	.greeting-txt {padding: 30px;}
	.greeting-txt h3 {font-size: 30px;    margin-bottom: 20px;}
	.greeting-txt h3 span{font-size: 35px;} 
	.greeting-txt p {
		font-size: 13px;
		line-height: 23px;
		margin-bottom: 20px;
	}
	.greeting-txt .naming {font-size: 13px;	}
	.greeting-txt .naming b {font-size: 20px;}

	/* 게시판 - 공지사항*/
	.notice-title a {font-size: 15px;}
	.board-notice-date,
	.board-notice-cont a{font-size: 12px; line-height:19px}
	.board-notice-cont {margin: 10px 0;}
	.paginate_regular{margin:30px 0}


	.board-view-title {font-size: 15px; margin-bottom: 7px;}
	.default-board td {padding: 3% 4%; font-size: 13px; line-height:19px}
	.board_cham td {padding: 3% 2%; font-size: 13px; line-height:19px}
	.board_cham th:nth-child(2) {width: 20%}
	.board_cham td:nth-child(2) {width: 20%}
	.board_cham th:nth-child(3) {width: 20%}
	.board_cham td:nth-child(3) {width: 20%}
	
	.board-tit {font-size: 16px;line-height: 24px;margin-bottom: 5px;}
	.workshop1-cont-area>div {margin-bottom: 40px;}

	/*튜터교육*/
	.tutor-images li {width: 100%;}
	.tutor-images li:first-child{margin-right: 0;    margin-bottom: 15px;}

	/* 수업컨설팅 */
	.consult-txt p{
		font-size: 21px;
	    margin-bottom: 17px;
	    padding-bottom: 10px;
	}
	.consult-txt ol>li{
		font-size: 13px;
		line-height: 21px;
		
	}
	.consult-area h5{font-size: 14px;line-height: 22px;}
	
	.tab-btn ul li{width:calc(100%/2 - 6px); font-size:13px;  	}
	.tabcontent ol li {
		float: none;
		margin: 0 0 15px;
		width: 100%;
	}


	.workshop2-images h5 {font-size: 18px; margin-bottom: 25px;}
	.workshop2 .sub-cont-area>div.workshop2-images{margin-bottom: 50px}

	.goal2-wrap li:nth-child(1) i img{width: 40px;}
	.goal2-wrap li:nth-child(3) i img{width: 46px;}
	.goal2-wrap li:nth-child(5) i img{width: 34px;}
	.goal2-wrap li p{font-size: 12px;line-height:17px}
	.goal2-wrap li p span{font-size: 9px;}
	.goal2-wrap li.goal2-arrow img {width: 60%;}

	.goal-wrap dl{width:100%}
	.goal-wrap dl dt img{width:180px}
	.goal-wrap dl dt{margin-bottom:20px}
	.goal-wrap dl:nth-child(2){ margin: 0 0 7% 0;}

	.calendar-form{display:none}
	.board-default-area colgroup col:first-child,
	.board-default-area th:first-of-type,
	/* .board-default-area td:first-of-type{display:none} */
	.cal-list-btn a {
		width: 100%;
		height: 27px;
		line-height: 27px;
		font-size: 11px;
		font-weight: 500;
		
	}

	.board-default-area td{font-size:12px;    padding: 10px 5px;}
	.board-default-area th{font-size:13px;padding: 12px 0;}
	.cal-list-wrap .board-default-area td.left{padding-left:0}
	.cal-list-wrap colgroup col:nth-child(2){width: 10% !important;}
	.cal-list-wrap colgroup col:nth-child(4){width: 25% !important;}
	.cal-list-wrap colgroup col:nth-child(5){width: 18% !important;}

	.reservation-form .title{width:130px;font-size:13px;font-weight:500}
	.material-form .input-group{margin-left:130px}
	.address .zip-btn{width:40%;font-size:13px}
	.address .zip-box {width: 60%;}
	.text-box, .sel-box, .multi-box{padding:0 10px}


	.mobile-cont-area li {float: left;    margin-right: 5px;}
	.mobile-cont-area li:last-child{margin-right:0}
	.mobile-cont-area li:after{
		content: '';
		display: inline-block;
		width: 1px;
		height: 12px;
		background: #ccc;
		vertical-align: middle;
		margin-left: 5px;
	}
	
	.mobile-cont-area li:last-child:after{display:none;}
	.mobile-cont-area {display: block;    margin-top: 3px;}
	.mobile-cont-area li b{color:#333}
	.cal-list-wrap .board-default-area th,
	.cal-list-wrap .board-default-area td:nth-of-type(2),
	.cal-list-wrap .board-default-area td:nth-of-type(4){display:none}
	.cal-list-wrap .board-default-area td:nth-of-type(3){
		width: 80%;
		padding: 10px 5px;
	}
	.cal-list-wrap .board-default-area td:nth-of-type(5){width: 20%;}


	/* 교내 */
/* 	.campus-area .board-default-area th,
	.campus-area .board-default-area td{display:none} */
	/* .campus-area .board-default-area td:nth-of-type(7){display:block;} */
	.semester{
		display: inline-block;
		font-weight: 600;
		color: #333;
	}
	.search-multi select {
		background: #fff url(/res/home/images/arrow-gray.png) no-repeat 93% center;
		padding: 0 10px;
		font-size:12px
	}
	.search-multi .board_input{padding: 0 10px;}

	/* 교외 */
	.default-response>.board-default-area th,
	.default-response>.board-default-area td{display:none}
	.outside-board .board-default-area th,
	.outside-board .board-default-area td{display:none}
	.outside-board .board-default-area td.board-subject,
	.outside-board .board-default-area td.board-date{display:table-cell;}

	.default-response .board-default-area td.board-subject{width:80%}
	.default-response .board-default-area td.board-date{width:20%}
	.board-default-area td.none-data{display: block;    padding: 50px 0 !important;}


	
	.form-board .board-default-area th,
	.form-board .board-default-area td{display:none}
	.form-board .board-default-area td.board-subject,
	.form-board .board-default-area td.board-date{display:table-cell;}

	.cal-month {margin-bottom: 0px;}
	.cal-month span {margin: 0 5px; font-size: 27px;}

	.incubating-area .tutor-images li{
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:20px
	}
	/*갤러리게시판*/
	.whois-portfolio .whois-portfolio-item .whois-portfolio-item-img img {min-height: 220px;}
	.whois-portfolio .whois-portfolio-item .whois-portfolio-item-img .whois-portfolio-item-image-hover{background-size: 50px;    height: 84px;    margin-top: -35px;}
	.whois-portfolio .whois-portfolio-item .whois-portfolio-item-img .whois-portfolio-item-image-hover span{    font-size: 20px;    padding-top: 60px;}
	

	/*pbl-tip*/
	.pbl-tip-btn{margin-top:-20px}

	.platform-area img {margin: 20px auto;}

/* 	.campus-area .board-default-area th,
	.campus-area .board-default-area td{display:none} */
	/* .campus-area .board-default-area td:nth-of-type(7){display:block;} */

	/*history*/
	.history-box:before,
	.history-map-area .history-box:after,
	.history-map-area:before, .history-map-area:after{display:none}
	.history-map-area{
		width: 100%;
		border: 0;
		padding: 0;
		margin: 50px 0;
	}
	.history-map-area .history-box ul {margin: 15px 0 20px;}
	.history-map-area .history-box{
		padding-left: 0;
		margin-left: 0;
		border-bottom: 1px solid #ddd;
		margin-bottom: 20px;
	}
	.history-box:last-child{border-bottom:0}
	.history-map-area .history-box h2{font-size:35px}
	.history-map-area .history-box li div{font-size: 13px;    line-height: 21px;}
	.history-map-area .history-box li b{font-size: 14px;}

}



/*20.06.02 추가 및 수정*/
.sub_tab2{width: 100%; oposition: relative; margin: 0 auto 50px; text-align: center}
.sub_tab2 ul{width: 100%; margin: 0 auto; padding: 0}
.sub_tab2 ul li{ display: inline-block; width: 300px}
.sub_tab2 ul li:nth-child(2){ margin-left: -3px}
.sub_tab2 ul li a{ padding: 20px 0; font-size: 20px; background: #333; color: #fff; text-align: center}
.sub_tab2 ul li a:hover{ background: #000; }
.sub_tab2 ul li.on a{ background: #064989; }
@media only screen and (max-width: 768px){
	.sub_tab2 ul li{ width: 200px}
	.sub_tab2 ul li a{ padding: 10px 0; font-size: 18px;}
}
@media only screen and (max-width: 480px){
	.sub_tab2{margin: 0 0px 30px; padding: 0 10px 0}
	.sub_tab2 ul li{ width:calc(50% - 23px);}
	.sub_tab2 ul li a{ font-size: 14px;}
}

.sub_tab22{width: 100%; oposition: relative; margin: 0 auto 30px; text-align: center}
.sub_tab22 ul{width: 100%; margin: 0 auto; padding: 0}
.sub_tab22 ul li{ display: inline-block; width: 300px; vertical-align: top}
.sub_tab22 ul li:nth-child(2){ margin-left: -3px}
.sub_tab22 ul li a{ padding: 20px 0; font-size: 20px; background: #333; color: #fff; text-align: center}
.sub_tab22 ul li a:hover{ background: #000; }
.sub_tab22 ul li.on a{ background: #064989; }
@media only screen and (max-width: 768px){
	.sub_tab22 ul li{ width:calc(50% - 3px);}
	.sub_tab22 ul li a{ padding: 10px 0; font-size: 16px;}
}
@media only screen and (max-width: 480px){
	.sub_tab22{margin: 0 0px 20px; padding: 0 0 0}
	.sub_tab22 ul li{ width:calc(50% - 3px);}
	.sub_tab22 ul li a{ font-size: 14px;}
}


.ebook_list{width: 100%; position: relative; height: auto;display: block; clear: both;display: table; margin-top:100px}
.ebook_list ul{width:100%; display: table}
.ebook_list ul li{ text-align: center; float:left; width: 25%;  padding: 0 20px 0; margin: 0 0 50px; height:230px; display: block}
.ebook_list ul li a{ outline: none; padding: 0; margin: 0;vertical-align:middle; }
.ebook_list ul li p{padding: 0; margin: 0; white-space: inherit;vertical-align:middle;}
.ebook_list ul li .img{ vertical-align:middle; height: 160px;}
.ebook_list ul li .img img{padding: 0;  margin: 0;vertical-align:middle;  border: 1px solid #eee;}
.ebook_list ul li .txt{  padding: 10px 0 0; margin: 0; font-size: 14px }

@media only screen and (max-width: 768px){
	.ebook_list ul li{ width: 50%;}
}
@media only screen and (max-width: 480px){
		.ebook_list ul li .txt{  font-size: 12px }
}


.tab-btn-type-02 ul li{
    float: left;
    font-size: 15px;
    color: #ccc;
    position: relative;
    cursor: pointer;
    width: calc(100% / 3);
}

.tab-btn-type-02 ul li.current span{
    color: #fff;
    font-weight: bold;
    border: 1px solid #064989;
    background: #064989;
}

.tab-btn-type-02 ul li span {
    display: block;
    margin: 0 5px;
    border: 1px solid #e5e5e5;
    border-radius: 50px;
    margin-bottom: 10px;
    height: 39px;
    line-height: 37px;
}
.tab-btn-type-02 {
    text-align: center;
    margin-bottom: 30px;
}

.popup_close_button.right{
    float: right;
}