@charset "utf-8";

/* ================================Font============================================*/
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

*{-webkit-text-size-adjust:none;}
.png24{behavior: url("iepngfix.htc")} 






/* 
================================reset==============================================
===================================================================================
*/
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;}

h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}

li { list-style-type:none; }
img,fieldset,iframe{border:0;}
fieldset {min-width: 0;}
img,fieldset { border:none; }
li img, dd img { vertical-align:top; }
input { vertical-align:middle; }
hr{display:none;}


/* html5*/
html, body {font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px; font-weight: 400; color: #484848; font-size: 16px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block; }
body.hidden {overflow: hidden !important;}

.robo {font-family: 'Roboto', sans-serif;}
.wrapper {min-width: 320px;overflow: hidden;}

/* Link */
a:link,
a:visited,
a:active{text-decoration: none; color:#666;}
a:hover{text-decoration: none;}
a{color:inherit;}

/* ETC */
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}

/* Table */
table {border-collapse:collapse; border-spacing:0;table-layout:fixed;}
th{vertical-align:middle;}
caption{display:none;}

/* Form */
input, select{position:relative; font-family:inherit; font-size:inherit; color:inherit; vertical-align:middle; -webkit-appearance:none; -webkit-border-radius:0; background:#f9f9f9; border:1px solid #d7d7d7; box-sizing:border-box;}
select{background:url(../../images/select-arrow.png) 85% 50% no-repeat; -webkit-border-radius:0; -webkit-appearance:none;}
select::-ms-expand{display: none;}
input:disabled{background: #fff;}
input:focus::-webkit-input-placeholder, 
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; } 
input:focus:-moz-placeholder, 
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; } 
input:focus::-moz-placeholder, 
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; } 
input:focus:-ms-input-placeholder, 
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }
textarea{color:#666;background:#fff;border:1px solid #cfcfcf; resize: none;}
form{margin:0px;padding:0px;border:0;}
button{-webkit-border-radius:0; -webkit-appearance:none; border-radius: 0; appearance: none; outline: 0; background: transparent; border: none; cursor: pointer; font-family:inherit;}
.screen-out {overflow: hidden;clip: rect(0 0 0 0);margin: -1px;width: 0;height: 1px;text-indent:-9999px;font-size: 0;}
input::-ms-clear {
    width: 0; height: 0;
}
/* @clear fix */
* html .clfix { height: 1%; overflow: visible;} /* float clearing for IE6 */
*+html .clfix{ min-height: 1%;} /* float clearing for IE7 */
.clfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;} /* float clearing for everyone else */

#skip, .skip { font-size:0; width:0; height:0; line-height:0; position:absolute; left:-9999px; }
.dimm,.dimm2 { position: fixed; left: 0; top: 0; bottom: 0; opacity: 0; width: 100%; height: 0; background: rgba(0, 0, 0, 0.7); transition: all 0.3s;}
.dimm.on,.dimm2.on { opacity: 1; height: auto; z-index: 30;}
.dimm.on {z-index: 15;}
strong.mid {font-weight: 500;}

/*padding*/
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 30px;}
.pt50 {padding-top: 50px;}
.pb10 {padding-bottom: 10px;}

/*margin*/
.my20 {margin: 20px 0;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt50 {margin-top: 50px;}
.mr20 {margin-right: 20px;}
.mb10 {margin-bottom: 10px}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb50 {margin-bottom: 50px;}

/*tbl*/
.tbl-wrap.scroll {overflow-x: auto; position: relative;}
.tbl-wrap.scroll.bio table {min-width: 500px;}
.tbl-wrap.scroll.bio table.wid1000 {min-width: 1000px;}
.tbl-wrap.scroll.bio table thead .sticky, .tbl-wrap.scroll.bio table th.sticky {background: #e89c38;border-right: 1px solid #e1e1e1;}
.tbl-wrap.scroll.bio table .sticky {position: sticky; left: 0; top: 0; min-width: 216px; background: #fff;}
.tbl-wrap.scroll.bio table .sticky::before {position: absolute;content: '';width: 1px;height: 100%;background: #e1e1e1;right:-1px;top: 0;}
.tbl-wrap.scroll.bio table .sticky.min-60 {min-width: 60px;}
.tbl-wrap.scroll.bio table .sticky.pos-60 {left: 108px;}
.tbl-wrap.scroll.bio table .sticky.pos-60.type1 {left: 72px;}
.tbl-wrap.scroll table {min-width: 950px;}
.tbl-wrap.scroll table.tbl02 {min-width: 500px;}
.tbl-wrap table {width: 100%;}
.tbl-wrap table img {max-width: 100%;}

/*tbl01*/
.tbl01 {border-top: 1px solid #e1e1e1;}
.tbl01 th, .tbl01 td {border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;}
.tbl01 th:last-child, .tbl01 td:last-child {border-right: 0;}
.tbl01 thead th {padding: 3px 10px;background: #e89c38;color: #fff;font-size: 18px;font-weight: 500;}
.tbl01 tbody td {text-align: center;padding: 18px 10px;font-size: 18px;color: #676664;word-break: keep-all;background: #fff;}
.tbl01 tbody td.p-none {padding: 0;}
.tbl01 tbody td.tl, .board-tbl table td.tl {text-align: left;}
.tbl01.type1 thead th {padding: 18px 10px;}

@media screen and (max-width:1023px){
	.tbl01 thead th, .tbl01 tbody td {font-size: 15px;}
	.tbl01 thead th {padding: 2px 8px;}
	.tbl01 tbody td {padding: 12px 8px;}

	body.hidden {overflow: visible !important;}
}

/*tbl02*/
.tbl02 {border-top: 2px solid #867d72;}
.tbl02 th, .tbl02 td {border-bottom: 1px solid #dbd5cd;border-right: 1px solid #dbd5cd;padding: 12px 20px;font-size: 16px;word-break: break-all;}
.tbl02 td:last-child {border-right: 0;}
.tbl02 th {background: #f5f2ee; font-weight: 500; color :#363636;}
.tbl02 td {text-align: center;}
.tbl02 td.tl {text-align: left;}

.tbl02.type1 {border-top: 1px solid #dbd5cd;}
.tbl02.type1 td {line-height: 1.7;}
.tbl02.type1 td.bg-td {background: #f9f9f9; color: #ef4818;}
.tbl02.type1 tr:last-child th, .tbl02.type1 tr:last-child td {border-bottom: 1px solid #252525;}

.tbl02.type2 {border-top: 2px solid #867d72;}
.tbl02.type3 {border-top: 1px solid #dbd5cd;}
.tbl02.type3 th {background: #f8f8f8; border-left: 1px solid #dbd5cd;}
.tbl02.type3 td {border-right: 1px solid #dbd5cd;}
.tbl02.type3 img.border {border:1px solid #ebebeb;}

@media screen and (max-width:1023px) {
	.tbl02 th, .tbl02 td {font-size: 15px;}
	.tbl-wrap.scroll.mt30 {margin-top: 15px;}
}

@media screen and (max-width:767px) {
	.tbl02.type1 th, .tbl02.type1 td,.tbl02.type3 th, .tbl02.type3 td {width:100%; float: left; box-sizing: border-box; border-right: 0;}
	.tbl02.type1 colgroup,.tbl02.type3 colgroup {display: none;}
	.tbl02.type3 th, .tbl02.type3 td {border:0;}
}

.no-ct {padding: 100px 30px; text-align: center; color: #676664; font-size: 18px;}
.tab-wrap .tab-con .no-ct {margin-top: 20px; padding-top: 20px; border-top: 1px solid #ebebeb;}
@media screen and (max-width:1023px) {
	.no-ct {padding: 80px 20px; font-size: 17px;}
}
@media screen and (max-width:767px) {
	.no-ct {padding: 50px 20px; font-size: 15px;}
}