@charset "utf-8";

/* CSS Document */
* {box-sizing:border-box;}
html{
	font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
html,body{height:100%;padding:0;margin:0;}
body{padding:0;margin:0;font-size:14px;font-family:'roboto','맑은 고딕',Malgun Gothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;color:#404040;-webkit-transition:none;-webkit-user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;}
ul,ol{list-style:none;margin:0;padding:0; -webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-end:0;-webkit-margin-start:0;-webkit-padding-start:0;}
h1, h2, h3, h4, h5, h6{_font-size:0; margin:0; padding:0;}
blockquote, pre, abbr, acronym, address, p, nav, header
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
}
img {vertical-align:top}
iframe {display:block;}

input:not(input[type=checkbox],input[type=radio]){-webkit-border-radius:1px; -webkit-appearance:none;}
select{-webkit-border-radius:1px;}


/* Alink */
a{color:#333;text-decoration:none;display:inline-block;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;}
a:hover,a:active,a:focus{}

/* Basic */
img,fieldset{border:0;vertical-align:middle;}
/*img.max{max-width:100%;}*/
em{font-style:normal;}
small{font-size:11px !important;}
.u, .u a{text-decoration:underline !important;}

/* Display */
.fl{float:left;}
.fr{float:right;}
.ac,.text-center{text-align:center !important;}
.al,.text-left {text-align:left !important;}
.text-right{text-align:right !important;}
.text-left{text-align:left !important;}
.clearFix,.clearfix{clear:both !important;}
.clearFix:after,.clearfix:after{content:'';display:block;clear:both;}
.blind{position:absolute;top:-999px;left:-999px;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
.none{display:none !important;}

/* form */
legend{display:block;position:absolute;top:-999px;left:-999px;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
select,textarea,input,label{vertical-align:middle;}

.red,.fcRed {color:#ff0e0e;}
.fcWhite{color:#fff;}
.fcGray7{color:#777;}
.fcOrange{color:#fc9d50}
.fcGreen{color:#007a6d}

.lineH1{line-height:1}
.lineH11{line-height:1.1}
.lineH12{line-height:1.2}
.lineH13{line-height:1.3}
.lineH14{line-height:1.4}
.lineH15{line-height:1.5}

/* margin */
.mt05 {margin-top:5px;}
.mt08 {margin-top:8px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt55 {margin-top:55px;}
.mt60 {margin-top:60px;}
.mt80 {margin-top:80px;}

.mb03 {margin-bottom:3px;}
.mb05 {margin-bottom:5px;}
.mb08 {margin-bottom:8px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb80 {margin-bottom:80px;}

.ml05 {margin-left:5px;}
.ml08 {margin-left:8px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml55 {margin-left:55px;}
.ml60 {margin-left:60px;}
.ml70 {margin-left:70px;}
.ml80 {margin-left:80px;}


.mr05 {margin-right:5px;}
.mr07 {margin-right:7px;}
.mr08 {margin-right:8px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr50 {margin-right:50px;}
.mr55 {margin-right:55px;}
.mr60 {margin-right:60px;}
.mr80 {margin-right:80px;}

.pl10 {padding-left:10px;}
.pr05 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
/**/
.w100p,.wp100 {width:100% !important;}
.w98p,.wp98 {width:98% !important;}
.w96p,.wp96 {width:96% !important;}
.w80p,.wp80 {width:80% !important;}
.w49p,.wp49 {width:49% !important;}
.w45p,.wp45 {width:45% !important;}
.w40p,.wp40 {width:40% !important;}
.w34p,.wp34 {width:34% !important;}
.w33p,.wp33 {width:33% !important;}
.w31p,.wp31 {width:31% !important;}
.w32p,.wp32 {width:32% !important;}
.w20p,.wp20 {width:20% !important;}
.wp70{width:70% !important;}
.wp60{width:60% !important;}
.wp50{width:50% !important;}
.wp30{width:30% !important;}
.wp20{width:20% !important;}
.wp10{width:10% !important;}

.w50{width:50px !important}
.w60{width:60px !important}
.w70{width:70px !important}
.w80{width:80px !important}
.w90{width:90px !important}
.w100{width:100px !important}
.w120{width:120px !important}
.w130{width:130px !important}
.w140{width:140px !important}
.w150{width:150px !important}
.w160{width:160px !important}
.w180{width:180px !important}
.w200{width:200px !important}
.w220{width:220px !important}
.w240{width:240px !important}
.w260{width:260px !important}
.w280{width:280px !important}
.w300{width:300px !important}
.w400{width:400px !important}
.w450{width:450px !important}
.w500{width:500px !important}
.w550{width:550px !important}
.w600{width:600px !important}
.w650{width:650px !important}
.w700{width:700px !important}
.w750{width:750px !important}

/**/
.ml1p{margin-left:1%;}

.mb1p {margin-bottom:1%;}

.pl03 {padding-left:3px;}
.pl05 {padding-left:5px;}

/* Space */
hr{height:40px;clear:both;display:block;visibility:hidden; font-size:0;line-height:0;}

/* Table Style */
table{border-collapse:separate;border-spacing:0;*border-collapse:collapse;}
caption{display:none;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}

/* color */
.orange {color:#fb8127;}
.green {color:#2ba500;}


.input_member{
	border:1px solid #ccc;
	background:#fff !important;
	height:45px;
	line-height:45px;
	width:100%;
	text-align:center;
	font-size:16px;
	color:#666;
}
.input_member2{
	border:1px solid #ccc;
	background:#fff !important;
	height:45px;
	line-height:45px;
	width:100%;
	text-align:left;
	font-size:16px;
	color:#666;
}
.btn-member{
	color:#fff;
	background:#007a6d;
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	margin-top:15px;
	font-size:16px;
}

.mem-in-btn {
	background:#444 !important;
	height:45px;
	border:none;
	line-height:45px;
	text-align:center;
	font-size:14px;
	color:#fff;
}

.select-member {
	float:left;
	margin:0;
	padding:0;
	border:1px solid #ccc;
	height:45px;
	width:30%;
	font-size:16px;
	text-align:center;
	padding-left:10px;
	color:#666;
}

.input_style01 {width:80%; border:1px solid #666; height:30px; font-size:14px;}
.input_style01:focus {border:1px solid #1988d6;}


/*메인비주얼 전체 속성*/
.photo-slide .paging a {display:inline-block !important;}

.dp-block{
	display:block;
	width:100%;
}
.dp-inblock{
	display:inline-block !important;
}
.dp-table{
	display:table;
	width:100%;
}
.dp-table-cell{
	display:table-cell;
}
.dp-table.vertical-middle > .dp-table-cell{
	vertical-align:middle;
}
.vertical-middle{vertical-align:middle;}
.fwBold{font-weight:bold;}
.fwNormal{font-weight:normal;}

.opa1{opacity:0.1;}
.opa2{opacity:0.2;}
.opa3{opacity:0.3;}
.opa4{opacity:0.4;}
.opa5{opacity:0.5;}
.opa6{opacity:0.6;}
.opa7{opacity:0.7;}
.opa8{opacity:0.8;}
.opa9{opacity:0.9;}



.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs26{font-size:26px;}
.fs28{font-size:28px;}
.fs30{font-size:30px;}


.btn{
	display: inline-block;
	padding: 6px 18px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
}
.btn.bull1{
	position:relative;
}
.btn.bull1:after {
	content:"";
	position:absolute;
	right:-1px;
	bottom:-1px;
	width:8px;
	height:6px;
	background:#222;

}
.btn.btn-white-o{
	border:1px solid #fff;
	color:#fff;
	background:#none;
}
.btn.btn-black{
	background:#222;
	color:#fff;
}
.btn.btn-black-o{
	border:1px solid #999;
	color:#222;
	background:#none;
}
.btn.btn-green{
	background:#007a6d;
	color:#fff;
}

.btn.btn-gray{
	border:1px solid #ccc;
	color:#333;
	background:#eee;
}
.btn.btn-xs{
		display: inline-block;
		padding: 5px 10px 5px 10px;
		font-size: 13px;
}
.btn.btn-block{
		display: block;
		padding: 5px 5px 5px 5px;
}



.tabs{
	display:table;
	width:100%;
	border:1px solid #111;
}
.tabs li{
	display:table-cell;
	width:50%;
	text-align:center;
	vertical-align:middle;
}
.tabs li.active a{
	background:#000;
	color:#fff;
}
.tabs li > a{
	display:block;
	padding:10px;
}
.tabs.tab-black{
	border-top:2px solid #000;
}


.form-control{
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control[readonly]{
	background:#f7f7f7;
}
.form-control.form-md{
	height: 40px;
	padding: 8px 12px;
	font-size: 16px;
} 


.scroll-hand{margin-top:3px;}
.scroll-hand > i {
	font-size:22px;
}
.tableDefault{}
.tableDefault > table {
	width:100%;
	border-top:2px solid #007a6d;
	border-collapse: separate; 
	border-spacing: 0;
}
.tableDefault.table-scroll{width:100%; max-width:100%; overflow-x:auto;}
.tableDefault.table-scroll > table{
	width:700px;
}
.tableDefault > table {
	width:100%;
	border-top:2px solid #007a6d;
	border-collapse: separate; 
	border-spacing: 0;

}
.tableDefault > table > tr > th,
.tableDefault > table > thead > tr > th,
.tableDefault > table > tbody > tr > th{
	background:#f1f7f7;
	padding:15px 10px;
	font-size:14px;
	color:#222;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
}
.tableDefault > table > tr > td,
.tableDefault > table > tbody > tr > td{
	font-size:14px;
	padding:15px 10px;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	font-weight:normal;
} 
.tableDefault > table > tr > td.td-link,
.tableDefault > table > tbody > tr > td.td-link{
	padding:0;
} 
.tableDefault > table > tr > td.td-link a,
.tableDefault > table > tbody > tr > td.td-link a{
	display:block;
	padding:10px 2px;
	color:#007a6c;
	font-weight:bold;
} 
.tableDefault > table > tr > td.td-link a span,
.tableDefault > table > tbody > tr > td.td-link a span{
	border-bottom:1px solid #007a6c
}
.tableDefault > table > tr > td.title,
.tableDefault > table > tbody > tr > td.title{
	background:#f7f7f7;
} 
.tableDefault > table > tr > th:last-child,
.tableDefault > table > thead > tr > th:last-child,
.tableDefault > table > tbody > tr > th:last-child,
.tableDefault > table > tr > td:last-child,
.tableDefault > table > tbody > tr > td:last-child{
	border-right:0;
}

.tableDefault.table-sm > table > tr > th,
.tableDefault.table-sm > table > thead > tr > th,
.tableDefault.table-sm > table > tbody > tr > th{
	padding:15px 5px;
	font-size:13px;
}
.tableDefault.table-sm > table > tr > td,
.tableDefault.table-sm > table > tbody > tr > td{
	padding:15px 5px;
	font-size:13px;
} 

.tableDefault.table-xs > table > tr > th,
.tableDefault.table-xs > table > thead > tr > th,
.tableDefault.table-xs > table > tbody > tr > th{
	padding:9px 5px;
	font-size:13px;
}
.tableDefault.table-xs > table > tr > td,
.tableDefault.table-xs > table > tbody > tr > td{
	padding:9px 5px;
	font-size:13px;
} 


.bullet-i{}
.bullet-i > li {
	position:relative;
	padding-left:10px;
	line-height:1.4;
	margin-bottom:5px;
}
.bullet-i > li:last-child{
	margin-bottom:0;
}
.bullet-i > li > i{
	position:absolute;
	left:0;
}

.bullet-1{
	position:relative;
	padding-left:12px;
}
.bullet-1:after{
	content:"";
	position:absolute;
	width:4px;
	height:4px;
	background:#000;
	left:0;
	top:6px;
	border-radius:5px;
}

.cs-info{
	padding:20px 30px;
	background:url(/html/images/line-gray2-bg.gif);
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}