@charset "utf-8";
/****************************************/
/* Name: 금정 평생학습관
/* PART: CONTENTS STYLE 
/* Version: 1.0 / day: 2018-05-25
/* Author: imtec 
/****************************************/

/* 상단 슬라이드 기본설정 */
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}

/*
================================================================================
메인콘텐츠
================================================================================
*/

.m_section01{
	width: 100%; height: 690px;
	padding-top: 40px;
	background: url(/img/lll/main/main_bg.jpg) repeat-x;
	background-position: center top;
}
.contentBox{
	width: 1200px; margin: 0 auto; position: relative;
}
.contentBox::after{content:"";display:block;width:100%;height:0;clear:both;overflow:hidden;}

/* 작은도서관 배너 */
.m_ban_img{width:170px;height:171px;background: url(/img/lll/main/m_ban_img.png) no-repeat;display:inline-block;position:absolute;text-indent:-9999px;left:-190px;top:30px}
.m_ban_box{display:none;}
.m_ban_img2{width:170px;height:171px;background: url(/img/lll/main/m_ban_img2.png) no-repeat;display:inline-block;position:absolute;text-indent:-9999px;left:-190px;top:205px}
.m_ban_box22{display:none;}


@media all and (max-width:1200px){
	.m_ban_img{display:none;}
	.m_ban_box{display:block;width:99.5%;height:56px;background:url(/img/lll/main/m_ban_bg.jpg) no-repeat;background-size:cover;clear:both;margin-bottom:10px;position:relative;box-shadow:3px 3px rgba(0,0,0,0.15);}
	.m_ban_box h3{padding: 18px 0 0 60px;height:100%;color:#0048ae;background:url(/img/lll/main/m_ban_ic.png) 15px center no-repeat;font-size:18px;font-family:'NanumSquare'}
	.m_ban_box .btn_more{display:inline-block;width:101px;height:27px;line-height:27px;background:url(/img/lll/main/m_ban_bg2.jpg) no-repeat;text-align:center;position:absolute; right:10px;top:15px;color:#fff;font-size:13px;}
	.m_ban_box .btn_more span{padding-right:22px;background:url(/img/lll/main/m_ban_arrow.png) right center no-repeat;letter-spacing:-2px}
    .m_ban_img2{display:none;}
	.m_ban_box22{display:block;width:99.5%;height:56px;background:url(/img/lll/main/m_ban_bg.jpg) 50% 100%;background-size:cover;clear:both;margin-bottom:10px;position:relative;box-shadow:3px 3px rgba(0,0,0,0.15);}
	.m_ban_box22 h3{padding:18px 0 0 60px;height:100%;color: #185b6f;background:url(/img/lll/main/m_ban_ic2.png) 10px center no-repeat;font-size:18px;font-family:'NanumSquare'}
	.m_ban_box22 .btn_more{display:inline-block;width:101px;height:27px;line-height:27px;background:url(/img/lll/main/m_ban_bg22.png) no-repeat;text-align:center;position:absolute; right:10px;top:15px;color:#fff;font-size:13px;}
	.m_ban_box22 .btn_more span{padding-right:22px;background:url(/img/lll/main/m_ban_arrow.png) right center no-repeat;letter-spacing:-2px}



}

/* 메인링크 */
.m_conBox_1{
	width: 50%; float: left;
	font-size: 14px; color: #555; padding-top: 140px;
	position: relative;
}
.m_conBox_1 span{
	width: 316px; height: 101px;
	position: absolute;
	top: 24px;left:50%; margin-left: -158px;
	display: inline-block;
	text-indent: -9999px;
	background: url(/img/lll/main/m_con_1_txt.png) center center no-repeat;
	background-size: cover;
}
.m_conBox_1 p{
	line-height: 20px; text-align: center;
}

.m_conBox_2{
	width: 50%; float: right;
	overflow: hidden;
}
.m_conBox_2 dl{
	width: 50%; height: 260px;
	padding: 45px 0 0 43px;
	float: left; color: #fff;
}
.m_conBox_2 dt{
	font-weight: bold; font-size: 28px;
	margin-bottom: 10px; line-height: 1;
	font-family: 'NanumSquare';
}
.m_conBox_2 dl{
	position: relative;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	letter-spacing: -2px;
}
.m_conBox_2 dl.bg01{
	background-image: url(/img/lll/main/m_con_2_bg01.jpg);
}
.m_conBox_2 dl.bg02{
	background-image: url(/img/lll/main/m_con_2_bg02.jpg);
}
.m_conBox_2 dl.bg03{
	background-image: url(/img/lll/main/m_con_2_bg03.jpg);
}
.m_conBox_2 dl.bg04{
	background-image: url(/img/lll/main/m_con_2_bg04.jpg);
}
.m_conBox_2 dd{
	line-height: 20px;
}
.m_conBox_2 .btn_more{
	width: 36px; height: 36px;
	display: inline-block; border-radius: 50%;
	position: absolute; top:145px; left: 43px;
	border: 2px solid #fff;
	text-indent: -9999px;
	transition: background-color 0.3s;
	-webkit-transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;
	-o-transition: background-color 0.3s;
}
.m_conBox_2 > a:hover .btn_more,
.m_conBox_2 > a:focus .btn_more{
	background: #fff;
}
.m_conBox_2 > a:focus .btn_more{
	outline:2px dotted #000}
.m_conBox_2 .btn_more::after{
	content: ""; display: inline-block; position: absolute;
top: 9px; left: 14px;
background-image: url(/img/lll/img_common.png);
background-repeat: no-repeat;	
background-position: -377px 0;
width: 8px; height: 14px;
z-index: 10;
}
.m_conBox_2 > a:hover .btn_more::after,
.m_conBox_2 > a:focus .btn_more::after{
background-position: -377px -22px;
}

/* 공지사항 */
.m_notice{
	width: 50%; position: absolute;
	top: 222px; left: 0; padding-right: 60px;
}
.m_notice h2{
	width: 100%; color: #111;
	font-size: 24px; line-height:1; padding-bottom: 13px;
	border-bottom: 1px solid #bcbeba;
	font-family: 'NanumSquare';
}
.m_notice .btn_more{
	display: inline-block;
	width: 44px; height: 44px; 
	position: absolute; right: 60px; top:-6px;
	background: #838282;
	text-indent: -9999px;
}
.m_notice .btn_more::after{
	content: ""; display: inline-block; position: absolute;
	top: 15px; left: 15px;
	background-image: url(/img/lll/img_common.png);
	background-repeat: no-repeat;	
	background-position: -301px 0;
	width: 14px; height: 14px;
}
.m_notice .btn_more:hover::after,
.m_notice .btn_more:focus::after{
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.m_notice ul{
	padding-top: 22px;
}
.m_notice ul li{
	width: 100%; line-height: 26px; height: 26px;
	padding: 0 90px 0 80px; margin-bottom: 12px;
	position: relative;
}
.m_notice ul li:last-child{
	margin-bottom: 0;
}
.m_notice ul .subject{
	width: 100%; display: block;
	text-overflow: ellipsis; overflow: hidden; white-space:nowrap;
	color: #333;
}
.m_notice ul .subject:hover,
.m_notice ul .subject:focus{
	text-decoration: underline;
	font-weight: bold;
}
.m_notice ul span.cate{
	width: 62px; height: 26px; line-height: 26px;
	position: absolute; left: 0;
	color: #fff; font-size: 14px;
	padding-left: 27px;
}
.m_notice ul span.ic01{background-color: #4e82cb;}
.m_notice ul span.ic02{background-color: #5457b0;}
.m_notice ul span.ic03{background-color: #9854b0;}
.m_notice ul span.ic04{background-color: #be4689;}
.m_notice ul span.cate::after{
	content: ""; display: inline-block; position: absolute;
	background-image: url(/img/lll/img_common.png);
	background-repeat: no-repeat;	
}
.m_notice ul span.ic01::after{
	top: 8px; left: 9px;
	background-position: -395px -22px;
	width: 13px; height: 11px;
}
.m_notice ul span.ic02::after{
	top: 6px; left: 10px;
	background-position: -413px -22px;
	width: 11px; height: 13px;
}
.m_notice ul span.ic03::after{
	top: 6px; left: 9px;
	background-position: -429px -22px;
	width: 11px; height: 12px;
}
.m_notice ul span.ic04::after{
	top: 7px; left: 9px;
	background-position: -445px -22px;
	width: 11px; height: 11px;
}
.m_notice ul span.date{
	display: inline-block;
	position: absolute; right: 0; top: 0;
	color: #777;
}

.m_section02{
	width: 100%; border-bottom: 1px solid #e5e5e5;
}
.m_section02 .contentBox{
	/* background: #fff; */
	margin-top: -90px;
	margin-bottom: 50px;
}

/* 평생학습달력 */
.m_calendar{
	width: 100%;
	padding: 30px 35px 30px 205px;
	position: relative;
	margin-top: 10px;
	border: 1px solid #dcdcdc;box-shadow: 1px 1px 5px rgb(0 0 0 / 10%);
}
.m_calendar .tit_box{
	width: 126px;
	position: absolute; top: 30px; left: 38px;
	line-height: 1;
}
.m_calendar .tit_box h2{
	text-align: center; display: block; padding-top: 5px;
	font-size: 18px; margin-bottom: 13px;
	font-family: 'NanumSquare';
}
.m_calendar .tit_box .today{
	display: block; font-weight: bold;
	letter-spacing: -3.5px;
	font-size: 52px; margin-bottom: 13px;
	font-family: 'NanumSquare';
}
.m_calendar .tit_box .btn_more{
	display: inline-block;
	width: 100%; height: 32px; line-height: 32px;
	text-align: center; border: 1px solid #d6d6d6;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.m_calendar .tit_box .btn_more:hover,
.m_calendar .tit_box .btn_more:focus{
	background: #eaeaea;
}
.m_calendar .tit_box .btn_more span{
	display: inline-block; 
	font-size: 14px; padding-right: 19px;
	position: relative;
}
.m_calendar .tit_box .btn_more span::after{
	content: ""; display: inline-block; position: absolute;
	background-image: url(/img/lll/img_common.png);
	background-repeat: no-repeat;	
	background-position: -325px 0;
	top: 12px; right: 0px;
	width: 5px; height: 8px;
}
.m_calendar .date_box{
	width: 100%; height: 58px;
	background: #f6f6f8; overflow: hidden; margin-bottom: 25px;
	padding-top: 17px; padding-left: 15px;
}
.m_calendar .date_box li{
	float: left;
	margin-right: 6px;
}
.m_calendar .date_box li:last-child{
	margin-right: 0;
}
.m_calendar .date_box li a{
	display: inline-block;
	width: 24px; height: 24px; line-height: 24px;
	border-radius: 50%; text-align: center;	
	font-size: 14px;
}
.m_calendar .date_box li a.red_day{
	color: #f04f4f;
}
.m_calendar .date_box li a.blue_day{
	color: #4e82cb;
}
.m_calendar .date_box li a.events{
	background: #b2b2b2; color: #fff;
}
.m_calendar .date_box li a.on{
	background: #4264c4; color: #fff;
}
.schedule_wrap{
	width: 100%; padding-right: 110px;
	overflow: hidden; position: relative;
}
.schedule_box{
	overflow: hidden;
}
.schedule_box > ul{
	margin-left: 1px;
}
.schedule_box li{
	width: 50%;
	float: left;
	line-height: 1;
}
.schedule_box li{
	padding-right: 35px;
	border-right: 1px solid #cfcfcf;
}
.schedule_box li:last-of-type{
	/* padding-left: 30px; */
	border-right: none;
}
.schedule_box h3{ 
	font-size: 18px; font-weight: bold; margin-bottom: 13px;
	font-family: 'NanumSquare';
}
.schedule_box p{
	display: inline-block;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-bottom: 5px;
}
.schedule_wrap .ctr_box{
	position: absolute; right: 0; top: 5px;
	margin-left: 1px;
}
.schedule_wrap .ctr_box button{
	float: left;
	width: 40px; height: 40px; margin-left: -1px;
	border:1px solid #d6d6d6; position: relative;
	cursor: pointer; text-indent: -9999px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.schedule_wrap .ctr_box button:hover,
.schedule_wrap .ctr_box button:focus{
	background-color: #eaeaea;
}
.schedule_wrap .ctr_box button::after{
	content: ""; display: inline-block; position: absolute;
	background-image: url(/img/lll/img_common.png);
	background-repeat: no-repeat;	
	top: 12px; left: 15px;
	width: 10px; height: 16px;
}
.schedule_wrap .btn_prev::after{
	background-position: -395px 0;	
}
.schedule_wrap .btn_next::after{
	background-position: -415px 0;	
}

.m_conBox_3{
	width: 100%;
	overflow: hidden;
	margin-top: 10px;
}

/* 팝업존 */
.mCon3_1{
	position:relative;width:50%;overflow:hidden;
	float: left;
}
.mCon3_1 .popSlide1 li{float:left}
.mCon3_1 .popSlide1 li a:focus {border:2px dotted #000;}
.mCon3_1 .control{position:absolute;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:20}
.mCon3_1 .control .count{float:left;width:57px;height:50px;color:#fff;text-align:center;line-height:50px}
.mCon3_1 .control button{position:relative;float:left;width:50px;height:50px;text-indent:-9999px;overflow:hidden;border-left:1px solid rgba(0,0,0,0.3);transition: all 0.3s;}
.mCon3_1 .control button::after{
	position:absolute;content:'';
	top:18px; left:21px;
	background:url(/img/lll/img_common.png) no-repeat;
}
.mCon3_1 .control button:hover{background:rgba(0,0,0,0.3);}
.mCon3_1 .control .swiper-pagination-fraction{
	letter-spacing: -1.5px;
}
.mCon3_1 .control .swiper-pagination-current{
	font-size: 17px; font-weight: bold;
}
.mCon3_1 .control .swiper-pagination-total{
	font-size: 13px;
}

.mCon3_1 .control .prevSlide1::after{
	width: 8px; height: 14px;
	background-position:-340px 0px
}
.mCon3_1 .control .nextSlide1::after{
	width: 8px; height: 14px;
	background-position:-377px 0px
}
.mCon3_1 .control .stopSlide1::after{
	width: 9px; height: 14px;
	background-position:-358px 0px
}
.mCon3_1 .control .startSlide1::after{
	width: 9px; height: 14px;
	background-position:-279px -46px
}

/* 퀵링크 */
.mCon3_2{
	width: 50%;
	height: 270px;
	float: right;
}
.mCon3_2 ul{
	width: 100%; height: 100%;
	overflow: hidden;
}
.mCon3_2 ul li{
	float: left;
	width: 33.3%;
	height: 135px;
}
.mCon3_2 ul li a{
	display: block; width: 100%; height: 100%;
	background-color: #f7f7f7; line-height: 1;
	text-align: center; padding-top: 92px;
	position: relative;	
}
.mCon3_2 ul li a:hover,
.mCon3_2 ul li a:focus{
	font-weight: bold;border:2px dotted #000
}
.mCon3_2 ul li:nth-child(odd) a{
	background-color: #ebebeb;
}
.mCon3_2 ul li a::after{
	content: ""; display: inline-block; position: absolute;
	background-image: url(/img/lll/main/m_con_3_ic.png);
	background-repeat: no-repeat;	
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.mCon3_2 ul li a:hover::after,
.mCon3_2 ul li a:focus::after{
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
}
.mCon3_2 ul li.ic01 a::after{
	background-position: 0 0;
	width: 59px; height: 56px;
	top: 24px;left: 50%;margin-left: -29px;
}
.mCon3_2 ul li.ic02 a::after{
	background-position: -79px 0;
	width: 60px; height: 59px;
	top: 23px;left: 50%;margin-left: -30px;
}
.mCon3_2 ul li.ic03 a::after{
	background-position: -159px 0;
	width: 59px; height: 47px;
	top: 29px;left: 50%;margin-left: -29px;
}
.mCon3_2 ul li.ic04 a::after{
	background-position: 0 -88px;
	width: 54px; height: 38px;
	top: 39px;left: 50%;margin-left: -27px;
}
.mCon3_2 ul li.ic05 a::after{
	background-position: -74px -82px;
	width: 66px; height: 46px;
	top: 33px;left: 50%;margin-left: -33px;
}
.mCon3_2 ul li.ic06 a::after{
	background-position: -160px -79px;
	width: 66px; height: 51px;
	top: 30px;left: 50%;margin-left: -33px;
}
.mCon3_2 ul li.ic07 a::after{
	background-position: -218px 0;
	width: 66px; height: 51px;
	top: 30px;left: 50%;margin-left: -40px;
}
.mCon3_2 ul li.ic08 a::after{
	background-position: -235px -78px;
	width: 66px; height: 51px;
	top: 30px;left: 50%;margin-left: -30px;
}

/* 하단 배너 */
.mBanCon{
	position:relative;margin:0 auto;padding:25px 50px 0 160px;
	width:1200px;height:100px; 
}
.mBanCon .control button{
	top:30px;width:38px;height:38px;
	position: absolute;
	text-indent:-999px;overflow:hidden;
	border:1px solid #cacaca;
	transition-duration: 0.2s;transition-property: background-color, border-color;
}
.mBanCon .control button::after{
	content: ""; display: inline-block; position: absolute;
	background-image: url(/img/lll/img_common.png);
	background-repeat: no-repeat;		
	top: 12px; left: 15px;
	width: 7px; height: 12px;
}
.mBanCon .control .prevSlide2{
	left: 0;
}
.mBanCon .control .nextSlide2{
	right: 0;
}
.mBanCon .control .stopSlide2{
	left: 37px;
}
.mBanCon .control .startSlide2{
	left: 37px;
}
.mBanCon .control .prevSlide2::after{
	background-position: -299px -47px;	
}
.mBanCon .control .nextSlide2::after{
	background-position: -350px -47px;		
}
.mBanCon .control .stopSlide2::after{
	background-position: -316px -47px;	
}
.mBanCon .control .startSlide2::after{
	background-position: -333px -47px;	
}
.mBanCon .control .prevSlide2:hover::after{
	background-position: -299px -70px;	
}
.mBanCon .control .nextSlide2:hover::after{
	background-position: -350px -70px;		
}
.mBanCon .control .stopSlide2:hover::after{
	background-position: -316px -70px;	
}
.mBanCon .control .startSlide2:hover::after{
	background-position: -333px -70px;	
}
.mBanCon .btnBaT{
	top:30px;width:38px;height:38px;
	position: absolute; left: 74px;
	text-indent:-999px;overflow:hidden;
	border:1px solid #cacaca;
	transition-duration: 0.2s;transition-property: background-color, border-color;
}
.mBanCon .btnBaT:hover{
	background-color:#4d5360;border:1px solid #4d5360
}
.mBanCon .btnBaT::after{
	content: ""; display: inline-block;
	width: 11px; height: 11px;
	position: absolute;
	top:13px; left:13px;
	background-image: url(/img/lll/img_common.png);
	background-repeat: no-repeat;		
	background-position: -367px -48px;		
}
.mBanCon .btnBaT:hover::after{
	background-position: -367px -70px;	
}
.mBanCon .control button:hover{background-color:#4d5360;border:1px solid #4d5360}
.mBanCon .control button.swiper-button-disabled{opacity:0.5;cursor:auto}


/*
================================================================================
메인, 서브콘텐츠 반응형
================================================================================
*/


 /* Tablet Device */
@media all and (max-width:1200px){	
	.contentBox{
		width: 100%; padding: 0 30px;
	}
	.m_section01{
		padding-top: 0; height: auto;
		padding-bottom: 130px;
		background-size: contain;
	}
	.m_conBox_1{
		width: 100%; padding-bottom: 25px;
	}
	.m_conBox_1 span{
		top: 17px;
	}
	.m_conBox_2{
		width: 100%; height: auto; float: none;
	}
	.m_notice{
		width: 100%; top:inherit;
		position: relative;
		padding-right: 0;
		margin-top: 35px;
	}
	.m_notice .btn_more{
		right: 0;
	}

	.m_section02 .contentBox{
		background:none; margin-bottom: 65px;
	}
	.m_calendar{
		background: #fff;
	}
	.m_calendar .date_box{
		padding: 15px; height: auto;
	}

	.mCon3_1{
		width: 100%;
	}
	.mCon3_1 .popSlide1 li img{
		width: 100%;
	}

	.mCon3_2{
		width: 100%; margin-top: 35px;
	}
	.mCon3_2 ul li{
		width: 33.3%;
	}
	.mCon3_2 ul li:nth-child(3n){
		width: 33.4%;
	}

	.mBanCon{
		width: 100%;padding:25px 70px 0 180px;
	}
	.mBanCon .control .prevSlide2{
	left: 30px;
	}
	.mBanCon .control .nextSlide2{
		right: 30px;
	}
	.mBanCon .control .stopSlide2{
		left: 67px;
	}
	.mBanCon .control .startSlide2{
		left: 67px;
	}
	.mBanCon .btnBaT{
		left: 104px;
	}
	

}


 /* Mobile Device */
@media all and (max-width:640px){

	.contentBox{
		padding: 0 20px;
	}

	.m_search_box::after{
		right: 15px;
	}
	.m_conBox_1{
		padding-top: 108px;
	}
	.m_conBox_1 span.tit{
		width: 237px; height: 75px;
		margin-left: -118px;
	}
	.m_conBox_2 dl{
		width: 100%;
	}

	.m_notice ul li{
		padding: 0 0 48px 80px;
	}
	.m_notice ul span.date{
		right: inherit; bottom: 0; top:inherit;
	}
	.m_notice ul span.cate{
		top:10px;
	}

	.m_calendar{
		padding: 15px 10px;
	}
	.m_calendar .tit_box{
		width: 100%; position: relative;
		top: inherit; left: inherit;
	}
	.m_calendar .tit_box h2{
		font-size: 15px;
		margin-bottom: 5px;
	}
	.m_calendar .tit_box .today{
		font-size: 40px; text-align: center;
	}
	.m_calendar .tit_box .btn_more{
		position: absolute; width: 34px; height: 34px;
		text-align: left; text-indent: -9999px;
		right: 0; top: 15px;
	}
	.m_calendar .tit_box .btn_more::after{
		content: ""; display: inline-block; position: absolute;
		background-image: url(/img/lll/img_common.png);
		background-repeat: no-repeat;	
		background-position: -471px -22px;
		top: 10px; left: 10px;
		width: 14px; height: 14px;
	}
	.schedule_box h3{
		font-size: 17px;
	}
	.schedule_box li{
		padding-right: 0;
	}

	.mCon3_1 .control .count{
		width: 41px; height: 35px;line-height: 35px;
		letter-spacing: -2px;
	}
	.mCon3_1 .control .swiper-pagination-current{
		font-size: 12px; 
		position: relative;
		top: -1px;
	}
	.mCon3_1 .control .swiper-pagination-total{
		font-size: 9px;
	}
	.mCon3_1 .control button{
		width: 35px; height: 35px; 
	}

	.mCon3_1 .control .prevSlide1::after{
		top:13px; left:15px;
		width: 6px; height: 9px;
		background-position:-388px -84px
	}
	.mCon3_1 .control .nextSlide1::after{
		top:13px; left:15px;
		width: 6px; height: 9px;
		background-position:-440px -84px
	}
	.mCon3_1 .control .stopSlide1::after{
		top:13px; left:14px;
		width: 8px; height: 9px;
		background-position:-404px -84px
	}
	.mCon3_1 .control .startSlide1::after{
		top:13px; left:14px;
		width: 8px; height: 9px;
		background-position:-422px -84px
	}

	.mCon3_2 ul li{
		width: 50% !important;
	}
	.mCon3_2{
		height: auto;
	}
	.mCon3_2 ul li:nth-child(3) a{
		background-color: #f7f7f7; 
	}
	.mCon3_2 ul li:nth-child(4) a{
		background-color: #ebebeb; 
	}
	.m_section02 .contentBox{
		margin-bottom: 40px;
	}

	.mBanCon{
		padding: 25px 70px 0 130px;
	}
	.mBanCon .swiper-slide{
		text-align: center;
	}
	.mBanCon .control button,
	.mBanCon .btnBaT{
		width: 32px; height: 32px;
	}
	.mBanCon .control .prevSlide2{
		left: 20px;
	}
	.mBanCon .control .nextSlide2{
		right: 20px;
	}
	.mBanCon .control .stopSlide2{
		left: 51px;
	}
	.mBanCon .control .startSlide2{
		left: 51px;
	}
	.mBanCon .btnBaT{
		left: 82px;
	}	
	.mBanCon .control .prevSlide2::after,
	.mBanCon .control .prevSlide2:hover::after{
		top:11px; left:13px;
		background-position: -388px -103px;	
	}
	.mBanCon .control .nextSlide2::after,
	.mBanCon .control .nextSlide2:hover::after{
		top:11px; left:13px;
		background-position: -459px -103px;		
	}
	.mBanCon .control .stopSlide2::after,
	.mBanCon .control .stopSlide2:hover::after{
		top:11px; left:14px;
		background-position: -405px -103px;	
	}
	.mBanCon .control .startSlide2::after,
	.mBanCon .control .startSlide2:hover::after{
		top:11px; left:14px;
		background-position: -422px -103px;	
	}
	.mBanCon .control .btnBaT::after,
	.mBanCon .control .btnBaT:hover::after{
		top:11px; left:11px;
		background-position: -440px -104px;	
	}	
	.mBanCon .control button:hover,
	.mBanCon .control .btnBaT:hover{
		background-color:#fff;border:1px solid #cacaca
	}
	


}


/*
================================================================================
서브콘텐츠
================================================================================
*/


/* 서브 공통 */
.conTopCommonBox{
	width: 100%; height: 300px;
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	padding-top: 105px;
	text-align: center;
}
.conTopCommonBox::after{
	content: ""; display: inline-block; position: absolute;
	background-repeat: no-repeat;	
	background-position: 0 0;
	bottom: -32px; left: 50%; margin-left: -32px;
	width: 64px; height: 64px;
}
.conTopCommonBox.ic01::after{
	background-image: url(/img/lll/sub/ConBox_ic01.jpg);
}
.conTopCommonBox dt{
	font-size: 30px; color: #111; font-weight: bold;font-family: 'NanumSquare';
	line-height: 1; margin-bottom: 35px; position: relative;
}
.conTopCommonBox dt::after{
	content: ""; display: inline-block; position: absolute;
	background:#111;
	bottom: -20px; left: 50%; margin-left: -15px;
	width: 30px; height: 1px;
}
.conTopCommonBox dd{
	font-size: 16px;
}

.conTopCommonBox.s1_1{
	background-image: url(/img/lll/sub/s1_1_bg.jpg);
}

.contentBoxBoder{
	width: 100%; height: 5px; display: block; clear: both;
	background: url(/img/lll/sub/s6_1_bd.png) left center repeat-x;
}


/* 평생학습도시 선언문 */

.s1_2_box{
	width: 100%; padding: 135px 60px 165px 60px;
	text-align: center; position: relative;
	background: url(/img/lll/sub/s1_2_bg_mid.jpg) center top repeat-y;
	background-size: contain;
}
.s1_2_box::before{
	content: ""; display: inline-block; position: absolute;
	background-image: url(/img/lll/sub/s1_2_bg_top.jpg);
	background-repeat: no-repeat;	
	background-position: 0 0;
	background-size: contain;
	top: 0; left: 0;
	width: 100%; height: 129px;
}
.s1_2_box::after{
	content: ""; display: inline-block; position: absolute;
	background-image: url(/img/lll/sub/s1_2_bg_bot.jpg);
	background-repeat: no-repeat;	
	background-position: 0 bottom;
	background-size: contain;
	bottom: 0; left: 0;
	width: 100%; height: 138px;
}
.s1_2_box .declaration_top{
	padding-bottom: 75px; margin-bottom: 90px;
	position: relative;
}
.s1_2_box .declaration_top::after{
	content: ""; display: inline-block; position: absolute;
	background-image: url(/img/lll/sub/s1_2_bg_dot.png);
	background-repeat: no-repeat;	
	background-position: 0 0;
	bottom: 0; left: 50%; margin-left: -137px;
	width: 273px; height: 3px;
}
.declaration_top h2{
	color: #111; font-size: 38px; font-family: 'NanumSquare'; font-weight: bold;
	line-height: 1; margin-bottom: 40px; margin-top: 10px;
}
.declaration_top p{
	text-align: center;
}
.declaration_con{
	display: inline-block;
	text-align: left;
	margin: 0 auto; 
}
.declaration_con dl{
	padding-left: 123px; position: relative;
	margin-bottom: 45px;
}
.declaration_con dl:last-child{
	margin-bottom: 0;
}
.declaration_con dt{
	position: absolute; color: #004ab9;
	left:0; top:4px; font-weight: bold; font-family: 'NanumSquare';
	font-size: 22px; line-height: 1.2;
}

/* 비전과목표 */
.s1_3_box{width: 100%;text-align: center;background: url(/img/lll/sub/s1_3_bg.png) center top no-repeat;padding-top: 60px;}
.s1_3_box .vision{
	margin: 0 auto;width: 298px;height: 298px;
	margin-bottom: 60px; font-family: 'NanumSquare';
	font-weight: bold; text-align: center;
	padding-top: 60px;background: url(/img/lll/sub/s1_3_bg_1.png) center center no-repeat;
}
.s1_3_box .vision dt{
	font-size: 24px; position: relative;
	margin-bottom: 30px;
}
.s1_3_box .vision dt::after{
	content: "";display: inline-block;position: absolute;
	width: 44px; height: 1px; background-color: #71b2e7;
	bottom: -9px; left: 50%; margin-left: -22px;
}
.s1_3_box .vision dd{
	line-height: 1.2; font-size: 28px;
}
.s1_3_box .vision dd .col_c{color: #1990db}
.s1_3_box .vision dd .col_b{color: #005cb2}
.s1_3_box .aim{
	text-align: center;margin-top: 50px;
}
.s1_3_box .aim h3{
	font-family: 'NanumSquare';font-weight: bold;font-size: 24px;
	text-align: center;position: relative;
	margin-bottom: 15px;
}
.s1_3_box .aim h3::after{
	content: "";display: inline-block;position: absolute;
	width: 44px; height: 1px; background-color: #919191;
	bottom: -15px; left: 50%; margin-left: -22px;
}
.s1_3_box .aim .line{
	display: inline-block;
	width: 75%; height: 30px; margin: 0 auto;
	border:1px solid #dedede;  border-width: 1px 0 0 0;
	margin-top: 39px;margin-bottom: 30px; position: relative;
}
.s1_3_box .aim .clear{
	width: 100%;height: 0;display: block;clear: both;
}
.s1_3_box .aim .line::before{
	content: "";display: inline-block;
	width: 1px; height: 39px;background: #dedede;
	position: absolute; left: 50%; top:-39px;
}
.s1_3_box .aim dl{
	float: left;width: 25%; height: 250px; text-align: center;
	padding-bottom: 150px;position: relative;
}
.s1_3_box .aim dl::before{
	content: "";display: inline-block;
	width: 1px; height: 30px;background: #dedede;
	position: absolute; left: 50%; top:-66px;
}
.s1_3_box .aim dl::after{
	content: "";display: inline-block;
	width: 8px; height: 8px;background: #d2d2d2;
	position: absolute; left: 50%; top:-39px;
	border-radius: 50%; margin-left: -4px;
}
.s1_3_box .aim dl span{
	display: inline-block; position: absolute;
	background-repeat: no-repeat;	
	background-position: center center;
	bottom: 0; left: 50%; margin-left: -54px;
	width: 108px; height: 108px;border-radius: 50%;
}
.s1_3_box .aim dl.ic01 span{
	background-image: url(/img/lll/sub/s1_3_ic01.png);
	background-color: #81c5f1;
}
.s1_3_box .aim dl.ic02 span{
	background-image: url(/img/lll/sub/s1_3_ic02.png);
	background-color: #73c9c3;
}
.s1_3_box .aim dl.ic03 span{
	background-image: url(/img/lll/sub/s1_3_ic03.png);
	background-color: #fbc568;
}
.s1_3_box .aim dl.ic04 span{
	background-image: url(/img/lll/sub/s1_3_ic04.png);
	background-color: #fca171;
}
.s1_3_box .aim dt{
	font-family: 'NanumSquare';font-weight: bold;font-size: 22px;
	margin-bottom: 35px;position: relative;
}
.s1_3_box .aim dd{
	line-height: 1.5;
}
.s1_3_box .aim dt::after{
	content: "";display: inline-block;position: absolute;
	width: 24px; height: 2px; 
	bottom: -15px; left: 50%; margin-left: -12px;
}
.s1_3_box .ic01 dt{
 	color: #0081d5;
}
.s1_3_box .ic01 dt::after{
	background-color: #0081d5;
}
.s1_3_box .ic02 dt{
	color: #26a9a0;
}
.s1_3_box .ic02 dt::after{
	background-color: #26a9a0; 
}
.s1_3_box .ic03 dt{
	color: #f39105;
}
.s1_3_box .ic03 dt::after{
	background-color: #f39105; 
}
.s1_3_box .ic04 dt{
	color: #f67632;
}
.s1_3_box .ic04 dt::after{
	background-color: #f67632; 
}

/* 비전과 목표 수정(200204) */
.s1_3_box .aim ul{
	float: left;
	width: 25%;
	height: 170px;
	text-align: center;
	padding-bottom: 150px;
	position: relative;
}
.s1_3_box .aim ul::before{
	content: "";display: inline-block;
	width: 1px; height: 30px;background: #dedede;
	position: absolute; left: 50%; top:-66px;
}
.s1_3_box .aim ul::after{
	content: "";display: inline-block;
	width: 8px; height: 8px;background: #d2d2d2;
	position: absolute; left: 50%; top:-39px;
	border-radius: 50%; margin-left: -4px;
}
.s1_3_box .aim ul span{
	display: inline-block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	bottom: 0;
	left: 50%;
	margin-left: -54px;
	width: 108px;
	height: 108px;
	border-radius: 50%;
}
.s1_3_box .aim ul.ic01 span{
	background-image: url(/img/lll/sub/s1_3_ic01.png);
	background-color: #81c5f1;
	background-position: 23px 19px;
	/* margin-top: -10px; */
}
.s1_3_box .aim ul.ic02 span{
	background-image: url(/img/lll/sub/s1_3_ic02.png);
	background-color: #73c9c3;
	background-position: 21px 27px;
}
.s1_3_box .aim ul.ic03 span{
	background-image: url(/img/lll/sub/s1_3_ic03.png);
	background-color: #fbc568;
	background-position: 22px 20px;
}
.s1_3_box .aim ul.ic04 span{
	background-image: url(/img/lll/sub/s1_3_ic04.png);
	background-color: #fca171;
	background-position: center 17px;
}
.s1_3_box .aim li{
	font-family: 'NanumSquare';
	font-weight: bold;
	font-size: 22px;
	position: relative;
}

.s1_3_box .ic01 li{color: #0081d5;}
.s1_3_box .ic02 li{color: #0d978d;}
.s1_3_box .ic03 li{color: #d07017;}
.s1_3_box .ic04 li{color: #f16419;}



/* 연혁 */

.s1_4_history{
	width: 100%; position: relative;
	overflow: hidden; margin-top: 30px;
}
.s1_4_history::after{
	content: "history"; display: inline-block;
	text-indent: -9999px;
	width: 218px; height: 382px;
	position: absolute; top:17px; right: 95px;
	background: url(/img/lll/sub/s1_4_bg.png) center center no-repeat;
	z-index: -1;
}
.s1_4_history::before{
	content: ""; display: inline-block; position: absolute;
	background: #c8c8c8;
	top: 7px; left: 7px;
	width: 1px; height: 100%;
}
.s1_4_history dl{
	width: 100%; position: relative;
	padding-left: 108px; margin-bottom: 50px;
}
.s1_4_history dl:last-child{
	margin-bottom: 0;
}
.s1_4_history dl:last-child::after{
	content: ""; display: inline-block; position: absolute;
	background: #fff;
	bottom: -7px; left: 7px;
	width: 1px; height: 100%;
}
.s1_4_history dt{
	color: #004ab9; font-family: 'NanumSquare';
	font-size: 20px; font-weight: bold;
	position: absolute; top:0; left:0;
	padding-left: 30px;
}
.s1_4_history dt::before{
	content: ""; display: inline-block; position: absolute;
	background: #fff;
	border:3px solid #004ab9; border-radius: 50%;
	top: 5px; left: 0px;
	width: 16px; height: 16px;
	z-index: 1;
}

/* 주요사업 */
.s1_4_comBox{border:1px solid #e7e7e7;margin-bottom: 50px;}
.s1_4_comBox dl{padding: 50px;padding-right: 230px;position: relative;}
.s1_4_comBox dt{font-family: 'NanumSquare';font-weight: bold;font-size: 26px;line-height: 1;margin-bottom: 20px;}
.s1_4_comBox .infoBox{padding: 20px 50px;}
.s1_4_comBox dl::after{content: "";display: inline-block;width: 136px;height: 136px;position: absolute;right:50px;top:33px;}
.s1_4_comBox dl.ic01{background-color: #f6f8fc}
.s1_4_comBox dl.ic01 dt{color: #004ab9}
.s1_4_comBox dl.ic01::after{background: url(/img/lll/sub/s1_4_1_ic01.png) no-repeat;}
.s1_4_comBox dl.ic02{background-color: #f5fbf6}
.s1_4_comBox dl.ic02 dt{color: #2f843d}
.s1_4_comBox dl.ic02::after{background: url(/img/lll/sub/s1_4_1_ic02.png) no-repeat;}
.s1_4_comBox dl.ic03{background-color: #f8f6fc}
.s1_4_comBox dl.ic03 dt{color: #604fa0}
.s1_4_comBox dl.ic03::after{background: url(/img/lll/sub/s1_4_1_ic03.png) no-repeat;}
.s1_4_comBox dl.ic04{background-color: #faf8ef}
.s1_4_comBox dl.ic04 dt{color: #7c5c1f}
.s1_4_comBox dl.ic04::after{background: url(/img/lll/sub/s1_4_1_ic04.png) no-repeat;}
.s1_4_comBox dl.ic05{background-color: #fbf5f9}
.s1_4_comBox dl.ic05 dt{color: #b84f83}
.s1_4_comBox dl.ic05::after{background: url(/img/lll/sub/s1_4_1_ic05.png) no-repeat;}
.s1_4_comBox dl.ic06{background-color: #f8f6fc}
.s1_4_comBox dl.ic06 dt{color: #604fa0}
.s1_4_comBox dl.ic06::after{background: url(/img/lll/sub/s1_4_1_ic06.png) no-repeat;}

.s1_5_commonBox{width: 100%; position: relative; padding-bottom: 55px;}
.s1_5_commonBox .infoBox{width: 460px; position: absolute;bottom: 0px;right: 20px;padding: 40px 45px;color: #fff;background: url(/img/lll/sub/s1_5_bg.jpg) no-repeat center center;background-size: cover;box-shadow: 8px 8px 20px rgba(0,0,0,0.25)}
.s1_5_commonBox .infoBox dt{line-height: 1;margin-bottom: 20px;font-size: 24px;font-family: 'NanumSquare';font-weight: bold;}
.s1_5_commonBox .infoBox dd p{display: block; margin-bottom: 15px;word-break: break-all;}
.s1_5_slideBox{margin-top: 50px}
.s1_5_slideBox .control{position: absolute;left: 0;bottom: 0;background:rgba(0,0,0,0.5);z-index:20}
.s1_5_slideBox .control button{position:relative;float:left;width:50px;height:50px;text-indent:-9999px;overflow:hidden;border-left:1px solid rgba(0,0,0,0.3);transition: all 0.3s;}
.s1_5_slideBox .control button::after{
	position:absolute;content:'';
	top:18px; left:21px;
	background:url(/img/lll/img_common.png) no-repeat;
}
.s1_5_slideBox .control button:hover{background:rgba(0,0,0,0.3);}
.s1_5_slideBox .control .prevSlide::after{
	width: 8px; height: 14px;
	background-position:-340px 0px
}
.s1_5_slideBox .control .nextSlide::after{
	width: 8px; height: 14px;
	background-position:-377px 0px
}
.s1_5_slideBox .control .stopSlide::after{
	width: 9px; height: 14px;
	background-position:-358px 0px
}
.s1_5_slideBox .control .startSlide::after{
	width: 9px; height: 14px;
	background-position:-279px -46px
}

.s1_5_3_box{width: 100%; border-top: 2px solid #3e4452; overflow: hidden;}
.s1_5_3_box li{width: 50%;padding: 30px 0;border-bottom: 1px solid #dedede;float: left;}
.s1_5_3_box li:nth-child(odd){padding-right: 40px;}
.s1_5_3_box li:nth-child(even){padding-left: 40px;}
.s1_5_3_box li h3{font-size: 20px;font-family: 'NanumSquare';font-weight: bold;margin:20px 0 25px 0;line-height: 1;}

/* 조직도 */
.s1_6_org{
	width:100%; position: relative; text-align: center;
}
.s1_6_org .depth_1{
	width: 100%; 
	padding-bottom: 50px; overflow: hidden;
}
.s1_6_org .depth_1 .tit{
	width: 250px; height: 54px; line-height: 54px;
	display: inline-block; position: relative;
	background: url(/img/lll/sub/s1_6_bg01.png) center center no-repeat;
	background-size: cover; text-align: center; color: #fff;
	font-size: 18px; font-weight: bold; font-family: 'NanumSquare';
}
.s1_6_org .depth_1 .tit::after{
	width: 1px; height: 50px; content: "";
	position: absolute; display: inline-block;
	background: #444444; bottom: -50px; left:50%;
}
.s1_6_org .org_line{
	width: 77.4%; height: 35px; display: inline-block;
	border-top: 1px solid #444444;
}
.s1_6_org .depth_2 ul{
	width: 100%; position: relative;
}
.s1_6_org .depth_2 ul::after{
	content: ""; display: block;
	width: 100%; height: 0; clear: both;
}
.s1_6_org .depth_2 ul > li{
	width: 22.3%; float: left;
	margin-right: 3.5%;
}
.s1_6_org .depth_2 ul > li:last-child{
	margin-right: 0; 
}
.s1_6_org .depth_2 dl{
	width: 100%; 
	position: relative;
}
.s1_6_org .depth_2 dl::before{
	width: 1px; height: 41px; content: ""; position: absolute;
	top:-41px; left: 50%; background: #444444;
}
.s1_6_org .depth_2 dt{
	width: 100%; height: 50px; line-height: 50px; z-index: 1;
	background: #647aa2; color: #fff; font-size: 16px; font-weight: bold;
}
.s1_6_org .depth_2 dd{
	width: 100%; padding: 10px; border: 1px solid #dedede; border-top: none;
}


.s1_6_1_box{
	width: 100%;height: 370px;
	position: relative;overflow: hidden;
	background: url(/img/lll/sub/s6_1_bd.png) left bottom repeat-x;
	margin-bottom: 45px;
}
.s1_6_1_box .tit{
	display: inline-block;
	font-family: 'NanumSquare'; font-size: 28px;font-weight: bold;
	position: absolute; left:20px;top:96px;
	padding-top: 45px; line-height: 1.5;
	z-index: 1;
}
.s1_6_1_box .tit::after{
	content: ""; display: inline-block; position: absolute;
	background: url(/img/lll/sub/s6_1_txt.jpg) center center no-repeat;
	background-size: cover;
	top: -42px; left: 0;
	width: 276px; height: 42px;
}
.s1_6_1_box .bg_box{
	width: 484px; height: 378px;
	position: absolute;
	background: url(/img/lll/sub/s6_1_bg.png) center center no-repeat;
	background-size: cover;
	top:0;right: 0;
}
.s1_6_1_box .bg_box .name_box{
	display: inline-block;
	position: absolute; left: -140px; bottom: 56px;
	padding-right: 106px;
}
.s1_6_1_box .bg_box .name_box::after{
	content: ""; display: inline-block; position: absolute;
	background: url(/img/lll/sub/s6_1_name.jpg) center center no-repeat;
	background-size: cover;
	top: -7px; right: 0;
	width: 106px; height: 32px;
}
.s1_6_1_box_2{
	width: 100%; padding: 25px; text-align: center;
	background: #f5f5f5; margin: 30px 0;
}
.s1_6_1_box_2 p{
	display: inline-block;text-align: left;
}
.s1_6_1_box_2 .txt{
	display: inline-block;
	text-indent: -9999px;
	width: 192px; height: 20px;
	background: url(/img/lll/sub/s6_1_txt2.png) center center no-repeat;
	background-size: cover;
	margin-right: 3px;
}

/* 소개 */
.s1_7_1_box{
	position: relative;
}
.s1_7_1_box dl{
	width: 100%; padding: 40px;
	background: url(/img/lll/sub/s1_7_1_bg.jpg) no-repeat;
	background-size: cover; color: #fff;
}
.s1_7_1_box dt{
	font-size: 24px; font-family: 'NanumSquare'; line-height: 1;
	margin-bottom: 25px;
}

.s1_7_1_box2 ul{width: 100%;overflow: hidden;}
.s1_7_1_box2 li{width: 296px; float: left; margin-right: 16px;margin-bottom: 16px;}
.s1_7_1_box2 li:nth-child(3n+3){margin-right: 0;}
.s1_7_1_box2 .titBox{width: 100%;height: 56px;line-height: 56px;background-color: #f3f3f3;text-align: center;font-weight: bold;}
.s1_7_1_box2 .titBox span{display: inline-block;width: 34px;height: 34px;color: #fff;text-align: center;line-height: 34px;border-radius: 50%;background-color: #178fee;margin-right: 8px;}
.s1_7_1_box2 .titBox span.col_b{background-color: #4365c4}


/* 시설현황 */
.s1_7_2_box{
	width: 100%; padding-top: 30px;
}
.s1_7_2_box li{
	float: left; width: 32%; margin-right : 2%;
	position: relative;
}
.s1_7_2_box li:last-child{
	margin-right: 0;
}
.s1_7_2_box dl{
	width: 100%; height: 130px;
	position: relative;
	border:1px solid #d6d6d6;
	padding-top: 48px;
	text-align: center;
}
.s1_7_2_box li > span{
	width: 58px; height: 58px; line-height: 58px;
	font-size: 20px; font-weight: bold; font-family: 'NanumSquare';
	display: inline-block; position: absolute;
	top:-29px; left:50%; margin-left: -29px;
	border-radius: 50%; background: #4365c4; color: #fff;
	text-align: center; z-index: 1;
}
.s1_7_2_box dt{
	font-size: 20px; font-weight: bold; font-family: 'NanumSquare';
	color: #4365c4; line-height: 1; margin-bottom: 12px;
}

/* 오시는길 */
.s1_7_3_box{
	width: 100%; 
	border:1px solid #dedede; background: #f6f6f6;
	border-top: none; position: relative;
	overflow: hidden; padding:38px;
}
.s1_7_3_box dl{
	width: 50%; height: 100%; float: left;
	padding-left: 60px; position: relative;
}
.s1_7_3_box dl::after{
	content: ""; display: inline-block; position: absolute;
	border-radius: 50%;
	background-color: #3e4452;
	background-repeat: no-repeat;	
	background-position: center center;
	top: -10px; left: 0;
	width: 45px; height: 45px;
}
.s1_7_3_box dl.ic01::after{
	background-image: url(/img/lll/sub/s1_7_3_ic01.png);
}
.s1_7_3_box dl.ic02::after{
	background-image: url(/img/lll/sub/s1_7_3_ic02.png);
}
.s1_7_3_box dt{
	font-weight: bold; color: #333; display: inline-block;
}
.s1_7_3_box dd{
	display: inline-block;
}
.s1_7_3_box .btn_map_box{
	width: 100px; height: 100%;
	position: absolute; right: 0; top:0;
	background: #eb5241;
}
.s1_7_3_box .btn_map{
	display: inline-block;
	width: 100px; height: 100px; position: absolute;
	right: 0; top:50%; padding-top: 63px; color: #fff;
	text-align: center; font-size: 14px; font-weight: bold;
	background: #eb5241 url(/img/lll/sub/s1_7_3_ic03.png) center 24px no-repeat;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.s1_7_3_box2{
	width: 100%;
}
.s1_7_3_box2 li{
	width: 50%; float: left; padding-left: 147px;
	position: relative; 
}
.s1_7_3_box2 li > span{
	display: inline-block; position: absolute;
	top:0; left: 0; font-weight: bold;
	width: 120px; height: 120px;
	border:1px solid #4365c4; text-align: center;
	padding-top: 80px;
	color: #4365c4; font-size: 18px; font-family: 'NanumSquare';
}
.s1_7_3_box2 li > span.bus{
	background: url(/img/lll/sub/s1_7_3_ic04.png) center 27px no-repeat;
}
.s1_7_3_box2 li > span.subway{
	background: url(/img/lll/sub/s1_7_3_ic05.png) center 24px no-repeat;
}


/* 배달강좌 */
.bg_sq_box.s2_2_1_bg{background-image: url(/img/lll/sub/s2_2_1_bg.jpg);}

.s2_2_1_box{height:100%;overflow:hidden;}
.s2_2_1_box::after{display:block;clear:both;content:''}
.s2_2_1_box > div{position:relative;margin-bottom:20px;padding:6px;width:49%;background:#eaeaea;height: 420px;}
.s2_2_1_box > div::before{position:absolute;top:0;left:0;width:100%;height:46px;content:'';border:1px solid #5380d2;border-width:6px 6px 0}
.s2_2_1_box .online_box{float:left;}
.s2_2_1_box .offline_box{float:right;}
.s2_2_1_box > div .box{
	padding:30px 40px;background:#fff;
	text-align: left; height: 408px;
}
.s2_2_1_box > div .box h2{
	margin-bottom:20px;font-family:'NanumSquare';font-size:26px;color:#333;
	text-align:center; padding-top: 135px;
	position: relative;
}
.s2_2_1_box h2::after{
	content: ""; display: inline-block; position: absolute;
	background-repeat: no-repeat;	
	background-position: center center;
	background-color: #f3f8fd;
	top: 0px; left: 50%; margin-left: -61px;
	width: 122px; height: 122px;
	border-radius: 50%;
}
.s2_2_1_box .online_box h2::after{
	background-image: url(/img/lll/sub/s2_2_1_ic01.png);
}
.s2_2_1_box .offline_box h2::after{
	background-image: url(/img/lll/sub/s2_2_1_ic02.png);
}
.s2_2_1_box > div .box p{margin-bottom:15px;}
.s2_2_1_box > div .box .txt1{padding:10px 20px;line-height:20px;color:#005aae;background:#f3f8fd}
.s2_2_1_box > div .box .txt2{padding:0 20px;}
.s2_2_1_box > div .box .btnBs{
	width:358px; font-size: 16px; position: absolute;bottom: 30px;left: 48px;
}


.s2_3_1_box{
	background-image: url(/img/lll/sub/s2_3_1_bg.jpg);
}

/* 학습사이트 */
.s2_4_2_box{
	width: 100%; overflow: hidden;
}
.s2_4_2_box li{
	float: left; width: 48%; margin-right: 4%; margin-bottom: 40px;
	border:1px solid #e1e1e1; text-align: center;
}
.s2_4_2_box li:nth-child(2n+2){
	margin-right: 0;
}
.s2_4_2_box .img_box{
	width: 100%; height: 140px;
	padding-top: 30px;
}
.s2_4_2_box .info_box{
	width: 100%; padding: 30px 20px;
	background: #f8f8f8;
}
.s2_4_2_box .info_box p{
	width: 100%; font-size: 14px; text-align: center; color: #666;
	margin-bottom: 15px;
}

.bg_sq_box.s2_5_box{
	min-height: auto; height: auto;padding: 65px 70px 50px 386px;
	background-image: url(/img/lll/sub/s2_5_bg.jpg);
}
.s2_5_box_1 > ul > li{
	width: 49%; height: 530px; margin-right: 2%; margin-bottom: 25px;float:left;
	padding: 0 35px 20px 35px; border: 6px solid #eaeaea;text-align: center;
}
.s2_5_box_1 > ul > li:nth-child(3),
.s2_5_box_1 > ul > li:nth-child(4){
	height: 590px;
}
.s2_5_box_1 > ul > li:nth-child(even){
	margin-right: 0;
}
.s2_5_box_1 h3{
	width: 100%; line-height: 1; font-size: 19px; font-family: 'NanumSquare';font-weight: bold; text-align: center;padding: 18px 15px;color: #fff;margin-top: -6px;
}
.s2_5_box_1 .col_1{background-color: #4365c4;}
.s2_5_box_1 .col_2{background-color: #1d91dd;}
.s2_5_box_1 .col_3{background-color: #1597a3;}
.s2_5_box_1 .col_4{background-color: #fd5e19;}
.s2_5_box_1 .step1{
	width: 100%;
	display: inline-block; margin-top: 30px;margin-bottom: 20px;
}
.s2_5_box_1 .step1 li{
	display: inline-block; text-align: center;
	min-width: 122px; color: #004ab9; font-size: 16px;font-weight: bold;
	background-position: center top;letter-spacing: -2px;
	background-repeat: no-repeat;
}
.s2_5_box_1 .step1.has_ic li{
	padding-top: 130px;
}
.s2_5_box_1 .step1.li_2 li:first-child{
	margin-right: 20px; 
}
.s2_5_box_1 .step1 .ic01{background-image: url(/img/lll/sub/s2_5_st1_ic01.png)}
.s2_5_box_1 .step1 .ic02{background-image: url(/img/lll/sub/s2_5_st1_ic02.png)}
.s2_5_box_1 .step1 .ic03{background-image: url(/img/lll/sub/s2_5_st1_ic03.png)}
.s2_5_box_1 .step1 .ic04{background-image: url(/img/lll/sub/s2_5_st1_ic04.png)}
.s2_5_box_1 .step1.has_bg1{
	padding-bottom: 45px;margin-bottom: 5px;
	background: url(/img/lll/sub/s2_5_bg01.jpg) center bottom no-repeat;
}
.s2_5_box_1 .step1.has_bg2 li{
	padding-bottom: 30px;margin-bottom: 5px;
	background: url(/img/lll/sub/s2_5_bg02.jpg) center bottom no-repeat;
}
.s2_5_box_1 .step1.has_bg2 li:nth-child(odd){
	margin-right: 50px;
}
.s2_5_box_1 .step2{
	width: 100%;background: #f8f8f8;padding: 20px;
	overflow: hidden;text-align: center;margin-bottom: 15px;
}
.s2_5_box_1 .step2 li{
	padding-top: 70px;width: 33.3%;display: inline-block;
	background-position: center top;
	background-repeat: no-repeat;font-weight: bold;
	position: relative;float: left;
}
.s2_5_box_1 .step2.li_2 li{
	width: 50%;
}
.s2_5_box_1 .step2 li:not(:last-child)::after{
	display: inline-block;content: "";width: 6px;height: 6px;
	border-radius: 50%;background: #939393;position: absolute;
	right: 0;top:32px;
}
.s2_5_box_1 .step2 .ic01{background-image: url(/img/lll/sub/s2_5_st2_ic01.png);background-position: center 13px;}
.s2_5_box_1 .step2 .ic02{background-image: url(/img/lll/sub/s2_5_st2_ic02.png);background-position: center 13px;}
.s2_5_box_1 .step2 .ic03{background-image: url(/img/lll/sub/s2_5_st2_ic03.png);background-position: center 9px;}
.s2_5_box_1 .step2 .ic04{background-image: url(/img/lll/sub/s2_5_st2_ic04.png);background-position: center 13px;}
.s2_5_box_1 .step2 .ic05{background-image: url(/img/lll/sub/s2_5_st2_ic05.png);background-position: center 5px;}
.s2_5_box_1 .step2 .ic06{background-image: url(/img/lll/sub/s2_5_st2_ic06.png);background-position: center 15px;}
.s2_5_box_1 .step2 .ic07{background-image: url(/img/lll/sub/s2_5_st2_ic07.png);background-position: center 10px;}
.s2_5_box_1 .step2 .ic08{background-image: url(/img/lll/sub/s2_5_st2_ic08.png);background-position: center 12px;}
.s2_5_box_1 .step2 .ic09{background-image: url(/img/lll/sub/s2_5_st2_ic09.png);background-position: center 12px;}
.s2_5_box_1 .step2 .ic10{background-image: url(/img/lll/sub/s2_5_st2_ic10.png);background-position: center 12px;}
.s2_5_box_1 .bullet_arrow{
	letter-spacing: -2px;
}

.s3_1_1_box{background-image: url(/img/lll/sub/s3_1_1_bg.jpg);}

.s3_2_1_box{
	background-image: url(/img/lll/sub/s4_5_3_bg.jpg);
}

.s3_2_1_2_box{
	background-image: url(/img/lll/sub/s3_2_1_2_bg.jpg);
}

.s2_5_box{
	background-image: url(/img/lll/sub/s2_5_bg.jpg);
}
.s3_2_1_box{
	background-image: url(/img/lll/sub/s4_5_3_bg.jpg);
}

.banner_list{overflow: hidden;}
.banner_list li{float: left; width: 24%; margin-right: 1%; margin-bottom: 10px;text-align: center;}

.printBox{overflow: hidden;min-width: 740px}
.printBox .topBox{width: 100%;height: 80px;line-height: 80px;color: #fff;font-size: 26px;font-family: 'NanumSquare';font-weight: bold; padding: 0 45px;position: relative;background-color: #4365c4}
.printBox .topBox .btn_close{width: 16px;height: 16px;display: inline-block;cursor: pointer;background: url(/img/lll/img_common2.png) -57px 0 no-repeat;text-indent: -9999px;position: absolute;right:45px;top:32px;}
.printBox .printCon{width: 100%;padding: 30px 45px;}
.printBox .BtnBox{overflow: hidden;}
.printBox .BtnBox .right{float: right;}
.printBox .BtnBox .left{float: left;}

.printBox .center{text-align: center;margin:30px 0 15px 0;}
.printBox h1.ic_logo{font-family: 'NanumSquare';font-weight: bold;font-size: 34px;display: inline-block;padding-left: 84px;height: 50px;line-height: 50px;position: relative;}
.printBox h1.ic_logo::after{content: "";display: inline-block;width: 90px;height: 50px;background: url(/img/lll/common/sm_logo.png) no-repeat;position: absolute;left: 0;top:0;}

.printBox .rightBox{overflow: hidden;}
.printBox .name_date{width: 160px;float: right;}
.printBox dl{width: 100%;position: relative;text-align: right;display: block;}
.printBox .name_date dt{font-weight: bold;position: absolute;left: 0;}

.printBox .photoList{overflow: hidden;}
.printBox .photoList li{float: left;width: 49%;margin-right: 2%;margin-bottom: 13px;}
.printBox .photoList li:nth-child(2n+2){margin-right: 0;}
.printBox .photoList li span{display: block;margin-top: 5px;text-align: center;}
.printBox .photoList li img{height: 250px;width: 100%;}
.printBox .photoList li .date{display: block;padding: 5px 0;padding-left:10px;font-size: 18px;font-weight: bold;font-family: 'NanumSquare';position: relative;}
.printBox .photoList li .date::before{display: inline-block;content: "";width: 3px;height: 16px;position: absolute;left: 0;top:8px;background-color: #777}


/*
================================================================================
서브콘텐츠 반응형
================================================================================
*/



 /* Tablet Device */
@media all and (max-width:1200px){

	.s1_3_box .aim .line{
		width: 50%; border-width: 1px 1px 0 1px;
		margin-bottom: 10px;
	}
	.s1_3_box .aim dl{
		width: 50%; margin-bottom: 60px;
	}
	.s1_3_box .aim dl::after,
	.s1_3_box .aim dl::before{
		display: none;
	}
        .s1_3_box .aim ul{
		width: 50%; margin-bottom: 80px;
	}
        .s1_3_box .aim ul::after,
	.s1_3_box .aim ul::before{
		display: none;
	}

	.s1_4_history::after{
		right: 0;
	}

	.s1_5_3_box li{
		min-height: 351px;
	}

	.s1_6_1_box{
		height: 270px;
	}
	.s1_6_1_box .tit{
		top:50px; font-size: 22px; padding-top: 25px;
	}
	.s1_6_1_box .tit::after{
		top:-30px;
	}
	.s1_6_1_box .bg_box{
		width: 300px; height: 234px;
		top:inherit;bottom: 0;
	}
	.s1_6_1_box .bg_box .name_box{
		left:-180px; bottom: 40px;
	}

	.s1_7_1_box2 li{width: 32.5%; margin-right: 1%}

	.s1_7_3_box{
		padding: 30px 20px;
		padding-right: 110px;
	}
	.s1_7_3_box dl{
		width: 100%; 
	}
	.s1_7_3_box dl.ic01{
		margin-bottom: 30px;
	}

	.s1_7_3_box{
		padding: 30px 20px;
		padding-right: 110px;
	}
	.s1_7_3_box dl{
		width: 100%; 
	}
	.s1_7_3_box dl.ic01{
		margin-bottom: 30px;
	}

	.s2_2_1_box > div{height: 472px;}
	.s2_2_1_box > div .box{height: 460px}
	.s2_2_1_box > div .box .btnBs{width: 251px;}

	.bg_sq_box.s2_5_box{
		padding: 40px 25px 40px 320px;
		background-position: -50px center;
	}
	.s2_5_box_1 > ul > li{
		width: 100%;height: auto !important;
	}
	.s2_5_box_1 .step1.has_bg2 li{
		width: 48%; float: left;
	}
	.s2_5_box_1 .step1.has_bg2 li:nth-child(odd){
		margin-right: 4%;
	}

	.bg_sq_box.s3_2_1_box{
		background-position: -50px center;
	}

	.banner_list li{width: 32.3%;}


}

@media all and (max-width:640px){

	.conTopCommonBox{
		height: 200px; padding-top: 45px;
	}
	.conTopCommonBox dt{
		font-size: 20px;
	}
	.conTopCommonBox::after{
		width: 40px; height: 40px;
		margin-left: -20px; bottom: -20px;
		background-size: cover;
	}

	.s1_2_box{
		padding: 60px 20px;
	}
	.declaration_top h2{
		font-size: 26px; margin-top: 5px;
	}
	.s1_2_box .declaration_top{
		margin-bottom: 60px; padding-bottom: 40px;
		overflow: hidden;
	}
	
	.declaration_con dl{
		padding-left: 90px;
	}
	.declaration_con dd{
		font-size: 14px;
	}
	.declaration_con dd br{
		display: none;
	}
	.declaration_con dt{
		font-size: 18px;
	}

	.s1_3_box .vision{
		width: 300px; height: 257px;
		padding-top:50px;
		background-size: contain;
	}
	.s1_3_box .vision dd{
		font-size: 22px;line-height: 1.2;
	}
	.s1_3_box .vision
	.s1_3_box .aim{
		padding: 0 20px;
	}
	.s1_3_box .aim h3{
		margin-bottom: 40px;
	}
	.s1_3_box .aim .line,
	.s1_3_box .aim .line::before{
		display: none;
	}
	.s1_3_box .aim dl{
		width: 100%; height: auto; padding-bottom: 30px;
		border-bottom: 1px solid #ddd; margin-bottom: 40px;
	}
	.s1_3_box .aim dl span{
		position: relative; left: inherit; bottom: inherit;
		margin: 0 auto; margin-top: 20px;
	}
        .s1_3_box .aim ul{
		width: 100%; height: auto; padding-bottom: 30px;
		border-bottom: 1px solid #ddd; margin-bottom: 40px;
	}
	.s1_3_box .aim ul span{
		position: relative; left: inherit; bottom: inherit;
		margin: 0 auto; margin-top: 20px;
	}
	
	.s1_4_history::before{
		left: 6px;
	}
	.s1_4_history::after{
		display: none;
	}
	.s1_4_history dt{
		font-size: 18px; padding-left: 22px;
	}
	.s1_4_history dt::before{
		width: 14px; height: 14px;
		top:5px;
	}
	.s1_4_history dl{
		margin-bottom: 30px; padding-left: 75px;
	}
	.s1_4_history dl:last-child::after{
		left: 6px;
	}

	.s1_4_comBox .infoBox{padding: 15px 30px;}
	.s1_4_comBox dl{padding: 30px;}
	.s1_4_comBox dl::after{display: none;}

	.s1_5_commonBox .infoBox{width:100%;position: relative; right: inherit; bottom: inherit;box-shadow: none;padding: 30px 20px}
	.s1_5_3_box li{
		min-height: auto;
		width: 100%; padding: 20px 0 !important
	}
	.s1_5_3_box li img{
		width: 100%;
	}

	.s1_6_org .depth_1{
		padding-bottom: 30px;
	}
	.s1_6_org .org_line{
		width: 52%;
	}
	.s1_6_org .depth_2 ul > li{
		width: 48%; margin-right: 4%;
		margin-bottom: 15px;
	}
	.s1_6_org .depth_2 ul > li:nth-child(2){
		margin-right: 0;
	}
	.s1_6_org .depth_2 li:nth-child(3) dl::before,
	.s1_6_org .depth_2 li:nth-child(4) dl::before{
		display: none;
	}

	.s1_6_1_box{
		height: auto; padding-bottom: 30px;
		text-align: center; margin-bottom: 25px;
	}
	.s1_6_1_box .tit{
		width: 100%; top: inherit; left: inherit;
		font-size: 18px; padding-top: 20px;
		word-break: break-all;text-align: left;
		position: relative;
		top:inherit; padding-top: 50px;
	}
	.s1_6_1_box .tit::after{
		top:0;
	}
	.s1_6_1_box .tit br{
		display: none;
	}
	.s1_6_1_box .bg_box{
		position: relative; margin-top: 10px;
		display: inline-block;
	}
	.s1_6_1_box .bg_box .name_box{
		bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
	}
	.s1_6_1_box_2{
		margin: 20px 0;
	}

	.s1_7_1_box{
		padding-bottom: 0;
	}
	.s1_7_1_box dl{
		position: relative; bottom: inherit; left: inherit;
		margin: 0 auto; margin-top: -30px;
		transform: none; padding: 15px;
	}
	.s1_7_1_box dt{
		margin-bottom: 15px;
	}

	.s1_7_1_box2 li{width: 100%; margin-right: 0}
	.s1_7_1_box2 li img{width: 100%}

	.s1_7_2_box li{
		width: 100%; margin-right: 0; margin-bottom: 50px;
	}

	.s1_7_3_box{
		padding: 25px 15px;
	}
	.s1_7_3_box .btn_map_box{
		display: none;
	}
	.s1_7_3_box2 li{
		width: 100%;margin-bottom: 40px;
		padding-left: 110px;
	}
	.s1_7_3_box2 li > span{
		width: 90px; height: 90px;
		padding-top: 55px; font-size: 17px;
	}
	.s1_7_3_box2 li > span.bus{
		background-position: center 20px;
		background-size: 29px 29px;
	}
	.s1_7_3_box2 li > span.subway{
		background-position: center 18px;
		background-size: 25px 32px;
	}
	.s1_7_3_box2 h3.title{
		margin-top: 15px;
	}
	.s2_2_1_box > div .box{
		height: auto;
	}
	.s2_2_1_box > div{float:none;width:100%;height: auto;}
	.s2_2_1_box > div .tit{min-height:100px}
	.s2_2_1_box > div .box .btnBs{width: 100%;position: relative;left:inherit;bottom: inherit;}
	
	.s2_4_2_box li{
		width: 100%; margin-right: 0;
	}

	.s2_5_box_1 h3{
		font-size: 18px; line-height: 1.5; padding: 10px;
	}
	.s2_5_box_1 > ul > li{
		padding: 0 15px 20px 15px;
	}
	.s2_5_box_1 .step1 li{
		font-size: 15px;
	}
	.s2_5_box_1 .step1.has_ic li{
		width: 100%; margin-bottom: 10px;
	}

	.banner_list li{width: 48%;margin-left: 1%;}

}