@charset "utf-8";
/****************************************/
/* Name: 금정문화회관
/* PART: LAYOUT STYLE 
/* Version: 1.0 / day: 2024-11-12
/* Author: imtec 
/****************************************/

/*
=========================================================================
pc 레이아웃 css
=========================================================================
*/

#header .head_box .logo a{transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}

#wrapper{position:relative;min-width:320px;width:100%;height:100%;right:0;z-index:300}
#wrapper.shadow_device::after{position:fixed;top:0;left:0;width:100%;height:100%;content:'';background:rgba(0,0,0,0.3);z-index:90;}

/* ---- 상단영역 ---- */
#header{position:absolute;top:0;left:0;min-width:320px;padding:0 40px;width:100%;font-family: 'GmarketSans';letter-spacing: -0.5px;box-sizing: border-box;background:#fff;z-index:100}
#header::after{position: absolute;top: 0;right:0;width: 30%;height: 60px;content: '';background-color: #f1f1f1;}
#header.online::before{position:absolute;left:0;top:190px;width:100%;height:280px;content:'';background-color: #f7f7f7;border-top:1px solid #e8e8e8}
#header.fix{border-bottom:1px solid #e1e1e1}

#header .head_box{position:relative;margin:0 auto;max-width:1400px;min-height:190px;z-index:200}
#header .head_box .logo{position:absolute;top:90px;left:0;z-index:20}
#header .head_box .logo a{display:block;}
#header .head_box .top_link{position:relative;display: flex;justify-content: space-between;}
#header .head_box .top_link .etc_link{display: flex;align-items: center;}
#header .head_box .top_link .etc_link .link1{margin-right: 15px;}
#header .head_box .top_link .etc_link .link1 a{display: block;padding-left:50px;width: 124px;color: #555;line-height: 40px;background: url('/new_img/common/ico_geum.png') no-repeat 15px center;border: 1px solid #d6d6d6;border-radius: 20px;transition: 0.2s ease;}
#header .head_box .top_link .etc_link .link1 a:hover{color: #283089;font-weight: 500;border-color: #283089;}
#header .head_box .top_link .etc_link .link2 a{display: flex;align-items: center;color: #000941;line-height: 40px;}
#header .head_box .top_link .etc_link .link2 a::before{flex-shrink: 0;margin-right: 5px;width: 40px;height: 40px;content: '';background:#000941 url('/new_img/common/ico_schedule.png') no-repeat center center;border-radius: 50%;}
#header .head_box .top_link .etc_link .link2 a span{position: relative;padding: 0 5px;line-height: 1;}
#header .head_box .top_link .etc_link .link2 a span::before{position: absolute;left: 50%;bottom: 0;width: 0;height: 8px;content: '';background-color: #e6e6f3;border-radius: 4px;transition: 0.2s ease;z-index: -1;}
#header .head_box .top_link .etc_link .link2 a:hover{font-weight: 500;}
#header .head_box .top_link .etc_link .link2 a:hover span::before{left: 0;width: 100%;}
#header .head_box .top_link .mem_link{position: relative;padding-left: 40px;background-color: #f1f1f1;border-bottom-left-radius:40px;display: flex;align-items: center;}
#header .head_box .top_link .mem_link > ul{display: flex;align-items: center;height: 60px;}
#header .head_box .top_link .mem_link > ul > li{position: relative;padding: 0 15px;}
#header .head_box .top_link .mem_link > ul > li::before{position: absolute;top: 50%;left: 0;width: 3px;height: 3px;content: '';background-color: #c0c0c0;border-radius:50%;transform: translateY(-80%);}
#header .head_box .top_link .mem_link > ul > li a{position: relative;padding: 5px 0;background-repeat: no-repeat;background-position: left 2px;}
#header .head_box .top_link .mem_link > ul > li a span{position: relative;padding: 2px;line-height: 1;z-index: 1;}
#header .head_box .top_link .mem_link > ul > li a span::before{position: absolute;left: 50%;bottom: 2px;width: 0;height: 8px;content: '';background-color: #dcdcdc;border-radius: 4px;transition: 0.2s ease;z-index: -1;}
#header .head_box .top_link .mem_link > ul > li a:hover{color: #000;font-weight: 500;}
#header .head_box .top_link .mem_link > ul > li a:hover span::before{left: 0;width: 100%;}
#header .head_box .top_link .mem_link > ul > li.ic_login::before,
#header .head_box .top_link .mem_link > ul > li.ic_logout::before,
#header .head_box .top_link .mem_link > ul > li.ic_join::before{display: none;}
#header .head_box .top_link .mem_link > ul > li.ic_login a,
#header .head_box .top_link .mem_link > ul > li.ic_logout a,
#header .head_box .top_link .mem_link > ul > li.ic_join a{padding-left: 30px;}
#header .head_box .top_link .mem_link > ul > li.ic_login a{background-image: url('/new_img/common/ico_login.png');}
#header .head_box .top_link .mem_link > ul > li.ic_logout a{background-image: url('/new_img/common/ico_logout.png');}
#header .head_box .top_link .mem_link > ul > li.ic_join a{background-image: url('/new_img/common/ico_join.png');background-position: 5px 2px;}

#header .head_box .top_link .mem_link .btnLang{position: relative;width: 125px; margin-left: 20px;}
#header .head_box .top_link .mem_link .btnLang button{position: relative;padding:0 14px 0 24px;font-family: 'GmarketSans';font-size: 15px;color: #555;letter-spacing: 0.1px;background: url('/new_img/common/ico_lang.png') no-repeat left center;}
#header .head_box .top_link .mem_link .btnLang button::after{position: absolute;top: 6px;right: 0;width: 0;height: 0;content: '';border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #000;}
#header .head_box .top_link .mem_link .btnLang button span{position: relative;}
#header .head_box .top_link .mem_link .btnLang button span::after{position: absolute;bottom: -2px;left: -4px;width: calc(100% + 8px);height: 8px;content: '';background-color: #eee;border-radius: 4px;opacity: 0;z-index: -1;transition: 0.2s;}
#header .head_box .top_link .mem_link .btnLang button:hover,
#header .head_box .top_link .mem_link .btnLang button.on{color: #000;font-weight: 500;letter-spacing: 0px;}
#header .head_box .top_link .mem_link .btnLang button:hover span::after,
#header .head_box .top_link .mem_link .btnLang button.on span::after{opacity: 1;}
#header .head_box .top_link .mem_link .btnLang button.on::after{transform: rotate(180deg);}
#header .head_box .top_link .mem_link .btnLang ul{position: absolute;top: 25px;left: 50%;padding:10px 0;width: 120px;background-color: #fff;border:2px solid #000;border-radius: 10px;transform: translateX(-50%);z-index: 100;}
#header .head_box .top_link .mem_link .btnLang ul li a{display: block;padding: 0 10px;font-size: 15px;color: #555;line-height: 32px;text-decoration: none;}
#header .head_box .top_link .mem_link .btnLang ul li a:hover,
#header .head_box .top_link .mem_link .btnLang ul li a:focus{background-color: #ededed;}
#header .head_box .top_link .mem_link .btnLang ul li .g_lang_txt{display: inline-block;padding-left: 20px;background: url('/new_img/common/icon-google.png') no-repeat left center;}

#header .btnSearch{position: absolute;top:100px;right: 60px;width: 40px;height: 40px;text-indent: -999px;overflow: hidden;background: url('/new_img/common/ico_search.png') no-repeat center center;}

#header .top_search_wrap{display: none;position: fixed;top: 0;left: 0;padding: 0 20px;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 500;}
#header .top_search{position: relative;margin: 190px auto 0;padding: 60px 20px;width: 100%;max-width: 1400px;height: 200px;background-color: #1d1e37;border-radius: 20px 20px 110px 20px;z-index: 300;}
#header .top_search .search_box{position: relative;margin: 0 auto;max-width: 556px;background-color: #fff;border-radius: 25px 10px;}
#header .top_search .search_box .inp_search{position: relative;padding:0 80px 0 25px;width:100%;height:96%;font-family: 'GmarketSans';font-size: 19px;color:#000;font-weight: 500;border:0;border-radius:0;-webkit-appearance: none;background-color: transparent;z-index: 1;box-sizing: border-box;}
#header .top_search .search_box .inp_search:focus{outline: 0;}
#header .top_search .search_box .inp_search{padding:0 100px 0 30px;width: 100%;;height: 64px;font-size: 19px;background-color: transparent;border: 0;}
#header .top_search .search_box .inp_search:-internal-autofill-selected{background-color: #fff;}
#header .top_search .search_box .txt{position: absolute;top: 50%;left: 30px;font-family: 'GmarketSans';font-size: 19px;color: #1f379d;font-weight: 500;background: -webkit-gradient(linear, right top, left bottom, color-stop(0, #1f379d), color-stop(100, #008654));background: -webkit-linear-gradient(to right, #008654, #1f379d);-webkit-background-clip: text;-webkit-text-fill-color: transparent;transform: translateY(-40%);}
#header .top_search .search_box .btn_search{position:absolute;top: -10px;right: 20px;width: 54px;height: 54px;text-indent: -999px;overflow: hidden;cursor: pointer;background:#283089 url('/new_img/common/ico_search2.png') no-repeat center center;border: 0;border-radius: 20px;box-shadow: 0 5px 10px rgba(40, 48, 137, 0.3);z-index: 2;}
#header .top_search .search_box .inp_search:focus ~ .txt,
#header .top_search .search_box .inp_search:valid ~ .txt{display: none;}
#header .top_search .btn_search_close{position: absolute;left: 50%;bottom: -25px;width: 54px;height: 54px;text-indent: -999px;overflow: hidden;background: #fff url('/new_img/common/ico_close.png') no-repeat center center;border-radius: 20px;box-shadow: 0 5px 10px rgba(0,0,0,0.3);transform: translateX(-50%);}

#header .btnSiteMap{position:absolute;top:100px;right:0;}
#header .btnSiteMap a{position: relative;display:flex;align-items: center;justify-content: center;width:40px;height:40px;text-indent:-999px;overflow:hidden;}
#header .btnSiteMap a span{position: relative;width: 26px;height:3px;background-color: #000;border-radius: 3px;}
#header .btnSiteMap a span::before,
#header .btnSiteMap a span::after{position: absolute;left: 0;width: 100%;height: 3px;content: '';background-color: #000;border-radius: 3px;}
#header .btnSiteMap a span::before{top: -8px;}
#header .btnSiteMap a span::after{bottom: -8px;}

#header .btnMbMenu{display:none}

#gnb{position:relative;padding:0 120px 0 300px;overflow:hidden;}
#gnb ul.gnb{display: flex;justify-content: space-between;height:130px;overflow:hidden;text-align:left;z-index:20}
#gnb > ul > li{flex: 1;}
#gnb > ul > li > a{position:relative;display:block;height:130px;font-size:20px;color:#000;line-height:130px;text-decoration:none;letter-spacing: 0;text-align: center;}
#gnb > ul > li > a span{position: relative;padding:0 5px;line-height: 1;}
#gnb > ul > li > a span::before{position: absolute;left: 50%;bottom: 0;width: 0;height: 8px;content: '';background-color: #e6e6f3;border-radius: 4px;transition: 0.2s ease;z-index: -1;}
#gnb > ul > li > ul{position:relative;padding: 30px 10px 0 30px;height: 100%;border-right: 1px solid #e8e8e8;transition: 0.2s ease;z-index:2}
#gnb > ul > li:first-child > ul{border-left: 1px solid #e8e8e8;}
#gnb > ul > li > ul::before{position:absolute;top: -3px;left: 50%;width: 0;height: 4px;content: '';background-color: #283089;transition: 0.2s ease;}
#gnb > ul > li > ul li{margin-bottom:7px;}
#gnb > ul > li > ul li a{position:relative;display:inline-block;padding:4px 0 4px 6px;font-size:15px;color:#555;line-height:1.1;border-bottom:1px solid transparent;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
#gnb > ul > li > ul li a::before{position: absolute;top: 8px;left: 0;width: 3px;height: 3px;content: '';background-color: #555;border-radius: 50%;}
#gnb > ul > li > ul li a:hover,
#gnb > ul > li > ul li.on a{color: #283089;text-decoration: underline;text-underline-offset: 4px;font-weight: 500;}
#gnb > ul > li > ul li a:hover::before{background-color: #283089;}
#gnb > ul > li.hv > a{color: #283089;font-weight: 500;letter-spacing: -0.1px;}
#gnb > ul > li.hv > a span::before{left:0;width: 100%;}
#gnb > ul > li.hv > ul{background-color: #fff;}
#gnb > ul > li.hv > ul::before{left: 0;width: 100%;}

#gnb_sub_bg{position:absolute;top:100px;left:0;width:16.66%;height:calc(100% - 100px);background:#3e5799 url('/new_img/gnb_on_bg.jpg') no-repeat right bottom;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}



/* ---- 중간영역 ---- */
#container{position:relative;padding-top:190px;height:100%;font-family: 'GmarketSans';letter-spacing: -0.5px;}
#container #content{position:relative;margin:0 auto;min-height:500px;overflow:hidden}
#container #content::after{display:block;clear:both;content:''}
#subContainer{position:relative;margin-bottom: 100px;padding:190px 40px 0;height:100%}
#subContainer::before{position: absolute;top: 190px;left: 0;width: 100%;height: 60px;content: '';background-color: #f8f8f8;border: 1px solid #e8e8e8;border-width: 1px 0;}
#subContainer .subConBox{position: relative;display:flex;margin:0 auto;padding:120px 0 0;max-width:1200px;justify-content: space-between;}
#subContainer .subConBox #sideMenu{width:20%;max-width:220px}
#subContainer .subConBox #content{width:76%;max-width:912px;min-height:300px}

.locaInfor{position: absolute;top: 0;left: 0;display: flex;align-items: center;justify-content: space-between;width: 100%;height: 60px;}
.locaInfor .location ul{display: flex;align-items: center;}
.locaInfor .location ul li{position: relative;padding:0 20px;font-family: 'Nanum Gothic';font-size: 15px;color: #555;}
.locaInfor .location ul li:not(:first-child)::before{position: absolute;top: 50%;left: 0;width: 6px;height: 10px;content: '';background:url('/new_img/common/ico_loc_arrow.png') no-repeat center center;transform: translateY(-50%);}
.locaInfor .location ul li.home{padding: 0 10px 0 0;}
.locaInfor .location ul li.home a{display: block;width: 30px;height: 30px;text-indent: -999px;overflow: hidden;background: url('/new_img/common/ico_home.png') no-repeat center center;}
.locaInfor .btnPrint a{display: block;width: 40px;height: 40px;text-indent: -999px;overflow: hidden;background: #fff url('/new_img/common/ico_print.png') no-repeat center center;border-radius: 50%;}


#sideMenu{font-family: 'GmarketSans';}
#sideMenu h2{display: flex;align-items: center;justify-content: center;margin-bottom: 10px;height:134px;font-size:26px;color:#fff;text-align:center;background-image: linear-gradient(130deg, #1f379d, #008654 80%);border-radius: 20px 20px 60px 20px;}
#nlnb li{position:relative;font-size:16px;}
#nlnb li a{position:relative;display:block;word-break: keep-all;}
#nlnb > ul > li{margin-bottom:6px}
#nlnb > ul > li > a{display:block;font-size:16px;color:#333;padding:16px 30px 9px;text-decoration:none;background-color:#fff;border:1px solid #d8d8d8;background-repeat:no-repeat;background-position: right 20px top 23px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;border-radius: 10px;}
#nlnb > ul > li > a:focus{outline:2px dashed #000;outline-offset: 2px}/* 12 23접근성 때매 추가함 */
#nlnb > ul > li.has-sub > a{background-image:url('/new_img/common/ico_lnb_dot.png')}
#nlnb > ul > li.on > a,
#nlnb > ul > li.open > a,
#nlnb > ul > li > a:hover,
#nlnb > ul > li.open > a:hover{color:#fff;background-color:#000941;border-color:#000941;text-decoration:none}
#nlnb > ul > li.has-sub.open > a{color:#fff;background-color:#000941;border-color:#000941;background-image:url('/new_img/common/ico_lnb_dot_on.png');}
#nlnb > ul > li > ul{display:none;margin-top: 6px;padding:15px 30px;font-family: 'Nanum Gothic';background:#f8f8f8;border:1px solid #dbdce1;border-radius: 10px;}
#nlnb > ul > li > ul > li{position:relative;margin:5px 0}
#nlnb > ul > li > ul > li > a::before{position:absolute;top:9px;left:0;width:3px;height:3px;content:'';background:#686868;border-radius:50%}
#nlnb > ul > li > ul > li > a{display:block;padding-left:10px;font-size: 15px;color:#666;}
#nlnb > ul > li > ul > li > a:hover,
#nlnb > ul > li > ul > li.on > a,
#nlnb > ul > li > ul > li.open > a{color:#000;font-weight: bold;text-decoration:underline;text-underline-offset: 3px;}
#nlnb > ul > li > ul > li a:hover::before,
#nlnb > ul > li > ul > li.on a::before,
#nlnb > ul > li > ul > li.open a::before{background-color: #000;}


/* ---- 하단영역 ---- */
#footer {position:relative;padding:70px 40px;font-family: 'GmarketSans';letter-spacing: 0;background:#2a2c3f}
#footer .footBox{position:relative;margin:0 auto;max-width:1400px;}
#footer .footBox .foot_menu{display: flex;flex-wrap: wrap;margin-bottom:25px;}
#footer .footBox .foot_menu li{position:relative;display:inline-block;margin-bottom:5px;padding-right:20px;}
#footer .footBox .foot_menu li:not(:last-child)::after{position:absolute;top:50%;right:8px;width:3px;height:3px;content:'';background:#fff;opacity:0.4;border-radius: 50%;transform: translateY(-50%);}
#footer .footBox .foot_menu li a{display:block;color:#b2b2b8}
#footer .footBox .foot_menu li a span{position: relative;padding: 5px 5px 2px;line-height: 1;z-index: 1;}
#footer .footBox .foot_menu li a span::before{position: absolute;left: 50%;bottom: 0;width: 0;height: 8px;content: '';background-color: #181a2c;border-radius: 4px;transition: 0.2s ease;z-index: -1;}
#footer .footBox .foot_menu li a:hover{color: #fff;font-weight: 500;}
#footer .footBox .foot_menu li a:hover span::before{left: 0;width: 100%;}
#footer .footBox .foot_menu li:first-child a{color:#ffca2d}
#footer .footBox .foot_menu li:first-child a span::before{background-color: #ffca2d;opacity: 0.2;}
#footer .footBox .foot_add{display: flex;align-items: flex-end;justify-content: space-between;}
#footer .footBox address{display:flex;flex-wrap: wrap;margin-bottom:5px;max-width: 410px;font-size:15px;color:#fff;line-height: 1.3;}
#footer .footBox address > div{display: flex;margin-bottom: 15px;}
#footer .footBox address span{flex-shrink: 0;margin-right: 10px;color: #8c8e9b;}
#footer .footBox address .tel{margin-right: 50px;}
#footer .footBox small{font-size:14px;color:#8c8e9b;}
#footer .footBox .botBtTop{position:absolute;top:-100px;right:0;width:58px;height:58px;text-indent:-999px;overflow:hidden;background:#3f4156 url('/new_img/common/ico_top.png') no-repeat center center;border-radius: 20px;z-index:300}
#footer .footBox .botBtTop:focus{outline:2px dashed #ffffff;outline-offset: -2px}


#mGnb{display:none;}


/*
=========================================================================
반응형 레이아웃 css
=========================================================================
*/

 /* PC Device */
@media all and (max-width:1500px){
	
	
	
}

 /* PC / TABLET Device */
@media all and (min-width:641px){
	

}

 /* PC Device */
@media all and (min-width:1201px){
	
	
	#mGnb{display:none;}


}

 /* TABLET Device */
@media all and (max-width:1200px){

	#header{overflow:initial}
	#header::after{display: none;}
	#header .head_box .top_link .mem_link{margin-right: -40px;padding: 0 20px;}
	#header .head_box .top_link .mem_link .btnLang {display:none;}
	
	#header .btnMbMenu{display:block;position:absolute;right:10px;top:100px;width:40px;height:40px;overflow:hidden;}
	#header .btnMbMenu span{position: relative;display: block;margin: 0 auto;width: 26px;height:3px;text-indent:-999px;background-color: #000;border-radius: 3px;}
	#header .btnMbMenu span::before,
	#header .btnMbMenu span::after{position: absolute;left: 0;width: 100%;height: 3px;content: '';background-color: #000;border-radius: 3px;}
	#header .btnMbMenu span::before{top: -8px;}
	#header .btnMbMenu span::after{bottom: -8px;}

	#header .btnSiteMap{display:none}

	#gnb{display:none}

	/* 모바일메뉴 */
	#mGnb.mOpen{right:0}

	#mGnb{display:block;position:fixed;top:20px;right:-380px;padding: 30px 20px;width:380px;transition:all 0.1s ease;box-sizing: border-box;z-index:500}
	#mGnb::before{position: absolute;top: 0;left: 0;width: 100%;height: 440px;content: '';border-radius: 30px 30px 30px 75px;background: linear-gradient(160deg, #1f379d, #008654);}
	#mGnb .mb_mem{position: relative;display:flex;align-items: center;margin-bottom: 20px;padding-left: 5px;}
	#mGnb .mb_mem li{margin-right: 30px;}
	#mGnb .mb_mem li a{display: block;padding-left: 30px;color: #fff;background-repeat: no-repeat;background-position: left 0;}
	#mGnb .mb_mem li.ic_login a{background-image: url('/new_img/common/ico_login_mb.png');}
	#mGnb .mb_mem li.ic_logout a{background-image: url('/new_img/common/ico_logout_mb.png');}
	#mGnb .mb_mem li.ic_join a{background-image: url('/new_img/common/ico_join_mb.png');background-position: 5px 0;}
	#mGnb .mGnb{position:relative;height:100%;}
	#mGnb .mGnb img{margin-left: 5px;}
	#mGnb .mGnb > ul{position: relative;padding-top: 30px;}
    #mGnb .mGnb > ul > li{width: 200px;}
    #mGnb .mGnb > ul > li button{position: absolute;top: 0;left: 0;width: 100%;height: 50px;text-indent: -9999px;overflow: hidden;z-index: 5;}
	#mGnb .mGnb > ul > li > button{z-index: 25;}
    #mGnb .mGnb > ul li li.has-sub button{width: 100% !important;height: 55px;}
    #mGnb .mGnb > ul li li li.has-sub > button{height: 30px;}
    #mGnb .mGnb > ul li li li.has-sub > button::before{position: absolute;top: 6px;right: 4px;width: 0;height: 10px;content: '';border-left: 2px solid #acacac;}
    #mGnb .mGnb > ul li li li.has-sub > button::after{position: absolute;top: 10px;right: 0;width: 10px;height: 0;content: '';border-top: 2px solid #acacac;}
    #mGnb .mGnb > ul li li li.has-sub.selected > button::before,
    #mGnb .mGnb > ul li li li.has-sub.open > button::before{display: none;}
    #mGnb .mGnb > ul > li:nth-child(1) > button{top: 30px;}
    #mGnb .mGnb > ul > li:nth-child(2) > button{top: 80px;}
    #mGnb .mGnb > ul > li:nth-child(3) > button{top: 130px;}
    #mGnb .mGnb > ul > li:nth-child(4) > button{top: 180px;}
    #mGnb .mGnb > ul > li:nth-child(5) > button{top: 230px;}
    #mGnb .mGnb > ul > li:nth-child(6) > button{top: 280px;}
    #mGnb .mGnb > ul > li:nth-child(7) > button{top: 330px;}
	#mGnb .mGnb > ul > li > a{position:relative;display:flex;align-items: center;padding:3px 20px 0;font-size:15px;color:#fff;height:50px;word-break: keep-all;z-index:2}
	#mGnb .mGnb > ul > li > a::before{opacity: 0;position: absolute;top: 50%;left: 10px;width: 100%;height: 40px;content: '';background:#1b224e;border-radius: 20px;transform:translateY(-50%);z-index: -1;transition: 0.2s ease;}
	#mGnb .mGnb > ul > li > a::after{opacity: 0;position: absolute;top: 50%;right: 0;width: 7px;height: 7px;content: '';border: 1px solid #676d86;border-width: 2px 2px 0 0;transform:translateY(-50%) rotate(45deg);transition: 0.2s ease;}
    #mGnb .mGnb.main > ul > li button,
    #mGnb .mGnb.main > ul > li{width: 100%;}
	#mGnb .mGnb.main > ul > li > a{justify-content: center;}
    #mGnb .mGnb.on > ul > li,
    #mGnb .mGnb > ul > li.on,
    #mGnb .mGnb > ul > li.open,
    #mGnb .mGnb > ul > li.selected,
	#mGnb .mGnb > ul > li > button,
    #mGnb .mGnb.on > ul > li button,
    #mGnb .mGnb > ul > li.on button,
    #mGnb .mGnb > ul > li.selected button{width: 145px;}
	#mGnb .mGnb > ul > li.open > a,
	#mGnb .mGnb > ul > li.selected > a{position: relative;color: #fff;font-weight: 500;z-index: 20;}
	#mGnb .mGnb > ul > li.open > a::before,
	#mGnb .mGnb > ul > li.selected > a::before{opacity: 1;left: 0;}
	#mGnb .mGnb > ul > li.open > a::after,
	#mGnb .mGnb > ul > li.selected > a::after{opacity: 1;right: 12px;}
	#mGnb .mGnb > ul > li.on > ul{display:block}
	#mGnb .mGnb.on > ul > li > a{justify-content: flex-start;background-color: transparent;}
	#mGnb .mGnb > ul > li > ul{display:none;position:absolute;top:0;left:130px;padding:30px;width:calc(100% - 130px);height:calc(100vh - 120px);background-color: #fff;overflow:auto;box-sizing: border-box;border-radius: 35px;z-index: 10;}
	#mGnb .mGnb > ul > li > ul > li{position:relative;border-bottom:1px solid #e5e5e5}
	#mGnb .mGnb > ul > li > ul > li > a{position:relative;display:block;padding:15px 0;font-size:15px;color:#555;text-decoration:none;}
	#mGnb .mGnb > ul > li > ul > li.on > a,
	#mGnb .mGnb > ul > li > ul > li.open > a,
	#mGnb .mGnb > ul > li > ul > li.selected > a{color:#4562b3;font-weight:500;}
	#mGnb .mGnb > ul > li > ul > li.has-sub > a::after{position:absolute;top:50%;right:3px;width:8px;height:8px;content:'';border:1px solid #acacac;border-width: 0 0 2px 2px;transform: translateY(-50%) rotate(-45deg);}
	#mGnb .mGnb > ul > li > ul > li.open > a::after,
	#mGnb .mGnb > ul > li > ul > li.selected > a::after{border-color:#4562b3;transform: translateY(-20%) rotate(135deg);}
	#mGnb .mGnb > ul > li > ul > li.on > ul{display:block}
	#mGnb .mGnb > ul > li > ul > li > ul{display:none;padding:10px 0;border-top:2px solid #4563b3}
	#mGnb .mGnb > ul > li > ul > li > ul > li{position:relative;}
	#mGnb .mGnb > ul > li > ul > li > ul > li > a{position:relative;display:block;padding:5px 10px;font-size:14px;color:#555;line-height: 1.2;text-decoration:none;}
	#mGnb .mGnb > ul > li > ul > li > ul > li > a::before{position:absolute;top:10px;left:0;width:3px;height:3px;content:'';background:#a6a6a6;border-radius: 50%;}
	#mGnb .mGnb > ul > li > ul > li > ul > li.open > a,
	#mGnb .mGnb > ul > li > ul > li > ul > li.selected > a,
	#mGnb .mGnb > ul > li > ul > li > ul > li.on > a,
	#mGnb .mGnb > ul > li > ul > li > ul > li > a:hover{color:#333;font-weight:bold}
	#mGnb .mGnb > ul > li > ul > li > ul > li > a:hover::before{background:#383a4a}
	#mGnb .mGnb > ul > li > ul > li > ul > li.on > ul{display:block}
	#mGnb .mGnb > ul > li > ul > li > ul > li > ul{display:none;margin:5px 0 10px;padding:15px 10px;background:#f8f9fb;box-sizing: border-box;}
    #mGnb .mGnb > ul > li > ul > li > ul > li > ul > li{position: relative;}
	#mGnb .mGnb > ul > li > ul > li > ul > li > ul > li > a{position:relative;display:block;padding:2px 10px;font-size:13px;color:#555;text-decoration:none;}
	#mGnb .mGnb > ul > li > ul > li > ul > li > ul > li > a::before{position:absolute;top:10px;left:0;width: 3px;height: 3px;content:'';background-color: #a6a6a6;border-radius: 50%;}
	#mGnb .mGnb > ul > li > ul > li > ul > li > ul > li.on > a{color:#252525}
    #mGnb .mGnb > ul > li > ul > li > ul > li > ul > li > ul{display: none;margin: 10px 0;padding: 10px;background-color: #fff;}
    #mGnb .mGnb > ul > li > ul > li > ul > li > ul > li > ul > li > a{position:relative;display:block;padding:2px 0;font-size:14px;color:#555;text-decoration:none;}
	#mGnb.on{right:0}

	#mGnb .btnMenuClose{display:block;position:absolute;top:-10px;right:20px;width:38px;height:38px;text-indent:-999px;overflow:hidden;background:#fff;border-radius: 14px;box-shadow: 5px 5px 10px rgba(0,0,0,0.1);z-index:20}
	#mGnb .btnMenuClose::before{position: absolute;top: 50%;left: 50%;width: 0;height: 15px;content: '';border-left: 2px solid #1b224e;transform: translate(-50%, -50%) rotate(45deg);}
	#mGnb .btnMenuClose::after{position: absolute;top: 50%;left: 50%;width: 0;height: 15px;content: '';border-left: 2px solid #1b224e;transform: translate(-50%, -50%) rotate(-45deg);}

	.fix_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:200}
	#wrapper.wra_box{position:fixed;top:0;width:100%;height:auto;z-index:200;}

	#subContainer{margin-bottom: 50px;}
	#subContainer .subConBox{display:block;}
	#subContainer .subConBox #sideMenu{display:none}
	#subContainer .subConBox #content{max-width: 100%;width:100%}
	
	#footer .footBox .foot_add{display: block;}
	#footer .footBox address{margin-bottom: 30px;}
	
}

/* TABLET Device */
@media all and (max-width:900px){

	#header .head_box .top_link .etc_link .link1{display: none;}

}


 /* Mobile Device */
@media all and (max-width:640px){
	
	
	#header{padding:0 20px;}
	#header .head_box{min-height:150px}
	#header .head_box .logo{top:70px;width:198px;}
	#header .head_box .top_link{display: block;}
	#header .head_box .top_link .etc_link{display: none;}
	#header .head_box .top_link .mem_link{margin-right: -20px;border-bottom-left-radius:22px;}
	#header .head_box .top_link .mem_link > ul{justify-content: center;height: 50px;}
	#header .head_box .top_link .mem_link > ul > li:not([class^='ic_']){display: none;}
	
	#header .btnSearch{top: 80px;right: 40px;}
	#header .btnMbMenu{top: 80px;right: 0;}

	#header .top_search{margin-top: 150px;padding: 30px 20px 50px;height: auto;border-radius: 20px 20px 70px 20px;}
	#header .top_search .search_box .inp_search{padding: 0 50px 0 15px;height: 60px;font-size: 16px;}
	#header .top_search .search_box .txt{left: 15px;font-size: 16px;}
	#header .top_search .search_box .btn_search{right: -10px;width: 45px;height: 45px;border-radius: 15px;background-size: 17px;}
	#header .top_search .btn_search_close{width: 50px;height: 50px;}
	
	#mGnb{right: -320px;padding: 20px 15px;width: 320px;}
	#mGnb .mb_mem{margin-bottom: 10px;padding-left: 10px;}
	#mGnb .mb_mem li a{font-size: 14px;}
	#mGnb .mGnb::before{width:35%}
	#mGnb .mGnb > li{width:35%}
	#mGnb .mGnb > ul > li > a{padding: 3px 10px 0 15px;font-size: 14px;}
	#mGnb .mGnb > li > ul{left:35%;padding:0 20px;width:65%}
	#mGnb .mGnb > ul > li > ul{top: 10px;left: 110px;padding: 20px;width: calc(100% - 110px);border-radius: 20px;}
	#mGnb .mGnb > li > ul > li > a{padding: 15px 10px;font-size:16px}
	#mGnb .mGnb > ul > li > ul > li > a{font-size: 14px;}

	#mGnb .mGnb.on > ul > li, 
	#mGnb .mGnb > ul > li.on, 
	#mGnb .mGnb > ul > li.open,
	#mGnb .mGnb > ul > li.selected,
	#mGnb .mGnb > ul > li > button,
	#mGnb .mGnb.on > ul > li button, 
	#mGnb .mGnb > ul > li.on button, 
	#mGnb .mGnb > ul > li.selected button{width: 125px;}

	
	#nlnb{display:none}

	#container{padding-top:150px}
	
	#subContainer{margin-bottom: 40px;padding:150px 20px 0}
	#subContainer::before{top: 150px;height: 40px;}
	#subContainer .subConBox{padding-top: 50px;}
	#subContainer .subConBox #content{padding:20px 0 0;min-height:200px}

	.locaInfor{height: 40px;}
	.locaInfor .location ul li{padding: 0 15px;font-size: 13px;}
	.locaInfor .location ul li.home{padding-right: 5px;}
	.locaInfor .btnPrint{display: none;}
	
	#footer{padding: 50px 20px;}
	#footer .footBox .botBtTop{top: -80px;}
		
}