@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
/*@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
*/
*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.04em;color:inherit;}
img {border:0; vertical-align:top;}
a {border:0; text-decoration:none;}
ul, li {list-style:none;}
body {font-family: 'Nanum Gothic', 'Malgun Gothic', sans-serif; color:#505050;}
div {display:block;}
h1,h2,h3,h4 {font-family: 'Noto Sans KR';font-weight: 500;letter-spacing:-0.08em;line-height:125%;}


p {font-size:16px;line-height:180%}
h1 {font-size:36px;}
h2 {font-size:24px}
h3 {font-size:22px;}
h4 {font-size:20px;}

.c_darknavy {color:#070848 !important}
.c_skyblue {color:#01b8fb !important}
.lightorange {color:#f2ae78;}
.lightgreen {color:#9eb25d;}



.hide {
    display: inline-block;
    position: absolute;
    z-index: -10;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    filter: alpha(opacity=0);
    -ms-filter: 'alpha(opacity=0)';
    font-size: medium;
    line-height: normal;
    word-break: break-all;
}
.center {text-align:center;}

/* 마진,패딩 설정 */
.mg0 {margin-left:0 !important;margin-right:0 !important}

.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}

.pl05 {padding-left:5%}
.pl10 {padding-left:10%}
.pl15 {padding-left:15%}
.pl20 {padding-left:20%}

.pr05 {padding-right:5%}
.pr10 {padding-right:10%}
.pr15 {padding-right:15%}
.pr20 {padding-right:20%}


.bd_b {border-bottom:1px #e0e0e0 solid}
.bd_t {border-top:1px #e0e0e0 solid}

.clearfix:after {content:""; clear:both; display:block;}
.float {float:left;}
.float_r {float:right;}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container_fluid {width:100%; }

#wrap {width:100%; /*text-align:center;*/ margin:0 auto;display:block;}

/* 상단 */
#header {width:100%; height:auto; position:relative; text-align:center;border-bottom:4px #070848 solid;}

#header .wrap {position:relative; width:100%;height:50px;}
@media screen and (min-width:768px) {
	#header .wrap { }
}
#header .wrap a {position:absolute;}
#header .wrap a.logo {top:18px;left:15px; display:inline-block; width:108px;}
#header .wrap a.logo img {width:100%; }
#header .wrap:after {content:""; clear:both; display:block;}


header .wrap .material-icons {font-size:1.5rem;}
/*
@media (min-width: 768px) {
  header .wrap .material-icons {font-size:3rem;}
  }
@media (min-width: 1024px) {
  header .wrap .material-icons {font-size:4rem;}
  }
*/
#header .btn-left {position:absolute;left:10px;top:0;}
#header .btn-right {position:absolute;right:10px;top:0;}
#header .hammenu {color:#000;}
#header .hammenu i {line-height:50px;}

.sidenav-menu a:hover {color:#347ef0;}

/* 메인 */
#main { width:100%;}
.bx-slider a {width:100%;}
.bx-wrapper img {width:100%;}

.main_icon {margin-top:15px;margin-bottom:15px;}
.main_icon ul li {width:33.3333%;float:left;}
.main_icon ul li.icon9 {width:100%;}
.main_icon ul li img {width:100%;}

#main .m_board {margin-bottom:15px;width:100%;background:#e3e3e3;}

#main .m_board .box-3 {width:33.333%;float:left;text-align:center;position:relative;e}
#main .m_board .box-3 a {padding:10px 0;display:block;font-size:13px;color:#1e1e1f;font-weight:bold;}
#main .m_board .box-3:after {content:"|";position:absolute;right:0;top:50%;margin-top:-10px;}
#main .m_board .box-3:last-child:after {content:"";}




/* 하단 */
footer {text-align:center; width:100%;background:#202020;}
.f_tel {width:100%;}
.f_tel img {width:100%;}
.footer_txt {display:inline-block; padding:0 15px 15px;font-size:13px;color:#e2e2e2;line-height:160%;}
.admin {}
.admin ul {display:inline-block;}
.admin li {float:left; margin:8px 0; font-weight:300;}
.admin li a {color:#fff; padding:5px 18px; font-size:14px;}
.admin li:first-child:after {color:#e2e2e2;content:"|";}

footer .sns {display:inline-block;padding-bottom:10px;}
footer .sns li {float:left; margin:0 5px;}

header, #main, footer {position:relative;}
/* ----------------------------------------------------------------------------

								서브
								
-----------------------------------------------------------------------------*/		

					
#sub  { width:100%; position:relative; }
.container {padding-left:15px;padding-right:15px;}
.inner {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}
/* 서브 공통 */
#sub_top {width:100%;}
#sub_top .snb_title {width:100%;padding:10px;border-bottom:1px solid #e2e2e2;text-align:center;}


/* 서브 드롭다운메뉴 */
#sub_top .snb button {width:100%;text-align:center;padding:10px;border-bottom:1px solid #e2e2e2;font-size:14px;}
.snb ul {
  display: none;  
}
.snb .btn-menu {
  display: block;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  display: block;
  position: relative;
  text-align:center;
  margin:0 auto;
  position:relative;
}
.snb .btn-menu i {position:absolute;top:6px;}
.btn-menu:focus {
  outline: none;  
}
.snb ul {border-bottom:1px solid #e2e2e2;}
.snb ul li {text-align:center;background:#f5f5f5;padding:6px;}
.snb ul li a {font-size:14px;}

/* 서브tab */
#sub .tab-menu {width:100%;}
#sub #content ul.tabs {width:100%; margin:0 auto;border-bottom:none;}
#sub #content ul.tabs li {float:left; text-align:center; font-size:17px; color:#808080;  letter-spacing:-1px; text-transform:uppercase; background:#fff; }
#sub #content ul.tabs li a {display:block; padding-top:8px;padding-bottom:8px;border:1px solid #d0d0d0;border-right:none;border-bottom:1px solid #070848;font-size:15px;}
#sub #content ul.tabs li.last a {border-right:1px solid #d0d0d0;}
#sub #content ul.tabs li a:hover {color:#070848;background:#fcfcfc;}
#sub #content ul.tabs li a.active, #sub #content .tab-menu ul.tabs li a.on  {border-top:1px solid #070848;border-left:1px solid #070848;border-right:1px solid #070848;border-bottom:1px solid #fff;color:#070848;background:#fff;}
#sub #content ul.tabs.t2 li {width:50%;}
#sub #content ul.tabs.t3 li {width:33.333%;}
#sub #content ul.tabs.t4 li {width:25%;}
#sub #content ul.tabs.t5 li {width:20%;}

/* 서브 1 */
#sub_content #content {margin-top:30px;margin-bottom:30px;}
#sub_content #content #box {padding:50px 0;}
#sub_content #content #box2 {padding:30px 0 50px;}
#sub_content #content #box.box_top {padding-top:0;}
#sub_content #content #box2.box_top {padding-top:0;}
#sub_content #content #box.bd-slash {background:url(../images/bd_slash.png) bottom repeat-x; width:100%;}
#sub_content #content #box .tit_square {width:133px;height:133px; border:8px solid #01b8fb;}
#sub_content #content #box h3 {margin-left:16px;margin-top:16px;line-height:1;color:#303030;font-weight:300;}
#sub_content #content #box .cont_right {width:100%;margin-top:30px;}
#sub_content #content #box .cont_right h4 {position:relative;margin-top:14px;}
#sub_content #content #box .cont_right h4:before {content:""; width:26px;height:4px; background:#01b8fb; position:absolute;left:0; top:-14px;}
#sub_content #content #box .cont_right .sub_txt {font-size:15px;margin-top:20px;}
#sub_content #content #box .cont_right .main_txt {font-size:14px;margin-top:40px;position:relative;}
#sub_content #content #box .cont_right .main_txt:before {content:""; width:173px;height:2px; background:#a0a0a0; position:absolute;left:-217px; top:6px;}
#sub_content #content #box .cont_right .name {font-weight:bold; font-size:17px;margin-top:25px;}
#sub_content #content #box .cont_right img.map_img {width:100%;}
#sub_content #content #box .cont_right .location_info {margin-top:40px;}
.location_info .tg  {border-collapse:collapse;border-spacing:0;width:100%;border-top:2px solid #000;line-height:1.6;}
.location_info .tg td{font-size:14px;padding:8px 5px;padding-left:15px;overflow:hidden;word-break:normal;text-align:left;border-bottom:1px solid #e3e3e3;}
.location_info .tg th{font-size:16px;font-weight:bold;padding:8px 10px;overflow:hidden;word-break:normal;text-align:left;position:relative;border-bottom:1px solid #e3e3e3;color:#070848;}
.location_info .tg th:after {content:"";position:absolute; width:1px; background:#a0a0a0; height:16px;right:0;top:14px;}
#sub .location_info .tg h5 {font-size:16px; color:#01b8fb;margin-top:20px;margin-left:0;}
.btn_map span {margin:0 8px;color:#e5e5e5;}
.btn_map img {vertical-align:middle;margin:4px 0;}

#sub_content .flexslider .slides img {width:100%;}

/* 서브 2~ */
#sub h4 {margin-bottom:20px;}
#sub h5 {font-size:20px;color:#070848;}
#sub h4.bullet1 {background: url(../images/bullet1.png) 0px no-repeat;
    padding-left: 30px;vertical-align:middle;color:#303030;}
#sub ul.bullet2 li {list-style: url('../images/bullet2.png') !important;margin-left:22px;line-height:1.7;padding-left:4px;text-align:left;font-size:14px;margin-bottom:4px;}
.red {color:#ff0000;}
#sub .schedule img {width:100%;}

/* 서브 테이블 */
.table  {border-collapse:collapse;border-spacing:0;width:100%;}
.table td{font-size:11px;padding:8px 5px;border:1px solid #d0d0d0;overflow:hidden;word-break:normal;line-height:1.6; }
.table1 th{font-size:12px;font-weight:bold;padding:8px 5px;overflow:hidden;word-break:normal;position:relative;}
.table1 th:after {content:"";position:absolute; width:1px;height:20px;background:#fff;right:0;}
.table1 th:last-child:after {content:none;}
.table .tg-atny{background-color:#070848;color:#ffffff;text-align:center}
.table .tg-s6z2{text-align:center}
.table .tg-j4kc{background-color:#f2f2f2;text-align:center}

.table2 th {font-size:12px;font-weight:normal;padding:8px 5px;overflow:hidden;word-break:normal; border:1px solid #d0d0d0;letter-spacing:-0.08em;}
.table .tg-3wj2{background-color:#f5f5f5;text-align:center}
.table .tg-litr{background-color:#f8ecec;text-align:center}
.table .tg-yw4l {padding:8px 5px;}
.cont_clist3 li {
    padding-left: 13px;
    margin-bottom: 10px;
    text-indent: -13px;
    letter-spacing: -1px;
}

/* 담당교수 */
.teacher_box {width:100%;border:1px solid #d0d0d0;padding:20px;position:relative;float:left; margin-bottom:20px;}
.teacher_info .img-thumb {margin-right:20px;width:104px;height:114px;overflow:hidden;}
.teacher_info .img-thumb img {width:100%;vertical-align:middle;}
#sub .teacher_info .txt_r h5 {font-weight:100;font-size:15px;color:#505050 !important;line-height:24px;}
.teacher_info .txt_r p {font-weight:bold;font-size:15px;color:#505050;}
.teacher_box button {position:absolute;right:0;bottom:0;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background:#e0e0e0;
    border: 0;}

#sub .teacher_info .r2 {margin:20px 0;}
#sub .teacher_info .r2 h5 {margin-top:10px;font-size:16px;}
#sub .teacher_info .r2 ul li {line-height:1.5;font-size:14px;}

.teacher_info ul {margin-top:20px;}
#sub .teacher_info ul.bullet2 li {margin-left:15px;}



/* 게시판 */
.board {border:0;}
.board_view td {
    border-bottom: 1px #e5e5e5 solid;
    border-top:0;
    padding: 4px;
}
table .paging {font-size:11px;}
.webzine_type2 .obj_name {
    width: 50px !important;
    padding: 5px 0 0 5px !important;
}
.news_title {
    font-size: 12px !important;
}
.formmail_textarea_style { width:432px; }



/* 컨텐츠 보드 */
#sub #content .board textarea,#sub #content .board input {width:90%;}
/* #sub #content input {height:30px;} */
#sub #content td.formmail_cell_bgcolor {padding:10px; padding-left:10px;}
#sub #content input[name="phone_no1"],#sub #content input[name="phone_no2"],#sub #content input[name="phone_no3"] {width:25%;}
#sub #content input[type="radio"],#sub #content input[type="checkbox"] {width:auto;}
#sub #content textarea[name="description"] {height:60px !important;}

.board_view img {height:auto !important;}

.gallery_subject {width:90%;}
.gallery_title {font-size:11px; width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;}
.gallery_subject font {vertical-align:top;}


#post_area img {width:100% !important; height:auto !important;} 


td#board {padding:4 5 5 5;font-size:12px;font-family:'Nanum Gothic' !important;color:#333333;}
.board {padding:4 5 5 5;font-size:12px;font-family:'Nanum Gothic' !important;color:#333333;}
.board a:link{padding:0 0 0 0;font-size:12px;font-family:'Nanum Gothic' !important;color:#000000;text-decoration:none;}
.board a:visited{padding:0 0 0 0;font-size:12px;font-family:'Nanum Gothic' !important;color:#000000;text-decoration:none;}
.board a:hover{padding:0 0 0 0;font-size:12px;font-family:'Nanum Gothic' !important;color:#000000;text-decoration:underline;}
.board a:active{padding:0 0 0 0;font-size:12px;font-family:'Nanum Gothic' !important;color:#000000;text-decoration:none;}

/*게시판 제목*/
.bbsnewf5 {padding:10 10 10 10;font-size:12px;font-family:'Nanum Gothic' !important;color:#333333;}