@charset "utf-8";


@import "../css/font.css";
/*font style*/
/* Noto Sans KR / Nanum Square / Nanum Gothic */
/* @import url("./NanumSquare.css"); */
/* @import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css); */
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');


/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size: 15px;font-family: 'NanumSquare', 'Noto Sans KR', sans-serif !important; letter-spacing: -0.08em; font-weight: 400; word-spacing: -1px; background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'NanumSquare', 'Noto Sans KR', sans-serif !important; letter-spacing: -0.08em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ol, ul, dl, dt, dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: 'NanumSquare', 'Noto Sans KR', sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'NanumSquare', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#222;text-decoration:none}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::-webkit-input-placeholder {/* WebKit browsers */ color: #a9a9a9;}
:-moz-placeholder {/* Mozilla Firefox 4 to 18 */ color: #a9a9a9;}
::-moz-placeholder {/* Mozilla Firefox 19+ */ color: #a9a9a9;}
:-ms-input-placeholder {/* Internet Explorer 10+ */ color: #a9a9a9;}

.hidden {position: absolute; left: -9999px;}

.notoSans {font-family: 'Noto Sans KR', sans-serif; font-weight: 400;}
.nanumSq {font-family: 나눔스퀘어, NanumSquare, sans-serif; font-weight: 400;}
.nanumGt {font-family: '나눔고딕', 'Nanum Gothic', sans-serif; font-weight: 400;}


/* 레이아웃 크기 지정 */
#header_wrap,
.gnb_bg,
#container_wrap,
.roll_lt .bx-wrapper,
#footer_wrap {min-width:1200px}

.inner,
#header,
.visual_text,
#container,
#footer {width:1200px}

h2 {font-size:35px; font-weight:500;}

input[type=password]{ font-family:'Noto Sans KR', sans-serif !important; }


/* 상단 레이아웃 */
#header_wrap {width: 100%; z-index: 99; }

/* 상단메뉴 */
#tnb {height: 35px; background: #eee; border-bottom: 1px solid rgba(255,255,255,0.3);}
#tnb .inner {overflow: hidden; margin: 0 auto;}
#tnb li {float: left; font-size: 12.5px; font-weight: 300; text-align: center;}
#tnb li a {display: block; height: 100%; color: #222; padding:4px 10px;}
#tnb li a:hover {opacity: 1; transition: all .3s; }
#tnb ul.util { float: left; }
#tnb .util li {width: 112px;}
#tnb ul.member { float: right; padding:5px 0;}
#tnb .fb {background:#4267b2; border-radius:4px; color:#fff; margin-left:10px;}
#tnb .fb a {color:#fff;}

/* 헤더 */
#header {height: 90px; margin: 0 auto; zoom: 1;}
#header:after {display:block;visibility:hidden;clear:both;content:""}
#header .logo {float: left; padding-top: 22px; }

/*메인메뉴*/
#menu {height:50px; width:550px; float:right; z-index:9999; margin-top:27px;}
.main {width:600px; height:100%; margin:0 auto;}
.main1>li {float:left; width:25%; line-height:50px; text-align:center; position:relative; z-index:9999; opacity:0.8;}
.main1>li:hover .main2 {left:0;}
.main1>li a {display:block; font-size:20px; font-weight:600; text-align:right;}
.main1>li a:hover {color:#004990; font-weight:bold;}

.main2 {position:absolute; top:50px; left:-9999px; background:#fff; width:140%; padding:20px 0 10px 0;}
.main2>li {position:relative; border-bottom:1px dotted #dcdcdc; text-align:left; padding-left:15px; }
.main2>li:last-child {border-bottom:0;}
.main2>li:hover .main3 {left:100%;}
.main2>li a, .main3>li a {margin:0 10px; font-size:16.5px; text-align:left; font-weight:500}
.main3 {position:absolute; top:0; background:#fff; width:105%; left:-9999px;}
.main3>li {padding-left:15px; border-bottom:1px dotted #dcdcdc;}
.main3>li:last-child {border-bottom:0;}
.main3>li a {font-size:15px;}
.main3>li a:hover {color:#004990; }


/*메인*/
#sliderWrap { position: relative; width: 100%; overflow: hidden; margin: 0 auto; height:650px;}
.btn a { position: absolute;  top: 300px; z-index:9999; }
.right_btn { right: 50px; }
.left_btn { left: 50px;} 
#slider { width: 300%;  position:relative;}
#slider li { width: 33.333%; float: left; }
#slider .slider { width: 100%; height: 650px; margin: 0 auto; text-align: center; }
#slider .slider .visual_text {width:1200px; margin:0 auto; height:0;}
#slider .slider .inner {position:relative; left:0; top:180px; text-align:left; color:#fff; }
#slider .slider .yj_univ {margin-bottom: 15px; display:block; font-size:25px;  text-transform: uppercase; text-shadow:3px 3px 2px rgba(0,0,0,0.15); font-weight:300; opacity:0.5; letter-spacing:0.06em;}
#slider .slider .vt_title {font-size: 60px; line-height: 1.2em; font-weight:600; text-shadow: 3px 3px 2px rgba(0,0,0,0.15); }
#slider .slider .yj_unitxt {margin-top: 20px;display:block; font-size:23px;  text-transform: uppercase; text-shadow:3px 3px 2px rgba(0,0,0,0.15); font-weight:300; line-height:1.4em;}

#slider_1 {background:url('../img/visual_01.jpg') no-repeat center top; background-size:cover;}
#slider_2 {background:url('../img/visual_02.jpg') no-repeat center top; background-size:cover;}
#slider_3 {background:url('../img/visual_03.jpg') no-repeat center top; background-size:cover;}


/*학과소개*/
.ms01 {padding-bottom:70px;}
.ms01 .inner {width:1200px; margin:0 auto; padding-top:60px; position:relative;}
.ms01  .main_section .title_wrap {}

.ms01  .ms_title {position: relative;display: inline-block;padding: 0 60px;font-size: 1.88em; height:55px;}
.ms01  .ms_title::before, .ms_title::after {
    display: block; content:""; position: absolute; top: 4px;
    width: 40px; height: 32px; background: url("../img/title_bar.png") no-repeat left center;
}


.ms01 .ms_title::before {left: 0;}
.ms01 .ms_title::after {right: 0;}
.ms01 .title_wrap .lt_more {position:absolute; top:100px; right:0;}
.ms01 .inner .title_wrap {text-align:center;}
.ms01 .inner .title_wrap  h2 {font-size:32px; padding-bottom:30px; font-weight:600; }
.ms01 .ms_board {width:50%; float:left; text-align:center; padding-left:20px;}
.ms01 .ms_board table {width:100%; border-top:2px solid #004990; border-collapse:collapse}
.ms01 .ms_board table tr {border-bottom:1px solid #e1e1e1}
.ms01 .ms_board table tr td {text-align:left; padding:15px 10px; font-size:15.5px}
.ms01 .ms_board table tr td.date {text-align:right; color:#888}
.ms01 .btn_more {}
.ms01 .btn_more a {padding:10px 25px; text-align:left; display:inline-block; margin-top:30px; background:url("../img/more_btn.png") no-repeat 84px 10px; width:111px; font-size:14.5px; font-weight:400; text-transform:uppercase; border-radius:20px; border:1px solid #888; height:35px;}

.ms01 .board_wrap{height:232px;}

/*
.ms01 .ms_title::before {left: 0;}
.ms01 .ms_title::after {right: 0;}
.ms01 .title_wrap .lt_more {position:absolute; top:100px; right:0;}
.ms01 .inner .title_wrap {text-align:center;}
.ms01 .inner .title_wrap  h2 {font-size:32px; padding-bottom:30px; font-weight:600; }
.ms01  ul li {width:384px; height:372px; float:left; margin-right:24px;}
.ms01  ul li:last-child {margin-right:0;}
.ms01 .lt_box .lt_img {display:block;}
.ms01 .lt_box .lt_img img {width:100%; height:auto;}
.ms01 .lt_con {position:relative; height:138px; padding-top:22px; color:#222; font-size:20px; font-weight:500;}
.ms01 .lt_con a {width:384px; word-break:break-all; display: block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;  overflow: hidden;}
.ms01 .lt_txt {font-size:16.5px; color:#888; padding-top:16.5px; font-weight:400}
.ms01 .ms01_more {font-size:13px; color:#888; border:1px solid #888; border-radius:20px; width:111px; height:35px; margin-top:20px;}
.ms01 .ms01_more a {padding:10px 25px; background:url('../img/more_btn.png') no-repeat 72px 10px; width:111px; font-size:14.5px; font-weight:400}
*/


/*배너*/
.ms02 {clear:both; padding-top:60px;}
.ms02 .inner {width:1200px; margin:0 auto;  padding-bottom:60px; overflow:hidden;}
.ms02 .inner .banner_01 h4 {font-size:26px; color:#004990; background:url('../img/more_btn2.png') no-repeat 160px 50px; padding:44px 0 0 42px;}
.ms02 .inner .banner_02 h4 {font-size:26px; color:#004990; background:url('../img/more_btn2.png') no-repeat 200px 50px; padding:44px 0 0 42px;}
.ms02 .inner p {padding:20px 0 0 42px; font-size:18px; color:#555; font-weight:400}
.ms02 .banner_01 {float:left; background:url('../img/banner_01.jpg') no-repeat; width:590px; height:150px; margin-right:20px;}
.ms02 .banner_02 {float:left;  background:url('../img/banner_02.jpg') no-repeat; width:590px; height:150px;}

/*학과 퀵아이콘*/
.ms03 {clear:both; background:url('../img/ms03_bg.jpg') no-repeat; background-size:cover; color:#fff; overflow:hidden; height:550px;}
.ms03 .inner {width:1200px; margin:0 auto;}
.ms03 .ms03_title {padding-top:110px;  font-weight:100; float:left;}
.ms03 .ms03_title .txt_01 {font-size:26px; opacity:0.8;}
.ms03 .ms03_title .txt_02 {font-size:20px; line-height:30px;}
.ms03 .ms03_title .con_tit {font-size:50px; padding:15px 0 26px 0;}
.ms03 .ms03_title .con_tit .bold {font-weight:600;}
.ms03 .ms03_more {border:1px solid #fff; width:190px; height:45px; margin-top:65px;}
.ms03 .ms03_more a {color:#fff;  padding:14px 0 0 38px; display:block; background:url('../img/more_btn3.png') no-repeat 136px 14px; font-size:16.5px;}

.ms03 .ms03_icon {float:right;}
.ms03 .ms03_icon ul {width:400px; padding-top:100px;}
.ms03 .ms03_icon ul li {float:left; text-align:center; padding:25px 35px;}


/*드론 커리큘럼*/
.ms04 {clear:both; background:url('../img/ms04_bg.jpg') top center; overflow:hidden; padding-bottom:60px;}
.ms04 .inner {width:1200px; margin:0 auto; padding-top:60px; position:relative;}
.ms04  .main_section .title_wrap {
    }
.ms04  .ms_title {position: relative;display: inline-block;padding: 0 60px;font-size: 1.88em;}
.ms04  .ms_title::before, .ms_title::after {
    display: block; content:""; position: absolute; top: 4px;
    width: 40px; height: 32px; background: url("../img/title_bar.png") no-repeat left center;
}
.ms04 .ms_title::before {left: 0;}
.ms04 .ms_title::after {right: 0;}
.ms04 .title_wrap .lt_more {position:absolute; top:100px; right:0;}
.ms04 .inner .title_wrap {text-align:center;}
.ms04 .inner .title_wrap  h2 {font-size:32px; padding-bottom:30px; font-weight:600; }
.ms04  ul li {width:280px; height:413px; float:left; margin-right:26px;}
.ms04  ul li:last-child {margin-right:0;}
.ms04 .lt_box .lt_img {display:block; border:1px solid #e5e5e5; border-bottom:none;}
.ms04 .lt_box .lt_img img {width:100%; height:auto;}
.ms04 .lt_con {position:relative; height:188px; padding:30px 20px; background:#fff; font-size:18px; border:1px solid #e5e5e5}
.ms04 .lt_con .lt_tit {color:#004990; font-size:20px; font-weight:600; width:220px; word-break:break-all; display: block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;  overflow: hidden;}
.ms04 .lt_con .lt_txt {color:#555; padding-top:15px; font-size:16.5px; font-weight:400; width:220px; word-break:break-all; display: block; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal;  overflow: hidden;}
.ms04 .ms04_more {font-size:13px; border:1px solid #888; border-radius:20px; margin-top:25px; width:111px; height:36px;}
.ms04 .ms04_more a {color:#555; padding:10px 25px; background:url('../img/more_btn.png') no-repeat 72px 11px; display:block; font-size:14.5px;}

/*푸터*/
#footer_wrap {clear:both; margin:0 auto;}
#footer_wrap #ft_btn {border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
#footer_wrap #ft_btn .inner {width:1200px; margin:0 auto; height:60px;}
#footer_wrap #ft_btn .inner ul {height:100%}
#footer_wrap #ft_btn .inner ul li {float:left; line-height:60px;}
#footer_wrap #ft_btn .inner ul li:first-child {background:url('../img/caution_btn.png') no-repeat left 17px; padding-left:30px;}
#footer_wrap #ft_btn .inner ul li a {font-size:15.5px; padding-right:45px; font-weight:300}

#footer {clear:both; width:1200px; margin:0 auto;}
#footer .inner {background:url('../img/logo_new.png') no-repeat 0 30px; position:absolute; height:125px;}
#footer .inner .ft_txt {font-size:14.5px; padding-left:525px; margin:27px 0;}
#footer .inner .ft_txt span {line-height:1.7}
#footer .inner .ft_txt small {text-transform: uppercase;}
#footer .inner .sns {float:right; position:relative; top:-85px;}
#footer .inner .sns li {float:left; padding-left:10px;}


/*서브*/
/*서브 상단이미지*/
#sub_top {width: 100%; height: calc(100vw*(260/1980)) !important; min-height: 320px; background: url("../img/sub_top.jpg") no-repeat center top; background-size: cover;}
#sub_top .inner {width:1200px; margin:0 auto; text-align:center;}
#sub_top .inner h2 {color:#fff; font-size:45px; padding-top:110px;}
#sub_top .inner p {padding-top:20px; font-size:20px; color:#fff; font-weight:200;text-transform: uppercase; letter-spacing:0.06em;}

/*서브 컨테이너*/
#container.sub_container {color: #313131; margin:0 auto; font-family: 'NanumSquare', 'Noto Sans KR', sans-serif !important; letter-spacing: -0.05em; font-weight: 300; word-spacing: -1px;}

/*서브네비*/
#left_side {float: left; width: 270px; height: 100%; margin-right: 80px;}
#left_side .snb_title {width: 100%; height: 170px; padding-top: 50px; font-size: 37px; color: #fff; text-align: center; background: url("../img/snb_title_bg.jpg") no-repeat left top;}
#left_side .snb_total {width: 100%; margin: 0 auto; border: 1px solid #cdcdcd; border-top: 0; border-bottom: 0; box-sizing: border-box;}
#left_side .snb_total li a {display: block; padding: 16px 28px 17px; font-weight: 400; text-transform: uppercase;}
#left_side .group div {border-bottom:1px solid #cdcdcd; height:60px; font-size:17px; line-height:60px; padding-left:10px; font-weight:400}

#left_side .snb_total > li.on > div {color: #fff; background: #4c7fb1 no-repeat 18px center;}
#left_side .snb_total > li.on .dep3 {display: block;}

#left_side ul#left_navi {width:270px;text-indent:10px; }
#left_side ul#left_navi, ul#left_navi ul {list-style:none;  margin:0px; padding:0px; }
#left_side li.group {margin-bottom:0px; }
#left_side div.snb_title {height:60px; line-height:3; background:#9AB92E; cursor:pointer; }

#left_side ul.sub_left	{border:1px solid #cdcdcd;}
#left_side ul.sub_left li{height:50px;background:#f5f5f5; cursor:pointer;  }

#left_side ul.sub_left li a{text-decoration:none; display:block;width:100%;height:100%; color:#000; background: url('../img/list_dot.jpg') no-repeat 20px center;padding-left: 20px;}
#left_side ul.sub li:hover{color:#CCFF00;	}

/*컨텐츠*/
#contents {float: left; width: 850px; margin: 68px 0 100px;}

/*서브타이틀*/
#sub_title {position: relative; margin-bottom: 60px; border-bottom: 1px solid #ebebeb; }
#sub_title .path {overflow: hidden; position: absolute; bottom: 30px; right: 0; text-align: right; text-transform: uppercase;}
#sub_title .path li {float: left; margin-left: 28px; position: relative; line-height: 1em; font-size: 14.5px; color: #666666; font-weight:400}
#sub_title .path li a {display: block; color: #666666; }
#sub_title .path li.home {}
#sub_title .path li::before {
    position: absolute; top: 3px; left: -16px; content: ""; width: 7px; height: 11px;
    background: url("../img/icon-next.png") no-repeat left top;                     
}
#sub_title .path li:first-child::before {display: none;}
#sub_title h2 {padding-bottom: 20px; font-size: 35px; text-transform: uppercase; font-weight:600;}

/*서브컨텐츠*/
#sub_contents {font-size: 17px; font-weight: 400;}
.sub_section {margin-bottom: 40px;}
.section_title {padding-left: 20px; font-size: 22px; background: url("../img/section-title-bg.png") no-repeat left center;}
.section_box {margin-bottom: 40px;}
.section_box_title {margin-bottom: 18px; padding-left: 10px; font-size: 18px; background: url("../img/icon-redsq.png") no-repeat left center;}
.color_box {padding: 30px 28px; border: 1px solid #ebebeb; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.white_box {background: #fff; }
.gray_box {background: #f8f8f8;}
.img-box {padding: 52px 28px; text-align: center;}

.contents {font-family: 'NanumSquare', 'Noto Sans KR', sans-serif !important;}
.contents .ss_section {margin-bottom:40px;}
.contents .ss_title {background:url("../../img/sub/ss_title.png") no-repeat left center; font-size:22.5px; font-weight:500; padding-left:25px; margin-bottom:15px;}
.contents .ss_box {border:1px solid #eee; padding:30px;}
.contents .ss_box:after {clear:both; content:''; display:block;}
.contents .ss_box .img {width:130px; text-align:center; float:left; padding-top:7px}
.contents .ss_box .con {width:658px;float:left; padding-left:30px;}
.contents .ss_box .con .t_color_gray {color:#b4b4b4; text-transform:uppercase; font-size:16.5px; font-weight:300}
.contents .ss_box .con .title {color:#004890; font-weight:600; font-size:25px;}
.contents .ss_box .con .exp {font-size:16.5px; font-weight:400; padding-top:10px}

.contents .ss_depth {padding-left:30px;}
.contents .ss_depth li {margin-bottom:10px;}
.contents .ss_depth .ss_depth01 {background:url("../../img/sub/ss_depth01.png") no-repeat left top 9px; font-size:16.5px; font-weight:400; padding-left:10px; display:inline-block}
.contents .ss_depth01 {background:url("../../img/sub/ss_depth01.png") no-repeat left top 9px; font-size:16.5px; font-weight:400; padding-left:10px; display:inline-block}


.class01 {}
.class01 .ss03 .ss_list {}
.class01 .ss03 .ss_list ul {margin-left:-30px;}
.class01 .ss03 .ss_list ul:after {clear:both; content:''; display:block;}
.class01 .ss03 .ss_list ul li {float:left; width:50%; padding-left:30px; position:relative; min-height:350px;}
.class01 .ss03 .ss_list ul li .img {border:1px solid #eee; overflow:hidden; text-align:center}
.class01 .ss03 .ss_list ul li .img img {width:100%;}
.class01 .ss03 .ss_list ul li .t_box {width:360px; margin:0 auto; border:1px solid #eee; background:#fff; margin-top:-80px; text-align:center; padding:30px 0; position:absolute; left:55px;}
.class01 .ss03 .ss_list ul li .t_box .title {font-size:20px; font-weight:400; color:#004890;}
.class01 .ss03 .ss_list ul li .t_box p {font-size:16.5px; font-weight:400; padding-top:15px;}

.comp01 {}
.comp01 .ss_wrap {margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #eee}
.comp01 .ss_wrap:after {clear:both; content:'';display:block;}
.comp01 .ss_depth01 {background:url("../../img/sub/ss_depth01.png") no-repeat left 30px top 9px;font-weight:500; font-size:19px; padding-left:40px; color:#004890}
.comp01 .ss_table {padding-left:30px;}
.comp01 .ss_table table {width:100%; border-collapse:collapse; font-family: 'NanumSquare', 'Noto Sans KR', sans-serif !important;}
.comp01 .ss_table table tr {}
.comp01 .ss_table table  thead tr th {background:#2E6FC8;}
.comp01 .ss_table table tr th {background:#76abd1; color:#fff; font-weight:400; border-right:1px solid #fff; font-size:14.5px; border-bottom:1px solid #fff; padding:5px;}
.comp01 .ss_table table tr td {border:1px solid #66a3cb; text-align:center;  font-size:14.5px; font-weight:400; padding:5px;}
.comp01 .ss_table table tr td.bg {background:#f1f1f2;}
.comp01 .ss_depth {}
.comp01 .ss_depth02 {padding-left:15px; margin-top:5px;}
.comp01 .ss_depth02 li {background:url("../../img/sub/ss_depth02.png") no-repeat left top 9px; padding-left:15px; font-size:14.5px; font-weight:400}
.comp01 .ss_imp {margin-top:10px; font-size:14.5px; font-weight:400}
.comp01 .ss_imp .ss_depth01 {font-weight:500;}

.comp01  .red { color: #D70052; }
.comp01  .orange { color: #FF5200; }

.comp01 img {float:right;margin-top:10px;margin-right:7px;}

/*댓글*/
.bd_lst td.title a.replyNum::before{content:"댓글";}

/*게시판&갤러리 글씨크기조절*/
.bd_tb_lst td,
.bd_tb_lst td a,
.bd_tb_lst td.title,
.bd_tmb_lst p b,
.rd_body p,
.rd_body .xe_content,
.bd_prev_next a,
.rd_hd .board h1{font-size:14px; font-weight:400; font-family: 'Noto Sans KR', sans-serif !important;}