@charset "utf-8";
@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
body, h1, h2, h3, h4, h5, h6, input, textarea, select { font-family: 'Noto Sans KR', sans-serif; }






#wrap {position:relative; width:100%; margin:0 auto; color:#7a7a7a; font-size:16px; letter-spacing:-0.7px;}

/*-----------------------------------------------------------------------------------------------------------
공통
-----------------------------------------------------------------------------------------------------------*/
/* 드래그 색상 CJH */
::selection {background:#3fbfbf; color:#ffffff; text-shadow:none;}
/* TOP 버튼 CJH */
.top_btn{position:fixed; bottom:5%; right:5%; z-index:7; background: #fff; padding:5px 10px; cursor: pointer; border:1px solid #c8c8c8;}

/*-----------------------------------------------------------------------------------------------------------
header
-----------------------------------------------------------------------------------------------------------*/
header{width:100%; margin:0 auto;}
.header_area{
	display: block; width:100%; margin:0 auto;box-shadow: 0px 1px 10px #ccc;
}
header .head {max-width:1200px; position:relative; margin:0 auto; height:100px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}

	/* 로고 CJH */
	header .head h1 {display: block; width:27%; overflow: hidden; }
	header .head h1 > a{
		display: block; width:100%;
	}
.right_menu_area{
	display: flex; flex-direction: column;width:73%; justify-content: flex-start; align-items: flex-end;
}
	/* 회원가입+SNS CJH */
	header .mem_sns{display: flex; flex-direction: row; justify-content: flex-start; align-items: center; margin-right:55px;}
		/* 회원가입 CJH */
		header .mem_wrap {display: flex; flex-direction: row; justify-content: flex-end;overflow: hidden; margin-right:15px; margin-top: 4px;}
		header .mem_wrap p {float:left; font-weight:500;}
		header .mem_wrap p a {color:#181818; font-size: 12px;}
		header .mem_wrap p::after {content: ""; display: block; width:3px; height:3px; background:#cfcfcf; float:right; margin:12px 8px;}
		header .mem_wrap p:last-child::after {display:none;}
		/* SNS CJH */
		header .sns_wrap {overflow: hidden;}

/* 상단 메뉴 CJH */
.head_nav{width:100%; background:#fff; height: 60px;  position:relative;/* 메뉴 코딩할때 지우기 */}
	/* 1차 메뉴 CJH */
	.head_nav>ul{width:100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch;}
	.head_nav>ul>li{ width:20%;line-height: 60px; font-size: 17px; position:relative;}
	.head_nav>ul>li::after {content:" "; display:block; clear:both;}
	/* .head_nav>ul>li:first-child{ padding-left: 20%;} */
	.head_nav>ul>li a { color: #181818; font-weight: 400; display: block; text-align: center;}
	.head_nav>ul>li a:hover {  text-decoration: underline;}
	/* 2차 메뉴 CJH */
	.head_nav>ul>li>Ul { padding-top:25px; padding-bottom: 50px; height: 140px; position: absolute; left:0; width:100%; z-index: 10; background:#fff;  display: none; }
	.head_nav>ul>li>Ul>li { font-size: 15px; line-height: 28px;}
	.head_nav>ul>li>Ul>li a { color: #979797 !important; font-weight: normal; display: block;}
	.head_nav>ul>li>Ul>li a:hover { color: #3978ac !important; text-decoration: none;}
	.menu_bg{height:180px; border-bottom: 1px solid #cccccc; position: absolute; width:100%; left:0; top:61px; z-index:9; background:#fff; display: none;}

/* 모바일 메뉴 CJH */
.mo_menu_btn {display: none;}
.mobile_menu {position:fixed; top:0; left:-250px; width:250px; height:100%; overflow:auto; background-color:#252525; z-index:5000;}

		.mobile_menu .top_link {position:relative; height:50px; line-height:50px; border-bottom:1px solid #444;}
		.mobile_menu .top_link a {position:absolute; display:block; text-indent:-9999px; overflow:hidden;}
		.mobile_menu .top_link a.home {width:63px; height:21px; top:15px; left:15px; background:url(/image/head/btn_m_home.png) no-repeat 0 0; background-size:63px 20px;}
		.mobile_menu .top_link a.close_m_menu {width:26px; height:26px; top:12px; right:12px; background:url(/image/head/btn_m_menu_close.png) no-repeat 0 0; background-size:26px 26px;}

		.mobile_menu>ul {padding-bottom:150px;}
		.mobile_menu>ul>li {border-bottom:1px solid #333; text-align: left;}
		.mobile_menu>ul>li>a {display:block ;height:46px; line-height:46px; padding:0 0 0 30px; font-size:15px; font-weight:500; color:#ddd; letter-spacing:-1px; background:url(/image/head/icon_plus.png) no-repeat 15px 18px; background-size:10px 10px;}
		.mobile_menu>ul>li>a.opened {background:url(/image/head/icon_arrow_up.png) no-repeat 15px 18px; background-size:10px 10px;}
		.mobile_menu>ul>li>a:hover {color:#fff; text-decoration:none;}
		.mobile_menu>ul>li>a.selected {color:#3978ac;}
		.mobile_menu li .submenu {background-color:#333; display:none;}
		.mobile_menu li ul {}
		.mobile_menu li ul li {height:40px; border-bottom:1px solid #3f3f3f;}
		.mobile_menu li ul li.last {border:none;}
		.mobile_menu li ul li a {display:block; line-height:40px; font-size:13px; /*font-weight:bold;*/ padding-left:30px; color:#ccc;}
		.mobile_menu li ul li a:hover {color:#3978ac; text-decoration:none;}
		.mobile_menu li ul li a.selected {color:#3978ac; /*font-weight:bold;*/}

/*-----------------------------------------------------------------------------------------------------------
content 메인
-----------------------------------------------------------------------------------------------------------*/
section{width:100%; margin:0 auto;}

/*메인 슬라이드*/
.main_slider_area{
	display:  flex; flex-direction: row; justify-content: center; align-items: stretch; background:url(/image/new/mainslide_bg.png) no-repeat center center; background-size:cover; padding:75px 0;
}
.main_slider_area > div{
	width:100%; max-width:1200px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
}
.bx_slider_area{
	overflow: hidden;
}
.main_slider_area > .bx_slider_area> .bx-wrapper > .bx-viewport{
	width:44% !important; height: auto !important; margin-left:6%;
}
.notice_silder{
	width:100%;
}
.notice_silder > li{
	background:#fff; box-shadow: 1px 1px 10px #666; display: block; width:355px; height: 400px; margin:10px;
}
.notice_silder > li > a{
  display: block;width:100%; height: 100%;
}
.notice_silder > li > a > img{
  display: block; width:100%; height: 100%; object-fit: cover;
}
.text-bx{
	display: flex; flex-direction: column;justify-content: space-between;align-items: flex-start; padding:15px;
}
.text-bx > h4{
	width:220px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:20px; font-weight: bold; margin-bottom:30px;
}
.view_more_main{
	display: flex; flex-direction: row; justify-content: space-between; align-items: ceneter; width:100%;
}
.main_slide_txt{
	padding-left:40px;
}
.main_slide_txt > h2{
	font-family: 'Roboto'; font-size:38px; color:#181818; font-weight: 600; line-height: 1.6em; letter-spacing:1.5px;
}
.main_silde_second_line{
	margin-top:30px;
}
.main_silde_second_line{
	font-size:42px;
}
.main_silde_second_line > strong{
	font-weight: bold;
}
.bx-wrapper .bx-prev{
  background: url(/image/new/mainslide_arrow_prev.png) no-repeat center center !important; bottom:0;left:50.5% !important;
}
.bx-wrapper .bx-next{
  background: url(/image/new/mainslide_arrow_next.png) no-repeat center center !important;bottom:0; right:44% !important;
}
	/* 컨텐츠 상단 CJH */
	section #mcon1 {/* background: url(../image/main/main_bg.jpg) no-repeat center top;*/ height: 860px;}
	section #mcon1::after {content:" "; display:block; clear:both;}
	.mcon1_wrap {max-width:1200px; position:relative; margin: 0 auto; padding-top: 100px;}

		/* 슬라이드 CJH */
		section #mcon1 .layer1 { float: left; max-width: 600px; margin: 0 auto;}

		/* 공지,버튼,자활몰 CJH */
		.mcon1_r {float: left; padding-left: 50px; width: 550px;}

			/* 공지 CJH */
			section #mcon1 .layer2 {}
			section #mcon1 .layer2 p.title { color: #000000; font-size: 22px; line-height: 31px;}
			section #mcon1 .layer2 p.title span { float: right; margin-top: -4px; }
			section #mcon1 .layer2 span.data {font-family: "Segoe UI"; color: #a1a1a1; font-size: 14px; margin-left: 5px; margin-top: 3px;}
				/* 공지 상단 CJH */
				section #mcon1 .layer2 .notice1 {margin-top: 20px;}
				section #mcon1 .layer2 .notice1 { border-bottom: 1px dashed #d4d4d4; padding-bottom: 25px; margin-bottom: 15px;}
				section #mcon1 .layer2 .notice1 dd.t1 { color: #424242; font-size: 20px; margin-top: 15px;}
				section #mcon1 .layer2 .notice1 dd.t2 {color: #6d6d6d; margin-top: 15px;}
				/*공지 하단 CJH */
				section #mcon1 .layer2 .notice2 { margin-bottom: 5px;}
				section #mcon1 .layer2 .notice2::after {content:" "; display:block; clear:both;}
				section #mcon1 .layer2 .notice2 dt { float: left; padding-right: 10px;}
				section #mcon1 .layer2 .notice2 dd {color: #6d6d6d;}
				section #mcon1 .layer2 .notice2 dd span { float: right;}

				/* 3버튼 CJH */
				section #mcon1 .layer3 { margin-top: 65px;}
				section #mcon1 .layer3::after {content:" "; display:block; clear:both;}
				section #mcon1 .layer3 a li { width: 22%; margin-left: 2%; font-size: 15px; float: left; height: 60px; color: #565656; padding-left: 10%; display: table;}
				section #mcon1 .layer3 a li span {display: table-cell; vertical-align: middle;}
				section #mcon1 .layer3 a li:hover { transition:background 0.5s; color: #fff;}
					section #mcon1 .layer3 a li.btn1 { background: url(../image/main/main_icon1.png) no-repeat 10px 12px #fff; margin-left: 0;}
					section #mcon1 .layer3 a:hover li.btn1 { background: url(../image/main/main_icon1o.png) no-repeat 10px 12px #3fbfbf;}
					section #mcon1 .layer3 a li.btn2 { background: url(../image/main/main_icon2.png) no-repeat 10px 12px #fff;}
					section #mcon1 .layer3 a:hover li.btn2 { background: url(../image/main/main_icon2o.png) no-repeat 10px 12px #3fbfbf;}
					section #mcon1 .layer3 a li.btn3 { background: url(../image/main/main_icon3.png) no-repeat 10px 12px #fff;}
					section #mcon1 .layer3 a:hover li.btn3 { background: url(../image/main/main_icon3o.png) no-repeat 10px 12px #3fbfbf;}

				/* 몰 CJH */
				section #mcon1 .layer4 { margin-top: 30px; background: url(../image/main/box_bg1.jpg) no-repeat center top; text-align: center; overflow: hidden;}
				section #mcon1 .layer4 dl {background: url(../image/main/box_bg2_2.jpg); margin:30px; padding: 35px 0 ;}
				section #mcon1 .layer4 dt { font-size: 20px; margin-bottom: 10px;}
				section #mcon1 .layer4 dt a {color: #3978ac;}
				section #mcon1 .layer4 dd { text-align: center;}
				section #mcon1 .layer4 dd li { display: inline-block;}
				section #mcon1 .layer4 dd li:first-child  a {background:none; padding-left:0;}
				section #mcon1 .layer4 dd li:last-child  a {padding-right:0;}
				section #mcon1 .layer4 dd li a { color: #727272; font-size: 15px; background: url(../image/main/box_icon.jpg) no-repeat left 9px; padding-left: 7px; padding-right: 3px;}
				section #mcon1 .layer4 dd li a:hover { color: #3fbfbf; }

				/* 메인 하단 슬라이드  SJ*/

				.slide_fir, .slide_sec{width:50%; max-width:600px;}
				.slide_thir{width:98%; max-width:600px !important; margin:0 auto; position:relative !important;}
				.slide_fir .bx-controls{position:absolute; top:0; right:0;}
				.slide_sec{right:0; top:60px;}
				.slide_sec .bx-controls{display: none;}

				.slide_thir .bx-controls{position:absolute; top:-10px;right:0;width:25%;}
				.slide_thir .bx-controls .bx-pager .bx-pager-item .bx-pager-link{margin:0 3px; width:8px; height:8px; background:#fff;}
				.slide_thir .bx-pager.bx-default-pager a.active{background:#3fbfbf !important;}

				.btn_wrap{position: absolute;top:0; left:50%; margin-left:-60px; width:120px; z-index:100;}
				.btn_wrap .btn{float:left; cursor:pointer;}
				.fir_prev{display: none !important;}
				.fir_next{display: none !important;}

				/* //메인 하단 슬라이드  SJ*/

	/* 컨텐츠 하단 CJH */
	section #main_con2 { background: url(../image/main/main_bot_bg.jpg) no-repeat center top; height: 620px; overflow: hidden;}
	section #main_con2::after {content:" "; display:block; clear:both;}

		/* 타이틀 CJH */
		section #main_con2 .title { text-align: center; font-size: 35px; padding-top: 70px; padding-bottom: 35px; color: #424242;}

		/* 슬라이드 CJH */
		section #main_con2 .bot_sl {max-width:1200px; position:relative; margin:0 auto;}
			/* 왼쪽 CJH */
			section #main_con2 .bot_sl .sl_l { float: left; position:relative; width: 50%;}
			section #main_con2 .bot_sl .sl_l .btn { position: absolute; z-index: 1; right: 0; top: 0;}
			section #main_con2 .bot_sl .sl_l a .img img {  width: 100%;}
			section #main_con2 .bot_sl .sl_l a .img img:last-child { display: none;}
			section #main_con2 .bot_sl .sl_l a:hover .img img:first-child { display: none;}
			section #main_con2 .bot_sl .sl_l a:hover .img img:last-child { display: inline-block;}
			/* 오른쪽 CJH */
			section #main_con2 .bot_sl .sl_r { float: left; position:relative; width: 50%;}
			section #main_con2 .bot_sl .sl_r .btn {}
			section #main_con2 .bot_sl .sl_r a .img img {  width: 100%;}
			section #main_con2 .bot_sl .sl_r a .img img:last-child { display: none;}
			section #main_con2 .bot_sl .sl_r a:hover .img img:first-child { display: none;}
			section #main_con2 .bot_sl .sl_r a:hover .img img:last-child { display: inline-block;}

/*-----------------------------------------------------------------------------------------------------------
content 서브
-----------------------------------------------------------------------------------------------------------*/
	section #sub_con {max-width:1200px; position:relative; margin:0 auto; background: #fff; padding:40px 40px 100px 40px; overflow: hidden;}

		/* 서브 왼쪽 CJH */
		.leftcolumn { width: 20.83%; margin-right: 4.17%; float: left;}

			/* 서브 타이틀 CJH */
			.sub_title { background: url(../image/sub/sub_title.jpg) no-repeat center; height: 180px; width: 100%; text-align: center; display: table;}
			.sub_title dl { display: table-cell; vertical-align: middle;}
			.sub_title dt { text-transform: uppercase; color: #87b5db; font-size: 17px; letter-spacing: 0; font-family:'Encode Sans'; }
			.sub_title dd { color: #fff; font-size: 30px; margin-top: -5px;}

			/* 서브메뉴 CJH */
			.sub_menu { padding-top: 30px;}
			.sub_menu li { background: url(../image/sub/sub_menu_bg.png) no-repeat; line-height: 50px; padding-left: 40px;}
			.sub_menu li a {color: #7a7a7a; display: block;}
			.sub_menu li a:hover{color: #1d649f;}
			.sub_menu li.sub_menu_on { background: url(../image/sub/sub_menu_bg_on.png) no-repeat;} /* 오버 CJH */
			.sub_menu li.sub_menu_on a { color: #fff; }

		/* 서브 오른쪽 CJH */
    .rightcolumn {/*width: 75%; float: left;*/}

			/* 네비 CJH */
			.cate { margin-bottom: 40px;}
			.cate::after {content:" "; display:block; clear:both;}
			.cate .title { color: #4b4b4b; font-size: 40px; line-height: 40px; float: left; letter-spacing: -1.5px;}
			.cate .navi { font-size: 15px; color: #909090; padding-left: 18px; background: url(../image/sub/icon_home.png) no-repeat left 5px; float: right; margin-top: 20px;}
			.cate .navi img { padding: 0 3px;}
			/* 네비 모바일 CJH */
			.mo_cate {display: none;}

			/* 페이지 내용 CJH */
			.contents {overflow: hidden; margin: 0 auto; position:relative;}

/*-----------------------------------------------------------------------------------------------------------
visual 서브
-----------------------------------------------------------------------------------------------------------*/
/* 서브 비주얼 CJH */
.sub_visual_center {width:100%; height:290px; margin:0 auto; overflow:hidden; background:url(/image/sub/sub_visual_center.jpg) no-repeat center; position:relative;}
.sub_visual_business {width:100%; height:290px; margin:0 auto; overflow:hidden; background:url(/image/sub/sub_visual_business.jpg) no-repeat center; position:relative;}
.sub_visual_notify {width:100%; height:290px; margin:0 auto; overflow:hidden; background:url(/image/sub/sub_visual_notify.jpg) no-repeat center; position:relative;}
.sub_visual_community {width:100%; height:290px; margin:0 auto; overflow:hidden; background:url(/image/sub/sub_visual_community.jpg) no-repeat center; position:relative;}
.sub_visual_provision {width:100%; height:290px; margin:0 auto; overflow:hidden; background:url(/image/sub/sub_visual_provision.jpg) no-repeat center; position:relative;}
.sub_visual_member {width:100%; height:290px; margin:0 auto; overflow:hidden; background:url(/image/sub/sub_visual_member.jpg) no-repeat center; position:relative;}
.sub_visual_sitemap {width:100%; height:290px; margin:0 auto; overflow:hidden; background:url(/image/sub/sub_visual_sitemap.jpg) no-repeat center; position:relative;}

/* 서브 비주얼 텍스트 */
.sub_visual_txt {font-family:AritaBuri; font-size: 27px; letter-spacing: -1.2px; color: #fff; text-align: center; padding-top: 60px; /*text-shadow: 0 0 8px #323232*/;}
.sub_visual_txt span {font-size: 37px;}



/*리뉴얼-----------------------------------------------------------------*/
.service_mall_area{
  display: block; display:none; width:100%; margin:0 auto;background:linear-gradient(to right, #006cb6 50%, #fff 50%);
}
.service_mall_bx{
  display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; width:1200px; margin: 0 auto
}
.service_mall_title{
  display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width:15%; padding:36px 0 36px 12px;
}
.service_mall_tit_span{
  margin-bottom:40px; font-size:25px; color:#fff;
}
.service_mall_title > a{
  font-size:16px; color:#fff; margin-right:8px;
}
.service_mall_list{
  display: flex; flex-direction: row; justify-content: space-around; align-items: center; background:#fff; width:85%;
}
.service_mall_list > li > a{
  display: flex; flex-direction: column; justify-content: center; align-items: center;
}
.service_mall_list > li > a > img{
  margin-bottom:24px;
}
.service_name{
  display: block; width:100%; text-align: center; font-size:18px;
}
.content_area{
  display: block; width:100%; margin:0 auto; background:#eee; background:#fff; padding:60px 0;
}
.content_bx_index{
  display: flex; flex-direction: row; justify-content: space-between; align-items: stretch; width:1200px; margin:0 auto;
}
.content_left_bx{
  display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; width:30%; flex-wrap: wrap;
}
.content_left_bx > div{
  background:#fff; box-shadow: 1px 1px 10px rgba(1,1,1,0.15);
}
.content_name{
  color:#181818; font-size:23px;
}
.content_bx_sm{
  width:48%; margin-bottom:15px;
}
.content_bx_sm > a{
  display: flex; flex-direction: column; justify-content: center; align-items: center; width:100%; height: 100%; padding:35px 0;
}
.content_bx_sm > a > img{
  margin-bottom:5px;
}
.content_right_bx{
  display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; width:69%; background:#fff; padding:25px 30px 20px; box-sizing: border-box; box-shadow: 1px 1px 10px rgba(1,1,1,0.15);
}
.content_bx_lg{
  width:100%; display: flex; flex-direction: row; justify-content: center; align-items: center;padding:35px 0 30px; flex-wrap: wrap;
}
.content_bx_lg > .content_name{
  margin-left:15px;
}
.content_link_area{
  width:100%; display: flex; flex-direction: row; justify-content: center; align-items: center;
}
.content_link_area > a{
  width:70%; margin:5px 2px 0 5px; border:1px solid #006cb6; padding:20px 36px; box-sizing: border-box;display: flex; flex-direction: row; justify-content: space-between; align-items: center; color:#006cb6; font-size:21px;
}
.content_notice_title{
  display: flex; flex-direction: row; justify-content: space-between; align-items: center; width:100%; padding-bottom:18px; box-sizing: border-box; border-bottom:2px solid #eee; margin-bottom: 20px;
}
.content_notice_title > h2{
  font-size:25px; font-weight: bold; color:#181818;
}
.notice_list_area{
  display: block; width:100%;
}
.notice_list_area > li{
  display: block; width:100%; margin-bottom:7px;
}
.notice_list_area > li > a{
  display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; width:100%; padding:0 10px 0 3px; font-size:18px;
}
.notice_bbs_badge{
  background:#006cb6; color:#fff; font-size:18px;padding:10px 14px;
}
.notice_title{
  display: -webkit-box; -webkit-line-clamp:1;-webkit-box-orient:vertical;word-break: break-all; width:67%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.notice_list_area > li:first-child{
  margin-bottom:8px; /*border-bottom:2px solid #eee;*/
}
.notice_preview{
  font-size:16px; line-height: 1.3em; margin:10px 0;
  -webkit-line-clamp:3;-webkit-box-orient:vertical;word-break: keep-all; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.intro_work_area{
  display: block; width:100%; margin: 0 auto; background:url(../image/new/intro_bg.png) no-repeat center center; background-size:cover;
}
.intro_work_bx{
  display: block; width:1200px; margin:0 auto; padding:70px 0 80px;
}
.section_title{
  display: block; width:100%; margin:0 auto 60px;
}
.section_title > h2{
  color:#fff; text-align: center; font-size:41px; font-weight: bold;
}
.line_title{
  width:42px; height: 5px; background:#fff; margin:20px auto 25px; display: block;
}
.title_des{
  display: block; width:100%; margin:0 auto; text-align: center; color:#fff;
}
.intro_work{
  display: flex; width:100%; margin:0 auto; flex-direction: row; justify-content: center; align-items: stretch;
}
.intro_work > ul{
  display: block; width:50%; margin:0 auto;
}
.cate_tab{width:100%; padding:30px 40px; background:#006cb6; color:#fff; box-sizing: border-box; border-bottom:1px solid #fff;}
.cate_tab.on{
  background:#fff; color:#006cb6
}
.cate_tab:last-child{border-bottom:0;}
.cate_cont{
  display: none; width:100%; margin: 0 auto; height: 100%; box-sizing: border-box; padding:25px;
}
.cate_wr{
  display: flex;flex-direction: column; justify-content: space-between; align-items: flex-start; width:100%; height: 100%;
}
.cate_cont.on{
  display: block;
}
.intro_number{
  font-size:29px; margin-right:38px;
}
.intro_cate{
  font-size:22px;
}
.cate_title{
  display: flex; flex-direction: row; justify-content: flex-start; align-items: baseline;
}
.cate_title > h3{
  font-size:75px; color:#cad9ea; margin-right:5px;
}
.category_title{
  color:#006cb6; font-size:33px; font-weight: 500;
}
.cate_cont_list > li:nth-child(1){
  background:url(../image/new/work_01.png) no-repeat bottom 25px right 25px, #fff;
}
.cate_cont_list > li:nth-child(2){
  background:url(../image/new/work_02.png) no-repeat bottom 25px right 25px, #fff;
}

.cate_cont_list > li:nth-child(3){
  background:url(../image/new/work_03.png) no-repeat bottom 25px right 25px, #fff;
}

.cate_cont_list > li:nth-child(4){
  background:url(../image/new/work_04.png) no-repeat bottom 25px right 25px, #fff;
}
.category_introduce{
  font-size:16px; color:#006cb6;
}
.cate_wr > a{
  padding:12px 19px; border:1px solid #006cb6; color:#006cb6; font-weight: 500;
}






















/*-----------------------------------------------------------------------------------------------------------
footer
-----------------------------------------------------------------------------------------------------------*/
footer{width:100%; margin:0 auto; background:#fff}

	/* 흐르는 배너 CJH */
	footer .banner {border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; height:80px; box-sizing: border-box; box-shadow: 0px 10px 10px rgba(200,200,200,0.2);}
	/* footer .banner_wrap {max-width:1200px; position:relative; margin: 0 auto;} */
		footer .banner ul {width:86%; float: left;}
		footer .banner li { float: left; margin-right: 25px; padding: 20px 0;}
		footer .banner_l { float: left; padding-left: 2%; width:5%; margin: 26px 0;}
		footer .banner_r { float: right; text-align: right; padding-right:2%; width:5%; margin: 26px 0;}

	footer .foot::after {content:" "; display:block; clear:both;}
	footer .foot { padding: 60px 0;/* overflow: hidden;*/}
		/* 바로가기 CJH */
		footer .foot ul {text-align: center;}
		footer .foot li { display: inline-block; background: url(../image/tail/line.gif) no-repeat 7px 6px; padding-left: 20px;}
		footer .foot li a {font-size: 14px; color: #757575;}
		footer .foot li:first-child { background: none; padding-left:0;}
		/* 주소 CJH */
		address { color: #595959; font-size: 15px;  margin-top: 40px; text-align: center;}
		address a { color: #595959 !important;}
		address.add2 { display: none;}
		/* 카피 CJH */
		footer .copy {/*font-family: "Segoe UI";*/ color: #898989; font-size: 13px; text-align: center; padding-top: 20px;}
		/*footer .copy span {font-family:'Noto Sans KR';}*/

		/* 하단 흐르는 슬라이드 css SJ */
	.banner .bx-wrapper{position:relative; margin:0 auto; width:96%;}
	.banner .bx-viewport{margin:20px auto;}
	.banner .banner_wrap > div > a > img{margin:0 auto;}
	.banner .banner_arrow{width:1350px; margin:0 auto; position:absolute; left:50%; margin-left:-655px;}
	.banner .banner_arrow .banner_l, .banner .banner_arrow .banner_r{position:relative;}
	.banner .banner_l .bx-prev, .banner .banner_r .bx-next{display: block; position: absolute; top:0; width:30px; height:30px;}
	 .banner .banner_r .bx-next{right:20px;}
	 /* 하단 흐르는 슬라이드 css SJ */


#ffff#Fff/************************************************************************************************************
* 미디어쿼리 시작 *******************************************************************************************
************************************************************************************************************/

@media screen and (min-width:1351px) {
		section #mcon1 .layer2 .notice1{min-height:138px;}

}
@media screen and (min-width:1001px) {
	section #main_con2 .bot_sl { height:380px;}
}
@media screen and (min-width:897px) and (max-width:1000px) {
	section #main_con2 .bot_sl { height:310px;}
}

/************************************************************************************************************
* 1350
************************************************************************************************************/
@media screen and (max-width:1350px) {
/*-----------------------------------------------------------------------------------------------------------
content 메인
-----------------------------------------------------------------------------------------------------------*/
	/* 컨텐츠 상단 CJH */
	section #mcon1 { background: url(../image/main/main_bg_2.jpg) no-repeat center top; height: 760px;}
	.mcon1_wrap {padding-top: 50px;}
	section #mcon1 .layer2 .notice1{min-height:138px;}
}

/************************************************************************************************************
* 1300
************************************************************************************************************/
@media screen and (max-width:1300px) {
/*-----------------------------------------------------------------------------------------------------------
content 서브
-----------------------------------------------------------------------------------------------------------*/
	section #sub_con {background: none; margin-top:0; padding:35px 2% 80px 2%;}

	.banner .banner_arrow{display: none;}

/*-----------------------------------------------------------------------------------------------------------
visual 서브
-----------------------------------------------------------------------------------------------------------*/
/* 서브 비주얼 CJH */
.sub_visual_center {height:270px;}
.sub_visual_business {height:270px;}
.sub_visual_notify {height:270px;}
.sub_visual_community {height:270px;}
.sub_visual_provision {height:270px;}
.sub_visual_member {height:270px;}
.sub_visual_sitemap {height:270px;}

/* 서브 비주얼 텍스트 */
.sub_visual_txt {font-size: 25px; padding-top: 90px;}
.sub_visual_txt span {font-size: 35px;}
}

/************************************************************************************************************
* 1250
************************************************************************************************************/
@media screen and (max-width:1250px) {
/*-----------------------------------------------------------------------------------------------------------
content 메인
-----------------------------------------------------------------------------------------------------------*/
	/* 컨텐츠 상단 CJH */
	.mcon1_wrap {width:96%; margin-right: 2%; margin-left: 2%;}

		/* 슬라이드 CJH */
		section #mcon1 .layer1 {width: 50%;}
		section #mcon1 .layer1 img { width:100%;}

		/* 공지,버튼,자활몰 CJH */
		.mcon1_r {padding-left: 2%; width: 48%;}

	/* 컨텐츠 하단 CJH */
	section #main_con2 { background: url(../image/main/main_bot_bg_2.jpg) no-repeat center center; height: auto; padding-bottom: 50px; width: 100%;}

		/* 타이틀 CJH */
		section #main_con2 .title {font-size: 30px; padding-top: 50px; padding-bottom: 30px;}

		/* 슬라이드 CJH */
		section #main_con2 .bot_sl {width:96%;}

/*-----------------------------------------------------------------------------------------------------------
content 서브
-----------------------------------------------------------------------------------------------------------*/
			/* 서브 타이틀 CJH */
			.sub_title { height: 160px;}
			.sub_title dt { font-size: 15px; }
			.sub_title dd { font-size: 28px;}

			/* 서브메뉴 CJH */
			.sub_menu { padding-top: 25px;}

			/* 네비 CJH */
			.cate { margin-bottom: 30px;}
			.cate .title { font-size: 35px; line-height: 35px;}
			.cate .navi { font-size: 14px; padding-left: 17px; background: url(../image/sub/icon_home.png) no-repeat left 4px; margin-top: 18px;}
			.cate .navi img { padding: 0 2px;}
}

/************************************************************************************************************
* 1190
************************************************************************************************************/
@media screen and (max-width:1190px) {
/*-----------------------------------------------------------------------------------------------------------
content 메인
-----------------------------------------------------------------------------------------------------------*/
	/* 컨텐츠 상단 CJH */
	section #mcon1 { background: url(../image/main/main_bg_3.jpg) no-repeat center top; height: 720px;}
	section #mcon1 .layer2 .notice1{min-height:99px;}

				/* 공지 상단 CJH */
				section #mcon1 .layer2 .notice1 dd.t2 { display: none;}

				/* 몰 CJH */
				section #mcon1 .layer4 { margin-top: 20px;}

/*-----------------------------------------------------------------------------------------------------------
footer
-----------------------------------------------------------------------------------------------------------*/
	/* 흐르는 배너 CJH */
	footer .banner { display: none;}

	footer .foot { padding: 0 0 60px 0;}
		/* 바로가기 CJH */
		footer .foot ul {text-align: center;border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; height:50px; box-sizing: border-box;}
		footer .foot li {background: url(../image/tail/line.gif) no-repeat 7px 21px; line-height: 50px;}
}

/************************************************************************************************************
* 1120
************************************************************************************************************/
@media screen and (max-width:1120px) {
/*-----------------------------------------------------------------------------------------------------------
content 메인
-----------------------------------------------------------------------------------------------------------*/
	/* 컨텐츠 상단 CJH */
	section #mcon1 { background: url(../image/main/main_bg_4.jpg) no-repeat center top; height: 680px;}

				/* 3버튼 CJH */
				section #mcon1 .layer3 { margin-top: 40px;}

			/* 왼쪽 CJH */
			section #main_con2 .bot_sl .sl_l .btn img { width: 50px;}
			/* 오른쪽 CJH */
			section #main_con2 .bot_sl .sl_r .btn img { width: 50px;}
}

/************************************************************************************************************
* 1070
************************************************************************************************************/
@media screen and (max-width:1070px) {
/*-----------------------------------------------------------------------------------------------------------
content 메인
-----------------------------------------------------------------------------------------------------------*/
				/* 3버튼 CJH */
				section #mcon1 .layer3 a li { width: 21%;padding-left: 11%;}
}

/************************************************************************************************************
* 1040
************************************************************************************************************/
@media screen and (max-width:1040px) {
/*-----------------------------------------------------------------------------------------------------------
content 메인
-----------------------------------------------------------------------------------------------------------*/
				/* 공지 상단 CJH */
				section #mcon1 .layer2 .notice1 {margin-top: 15px;}
				section #mcon1 .layer2 .notice1 {padding-bottom: 20px; margin-bottom: 15px;}
				section #mcon1 .layer2 .notice1 dd.t1 {margin-top: 15px;}

				/* 몰 CJH */
				section #mcon1 .layer4 { margin-top: 20px;}
				section #mcon1 .layer4 dl {margin:20px;}
}

/************************************************************************************************************
* 1024
************************************************************************************************************/
@media screen and (max-width:1024px) {	/*** 웹~태블릿 ***/
#wrap {font-size:15px;}

/*-----------------------------------------------------------------------------------------------------------
header
-----------------------------------------------------------------------------------------------------------*/
header .head {height:116px;}

	/* 로고 CJH */
	header .head h1 {margin-left:2%; margin-top:23px;}
	header .head h1 img {width: 90%;}

	/* 회원가입+SNS CJH */
	header .mem_sns{ margin-top: 25px; margin-right:2%;}

/* 상단 메뉴 CJH */
nav{height: 55px;}
	/* 1차 메뉴 CJH */
	nav>ul{width:100%;}
	nav>ul>li{ width: 20%; line-height: 55px; font-size: 16px;}
	/* nav>ul>li:first-child{ padding-left: 10%;} */
	/* 2차 메뉴 CJH */
	nav>ul>li>Ul { padding-top:20px; padding-bottom: 40px; height: 280px;}
	nav>ul>li>Ul>li { font-size: 14px; line-height: 27px;}

/*-----------------------------------------------------------------------------------------------------------
content 메인
-----------------------------------------------------------------------------------------------------------*/
	/* 컨텐츠 상단 CJH */
	section #mcon1 { background: url(../image/main/main_bg_5.jpg) no-repeat center top; height: 650px;}

				/* 공지 상단 CJH */
				section #mcon1 .layer2 .notice1 dd.t1 {font-size: 19px;}

			/* 왼쪽 CJH */
			section #main_con2 .bot_sl .sl_l .btn img { width: 40px;}
			/* 오른쪽 CJH */
			section #main_con2 .bot_sl .sl_r .btn img { width: 40px;}

/*-----------------------------------------------------------------------------------------------------------
content 서브
-----------------------------------------------------------------------------------------------------------*/
			/* 네비 CJH */
			.cate { margin-bottom: 25px;}
			.cate .title { font-size: 30px; line-height: 30px;}
			.cate .navi {margin-top: 12px;}

/*-----------------------------------------------------------------------------------------------------------
visual 서브
-----------------------------------------------------------------------------------------------------------*/
/* 서브 비주얼 CJH */
.sub_visual_center {height:250px;}
.sub_visual_business {height:250px;}
.sub_visual_notify {height:250px;}
.sub_visual_community {height:250px;}
.sub_visual_provision {height:250px;}
.sub_visual_member {height:250px;}
.sub_visual_sitemap {height:250px;}

/* 서브 비주얼 텍스트 */
.sub_visual_txt {font-size: 23px;}
.sub_visual_txt span {font-size: 33px;}
}

/************************************************************************************************************
* 1000
************************************************************************************************************/
@media screen and (max-width:1000px) {
/*-----------------------------------------------------------------------------------------------------------
content 메인
-----------------------------------------------------------------------------------------------------------*/
	/* 컨텐츠 상단 CJH */
	section #mcon1 { background: url(../image/main/main_bg_6.jpg) no-repeat center top; height: 620px;}

				/* 공지 하단 CJH */
				section #mcon1 .layer2 .no2 {display: none;}
}

/************************************************************************************************************
* 960
************************************************************************************************************/
@media screen and (max-width:960px) {
/*-----------------------------------------------------------------------------------------------------------
content 메인
-----------------------------------------------------------------------------------------------------------*/
	/* 컨텐츠 상단 CJH */
	section #mcon1 { background: url(../image/main/main_bg_7.jpg) no-repeat center top; height: 590px;}

				/* 공지 하단 CJH */
				section #mcon1 .layer2 .no1 {display: none;}
}

/************************************************************************************************************
* 930
************************************************************************************************************/
@media screen and (max-width:930px) {
/*-----------------------------------------------------------------------------------------------------------
content 메인
-----------------------------------------------------------------------------------------------------------*/
	/* 컨텐츠 상단 CJH */
	section #mcon1 { background: none; height: auto;}
	.mcon1_wrap {width:100%; margin-right: 0; margin-left: 0;  background: url(../image/main/main_bg_8.jpg) no-repeat center top;}

		/* 슬라이드 CJH */
		section #mcon1 .layer1 { float: none; width: 100%; margin-bottom: 30px;}

		/* 공지,버튼,자활몰 CJH */
		.mcon1_r {float: none; padding: 30px 2%; width: 96%; margin: 0 auto; overflow: hidden;}

			/* 공지 CJH */
			section #mcon1 .layer2 { float: left; width: 48%; margin-right: 2%;}

				/* 공지 상단 CJH */
				/*section #mcon1 .layer2 .notice1 dd.t2 { display: block;}*/
				section #mcon1 .layer2 .no1 {display: block;}
				section #mcon1 .layer2 .no2 {display: block;}

			/* 3버튼+몰 CJH */
			.bu_mall { float: left; width: 50%;}

				/* 3버튼 CJH */
				section #mcon1 .layer3 { margin-top: 0;}
				section #mcon1 .layer3 a li { width: 20%; font-size: 14px; padding-left: 12%; /*border: 1px solid #d4d4d4; box-sizing: border-box;*/}
					section #mcon1 .layer3 a li.btn1 { background: url(../image/main/main_icon1.png) no-repeat 8px 12px #fff;}
					section #mcon1 .layer3 a:hover li.btn1 { background: url(../image/main/main_icon1o.png) no-repeat 8px 12px #3fbfbf;}
					section #mcon1 .layer3 a li.btn2 { background: url(../image/main/main_icon2.png) no-repeat 8px 12px #fff;}
					section #mcon1 .layer3 a:hover li.btn2 { background: url(../image/main/main_icon2o.png) no-repeat 8px 12px #3fbfbf;}
					section #mcon1 .layer3 a li.btn3 { background: url(../image/main/main_icon3.png) no-repeat 8px 12px #fff;}
					section #mcon1 .layer3 a:hover li.btn3 { background: url(../image/main/main_icon3o.png) no-repeat 8px 12px #3fbfbf;}

				/* 몰 CJH */
				section #mcon1 .layer4 { margin-top: 30px;}

/*-----------------------------------------------------------------------------------------------------------
content 서브
-----------------------------------------------------------------------------------------------------------*/
		/* 서브 왼쪽 CJH */
		.leftcolumn { display: none;}

		/* 서브 오른쪽 CJH */
		.rightcolumn {width: 100%; float: none;}

			/* 네비 모바일 CJH */
			.mo_cate {display: block;}
				/* 1,2차 메뉴 SJ */
				.mo_cate_ul{width:100%; text-align: center; display: table;}
				.sub_li:not(.sli_bt){float:left; overflow: hidden; box-sizing: border-box; border:1px solid #e0e0e0;  font-size:15px; background: #fff;line-height: 45px;}
				#sub_suj{width:50%;}
				#main_name{width:50%; border-left:none; text-align: left; box-sizing: border-box;}
				.sub_ps_re{position:relative;}
				.sub_li_color{color:#3978ac;font-weight:400; margin-left:2%;} /* 오버색상 CJH */

				/* 2차 메뉴 SJ */
				.li_name{border-bottom:1px solid #e0e0e0;line-height: 45px; text-align: left;}
				.li_name a{display: block; padding-left:2%; color:#7a7a7a;}
				.li_name:first-child{border-top:1px solid #e0e0e0;}
				.li_name:last-child{border-bottom:none;}
				.li_name.on{background:#3978ac; color:#fff; font-weight:500;} /* 오버색상 CJH */
				.li_name.on a{color:#fff; }
				.slid_ul{display: none; position:absolute; width:50%; margin-left:-1px; height:auto; z-index:2; background: #fff; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}

				/* 화살표버튼 SJ */
				.sli_bt {position:absolute; top:15%; right:2%; width:9%; min-width:22px;}
				.sli_bt img{position:absolute;top:0; left:0;}
				.sli_bt #bt_up{z-index:2;}
				.sli_bt #bt_dw{z-index:1;}
				.sli_bt > span{padding-bottom:2%;}
}

/************************************************************************************************************
* 896
************************************************************************************************************/
@media screen and (max-width:896px)  { /*** 태블릿 중간 ***/
/*-----------------------------------------------------------------------------------------------------------
header
-----------------------------------------------------------------------------------------------------------*/
		/* 회원가입 CJH */
		header .mem_wrap p a {font-size: 14px;}

			/* 왼쪽 CJH */
			/* section #main_con2 .bot_sl .sl_l { float: none; width: 600px; margin: 0 auto;}
			section #main_con2 .bot_sl .sl_l .btn { display: none;} */
			/* 오른쪽 CJH */
			/* section #main_con2 .bot_sl .sl_r { display: none;} */
			.right_btn, .left_btn{display: none;}

}

/************************************************************************************************************
* 850
************************************************************************************************************/
@media screen and (max-width:850px) {
/*-----------------------------------------------------------------------------------------------------------
content 메인
-----------------------------------------------------------------------------------------------------------*/
				/* 3버튼 CJH */
				section #mcon1 .layer3 a li { width: 32%; padding-left: 0; text-align: center;}
					section #mcon1 .layer3 a li.btn1 { background: #fff;}
					section #mcon1 .layer3 a:hover li.btn1 { background: #3fbfbf;}
					section #mcon1 .layer3 a li.btn2 { background: #fff;}
					section #mcon1 .layer3 a:hover li.btn2 { background: #3fbfbf;}
					section #mcon1 .layer3 a li.btn3 { background: #fff;}
					section #mcon1 .layer3 a:hover li.btn3 { background: #3fbfbf;}
}

/************************************************************************************************************
* 768
************************************************************************************************************/
@media screen and (max-width:768px) { /*** 태블릿~모바일 ***/
#wrap {font-size:14px;}

/*-----------------------------------------------------------------------------------------------------------
header
-----------------------------------------------------------------------------------------------------------*/
header .head {height:75px;}

	/* 로고 CJH */
	header .head h1 {margin-top:18px;}
	header .head h1 img {width: 80%;}

	/* 회원가입+SNS CJH */
	header .mem_sns{ margin-top: 20px;}
		/* 회원가입 CJH */
		header .mem_wrap .mem1 {display:none;}
		header .mem_wrap .mem2::after {display:none;}
		header .mem_wrap .mem3 {display:none;}

/* 상단 메뉴 CJH */
nav{height: 50px;}
	/* 1차 메뉴 CJH */
	nav>ul>li{ width: 25%; line-height: 50px; font-size: 15px;}
	nav>ul>li:first-child{ padding-left: 0;}
	/* 2차 메뉴 CJH */
	nav>ul>li>Ul { padding-top:15px; padding-bottom: 30px; height: 260px;}
	nav>ul>li>Ul>li { font-size: 13px; line-height: 27px;}

/*-----------------------------------------------------------------------------------------------------------
content 메인
-----------------------------------------------------------------------------------------------------------*/
		/* 슬라이드 CJH */
		section #mcon1 .layer1 {margin-bottom: 30px;}

			/* 공지 CJH */
			section #mcon1 .layer2 { float: none; width: 100%; margin: 0 auto;}
			section #mcon1 .layer2 span.data {font-size: 13px;}

				/* 공지 상단 CJH */
				section #mcon1 .layer2 .notice1 dd.t1 {font-size: 18px;}
				section #mcon1 .layer2 .notice1 dd.t2 { display: block;}

		/* 공지,버튼,자활몰 CJH */
		.mcon1_r {padding: 25px 3%; width: 94%;}

			/* 3버튼+몰 CJH */
			.bu_mall { float: none; width: 100%; margin: 0 auto;}

				/* 3버튼 CJH */
				section #mcon1 .layer3 { margin-top: 30px;}
				section #mcon1 .layer3 a li { width: 22%; margin-left: 2%; font-size: 15px; padding-left: 10%; text-align: left;}
					section #mcon1 .layer3 a li.btn1 { background: url(../image/main/main_icon1.png) no-repeat 10px 12px #fff;}
					section #mcon1 .layer3 a:hover li.btn1 { background: url(../image/main/main_icon1o.png) no-repeat 10px 12px #3fbfbf;}
					section #mcon1 .layer3 a li.btn2 { background: url(../image/main/main_icon2.png) no-repeat 10px 12px #fff;}
					section #mcon1 .layer3 a:hover li.btn2 { background: url(../image/main/main_icon2o.png) no-repeat 10px 12px #3fbfbf;}
					section #mcon1 .layer3 a li.btn3 { background: url(../image/main/main_icon3.png) no-repeat 10px 12px #fff;}
					section #mcon1 .layer3 a:hover li.btn3 { background: url(../image/main/main_icon3o.png) no-repeat 10px 12px #3fbfbf;}

				/* 몰 CJH */
				section #mcon1 .layer4 {background: url(../image/main/box_bg1_2.jpg) no-repeat center top;}

	/* 컨텐츠 하단 CJH */
	section #main_con2 {padding-bottom: 30px;}

		/* 타이틀 CJH */
		section #main_con2 .title {font-size: 25px; padding-top: 30px; padding-bottom: 25px;}

		/* 슬라이드 CJH */
		section #main_con2 .bot_sl {width:94%; padding: 0 3% 4%;}
/*-----------------------------------------------------------------------------------------------------------
content 서브
-----------------------------------------------------------------------------------------------------------*/
	section #sub_con {padding:30px 3% 60px 3%;}

			/* 네비 CJH */
			.cate .title { font-size: 25px; line-height: 25px;}

				/* 1,2차 메뉴 SJ */
				.sub_li:not(.sli_bt) {font-size: 14px;}
				.sub_li_color{margin-left:6%;} /* 오버색상 CJH */

				/* 2차 메뉴 SJ */
				.li_name a{padding-left:6%;}

				/* 화살표버튼 SJ */
				.sli_bt { right:6%;}

/*-----------------------------------------------------------------------------------------------------------
visual 서브
-----------------------------------------------------------------------------------------------------------*/
/* 서브 비주얼 CJH */
.sub_visual_center {height:230px; background:url(/image/sub/sub_visual_center2.jpg) no-repeat center;}
.sub_visual_business {height:230px; background:url(/image/sub/sub_visual_business2.jpg) no-repeat center;}
.sub_visual_notify {height:230px; background:url(/image/sub/sub_visual_notify2.jpg) no-repeat center;}
.sub_visual_community {height:230px; background:url(/image/sub/sub_visual_community2.jpg) no-repeat center;}
.sub_visual_provision {height:230px; background:url(/image/sub/sub_visual_provision2.jpg) no-repeat center;}
.sub_visual_member {height:230px; background:url(/image/sub/sub_visual_member2.jpg) no-repeat center;}
.sub_visual_sitemap {height:230px; background:url(/image/sub/sub_visual_sitemap2.jpg) no-repeat center;}

/* 서브 비주얼 텍스트 */
.sub_visual_txt {font-size: 21px; padding-top: 80px;}
.sub_visual_txt span {font-size: 31px;}

/*-----------------------------------------------------------------------------------------------------------
footer
-----------------------------------------------------------------------------------------------------------*/
	footer .foot { padding: 0 0 50px 0;}

		/* 주소 CJH */
		address {font-size: 14px; }
}

/************************************************************************************************************
* 690
************************************************************************************************************/
@media screen and (max-width:690px)  {
/*-----------------------------------------------------------------------------------------------------------
content 메인
-----------------------------------------------------------------------------------------------------------*/
	/* 컨텐츠 상단 CJH */
	.mcon1_wrap {background:none; padding-top: 20px;}

		/* 슬라이드 CJH */
		section #mcon1 .layer1 {margin-bottom: 20px;}

		/* 공지,버튼,자활몰 CJH */
		.mcon1_r {background: url(../image/main/main_bg_9.jpg) no-repeat center top;}
}

/************************************************************************************************************
* 656
************************************************************************************************************/
@media screen and (max-width:656px)  {
/*-----------------------------------------------------------------------------------------------------------
content 메인
-----------------------------------------------------------------------------------------------------------*/
			/* 왼쪽 CJH */
			section #main_con2 .bot_sl .sl_l { width: 100%;}

/*-----------------------------------------------------------------------------------------------------------
visual 서브
-----------------------------------------------------------------------------------------------------------*/
/* 서브 비주얼 CJH */
.sub_visual_center {height:210px;}
.sub_visual_business {height:210px;}
.sub_visual_notify {height:210px;}
.sub_visual_community {height:210px;}
.sub_visual_provision {height:210px;}
.sub_visual_member {height:210px;}
.sub_visual_sitemap {height:210px;}

/* 서브 비주얼 텍스트 */
.sub_visual_txt {font-size: 19px; padding-top: 70px;}
.sub_visual_txt span {font-size: 29px;}
}

/************************************************************************************************************
* 640
************************************************************************************************************/
@media screen and (max-width:640px)  {
/*-----------------------------------------------------------------------------------------------------------
content 메인
-----------------------------------------------------------------------------------------------------------*/
	/* 컨텐츠 상단 CJH */
	.mcon1_wrap {padding-top: 10px;}

		/* 슬라이드 CJH */
		section #mcon1 .layer1 {margin-bottom: 10px;}
}

/************************************************************************************************************
* 600
************************************************************************************************************/
@media screen and (max-width:600px)  {
/*-----------------------------------------------------------------------------------------------------------
content 메인
-----------------------------------------------------------------------------------------------------------*/
	/* 컨텐츠 상단 CJH */
	.mcon1_wrap { padding-top: 0;}

		/* 슬라이드 CJH */
		section #mcon1 .layer1 {margin-bottom: 0;}

		/* 슬라이드 CJH */
		section #mcon1 .layer1 {width: 100%;}

	/* 컨텐츠 하단 CJH */
	section #main_con2 { background: url(../image/main/main_bot_bg_3.jpg) no-repeat center center;}
}

/************************************************************************************************************
* 580
************************************************************************************************************/
@media screen and (max-width:580px) {
/*-----------------------------------------------------------------------------------------------------------
content 메인
-----------------------------------------------------------------------------------------------------------*/
				/* 3버튼 CJH */
				section #mcon1 .layer3 a li { width: 32%; font-size: 14px; padding-left: 0; text-align: center;}
					section #mcon1 .layer3 a li.btn1 { background: #fff;}
					section #mcon1 .layer3 a:hover li.btn1 { background: #3fbfbf;}
					section #mcon1 .layer3 a li.btn2 { background: #fff;}
					section #mcon1 .layer3 a:hover li.btn2 { background: #3fbfbf;}
					section #mcon1 .layer3 a li.btn3 { background: #fff;}
					section #mcon1 .layer3 a:hover li.btn3 { background: #3fbfbf;}

				.main_slider_area {padding:0 !important;}
}

/************************************************************************************************************
* 544
************************************************************************************************************/
@media screen and (max-width:544px)  { /*** 모바일 중간 ***/
#wrap {font-size:13px;}

/*-----------------------------------------------------------------------------------------------------------
header
-----------------------------------------------------------------------------------------------------------*/
header .head {height:75px; /*border-bottom: 1px solid #3978ac;*/}

	/* 회원가입+SNS CJH */
	header .mem_sns{ display: none; }
	header .mem_sns2{}
		/* 회원가입 CJH */
		header .mem_wrap {float:none;  margin-right:0; margin-top:0; text-align: center; line-height:40px;}
		header .mem_wrap p {float:none; display: inline-block;}
		header .mem_wrap p::after {margin:20px 8px 0 8px;}
		/* SNS CJH */
		header .sns_wrap { text-align: center; padding-bottom:15px;  border-bottom:1px solid #444;}

/* 모바일 메뉴 CJH */
.mo_menu_btn {display: block; position: absolute; top: 18px; right: 2%;}

/* 상단 메뉴 CJH */
nav{ display: none;}

/*-----------------------------------------------------------------------------------------------------------
content 메인
-----------------------------------------------------------------------------------------------------------*/
		/* 공지,버튼,자활몰 CJH */
		.mcon1_r {padding: 20px 4%; width: 92%;}

			/* 공지 CJH */
			section #mcon1 .layer2 span.data {font-size: 12px;}

				/* 공지 상단 CJH */
				section #mcon1 .layer2 .notice1 dd.t1 {font-size: 17px;}

				/* 몰 CJH */
				section #mcon1 .layer4 {background: url(../image/main/box_bg1_3.jpg) no-repeat center top;}

	/* 컨텐츠 하단 CJH */
	section #main_con2 {padding-bottom: 40px;}

		/* 타이틀 CJH */
		section #main_con2 .title {font-size: 20px; padding-top: 40px; padding-bottom: 20px;}

		/* 슬라이드 CJH */
		section #main_con2 .bot_sl {width:92%; padding: 0 4%;}

/*-----------------------------------------------------------------------------------------------------------
content 서브
-----------------------------------------------------------------------------------------------------------*/
	section #sub_con {padding:25px 4% 40px 4%;}

			/* 네비 CJH */
			.cate .title { float: none; text-align: center; background: url(/image/sub/cate.png) no-repeat center bottom; padding-bottom: 20px;}
			.cate .navi { display: none;}

				/* 1,2차 메뉴 SJ */
				.sub_li:not(.sli_bt) {font-size: 13px;}
				.sub_li_color{margin-left:8%;} /* 오버색상 CJH */

				/* 2차 메뉴 SJ */
				.li_name a{padding-left:8%;}

				/* 화살표버튼 SJ */
				.sli_bt { right:8%;}

/*-----------------------------------------------------------------------------------------------------------
visual 서브
-----------------------------------------------------------------------------------------------------------*/
/* 서브 비주얼 CJH */
.sub_visual_center {height:190px;}
.sub_visual_business {height:190px;}
.sub_visual_notify {height:190px;}
.sub_visual_community {height:190px;}
.sub_visual_provision {height:190px;}
.sub_visual_member {height:190px;}
.sub_visual_sitemap {height:190px;}

/* 서브 비주얼 텍스트 */
.sub_visual_txt {font-size: 17px; padding-top: 65px;}
.sub_visual_txt span {font-size: 27px;}

/*-----------------------------------------------------------------------------------------------------------
footer
-----------------------------------------------------------------------------------------------------------*/
		/* 바로가기 CJH */
		footer .foot ul {height:45px;}
		footer .foot li {background: url(../image/tail/line.gif) no-repeat 7px 18px; line-height: 45px; padding-left: 15px;}
		footer .foot li a {font-size: 13px;}
}

/************************************************************************************************************
* 510
************************************************************************************************************/
@media screen and (max-width:510px)  {
/*-----------------------------------------------------------------------------------------------------------
footer
-----------------------------------------------------------------------------------------------------------*/
	footer .foot { padding: 0 0 40px 0;}

		/* 주소 CJH */
		address {font-size: 13px; width: 92%; margin: 0 auto;}
		address.add1 { display: none;}
		address.add2 { display: block; margin-top: 40px;}
}

/************************************************************************************************************
* 450
************************************************************************************************************/
@media screen and (max-width:450px)  {
/*-----------------------------------------------------------------------------------------------------------
footer
-----------------------------------------------------------------------------------------------------------*/
		/* 바로가기 CJH */
		footer .foot ul {height:40px;}
		footer .foot li {background: url(../image/tail/line.gif) no-repeat 4px 15px; line-height: 40px; padding-left: 10px;}
		footer .foot li.t1 { display: none;}
		footer .foot li.t2 { background: none; padding-left:0;}
		footer .foot li a {font-size: 12px;}

/*-----------------------------------------------------------------------------------------------------------
visual 서브
-----------------------------------------------------------------------------------------------------------*/
/* 서브 비주얼 CJH */
.sub_visual_center {height:170px;}
.sub_visual_business {height:170px;}
.sub_visual_notify {height:170px;}
.sub_visual_community {height:170px;}
.sub_visual_provision {height:170px;}
.sub_visual_member {height:170px;}
.sub_visual_sitemap {height:170px;}

/* 서브 비주얼 텍스트 */
.sub_visual_txt {font-size: 15px; padding-top: 55px;}
.sub_visual_txt span {font-size: 25px;}
}

/************************************************************************************************************
* 432
************************************************************************************************************/
@media screen and (max-width:432px)  {
/*-----------------------------------------------------------------------------------------------------------
content 메인
-----------------------------------------------------------------------------------------------------------*/
				/* 공지 상단 CJH */
				section #mcon1 .layer2 .notice1 dd.t1 {margin-top: 10px;}
				section #mcon1 .layer2 .notice1 dd.t2 { margin-top: 10px;}

				/* 몰 CJH */
				section #mcon1 .layer4 dt { font-size: 18px; margin-bottom: 5px;}
				section #mcon1 .layer4 dd li a {font-size: 13px; background: url(../image/main/box_icon.jpg) no-repeat left 7px; padding-left: 6px; padding-right: 2px;}

				/* 메인하단 슬라이드 높이값  SJ*/
				/* section #main_con2 .bot_sl{height:200px;} */

/*-----------------------------------------------------------------------------------------------------------
visual 서브
-----------------------------------------------------------------------------------------------------------*/
/* 서브 비주얼 CJH */
.sub_visual_center {background:url(/image/sub/sub_visual_center3.jpg) no-repeat center;}
.sub_visual_business {background:url(/image/sub/sub_visual_business3.jpg) no-repeat center;}
.sub_visual_notify {background:url(/image/sub/sub_visual_notify3.jpg) no-repeat center;}
.sub_visual_community {background:url(/image/sub/sub_visual_community3.jpg) no-repeat center;}
.sub_visual_provision {background:url(/image/sub/sub_visual_provision3.jpg) no-repeat center;}
.sub_visual_member {background:url(/image/sub/sub_visual_member3.jpg) no-repeat center;}
.sub_visual_sitemap {background:url(/image/sub/sub_visual_sitemap3.jpg) no-repeat center;}

/* 서브 비주얼 텍스트 */
.sub_visual_txt {display: none;}
}

/************************************************************************************************************
* 320
************************************************************************************************************/
@media screen and (max-width:720px) { /*** 모바일 ***/
/*-----------------------------------------------------------------------------------------------------------
header
-----------------------------------------------------------------------------------------------------------*/
body{
  min-width: 360px;
}
header .head {height:60px; width:100%; margin: 0 auto; display: flex; flex-direction: row; justify-content: center; align-items: center;}

	/* 로고 CJH */
	header .head h1 {margin-top:0px; margin-right:20px; display: flex; flex-direction: row; justify-content: center; align-items: center; width:50%;}
  header .head h1 > a{
    display: block; width:100%;
  }
	header .head h1 img {width: 70%;}
  .right_menu_area{
    display: none;
  }
  .notice_silder > li{
    width:1%;
  }

/* 모바일 메뉴 CJH */
  .mo_menu_btn {top: 13px;}
  .main_slider_area{
    background-position: -200px
  }
  .bx_slider_area{
    position: relative;
  }
  .bx-wrapper{
    top:20px !important;
  }
  .main_slider_area > .bx_slider_area> .bx-wrapper > .bx-viewport{
    width:100% !important;
  }
  .bx-wrapper .bx-prev{
    bottom:-60px; left:66.5% !important;
  }
  .bx-wrapper .bx-next{
    bottom:-60px; right:5% !important;
  }
  .main_slider_area > div{
    width:100%;
  }

  .main_slide_txt{
    display: none !important;
  }
  .service_mall_bx{
    flex-direction: column;width:100%;
  }
  .service_mall_title{
    padding:15px 5px; flex-direction: row; align-items: flex-end; width:100%; background:#006cb6; justify-content: space-around; box-sizing: border-box;
  }
  .service_mall_tit_span{
    margin-bottom:0;
  }

  .service_mall_list{
  flex-wrap: wrap; width:100%; justify-content: flex-start; padding:20px 0;
  }
  .service_mall_list > li{
    width:25%; margin-bottom:15px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
  }
  .content_bx_index{
    width:100%;flex-wrap: wrap;
  }
  .content_left_bx,
  .content_right_bx{
    width:100%; padding:10px 15px;
  }
  .content_left_bx{
    margin-bottom:15px;
  }
  .content_name{
    font-size:18px;
  }
  .content_link_area{
    flex-wrap: wrap;
  }
  .content_link_area > a{
    width:80%; margin: 0 auto 15px;
  }
  .notice_list_area > li > a{
    font-size:16px;
  }
  .notice_bbs_badge{
    font-size:14px; padding:7px 10px;
  }
  .notice_title{
    width:59%;
  }
  .intro_work{
    flex-direction: column;
  }
  .intro_work_bx{
    width:100%;
  }
  .intro_work > ul{
    width:100%; display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;
  }
  .cate_tab{
    width:50%; padding:10px; display: flex; flex-direction: row; justify-content: center;
  }
  .intro_number{
    font-size:16px; margin-right:7px
  }
  .intro_cate{
    font-size:14px;
  }
  .cate_tab:last-child{
    border-bottom: 1px solid #fff;
  }
  .cate_cont{
    padding:25px 25px 250px 25px;
  }
  .content_bx_lg{
    padding:10px 0;
  }


  .bx-wrapper .bx-next {left:65% !important;}

}