@charset "utf-8";
/****************************************/
/* Name: ±ÝÁ¤¹®È­È¸°ü
/* PART: LAYOUT STYLE 
/* Version: 1.0 / day: 2018-05-
/* Author: imtec 
/****************************************/

/* ---- »ó´Ü¿µ¿ª ---- */
#wrapper, header, footer, #container{
	width: 100%; position: relative;
}
header{z-index: 200;}
#wrapper.fixed{position: fixed;}
.head_wrap{
	width: 100%; height: 44px; line-height: 44px;
	background: #f6f6f6; 
}
.head_box{
	width: 1200px; height: 100%;
	margin: 0 auto; /* overflow: hidden;*/
}

.top_site_quick{position:relative;height:44px;overflow:hidden;display: inline-block;padding-right: 10px;}
.top_site_quick li{float:left;position:relative;margin-right:-10px;width:106px;height:44px;font-size:13px;font-weight:bold;text-align:right;}
.top_site_quick li a{display:block;padding:5px 30px 0 0;height:100%;color:#fff;text-decoration:none}
.top_site_quick li.qu1{background:url('../img/common/top_new_quick_bg01.png') no-repeat left bottom;z-index:5}
.top_site_quick li.qu2{background:url('../img/common/top_new_quick_bg02.png') no-repeat left bottom;z-index:4}
.top_site_quick li.qu3{background:url('../img/common/top_new_quick_bg03.png') no-repeat left bottom;z-index:3}
.top_site_quick li.qu4{background:url('../img/common/top_new_quick_bg04.png') no-repeat left bottom;z-index:2}
.top_site_quick li.qu5{background:url('../img/common/top_new_quick_bg05.png') no-repeat left bottom;z-index:1}
.top_site_quick li.qu6{background:url('../img/common/top_new_quick_bg06.png') no-repeat left bottom;z-index:0}
.top_site_quick li.qu7{left:20px;}
.top_site_quick li.qu8{}
.top_site_quick li.qu1 a{padding-right: 17px}
.top_site_quick li.qu2 a{padding-right: 19px}
.top_site_quick li.qu3 a{padding-right: 28px}
.top_site_quick li.qu4 a{padding-right: 23px}
.top_site_quick li.qu5 a{padding-right: 18px}
.top_site_quick li.qu6 a{padding-right: 29px}
.top_site_quick li.qu7 a{padding-left:15px !important}
.top_site_quick li.qu8 a{padding-left:20px !important}
.top_site_quick li.on{width:146px;background:url('../img/common/top_quick_bg_on.png') no-repeat left bottom;z-index:5;}
.top_site_quick li.on a{padding:3px 40px 2px 0;font-size:15px;}
.top_site_quick li.qu1.on a{padding-right:33px;color:#10218b;background:url('../img/common/top_ic01.gif') no-repeat 28px 16px}
.top_site_quick li.qu2.on a{padding-right:33px;color:#1aa5c6;background:url('../img/common/top_ic02.gif') no-repeat 32px 18px}
.top_site_quick li.qu3.on a{color:#80c41c;background:url('../img/common/top_ic03.gif') no-repeat 35px 18px}
.top_site_quick li.qu4.on a{color:#eca206;background:url('../img/common/top_ic04.gif') no-repeat 35px 18px}
.top_site_quick li.qu5.on a{color:#e54723;background:url('../img/common/top_ic05.gif') no-repeat 30px 18px}
.top_site_quick li.monly {display:none;} /* 1011Ãß°¡ */


.famLink{
	float: left; overflow: hidden;
}
.famLink li{
	float: left;
}
.famLink li a{
	display: block; padding: 0 15px 0 40px;
	height: 100%; color: #fff; position: relative;
	font-size: 14px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;

}
.famLink li a::before{
	content: ""; display: inline-block; position: absolute;
	background-image: url(../img/img_common.png);
	background-repeat: no-repeat;
}
.famLink li.ic01 a{
	background-color: #2768c5
}
.famLink li.ic02 a{
	background-color: #488cdc
}
.famLink li.ic03 a{
	background-color: #2aa1f0
}
.famLink li.ic04 a{
	background-color: #34b7ed
}
.famLink li.ic05 a{
	background-color: #25b4b6
}
.famLink li.ic01 a:hover{
	background-color: #245cad
}
.famLink li.ic02 a:hover{
	background-color: #407bc1
}
.famLink li.ic03 a:hover{
	background-color: #2798e3
}
.famLink li.ic04 a:hover{
	background-color: #35a6d4
}
.famLink li.ic05 a:hover{
	background-color: #1e9698
}
.famLink li.ic01 a::before{
	width: 19px; height: 14px;
	top: 14px; left: 17px;
	background-position: 0 -367px;
}
.famLink li.ic02 a::before{
	width: 19px; height: 15px;
	top: 15px; left: 16px;
	background-position: -28px -367px;
}
.famLink li.ic03 a::before{
	width: 18px; height: 16px;
	top: 14px; left: 17px;
	background-position: -50px -367px;
}
.famLink li.ic04 a::before{
	width: 15px; height: 15px;
	top: 14px; left: 18px;
	background-position: -71px -367px;
}
.famLink li.ic05 a::before{
	width: 17px; height: 16px;
	top: 14px; left: 18px;
	background-position: -97px -367px;
}
.topLink{
	float: right;position: relative;right: 150px;
}
.topLink li{
	float: left; color: #777;
}
.topLink li a{
	display: inline-block; position: relative;
	font-size: 14px;
}
.topLink li a{
	margin-right: 22px;
}
.topLink li:last-child a{margin-right: 0;}
.topLink li a::after{
	content: ""; display: inline-block; position: absolute;
	top: 20px; right: -13px;
	background-image: url(../img/img_common.png);
	background-repeat: no-repeat;	
	background-position: -275px 0;
	width: 3px; height: 3px;
}
.topLink li:last-child a::after{display: none;}



.lang_box{float: right;width: 140px;height: 38px;position: relative;right: -380px;top: -4px;}
.btn_lang{display: inline-block;width: 100%;height: 35px;background: #333c59 url('https://www.geumjeong.go.kr/new_img/geumjeong/common/lang_ic.png') 16px center no-repeat;font-size: 13px;font-weight: bold;color: #fff;position: relative;box-sizing: border-box;line-height: 34px;text-align: center;padding: 0 16px 0 22px;margin-top: 4px;}
.btn_lang::after{content: "";display: inline-block;position: absolute;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #fff;right: 15px;top: 17px;}
.lang_box ul{position: absolute;top: 38px;left:0;background: rgba(51,60,89,0.93);width: 100%;z-index: 200;display: none;}
.lang_box li{padding-top: 5px;padding-bottom: 5px;border-bottom: 1px solid rgba(255,255,255,0.3)}
.lang_box li:last-child{border-bottom: 0;margin-bottom: 0;}
.lang_box li.color7 {background: rgb(117 122 136 / 93%);}
.lang_box li a{display: block;text-align: center;color: #fff;}
.lang_box li.g_lnag_item{}/* ¿©±â ¼öÁ¤ÇÒ±î */
.lang_box .g_lang_txt{/*display: inline-block;*/ letter-spacing: -1px; background: url('https://www.geumjeong.go.kr/new_img/common/icon-google.png') no-repeat;padding-left: 20px;text-align: left !important;}


#google_translate_element .goog-te-gadget-simple{background: none;width:100%;height:100%;border:none;font-size:15px;position:relative;}
#google_translate_element .goog-te-gadget-simple::after{content:"";display:inline-block;position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #fff;right:24px;bottom:11px;}
#google_translate_element .goog-te-gadget-simple img{display:none;}
#google_translate_element .goog-te-menu-value span:last-child,
#google_translate_element .goog-te-menu-value span:nth-child(3){display:none;}

.lang_box .g_lang .g_lang_txt{display: inline-block;padding-left: 20px;position: relative;}
.lang_box .g_lang .g_lang_txt::before{display: inline-block;content: "";width: 19px;height: 19px;position: absolute;left: 0;top: 4px;background: url('/new_img/common/icon-google.png') no-repeat;}
.lang_box .g_lnag_select{left: 140px;top: 94px;display: none !important;}
.lang_box .g_lnag_select.on{display: inline-block !important;}
@media all and (max-width: 1024px){
/*.sns_lnag_box .lang_box .g_lnag_select{top:112px;left:-92px}*/
.sns_lnag_box .lang_box .g_lnag_select{top:112px;left:92px}
}


/* »ó´Ü¸Þ´º */
.gnboverarea{
	position:relative;
	width:100%; height:86px; 
	z-index:50;
	border-bottom: none;
}
.gnboverarea.on{
	border-bottom:1px solid #e8e8e8;
}
.gnb_wrap{
	position:relative;
	width:1200px; height:100%;
	margin:0 auto; padding-left: 350px; padding-right: 56px;
}
.gnb_wrap .top_logo{
	display: inline-block; position: absolute;
	text-indent: -9999px;
	top: 19px; left: 10px;
	background-image: url(../img/img_common.png);
	background-repeat: no-repeat;	
	background-position: 0 -32px;
	width: 194px; height: 48px;
}
#gnb{position:relative;width:100%;height:100%; }
#gnb > ul{width:100%;}
#gnb > ul > li{
	float:left; position:relative;
	width: 20%; text-align: center;
}
#gnb > ul > li > h2{
	width: 100%; height: 100%;
	font-size:18px; display:inline-block; 
	font-weight:bold; color:#333;
	font-family: 'NanumSquare';
}
#gnb > ul > li > h2 a{display:block; width: 100%; height:100%; line-height: 86px;}
#gnb > ul > li > h2 a:hover,
#gnb > ul > li > h2 a:focus{
	color:#004ab9;
}
#gnb > ul > li > h2 > a{float:left;}
#gnb > ul > li .gnbSub{
	position:absolute; z-index:100;	
	top:86px; left:0; display:none;
	width: 100%; height: 290px;
	padding: 30px 0 0 20px;
	background: #fff; 
	border-right: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5
}
#gnb > ul > li .gnbSub.on{
	display:inline-block;
}
#gnb > ul > li .gnbSub.on2{
	background: #f6f7f8
}
#gnb > ul > li .gnbSub li{
	width: 100%; text-align: left;
}
#gnb > ul > li .gnbSub li a{
	color:#323279; display:block;
	padding-left: 8px; color: #555;
	line-height: 34px; position: relative;
}
#gnb > ul > li .gnbSub li a::before{
	content: ""; display: inline-block; position: absolute;
	top: 15px; left: 0px;
	background-image: url(../img/img_common.png);
	background-repeat: no-repeat;	
	background-position: -288px 0;
	width: 3px; height: 3px;
}
#gnb > ul > li .gnbSub li a:hover,
#gnb > ul > li .gnbSub li a:focus{
	color: #004ab9; text-decoration: underline;
	font-weight: bold;
}
#gnb_Bg{position:absolute;top:86px; left:0;width:100%; height:0px;
background:#fff; overflow: hidden;border-bottom: 1px solid #f5f5f5}
.gnboverarea .bg_box{
	position: absolute; 
	top: 0; left: 0; margin-left: -250px;
	background-color: #f5f5f5;
	width: 50%; height: 290px;
}
.gnboverarea .bg_box span{	
	width: 350px; height: 290px;
	font-size: 26px; line-height: 30px; 
	position: absolute; right:0;
	padding:50px 0 0 10px;
	font-family: 'NanumSquare';
}
.gnboverarea .bg_box span .sm{font-size: 14px;color: #666;line-height: 1.3;font-family: 'Malgun Gothic';}

.btn_m_search{
	width: 20px; height: 22px;
	position: absolute;
	right: 20px; top: 33px;
	background-image: url('../img/img_common.png');
	background-repeat: no-repeat;	
	background-position: -246px 0;
}
.btn_m_search.on::after{
	top: 20px; left: 20px;
	background-position: -275px -13px;
	width: 16px; height: 16px;
}
.m_search_box{
	width: 100%; height: 140px; position: absolute;
	background: #4264c4;
	display: none; z-index: 100;
}
.m_search_box::after{
	content: ""; display: inline-block; position: absolute;
	top: -13px; left: 50%; margin-left: 561px;
	background-image: url('../img/img_common.png');
	background-repeat: no-repeat;	
	background-position: -322px -22px;
	width: 25px; height: 13px;
}
.m_search_box.on{
	display: block;
}
.m_search{
	width: 550px;height: 50px;
	margin: 45px auto 0 auto;	
	border-radius: 25px; background: #fff;
	position: relative;
	overflow: hidden;
}
form[name="serch_form"]{
	display: inline-block;
	width: 100%;height: 100%;
	padding: 0 75px 0 130px;
	position: relative;
}
form[name="serch_form"]::after{
	content: ""; display: inline-block; position: absolute;
	top: 22px; left: 100px;
	background-image: url('../img/img_common.png');
	background-repeat: no-repeat;	
	background-position: -301px -22px;
	width: 11px; height: 6px;
}
.m_search_select{
	position:absolute;top:11px;left:20px;
	padding:2px 35px 2px 5px; font-weight: bold;
	-webkit-appearance: none;-moz-appearance: none; appearance: none; border:0;
} 
.m_search_select::-ms-expand { display: none; }
.m_search input.m_search_text{
	display: inline-block;
	width: 100%; height: 100%; line-height: 50px;
	-webkit-appearance: none;-moz-appearance: none; appearance: none; border:0;
}
.m_search .btn{
	position: absolute; right: 0; top:0;
	border:none; display: inline-block;	
}
.m_search .btn::after{
	content: ""; display: inline-block; position: absolute;
	top: 13px; right: 30px;
	background-image: url('../img/img_common.png');
	background-repeat: no-repeat;	
	background-position: -246px -32px;
	width: 22px; height: 24px;
}
.m_search_btn{
	width: 75px; height: 50px;
	display: inline-block;
	cursor: pointer;
	border: none;
	text-indent: -9999px;
}


/* ---- Áß°£¿µ¿ª ---- */
#container{position:relative;background:#fff}
#container #content{position:relative;width:100%;}
#container #content::after{display:block;clear:both;content:''}
#subContainer{position:relative;margin:0 auto;padding-top:60px;width:1200px;}
#subContainer::after{display:block;clear:both;content:''}
#subContainer aside{float:left;margin-bottom:100px;width:220px}
#subContainer aside .left_title{padding-top:55px;height:135px;background:#255993}
#subContainer aside .left_title h2{margin-bottom:10px;font-family:'NanumSquare';
	font-size:26px;color:#fff;text-align:center;line-height:1;
}
#subContainer aside .left_title p{
	font-size:11px;color:#a5baf6;text-align:center;line-height: 1;
}
#subContainer #content{position:relative;float:right;padding-bottom:50px;width:912px;min-height:1000px;}


/*
================================================================================
¼­ºê ·¹À̾ƿô
================================================================================
*/

/* ¿ÞÂʸ޴º */
#lnb{margin-top: 10px;}
#lnb li{position:relative;border-bottom:1px solid #e8e8e8;}
#lnb li a{position:relative;display:block;word-break: keep-all;}
#lnb > li{
	margin-bottom: 5px;
	border:1px solid #d7d7d7;
}
#lnb > li.has-sub > a{}
#lnb > li > a{
	font-weight: bold;font-size:16px;
	display:block;color:#555;padding:15px 35px 15px 30px;
	text-decoration:none;background-color:#fff;
}
#lnb > li > a:hover{text-decoration:underline}
#lnb > li.open > a{color:#fff;background:#838a98;border:1px solid #838a98;border-width:0 1px}
#lnb > li.has-sub > a::after{
	position:absolute;top:21px;right:25px;
	width:11px;height:11px;content:'';
	background:url('../img/img_common2.png') no-repeat -102px -273px;
}
#lnb > li.has-sub.open > a::after{
	top:21px;right:25px;width:5px;height:9px;
	background-position:-135px -273px;
}

#lnb > li > ul{
	display:none;padding:10px 0;background:#f7f7f7;	
}
#lnb > li > ul > li{margin-bottom:5px;font-size:14px;line-height:18px;border:0}
#lnb > li > ul > li > a{padding:5px 10px 5px 38px;}
#lnb > li > ul > li.open > a,
#lnb > li > ul > li > a:hover{
	color:#255993;text-decoration:underline;
	font-weight: bold;
}
#lnb > li > ul > li.open > a::before{
	background:url('../img/img_common2.png') no-repeat -161px -273px;	
	position:absolute;top:11px;left:24px;width:7px;height:7px;content:'';
}


/* ¼­ºê location */
.location_bd{
	width: 100%; height: 60px; 
	border-bottom: 1px solid #e5e5e5;
	background: #343e57;
}

.locaInfor{position:absolute;top:-60px;left:0;width:100%;height:60px;}
.locaInfor .location{padding-left:54px;font-size:15px;line-height:60px;}
.locaInfor .location::after{display:block;clear:both;content:''}
.locaInfor .location .home{position:absolute;top:0;left:0;z-index:2}
.locaInfor .location .home a{
	position:relative;display:block;width:54px;height:100%;
	text-indent:-999px;overflow:hidden;
	border-right:1px solid rgba(255,255,255,0.15);border-left:1px solid rgba(255,255,255,0.15);
}
.locaInfor .location .home a::after{position:absolute;top:50%;left:50%;margin:-9px 0 0 -8px;width:18px;height:16px;content:'';background:url('../img/img_common2.png') no-repeat -101px -177px;z-index:1;}
.locaInfor .location ul::after{display:block;clear:both;content:''}
.locaInfor .location ul li{
	position:relative;float:left;padding:0 55px 0 20px;color: #fff;border-right: 1px solid rgba(255,255,255,0.15)
}
.locaInfor .location ul li::after{
	position:absolute;top:50%;right:20px;margin-top:-3px;
	width:10px;height:6px;content:'';
	background:url('../img/img_common2.png') no-repeat -51px -177px;z-index:1;transform: rotate(-90deg);-ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);
}
.locaInfor .location ul li:last-child{
	text-decoration: underline; font-weight: bold;
}
.locaInfor .btnPrint{
	position:absolute;top:0;right:0;
	display:block;width:54px;height:60px;
}
.locaInfor .btnPrint a{
	display:block;height:100%;text-indent:-999px;overflow:hidden;
}
.locaInfor .btnPrint a::after{
	position:absolute;top:50%;left:50%;margin:-8px 0 0 -8px;
	width:16px;height:17px;content:'';
	background:url('../img/img_common2.png') no-repeat -141px -210px
}



/* ÇÏ´Ü¿µ¿ª */

#footer{
	background: #3e4148;
}
.footer_info{
	width: 100%; height: 60px; line-height: 60px;
	border-bottom: 1px solid #616369;
	color: #fff; overflow: hidden;
}
.footer_info .right_box{
	float: right;
}
.footer_info dl{
	float: left; position: relative;
	padding-left: 65px;
}
.footer_info dt{
	padding-left: 22px; position: absolute;
	left: 0;
}
.footer_info dt::after{
	content: ""; display: inline-block; position: absolute;
	background-image: url(../img/img_common.png);
	background-repeat: no-repeat;	
	left:0; top:23px;
}
.footer_info .location dt::after{
	background-position: -435px 0;
	width: 12px; height: 15px;
}
.footer_info .call dt::after{
	background-position: -457px 0;
	width: 15px; height: 11px;
	top:24px;
}
.footer_info .call{
	margin-right: 30px;
	padding-left: 90px;
}
.footer_info .call dd,
.footer_info .fax dd{
	color: #ffdd5f;
}
.footer_info .call dd .bar{color: #fff;display: inline-block;margin: 0 4px;}
.footer_info .fax dt::after{
	background-position: -482px 0;
	width: 13px; height: 12px;
	top:24px;
}
.footer_copy{
	height: 100px;
	text-align: left;padding-left: 225px;
	padding-top: 30px;
}
.footer_copy .footer_logo{
	width: 236px; height: 48px;
	position: absolute;
	background-image: url(../img/img_common.png);
	background-repeat: no-repeat;	
	background-position: 0 -90px;
	overflow: hidden;
	left:0; top:26px;
	text-indent: 9999px;
}
.footer_copy .footer_link{overflow: hidden;margin-bottom: 5px;}
.footer_copy .footer_link li{float: left;margin-right: 25px;color: #fff;font-size: 15px;position: relative;}
.footer_copy .footer_link li::after{content: "";display: inline-block;width: 1px;height: 15px;background-color: #fff;position: absolute;right: -13px;top: 5px;}
.footer_copy .footer_link li:last-child::after{display: none;}
.footer_copy .copyright{
	color: #a4a4a4; font-size: 13px;float: left;
}
.footer_copy .foot_sns{display: block;overflow: hidden;margin-top: 10px;}
.footer_copy .foot_sns li{float: left;}
.footer_copy .foot_sns li:first-child{margin-right: 5px;}
.footer_copy .foot_sns li a{display: inline-block;width: 30px;height: 30px;border-radius: 50%;background-color: #787a7f;text-indent: -9999px;position: relative;}
.footer_copy .foot_sns li a::after{display: inline-block;content: "";background-image: url(../img/img_common2.png);background-repeat: no-repeat;position: absolute;}
.footer_copy .foot_sns li.ic_fcb a::after{width: 8px;height: 16px;background-position: -191px -10px;top:7px;left:11px;}
.footer_copy .foot_sns li.ic_twt a::after{width: 19px;height: 14px;background-position: -152px -10px;top:8px;left:6px;}
.footer_copy .foot_sns li.ic_fcb a:hover,.footer_copy .foot_sns li.ic_fcb a:focus{background-color: #0f5bcd}
.footer_copy .foot_sns li.ic_twt a:hover,.footer_copy .foot_sns li.ic_twt a:focus{background-color: #0ca1d2}


.btnMenu, #total_m_lay{
	display: none;
}

/*
================================================================================
¸ÞÀÎ, ¼­ºê·¹À̾ƿô ¹ÝÀÀÇü
================================================================================
*/

/* Pc Device */
@media all and (min-width:1201px){
	#total_m_lay{
		display: none; left:-230px; position: absolute;
	}
	.footer_copy .foot_sns{position: absolute;right: 0;top: 30px}
}
	

 /* Tablet Device */
@media all and (max-width:1200px){
	.wra_box{
		width: 100%;
	}
	#gnb, .topLink{
		display: none;
	}
	.gnb_wrap{
		width: 100%; padding: 0;
	}
	.gnb_wrap .top_logo{
		left: 50%; margin-left: -97px;
	}
	.btn_m_search{
		right: 30px; top:35px;
		background: #fff;
		width: 20px; height: 22px;
		background-position: -246px -66px;
		position: absolute;
		background-image: url(../img/img_common.png);
		background-repeat: no-repeat;	
	}
	.btn_m_search::after{
		display: none;
	}
	.m_search_box::after{
		left: inherit; right: 24px; margin:0;
	}

	#subContainer{padding:0;max-width:740px;width:100%}
	#subContainer aside{display:none}
	#subContainer #content{padding:30px 20px;width:100%}

	.locaInfor .location ul li{padding:0 40px 0 10px;font-size:12px}
	.locaInfor .location ul li::after{right:10px}	

	.head_wrap{height: 0;}
	.top_site_quick{display:block;position:absolute;top: 0px;left: -230px;height:auto;width: 230px;padding: 110px 0 20px 18px;background:#4264c4 url(../img/img_common.png) no-repeat -198px -274px;z-index:550;transition: all 0.3s}
	.top_site_quick li{margin:0 3px 4px 3px;float:left;width: 92px;height:auto;font-size:13px;text-align:center;line-height:27px;font-weight:normal;background:none !important;display: inline-block;}
	.top_site_quick li a{margin:0;padding:0 !important;border:1px solid #fff;border-radius:5px;background:none !important;height: 25px;line-height: 25px}
	.top_site_quick li.qu7 a {border:none;width:50px !important;background:url('../img/common/top_ic07_m.png') no-repeat left 6px !important;z-index:5;}
	.top_site_quick li.qu8 a {border:none;width:70px;background:url('../img/common/top_ic08_m.png') no-repeat left 6px !important;z-index:5;} /* 1011 ¼öÁ¤  */
	.top_site_quick li.on{width:92px;}
	.top_site_quick li.on a{padding:0 !important;font-size:13px;color:#4781dc !important;font-weight:bold;background:#fff !important}
	.top_site_quick.mOpen{left: 0;}
	.top_site_quick li.monly {display:inline-block;} /*1011Ãß°¡*/

	/* ¸ð¹ÙÀϸ޴º */
	.btnMenu{
		display: inline-block;
		z-index: 50;
		width: 30px; height: 24px;
		position: absolute;
		background-image: url(../img/img_common.png);
		background-repeat: no-repeat;	
		background-position: -388px -47px;
		top: 39px; left: 30px;
		text-indent: -9999px;
	}
	#total_m_lay{left:-230px;}	
	#total_m_lay.mOpen{left:0}	
	#total_m_lay{
		position:fixed;top:0;width:230px;height:100%;overflow:auto;
		background:#4264c4;z-index:500;
		transition: all 0.3s;
		-ms-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-webkit-transition: all 0.3s; 
		-o-transition: all 0.3s;}
	
	#total_m_lay .total_m {position:relative; padding-top: 246px;} /*1011 ¼öÁ¤*/
	#total_m_lay .total_m > ul{
		background:#1b3fa5
	}
	#total_m_lay .total_m li{position:relative}
	#total_m_lay .total_m li a{display:block}
	#total_m_lay .total_m li button{position:absolute;top:0;left:0;width:100%;height:100%;text-indent:-999px;overflow:hidden;}
	#total_m_lay .total_m > ul > li{
		width:auto !important;font-size:18px;border-bottom:1px solid #405eb3;
	}
	#total_m_lay .total_m > ul > li.has-sub > a::after{
		position:absolute;top:22px;right:20px;
		width:6px;height:10px;content:'';
		background:url('../img/img_common.png') no-repeat -427px -46px}
	#total_m_lay .total_m > ul > li.has-sub.open > a::after{
		width: 10px; height: 6px;
		top:24px;
		background-position:-427px -67px
	}
	#total_m_lay .total_m > ul > li > a{
		display:block;font-family:'NanumSquare';color:#fff;
		padding:15px 0 15px 40px;font-weight:bold;text-decoration:none;
		word-break: keep-all;
	}
	#total_m_lay .total_m > ul > li.open > a{color:#fff;background:#353c47}
	#total_m_lay .total_m > ul > li.has-sub.open > a{background:#1b3fa5}
	#total_m_lay .total_m > ul > li > ul{display:none;padding:0;background:#e7e7e7;}
	#total_m_lay .total_m > ul > li > ul > li{
		font-size:17px;border-bottom:1px solid #fff
	}
	#total_m_lay .total_m > ul > li > ul > li.has-sub{}
	#total_m_lay .total_m > ul > li > ul > li.has-sub.open{background-color:#fff;}
	#total_m_lay .total_m > ul > li > ul > li > a{
		padding:15px 0 15px 40px;color:#333;
	}
	#total_m_lay .total_m > ul > li > ul > li.open > a{
		color:#fff;font-weight:bold;background:#65a1e3
	}
	#total_m_lay .total_m > ul > li > ul > li.has-sub > a::after{
		position:absolute;top:25px;right:20px;
		width:7px;height:4px;content:'';
		background:url('../img/img_common.png') no-repeat -444px -46px
	}
	#total_m_lay .total_m > ul > li > ul > li.has-sub.open > a::after{
		background-position:-444px -61px
	}
	#total_m_lay .total_m > ul > li > ul > li > ul{display:none;margin:15px 0;}
	#total_m_lay .total_m > ul > li > ul > li > ul > li{
		font-size:15px;letter-spacing:-1px;
	}
	#total_m_lay .total_m > ul > li > ul > li > ul > li.has-sub{}
	#total_m_lay .total_m > ul > li > ul > li > ul > li > a::before{
		position:absolute;top:13px;left:40px;width:5px;height:7px;content:'';
		background:url('../img/img_common.png') no-repeat -463px -63px;
	}
	#total_m_lay .total_m > ul > li > ul > li > ul > li.open > a{
		color:#4264c4;font-weight:bold
	}
	#total_m_lay .total_m > ul > li > ul > li > ul > li.open > a::before{
		background-position: -463px -46px;
	}
	#total_m_lay .total_m > ul > li > ul > li > ul > li > a{
		padding:5px 10px 5px 50px;
	}
	

	.mbTopLogo{
		width: 100%;
		height: 221px;
		position: relative;
		text-indent: -9999px;
	}
	.mbTopLogo::after{
		content: ""; display: inline-block; position: absolute;
		background-image: url(../img/img_common.png);
		background-repeat: no-repeat;	
		background-position: -260px -289px;
		top: 32px; left: 50%; margin-left: -56px;
		width: 111px; height: 76px;
	}

	.btnMenuClose{position:absolute;top:0;left:0;width:35px;height:35px;text-indent:-999px;overflow:hidden;opacity:0;background: url('../img/img_common.png') no-repeat 0 -166px;z-index:20}
	.btnMenuClose:focus{opacity:0.5}

	.wra_box{position:fixed !important;top:0;left:0;height:auto;z-index:200}
	.fix_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.7;z-index:450}

	.footer_info{
		height: auto; line-height:1;  padding: 20px 0;
	}
	.footer_info .location{
		width: 100%; padding-left: 90px; margin-bottom: 14px;
	}
	.footer_info .location dt::after{
		top:0;
	}
	.footer_info .call dt::after,
	.footer_info .fax dt::after{
		top:1px;
	}
	.footer_info .call{margin-bottom: 14px}
	.footer_info .right_box{
		float: none;
	}
	.footer_copy.contentBox{padding: 40px 0 20px 240px;}
	.footer_copy .footer_logo{
		left: 30px;
	}


}

 /* Mobile Device */
@media all and (max-width:640px){
	.gnb_wrap .top_logo{
		width: 162px; height: 39px;
		margin-left: -76px; top:22px;
		background-position: -260px -177px;
	}
	.btnMenu{
		top:32px; left:20px;
	}
	.btn_m_search{
		right: 20px; top:30px;
	}
	.m_search{
		width: 90%;
	}

	#subContainer{max-width:640px;}
	#subContainer #content{padding:20px 10px;}

	.location_bd{height: 40px;}

	.locaInfor{top: -40px;padding-right:40px;height:40px}
	.locaInfor .location{padding-left:45px;height:40px;
		line-height:40px;overflow-x:auto;overflow-y:hidden
	}
	.locaInfor .location .home a{width:40px}
	.locaInfor .location ul{white-space: nowrap;}
	.locaInfor .location ul li{
		float:none;display:inline-block;padding:0 40px 0 5px;
		font-size:13px;
	}
	
	.locaInfor .btnPrint{display:none}

	.footer_info .call{
		margin-right: 0;
		margin-bottom: 10px;
	}
	.footer_info dl{
		padding-left: 90px;
	}
	.footer_copy.contentBox{
		height: auto;
		padding-top: 32px;
		padding: 20px 0;
	}
	.footer_copy .footer_link{width: 100%;text-align: center;}
	.footer_copy .footer_link li{float: none;display: inline-block;}
	.footer_copy{
		text-align: center;
		line-height: 1.5;
	}
	.footer_copy .footer_logo{
		display: inline-block;
		width: 162px; height: 40px;
		background-position: -259px -234px;
		position: relative;
		left: inherit; top: inherit;
		text-indent: -9999px;
	}
	.footer_copy .copyright{display: block; margin: 15px 0;float: none;}	
	.footer_copy .foot_sns{float: none;}


}

 
	/* »ó´Ü Æ˾÷ */
.top_popup_wrap{position:relative; width:100%; height:70px;background:#eecfd6;}
.top_popup_wrap .pop_box{height: 100%;padding:18px; background: url(/img/common/top_pop_bg5.jpg) no-repeat; background-size:auto; text-align:center; letter-spacing: -0.4px;}
.top_popup_wrap .pop_box h2{font-family: 'NanumSquare'; font-size: 24px;display: inline-block; color:#43876b;}
.top_popup_wrap .close_box{position:absolute; bottom:20px; right:0; color:#fff;}
.top_popup_wrap .closeBtn{display: inline-block;width: 32px;height: 32px;background: url(../img/img_common2.png) -191px -468px no-repeat;text-indent: -9999px;margin-left: 5px;margin-top: -5px;}

	.top_popup_wrap .pop_bg{display:block;}
	.top_popup_wrap .pop_bg > div{position:absolute; top:0; width:50%; height:70px; z-index:-1;}
	.top_popup_wrap .pop_bg .pop_bg_lft{left:0; background:#8383e6;}
	.top_popup_wrap .pop_bg .pop_bg_rit{ right:0; background:#af7cd0;}

@media all and (max-width: 850px){
	.top_popup_wrap{text-align:left; height:80px;}
	.top_popup_wrap .pop_box{padding:12px 40px; text-align:left; background-position:-500px top !important; background-size:cover !important;}
	.top_popup_wrap .pop_box h2{font-size: 20px; line-height:56px;}
	.top_popup_wrap .close_box{right:30px; bottom:23px;}
	.top_popup_wrap .closeBtn{text-align: left;}
	.top_popup_wrap .pop_bg{display:none;}
}
@media all and (max-width: 600px){
	.top_popup_wrap .pop_box h2{line-height:28px;}
	.top_popup_wrap .close_box{right:20px; bottom:7px;}
}