@charset "utf-8";
/* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format("woff"), url(https://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(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"), url(https://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(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(https://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(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"), url(https://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(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"), url(https://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(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format("opentype"); }

/*
 * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess
 */

 @font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 400;
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
	src: local('NanumGothic'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
  }
  @font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 700;
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
	src: local('NanumGothicBold'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('x-woff2'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
  }
  @font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 800;
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
	src: local('NanumGothicExtraBold'), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('x-woff2'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
  }

  /*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */

html {font-size: 62.5%;}

html.websize-1{font-size: 62.5%;}
html.websize-2{font-size: 68.5%;}
html.websize-3{font-size: 72.5%;}
html.websize-4{font-size: 78.5%;}
html.websize-5{font-size: 82.5%;}
	/**/
	.size-realtime {display:none;font-size:12px;padding-left:0 !important;}
	html.websize-1 .size-realtime.s1 {display:inline-block;}
	html.websize-2 .size-realtime.s2 {display:inline-block;}
	html.websize-3 .size-realtime.s3 {display:inline-block;}
	html.websize-4 .size-realtime.s4 {display:inline-block;}
	html.websize-5 .size-realtime.s5 {display:inline-block;}
html body {font-family:'Nanum Gothic','돋움', sans-serif;color:#3d3d3d; font-size:15px;font-size:1.5rem;}
.float-wrap:after {content:' ';clear:both;visibility:hidden;display:block;}
	*+ html .float-wrap{display:inline-block;}



.cont-in #bbs_license li { font-size: 12px; font-size:1.2rem; }


/* header
--------------------*/

	header {position:relative;z-index:9998;width:100%;height:130px;
		background-color:transparent;
		background-image:url("/commons/gc/images/global/header-bg.png");
		background-repeat:repeat-x;
		background-position:center 110px;
		}
	[class*='header__wrap'] {margin:0 auto; width:1200px;}
		*+ html [class*='header__wrap'] {position:relative; }
	[class*='header__wrap'] h1 {}
		*+ html [class*='header__wrap'] h1 {}
	[class*='header__wrap'] h1 a {position:relative; height:52px;width:225px;  display:block;font-size:0;margin:0 auto;text-align: left} /*메인타이틀 크기*/
		*+ html [class*='header__wrap'] h1 a {float:left;}
	[class*='header__wrap'] h1 a img{max-width:100%}

	.header__wrap__h1 {width:1200px;margin:0 auto;position:relative;z-index:9999}
		.header__wrap__h1 h1 {position:absolute;top:50px;left:0;text-align:center;}


/* skip to Content */
.skiptoContent {position:absolute;height:0;top:-40px;left:50%;margin-left:-490px;z-index:9999;font-size:11px;font-size:1.1rem;}
	.skiptoContent div {position:relative;height:25px;padding-top:5px;width:1000px;margin:0 auto;text-align:center;}
	.skiptoContent div {width:60%;background-color:#fff;border:1px solid #ccc;border-top:0;}
	.skiptoContent {left:0;margin-left:0;width:100%;}
	.skiptoContent strong {position:absolute;top:0;margin:0;padding:0;height:0;width:0;left:-9999px;visibility:hidden;}
		.skiptoContent span.skip_item01 a {width:173px;height:20px;text-indent:-9999px;overflow:hidden;
			background-image:url("/commons/gc/images/global/go_to_sbj.gif");background-repeat:no-repeat;background-position:0 0;display:inline-block; vertical-align:middle;
			}
		*+ html .skiptoContent span.skip_item01 a {display:inline;}
		.skiptoContent span.skip_item01 a:focus {background-image:url("/commons/gc/images/global/go_to_sbj_on.gif");}
	.skiptoContent span.skip_item02 a {display:inline-block;padding-right:10px;vertical-align:middle;}
		*+ html .skiptoContent span.skip_item02 a {display:inline;}
	.skiptoContent span.skip_item02 a:focus {font-weight:bold;}
	.skiptoContent span {vertical-align:middle;}
	#wrap {min-height:500px;position:relative;z-index:1;}
	* html #wrap {height:500px;}

	@media screen and (min-width:769px) and (max-width:1200px) {
		.skiptoContent{width:95%;}
	}

	@media screen and (min-width:1px) and (max-width:768px) {
		.skiptoContent{display:none;}
	}
/* font size */
.font-size-box {display:inline-block;padding-top:0px;vertical-align:top;padding-right:5px;
	font-size:11px;font-weight:bold;
	border:1px solid #333;
    height: 22px;
    line-height: 22px;
	vertical-align: middle;

	display:none;
	}
	.top-nav__fav2 span.font-size-box {padding-left: 5px;margin-left: 5px;padding-left:10px;}
.font-size-box h3{height:22px;line-height:22px;font-size:11px;color:#333;display:inline-block;}
.font-size-box img,
.font-size-box a{vertical-align:middle;color:#333;font-size:12px;padding:0 2px}
	.font-size-box a {display:inline-block;height:22px;line-height:22px;vertical-align: top;}
	.top-nav__fav2 span.size-realtime {height:22px;line-height:22px;vertical-align: top;}
	.lte-ie8 .font-size-box {display:none;} /*ie8*/

	.top-nav__fav2 .sitemap-btn {padding-left:20px;
		background-image:url("/commons/gc/images/global/sitemap-btn.png");
		background-position:left center;
		background-repeat: no-repeat;
		vertical-align: middle;
	}
/* language */
.top-nav__fav2__select_design {background-image:url("/commons/gc/images/global/top-nav__fav2__select_design-bul.jpg");
	background-position:left center;
	padding-left:6px;background-color:transparent;border:0;}
	.top-nav__fav2__select_design select {vertical-align:top;height:37px;font-weight:bold;color:#c03c61;text-align:left;}
	.top-nav__fav2__select_design select:hover {cursor:pointer}
	.top-nav__fav2 .top-sel-btn {display:inline-block;padding:3px 7px;background-color:#9f9f9f;border-radius:4px;color:#fff;height:19px;line-height:19px;vertical-align:middle;}
		*+ html .top-nav__fav2 .top-sel-btn {display:inline;}
/* top-nav */
.top-nav{position:absolute;top:0;left:0;width:100%;}
.top-nav__box{margin:0 auto;width:1200px;position:relative;height:0;z-index:99;}

.top-nav__fav1 {height:36px;line-height:36px;position:absolute;top:0;left:0;font-size:0;}
	.home-top-btn {background-color:#fff;border:1px solid #e5e5e5;border-top:0;border-bottom:1px solid #fff;display:inline-block;
		vertical-align:top;height:20px;width:20px;padding:8px;
		}
		*+ html .home-top-btn {display:inline;}


.top-nav__fav2 {position:absolute;top:15px;right:0;height:36px;line-height:36px;}
.top-nav__fav2 > a {display:inline-block; height:23px;line-height:23px;color:#333;font-size:13px;padding:0 9px 0 11px;
	background-image:url("/commons/gc/images/global/top-bul.png");
	background-position:left center;
	background-repeat:no-repeat;
	}
	.top-nav__fav2 > a:first-child{background-image:none;padding-left:20px;}
	*+ html .top-nav__fav2 > a {display:inline;}
	.top-nav__fav2 span {vertical-align:middle;padding-left:10px;color:#333;
	}
	.top-nav__fav2 img {vertical-align:middle;}

	.top-nav__fav2 > span {
		background-image:url("/commons/gc/images/global/opa2.png");background-repeat:repeat;background-position:0 0;
		border-radius:15px;
	}

	/*검색*/
	.top-search {position:absolute;top:-310px;left:450px;z-index:999;display:none;}
	.top-search.on {top:10px;display:block;}
	.top-search__in {border:3px solid #000;border-radius: 0px;padding:3px 3px 3px 10px;position:relative;;}
	.m_se_btn {border:0px;font-size:14px;width:280px;}
	.search-off-btn {font-size:0;width:25px;height:25px;text-indent:-9999px;display:block;
		position: absolute;top:0;right:0;
		background-image:url("/commons/gc/images/mobile/mobile-close.jpg");background-position:center center;background-repeat:no-repeat;
	}

@media screen and (min-width:1px) and (max-width:1200px) {
	.top-nav {z-index:10000}
	.top-nav__box {width:100%}
}

@media screen and (min-width:769px) and (max-width:1000px) {

}

@media screen and (min-width:1px) and (max-width:768px) {
	.top-nav__fav2 {top:36px;left:5px;}
	.top-nav__fav2 > a {color:#000;padding: 0 3px;background-image:none;font-size:13px;}
	.top-nav__fav2 > a:first-child {padding-left:0;}
	.top-nav__fav2 span {color:#000}
	.font-size-box h3 {color:#000}
	.top-nav__fav2 span.font-size-box {color:#6387a3;border:1px solid #6387a3}
	.font-size-box a {background-color:#fff}
	.top-nav__fav2 > a,
	.font-size-box h3,
	.top-nav__fav2 span {color:#000;}
	.top-nav__fav2 > span {background-image:url("/commons/gc/images/global/opa2.png")}
	.top-nav__fav2 em {display:none;}

	.top-nav__fav2 .sitemap-btn {padding-left:0;background-image:none;}
}


@media screen and (min-width:851px) and (max-width:1000px) {
	.top-nav{display:block !important;}
}

	/*검색*/
	@media screen and (min-width:1001px) and (max-width:1200px) {
		.top-search {left:50%;margin-left:-220px;}

	}
	@media screen and (min-width:769px) and (max-width:1000px) {
		.top-search {left:100%;top:10px;margin-left:-265px;}
		.m_se_btn {width:200px;}
	}
	@media screen and (min-width:1px) and (max-width:768px) {
		.m_se_btn {width:240px;}
		.top-search {
			top: 42px;
			left: 10px;
			width: 300px;
		}
		.top-search__in {border:1px solid #e0e0e0;text-align:right;}
	}

/* gnb */

	.mobile_top_nav{display:none;}
	#gnb_nav_mobile{height:auto;display:none;}

	.gnb {width:100%;padding-top:0;position:absolute;top:45px;left:0;
		background-color:#fff;
		background-image:url("/commons/gc/images/global/header-bg.png");
		background-repeat:repeat-x;
		background-position:center top;
		-webkit-box-shadow: 0px 7px 11px -13px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 7px 11px -13px rgba(0,0,0,0.75);
		box-shadow: 0px 7px 11px -13px rgba(0,0,0,0.75);
		}

		*+ html .gnb {position:absolute;top:0;padding-top:0;}

	.gnb-ul{display: inline-block; width: auto;overflow: hidden;}
		.gnb-ul.selected {overflow: hidden;
			background-image:url("/commons/gc/images/global/gnb-ul.png");
		background-repeat:no-repeat;
		background-position:left bottom;
		}
		*+ html .gnb-ul {display:inline;}
	.gnb-menu {float:left;}
	.gnb-ul.selected .gnb-menu {}

		*+ html .gnb-menu {position:relative;}

	.gnb-menu > a {display:block;text-align:center;font-size:16px;color:#333;font-weight:bold;height:85px;line-height:75px; text-decoration:none;
		/*background-image:url("/commons/gc/images/global/gnb-menu.png");background-position:0 22px;background-repeat:no-repeat;*/
		font-family: 'Noto Sans KR';
		font-weight:500;
		/*text-shadow: 1px 1px 1px #333;*/
		}
	li:first-child.gnb-menu a{background-position:3px 0;}
	li:last-child.gnb-menu a{background-position:right 0;}

	.gnb-menu > a:hover,
	.gnb-menu > a:focus,
	.gnb-menu.over > a {/*color:#ffe44f;text-decoration:underline;*/}
	.selected .gnb-menu > a {
		-webkit-box-shadow: 0 2px 9px -11px rgba(0,0,0,0.75);
		-moz-box-shadow: 0 2px 9px -11px rgba(0,0,0,0.75);
		box-shadow: 0 2px 9px -11px rgba(0,0,0,0.75);
	}
/*new menu (all 2nd menu down)
===============================*/
	.sub-nav {display:block;text-align:center;height:0;overflow:hidden;visibility:hidden;}
	.gnb-ul.selected .sub-nav {height:auto;visibility:visible;margin-top:20px;margin-bottom:20px;min-height:200px;
    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;}

	.gnb-menu.over .sub-nav {background-color:#547a8f;}
	.sub-nav__box__list > a{display:block;padding:8px 0 8px 15px;color:#666;
		font-family: 'Noto Sans KR';
		font-weight:500;
		font-size:15px;
		text-align:cener;
		/*text-shadow: 1px 1px 1px #333;*/
	}
	.sub-nav__box__list > a:hover,
	.sub-nav__box__list > a:focus {}

	.gnb-menu.over .sub-nav .sub-nav__box__list > a {color:#333;}
	.gnb-menu.over .sub-nav .sub-nav__box__list > a:hover,
	.gnb-menu.over .sub-nav .sub-nav__box__list > a:focus {color:#74a73a;
		/*background-color:#c8e2f9;*/
		text-decoration: underline;
	}


	/* 균일 사이즈의 경우 시작 */	/*좌우폭*/
		.gnb-ul {display:block;width:720px;margin:0 auto;padding-right:150px;padding-left:330px;
			/*-webkit-box-shadow: 1px 3px 4px -3px rgba(0,0,0,0.75);
			-moz-box-shadow: 1px 3px 4px -3px rgba(0,0,0,0.75);
			box-shadow: 1px 3px 4px -3px rgba(0,0,0,0.75);
			*/
			}
			.gnb-ul.selected {border-bottom:1px solid #ffffff}
		.gnb.two_type .gnb-menu {width:50%;}
		.gnb.three_type .gnb-menu {width:33.33%;}
			*+ html .gnb.three_type .gnb-menu {width:33%;}
		.gnb.four_type .gnb-menu {width:25%;}
		.gnb.five_type .gnb-menu {width:20%;}
		.gnb.six_type .gnb-menu {width:16.66%;}
			*+ html .gnb.six_type .gnb-menu {width:16%;}
		.gnb.seven_type .gnb-menu {width:14%;}
		.gnb.eight_type .gnb-menu {width:12.5%;}
		.gnb.nine_type .gnb-menu {width:11.20%;}
			*+ html .gnb.nine_type .gnb-menu {width:11%;}
		.gnb.ten_type .gnb-menu {width:10%;}
		.gnb.eleven_type .gnb-menu {width:9.09%;}
			*+ html .gnb.eleven_type .gnb-menu {width:9%;}
		.gnb.twelve_type .gnb-menu {width:8.3%;}
			*+ html .gnb.twelve_type .gnb-menu {width:8%;}

		.gnb.thirty_type .gnb-menu {width:7.5%;}
			*+ html .gnb.thirty_type .gnb-menu {width:7%;}
	/**/
	.gnb-menu > a {display:block;width:100%;text-align:center;}

	/* 균일 사이즈의 경우 끝 */

	/* 2차메뉴 균일 박스 디자인 적용시 */
	.gnb-ul {display:table;}
	.gnb-menu {display:table-cell;float:none;position:relative;}
	.gnb-menu.over {background-color:#fff}
	.gnb-menu.over .sub-nav {background-color:transparent;}
	.gnb-menu.over > a {}

	/* 2차메뉴 보더적용 */
	/*.gnb-menu:first-child {border-left:1px solid #dd9037}
	.gnb-menu:last-child {border-right:1px solid #dd9037}*/
	.gnb-menu {padding-right:1px;}
	.selected .gnb-menu {border-right:1px solid #fff;padding-right:0;}
	.gnb-menu:first-child {border-left:0;}
	.gnb-menu > a {
		/*background-color: #237abf;*/
		display: block;
		margin-left: -1px;
		position: relative;
		text-align: center;
		width: 102%;
		/*
		background-image: url("/commons/gc/images/global/gnb-new-bg.png");
		background-position:center 0;
		background-repeat:no-repeat;*/
		}

		/*ie7*/
		*+ html .gnb {position:absolute;top:110px;}
		*+ html .gnb-ul {display:block;}
		*+ html .gnb-menu {display:block;float:left;}
		*+ html .gnb-menu.over {background-color:#f4fcfb}
		*+ html .gnb-menu.over .sub-nav {background-color:#f4fcfb;}
		*+ html .gnb-menu.over > a {background-color: #f4fcfb;color:#fff;}
		*+ html .gnb-menu:first-child {border-left:0px solid #acc1bf}
		*+ html .gnb-menu {border-right:0px solid #f4fcfb;border-left:0px}
		*+ html .gnb-menu > a {width:100%;margin-left:0;}
		*+ html .gnb-menu.over .sub-nav .sub-nav__box__list a {color:#333;}
		*+ html .gnb-menu.over .sub-nav .sub-nav__box__list a:hover,
		*+ html .gnb-menu.over .sub-nav .sub-nav__box__list a:focus  {color:#333;}
		*+ html .selected .gnb-menu {border-right:0;}

	.gnb .gnb-menu > a > span{display:inline-block;background-image: url("/commons/gc/images/global/gnb-menu.png");
		background-position: 0 26px;
		background-repeat: no-repeat;
		background-image:none;
		height:80px;
		border-bottom:4px solid #fff;
	}
		*+ html .gnb .gnb-menu > a > span {display:inline;}


	.gnb-menu:first-child > a > span {background-image:none;}


	.gnb-menu > a {background-image: url("/commons/gc/images/global/header-bg.png");
		background-repeat: repeat-x;
		background-position: center top;}
		.gnb-menu.over > a,
		.gnb-menu.focus > a {background-image: url("/commons/gc/images/global/header-bg-on.png");
			color:#6ea531;
		}
		.gnb-menu.over > a > span,
		.gnb-menu.focus > a > span {border-bottom:4px solid #8cc051;}


	/*반투명
	.gnb {opacity:0.95;}*/


/*3차 추가*/
	.sub-nav {overflow:visible;}
	.gnb .sub-nav__box__list {}
	.gnb .sub-nav__3rd {position:absolute;top:51px;left:100%;visibility:hidden;width:260px;padding-left:0;z-index:9999;overflow:hidden;background-color:#e8f1f9;min-height:500px;padding-top:30px;
		background-image: url('/commons/gc/images/global/sub-nav__3rd.png');background-position: left center;background-repeat:repeat-y;

	}
	.gnb .sub-nav__3rd.on {display:block;visibility:visible;width:270px;padding-left:10px;}
	.gnb .focus > .sub-nav__3rd {display:block;visibility:visible;width:270px;padding-left:10px;}

		*+ html .gnb .sub-nav__3rd.on {display:none;}

	.gnb .has_3rd.focus .sub-nav__3rd{display:block;}
	.gnb .has_3rd {background-image: url('/commons/gc/images/global/has_3rd.png');background-position: 90% center;background-repeat:no-repeat;}
	.gnb .has_3rd.on,
	.gnb .has_3rd.focus {background-image: url('/commons/gc/images/global/has_3rd_on.png');}
	.gnb .sub-nav__3rd a {display:block;padding-left:30px;text-align:left;margin-bottom:12px;}
	.gnb .sub-nav__3rd a:hover,
	.gnb .sub-nav__3rd a:focus {text-decoration: underline;font-weight: bold;}

	.gnb .has_3rd > a {
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		 -ms-transition: all 0.3s ease 0s;
		  -o-transition: all 0.3s ease 0s;
			 transition: all 0.3s ease 0s;
		}
	.gnb .has_3rd.on > a,
	.gnb .has_3rd.focus > a {text-decoration: underline;color:#0068b7 !important;padding-left:25px;}

		@media screen and (min-width:1px) and (max-width:768px) {
			.sub-nav__3rd {padding-left:30px;display:none;} /*일단 감춰둠*/
			.sub-nav__3rd > a {display:block;margin-bottom:10px;}
			.sub-nav__3rd > a.on {text-decoration: underline;color:#000;font-weight: bold;}
			.sub-nav__3rd > a:hover,
			.sub-nav__3rd > a:focus {background-color:transparent !important}
		}

/*김포시청소년육성재단수련원 온라인통합접수 버튼*/
.online-btn {width:1200px;margin:0 auto;height:0;position: relative;}
.online-btn__a {width:118px;height:30px;line-height:30px;color:#fff;border-radius: 30px;background-color:#d72f76;
	background-image: url("/commons/gc/images/global/online-btn.png");
	background-repeat:no-repeat;
	background-position:14px center;
	text-align:left;
	padding-left:35px;
	display:block;
	font-size:15px;
	font-weight: bold;
	position: absolute;
	top:70px;
	right:0;
	z-index: 99999;
}
.online-btn__a:focus {color:gold}

@media screen and (min-width:1px) and (max-width:768px) {
	.online-btn__a {left:-300px;top:9px;
		-webkit-transition: all 0.3s ease 0s;
		   -moz-transition: all 0.3s ease 0s;
			-ms-transition: all 0.3s ease 0s;
			 -o-transition: all 0.3s ease 0s;
				transition: all 0.3s ease 0s;}
	.mobile_menu_open .online-btn__a {display:block;right:unset;left: 10px;top:9px;width:197px;padding-left:100px;}
}


/*모바일 메뉴 닫기*/

.mobile-close {position:fixed;left:-30px;top:14px;opacity:0;
-webkit-transition: all 0.3s ease 0s;
   -moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	 -o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;}

.mobile_menu_open .mobile-close {z-index: 10000;}
.mobile-close a{font-size:0;width:25px;height:25px;text-indent:-9999px;display:block;
	background-image:url("/commons/gc/images/mobile/mobile-close.jpg");background-position:center center;background-repeat:no-repeat;
}

.mobile_top_nav.selected .mobile-close {opacity:1;left:285px;}


@media screen and (min-width:1px) and (max-width:1200px) {

	[class*="header__wrap"] {width:100%;}

	header{width:100%}
	header{padding-bottom:0px;}
	.header_in{width:100%}
	#gnb{background-image:none;}
	#gnb{padding-left:0px;}
	#gnb{width:100%;}
	#gnb{width:100%;position:relative;z-index:1}
	.gnb-menu {border-right:0px;}

	.m_t_wrap{width:100%;}
	.header__wrap__h1 {width:100%;}
	.header__wrap__h1 h1 {top:10px;left:10px;}
	.header__wrap__h1 h1 a {width:180px;}
	.gnb-ul {width:85%;border-radius: 0;padding-left:0;padding-right:15%;}
	.gnb-ul.selected {border-radius: 0;background-image:none;}
	.gnb-menu > a {white-space:nowrap;font-size:16px;}

	.gnb-menu > a > span {background-image:none;}


	.gnb-menu:first-child {border-left:0;border-radius:0 0 0 0 }
	.gnb-menu:last-child {border-radius:0 0 0 0 }

	.online-btn {width:100%;}
	.online-btn__a {right:10px;}
}

@media screen and (min-width:769px) and (max-width:850px) {


	/*gnb*//*big*/
	#gnb_nav_mobile ul{display:table;width:100%;border-top:2px solid #eee;}
	#gnb_nav_mobile li{display:table-cell;} /*big*/
	#gnb_nav_mobile li:first-child{border-top:0px}
}
@media screen and (min-width:1px) and (max-width:768px) {
	.header__wrap__h1 h1 {margin-left:0;left:0;}
	header{overflow:visible;position:fixed;top:0;border-bottom:1px solid #333}

	.header__wrap__h1 h1 {position:relative;top:9px;width:100%;text-align:center;padding-top:0px;}
	header h1 a {width: 140px !important;background-size:100% auto;}
	[class*="header__wrap"] h1 a {margin:0 auto;height:auto;}
	[class*="header__wrap"] {height:50px;}


	.sub-page-container.wrap {padding-top: 51px;}
	.gnb {display:none;}

	.sub-nav__box__list a{text-shadow: 0px 0px 0px;}


	/*header*/
	header{height:auto;padding-bottom:0px;height:50px;background-color:#fff;}
	header.selected {height:100%}
	#mainpage header{padding-bottom:0px;}
	header h1{position:relative;top:0;left:0;padding-top:12px;margin:0 auto;}

	/*gnb*/
	#gnb_go{display:none;}
	.mobile_top_nav{display:block;}

	.top_wrap{z-index:1;}
	.top_nav{z-index:9999;position:absolute;top:58px;display:none;right:5px}

	/*모바일 메뉴*/
	.gnb-ul {padding-left:0;}
	.gnb-ul.selected .sub-nav {padding-top:0;padding-bottom:0;}
	.top-nav__fav1 .top-go-btn {padding-right:0;width:275px;margin-left:5px;}
	.mobile_top_nav{}

	.mobile_top_nav{position:relative;z-index:9999;max-height:100%;position:fixed;top:0;left:0px;width:0;
		display:block;
		background-image: url("/commons/gc/images/mobile/opa.png");
		background-repeat:repeat;
		background-position:0 0;
		}
	.mobile_top_nav.selected {height:100%;overflow:auto;width:100%;left:0px;}
	.mobile_top_nav .m_s_btn{position:absolute;top:-40px;right:10px;display:block;width:28px;height:28px; display:none;/* */}
		.mobile_top_nav .m_s_btn img{width:100%;}
	.mobile_top_nav .m_open_btn{position:absolute;top:12px;left:15px;display:block;width:28px;height:28px;}
		.mobile_top_nav .m_open_btn img{width:100%;}
	.mobile_top_nav__in{
		left:-320px;
		width: 320px;
	    position: fixed;
	    top: 0;
	    height: 100%;
		background-color: #fff;
		-webkit-transition: all 0.3s ease 0s;
		   -moz-transition: all 0.3s ease 0s;
			-ms-transition: all 0.3s ease 0s;
			 -o-transition: all 0.3s ease 0s;
				transition: all 0.3s ease 0s;
		overflow:auto;
	}
	.mobile_top_nav.selected .mobile_top_nav__in {
		left:0;
			-webkit-box-shadow: 3px 4px 18px -7px rgba(0,0,0,0.75);
		-moz-box-shadow: 3px 4px 18px -7px rgba(0,0,0,0.75);
		box-shadow: 3px 4px 18px -7px rgba(0,0,0,0.75);

	}
	.font-size-box {display:none;}

	.gnb-ul{box-shadow: none;}
	.gnb-ul.selected{border-bottom:0;}
	.gnb-menu > a {width:auto;text-shadow:none;}
	.gnb-menu > a > span {background-image:none;}
	.gnb-menu {background-color:#fff;}
	.gnb-menu.over {background-color:#fff;}

	.sub-nav__box__ul {background-color:#eee;}
	#gnb_nav_mobile{
		opacity:0;position:relative;padding-top:100px;z-index:9999;background-color:#fff;
		border-top:1px solid #d1d1d6;
		background-color:#fff;

		}
		.sub-nav__box__list a:hover,
		.sub-nav__box__list a:focus {background-color:#fff;}

	#gnb_nav_mobile li.gnb-menu > a {width:auto;display:block;padding:0px 10px 0px 20px;height:38px;line-height:38px;background-image:url("/commons/gc/images/mobile/gnb_dotted.png");background-repeat:repeat-x;background-position:0 bottom;
		font-size:17px;font-weight:500;color:#222;text-align:left;
		border-top:1px solid #d1d1d6;
		background-color:transparent;
	}
	#gnb_nav_mobile li.sub-nav__box__list:first-child{}
	#gnb_nav_mobile li.sub-nav__box__list > a{border-top:1px solid #d1d1d6;padding:0px 10px 0px 25px;width:auto;height: 38px;line-height: 38px;font-weight:bold;display:block;color:#000;}
	#gnb_nav_mobile .gnb-menu:first-child {border-left:0px;}
	.selected .sub-nav {border-top:0px;}
	#gnb_nav_mobile li.gnb-menu .sub-nav {height:0;overflow:hidden;}
		/*불켜짐*/
		#gnb_nav_mobile li.gnb-menu.on .sub-nav{height: auto;visibility: visible;}
		#gnb_nav_mobile li.gnb-menu.on > a {color:#000;}
		#gnb_nav_mobile .sub-nav__box__list.on > a {color:#000;text-decoration:underline}
		#gnb_nav_mobile .sub-nav__box__list.on > a span {color:#000;text-decoration:underline}


		#gnb_nav_mobile .gnb-menu {
			background-image:url('/commons/gc/images/mobile/mobile-bul-minus.png');
			background-repeat:no-repeat;
			background-position:95% 20px;
			background-size:14px auto;
		}

		#gnb_nav_mobile .gnb-menu.selected,
		#gnb_nav_mobile .gnb-menu.on {
			background-image:url('/commons/gc/images/mobile/mobile-bul-plus.png');
			background-position:95% 13px;
		}
	/*3rd*/
	#gnb_nav_mobile .sub-nav__3rd__ul {}
	#gnb_nav_mobile .sub-nav__3rd__ul li {}
	#gnb_nav_mobile .sub-nav__3rd__ul a {padding-left:45px;
		background-image:url("/commons/gc/images/mobile/nav-3rd-bul.png");background-repeat:no-repeat;background-position:34px 12px;
		background-size:6px auto;padding-bottom:5px;padding-top:5px
	}
	#gnb_nav_mobile .sub-nav__3rd a {color:#666;border-bottom:0px;font-size:13px;font-weight:normal;width:auto;
		display:block;text-decoration:none;text-align:left;
	}
	#gnb_nav_mobile .sub-nav__3rd li:first-child {border-top:0px;}
	#container {padding:10px}

	#gnb_nav_mobile .gnb-menu.nav-item.on .sub-nav{height:auto;    visibility: visible;}
	#gnb_nav_mobile .gnb-menu.nav-item.on > a {color:#005698;}
	#gnb_nav_mobile .sub-nav__box__list.on > a span {color:#005698;}
	#gnb_nav_mobile .sub-nav__3rd .on a {color:#000;font-weight:bold;}
	#gnb_nav_mobile .sub-nav__3rd  a.on{color:#000;font-weight:bold;}

	.main_search_box{background-color:transparent}
	.search_btn_top{width:32px}

	.top-nav__box {
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;

		}

	.top-nav{left:-320px;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
	}
	.top-nav.selected {left:0;top:10px;}

	/*모바일 메뉴 닫기*/

	.mobile-close {position:fixed;left:-30px;top:11px;opacity:0;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;}

	.mobile_menu_open .mobile-close {left:282px;z-index: 10000;opacity:1;}
	.mobile-close a{font-size:0;width:25px;height:25px;text-indent:-9999px;display:block;
		background-image:url("/commons/gc/images/mobile/mobile-close.jpg");background-position:center center;background-repeat:no-repeat;
	}

	.mobile_top_nav.selected .mobile-close {opacity:1;left:285px;}


	/*gnb 방식변경*/
	.top-nav {border-top:1px solid #cbcbcb;width:320px;border-bottom:0;border-top:0;}
	.top-nav__fav2 {top:-6px;width:310px;left:0;padding-left:10px;background-color:#fff;padding-top:46px;border-bottom:1px solid #ddd;height:41px;padding-top:0;}
	/*
	.gnb {opacity:0;background-color:#fff;top:136px;width:100%;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;}

	*/
	.gnb-ul {width:100%;display:block;padding-right:0;}
	.gnb-menu {width:100%;display:block;border-right:0px;}
	.gnb-menu > a {text-align:left;line-height:30px;height:30px;padding-left:15px;}
	.sub-nav{width:auto;border:0;background-color: #f7f7f7;text-align:left;}
	.gnb-menu.over .sub-nav {}
	.sub-nav__box__list a span {color:#666666;background-image:none !important;font-size:15px;}

	#gnb_nav_mobile li.gnb-menu.selected .sub-nav{height:auto;visibility:visible;}

	#gnb_nav_mobile.selected {display:block;opacity:1;}
	.gnb.selected {display:block;opacity:1;}
	.top-nav.selected {display:block;opacity:1;}


}

/*모바일 닫기 버튼*/
.mobile_on_off a {display:none;}
@media screen and (min-width:1px) and (max-width:768px) {
	.mobile_on_off a {display:block;}
}

/*footer*/
#footer{color:#333;background-color:#fff;position:relative;
	border-top:1px solid #e5e5e5;
	font-family: 'Noto Sans KR';
	/*background-image:url("/commons/gc/images/global/footer-bg.png");background-position:0 45px;background-repeat:repeat-x;*/
}
.footer_in_wrap{width:1200px;margin:0 auto;position:relative;min-height:130px; }
.footer_in_wrap:after {content:' ';clear:both;visibility:hidden;display:block;}
	*+ html .footer_in_wrap {display:inline-block;}

.copyright{position:relative;}
.foot_img{position:absolute; top:35px;left:0;}

.copy_box{position:absolute; top:30px;left:0;}
.copy_box li{float:left;padding-right:10px;padding-left:14px;background-image:url("/commons/gc/images/global/copy_li_bg.png");background-position:left center;background-repeat:no-repeat;}
	.copy_box li:first-child{background-image:none;padding-left:0;}
	.copy_box li:first-child a {background-image:none;}
	.copy_box li.persnal-rule a {color:#000;}
	.copy_box li.sns-li {background-image:none;}
	.copy_box a,.copy_box2 a{font-size:13px;font-size:1.3rem;color:#666;}
.copy_box2{position:absolute; top:10px;left:0;width:100%;border-top:0px solid #e7e7e7;padding-top:20px;font-size:12px;}
.copy_box a strong{color:#333;}
.copy_box a:hover,.copy_box2 a:hover{text-decoration:underline;}

.copy_box2 .item1{margin-bottom:5px;font-style:normal;font-size:13px;font-size:1.3rem;line-height:1.5; color:#333;}
.copy_box2 .item1 h3{float:left;width:65px;height:26px;padding-top:9px;margin-right:5px;background-color:#676767;color:#333;text-align:center;}

.copy_box2 .item1 li {float:left;padding-left:20px;background-image:url("/commons/gc/images/global/copy_li_bg2.png");background-position:10px center;background-repeat:no-repeat;}
.copy_box2 .item1 li:first-child {padding-left:0;background-image:none;}
.copy_box2 .item1 li strong {color:#000;margin-right:4px;}

.copy_box2 .item2{font-style:normal;margin-top:5px;margin-bottom:4px;font-size:13px;font-size:1.3rem;line-height:1.6; color:#333;}

.copy_box3{position:absolute;right:0;top:25px;}

	/*통계*/
	.total-count {background-color:#399e90;padding:10px 30px 10px 10px;border-radius: 30px;}
	.total-count__dt {display:inline-block;color:#fff;margin-right:5px;padding-left:20px;
		background-image:url("/commons/gc/images/global/total-count-bul.png");
		background-repeat: no-repeat;
		background-position: 10px center;
	}
	.total-count__dd {display:inline-block;color:#fff;}
	.total-count__dt:first-child {background-image:none;}

	/*푸더 셀렉트*/
	.footer-select {border:1px solid #cccccc;}
	.sel_go_btn {display:inline-block;height:38px;width:43px;line-height:38px;text-align:center;color:#333;background-color:#fff;
		border-left:1px solid #cccccc}
	*+ html .sel_go_btn {display:inline;}

	.footer-select .select_design {border:0px;background-color:transparent;
		background-image:url("/commons/gc/images/global/footer-select-bul.png");float: left;
		margin-top: 6px;
	}
	.footer-select .select_design select {color:#333;font-size:13px;}
	.footer-select .select_design select option {color:#333}
	.lte-ie9 .footer-select .select_design select option {color:#333}

@media screen and (min-width:1px) and (max-width:1200px) {

	/*footer*/
	#footer{height:auto;min-height:100px;padding:10px;background-image:none;position:relative;z-index:3;padding-top:10px;}
	.footer_in_wrap{width:100%;}
	.foot_img{display:none;}
	.copy_box{position:relative;left:0;top:0;margin-bottom:5px;background-color:#222;padding:5px;}
	.copy_box2{position:relative;left:0;top:0;padding-top:0px;}
	.copy_box li{background-image:none;padding:4px 10px;}
	.select_bottom{position:relative;right:0;top:0;}
	.select_bottom p{float:left;}
	.copy_box2 .item1 li {padding-left:0;background-image:none;float:none;}


	.copy_box3 {position: relative;top:0;}
	.total-count {padding:0;border-radius:0;padding:5px;}
	.total-count__dt:first-child {padding-left:0;}

	.footer-select {display:inline-block;}
	.sel_go_btn {border-left:0px;}
}
@media screen and (min-width:851px) and (max-width:1000px) {


	/*footer*/
	.select_bottom{position:absolute;top:39px;right:10px;}
	.select_bottom p{float:none;}

}

@media screen and (min-width:1px) and (max-width:768px) {
	.copy_box2 .item1 li strong {display:block;margin-top:5px;}
}
@media screen and (min-width:1px) and (max-width:470px) {
	.copy_box li {padding:0;float:left;width:50%;text-align:center;padding-top:5px;padding-bottom:5px;}

	.copy_box2 .item1 li {padding-left:0 !important;background-image: none;width:100%;}
}

/* ========================================================================
								메인 페이지
===========================================================================	*/
#mainpage {position:relative;
	background-image: url("/commons/gc/images/global/main-bg2.jpg");
	background-position: center 580px;background-repeat:no-repeat;
}

/*layout*/

.main_section {position:relative;
background-image: url("/commons/gc/images/global/main-bg.jpg");
background-position: center top;background-repeat:repeat-x;
}
.main_section__in {width:1200px;margin:0 auto;padding-top:30px;}
.main_section__in__deep {margin-left:0px;}

.main-lay-01 {width:890px;height:390px;float:left;overflow:hidden;margin-bottom:30px;}
	.main-lay-01__in {}
.main-lay-02 {width:300px;height:190px;float:left;margin-bottom:10px;margin-left:10px;}
	.main-lay-02__in {}
.main-lay-03 {width:300px;height:190px;float:left;margin-bottom:30px;margin-left:10px;}
	.main-lay-03__in {}
.main-lay-04 {width:890px;height:130px;float:left;margin-bottom:30px;}
	.main-lay-04__in {}
.main-lay-05 {width:300px;height:130px;float:left;margin-bottom:30px;margin-left:10px;}
	.main-lay-05__in {}
.main-lay-06 {width:33.33%;height:340px;float:left;margin-bottom:30px;}
	.main-lay-06__in {}
.main-lay-07 {width:33.33%;height:340px;float:left;margin-bottom:30px;}
	.main-lay-07__in {margin-left:30px;}
.main-lay-08 {width:33.33%;height:340px;float:left;margin-bottom:30px;}
	.main-lay-08__in {margin-left:30px;}
.main-lay-09 {width:100%;height:auto;float:none;margin-bottom:0px;}
	.main-lay-09__in {margin-left:0px;}

@media screen and (min-width:1px) and (max-width:1200px) {
	#mainpage {background-image:none;}
	.main_section__in {width:auto;padding:10px;}
}
@media screen and (min-width:769px) and (max-width:1200px) {
	.main_section__in__deep {margin-left:-10px;}
	.main-lay-01 {width:100%;padding-left: 10px;margin-bottom:10px;}
	.main-lay-01__in {width:100%;}
	.main-lay-02 {width:50%;height:190px;margin-bottom:10px;margin-left:0;}
	.main-lay-03 {width:50%;margin-top:0;height:190px;margin-left:0;margin-bottom:10px;}
	.main-lay-04 {width:100%;margin-top:0;height:auto;margin-bottom:10px;}
	.main-lay-05 {width:40%;height:210px;margin-bottom:10px;margin-left:0;}
	.main-lay-06 {width:60%;height:210px;margin-bottom:0;margin-bottom:10px;}
	.main-lay-07 {width:50%;margin-bottom:0;}
	.main-lay-08 {width:50%;margin-bottom:0;}


	.main-lay-01__in {margin-left:-5px;}
	.main-lay-02__in {margin-left:10px;}
	.main-lay-03__in {margin-left:10px;}
	.main-lay-04__in {margin-left:10px;}
	.main-lay-05__in {margin-left:10px;}
	.main-lay-06__in {margin-left:10px;}
	.main-lay-07__in {margin-left:10px;}
	.main-lay-08__in {margin-left:10px;}

}
@media screen and (min-width:769px) and (max-width:1000px) {

	.main-lay-01 {height:360px;}
}

@media screen and (min-width:561px) and (max-width:768px) {
	.main_section__in {}

	.main_section__in__deep {margin-left:-10px;}
	.main-lay-01 {width:100%;padding-left: 10px;height:280px;padding-top:51px;margin-bottom:10px;}
	.main-lay-01 {width:100%;padding-left: 10px;margin-bottom:10px;}
	.main-lay-01__in {width:100%;}
	.main-lay-02 {width:53%;height:190px;margin-bottom:10px;margin-left:0;}
	.main-lay-03 {width:47%;margin-top:0;height:190px;margin-left:0;margin-bottom:10px;}
	.main-lay-04 {width:100%;margin-top:0;height:auto;margin-bottom:10px;}
	.main-lay-05 {width:40%;height:210px;margin-bottom:10px;margin-left:0;}
	.main-lay-06 {width:60%;height:210px;margin-bottom:0;margin-bottom:10px;}
	.main-lay-07 {width:50%;margin-bottom:0;}
	.main-lay-08 {width:50%;margin-bottom:0;}


	.main-lay-01__in {margin-left:-5px;}
	.main-lay-02__in {margin-left:10px;}
	.main-lay-03__in {margin-left:10px;}
	.main-lay-04__in {margin-left:10px;}
	.main-lay-05__in {margin-left:10px;}
	.main-lay-06__in {margin-left:10px;}
	.main-lay-07__in {margin-left:10px;}
	.main-lay-08__in {margin-left:10px;}

}

@media screen and (min-width:1px) and (max-width:560px) {
	.main_section__in__deep {margin-left:-10px;}
	.main-lay-01 {width:100%;padding-left: 10px;height:180px;padding-top:51px;margin-bottom:10px;}
	.main-lay-01 {width:100%;padding-left: 10px;margin-bottom:10px;}
	.main-lay-01__in {width:100%;}
	.main-lay-02 {width:100%;height:190px;margin-bottom:10px;margin-left:0;}
	.main-lay-03 {width:100%;margin-top:0;height:190px;margin-left:0;margin-bottom:10px;}
	.main-lay-04 {width:100%;margin-top:0;height:auto;margin-bottom:10px;}
	.main-lay-05 {width:100%;height:auto;margin-bottom:10px;margin-left:0;}
	.main-lay-06 {width:100%;height:210px;margin-bottom:0;margin-bottom:10px;}
	.main-lay-07 {width:100%;height:auto;margin-bottom:10px;}
	.main-lay-08 {width:100%;height:auto;margin-bottom:0;}


	.main-lay-01__in {margin-left:-5px;}
	.main-lay-02__in {margin-left:10px;}
	.main-lay-03__in {margin-left:10px;}
	.main-lay-04__in {margin-left:10px;}
	.main-lay-05__in {margin-left:10px;}
	.main-lay-06__in {margin-left:10px;}
	.main-lay-07__in {margin-left:10px;}
	.main-lay-08__in {margin-left:10px;}

}

/*메인슬라이드*/
.main-visual {position: relative;margin-top:0px;width:890px;height: 390px;}/*상하사이즈 설정*/
.main-visual .slick-list {overflow:visible}
.main-slide__item img {}
.main-visual .slick-arrow {display:none !important;}

	.slick-dots-wrap-outwrap{text-align:center;position: absolute;z-index: 998;bottom: 24px;left: 0;width: 100%;}
	.slick-dots-wrap {display:inline-block;text-align:center;margin-top:0;z-index:999;background-image:url("../commons/images/basic/opa.png");padding:5px 10px;border-radius:20px;margin-top:-44px;}
	.myslickcarousel {display:inline-block;}
	.slick-dots-on-off {display:inline-block;}
	.slick-dots-on-off li {display:inline-block;
		vertical-align: middle;}
	.slick-dots-on-off li a {color:gold;}
	*+ html .myslickcarousel {display:inline;}
	*+ html .slick-dots-on-off {display:inline;}
	*+ html .slick-dots-on-off li {display:inline;}


	.slick-dots-list {display:inline-block !important;
		vertical-align: middle;}
	.slick-dots-list li {display:inline-block;margin-right:3px;}
	.slick-dots-list li button {background-color:transparent;display:inline-block;color:gold;
		vertical-align: middle;
		overflow: visible;border:3px solid #fff;width:22px;height:22px;line-height:22px;border-radius:22px;font-size:0;
		background-color: transparent;
		border:0;
		width:20px;height:20px;line-height:20px;
		background-position:center center;background-repeat: no-repeat;
		background-image:url("/commons/gc/images/global/slick-dotted.png");
	}
	.slick-dots-list li.slick-active button {background-color:#fff;border:3px solid #fff;
		background-color: transparent;
		border:0;
		background-image:url("/commons/gc/images/global/slick-dotted-active.png");

	}


	*+ html .slick-dots-list li {display:inline;}
	*+ html .slick-dots-list li button {display:inline;}

	.slick-dots-list li button:focus {background-color:gold;}
	.slick-dots-on-off img {vertical-align:middle;}

	.main-slide-pause {
		display:block;width:22px;height:22px;font-size:0;text-indent: -9999px;background-image:url("/commons/gc/images/global/visual_pause.png");background-position: 0 0;background-repeat: no-repeat;
		vertical-align: top;
	}
	.main-slide-play {
		display:block;width:22px;height:22px;font-size:0;text-indent: -9999px;background-image:url("/commons/gc/images/global/visual_play.png");background-position: 0 0;background-repeat: no-repeat;
		vertical-align: top;
	}

	.slick-dots-wrap-outwrap {display:none;}
	.slick-dots-wrap-outwrap.on {display:block;}

@media screen and (min-width:1px) and (max-width:1200px) {
	.main-visual {width:100%;padding-top:0;}
	.main-visual {margin-top:0;}
}
@media screen and (min-width:1001px) and (max-width:1200px) {

}
@media screen and (min-width:769px) and (max-width:1000px) {
	.main-slide__item img {width:820px}
	.main-visual {height:360px;}
}
@media screen and (min-width:561px) and (max-width:768px) {
	.main-slide__item img {width:640px}
	.main-visual {height:280px;}
}
@media screen and (min-width:1px) and (max-width:560px) {
	.main-slide__item img {width:410px}
	.main-visual {height:180px;}
	.slick-dots-wrap-outwrap {bottom:7px;}
}

/*메인로그인화면*/
.main-login {
	height:190px;position: relative;
	background: #5e9ceb; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #5e9ceb 0%, #5e9ceb 35%, #7ab4b3 55%, #9cd070 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #5e9ceb 0%,#5e9ceb 35%,#7ab4b3 55%,#9cd070 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #5e9ceb 0%,#5e9ceb 35%,#7ab4b3 55%,#9cd070 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e9ceb', endColorstr='#9cd070',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	.main-login__in {position: relative;}
.main-login__h3 {font-size:20px;color:#fff;text-align:center;height:59px;line-height:59px;}
.main-login__h3 span {display:inline-block;padding-left:30px;
	background-image: url("/commons/gc/images/global/main-login__h3.png");
	background-repeat: no-repeat;
	background-position: left center;
}
.main-login__id {margin-bottom:5px;padding-left:20px;}
.main-login__id__input {width:170px;height:30px;padding:4px 0 4px 5px;border:0px;background-color:#fff;}
.main-login__btn {width:80px;height:81px;background-color:#0066b3;display:block;line-height:81px;text-align: center;color:#fff;font-weight: bold;font-size: 15px;
	position: absolute;top:59px;left:200px;
}
.main-login__links {padding-left:20px;padding-top:10px;}
.main-login__links__item {color:#fff;padding-left:10px;margin-right:10px;font-size:14px;
	background-image: url("/commons/gc/images/global/main-login__links.png");
	background-position:left center;background-repeat: no-repeat;
}

.main-login__after-info {background-color: #fff;min-height:73px;padding-top:4px;padding-bottom:4px;width:90%;margin:0 auto;border-radius: 15px;text-align:center;font-size:14px;}
.main-login__after-info strong {color:#3ba30c;display: block;padding-top:13px;padding-bottom:8px;font-size: 20px;}

@media screen and (min-width:1px) and (max-width:1200px) {
	.main-login__in {width:300px;margin:0 auto;}
}
@media screen and (min-width:561px) and (max-width:768px) {
	.main-login__in {width:100%;}
	.main-login__h3 {font-size:16px;}
	.main-login__id {padding-left:10px;}
	.main-login__btn {left:190px;}
}
@media screen and (min-width:1px) and (max-width:560px) {
	.main-login__in {width:300px;}
	.main-login__h3 {font-size:16px;}
	.main-login__id {padding-left:10px;}
	.main-login__btn {left:190px;}
}


/*청소년활동 및 대관문의*/
.main-phone {
	height:190px;position: relative;
	background: #47ccaf; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #47ccaf 0%, #53c3b9 35%, #5cbec0 55%, #6eb2d0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #47ccaf 0%,#53c3b9 35%,#5cbec0 55%,#6eb2d0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #47ccaf 0%,#53c3b9 35%,#5cbec0 55%,#6eb2d0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47ccaf', endColorstr='#6eb2d0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	}
.main-phone__h3 {font-size:20px;color:#fff;text-align:center;height:59px;line-height:59px;}
.main-phone__h3 span {display:inline-block;padding-left:40px;
		background-image: url("/commons/yc/images/global/main-phone__h3.png");
		background-repeat: no-repeat;
		background-position: left center;
	}

.main-phone__info {background-color: #fff;min-height:106px;padding-top:4px;padding-bottom:4px;width:90%;margin:0 auto;border-radius: 15px;text-align:center;font-size:14px;position:absolute;top:12%;left:5%;}
.main-phone__info strong {color:#0066b3;display:inline-block;padding-top:13px;padding-bottom:8px;font-size: 26px;background-image:url("/commons/yc/images/global/main-phone__h3.png");background-repeat: no-repeat;background-position:0px center;padding-left:40px;}
.main-phone__info__p {text-align: left;padding-left:20px;margin-bottom:5px;}
.main-phone__info__p span {display:inline-block;width:63px;text-align: center;}
.main-phone__info__p span.title{width:27%;vertical-align:top;}
.main-phone__info__p span.script{width:70%;vertical-align:top;text-align:left;}

.main-phone__info__p.type-1{color:#ff0b08;}

@media screen and (min-width:1px) and (max-width:768px) {
.main-phone__h3 {font-size:16px;}
}
/*사진앨범*/
.photo-album {background-color:#fff;position: relative;height:338px;border-radius: 0px;border:1px solid #e5e5e5;overflow: hidden;}
.photo-album__h3 {color:#333;font-weight: bold;font-size: 20px;height:50px;line-height: 50px;padding-left:20px;background-color:transparent;}

.photo-album__more {position: absolute;top:15px;right:20px;}
.photo-album__more a {display:block;width:25px;height:25px;
	background-image: url("/commons/gc/images/global/more-btn2.png");
	background-position: center center;
	background-repeat:no-repeat;
	font-size:0px;text-indent: -9999px;
}
.photo-album__more2 {position: absolute;top:15px;right:20px;}
.photo-album__more2 a {display: block;}

.photo-album .slick-prev {}
.photo-album .slick-next {}

.photo-list__item a {display:block;color:gold;width:320px;height:auto;margin:0 auto;position: relative;}
.photo-list__item a:hover,
.photo-list__item a:focus {opacity: 0.8;}
.photo-list__item a img {width:320px;height:200px;}

.photo-list__item__a__text {color:#000;font-size:15px;text-align:center;padding-left:50px;padding-right:50px;padding-top:10px;}
.photo-list__item__a__text > span {display: block;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;padding-top:10px;}




.photo-dots-wrap {position: absolute;bottom:0px;left:0px;width:auto;text-align:center;z-index: 9;width:100%;}
.photo-dots-list li {float:left;margin-left:5px;}
.photo-dots-list button {border:0px;height:23px;font-size:0;display:block;width:23px;
	background:transparent;border-radius: 30px;
	background-image: url('/commons/gc/images/global/popup_bul.png');
	background-repeat: no-repeat;
	background-position:center center;
}
.photo-dots-list .slick-active button {
	background-image: url('/commons/gc/images/global/popup-active.png');
}
.photo-dots-list button:focus {border:1px solid gold;}

.photo-dots-on-off {display: block;vertical-align: middle;position:relative;}
.photo-dots-on-off > a {display:inline-block;border:0px solid #000; /*h3배경색과 맞춰둠*/
width:40px;height:40px;
vertical-align: top;
background-position: center center;
background-repeat:no-repeat;font-size:0;text-indent: -9999px;
}
.photo-dots-on-off li {float:left;margin-left:5px;}
.photo-dots-on-off a:focus {border:1px solid gold;}
.photocarousel {display: inline-block;vertical-align: middle;}
.photocarousel2 {display: inline-block;vertical-align: middle;}

.photo-prev {position: absolute;bottom:25px;left:20px;}
.photo-next {position: absolute;bottom:25px;right:20px;}
.photo-pause {display:none !important;}

.photo-prev {background-image:url("/commons/gc/images/global/slide-left.png");}
.photo-next {background-image:url("/commons/gc/images/global/slide-right.png");}
.photo-pause {background-image:url("/commons/gc/images/global/popup_pause.png");}
.photo-play {background-image:url("/commons/gc/images/global/popup_play.png");}
.photo-more {background-image:url("/commons/gc/images/global/more-btn1.png");}
.photocarousel {display:none}/*디자인상 dots 네비 임시 삭제*/
.photocarousel2 {display:none}/*디자인상 dots 네비 임시 삭제*/
.photo-total {display:none;}

.photo-more {display:none !important;}

/*숫자형 네비 추가시 주석해제
.photocarousel {display:inline-block;}
	*+ html .photocarousel {display:inline;}
.photo-dots-list button{font-size:12px;text-indent: 0;color:#333;background-image:none;display:none;}
.photo-dots-list .slick-active button {background-image:none;display:block;width:auto;}
.photo-total {color:#333;display:inline-block;vertical-align: middle;font-size:12px;}
	*+ html .photo-total {display:inline;}
.photo-total-num {padding-left:4px;margin-right:5px;}*/
/*숫자형 네비 추가 끝*/

@media screen and (min-width:1px) and (max-width:1200px) {
	.photo-list__item a{max-width:589px;margin:0 auto;width:auto;}
	.photo-list__item a img {max-width:100%;width:auto;/*height:auto;*/display: block;
		margin: 0 auto;}

		.photo-list__item__a__text {padding-left:80px;padding-right:80px;}
}

@media screen and (min-width:1px) and (max-width:560px) {

.photo-album {height:auto;padding-bottom:0px;}
.photo-list__item a {height:auto;}
.photo-list__item__a__text {padding-bottom:10px;}
}
@media screen and (min-width:1px) and (max-width:420px) {
	.photo-list__item a img {width:100%;height:auto;}

}



/* main_bbs */
.main_bbs {position:relative;width:auto;
	/*background-image:url("../images/main_bbs-bg.jpg");*/
	background-position:left center;
	background-repeat:no-repeat;
	height: 339px;
	border-radius: 0px;
	border:1px solid #e0e0e0;overflow:hidden;
	border-top:0px;
	}

.main_bbs ul.main_bbs_tit:after {clear:both;content:' ';display:block;visibility:hidden;}
	*+ html .main_bbs ul {display:inline-block;}
	* html .main_bbs ul {height:1%;}
.main_bbs ul.main_bbs_tit li {float:left;position:relative;width:50%;}
.main_bbs ul.main_bbs_tit li a {
	overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis;
	display:block;text-align:center;
	font-weight:500;
	color:#666;
	outline:none;
	font-family:'Noto Sans KR';
	height:35px;line-height:33px;font-size:16px;
	padding-top:2px;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	background-color:#fff;
}

.main_bbs ul.main_bbs_tit li a span {border-left:0px solid #e0e0e0;display:block;}
.main_bbs ul.main_bbs_tit li:first-child a span{border-left:0;}

.main_bbs ul.main_bbs_tit li.selected a{color:#fff;background-color:#0066b3;
	border-top:3px solid #0066b3;padding-top:0;
	border-bottom:1px solid #fff;
}
.main_bbs ul.main_bbs_tit li a:hover {}
.main_bbs ul.main_bbs_tit li a:focus {text-decoration:underline;}






.main_bbs .main_bbs_list {position:relative;padding:20px 20px 0 20px;}
.js_bs_t_box{display:none;}
.js_bs_t_box.selected {display:block;}
.js_bs_t_box2{display:none;}
.js_bs_t_box2.selected {display:block;}
.main_bbs_list ul {padding:0 0px;}
.main_bbs_list li {position:relative;
	background-position:3px 7px;background-repeat:no-repeat;
	}
.main_bbs_list li a {color:#333;
	padding-left:10px;
	font-weight:normal;
	background-image:url("/commons/gc/images/global/main_bbs_bul1.png");
	background-position:left center;
	background-repeat:no-repeat;
	}
	*+ html .main_bbs_list li a {display:inline;}
	.main_bbs_list li a:hover{text-decoration:underline;}
.main_bbs_list > ul > li {font-size:16px;font-size:1.6rem;padding-top:10px;padding-bottom:10px;
	background-image:url("/commons/gc/images/global/main_bbs_list-li.png");
	background-position:left bottom;
	background-repeat:repeat-x;
}

.main_bbs_list li a em.cnt_in{display:inline;padding:0 0 0 0px;color:#333;margin-right:3px;font-size:15px;font-size:1.5rem;vertical-align:top;

	background-position:0px center;
	background-repeat:no-repeat;
}
	.main_bbs_list li a:hover,
	.main_bbs_list li a:focus {	background-image:url("/commons/gc/images/global/main_bbs_bul1-on.png");}

	*+ html .main_bbs_list li a em{display:inline;}
	em.blue_box{background-color:#0680d5}
	em.red_box{background-color:#e4576a}
	em.purple_box{background-color:#9a4fad}
	em.green_box{background-color:#18a4a9}
	.main_bbs_list li:hover em,
	.main_bbs_list li:focus em,
	.main_bbs_list li:hover .date,
	.main_bbs_list li:focus .date{color:#000}
.main_bbs_list li:after{content:' ';clear:both;visibility:hidden;display:block;}
	*+ html .main_bbs_list li {display:inline-block;}
.main_bbs_list li .date{position:absolute;right:0px;font-size:13px;color:#333;}
.main_bbs_list span.more {position:absolute;right:50%;bottom:-60px;margin-right:-20px;}
.main_bbs_list span.more a {color:#333;display:block;
    font-size: 0;
	text-indent:-9999px;
	height:40px;width:40px;
	background-image:url("/commons/gc/images/global/more-btn1.png");
	background-position:center center;
	background-repeat:no-repeat;
	}
.main_bbs_list li .cnt {display:block;float:left;width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #333;}
.new_btn {
    display: inline-block;
    background-image: url("/commons/gc/images/global/new_btn.png");
    background-repeat: no-repeat;
    width: 8px;
    height: 8px;
    margin-top: 5px;
}

/*리스트 위에 탑뉴스 추가 디자인 적용시*/

.main_bbs_list__top-news {display:block;} /*디자인 적용시 block으로*/

.main_bbs_list__top-news {
    background-image: url("/commons/gc/images/global/main_bbs_list__top-news_bul.png");
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom:5px;margin-bottom:20px;
}
.main_bbs_list__top-news a {display:block;padding-left:0px;height:75px;line-height:1.6;padding-top:20px;
	/*background-image: url("/commons/gc/images/global/main_bbs_list__top-news_icon.png");
	background-repeat: no-repeat;
	background-position: 0 20px;*/
	overflow: hidden;
}
.main_bbs_list__top-news a > h4 {font-size:15px;color:#000;font-weight: bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main_bbs_list__top-news a > div {font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main_bbs_list__top-news a > span {color:#838282}
.main_bbs_list__top-news a:hover,
.main_bbs_list__top-news a:focus {text-decoration: underline;}


	@media screen and (min-width:1px) and (max-width:1200px) {
		.main_bbs {height:209px;}
		.main_bbs ul.main_bbs_tit li {background-position:right 8px;}

		.main_bbs ul.main_bbs_tit li:last-child {background-image:none;}
		.main_bbs ul.main_bbs_tit li a {margin-bottom:7px}

		.main_bbs_list > ul > li {display:none;}
		.main_bbs_list > ul > li:nth-child(1),
		.main_bbs_list > ul > li:nth-child(2),
		.main_bbs_list > ul > li:nth-child(3) {display:block;}
		.main_bbs .main_bbs_list {padding-top:0;}
		.main_bbs_list span.more {bottom:-43px;}
	}
	@media screen and (min-width:1px) and (max-width:768px) {
		.main_bbs .main_bbs_list li .cnt {width:100%}
		.main_bbs .main_bbs_list li .date {display:none;}
		.main_bbs .main_bbs_list li *{font-size:1.4rem;}
		.main_bbs ul.main_bbs_tit li a {font-size:16px;}
		.main_bbs.two_type ul.main_bbs_tit li a {padding-left:10px;padding-right:10px;}


	}
	@media screen and (min-width:1px) and (max-width:480px) {
		.main_bbs {}
	}


/*나에게 맞는 지원정책을 찾으시나요?*/
.fav-go-link {background-color:transparent;}
.fav-go-link__a {display:block;height:130px;position: relative;text-align:left;
	background-image: url("/commons/gc/images/global/fav-go-link.png");
	background-repeat: no-repeat;
	background-position: right bottom;
}
.fav-go-link__a__text {font-size:20px;color:#fff;font-weight: bold;font-family:'Noto Sans KR';padding-top:15px;line-height: 1.3; margin-bottom:15px;padding-left:20px;}
.fav-go-link__a__go {font-size:14px;margin-left:20px;
	display:inline-block;background-color: #fff;border-radius: 20px;height:28px;line-height:28px;text-align:center;padding-left:20px;padding-right:20px;font-weight: bold;
}

.fav-go-link__a:hover,
.fav-go-link__a:focus {opacity: 0.9;}


@media screen and (min-width:1px) and (max-width:1200px) {

	.fav-go-link {
	background-image: url("/commons/gc/images/global/fav-go-link-bg.png");
	background-repeat: repeat;
	background-position: right bottom;
	}
	.fav-go-link__a {height:210px;}
}
@media screen and (min-width:1px) and (max-width:560px) {
	.fav-go-link__a {height:160px;}

}

/*바로가기*/
.go-now{color:#ddd;position: relative;padding-left:18px;padding-right:18px;border-radius:0px;height:130px;border:0px solid #e5e5e5;overflow: hidden;
/*background-image:url("/commons/gc/images/global/go-now.jpg");*/
background-repeat:no-repeat;
background-position: center top;
}

.go-now__h3 {color:#fff;font-weight: bold;font-size: 20px;height:60px;line-height: 70px;display:none;}
.go-now__ul {padding-top:18px;}
.go-now__ul__li {float:left;width:25%;margin-bottom:12px;}
.go-now__ul__li__a {text-align:center;display:block;}
.go-now__ul__li__a__img-box {text-align:center;margin:0 auto;margin-bottom:14px;width:70px;height:60px;background-image: url("/commons/yc/images/global/go-now-icon.png");background-repeat:no-repeat;}
.go-now__ul__li__a__img-box.type1 {background-position:0 0px}
.go-now__ul__li__a__img-box.type2 {background-position:0 -60px}
.go-now__ul__li__a__img-box.type3 {background-position:0 -120px}
.go-now__ul__li__a__img-box.type4 {background-position:0 -180px}

.go-now__ul__li__a:hover,
.go-now__ul__li__a:focus {opacity:0.8}

.go-now__ul__li__a__text-box{text-align:center;display:block;color:#333;font-size:16px;font-weight: bold;}

.go-now__ul.two_type .go-now__ul__li {width:50%;}
.go-now__ul.three_type .go-now__ul__li {width:33.33%;}
	*+ html .go-now__ul.three_type .go-now__ul__li {width:33%;}
.go-now__ul.four_type .go-now__ul__li {width:25%;}
.go-now__ul.five_type .go-now__ul__li {width:20%;}
.go-now__ul.six_type .go-now__ul__li {width:20%;}
	*+ html .go-now__ul.six_type .go-now__ul__li {width:16%;}
.go-now__ul.seven_type .go-now__ul__li {width:14%;}
.go-now__ul.eight_type .go-now__ul__li {width:12.5%;}
.go-now__ul.nine_type .go-now__ul__li {width:11.20%;}
	*+ html .go-now__ul.nine_type .go-now__ul__li {width:11%;}
.go-now__ul.ten_type .go-now__ul__li {width:10%;}

@media screen and (min-width:561px) and (max-width:768px) {
	.go-now {height:auto;background-size:auto 100%;}
	.go-now__ul {padding-top:10px;padding-bottom:10px;}
	.go-now__ul__li {width:33.33% !important}
}
@media screen and (min-width:1px) and (max-width:560px) {
	.go-now {height:auto;background-size:auto 100%;}
	.go-now__ul {padding-top:10px;padding-bottom:10px;}
.go-now__ul__li {margin-bottom:20px;}
.go-now__ul.two_type .go-now__ul__li,
.go-now__ul.three_type .go-now__ul__li,
.go-now__ul.four_type .go-now__ul__li,
.go-now__ul.five_type .go-now__ul__li,
.go-now__ul.six_type .go-now__ul__li,
.go-now__ul.seven_type .go-now__ul__li,
.go-now__ul.eight_type .go-now__ul__li,
.go-now__ul.nine_type .go-now__ul__li,
.go-now__ul.ten_type .go-now__ul__li {width:50%;}

}


/*패밀리사이트 바로가기*/
.family-site-wrap {height:190px;
	background-image:url("/commons/yc/images/global/family-site-bg.jpg");
	background-repeat:repeat-x;
	background-position: center top;
}
.family-site-wrap .family-site__ul .slick-prev{border: 0px solid #000;width: 40px;height: 40px;vertical-align: top;background-image:url("/commons/gc/images/global/family-left-btn.png");background-position: center center;background-repeat: no-repeat;font-size: 0;text-indent: -9999px;position: absolute;bottom: 59px;left:0px;border-radius:50%;background-color:#565d72;z-index:999;}
.family-site-wrap .family-site__ul .slick-next{border: 0px solid #000;width: 40px;height: 40px;vertical-align: top;background-image:url("/commons/gc/images/global/family-right-btn.png");background-position: center center;background-repeat: no-repeat;font-size: 0;text-indent: -9999px;position: absolute;bottom: 59px;right:0px;border-radius:50%;background-color:#565d72;z-index:999;}
.family-site__ul {width:1200px;margin:0 auto;padding-top:30px;}
.family-site__ul__li {float: left; width:16.66%}
	*+ html .family-site__ul__li {float: left; width:16%}
.family-site__ul__li a {color:#fff;text-align:center;display:block;font-size:16px;font-weight: bold;padding-left:5px;padding-right:5px;}

.family-site__ul__li span {width:102px;height:102px;display:block;background-image:url("/commons/yc/images/global/family-site-icon-3.png");background-repeat: no-repeat;margin:0 auto;margin-bottom:10px;overflow: hidden;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
		-ms-transition: all 0.3s ease 0s;
		 -o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;}
.family-site__ul__li--type1 span {background-position: 0 0px;}
.family-site__ul__li--type2 span {background-position: 0 -102px;}
.family-site__ul__li--type3 span {background-position: 0 -204px;}
.family-site__ul__li--type4 span {background-position: 0 -306px;}
.family-site__ul__li--type5 span {background-position: 0 -408px;}
.family-site__ul__li--type6 span {background-position: 0 -510px;}
.family-site__ul__li--type7 span {background-position: 0 -612px;}
.family-site__ul__li--type8 span {background-position: 0 -714px;}
.family-site__ul__li--type9 span {background-position: 0 -816px;}
.family-site__ul__li--type10 span {background-position: 0 -918px;}
.family-site__ul__li--type11 span {background-position: 0 -1020px;}
.family-site__ul__li--type12 span {background-position: 0 -1122px;}
.family-site__ul__li--type13 span {background-position: 0 -1224px;}

.family-site__ul__li a:hover span,
.family-site__ul__li a:focus span {opacity: 0.8;}




@media screen and (min-width:1px) and (max-width:1200px) {
	.family-site__ul {width:auto;}
}

@media screen and (min-width:1px) and (max-width:768px) {
	.family-site-wrap {height:auto;background-size:auto 100%;}
	.family-site__ul {width:auto;}
	.family-site__ul__li {width:33.33%;padding-bottom:30px;}
	.family-site__ul__li a {font-size:14px;}
}

/* ===============
	서브페이지 sub-default.jsp
==================*/

/* 서브페이지 공통 */

.cont-in {font-size:16px; font-size:1.6rem;line-height:1.6;min-height:500px;margin-bottom:50px;}
.cont-in img{max-width:100%;}
@media screen and (min-width:1px) and (max-width:1200px) {
.cont-in img{max-width:100%;height:auto !important;}
}

/* location */
.location-box {position:relative;}
.location-box__cont {
	position: absolute;
    right: 0;
    top: 50px;
	display:flex; align-items:center; flex-wrap:wrap;
	}
.location-box__cont span{position:relative; float:left;display:block;padding:0 17px;font-size:14px;font-size:1.4rem;height:28px;line-height:28px;color:#737373;}
.location-box__cont span:before{content:'"배경이미지 > 아이콘입니다"'; font-size:0; position:absolute; left:0; top:50%; margin-top:-4.5px; width:6px; height:9px;
	background-image:url("/commons/gc/images/global/location-icon.png");
	background-position:0 center;
	background-repeat:no-repeat;
}
.location-box__cont span:first-child {background-image:none;padding-left:0;}
.location-box__cont span:first-child:before {display:none;}
.location-box__cont .loc-home {display:block;padding-left:30px;font-size:14px;font-size:1.4rem;height:28px;line-height:27px;
	background-image:url("/commons/gc/images/global/home.png");
	background-position:0 4px;
	background-repeat:no-repeat;
	color:#737373;
	}
.location-box__cont li{position:relative; float:left;display:block;padding:0 17px;font-size:14px;font-size:1.4rem;height:28px;line-height:28px;color:#737373;}
.location-box__cont li:before{content:'"배경이미지 > 아이콘입니다"'; font-size:0; position:absolute; left:0; top:50%; margin-top:-4.5px; width:6px; height:9px;
	background-image:url("/commons/gc/images/global/location-icon.png");
	background-position:0 center;
	background-repeat:no-repeat;
}
.location-box__cont li:first-child {background-image:none;padding-left:0;}
.location-box__cont li:first-child:before {display:none;}
.location-box__cont .loc-home {display:block;padding-left:30px;font-size:14px;font-size:1.4rem;height:28px;line-height:27px;
	background-image:url("/commons/gc/images/global/home.png");
	background-position:0 4px;
	background-repeat:no-repeat;
	color:#737373;
	}

/* contents */
.sub-page-container {padding-top:35px;padding-bottom:20px;}
.sub-page-container__wrap {width:1200px;margin:0 auto;position:relative;}
.sub-contents {width:940px;float:right;min-height:500px;background-color:#fff;}

.sub-page-container__wrap.hide {margin-top:-103px;padding-top:103px} /* 퀵메뉴 quick menu 위치 때문에 설정. header 높이만큼 값 설정 */
.sub-page-container__wrap.unhide {}

@media screen and (min-width:769px) and (max-width:1200px) {
	.sub-page-container {padding-top:0;}
	.location-box__cont {position:relative;top:3px;}
}

@media screen and (min-width:1px) and (max-width:768px) {
	.location-box__cont {position:relative;white-space:normal;overflow:visible;top:0;left:0;padding-top:0px;}

}

.description {display:none;}

/*퀵메뉴 지움*/
#quick_wrap {display:none;}


/* 제목줄 */
.sub-contents__top {position:relative;border-bottom:2px solid #e0e0e0;font-family: 'Noto Sans KR';
	/*background-image:url("/commons/gc/images/global/sub-visual-bg1.jpg");*/
	background-position:right top;
	background-repeat:no-repeat;
	margin-bottom:40px;
	}
	.depth-type1 .sub-contents__top {background-image:url("/commons/gc/images/global/sub-visual-bg1.jpg");}
	.depth-type2 .sub-contents__top {background-image:url("/commons/gc/images/global/sub-visual-bg2.jpg");}
	.depth-type3 .sub-contents__top {background-image:url("/commons/gc/images/global/sub-visual-bg3.jpg");}
	.depth-type4 .sub-contents__top {background-image:url("/commons/gc/images/global/sub-visual-bg4.jpg");}
	.depth-type5 .sub-contents__top {background-image:url("/commons/gc/images/global/sub-visual-bg5.jpg");}
	.depth-type6 .sub-contents__top {background-image:url("/commons/gc/images/global/sub-visual-bg6.jpg");}

.sub-contents__top h2.sub-tit {font-size:34px;color:#222;padding-top:20px;margin-bottom:0;height:75px;font-weight: 500;}

@media screen and (min-width:1px) and (max-width:768px) {
	.sub-contents__top {background-image:none !important}
}


/*서브비주얼*/
.sub-bg-top {height:235px;
	position: relative;
	margin-bottom: 0;
	display: none;
	background-image:url("/commons/gc/images/global/sub-head-bg.jpg");background-position:center top;background-repeat:no-repeat;
}

@media screen and (min-width:1px) and (max-width:768px) {
	.sub-bg-top {display:none !important}

}
/*제목줄*/
.sbj_line {position:relative;}
.sbj_line h2 {text-align:center;color:#fff;font-size:45px;width:100%;position:absolute;top:-198px;left:0;text-shadow: 1px 1px 6px #555;}

.sbj_line .location {color:#fff;left:0;position:absolute;text-align:center;top:-138px;width:100%;text-shadow: 1px 1px 6px #555;}
.sbj_line .location a {color:#fff;}

/*제목줄 프린트버튼 등*/
.url-btn-wrap {position:absolute;top:50px;right:0; display:none;}

@media screen and (min-width:1px) and (max-width:768px) {
	.url-btn-wrap {display:none;}
}

/*         sidebar
=========================*/
/* sidebar */
.sidebar {width:220px;float:left;padding-bottom:40px;font-family: 'Noto Sans KR';}
.sidebar__wrap {background-color:#fff;}
.sidebar__h2 {text-align:center;padding-top:55px;height:85px;font-size:24px;
	position:relative;padding-bottom:0px;color:#000;
	background-image:url("/commons/main/images/global/sidebar__h2_sub.png");
	background-repeat:no-repeat;
	background-position:0 0;
	border-bottom:1px solid #00589d;
	}
	.sidebar__h2 span {display:block;font-size:12px;color:#fff;text-align:center;}
	.sidebar__h2 a {display:none;}

	/*문자갯수가 많을 경우*/
	.sidebar__h2.long-type {padding-top:45px;height:95px;line-height:1.2;padding-left:35px;padding-right:35px;font-size:24px;}
	.sidebar__h2.long-type em {}
.side-list {/*
	background-image:url("/commons/gc/images/basic/side-ul-bg.jpg");
	background-position: 0 0;
	background-repeat: repeat-y;
	padding-left:6px;
*/
}
.side-list__li > span > a {display:block;padding-left:15px;min-height:10px;line-height:1.6;
	padding-top:15px;padding-bottom:15px;
	border-bottom:1px solid #dedede;
	font-size:18px;
	font-weight:normal;
    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	background-position: 195px center;
	padding-right:30px;
}


.side-list__li.on > span {
	display:block;
	/*background-image:url("/commons/gc/images/basic/side-list__li_on_bg.jpg");*/
	background-repeat:no-repeat;
	background-position:0 0;
	background-color:#fff;/*이미지없을시 임시*/
}
.side-list__li.on > span a {
	background-image:url("/commons/gc/images/basic/side-list__li-selected.png");background-repeat:no-repeat;background-position:195px center;
	color:#0068b7;
	background-color:#f1f9e8;
}

.side-list__li > span > a:hover,
.side-list__li > span > a:focus,
.side-list__li > span.on > a,
.side-list__li > span > a.on,
.side-list__li.selected > span > a {
	font-weight:normal;
	border-bottom:1px solid #d6d6d6;
	background-image:url("/commons/gc/images/basic/side-list__li-selected.png");background-repeat:no-repeat;background-position:200px center;
	color:#0068b7;
}
.side-list__li.open-type > span > a {
	background-image:url("/commons/gc/images/basic/side-list-li-off.png");	background-position:190px center;background-repeat:no-repeat;}
.side-list__li.open-type > span.on > a,
.side-list__li.open-type > span > a.on {
	background-image:url("/commons/gc/images/basic/side-list-li-on.png");
	background-repeat:no-repeat;
	background-position: 190px center;
	color:#0068b7;
}

.side-list__li.open-type.on > span > a {background-color:transparent;
	background-image:url("/commons/gc/images/basic/side-list-li-on.png");
	background-repeat:no-repeat;
	background-position: 190px center;
	background-color:#f1f9e8;
	color:#0068b7;
}

.side-list__li__inbox {display:none;}

.on > .side-list__li__inbox {
	display:block;
	background-color:#fff;
	border-bottom:1px solid #dedede;
	padding:10px;
	border-left:1px solid #dedede;border-right:1px solid #dedede;
}

.spp__in > a{
	display:block;
	font-size:16px;
	color:#565656;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:23px;
	background-image:url("/commons/gc/images/basic/side-list__li__inbox.png");
	background-position:9px center;
	background-repeat:no-repeat;
}

.spp__in > a:hover,
.spp__in > a:focus,
.spp__in.on > a,
.spp__in > .on,
.spp__in.selected > a,
.spp__in > .selected {
	color:#000;
	background-color:#fff;
	background-image:url("/commons/gc/images/basic/side-list__li__inbox_on.png");
}
	.spp__in__small {display:none;}
	.on > .spp__in__small {display:block;padding:3px 10px 10px 15px;}

		.spp__in__small a{
			background-image:url("/commons/gc/images/basic/spp__in__small.jpg");
			background-position:5px center;
			background-repeat:no-repeat;
			display:block;
			padding-top:5px;
			padding-bottom:5px;
			padding-left:15px;
			font-size:13px;
		}
		.spp__in__small .on,
		.spp__in__small a:hover,
		.spp__in__small a:focus {text-decoration:underline;}

		.sp-open-type {background-image:url("/commons/gc/images/basic/open-close.png");background-repeat:no-repeat;background-position:150px 10px;}
		.sp-open-type.on {background-image:url("/commons/gc/images/basic/open-done.png");background-position:150px 13px;}

			/*4차*/
			.spp__in__small__4th {display:none;}
			.on > .spp__in__small__4th {display:block;padding:10px 5px 10px 10px;background-color:#eff3f7}

			.spp__in__small__4th a{display:block;padding:3px 0;min-height:17px;font-size:13px; font-weight: normal;padding-left:15px;}

			.spp__in__small__4th > li.on > a,
			.spp__in__small__4th > li > .on,
			.spp__in__small__4th a:hover,
			.spp__in__small__4th a:focus {text-decoration:underline;}


/*2019 사이드 메뉴 수정 추가 반드시*/
.sidebar {position:relative;}
.mobile-submenu-btn {display:none;background-color:#00589d;padding:5px;text-align:center;color:#fff;
	position:absolute; top:5px;right:7px;z-index:99;
}
.mobile-submenu-btn .type1 {display:block;}
.mobile-submenu-btn .type2 {display:none;}
.selected.mobile-submenu-btn .type1 {display:none;}
.selected.mobile-submenu-btn .type2 {display:block;}

@media screen and (min-width:1px) and (max-width:1200px) {

	#sidebar{position:relative;z-index:1;margin-top:0px;float:none;width:100%;}
	.sidebar {padding-bottom:5px;}
	.side_in_wrap{display:none;border-bottom:2px solid #0f578e;opacity:0;}
    #sidebar h2{
		text-align:left;background-image:none;background-color:#0f578e;padding-left:10px;font-size:1.5rem;height:32px;
		padding-top:5px;line-height:1.6
		}
	#sidebar h2 {color:#fff;min-height:10px;height:30px;border-radius:0px;}
	#sidebar h2 a{display:none;}
	.sidebar__h2{padding-bottom:0px;}
	.sidebar h2 {text-align:left;padding-left:20px;font-size:20px;}
	.side-list__li > span > a {height:35px;line-height:35px;padding-top:0;padding-bottom:0;background-position:96% 12px;}
	.side-list__li.open-type > span > a {background-position:96% 12px !important}
	.side-list__li.on > span > a {background-position:96% 12px !important}
	.side-list__li.open-type.on > span > a {background-position:96% center !important}
	.sp-open-type {background-position:96% 12px}
	.sp-open-type.on {background-position:96% 12px}
	.side-list__li > span > a:hover, .side-list__li > span > a:focus, .side-list__li > span.on > a, .side-list__li > span > a.on, .side-list__li.selected > span > a {

		background-position:97% 12px;
	}
	/**/
	.sidebar__wrap {opacity:1.0 !important;margin-left:0px !important;}

	.side_in_wrap li.selected span a {
		background-color: #fff !important;
		color: #f6804e !important;
	}
		.side_in_wrap{display:block;border-bottom:2px solid #000;opacity:1;}
	.mobile-submenu-btn {display:block;}
	.on > .side-list__li__inbox {padding:10px;}
	.sidebar .side-list > li {display:none;}
	/*.sidebar .side-list > li.on {display:block;}*/
	.sidebar.selected .depth01 > li {display:block;}

	.sidebar .side-list > li > a {padding:10px 0 10px 20px;}

	.sidebar .side-list > li.on {display:block;}
	.sidebar .side-list > .selected {display:block;}
	.sidebar.selected .side-list > li.open-type {display:block;}
	.sidebar.selected .side-list > li {display:block;}

	.sidebar .side-list__li.open-type{display:block;}
	
	.side-list__li > span > a {font-size:15px;}
	.side-list__li.on > span a {font-size:15px;}
	.spp__in > a {font-size:14px;}
	.on > .side-list__li__inbox {padding-top:5px;padding-bottom:5px;}
}

/* 사이트맵 */
.sitemap ul {width:100%;}
.sitemap a:hover {text-decoration:underline;}
.sitemap > ul > li{display:inline-block;width:17%;margin:0 1%;vertical-align:top;}
	*+ html .sitemap > ul > li{display:inline;}
.sitemap > ul > li > a {width:100%;display:block;background-color:#0081cc;font-size:15px;height:3em;line-height:3em;text-align:center;color:#fff;font-weight:bold;}
.sitemap > ul > li > ul > li > a {padding-left:20px;display:block;line-height:2em;border-bottom:1px solid #d1d1d1;
	background-image:url("/commons/gc/images/global/sub-nav-icon_on.png");background-position:10px center;background-repeat:no-repeat;
}
.sitemap > ul > li > ul > li > ul > li > a {padding-left:30px;display:block;line-height:2em;border-bottom:1px solid #d1d1d1;
	background-image:url("/commons/gc/images/global/basic_bul1.jpg");background-position:15px center;background-repeat:no-repeat;
}


/* 픽스드 방식 quickmenu*/
.quickmenu {
	position: fixed;
	right: 0px;
	top: 40%;
	display: none;
	z-index: 9999;
 }

.quickmenu__list li {text-align:right;margin-bottom:5px;}
.quickmenu__list a {display:inline-block;color:#fff;padding-left:50px;width:0;overflow:hidden;height:50px;line-height:50px;
	white-space:nowrap;
	margin-right:5px;
	border-radius:10px;
	vertical-align: top;
	background-image:url("/commons/gc/images/global/ico-guick.png");
	background-repeat:no-repeat; -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
}

.quickmenu__list a.item1 {background-color:#36362c;background-position:0 0;}
.quickmenu__list a.item2 {background-color:#808080;background-position:0 -50px;}
.quickmenu__list a.item3 {background-color:#adadad;background-position:0 -100px;}
.quickmenu__list a.item4 {background-color:#d7d7d7;background-position:0 -150px;}

.quickmenu__list a:hover,
.quickmenu__list a:focus {width:auto;padding-right:20px;}
	@media screen and (min-width:1px) and (max-width:1050px) {
		.quickmenu {display:none !important;}
	}


/* 서브페이지 비쥬얼 문구 */


#sub_slide .cycle-slideshow img{}
#sub_slide{width:1200px;margin:0 auto;}
#sub_slide .controller {position:relative; max-width:1200px; width:100%; margin:0 auto; z-index:200;}


.sub_slide-item__in {position:relative;}


.sub_slide-item__txt-wrap {width:1200px;margin:0 auto;position:relative;}
.sub_slide-item__txt-wrap > span{
	}
.sub-slide-item__txt1 {position:absolute;top:170px;left:820px;opacity:0;
	-webkit-transition: all 1.3s ease 0.5s;
	-moz-transition: all 1.3s ease 0.5s;
	-ms-transition: all 1.3s ease 0.5s;
	-o-transition: all 1.3s ease 0.5s;
		transition: all 1.3s ease 0.5s;}
.sub-slide-item__txt2 {position:absolute;top:177px;left:820px;opacity:0;
	-webkit-transition: all 1.3s ease 1.5s;
	-moz-transition: all 1.3s ease 1.5s;
	-ms-transition: all 1.3s ease 1.5s;
	-o-transition: all 1.3s ease 1.5s;
		transition: all 1.3s ease 1.5s;}

.cycle-slide-active .sub-slide-item__txt1 {left:840px;opacity:1;}

.cycle-slide-active .sub-slide-item__txt2 {left:840px;opacity:1;}

@media screen and (min-width:1px) and (max-width:1200px) {

}
@media screen and (min-width:1px) and (max-width:768px) {
}

/*SYS 작업 공통*/
	/*카카오 지도 */
	.root_daum_roughmap{padding:0px! important;border:none! important;}
	.root_daum_roughmap .wrap_controllers{display:none! important;}
	/**/
	
	.sub_cont-box{padding-left:15px;font-weight:bold;}
	
	.new-h4_bul{margin-bottom:20px;color:#0065b3;font-size:25px;font-weight:bold;padding-top:15px;background-image:url('/commons/yc/images/global/new-h4_bul.png');background-position:left top;background-repeat:no-repeat;}
	.new-h3_bul{margin-bottom:10px;color:#222;font-size:20px;font-weight:bold;padding-left:30px;background-image:url('/commons/main/images/global/new-h3_bul.png');background-position:left center;background-repeat:no-repeat;}
	.new-bul-list{padding-left:15px;background-image:url('/commons/gc/images/global/new-bul_list.png');background-position:left 7px;background-repeat:no-repeat;}
	.new-bul-list2{padding-left:15px;color:#222;font-size:15px;font-weight:bold;background-image:url('/commons/yc/images/global/new-bul_list2.jpg');background-position:left 7px;background-repeat:no-repeat;}
	.new-bul-list2.type-1{padding-left:0px;color:#222;font-size:16px;font-weight:bold;background-image:url('/commons/ssac1388/images/global/new-bul_list2.png');background-position:left 7px;background-repeat:no-repeat;text-align:center;}
	.new-bul-list3{padding-left:15px;background-image:url('/commons/main/images/global/new-bul_list3.png');background-position:left 7px;background-repeat:no-repeat;}
	
	
	.flow-list-2type{display: inline-block;overflow: hidden;}
	.flow-list-2type li{width:47%;margin-right:3%;float:left;display:inline-block;margin-bottom:15px;}
	.flow-list-2type li .list-border-box{border:1px solid #ddd;padding-bottom:5px;}
	.flow-list-2type li .list-border-box.no-border{border:none;}
	.flow-list-2type li .list-border-box img {width:100%;height:160px;}
	.flow-list-2type li .list-border-box .list-border-box-bottom{padding:7px 0px 7px 15px;height:auto;border-top:1px solid #e0e0e0;}
	.flow-list-2type li .list-border-box .list-border-box-bottom.center{padding:7px 3px 2px;text-align:center;}
	.flow-list-2type li .list-border-box .list-border-box-bottom span{display:inline-block;padding-left:15px;font-size:14px;word-break:keep-all;}
	
	.flow-list-3type{display: inline-block;overflow: hidden;}
	.flow-list-3type li{width:30%;margin-left:1.5%;margin-right:1.5%;float:left;display:inline-block;margin-bottom:15px;}
	.flow-list-3type li .list-border-box{border:1px solid #ddd;padding-bottom:5px;}
	.flow-list-3type li .list-border-box.no-border{border:none;}
	.flow-list-3type li .list-border-box img {width:100%;height:160px;}
	.flow-list-3type li .list-border-box .list-border-box-bottom{padding:7px 0px 7px 15px;height:auto;border-top:1px solid #e0e0e0;}
	.flow-list-3type li .list-border-box .list-border-box-bottom.center{padding:7px 3px 2px;text-align:center;}
	.flow-list-3type li .list-border-box .list-border-box-bottom span{display:inline-block;padding-left:15px;font-size:14px;word-break:keep-all;}
	
	/*박스리스트 4개*/
	.flow-list-4type{width:100%;display: inline-block;overflow: hidden;}
	.flow-list-4type li{width:23%;margin-right:2%;float:left;display:inline-block;margin-bottom:15px;height:310px;}
	.flow-list-4type li .list-border-box{border:1px solid #ddd;display:inline-block;}
	.flow-list-4type li .list-border-box.block{display:block;}
	.flow-list-4type li .list-border-box img {width:131px;height:97px;display:block;margin:0 auto;padding:30px 0;}
	.flow-list-4type li .list-border-box .list-border-box-bottom{padding:7px 15px 7px 15px;height:135px;border-top:1px solid #ddd;display:inline-block;}
	.flow-list-4type li .list-border-box .list-border-box-bottom.block{display:block;}
	.flow-list-4type li .list-border-box .list-border-box-bottom p{width:95%;padding-left:5%;display:inline-block;}	
	.flow-list-4type li .list-border-box .list-border-box-bottom span{display:inline-block;padding-left:15px;font-size:14px;}
	.flow-list-4type li .list-border-box .list-border-box-bottom span.new-bul-list2_left30{float:left;width:auto;display:inline-block;max-width:30px;padding-left:0px;font-size:14px;}
	.flow-list-4type li .list-border-box .list-border-box-bottom span.new-bul-list_right{float:left;width:80%;display:inline-block;padding-left:0px;font-size:14px;}
	
	.flow-list-4type.type-1{display:block;overflow: hidden;}
	.flow-list-4type.type-1 li{width:23%;margin:0% 1%;float:left;display:inline-block;margin-bottom:15px;}
	.flow-list-4type.type-1 li .list-border-box{border:1px solid #ddd;padding-bottom:5px;}
	.flow-list-4type.type-1 li .list-border-box.no-border{border:none;text-align:center;}
	.flow-list-4type.type-1 li .list-border-box img {width:80%;height:140px;}
	.flow-list-4type.type-1 li .list-border-box .list-border-box-bottom{padding:7px 0px 7px 15px;height:auto;}
	.flow-list-4type.type-1 li .list-border-box .list-border-box-bottom span{display:inline-block;padding-left:15px;font-size:14px;word-break:keep-all;}
	
	.flow-list-4type.type-2{width:100%;display: inline-block;overflow: hidden;}
	.flow-list-4type.type-2 li{width:23%;margin-right:2%;float:left;display:inline-block;margin-bottom:30px;height:290px;}
	.flow-list-4type.type-2 li .list-border-box{border:1px solid #ddd;display:inline-block;height:295px;}
	.flow-list-4type.type-2 li .list-border-box img {width:131px;height:97px;display:block;margin:0 auto;padding:30px 0;}
	.flow-list-4type.type-2 l0 .list-border-box .list-border-box-bottom{padding:7px 15px 7px 15px;height:auto;border-top:1px solid #ddd;display:inline-block;}
	.flow-list-4type.type-2 li .list-border-box .list-border-box-bottom p{width:95%;padding-left:5%;display:inline-block;}	
	.flow-list-4type.type-2 li .list-border-box .list-border-box-bottom span{display:inline-block;padding-left:15px;font-size:14px;}
	.flow-list-4type.type-2 li .list-border-box .list-border-box-bottom span.new-bul-list2_left30{float:left;width:auto;display:inline-block;max-width:30px;padding-left:0px;font-size:14px;}
	.flow-list-4type.type-2 li .list-border-box .list-border-box-bottom span.new-bul-list_right{float:left;width:80%;display:inline-block;padding-left:0px;font-size:14px;}

	@media screen and (min-width:1px) and (max-width:768px) {
		.flow-list-4type li{height:auto;}
		.flow-list-4type li .list-border-box .list-border-box-bottom.block{height:auto;}
		.flow-list-4type li:NTH-CHILD(5n){clear:both;}
	}
	
	@media screen and (min-width:1px) and (max-width:568px) {
		.flow-list-4type.type-2 li{width:47%;}
		.flow-list-3type li{width:47%;}
		.flow-list-2type li{width:47%;}
		.flow-list-4type li:NTH-CHILD(2n+1){clear:both;}
		.flow-list-3type li:NTH-CHILD(2n+1){clear:both;}
		.flow-list-2type li:NTH-CHILD(2n+1){clear:both;}
	}
	
	.padding-side20{padding:0 20px;}
	
	.img_type-list-box{display:block;}
	.img_type-list li{width:100%;text-align:center;}
	.img_type-list li img{height:340px;}
	
	.img_3type-list-box{display:block;}
	.img_3type-list li{width:33%;margin-left:0.5%;float:left;text-align:center;}
	.img_3type-list li:first-child{width:33%;margin-left:0%;}
	.img_3type-list li img{width:280px;height:340px;}
	
	.img_3type-list.type-1 li{width:33%;margin-left:0.5%;float:left;text-align:center;margin-bottom:20px;}
	.img_3type-list.type-1 li:first-child{width:33%;margin-left:0%;}
	.img_3type-list.type-1 li img{width:150px;height:230px;}
	
	
	.hello-box p{text-align:center;color:#222;font-weight:600;}
	.hello-box p img{padding:20px 0;}
	
	.precaution-text{color:#777777;font-size:12px;}
	
	/*테이블타입*/
	.new_tb_type {background-color:#fff;margin-bottom:5px;border-right:1px solid #dddddd;border-top:2px solid #0065b3;font-size:13px;font-size:1.3rem;}
	.new_tb_type table{width:100%;border-collapse:collapse;}
	
	.new_tb_type table thead th{text-align:center;vertical-align:middle;}
	.new_tb_type table th{font-size:15px;font-size:1.5rem;vertical-align:middle;background-color:#e5eff7;text-align:left;padding-bottom:9px;padding-top:9px;padding-left:8px;padding-right:8px;color:#444444;font-weight:bold;
		border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;vertical-align:middle;}
	.new_tb_type table td{font-size:15px;font-size:1.5rem;font-weight:bold;text-align:left;padding:9px 3px;border-bottom:1px solid #dddddd;border-left:1px solid #dddddd;color:#808080}
	*+ html .in_length_ex{width:430px;}
	* html .in_length_ex{width:430px;}
	
	.new_tb_type table td.p_left20{padding-left:20px! important;}
	
	.new_tb_type.all_center table th{text-align:center;}
	.new_tb_type.all_center table td{text-align:center;}
	.new_tb_type table td.t_left {text-align:left;}
	.new_tb_type table td.t_right {text-align:right;}
	.new_tb_type.th_center table th{text-align:center;vertical-align:middle;}
	.new_tb_type.th_center table td{text-align:left;padding-left:10px;}
	body .new_tb_type.th_center table td.align_center{text-align:center;}
	
	.new_tb_type table tr.align_left th{text-align:left;}
	.new_tb_type table tr.align_center th{text-align:center;}
	.new_tb_type table tr.align_right th{text-align:right;}
	.new_tb_type table tr.align_left td{text-align:left;}
	.new_tb_type table tr.align_center td{text-align:center;}
	.new_tb_type table tr.align_right td{text-align:right;}
	.new_tb_type table tr.type-1 th{text-align:left;vertical-align:middle;padding-left:20px;}
	.new_tb_type table tr.type-1 td{padding-left:20px;}
	
	
	.root_daum_roughmap{box-sizing:border-box;}
	
	
	@media screen and (min-width:1px) and (max-width:768px) {	
		.flow-list-4type li .list-border-box .list-border-box-bottom{padding:2px;}
	}
	@media screen and (min-width:1px) and (max-width:561px) {	
		.flow-list-4type li{width:48%;margin-left:1%;margin-right:1%;}
	}
	
	.map-box{width:100%;display:block;margin-bottom:20px;}
	.map-box .root_daum_roughmap{max-width:100%;margin:0 auto;}
	.map-box .root_daum_roughmap .wrap_controllers{display:none !important;}
	.map-sub .color-item-1{color:#f36422;}
	
	.tab_type {margin-bottom:30px;padding:0;border:0px;}
	
	.tab_type li{width:auto;float:left;position:relative;text-align:center;width:auto;position:relative;}
	.tab_type li:first-child{padding-left:0px;background-image:none;}
	.tab_type li.selected{}
	.tab_type li a{padding:10px;color:#555;background-color:#fff;border-top:none;border-left:none;border-bottom:2px solid #0065b3;
		display:block;text-align:center;height:30px;line-height:30px;font-size:16px;font-weight:bold;
		margin-left:0px;border-top:2px solid #fff;}
	.tab_type.font_12 li a{font-size:12px;}
	.tab_type li .none_tab-box{background-color: #fff;border-left: 0px;height: 31px;border-top: 0px;
	padding: 10px;
	    color: #555;
	    border-bottom: 2px solid #0065b3;
	    display: block;
	    text-align: center;
	    line-height: 30px;
	    font-size: 15px;
	    font-weight: bold;
	    margin-left: 0px;}
	.tab_type li.selected a{color:#0065b3;height:31px;background-color:#fff;border-top:2px solid #0065b3;border-bottom:0px;border-left:2px solid #0065b3;border-right:2px solid #0065b3;padding-top:11px;}
	.tab_type li a:hover {opacity:0.8;}
	.tab_type li:NTH-CHILD(n+6).selected a{border-top:0px;}

	.photo-album .mobile-hidden{display:block;}
	.photo-album .mobile-block{display:none;}
	
	@media screen and (min-width:1px) and (max-width:561px) {	
		.photo-album .mobile-hidden{display:none;}
		.photo-album .mobile-block{display:block;}
	}

	/* 공용 basic_ol_01 */
	.basic_ol_01{width:100%;display:block;margin-bottom:30px;box-sizing:border-box;}
	.basic_ol_01 ol > li{background-image:url('/commons/ssac1388/images/global/bottom-arrow.jpg');background-repeat:no-repeat;background-position:15% 90%;display:table;width:100%;padding-bottom:3%;}
	.basic_ol_01 ol > li:LAST-CHILD{background-image:none;}
	.basic_ol_01 ol li span:FIRST-CHILD{width:30%;background-color:#4b89dc;vertical-align:middle;text-align:center;display:table-cell;padding:2%;color:#fff;}
	.basic_ol_01 ol li span:LAST-CHILD{width:70%;padding-left:0px;vertical-align:middle;display:table-cell;}
	.basic_ol_01 ol li:LAST-CHILD > span{background-image:none;}
	.basic_ol_01 ol li ul li{padding:5%;border:1px solid #e0e0e0;}
	.basic_ol_01 ol li ul.two-type li:first-child{margin-bottom:0%;padding-bottom: 0px;border-bottom: 0px;}
	.basic_ol_01 ol li ul.two-type li:LAST-CHILD {border-top:0px;margin-top:0px;}
	
	@media screen and (min-width:1px) and (max-width:740px) {
		.basic_ol_01 ol li span{background-image:none !important;}
		.basic_ol_01 ol > li{background-image:none;}
	}
	
	/* 공용 basic_ol_02 */
	 .basic_ol_02{width:100%;display:block;margin-bottom:30px;}
	 .basic_ol_02 ol > li{width:25%;float:left;color:#fff;text-align:center;background:url("/commons/gpkdream/images/global/right-arrow-2.png") no-repeat 96% center;}
	 .basic_ol_02.three-type ol li{width:33%;}
	 .basic_ol_02 ol > li:LAST-CHILD {background-image:none;margin-right:0%;background-color:#fff;}
	 .basic_ol_02 ol > li h4{font-size:14px;color:inherit;padding:3% 0;}
	 .basic_ol_02 ol > li p{font-size:12px;color:#494949;background-color:#fff;height:110px;padding:6%;box-sizing:border-box;text-align:center;word-break:break-all;}
	 .basic_ol_02 ol > li.two-box div{background-color:#4b89dc;width:100%;height:75px;line-height:75px;margin-bottom:10px;}
	 .basic_ol_02 ol > li.two-box div:LAST-CHILD {margin-bottom:0px;}
	 .basic_ol_02 ol > li .list_wrap{background-color:#4b89dc;margin-right:10%;box-sizing:border-box;padding:0% 5%;height:160px;}
	 .basic_ol_02 ol > li .list_wrap.line-equal h4{line-height:160px;padding:0%;}
	 .basic_ol_02 ol > li .list_wrap.group-equal h4{padding:25% 0;}
	 
	 @media screen and (min-width:1px) and (max-width:760px) {
		.basic_ol_02 ol > li{width:50%;}
		.basic_ol_02 ol > li .list_wrap{margin-bottom:5%;}
		.basic_ol_02 ol > li:LAST-CHILD{width:45%;}
		.basic_ol_02.three-type ol li{width:100%; margin-bottom:3%;background-image:none;}
		.basic_ol_02.three-type ol li .list_wrap{height:auto;padding-bottom:5%;margin:0 auto;}
	}
	@media screen and (min-width:1px) and (max-width:420px) {
		.basic_ol_02 ol li p{overflow-y: scroll;}
	}
	

	/* 공용 basic_ol_03 */
	.basic_ol_03{width:100%;display:block;margin-bottom:15px;}
	.basic_ol_03 ol li{float:left;width:20%;background:url("/commons/gpkdream/images/global/right-arrow-2.png") no-repeat 96% center;}
	.basic_ol_03 ol li:LAST-CHILD{background-image:none;}
	.basic_ol_03 ol li p{border:3px solid #4b89dc;color:#5d5d5d;margin-right:10%;padding:2% 10%;}
	.basic_ol_03 ol li p.line-equal{height:56px;line-height:56px;}
	.basic_ol_03 ol li span{vertical-align:middle;color:inherit;font-size:14px;word-break:keep-all;}

	.basic_ol_03.w16 ol li{width:16.6%;}

	@media screen and (min-width:1px) and (max-width:840px) {
		.basic_ol_03 ol li{width:50%;background-position-y:11px;}
		.basic_ol_03 ol li:LAST-CHILD{width:100%;}
		.basic_ol_03 ol li:LAST-CHILD p{margin-right:5%;}
		.basic_ol_03 ol li p{padding:0%;margin-bottom:3%;}
		.basic_ol_03 ol li p.line-equal{height:auto;line-height:inherit;}
		
		.basic_ol_03.w16 ol li{width:50%;}
		.basic_ol_03.w16 ol li:LAST-CHILD p{margin-right:10%;}
	}