@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/

/***** 웹아이 Reset CSS *****/
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Poppins', 'Noto Sans KR', sans-serif, dotum, sans-serif;background:#000; color:#fff;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Poppins', 'Noto Sans KR', sans-serif, dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Poppins', 'Noto Sans KR', sans-serif, dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Poppins', 'Noto Sans KR', sans-serif, dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#fff;text-decoration:none}

li, ol{
	list-style: none;
}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

:focus { outline: none; }
a:hover { color:#fff; }

::-moz-selection {
   background: #FF4800;
}
::selection {
   background: #FF4800;
}


/* 공통 요소 */
input[type=text], input[type=date], input[type=time], input[type=number], input[type=password], input[type=email], input[type=tel] {
	border: 1px solid #ddd;
	width: 100%;
	height: 42px;
	font-size: 12px;
	padding-left: 12px;
	border-radius: 4px;
}

input[type=text]:read-only, input[type=password]:read-only, input[type=email]:read-only, input[type=tel]:read-only{
	background: #e9ecef;
}

input[type=text]::placeholder, input[type=password]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder{
	color:#ccc;	
}

textarea {
	border:1px solid #ccc;
	width:100%;
	padding:12px;
	resize: none;
}
button.btn {
	background:#eee;
	border:1px solid #ccc;
	border-radius:4px;
	height:48px;
	padding:0 20px;
}

button.btn.small{
	height: 42px;
	line-height: 42px;
}

button.btn.transparent{
	background: transparent;
}
button.text {
	background:transparent;
	border:none;
	height:auto;
	padding:0;
	text-decoration: underline;	
}
button.btn.primary {
	background:#4F46E5;
	border: 1px solid #4F46E5;
	color:#fff;
}

select{
	border:1px solid #ddd;
	width:100%;
	height:42px;
	font-size:12px;
	padding-left:12px;
	border-radius:4px;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	background: url("/data/images/icon/select_arrow.png") no-repeat center right 6px;
	background-size: 24px;
}

.btn_common{
	display: inline-block;
	background-color: #343a40;
	border: 0;
	color: #FFF;
	border-radius: 0.25rem;
	padding: 0 0.45rem;
	height:42px;
	line-height: 40px;
	font-size: 0.8rem;
	vertical-align: top;
	cursor: pointer;
}

.btn_common.btn_black{
	background-color: #343a40;
	color: #FFF;
}

.btn_common.btn_white{
	background-color: #FFF;
	color: #343a40;
}

.btn_common.btn_full{
	width: 100%;
}

.frm_h32{
	height: 48px;
	line-height: 48px;
}
.frm_h48{
	height: 48px;
	line-height: 48px;
}
.frm_h52{
	height: 52px;
	line-height: 52px;
}


.frm_w215{
	max-width: 215px;
	width: 100%;
}
.frm_w120{
	max-width: 120px;
	width: 100%;
}


@media screen and (max-width: 767px){
	.pc_br{
		display: none;
	}
}


.taRight{
	text-align: right;
}


.checkboxField {
	display:inline-block;
}
.checkboxField input[type="checkbox"] {
	display:none;
}
.checkboxField label {
	font-weight: 400;
	/* font-size: 0.73vw; */
	font-size: 14px;
	line-height: 1;
	display:inline-block;
	cursor: pointer;
	margin-left: -10px;
}
.checkboxField input[type="checkbox"] + .checkboxFieldSquare {
	display: inline-block;
	width: 32px;
	height: 32px;
	vertical-align: middle;
	position: relative;
	background: url("/data/images/icon/checkbox.png") no-repeat center;
	background-size: 11px;
}

.checkboxField input[type="checkbox"]:checked + .checkboxFieldSquare {
	background-image: url("/data/images/icon/checkbox_checked.png")
}



.checkboxCircle {
	display:inline-block;
}
.checkboxCircle input[type="checkbox"] {
	display:none;
}
.checkboxCircle label {
	font-weight: 400;
	font-size: 0.93vw;
	line-height: 1;
	display:inline-block;
	cursor: pointer;
	margin-left: -10px;
}
.checkboxCircle input[type="checkbox"] + label span {
	display: inline-block;
	width: 40px;
	height: 40px;
	vertical-align: middle;
	position: relative;
	background: url("/data/images/agree_checkbox.png") no-repeat center;
	background-size: 100%;
}

.checkboxCircle input[type="checkbox"]:checked + label span {
	background-image: url("/data/images/agree_checkbox_checked.png")
}



@media screen and (max-width: 767px){
	.checkboxField label {
		font-size: 16px;
		margin-left: -9px;
	}
}





input.w-number {text-align:right;}

.w-c-red { color:#F55549 !important; }
.w-c-orange { color:#FD9600 !important; }
.w-c-yellow { color:#FBD710 !important; }
.w-c-blue{ color:#3d63ae !important; }
.w-c-green{ color:#16C070 !important; }
.w-c-gray{ color:#999 !important; }
.w-c-violet {
	color: #4F46E5 !important;
}


.w-bg-blue {background:#3d63ae; }
.w-bd-c-violet {
	border-color: #4F46E5 !important;
}

.w-dsp-ib { display:inline-block; }

.w-pst-rl { position:relative; }
.w-pst-as { position:absolute; }
.w-pst-fx { position:fixed; }

.w-ta-center { text-align:center !important; }
.w-ta-left { text-align:left !important; }
.w-ta-right { text-align:right !important; }

.w-mt1 { margin-top:4px; }
.w-mt2 { margin-top:8px; }
.w-mt3 { margin-top:12px; }
.w-mt4 { margin-top:16px; }
.w-mt5 { margin-top:20px; }

.w-mt-10 { margin-top:10px; }
.w-mt-20 { margin-top:20px; }

.w-ml-10 { margin-left:10px; }
.w-ml-20 { margin-left:20px; }

.w-mr-10 { margin-right:10px; }
.w-mr-50 { margin-right:50px; }

.w-mb-10 { margin-bottom:10px; }
.w-mb-20 { margin-bottom:20px; }

.w-top-0 { top:0; }
.w-top-10 { top:10px; }

.w-left-30 { left:30px; }
.w-left-50 { left:50px; }

.w-right-0 { right:0; }
.w-right-30 { right:30px; }
.w-right-50 { right:50px; }

.w-grid1 {width:100%;}
.w-grid2 {width:calc(100% / 2);}
.w-grid3 {width:calc(100% / 3);}
.w-grid4 {width:calc(100% / 4);}
.w-grid5 {width:calc(100% / 5);}
.w-grid6 {width:calc(100% / 6);}
.w-grid7 {width:calc(100% / 7);}
.w-grid8 {width:calc(100% / 8);}
.w-grid9 {width:calc(100% / 9);}
.w-grid10 {width:calc(100% / 10);}

.w-width1 {width:4px;}
.w-width5 {width:20px;}
.w-width10 {width:40px;}

.w-width80p {width:80%;}

.w-float-r { float:right; }



.w-tbl {
	border-collapse: collapse;
	width:100%;
}
.w-tbl th {
	border:1px solid #e8e8e8;
	font-weight:normal;
	/*
	background: linear-gradient(to bottom, #fcfcfc 20%, #f0f0f0 100%);
	background: -webkit-linear-gradient(top, #fcfcfc 20%, #f0f0f0 100%);
	*/
	background: linear-gradient(to bottom, #f9f9f9 20%, #f5f5f5 100%);
	background: -webkit-linear-gradient(top, #f5f5f5 20%, #f1f1f1 100%);
	padding:8px;
}
.w-tbl td {
	border:1px solid #e8e8e8;
	padding:8px;
}

.w-table {
	display:table;
	width:100%;
}
.w-table-head {
	display: table-header-group;
	background:#F9FAFB;
}
.w-table-head .w-table-cell{
	height:48px;
	vertical-align: middle;
	text-align: center;
	border-bottom: 1px solid #E5E5E5;
}
.w-table-body {
	display: table-row-group;
}
.w-table-body .w-table-cell{
	vertical-align: middle;
	padding:12px 0;
	border-bottom:1px solid #E5E5E5;
	text-align:center;
	color: rgba(0, 0, 0, 0.6);
}
.w-table-row {
	display:table-row;

}
.w-table-cell {
	display: table-cell;
}


.w-fr {
	float:right;
}

.w-btn-area {
	margin:0;
}
.w-btn {
	padding:1px 10px;
	background:#eee;
	border:1px solid #ddd;
	border-radius:3px;
	cursor: pointer;
	min-height:30px;
}

.webi-btn:focus {
	outline: none;
}

.w-btn.w-btn-submit {
	padding:10px 20px;
	background:#4F46E5;
	color:#fff;
	font-size:14px;
}

.w-btn.w-btn-cancel {
	padding:10px 20px;
	color:#666;
	font-size:14px;
}



.w-inp {
	width:100%;
	padding:4px 8px;
	border:1px solid #ddd;
}
.w-inp:focus {
	outline: none;
	background:#fff;
	border:1px solid #91ade4;
}

.w-form-radio-outer {
	margin-right: 4px;
}

.w-form-radio {
	cursor:pointer;
}
.w-form-radio input[type="radio"] {
	display:none;
}

.w-form-radio input[type="radio"] + .w-form-radio-circle {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid #ccc;
	border-radius: 50%;
	vertical-align: middle;
	position: relative;
	transition: all .4s;
}

.w-form-radio input[type="radio"]:checked + .w-form-radio-circle {
	border-color: #000;
}

.w-form-radio input[type="radio"]:checked + .w-form-radio-circle::after {
	opacity: 1;
	transform: scale(1);
}

.w-form-radio input[type="radio"] + .w-form-radio-circle::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -4px 0 0 -4px;
	opacity: 0;
	transition: all .4s;
	transform: scale(0);
}

.w-option-title {
	display: inline-block;
	/* font-size: 14px; */
	font-size: 12px;
	font-weight: normal;
	margin: 4px 10px 6px 0;
	vertical-align: middle;
}

.w-form-checkbox-outer {
	margin-right: 4px;
}

.w-form-checkbox input[type="checkbox"] {
	display:none;
}

.w-form-checkbox input[type="checkbox"] + .w-form-checkbox-square {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 2px solid #ccc;
	vertical-align: middle;
	position: relative;
	transition: all .4s;
}

.w-form-checkbox input[type="checkbox"]:checked + .w-form-checkbox-square {
	border-color: #3d63ae;
}

.w-form-checkbox input[type="checkbox"]:checked + .w-form-checkbox-square::after {
	opacity: 1;
	transform: scale(1);
}

.w-form-checkbox input[type="checkbox"] + .w-form-checkbox-square::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	background-color: #3d63ae;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -4px 0 0 -4px;
	opacity: 0;
	transition: all .4s;
	transform: scale(0);
}



.w-form-select {
	position: relative;
}

.w-form-select select{
	appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	width: 100%;
	height: 48px;
	padding: 0 10px;
	border: 1px solid #ddd;
	position: relative;
	z-index: 2;
	background: none;
	cursor: pointer;
	font-size: 12px;
	border-radius: 4px;
}

.w-form-select__icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 48px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	color:#666;
}


.b-radius-left{
	border-radius: 8px 0 0 0;
}
.b-radius-right{
	border-radius: 0 8px 0 0;
}


.tab_area {
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
	overflow:hidden;
}
.tab_area .tab{
	float:left;
	margin-bottom:-1px;
	margin-right:-1px;
	background:#fff;
	border:1px solid #ddd;
}
.tab_area .tab.is-active{
	background:#4d80a9;
}
.tab_area .tab.is-active a{
	color:#fff;
}
.tab_area .tab a{
	display:block;
	padding:10px 20px;
	font-size:14px;
	color:#666;
}

@media (max-width: 767px) {
	.w-table {
		display:block;
	}
	.w-table-head {
		display:none;
	}
	.w-table-body {
		display:block;
	}
	.w-table-row {
		display:block;
		width:100%;
		padding:20px 20px;
		border:1px solid #E5E5E5;
		margin-bottom:8px;
		border-radius: 4px;
		position:relative;
	}
	.w-table-body .w-table-cell {
		padding:0;
		border:none;
		display:block;
		text-align:left;
	}
}

.isMo {
	display:none;
}
@media (max-width: 767px) {
	.isMo {
		display:unset;
	}
}
#progress {
	position:fixed;
	z-index: 10000000;
	top:0;
	left:0;
	bottom: 0;
	right: 0;
	background:#000;
	color:#fff;
	width:100%;
	height:100%;
}
#progress .text{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	font-size:14px;
	line-height: 18px;
	text-align: center;
	width:100%;
}
#progress .percent{
	position:absolute;
	top:49px;
	right:54px;
	font-size:88px;
	color:#fff;
	line-height:114px;
	font-weight: 400;
}
#progress .progressBar{
	width:100%;
	position:absolute;
	bottom:0px;
	left:0;
	padding:60px 48px;
}
#progress .progressBar .bar{
	height:104px;
	background:#fff;
	border-radius:10px;
}

@media (max-width: 767px) {
	#progress .percent{
		font-size: 68px;
		top:8px;
		right:16px;
		line-height:88px;
	}
	#progress .progressBar{
		padding:36px 20px;
	}
	#progress .progressBar .bar{
		height:60px;
	}
}


#header .header {
	width:100%;
	position:fixed;
	top: 0px;
	left:0;
	z-index:999;
	padding: 38px 48px;
	/* background: #000; */
}
#header .logo{
	display: inline-block;
	position: relative;
	top: 3px;
}
#header .gnb {
	float:right;
	line-height:30px;
}
#header .gnb a{
	display:inline-block;
	margin-left: 28px;
	font-size:18px;
}



#header .btnMenu{
	height: 48px;
	display: none;
	position: absolute;
	top: 12px;
	right: 10px;
}
#header .btnMenu .btnMenu-text {
	position: relative;
	top: 0;
	right: -4px;
}
#header .btnClose {
	height: 48px;
	position: absolute;
	top: 12px;
	right: 10px;
}
#header .btnClose .btnClose-text {
	position: relative;
	top: 0;
	right: -4px;	
}


#header .mobileHeader {
	position:fixed;
	top:0;
	left:0;
	bottom: 0;
	right: 0;
	width:100%;
	height:100%;
	display:none;
	background: #000 url('/data/images/gnb_bg.png') no-repeat bottom center / 100%;
	padding: 20px 20px 16px 20px;
	z-index: 999;
	
}
#header .mobileHeader::after{
	content: "";
	width: 100%;
	padding-bottom: calc(258 / 360 * 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 103.74%);
}


#header.is-active .mobileHeader {
	display: block;
}

#header .mobileHeader .logo{
	color:#fff;
	font-size:16px;
	line-height:16px;
}
#header .mobileHeader .btnMenu{
	position:absolute;top:18px;right:20px;z-index:101; display: none; border:none; }
#header .mobileHeader .btnMenu:before{position:absolute;top:20px;left:10px;width:16px;height:1px;background:#000;content:"";transition:0.5s}
#header .mobileHeader .btnMenu:after{position:absolute;top:25px;left:10px;width:10px;height:1px;background:#000;content:"";transition:0.5s}
#header .mobileHeader .btnMenu span{display:block;position:absolute;top:15px;left:10px;width:20px;height:1px;background:#000;transition: 0.5s}
#header.on .mobileHeader .btnMenu span{transform-origin:left bottom;transform: rotate(45deg);background:#000!important}
#header.on .mobileHeader .btnMenu:before{display:none}
#header.on .mobileHeader .btnMenu:after{top:29px;width:20px;transform-origin:left top;transform: rotate(-45deg);background:#000!important}


.mgnb{
	padding: 38px 0 0 4px;
}
.mgnb a{
	display: block;
	font-size: 26px;
	line-height: 1;
	font-weight: 300;
	padding: 12px 0 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	background: url('/data/images/hm_arrow.png') no-repeat right -14px center / 52px;
}
.hdInfo{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	padding: 20px 20px 50px 20px;
}
.hdInfo .hdInfoContact{
	display: block;
	width: 100%;
	height: 48px;
	line-height: 48px;
	border: 1px solid #FFF;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 400;
	text-align: center;
}
.hdInfoList{
	padding: 26px 0 0;
	position: relative;
}
.hdInfoList p{
	font-size: 11px;
	line-height: 13px;
	color: #FFF;
	font-weight: 400;
}
.hdInfoList a{
	position: absolute;
	top: 26px;
	right: 0;
}




.pcOnly{
	display: block;
}
.mobileOnly{
	display: none;
}
.tabletOnly{
	display: none;
}
.noneFromTablet{
	display: block;
}

@media screen and (max-width: 1600px){
	.tabletOnly{
		display: block;
	}
	
	.noneFromTablet{
		display: none;
	}
}
@media screen and (max-width: 767px){
	.pcOnly{
		display: none;
	}
	.mobileOnly{
		display: block;
	}
}



/* footer .inner {padding: 5.2vw 2.3vw 4.0vw;} */
footer .inner {padding: 50px 48px 100px 40px;}

#ft_wr{padding: 0;}
#ft_wr .footer_logo img{
	width:150px;
	opacity: 0.4;
	transform: translateX(-10px);
}
#ft_link{
	overflow: hidden;
}
#ft_link li{float: left;}
#ft_link li a{
	font-size: 10px;
	color: #757575;
	text-decoration: underline;
	padding-right: 28px;
	position: relative;
}

#ft_link li:not(:last-child) a::after{
	content: "";
	display: inline-block;
	width: 1px;
	height: 15px;
	background: #CCC;
	position: absolute;
	right: 12px;
	top: 1px;
}

#ft_company{
	padding: 8px 0;
}
#ft_company .ft_company_inner{
	font-size: 10px;
	color: #CCCCCC;
	word-break: keep-all;
}
footer .inner{
	display: flex;
	align-items: start;
	justify-content: space-between;
}
footer .inner > div{
	flex-grow: 1;
}
footer .footer_address{max-width: 20.6vw; width: 100%;}
footer .footer_address p{
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	padding-top: 6px;
	color: #FFF;
}
footer .footer_address .company_name {
	padding-bottom: 12px;
	position: relative;
	left: 0;
}

footer .footer_link a{
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3;
	color: #FFF;
}
footer .footer_link a span {
	font-size: 14px;
	display: inline-block;
	padding-top: 16px;
}

footer .footer_info{
	text-align: right;
}


#container {
	width:100%;
	padding:0;
	min-height:calc(100vh - 215px);
}

.wrap{
	padding: 60px 0 0;
}

#container .title{
	font-size: 18px;
	padding: 1.95rem 1.25rem 0;
	color: #6B7A99;
}


#container .w-btn-area .w-btn.w-btn-inline {
	min-height:20px;
	font-size:12px;
	background:transparent;
	border:none;
	color:#3d63ae;
}

.inner_wrap{
	padding: 2rem 1.25rem;
}

.cont_wrapper{
	background: #FFF;
	border-radius: 8px;
	padding: 18px 20px;
	box-shadow: 1px 1px 4px 1px #ececec;
}


.sortable_wrap{
	overflow: hidden;
	padding: 0;
}
.sortable_wrap .sortable_count .sortable_selector{
	float: left;
}
.sortable_wrap .sortable_search{
	float: right;
	display: flex;
	vertical-align: middle;
	align-items: center;
}
.sortable_wrap .sortable_search > * {
	margin:0 4px;
}

@media (max-width: 767px) {

	.wrap{
		padding: 0;
		min-width: 360px;
	}

	#header {
		height:50px;
	}
	
	#header .gnb {
		display: none;
	}
	
	#header .btnMenu{
		display: block;
	}
	#header .header {
		position:fixed;
		margin:unset;
		width:100%;
		border-right: 0;
		padding: 20px 14px;
	}
	#header .mobileHeader .header{
		position: unset;
		padding: 0;
	}
	#header .logo{
		font-size: 16px;
		line-height: 16px;
	}
	#header .header .inner{
		overflow-y:auto;
	}
	#header .myMenu {
		width:100%;
	}

	#container {
		padding:0;
		min-height: calc(100vh - 400px)
	}
	footer {
		padding:0 20px;
	}
	
	
	footer .inner{
		padding: 40px 0 48px;
		display: block;
		position: relative;
	}
	footer .footer_address{
		max-width: 100%;
	}
	footer .footer_link{
		display: block;
		padding: 56px 0 0 0;
		font-size: 14px;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	footer .footer_link a{
		font-family: Poppins;
		font-size: 10px;
		font-weight: 400;
		line-height: 1;
		letter-spacing: 0em;
		text-align: right;
	}
	footer .footer_info{
		display: none;
	}
	
	footer .footer_address p{font-size: 10px;}
	footer .footer_link a span {
		font-size: 10px;
		padding-top: 0;
		position: relative;
		top: -6px;
	}
}



.type03{width: 100%; border-collapse: collapse; border-top: 1px solid #dee2e6}
.type03 thead{}
.type03 tbody{}
.type03 tbody tr{}
.type03 tbody tr th{padding: 0.5rem 0; border-bottom: 1px solid #dee2e6;}
.type03 tbody tr td{padding: 0.5rem 0; border-bottom: 1px solid #dee2e6;}
.type03 tbody tr td.td_full{padding: 0.5rem 0;}
.type03 tbody tr td input{
	padding: 0 12px;
}



.ftype02 .fsearch_ul1st{}
.ftype02 .fsearch_ul1st li{
	display: table;
	width: 100%;
}
.ftype02 .fsearch_ul1st li .fsearch_field{
	display: table-cell;
	padding: 0.75rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
}

.ftype02 .fsearch_ul1st li .fsearch_th{
	width: 15%;
	vertical-align: middle;
}

.ftype02 .fsearch_ul1st li .fsearch_td{
	width: 85%;
}

.ftype02 .fsearch_ul1st li .fsearch_field.fsearch_full{
	width: 100%;
	border-top: 1px solid #dee2e6;
}

.ftype02 .fsearch_ul1st li .fsearch_field.fsearch_submit{
	padding: 0.75rem 0;
}

.ftype02 .fsearch_ul1st span.right{
	float: right;
}


.table_summary table{width: 100%; border-collapse: collapse; border-top: 1px solid #E5E5E5; }
.table_summary th{
	text-align: center;
	padding: 12px 0;
	color: 000;
	font-size: 12px;
	font-weight: 400;
	background: #F9FAFB;
	vertical-align: middle;
	text-align: center;
	border-bottom: 1px solid #E5E5E5;
}

.table_summary td{
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	padding: 12px 0;
	border-bottom: 1px solid #E5E5E5;
	text-align: center;
	color: rgba(0, 0, 0, 0.6);
}



.sortable_wrap{
	overflow: hidden;
	padding: 0;
}
.sortable_wrap .sortable_count .sortable_selector{
	float: left;
}
.sortable_wrap .sortable_search input{
	float: right;
}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px;}
.pg_page:hover{background-color:#ddd}
.pg_start {overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;}
.pg_prev {overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_end {overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_next {overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px;
	-webkit-box-shadow: inset 1px 1px 2px #222542;
	-moz-box-shadow:  inset 1px 1px 2px #222542;
	box-shadow: inset 1px 1px 2px #222542;
}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px;}
.pg_page:hover{background-color:#ddd}
.pg_start {overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;}
.pg_prev {overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_end {overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_next {overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}

.pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px;
	-webkit-box-shadow: inset 1px 1px 2px #222542;
	-moz-box-shadow:  inset 1px 1px 2px #222542;
	box-shadow: inset 1px 1px 2px #222542;
}

.form label h4 {
	display:inline-block;
	font-size:11px;
	color:#757575;
	margin-top:12px;
	margin-bottom:4px;
	font-weight: normal;
}
.form {
	font-size:0;
	margin-bottom:40px;
}
.form li {
	width:calc((100% - 40px) / 2 );
	display:inline-block;
	margin-right:10px;
	margin-left:10px;
}

.form li.full {
	width:calc(100% - 20px);
}
.form .inp {
	position:relative;
}

.form .btnSubmit {
	margin-top:40px;
	width:100%;
}


.onlydesktop {display: block;}

@media(max-width: 1024px){
	.onlydesktop {display: none;}
}