@charset "utf-8";

/* 서브페이지 공통 */

.cont-in {font-size:13px; font-size:1.3rem;line-height:1.6;min-height:500px;margin-bottom:50px;}
.cont-in img{max-width:100%;}
.cont-in .bbs_cont img{max-width:100%;height: auto !important;}



/* ===============
	서브페이지 sub-default.jsp
==================*/

.visual_wrap {
	background-image:url("/commons/main/images/global/sub-visual-bg.jpg");
	background-position:center top;
	background-repeat:no-repeat;
	margin-top:-157px
	}
	.visual__in {width:1200px;margin:0 auto;height:409px;position: relative;}
	.dec-type1 {font-size:34px;color:#fff;font-weight: bold;position: absolute;top:240px;left:0;}

	@media screen and (min-width:1px) and (max-width:1200px) {
	.visual_wrap{margin-top:0;background-size:auto 100%;}
	.visual__in {width:auto;height:255px;}
	.dec-type1 {left:30px;top:110px;}
	}
	@media screen and (min-width:1px) and (max-width:768px) {
		.visual_wrap {display:none;}
	}

.sub-bg-top {
	background-image:url("/commons/main/images/global/sub-visual-bg.jpg");
	background-position:center top;
	background-repeat:no-repeat;
	margin-top:-157px
	}
	.sub-bg-top__in {width:1200px;margin:0 auto;height:409px;position: relative;}
	.dec-type1 {font-size:34px;color:#fff;font-weight: bold;position: absolute;top:240px;left:0;}

	@media screen and (min-width:1px) and (max-width:1200px) {
	.sub-bg-top{margin-top:0;background-size:auto 100%;}
	.sub-bg-top__in {width:auto;height:255px;}
	.dec-type1 {left:30px;top:110px;}
	}
	@media screen and (min-width:1px) and (max-width:768px) {
		.sub-bg-top {display:none;}
	}

/* 로케이션 형태 사이드메뉴 */
.new-lnb {border-bottom:1px solid #e0e0e0;position:relative;z-index: 99;height:65px;}
.new-lnb__in {width:1200px;margin:0 auto;}
.new-lnb__box {padding-left:50px;float:left;position: relative;
	background-image:url("/commons/main/images/global/loc-dep-bul.png");
	background-position:23px 23px;
	background-repeat:no-repeat;
}
.new-lnb__box:first-child {padding-left:0;background-image:none;}
.new-lnb__box .loc-dep {display: block;}
.loc-dep-home {text-indent:-9999px;width:50px;height:65px;
	background-image:url("/commons/main/images/global/loc-dep-home.png");
	background-position:center center;
	background-repeat:no-repeat;
}
/*1*/
.loc-dep-1 {height:65px;line-height:65px;padding-left:10px;min-width:127px;
	background-image:url("/commons/main/images/global/loc-dep-btn.png");
	background-position:95% center;font-size:13px;
	background-repeat:no-repeat;
	padding-right:30px;
}
.loc-dep-1-list {position: absolute;top:65px;left:50px;
	min-width:167px;
}

.loc-dep-1-list a {display:block;padding:20px 17px 20px 20px;background-color:#fff;border:1px solid #e0e0e0;border-top:0px;}
.loc-dep-1-list li:first-child a {border-top:1px solid #e0e0e0;}
.loc-dep-1-list a:hover,
.loc-dep-1-list a:focus {background-color:#eee}

/*2*/
.loc-dep-2 {height:65px;line-height:65px;padding-left:10px;padding-right:30px;min-width: 137px;
	background-image:url("/commons/main/images/global/loc-dep-btn.png");
	background-position:95% center;font-size:13px;
	background-repeat:no-repeat;}
.loc-dep-2-list {position: absolute;top:65px;left:50px;
	min-width: 177px;
}
.side-list{border-top:1px solid #e0e0e0;}

.side-list__li a {display:block;padding:20px 5px 20px 20px;;background-color:#fff;border:1px solid #e0e0e0;border-top:0px;padding-right:10px;}
.side-list__li a:hover,
.side-list__li a:focus {background-color:#eee}

.loc-dep-1-list {display:none;}
.loc-dep-2-list {display:none;}
.loc-dep-1-list.on {display:block;}
.loc-dep-2-list.on {display:block;}

@media screen and (min-width:769px) and (max-width:1200px) {
	.new-lnb__in {width:auto;}

}

@media screen and (min-width:1px) and (max-width:768px) {
	.new-lnb {height:auto;}
	.new-lnb__in {width:auto;}
	.new-lnb__box--0 {display: none;}
	.new-lnb__box--1 {display: none;}
	.new-lnb__box {background-image:none;padding-left:0;float:none;}
	.loc-dep-2 {display:none !important;}
	.loc-dep-2-list {left:0;position: relative;top:0;}

}

/*2019 사이드 메뉴 수정 추가 반드시*/
.sidebar {}
.mobile-submenu-btn {display:none;background-color:#845b29;padding:5px;text-align:center;color:#fff;
	position:absolute; top:4px;right:7px;z-index:99;display:none;
}
.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:768px) {
	.sidebar{display:block;position:relative;z-index:1;margin-top:0px;float:none;width:100%;}
	.side_in_wrap{display:none;border-bottom:2px solid #4d5256;opacity:0;}
    .sidebar h2{
		display: block;
		text-align:left;background-image:none;background-color:#4d5256;padding-left:10px;font-size:1.4rem;height:32px;
		padding-top:5px;line-height:1.6;
		color:#fff;min-height:10px;height:30px;border-radius:0px;text-align:left;padding-left:20px;}
	.sidebar h2 a{display:none;}
	.sidebar__h2{padding-bottom:0px;}
	.side-list__li > span > a {height:30px;line-height:30px;padding-top:3px;padding-bottom:3px;}
	.side-list__li.open-type > span > a {background-position:96% 12px}
	.side-list__li.open-type.on > span > a {background-position:96% 15px}
	.sp-open-type {background-position:97% 12px}
	.sp-open-type.on {background-position:97% 15px}

	/**/
	.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:0 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;}
	.side-list__li a {border-left:0;border-right:0;}
	.sidebar .side-list > li.on {display:block;}
	.sidebar.selected .side-list > li {display:block;}
	.sidebar.selected .side-list > li.open-type {display:block;}
	.sidebar.selected .side-list > li.on a {text-decoration: underline}
}

/* location */
.location-box {display:none;}

/*20180828 서브 제목 수정*/
.location-box__cont {display:inline-block;vertical-align:middle;}
.location-box__cont__in {display:inline-block;vertical-align:middle;}
.sub_title_new {display:inline-block}


/* contents */
.sub-page-container {
	background-color:#fff;
	background-image:url("/commons/main/images/global/sub-bg.jpg");background-position: center top; background-repeat:repeat-x;
	}
.sub-page-container__wrap {width:auto;margin:0 auto;position:relative;

	/*background-image:url("/commons/main/images/global/sub-page-container__wrap.jpg");background-position: 0 0; background-repeat:repeat-y;*/
}
.sub-contents {width:1200px;float:none;min-height:500px;
	background-color:#fff;
	margin:0 auto;
}


/* 제목줄 */
.sub-contents__top {position:relative;height:183px;border-bottom:1px solid #e0e0e0;
	background-image:none;
	margin-bottom:40px;
	}
.sub-contents__top h2.sub-tit {font-size:27px;color:#222;padding-top:105px;text-align:center;margin-bottom:16px;
	background-image:url("/commons/main/images/global/sub-tit.png");background-position: center 52px; background-repeat:no-repeat;
}

@media screen and (min-width:1px) and (max-width:1200px) {
	.sub-contents{float:none;width:98%;padding:1%;padding-top:6px;margin:0;}
	.sub-contents__top {height:auto;margin-bottom:20px;}
	.location-box__cont {position:relative;top:0;}
}
@media screen and (min-width:769px) and (max-width:1200px) {
	.sub-page-container {padding-top:0;}

	.sub_wrap{width:100%; position:relative;}
	.sub-contents{float:none;width:98%;padding:1%;padding-top:10px;margin:0;}
	.sub-contents__top {height:auto;margin-bottom:20px;}
	.sub-contents__top h2.sub-tit {padding-top:60px;background-position:center 10px;}
	.location-box {top:37px;text-align:left;}
	.location-box__cont {position:relative;}

}

@media screen and (min-width:1px) and (max-width:768px) {
	.sub-contents__top h2.sub-tit {padding-top:0;text-align:left;}

	.sub-contents__top {margin-bottom:10px;}
	.location-box {position:relative;top:0;right:0;padding-bottom:5px;padding-right:38px;}
	.location-box__cont {white-space:normal;overflow:visible;}
}
/* ===============
	서브페이지 sub.jsp
==================*/

/*제목줄*/
.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;}


/*20180828 서브 제목 수정*/
.location-box__cont {display:inline-block;vertical-align:middle;}
.location-box__cont__in {display:inline-block;vertical-align:middle;}
.sub_title_new {display:inline-block}

.sidebar__h2 {display:none;}


/*제목줄 프린트, 공유 버튼*/
.url-btn-wrap {position:absolute;right:0;top:-66px;z-index: 999;}

@media screen and (min-width:769px) and (max-width:1200px) {
	.url-btn-wrap {top:-76px;}	
}
@media screen and (min-width:1px) and (max-width:768px) {
	/*sub*/

	a{font-size:1.4rem;}

	.sub-contents__top {margin-bottom:10px;}
	.sub-contents__top h2.sub-tit {font-size:21px;margin-bottom: 8px;}
	.location-box {position:relative;top:0;right:0;padding-bottom:5px;display: block;}
	.location-box__cont {white-space:normal;overflow:visible;}

	.cont-in {padding-top:8px;}

	/*프린트, 공유*/
	.url-btn-wrap {top:0px;}
	.url-btn-wrap__print-item  {display:none;}
}

@media screen and (min-width:1px) and (max-width:1200px) {

	.mobile_none{display:none;}

	.sbj_line{background-image:none;min-height:60px;margin-bottom:10px;height:auto;}
	.sbj_line .location{position:relative;top:0;padding-top:5px;padding-bottom:5px;font-size:11px;border-bottom:1px dotted #eee;right:0;}
	.sbj_line h2{font-size:19px;padding-left:5px;padding-top:5px;height:auto;display:block;padding-bottom:10px;border-bottom:none;}
	.func_box{top:0;}


}

@media screen and (min-width:769px) and (max-width:1200px) {

}



@media screen and (min-width:1px) and (max-width:768px) {


	.location-box__cont {left:0;}
	.location-box__cont span {border-right:0px;background-image: url("/commons/main/images/global/location-icon-new.png");
		background-position:4px center;
		background-repeat: no-repeat;
		padding-left:15px;
	height:30px;line-height:30px;font-size: 1.2rem;
	}
	.location-box__cont span:first-child {background-image:none;padding-left:0;}
	.location-box__cont .loc-home {border-left:0px;height:30px;line-height:30px;background-size: 10px auto;width:18px;vertical-align: middle;font-size:0;display: inline-block;vertical-align: middle;
	background-position: 0px center;
	background-image: url("/commons/main/images/global/loc-dep-home.png");
	background-position: 0 center;
	background-repeat: no-repeat;
	background-size:15px 15px;

	}

	#footer {z-index:0;}
}

@media screen and (min-width:769px) and (max-width:2200px) {

}

/* 사이트맵 */
.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/main/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/main/images/global/basic_bul1.jpg");background-position:15px center;background-repeat:no-repeat;
}
.sub_wrap{width:1200px;margin:0 auto;padding-top:20px;}


@media screen and (min-width:1px) and (max-width:360px) {

.location-box__cont .loc-home {display:none;}
}