@charset "utf-8";

@import url("swiper.min.css");
@import url("animated.css");
@import url("jquery.mCustomScrollbar.min.css");
@import url('jquery-ui.css');
@import url('nice-select.css');
@import url('font.css');

/* --------------------------------------------
 * default
/* ------------------------------------------ */
html, body { width: 100%;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
body { font-family: 'Noto Sans KR', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif; font-size:16px; color: #444; line-height: 1.4; background-color:#fff;}

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

a{ -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }

@media screen and (min-width:1025px){
	/* Chrome, Safari */
	::-webkit-scrollbar {width:8px;}
	::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display:block; height:10px; background:#888;}
	::-webkit-scrollbar-track {background:#d1d1d1;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
	::-webkit-scrollbar-thumb {height:50px;width:50px;background:#888;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
	::-webkit-scrollbar-thumb:window-inactive{background:#888;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
}

/* -------------------------------------------- html5 block ------------------------------------------ */
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block;}
body{ -webkit-text-size-adjust:none; }
ol, ul{ list-style:none;}
blockquote, q{ quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{ content:''; content:none; }
table{ width:100%; border-collapse:collapse; border-spacing:0; }
img{ border:0; max-width:100%; height:auto; }
iframe,
embed,
object,
video {max-width:100%;}
i, 
cite, 
em, 
var, 
address, 
dfn { font-style:normal;}

.blind,
legend{ position:absolute; left:0; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
caption{ display:none;}

/* ------------------------------------------ */
a { color: #666; text-decoration: none; }
a:focus{ outline: inherit;}

/* --------------------------------------------
	list
/* ------------------------------------------ */
ul, ol { list-style: none; }

/* --------------------------------------------
 * etc
/* ------------------------------------------ */
address, em { font-style: normal; }
hr { display: none; }
sup { position: relative; top: -3px; padding-left: 3px; font-size: 11px; }

/* --------------------------------------------
 * img
/* ------------------------------------------ */
img { vertical-align: top; }

/* --------------------------------------------
 * table
/* ------------------------------------------ */
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
tbody, tfoot, thead, tr, th, td { word-break:break-all; vertical-align:middle; }
caption { display: none; }

/* --------------------------------------------
 * fieldset
/* ------------------------------------------ */
fieldset { border: none; }
legend { visibility: hidden; width: 0; height: 0; font-size: 0; line-height: 0; position: absolute; left: 0; top: -999999px; }

/* --------------------------------------------
 * form
/* ------------------------------------------ */
input[type=button], 
input[type=submit]{ cursor: pointer; }
button{ width: auto; overflow: visible; background: none; border: none; cursor: pointer; margin: 0; padding: 0; }
button > span { position: relative; }
textarea{ resize: none; padding: 0px; color: #666; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; font-size:16px; color: #666; }
select{ border:solid 1px #c8cbd6; line-height:30px; height:30px; background-color:#fff;background-image:url('../images/blt_select.png'); background-position: right center; background-repeat: no-repeat; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; border-radius:0; -webkit-border-radius:0; padding:0 20px 0 10px; padding-right: 0\0/IE8+9; background-image:none\0/IE8+9; overflow:hidden; line-height:1\0/IE8+9; vertical-align:middle;}
select::-ms-expand{ display: none; /*display: block\0/IE8+9; */ }
input, button, select, textarea { vertical-align:middle; }
input.block, button.block, select.block, textarea.block{ width:100%; display: block;}

fieldset{border:0}
input,select,label{display:inline-block;box-sizing:border-box;vertical-align:middle;outline:0; }
label{ color:#535a70; margin-right:5px;}
input[type=text],
input[type=password],
input[type=file]{ font-size:16px; height:48px; padding:0 10px; border:solid 1px #ddd; line-height:46px; background-color:#fff; }
input[type=text]:disabled,
select:disabled,
textarea:disabled{ border-color:#d7dae3; color:#d7dae3; background-color:#f8f8f9 !important; }
input[type=button],
button{vertical-align:middle;appearance:none;-ms-appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;}
input[type=button],
input[type=submit],button{height:30px;border:0;text-align:center;cursor:pointer;}
input[type=file]{cursor:pointer;}
textarea{padding:10px;border:solid 1px #ddd;box-sizing:border-box;vertical-align:middle;resize:none;outline:none;  font-family: 'Noto Sans KR', '돋움', 'Dotum', Apple Gothic, Tahoma, Verdana, sans-serif; font-size:16px; }
input[type=text]:focus,
input[type=password]:focus{ border-color:#999;}
.ui-datepicker-trigger{ background:url('../images/sp_img.png') 7px -541px no-repeat; display: inline-block; width: 34px; height: 34px; text-indent:-9999px;}

input[type=checkbox],
input[type=radio]{ position:absolute; top:0; left:-1000%; overflow:hidden; width:1px; height:1px; text-indent:-10000px; -ms-appearance:none; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
input[type=checkbox] + label::before{ content:""; display:inline-block; width:20px; height:20px; margin-right:5px; border:solid 1px #e2e2e2; vertical-align:-5px; background-color:#fff;}
input[type=radio] + label::before{ content:""; display:inline-block; width:20px; height:20px; margin-right:5px; border:solid 1px #e2e2e2; vertical-align:-3px; background-color:#fff;}
input[type=checkbox]:disabled + label::before,
input[type=radio]:disabled + label::after,
input[type=radio]:disabled + label::before{ border-color:#d7dae3; background-color:#fff; cursor:default;}
input[type=radio] + label,
input[type=checkbox] + label{ margin-right:10px;}
input[type=radio] + label::before,
input[type=checkbox] + label::before,
input[type=checkbox] + label::after{ border-radius:2px;}
input[type=radio]:checked + label::before,
input[type=checkbox]:checked + label::before,
input[type=checkbox]:checked + label::after{ background:#fff url('../images/blt_radio.png') 50% 50% no-repeat;}

input:focus::-webkit-input-placeholder{color:transparent;}
input:focus::-moz-placeholder{color:transparent;}
input:focus:-ms-input-placeholder{color:transparent;}
input:focus::-ms-input-placeholder{color:transparent;}

/* common */
.blind { display: block; overflow: hidden; position: absolute; left: -1000%; top: 0; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -10000px; }
.hide { display: none; }
.cBlue{ color:#3498db !important;}
.cRed{ color:#f21c26 !important;}
.fr{ float:right !important;}
.l{ text-align: left !important;}
.r{ text-align: right !important;}
.c{ text-align: center !important;}

.mt0{ margin-top:0 !important;}
.mt10{ margin-top:10px !important;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px !important;}
.mt40{ margin-top:40px !important;}
.mt50{ margin-top:50px !important;}

/* btn */
.btn-box{ text-align:center; margin:60px 0 0; }
.btn-box:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.btn-box.page-line{ position:relative; z-index:1; height:0; margin-top:0; }
.btn-box.page-line .fr,
.btn-box.page-line .fl{ position:absolute; top:-30px; float:none; }
.btn-box.page-line .fr{right:0;}
.btn-box.page-line .fl{left:0;}
.btn-box .btn + .btn{ margin-left:8px;}
.btn-box.n2 .btn{ width:49%; float:left;}
.btn-box.n2 .btn + .btn{ float:right;}
.btn-box.lg{ margin-top:50px;}

.btn{ min-width:110px; padding:0 20px; display:inline-block;  vertical-align:middle; line-height:40px; margin:0; letter-spacing:-0.05em; white-space:nowrap; height:40px; color:#fff; font-size:16px; text-align:center; background-color:#a1a1a1;}
.btn:hover{ opacity: .5;}
.btn.btn-blue{ background-color:#3498db; color:#fff;}
.btn.btn-lg{ padding: 0 80px; height: 60px; line-height: 60px; font-size: 20px; font-weight: 600;}

/* news_detail */
.ask-wr{ width: 1200px; padding: 100px 0; margin: 0 auto;}
.ask-wr tr > td { font-size: initial; }
.form-bx .inp-bx::after{ content: ''; display: block; clear: both;}
.form-bx .inp-bx + .inp-bx{ margin-top: 10px;  }
.form-bx .inp-bx.n2 .inp{ float: left; width: 49.5%;}
.form-bx .inp-bx.n2 .inp + .inp{ margin-left: 1%;}
.form-bx .inp-bx .select{ height: 48px; line-height: 50px; background: url('../images/blt_select.png') 100% 50% no-repeat; font-size: 16px;}

.form-bx .inp-bx.n3 .inp{ float: left; width: 32.6%;}
.form-bx .inp-bx.n3 .inp + .inp{ margin-left: 1%;}

.tbl-hd span{ display: inline-block;}
.tbl-hd span + span{ margin-left: 20px;}
.tbl-hd .select{ height: 40px; min-width: 160px;}

.vew-bx{ border-top:#222 2px solid; border-bottom: #ddd 1px solid;}
.vew-bx .hd{ padding: 1rem 0; border-bottom: #ddd 1px solid;}
.vew-bx .tit{ font-size: 18px; color: #222; font-weight: 600; margin-bottom: 10px;}
.vew-bx .td-vew{ padding: 1rem;}

.forum-bx .con-bx{ margin-top: 20px; min-height: 400px; border:#ddd 1px solid; border-top:#222 2px solid; padding: 20px; }
.tbl-vew .row-bx { font-size: initial; }
.tbl-vew .row-bx p{ position: relative; display: inline-block; }
.tbl-vew .row-bx p + p::before{ content: ''; display: block; width: 1px; height: 10px; background-color:#ddd; position: absolute; top:50%; left: 0; margin-top: -3px; margin-left: -15px;}
.tbl-vew .row-bx p + p{ margin-left: 30px;}
.tbl-vew .row-bx + .row-bx{ margin-top: 20px;}

/* admin */
/* table */
table.list{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; table-layout:fixed; border-top:#222 2px solid;}
table.list thead th{ padding: 14px 0; text-align: center; border-bottom: #ddd 1px solid; background-color:#f1f1f1;}
table.list tbody td{ padding: 10px; text-align: center; border-bottom: #ddd 1px solid;}
table.list tbody td a{ color: #3498db; text-decoration: underline;}
table.list tbody tr:hover td{ background-color: #f7f7f7;}
table.list tbody tr.opDv td{ padding: 20px 40px; text-align: left; background-color: #f7f7f7;}
table.list tbody td.subject{ text-align: left;}

table.data{ width:100%; border-collapse:separate; *border-collapse:collapse; border-spacing:0px; clear:both; table-layout:fixed; border-right: #ddd 1px solid; border-top:#222 2px solid; }
table.data thead th{ padding: 14px 0; text-align: center; border-bottom: #ddd 1px solid; background-color:#f1f1f1; border-left: #ddd 1px solid; font-weight: 400; color: #000;}
table.data tbody td{ padding: 10px; text-align: center; border-bottom: #ddd 1px solid; border-left: #ddd 1px solid;}
table.data tr:nth-child(even) td{ background-color: #f7f7f7; }

.tbl-sch{ text-align: center; margin-top: 20px;}
.tbl-sch .input{ height: 40px; line-height: 40px; width: 400px;}
.tbl-sch .select{ width: 160px; height: 40px; line-height: 40px; font-size: 16px; background: url('../images/blt_select.png') 100% 50% no-repeat;}

div.paging{ text-align:center; padding:0; margin:40px 0 0 0; position:relative; clear:both;}
div.paging a,
div.paging strong{ display:inline-block; width:40px; height:40px; line-height:38px; color:#777; text-align:center; margin:0; vertical-align:middle; border:#ccc 1px solid;}
div.paging a:hover,
div.paging .on{ color:#fff; font-weight:400; background-color:#111; border:#111 1px solid;}
div.paging .direction{ position:relative; text-indent:-9999px; border:#ccc 1px solid; }
div.paging .direction:hover{ background-color:#111; border:#111 1px solid;}
div.paging .direction > span{ position:absolute; top:-9999px; left:-9999px;}
div.paging .direction.first:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 0px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.first:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.prev:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(45deg);transform:rotate(45deg); }
div.paging .direction.next:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging .direction.last:before{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -8px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging .direction.last:after{ content:""; position:absolute; top:50%; left:50%; margin:-4px 0 0 -4px; width:8px; height:8px; display:block;  border:1px solid #777; border-top:none;border-right:none;-webkit-transform:rotate(-135deg);transform:rotate(-135deg); }
div.paging .direction:hover:before,
div.paging .direction:hover:after{ border-color:#fff;}

.list-area { padding: 20px; }
.btn-area { margin-bottom: 15px; }