@charset "utf-8";
#hd2020{position:relative;margin:0 auto;width:100%;height:100px;z-index:100;}
#hd2020_wrapper {position:relative;margin:0 auto;padding:0;width:100%;height:100px;z-index:100;}

#logo2020 {position:absolute;top:14px; left:25px;z-index:1000;}
#tnb2020 {position:absolute;top:33px; right:120px; list-style:none;z-index:1000;}
#tnb2020:after {display:block;visibility:hidden;clear:both;content:""}
#tnb2020 li {float:left;margin:0 0 0 5px}


#hd_btn{position:absolute;top:33px;right:26px;text-align:center;z-index:50}
#hd_btn .all_menu{width:38px;border:0;background:#333333 url('/images/main/total_menu.jpg') no-repeat; height:37px;float:left;}

@media all and (max-width: 1024px){
#tnb2020 {right:90px; }
#hd_btn{display:none}

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

#logo2020 {position:absolute;top:14px; left:50%;margin-left:-93px}
#tnb2020 {top:20px;right:5px; }
}
@media all and (max-width: 320px){

#logo2020 {position:absolute;top:14px; left:50%;margin-left:-93px}
#logo2020 img{width:90%}
#tnb2020 img{width:30px;}
}

#gnb_nav.fixed{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height:100px;
  background:#fff;z-index:999;border-bottom:1px solid #ccc
}
#header_group.fixed{position:fixed;top:0;left:50%;margin-left:-465px; width:930px;height:100px;z-index:101;}

/* 탑메뉴 */
#header_group{position:absolute;top:0;left:50%;margin-left:-465px; width:930px;height:100px;z-index:101;}
.skip{position:absolute;top:0;height:0;visibility:hidden;font-size:0;}
#gnb{overflow:hidden;position:relative;width:100%;height:100px;padding:0; z-index:100;box-sizing: border-box; }
#gnb #animate{overflow:hidden;position:relative;width:100%;height:100%;background:#fff;}
#gnb #animate #tnb{overflow:hidden;position:relative;top:0;float:none;margin:0 auto; width:100%;height:100%;}
#gnb #animate #tnb #tm{overflow:hidden;position:relative;margin:0 auto; padding:0; z-index:101;box-sizing: border-box;}
#gnb #animate #tnb #tm:after{content:""; clear:both; display:block}
#gnb #animate #tnb #tm *{margin:0;vertical-align:middle;}
#gnb #animate #tnb #tm .tnc{float:left;width:186px;line-height:0;}
#gnb #animate #tnb #tm .tnc:hover{background:#0b7cc1; color:#fff !important}
#gnb #animate #tnb #tm .tnc:hover a{color:#fff !important}
#gnb #animate #tnb #tm .tnc > a{overflow:hidden;display:block;height:100px;color:#000;width:186px; font-weight:bold;font-size:22px;line-height:100px;text-align:center;word-wrap:break-word;word-break:keep-all;}
#gnb #animate #tnb #tm .tnc a img{border:0; padding:0; margin:0;}
#gnb #animate #tnb #tm .tnc a:link,#gnb #animate #tnb #tm .tnc a:visited{background:none;color:#000}
#gnb #animate #tnb #tm .tnc a span{display:block;padding:15px 0 15px 0;line-height:25px;}
#gnb #animate #tnb #tm .tnc ul{display:block;padding:21px 0;background:none; }
#gnb #animate #tnb #tm .tnc ul li{display:block;float:none;margin:0;padding:0}
#gnb #animate #tnb #tm .tnc ul li a{display:block;margin:0;padding:5px 0 5px 0;height:auto;font-size:14px;line-height:16px;text-align:center;color:#333 !important;word-wrap:break-word;word-break:keep-all;}
#gnb #animate #tnb #tm .tnc ul li a:link,#gnb #animate #tnb #tm .tnc ul li a:visited{background:none;color:#333;}
#gnb #animate #tnb #tm .tnc ul li a:hover,#gnb #animate #tnb #tm .tnc ul li a:active,#gnb #animate #tnb #tm .tnc ul li a:focus{background:none;color:#fff;text-decoration:underline;}
#gnb #animate #tnb #tm .tnc ul li.small a{display:block;margin:0;padding:2px 10px 5px 21px;height:auto;font-size:12px;line-height:13px;text-align:left;word-wrap:break-word;word-break:keep-all;}
#gnb #animate #tnb #tm .tnc ul li.small a:link,#gnb #animate #tnb #tm .tnc ul li a:visited{background:none;color:#fff;}
#gnb #animate #tnb #tm .tnc ul li.small a:hover,#gnb #animate #tnb #tm .tnc ul li a:active,#gnb #animate #tnb #tm .tnc ul li a:focus{background:none;color:#fff;text-decoration:underline;}
#gnb #animate #tnb #tm .tnc .list_ov{}
#gnb #animate #tnb #tm .tnc .list_ov li a:link,#gnb #animate #tnb #tm .tnc .list_ov li a:visited{background:none;color:#000;font-weight:bold}
#gnb #animate #tnb #tm .tnc .list_ov li a:hover,#gnb #animate #tnb #tm .tnc .list_ov li a:active,#gnb #animate #tnb #tm .tnc .list_ov li a:focus{background:none;color:#fff;text-decoration:underline;}
#tm li a span {text-align:center}

#gnb #global{display:none;}
#gnb .gnb_line{display:none;position:absolute;bottom:0;left:0;width:100%;height:3px;background:#0b7cc1;z-index:102;}

/*전체메뉴*/
#al_menu{display:none;position:fixed;top:0;right:0;width:100%;text-align:left; z-index:1000}

#al_menu .menu_wr{position:absolute;top:0;right:0;background:#fff;width:100%;z-index:1000 }
#al_menu .btn_close{position:absolute;top:20px;right:30px;background:none;border:0;width:50px;height:50px;text-align:center;font-size:40px;color:#aaa;line-height:50px; z-index:1002}
#al_menu .btn_close:hover{color:#000}
.btn_menu_op{display:none}
#menu{width: 1200px; margin: 0 auto; padding: 70px 0 110px 0;}
#menu:after {display:block;visibility:hidden;clear:both;content:""}
#menu .menu_li h2{padding-bottom: 26px;font-weight: 500; font-size: 22px;color: #000;text-align: center;border-bottom: 1px solid #ddd;}
#menu .menu_li h2 a{color:#000; font-weight:bold}
#menu .menu_li{float:left;width:20%;padding:20px 0;box-sizing: border-box; }    
#menu .menu_li:nth-child(5n+1){clear:both}
#menu .sub_menu {margin:15px 0;}
#menu .sub_menu li{list-style:none !important}
#menu .sub_menu li a{color: #666;font-weight: 400;padding-left:10px;line-height:20px;margin:5px 0;display:block;position:relative;text-align:center;list-style:none !important}


@media all and (max-width: 1024px){
#header_group{display:none}
#al_menu{display:none}
}


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

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}


#gnb_nav {
	position: absolute;
	left: 0px;
	width: 100%;
	z-index: 999;
	top:0;
	height:100px;
	line-height:100px
	background:#fff;
}


#lnb_wrap {
	/* position: relative; */
	width: 1100px;
	margin: 0 auto;
	display: block;
	height:100px;

}
.lnb_nav>li {
	float: left;
	width: 16.6%;
	line-height:100px;
}

.lnb_nav>li>a {
	display: block;
	color: #000;
	font-weight: 600;
	font-size: 20px;
	position: relative;
	text-align: center;
	border-bottom: 4px solid transparent;
}

.lnb_nav>li>a.on {
	color: green;
	border-bottom: 4px solid #3773c7;
}
.top_menu_on>a{color:yellow !important; border-bottom:3px solid green !important}
.lnb_nav>li>a:hover, .lnb_nav>li>a:focus {
	color: green;
}

.lnb_nav>li>a:hover:after, .lnb_nav>li>a:focus:after {
	content: '';
	display: block;
	border-top: 5px solid #3773c7;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	width: 0px;
	height: 0px;
	position: absolute;
	left: 50%;
	bottom: 5px;
	margin-left: -2px;
}


.depth02 {
	width: 100%;
	background: #056739;
	position: absolute;
	left: 0px;
	top: 100px;
	z-index: 99;
	padding:0;
	display:none;

}

.-moz- .depth02 {
	top: 122px;
}

.lnb_depth02 {
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding: 70px 0px 0 0px;
	text-align:center;
	word-break: keep-all;
}

.lnb_depth02>ul>li {
	width: 13%;
	float: left;
	margin: 10px 0.5%;
	background:red;
	text-align:center
}



.lnb_depth02>a {
	display: inlinek-block;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: -1px;
	color: #fff;
	padding:80px 40px 0 40px;
	text-align:center;
}

.lnb_depth02 .tm_icon0201 {background:url('../images/main/tm_icon01.png') no-repeat 35px top;}
.lnb_depth02 .tm_icon0202 {background:url('../images/main/tm_icon01.png') no-repeat 43px -120px;}
.lnb_depth02 .tm_icon0203 {background:url('../images/main/tm_icon01.png') no-repeat 30px -220px;}
.lnb_depth02 .tm_icon0204 {background:url('../images/main/tm_icon01.png') no-repeat 43px -330px;}
.lnb_depth02 .tm_icon0205 {background:url('../images/main/tm_icon01.png') no-repeat 30px -435px;}
.lnb_depth02 .tm_icon0206 {background:url('../images/main/tm_icon01.png') no-repeat 70px -540px;}
.lnb_depth02 .tm_icon0207 {background:url('../images/main/tm_icon01.png') no-repeat 30px -655px;}
.lnb_depth02 .tm_icon0208 {background:url('../images/main/tm_icon01.png') no-repeat 35px -790px;}
.lnb_depth02 .tm_icon0209 {background:url('../images/main/tm_icon01.png') no-repeat 31px -910px;}
.lnb_depth02 .tm_icon0210 {background:url('../images/main/tm_icon01.png') no-repeat 43px -1035px;}
.lnb_depth02 .tm_icon0211 {background:url('../images/main/tm_icon01.png') no-repeat 70px -1165px;}
.lnb_depth02 .tm_icon0212 {background:url('../images/main/tm_icon01.png') no-repeat 33px -1285px;}
.lnb_depth02 .tm_icon0213 {background:url('../images/main/tm_icon01.png') no-repeat 50px -1395px;}
.lnb_depth02 .tm_icon0214 {background:url('../images/main/tm_icon01.png') no-repeat 70px -1500px;}
.lnb_depth02 .tm_icon0215 {background:url('../images/main/tm_icon01.png') no-repeat 120px -1620px;}

.lnb_depth02 .tm_icon0401 {background:url('../images/main/tm_icon02.png') no-repeat 60px 10px;padding-left:80px !important;padding-right:80px !important}
.lnb_depth02 .tm_icon0402 {background:url('../images/main/tm_icon02.png') no-repeat 36px -100px;}
.lnb_depth02 .tm_icon0403 {background:url('../images/main/tm_icon02.png') no-repeat 90px -220px;}
.lnb_depth02 .tm_icon0404 {background:url('../images/main/tm_icon02_2026.png') no-repeat 47px -325px;}

.lnb_depth02 .tm_icon0301 {background:url('../images/main/tm_icon03.png') no-repeat 40px 5px;padding-left:40px !important;padding-right:40px !important}
.lnb_depth02 .tm_icon0302 {background:url('../images/main/tm_icon03.png') no-repeat 45px -100px;}
.lnb_depth02 .tm_icon0303 {background:url('../images/main/tm_icon03.png') no-repeat 50px -215px;}
.lnb_depth02 .tm_icon0304 {background:url('../images/main/tm_icon03.png') no-repeat 40px -325px;}
.lnb_depth02 .tm_icon0305 {background:url('../images/main/tm_icon03.png') no-repeat 30px -420px;}
.lnb_depth02 .tm_icon0306 {background:url('../images/main/tm_icon03.png') no-repeat 30px -555px;}

.lnb_depth02 .tm_icon0501 {background:url('../images/main/tm_icon04.png') no-repeat 30px 10px;padding-left:30px !important;padding-right:30px !important}
.lnb_depth02 .tm_icon0502 {background:url('../images/main/tm_icon04.png') no-repeat 25px -100px;padding-left:30px !important;padding-right:30px !important}
.lnb_depth02 .tm_icon0503 {background:url('../images/main/tm_icon04.png') no-repeat 25px -215px;padding-left:30px !important;padding-right:30px !important}
.lnb_depth02 .tm_icon0504 {background:url('../images/main/tm_icon04.png') no-repeat 20px -325px;padding-left:30px !important;padding-right:30px !important}

.lnb_depth02 .tm_icon0101 {background:url('../images/main/tm_icon05.png') no-repeat 15px 5px;padding-left:30px !important;padding-right:30px !important}
.lnb_depth02 .tm_icon0102 {background:url('../images/main/tm_icon05.png') no-repeat 20px -750px;padding-left:30px !important;padding-right:30px !important}
.lnb_depth02 .tm_icon0103 {background:url('../images/main/tm_icon05.png') no-repeat 25px -100px;padding-left:30px !important;padding-right:30px !important}
.lnb_depth02 .tm_icon0104 {background:url('../images/main/tm_icon05.png') no-repeat 20px -215px;padding-left:30px !important;padding-right:30px !important}
.lnb_depth02 .tm_icon0106 {background:url('../images/main/tm_icon05.png') no-repeat 20px -325px;padding-left:30px !important;padding-right:30px !important}
.lnb_depth02 .tm_icon0107 {background:url('../images/main/tm_icon05.png') no-repeat 20px -430px;padding-left:30px !important;padding-right:30px !important}
.lnb_depth02 .tm_icon0108 {background:url('../images/main/tm_icon05.png') no-repeat 20px -530px;padding-left:30px !important;padding-right:30px !important}
.lnb_depth02 .tm_icon0109 {background:url('../images/main/tm_icon05.png') no-repeat 20px -640px;padding-left:30px !important;padding-right:30px !important}
.lnb_depth02 .tm_icon0105 {background:url('../images/main/tm_icon05.png') no-repeat 20px -850px;padding-left:30px !important;padding-right:30px !important}

.lnb_depth02 .tm_icon0601 {background:url('../images/main/tm_icon01.png') no-repeat 70px -1395px;}

.lnb_depth02>ul>li>ul>li>a {
	display: inline-block;
	color: #666666;
	letter-spacing: -1px;
	padding: 3px 20px 3px 15px;
	margin-left: 20px;
	background:url(../images/common/lnb_dot.png) no-repeat left center;
}

.lnb_depth02>ul>li>ul>li>a:hover, .lnb_depth02>ul>li>ul>li>a:focus {
	display: block;
	background: #3773c7 url(../images/common/bul_header_depth02.gif)
		no-repeat 95% 9px;
	color: #ffffff;
	border-left: 1px solid #3772c4;
}

@media all and (max-width: 1024px){
#lnb_wrap {display:none}
}


/*푸터*/
footer{
	position: relative;
	clear:both;
	width:100%
}
footer .footer_wrap {
	position: relative;
	text-align:center;
	line-height:70px;
	background:#f5f5f5;
}
footer .footer_wrap .ft_menu {position: relative;width:1200px; margin:0 auto;padding:20px 0;line-height:20px}
footer .footer_wrap .ft_menu a{font-size:16px; color:#000; padding:0 20px; font-weight:500;font-family: 'S-CoreDream'; line-height:20px}
footer .footer_wrap .ft_menu .line{padding:0 5px;color:#aeaeae}
footer .footer_wrap .ft_menu .line02{padding:0 5px;color:#aeaeae}
footer .footer_wrap .ft_menu .br_st01{display:none}

footer .m_footer_wrap{display:none}
footer .footer_infoWrap { background: #fff; width: 100%; padding:50px 0 50px 0px; position: relative;}
footer .footer_infoWrap .info{position: relative;width:1200px; margin:0 auto;}
footer .footer_infoWrap .info:after {display:block;visibility:hidden;clear:both;content:""}
footer .footer_infoWrap .info .ft_logo{float:left; width:25%; text-align:left}
footer .footer_infoWrap .info .ft_copy{float:left; width:50%; text-align:center; font-size:16px; color:#424242; padding:30px 0 0 0; }
footer .footer_infoWrap .info .ft_copy .span_st01{color:#444; font-size:13px;}
footer .footer_infoWrap .info .ft_logo2{float:left; width:25%; text-align:right}
footer .wa_mark {position: absolute;right:0;top:0;}
footer .footer_infoWrap .m_login_wr{display:none}


@media all and (max-width: 1024px){
footer .footer_wrap .ft_menu {width:100%;}
footer .footer_infoWrap .info{position: relative;width:100%; margin:0 auto;}
footer .footer_infoWrap .info:after {display:block;visibility:hidden;clear:both;content:""}
footer .footer_infoWrap .info .ft_logo{float:left; width:100%; text-align:center}
footer .footer_infoWrap .info .ft_copy{float:left; width:100%; text-align:center; font-size:16px; color:#424242; padding:30px 0 0 0; }
footer .footer_infoWrap .info .ft_copy .span_st01{color:#9c9c9c; font-size:13px;}
footer .footer_infoWrap .info .ft_logo2{float:left; width:100%; text-align:center; padding:30px 0 0 0}
}

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

footer .footer_wrap .ft_menu a{font-size:14px; padding:0 5px;}
footer .footer_wrap .ft_menu .line{padding:0 2px;color:#aeaeae}
}

@media all and (max-width: 480px){
footer .footer_wrap .ft_menu .line02{display:none}
footer .footer_wrap .ft_menu .br_st01{display:block}
footer .footer_wrap .ft_menu a{padding:0 2px;}
footer .footer_wrap .ft_menu .line{padding:0 0px;color:#aeaeae}
footer .footer_infoWrap .info .ft_copy .span_st00{display:block; color:#fff; line-height:5px}
footer .footer_infoWrap .info .ft_copy .span_st01{line-height:70px;font-size:11px;}
}

@media all and (max-width: 375px){
footer .footer_wrap .ft_menu a{padding:0 3px; font-weight:500; font-size:12px}
}

@media all and (min-width: 1025px){

	.menu_mobile{display:none;}


	.footer_link .openLink{width:100%;}

	.footer_link .detail.link0101 ul,
	.footer_link .detail.link0103 ul,
	.footer_link .detail.link0104 ul{float:left;width:50%;}

}
@media all and (max-width: 1024px){
	footer .m_footer_wrap{display:block}

	footer .footer_infoWrap{height:auto;}
	footer .footer_link .link01 .detail{display:none}
	footer .footer_link .link02 .detail{display:none}
	footer .footer_link .link03 .detail{display:none}
	footer .footer_link .link04 .detail{display:none}
	footer .footer_link .link05 .detail{display:none}


	footer .footer_link .link0101>li{
		width:25%;
	}
	footer .footer_link .link0102>li{
		width:25%
	}
	footer .footer_link .link0103>li{
		width:50%
	}
		footer .addressInfo li{
		width:100%;
		margin-top:0;
		padding: 0;
		float:none}
			footer .footer_link .link01>span.openLink{
		background: url(../images/common/footer_link_more.png) no-repeat right center;
		padding-right: 15px;
	}
	footer .footer_link .link02>span.openLink{
		background: url(../images/common/footer_link_more.png) no-repeat right center;
		padding-right: 15px;
	}
	footer .footer_link .link03>span.openLink{
		background: url(../images/common/footer_link_more.png) no-repeat right center;
		padding-right: 15px;
	}
	footer .footer_link .link04>span.openLink{
		background: url(../images/common/footer_link_more.png) no-repeat right center;
		padding-right: 15px;
	}
	footer .footer_link .link05>span.openLink{
		background: url(../images/common/footer_link_more.png) no-repeat right center;
		padding-right: 15px;
	}
	footer .footer_link .link01>span.closeLink{
		background: url(../images/common/footer_link_more_close.png) no-repeat right center;
		padding-right: 15px;
	}
	footer .footer_link .link02>span.closeLink{
		background: url(../images/common/footer_link_more_close.png) no-repeat right center;
		padding-right: 15px;
	}
	footer .footer_link .link03>span.closeLink{
		background: url(../images/common/footer_link_more_close.png) no-repeat right center;
		padding-right: 15px;
	}
	footer .footer_link .link05>span.closeLink{
		background: url(../images/common/footer_link_more_close.png) no-repeat right center;
		padding-right: 15px;
	}
	footer .footer_link .div ul{display:none}

		footer .footer_link div{
		float:left
	}
	footer .footer_link {width:90%; text-align:left;}
	footer .footer_link .link01{width:100%}

	footer .footer_link .link02{width:100%}
	footer .footer_link .link03{width:100%}
	footer .footer_link .link04{width:100%}
	footer .footer_link .link05{width:100%}
	footer .footer_link .link0101>li{width:12%}
	footer .footer_link .link0102>li{width:16%}
	footer .footer_link .link0103>li{width:20%;letter-spacing:-1px}
	footer .ptsitemap{width:100%}
	footer .homepage_link{
		width: 90%;
	    margin: 0 auto;
	    float: none;
	    padding-top: 20px;
	}
	footer .callcentre{
		width: 90%;
	    padding-top: 20px;
	    float: none;
	    margin: 0 auto;
	}
	footer .addressInfo{
		width:90%;
		margin:10px auto;
	}
	footer .addressInfo li{
		width:32%;
		letter-spacing:-1px;
		padding:8px 9px 3px 0;}

	footer .homepage_link ul:after,
	footer .callcentre:after,
	footer .addressInfo:after{content:''; display:block; clear:both;}
	footer .ptsitemap .wa_mark{display:none;}



}
@media all and (max-width: 768px){
	/* footer .footer_link .link0101 > li:nth-of-type(8n-7),
	footer .footer_link .link0102 > li:nth-of-type(6n-5),
	footer .footer_link .link0103 > li:nth-of-type(5n-4),
	footer .footer_link .link0104 > li:nth-of-type(2n-1){
		clear: none;
	}
	footer .footer_link .link0101 > li:nth-of-type(4n-3),
	footer .footer_link .link0102 > li:nth-of-type(4n-3),
	footer .footer_link .link0103 > li:nth-of-type(2n-1),
	footer .footer_link .link0104 > li:nth-of-type(2n-1){
		clear: left;
	} */
}

@media all and (max-width: 555px){
	footer .homepage_link li{width:33.33333333333333%;}
	footer .homepage_link li:nth-child(5){clear:none;}
}


@media all and (max-width: 500px){
	footer .footer_link .link0101 > li:nth-of-type(4n-3),
	footer .footer_link .link0102 > li:nth-of-type(4n-3),
	footer .footer_link .link0103 > li:nth-of-type(2n-1),
	footer .footer_link .link0104 > li:nth-of-type(2n-1){
		clear: none;
	}
	footer .footer_link li{
		width: 100% !important;
		clear: left;
	}
	footer .footer_link .link0101 li,
	footer .footer_link .link0102 li,
	footer .footer_link .link0103 li,
	footer .footer_link .link0105 li{
		width: 48% !important;
		clear: none;
	}
	footer .footer_link .link0101 li:nth-of-type(2n-1),
	footer .footer_link .link0102 li:nth-of-type(2n-1),
	footer .footer_link .link0103 li:nth-of-type(2n-1),
	footer .footer_link .link0105 li:nth-of-type(2n-1){
		clear: left;
	}
}



footer .footer_link div>span {
	color: #fff;
	font-weight: 600; font-size : 16px;
	padding: 20px 0;
	display: inline-block;
}

footer .footer_link div ul li {
	line-height: 22px;
	float: left;
	width: 100%;
	height:auto;
	padding:0 10px;
	background: url(../images/common/link_dot.png) no-repeat 0 10px;
	box-sizing:border-box;
}

footer .footer_link div ul li a {
	color: #fff;
	font-size: 12px;

	opacity: 0.5;
}

footer .addressInfo li {
	float: left;
	color: #fff;
	font-size: 12px;
	width: 25%;
	margin-top: 15px;
}
.header_wrap{display:none}

.hide,.skip,legend, caption{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
.menu_mobile{display:none}

@media screen and (max-width:1150px) {
	footer .footer_wrap:after
		{background:none}
	}
@media screen and (max-width:1024px) {

	.header_wrap{display:block}
	.gnb_wrap>div, .header_wrap>div.area_top {
		width: 100%;
		margin:0 auto;

	}
	.gnb {
		display: none
	}
	.gnb_wrap .mailing {
		display: none
	}
	div.langlist{display:none}

	
}

	/* 메뉴버튼 */


.menu_mobile{display:inline-block; position:fixed; right:26px; top:33px;z-index:1000;}
.menu-btn {position:relative; width:38px; height:37px; display:inline-block; vertical-align:middle; background:#333333 url('/images/main/total_menu.jpg') no-repeat;z-index:1000;border-radius: 5px;}
.menu-btn .bar-01{top:12px;}
.menu-btn .bar-02{top:23px;}
.menu-btn .bar-03{top:34px;}
.menu-btn.open .bar-01{top:22px; transform:rotate(45deg)}
.menu-btn.open .bar-02{opacity:0.0;}
.menu-btn.open .bar-03{top:22px; transform:rotate(-45deg)}


}
@media screen and (max-width: 1400px) and (min-width: 1281px) {
	body{
/* 	transform: scale(0.95); */
    	 transform-origin: left top;
   		 margin-bottom: -40.5%;
    	 overflow-x: hidden;}
}

@media screen and (max-width: 1280px) and (min-width: 1180px) {
	body{
/* 	transform: scale(0.9); */
    	 transform-origin: left top;
   		 margin-bottom: -40.5%;
    	 overflow-x: hidden;}
}

@media screen and (max-width: 1179px) and (min-width: 1120px) {
/* 	body{transform: scale(0.85); transform-origin: left top;} */
}

@media screen and (max-width: 1119px) and (min-width: 1025px) {
/* 	body{transform: scale(0.8); transform-origin: left top;} */
}


@media screen and (max-width:800px) {
	footer .footer_infoWrap{height:auto;}
}


@media screen and (max-width:767px) {

	.header_wrap h1 a{font-size: 0;
    background: url(/pyeongtaek/images/common/logo_w.png) no-repeat;
    display: block;
    margin: 0px auto;
    background-size: contain}
	.gnb_wrap>div{
		width:98%}
	.gnb_nav>li{
		width:19%;}
		.gnb_nav>li>a{text-align:center;width:100%;padding:2px 0px 3px}
}
@media screen and (max-width:480px) {
.menu_mobile{display:inline-block; position:fixed; width:20%;left:10px; top:20px;z-index:99999;}
}
@media screen and (max-width:425px) {
	footer .footer_link .link0101>li{
		width:25%;
	}
	footer .footer_link .link0102>li{
		width:100%
	}
	footer .footer_link .link0103>li{
		width:50%
	}
	footer .footer_link .link0104>li{
		width:50%
	}
	footer .footer_link .link0105>li{
		width:50%;float:left
	}
	footer .addressInfo li{
		width:100%;
		margin-top:0;
		padding: 0;
		float:none}
	footer .homepage_link li{width:50%;}

}
@media screen and (max-width:320px) {
	footer .footer_link .link0102>li{
		width:50%}
}



/* mobile navi */
#mobLnb {display:none; position:fixed; top:72px; left:-100%; width:100%; height:100%; z-index:99999; box-sizing:border-box; overflow-y:auto;}
#mobLnb > div { width:80%; background:#dbecf7;min-height:200%; padding-bottom:50px; float:left; position: relative;}
#mobLnb .m_lang{background: #fff;overflow:hidden}
#mobLnb .m_lang ul li{float:left;}
.m_lang>ul>li a {
	font-weight: 600;
	padding: 14px 0px 6px 16px;
	line-height: 15px;
	display: inline-block;
	letter-spacing:-1px;
	font-size:13px
}

.m_lang>ul>li:first-child a {
	color: #2b75c9;
}

.m_lang>ul>li:nth-child(2) a {
	color: #ff5b5c;
}

.m_lang>ul>li:nth-child(3) a {
	color: #319619;
}
#mobLnb .side_menu a {display:block; cursor:pointer;}
#mobLnb .side_menu h2 {display:none;}
#mobLnb .menu_top {width:100%;background:#fff;overflow:hidden;padding:13px 0; text-align:center}
#mobLnb .menu_top img{width:80%; max-width:186px; display:inline-block}
#mobLnb .menu_top .m_lang{float:left}
#mobLnb .menu_top .m_sns{float:right;margin-right:25px;}
#mobLnb .menu_top .bw2{width:100%;float:left}
#mobLnb .menu_top .bw2 .box_01:after { content:''; display:block; clear:both; }
#mobLnb .menu_top .bw2 {font-size: 13px;position: relative;padding: 8px 14px 7px;box-sizing: border-box;letter-spacing: -0.8px;background: #e5edff;}
#mobLnb .menu_top .bw2 span {line-height: 9px;}
#mobLnb .menu_top .bw2 .micro {letter-spacing:0.5em;}
#mobLnb .menu_top .bw2 .micro_mi {font-weight: 600;color: #000;margin-left:18px;}
#mobLnb .menu_top .bw2 .pollusion_po {color: #60b4f1; font-weight: 600; margin-left: 24px;}

#mobLnb .menu_top .namu{width:35%;float:right}
#mobLnb .menu_top .namu img{max-width:162px;}

#mobLnb .choose_site, #mobLnb .choose_lang { font-weight: 600; padding-left: 17px;}
#mobLnb .depth2 > li.on, #mobLnb .depth3 > li { background-image: none !important;}
#mobLnb .depth1 > li { background-position: 96% 16px !important; background:#0075c1;margin-bottom: 4px; }
#mobLnb .depth1 > li > a { padding:0 5%; line-height:53px; font-weight: 600; font-size:20px; color:#fff;}
#mobLnb .depth1 > li > a.off {background:url(../images/common/m_bt_minus.png) no-repeat 93%;}
#mobLnb .depth1 > li > a.on {background:url(../images/common/m_bt_more.png) no-repeat 93%;}
#mobLnb .depth1 > li.on { background-position: 97% -46px !important;}
#mobLnb .depth2 { display:none; padding:10px 3%; background: #28a7e1 url(../images/common/m_menu_bg.png) no-repeat;
    background-position-x:100%;background-position-y:100%}
#mobLnb .depth2 > li { margin: 4px 0; }
#mobLnb .depth2 > li > a { height:30px; line-height:30px; letter-spacing: -0.5pt; padding-left:30px; font-size:18px; color:#fff;background:url(../images/common/m_menu_bul.png) no-repeat 16px }
#mobLnb .depth3 { display:none; margin:8px 20px 12px 30px; padding: 9px 0; overflow:hidden; box-sizing:border-box; background:#42b7ed}
#mobLnb .depth3 > li { float:left; width:50%; margin: 8px 0;}
#mobLnb .depth3 > li > a { padding:0 0 0 24px; font-size:16px; color:#fff; background:url(../images/common/m_menu_dot.png) no-repeat 14px}
#mobLnb .depth3 > li.on > a { color:#000; font-weight: 600; }
#mobLnb .btn_close {background: #0075c1 url(../images/common/btn_close.png) no-repeat center;position:absolute; top:0; right:-54px; width: 54px; height: 54px; line-height:0; text-indent:-9999px; font-size: 0; border-radius: 0 10px 10px 0;}
/* mobile mask */
.stop_scrolling {height:100%; overflow:hidden !important;}
#mask_mn {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:9999;}
#mask_kw {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); z-index:9999;}
.gnb_nav .m_gnb_more{display:none;    z-index: 1;
    position: absolute;
    top: 26px;
    left: 0;
    width: 110px;
    padding: 0.6em 0 0.3em 5px;
    background: #fff;
    border-radius: 3px;}
.m_sns .gnbSns {float:left}
.m_sns .mailing {float:left}
.m_sns .gnbSns>li {
	float: left
}
.m_sns #cityNews { background: url(../images/common/pyeong_mailing.png) no-repeat -37px 7px; margin-left:7px;}
.m_sns #mailing { display: block; font-weight: 600; color: #777; line-height: 17px; background: url(../images/common/pyeong_mailing.png) no-repeat 3px 7px; }
.m_sns .gnbSns a, #mailing, #cityNews { font-size: 0; width: 32px; height: 42px; display: block; }

.m_sns .gnbSns li:first-child a {background: url(../images/common/pyeong_sns.png) no-repeat 0 center;}
.m_sns .gnbSns li:nth-child(2) a { background: url(../images/common/pyeong_sns.png) no-repeat -39px center }
.m_sns .gnbSns li:nth-child(3) a { background: url(../images/common/pyeong_sns.png) no-repeat -77px center }
.m_sns .gnbSns li:nth-child(4) a { background: url(../images/common/pyeong_sns.png) no-repeat -113px center }
.m_sns .gnbSns li:nth-child(5) a { background: url(../images/common/pyeong_sns.png) no-repeat -154px center }
.m_sns .gnbSns li:nth-child(8) a { background: url(../images/common/pyeong_sns.png) no-repeat -188px 8px; margin-left:10px;}

.flN {float:none !important;}

@media screen and (max-width:1024px) {
	#mobLnb{display:block}
}
@media screen and (max-width:630px) {
	.gnb_nav{display:none}

	#mobLnb .menu_top .m_lang{
		float:none;
	    display:none;
		}
	#mobLnb .menu_top .m_sns{padding-left: 10px;
		float:none}
	#mobLnb .depth3 > li{
		float:none;
		width:100%}
	#mobLnb .depth2{
		background:none;
		background-color: #28a7e1;}
	#mobLnb .choose_lang{padding-left: 0;}
	.m_sns .gnbSns{
	width:100%}
	.m_sns .gnbSns>li{
		width:12.5%
	}
	.m_sns .m_mail{
		width:30%
	}
	.m_gnb_nav li a:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

.m_gnb_nav li:first-child a:before {
	background: url(../images/common/gnb_nav.png) no-repeat 0 center;
	margin-right: 3px;
}

.m_gnb_nav li:first-child a.on:before {
	background: url(../images/common/gnb_nav.png) no-repeat -69px
		center;
}

.m_gnb_nav .nav_a a:before {
	background: url(../images/common/gnb_nav.png) no-repeat -548px
		center;
	margin-right: 5px;
}

.m_gnb_nav .nav_a a.on:before, .m_gnb_nav li:nth-child(2) a:hover:before {
	background: url(../images/common/gnb_nav.png) no-repeat -617px
		center;
}

.m_gnb_nav .nav_b a:before {
	background: url(../images/common/gnb_nav.png) no-repeat -412px
		center;
	margin-right: 4px;
}

.m_gnb_nav .nav_b a.on:before, .m_gnb_nav li:nth-child(3) a:hover:before {
	background: url(../images/common/gnb_nav.png) no-repeat -481px
		center;
}

.m_gnb_nav .nav_c a:before {
	background: url(../images/common/gnb_nav.png) no-repeat -274px
		center;
	margin-right: 5px;
}

.m_gnb_nav .nav_c a.on:before, .m_gnb_nav li:nth-child(4) a:hover:before {
	background: url(../images/common/gnb_nav.png) no-repeat -343px
		center;
}

.m_gnb_nav .nav_d a:before {
	background: url(../images/common/gnb_nav.png) no-repeat -139px
		center;
}

.m_gnb_nav .nav_d a.on:before, .m_gnb_nav li:nth-child(5) a:hover:before {
	background: url(../images/common/gnb_nav.png) no-repeat -208px
		center;
}

.m_gnb_nav>li {
	float: left;
	padding: 9px 3px;
}

.m_gnb_nav>li>a {
	display: block;
	padding: 2px 12px 3px;
	color: #777777;
	font-weight: bold;
	margin-bottom: -1px;
	font-family: '나눔고딕', 'NanumGothicWeb', 'Nanum Gothic';
	font-weight: 600;
}
/* .m_gnb_nav > li:nth-child(2) > a{
	background: url(/pyeongtaek/images/main/tour_tap.png) no-repeat 84px center;
    padding: 15px 58px 7px 20px;
    border-right:1px solid #ccc
} */
.m_gnb_nav>li>div{
	display: none;
    position: absolute;
    left: 0;
    width: 40%;
    background: #fff;
    top:38px;
    z-index: 9999;}
.m_gnb_nav>li>a {
	background-color: #ffffff;
	color: #0f7d72;
	border: 1px solid #c9e0e6;
	border-radius: 40px;
}
.m_gnb_nav>li>a.on, .m_gnb_nav>li>a:hover {
	background-color: #ffffff;
	color: #0f7d72;
	border: 1px solid #c9e0e6;
	border-radius: 40px;
}

.m_gnb_nav>li:nth-child(2)>a.on {
	background: #ffffff url(/pyeongtaek/images/main/tour_tap.png) no-repeat
		83px center;
	padding: 15px 56px 7px 15px;
}

.m_gnb_nav li .hd_tab {
	font-size: 10px;
	font-weight: bold;
	color: #000
}

.gnb {
	position: absolute;
	right: 97px;
	top: 1px;
}

.gnb>li {
	color: #777777;
	float: left;
}

.gnb>li>button {
	display: inline-block;
	background: url(../images/common/bul_arrow_down_gray.png) no-repeat
		right 10px;
	padding-right: 15px;
	color: #777777;
}

.gnb>li>div {
	background: #ffffff;
	border: 1px solid #d9d9d9;
	padding: 10px;
	position: relative;
	z-index: 20;
}

.gnb>li.logout>a {
	background: url(../images/common/bul_logout.png) no-repeat right 3px
		!important;
	margin-right: 20px;
	padding-right: 12px;
}

.gnb>li.reinfo>a {
	background: url(../images/common/bul_reinfo.png) no-repeat right 2px
		!important;
	margin-right: 20px;
	padding-right: 16px;
}

.gnb>li>div>ul>li>a {
	color: #777777;
}

.gnb>li>div>ul>li>a:hover, .gnb>li>div>ul>li>a:focus {
	text-decoration: underline;
}

}




.fN {float:none;}


/* 배너모음 */
.area_banner {padding: 50px 0 50px 0; width:100%; float: left; display:block;}
.area_banner.quick{display:none;}
.area_banner > article {width: 1280px; margin: 0 auto; position: relative;}
.area_banner > article .bbn {height: 76px; float: left; width: 229px;}
.area_banner h2 { font-size: 22px;color: #000; position: absolute; left: 0; top: 17px;font-family: 'S-CoreDream';}
.area_banner .btn {position: absolute; left: 110px; top: 15px;}
.area_banner .btn > a {display: block; float:left; width: 37px; height: 43px; overflow: hidden; text-indent: 100%; white-space: nowrap;border-left:0;}
.area_banner .btn .banner_left {background: url(../images/common/icon_conts_3.png) no-repeat 0 0;}
.area_banner .btn .banner_stop {background: url(../images/common/icon_conts_3.png) no-repeat -74px 0;}
.area_banner .btn .banner_play {background: url(../images/common/icon_conts_3.png) no-repeat -37px 0;}
.area_banner .btn .banner_right {background: url(../images/common/icon_conts_3.png) no-repeat -111px 0;}

.area_banner .box_banner {width: 1051px; position: relative; height: 76px; overflow: hidden; float: left;border-left:1px solid #ececec}
.area_banner ul {position: absolute; left: 0px; top: 0px; white-space: nowrap;height:76px !important;line-height:76px; padding:0;margin:0}
.area_banner ul > li {float:left;margin:0 0 0 -1px; padding:0;height:76px !important;line-height:76px; }
.area_banner ul > li > a {display: inline-block; padding: 0 0 0 0;height:76px;line-height:76px}
.area_banner ul > li > a:focus-visible {outline:3px solid #000; outline-offset:-3px ;}
.area_banner ul > li img{vertical-align:top}
.area_banner .ab{position: absolute; top: 6px; width: 20%;}




/* 반응형 */

@media screen and (max-width:1024px) {
	#wrap {min-width: 100%;}
	/*img {max-width: 100%; width: 100%; display: block; height: 100%;}*/

	.area_banner h2 { position: absolute; left:20px;}
	.area_banner .btn {position: absolute; left: 120px;}

	.area_culture {height: auto; padding: 0px 30px 20px; box-sizing: border-box;}
	.area_culture > article {width: 100%;}
	.area_culture > div {width: 100%; height: auto; padding-top: 60px;}

	.area_cul1 .fR {float: right;}
	.area_community >div:first-child {width: 100%;padding: 0 0 20px;}
}
@media screen and (max-width:425px) {
	#mobLnb .menu_top .bw2{width:100%;float:none;margin-left: 0;}
	#mobLnb .menu_top .namu{width:37%; position:absolute; right:12px; top:66px;}
	#mobLnb .menu_top .namu img {width:100%;}
}


@media screen and (max-width:1024px) {
	#wrap {min-width: 100%;}

	/*img {max-width: 100%; width: 100%; display: block; height: 100%;}*/
	#main_wrap {width: 100%; padding-top:30px;}

	.visual_wrap {width: 100%; height: auto;}

	/* .area_banner{display:none;} */

	.cleMB{clear: both;}

	.area_banner > article {width: 98%;}
	.area_banner .box_banner {width: 70%;}
	.area_banner > article .bbn {width: 30%;}
	.area_banner .ab {display:none;}
	.area_banner .abdA {font-size: 14px; font-weight: 600; color: #333e45; position: absolute; left: 0px; top: -3px;}

}


@media screen and (max-width:910px) {
	.area_banner .box_banner {width: 65%;}
	.area_banner > article .bbn { width: 35%;}

}


@media screen and (max-width:666px){

    .area_banner .box_banner {width: 58%;}
	.area_banner > article .bbn { width: 42%;}


	/*배너모음*/
	.area_banner {}

}



@media screen and (max-width: 450px){

	.area_banner {padding: 30px 0 30px 0; }
	.area_banner > article .bbn {width: 100%; height: 70px;}

	.area_banner .ab img {max-width: none; width:130px;}

	.area_banner .box_banner {width: 95%;height: 65px; margin-left:5%; }
	.area_banner ul {height:65px !important;line-height:65px; }
	.area_banner ul > li {height:65px !important;line-height:65px; }
	.area_banner ul > li > a {height:65px;line-height:65px}
	.area_banner ul > li img{vertical-align:top; height:100%}
}

@media screen and (max-width:420px){
	.visual_box .ctl {left: 28%;}
}

@media screen and (max-width:375px){
	.visual_box .ctl {left: 25%;}
	.area_banner .box_banner {height: 60px;}
	.area_banner ul {height:60px !important;line-height:60px; }
	.area_banner ul > li {height:60px !important;line-height:60px; }
	.area_banner ul > li > a {height:60px;line-height:60px}
}

@media screen and (max-width:320px){
	.visual_box .ctl {left: 20%;}
	.area_banner .box_banner {height: 50px;}
	.area_banner ul {height:50px !important;line-height:50px; }
	.area_banner ul > li {height:50px !important;line-height:50px; }
	.area_banner ul > li > a {height:50px;line-height:50px}
}