@charset "utf-8";

/* 기본설정 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body#userBD {min-width:280px;}
* { box-sizing: border-box; }
#wrap { display: flex; min-height: 100vh; flex-direction:column; }
.inner_wrap { padding: 0 90px; }
@media all and (max-width: 1400px){
	.inner_wrap { padding: 0 40px; }
}

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

@media all and (max-width: 769px){
	.inner_wrap { padding: 0 20px; }
}

@media all and (max-width: 481px){
	.inner_wrap { padding: 0 15px; }
}



/* 기본 레이아웃[사용자]  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* -------------------------------------------------------------- 상단영역 -------------------------------------------------------------- */
/* 팝업창 영역 */
.topArea {width:100%; overflow:hidden;}
.topArea > div {width:1200px; margin:0 auto; overflow:hidden;}
.topArea > div > ul {float:right;}
.topArea > div > ul li {float:left; position:relative; color:#fff; margin-left:10px; padding-left:10px;}
.topArea > div > ul li:after {display:block; content:""; position:absolute; left:0; top:4px; width:1px; height:12px; background:#fff;}
.topArea > div > ul li:first-child:after {display:none;}
.topArea > div > ul li > a {display:block; font-size:13px; color:#fff; padding:5px 12px;background:rgba(30,43,79,0.7);}

@media all and (max-width: 1200px){
	.topArea > div {width:970px;}
}

@media all and (max-width: 1025px){
	.topArea {position:relative; top:55px; z-index:9;}
	.topArea > div {width:100%;}
}

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

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

/* 메뉴영역[메인] */
/* .menuUsrMain {width:1200px; margin:60px auto 0 auto; overflow:hidden;}
.menuUsrMain > h1 {float:left;}
.menuUsrMain > h1 a {display:block;}
.menuUsrMain > ul {float:right; margin:15px 0;}
.menuUsrMain > ul li {float:left; padding-left:80px;}
.menuUsrMain > ul li a {display:inline-block; color:#fff; font-size:20px; font-weight:500;}
.menuUsrMain > ul li a:hover {color:#008cd6;}

@media all and (max-width: 1200px){
	.menuUsrMain {width:970px;}
	.menuUsrMain > ul li {padding-left:60px;}
	.menuUsrMain > ul li a {font-size:18px;}
} */

/* @media all and (max-width: 1025px){ */
	/* #headerUsr {display:none;} */
	
	/* 상단영역-모바일 */
	
	
	
	
	
/* .hm-menu {width:100%; box-sizing:border-box; padding:14px 20px; overflow:hidden;}
.hm-menu > h1 {float:left;}
.hm-menu > div {float:right; padding-top:5px; text-align:right; font-size:25px; color:#222;}
.hm-menu > div i {color:#fff; cursor:pointer; transition:0.3s;}
.hm-menu > div i:hover {color:#008cd6;}
	
	.hm-total ul ul {display:none;}
.hm-total {position:fixed; top:0; right:0; width:100%; height:100%; margin-right:-100%; background:#222; overflow:auto;}
.hm-total > .total-close {width:100%; text-align:right; box-sizing:border-box; padding:16px 20px; background:transparent; overflow:hidden;}
.hm-total > .total-close > a i {font-size:28px; color:#fff;}
.hm-total > .total-close > a:hover i {color:#008cd6;}
	
.hm-total > .total-list > ul {width:100%; box-sizing:border-box; padding:0 20px;}
.hm-total > .total-list > ul > li.sub-depth1 {border-bottom:1px solid rgba(255,255,255,0.1);}
.hm-total > .total-list > ul > li.open {border-bottom:none;}
.hm-total > .total-list > ul > li.sub-depth1 a {display:block; font-size:18px; box-sizing:border-box; padding:25px 10px; color:#fff; overflow:hidden;}
.hm-total > .total-list > ul > li.sub-depth1 a span {float:left;}
.hm-total > .total-list > ul > li.sub-depth1 a i {float:right; margin-top:3px; color:rgba(255,255,255,0.5);}
.hm-total > .total-list > ul > li.sub-depth1 > ul.sub-depth2 {padding:10px 25px; box-sizing:border-box; background:rgba(255,255,255,0.03);}
.hm-total > .total-list > ul > li.sub-depth1 > ul.sub-depth2 > li > a {font-size:16px; box-sizing:border-box; padding:20px 15px; border-top:1px solid rgba(255,255,255,0.05); border-bottom:1px solid rgba(255,255,255,0.05);}
.hm-total > .total-list > ul > li.sub-depth1 > ul.sub-depth2 > li:first-child > a {border-top:none;}
.hm-total > .total-list > ul > li.sub-depth1 > ul.sub-depth2 > li > ul.sub-depth3 {box-sizing:border-box; padding:10px 0; border-top:1px solid rgba(255,255,255,0.05);}
.hm-total > .total-list > ul > li.sub-depth1 > ul.sub-depth2 > li > ul.sub-depth3 li > a {position:relative; font-size:14px; box-sizing:border-box; padding:5px 25px; border-top:none; border-bottom:none;}
.hm-total > .total-list > ul > li.sub-depth1 > ul.sub-depth2 > li > ul.sub-depth3 li > a:after {content:""; display:inline-block; position:absolute; left:15px; top:13px; ; width:3px; height:3px; border-radius:50%; background:#fff;} */
/* } */

/* @media all and (max-width: 769px){
}

@media all and (max-width: 481px){
} */


/* 메뉴영역[서브] */
#header { position: sticky; width:100%; height: 120px; z-index: 10 !important; background: transparent; top: 0; left: 0; transition: all 0.3s; }
.menuUsr { display: flex; position: relative; height: 120px; justify-content: space-between; align-items: center; transition: all 0.3s; }
.menuUsr h1 a { display: inline-block; }
.menuUsr h1 a img { display: inline-block; width: 100%; height: 100%; /* filter: brightness(0); */ }

.menuUsr .hRight { display: flex; align-items: center; gap: 20px; }
.menuUsr .login { display: flex; height: 38px; align-items: center; border-radius: 50rem; background: rgba(255, 255, 255, 0.1); }
.menuUsr .login li a { position: relative; padding: 0 22px; font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.3); transition: all 0.3s ease-out 0s; }
.menuUsr .login li a::after { content: ""; position: absolute; top: 3px; left: 0; width: 1px; height: 11px; opacity: 0.2; background: #fff; }
.menuUsr .login li:first-child a::after { content: none; }
.menuUsr .login li a:hover { color: rgba(255,255,255,0.5); }

.hm-menu:hover span { opacity: 1; }
.hm-menu { position: relative; /* padding: 20px; */ cursor: pointer; z-index: 9999; }
.hm-menu span { display : inline-block; transition : all .4s; box-sizing : border-box; }
.hm-menu-inner { position: relative; width: 50px; height: 44px; }
.hm-menu span { position: absolute; left: 0; width : 100%; height: 4px; background-color: #fff; opacity: 0.8; }
.hm-menu span:nth-of-type(1) { top: 0; }
.hm-menu span:nth-of-type(2) { top: 20px; }
.hm-menu span:nth-of-type(3) { bottom: 0; }
.hm-menu.active span:nth-of-type(1) { -webkit-transform: translateY(20px) rotate(-45deg); transform: translateY(20px) rotate(-45deg); }
.hm-menu.active span:nth-of-type(2) { opacity: 0; }
.hm-menu.active span:nth-of-type(3) { -webkit-transform: translateY(-20px) rotate(45deg); transform: translateY(-20px) rotate(45deg); }

.hm-total { display: none; background: red; }
.hm-total::before { content:""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 1)); backdrop-filter: blur(3px); }
.hm-total .total-list { position: absolute; z-index: 9999; top: 100%; right: 0; text-align: right; }
.hm-total .total-list a { display: inline-block; position: relative; padding: 0.4em 20px; text-align: right; font-size: 2.4rem; font-weight: 700; color: rgba(255, 255, 255, 0.6); line-height: 1em; transition: all 0.3s; }
.hm-total .total-list a:hover { color: #fff; }
.hm-total .login { display: none; }
.hm-total .total-list .menu a::before { content: ""; opacity: 0; position: absolute; width: 12px; height: 12px; left: 0; top: 10px; border-radius: 50rem; background: #f5821f; transition: all 0.3s; }
.hm-total .total-list .menu a:hover::before { opacity: 1; }

#header.scrolled { height: 85px; background: #1c1c1c; }
#header.scrolled .menuUsr { height: 85px; }
#header.scrolled .menuUsr h1 a img { height: 40px; }
#header.scrolled .hm-menu-inner { width: 40px; height: 34px; }
#header.scrolled .hm-menu span:nth-of-type(2) { top: 15px; }
#header.scrolled .hm-menu.active span:nth-of-type(1) { transform: translateY(15px) rotate(-45deg); }
#header.scrolled .hm-menu.active span:nth-of-type(3) { transform: translateY(-15px) rotate(45deg); }


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

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

@media all and (max-width: 769px){
	.hm-menu-inner { width: 40px; height: 35px; }
	.hm-menu span:nth-of-type(2) { top: 16px; }
	.hm-menu.active span:nth-of-type(1) { -webkit-transform: translateY(16px) rotate(-45deg); transform: translateY(16px) rotate(-45deg); }
	.hm-menu.active span:nth-of-type(2) { opacity: 0; }
	.hm-menu.active span:nth-of-type(3) { -webkit-transform: translateY(-16px) rotate(45deg); transform: translateY(-16px) rotate(45deg); }
	/* .menuUsr .hRight { gap: 0px; } */
	.menuUsr .login li a { padding: 0 14px; }
	.menuUsr h1 a img { height: 45px; }
}

@media all and (max-width: 481px){
	.hm-menu { padding: 0; }
	.menuUsr .hRight .login { display: none; }
	.menuUsr h1 a img { height: 40px; }
	.menuUsr .hRight .hm-total .login { display: inline-flex; margin-bottom: 15px; flex-direction: row; }
	.hm-total .total-list a { font-size: 2rem; }
}



/* -------------------------------------------------------------- 하단영역 -------------------------------------------------------------- */
/* 하단영역[서브] */
.footer {margin-top: auto; background: #fbfbfb; }
.footer * { color: rgba(0, 0, 0, 0.4); }
.footer .footerCmn { display: flex; padding: 20px 0; align-items: flex-end; flex-wrap: wrap; justify-content: space-between; line-height: 2em; }
.footer .footerCmn img { margin-bottom: 10px; height: 30px; }
.footer .footerCmn ul { display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; }
.footer .footerCmn ul li { display: inline-flex; position: relative; align-items: center; }
.footer .footerCmn ul li + li { padding-left: 10px; }
.footer .footerCmn ul li + li::before { content: ""; display: inline-block; position: absolute; width: 1px; height: 0.8em; left: 0; background: #000 ; opacity: .3; }
.footer .footerCmn ul li strong {color: #f5821f;}
.footer .footerCmn ul li a { transition: all 0.3s; }
.footer .footerCmn ul li a:hover { color: rgba(0, 0, 0, 0.8); }
/* 하단영역[메인] */
.footer.Main { background: transparent; }
.footer.Main * { color: rgba(255, 255, 255, 0.7); }
.footer.Main .footerCmn ul li + li::before { background: #fff; }
.footer.Main .footerCmn ul li a:hover { color: rgba(255, 255, 255, 1); }
@media all and (max-width: 1150px){
	.footer .footerCmn ul { justify-content: normal; }
}

@media all and (max-width: 1025px){
	.footer * { font-size: 14px; }
}

@media all and (max-width: 769px){
	.footer .footerCmn div:first-child ul { gap: 0; }
	.footer .footerCmn img { display: none; }
	.footer .footerCmn div:first-child ul li { padding: 0; }
	.footer .footerCmn div:first-child ul li::before { content: none; }
}

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



/* -------------------------------------------------------------- 본문영역 -------------------------------------------------------------- */
#contentUsr { position:relative; width:100%; margin:0 auto; overflow:hidden;}
#contentUsr #content { position: relative; width: 100%; height: auto; margin: 0 auto; max-width: 1300px; padding-bottom: 170px; margin-top: 50px; }
@media all and (max-width: 1400px){
	#contentUsr #content { padding: 0 40px 170px; }
}

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

@media all and (max-width: 769px){
	#contentUsr #content { padding: 0 20px 120px; }
}

@media all and (max-width: 481px){
	#contentUsr #content { padding: 0 15px 90px; }
}

/* 서브비주얼 */
#subVisual { margin-top:-170px; padding-top: 120px;}
#subVisual > div { color:#fff; text-align: center; }
#subVisual > div h2 { padding-top: 25px; padding-bottom: 70px; font-size: 54px; font-weight: 700; line-height: 1em; }
.subBGMENU0001 {background:url('../images/common/subVisual001.jpg') center center no-repeat; background-size:cover;}
.subBGMENU0002 {background:url('../images/common/subVisual002.jpg') center center no-repeat; background-size:cover;}
.subBGMENU0003 {background:url('../images/common/subVisual003.jpg') center center no-repeat; background-size:cover;}
.subBGMENU0004 {background:url('../images/common/subVisual004.jpg') center center no-repeat; background-size:cover;}
.subBGMENU0105 {background:url('../images/common/subVisual004.jpg') center center no-repeat; background-size:cover;}
.subBGMENU0110 {background:url('../images/common/subVisual004.jpg') center center no-repeat; background-size:cover;}
.subBGMENU0111 {background:url('../images/common/subVisual002.jpg') center center no-repeat; background-size:cover;}
.subBGMENU0116 {background:url('../images/common/subVisual002.jpg') center center no-repeat; background-size:cover;}
.subBGMENU0120 {background:url('../images/common/subVisual002.jpg') center center no-repeat; background-size:cover;}
@media all and (max-width: 1400px){
	#subVisual { margin-top:-140px; padding-top: 120px;}
	#subVisual > div h2 { padding-top: 16px; padding-bottom: 70px; font-size: 50px; }
}

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

@media all and (max-width: 769px){
	#subVisual { margin-top:-120px; padding-top: 120px;}
	#subVisual > div h2 { padding-top: 12px; padding-bottom: 50px; font-size: 40px; }
}

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


/* 좌측메뉴영역 */
/* .leftMenuUsr {width:100%; height:100%; box-sizing:border-box; padding:40px 40px 40px 0;}
.leftMenuUsr > p {font-size:22px; font-weight:bold; color:#fff; text-align:right; box-sizing:border-box; padding:20px 15px; background:#2c2c49;}
.leftMenuUsr > dl {width:100%; box-sizing:border-box; padding:0 0 0 40px; overflow:hidden;}
.leftMenuUsr > dl dt a {position:relative; display:block; width:100%; font-size:15px; color:#fff; box-sizing:border-box; padding:15px 10px; border-bottom:1px solid rgba(255,255,255,0.1);}
.leftMenuUsr > dl dt a:after {content:""; display:inline-block; position:absolute; right:10px; top:25px; width:13px; height:3px; background:url('../images/common/icn_left_menu.png') no-repeat;}
.leftMenuUsr > dl dt a:hover {color:#00b0ec; border-bottom:1px solid #00b0ec;}
.leftMenuUsr > dl dt a.on {color:#00b0ec; border-bottom:1px solid #00b0ec;}
.leftMenuUsr > dl dd {width:100%; box-sizing:border-box; padding:10px; border-bottom:1px solid rgba(255,255,255,0.1);}
.leftMenuUsr > dl:last-child dd {border-bottom:none;}
.leftMenuUsr > dl dd a {position:relative; display:block; width:100%; font-size:14px; color:#bbc9d6; box-sizing:border-box; padding:3px 0 3px 12px;}
.leftMenuUsr > dl dd a:after {content:""; display:inline-block; position:absolute; left:0; top:12px; width:5px; height:1px; background:#bbc9d6;}
.leftMenuUsr > dl dd a:hover {color:#fff;}

@media all and (max-width: 1400px){
	.leftMenuUsr {padding:30px 30px 30px 0;}
	.leftMenuUsr > dl {padding:0 0 0 30px;}
}

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

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

@media all and (max-width: 481px){
} */


/* 타이틀-네비 */
/* .titleNaviUsr {  }
.titleNaviUsr ul { position: relative; display: flex; }
.titleNaviUsr ul li { display: inline-flex; align-items: center; font-size: 14px; font-weight: 400; color: #fff; opacity: .7; }
.titleNaviUsr ul li:last-child { font-weight: 700; opacity: 1; }
.titleNaviUsr ul li + li { margin-left: 15px; gap: 10px; }
.titleNaviUsr ul li + li::before { content: ""; display: inline-block; width: 6px; height: 6px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(45deg); opacity: .3; }

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

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

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

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

@media all and (max-width: 481px){
} */


/* 로그인 [사용자]  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.login_box { display: flex; padding: 24px; margin: auto; width: 350px!important; height: 390px; background-color: #fff; border-radius: 6px; z-index: 10;  flex-direction: column; flex-wrap: wrap; align-items: center; }
.login_logo { height: 40px; margin: 12px 0 24px; }
.login_logo img { display: inline-block; width: 100%; height: 100%; }
.login_box .login_area { width: 100%; }
.login_box .form_input input { width: 100%; padding: 13px 12px; margin-bottom: 12px;  line-height: 1.47; font-size: 15px; border: 1px solid #dee2e6; letter-spacing: -.3px; border-radius: 4px; background-color: #fff; }
.login_box .form_input input:focus { outline: none; border-color: #f5821f; }
.login_box .form_input .form_input_button { display: flex; gap: 8px; }
.login_box .form_input .form_input_button input { flex: 1; }
.login_box .form_input .form_input_button button { flex-basis: 100px; margin: 0 !important; }
.login_box .ac-button { display: inline-flex; margin: 12px 0!important; padding: 0 12px; width: 100%; height: 48px; font-weight: 700; background-color: #f5821f; border: none; color: #fff; font-size: 14px; align-items: center; justify-content: center; border-radius: 4px; cursor: pointer; }
.login_box .ac-button.gray { background: #bebebe; }
.login_box .search_area { display: flex; margin-top: auto; align-items: center;}
.login_box .search_area a { text-decoration: underline; }
.login_box .search_area a::before { content: ""; display: inline-block; margin: 0 16px; width: 1.4px; height: 0.8em; background: #dee2e6; }
.login_box .search_area a:first-child::before { content:none; }
.login_box .search_result { display: flex; flex: 1; width: 100%; align-items: center; justify-content: center; border: 1px solid #dee2e6; border-radius: 6px; background: #ffffff; padding: 20px 1px;}
.login_box .search_result p { text-align: center; color: #999; }
.login_box .search_result span { display: inline-block; margin: 8px 0; padding: 8px 16px; background: #eee; border-radius: 4px; color: #f5821f; font-size: 18px; font-weight: 700; }


/* 검색영역 [사용자]  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#searchBoxUsr {
	display:flex; display:-ms-flexbox; width:100%; box-sizing:border-box; padding:20px 0; margin-bottom:30px; border-radius:5px; border:1px solid #e5e5e5; 
	background:rgba(247,248,252,0.5); box-shadow:1px 1px 5px rgba(0,0,0,0.1); overflow:hidden;
	align-items: center;
}
#searchBoxUsr select {width:100% !important; height:40px;}
#searchBoxUsr input[type="text"] {width:100% !important; height:40px;}
#searchBoxUsr label {display:inline-block; font-size:14px; color:#555; font-weight:500; margin-bottom:10px;}
#searchBoxUsr > ul {width:calc(100% - 150px); box-sizing:border-box; padding:0 20px; overflow:hidden;}
#searchBoxUsr > ul > li {width:100%; margin-top:20px; overflow:hidden;}
#searchBoxUsr > ul > li:first-child {margin:0;}
#searchBoxUsr > div {display:flex; width:150px; margin:0 auto; box-sizing:border-box; padding:0 20px; border-left:1px solid #ddd; overflow:hidden;}
#searchBoxUsr > div > a {
	display:block; vertical-align:middle; align-self:center; width:100%; font-size:15px; font-weight:500; letter-spacing:0; color:#fff; text-align:center;
	box-sizing:border-box; padding:16px 10px; background:#1f1f3c;
}

#searchBoxUsr > ul > li > ul {overflow:hidden;}
#searchBoxUsr > ul > li > ul li {float:left; box-sizing:border-box; padding-right:0.5em;}
#searchBoxUsr > ul > li > ul li:last-child {padding-right:0;}
#searchBoxUsr > ul > li > ul li:first-child:nth-last-child(1) {width:100%;}
#searchBoxUsr > ul > li > ul li:first-child:nth-last-child(2), #searchBoxUsr > ul > li > ul li:first-child:nth-last-child(2) ~ li {width:calc(100%/2);}
#searchBoxUsr > ul > li > ul li:first-child:nth-last-child(3), #searchBoxUsr > ul > li > ul li:first-child:nth-last-child(3) ~ li {width:calc(100%/3.001);}
#searchBoxUsr > ul > li > ul li:first-child:nth-last-child(4), #searchBoxUsr > ul > li > ul li:first-child:nth-last-child(4) ~ li {width:calc(100%/4);}
#searchBoxUsr > ul > li > ul li:first-child:nth-last-child(5), #searchBoxUsr > ul > li > ul li:first-child:nth-last-child(5) ~ li {width:calc(100%/5);}
#searchBoxUsr > ul > li > ul li:first-child:nth-last-child(6), #searchBoxUsr > ul > li > ul li:first-child:nth-last-child(6) ~ li {width:calc(100%/6);}

#searchBoxUsr > ul > li > ul > li > div {width:100%; overflow:hidden;}

#searchBoxUsr > ul li.areaS {width:30% !important;}
#searchBoxUsr > ul li.areaL {width:70% !important;}
#searchBoxUsr > ul li.areaS2 {width:40% !important;}
#searchBoxUsr > ul li.areaL2 {width:60% !important;}
#searchBoxUsr > ul li.areaD {width:calc(100%/2);}

/* 라디오,체크박스 영역 */
#searchBoxUsr .chk-area label {font-size:16px; font-weight:normal; margin:5px 15px 5px 0;}
#searchBoxUsr .chk-area label:last-child {margin:0;}

 /* 달력,날짜 영역 */
#searchBoxUsr div.cal-date span {display:block; float:left; width:calc((99% - 12px) / 2);}
#searchBoxUsr div.cal-date span.wave {width:12px; height:40px; line-height:40px; margin:0 0.5%; text-align:center;}
#searchBoxUsr div.cal-date span input.cal-date {width:calc(100% - 25px) !important;}

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

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

@media all and (max-width: 769px){
	#searchBoxUsr {flex-direction:column; padding:0 15px;}
	#searchBoxUsr > ul {width:100%; padding:15px 0;}
	#searchBoxUsr > ul > li {margin-top:10px;}
	#searchBoxUsr > div {width:100%; padding:15px 0; border-left:none; border-top:1px solid #ddd;}
	#searchBoxUsr > div > a {padding:11px 10px;}
	
	#searchBoxUsr > ul > li > ul li {padding-top:10px;}
	#searchBoxUsr > ul > li > ul li:nth-child(1), #searchBoxUsr > ul > li > ul li:nth-child(2) {padding-top:0;}
	#searchBoxUsr > ul > li > ul > li:first-child:nth-last-child(2), #searchBoxUsr > ul > li > ul > li:first-child:nth-last-child(2) ~ li {width:calc(100%/2);}
	#searchBoxUsr > ul > li > ul > li:first-child:nth-last-child(3), #searchBoxUsr > ul > li > ul > li:first-child:nth-last-child(3) ~ li {width:calc(100%/2);}
	#searchBoxUsr > ul > li > ul > li:first-child:nth-last-child(4), #searchBoxUsr > ul > li > ul > li:first-child:nth-last-child(4) ~ li {width:calc(100%/2);}
	#searchBoxUsr > ul > li > ul > li:first-child:nth-last-child(5), #searchBoxUsr > ul > li > ul > li:first-child:nth-last-child(5) ~ li {width:calc(100%/2);}
	
	#searchBoxUsr > ul li.areaS {width:100% !important; padding:0;}
	#searchBoxUsr > ul li.areaL {width:100% !important; padding-top:5px !important;}
	
	#searchBoxUsr .wide {width:100% !important; padding-right:0 !important; margin-top:10px;}
	#searchBoxUsr .wide:first-child {margin:0;}
}

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









/* 테이블 [사용자]  ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* 테이블 상세보기 */
.bbsView {border-top:1px solid #231f20; overflow:hidden;}
.bbsView table {width:100%; table-layout:fixed; border-left:1px solid #e4e4e4;}
.bbsView table thead th {color:#555; font-weight:500; text-align:center; padding:12px 5px; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#f7f8fc;}
.bbsView table tbody th {color:#555; font-weight:500; text-align:center; word-break:keep-all; padding:12px 5px; box-sizing:border-box; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#f7f8fc;}
.bbsView table tbody th em {font-size:16px; font-weight:500; font-style:normal; color:#de1819;}
.bbsView table tbody td {text-align:left; box-sizing:border-box; padding:12px 8px; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#fff;}
.bbsView table tbody td label {display:inline-block; margin-right:5px;}
.bbsView table tbody td .title-btn {overflow:hidden;}
.bbsView table tbody td .title-btn dt {float:left; width:calc(100% - 220px); line-height:25px;}
.bbsView table tbody td .title-btn dd {float:right;}
.bbsView table tbody td .title-btn.form dd {line-height:35px;}
.bbsView table tbody td .dateBr {display:none;}
.bbsView .mobonly {display:none;}

.bbsView .form-list li {display:inline-block; margin:5px 5px 5px 0; overflow:hidden;}
.bbsView .form-list li.wave {line-height:45px; margin:0 5px 0 0; vertical-align:top;}
.bbsView .form-list li:last-child {margin-left:0;}

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

@media all and (max-width: 991px){
	.bbsView table tbody th {font-size:14px;}
	.bbsView table tbody td {font-size:14px;}
}

@media all and (max-width: 769px){
	.bbsView {width:100%; overflow:hidden;}
	.bbsView > table {position:relative; display:block; table-layout:auto; empty-cells:show; border-collapse:separate; border-left:none; border-bottom:1px solid #ddd;}
	.bbsView > table > colgroup {display:none;}
	.bbsView > table > thead {display:block;}
	.bbsView > table > thead > tr {display:block; width:100%; overflow:hidden;}
	.bbsView > table > thead > tr > th {display:block; width:30%; float:left; box-sizing:border-box; text-align:center; color:#333; font-weight:500; border-right:1px solid #e4e4e4; background:#f7f8fc;}
	.bbsView > table > tbody {display:block;}
	.bbsView > table > tbody > tr {display:block; width:100%; overflow:hidden;}
	.bbsView > table > tbody > tr > th {
		display:block; vertical-align:middle; width:30%; float:left; clear:left; padding:12px 5px; color:#333; 
		border-right:none; border-bottom:none; border-top:1px solid #e4e4e4; background:none;
	}
	.bbsView > table > tbody > tr > td {
		display:block; vertical-align:middle; width:70%; min-height:42px; float:left; text-align:left; padding:12px 5px; 
		border-right:none !important; border-bottom:none; border-top:1px solid #e4e4e4; background:none;
	}
	.bbsView table tbody td .title-btn dt {float:none; width:100%; line-height:1.2;}
	.bbsView table tbody td .title-btn dd {float:none; width:100%; margin-top:5px;}
	
	.bbsView .full {width:100%; background:#fff;}
	.bbsView .bgGray {background:rgba(247,248,252,0.7);}
	.bbsView .mobonly { display: block; }
	.bbsView .deskonly { display: none; }
	
	.bbsView .form-list li {display:block; margin:0 0 5px 0;}
	.bbsView .form-list li.wave {line-height:1.4; margin:0;}
	.bbsView .form-list li:last-child {margin:0;}
	.bbsView .form-list li > select, .bbsView .form-list li > input[type="text"] {width:100% !important;}
	.bbsView .form-list li > input[type="text"].cal-date {width:calc(100% - 25px) !important;}
}

@media all and (max-width: 481px){
	.bbsView table tbody td .dateBr {display:inline-block;}
	
}

/* 리스트형-공지사항 테이블 */
.bbsList * {font-size:15px !important;}
.bbsList {border-top:1px solid #231f20; overflow:hidden;}
.bbsList table {width:100%; table-layout:fixed; border:1px solid #e5e5e5; border-top:none; background:#fff;}
.bbsList table thead th {min-height:30px; font-size:16px; vertical-align:middle; font-weight:500; text-align:center; color:#333; padding:12px 8px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f7f8fc;}
.bbsList table thead th:last-child {border-right:none;}
.bbsList table tbody th {min-height:30px; font-size:16px; vertical-align:middle; text-align:center; font-weight:normal; padding:12px 8px; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; background:#fff;}
.bbsList table tbody td {min-height:30px; font-size:16px; vertical-align:middle; text-align:center; padding:12px 8px; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; background:#fff;}
.bbsList table tbody td:last-child {border-right:none;}
.bbsList table tbody .mth {display:none;}
.bbsList table tbody .mtd {word-break:break-word;}
.bbsList table .bgw {background:#fff !important;}
.bbsList table .bgG {color:#1a8d5f !important; background:#e8f3ef !important;}
.bbsList table .bgB {color:#454f63 !important; background:#f1f6fc !important;}

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

@media all and (max-width: 991px){
	.bbsList * {font-size:14px !important;}
}

@media all and (max-width: 769px){
  .bbsList table {display:block; border:none;}
  .bbsList table colgroup col {width:auto !important;}
  .bbsList table tr {display:flex; flex-wrap:wrap; margin-top:10px; border:1px solid #e5e5e5; border-top:none;}
  .bbsList table tr:first-child {margin-top:0;}
  .bbsList table thead {display:none;}
  .bbsList table tbody {display:block;}
  .bbsList table tbody th {display:block; width:100%; min-height:45px; border-right:none;}
  .bbsList table tbody td {display:flex; width:100%; min-height:45px; padding:0; border-right:none;}
  .bbsList table tbody td.noData {flex-direction:column; justify-content:center; align-items:center;}
  .bbsList table tbody .num, .bbsList table tbody .hits {display:none;}
  .bbsList table tbody .mth {display:flex; width:100px; justify-content:center; align-items:center; color:#555; font-weight:500; word-break:keep-all; box-sizing:border-box; border-right:1px solid #e5e5e5; background:#f7f8fc;}
  .bbsList table tbody .mtd {display:block; width:calc(100% - 100px); box-sizing:border-box; padding:12px 8px; align-items:center; text-align:left; word-break:break-word;}
  .bbsList table tbody .mtd a {word-break:break-all;}
  .bbsList table .line {border-top:1px solid #555;}
}

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


/* 박스형-스크롤 */
.bbsScroll {border-top:1px solid #231f20; overflow-x:auto;}
.bbsScroll table {width:100%; table-layout:fixed; border-left:1px solid #e4e4e4;}
.bbsScroll table thead th {font-size:15px; padding:15px 8px; font-weight:500; color:#333; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#f7f8fc;}
.bbsScroll table tbody td {font-size:15px; padding:12px 8px; text-align:center; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;} 
.bbsScroll table tbody th {font-size:15px; padding:12px 8px; text-align:left; border-right:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.bbsScroll table tbody td:last-child, .bbsScroll table tbody th:last-child {border-right:1px solid #e4e4e4;}
.bbsScroll table tbody .bgBox {color:#333; text-align:center; background:rgba(244,248,251,0.5);}


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

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

@media all and (max-width: 769px){
	.bbsScroll * {font-size:14px !important;}
	.bbsScroll table {width:100%; min-width:400px;}
	.bbsScroll table thead th {font-size:14px;}
	.bbsScroll table tbody td {font-size:14px;} 
	.bbsScroll table tbody th {font-size:14px;}
}

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