@charset "utf-8";

/***** 웹아이 Reset CSS *****/
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif;background:#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:'Malgun Gothic', 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:'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Malgun Gothic', 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:#000;text-decoration:none}

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

:focus { outline: none; }
a:hover { color:#3d63ae; }

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

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

.w-bg-blue {background:#3d63ae; }


.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; }
.w-ta-left { text-align:left; }
.w-ta-right { text-align:right; }

.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:0px; }
.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; }

#container h3 {
	font-size:18px;
	color:#666;
	border-bottom:1px solid #ddd;
	padding:10px;
	padding-top:0;
	font-weight:normal;
	margin-bottom:20px;
	overflow: hidden;
	padding-left:0;
}

#container h4  {
	font-size:14px;		
	margin-bottom:8px;
	font-weight:normal;
}

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

.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-fr {
	float:right;
}

.w-btn-area {
	margin:20px 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:#3d63ae;
	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 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: #3d63ae;
}

.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: #3d63ae;
	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: 30px;
	padding: 0 10px;
	border: 1px solid #ddd;
	position: relative;
	z-index: 2;
	background: none;
	cursor: pointer;
	font-size: 12px;
}

.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;
}



.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;
}	




/* 페이징 */
.pg_wrap {clear:both;margin:30px 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;
}