@charset "UTF-8";

/* 인사말 */
.sub_container .greetings{margin-top:60px; background:url('../img/sub/sub1-01.jpg') no-repeat}
.sub_container .greetings .txt{padding-top:60px; font-size: 28px;line-height: 32px;font-weight: 100;letter-spacing: -1px; padding-bottom:240px;}
.sub_container .greetings .txt b{color:#4777f2;font-weight: 400;}
.sub_container .greetings .sub_txt01{font-size:22px;color:#0894d0; padding-top:20px; margin-bottom:20px;}
.sub_container .greetings .sub_txt02{font-size:16px}
.sub_container .greetings .sub_txt02 span{font-family:'dotum',돋움}
.sub_container .greetings .sub_txt02 b{color:#0894d0}

/* 연혁조직도 */
.con-nav .year{float:right; width:200px; margin-top:10px}
.con-nav .year select{font-size:18px; color:#7f7f7f}
.history:after{display:block; content:''; clear:both}
.history .num{float:left; width:13%; font-size:40px; font-weight:bold; color:#094293; }
.history table{float:left; width:87%; }
.history table tr{border-bottom:1px solid #c8c8c8;}
.history table td{padding:10px 0; text-align:left;}
.history table .bullet{position:relative;padding-left:20px}
.history table .bullet:before{content:''; position:absolute; top:18px; left:5px; width:5px;height:5px; background:#0894d1; border-radius:180px;} 

/* 공지사항 */
.notice2:after{display:block; content:''; clear:both}
.notice2 .num{float:left; width:13%; font-size:40px; font-weight:bold; color:#094293; }
.notice2 table{float:left; width 90%; }
.notice2 table tr{border-bottom:1px solid #c8c8c8;}
.notice2 table td{padding:10px 0; text-align:center;}
.notice2 table .bullet{position:relative;padding-left:20px}
.notice2 table .bullet:before{content:''; position:absolute; top:18px; left:5px; width:5px;height:5px; background:#0894d1; border-radius:180px;} 

/* 경영이념 ci */
.ci_cont .wrap{background: #f3f3f3;padding: 40px;}
.ci_cont .wrap:after{display:block; content:''; clear:both}
.ci_cont .wrap > div:first-child{margin-right:4%;}
.ci_cont .wrap > div{float:left;width: 48%; height:230px;background:#fff;padding:15px;border-radius: 5px;}
.ci_cont .wrap > div h4{font-size:22px; font-weight:bold; text-align:left; color:#094293; margin-bottom:5px}
.ci_cont .wrap .emblum > div{float:left; width:50%; font-weight:300; padding:20px;}
.ci_cont .wrap .emblum > div p{font-size:16px; margin-top:20px;}
.ci_cont .wrap .emblum > div b{font-size:22px; }
.ci_cont .wrap .logotype{text-align:center;}
.ci_cont .wrap .logotype p{text-align:left;font-size:16px;}
.ci_cont .wrap .logotype > div{display:inline-block; width:35%;  margin-top:15px;}
.ci_cont .wrap .logotype > div b{display:block; font-weight:100; margin-top:10px;}

/* 경영이념 vision */
.vision_cont ul:after{display:block; content:''; clear:both;}
.vision_cont .cont{float:left; width:calc(100%/5); padding:30px 0; text-align:center;}
.vision_cont .cont .icon{background: url('../img/sub/vision-icon.png') no-repeat; width:165px; height:165px; border-radius:180px; border:1px solid #c8c8c8; margin:0 auto 10px auto}
.vision_cont .cont.c1 .icon{background-position: 5px 5px;}
.vision_cont .cont.c2 .icon{background-position: -210px 8px;}
.vision_cont .cont.c3 .icon{background-position: -425px 5px;}
.vision_cont .cont.c4 .icon{background-position: -639px 9px;}
.vision_cont .cont.c5 .icon{background-position: -853px 7px;}
.vision_cont .cont .txt{font-size:21px;margin:15px 0 5px 0;font-weight: 400;}
.vision_cont .cont .sub_txt{font-size: 16px;font-weight: 300;letter-spacing:-1px;}

/*시설안내*/
.tab6 .tab_container{margin-top:70px;}
.tab_container .area{position:relative;}
.tab_container .area .prevnext span{position:absolute; background:url('../img/common/icon.png') no-repeat; display:inline-block; width:50px; height:50px; text-indent:-99999px}
.tab_container .area .prevnext span a{display:block; height:50px}
.tab_container .area .prevnext #gallery_prev{top:45%;left:0;background-position: -14px -395px;}
.tab_container .area .prevnext #gallery_next{top:45%;right:0;background-position: -14px -456px;}
.tab_container .area .bx-wrapper .bx-pager.bx-default-pager a{background:#686868}
.tab_container .area .bx-default-pager a:hover, .tab_container .area .bx-default-pager a.active{background:#14438a !important}
.tab_container .area .bx-default-pager{bottom:-24px}

/*오시는길*/
.directions .map{ padding:15px; 10px; border:solid #dcdcdc; border-width:0 1px 1px}
.directions .map:after{display:block; content:''; clear:both}
.directions .map > p{float:left; padding:10px 20px; width:33.333%; border-right:1px solid #dcdcdc }
.directions .map > p:last-child{border-right:0}
.directions .map > p > b{ color:#094293; font-weight:500; font-size:22px; margin-bottom:8px}
.directions .map > p > span{display:block; }

.transportation .car{padding:20px 0;margin-top: 45px;}
.transportation .car:before{display:inline-block; content:''; width:85px; height:85px; background:url('../img/sub/map_icon01.jpg') no-repeat }
.transportation .car p{display:inline-block;font-size:16px;line-height:85px;vertical-align: top;margin-left: 10px;}

.transportation .bus:before{display:inline-block; content:''; width:85px; height:85px; background:url('../img/sub/map_icon01.jpg') no-repeat; padding-bottom: 20px; }
.transportation .bus ul{display:inline-block;width: 930px;}
.transportation .bus ul:after{display:block; content:''; clear:both}
.transportation .bus ul li{float:left;width: 33.3333%;height: 128px;padding: 0 24px;border-right:1px solid #dcdcdc;}
.transportation .bus ul li p:first-child{font-size:16px; }
.transportation .bus ul li p{font-size:14px;margin-bottom:5px;}
.transportation .bus ul li:last-child{border-right:0}
.transportation .bus ul li span{display:inline-block; border-radius:90px; border:2px solid; padding:1px 12px;  font-size:15px; margin-right:10px;}
.transportation .bus ul li span.b-blue{border-color:#86cff0}
.transportation .bus ul li span.b-red{border-color:#f24e4e}
.transportation .bus ul li span.b-green{border-color:#71c655}
.transportation .bus ul li span.b-green2{border-color:#9acd6d}

.map_view {background:#eaf4f8;padding: 28px 30px;height: 125px;margin-top: 59px;}
.map_view ul:after{display:block; content:''; clear:both}
.map_view .view{float:left;position: relative;width: 294px;padding: 22px 0 6px  146px;height: 70px;border:1px solid #dfebf0;background: #fff url('../img/sub/map_logo.png') no-repeat;margin-right: 40px;font-size: 16px;}
.map_view .view.m1{background-position: -4px -7px;}
.map_view .view.m2{background-position: 4px -66px;}
.map_view .view.m3{background-position: 4px -133px;}
.map_view .view:after{display:block;content:'';position: absolute;top: 20px;right: 15px;width: 16px;height: 15px;padding:10px;background:url('../img/sub/search.png') no-repeat;}
.map_view .view:last-child{margin:0}
.tab_container .area .bx-default-pager{bottom:-24px}


/* 대관예약 */
.rentalorder ul:after{display:block; content:''; clear:both;}
.rentalorder .cont{position:relative; float:left; width:16.66666%; padding:30px 0; text-align:center;}
.rentalorder .cont:before{display:block; content:''; position:absolute; top:89px; right:-13px; width:20px; height:20px; background: url('../img/sub/arrow.png') no-repeat 0 0 }
.rentalorder .cont:last-child:before{background:none;}
.rentalorder .cont .icon{background: url('../img/sub/rentalorder-icon.png') no-repeat; width:135px; height:135px; border-radius:180px; border:1px solid #c8c8c8; margin:0 auto 10px auto}
.rentalorder .cont.c1 .icon{background-position: 11px -2px;}
.rentalorder .cont.c2 .icon{background-position: -164px -2px;}
.rentalorder .cont.c3 .icon{background-position: -340px -2px;}
.rentalorder .cont.c4 .icon{background-position: -517px -1px}
.rentalorder .cont.c5 .icon{background-position: -695px -2px;}
.rentalorder .cont.c6 .icon{background-position: -873px -3px;}
.rentalorder .cont .txt{font-size:18px;margin:15px 0 5px 0;font-weight:500; color:#202020}
.rentalorder .cont .sub_txt{font-size: 13px;font-weight: 300;letter-spacing:-1px;}
   
/* 강사진소개 */
.teacher{margin-top:60px; }
.teacher ul:after{display:block; content:''; clear:both;}
.teacher .cont{position:relative;float:left;width:240px;margin-right:20px;padding:20px 0;border:solid #ebebeb;border-width:4px 1px 4px 1px;text-align:center;margin-bottom: 20px;}
.teacher .cont .icon{height: 205px; border-radius: 180px; text-align: center;}
.teacher .cont .txt{font-size:18px;font-weight:500;color: #202020;}
.teacher .cont .sub_txt{position:relative;font-size: 13px;font-weight: 300;letter-spacing:-1px;color: #14438a;padding-bottom: 65px;}
.teacher .cont .sub_txt:before{display:block;content:'';position:absolute;top: 31px;left: 100px;width: 40px;height: 40px;background: url('../img/sub/logo.jpg');}

/*조직활성화*/
.recommend{margin-top:40px}
.recommend ul{margin-top:40px;}
.recommend ul:after{display:block; content:''; clear:both}
.recommend ul li{float:left;width: 327px;height: 525px;margin-right:20px;margin-bottom:30px;padding:10px 0;border-top:2px solid #4b93dd;border-bottom:1px solid #dcdcdc;}
.recommend ul li:nth-child(3n){margin-right:0}
.recommend ul li.type01{border-top:2px solid #42b9dc;}
.recommend ul li .rcd{position:relative;font-size:12px;font-weight:100;padding: 10px;color:#8c8c8c;}
.recommend ul li .rcd b{display:block;font-size:20px;color:#4b93dd;font-weight:500;}
.recommend ul li.type01 .rcd b{color:#42b9dc}
.recommend ul li .rcd:after{display:block;content:'';width: 70px;height: 70px;position:absolute;top:0;right: 0;background: url('../img/sub/recommend-icon.png') no-repeat;}
.recommend ul li .rcd.i01:after{background-position: -20px -19px;}
.recommend ul li .rcd.i02:after{background-position: -20px -107px;}
.recommend ul li .rcd.i03:after{background-position: -20px -198px;}
.recommend ul li .rcd.i04:after{background-position: -20px -296px;}
.recommend ul li .rcd.i05:after{background-position: -20px -398px;}
.recommend ul li .rcd.i06:after{background-position: -20px -507px;}
.recommend ul li .rcd.i07:after{background-position: -20px -606px;}
.recommend ul li .rcd.i08:after{background-position: -20px -706px;}
.recommend ul li .rcd.i09:after{background-position: -20px -818px;}
.recommend ul li .rcd.i10:after{background-position: -20px -818px;}
.recommend ul li .rcd.i11:after{background-position: -20px -818px;}
.recommend ul li .rcd.i12:after{background-position: -20px -818px;}
.recommend ul li .rcd + img{width:322px; height:176px; margin:10px 3px 10px 0;}
.recommend ul li .sub_txt{font-size:12px; height:53px;text-align:center; color:#4b93dd}
.recommend ul li.type01 .sub_txt{color:#42b9dc}
.recommend dl{margin:30px 0}
.recommend dt, .recommend dd{display:inline-block;line-height: 22px;}
.recommend dt{width:100px;text-align:center;vertical-align: top;}
.recommend dd{width:200px; font-weight:100}

/* 업종별 서비스교육 */
.edu_box{border:1px solid #e1e1e1; padding:20px 30px;}
.edu_box:after{display:block;content:'';clear:both}
.edu_box li{float:left;width: 144px;margin-right: 60px;}
.edu_box li:nth-child(5n){margin-right:0}
.edu_box li a{display:block;width:100%;line-height: 32px;}
.edu_box li .active,.edu_box li a:hover{font-weight:500; color:#094293}


.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
}
.myButton:active {
	position:relative;
	top:1px;