@charset "utf-8";

/* 메인 */
#mainSlider { position:relative; width:100%;  height: 900px;  }
#mainSlider li { width:100%; height:900px; }
#mainSlider li.img1 { background: url('../img/pc/main/main_visual01.png') top center no-repeat; }
#mainSlider li.img2 { background: url('../img/pc/main/main_visual02.png') top center no-repeat; }
#mainSlider li.img3 { background: url('../img/pc/main/main_visual03.png') top center no-repeat; }

#mainSlider .bx-wrapper .bx-pager,
#mainSlider .bx-wrapper .bx-controls-auto {
	bottom: 90px;
	margin-left:-530px;
}

#mainSlider .bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 40px;
	height: 4px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#mainSlider .bx-wrapper .bx-pager.bx-default-pager a:hover,
#mainSlider .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #003399;
}

#mainSlider .bx-wrapper .bx-prev, #mainSlider .bx-wrapper .bx-next { display:none; }

#mainSlider .mainIntroduce { position:absolute; left:50%; bottom:0; width:600px; height:230px; background:url('../img/pc/main/banner01.jpg') left top no-repeat #003399; padding:39px 20px 0 190px; color:#fff; }
#mainSlider .mainIntroduce h2 { font-size:30px; line-height:30px; margin-bottom:10px; font-weight:normal; }
#mainSlider .mainIntroduce .desc { font-size:22px; line-height:22px; margin-bottom:10px; }
#mainSlider .mainIntroduce p { color:#8795c3; line-height:18px; font-size:14px; }

/* 메인 최근게시물 */
#mainBbs { position:relative; background:#fff; padding:10px 0 20px; }
#mainBbs .mainNotice { float:left; width:580px;}
#mainBbs .mainNotice .title_wrap { position:relative; border-bottom:1px solid #e6e6e6; margin-bottom:10px; }
#mainBbs .mainNotice .title_wrap h2 { margin-bottom:10px; color:#333; font-weight:800; font-size:25px; padding-left:25px; font-family: 'NanumSquare'; }
#mainBbs .mainNotice .title_wrap a.more { position:absolute; right:0; bottom:0; display:inline-block; background:#e6e6e6; color:#fff; width:40px; height:40px; text-align:center; font-size:18px; line-height:38px; }


#mainBbs .mainBbsBtn { position:relative; float:right; width:600px; margin-top:-190px; }
#mainBbs .mainBbsBtn ul:after {display:block;visibility:hidden;clear:both;content:""} 
#mainBbs .mainBbsBtn li { margin-top:10px; }
#mainBbs .mainBbsBtn li:first-child { margin-top:0px; }
#mainBbs .mainBbsBtn a { display:inline-block;  }
#mainBbs .mainBbsBtn h2 { font-size:35px; margin-bottom:15px; }
#mainBbs .mainBbsBtn p { font-size:14px; }
#mainBbs .mainBbsBtn a.main_btn2 { background:#00675f; margin-left:5px; }

/* 메인 배너 */
#mainSec01 { width:100%; padding-bottom:30px; }
#mainSec01 .title_wrap { position:relative; height:100px; padding-left:25px; padding-top:10px; margin-bottom:20px;  border-left:4px solid #003399; color:#003399; }
#mainSec01 .title_wrap h2 { font-size:30px; }
#mainSec01 .title_wrap p { font-size:24px; color:#333; }

#mainSec01 .people_list { width:1140px; margin:0 auto; }

#mainSec02 { width:100%; height:900px; padding-top:75px; background:url('../img/pc/main/main_sec02_bg.jpg') center center no-repeat; overflow:hidden; }
#mainSec02 .title_wrap { position:relative; height:100px; padding-left:25px; padding-top:10px; margin-bottom:85px;  border-left:4px solid #fff; color:#fff; }
#mainSec02 .title_wrap h2 { font-size:30px; }
#mainSec02 .title_wrap p { font-size:24px; }

#mainSec02 .banner_list { }
#mainSec02 .banner_list:after {display:block;visibility:hidden;clear:both;content:""} 
#mainSec02 .banner_list > li { float:left; margin-left:20px; }
#mainSec02 .banner_list > li:first-child { margin-left:0px; }
#mainSec02 .banner_list > li:after {display:block;visibility:hidden;clear:both;content:""} 
#mainSec02 .banner_list .thumb { float:left; width:320px; }
#mainSec02 .banner_list .banner { float:left; width:270px; background:#fff; }
#mainSec02 .banner_list .banner li { position:relative; width:100%; height:200px;  border-top:1px solid #7e9bc0;  }
#mainSec02 .banner_list .banner li:first-child { border-top:0; }
#mainSec02 .banner_list .banner li a { display:block; color:#003399; padding:40px 0 0 15px; width:100%; height:100%; }
#mainSec02 .banner_list .banner li h3 { font-size:30px; letter-spacing:-0.02em; line-height:32px; margin-bottom:5px; }
#mainSec02 .banner_list .banner li p { font-size:20px; }
#mainSec02 .banner_list .banner li span.more { position:absolute; right:20px; bottom:20px; background:#293277; color:#fff; width:40px; height:40px; text-align:center; font-size:18px; line-height:38px; }


#mainPartner { margin:10px 0 14px; }

/* 배너 효과 */

.da-thumbs {
	list-style: none;
	width: 100%;
	height: auto;
	position: relative;
	margin: 0px auto;
	padding: 0;
}
.da-thumbs li {
	margin: 0px;
	padding: 0px;
	position: relative;
}
.da-thumbs li a,
.da-thumbs li a .info {
	display: block;
	position: relative;
	width:100%;
	height:100%;
}
.da-thumbs li a {
	overflow: hidden;
}
.da-thumbs li a div.mask {
	position: absolute;
	background: rgba(0,51,153,0.3);
	width: 100%;
	height: 100%;
	text-align:center;
	font-size:17px;
	font-weight:bold;
	vertical-align:middle
}
.da-thumbs li a div span {
	display: block;
	padding: 0px 0;
	margin: 0 20px 40% 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 0px solid rgba(255,255,255,0.5);
	
}

/* 배너링크 */
#bs_link_site { }
#bs_link_site h2 { color:#003399; font-size:30px; margin-bottom:20px; }
#bs_link_site ul { margin-bottom:20px; }
#bs_link_site li { margin-bottom:10px; }
#bs_link_site li a { display:inline-block; color:#003399; font-size:16px; }



/* 프로필 */
#bs_profile {}
#bs_profile .cont_title { font-size:24px; color:#002f67; margin-bottom:10px; }
#bs_profile .cont_desc { font-size:16px; color:#333; margin-bottom:20px; }
#bs_profile .cont_profile { }
#bs_profile .cont_profile ul:after {display:block;visibility:hidden;clear:both;content:""}
#bs_profile .cont_profile li { float:left; width:200px; text-align:center; margin-bottom:30px; }
#bs_profile .cont_profile .cont_profile_img { margin-bottom:10px; }
#bs_profile .cont_profile .cont_profile_name { margin-bottom:10px; color:#333; line-height:22px; }
#bs_profile .cont_profile .cont_profile_btn span { display:inline-block; cursor:pointer; }

/* 팝업 프로필 */
.pop_porfile { position:relative; width:660px;  padding:20px; background:#fff; }
.pop_porfile:after {display:block;visibility:hidden;clear:both;content:""}
.pop_porfile_img { float:left; width:123px; }
.pop_porfile_info { float:left; width:480px; margin-left:15px; }

.pop_porfile_name { color:#333; font-size:1.3em; margin-bottom:15px; font-weight:bold; }
.pop_porfile_explain { color:#333; height:230px; font-size:1.15em; line-height:22px; overflow-y:auto; word-break:break-all }

/* 음영 */
#fade{width:100%;height:100%;z-index:10;position:fixed;left:0;top:0;display:none;background:rgba(0,0,0,0.5)}


/* bPopup */
#popup,#popup2,.bMulti{display:none;min-width:300px;padding:0px}
#popup .logo{color:#2b91af;font:bold 325% 'Petrona',sans}
#popup2 iframe{background:url('./images/loader.gif') center center no-repeat;}
.loading{background:url('./images/loader.gif') center center no-repeat}


.button.b-close,.button.bClose{cursor:pointer; background:url('./images/btn_x.png') center center no-repeat; width:45px; height:45px; font-size:0; line-height:0; padding:0;position:absolute;right:0px;top:-55px}

/* 기타 */

.animate * {-webkit-transition: background-position 0.5s, width 0.5s;
  -moz-transition: background-position 0.5s, width 0.5s;
  -ms-transition: background-position 0.5s, width 0.5s;
  -o-transition: background-position 0.5s, width 0.5s;
  transition: background-position 0.5s, width 0.5s;}
.animatebtn {-webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -ms-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;}

.row-horizon { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; }

/*
.row-horizon::-webkit-scrollbar {width: 15px; height: 15px; border: 3px solid #fff; }
.row-horizon::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #efefef}
.row-horizon::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
.row-horizon::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

.row-horizon{
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFF294;
	scrollbar-3dlight-color: #307098;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #eb4f55;
	scrollbar-arrow-color: #333;
}
*/

.motion {
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
}
.delay1{
	-webkit-transition-delay:0.1s;
	   -moz-transition-delay:0.1s; 
	     -o-transition-delay:0.1s;
	        transition-delay:0.1s;
}
.delay2{
	-webkit-transition-delay:0.2s;
	   -moz-transition-delay:0.2s; 
	     -o-transition-delay:0.2s;
	        transition-delay:0.2s;
}
.delay3{
	-webkit-transition-delay:0.3s;
	   -moz-transition-delay:0.3s; 
	     -o-transition-delay:0.3s;
	        transition-delay:0.3s;
}

.fleft { float:left; }
.fright { float:right; }

.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }