@charset "utf-8";
/* 레이아웃 및 공통스타일 */
@import url(reset.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/*퀵메뉴 미디어쿼리*/
@media screen and (max-width:1025px) { 
	.quick_menu{display: none;} 
}

/*edu_detail 사이드바*/
@media screen and (max-width:1600px){
	#contents>aside.side{display: none;}
}


/* index */
.book div dl{padding-left:125px; position:relative;}
.movie h3{padding-bottom:20px}
.book h3{padding-bottom:20px}
body.index { background:url(../images/bg_index.png?2) repeat-x top;} 
body.index #main { margin:0 auto; width:1200px;}
body.index .main_visual{height: 350px;border-top: 1px solid #e3e5e4;}
body.index #visual { overflow:hidden; padding-bottom:20px;}
body.index #visual > div { position:relative; text-align:left;}
body.index #visual > div.pagination { background:none; position:absolute;}
body.index #visual > div .list { position:absolute; left:0; top:33px;}
body.index #visual > div .list li { padding:0 0 1px 0;}
body.index #visual > div .list a { display:block; position:relative; width:96px; height:70px; background:#fff; line-height:70px; color:000; text-align:center;}
body.index #visual > div .list a.line2 { padding-top:20px; height:50px; line-height:normal;}
body.index #visual > div .list a:hover { background:#98041f; color:#fff;}
body.index #visual > div .list a:hover:after { content:""; display:block; position:absolute; right:-20px; top:50%; margin-top:-10px; border-width:10px; border-color:transparent transparent transparent #98041f; border-style:solid;}
body.index #visual > div .java_slide { position:relative; padding:45px 0 0 0; height:305px; background:url(../images/index_object1.png) no-repeat 680px 25px;}
body.index #visual > div .java_slide { padding-left:150px;}
body.index #visual > div .java_slide .txt h2 { padding:0 0 20px 0;}
body.index #visual > div .java_slide .txt .txt1 a { font-size:20px; color:#000;}
body.index #visual > div .java_slide .txt .txt1 a:hover {color:#0000ff;}
body.index #visual > div .java_slide .txt .txt2 { padding:15px 0 0 0; font-size:14px; color:#09325e;}
body.index #visual > div .java_slide .info { position:absolute; right:20px; top:60px; width:245px; height:260px; background:#fff;}
body.index #visual > div .java_slide .info > div { padding:15px;}
body.index #visual > div .java_slide .info h2 { color:#707070;}
body.index #visual > div .java_slide .info h2 strong { display:block; padding:5px 0 0 0; font-size:18px;  color:#333;}
body.index #visual > div .java_slide .info h2 strong span { color:#357dc7;}
body.index #visual > div .java_slide .info th,
body.index #visual > div .java_slide .info td { height:40px; border-top:1px solid #e5e5e5; color:#767676; }
body.index #visual > div .java_slide .info th { text-align:left; font-weight:normal;}
body.index #visual > div .java_slide .info tr:first-child th { border-top:1px solid #4285cd; color:#4285cd;}
body.index #visual > div .java_slide .info tr:first-child td { border-top:1px solid #ccc; color:#4285cd;}
body.index #visual .swiper-container {width: 100%;color: #fff;text-align: center;}
body.index #visual .pagination {position: absolute;z-index: 20;left: 0px;top: 33px;}
body.index #visual .swiper-pagination-switch { display: block;position: relative; margin-bottom:2px;width: 96px;height: 70px;background:#fff;line-height: 70px;color:#000;text-align: center; cursor:pointer;}
body.index #visual .swiper-pagination-switch.swiper-visible-switch,
body.index #visual .swiper-pagination-switch:hover { background:#98041f; color:#fff;}
body.index #visual .swiper-pagination-switch..swiper-visible-switch:after,
body.index #visual .swiper-pagination-switch:hover:after { color:#fff;}
body.index #visual .swiper-active-switch {background: #fff;}

/*국비과정 리스트*/
body.index #main { padding: 30px 0 80px 0;}
body.index #main .program .program_box {width: 100%; box-sizing: border-box; padding: 17px 0 17px 17px; margin: 20px 0 50px 0; border:1px solid #ddd;}
body.index #main .program .program_box ul li {display:inline-block; text-align:center; padding-right: 18px;}
body.index #main .program .program_box ul li:hover a.view__btn, 
body.index #main .program .program_box ul li:hover a.view__btn.doingClass{transition: .3s; background: #822740;}
body.index #main .program .program_box ul li a.view__btn {display: block; padding: 10px 0; font-size: 16px; font-weight: 700; color: #fff; background: #ef0244;}
body.index #main .program .program_box ul li a.view__btn.doingClass{background: #595959;}

/*공통 h2 css*/
body.index #main .block h2  {position:relative;  width: 100%; box-sizing:border-box;	 font-family: 'Noto Sans KR', sans-serif; font-weight: 500; font-size: 20px; letter-spacing: -1px; color: #333; padding: 0 0 0 35px;}
body.index #main .block h2::after {content:""; position: absolute; left: 0; top: 8px; width: 21px; height: 18px; background: url(/images/new/course/h2_title_icon.png) no-repeat;}
body.index #main .block h2 a {color:#333;}
body.index #main .block h2 a img {position:absolute;  top: 8px; margin-left: 15px;}

/*아래 선이있는 h2*/
body.index #main .top .block h2 { border-bottom:2px solid #949494; padding-bottom: 10px;}
body.index #main .top .block h2::before {content:""; position:absolute; width: 80px; height: 2px; background:#3a3a3a; left: 0; bottom: -2px;}
body.index #main .top .block h2 a img { right: 10px;}

body.index #main .top:after { content:""; display:block; clear:both;}
body.index #main .top .block { float:left; position:relative; padding-left:30px; width:380px;}
body.index #main .top .block:first-child { padding:0;}
body.index #main .top .block .info,
body.index #main .top .block .notice { height:235px;}
body.index #main .top .block .more { position:absolute; right:0; top:2px;}
body.index #main .top .block .info > div { position:relative; padding-left:150px; top:-158px;overflow:auto;height:126px;}
body.index #main .top .block .info > div img { position:absolute; left:0; top:0;}
body.index #main .top .block .info li { width: 370px; padding: 5px 0 5px 10px; background: url(../images/bu_square_gray.gif)  no-repeat 0 22px; font-size: 13px; border-bottom: 1px dashed #d7d7d7;}
body.index #main .top .block .info li > a{display: table-cell; width: 100%; height: 38px;}
body.index #main .top .block .info li:hover{ background: url(../images/bu_square_gray.gif) #f3f3f3 no-repeat 0 22px; }
body.index #main .top .block .info li:hover>a{color: #000; font-weight:600;}
body.index #main .top .block.set1 .info {}
body.index #main .top .block.set2 .info > div { padding-left:150px;}
body.index #main .top .block.set2 .info span { display:block; position:absolute; left:0; top:70px; color:#5098e0; text-decoration:underline; line-height:17px;}
body.index #main .top .block .notice .txt { position:absolute; left:120px; top:5px; color:#8494a3;}
/* body.index #main .top .block .notice ul { margin-top:-5px;} */
body.index #main .top .block .notice li { background:url(../images/bu_square_gray.gif) no-repeat 0 17px;  padding:5px 0 5px 10px; border-bottom:1px dashed #d7d7d7;}
body.index #main .top .block .notice li:hover{background: url(../images/bu_square_gray.gif) #f3f3f3 no-repeat 0 17px;}
body.index #main .top .block .notice li a {display: table-cell; width: 100%; height: 38px; vertical-align:middle;}
body.index #main .top .block .notice li:hover>a{color: #000; font-weight:600;}
body.index #main .top .block .interview { position:relative;}
body.index #main .top .block .interview h2 { padding:0 0 10px 0; font-size:20px; color:#272727}
body.index #main .top .block .interview .more { position:absolute; right:0; top:3px;}
body.index #main .top .block .interview .more a { margin-left:2px;}
body.index #main .top .block .interview .txt { padding:0 0 10px 0; color:#8898a5;}
body.index #main .top .block .interview > a { display:block; padding:0 0 0 130px; position:relative; color:#555;}
body.index #main .top .block .interview > a img { position:absolute; left:0; top:0; width:99px; height:84px; border:3px solid #bfbfbd; vertical-align:middle;}
body.index #main .top .block .interview > a strong { display:block; padding:30px 0 0 0; font-size:11px; color:#030303;}
body.index #main .top .block .interview > a strong span  { color:#115c95; font-size:18px;}
body.index #main .top .block .interview > a em { position:absolute; left:0; top:100px; display:block; width:100%;}
body.index #main .top .block .movie { position:relative;margin-top:50px;}
body.index #main .top .block .movie h2 { padding:0 0 10px 0; font-size:20px; color:#272727}
body.index #main .top .block .movie .txt { padding:0 0 10px 0; color:#8898a5;}
body.index #main .top .block .movie .mov_box { position:relative; padding:0 0 0 153px;}
body.index #main .top .block .movie .mov_box .mov { position:absolute; left:0; top:0;}
body.index #main .top .block .movie .mov_box .mov a { display:block;}
body.index #main .top .block .movie .mov_box .mov img { border:3px solid #bfbfbf;width:121px; height:116px;}
body.index #main .top .block .movie .mov_box > a { display:block; margin:5px 0 0 0; width:205px; height:25px; line-height:25px; background:#97031d; color:#fff; text-align:center;}
body.index #main .top .block .book { position:relative;margin-top:50px;}
body.index #main .top .block .book h2 { padding:0 0 10px 0; font-size:20px; color:#272727}
body.index #main .top .block .book .more { position:absolute; right:0; top:3px;}
body.index #main .top .block .book .more a { margin-left:2px;}
body.index #main .top .block .book > div { position:relative; padding-left:130px;}
body.index #main .top .block .book > div .img { position:absolute; left:0; top:0; width:117px; height:152px; background:url(../images/bg_book.png) no-repeat;}
body.index #main .top .block .book > div .img img { padding:1px 0 0 2px;}
body.index #main .top .block .book > div dl { padding:10px 0 0 0;}
body.index #main .top .block .book > div dl dt { font-size:18px; color:#135a92;}
body.index #main .top .block .book > div dl dd.sub p { padding:2px; margin:2px 0; font-size:11px; color:#555555; background:#e1e1e1;}
body.index #main .top .block .book > div dl dd { padding:5px 0 0 0; color:#8b8b8b;}
body.index #main .btm { clear:both;padding-top:80px;}
body.index #main .btm:after { content:""; display:block; clear:both;}
body.index #main .btm ul.map {margin-top: 5px;}
body.index #main .btm ul.map li {float:left;}
body.index #main .btm ul.map li.kakao_map {width: 690px;}

#wrap div#container{width:100%;margin:0 auto;}
.container{height:1500px;/*background:url(/images/tech/Purple_bg.gif);*/}
.tabscontainer.main>a{background:url('/images/tech/tech_list.gif')no-repeat;margin:0 86px 0 34px;}
/* layout */
body { background:url(../images/bg_index.png) repeat-x top;}
#header, 
#wrap { margin:0 auto; width:100%;}
#header { position:relative; padding:26px 0 0 0;width:1200px;}
#header:after { content:""; display:block; clear:both;}
#header h1,
#header #lnb { float:left;}
#header h1 { padding:2px 35px 0 8px;}
#header #lnb > ul { position:relative;}
#header #lnb > ul > li { float:left;}
#header #lnb > ul > li > a { display:block; padding:0 15px; height:88px; line-height:88px; text-align:center; color:#dfefff; font-size:17px; font-weight:bold; letter-spacing:-0.5px;}
#header #lnb li ul { display:none; position:absolute; z-index:100;}

#header .search { float:right; padding:27px 0 0 0;display:none;}
#header .search input { width:200px; height:28px; line-height:28px; border:1px solid #d5d5d5; text-indent:5px; color:#9c9c9c; font-size:11px;}
#header .search a { margin-left:-25px;}
#header .spot { float:right;padding:40px 0 0 0;}
#header .spot li { float:left; position:relative; padding-left:20px; }
#header .spot li a { color:#666;}
#header .spot li:after { content:""; display:block; position:absolute; left:10px; top:3px; height:10px; border-left:1px solid #e1e1e1;}
#header .spot li:first-child:after { display:none;}
#location { position:relative; height:37px; width:1200px; margin: 0 auto;}
#location div { position:absolute; right:0; top:11px; padding-left:17px; background:url(../images/ico_home.gif) no-repeat 0 0; color:#a3a3a3;}
#location div strong { color:#3b3b3b; font-weight:normal;}
#container:after { content:""; display:block; clear:both;}
#snb { float:left; padding:40px 0 0 0; width:250px;}
#snb h2 { padding:35px 0 35px 10px;}
#snb > ul { position:relative; border-bottom:1px solid #dedede;}
#snb > ul:after { content:""; display:block; position:absolute; left:0; bottom:-3px; width:100%; border-bottom:2px solid #efefef;}
#snb > ul > li > a { display:block; height:34px; line-height:34px; color:#4c4c4c; font-size:15px; text-indent:10px; border-top:1px solid #e4e4e4}
#snb > ul > li > a:hover,
#snb > ul > li > a.on { background:url(../images/bg_snb.gif) repeat-x; color:#fff;}
#snb > ul > li > ul { padding:7px 25px; border-top:1px solid #e4e4e4;}
#snb > ul > li > ul li { padding:7px 0;}
#snb > ul > li > ul a { position:relative; display:block; color:#777;}
#snb > ul > li > ul a:hover,
#snb > ul > li > ul a.on { color:#40a0d3;}
#snb > ul > li > ul a:after { content:"-"; position:absolute; left:-10px; top:0;}
#snb > div { padding:70px 0 100px;}
#snb > div > a { display:block; margin:0 0 10px 0;}
#contents { /*float:right;*/ margin:0 auto;width:1200px;}
#contents .head { /*margin-bottom:30px;*/ height:187px;/* background:url(../images/bg_visual2.gif) no-repeat right top; border-bottom:1px solid #d6d6d6;*/}
#contents .head h1 { padding:52px 0 10px 0; font-size:30px; color:#404040; font-weight:normal;}
#contents .head p { font-size:17px; color:#7e7e7e; font-weight:bold; letter-spacing:-0.3px;}
#footer { background:#f5f5f5; height:160px; clear:both;}
#footer > div {background:#f5f5f5; position:relative; padding:22px 0 0 180px; margin:0 auto; width:1020px; line-height:18px;}
#footer > div .ft_logo img { position:absolute; left:18px; top:33px;}
#footer > div address { padding:16px 0 5px 0; color:#8e8e8e; font-size:11px;}
#footer > div p { color:#aaa; font-size:11px;}
.sns_area{position:absolute; top:20px; right:0;}
.sns_area a{display:inline-block;}
.sns_area a img{width:28px; height:28px;margin-right:3px;}

/* style */
* + table { margin-top:10px;}
.btn_type1 { display:inline-block; padding:0 50px; height:36px; background:#d03636; line-height:36px; color:#fff; text-align:center; font-size:14px;}
.btn_type2 { display:inline-block; padding:0 50px; height:36px; background:#6699db; line-height:36px; color:#fff; text-align:center; font-size:14px;}
.btn_type3 { display:inline-block; padding:0 50px; height:36px; background:#679d9d; line-height:36px; color:#fff; text-align:center; font-size:14px;}
.btn_type4 { display:inline-block; padding:0 50px; height:36px; background:#6dc793; line-height:36px; color:#fff; text-align:center; font-size:14px;}
.btn_type5 { display:inline-block; position:relative; padding:0 40px 0 20px; height:35px; line-height:35px; text-align:center; color:#fff; font-size:17px; background:#1a68bd;}
.btn_type5:after { content:""; display:block; position:absolute; right:13px; top:12px; width:7px; height:12px; background:url(../images/ico_arrow_right.gif) no-repeat;}
.btn_type7 { display:inline-block; position:relative; padding:0 40px 0 15px; height:38px; line-height:38px; text-align:center; color:#3b3b3b; font-size:14px; font-weight:bold;}
.btn_type7:after { content:""; display:block; position:absolute; right:13px; top:13px; width:7px; height:12px; background:url(../images/bu_arrow.png) no-repeat;}
.btn_type7.color1 { background:#afde96;}
.btn_type7.color2 { background:#e5b769;}
table td.ac { padding:0; text-align:center;}
table td.subject { padding-left:10px !important; padding-right:10px !important;}
table.line td.ac { padding:10px 0 !important;}
table.line th,
table.line td { border-left:1px solid #e6e7e9;}
table.line th:first-child,
table.line td:first-child { border-left:none;}
table.type1 thead th { border-top:1px solid #1f6bbf; border-bottom:1px solid #1f6bbf; border-left:1px solid #346c9f; color:#fff; height:32px; background:#468fd4;}
table.type1 thead th:first-child { border-left:none;}
table.type1 tbody td { padding:25px 0 25px 15px; border-bottom:1px solid #dadada; border-left:1px solid #bebebe;}
table.type1 tbody td:first-child { border-left:none;}
table.type2 { border-bottom:1px solid #1f75c8; background-color:#fff;}
table.type2 tr:first-child th,
table.type2 tr:first-child td { border-top:1px solid #1f75c8;}
table.type2 tr th,
table.type2 tr td { padding:5px 15px; height:27px; border-top:1px solid #dadada; border-left:1px solid #dadada;}
table.type2 tr th:first-child { border-left:none;}
table.type2 tr th { text-align:left; background:#f5f5f5;}
table.type2 select,
table.type2 textarea,
table.type2 input[type="text"] { background:#ececec; border:none;}
table.type2 th { color:#727272;}
table.type2 th strong{ color:#c40001;}
table.type3 thead th { height:35px; border-top:2px/* solid #8ab9cd*/; border-bottom:2px solid #283444; /*background:#f9fbfd;*/}
table.type3 tbody td { padding:15px 0; border-bottom:1px solid #eaeaea;}
table.type3.td tbody td { padding:10px 0;}
table.type3.td2 tbody td { padding:10px;}
table.type3.td2 tbody td.ac { text-align:center;}
.list_type1 { padding-left:28px;}
.list_type1 li { position:relative; padding:0 0 2px 0;}
.list_type1 li:after { content:""; display:block; position:absolute; left:-10px; top:1px;}
.device { position:relative; float:left;}
.paging { padding:20px 0; text-align:center;}
.paging strong { padding:0 20px;}
.paging > a { display:inline-block; width:25px; height:25px; text-align:center; line-height:25px; color:#8c8c8c; font-size:12px;}
.paging > a.on { color:#000;}
.tabs { /*padding-left:10px;*/ height:45px; border-bottom:1px solid #c2c2c2;}
.tabs:after { content:""; display:block; clear:both;}
.tabs li { float:left; /*margin-left:-1px; border:1px solid #c2c2c2; border-bottom:none;*/}
.tabs li a { display:block; width:240px; height:45px; line-height:42px; text-align:center; color:#fff; font-size:13px; font-weight:bold; background:#283444;}
.tabs li.ui-state-active { border-top:2px solid #283444;}
.tabs li.ui-state-active a { height:41px; color:#283444; border-bottom:1px solid #fff; background:#fff;}
.tab_con { padding:30px 0 0 0;}
.title.solo { padding:0; margin-bottom:20px; height:133px; background:url(../images/bg_snb.gif); text-align:center;}
.title.solo h3 { display:inline-block; position:relative; z-index:3; padding:33px 70px 0 90px; height:100px; background:url(../images/bg_edu2.png) no-repeat 0 center; font-size:30px; color:#fff; text-align:left;}
.title.solo h3 span { display:block; font-size:12px; font-weight:normal;color:#9ac6f5;}
.title.solo h3:after { content:""; display:block; z-index:1; background:url(../images/bg_human.png) no-repeat; width:98px; height:133px; position:absolute; right:0; top:0;}
#black{background:url(/images/new/black-pattern.gif);width:100%;height:122px;margin:0 auto;}
#black .sns{width:1100px;margin:0 auto;line-height:122px;}
#black .sns a{display:inline-block; width: 18%; height: auto;}
#black .sns a img{margin-right:80px;}
#black .sns a:last-child img{margin-right:0;}
/* sub */
.edu_list > div { margin:20px 0 0 0; padding:65px 0 0 360px; height:220px; border-top:1px dashed #d9d9d9; clear:both;}
.edu_list > div:first-child { border:none;}
.edu_list > div.oracle { background:url(../images/bg_monitor1.gif) no-repeat 27px 40px;}
.edu_list > div.web { background:url(../images/bg_monitor2.gif) no-repeat 27px 40px;}
.edu_list > div.android { background:url(../images/bg_monitor3.gif) no-repeat 27px 40px;}
.edu_list > div.open { background:url(../images/bg_monitor4.gif) no-repeat 27px 40px;}
.edu_list > div h2 { font-size:19px; color:#111;}
.edu_list > div .txt { padding:10px 0 20px; color:#818181; line-height:18px;}
.edu_list > div .date { padding:0 0 20px 0; color:#363636;}
.edu_list > div .btn a { margin-right:10px;}

.ad_list > div { float:left; margin:5px; padding:10px; width:260px; height:120px; border:1px solid #d9d9d9; }
.ad_list > div:hover { border:1px dashed #d9d9d9; }
.ad_list > div:hover h2 { color:#0474cc;}
.ad_list > div h2 { font-size:19px; color:#111;}
.ad_list > div .txt { padding:10px 0 10px; color:#818181; line-height:18px;}
.ad_list > div p + a {  display: inline-block;  min-width: 84px;  height: 20px;  line-height: 20px;  padding: 0 10px 0px 30px;  background: #043963 url('../images/bul_go.gif') no-repeat 0 0;  font-size: 11px;  color: #fff;
  vertical-align: middle;}

.edu_info .title { padding:13px 0 0 0; height:260px; background:url(/images/bg_edu.png) no-repeat left bottom; text-align:center;}
.edu_info .title table { display:inline-block;margin-left:-40px;width:523px;}
.edu_info .title table td { height:180px; font-size:27px; color:#000000;font-weight:bold; letter-spacing: -1px; text-align:center; width:600px;}
.edu_info .title table td span { display:block; font-size:18px; text-shadow:none; line-height:18px;}
.edu_info .info { border-top:2px solid #8ab8cf; border-bottom:2px solid #8ab8cf;}
.edu_info .info th,
.edu_info .info td { height:15px; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea}
.edu_info .info th { text-align:left; padding:0 0 0 25px; color:#585858;}
.edu_info .info th:first-child { border-left:none;}
.edu_info .info td { padding:10px 20px; color:#2c2c2c;}
.edu_info .info td.infos { background:#eaeaea; border-left:none;}
.edu_info .info td.infos div { padding-left:15px; color:#383838; font-size:15px;}
.edu_info .info td.infos div a { height:25px; line-height:25px; font-size:12px; vertical-align:middle;}
.edu_info .info td.infos div strong { font-size:20px; color:#0876a9;}
.edu_info .info td.cash { color:#b80403;}
.edu_info .detail { padding:25px 0 0 0;}
.edu_info .detail#tab{padding-bottom:30px;}
.edu_info .detail .con .title { padding:0; margin-bottom:20px; height:133px; background:url(../images/bg_snb.gif); text-align:center;}
.edu_info .detail .con .title h3 { display:inline-block; position:relative; z-index:3; padding:33px 70px 0 90px; height:100px; background:url(../images/bg_edu2.png) no-repeat 0 center; font-size:30px; color:#fff; text-align:left;}
.edu_info .detail .con .title h3 span { display:block; font-size:12px; font-weight:normal;color:#9ac6f5;}
.edu_info .detail .con .title h3:after { content:""; display:block; z-index:1; background:url(../images/bg_human.png) no-repeat; width:98px; height:133px; position:absolute; right:0; top:0;}
.edu_info .detail h4 { padding:30px 0 15px 15px; font-size:16px; color:#242424;}
.edu_info .detail .box { border:1px solid #d8d8d8; background:#fff;}
/*.edu_info .detail .box.intro { padding:15px;}*/
.edu_info .detail .box.intro dt { margin-top:20px; display:inline-block; padding:0 15px; height:27px; line-height:27px; background:#2e587e; text-align:center; color:#fff; font-size:15px;}
.edu_info .detail .box.intro dt:first-child { margin:0;}
.edu_info .detail .box.intro dd { padding:15px 0 0; color:#727272;}
.edu_info .detail .box.intro > p { line-height:18px; padding:0 0 20px 0;}
.edu_info .detail .box.intro dd li { padding:0 0 4px 7px; background:url(../images/bu_circle.gif) no-repeat 0 5px;}
.edu_info .detail .box.loadmap { padding:35px; text-align:center;}
.edu_info .detail .box.profile { position:relative; min-height:225px; padding:20px 20px 20px 280px;}
.edu_info .detail .box.profile > img { position:absolute; left:20px; top:20px; border:2px solid #bfbfbf;}
.edu_info .detail .box.profile h5 { padding:0 0 10px 0; font-size:25px; color:#313131; letter-spacing:-1px;}
.edu_info .detail .box.profile .txt { padding:0 0 10px 0; font-size:15px; color:#727272; border-bottom:1px dashed #cec9c3;}
.edu_info .detail .box.profile .category { padding:15px 0; color:#717370;}
.edu_info .detail .box.profile .category strong { color:#101010;}
.edu_info .detail .box.profile .experence strong { display:block; padding:0 0 5px 0; color:#101010;}
.edu_info .detail .box.profile .experence p { color:#717171;}
.edu_info .detail .box.profile .experence ul { padding:5px 0 0 0;}
.edu_info .detail .box.profile .experence li { position:relative; padding:0 0 5px 10px; color:#717171;}
.edu_info .detail .box.profile .experence li:after { content:"-"; position:absolute; left:0; top:0;}
.edu_info .detail .box.slide { position:relative; padding:50px 85px;}
.edu_info .detail .box.slide:after { content:""; display:block; clear:both;}
.edu_info .detail .box.slide .device { width:730px; height:428px;}
.edu_info .detail .box.slide .device .swiper-container { width:730px; background:url(../images/bg_picture.gif); border:1px solid #dddad5;}
.edu_info .detail .box.slide .device .swiper-wrapper { height:428px !important;}
.edu_info .detail .box.slide .swiper-button-next { display:block; position:absolute; right:-72px; top:50%; margin-top:-30px; z-index:10; cursor:pointer; width:59px; height:59px; background:url(../images/btn_right.gif) no-repeat;}
.edu_info .detail .box.slide .swiper-button-prev { display:block; position:absolute; left:-72px; top:50%; margin-top:-30px; z-index:10; cursor:pointer; width:59px; height:59px; background:url(../images/btn_left.gif) no-repeat;}
.edu_info .detail .box.slide .swiper-slide { position:relative;}
.edu_info .detail .box.slide .swiper-slide .info { position:absolute; left:0; bottom:0; width:100%; height:50px; line-height:50px; color:#fff; text-align:center; background:url(../images/bg_title.gif); border:none;}
.edu_info .review_list { padding:0 0 60px 0; border-bottom:1px dashed #d8d8d8;}
.edu_info .review_list dt { padding:0 0 0 22px; height:32px; line-height:32px; background:#8d8d8d; border-top:1px solid #6f6f6f; border-bottom:1px solid #6f6f6f; color:#fff; font-size:14px;}
.edu_info .review_list dd { padding:15px 20px;}

.reveiw_write { margin:85px 0 0 0; padding:20px 25px; border-top:1px solid #206cc0; border-bottom:1px solid #206cc0; background:#468fd4;}
.reveiw_write h3 { font-size:18px; color:#fff;}
.reveiw_write .select { padding:15px 0 20px; font-size:15px; color:#fff;}
.reveiw_write .select label { padding:0 10px 0 0;}
.reveiw_write .write { position:relative; padding:0 90px 0 0;}
.reveiw_write .write a { display:block; position:absolute; right:0; top:0; width:74px; height:85px; background:#565656; text-align:center; line-height:85px; color:#fff;}
.reveiw_write .write textarea { width:100%; border:1px solid #cecece; height:80px;}

.agreement { overflow:auto; height:160px; padding:20px; border:1px solid #d9d9d9;}
.agreement  * { color:#9a9595; font-size:13px; line-height:20px;}
.agree { padding:20px 0; text-align:center;}
.agree > div { padding:0 0 35px;}

.join_complete { height:325px; background:url(../images/bg_snb.gif);}
.join_complete > div { position:relative; padding:80px 0 0 240px; width:370px; margin:0 auto;}
.join_complete > div img { position:absolute; left:0; top:22px;}
.join_complete > div .txt1 { padding:0 0 5px 0; font-size:22px; color:#fff; font-weight:bold;}
.join_complete > div .txt2 { padding:0 0 5px 0; color:#fff;}
.join_complete > div .txt3 { padding:0 0 5px 0; color:#99c5f4;}
.join_complete > div .phone { padding:0 0 15px 37px; background:url(../images/ico_phone.png) no-repeat; font-size:25px; font-weight:bold; color:#fff;}

.tip { font-size:14px; color:#9962ca;}
.tip  + * { margin-top:10px;}

.sns_talk { border-top:1px solid #d0d0d0;}
.sns_talk th,
.sns_talk td { height:87px; border-bottom:1px solid #d0d0d0; text-align:center;}
.sns_talk th { position:relative; background:#d2deee; color:#414141; font-size:14px;}
.sns_talk th span { display:none;}
.sns_talk td.con { text-align:left;}
.sns_talk td .photo { position:relative;}
.sns_talk td .photo img { width:68px; height:68px;}
.sns_talk td .photo span { position:absolute; left:33px; top:-4px; z-index:10; width:74px; height:75px; background:url(../images/bg_sns2.png) no-repeat;}
.sns_talk tr.bg td {background:#f3f3f3}
.sns_talk tr.bg td .photo span { background:url(../images/bg_sns1.png) no-repeat;}
.sns_talk tr:hover th { background:#073789; color:#fff; font-weight:bold;}
.sns_talk tr:hover th:after { content:""; display:block; position:absolute; right:-20px; top:50%; margin-top:-10px; border-width:10px; border-style:solid; border-color:transparent transparent transparent #073789;}
.sns_talk td.con { vertical-align:top; padding:10px 0;}
.sns_talk td.con strong { display:block; padding:0 0 3px 0; color:#1a5fc6;}

.faq { border-top:2px solid #8ab8ce; border-bottom:2px solid #8ab8ce;}
.faq h3 { position:relative; padding:0 0 0 80px; height:33px; line-height:33px; cursor:pointer; border-top:1px solid #eaeaea;}
.faq h3:first-child { border-top:none;}
.faq h3:after { content:"Q"; display:block; position:absolute; left:20px; top:8px; font-size:14px; color:#818181; line-height:normal; font-weight:bold;}
.faq h3.ui-accordion-header-active { color:#323232;}
.faq h3.ui-accordion-header-active:after { color:#cc3f3f;}
.faq > div { padding:35px 35px 35px 80px; position:relative; background:#f7f7f7;}
.faq > div:after { content:"A"; display:block; position:absolute; left:20px; top:35px; font-size:14px; color:#cc3f3f; line-height:normal; font-weight:bold;}

.book_list {border-bottom:2px solid #8ab8ce;}
.book_list .book_head h2 { position:relative; padding:0 85px; height:35px; line-height:35px; background:#f9fbfd; border-top:2px solid #8ab8ce; font-size:13px; color:#3e3e3e;}
.book_list .book_head h2 span { position:absolute; right:0; top:0; width:85px; text-align:center;}
.book_list .book_head h2 span:first-child { left:0;}
.book_list .book_con h3 { position:relative; padding:0 85px; height:38px; line-height:38px; border-top:1px solid #e6e7e9; font-size:13px; color:#3e3e3e; cursor:pointer;}
.book_list .book_con h3 span { position:absolute; right:0; top:0; width:85px; text-align:center; color:#5a5a5a;}
.book_list .book_con h3 span:first-child + span { left:0; font-size:14px; color:#c40000;}
.book_list .book_con > div { overflow:auto; background:#f7f7f7; padding:30px 0 0 0;height:255px;}
.book_list .book_con .con { position:relative; padding:0 0 0 310px; color:#5c5c5c; font-size:13px;}
.book_list .book_con .con > img { position:absolute; left:115px; top:0px; width:165px; height:220px; border:1px solid #908f8e;}
.book_list .book_con .con h4 { padding:0 0 25px 0; color:#1860c6; font-size:14px;}
.book_list .book_con .con ul { padding:0 0 20px 0;}
.book_list .book_con .con ul li { padding:0 0 5px 0;}
.book_list .book_con .con a { display:inline-block; width:77px; height:27px; line-height:27px; text-align:center; color:#fff; background:#2e587e;}
.book_list .book_con .con  div { padding:5px 0 0 0; line-height:18px;}

.teacher_head { padding:55px 0 0 320px; margin-bottom:-10px; height:162px; background:url(../images/human.gif) no-repeat 60px 0px;}
.teacher_head h2 { padding:0 0 5px 0; font-size:24px; color:#2d2d2d; }
.teacher_head p { padding:0 0 10px 0; font-size:16px; color:#595959; }
.teacher_head span { display:block; padding:0 0 10px 0; font-size:13px; color:#9251ac; }
.teacher_head em { display:block; font-size:24px; color:#728db2; font-family:Corbel;}

.btns + * { margin-top:60px;}
.btns { padding:70px 0 0 0;}
.btns.center { text-align:center;}
.btns.center a { margin:0 5px;}
.btn_type7.blue { background:#1967bd; color:#fff;}
.btn_type7.blue:after { background:url(../images/bu_arrow2.png) no-repeat}

#login { margin:50px auto; padding:0 0 0 345px; width:440px; background:url(../images/bg_login.gif) no-repeat -40px 40px;}
#login .box { border:1px solid #000; padding:40px 15px 20px; width:409px; height:269px;}
#login h2 { padding:0 0 15px 30px; font-size:24px; color:#585858; letter-spacing:-0.5px;}
#login h2 strong { color:#1963b2;}
#login .box .login { position:relative; padding:0 140px 0 18px;}
#login .box .login li { padding:0 0 5px 0;}
#login .box .login input { width:255px; height:30px; border:1px solid #b2bec4; color:#9f9f9f; font-size:14px; text-indent:15px;}
#login .box .login .btn { position:absolute; right:20px; top:0;}
#login .box .login .btn a { display:block; width:98px; height:70px; border:1px solid #b2bec4; background:url(../images/bg_snb.gif); line-height:70px; text-align:center; color:#fff; border-radius:4px;}
#login .box .save { padding:15px 0 30px 18px;}
#login .box .etc { border-top:1px solid #ececec; padding:25px 20px;}
#login .box .etc li { position:relative; height:35px; line-height:35px;}
#login .box .etc li a { display:inline-block;; position:absolute; right:0; top:0; border:1px solid #b2bec4; width:109px; height:27px; line-height:27px; text-align:center; font-size:12px;}
#login .box .etc li a:after { content:">"; display:block; position:absolute; right:7px; top:0; font-size:10px;}

.sitemap { padding:65px 0 0 0;}
.sitemap > div { float:left; width:270px; height:450px; padding:0 25px 0 0;}
.sitemap > div h2 { position:relative; border-bottom:2px solid #959495; font-size:18px; color:#272727;}
.sitemap > div h2 a {display:block; padding:0 10px 8px 15px; position:absolute; left:0; bottom:-2px; border-bottom:2px solid #3a3a3d;}
.sitemap > div > ul { padding:15px 0 0 0; border-bottom:2px solid #efefef;}
.sitemap > div > ul > li > a { display:block; height:35px; line-height:35px; border-bottom:1px solid #e4e4e4; color:#353535; text-indent:15px; font-size:15px;}
.sitemap > div > ul > li > ul { padding:5px 15px; border-bottom:1px solid #e4e4e4;}
.sitemap > div > ul > li > ul li a { height:25px; line-height:25px; color:#6c6c6c; font-size:13px;}

#popup { background:none;}
.popup h1 { height:50px; line-height:50px; background:url(../images/bg_snb.gif) ; color:#fff; font-size:20px; text-indent:10px;}
.popup .con { padding:20px;}
h2.h2 { font-size:14px; color:#3fa0d2;}

.greeting h2 { font-size:35px; line-height:44px;}
.greeting div { float:left; padding:35px 0 0 0; font-size:14px; line-height:21px;}
.greeting h2 + div { width:650px;}
.greeting div + div { float:right; font-size:12px; text-align:right;}
.greeting div + div img { display:block;}

.vision { clear:both;}


.tab_type1 { height:43px; border:1px solid #e4e4e4; border-right:none;}
.tab_type1:after { content:""; display:block; clear:both;}
.tab_type1 li { float:left; margin:-1px 0 0 -1px;}
.tab_type1 li a { display:block; width:148.6px; height:43px; line-height:43px; text-align:center; border:1px solid #e4e4e4;}
.tab_type1 li:first-child a { width:150px;}
.tab_type1 li.ui-tabs-active a,
.tab_type1 li a:hover { background:url(../images/bg_snb.gif); color:#fff; font-weight:bold; font-size:14px;}

.history { position:relative; width:740px; padding:0 0 30px 90px; background:url(../images/bg_history_2.gif) repeat-y 100px 0}
.history:after { content:""; display:block; clear:both;}
.history dt {  float:left;  width:110px;  background:url(../images/bg_history_1.gif) no-repeat;  font-size:24px;  line-height:24px;  padding:0 0 0 50px; color:#007CBC;}
.history dd { float:left;  width:560px;}
.history dd li { position:relative; padding:0 0 10px 0; font-size:14px; color:#666;}
.history.end { background:none; padding-bottom:0;}

.member_list > div {float:left; position:relative; padding:0 20px 0 180px; width:250px; height:230px;}
.member_list > div > img { position:absolute; left:0; top:0; border:1px solid #c7c7c7;}
.member_list > div h2 {padding:0 0 20px 0; font-size:30px; font-family:arial;}
.member_list > div p {padding:0 0 10px 0;font-size:14px; color:#c0c3c1; font-family:verdana;}
.member_list > div div { font-size:13px; line-height:18px;}

.h4 { padding:20px 10px; font-size:13px; color:#333;}

html .pwd-pop-layer,
html .id-pop-layer {overflow:visible !important;  border:1px solid #3571B5}
html .pwd-pop-layer .pop-container,
html .id-pop-layer .pop-container { padding:0;}
body.bgn,
form[name="myPwd"],
form[name="myId"] { background:#fff;}


.info_edu h2 { color:#404040; font-size:30px; line-height:44px;}
.info_edu ul { padding:10px 0 0 15px;}
.info_edu li {  padding-left:24px; background:url(../images/bul_circle01.gif) no-repeat left; font-size:16px;  line-height:30px; }
.mission {   position:relative;  height:651px;  overflow:hidden; background:url(../images/bg_mission.jpg) no-repeat ;}
.mission .txtBox03 div dt {  font-size:20px;  font-weight:bold;  color:#685b55;  line-height:60px;}
.mission .txtBox03 div dd {font-size:16px;  color:#5e5e5e;  line-height:20px; }
.mission .txtBox03 div {  position:absolute;}
.mission .txtBox03 div.box01 {  left:339px;  top:70px;  width:334px;}
.mission .txtBox03 div.box02 {  left:90px;  top:260px;  width:334px;}
.mission .txtBox03 div.box03 {  left:610px;  top:260px;  width:334px;}
.mission .txtBox03 div.box04 {  left:339px;  top:490px;  width:334px;}
.mission .txtBox03 p {  position:absolute;  top:50%;  left:50%;  padding-top:102px;  width:232px;  height:130px;  margin:-116px 0 0 -116px;  font-size:40px;  font-weight:bold;  color:#685b55;  text-align:center;}
.info_edu  .vision { padding:30px; text-align:center;}

.login_layer { clear:both;}

.qub_dl {position:relative; overflow:hidden; height:173px; border-bottom:1px solid #ddd; margin-bottom:19px;}
.qub_dl dt {width:231px; height:151px; overflow:hidden; float:left; margin-right:23px; border:1px solid #ddd;}
.qub_dl dd {overflow:hidden;}
.qub_dl dd.pub_dd01 {position:relative; color:#444444; font-size:18px; font-weight:bold; letter-spacing:-0.4px; height:60px;}
.qub_dl dd.pub_dd01 p {width:500px; height:40px; overflow:hidden; font-size:15px;}
.pub_span01 {position:absolute; right:0px; font-size:12px; bottom:35px; color:#b6b6b6;}
.square_box {position:absolute; display:inline-block; width:24px; height:1px; background:#0070bd; left:0px; bottom:12px;}
.qub_dl dd.pub_dd02 {color:#777; line-height:13px; line-height:22px; letter-spacing:-0.4px; height:41px; overflow:hidden; }
.qub_dl dd.pub_dd03 {position:absolute; width:90px; height:30px; right:0px; bottom:20px; background:#0070bd; text-align:center; line-height:30px; font-size:13px; color:#fff; font-weight:bold;}
.qub_dl dd.pub_dd03 a {color:#fff; display:inline-block; width:90px; height:30px;}

.biography {}
.biography:after { content:""; display:block; clear:both;}
.biography .title-group-type-a h2 { width:100%; height:40px; line-height:40px; position:relative; white-space:nowrap; overflow:hidden; margin:10px 0; font-size:18px; font-size:15px;  border-bottom:4px solid #ddd;}
.biography .artist-image { float:left; width:36%;}
.biography .artist-image img { width:340px; height:256px;}
.biography .artist-image + .artist-desc {  width: 60%;  float: right;}
.biography .artist-header .artist-name {text-align:right;  font-size: 12px;  color: #666;  margin-left: 5px;}
.biography .artist-header {  border-bottom: 1px solid #ddd;  padding-bottom: 10px;  margin-bottom: 10px;}
.biography .external-links {  line-height: 1.6;  font-size: 12px; padding:10px 0;  margin: 10px 0; border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.biography .external-links .blue {  color: #0070bd !important;}
.post-content {  margin-bottom: 10px;  padding: 5px 0;  font-size: 14px;  line-height: 1.7;}
.btnright { text-align:right; margin: 15px 0;}
.btnright a { display:inline-block; width:90px; height:30px; background:#0070bd; text-align:center; line-height:30px; font-size:13px; color:#fff; font-weight:bold;}

/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {margin:0 auto;position:relative;overflow:hidden;	-webkit-backface-visibility:hidden;	-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;	-o-backface-visibility:hidden;backface-visibility:hidden;/* Fix of Webkit flickering */	z-index:1;}
.swiper-wrapper {position:relative;	width:100%;	-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);	-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;	-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;	-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);	transition-timing-function:ease;}
.swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto;}
.swiper-slide {	float:left;}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {-ms-touch-action:pan-y;}
.swiper-wp8-vertical {-ms-touch-action:pan-x;}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {	/* Specify Swiper's Size:*/	/*width:200px;height:100px;*/}
.swiper-slide {	/* Specify Slides's Size:*/	/*width:100%;height:100%;*/}
.swiper-slide-active {/* Specific active slide styling:*/}
.swiper-slide-visible {	/* Specific visible slide styling:*/}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {	/* Stylize pagination button:*/	}
.swiper-active-switch {	/* Specific active button style:*/}
.swiper-visible-switch {/* Specific visible button style:*/	}

/*header menu*/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  padding-top:6px;
  border: 0;
  display: block;
  position: relative;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  left:15px;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  font-family: 'Open Sans', sans-serif;
  line-height: 1;
  
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  padding: 20px;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
  color: #213c56;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 55px;
  font-weight:bold;
  font-size:15px;
  letter-spacing:-1.5px;
  font-family:''Noto Sans KR', sans-serif';
  display:block;

}
#cssmenu > ul > li.has-sub > a:hover{
  color:#f9ae43;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top:55px;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu.align-right li:hover > ul {
  right: 0;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: -8px;
}
#cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
  left:-2px;
}
#cssmenu ul li:hover > ul > li {
  height: 32px;
}
#cssmenu ul ul li a {
  padding: 10px 20px;
  width: 200px;
  font-size: 12px;
  background: #4badf3;
  text-decoration: none;
  color: #ffffff;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
  font-weight:bolder;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #f9ae43;
}

/*header k디지털링크 css*/
#header h1 {padding: 2px 0 0 8px;}
#cssmenu > ul > li.has-sub > a {padding-right: 32px;}
#cssmenu > ul > li.has-sub > a.k-digital_btn {background: linear-gradient(to right, #8655e2, #4272DF); padding: 20px; border-radius: 32px; color: #fff; text-align: center;}

/*----------------------모바일 메뉴-------------------------*/
#m_menu{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	z-index: 9;
	overflow: hidden;
}
#m_menu>div.m_menu_close{
    position: absolute;
    top: 10px;
    left: 40px;
    width: 50px;
    height: 50px;
	line-height: 50px;
	text-align: center;
    background: #4badf3;
	border-radius:50%;
	z-index: 8;
}
#m_menu>div.m_menu_close>a{
	color: #fff;
	font-size: 27px;
}
#m_menu>ul.m_menu_box{
	position: absolute;
	right: 0;
	top:0;
    width: 70%;
	height: 100%;
	padding: 20px 0 0 20px;
	line-height: 30px;
    float: right;
    background: #fff;
}
#m_menu>ul.m_menu_box>li>a{
	font-size: 20px;
    color: #003860;
    font-weight: 600;	
}
#m_menu>ul.m_menu_box>li>ul>li>a{
	font-size: 15px;
}
#m_menu_open{
	display: none;
    position: fixed;
    right: 40px;
    top: 45px;
    width: 30px;
    height: 30px;
	border-radius:50%;
    background: url("../images/m_menu.png") #fff no-repeat;
	z-index: 7;
}


/*--------------------sub menu---------------------------*/
.accordion {  width: 183px; border:1px solid #e5e5e5; margin-left:20px;  max-width: 360px; /* margin: 30px auto 20px;*/  background: #FFF;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;}
.accordion .link {  cursor: pointer;  display: block;  padding: 15px 15px 15px 25px;  color: #4D4D4D;  font-size: 14px;  font-weight: 700;  border-bottom: 1px solid #CCC;  position: relative;  -webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  transition: all 0.4s ease;}
.accordion li:last-child .link { border-bottom: 0; }
.accordion li i {  position: absolute;  top: 16px;  left: 12px;  font-size: 18px;  color: #595959;  -webkit-transition: all 0.4s ease;  -o-transition: all 0.4s ease;  transition: all 0.4s ease;}
.accordion li i.fa-chevron-down {  right: 12px;  left: auto;  font-size: 16px;}
.accordion li.open .link { color: #b63b4d; }
.accordion li.open i { color: #b63b4d; }
.accordion li.open i.fa-chevron-down {  -webkit-transform: rotate(180deg);  -ms-transform: rotate(180deg);  -o-transform: rotate(180deg);  transform: rotate(180deg);}

.submenu {  display: none;  background: #444359;  font-size: 14px;}
.submenu li { border-bottom: 1px solid #4b4a5e; }
.submenu a {  display: block;  text-decoration: none;  color: #d9d9d9;  padding: 12px; /* padding-left: 42px;*/  -webkit-transition: all 0.25s ease;  -o-transition: all 0.25s ease;  transition: all 0.25s ease;}
.submenu a:hover {  background: #b63b4d;  color: #FFF;}
.submenu a{font-size:12px;}
.submenu li a span{margin-left:15px;}

ul.hrd_list li{background:url(../images/test/talk_icon.gif) no-repeat left;color:#2b2b30;border-bottom:1px solid #b7b7b7;padding:15px 40px 10px 65px;font-weight:bold;}
ul.hrd_list li p{color:#676767; padding-top:10px; font-size:11px;}

.news_list{height:726px;}
ul.news{float:left;padding-bottom:30px;}
ul.news_li {float:left; margin:0 13px 25px;}
ul.news_li a{background:url(/images/test/newslist/news_bg.gif) no-repeat; width:207px; height:308px; display:block; float:left; }
ul.news_li li.n_img{padding-top:24px;}
ul.news_li li.n_img img{width:207px; height:200px;}
ul.news_li li.n_title{width:190px; height:73px; font-size:9pt; letter-spacing:-0.05em; padding:10px;}

/*--------------------quick menu---------------------------*/
.subWrap{height:900px; float:left;/*width:200px;margin-bottom:50px;padding:179px 0;*/}
.subWrap .visual{margin-bottom:50px;} 
.subWrap h2{height:37px;border-bottom:3px solid #585858;/*margin-bottom:10px;*/text-align:left;font-size:17px;color:#000;letter-spacing:-0.1em;} 
/*.subWrap #sub li a{display:block;line-height:16px;padding:10px 0 10px 15px;color:#414141;border-bottom:1px solid #d2d2d2;letter-spacing:-0.05em;}
.subWrap #sub li.current a{color:#fff;background:#585858;}*/
.quick{padding-top:20px;}
.quick ul{width:188px;padding-left:20px;} 	
.quick .tit{width:185px;margin-left:20px;height:78px;}
.quick li{margin-top:15px;float:left;}
.quick li a {padding:15px 7px 0 3px;}
.quick li a img{width:37px;}

/*--------------------paging wrap---------------------------*/
.pagingwrap{text-align:center; padding-bottom:50px;}
.pagingwrap a{display:inline-block; width:26px; height:27px; border:1px solid #e7e7e7; color:#8b8c90; line-height:26px; text-align:center; /*float:left;*/}
.pagingwrap .on{border:1px solid #333; background:#333; color:#fff;} 

/*-------------------tech > 강사 detail---------------------------*/
.techer_info{padding-bottom:52px;}
.techer_info_detail h3, h3.techer_info_detail{height:55px; background:#efa741;margin-bottom:23px;font-size:20px; color:#fff;line-height:55px;}
.techer_info_detail a{padding-left:54px;}
.techer_info_detail h3 span, h3.techer_info_detail span{color:#222226;}

/*--------------------tech > 강사  list---------------------------*/
li.tech_list_teacher1{position:relative;background:url(../images/test/tech/tech_list_bg.jpg) no-repeat;width:207px; height:199px; padding:0 41px 11px 0; float:left;}
li.tech_list_teacher1:hover{cursor:pointer; background:#fff;}
li.tech_list_teacher1 .list_top{position:relative;float:left;}
li.tech_list_teacher1 .list_top li{float:left;}
li.tech_list_teacher1 .list_top .list_top_text{position:absolute;padding:46px 21px 27px 128px; color:#b5b7bb; font-size:13px;}
li.tech_list_teacher1 .list_bottom{font-weight:bold; text-align:center;line-height:66px; position:absolute;bottom:0;background:#414349; opacity:0.95; width:207px; height:66px;font-size:13px;color:#fff;}
li.tech_list_teacher1 .list_bottom span{padding-left:5px; font-size:17px; color:#aaacac;}
list_top_info img{width:207px;height:199px;}

/*--------------------TabMenu---------------------------*/
ul.tab_menu{width:1200px;margin:0 auto;}
ul.tab_menu li a{height:38px; text-align:center;width:239px;background:#d3d3d3; border-right:1px solid #b8b8b8;float:left; list-style:none;line-height:3;}
ul.tab_menu li a{text-decoration:none; font-weight:bold;}
ul.tab_menu li.on a{color:#fff;}

.sub_info_s1{padding-top:40px;}
.sub_info_s1 h2{margin-top:30px;}
.sub_info_s1 h2 img{margin-left:63px;}
.sub_info_s1 p{margin-top:30px; width:816px; margin-left:63px;}
.sub_info_s1 span img{margin:30px 60px;}

.sub_set{padding-top:40px;}
.sub_set h2{height:255px; padding-top:67px; border-bottom:4px solid #222;}
.sub_set .info_txt{display:block;width:300px; height:210px; padding-top:40px; color:#666; line-height:1.7; vertical-align:top;}
.sub_set .info_txt p{font:12px bold;font-family:NanumBarunGothic;letter-spacing:0;}
.sub_set .main_poster{overflow:hidden;position:relative;top:-490px;float:right;}
.sub_info{border-top:1px solid #d4d4d4;}
.sub_info h2{margin-top:30px;}
.sub_info h2 img{margin-left:63px;}

.tabscontainer.ui-tabs.ui-widget.ui-widget-content.ui-corner-all{padding-bottom:81px;}
.active ui-state-default ui-corner-top ui-tabs-active ui-state-active{background:#d3d3d3;color:#676767;}
/*.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background: #d23021;}*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active a{color:#fff;background: #4badf3;}
span.nf_table_img{position:relative; top:35px; font-size:11px;}
#contents>p{float:right;color:#666;margin-bottom:15px;}

/*--------------------NEWTECH_S01---------------------------*/
.table_menutab{position:relative; top:80px;z-index:2; height:42px;width:302px;}
.table_menutab a#map1{background:url(/images/test/tech_Calendar.gif) no-repeat;position:absolute;right:151px;width:151px;height:42px;overflow:hidden;cursor:pointer;}
.table_menutab a#map2{background:url(/images/test/tech_Calendar.gif) -151px 0 no-repeat;position:absolute;right:0;width:151px;height:42px;overflow:hidden;cursor:pointer;}
.table_menutab a#map3{background:url(/images/test/tech_Calendar.gif) 0 -42px no-repeat;position:absolute;right:151px;width:151px;height:42px;overflow:hidden;cursor:pointer;}
.table_menutab a#map4{background:url(/images/test/tech_Calendar.gif) -151px -42px no-repeat;position:absolute;right:0;width:151px;height:42px;overflow:hidden;cursor:pointer;}
/* .table_menutab a{padding:12px 90px; background:#d3d3d3;text-decoration:none; color:#fff;}*/
.table_menutab .on{background:#d23021; color:#fff;}
.board_table{font-size:12px; position:relative; top:67px;}
caption{display:none; width:0px; height:0px;}
.table_data thead tr th, .table_data tbody tr td{border-right:1px solid #b7b7b7; text-align:center;}
.table_data tbody tr td:hover{color:#232222;font-size:small;}
.table_data thead tr{height:27.5px;border-top:1px solid #b7b7b7;}
/*.table_data thead tr th{color:#fff;}*/
.table_data tbody tr{height:20px;}
.table_data thead td{border-right:1px solid #b7b7b7;color:#000;text-align:center;}
.table_data tbody th.name{height:49px; color:#313137; /*background:url(/images/test/bg_view.gif) top left;*/border-bottom:1px solid #313137;border-right:1px solid #d3d3d3; text-align:left; padding-left:15px;}
.table_data tbody th.name a{color:#5A5A65; text-decoration:none;letter-spacing:-0.07em;}
.table_data tbody tr .t_bg{background-color:#dfdfdf;}
.table_data tbody tr td{border-bottom:1px solid #b7b7b7;}
.table_data tbody tr td .table_img{float:right;}
.table_data tbody tr td .table_img img{padding-right:2px;}

	.t.info{padding-top:80px;}.t.info h5{border-bottom:2px solid #283444;color:#283444;font-size:16px;line-height:20px;}
	.t.info .swiper-container .swiper-slide img{border:1px solid #676767;}
	.t.info .swiper-container{ width:100%;height:100%;}
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

/*--------------------back-to-top---------------------------*/
a#back-to-top {display: none;width: 60px;height: 60px;text-indent: -9999px;position: fixed;	z-index: 999;right: 20px;bottom: 20px;background: #27AE61 url("/images/test/up-arrow.png") no-repeat center 43%;	-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
a:hover#back-to-top {background-color: #000;}

/*--------------------map---------------------------*/
#mapWrapper{overflow:hidden; position:relative; width:100%; margin:0px auto; height:500px; border:1px solid #ddd;}
#mapWrapper #mapCon{position:absolute; top:50%; left:50%; width:1200px; height:500px; margin-left:-600px; margin-top:-250px;}   
.map-tbl-con{margin-bottom:0;}
.map-tbl{width:100%;}
.map-tbl th,.map-tbl td{padding:20px 2%; letter-spacing:-0.3px; font-size:15px;}
.map-tbl th{width:110px; border-bottom:1px solid #000; color:#1e1e1e; text-align:left; font-weight:600; }
.map-tbl td{border-bottom:1px solid #d8d8d8; color:#5b5b5b; font-weight:400; line-height:14px;}
.location-list > li{margin-bottom:30px;}
.location-list > li > dl > dt{border-bottom:1px solid #ddd;}
.location-list > li > dl > dt span{position:relative; display:inline-block; top:1px; border-bottom:1px solid #333; font-size:18px; font-weight:bold; padding-bottom:6px; color:#333;}
.location-list > li > dl > dt span i{vertical-align:middle; font-size:22px; }
.location-list > li > dl > dd{padding-top:15px; color:#333; font-size:15px; line-height:22px; word-break:keep-all;}
.location-list > li > dl > dd .bus-info{display:block; position:relative; margin-bottom:5px; padding-left:40px;}
.location-list > li > dl > dd .train-info{display:block; position:relative; margin-bottom:5px; padding-left:65px;}
.location-list > li > dl > dd em{position:absolute; top:0px; left:0px; color:#fff; padding:1px 5px; border-radius:2px; margin-right:5px; font-size:12px;}
.location-list > li > dl > dd .train-info em{top:2px; padding:0; width:55px; height:20px; line-height: 20px; border-radius:20px; text-align:center;}
.location-list > li > dl > dd .car-come {display:block; color:#b75353; font-weight:600;}

/*--------------------newtech---------------------------*/
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);

table.Schedule thead th{border:1px solid #AFAFAF;border-bottom:2px solid #FDDEC6;border-top:1px solid #FDDEC6;height:30px;color:#283444;background:#F5F5F5;}
table.Schedule thead th:first-child{border-left:0;}
table.Schedule thead th:last-child{border-right:0;}
table.Schedule tbody tr th{text-align:left;padding-left:20px;}
table.Schedule tbody tr td{text-align:center;}
table.Schedule tbody tr th, table.Schedule tbody tr td{border:1px solid #ececec;border-left:0;height:27px;}
table.Schedule tbody tr:last-child{border-right:0;}
table.Schedule tbody td b{font-size:13px;}
table.Schedule .Place{float:right;background:#DC2855; color:#ffffff;padding:3px 9px;}
table.Schedule .Place.J{background:#2178EC;}
.tabscontainer #tabs1 h4{line-height:33px;border-bottom:2px solid #283444;color:#283444;font-size:21.64px;padding-left:35px;font-family: 'Noto Sans Korean', sans-serif;letter-spacing:-1.5px;font-weight:600;}
a.BoxList{float:left;margin-top:23px;margin-left:47px;}
.list.right a.BoxList{float:right;}
a.BoxList:nth-child(odd){margin-left:0;}
a.BoxList .imgArea{border:1px solid #bfbfbf;width:242px;float:left;text-align:center;line-height:133px;}

a.BoxList .ListDetail .text .textName{font-weight:500;font-size:14.75px;color:#272727;font-family:'Noto Sans Korean', sans-serif;}

a.BoxList .ListDetail{height:134px;width:206px;border:1px solid #bfbfbf;float:right;border-left:0;}
a.BoxList .ListDetail p.text{padding:11px;line-height:19px;height:75px;}
a.BoxList .ListDetail p.enterArea{padding:11px;background:#d03636;color:#ffffff;text-align:center;position:relative;top:-2%;width:176px;margin:0 auto;}

/*--------------------캠퍼스zone 메뉴 header---------------------------*/
div#wrap div.top-bg>h1,
div#wrap div#contents div.head>h1{position: relative; font-family: 'NanumSquare'; text-align: center; line-height: 188px; vertical-align: middle; font-size: 30px; color: #fff; padding: 0;}
div#wrap div.top-bg>h1>b{position:relative;}
div#wrap div.top-bg>h1>b:before {content:""; position:absolute; width: 110%; height: 4px; left: -5%; bottom: -20px; background: #097a80;}
/*div#wrap div#contents div.head>h1:before{position: absolute; content:""; width:40px; height:4px; background-color: #f00244; top: 68px; left: 50%; margin-left: -20px;}*/

/*-------------------캠퍼스zone>취업현황 css---------------------------*/
#status_list>h2{
	font-size:18px;
	color: #000;
	margin: 10px 0 20px 0;
	padding: 12px 0;
	text-align: center;
	line-height: 25px;
	background: url("../images/test/staus_h2_bg2.png");
}
 #status_list>h2>img{
    display: inline-block;
    margin-bottom: 15px;
 }
#status_list>div.status_box>.status_table{
	display:none; 
	overflow-y: scroll;
    height: 500px;
	margin-top:20px;
	margin-bottom: 50px;	
}
#status_list>div.status_box>.status_table tr th{
	width:10%;
	color:#fff;
	background: #882334;
	padding: 6px 0;	
	border-right: 1px solid #ddd;
	border-bottom: 3px double #882334;
}
#status_list>div.status_box>.status_table.java tr th{ 
	background:#13406f;
	border-bottom: 3px double #13406f;
}
#status_list>div.status_box>.status_table tr td{
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 7px 0;
}
#status_list>div.status_box>.status_table tr:nth-child(odd) td{
	background:#fafafa;
}
#status_list>div.status_box>.status_table tr:nth-child(10n) td{
	border-bottom: 3px double #ddd;
}
#status_list>div.status_box>.status_table tr td:nth-child(1),
#status_list>div.status_box>.status_table tr td:nth-child(2){
	text-align: center;
}
#status_list>div.status_box>.status_table tr td:nth-child(3),
#status_list>div.status_box>.status_table tr td:nth-child(4){
	text-indent: 30px;
}

#status_list>div.status_box>.status_table tr td:last-child{
	border-right:none;
}


/*-------------------캠퍼스zone>취업현황_text2_tab메뉴_css---------------------------*/

#status_list>div.status_box>input[type="radio"]{
	display:none;
}
#status_list>div.status_box>input[type="radio"] + label{
	display:inline-block; 
    text-align: center;
    width: 598px;
    padding: 10px 0;
    background: #eee;
    color: #000;
    font-weight: 700;
    font-size: 17px;
	cursor:pointer;
}
#status_list>div.status_box>input[type="radio"]:checked + label{
	background:#fff;
	border-top:2px solid #882334;
}
#status_list>div.status_box>input[type="radio"]:checked + label:nth-child(4){
	border-top:2px solid #13406f;
}

#status_list>div.status_box>input[id="tab01"]:checked ~ .status_table.bigdata{display:block;}
#status_list>div.status_box>input[id="tab02"]:checked ~ .status_table.java{display:block;}


/*-------------------캠퍼스zone > table 스크롤바 css---------------------------*/

#status_list>div.status_box>.status_table::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 3px rgb(255,255,255);
	background-color: #f4f4f4;
}

#status_list>div.status_box>.status_table::-webkit-scrollbar{
	width: 10px;
	background-color: #fff;
}

#status_list>div.status_box>.status_table.bigdata::-webkit-scrollbar-thumb{/*빅데이터탭_자주색*/
	background-color: #882334;
	border-radius:5px;
}
#status_list>div.status_box>.status_table.java::-webkit-scrollbar-thumb{/*자바,프론트엔드_남색*/
	background-color: #13406f;
	border-radius:5px;
}

/*-------------------캠퍼스zone>수료생포트폴리오 css---------------------------*/
.news_list>h2{font-size:18px; color: #000; margin: 10px 0 20px 0; padding: 12px 0; text-align: center; line-height: 25px; background: url("../images/test/staus_h2_bg2.png");}
.news_list  ul.project_zone{width: 1040px; overflow: hidden; margin: 0 auto;}
.news_list  ul.project_zone  li.list{float:left; margin: 10px; width: 320px; height: auto; border:1px solid #ddd;}

.news_list  ul.project_zone  li.list > a div.cover{position: relative; overflow: hidden; width: 320px; height: 200px;}
.news_list  ul.project_zone  li.list > a div.cover img{transition:all .3s;}
.news_list  ul.project_zone  li.list > a:hover  div.cover img{transform:scale(1.2);}
.news_list  ul.project_zone  li.list > a div.cover div.hov_cov {position: absolute; width: 320px; height: 200px; line-height: 190px; left: 0; top: 0; background: #000; opacity: 0; text-align: center; transition:all .5s;}
.news_list  ul.project_zone  li.list > a:hover div.cover div.hov_cov {opacity: .8;}
.news_list  ul.project_zone  li.list > a div.cover div.hov_cov img {display: inline-block; }

.news_list  ul.project_zone  li.list > a  div.title {padding: 20px 0 20px 12px;}
.news_list  ul.project_zone  li.list > a  div.title.bigdata h2 {color:#cd0224;}
.news_list  ul.project_zone  li.list > a  div.title.java h2 {color:#0f60b3;}
.news_list  ul.project_zone  li.list > a  div.title h3 {font-size:20px; font-weight:800; line-height: 2; color:#000;}
.news_list  ul.project_zone  li.list > a  div.title h4 {font-size:15px; color:#888;}


/*---------------------edu_info.jsp--------------------------*/
.edu_list section#edu_contents{position: relative; width: 990px; margin: 75px auto; counter-reset:numbering;}
.edu_list section#edu_contents>article{position: relative; margin-bottom: 80px;}
.edu_list section#edu_contents>article:before{position: absolute; width: 80px; left: 0px; font-size:40px; font-weight:900; counter-increment:numbering; content:counter(numbering,decimal-leading-zero); color: #ee2e66; background: url("/image/curriculum/edu_info/article_bg.png") 50px 9px no-repeat;}
.edu_list section#edu_contents>article h2{position:relative; padding-left: 85px; font-size:27px; font-weight:lighter; color:#000;}
.edu_list section#edu_contents>article h2 img{display: inline-block; margin-left: 10px;}
.edu_list section#edu_contents>article h3 {padding: 5px 0 25px 87px;}
.edu_list section#edu_contents>article h3 span.hashtagBox {display: inline-block; height: 26px; line-height: 26px; padding: 0 15px;  
color: #5c771c; border: 1px solid #5c771c; border-radius: 4px;  font-size: 11px;}
/*.edu_list section#edu_contents>article h3 span.hashtagBox:last-child{color: #5c771c; border: 1px solid #5c771c;}*/
.edu_list section#edu_contents>article h3 span.hashtagBox.Kdigital{color: #cd3e06; border: 1px solid #cd3e06;}
.edu_list section#edu_contents>article h3 p {font-size:15px; color:#000; padding-top: 15px;}
.edu_list section#edu_contents>article div.frame{position: relative; width: inherit; height: auto; overflow:hidden;  padding: 10px 30px; background: #f7f7f7; border:1px solid #e2e1e1;}
.edu_list section#edu_contents>article div.frame:after{content:""; position: absolute; left: 39%; top:11%;  width: 1px; height: 80%; background: #acacac;}
.edu_list section#edu_contents>article div.frame div.left{float:left; width: 40%;}
.edu_list section#edu_contents>article div.frame div.right{float:left; width: 60%; padding-top: 5px;}
.edu_list section#edu_contents>article div.frame div.left>ul>li{font-size:15px; color:#000; line-height: 30px;}
.edu_list section#edu_contents>article div.frame div.left>ul>li>span.dateTerm{color:#ee2e66; font-weight: bold;}
.edu_list section#edu_contents>article div.frame div.right>ul>li{padding-left: 5px; font-size:13px; color:#000;}
.edu_list section#edu_contents>article div.frame div.right>ul>li:last-child{margin: 5px 0 35px; line-height: 20px;}

.edu_list section#edu_contents>article div.frame div.right>div.linkBtn {text-align: left;}
.edu_list section#edu_contents>article div.frame div.right>div.linkBtn>a{display: inline-block; width: 170px;  height: 33px; line-height: 33px; margin-right: 5px; text-align: center; font-size:17px; font-weight:600; color:#f7f7f7;}
.edu_list section#edu_contents>article div.frame div.right>div.linkBtn>a:hover{background: #676767 !important;}
.edu_list section#edu_contents>article div.frame div.right>div.linkBtn>a.linkBtn01{margin-right: 5px; background: #009fc2;}
.edu_list section#edu_contents>article div.frame div.right>div.linkBtn>a.linkBtn02{background: #218297;}
.edu_list section#edu_contents>article div.frame div.right>div.linkBtn>a.linkBtn03 {background: #18b00f;}

/*-----edu_info_모집마감-----*/
.edu_list section#edu_contents>article.offClass h2:before,
.edu_list section#edu_contents>article.offClass div.frame div.left>p.date{background: #009fc2;}
.edu_list section#edu_contents>article.offClass div.frame div.right>div.linkBtn>a.linkBtn01{background: #787878;}
.edu_list section#edu_contents>article.offClass div.frame div.right>div.linkBtn>a.linkBtn02{background: #3f3f3f;}


/*---------------------edu_detail--------------------------*/
#contents>aside.side{ position: fixed; left: 50px; width: 210px;}
#contents>aside.side>ul>li{position: relative;	 padding: 10px 10px 10px 13px; border-bottom:1px solid #e3e3e3; background-color: #fbfbfb;}
#contents>aside.side>ul>li:before{ content: ""; position: absolute; width: 4px; height: 4px; left: 3px; top: 15px; border-radius: 50%; background-color: #000;}
#contents>aside.side>ul>li:first-child:before{	content:none;}
#contents>aside.side>ul>li:first-child{text-align: center; padding: 0 0 5px 0; border:none; background-color:rgba(255,255,255,0);}
#contents>aside.side>ul>li:nth-child(2){border-top:1px solid #000;}
#contents>aside.side>ul>li:last-child{border-bottom:1px solid #000;}
#contents>aside.side>ul>li:hover{	background-color: #fff;}
#contents>aside.side>ul>li:first-child:hover{background-color:rgba(255,255,255,0);}
#contents>aside.side>ul>li>a{display: block;	width: 100%;height: 100%;color: #1e1e1e;}
#contents>aside.side>ul>li:hover>a{color: #ee0244;}

/*-------------------국비지원_대상자조회---------------------------*/
#lookup {width: 100%; padding: 50px 10px; background: url("../images/quick_view_bg.png") ; box-sizing:border-box;}
.quick-view-box { width: 940px; padding: 50px; margin: 0 auto 50px; box-sizing:border-box; border:1px solid #e2e3e3; background-color: #fff;}
.quick-view-box form { font-family: 'NanumSquare'; text-align: center;}
.quick-view-box form h1 {font-size: 34px; color: #ee0244; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 5px;}
.quick-view-box form h5 {font-size: 16px; color: #707070; font-weight:400; letter-spacing: -0.5px;line-height: 22px;}
.quick-view-box form h1:before {content: '';display: block;width: 55px;height: 65px; margin: auto;margin-bottom: 15px; background:url("../images/form_h1.png");}

.quick-view-box form table {width: inherit; margin: 30px 0;}
.quick-view-box form table tr {font-size: 18px;text-align: left; border-bottom: solid 1px #e2e3e3;}
.quick-view-box form table tr:first-child {border-top:1px solid #ffb5ca;}
.quick-view-box form table tr th {width: 20%; text-align: center; vertical-align: middle; background: #f5f5f5; font-size:14px; color:#333;}
.quick-view-box form table tr td {width: 60%; padding: 20px; vertical-align: middle;}
.quick-view-box form table b{color: red;font-weight: bold;margin-left: 2px;}
.quick-view-box form table font{margin-left: 10px;font-size: 14px; color: #888;}
.quick-view-box form table input[type="number"].phone {line-height: 40px;height: 40px;width: 19%; padding-left: 15px;}
.quick-view-box form table input[type="text"]{line-height: 40px;height: 40px;width: 400px; padding-left: 15px;}
.quick-view-box form table input[type="text"].email{width: 180px;}
.quick-view-box form table input[type="text"].school{width: 300px;}
.quick-view-box form table textarea{height: 100px;width: 400px;}
.quick-view-box form div.school-box input{margin-bottom: 5px}
.quick-view-box form div select{line-height: 40px;height: 40px;width: 400px;}

.quick-view-box form .scroll td.scroll_box{margin-bottom: 20px;}
.quick-view-box form .scroll td.scroll_box pre{background: #fff;border: solid 1px #e6e6e6;padding: 10px; margin-bottom: 15px; width: 400px;height: 100px;overflow-y: scroll;overflow-x: hidden;white-space: pre-line;font-size: 11px;font-family: '돋움', sans-serif;}
.quick-view-box form .scroll div .checkbox{position: relative;font-size: 12px;font-family: '돋움', sans-serif;margin: 0;margin-top: 10px;}
.quick-view-box form .scroll div .checkbox input[type="checkbox"]{vertical-align: middle;vertical-align: middle;margin: 0;width: 18px;height: 18px;border-radius: 0;border: solid 1px #aaa;-moz-appearance: none;-webkit-appearance: none;appearance: none;background: #fff;margin-right: 5px;}

.quick-view-box form input[type="submit"]{font-family: 'NanumSquare';line-height: 50px;background: #4d585c;cursor: pointer;border: 0;color: #fff;font-size: 20px;width: 450px;height: 50px;}
.quick-view-box form input[type="submit"]:hover{background: #2f383c;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}

.quick-view-box form .check-boxs.inline-type .checkbox{display: inline-block; margin: 0 12px 0 0;}
.quick-view-box form .check-boxs .checkbox{margin: 15px 0;}
.quick-view-box form .checkbox input[type="checkbox"] {display: inline-block; position: absolute; z-index: 999; width: 22px;height: 22px;margin: 0; opacity: 0; cursor: pointer;}
.quick-view-box form .checkbox input[type="checkbox"] + label{display: inline-block;cursor: pointer;position: absolute;font-size: 13px;}
.quick-view-box form .checkbox input[type="checkbox"] + label:before {content: "";display: inline-block;width: 20px;height: 20px;position: absolute;left: 0;background-color: #fff;border:1px solid #000;border-radius: 0;}
.quick-view-box form .checkbox input[type="checkbox"]:checked + label:before {content: "\2713"; font-size: 18px;font-weight:800;color: #000;text-align: center;line-height: 18px;}
.quick-view-box form .checkbox span{margin: 0 0 0 30px; display: inline-block; font-size: 15px;}

.edu_list + .manual.w940 {width: 940px; margin: 0 auto;}
.edu_list + .manual.w940 .manual_title_wrap li:nth-child(1) {padding:0 0 0 25px;}