.blankTop{height:150px;display:block;position:relative;width:100%;clear:both;}
#sub_container img{ max-width:100%; }
.sub_content .xm h1{ margin-bottom:20px; }

/*********************subtop.css*********************/
.subtop_wrap{overflow:hidden; position:relative;z-index:1;}
.subtop_img{position:absolute; top:0; left:0; width:100%; height:100%; transform: scale(1.1); background-repeat:no-repeat; background-position:center; background-size:cover; animation-duration:3s; animation-fill-mode:forwards; z-index:-1; object-fit:cover; opacity:0.85; animation:shrinkImage 2s ease-out forwards;}
@keyframes shrinkImage {
  0% {
    transform: scale(1.1);
    opacity: 0.85;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.subtop_txt_wrap{ text-align:center; padding:0 0px; max-width:var(--content-width); width:100%;  border:0px solid #fff;box-sizing:border-box;}
.subtop_txt{ max-width:100%; margin:0 auto 0px auto;border:0px solid #fff;padding:0px 0 10px 0;box-sizing:border-box;}
.subtop_slogan{ font-size:17px; font-weight:300; text-shadow:2px 2px 5px rgba(0,0,0,0.15); }
.subtop_title{font-size:clamp(24px, 5vw, 50px);color:#fff; font-weight:800;margin:10px 0px;width:100%;letter-spacing:0px; filter:drop-shadow(5px 5px 5px rgba(0,0,0,0.3));}
.subtop_title i{font-size:20px;background:var(--point-color);color:#fff;padding:12px;border-radius:100%;position:relative;left:5px;margin:0px 10px 0 0;}
.subtop_title span{padding:10px 0px;}
.subtop_subtitle{ font-size:18px; font-weight:300; text-shadow:2px 2px 5px rgba(0,0,0,0.15);}

.subtop_txt > div{ width:100px; height:5px; margin:15px auto 0px auto;  display:flex;justify-content:center;}
.subtop_txt > div > div:first-child{background:#474b55;width:40px;}
.subtop_txt > div > div:last-child{background:var(--point-color2);width:40px;}




.subTopMenu{padding:0px;margin:0 auto 10px auto;list-style:none;width:100%;position:relative;z-index:10;border:0px solid #000;text-align:center;box-sizing:border-box;}
.subTopMenu .locNav{padding:0px 0px 0px 0px;margin:0 auto;list-style:none;margin:0px auto;position:relative;display:flex;justify-content:center;width:100%;}
.subTopMenu .locNav li{padding:0;vertical-align:top; background:#ddd; opacity:1; margin-right:1px;flex-grow:1;text-align:center;}
.subTopMenu .locNav li a{padding:14px 0px;display:block;border-bottom:0px solid #e8e8e8;border-left:0;border-right:0;color:#333;position:relative;z-index:99;text-decoration:none;font-size:14px;}

.subTopMenu .locNav .active{background:#006666;}
.subTopMenu .locNav li.active a{color:#fff;background:#006666;border:0px solid #de4332;border-left:0;border-right:0;}


#submenu{width:100%;position:absolute !important;margin:0px auto;z-index:10;border:0px solid #000;left:0px;}
.subTopMenu .locNav li ul{display:block;position:absolute;padding:0px;margin:0px;border:0px solid #000;overflow:hidden;z-index:100;width:100% !important;}
.subTopMenu .locNav li li{padding:10px 10px 0 10px;position:relative;top:-1px;border:0px solid #000;float:left;display:block;}
.subTopMenu .locNav li li a{padding:3px 0px;color:#818181 !important;border:none;background:none !important;border:none !important;font-size:12px;border:0px solid #fff;}
.subTopMenu .locNav li.active li.active a{color:#ff1a00 !important;font-weight:bold !important;}
.subTopMenu .locNav li:last-child{margin-right:0px;}



/*********************location.css*********************/
.location_bar{ width: 100%;margin:0 auto; max-width:var(--content-width);  box-sizing:border-box; text-align:center; }
.site_location_wrap{ padding: 0 10px; margin:0 0 0 -5px; line-height:25px;}
p.site_location{ display: inline-block; font-size: 14px; }
span.site_location_icon{ margin:0 5px; }

.site_location a{color:#fff !important; filter:drop-shadow(5px 5px 5px rgba(0,0,0,0.3));}

.subtop_inner_txt_wrap{width:100%;display:block;position:relative;margin:40px 0 0 0;}
@media( max-width:650px ){
	.subtop_inner_txt_wrap{margin:0px 0 0 0;}
}

/*********************location.css*********************/
.subtop_inner_txt_wrap .location_bar{ width: 100%;margin:0 auto; max-width:100%;  box-sizing:border-box; text-align:left;}
.subtop_inner_txt_wrap .site_location_wrap{ padding:10px 10px; margin:20px 0 0 0px; line-height:25px;}
.subtop_inner_txt_wrap .site_location_wrap a{ color:#333;font-size:16px;}


/*********************서브타이틀*********************/
.subtop_inner_txt_wrap .subtop_title{font-size:clamp(24px, 5vw, 45px);color:#333; text-align:left; font-weight:700;margin:10px 0px 10px 0px; padding:20px 0 0; width:100%;letter-spacing:-1px; filter:none;}
@media( max-width:650px ){
	.subtop_inner_txt_wrap .subtop_title{padding:7px 0 0; margin:5px 0px;}
}

.subtop_inner_txt_wrap h1::before {
  content: '';
  position: absolute;
  top: 0%;
  left: 0;
  width:50px;
  height:5px;
  background-color:var(--point-color);
  display:none;
}

.subtop_inner_txt_wrap h1::after {
  content: '';
  position: absolute;
  top: 0%;
  left: 50px;
  width:calc(100% - 50px);
  height: 5px;
  background-color:ddd;
  display:none;
}



.subtop_inner_txt_wrap .subtop_title i{font-size:20px;background:var(--point-color);color:#fff;padding:15px;border-radius:100%;position:relative;left:5px;margin:0px 10px 0 0;}
.subtop_inner_txt_wrap .subtop_txt p{font-size:17px;color:#666;}


/* location Depth - 본문위 */
.lnbw{display:block;padding:0; width:100%; border-top:1px solid #ddd;border-bottom:1px solid #ddd; background:#fff;z-index:90;height:60px;box-sizing:border-box;}
.lnb{position:relative;left:0; white-space:nowrap;margin-bottom:0px;z-index:1000;width:100%;max-width:var(--content-width);margin:0 auto;z-index:1;display:block;}
.lnb > ul{list-style:none;margin:0;padding:0;zoom:1;float:left;box-sizing:border-box;}
.lnb > ul:after{content:"";display:block;clear:both}


.lnb > ul > li:nth-child(1){padding:0px 15px;background:var(--point-color); border-left:1px solid #ddd;float:left;box-sizing:border-box;overflow:hidden;height:60px;text-align:center;display:flex;justify-content:center;}
.lnb > ul > li:nth-child(1) a{color:#fff;}

.lnb > ul > li:nth-child(2){float:left;list-style:none; border-left:1px solid #ddd; padding-left:15px; position:relative;font-size:16px; min-width:300px;height:60px;}
.lnb > ul > li:nth-child(3){float:left;list-style:none; border-left:1px solid #ddd; border-right:1px solid #ddd; padding-left:15px; position:relative;font-size:16px; min-width:300px;height:60px;}



.lnb ul ul{display:none;position:absolute;left:-1px;top:60px;padding:15px 0;background:#fff;z-index:100;margin:0px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:0;border-bottom:1px solid #ddd;box-sizing:border-box;width:calc(100% + 2px);margin:0px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.lnb ul li span{position:absolute;right:10px;float:right;border:0px solid #ddd;padding:0 3px;margin:0px;font-size:0.5;}
.lnb ul li span i{color:#cddddf;}

.lnb .depth3 {
    display: none;
}

.lnb li.active > .depth3 {
    display: block;
	background:#f2f2f2;padding:10px 0;border-radius:5px;margin:0px;
}

.lnb li li{float:none;background:none;padding:0;left:0;border-bottom:0px solid #ddd; padding:0px; border-right:0px;width:250px;box-sizing:border-box;}
.lnb li a{float:left;padding:20px 0px;color:#666;text-decoration:none;}
.lnb li a:hover,
.lnb li a:active,
.lnb li a:focus{color:#1ea3d3; color:#ff7700 !important;}
.lnb li.active a{font-weight:bold;color:#1ea3d3; color:#ff7700 !important;}
.lnb li li a{float:none;display:block;padding:5px 15px !important;background:none !important;height:auto;font-weight:normal !important}
/*.lnb li li:hover{padding-left:15px; box-sizing:border-box; transition:1s;}*/
.lnb li li.active a{font-weight:normal !important;}
.lnb > ul > li > a > i{font-size:20px;}


@media( max-width:650px ){
	.lnbw{display:none;}
}

/*********************content.css*********************/

#content{padding:0 !important;box-sizing:border-box;z-index:10;}
.content_wrap{padding:0 0 100px 0 !important; margin:0px auto 0px auto; box-sizing:border-box;background:#fff;z-index:10;max-width:var(--content-width)}
.boardContent{max-width:var(--content-width);width:100%; margin:0px auto; display:block;overflow:hidden;z-index:1;}
.left_aside{ width:300px; order:-1; padding-right:0px; height:100%;border:1px solid #ddd;padding-bottom:150px;}
.right_aside{ width:300px; order:10; padding-left:0px;}
.left_content{ width:calc(100% - 300px); padding-right:20px; box-sizing:border-box;}
.right_content{ width:calc(100% - 300px); padding-left:45px !important;  border:0px solid #000; }

.contentDiv{padding-bottom:100px;animation: fadeIn 1s ease-in-out;}


/*depth3Menu*/
.depth3Menu{display: flex;flex-wrap: wrap;border-top: 0px solid #ddd;border-left: 1px solid #ddd;}
.depth3Menu a{flex:1 1;min-width:25%;box-sizing: border-box;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;text-align: center;color:#555; padding:10px 0;font-weight:500; font-size:14pt;}
.depth3Menu a:hover{background:var(--point-color3);transition-duration:0.4s;color:#fff !important;}
.depth3Menu .tabon{background:var(--point-color3); color:#fff;}

/*********************좌측메뉴, 우측메뉴 sub_nav.css*********************/
.lnb_title{ margin:0px 0 0px 0px; border-bottom:1px solid #ddd; color:#fff; border-top:0px solid #ddd;padding:0px;height:150px;line-height:150px;background:var(--point-color);}
.lnb_title span{ margin-bottom:-1px; font-size:30px; font-weight:600; padding: 0; display:inline-block;color:#fff !important;}
.lnb_list li a{ border-bottom:1px solid #e8e8e8; }
.lnb_list > li > a{ padding:12px 30px 12px 15px; display:block; font-size:16px; color:#666; position:relative; transition-duration:0.3s; transition-timing-function:linear; }
.lnb_list > li > a:hover{ padding-left:15px; }
.lnb_list > li > a:after{ content:'\e93e'; position:absolute; top:50%; right:8px; font-family:xeicon; transform:translate(0, -50%); }

.lnb_list > li > ul.depth2{ background-color:#f8f8f8; padding:0px 10px;}
.lnb_list > li > ul.depth2 > li > a{ padding:10px 5px 10px 10px; display:block; font-size:14px; color:#666; transition-duration:0.3s; transition-timing-function:linear; }
.lnb_list > li > ul.depth2 > li > a:hover{ padding-left:20px; }

.lnb_list ul.depth3{ background-color:#fff; padding:0px 10px;}
.lnb_list ul.depth3 > li > a{ padding:10px 5px 10px 10px; display:block; font-size:14px; color:#666; transition-duration:0.3s; transition-timing-function:linear; }
.lnb_list ul.depth3 > li > a:hover{ padding-left:20px; }





@media( max-width:991px ){
	.sub_aside{ display:none; }
	.sub_content{ width:100%; padding:0; }
}

@media( max-width:850px ){
	.subtop_wrap{ min-height:180px !important; padding:85px 0 35px; }
	.subtop_title{ font-size:35px; }
	.subtop_subtitle{ font-size:17px; }
	
	.left_content{ width:100%; padding:0px 10px; box-sizing:border-box;}
	.right_content{ width:100%; padding:0px 10px !important;  border:0px solid #000; }


}
@media( max-width:650px ){
	#content{padding:35px 10px !important;box-sizing:border-box;border:0px solid #000;}


	.subtop_wrap{ padding:50px 0; background-size:cover;background-repeat:no-repeat; overflow:hidden; position:relative; margin-top:50px;}
	.subtop_txt_wrap{text-align:center; padding:0 0px; max-width:100%; width:100%;  border:0px solid #fff;box-sizing:border-box;}
	.subtop_txt{ max-width:100%; margin:0 auto 0px auto;border:0px solid #fff;padding:10px 0;box-sizing:border-box;box-shadow: rgba(0, 0, 0, 0) 0px 22px 70px 4px;}
	.subtop_slogan{ font-size:17px; font-weight:300; text-shadow:2px 2px 5px rgba(0,0,0,0.15); }
	.subtop_title{font-size:35px; font-weight:700; line-height:1.2; text-shadow:2px 2px 5px rgba(0,0,0,0.15); margin-bottom:0px; letter-spacing:-1px;width:100%;border:0px solid #000;white-space:nowrap;}
	.subtop_subtitle{ font-size:18px; font-weight:300; text-shadow:2px 2px 5px rgba(0,0,0,0.15);}
	.subtop_inner_txt_wrap .subtop_txt p{font-size:13px;}

	/*********************location.css*********************/
	.location_bar{ width:100%;margin:0 auto; max-width:100%;  box-sizing:border-box; text-align:center; }
	.site_location_wrap{ padding: 0 10px; margin:0 0 0 0px; line-height:25px;letter-spacing:-1px;}
	p.site_location{ display: inline-block; font-size: 12px; }
	span.site_location_icon{ margin:0 5px; }

	.subTopMenu .locNav{padding:0px 0px 0px 0px;margin:0 auto;list-style:none;margin:0px auto;position:relative;display:flex;justify-content:center;width:95%;}
	.subTopMenu .locNav li a{font-size:11px; padding:10px 0;}

	.depth3Menu a{padding:12px 15px; font-size:15px;}
	.subtop_inner_txt_wrap .subtop_title{font-size:35px; display:block; white-space:normal; word-break:keep-all;}
}

@media( max-width:430px ){
	.depth3Menu a{padding:12px 5px; font-size:13px; min-width:33.3%; word-break:keep-all;}
	.subtop_inner_txt_wrap .subtop_title{font-size:27px;}
}

@media( max-width:380px ){
	.subtop_title{font-size:27px !important;}
	.subtop_inner_txt_wrap .subtop_txt p{font-size:12px;}
}