@charset "utf-8";

/* webfont */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

/*RESET STYLE*/
html, body, div, span, amediaet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, 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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
    vertical-align:baseline;
    background:transparent;
}

body, html{position:relative; font-family: "Noto Sans", sans-serif;box-sizing:border-box; -moz-box-sizing: border-box;-webkit-text-size-adjust:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
ol,ul,li {list-style:none;}
table {border-collapse: collapse;border-spacing: 0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}
input,textarea,select,td,th {vertical-align:middle;font-family: "Noto Sans", sans-serif;}
input[type="checkbox"] { -webkit-appearance:checkbox; }
input[type="radio"] { -webkit-appearance:radio; -webkit-border-radius:0px; }
hr{display:none;}
a {margin:0; padding:0; border:0;  color:#666; background:transparent; text-decoration:none; display:inline-block;}
a:link,a:visited,a:hover,a:active,a:focus {text-decoration:none;}
em,address {font-style:normal;}
fieldset {border:0; vertical-align:top;}
legend {display:block;}
button {font-family: "Noto Sans", sans-serif;display:inline-block; font-size:0;margin:0; padding:0; border:none; background:none; text-align:center; vertical-align:middle; white-space:nowrap; cursor:pointer;}
img {font-size:0;line-height:0;}
i {display:inline-block;text-indent: -99999px;*text-indent:0px;}
.clear{clear:both;}
.w100 { width:99%;}
.w30 { width:30%;}

* {
 box-sizing: border-box; 
 -ms-box-sizing: border-box; 
 -moz-box-sizing: border-box; 
 -webkit-box-sizing: border-box; 
} 

#wrap { position:relative;}
#wrap .bg { width:100%; height:100vh; background:#01bc78; overflow:hidden;}
#wrap .logininner { position:relative; width:500px; margin:10% auto; box-sizing:border-box; font-size:15px; color:#666;}
#wrap h1 { text-align:center; margin-bottom:5%;}
#wrap .login { position:relative; width:500px; padding:10% 5%; background:#FFF;}
#wrap .login input { border:#ddd solid 1px; width:95%; line-height:45px; margin:1%; padding-left:15px; font-size:15px; color:#666;}
#wrap .btn_login { position:relative; width:95%; line-height:45px; background:#01bc78; color:#FFF; text-align:center; padding:2%; margin:1%; font-weight:700;}
#wrap .checkinner { position:relative; padding:5% 5% 5% 0; text-align:left;}
#wrap .checkinner input { appearance: none; width:25px; height:25px; border-radius: 50%; border:0; display:inline-block; background:#01bc78; cursor:pointer;}
#wrap .checkinner input:checked { background:url(/img/check.png) no-repeat;}
#wrap .idpwbox { border:#dddddd solid 1px; padding:3%; text-align:center; margin-top:5%;}
#wrap .copy { color:#FFF; margin-top:2%;}

.headerbox { position:relative;overflow:hidden;}
.headerbox h2 { position:relative; height:80px; text-align:center;}
.headerbox h2 img { padding-top:12px;}
.headerbox .logout { position:absolute; top:30px; right:40px;}
.headerbox .logout img { vertical-align: bottom;}
.headerbox .gnb { position:relative; background:#01bc78; color:#fff; text-align:center; line-height:70px; height:70px;}
.headerbox .gnbul { position:relative; width:900px; margin:0 auto;}
.headerbox .gnbul li { float:left; width:25%; text-align:center;}
.headerbox .gnbul li a { color:#FFF; font-weight:600;}
.headerbox .snb { position:relative; width:100%; height:50px; line-height:50px; background:#e9e9e9; border-bottom:#d3d3d3 solid 1px; overflow:hidden;}
.headerbox .snbul { width:900px; margin:0 auto;}
.headerbox .snbul li { float:left; padding:0 4%; border-left:#CCC solid 1px;}
.headerbox .snbul li:last-child {padding:0 4%; border-right:#CCC solid 1px;}
.headerbox .snbul a:hover { color:#096;}
.headerbox .snbul .on a { color:#096; font-weight:700;}
.title { padding:1% 5%; border-bottom:#CCC solid 1px; font-size:20px;}
.title img { vertical-align:middle; }
.cntbox { position:relative; width:800px; margin:2% auto;}
.footer { position:relative; width:100%; text-align:center; padding:20px 0;}
.mtext { display:none;}
.introtext { font-size:25px; margin:30px 0;}
.sign { text-align:right; padding-top:45px;}

#container #contents { position:relative; box-sizing:border-box;}
#container #contents > h3 { text-align:center; font-weight:bold; padding:20px 0; border-bottom:#ccc solid 1px;}
#container #contents .boardbox { margin:2% 5% 0 5%;}
#container #contents .btnarea { text-align:center; margin-top:30px; min-height:60px;}
#container #contents .btnarea > a { padding:10px 50px; box-sizing:border-box; background:#6a6a6a; font-weight:bold; color:#FFF;}
#container #contents .searchbox { background:#efefef; border:#CCC solid 1px; padding:15px; text-align:center;}
#container #contents .searchbox > a { padding:2px 15px; box-sizing:border-box; background:#888; font-size:13px; font-weight:bold; color:#FFF;}

#container #contents .searchprbox { background:#efefef; padding:15px;}
#container #contents .searchprbox td { font-size:12px; padding:2px 0;}
#container #contents .searchprbox th { font-size:12px; padding:2px 0; width:80px;}
#container #contents .searchbtn { width:100px; line-height:80px; text-align:center; margin-left:15px; padding:10px; box-sizing:border-box; background:#2f5ba5; font-weight:bold; color:#FFF;}
#container #contents .tdline { border-bottom:#999 solid 1px;}

#container #contents .btnarea2 { text-align:center; margin-top:30px;}
#container #contents .btnarea2 > a { width:100px; padding:5px; box-sizing:border-box; background:#2f5ba5; font-weight:bold; color:#FFF;}

#container .tablest {border-top:#5b5b5b solid 2px;}
#container .tablest th {border-bottom:#dcdcdc solid 1px; padding:15px 10px; background:#eeeeee; font-weight:normal;}
#container .tablest td {border-bottom:#dcdcdc solid 1px; padding:15px 10px; text-align:center;}
#container .tablest td img{ vertical-align:middle;}
#container .tal { text-align:left !important;}

#container .tablestform {border-top:#5b5b5b solid 2px;}
#container .tablestform th {border-bottom:#dcdcdc solid 1px; width:10%; padding:15px 10px; font-weight:normal; background:#eeeeee;}
#container .tablestform td {border-bottom:#dcdcdc solid 1px; padding:15px 10px; text-align:center;}
#container .tablestform td img{ vertical-align:middle;}

#container .tablestnot {border-top:0;}
#container .tablestnot th {border-bottom:#dcdcdc solid 1px; width:10%; padding:15px 10px; font-weight:normal; background:#eeeeee;}
#container .tablestnot td {border-bottom:#dcdcdc solid 1px; padding:15px 10px; text-align:center;}
#container .tablestnot td img{ vertical-align:middle;}

#container .tablest1 {border-top:#5b5b5b solid 2px; margin-top:15px;}
#container .tablest1 th {border-bottom:#dcdcdc solid 1px; padding:15px 10px; font-weight:normal; background:#eeeeee;}
#container .tablest1 td {border-bottom:#dcdcdc solid 1px; padding:15px 10px 15px 25px; text-align:left;}

#container .paging {line-height:0; text-align:center; margin:50px 0;}
#container .paging span{display:inline-block;font-size:0;line-height:0;margin:0;}
#container .paging span a{display:inline-block;width:34px;height:34px;line-height:32px;border:1px solid #ddd;text-align:center;}
#container .paging ul{display:inline-block;vertical-align:top;margin:0 4px;}
#container .paging li{display:inline-block;vertical-align:top;margin:0 1px;}
#container .paging li a{display:inline-block;width:32px;height:32px;line-height:32px;border:1px solid #ddd;text-align:center;}
#container .paging li.on a{border:1px solid #7f7f7f;background:#7f7f7f;color:#fff;}

#container .boardbox > h4 { font-weight:bold; margin:1% 0; background:url(../img/bullet.png) left 3px no-repeat; background-size:14px; padding-left:18px;}
#container .cmtbox { margin-bottom:5%;}
#container .cmtbox textarea { width:98%;}
#container .cmtlist { margin-bottom:5%;}
#container .cmtlist ul { border-top:#ddd solid 1px; border-style:dashed;}
#container .cmtlist li { font-size:12px; line-height:130%; border-bottom:#ddd solid 1px; border-style:dashed; padding:10px 0;}


/* popup */
.mainPopup {position:absolute; background-color:#fff; border:#CCC solid 1px; margin:10px 0 0 10px; z-index:1000;}
.mainPopup .pCnt {}
.mainPopup .pFooter {font-size:12px; padding:5px 20px; margin:0; background:#efefef; border-top:#CCC solid 1px; overflow:hidden; box-sizing:border-box;}
.mainPopup .pDay {float:left; display:inline;}
.mainPopup .pClose {float:right; display:inline;}
.mainPopup .pClose img {vertical-align:middle;}
.lineheight { line-height:0;}

@media all and (max-width: 1024px) {

#wrap .logininner { width:90%; margin:15% auto;}
#wrap h1 img { width:80%;}
#wrap .login { width:100%;}
#wrap .login input { width:100%;}
#wrap .btn_login { width:100%;}
#wrap .copy { font-size:13px;}
#wrap .checkinner input { width:25px; height:25px;}
.headerbox h2 { height:100px;}
.headerbox h2 img { padding-top:5px;}
.headerbox .logout { top:70px; right:10px; font-size:14px;}
.headerbox .gnbul { width:100%;}
.headerbox .gnbul li { width:auto; padding:0 4%;}
.headerbox .gnbul li:first-child { padding-left:6%;}
.headerbox .gnbul li a { font-size:15px;}
.headerbox .snb { height:60px; line-height:60px; padding-left:3%;}
.headerbox .snbul { width:100%;}
.headerbox .snbul li { height:80px; padding:0 1%; border-left:0;}
.headerbox .snbul li a { font-size:14px;}
.headerbox .snbul li a::before { content:"-"}
.headerbox .snbul li:last-child {padding:0 0 0 1%; border-right:0;}

.title {padding:2% 3%; height:60px; font-size:18px; line-height:45px;}
.title img { width:10%;}
.cntbox { width:100%; padding:2%;}
.cntbox img { width:100%;}
.intro { padding:0 3%;}
.introtext { font-size:20px;}
.sign img { width:60%;}

#container .tablest td img{ width:100%;}
#container .tablest1 td { padding:15px 10px;}
#container #contents .boardbox { margin:2%;}
.ovfs { width:100%; overflow:scroll;}
.ovfs .tablest1 { width:200%;}
.ovfs .tablest1 th { text-align:left;}

#container #contents .btnarea { min-height:50px;}
#container #contents .btnarea > a { padding:10px 50px;}

.boardboxex { width:100%; overflow:scroll;}
.boardboxex .tablest { width:250%;}
.mtext { display:block; border:#CCC solid 1px; padding:2% 5%; margin-top:5%; font-size:14px;}
.footer { font-size:14px;}

}

@media all and (max-width: 400px) {

.headerbox .gnbul li { width:auto; padding:0 3%;}
.headerbox .gnbul li:first-child { padding-left:5%;}
.headerbox .snbul li a { font-size:12px;}
.headerbox .snbul li:last-child {padding:0 0 0 1%;}
.introtext { font-size:18px;}

}