@charset "utf-8";

a:hover {text-decoration:none;}

/* main_visual */
.main_visual {position:relative;height:847px; background: url("/home/imgs/main/mainVisual.jpg") no-repeat center 0;}
.main_visual .tit{line-height:1.2;padding:80px 0 0;}
.main_visual .tit h2 span{font-size:35px;font-weight:400;letter-spacing:-0.05em;}
.main_visual .tit h2 span.titspan{font-family:'Nanum Square'; color:#003d89;font-weight:bold; font-size:46px;}
.main_visual .tit h2 strong{color:#005faf;}
.main_visual .tit p{font-size:16px;padding-top:8px;}
@media all and (max-width:1024px) {
	.main_visual{height:auto;}
	.main_visual .tit{padding:40px 5% 0;}
	.main_visual .tit h2 span{display:block;}
}
@media all and (max-width:640px) {
	.main_visual .tit{text-align:center;}
	.main_visual .tit h2 span{font-size:20px;}
	.main_visual .tit h2 span.titspan{font-size:27px;}
	.main_visual .tit p{font-size:15px;}
}


.main_pop{margin:45px 0 30px;}
@media all and (max-width:1024px) {
	.main_pop{margin:30px 1%;}
}
@media all and (max-width:640px) {
	.main_pop{margin:30px 0 0;}
}
/* main_left */
.main_left {position:relative;float:left; width:69%;}
	.bx-wrapper{position:relative;float:right;width:73%;height:360px;}
	.bxslider li{height:360px;background-size:100% 100% !important;}
	.bxslider li a{display:block;height:100%;}
	.bxslider li span{position:absolute;bottom:40px;left:8%;font-size:18px;line-height:1.3;font-weight:300;}
	.bxslider li strong{display:block;padding-bottom:5px;font-size:26px;font-weight:400;}
	.bx-prev, .bx-next, .bx-start, .bx-stop{position:absolute;bottom:20px;width:33px;height:33px;font-size:0;background-size:100% !important;}
	.bx-prev{right:104px;background:url("/home/imgs/main/pop_prev.png") no-repeat;}
	.bx-next{right:30px;background:url("/home/imgs/main/pop_next.png") no-repeat;}
	.bx-start{right:67px;background:url("/home/imgs/main/pop_play.png") no-repeat;}
	.bx-stop{right:67px;background:url("/home/imgs/main/pop_stop.png") no-repeat;}
	.bx-start.active, .bx-stop.active{display:none;}

	#bx-pager2{position:absolute;bottom:0;left:0;width:27%;height:360px;}
	#bx-pager2 li{height:33.3333%;}
	#bx-pager2 li a{display:block;background:#4b8cc3;height:100%;border-bottom:1px solid #9ec1df;box-sizing:border-box;}	
	#bx-pager2 li a:hover{background:#18568a;border-color:#18568a;}
	#bx-pager2 li a.active::after{content:'';display:block;width:14px;height:28px;position:absolute;bottom:50%;right:-14px;margin-bottom:-14px;background:url("/home/imgs/main/pager_on.png") no-repeat;}
	#bx-pager2 li:last-child a{border:0;}
	#bx-pager2 li a span{display:block;padding:28px 0 10px 80px;font-size:20px; font-weight:600; color:#fff;line-height:1.4;}
	#bx-pager2 li.pager1 a span{background:url("/home/imgs/main/pager_ico.png") no-repeat 23px 38px;}
	#bx-pager2 li.pager2 a span{background:url("/home/imgs/main/pager_ico2.png") no-repeat 23px 38px;}
	#bx-pager2 li.pager3 a span{background:url("/home/imgs/main/pager_ico3.png") no-repeat 23px 38px;}

/* main_right */
.main_right { float:right; width:30%;}
.intro_pic{position:relative;height:180px;background:url("/home/imgs/main/intro_pic.gif") no-repeat;}
.intro_pic h2{padding:25px 0 0 30px;}
.intro_pic p{padding:12px 0 0 30px;width:60%;word-break:keep-all;font-size:14px;line-height:1.3;}
.intro_pic p span{display:block;padding-bottom:5px;font-size:16px; font-weight:400;}
.intro_pic a{position:absolute;bottom:15px;right:15px;width:36px;height:36px;background:#fff;text-align:center;}
.intro_pic a img{margin-top:9px;transition:all 0.6s ease 0s;}
.intro_pic a:hover img{transform:rotate(360deg);}
.main_right li{float:left;width:49.5%;margin:5px 1% 0 0;}
.main_right li.list2{margin-right:0;}
.main_right li a{display:block;height:100px;padding:30px 0 45px;font-size:20px;color:#fff;text-align:center;transition:all 0.5s ease 0s;}
.main_right li a span{display:block;width:68px;height:71px;margin:0 auto 10px;}
.main_right li.list1 a{background:#68bde1;}
.main_right li.list2 a{background:#71bc3e;}
.main_right li.list1 a:hover{background:#2f96d8;}
.main_right li.list2 a:hover{background:#28923c;}
.main_right li.list1 a span{background:url("/home/imgs/main/mainR_ico.png") no-repeat;}
.main_right li.list2 a span{background:url("/home/imgs/main/mainR_ico2.png") no-repeat;}
@media all and (max-width:1200px) {
	.bxslider li img{width:100%; height:100%;}
}
@media all and (max-width:1024px) {
	#bx-pager2 li a span{padding-left:54px;font-size:18px;background-position:10px 42px!important;background-size:38px auto !important;}
}
@media all and (max-width:960px) {
	.main_left{width:100%;}
	.main_right{width:100%;}
	.intro_pic{float:left;width:49%;height:170px;margin:5px 1% 0 0;background-size:100% 100% !important;}
	.main_right ul{float:left;width:50%;}
	.main_right li a{padding:30px 0 40px;}
}
@media all and (max-width:640px) {
	.main_left{height:300px;}
	.bx-wrapper{height:200px;width:100%;position:absolute;top:100px;}
	.bxslider li{height:200px;}
	.bxslider li img{width:100%; height:100%;}
	.bxslider li span{left:3%;width:74%;font-size:14px;text-shadow:1px -1px 3px rgb(255, 255, 255)}
	.bxslider li span br{display:none;}
	.bxslider li strong{font-size:20px;}
	#bx-pager2{position:absolute;bottom:auto;top:0;width:100%;height:100px;}
	#bx-pager2 li{height:100%;width:33.3333%;float:left;}
	#bx-pager2 li a{border-bottom:0;border-right:1px solid #9ec1df;}
	#bx-pager2 li a.active::after{transform:rotate(90deg);bottom:-18px;right:50%;margin:0 -7px 0 0;}
	#bx-pager2 li a span{padding:22px 0 0; background:none !important;text-align:center;}
	.bx-prev, .bx-next, .bx-start, .bx-stop{bottom:10px;width:27px;height:27px;}
	.bx-prev{right:77px;}
	.bx-next{right:15px;}
	.bx-start, .bx-stop{right:46px;}

	.intro_pic{width:100%;margin:10px 0 0;}
	.main_right ul{width:100%;}
	.main_right li{width:50%;margin:0;}
}

/* main_quick */
.main_quick { position:relative; background:#fff;}
.main_quick li{position:relative;float:left;width:20%;text-align:center;background:url("/home/imgs/main/quick_line.gif") no-repeat 0 center;}
.main_quick li:first-child{background-image:none;}
.main_quick li a{display:block;padding:54px 0;height:133px;}
/*.main_quick li::after{content:'';display:block;position:absolute;top:20%;left:0;width:1px;height:60%;background:#ddd;}
.main_quick li:first-child::after{display:none;}*/
.main_quick li .ico{display:block;width:80px;height:72px;margin:0 auto 10px;transition:all 0.6s ease 0s;}
.main_quick li.list01 .ico{background:url("/home/imgs/main/quick_ico01.png") no-repeat;}
.main_quick li.list02 .ico{background:url("/home/imgs/main/quick_ico02.png") no-repeat;}
.main_quick li.list03 .ico{background:url("/home/imgs/main/quick_ico03.png") no-repeat;}
.main_quick li.list04 .ico{background:url("/home/imgs/main/quick_ico04.png") no-repeat;}
.main_quick li.list05 .ico{background:url("/home/imgs/main/quick_ico05.png") no-repeat;}
.main_quick li p strong{display:inline-block;padding:0 25px 9px;background:url("/home/imgs/main/quick_dot.gif") no-repeat 7px 0;font-size:20px;font-weight:400;line-height:1.2;}
.main_quick li p span{display:block;font-size:15px;font-weight:300;}
.main_quick li a:hover .ico{transform:rotateY(180deg);}
@media all and (max-width:1024px) {
	.main_quick li{width:33.3333%;}
	.main_quick li.list04, .main_quick li.list05{width:50%;border-top:1px solid #ddd;}
	.main_quick li.list04{background-image:none;}
	.main_quick li a{padding:35px 0;height:auto;}
}
@media all and (max-width:640px) {
	.main_quick li{width:94% !important;border-top:0 !important;border-bottom:1px solid #ddd; padding:20px 0 20px 6%; line-height:0;background-image:none !important;}
	.main_quick li a{border:0; padding:0 0;}
	.main_quick li .ico{float:left;margin:0;}
	.main_quick li p{float:left;width:235px;margin:12px 0 0 10px;text-align:left;line-height:1.2;}
	.main_quick li p span{padding-left:25px;}
}
@media all and (max-width:360px) {
	.main_quick li p{width:auto;margin-left:0;}
}

.main_middle{padding:60px 0px 50px;background:#fff;}
@media all and (max-width:960px) {
	.main_middle{padding:40px 0px;}
}
/* main_notice */
.main_notice {position:relative;height:300px;text-align:center;background:#fff;}
.main_notice > ul{display:inline-block;}
.main_notice ul li {float:left;}
.main_notice ul li a.tabBtn {float:left; display:block;width:130px;padding:7px 0px 8px;background:#e1e1e1;border:1px solid #e1e1e1;font-size:20px; color:#222;letter-spacing:-0.05em;text-align:center;}
.main_notice ul li.on a.tabBtn {background:#fff;border-color:#424242;}
.main_notice ul div.tabContent {position:absolute; top:80px; left:0;width:100%;}
.main_notice ul ul li {position:relative;height:180px;width:23.8%;margin-left:1.6%;border:1px solid #ddd;box-sizing:border-box;}
.main_notice ul ul li.wordno{position:relative;height:220px;width:23.8%;margin-left:1.6%;border:1px solid #ddd;box-sizing:border-box;}
.main_notice ul ul li:first-child.wordno{margin:0;}
.main_notice ul ul li:first-child{margin:0;}
.main_notice ul ul li .blue{display:inline-block;padding:6px 20px 8px;background:#68bde1;font-size:16px;color:#fff;}
.main_notice ul ul li a {display:block;padding:14px 7% 0;font-size:18px;text-align:left;line-height:1.5;}
.main_notice ul ul li a:hover{text-decoration:underline;}
.main_notice ul ul li a p {padding-top:8px;color:#555; font-size:15px;font-weight:300;}
.main_notice ul ul li a span{position:absolute;bottom:-40px;left:0;display:block;width:93%;padding-left:7%;height:39px;line-height:39px;border:1px solid #ddd;margin:-1px;font-size:15px;color:#727272;background:url("/home/imgs/main/notLi_more.gif") no-repeat right -1px;}
.main_notice div.tabMore {position:absolute; top:0; right:0;}
.main_notice div.tabMore a {display:block; line-height:0; font-size:0;padding:3px 0;}
@media all and (max-width:1300px) {
	.main_notice{margin:0 1%;height:320px;}
	.main_notice ul ul li {height:210px;}
	.main_notice ul ul li.wordno{height:250px;}
}
@media all and (max-width:960px) {
	.main_notice{margin:0 5%;}
	.main_notice ul ul li{width:48%;margin-left:4%;}
	.main_notice ul ul li.wordno{width:48%; margin-left:4%; height:250px;}
	.main_notice ul ul li:nth-child(3), .main_notice ul ul li:nth-child(4){display:none;}
}
@media all and (max-width:520px) {
	.main_notice ul{display:block;}
	.main_notice ul li a.tabBtn{width:115px;}
	.main_notice ul ul li{width:100%;margin:0;}
	.main_notice ul ul li:nth-child(2){display:none;}
}

.main_bottom{background:#4b8cc3;padding:50px 0 68px;}
/* main_gal */
.main_gal { position:relative;}
.main_gal h2 {font-size:32px; color:#fff; font-weight:normal;line-height:1;text-align:center; padding:0 0 30px;}
.main_gal h2 span {padding:0 0 0 50px;font-size:20px;background:url("/home/imgs/main/galh2_img.png") no-repeat 9px center;}
.main_gal .slick-list{margin:0 30px;}
.main_gal .slick-slide {margin:0 5px;}
.main_gal .slick-slide img { width:100%;}
.main_gal .slick-slide span{position:relative;padding:12px 5%; height:30px; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:80%; margin:-20px 5% 0;background:#383838;font-size:16px;color:#fff;text-align:center;}
.main_gal .slick-arrow {margin: 0;z-index: 2;}
.main_gal .slick-prev, .main_gal .slick-next{width:19px;height:37px;margin-top:-14px;}
.main_gal .slick-prev{left:0;background:url("/home/imgs/main/gal_prev.png") no-repeat;}
.main_gal .slick-next{right:0;background:url("/home/imgs/main/gal_next.png") no-repeat;}
.main_gal .slick-prev::before, .main_gal .slick-next::before{content:'';font-size:0;}
.main_gal .slick-dots {position:absolute; top:-46px; right:25px; height:30px; text-align:right;}
.main_gal .slick-dots li { margin:0; line-height:0; }
.main_gal .slick-dots li button:before { display:none; }
.main_gal .slick-dotted.slick-slider { margin:0; }
.main_gal .slick-dots li button {padding:0;width:16px; height:30px; background:url("/home/imgs/main/gal_dots_off.png") no-repeat center;}
.main_gal .slick-dots li.slick-active button {background:url("/home/imgs/main/gal_dots_on.png") no-repeat center;}
.main_gal .slick-control{display:block;position:absolute;top:19px;right:5px;width:16px;height:30px;background:url("/home/imgs/main/gal_stop.png") no-repeat center;font-size:0;line-height:0;padding:0;border:none;color:transparent;cursor:pointer;}
.main_gal .slick-control.paused{background-image:url("/home/imgs/main/gal_play.png")}
.main_gal .gal_more{display:none;}
@media all and (max-width:1300px) {
	.main_gal{margin:0 1%;}
	.main_gal .slick-dots{right:4%;}
	.main_gal .slick-control{right:2%;}
}
@media all and (max-width:768px) {
	.main_gal .slick-control{display:none;}
	.main_gal .gal_more{display:block;position:absolute;top:0;right:3%;line-height:0;}
}
@media all and (max-width:640px) {
	.main_gal h2 span{display:none;}
	.main_gal .gal_more{right:50%;margin-right:-95px;}
}

/* banner */
.banner {width:100%; height:70px; overflow:hidden; margin:10px 0; }
.bannerBox {position:relative; width:100%; height:73px;}
.banner h2 {font-size:16px; color:#000; float:left; margin-right:17px; padding:2% 0 0 0; width:6%;}
.banner .control {float:left; padding:2% 0 0 0; width:6%;}
.banner ul.ba_con li {float:left;}
.banner .banner_zone{width:86%;}
.banner .banner_zone li{width:100%;}
.banner .banner_zone a {float:left;width:12.2%;height:42px;padding:14px 1%;text-align:center;}
.banner .banner_zone a  img {max-width:100%;}
@media all and (max-width:1024px) {
	.banner{display:none;}
}