@charset "utf-8";
@import url(font.css);
@import url(main.css);
@import url(contents.css);
@import url(board.css);
@import url(layout.css);


/* 기본 사이즈 세팅 */
html { width: 100%; height: 100%; margin: 0px; }
body { width: 100%; margin: 0px; padding: 0; font-size: 12px; line-height: 20px; color: #454545; font-family: 'NanumGothic'; overflow-x: hidden; }
img { border: none; margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6, td, input, a, select, li, dt, dd, span, fieldset, textarea,button { font-family: 'NanumGothic'; font-weight: normal; }
ul, ol, dl, li, dt, dd, p, fieldset { margin: 0px; padding: 0px; }
hr{ display: none; }
img { vertical-align: top; }
dl,	ul,	ol { list-style-type: none; }
address,em { font-style: normal; }
small { font-size: 1em; }
fieldset,img { border: 0 none; }
select::-ms-expand { display: none; } 
select { outline: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
form { margin: 0; padding: 0; }
fieldset { margin: 0; padding: 0; border: 0 none; }
legend { position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; display: none; text-indent: -9999px; font-size: 0; }
input, select, textarea { margin: 0 ; padding: 3px 7px; height: 25px; line-height: 1.4; border: 1px solid #bfbfbf;}
input.text { height: 24px; border: 1px solid #bfbfbf; margin: 0; padding: 0; }
input.centered { text-align: center; }
input.butType { height: 18px; border: 1px solid #97eb196; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
input.topSearchinput { width: 230px; height: 26px; margin: 1px 3px 0 0 ; padding: 0 10px; font-size: 12px; color: #fff; background: none; border: 0; }
input.topSearchinput::-webkit-input-placeholder { color: #fff; }
input.topSearchinput:-moz-placeholder { color: #fff; }
input.topSearchinput::-moz-placeholder { color: #fff; }
input.topSearchinput::ms-input-placeholder { color: #fff; }


input[type="radio"]{ width:15px; height:15px; margin-top:-3px; border:0; }
input[type="checkbox"] { border:0; }
.txt_radio {font-size:14px; font-family: "돋움",Dotum; color:#3a3a3a;m}


.inputbox { font-family: 'NanumGothic'; font-size: 9pt; height: 15px; color: #4c4c4c; border: 1px solid #c7c7c7; margin: 0px; padding: 2px 0px 0px 2px; }
.searchselect { font-family: 'NanumGothic'; font-size: 9pt; height: 18px; color: #4c4c4c; border: 1px solid #c7c7c7; margin: 0px; padding: 0px 0px 1px 0px; }
.selectbox { font-family: 'NanumGothic'; font-size: 8pt; height: 18px; color: #4c4c4c; border: 1px solid #a0a0a0; margin: 0px; padding: 0px 0px 2px 0px; }
.invisible { overflow: hidden; visibility: hidden; position: absolute; width: 0; height: 0; font-size: 0; }
.blind { position: absolute; left: -9999px; width: 1px; height: 1px; font-size: 0; line-height: 0; overflow: hidden; filter:alpha(opacity=0);opacity: 0; }

::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-button { display: block; height: 1px; background: #f1f9f0; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { width: 4px; height: 4px; background: gray; border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow:#ffc0cb;}


/* 링크 된 폰트 세팅 */
a { color: #333; text-decoration: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; color: #6782be; }
a:active { text-decoration: none; }


label, button { cursor: pointer; display: inline-block; }
button { overflow: visible; margin: 0; padding: 0; border: none; background: none; vertical-align: top; cursor: pointer; }
button::-moz-focus-inner { border: 0; padding: 0; }

/* 버튼 스타일 */
.btn_st {display:inline-block; height:40px; position:relative; padding:0 25px; font-size:14px; font-weight:500; letter-spacing:-0.5px; line-height:34px; vertical-align:middle; cursor:pointer; transition:all 0.15s ease-out; background:#fff; color:#333; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box;    border-radius: 5px;}
.btn_st:hover {text-decoration:none;}
/* 버튼 색상 */
.btn_sky {background:#357ab6; color:#fff} /* 포인트 색상 */
.btn_sky:hover {background:#24649b} 
.btn_navy {background:#30609d; color:#fff;}
.btn_navy:hover {background:#214b80} 
.btn_dpnavy {background:#213e5c; color:#fff} /* 포인트 색상 */
.btn_dpnavy:hover {background:#16283a} 
.btn_darkgray {background:#3b3f4d; color:#fff;}
.btn_darkgray:hover {background:#222;} 
.btn_red {background:#d23a3a; color:#fff;}
.btn_blue {background:#007dbd; color:#fff;}
.btn_mint {background:#3cd19f; color:#fff;}
.btn_mint:hover {box-shadow:inset 0 -3px 0 rgba(0,0,0,0.25);}
.btn_lightgray {background:#eee; color:#333; }
.btn_gray {background:#dedede; color:#333;}
.btn_grayblue {background:#b1b1b9; color:#fff;}
.btn_bluegray {background:#464a55; color:#fff;}
.btn_violet {border:1px solid #8b89b7; background:#e8e8f4; color:#390a51;}

/*건너띄기*/
#skip_navigation p { margin: 0px; padding: 0px; }
#skip_navigation a.accessibility { position: absolute; display: block; width: 100%; left: 0; text-align: center; top: -10000px; z-index: 999; font-size: 1.3em; }
#skip_navigation a.accessibility:hover,
#skip_navigation a.accessibility:focus,
#skip_navigation a.accessibility:active{ position:a bsolute; top: 0; padding: 15px 0; font-weight bold; color: #fff; background: #555; z-index: 999; }
.hidden, .skip { display: block; width: 10px; height: 0; white-space: nowrap; overflow: hidden; text-indent: 120%; font-size: 0; }


/* 공통추가 */
.mb0 { margin-bottom: 0px !important; }
.mt0 { margin-top: 0px !important; }
.mg0 { margin: 0 !important; }
.pd0 { padding: 0 !important; }
.border0 {border:0px !important; }
.borderbl { border-bottom: 1px solid #d1d1d1; }

.mt3 { margin-top: 3px !important; }
.mt5 { margin-top: 5px !important; }
.mt8 { margin-top: 8px !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; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt78 { margin-top: 78px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }
.mt130 { margin-top: 130px !important; }

.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }

.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }

.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }

.pl5 { padding-left: 5px !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; }

.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr20 { padding-right: 20px !important; }
.pr30 { padding-right: 30px !important; }
.pr40 { padding-right: 40px !important; }
.pr50 { padding-right: 50px !important; }

.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }

.fr { float: right; }
.fl { float: left; }
.fc { margin: 0px auto; }
.cl { clear: both; }

.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }

.vt { vertical-align: top; }
.vc { vertical-align: center; }
.vb { vertical-align: bottom; }

.wt55 { display: inline-block; width: 55px; }

.iptBase { padding: 2px; border: 1px solid #888; }
.bgWhite { background-color: #fff; }

.f14cGreen { font-size: 14px; font-weight: 600; color:#15713d; }
.f14cBlue { font-size: 14px; font-weight: 600; color:#004a80; }

.dpb { display: block; }
.spb { display: inline-block; }

.fwd {font-weight:bold;}


/*테이블기본*/
.w10 {width:10px;}
.w20 {width:20px;}
.w30 {width:30px;}
.w40 {width:40px;}
.w50 {width:50px;}
.w60 {width:60px;}
.w70 {width:70px;}
.w80 {width:80px;}
.w83 {width:83px;}
.w90 {width:90px;}
.w100 {width:100px;}
.w110 {width:110px;}
.w120 {width:120px;}
.w122 {width:122px;}
.w130 {width:130px;}
.w140 {width:140px;}
.w150 {width:150px;}
.w160 {width:160px;}
.w170 {width:170px;}
.w180 {width:180px;}
.w190 {width:190px;}
.w200 {width:200px;}
.w210 {width:210px;}
.w220 {width:220px;}
.w230 {width:230px;}
.w240 {width:240px;}
.w250 {width:250px;}
.w260 {width:260px;}
.w280 {width:280px;}
.w310 {width:310px;}
.w300 {width:300px;}
.w320 {width:320px;}
.w350 {width:350px;}
.w400 {width:400px;}
.w450 {width:450px;}
.w500 {width:500px;}
.wauto {width:auto;}


/*테이블 */
table { border-collapse:collapse; border-spacing:0; width: 100%; }
table caption { visibility:hidden;line-height:0%; }
table.base { width:100%;table-layout:fixed;border-collapse:collapse;text-align:center;margin:0 0 5px;padding:0; border-top:2px solid #3ea599 ;border-bottom:1px solid #797979; line-height:35px; font-size:13px;}
table.base thead th { padding:9px 0 8px;/*color:#0e6936;*/ color:#333; background-color:#fcfcfc; font-family: 'NanumGothic'; font-size:13px;}
table.base tbody th { padding:7px 10px 5px;/*border-left:1px solid #dfdfdf;*/border-top:1px solid #f6f6f6;background-color:#fafafa; font-family: 'NanumGothic'; /*font-weight:normal;*/}
table.base tbody td { padding:7px 0 5px;/*border-left:1px solid #dfdfdf;*/border-top:1px solid #dfdfdf;font-family: 'NanumGothic';background:#fff; }
table.base tbody td.alignL { text-align:left; padding:5px 10px 5px 15px; }

table.base tfoot .bg {line-height:1.5em; font-family: 'NanumGothic'; letter-spacing:-0.5px; background-color:#fffeef; color:#E16900;}
table.base tfoot th.first, table.base tfoot td.first {border-top:1px solid #afafaf;}
table.base tfoot tr th {padding:7px 0 5px;border-left:1px solid #dfdfdf;border-top:1px solid #dfdfdf;background-color:#f8f8f8;color:#2e2e2e;}
table.base tfoot tr td {padding:7px 0 5px;border-left:1px solid #dfdfdf;border-top:1px solid #dfdfdf;background-color:#f8f8f8;color:#2e2e2e;}
table.base tfoot tr td.left {padding:10px 0 10px 10px; margin:0; text-align:left; line-height:20px; text-align:left; border-left:none; background:none;}

table.base .bLnone  {border-left:0;}/* 왼쪽라인 없애기 */
table.base .bRnone  {border-right:0;}/* 왼쪽라인 없애기 */
table.base > tbody > tr > th.tbl-pointBg, table.base > tbody > tr > td.tbl-pointBg {background-color:#f4fff5;}/* 테이블 포인트 BG */

table.base .txtL {text-align:left; padding-left:30px;} /* td 글자 왼쪽 정렬 */