@charset "utf-8";

/* mainVisual */
.mainVisual{width:100%; overflow:hidden;}
.mainVisual .slideWrap{ width:1300px;  margin:0px auto; position:relative;}
.mainVisual .slideWrap .slide{}
.mainVisual .slideWrap .slide img{width:1300px;max-height:500px}
.mainVisual .slideWrap .slick-list{ overflow:visible;}
.mainVisual .slideWrap .slide .slick-slide{ position:relative; float:left;  overflow:hidden; position:relative; background-position:50% 50%; background-repeat:no-repeat;}
.mainVisual .slideWrap .bx-next{background:url('../images/main/mainLeft.png') no-repeat; width:75px; height:110px; display:block}
.mainVisual .slideWrap .bx-prev{background:url('../images/main/mainRight.png') no-repeat; width:75px; height:110px; display:block}
.mainVisual .slideWrap .slick-navi{ position:absolute; left:0; bottom:33px; width:100%;  vertical-align:top; text-align:center; display:none; }
.mainVisual .slideWrap .slick-dots{ display:inline-block; text-align:center; vertical-align:top;}
.mainVisual .slideWrap .slick-dots li{ display:inline-block;margin:0 2px; overflow:hidden; font:0/0 a; vertical-align:top;}
.mainVisual .slideWrap .slick-dots li button[type="button"]{ width:10px; height:10px;  border:none; background:transparent url('../images/main/slid-icon.png') no-repeat; font:0/0 a; }
.mainVisual .slideWrap .slick-dots .slick-active{}
.mainVisual .slideWrap .slick-dots .slick-active button[type="button"]{width:45px; height:10px; background:url('../images/main/slidOn-icon.png') no-repeat}
.mainVisual .slideWrap .slick-arrow{ position:absolute; top:50%; display:block; width:75px; height:110px; margin-top:-55px; border:none; background-color:transparent; background-image:url('../images/main/mainSlider_arrow.png'); background-repeat:no-repeat; font:0/0 a; z-index:10}
.mainVisual .slideWrap .slick-arrow.slick-prev{ left:0; background-position:0 -115px; cursor:pointer;}
.mainVisual .slideWrap .slick-arrow.slick-next{ right:0; background-position:0 0; cursor:pointer;}
.mainVisual .slideWrap .slick-play{display:inline-block; width:10px; height:10px; margin:0 2px; border:none; background:transparent url('../images/main/slidPlay-icon.png') no-repeat; font:0/0 a;  vertical-align:top;}
.mainVisual .slideWrap .slick-play.pause{background:url('../images/main/slidStop-icon.png') no-repeat}
.mainVisual .bgblack{ position:absolute; width:2000px; height:500px; background-color:#000; opacity:.7; filter: alpha(opacity=70);  z-index:10; top:0px}
.mainVisual .bgblack.bg-left{ left:0; margin-left:1300px;}
.mainVisual .bgblack.bg-right{right:0; margin-right:1300px;}


/* main_box01 */
.mainbox_area01{ width:100%; position:absolute; z-index:111; top:-80px;}

/* 전화번호/계좌정보 */
.mainbox_area01 .tel_area{ width:300px; height:200px; float:left; background:#eef1f5; text-align:center; position:relative;}
.mainbox_area01 .tel_area h3{ font-size:15px; margin:30px 0 8px 0;}
.mainbox_area01 .tel_area > strong{ font-size:32px; line-height:1.1em; font-weight:800; letter-spacing:-1px;}
.mainbox_area01 .tel_area > strong > span{display:block; width:100%; font-size:28px;}
.mainbox_area01 .tel_area > p{width:100%; background:#7786d5; color:#fff; font-weight:600; padding:13px 0; line-height:1.3em; position:absolute; bottom:0;}
.mainbox_area01 .tel_area > p > span{ font-size:17px;}

/* 장학재단 */
.mainbox_area01 .jang_area{ width:300px; height:200px; float:right; background:#dce1e8;}
.mainbox_area01 .jang_area > div{ width:80%; margin:35px 10% 30px 10%; display:inline-block;}
.mainbox_area01 .jang_area h3{ font-size:20px;}
.mainbox_area01 .jang_area > div > p{ line-height:1.3em; margin:15px 0; font-size:14px;}
.mainbox_area01 .jang_area > div > span{display:block; width:60%;}
.mainbox_area01 .jang_area > div > span a{ display:block; width:100%; background:#01106d; color:#fff; padding:10px 0px; text-align:center;}

/* 바로가기링크 */
.mainbox_area01 .link_area{ float:left; width:600px;}
.mainbox_area01 .link_area .link01{ float:left; width:200px; background:#011bb5; height:200px;}
.mainbox_area01 .link_area .link02{ float:left; width:200px; background:#0069ff; height:200px;}
.mainbox_area01 .link_area .link03{ float:left; width:200px; background:#00afff; height:200px;}

.mainbox_area01 .link_area .link01 div, .mainbox_area01 .link_area .link02 div, .mainbox_area01 .link_area .link03 div{ width:75%; margin:35px 12.5% 30px 12.5%; display:inline-block; color:#fff;}
.mainbox_area01 .link_area h3{ font-size:20px;}
.mainbox_area01 .link_area p{ line-height:1.3em; margin:15px 0; word-break:keep-all; font-size:14px;}
.mainbox_area01 .link_area span{ width:100%; display:block; text-align:center;}
.mainbox_area01 .link_area span a{ display:block; width:100%; background:#01106d; color:#fff; padding:10px 0; opacity:.7; filter: alpha(opacity=70);}

.mainbox_area01 .link_area .link03 span{ margin-top:11px;}
.mainbox_area01 .link_area .link03 span a{padding:13px 0; margin-top:6px;}


/* main_box02 */
.mainbox_area02{ float:none; clear:both; width:100%; height:250px; padding-top:150px;}

/*notice*/
.notice{ float:left; width:499px; height:248px; border:1px solid #ddd; border-right:none; position:relative;}
.notice h3{width:90%; padding:34px 5% 23px 5%; font-size:20px; }
.notice .notice_more{position:absolute; top:30px; right:5%; width:30%; text-align:right; height:30px; line-height:30px;}
.notice .notice_more a{width:100%; display:inline-block; height:30px;}
.notice .notice_more a img{ margin-top:-2px;}

.notice ul{width:90%; padding:0 5%;overflow:hidden; height:190px;}
.notice ul li{background:url("../images/board/icon01.gif") left 7px no-repeat; margin-bottom:12px;padding-left:10px; font-size:15px;}
.notice ul li a{ color:#646464; height:16px; overflow:hidden;  display:inline-block; width:75%;}
.notice ul li a:hover{ text-decoration:underline;}
.notice ul li span{ float:right; margin-left:2%; font-size:14px;color:#646464;}


/*news tab*/
.News{ width:398px; height:248px; border:1px solid #ddd; float:left; background:#e9ecf3;}
.News #article-tab01{position:relative; display:table; width:100%; background:#FFF; border-bottom:1px solid #ddd;}  

.News h4{ width:30%;height:59px; line-height:59px; float:left; font-size:16px;border-right:1px solid #ddd; }
.News h4 a{ color:#58585a; height:59px; width:100%; float:left; text-align:center;}
.News h4 a:hover{color:#000; font-size:18px; background:#e9ecf3;}
.News h4 a.on{color:#000; height:60px;line-height:59px; background:#e9ecf3; font-size:18px; }

.News .news_more{position:absolute; top:0; right:0; width:10%; text-align:center; height:59px; line-height:59px;}
.News .news_more a{width:100%; display:inline-block; height:59px;}


.news_all ul{ position:absolute; top:80px; left:0; width:90%; padding:0 5%;overflow:hidden; height:190px;}
.news_all ul li{background:url("../images/board/icon01.gif") left 7px no-repeat; margin-bottom:12px;padding-left:10px; font-size:15px;}
.news_all ul li a{ color:#646464; height:16px; overflow:hidden;  display:inline-block; width:100%;}
.news_all ul li a:hover{ text-decoration:underline;}

/*club*/
.club{width:300px; height:250px; float:left; background:#8e929d url(../images/inc/bg02.png);}
.club div{width:80%; padding:34px 10% 25px 10%; text-align:center;}
.club h3{font-size:20px; color:#fff; }
.club ul{ margin-top:10px;}
.club ul li{ display:inline-block; width:49%; background:#ff9600 url(../images/inc/bg03.png) right center no-repeat; text-align:center; padding:8px 0; border-radius:5px; margin-bottom:5px;}
.club ul li a{ color:#fff; font-size:16px; font-weight:600;}
.club p{ text-align:center; border:1px solid #fff; border-radius:7px; padding:15px 0; margin-top:10px; background:rgba(255, 255, 255, 0.5);}
.club p strong{ display:none; padding-top:3px; height:30px;}
.club p strong span{ background:#ff7e00; color:#fff; padding:5px 15px; border-radius:0 0 10px 10px; font-size:14px;}
.club select{ height:28px; border:1px solid #ddd; width:70%; background:#fff;}
.club input{ height:28px; background:#000; color:#fff; padding:0 10px;}

/*포토앨범*/
.photo_area{ width:100%; background:#52566e url(../images/inc/bg04.png); padding-top:50px; margin-top:30px;}
.photo_area h3{  color:#FFF; text-align:center; margin-bottom:50px;}
.photo_area h3 strong{font-size:40px; padding-right:40px;}
.photo_area h3 span{ display:block; font-weight:400; font-size:20px; padding-top:10px;}
.photo_area .photo_box{ text-align:left; padding-bottom:40px; height:235px; overflow:hidden;}
.photo_area .photo_box .photo_content{margin:0 auto; width:1116px;  height:235px;}

.photo_area .photo_box ul{ display:inline-block; width:265px !important;  margin:0 7px 50px 7px; padding-bottom:10px; background:#fff; box-shadow:1px 1px 3px #002563; vertical-align:top;}
.photo_area .photo_box ul li{width:100%;}
.photo_area .photo_box ul li.photo_img img{width:100%; height:180px;}
.photo_area .photo_box ul li.photo_title{margin:10px 7% 10px 7%; overflow:hidden; height:18px;}
.photo_area .photo_box ul li a{}
.photo_area .photo_more{ position:absolute; top:13px; left:56%;}
/*
.photo_area .photo_box .pbtn_prev{ position:absolute; top:50%; left:0;}
.photo_area .photo_box .pbtn_next{position:absolute; top:50%; right:0;}
*/



.photo_area .photo_box .slick-arrow{ font-size: 0;line-height: 0;position: absolute;top:40%;display: block;width:30px;height:55px;padding:0;cursor:pointer; z-index:1111;}
.photo_area .photo_box .slick-arrow.slick-prev{left:-40px;	background:url("../images/main/photo_prev.png") no-repeat;}
.photo_area .photo_box .slick-arrow.slick-next{right:-40px; background:url("../images/main/photo_next.png") no-repeat;}

/*
.photo_area .photo_box .slick-prev{
    left: -45px;
	background:url("../images/main/photo_prev.png") no-repeat;
}
.photo_area .photo_box .slick-next{
    right: -45px;
	background:url("../images/main/photo_next.png") no-repeat;
}
.photo_area .photo_box .slick-prev,.photo_area .photo_box .slick-next{font-size: 0;line-height: 0;position: absolute;top: 35%;display: block;width: 30px;height: 55px;margin-top: -10px;padding: 0;cursor: pointer;}
}



.bx-wrapper .bx-prev {	
	background: url(../images/main/photo_prev.png) no-repeat ;	
	position:absolute;
	top:50%; left:0;
}
.bx-wrapper .bx-next {
	background: url(../images/main/photo_next.png) no-repeat ;
	position:absolute;
	top:50%; 
	right:0;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	outline: 0;
	width:30px;
	height: 55px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}*/


/*배너*/
.banner_area{ width:100%; background:#ebeced url(../images/inc/bg01.png); padding:40px 0;}
.banner_area .banner_box{ text-align:center; height:auto; overflow:hidden;}
.banner_area .banner_box ul{ display:inline-block; position:relative; width:19%;  margin:5px 0.1%; padding:15px 0 40px 0; background:#fff; border:1px solid #c0c0c0; border-radius:10px; vertical-align:top;}
.banner_area .banner_box ul li.name{ font-size:16px; font-weight:600; padding-bottom:5px;}
.banner_area .banner_box ul li.company01{ font-size:22px; font-weight:600; line-height:50px; height:50px; letter-spacing:-1px;}
.banner_area .banner_box ul li.company02{ font-size:20px; font-weight:600; height:50px;}
.banner_area .banner_box ul li.company02 span{ display:block; font-size:18px; font-weight:800;}
.banner_area .banner_box ul li.tel{ position:absolute; bottom:0; width:100%; background:#7f9f10; font-size:22px; line-height:40px; color:#fff; font-weight:600; border-radius:0 0 9px 9px;}
.banner_area .banner_box .bbtn_prev{display:none;}
.banner_area .banner_box .bbtn_next{display:none;}



@media all and (max-width :800px) {
.mainVisual .slideWrap{ width:100%;}
.mainVisual .slideWrap .slide div img{ width:100%; height:300px;}
.mainVisual .slideWrap .slick-navi{ bottom:5%;}	
.mainVisual .slideWrap .slick-arrow{top:50%; display:block; width:45px; height:66px; margin-top:-33px; background-image:url('../images/main/mainSlider_arrow_m.png');}
.mainVisual .slideWrap .slick-arrow.slick-prev{ left:0; background-position:0 -69px;}


/* main_box01 */
.mainbox_area01{position:relative; top:0px; margin-top:20px;}
.mainbox_area01 .tel_area{ width:50%;}
.mainbox_area01 .jang_area{width:50%;}
.mainbox_area01 .link_area{ width:100%; margin:20px 0;}
.mainbox_area01 .link_area .link01, .mainbox_area01 .link_area .link02{ width:33%; height:auto;}
.mainbox_area01 .link_area .link03{ width:34%; height:auto;}

/* main_box02 */
.mainbox_area02{padding-top:0px; height:auto; display:table;}

/*notice*/
.notice{ width:49.4%; margin-bottom:20px;}
.notice ul li a{  width:65%;}
.notice ul li span{ font-size:13px;}

/*news tab*/
.News{ width:50%; margin-bottom:20px;}

/*club*/
.club{ height:auto; width:100%;}
.club div{width:90%; padding:34px 5% 25px 5%;}
.club ul li{ width:24.2%;}


/*포토앨범*/
.photo_area{padding-top:40px;  margin-top:20px;}
.photo_area h3{  color:#FFF; text-align:center; margin-bottom:30px;}
.photo_area h3 strong{font-size:40px; padding-right:30px;}
.photo_area h3 span{font-size:18px;}
.photo_area .photo_more{left:60%;}
.photo_area .photo_box .photo_content{ width:548px;}
.photo_area .photo_box ul{ width:260px !important;}

.photo_area .photo_box .slick-arrow{top:100px;}
.photo_area .photo_box .slick-arrow.slick-prev{left:-85px;}
.photo_area .photo_box .slick-arrow.slick-next{right:-85px;}


/*배너*/
.banner_area .banner_box .bbtn_prev{ position:absolute; top:35%; left:0; display:block;}
.banner_area .banner_box .bbtn_next{position:absolute; top:35%; right:0; display:block;}

.banner_area .banner_box{}
.banner_area .banner_box .slides_container{margin:0 7%;}
.banner_area .banner_box ul{ width:40%;margin:1px 1%;}

.banner_area .banner_box .slick-arrow.slick-prev{left:-45px;background:url("../images/main/photo_prev.png") no-repeat;}
.banner_area .banner_box .slick-arrow.slick-next{right:-45px;background:url("../images/main/photo_next.png") no-repeat;}
.banner_area .banner_box .slick-arrow.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute; top:35%; display:block; width:30px; height:55px; padding:0; cursor:pointer;}

}

@media all and (max-width :600px) {
	
.mainVisual .slideWrap .slide div img{height:160px;}

.mainbox_area01{ width:100%; height:auto;}
.mainbox_area01 .tel_area{ padding-bottom:75px; margin-bottom:10px;}
.mainbox_area01 .tel_area, .mainbox_area01 .jang_area{ width:100%; height:auto;}

.mainbox_area01 .jang_area{ display:none;}
.mainbox_area01 .jang_area > div{width:86%; margin:20px 7%;}

.mainbox_area01 .link_area{margin:10px 0; display:none;}
.mainbox_area01 .link_area .link01 div, .mainbox_area01 .link_area .link02 div, .mainbox_area01 .link_area .link03 div{ width:86%; margin:20px 7%;}
.mainbox_area01 .link_area .link01, .mainbox_area01 .link_area .link02, .mainbox_area01 .link_area .link03{ width:100%; height:auto;}
.mainbox_area01 .link_area span{width:60%;}
.mainbox_area01 .jang_area > div > span a, .mainbox_area01 .link_area span a{ font-size:14px;}

.mainbox_area01 .link_area .link03 span{width:100%;}
.mainbox_area01 .link_area .link03 span a{width:49%; display:inline-block; vertical-align:top; padding:10px 0;}


.mainbox_area02{ width:100%; display:inline-block; height:auto;}
/*notice*/
.notice{ width:99.5%;  border:1px solid #ddd; margin-bottom:10px;}
.notice ul li a{  width:98%;}
.notice ul li span{ display:none;}

/*news tab*/
.News{ width:99.5%; margin-bottom:10px;}

/*club*/
.club ul li{ width:49%;}

/*포토앨범*/
.photo_area{ margin-top:10px;}
.photo_area h3 strong{font-size:32px;}
.photo_area .photo_more{top:7px; left:68%;}
.photo_area .photo_box{height:225px;}
.photo_area .photo_box .photo_content{ width:264px;}
.photo_area .photo_box ul{ width:250px !important;}
.photo_area .photo_box ul li.photo_img img{height:170px;}

.photo_area .photo_box .slick-arrow{top:90px;}
.photo_area .photo_box .slick-arrow.slick-prev{left: -35px;}
.photo_area .photo_box .slick-arrow.slick-next{right: -35px;}


.banner_area{ padding:20px 0;}
.banner_area .banner_box{ height:136px;}
.banner_area .banner_box .slides_container{margin:0 14%;}
.banner_area .banner_box ul{ width:100%;}
.banner_area .banner_box .bbtn_prev, .banner_area .banner_box .bbtn_next{top:35%;}

}