@charset "utf-8";

@import url('../font/font.css');

/* CSS reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0;padding:0;border:0;outline: 0;font-size:100%;vertical-align:baseline;background:transparent;list-style:none;}

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

html, body {height:100%;background:#fff}
html {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body{color:#222; word-break:break-all; font-size:1em; line-height: 1.87em;}
em,address{font-style:normal;}
hr{display:none}
ul{list-style:none;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;table-layout:fixed;}
label, input, textarea, select{vertical-align:middle}
input[type="text"],input[type="password"] { border-radius:0; -webkit-appearance:none; box-shadow:none; }

ins{text-decoration:none;}
del{text-decoration:line-through;}
fieldset{margin:0;padding:0;border:0 none;}
legend, caption, .skip{position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}

/* html5 reset */
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td
{margin:0;padding:0;font:16px/1.5 'Pretendard',Sans-serif;color:#1D1D1D;-webkit-text-size-adjust:none;letter-spacing:0;line-height:1.5em}
b, span, strong, input, a, button{font-size:inherit;font-family:inherit;color:inherit;box-sizing: border-box;}
article, aside, dialog, footer, header, section, footer, nav, figure, hgroup, details, summary, figure, figcaption {display: block;}

input[type="checkbox"],
input[type="radio"] { vertical-align:middle }

/*input & select*/
input.txt{box-sizing:border-box;width:100%;height:54px;padding:0 10px;border:1px solid #ccc;outline:none;border-radius:4px;background-color: #fff;}
input.txt.w200 {width:200px}
input.txt.datepicker{position:relative;background:url(../images/icon/calendar.png) no-repeat center right;max-width:140px}
input.ar{text-align:right;}
input.txt:disabled{box-sizing:border-box;width:100%;height:30px;padding:0 10px;border:2px solid #d5d5d5;outline:none;background:#d5d5d5;opacity:0.5}
input[type='checkbox']{position:relative;width:22px;height:22px;border:0;background:#ccc url(../images/ico_check.svg) no-repeat center;background-size: 10px 8px;;border-radius:50%;margin-right: 15px;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline:none;vertical-align: middle;}
input[type='checkbox']:checked{background-color: #9CD631;}
input[type='checkbox']:checked:after{content:'';position:absolute;width:22px;height:22px;left: 0px;top: 0px;box-sizing: border-box;background: url(../images/ico_check.svg) no-repeat center;background-size: 10px 8px;}
input[type='radio']{position:relative;width:20px;height:20px;border:1px solid #C6C6C6;margin-top: -4px;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline:none;border-radius: 50%;}
input[type='radio']:checked {border:0}
input[type='radio']:checked:after{content:'';position:absolute;width:20px;height:20px;top: -1px;left: -1px;background: url(../images/radio_on.svg) no-repeat;background-size: 20px 20px;}
input[type='radio']+input[type='radio']{margin-left:5px}
input[type='checkbox']+input[type='checkbox']{margin-left:5px}
label input{margin-right:5px;vertical-align:-4px}
label+label{margin-left:15px}
textarea.txt{box-sizing:border-box;width:100%;height:200px;padding:10px;border:1px solid #ccc;outline:none;resize: none;border-radius: 4px;}
select{box-sizing:border-box;width:100%;height:54px;padding-left:10px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background:#fff url(../images/ico_select.svg) no-repeat calc(100% - 10px) center;background-size:24px 24px;border: 1px solid #ccc;outline:None;vertical-align:middle;border-radius:4px;line-height: 54px;font-size: 24px;}
select::-ms-expand {display: none;}
button {outline:none;border: 0;background: none;}

input::placeholder {opacity: 1;font-weight: 400;font-size: 24px;line-height:54px;color: #ccc; /* Firefox */}
input::-webkit-input-placeholder {font-weight: 400;font-size: 24px;line-height: 54px;color: #ccc;}
input:-ms-input-placeholder {font-weight: 400;font-size: 24px;line-height: 32px;color: #ccc;}/* IE */
input:-mos-input-placeholder {font-weight: 400;font-size: 24px;line-height: 32px;color: #ccc;}/* Firefox */
textarea::placeholder {opacity: 1;font-weight: 400;font-size: 24px;color: #ccc; /* Firefox */}
textarea::-webkit-input-placeholder {font-weight: 400;font-size: 24px;color: #ccc;}
textarea:-ms-input-placeholder {font-weight: 400;font-size: 24px;color: #ccc;}/* IE */
textarea:-mos-input-placeholder {font-weight: 400;font-size: 24px;color: #ccc;}/* Firefox */

h1 { font-size: 72px ;}
h2 { font-size: 60px;font-weight: 700;line-height: 80px;}
h3 { font-size: 32px ;}
h4 { font-size: 24px ;}
h5 { font-size: 20px ;}
h6 { font-size: 18px ;}

a {color:#000; text-decoration:none;outline:none; }
a:visited {text-decoration:none;}
a:link {text-decoration:none;}

/*common*/
a.btn{cursor:pointer;display:inline-block;box-sizing:border-box;background:#fff;text-align:center;vertical-align:top;height:40px;line-height:40px;border:1px solid #000;padding: 0 30px;font-weight: 700;}
a.btn:hover {background:#f4f4f4;transition:0.3s; -webkit-transition:0.3s;}
a.btn input{position:absolute;top:0;right:0;width:200%;height:200%;opacity:0;cursor:pointer;}
a.black{background:#000;color:#fff}
a.btn.large{width:100%;}
a.btn.border {border: 1px solid #999;color:#666;border-radius: 3px;padding: 5px 13px;height: auto;line-height: 1.5em;}
a.btn.border:hover {background:#f4f4f4;transition:0.3s; -webkit-transition:0.3s;}
a.btn.small.border {font-size:14px;width:auto;}
td a.btn {vertical-align: middle;}

.row::after {content: "";clear: both;display: table;}
.row .col2{width:50%;float:left;}
.row .col3{width:calc(100%/3);float:left;}
.row .col20{width:20%;float:left;}
.row .col25{width:25%;float:left;}
.row .col30{width:30%;float:left;}
.row .col60{width:60%;float:left;}
.row .col40{width:40%;float:left;}
.row .col55{width:55%;float:left;}
.row .col70{width:70%;float:left;}
.row .col80{width:80%;float:left;}

.s_txt1 {font-size:1em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.s_txt2 {width:100%;font-size:1em;overflow:hidden;text-overflow:ellipsis;line-height:1.5 !important;height:3em !important;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.s_txt3 {width:100%;font-size:1em;overflow:hidden;text-overflow:ellipsis;line-height:1.5 !important;height:4.5em !important;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}

.txt-white {color:#fff}
.txt-yellow {color:#fee101}
.txt-navy {color:#004998}
.txt-skyblue {color:#278cc0}
.txt-blue {color:#0167FF !important}
.txt-green {color:#00ab52}
.txt-gray {color:#857872}
.txt-red {color: #e51937 !important;}
.txt-darkgray {color:#525252 !important;}
.txt-black {color: #171717 !important;}

.ac {text-align:center !important;}
.al {text-align:left !important;}
.ar {text-align:right !important;}

.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}

.mt0 {margin-top:0 !important;}
.mt05 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt36 {margin-top:36px !important;}
.mt40 {margin-top:40px !important;}
.mt48 {margin-top:48px !important;}
.mt50 {margin-top:50px !important;}
.mt75 {margin-top:75px !important;}
.mt100 {margin-top:100px !important;}
.mt106 {margin-top:106px !important;}
.mt275 {margin-top:275px !important;}

.mb0 {margin-bottom:0 !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb50 {margin-bottom:50px !important;}
.mb70 {margin-bottom:70px !important;}
.mb86 {margin-bottom:86px !important;}

.pt0{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt50{padding-top:50px !important;}

.pb0{padding-bottom:0 !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb50{padding-bottom:50px !important;}

.pl10 {padding-left:10px !important}
.pl20 {padding-left:20px !important}
.pl30 {padding-left:30px !important}
.pl40 {padding-left:40px !important}
.pl50 {padding-left:50px !important}

.pr10 {padding-right:10px !important}
.pr20 {padding-right:20px !important}
.pr30 {padding-right:30px !important}

.mw140 {width:100%;max-width:140px}

.only-print {display:none}

/*table*/
.tables_wrap {overflow: auto;}
.tables_wrap .wrap {float: left;width: 48%;}
.tables_wrap .wrap .btns {padding-bottom: 15px;}
.tables_wrap .scroll {max-height: 421px;overflow: auto;overflow-x: hidden;}
.tables_wrap table+.scroll {max-height: 383px;}
.tables_wrap .wrap+.wrap {float: right;}
.tables_wrap .wrap+.wrap .btns {text-align: right;}
.tables_wrap:after {content:'';clear: both;}

.listTable{width:100%;border-top:1px solid #cfcfcf;}
.listTable th{height:44px;background:#ffe7c9;font-weight: 700;font-size: 16px;line-height: 16px;text-align: center;letter-spacing: -0.002em;border: 1px solid #cfcfcf;border-right: 0;border-left: 0;border-top: 0;}
.listTable td{padding:12px;border:1px solid #cfcfcf;border-right:0;border-left:0;border-top:0;text-align:center;word-break:break-all;font-weight: 400;line-height: 20px;letter-spacing: -0.002em;color: #171717;font-family: 'Noto Sans KR';}

.viewTable{width:100%;border-top:4px solid #939393;border-bottom:2px solid #939393;}
.viewTable th{padding:16px;text-align: center;letter-spacing: -0.002em;font-weight:400;background:#F1F1F1;font-size:18px;line-height: 32px;border-right:0;border-right:0;border-bottom:1px solid #939393;font-family: 'Noto Sans KR';}
.viewTable th.need:after{content:'\2605';display:inline-block;margin-left:3px;font-size:8px;vertical-align:top;color:#e20707}
.viewTable td {padding:14px;position:relative;font-size:18px;line-height: 32px;letter-spacing: -0.002em;border-bottom:1px solid #939393;border-right:0;font-family: 'Noto Sans KR';text-align: center;}
.viewTable td.with_btn a.btn {display: inline-block;font-size: 15px;font-weight: 400;min-width:83px;height: 40px;padding: 0 15px;line-height: 39px;margin-left: -5px;}
.viewTable td.with_btn>select {width: calc(100% - 85px);}
.viewTable td label {font-size:14px}
.viewTable tr:last-child th,
.viewTable tr:last-child td {border-bottom:0}
.viewTable select,
.viewTable input.txt {font-size:15px}
.viewTable td span.ps {display:inline-block;font-size:13px;margin-left:15px}

/*pagination*/
.pagination{margin-top:40px;height:40px;text-align:center;font-family:'LatoWeb'}
.pagination a {font-family:'LatoWeb';font-size:0;padding:4px;height:36px;box-sizing:border-box;display: inline-block;vertical-align: top;}
.pagination a:hover{color:#e46e30}
.pagination span{margin: 0 20px;}
.pagination span a{font-family:'LatoWeb';display:inline-table;width:28px;height:36px;line-height:34px;text-align:center;font-size:14px;padding:0;font-weight:700;color:#999}
.pagination span a:hover,
.pagination span a.on{color:#e20707;position:relative}
.pagination span a:hover:after,
.pagination span a.on:after{content:'';position:absolute;bottom:5px;left:0;right:0;margin:0 auto;background:#e20707;width:8px;height:2px;}

/*pop-up*/
.pop__wrap{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000;display:none}
.pop__wrap .pop_ct{position:fixed;top:15%;left:50%;width:500px;padding:36px 36px 34px;background:#fff;border:0;margin-left:-250px;box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.2);border-radius: 20px;border: 2px solid #000;}
.pop__wrap .pop_ct h3 {font-weight: 700;font-size: 26px;}
.pop__wrap .pop_ct>div{box-sizing: border-box;padding-top: 30px;max-height: 60vh;overflow: auto;}
.pop__wrap .pop_ct>div > p {font-size:14px;line-height:1.6em;word-break:keep-all;margin-bottom:8px}
.pop__wrap .pop_ct .btn_pop_close{position:absolute;top:20px;right:20px;width:36px;height:36px;box-sizing:border-box;font-size: 0;cursor:pointer;background: url(../images/btn_close.png)no-repeat center;background-size:21px 22px;z-index: 10;}
.pop__wrap .table_wrap {height:303px;overflow-y:auto}


@media only screen and (max-width: 720px){
	.pagination a {height: 30px;width: 30px;padding: 0;}
	.pagination a img {width: 100%;}
	.pagination span {margin: 0;}
	.pagination span a {width: 25px;height: 30px;line-height: 27px;}

	input.txt {height: 40px;}
	input::placeholder {font-size: 14px;}
	input::-webkit-input-placeholder {font-size: 14px;line-height: 19px;}
	input:-ms-input-placeholder {font-size: 14px;line-height: 19px;}
	input:-mos-input-placeholder {font-size: 14px;line-height: 19px;}
	textarea::placeholder{font-size: 14px;}
	textarea::-webkit-input-placeholder {font-size: 14px;}
	textarea:-ms-input-placeholder {font-size: 14px;}
	textarea:-mos-input-placeholder {font-size: 14px;}

	select {height: 40px;line-height: 19px;font-size: 14px;}

	.viewTable th {font-size: 12px;}
	.viewTable td {font-size: 12px;line-height: 18px;}

}