@charset "utf-8";

* {margin:0; padding:0;}
body{ background-color:#fff;color:#000;}
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,blockquote,button{margin:0;padding:0;-webkit-text-size-adjust:none;} 
body,input,textarea,select,table,button{font-family:"Roboto", "Helvetica", "Arial", sans-serif;font-size:12px;font-weight:normal;} 
table {border-collapse:collapse; border-spacing:0;} 
img,fieldset {border:0;} 
img,input,select,textarea{} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;} 
strong {font-weight:bold;} 
caption,th {text-align:left;} 
h1,h2,h3,h4,h5,h6 {font-size:100%;} 
abbr,acronym {border:0;}
a:link, a:visited {text-decoration:none}
a:hover, a:focus, a:active {text-decoration:none}
a:link{ text-decoration:none;}
span:hover {text-decoration:none}
li,ul,ol {list-style-type: none;padding:0;margin:0;} 
html, body { height: 100%; }

input{ outline-style:none;} , textarea{ outline-style:none;}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 20px;text-align:center}
.pg {font-size: 13px;font-weight: 400;}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:28px;vertical-align:middle}
.pg a {-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;font-size: 13px;font-weight: 400;}

.pg a:focus, .pg a:hover {text-decoration:none;background:#e4eaec;}
.pg_page {text-decoration:none;width: 28px;height: 28px;font-size:13px;}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;background:#716aca;color:#fff;font-weight:normal;height: 28px;
    width: 28px;font-size:13px;-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;font-size: 13px;font-weight: 400;}

/*기타셋팅*/
.icon {background:url("../images/web-icon-bg.png") no-repeat}
.box-round {border-radius: 5px !important;display: inline !important;}
.round {border-radius: 34px !important;display: inline !important;}
.nodata {text-align:center;font-weight:bold;color:#ff0000;}
.hidden {display:none;}
.sound_only {display:none;}
.pg_wrap .pg a span {display:none;}

/*폰트사이즈*/
.font-size12 {font-size:12px !important;}
.font-size14 {font-size:14px !important;}
.font-size16 {font-size:16px !important;}
.font-size18 {font-size:18px !important;}
.font-size20 {font-size:20px !important;}
.font-size24 {font-size:24px !important;}
.font-size30 {font-size:30px !important;}

/*넓이*/
.width100p {width:100% !important;}
.width30px {width:30px !important;}
.width50px {width:50px !important;}
.width60px {width:60px !important;}
.width70px {width:70px !important;}
.width80px {width:80px !important;}
.width90px {width:90px !important;}
.width94px {width:94px !important;}
.width100px {width:100px !important;}
.width120px {width:120px !important;}
.width140px {width:140px !important;}
.width150px {width:150px !important;}
.width160px {width:160px !important;}
.width180px {width:180px !important;}
.width200px {width:200px !important;}
.width215px {width:215px !important;}
.width220px {width:220px !important;}
.width240px {width:240px !important;}
.width280px {width:280px !important;}
.width300px {width:300px !important;}
.width342px {width:342px !important;}
.width360px {width:360px !important;}
.width400px {width:400px !important;}
.width1400px {width:1400px !important;}

/*높이*/
.height20px {height:20px !important;}
.height24px {height:24px !important;}
.height25px {height:25px !important;}
.height30px {height:30px !important;}

/*margin*/
.marginAuto {margin:auto !important;}

.marginR4 {margin-right:4px !important;}
.marginR5 {margin-right:5px !important;}
.marginR8 {margin-right:8px !important;}
.marginR10 {margin-right:10px !important;}

.marginL4 {margin-left:4px !important;}
.marginL5 {margin-left:5px !important;}
.marginL8 {margin-left:8px !important;}
.marginL10 {margin-left:10px !important;}

.marginB4 {margin-bottom:4px !important;}
.marginB5 {margin-bottom:5px !important;}
.marginB8 {margin-bottom:8px !important;}
.marginB10 {margin-bottom:10px !important;}
.marginB15 {margin-bottom:15px !important;}
.marginB20 {margin-bottom:20px !important;}

.marginT0 {margin-top:0px !important;}
.marginT4 {margin-top:4px !important;}
.marginT5 {margin-top:5px !important;}
.marginT8 {margin-top:8px !important;}
.marginT10 {margin-top:10px !important;}
.marginT15 {margin-top:15px !important;}
.marginT20 {margin-top:20px !important;}
.marginT30 {margin-top:30px !important;}

/*padding*/

.paddingL0 {padding-left:0px !important;}
.paddingL5 {padding-left:5px !important;}
.paddingL10 {padding-left:10px !important;}

.paddingR0 {padding-right:0px !important;}
.paddingR5 {padding-right:5px !important;}
.paddingR10 {padding-right:10px !important;}

.padding5 {padding:5px !important;}

/*line-height*/
.line-height20 {line-height: 20px !important;}
.line-height25 {line-height: 25px !important;}
.line-height27 {line-height: 27px !important;}
.line-height30 {line-height: 30px !important;}

/*색깔*/
.red {color:red;}
.blue {color:#5d87dc;}
.green {color:#5bce40;}
.brown {color:#c28854;}
.white {color:white;}

/*기타*/
.bold {font-weight:bold !important;}
.font-bold {font-weight:bold !important;}
.text-right {text-align:right !important;}
.text-left {text-align:left !important;}
.text-center {text-align:center !important;}
.round {border-radius: 34px !important;display: inline !important;}
.hide-box {display:none;}
.show-box {display:block;}
.border-blue {border:1px solid #28A6FF !important;}
.close {text-align:center}
.float-left {float:left !important;}
.float-right {float:right !important;}
.table th, .table td {text-align:center;}
.pointer {cursor:pointer;}


.popup-box {width:600px;display:none;position:absolute;left:200px;top:10px;z-index:999;cursor:pointer;}
.popup-box img {width:100%;}
.day-close {background: #000;margin-top: -5px;color: #fff;height: 40px;}
.day-close .r2pop-checkobx {width:20px;float:left;margin-left:10px;}
.day-close .txt {float:left;margin-top: 10px;font-size: 15px;margin-left:10px;}
.close-pop {float:right;width:80px;background:#fff;color:#000;text-align:center;height: 30px;line-height: 30px;margin: 5px;font-size: 16px;cursor:pointer;}

.cad-download {padding:10px;text-align:center;cursor: pointer;background: #b32424;color: #fff;width:300px;margin:auto;margin-top:10px;}
.pop-title {text-align:center;font-size:14px;line-height: 38px;}
.pop-top-title {font-size:16px;text-align:center;padding:10px;border-bottom:1px solid #e2e2e2;}
.pop-content {width:90%;margin:auto;margin-top:10px;}
.pop-content .row {margin-top:10px;}
.pop-content select {width:100%;}
.pop-close {
	cursor: pointer;
	position: absolute;
	bottom: -10px;
	width: 50px;
	left: 50%;
	margin-left: -26px;
	font-size: 12px;
	background: #b32424;
	color: #fff;
	padding: 2px;
	text-align: center;
}
.pop-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: #5f5f5f;
	opacity: 0;
	z-index: 11;
	top: 0;
}
.pop-box {
	border-radius: 5px !important;
	display: none;
	opacity: 0;
	position: fixed;
	top: 0;
	left: 50%;
	margin-left: -180px;
	width: 360px;
	padding-bottom:30px;
	background: #fff;
	z-index: 12;
	box-shadow: 0px 0px 10px 3px #b1b1b1;
	color: #616161;

}

.pop-box .check-title {margin-top:10px;margin-bottom:10px;}

.cad-pop {
	padding: 10px;
	margin-bottom: 5px;
	height: 111px;
	cursor: pointer;
	border: 1px solid #bbb9b9;
	width: 507px;
	transition: border 200ms ease-in-out;
}
.cad-pop:hover {
  border: 1px solid #A71D22;
}
.sub-box .left-box .title {font-weight: 500;font-size: 18px;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 2px solid #e5e5e5;}
.sub-box .left-box li {font-size:13px;margin-bottom:10px;}
.sub-box .left-box a {color:#000;}
.sub-box .info-subject {position:relative;font-size:18px;border-bottom:1px solid #e5e5e5;padding-top:9px;padding-bottom:9px;margin-bottom:20px;}
.sub-box .info-subject span {font-size:14px;color:#7d7d7d;}
.sub-box .info-subject .cate-info {font-size:13px;right:0;top:12px;position:absolute;}
.sub-box .table th {border-top:0px;}
.sub-box .cate-active {color:#ff0000;font-weight: 400;}