@charset "UTF-8";

/** * html 리셋 css 입니다. */

/* @import url('//fonts.googleapis.com/earlyaccess/notosanskr.css'); */
/* @import url('//fonts.cdnfonts.com/css/helvetica-neue-9'); */
@import url('./font-face.css');

* { font-family: "Noto Sans KR", "NanumSquare", "Roboto", "NanumSquareR", "Klavika",  "GmarketSans"; font-size: 15px; color: #222; } /* "Apple SD Gothic Neo", */

:root
{
	--primary: #4AAB30; /*#5A52E1 #004080 */
	--cate-bgcolor: #0080C0;
	--blue: #287bff;
	--blue2: #F0F5FF;
	--blue3: #0F6CC9;
	--skyf-blue: #E8F0FD;
	--white: #fff;
	--green: #008040;
	--light-green: #00BD5F;
	--color-white: #fff;
	--red: #FF0000;
	--dark-blue: #000080;
	--grey: #f5f5f5;
	--grey-opa5: #DDDDDD;
	--grey-opa7: #EEEEEE;
	--gray-opa9: #8B94A4;
  --color-gray: #5F6265;
	--yellow: #FFFF00;
	--yellow_dark: #B7B700;
  --gold: #FFB900;
	--black: #000;
	--black1: #222;
	--black2: #999;
	--purple: #800080;
	--orange: #F76300;
	--color-white: #fff;
	--skyf-opa3: #F0F5FF;
	--bg-done: #F9E6E5;
	--color-light-bg: #f5f6f8;
  --color-stroke: #e9e9e9;
	--color-light-bg:#F8F9FB;
  --color-bg: #F1F3F4;
  --color-light-text: #99a2ae;
	--shadow-1dp: 0 3px 8px -2px rgb(0 0 0 / 12%);
	--scroll-primary: #004080;
	--box-outline: #D6D7DB;
	--icon: #94A8EF;
}



html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, div, figure, article, header, nav, footer, section, button, span { margin: 0; padding: 0;  word-break: keep-all; word-wrap: break-word; white-space: normal; } /* -webkit-box-sizing: border-box; box-sizing: border-box; */
body, input, textarea, select, button, table, th, td {  margin: 0; padding: 0; font-weight: 400; font-size: 1.0rem; line-height: 1.53; letter-spacing: -0.03em; box-sizing: border-box; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: 400; font-size: 1.5rem; line-height: 1.5; letter-spacing: -0.05em }
img, fieldset, iframe { margin: 0; padding: 0; border: 0; vertical-align: middle; }

ul, ol { list-style: none }
ul:after, ol:after { content: ''; display: block; clear: both }
em, address { font-style: normal }
input, select { vertical-align: middle }
table { border-collapse: separate; border-spacing: 0 }

ul, ol, li { list-style: none; }
ul:after, ol:after { content: ''; display: block; clear: both }
address, caption, cite, code, dfn, em, var { font-style: normal; }
table { width: 100%; border-collapse: separate; border-spacing: 0 }
hr, legend { display: none }
caption { visibility: hidden; overflow: hidden; position: static; top: 0; left: 0; width: 0; height: 0; font-size: 0; line-height: 0 }
fieldset, abbr, acronym { border: 0; }

a { text-decoration: none; /*outline:none;*/ }
dd { display: block; }
pre { overflow: auto; }
label { cursor: pointer; vertical-align: top; }
input, select { outline: none; vertical-align: top; color: #717171; }
button { text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; background: none; cursor: pointer }
button::-moz-focus-inner { padding: 0; border: 0 }
::-webkit-input-placeholder { color: #828388; font-size: 0.9rem; font-weight: 400;  }
:-moz-placeholder { color: #828388; opacity: 1; }
::-moz-placeholder { color: #828388; opacity: 1; }
:-ms-input-placeholder { color: #828388; font-size: 0.9rem; font-weight: 400;  }
::-ms-input-placeholder { color: #828388; font-size: 0.9rem; font-weight: 400;  }
::placeholder { color: #aeb4c6; font-size: 0.9rem; font-weight: 400;  }

textarea { -webkit-border-radius: 0; resize: none; white-space: pre-wrap }
textarea:focus { outline: 0 }
textarea::-webkit-input-placeholder { color: #828388; font-size: 0.9rem; font-weight: 400;  }
textarea:-ms-input-placeholder { color: #828388; font-size: 0.9rem; font-weight: 400;  }
textarea::-ms-input-placeholder { color: #828388; font-size: 0.9rem; font-weight: 400;  }
textarea::placeholder { color: #828388; font-size: 0.9rem; font-weight: 400;  }

/* 폰트색상 */
.f_default { color: var(--primary) !important; }
.f_white { color: #FFFFFF !important; }
.f_red { color: #E10000 !important; }
.f_blue { color: var(--blue3) !important; }
.f_green { color: var(--green) !important; }
.f_light_green { color: var(--light-green) !important; }
.f_gray { color: #EAEAEA !important; }
.f_gray9 { color: var(--gray-opa9) !important; }
.f_black { color: var(--black) !important; }
.f_black1 { color: var(--black1) !important; }
.f_black2 { color: var(--black2) !important; }
.f_yellow { color: var(--yellow) !important; }
.f_yellow_dark { color: var(--yellow_dark) !important; }
.f_gold { color: var(--gold) !important; }
.f_purple { color: var(--purple) !important; }
.f_orange { color: var(--orange) !important; }


.bg_red { background: #E10000 !important; }
.bg_gray { background: #F9F9F9 !important; }
.bg_blue2 { background: var(--blue2) !important; }

/* 폰트사이즈 */
.f10 { font-size:10px !important; }
.f11 { font-size:11px !important; }
.f12 { font-size:12px !important; }
.f13 { font-size:13px !important; }
.f14 { font-size:14px !important; }
.f15 { font-size:15px !important; }
.f16 { font-size:16px !important; }
.f17 { font-size:17px !important; }
.f18 { font-size:18px !important; }
.f19 { font-size:19px !important; }
.f20 { font-size:20px !important; }
.f21 { font-size:21px !important; }
.f22 { font-size:22px !important; }
.f23 { font-size:23px !important; }
.f24 { font-size:24px !important; }
.f25 { font-size:25px !important; }
.f26 { font-size:26px !important; }
.f27 { font-size:27px !important; }
.f28 { font-size:28px !important; }
.f29 { font-size:29px !important; }
.f30 { font-size:30px !important; }
.f35 { font-size:35px !important; }
.f40 { font-size:40px !important; }
.f45 { font-size:45px !important; }
.f50 { font-size:50px !important; }
.f55 { font-size:55px !important; }
.f60 { font-size:60px !important; }
.f70 { font-size:70px !important; }
.f80 { font-size:80px !important; }
.f90 { font-size:90px !important; }
.f100 { font-size:100px !important; }

.fs07 { font-size: 0.7em !important; }
.fs08 { font-size: 0.8em !important; }
.fs09 { font-size: 0.9em !important; }
.fs10 { font-size: 1.0em !important; }
.fs11 { font-size: 1.1em !important; }
.fs12 { font-size: 1.2em !important; }
.fs13 { font-size: 1.3em !important; }
.fs14 { font-size: 1.4em !important; }
.fs15 { font-size: 1.5em !important; }
.fs16 { font-size: 1.6em !important; }
.fs17 { font-size: 1.7em !important; }
.fs18 { font-size: 1.8em !important; }
.fs19 { font-size: 1.9em !important; }
.fs20 { font-size: 2.0em !important; }
.fs21 { font-size: 2.1em !important; }
.fs22 { font-size: 2.2em !important; }
.fs23 { font-size: 2.3em !important; }
.fs24 { font-size: 2.4em !important; }
.fs25 { font-size: 2.5em !important; }
.fs26 { font-size: 2.6em !important; }
.fs27 { font-size: 2.7em !important; }

.titfm { font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif !important; }

/* 간격 */
.ls-1	{ letter-spacing:-1px; }
.ls-2	{ letter-spacing:-2px; }
.ls-3	{ letter-spacing:-3px; }
.ls-4	{ letter-spacing:-4px; }
.ls0	{ letter-spacing:0px; }
.ls1	{ letter-spacing:1px; }
.ls2	{ letter-spacing:2px; }
.ls3	{ letter-spacing:3px; }
.ls4	{ letter-spacing:4px; }
.ls5	{ letter-spacing:5px; }
.ls10	{ letter-spacing:10px; }
.ls20	{ letter-spacing:20px; }

/* 줄높이 */
.lh15 { line-height:15px !important; }
.lh20 { line-height:20px !important; }
.lh23 { line-height:23px !important; }
.lh25 { line-height:25px !important; }
.lh30 { line-height:30px !important; }
.lh35 { line-height:35px !important; }
.lh40 { line-height:40px !important; }
.lh45 { line-height:45px !important; }
.lh50 { line-height:50px !important; }

/* 패딩관련 */
/* ALL */
.pd_0 { padding: 0px !important; }
.pd_3 { padding: 3px !important; }
.pd_5 { padding: 5px !important; }
.pd_7 { padding: 7px !important; }
.pd_10 { padding: 10px !important; }
.pd_12 { padding: 12px !important; }
.pd_15 { padding: 15px !important; }
.pd_20 { padding: 20px !important; }
.pd_30 { padding: 30px !important; }
.pd_40 { padding: 40px !important; }
.pd_50 { padding: 50px !important; }
/* TOP */
.pd_t1 { padding-top: 1px !important; }
.pd_t2 { padding-top: 2px !important; }
.pd_t3 { padding-top: 3px !important; }
.pd_t5 { padding-top: 5px !important; }
.pd_t6 { padding-top: 6px !important; }
.pd_t7 { padding-top: 7px !important; }
.pd_t8 { padding-top: 8px !important; }
.pd_t9 { padding-top: 9px !important; }
.pd_t10 { padding-top: 10px !important; }
.pd_t12 { padding-top: 12px !important; }
.pd_t20 { padding-top: 20px !important; }
.pd_t30 { padding-top: 30px !important; }
.pd_t40 { padding-top: 40px !important; }
.pd_t50 { padding-top: 50px !important; }
.pd_t60 { padding-top: 60px !important; }
.pd_t70 { padding-top: 70px !important; }
.pd_t80 { padding-top: 80px !important; }
.pd_t90 { padding-top: 90px !important; }
.pd_t100 { padding-top: 100px !important; }
/* RIGHT */
.pd_r3 { padding-right: 3px !important;  }
.pd_r5 { padding-right: 5px !important;  }
.pd_r10 { padding-right: 10px !important; }
.pd_r20 { padding-right: 20px !important; }
.pd_r30 { padding-right: 30px !important; }
.pd_r40 { padding-right: 40px !important; }
.pd_r50 { padding-right: 50px !important; }
.pd_r60 { padding-right: 60px !important; }
.pd_r70 { padding-right: 70px !important; }
.pd_r80 { padding-right: 80px !important; }
.pd_r90 { padding-right: 90px !important; }
/* LEFT */
.pd_l3 { padding-left: 3px !important; }
.pd_l5 { padding-left: 5px !important; }
.pd_l10 { padding-left: 10px !important; }
.pd_l12 { padding-left: 12px !important; }
.pd_l13 { padding-left: 13px !important; }
.pd_l14 { padding-left: 14px !important; }
.pd_l15 { padding-left: 15px !important; }
.pd_l20 { padding-left: 20px !important; }
.pd_l25 { padding-left: 25px !important; }
.pd_l30 { padding-left: 30px !important; }
.pd_l40 { padding-left: 40px !important; }
.pd_l50 { padding-left: 50px !important; }
.pd_l60 { padding-left: 60px !important; }
.pd_l70 { padding-left: 70px !important; }
.pd_l80 { padding-left: 80px !important; }
.pd_l90 { padding-left: 90px !important; }
.pd_l100 { padding-left: 100px !important; }
/* BOTTOM */
.pd_b2 { padding-bottom: 2px !important; }
.pd_b3 { padding-bottom: 3px !important; }
.pd_b5 { padding-bottom: 5px !important; }
.pd_b6 { padding-bottom: 6px !important; }
.pd_b7 { padding-bottom: 7px !important; }
.pd_b8 { padding-bottom: 8px !important; }
.pd_b9 { padding-bottom: 9px !important; }
.pd_b10 { padding-bottom: 10px !important; }
.pd_b12 { padding-bottom: 12px !important; }
.pd_b20 { padding-bottom: 20px !important; }
.pd_b30 { padding-bottom: 30px !important; }
.pd_b40 { padding-bottom: 40px !important; }
.pd_b50 { padding-bottom: 50px !important; }
.pd_b60 { padding-bottom: 60px !important; }
.pd_b70 { padding-bottom: 70px !important; }
.pd_b80 { padding-bottom: 80px !important; }
.pd_b90 { padding-bottom: 90px !important; }
.pd_b100 { padding-bottom: 100px !important; }
/* both side */
.pd_s3 { padding-left: 3px !important; padding-right: 3px !important; }
.pd_s5 { padding-left: 5px !important; padding-right: 5px !important; }
.pd_s10 { padding-left: 10px !important; padding-right: 10px !important; }
.pd_s12 { padding-left: 12px !important; padding-right: 12px !important; }
.pd_s15 { padding-left: 15px !important; padding-right: 15px !important; }
.pd_s20 { padding-left: 20px !important; padding-right: 20px !important; }
.pd_s25 { padding-left: 25px !important; padding-right: 25px !important; }
.pd_s30 { padding-left: 30px !important; padding-right: 30px !important; }
.pd_s40 { padding-left: 40px !important; padding-right: 40px !important; }
.pd_s50 { padding-left: 50px !important; padding-right: 50px !important; }
.pd_s60 { padding-left: 60px !important; padding-right: 60px !important; }
.pd_s70 { padding-left: 70px !important; padding-right: 70px !important; }
.pd_s80 { padding-left: 80px !important; padding-right: 80px !important; }
.pd_s90 { padding-left: 90px !important; padding-right: 90px !important; }
.pd_s100 { padding-left: 100px !important; padding-right: 100px !important; }

.pd_tb3 { padding-top: 3px !important; padding-bottom: 3px !important; }
.pd_tb5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.pd_tb10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.pd_tb12 { padding-top: 12px !important; padding-bottom: 12px !important; }
.pd_tb15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.pd_tb20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.pd_tb25 { padding-top: 25px !important; padding-bottom: 25px !important; }
.pd_tb30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.pd_tb40 { padding-top: 40px !important; padding-bottom: 40px !important; }
.pd_tb50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.pd_tb60 { padding-top: 60px !important; padding-bottom: 60px !important; }
.pd_tb70 { padding-top: 70px !important; padding-bottom: 70px !important; }
.pd_tb80 { padding-top: 80px !important; padding-bottom: 80px !important; }
.pd_tb90 { padding-top: 90px !important; padding-bottom: 90px !important; }
.pd_tb100 { padding-top: 100px !important; padding-bottom: 100px !important; }


.ma1 { margin: 1px !important; }
.ma2 { margin: 2px !important; }
.ma3 { margin: 3px !important; }
.ma4 { margin: 4px !important; }
.ma5 { margin: 5px !important; }
.ma6 { margin: 6px !important; }
.ma7 { margin: 7px !important; }
.ma8 { margin: 8px !important; }
.ma9 { margin: 9px !important; }
.ma10 { margin: 10px !important; }
.ma15 { margin: 15px !important; }
.ma20 { margin: 20px !important; }
.ma30 { margin: 30px !important; }
.ma40 { margin: 40px !important; }
.ma50 { margin: 50px !important; }
.ma60 { margin: 60px !important; }
.ma70 { margin: 70px !important; }
.ma80 { margin: 80px !important; }
.ma90 { margin: 90px !important; }
.ma100 { margin: 100px !important; }
.ma200 { margin: 200px !important; }

.mt-1 { margin-top: -1px !important; }
.mt-2 { margin-top: -2px !important; }
.mt-3 { margin-top: -3px !important; }
.mt-4 { margin-top: -4px !important; }
.mt-5 { margin-top: -5px !important; }
.mt1 { margin-top: 1px !important; }
.mt2 { margin-top: 2px !important; }
.mt3 { margin-top: 3px !important; }
.mt4 { margin-top: 4px !important; }
.mt5 { margin-top: 5px !important; }
.mt6 { margin-top: 6px !important; }
.mt7 { margin-top: 7px !important; }
.mt8 { margin-top: 8px !important; }
.mt9 { margin-top: 9px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !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; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }
.mt200 { margin-top: 200px !important; }

.mr-1 { margin-right: -.1em !important; }
.mr-2 { margin-right: -.2em !important; }
.mr-3 { margin-right: -.3em !important; }

.mr1 { margin-right: 1px !important; }
.mr2 { margin-right: 2px !important; }
.mr3 { margin-right: 3px !important; }
.mr4 { margin-right: 4px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }

.mb5 { margin-bottom: 5px !important; }
.mb7 { margin-bottom: 7px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }

.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 70px !important; }

.w10 { width: 10% !important; }
.w20 { width: 20% !important; }
.w25 { width: 25% !important; }
.w30 { width: 30% !important; }
.w35 { width: 35% !important; }
.w40 { width: 40% !important; }
.w50 { width: 50% !important; }
.w60 { width: 60% !important; }
.w70 { width: 70% !important; }
.w80 { width: 80% !important; }
.w90 { width: 90% !important; }
.w95 { width: 95% !important; }
.w100 { width: 100% !important; }


/* 정렬기준*/
.top{vertical-align:top;}
.vcen{ vertical-align:middle; }
.foot{vertical-align:bottom; }
.left, .txt_left, .txt-left { text-align:left !important; }
.right, .txt_right, .txt-right { text-align:right !important; }
.center, .txt_center, .txt-center { text-align:center !important; }
.jt { text-align:justify; }/*양쪽정렬*/

.flex { display: flex; justify-content: space-between; align-items: center; align-content: center; }
.clear { clear: both; }
.pageing{ padding:60px 20px; text-align:center; } img{max-width:100%;}

.f_bold, .f_b, .bold { font-weight: 700; }
.none_bold { font-weight: none !important; }

.nodisplay, .nodsp, .nodp, .hide { display:none !important; }
.display, .dsp { display:block; }
.float_left, .float-left, .flt-l { float:left; }
.float_right, .float-right, .flt-r { float:right; }

.block { display:block; }
.inblock, .indp { display:inline-block; }
.cursor { cursor:pointer; }

.wTel { display: inline-block; width: 20% !important; }

.ellipsis { white-space:nowrap; text-overflow : ellipsis; overflow : hidden; }

input[type=text], input[type=password], input[type=email], input[type=tel], input[type=number] { box-sizing:border-box; padding:0 15px; height:38px; font-size:1.1rem; line-height:38px; color:#222; border:1px #ddd solid; border-radius: 6px; }
input[type=number] { position:relative; padding:0 4px; text-align:center; min-width:32px; }
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { position:absolute; top:0; right:0; bottom:0; }

input[type=button],input[type=image],input[type=submit],input[type=reset],input[type=file],button {-webkit-appearance:none;}

input[type=checkbox]{width:18px;height:18px;}

input[type=radio]{-webkit-appeara nce: none;width:18px;height:18px;background:url(../images/ico_radio.png) 0 0 no-repeat;}
input[type=radio]:checked {background-position:-18px 0;}

input[disabled] { opacity:0.7; }
input[readonly] { background:#f8f8f8; cursor:default; }

select{ box-sizing:border-box; padding:0 15px; height:38px; font-size:1.0rem; line-height:38px; color:#222; border:1px #ddd solid; border-radius: 6px; }
select[disabled] { opacity:0.7; background:#f8f8f8; cursor:default; }


@media (max-width:480px) {
#bbs-search-section .middle .inblock{display:none;}
#bbs-search-section .right{float: none;text-align: center;margin-top: 10px;}
}