@charset "utf-8";

@import url('reset.css');
@import url('common.css');

/* head */
#wrap { position: relative; width: 100%; }
#content { position: relative; margin: 0 auto; width: 100%; overflow: hidden; }
#header { position: relative; width: 100%; top: 0; height: 124px; z-index: 3333;}
	.topheader{position: relative; width: 100%; height:38px;  border-bottom: 1px solid #efefef;}


	.topmenu{position: relative; width: 1200px;margin:0 auto;}
	.util { position: absolute; top: 0px; right: 20px; width: auto; }
	.util li { display: inline-block; float: left; padding-top: 7px; padding-right: 20px; padding-bottom: 6px; padding-left: 20px;  }
	.util li a { color: #fff; font-weight: 600;   }
	.util li a:hover { color: #fff;  }
	.util li.utilbg01{background:#898989}
	.util li.utilbg02{background:#3b5997}
	.util li.utilbg03{background:#22355d}


	.Inner { position: relative; width: 1200px; height: 110px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
	.logo { position: absolute; left: 0px; top: 20px; height: 55px; z-index: 9999; padding-top: 0px; padding-right: 0; padding-bottom: 0; padding-left: 0; width: 440px; }


	.header { width: auto; position: absolute; left: 435px; top: 30px; }

#gnb { position: absolute; display: block; width: 670px; height: 35px; z-index: 100; left:130px;}
#gnb > li > a { color: #242424; font-weight: 600; }
#gnb li { float: left; position: relative; margin:0 25px}
#gnb li:first-child { background: none; color: #3c70ac; }
#gnb li a { color: #242424; font-size: 19px; letter-spacing: -.02em; display: block; padding:0px 0 0 0; line-height: 36px;}
#gnb li a:hover { text-decoration: none; color: #3c70ac }
#gnb li ul { color: #333; display: none; width: 140px; position: absolute; opacity: 0.9; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);margin:0}
#gnb li ul li { width: 100%; border-top: 1px solid #444; margin:0;}
#gnb li ul li a { background: #555; border: none; font-size: 14px !important; color: #fff; line-height: 26px; margin: 0; padding-top: 5px; padding-right: 0; padding-bottom: 5px; padding-left: 15px; }
#gnb li ul li a:hover { background: #22355d; color: #fff; }/* gnb드롭바 칼라 */
#gnb li.current > a { color: #3c70ac; }
#gnb li.current > a:hover { color: #3c70ac; }
#gnb li:hover > a { color: #3c70ac; }
#gnb li:hover > ul.child { display: block; }

.dr_m a { position: relative; float: left; width: 199px; height: 115px; border-left: 1px solid #f4f4f4 }
.dr_m02 a { position: relative; float: left; width: 198px; height: 115px; border-left: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4 }
.ico_img { position: absolute; top: 28px; left: 20px; width: 45px; height: 45px; text-align: center; vertical-align: bottom }
.dr_tit { position: absolute; top: 28px; left: 70px; width: 120px; font-size: 1.20em; font-weight: bold; }
.dr_exp { position: absolute; top: 52px; left: 70px; width: 120px; font-family: Dotum; font-size: 11px; line-height: 14px; color: #888 }



/* footer */
.foot_wrap { position: relative; width: 100%; display:inline-block; height:210px;  background-color: #f0f0f0; border-top: 1px solid #d5d5d5; margin:40px 0 0 0}
#foot { position: relative; width: 1200px; margin: 37px auto;}
#foot .b_logo { position: absolute; left: 0px; width: 130px;}
#foot .add { position: absolute; top: 0px; color: #a9a9a9; line-height: 1.30em; margin-left: 250px; }

#foot .add address {margin-top:15px;font-weight:400; line-height:24px;   color:#727272;}
#foot .add address span{padding-left:30px}

/* main  1200px*/



/* 메인 페이지 스타일 */


.main-visual-wrap {overflow:hidden; width:100%;}
.main-visual-pc {height:550px; width:100%;}

.sub-visual01
{
	width: 100%; height:230px;
	background:url(/images/sub/subimg01.jpg);background-position:center top;
	border-top:1px solid #bcbcbc;border-bottom:1px solid #bcbcbc;
}

.sub-visual02
{
	width: 100%; height:230px;
	background:url(/images/sub/subimg02.jpg);background-position:center top;
	border-top:1px solid #bcbcbc;border-bottom:1px solid #bcbcbc;
}
.sub-visual03
{
	width: 100%; height:230px;
	background:url(/images/sub/subimg03.jpg);background-position:center top;
	border-top:1px solid #bcbcbc;border-bottom:1px solid #bcbcbc;
}
.sub-visual04
{
	width: 100%; height:230px;
	background:url(/images/sub/subimg04.jpg);background-position:center top;
	border-top:1px solid #bcbcbc;border-bottom:1px solid #bcbcbc;
}


/*Super Slide caption*/
.slides_caption.msl-caption {width:100%; position:absolute; bottom:100px;}
.slides_caption.msl-caption2 {width:100%; position:absolute; bottom:145px;}
.w600 {font-weight:600;}

h2.caption_h2.type1 {
    font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
    font-style: italic;
    font-size: 60px;
    font-weight: bold;
    line-height: 48px;
    padding-bottom: 25px;
    letter-spacing: -2.3px;
}
h2.caption_h2.type2 {font-size: 48px;font-weight: 200;line-height: 48px;padding-bottom: 0;letter-spacing: -2px;color:#000;
	filter:alpha(opacity=70); -khtml-opacity:0.7; -moz-opacity:0.7; opacity:0.7;
}
h2.caption_h2.type2 .green {color:#307044;}
h2.caption_h2.type3 {

    font-size: 48px;
    line-height: 48px;
	font-weight: 200;
    letter-spacing: -2.3px;
	color:#fff;
}
h2.caption_h2.type3 span {
	font-weight:bold\9;
	font-size:60px;
	line-height:80px;
}
p.caption_p {font-size: 30px;line-height: 36px;font-weight: 200;letter-spacing: -2px;}
/*Super Slide pagination*/
.slides-pagination {display:block; position:absolute; bottom:20px;z-index:20;width:70px; height:22px;}
.slides-pagination a {display:block; position:relative; float:left; width:12px; height:12px; background:url(/images/main/super-dot.png) center no-repeat; text-indent:20000px;
	filter:alpha(opacity=50);-khtml-opacity:0.5;-moz-opacity:0.5;opacity:0.5; margin:5px;}
.slides-pagination a.current {filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;}
/*Super Slide pauseplay*/
.slides-pauseplay {display:block; position:absolute; bottom:20px;z-index:20;width:70px; height:22px;}
.slides-pauseplay a {cursor:pointer;display:block; position:relative; float:left; width:12px; height:12px; text-indent:20000px;
	filter:alpha(opacity=80);-khtml-opacity:0.8;-moz-opacity:0.8;opacity:0.8; margin:5px;}
.slides-pauseplay a:hove , .slides-pauseplay a:focus, .slides-pauseplay a.stsl {filter:alpha(opacity=100);-khtml-opacity:1;-moz-opacity:1;opacity:1;}
.slides-pauseplay a.pause {background:url(/images/main/flex-pause.png) center no-repeat;}
.slides-pauseplay a.play {background:url(/images/main/flex-play.png) center no-repeat;}
/*Super Slide direction nav*/
.slides-navigation {
  *height: 0;
  z-index:9999;
}
.slides-navigation a {
  text-decoration: none;
  display: block;
  width: 42px;
  height: 72px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10000;
  text-indent:9999px;
  overflow: hidden;
  -khtml-opacity:0.3; -moz-opacity:0.3; opacity: 0.3;
  cursor: pointer;
  /*color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;*/
	cursor:pointer;
}
.slides-navigation a:before {
  display: inline-block;
  /*content:url(/skin/default/img/main/flex-prev.png);*/
}
.slides-navigation a.next:before {
  display: inline-block;
  /*content:url(/skin/default/img/main/flex-next.png);*/
}
.slides-navigation .prev {
	background:url(/images/main/flex-prev.png);
	left: 48px;
}
.slides-navigation .next {
	background:url(/images/main/flex-next.png);
  right: 48px;
  text-align: right;
}
#superslides:hover .slides-navigation .prev {
  -khtml-opacity:0.7; -moz-opacity:0.7; opacity: 0.7;

}
#superslides:hover .slides-navigation .prev:hover {
  -khtml-opacity:1; -moz-opacity:1; opacity: 1;
}
#superslides:hover .slides-navigation .next {
  -khtml-opacity:0.7; -moz-opacity:0.7; opacity: 0.7;

}
#superslides:hover .slides-navigation .next:hover {
  -khtml-opacity:1; -moz-opacity:1; opacity: 1;
}
/* bx slider CUSTOM CSS */






.wrap_container{position:relative;  display: inline-block;  width:100%; margin:30px 0}
.contents{width:1200px; margin:0px auto; }






section > .container {
  width: 1200px;
  margin: 50px auto;
  box-sizing: border-box;
}


section .container a.more_btn {
  position: absolute;
  right: 0;
  bottom: 22px;
  display: inline-block;
  padding-right: 12px;
  color: #757575;
}
section .container a.more_btn::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 0;
  width: 13px;
  height: 13px;
  background: url("/images/common/arrow-right.png") no-repeat 0 0px;
}

section .container a.more_btn:hover {
  color: #757575;
}


.row {
  display: table;
  width: 100%;
}


.section_1 .container .col-box {
  display: inline-block;
  width: 540px;
  overflow: hidden;
  margin-right: 0px;
  float: left;  
}


.section_1 .container .col-box > .bodtitle {
  width: 100%;
  height: 50px;
  position: relative;
  margin-bottom: 20px; 
  border-bottom:1px solid #cccccc;
}
.section_1 .container .col-box .bodtitle .title_h3 {
  font-size: 24px;
  letter-spacing: -1px;
  color: #2a2a2a;  
  font-weight:600;
}


.title_h4 {
  font-size: 24px;
  letter-spacing: -1px;
  font-weight:600;
}



.section_1 .container .col-box > .bodtitle2 {
  width: 100%;
  height: 50px;
  position: relative;
  margin-bottom: 20px; 
  border-bottom:1px solid #cccccc;
}

.section_1 .container .col-box .bodtitle2 span {
  display: inline-block;
  vertical-align: middle;
}

.section_1 .container .col-box .bodtitle2 span:first-child {
	border-right:1px solid #cccccc;
	padding-right:10px;
	margin-right:10px;
}

.section_1 .container .col-box .bodtitle2 span.more_btn{  position: absolute;
  top: 0;
  right: 0px;}


.section_1 .container .col-box .bodtitle2 span.more_btn {
  position: absolute;
  right: 0;
  display: inline-block;
  padding-right: 12px;
  color: #757575;
}
.section_1 .container .col-box .bodtitle2 span.more_btn::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 0;
  width: 13px;
  height: 13px;
  background: url("/images/common/arrow-right.png") no-repeat 0 0px;
}



/*section_1 공지사항 */

.section_1 .board_notice {
}


.section_1 .board_notice dl.notice_list_top {
  padding: 0px 0px;
  
}
.section_1 .board_notice dl.notice_list_top dt span {
  font-size: 16px; 
}

.section_1 .board_notice dl dt {
  position: relative;
  line-height: 100%;
  font-weight:300;
  font-size: 18px; 
  line-height: 40px;
  letter-spacing:-1.5px
}
.section_1 .board_notice dl dt a {
  color: #555555;
}
.section_1 .board_notice dl dt span {
  position: absolute;
  top: 0;
  right: 0px;
  color: #888;
}





.m_title{display:block; font-size:18px; color:#3e3e3e; font-weight:bold;}
.m_text{display:block; margin-top:7px; color:#737373; line-height:26px; letter-spacing: -.03em;}
.m_text span{display:block;}
.over_plus{display:none;}



/* subpage */


/* page인식 */
#page01 #lnb a.menu1, 
#page02 #lnb a.menu2, 
#page03 #lnb a.menu3, 
#page04 #lnb a.menu4, 
#page05 #lnb a.menu5, 
#page06 #lnb a.menu6, 
#page07 #lnb a.menu7, 
#page08 #lnb a.menu8, 
#page09 #lnb a.menu9, 
#page010 #lnb a.menu10 { position: relative; float: left; width: 200px; height: 42px; font-weight: bold; background: #0fc2bc; color: #fff; }

#subNav { position: relative; float: left; width: 200px; margin-top: 0px; margin-right: 0; margin-bottom: 50px; margin-left: 0; }
#subNav .subtit { position: relative; float: left; width: 200px; color: #333; font-size: 26px; letter-spacing: -0.05em; line-height: 1.3em; clear: both; margin-right: 0; margin-bottom: 20px; margin-left: 0; font-weight: 600; }
#lnb { position: relative; float: left; width: 200px; border-top-width: 1px; border-top-style: solid; border-top-color: #7f7f7f; }
#lnb ul {width: 200px;}
#lnb ul li { display: block;   }
#lnb ul li:first-child { border: 0 }
#lnb ul li a{display: inline-block;  background: #fff;    color: #333!important;  font-size: 15px; font-weight: 300; letter-spacing: -.03em; width: 100%; height: 45px; padding: 10px 0 5px 23px; border-bottom: 1px solid #e6e6e6;}
#lnb ul li a:hover { display: inline-block;  background: #3b5997 url(/images/common/ic_01.png) no-repeat right center;    color: #fff!important;  font-size: 15px; font-weight: 600; letter-spacing: -.03em; width: 100%; height: 45px; padding: 10px 0 0 23px;}
#lnb ul li a.on {  display: inline-block;  background: #3b5997 url(/images/common/ic_01.png) no-repeat right center;    color: #fff!important;  font-size: 15px; font-weight: 600; letter-spacing: -.03em;   }






/* 서브내용  */
.sub_contents { position: relative; float: right; width: 940px; margin-top: 0px; margin-right: 0; margin-left: 0; min-height:500px}

.con_pagetit{ border-bottom:1px solid #c6c6c6; height:55px; margin-bottom:40px}
.con_pagetit h1 {color: #333; font-size: 26px; letter-spacing: -0.05em; line-height: 1.3em; font-weight: 600;}
.con_breadcrumb{position:absolute;right:0;top:15px;}
.con_pagetit .con_breadcrumb ul li{float:left;color:#818181;font-size:11px;font-weight:400;text-align:center;letter-spacing:-.03em;margin:0 7px 0 0}
.con_pagetit .con_breadcrumb ul li:first-child{padding:0 0 0 11px;margin:0 7px 0 0;background: url(/images/common/ico_home.png) no-repeat 0 5px;}
.con_pagetit .con_breadcrumb ul li:after{content:">";color:#999;font-size:12px;font-weight:400;text-align:center;padding:0 0 0 7px}
.con_pagetit .con_breadcrumb ul li:last-child:after{content:none;padding:0}


#sub_cont { position: relative; width: 100%; }/* 높이수정  */



.companyMap .mapArea {border:1px solid #e1e1e1; margin-bottom:40px;}
.companyMap dl { position: relative; float: left; width: 50%; border-top:2px solid #222; border-bottom:1px solid #c6c6c6;  border-right:1px solid #ededed;padding:23px 0 30px 4px; color:#666;}
.companyMap dl:last-child { border-right:0px solid #c6c6c6; padding-left:50px}
.companyMap dl dt {font-size:18px; letter-spacing: -0.05em; line-height: 1.3em; font-weight: 600; margin-bottom:20px; color:#22355d} 
.companyMap dl dd span {display:inline-block; margin:0 5px; color:#b5b5b5; margin-bottom:5px;}




.counsel h3 {font:13px NanumGothicBold; color:#383d41; margin-bottom:15px;}
.counsel h3.line {border-top:2px solid #454545; padding-top:15px; width:178px;}
.counsel .text_area {margin-bottom:15px; border:1px solid #d7d7d7; height:112px; padding:23px 20px; overflow-x:hidden; overflow-y:scroll;}
.counsel .btn_agree {text-align:right; margin-bottom:45px;}
.counsel .caution {text-align:right; font:11px Dotum; color:#666; margin-bottom:8px;}
.counsel .caution img {display:inline-block; vertical-align:middle; margin-right:3px;}
.counsel .box_info {border:1px solid #dfdfdf; background:#f7f7f7; text-align:center; padding:30px 0; color:#5b5b5b;}
	.tbl_transmit {border-top:2px solid #020202; width:100%;}
	.tbl_transmit tbody th {border-bottom:1px solid #c1c1c1; padding:9px 0 9px 30px; font:12px NanumGothicBold; color:#333; background:#f6f6f6; text-align:left;}
	.tbl_transmit tbody th.top {vertical-align:top;}
	.tbl_transmit tbody td {border-bottom:1px solid #c1c1c1; padding:9px 0 9px 10px; color:#333;}
	.tbl_transmit tbody th.check {background:url('http://iard.knu.ac.kr/img/sub/ico_check1.gif') #f6f6f6 17px 50% no-repeat;}
	.tbl_transmit tbody th.check.top {background-position:17px 12px;}
	.tbl_transmit tbody td span {display:inline-block; margin:0 5px;}
	.tbl_transmit tbody td .small {font:11px Dotum; color:#999; margin:0;}
	.tbl_transmit tbody .last {border-bottom:1px solid #acacac;}
	.btn_transmit {text-align:center; margin-top:20px;}



/*텝메뉴*/
ul.tab{width:100%;overflow:hidden;padding-bottom:10px;}
	ul.tab li{float:left;width:200px;height:38px;padding-top:15px;font-size:16px;text-align:center;margin-right:1px;background:#747579;}
	ul.tab li a{color:#fff;font-weight:bold;}
	ul.tab li.on{background:#007cc3;}
ul.tab.tab01 li{width:200px;height:38px;margin-bottom:40px;font-size:16px;}








.infocunt .infotext {float : left; width:580px; font-size:15px; line-height: 30px;}
.infocunt p.img{position:absolute;right:0;top:15px;}


h1.subtitle{display:inline-block;font-size:24px;font-weight:600; color:#245275; letter-spacing:-.03em; margin:0 0 20px 0}

.con_organ .con_organ_1{clear:both;position:relative;overflow:hidden;margin:0 0 20px 0;border-top:1px solid #d4d4d4;padding-bottom:40px;}
.con_organ .con_organ_1 h5 {float:left;width:21.97%;margin-top:7px;; font-size:30px; font-weight:600; line-height: 35px; letter-spacing: -0.05em;  color:#3d75a0; position: relative; padding-top:10px}
.con_organ .con_organ_1 h5:before {content: '';position: absolute;left:0;top:-7px;width:100%;height:3px;background:#3d75a0;}
.con_organ .con_organ_1 ul{float:left;width:78.03%;padding-left:40px;box-sizing:border-box;padding-top:15px;}
.con_organ .con_organ_1 ul li{font-size:15px; margin-bottom:7px;}





.con_organ .con_organ_2{clear:both;position:relative;overflow:hidden;margin:10px 0 10px 0;}
.con_organ .con_organ_2 ul{overflow:hidden}
.con_organ .con_organ_2 ul li{float:left; display: table-cell; vertical-align: middle; height:100%; line-height: 98px; }
.con_organ .con_organ_2 ul li.tit{clear:both;width:150px; }
.con_organ .con_organ_2 ul li.txt{line-height: 30px;}



/* 게시판 리스트 */
table.list_tb { width:100%;    table-layout: fixed; 	border-collapse:collapse; table-layout:fixed; border-top:1px solid #ddd; }
table.list_tb th {  font-weight:700;   line-height:30px;  border-bottom:1px solid #ddd; padding:8px 0; background-color:#edf0f2; text-align:center; }
table.list_tb td { text-align:center;  line-height:30px;   border-bottom:1px solid #e5e5e5; padding:20px 0; letter-spacing:-0.02em;}


table.list_tb th.t_left, table.list_tb td.t_left { text-align:left; padding-left:15px }
table.list_tb td.left0 { text-align:left; padding-left:0px }
table.list_tb td.subject { overflow:hidden; text-overflow:ellipsis; white-space: nowrap;  }
table.list_tb td.subject  a { color:#666; }
table.list_tb td.subject a:hover { color:#222; }




