@charset "utf-8";
/* CSS Document */

#wrap {position:relative; width:100%; height:100%; min-height:100vh; background-color: #f0f1f7; overflow-x:hidden;}

@media screen and (max-width:1000px){
	#wrap {padding-top:110px;}
}

@media screen and (max-width:640px){
	#wrap {padding-top:110px;}
}

.color-green {color: #8bc640 !important;}
.color-red {color: #ff0000 !important;}

.bg-red {background-color: #db4455 !important;}
.bg-green {background-color: #03A059 !important;}
.bg-blue {background-color: #0B5AA0 !important;}
.bg-grey {background-color: #444 !important;}

.bg-red-hover:hover {background-color: #bb3a48 !important;}
.bg-green-hover:hover {background-color: #008c4d !important;}
.bg-blue-hover:hover {background-color: #104896 !important;}
.bg-grey-hover:hover {background-color: #222 !important;}

.fontWeight-400 {font-weight: 400 !important;}
.fontWeight-500 {font-weight: 500 !important;}
.fontWeight-600 {font-weight: 600 !important;}

.display-inlineBlock {display: inline-block;}
.display-none {display: none;}

.wordBreak-keepAll {word-break: keep-all !important;}

.scroll-custom-01::-webkit-scrollbar {width: 15px;}
.scroll-custom-01::-webkit-scrollbar-thumb {background-color: #ddd; border-width: 2px 4.5px; border-style: solid; border-color: #f9f9f9; border-radius: 30px;}
.scroll-custom-01::-webkit-scrollbar-track {background-color: #f9f9f9;}

.sub-info-box .txt-box .right {font-size: 15px;}
.sub-info-box .txt-box .right .ref_txt {display: inline-block; margin-left: 5px;}

.sub-input-in-box.type12 .left-box {margin-bottom: 10px;}

.in1300 {width:1300px; margin:0 auto; position:relative;}
.in1300:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}

@media screen and (max-width:1300px){
	.in1300 {width:100%; padding:0 10px;}
}


/*********** 본문바로가기 ***********/
#accessibility {width:100%; text-align: center; background-color:#333; position:absolute; top:-31px; left:0; z-index: 500; height:30px;}
#accessibility a {color:#fff; font-size: 13px; display: inline-block; padding:6px 10px 6px;}


.skip-navi{display:block;position:absolute;left:0;top:0;overflow:hidden;width:1px;height:1px;text-align:center;color:#fff !important;z-index:9999;}
.skip-navi:focus,.skip-navi:active{padding:5px 0;width:100%; color:#fff; height:auto; background:#333}


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

}



/* 230915 */
/*********** 헤더 top ***********/
.hd_top {width: 100%; background-color: #ebecee; border-bottom: 1px solid #e0e0e0;}
.hd_top .in1300 {display: flex;justify-content: flex-end;min-height: 40px;}
.hd_top .top_me {display: flex; margin-right: 5px; align-items: center;}
.hd_top .top_me li {padding: 3px 10px 0;}
.hd_top .top_me li a {display: block; vertical-align: middle; color: #999; font-size: 13px;}
.hd_top .top_me li a:hover {text-decoration: underline;}
.hd_top .top_me li a img {display: inline-block; vertical-align: middle; margin-right: 3px; margin-top: -2px;}
.hd_top .top_me .language {min-width: 75px; position: relative; padding: 0; display: flex; justify-content: center; align-items: center; background-color: #2e62ae; z-index: 100;}
.hd_top .top_me .language button {width: 100%; padding: 5px 10px; color: #fff; display: flex; justify-content: center; align-items: center; gap: 2px; border: 1px solid #000;}
.hd_top .top_me .language button i {color: #fff; font-size: 16px; margin-top: 1.5px;}
.hd_top .top_me .language .cur_lang {}
.hd_top .top_me .language .lang_list {display: none; width: 100%; position: absolute; top: calc(100% - 1px); left: 0; background-color: #f9f9f9;}
.hd_top .top_me .language .lang_list > li {padding: 0;}
.hd_top .top_me .language .lang_list button {color: #333; transition: background-color 0.3s ease;}
.hd_top .top_me .language .lang_list button:hover {background-color: #ddd;}
.hd_top .select_city {position: relative;}
.hd_top .select_city > a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-color:#f3f3f5; border-left:1px solid #e0e0e0; border-right: 1px solid #e0e0e0; padding: 3px 15px 0 25px;}
.hd_top .select_city > a .txt {font-size: 14px; color: #333; font-weight: 500;}
.hd_top .select_city > a .icon {margin-left: 32px;}
.hd_top .select_city > a .icon img {vertical-align: middle; display: inline-block; transition: all 0.25s ease;}
.hd_top .select_city > a.active .icon img {transform: rotate(180deg);}
.hd_top .select_city .su-menu {display:none; position: absolute; width: 100%; background-color:#fff; border:1px solid #e0e0e0; text-align: center; z-index: 101;}
.hd_top .select_city .su-menu li {border-bottom: 1px solid #e0e0e0;}
.hd_top .select_city .su-menu li a {display:block; padding: 9px 5px 7px; font-size: 14px;}
.hd_top .select_city .su-menu li:last-of-type {border-bottom: 0;}

@media screen and (max-width:1000px){
	.hd_top {position: fixed; z-index: 10000; left: 0; top: 0;}
}
/* // 230915 */








/*********** 헤더 ***********/
#hd {width: 100%; height: 60px; background-color: #fff;}
#hd .in1300 {height: 100%; display: flex; align-items: center;}

#hd .logo-box {flex-basis: 260px;}

#hd .favorite-menu {flex:1; padding: 0 57px 0 25px; text-align: right;}
#hd .favorite-menu .favo-menu {display: inline-flex;}
#hd .favorite-menu .favo-menu li {margin:0 22px;}
#hd .favorite-menu .favo-menu li a {display: block; position: relative;}
#hd .favorite-menu .favo-menu li a::before {content: ""; width: 20%; height: 4px; position: absolute; top:130%; left:40%; background-color: #2e62ae; transition: all 0.4s ease; opacity: 0;}
#hd .favorite-menu .favo-menu li.active a::before {width: 100%; left:0; opacity: 1;}
#hd .favorite-menu .favo-menu li.active2 a::before {width: 100%; left:0; opacity: 1;}
#hd .favorite-menu .favo-menu li a .lg-tx {font-size: 20px; font-weight: 600; color: #231f20;}
#hd .favorite-menu .favo-menu li a .sm-tx {font-size: 12px; color: #666; margin-left: 5px; letter-spacing: 0;}

#hd .search-box {flex-basis: auto; background-color: #fff; border:1px solid #dddedf; height: 42px; border-radius: 33px; display: flex; align-items: center; padding: 0 15px 0 20px; display: block;margin-left:auto;}
#hd .search-box form {width: 100%; height: 100%; display: flex; align-items: center;}
#hd .search-box .select-sear-hd {width: 30%; height: 100%; border:none; background-color: transparent; text-align: center; font-size: 15px; position: relative; /* background-image: url('/resources/img/icon/icon_arrow_bott.png'); */}
#hd .search-box .select-sear-hd::before {content: ""; width:1px; height: 20px; background: red; position: absolute; right: 0; top: 0;}
#hd .search-box .select-sear-hd option {text-align: center;}
#hd .search-box .txt-sear1 {width: 60%; height: 100%; border:none; background-color: transparent;}
#hd .search-box .btn-sear1 {width: 17px; height: 100%; border:none; background-color: transparent; float: right;}
#hd .search-box .bar {display:block; width: 1px; height: 18px; background-color: #ddd; margin-left: 5px}

/* 모바일메뉴 */
.mobile-menu-box {display: none;}

@media screen and (max-width:1120px){
	#hd .logo-box {flex-basis: 100px;}
	#hd .favorite-menu {padding-right:25px;}
	#hd .favorite-menu .favo-menu li {margin:0 15px;}
	#hd .search-box {flex-basis: 300px;}
}

@media screen and (max-width:1000px){
	#hd {display:none;}
   #hd .img_box img {height:100%;}
}

/*
@media screen and (max-width:1000px){
	
	.mobile-menu-box {display: block; margin-left: auto; padding-right: 10px;}
	.mobile-menu-box .mo-menu-btn {width: 28px;}
	.mobile-menu-box .mo-menu-btn span.bar {display: block; width:100%; background-color: #2e62ae; height: 3px; margin-top: 7px;}
	.mobile-menu-box .mo-menu-btn span.bar:first-of-type {margin: 0;}

	#hd {height: 65px; border-bottom:1px solid #fafafa;}
	#hd .in1300 { box-shadow: 0 5px 5px rgba(0,0,0,.05);}
	#hd .favorite-menu {display: none;}
	#hd .search-box {display: none;}

	#hd .in1300 {background-position: top -60px center; background-size: 200%;}
	#hd .logo-box {flex-basis: 115px; padding: 15px;}
}
*/





/*********** 메인메뉴 ***********/
.main-menu-box {width: 100%; background-color: #2e62ae; height: 40px; position: relative; z-index:1000;}

.gnb-menu-wrap {width: 100%; background-color: #fff; overflow: hidden; height:40px; position: absolute; left: 0; top: 0; z-index: 100;box-shadow: 0 7px 10px rgba(0,0,0,0.1);}
.gnb-menu-wrap .head-bg {background-color: #2e62ae; width: 100%; height: 40px; position: absolute; left: 0; top: 0;}
.gnb-menu-wrap.active {height: 40px;}

.gnb-menu-wrap.fixed {position: fixed; height: 40px;}

.main-menu-box .in1300 {height: 40px; display: flex; margin:0 auto;}
.main-menu-box .lb-menu {height: 100%; display: flex; flex-basis: 200px; height: 100%; align-items: center; }
.main-menu-box .lb-menu li {margin:0 5px; position: relative;}
.main-menu-box .lb-menu li:first-child {margin-left: 0;}
.main-menu-box .lb-menu li a {height: 28px; padding: 0 10px; display: flex; align-items: center; justify-content: center; border:1px solid #fff; color: #fff; font-size: 12px; transition: all 0.25s ease;}
.main-menu-box .lb-menu li a:hover {background-color: #1f7aff;}
.main-menu-box .lb-menu li.home a {padding: 0 7px;}
.main-menu-box .all-menu-b {height: 100%; background-color:#1958a8; border-left:2px solid #284ba1; border-right:2px solid #284ba1; flex-basis: 53px; transition: all 0.25s ease;}
.main-menu-box .all-menu-down {padding:18px 15px; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.main-menu-box .all-menu-down span {display: block; width: 21px; height: 3px; background-color: #fff; transition: all 0.25s ease;}
.main-menu-box .all-menu-b:hover {background-color:#1f7aff;}
.main-menu-box .all-menu-b.active {background-color:#1f7aff;}
.main-menu-box .all-menu-down.active {background-color: #1f7aff;}

.main-menu-box .lb-menu li {}
.select_lang_a {}
.select_lang_a i {padding-left: 5px; color: white;}
.lang_box {position: absolute; left: 110%; top: 0; z-index: 10; display: none;}
.select_lang_ul {display: flex;}
.select_lang_ul > li > a {font-weight: 500; color: #fff; background-color: #2e62ae;}

/* 230915 */
#gnb {flex: 1; text-align: center; height: 100%;}
#gnb .gnb-ul {display: flex; height: 100%;}
#gnb .gnb-ul > li {width: 100%; border-left: 1px solid #284ba1;}
#gnb .gnb-ul > li:last-child {border-right: 1px solid #284ba1;}
#gnb .gnb-ul > li > a {height: 100%; display: flex; align-items: center; justify-content: center; padding: 0 30px; color: #fff; font-size: 17px; font-weight: 500; transition: all 0.25s ease; letter-spacing: 0;text-decoration: none;}
#gnb .gnb-ul > li > a:hover {background-color: #1f7aff;}
#gnb .gnb-ul > li.active > a {background-color: #1f7aff;}
#gnb .gnb-ul > li.active2 > a {background-color: #1f7aff;}

#gnb .gnb-depth2 {position: absolute; padding: 20px 2% 25px; border-right: 1px solid #eee; transition: all 0.25s ease;}
#gnb .gnb-depth2 > li > a {font-size: 16px; font-weight: 500; color: #232323; display: block; padding: 9px 0; text-align: left;}
#gnb .gnb-depth2 > li > a:hover {color: #1f7aff;}
#gnb .gnb-depth2 > li > a .gn-dep2-btn {width: 18px; text-align: center; height: 18px; transition: all 0.25s ease; border-radius: 3px; transition: all 0.25s ease; background-color: #fff; border:1px solid #ddd;}
#gnb .gnb-depth2 > li > a .gn-dep2-btn i {padding: 2px 0 0; transition: all 0.25s ease; color: #888;}
#gnb .gnb-depth2 > li > a .gn-dep2-btn.active {border:1px solid #e0e0e0; background-color: #fff;}
#gnb .gnb-depth2 > li > a .gn-dep2-btn.active i {color: #58a8ff; transform: rotate(180deg);}
#gnb .gnb-ul > li:nth-of-type(1) > .gnb-depth2 {border-left:1px solid #eee;}

#gnb .gnb-ul > li.active .gnb-depth2 {background-color: #f8fbff;}


#gnb .gnb-depth3 {display:none; width: 100%; padding: 15px 20px; background-color: #fafafa; text-align: left;}
#gnb .gnb-depth3 li {margin-top: 7px;}
#gnb .gnb-depth3 li:first-child {margin-top: 0;}
#gnb .gnb-depth3 li a {font-size: 14px;font-weight: normal;color: inherit;}
#gnb .gnb-depth3 li a:hover {color: #1f7aff;}

#gnb .gnb-ul > li.active .gnb-depth3 {background-color: #fff;}



@media screen and (max-width:1300px){
	.main-menu-box .in1300 {padding: 0;}
}

@media screen and (max-width:1000px){
	.main-menu-box {display: none;}
}
/* // 230915 */




/* 모바일메뉴 */
.mobile-menu-black {display:none; position: fixed; top:0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 455;}

.mobile-menu-wrap {position: fixed; top:0; right:-300px; height:100%; background-color:#3e76c1; width: 300px; z-index: 500; overflow: auto;}
/* top */
.mobile-menu-wrap .top {width: 100%; background-color: #245daa;}
.mobile-menu-wrap .top::after {content:""; display:block; clear: both;}
.mobile-menu-wrap .top .lt-menu-ul {display:flex; float:left; width: calc(100% - 50px); min-height: 50px; padding: 7px;}
.mobile-menu-wrap .top .lt-menu-ul > li {flex: 1; padding: 0 2px; position: relative;}
.mobile-menu-wrap .top .lt-menu-ul > li.city {flex-basis: 40px; padding: 0 2px;}
.mobile-menu-wrap .top .lt-menu-ul > li > a {display: flex; height: 100%; align-items: center; justify-content: center; border-radius: 5px; border:1px solid rgba(255,255,255,0.5); color: #fff; font-size: 15px;}
.mobile-menu-wrap .top .lt-menu-ul > li .mo-city-se {}
.mobile-menu-wrap .top .lt-menu-ul > li .mo-city-se .icon {margin-left: 7px; font-size: 13px;}
.city-sub-ul {display:none; position: absolute; width: 95%; z-index: 501; background-color: #2b6fcc; border-radius: 5px; border:1px solid rgba(255,255,255,0.5); }
.city-sub-ul > li {text-align: center; border-bottom: 1px solid rgba(255,255,255,0.5);}
.city-sub-ul > li:last-child {border-bottom: none;}
.city-sub-ul > li > a {display:block; padding:7px 3px; color: #fff; font-size: 14px; }
.mobile-menu-wrap .top .close-b {float:left; width: 50px; height: 50px; text-align: center; }
.mobile-menu-wrap .top .close-b .mo-close-btn {display:block; width: 100%; height: 100%; background-color: #094392; font-size: 20px;}
.mobile-menu-wrap .top .close-b .mo-close-btn i {color: #fff;}
/* search */
.mobile-menu-wrap .search-box {width: 100%; height: 50px;}
.mobile-menu-wrap .search-box form {width: 100%; height: 50px; display: flex;}
.mobile-menu-wrap .search-box .txt-mo-sear1 {border: none; background-color: rgba(255,255,255,1); width: 75%;}
.mobile-menu-wrap .search-box .btn-mo-sear1 {width: 25%; background-color: #1f7aff; font-weight: 500; color: #fff; font-size: 15px;}
/* menu */
.mobile-menu-wrap .main-menu {width: 100%;}
.mobile-gnb {width: 100%;}
.mobile-gnb > li {border-bottom: 1px solid rgba(255,255,255,0.2);}
.mobile-gnb > li > a {display:block; padding:18px 40px 18px 20px; position: relative;}
.mobile-gnb > li > a .txt {font-size: 15px; color: #fff;}
.mobile-gnb > li > a .icon {position: absolute; right: 20px; top: 16px;}
.mobile-gnb > li > a .icon i {color: rgba(255,255,255,0.7); transition: all 0.25s ease;}
.mobile-gnb > li > a.active .icon i {transform: rotate(180deg);}

.mo-gnb-depth2 {display:none; width: 100%; background-color: #fff;}
.mo-gnb-depth2 > li {border-bottom:1px solid #e0e0e0;}
.mo-gnb-depth2 > li:last-child {border-bottom: none;}
.mo-gnb-depth2 > li > a {display: block; padding: 15px 40px 15px 25px; font-size: 14px; position: relative;}
.mo-gnb-depth2 > li > a i {position: absolute; right: 20px; top: 16px; color: #666; font-size: 15px;}

.mo-gnb-depth3 {display:none; width: 100%; background-color: #f0f0f0; border-top:1px solid #e0e0e0; padding: 5px;}
.mo-gnb-depth3 > li {padding: 10px 30px;}
.mo-gnb-depth3 > li > a {font-size: 14px;}



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

}









/*********** 컨텐츠  ***********/
/*메인*/
.main-contents {width: 100%;}

/*컨텐츠*/
#contents {width: 100%; }
#contents:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}

span.tn {display: block; width: 0; height: 0; overflow:hidden; text-indent: -9999px;}



/*서브*/
.sub-content-wrap {margin:0 auto; width: 1400px; padding: 0 50px; background-color: #fff; min-height: calc(100vh - 200px);}

.sub-contents {width: 100%; position: relative; padding: 55px 0 100px;}
.sub-contents:after { visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}


/* 서브 타이틀 */
.sub-contents .title-box {text-align: center; margin-bottom: 30px;}
.sub-contents .title-box h2 {font-size: 40px; color: #222;}


/* 서브 설명틀 */
.sub-info-box {width: 100%; background-color: #f2f5fa; padding: 25px 20px 25px 40px; display: flex; align-items: center; margin: 0 0 50px;}
.sub-info-box .btn-box {margin-left: auto; padding-left: 30px; flex:none;}
.sub-info-box .txt-box {width: 100%;}
.sub-info-box .txt-box p {font-size: 16px; line-height: 1.6; padding-left: 27px; background: url('/resources/img/icon/icon_info_1.png') no-repeat left top 3px;}
.sub-info-box .txt-box .left{float:left;} 
.sub-info-box .txt-box .right{float:right; font-weight: 600; line-height: 1.6;}
.btn-menual {height: 42px; background-color:#245daa; padding: 0 22px; color: #fff; font-size: 15px; transition: all 0.25s ease;}
.btn-menual .txt {color: #fff; font-size: 15px;}
.btn-menual .icon {padding-left: 5px;}
.btn-menual .icon i {color: #fff;}
.btn-menual:hover {background-color: #1f7aff;}


@media screen and (max-width:1400px){
	/*서브*/
	.sub-content-wrap {width: 100%; padding: 0 10px;}
}

/*
@media screen and (max-width:1000px){
	.main-content {padding-bottom: 0;}
	
	
	.sub-content-wrap {width: 100%; padding: 0 10px; min-height: calc(100vh - 65px);}
		
	
	.sub-contents {width: 100%; position: relative; padding: 20px 0 50px;}

	
	.sub-contents .title-box {margin-bottom: 20px;}
	.sub-contents .title-box h2 {font-size: 25px;}

	
	.sub-info-box {padding: 20px 15px 20px 15px; display: block;}
	.sub-info-box .btn-box {margin-left: auto; padding-left: 0; width:100%; text-align: left;}
	.sub-info-box .txt-box {margin: 0 0 15px;}
	.sub-info-box .txt-box p {font-size: 14px; padding-left: 20px; background-size:15px}
	.btn-menual {height: 34px; padding: 0 20px; font-size: 14px;}
	.btn-menual .txt {font-size: 14px;}
	.btn-menual .icon {padding-left: 3px;}

}
*/







/*********** 서브 메뉴 ***********/
.sub-menu-box {width: 1300px; margin: 0 auto; border:1px solid #dddedf; border-top: none; display: flex; height: 64px; align-items: center; padding: 0 28px; background-color: #fff;}
.sub-menu-box::after {content: ""; display: block; clear: both;}
.sub-menu-box .navigation-box {margin-left: auto;}
.sub-menu-box .navigation-box ul {display: flex; align-items: center;}
.sub-menu-box .navigation-box ul li {position: relative; padding: 0 15px 0 0; font-size: 14px; color: #666766; font-weight: 500;}
.sub-menu-box .navigation-box ul li::before {content: "\276D"; position: absolute; right:5px; top:0; color:#999; }
.sub-menu-box .navigation-box ul li:last-of-type {padding-right: 0;}
.sub-menu-box .navigation-box ul li:last-of-type::before {content: "";}
.sub-menu-box .navigation-box ul li img {display: inline-block; vertical-align: middle; margin-top: -2px;}

#sub-gnb {height: 100%;}
#sub-gnb .sub-gnb-ul {height: 100%; display: flex;}
#sub-gnb .sub-gnb-ul > li {position: relative; height: 100%; min-width: 230px;}
#sub-gnb .sub-gnb-ul > li.home {min-width: auto;}
#sub-gnb .sub-gnb-ul > li::before {content: ""; position: absolute; right: 0; top: calc(50% - 7px); width: 1px; height: 15px; background-color: #e3e3e3;}
#sub-gnb .sub-gnb-ul > li > a {display:block; height: 100%; padding: 0 35px 0 22px; display: flex; align-items: center; position: relative;}
#sub-gnb .sub-gnb-ul > li > a .txt {font-size: 16.5px; color: #333; font-weight: 500;}
#sub-gnb .sub-gnb-ul > li > a .icon {position: absolute; right: 20px; top: 30%; transition: all 0.25s ease;}
#sub-gnb .sub-gnb-ul > li > a .icon img {transition: all 0.25s ease;}
#sub-gnb .sub-gnb-ul > li.home > a {padding: 0 20px 0 0;}
#sub-gnb .sub-gnb-ul > li > a.active .icon img {transform: rotate(180deg);}

#sub-gnb .sub2-depth2 {position: absolute; width: 100%; background-color: #fff; border:1px solid #e0e0e0; z-index: 50; display: none;}
#sub-gnb .sub2-depth2 > li {border-bottom: 1px solid #e0e0e0;}
#sub-gnb .sub2-depth2 > li:last-child {border-bottom: none;}
#sub-gnb .sub2-depth2 > li > a {display:block; padding: 15px 20px; font-weight: 400; font-size: 15px;}
#sub-gnb .sub2-depth2 > li > a:hover {font-weight: 500;}


@media screen and (max-width:1300px){
	.sub-menu-box {width: 100%;}
}


@media screen and (max-width:1000px){
	.sub-menu-box {display: none;}
}






/*********** 탭부분 ***********/
.tab01-box {width:100%; margin:0 0 45px}
.tab01-box .tab01 {width: 100%; display: flex; border-bottom: 1px solid #000; position: relative;}
.tab01-box .tab01::before {content: ""; width:1px; height: 1px; background-color:#000; position: absolute; left: -1px; bottom: -1px;}
.tab01-box .tab01::after {content: ""; display: block; clear: both;}
.tab01-box .tab01 li {border:1px solid #dddddc; min-width: 150px; margin-left: -1px; background-color: #f7f8f9; position: relative; z-index: 5;}
.tab01-box .tab01 li a {display:block; padding:16px 15px 15px; text-align: center; font-size:16px; color: #333;}
.tab01-box .tab01 li.active {border:1px solid #000; z-index: 10; background-color: #fff; border-bottom:none;}
.tab01-box .tab01 li.active a {font-weight: 500;}
.tab01-box .tab01 li.active a::before {content: "\e928"; font-family : xeicon; font-size:20px; padding-right: 5px;}
.tab01-box .tab01 li.active::before {content:""; width:100%; height:1px; background-color: #fff; position: absolute; left:0; bottom: -1px;}


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

	
}






/*********** 검색 모음 부분 ***********/
.sub-input-in-box {width:100%; display:flex; margin: 0 0 38px; border:1px solid #eee; padding: 25px; align-items: center; flex-wrap: wrap;  position:relative;}
.sub-input-in-box .one {}
.sub-input-in-box .lb {margin-right: auto;}
.sub-input-in-box .rb {margin-left: auto;}
.sub-input-in-box .center {width: 100%; text-align: center;}

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

	
}






/*********** 폼영역 클래스 - 버튼, 셀렉트 등등 ***********/
.btn-in-01 {height:43px; min-width:60px; background-color:#000; border-radius: 3px; font-size:15px; color: #fff; padding:10px 17px; transition: all 0.25s ease;}
.btn-in-01.black {background-color: #444444;}
.btn-in-01.black:hover {background-color: #000;}
.btn-in-01.blue {background-color: #235cac;}
.btn-in-01.blue:hover {background-color: #104896;}
.btn-in-01.green {background-color: #03a059;}
.btn-in-01.green:hover {background-color: #008c4d;}
.btn-in-01.orange {background-color: #f5881e;}
.btn-in-01.orange:hover {background-color: #cf6800;}

.btn-in-02 {height:43px; background-color:#000; font-size:15px; color: #fff; padding:10px 15px; transition: all 0.25s ease; min-width: 74.88px;}
.btn-in-02.blue {background-color: #235cac;}
.btn-in-02.blue:hover {background-color: #104896;}
.btn-in-02.green {background-color: #03a059;}
.btn-in-02.green:hover {background-color: #008c4d;}
.btn-in-02.blue:hover {background-color: #104896;}
.btn-in-02.black {background-color: #343434;}
.btn-in-02.black:hover {background-color: #101010;}
.btn-in-02.red {background-color: #db4455;}
.btn-in-02.red:hover {background-color: #bb3a48;}

.btn-in-03 {height:43px; min-width:60px; border:1px solid #000; border-radius: 3px; font-size:15px; padding:10px 17px; transition: all 0.25s ease; font-weight: 500;}
.btn-in-03.green {border-color:#03a059; color: #03a159;}
.btn-in-03.green:hover {background-color: #daf1e6;}
.btn-in-03.blue {border-color:#265caa; color: #265caa;}
.btn-in-03.blue:hover {background-color: #cbdbf3;}

.btn-in-04 {height: 38px; min-width: 60px; background-color: #000; border-radius: 3px; font-size: 13px; color: #fff; padding: 0px 10px; transition: all 0.25s ease;}
.btn-in-04.blue {background-color: #235cac;}
.btn-in-04.blue:hover {background-color: #104896;}
.btn-in-04.green {background-color: #03a059;}
.btn-in-04.green:hover {background-color: #008c4d;}
.btn-in-04.red {background-color: #db4455;}
.btn-in-04.red:hover {background-color: #bb3a48;}

.sel-in-01 {height:43px; min-width:170px; border:1px solid #e0e0e0; vertical-align: middle; padding: 10px 45px 10px 15px; -webkit-appearance: none; -webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:#fff url('/resources/img/icon/icon_select_in_01.png') no-repeat 100% 0; background-position: right 10px center; font-size:15px;}
.sel-in-01::-ms-expand { display:none; }

.color-blue {color: #265dab !important;}
.color-green {color: #2db34a !important;}
.color-red {color: #ed1f24 !important;}
.color-orange {color: #f37721 !important;}


.info-p {font-size: 16px; color: #444545;}

.txt-in-01 {min-width: 170px; height: 43px; border-color: #e0e0e0; vertical-align: middle;}


/* 체크 라디오 박스 */
input.radio-in-01 {display: none;}
input.radio-in-01 + label span {display: inline-block; width: 18px; height: 18px; border:1px solid #ccc; position: relative; border-radius: 50%; vertical-align: middle; margin-right: 5px; margin-top: -2px;}
input.radio-in-01 + label {color: #333; font-size: 15px; margin-left: 10px;}
input.radio-in-01:checked + label span::after {content: ""; width: 10px; height: 10px; background-color:#1f7aff; border-radius: 50%; position: absolute; left: 3px; top: 3px;}
input.radio-in-01:checked + label {font-weight: 500;}

input.radio-in-01:first-of-type + label {margin-left: 0;}


@media screen and (max-width:1400px){
	.btn-in-01 {margin:5px 0;}
	.btn-in-02 {margin:5px 0;}
	.btn-in-03 {margin:5px 0;}
	.btn-in-04 {margin:5px 0;}
	
	.sel-in-01 {margin:5px 0;}

	.txt-in-01 {margin: 5px 0;}
}



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

	
}






/*********** 리스트 위에 정보 ***********/
.list-top-info-box {width: 100%; display: flex; margin:0 0 20px; align-items: center;}
.list-top-info-box::after {content:""; display:block; clear: both;}
.list-top-info-box .lb {margin-right: auto; font-size: 14px;}
.list-top-info-box .lb img {vertical-align: middle; padding-right: 5px;}
.list-top-info-box .rb {margin-left: auto;}

.sel-nor1 {min-width: 145px; height:35px; padding-left: 15px;}


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

	
}


/* 모바일 테이블 */
.mobile-table-wrap {display: none; margin-bottom: 50px; width: 100%; text-align: center; vertical-align: middle; border-top: 2px solid #222; font-size: 14px;}
.mobile-table-wrap table {width: 100%; table-layout: fixed;}
.mobile-table-wrap th, .mobile-table-wrap td {padding: 10px 5px; border-bottom: 1px solid #d9dbde; position: relative;}
.mobile-table-wrap th {background-color: #f7f8f9; color: #404041; font-weight: 600; word-break: keep-all;}
.mobile-table-wrap td {color: #444445; background-color: #fff; }
.mobile-table-wrap th:not(:last-of-type),
.mobile-table-wrap td:not(:last-of-type) {border-right: 1px solid #d9dbde;}
.mobile-table-wrap tbody tr {cursor: pointer;}
.mobile-table-wrap input[type=checkbox] {margin:0; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.mobile-table-wrap .chkBox_wrap {display: block; width: 100%; height: 100%; cursor: pointer; position: absolute; top: 0; left: 0;}
.mobile-table-wrap .brd-right {border-right: 1px solid #ddd;}
.mobile-table-wrap .sel-in-01, .mobile-table-wrap .txt-in-01 {min-width: unset; width: 90%; font-size: 13px; height: 39px; padding: 10px;}

/* 모바일 테이블 상세 모달창 */
.modal-bg-black {display: none; position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; background-color: #000; opacity: 0.4; z-index: 10;}
.modal-bg-black.active {display: block;}
.mobile-detail-modal {display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 480px; height: auto; max-width: 90vw; max-height: 70vh; background-color: #fff; padding: 30px; overflow-y: auto; z-index: 20;} 
.mobile-detail-modal.active {display: block;}
.mobile-detail-modal .modal-head {display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;}
.mobile-detail-modal h2 {font-size: 20px; font-weight: 600;}
.mobile-detail-modal .bdl-grey {border-left: 1px solid #ddd;}
.mobile-detail-modal .btn-modal-cls-01 i {font-size: 24px;}
.mobile-detail-modal .modal-table-wrap table {border: 1px solid #ddd; width: 100%; font-size: 14px; vertical-align: middle; table-layout: fixed;}
.mobile-detail-modal .modal-table-wrap tr:not(:last-of-type) {border-bottom: 1px solid #ddd;}
.mobile-detail-modal .modal-table-wrap th,
.mobile-detail-modal .modal-table-wrap td {padding: 10px;}
.mobile-detail-modal .modal-table-wrap th {background-color: #f7f7f7; border-right: 1px solid #ddd; font-weight: 600; word-break: keep-all;}
.mobile-detail-modal .modal-table-wrap td {padding-left: 20px; word-break: break-all;}
.mobile-detail-modal .modal-table-wrap input[type=text] {height: 30px; width: 100%;}
.mobile-detail-modal .modal-table-wrap .textarea-box {}
.mobile-detail-modal .modal-table-wrap .textarea-box .ref {font-size: 12px; margin-bottom: 5px;}
.mobile-detail-modal .modal-table-wrap .textarea-box textarea {width: 100%; resize: none; min-height: 150px;}
.mobile-detail-modal .modal-table-wrap .brd-right {border-right: 1px solid #ddd;}
.mobile-detail-modal .modal-table-wrap .textAlign-center {text-align: center;}
.mobile-detail-modal .modal-table-wrap .tbl_ref {color: #414042; font-size: 13px; margin-top: 10px;}
.mobile-detail-modal .modal-table-wrap.col-type {margin-bottom: 30px;}
.mobile-detail-modal .modal-table-wrap.col-type td {padding: 10px;}
.mobile-detail-modal .mgT-box-01 {margin-top: 30px;}
.mobile-detail-modal .img-box-01 {position: relative; border: 1px solid #ddd; display: block;}
.mobile-detail-modal .img-box-01 img {width: 100%;}
.mobile-detail-modal .img-box-02 {display: flex; flex-wrap: wrap; justify-content: space-between;}
.mobile-detail-modal .img-box-02 > a {position: relative; width: 49%; padding-bottom: 35%; border: 1px solid #ddd; margin-bottom: 2%;}
.mobile-detail-modal .img-box-02 img {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.mobile-detail-modal .img-desc {position: absolute; top: 0; left: 0; padding: 10px; color: #fff; font-size: 14px; z-index: 1;}
.mobile-detail-modal .img-desc .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.4; z-index: -1;}
.img-bg-black {display: none; position: fixed; width: 100vw; height: 100vh; top: 0; left: 0; background-color: #000; opacity: 0.6; z-index: 30;}
.img-bigSize {display: none; position: fixed; width: 100%; height: auto; max-width: 90vw; z-index: 40; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;}
.img-bigSize img {max-height: 90vh;}
.mobile-detail-modal .map-box {text-align: center;}
.mobile-detail-modal .map-box img {width: 100%; height: 200px;}
.mobile-detail-modal .imgBig-slide {overflow-x: hidden; position: relative; margin-bottom: 5px; margin-top: 20px;} 
.mobile-detail-modal .imgBig-slide .swiper-slide a {display: block; padding-bottom: 56.25%; position: relative;}
.mobile-detail-modal .imgBig-slide .swiper-slide img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.mobile-detail-modal .imgSmall-slide {overflow-x: hidden;}
.mobile-detail-modal .imgSmall-slide .swiper-slide {cursor: pointer;}
.mobile-detail-modal .imgSmall-slide .swiper-slide > div {padding-bottom: 56.25%; position: relative;}
.mobile-detail-modal .imgSmall-slide .swiper-slide img {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.mobile-detail-modal .imgSmall-slide .swiper-slide-thumb-active {border: 2px solid red;}
.mobile-detail-modal .txt-box-01 {border: 1px solid #ddd; padding: 15px 10px; font-weight: 600; text-align: center; font-size: 16px;}
.mobile-detail-modal .btn-box {display: flex; justify-content: center;}
.mobile-detail-modal .btn-box button {color: #fff; font-size: 14px; padding: 15px 0; transition: all 0.3s ease;}
.mobile-detail-modal .btn-box button:not(:last-of-type) {margin-right: 5px;}
.mobile-detail-modal .btn-box-03 {}
.mobile-detail-modal .btn-box-03 button {width: calc(100% / 3);}

/* 모바일 페이징 박스 */
.mobile-paging-box {display: flex; justify-content: center; align-items: center;}
.mobile-paging-box > li a {font-size: 16px; display: flex; justify-content: center; align-items: center; text-align: center; color: #888; transition: all 0.3s ease;}
.mobile-paging-box > li a:hover {text-decoration: none; color: #444; font-weight: 500;}
.mobile-paging-box > li.active a {color: #444; font-weight: 500;}
.mobile-paging-box > li:not(.btn-move) a {width: 24px; height: 30px;}
.mobile-paging-box .btn-move a {width: 17px; height: 30px;}
.mobile-paging-box .btn-move i {font-size: 20px;}
.mobile-paging-box .btn-first i:first-of-type,
.mobile-paging-box .btn-last i:first-of-type {margin-right: -8px;}
.mobile-paging-box .btn-first i:last-of-type,
.mobile-paging-box .btn-last i:last-of-type {margin-left: -8px;}
.mobile-paging-box .btn-prev {margin-right: 6px;}
.mobile-paging-box .btn-next {margin-left: 6px;}

/* 모달창 페이징 박스 */
.mobile-paging-box.modal-paging-box {margin-top: 30px;}

/* 조건검색 박스 */
.sub-input-in-box .btn-etc-box {display: inline-block;}
.mobile-srch-box {display: none; margin-top: 5px;}
.mobile-srch-box button {height: 39px; font-size: 14px; display: inline-flex; justify-content: center; align-items: center; text-align: center; color: #fff; padding: 0 15px; margin-left: 3px; transition: all 0.3s ease;}
.mobile-srch-box .btn-type-01 {background-color: #343434;}
.mobile-srch-box .btn-type-01:hover {background-color: #101010;}
.mobile-srch-box .btn-type-02 {background-color: #217346;}
.mobile-srch-box .btn-type-02:hover {background-color: #1a5a37;}
.mobile-srch-box input {height: 39px; font-size: 14px;}
.mobile-srch-box input::placeholder {font-size: 13px;}

.mobile-srch-box .lightDiv {margin-bottom:5px;}

@media screen and (max-width:1200px) {
    .sub-input-in-box.type09 {}
    .sub-input-in-box.type09 .lb {margin-right: 0; display: block; width: 100%;}
    .sub-input-in-box.type09 .rb {margin-left: 0; display: block; width: 100%;}
    .sub-input-in-box.type09 .selectBox {float: none !important; display: inline-block;}
    .sub-input-in-box.type09 #registInsert {float: none !important;}

    .sub-input-in-box.type12 {justify-content: flex-start;}
    .sub-input-in-box.type12 .btn-in-02 {vertical-align: middle;}
    .sub-input-in-box.type12 .gab-w-10 {display: none;}
    .sub-input-in-box.type12 .center {text-align: left;}
    .sub-input-in-box.type12 .left-box {margin-bottom: 0;}
    .sub-input-in-box.type12 .left-box label:first-of-type {margin-left: 10px;}
    .sub-input-in-box.type12 .right-box {}
    .sub-input-in-box.type12 .right-box .date_box {display: block;}




}

@media screen and (max-width:1024px) {
    .sub-contents .title-box h2 {font-size: 30px;}
    .paging-box {display: none;}
    .list-table-wrap {display: none;}

    .sub-info-box {padding: 15px 10px;}
    .sub-info-box .txt-box p {font-size: 14px;}
    .sub-info-box .txt-box .left {font-size: 14px; background-size: 18px; background-position: left top 2px;}
    .sub-info-box .btn-box .btn-in-02 {font-size: 14px; height: 39px; display: inline-flex; justify-content: center; align-items: center; text-align: center; min-width: unset;}
    .sub-info-box.type02 .txt-box {}
    .sub-info-box.type02 .txt-box .left {margin-bottom: 3px;}
    .sub-info-box.type02 .txt-box .right {font-size: 15px; line-height: inherit;}
    .sub-info-box.type02 .txt-box .right .ref_txt {display: inline-block; margin-left: 10px;}
    
    .sub-input-in-box {padding: 15px 10px; font-size: 14px}
    .sub-input-in-box.type01 {padding: 0; border: none;}
    .sub-input-in-box.type01 .btn-in-02 {min-width: unset; font-size: 14px; padding: 0 15px; display: inline-flex; height: 39px; justify-content: center; align-items: center; text-align: center;}
    .sub-input-in-box.type01 .lb {margin-right: unset;}
    .sub-input-in-box.type01 .rb {width: 100%; vertical-align: middle; margin-left: unset;}
    .sub-input-in-box.type01 .rb .sel-in-01 {position: absolute; left: 86px; top: 0; font-size: 14px; height: 39px; min-width: unset; width: 170px;}
    .sub-input-in-box.type01 .rb .datePicker-box {height: 43px;}
    .sub-input-in-box.type01 .rb .datePicker-box .txt-in-01 {height: 39px; min-width: unset; width: 150px;}
    .sub-input-in-box.type02 {padding: 0; border: none;}
    .sub-input-in-box.type02 .lb {margin-right: unset;}
    .sub-input-in-box.type02 .rb {vertical-align: middle; margin-left: unset;}
    .sub-input-in-box.type02 .rb .sel-in-01 {min-width: unset; width: 130px; height: 39px; font-size: 14px;}
    .sub-input-in-box.type02 .rb .btn-in-02 {min-width: unset; height: 39px; font-size: 14px;}
    .sub-input-in-box.type02 .rb .datePicker-box .txt-in-01 {height: 39px; min-width: unset; width: 150px; font-size: 14px;}
    .sub-input-in-box.type03 {padding: 0; border: none;}
    .sub-input-in-box.type03 .lb {margin-right: unset;}
    .sub-input-in-box.type03 .rb {vertical-align: middle; margin-left: unset;}
    .sub-input-in-box.type03 .rb .sel-in-01 {font-size: 14px; width: 130px; height: 39px; min-width: unset;}
    .sub-input-in-box.type03 .rb .datePicker-box .txt-in-01 {width: 150px; font-size: 14px; min-width: unset;}
    .sub-input-in-box.type03 .rb .btn-in-02 {height: 39px; font-size: 14px; min-width: unset;}
    .sub-input-in-box.type04 {padding: 0; border: none; margin-bottom: 20px;}
    .sub-input-in-box.type04 .rb {vertical-align: middle; display: flex; align-items: center; width: 100%; margin-left: unset;}
    .sub-input-in-box.type04 .rb .sel-in-01 {font-size: 14px; min-width: unset; height: 39px; width: 100%; max-width: 140px;}
    .sub-input-in-box.type04 .rb .btn-in-02 {min-width: 56px; font-size: 14px; height: 39px; margin-left: 5px;}
    .sub-input-in-box.type05 {flex-wrap: wrap;}
    .sub-input-in-box.type05 .rb {width: 100%; margin-top: 4px; margin-left: unset;}
    .sub-input-in-box.type05 .rb .sel-in-01 {position: absolute; top: 10px; left: 90px; height: 39px; font-size: 14px;}
    .sub-input-in-box.type05 .rb .btn-etc-box {display: flex; width: 100%;}
    .sub-input-in-box.type05 .rb .btn-etc-box button:not(:last-of-type) {margin-right: 3px;}
    .sub-input-in-box.type05 .btn-in-02 {margin: 0; height: 39px; font-size: 14px;}
    .sub-input-in-box.type06 {padding: 0; border: none;}
    .sub-input-in-box.type06 .rb {vertical-align: middle; width: 100%; margin-left: unset;}
    .sub-input-in-box.type06 .rb #excelBtn {display: none !important;}
    .sub-input-in-box.type06 .rb .sel-in-01 {height: 39px; min-width: unset; width: 130px; font-size: 14px;}
    .sub-input-in-box.type06 .rb .btn-in-02 {height: 39px; font-size: 14px; display: inline-flex; justify-content: center; align-items: center; text-align: center;}
    .sub-input-in-box.type07 {padding: 0; border: none; flex-wrap: wrap; position: relative;}
    .sub-input-in-box.type07 .lb {width: 100%; vertical-align: middle; margin-right: unset;}
    .sub-input-in-box.type07 .rb {width: 100%; margin-left: unset;}
    .sub-input-in-box.type07 .sel-in-01 {height: 39px; padding: 5px 45px 5px 15px;}
    .sub-input-in-box.type07 .btn-in-01, 
    .sub-input-in-box.type07 .btn-in-02 {height: 39px; font-size: 14px; display: inline-flex; justify-content: center; align-items: center; text-align: center;}
    .sub-input-in-box.type07 .repairMaterialList {position: absolute; top: 0; left: 324px; border-radius:unset;}
    .sub-input-in-box.type09 {border: none; padding: 0;}
    .sub-input-in-box.type09 .lb {vertical-align: middle;}
    .sub-input-in-box.type09 .rb {vertical-align: middle;}
    .sub-input-in-box.type09 .txt-in-01 {height: 39px; font-size: 14px; min-width: unset; width: 150px;}
    .sub-input-in-box.type09 .btn-in-02 {height: 39px; font-size: 14px; min-width: unset;}
    .sub-input-in-box.type09 .sel-in-01 {height: 39px; font-size: 14px; min-width: unset; width: 160px;}
    .sub-input-in-box.type10 {border: none; padding: 0;}
    .sub-input-in-box.type10 .lb {display: inline-block; margin-right: 3px;}
    .sub-input-in-box.type10 .rb {display: inline-block; margin-left: 0;}
    .sub-input-in-box.type10 .btn-in-01, .sub-input-in-box.type10 .btn-in-02 {font-size: 14px; height: 39px; display: inline-flex; justify-content: center; align-items: center; text-align: center;}
    .sub-input-in-box.type12 {border: none; padding: 0;}
    .sub-input-in-box.type12 .sel-in-01 {height: 39px; font-size: 14px;}
    .sub-input-in-box.type12 .btn-in-02 {font-size: 14px; height: 39px; display: inline-flex; justify-content: center; align-items: center; text-align: center;}
    .sub-input-in-box.type12 .txt-in-01 {height: 39px; font-size: 14px;}
    .sub-input-in-box.type12 label {font-size: 14px;}
    .sub-input-in-box.type12 .btn-excel-download {display: none;}
    .sub-input-in-box.type13 .rb {margin-left: 0;}
    .sub-input-in-box.type13 .btn-in-02 {height: 39px; font-size: 14px;}
  	 .sub-input-in-box.type14 .lb {margin-right: 0; margin-bottom: 10px; font-size:22px;}
    .sub-input-in-box.type14 .rb {width: 100%; margin-left: 0;}
    .sub-input-in-box.type14 .rb .btn-in-02 { height: 39px; display: inline-flex; justify-content: center; align-items: center; font-size: 14px;}

    .mobile-srch-box {display: flex; width: 100%;}
    .mobile-table-wrap {display: block;}
  /*
    .modal-bg-black.active {display: block;}
    .mobile-detail-modal.active {display: block;}
  */
    .img-bigSize {display: block;}
    .img-bg-black {display: block;}

}

@media screen and (max-width:768px) {
    .conSub01_bottomBox {padding: 0;}

    .sub-info-box .txt-box .left {float: none;}
    .sub-info-box .txt-box .right {float: none;}
    .sub-info-box .txt-box .right .ref_txt {margin-left: 0;}

    .sub-input-in-box.type02 .rb .sel-in-01 {width: 120px;}
    .sub-input-in-box.type02 .rb .datePicker-box .txt-in-01 {width: 122px;}
    .sub-input-in-box.type03 .rb .sel-in-01 {display: block; width: 170px;}
    .sub-input-in-box.type08 {flex-wrap: wrap;}
    .sub-input-in-box.type08 .lb {width: 100%; margin-bottom: 10px;}
    .sub-input-in-box.type08 .lb .info-p {font-size: 14px;}
    .sub-input-in-box.type08 .rb {width: 100%;}
    .sub-input-in-box.type08 .rb .btn-in-01 {height: 39px; font-size: 14px; display: inline-flex; justify-content: center; align-items: center; text-align: center;}
    .sub-input-in-box.type12 .sel-in-01 {width: 100%;}
    .sub-input-in-box.type12 .txt-in-01 {margin: 0;}
    .sub-input-in-box.type12 .left-box label:first-of-type {margin-left: 0;}
    .sub-input-in-box.type12 .left-box .radio_box {margin: 8px 0;}
    .sub-input-in-box.type12 .right-box .date_box {display: flex; justify-content: space-between; align-items: center;}
    .sub-input-in-box.type12 .right-box .date_box input {width: 100%;}
    .sub-input-in-box.type12 .right-box .date_box .txt_wave {margin: 0 5px;}
    .sub-input-in-box.type12 .right-box .region-company-box {display: flex; width: 100%; justify-content: space-between;}
    .sub-input-in-box.type12 .right-box .region-company-box .sel-in-01 {width: 49.6%; min-width: unset;}
    .sub-input-in-box.type12 .right-box .excel-icon {display: none;}
    .sub-input-in-box.type12 .right-box .btn-excel-download {display: flex; background-color: #217346;}
    .sub-input-in-box.type12 .right-box .btn-box {display: flex; justify-content: space-between;}
    .sub-input-in-box.type12 .right-box .btn-box button {width: 49.6%; min-width: unset;}

}

@media screen and (max-width:480px) {
    .sub-contents {padding-bottom: 20px;}

    .sub-info-box .txt-box .right {margin-top: 5px; display: block;}
    .sub-info-box .txt-box .right .ref_txt {display: block; line-height: 1.1;}

    .mobile-table-wrap {font-size: 13px;}
    .mobile-table-wrap table input[type=checkbox] {width: 13px; height: 13px;}

    .mobile-detail-modal {padding: 30px 25px;}
    .mobile-detail-modal .modal-table-wrap table {font-size: 13px;}
    .mobile-detail-modal .modal-table-wrap td {padding-left: 10px;}
    .mobile-detail-modal .mgT-box-01 {margin-top: 20px;}
    .mobile-detail-modal .imgBig-slide {margin-top: 30px;}
    .mobile-detail-modal .imgBig-slide .btn-next,
    .mobile-detail-modal .imgBig-slide .btn-prev {background-size: 20px;}
    .mobile-detail-modal .txt-box-01 {font-size: 14px;}

    .mobile-paging-box.modal-paging-box > li a {font-size: 14px;}

    .mobile-srch-box {flex-wrap: wrap; justify-content: space-between; width: 100%; margin-top: 30px;}
    .mobile-srch-box input {width: 100%; margin-bottom: 5px;}
    .mobile-srch-box button {margin-left: 0; width: 49.6%;}

    .tab01-box .tab01 li {width: 50%; min-width: unset; margin-left: 0;}

    .dim-layer .pop-layer {width: 100%; max-width: 95%; transform: translate(-50%,-50%); margin-left: 0 !important; margin-top: 0 !important;}
    .dim-layer .pop-layer .btn-in-02 {font-size: 14px;}

    .sub-input-in-box.type01 .rb .sel-in-01 {width: calc(100% - 86px);}
    .sub-input-in-box.type01 .rb .datePicker-box {display: flex; align-items: center; margin: -2px 0;}
    .sub-input-in-box.type01 .rb .datePicker-box .txt_wave {margin: 0 5px;}
    .sub-input-in-box.type01 .rb .datePicker-box .txt-in-01 {width: 100%;}
    .sub-input-in-box.type01 .rb .btn-etc-box {display: flex; justify-content: space-between;}
    .sub-input-in-box.type01 .rb .btn-etc-box .btn-in-02 {width: 49.6%;}
    .sub-input-in-box.type02 .rb .sel-in-01 {width: 100%;}
    .sub-input-in-box.type02 .rb .datePicker-box {display: flex; align-items: center; margin: -5px 0;}
    .sub-input-in-box.type02 .rb .datePicker-box .txt-in-01 {width: 50%;}
    .sub-input-in-box.type02 .rb .datePicker-box .txt_wave {margin: 0 5px;}
    .sub-input-in-box.type02 .rb .btn-etc-box {display: block;}
    .sub-input-in-box.type02 .rb .btn-etc-box.btn-cnt-3 {display: flex;}
    .sub-input-in-box.type02 .rb .btn-etc-box.btn-cnt-3 button {width: calc(100% / 3);}
    .sub-input-in-box.type02 .rb .btn-etc-box.btn-cnt-3 button:not(:last-of-type) {margin-right: 3px;}
    .sub-input-in-box.type02 .rb .btn-in-02 {width: 100%; padding: 5px;}
    .sub-input-in-box.type03 .rb .sel-in-01 {width: 100%;}
    .sub-input-in-box.type03 .rb .datePicker-box {display: flex; align-items: center; margin: -5px 0;}
    .sub-input-in-box.type03 .rb .datePicker-box .txt-in-01 {width: 50%;}
    .sub-input-in-box.type03 .rb .datePicker-box .txt_wave {margin: 0 5px;}
    .sub-input-in-box.type03 .rb .btn-etc-box {display: flex; justify-content: space-between;}
    .sub-input-in-box.type03 .rb .btn-in-02 {width: 49.6%; padding: 5px;}
    .sub-input-in-box.type05 .rb .btn-in-02 {min-width: unset;}
    .sub-input-in-box.type05 .rb .sel-in-01 {left: 89px; min-width: unset; width: calc(100% - 99px);}
    .sub-input-in-box.type05 .rb .btn-etc-box button {width: calc(100% / 3);}
    .sub-input-in-box.type06 .rb .gab-w-10 {display: none;}
    .sub-input-in-box.type06 .rb > .sel-in-01 {width: 100%;}
    .sub-input-in-box.type06 .rb .sel-box {display: flex; justify-content: space-between; margin: -5px 0;}
    .sub-input-in-box.type06 .rb .sel-box .sel-in-01 {width: 49.6%;}
    .sub-input-in-box.type06 .rb .btn-box {display: flex; width: 100%; justify-content: space-between;}
    .sub-input-in-box.type06 .rb .btn-box button {width: 49.6%;}
    .sub-input-in-box.type07 .lb {display: flex; justify-content: space-between;}
    .sub-input-in-box.type07 .btn-in-01 {min-width: unset; padding: 5px 10px;}
    .sub-input-in-box.type07 .btn-in-02 {min-width: unset; padding: 5px 10px;}
    .sub-input-in-box.type07 .sel-in-01 {min-width: unset;}
    .sub-input-in-box.type07 .lb .sel-in-01 {width: calc(100% - 114px);}
    .sub-input-in-box.type07 .rb {display: flex;}
    .sub-input-in-box.type07 .rb button {width: calc(100% / 3);}
    .sub-input-in-box.type07 .rb button:not(:last-of-type) {margin-right: 3px;}
    .sub-input-in-box.type07 .rb .repairMaterialList {position: static; width: 100%;}
    .sub-input-in-box.type09 .lb {margin-bottom: 5px;}
    .sub-input-in-box.type09 .lb .selectBox {display: flex; width: 100%; align-items: center;}
    .sub-input-in-box.type09 .lb .selectBox > span {margin: 0 5px;}
    .sub-input-in-box.type09 .lb .selectBox .txt-in-01 {width: 100%;}
    .sub-input-in-box.type09 .btn-in-02 {margin: 0 !important; width: 100%;}
    .sub-input-in-box.type09 .rb .selectBox {display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; margin: 0 !important;}
    .sub-input-in-box.type09 .rb .selectBox .sel-in-01 {width: 49.6%;}
    .sub-input-in-box.type10 .lb {width: calc(50% - 2px);}
    .sub-input-in-box.type10 .rb {width: calc(50% - 2px);}
    .sub-input-in-box.type10 .btn-in-01, .sub-input-in-box.type10 .btn-in-02 {min-width: unset; width: 100%;}
    .sub-input-in-box.type11 {display: none;}
    .sub-input-in-box.type12 .left-box {text-align: center;}
    .sub-input-in-box.type12 .left-box .radio_box {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin: 5px 0 10px;}
    .sub-input-in-box.type12 .left-box .radio_box label {margin: 5px;}
    .sub-input-in-box.type13 {padding: 0; border: none;}
    .sub-input-in-box.type13 .rb {width: 100%;}
    .sub-input-in-box.type13 .rb .btn-in-02 {width: 100%;}
    .sub-input-in-box.type14 {border: none; padding: 0;} 
    .sub-input-in-box.type14 .rb {display: flex; align-items: center; justify-content: space-between;}
    .sub-input-in-box.type14 .rb .btn-in-02 {width: calc(100% / 3);}
    .sub-input-in-box.type14 .rb button:not(:last-of-type) {margin-right: 3px;}  
}


/*********** 페이징 ***********/
.paging-box {width: 100%; margin: 27px 0 0; text-align: center; display: flex; justify-content: center; align-items: center;}
.paging-box a {display: flex; align-items: center; padding:0 5px; font-size: 16px; color: #888;}
.paging-box a.number {padding: 0 8px}
.paging-box a.number.active {font-weight: 500; color: #111;}
.paging-box a.next {margin-left: 15px;}
.paging-box a.prev {margin-right: 15px;}

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

	
}









/*********** GAP 영역 ***********/
.gab-w-05 {display: inline-block; width: 5px; height: 1px; vertical-align: middle;}
.gab-w-10 {display: inline-block; width: 10px; height: 1px; vertical-align: middle;}
.gab-w-15 {display: inline-block; width: 15px; height: 1px; vertical-align: middle;}
.gab-w-20 {display: inline-block; width: 20px; height: 1px; vertical-align: middle;}
.gab-w-25 {display: inline-block; width: 25px; height: 1px; vertical-align: middle;}
.gab-w-30 {display: inline-block; width: 30px; height: 1px; vertical-align: middle;}
.gab-w-40 {display: inline-block; width: 40px; height: 1px; vertical-align: middle;}
.gab-w-50 {display: inline-block; width: 50px; height: 1px; vertical-align: middle;}
.gab-w-60 {display: inline-block; width: 60px; height: 1px; vertical-align: middle;}

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

	
}






/***********  ***********/

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

	
}







/***********  ***********/

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

	
}






/***********  ***********/

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

	
}






/***********  ***********/

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

	
}

/*********** 코드관리 코드 팝업 ***********/
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer {display: none;position: absolute;top: 50%;left: 50%;width: 500px;height: auto;background-color: #fff;border: 5px solid #3571B5;z-index: 10;}
.dim-layer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;}

.dim-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.dim-layer .pop-layer {display: block;}

@media screen and (max-width:480px) {
   .pop-layer .pop-container {overflow:scroll; height:600px;}
}

/*********** 버튼 공통 new ***********/
.btn-common {transition: all 0.3s ease; font-size: 15px; font-weight: 400; color:#fff;}
.btn-common.blue {background-color: #265daa;}
.btn-common.blue:hover {background-color: #104896;}
.btn-common.green {background-color: #03a059;}
.btn-common.green:hover {background-color: #027e46;}
.btn-common.red {background-color: #db4455;}
.btn-common.red:hover {background-color: #bb3a48;}
.btn-common.black {background-color: #444;}
.btn-common.black:hover {background-color: #222;}

.btn-01 {padding: 5px 10px;}

@media screen and (max-width:768px) {
  .btn-01 {font-size: 13px;}
}

/*********** 파일첨부 ***********/
.label-file-box2 {display: inline-block; width: 170px;}
.label-file-box2 input[type=file] {display: none;}
.label-file-box2 .div-btn-file {width: 100%; height: 43px; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; color: #fff; background-color: #444445; transition: all 0.3s ease;}
.label-file-box2 .div-btn-file:hover {background-color: #222;}
.waring-2 {margin-top: 5px; font-size: 13px;}

/*********** 이미지 리스트 ***********/
.gallery-01 {display: flex; flex-wrap: wrap; width: 100%;}
.gallery-01 > li {width: 25%;}
.gallery-01 > li:not(:nth-of-type(4)) {border-right: 1px solid #ddd;}
.gallery-01 .txt-photo-type {text-align: center; border-bottom: 1px solid #ddd; padding: 10px;}
.gallery-01 .photo-img-box {display: block; position: relative; width: 90%; padding-bottom: 90%; margin: 10px auto;}
.gallery-01 .photo-img-box img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.gallery-01 .label-file-box {}
.gallery-01 .label-file-box input[type=file] {display: none;}
.gallery-01 .label-file-box .div-btn-file {width: 70%; height: 38px; display: flex; justify-content: center; align-items: center; text-align: center; cursor: pointer; color: #fff; background-color: #444445; transition: all 0.3s ease; margin: 0 auto 10px; font-size: 14px;}
.gallery-01 .label-file-box .div-btn-file:hover {background-color: #222;} 
.gallery-01 .btn-box {display: flex; justify-content: space-between;}
.gallery-01 .btn-box button {display: inline-flex; justify-content: center; align-items: center; height: 43px; width: 49%; color: #fff; border: 1px solid #000; border-radius: 3px;}

@media screen and (max-width:768px) {
    .gallery-01 > li {width: 50%;}
    .gallery-01 > li:nth-of-type(1) {border-bottom: 1px solid #ddd;}
    .gallery-01 > li:nth-of-type(2) {border-bottom: 1px solid #ddd; border-right: none;}
}

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

}

.gallery-02 {display: flex; flex-wrap:wrap;}
.gallery-02 > li {width: 23.6%; position: relative; border: 3px solid transparent;}
.gallery-02 > li:not(:last-of-type) {margin-right: calc(5.6% / 4);}
.gallery-02 > li .img-represent-box {position: relative; width: 100%; padding-bottom: 90%; display: block;}
.gallery-02 > li .img-represent-box img {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.gallery-02 > li .btn-close {display: none; width: 23px; height: 23px; justify-content: center; align-items: center; text-align: center; position: absolute; top: -3px; right: -3px; background-color: #03a059; z-index: 10;}
.gallery-02 > li .btn-close:hover {text-decoration: none;}
.gallery-02 > li .btn-close i {color: #fff; font-size: 12px;}
.gallery-02 > li .txt-represent {display: none; width: 40px; height: 23px; justify-content: center; align-items: center; text-align: center; position: absolute; top: -3px; left: -3px; background-color: #03a059; color: #fff; font-size: 12px; z-index: 10;}

.gallery-02 > li.active {border-color: #03a059;}
.gallery-02 > li.active .txt-represent {display: inline-flex;}

@media (hover: hover) {
    .gallery-02 > li:hover {border-color: #03a059;}
    .gallery-02 > li:hover .btn-close {display: inline-flex;}
    .gallery-02 > li:hover .txt-represent {display: inline-flex;}
}

@media screen and (max-width:768px) {
    .gallery-02 {flex-wrap: wrap;}
    .gallery-02 > li {width: 49.6%;}
    .gallery-02 > li:not(:last-of-type) {margin-right: 0;}
    .gallery-02 > li:nth-of-type(2n-1) {margin-right: 0.8%;}
}



.find-popup-wrap {width:30%;background-color:#fff;border:1px solid #ddd;padding:30px;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%); display: none;z-index: 100000;box-shadow: 1px 1px 5px #444;}
.find-popup-wrap .title {color:#231f20; font-size:22px; padding-bottom:35px; margin-top:20px;}
.find-popup-wrap .title h1 {font-weight:500;}
.find-popup-wrap .login-popup-tap {color:#231f20; font-size:16px; height:auto; overflow:hidden;}
.find-popup-wrap .login-popup-tap .tab-wrap {width:100%; margin-bottom:25px;}
.find-popup-wrap .login-popup-tap .tab-wrap:after {visibility: hidden;display:block;font-size: 0;content:".";clear: both;height: 0;*zoom:1;}
.find-popup-wrap .login-popup-tap .tab-wrap li {width:50%; float:left; border:1px solid #dddddc; padding:10px; text-align:center; cursor:pointer; }
.find-popup-wrap .login-popup-tap .tab-wrap li a {font-size:15px; color:#989898; }
.find-popup-wrap .login-popup-tap .tab-wrap li.active {border-bottom: none; border-color:#231f20;}
.find-popup-wrap .login-popup-tap .tab-wrap li.active a {color:#231f20; font-weight:500 !important; }
.find-popup-wrap .login-popup-tap .tab-wrap .on {border-bottom:1px solid #000;}
.find-popup-wrap .login-popup-tap .tab-wrap li:nth-child(1).active li:nth-child(2) {border-bottom:1px solid #231f20; }
.find-popup-wrap .logFind {border-bottom: none;}
.find-popup-wrap .login-popup-tap .user-conBox .userIdfind {margin-bottom: 0;}
.find-popup-wrap .login-popup-tap .user-conBox .userIdfind label input {padding:10px;}
.find-popup-wrap .login-popup-tap .user-conBox .userIdfind .user-name input {width:100%; margin-bottom: 10px;}
.find-popup-wrap .login-popup-tap .user-conBox .userIdfind .user-email { color:#989898;}
.find-popup-wrap .login-popup-tap .user-conBox .userIdfind .user-email input {width:100%; }
.find-popup-wrap .login-popup-tap .user-conBox .userIdfind select {width:30.5%; padding:10px; color:#989898; vertical-align: middle;}

.conBox {display: none; overflow:hidden; width:100%; height:auto;}
.conBox.active {display: block;}

.find-popup-wrap .login-popup-tap .id-btn-box { background-color:#245dac; text-align:center; margin-top:20px;}
.find-popup-wrap .login-popup-tap .id-btn-box button {width:100%; color:#fff; padding:18px; transition:all 0.3s ease;}
.find-popup-wrap .login-popup-tap .id-btn-box button:hover {background-color:#1f7aff;}
.find-popup-wrap .popup-close {position:absolute; top:20px; right:30px;}
.find-popup-wrap .popup-close i {font-size:30px;}
.find-popup-wrap .popup-close button:hover i {color:#2e62ae;}


.black-pp {display: none; position: fixed; z-index:1; left: 0; top: 0; width: 100%; height: 100%;  background-color: rgba(0,0,0,0.4); }

@media screen and (max-width:1350px){
	.all-login-wrap {width:100%;}
}

@media screen and (max-width:1200px){
	.all-login-wrap {width:100%;}
	.find-popup-wrap {width:90vw;}
}