@charset "utf-8";
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic-Regular.eot);
  src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Regular.woff) format('woff'),
       url(../font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothicBold';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumGothic-Bold.eot);
  src: url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Bold.woff) format('woff'),
       url(../font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothicExtraBold';
  font-style: normal;
  font-weight: 800;
  src: url(../font/NanumGothic-ExtraBold.eot);
  src: url(../font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-ExtraBold.woff) format('woff'),
       url(../font/NanumGothic-ExtraBold.ttf) format('truetype');
}


html, body {width: 100%;height:100%;margin:0;padding:0;}
body {margin:0;padding:0;font-size:16px;line-height:1.4;font-family: 'Nanum Gothic', 'malgun gothic', 'dotum';color:#444; word-spacing:-1px;height:100%;overflow-x:hidden;}

/* inline */
img {display:inline-block;border:none;max-width:100%;}
cite, code, dfn, del, em, ins, label, q, span, strong {display:inline-block;vertical-align: middle;}
cite, em, dfn {font-style:normal;}
sub {vertical-align:bottom;font-family:'dotum';}
sup {vertical-align:top;font-family:'dotum';}
hr {display:none;}

/* block */
h1, h2, h3, h4, h5, h6 {margin:0;font-size: 0.8em;}
address {font-style:normal;}
div {box-sizing:border-box;}
p  {margin:0;box-sizing:border-box;}
pre {margin:0;font-size:1em;font-family:verdana;}

/* table */
table {border-spacing:0;border-collapse:collapse;width: 100%;}
caption {display:none;}
th,td {padding:0;vertical-align:top;text-align:left;font-weight:normal;}

/* list */
dd, dl, ol, ul {margin:0;padding:0;}
li {list-style-type:none;}

/* form */
form {margin:0;}
fieldset {margin:0;padding:0;border:none;}
legend {display:none;}
textarea {border:1px solid #d8d8d8;}
input [type="text"], input.text {height:35px;border:1px solid #d8d8d8;padding:0 0 0 5px;vertical-align:middle;font-size:14px;background:#fff;line-height:140%;color:#444;font-family: 'Nanum Gothic', 'malgun gothic', 'dotum';box-sizing: border-box;}
input.check, input.radio {width:13px;height:13px;margin:0px 3px 1px 0;padding:0;vertical-align:middle;}
select {height:35px;border:1px solid #d8d8d8;font-size:14px;line-height:140%;vertical-align:middle;margin:0;color:#444;font-family: 'Nanum Gothic', 'malgun gothic', 'dotum';box-sizing: border-box;background: #fff;}
button {display:inline-block;vertical-align: middle;cursor:pointer; margin:0;padding:0;font-family: 'Nanum Gothic', 'malgun gothic', 'dotum';white-space:nowrap;text-align: center;}
a.btn:focus, input.btn:focus,button.btn:focus {outline: none;}
.none_bg{background:none}

/* basic */
.hidden {position:absolute;visibility:hidden;top:-9000px;left:-9000px;}
.display_none {display:none;}
a {color:#444;text-decoration:none;cursor: pointer;}

/* align */
.l {text-align:left !important;}
.c {text-align:center !important;}
.r {text-align:right !important;}
.t {vertical-align:top !important;}
.m {vertical-align:middle !important;}
.b {vertical-align:bottom !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.float_non{float:none !important;}
.dib{display: inline-block !important;}
/* clear */
.clear:after{content:".";height:0;font-size:0;visibility:hidden;display:block;clear:both;}

/*bg*/
.bg_w{background: #fff !important;background-image: none !important;}

/*margin*/
.mar_all0 {margin:10px 0px !important;}
.mar_0 {margin:0px !important;}
.mar_t3 {margin-top:3px !important;}
.mar_t5 {margin-top:5px !important;}
.mar_t10 {margin-top:10px !important;}
.mar_t15 {margin-top:15px !important;}
.mar_t20 {margin-top:20px !important;}
.mar_t22 {margin-top:22px !important;}
.mar_t25 {margin-top:25px !important;}
.mar_t30 {margin-top:30px !important;}
.mar_t40 {margin-top:40px !important;}
.mar_t_m35 {margin-top:-35px !important;}
.mar_t60 {margin-top:60px !important;}
.mar_t80 {margin-top:80px !important;}
.mar_t100 {margin-top:100px !important;}
.mar_t68 {margin-top: 68px !important;}

.mar_b10 {margin-bottom:10px !important;}
.mar_b15 {margin-bottom:15px !important;}
.mar_b25 {margin-bottom:25px !important;}
.mar_b20 {margin-bottom:20px !important;}
.mar_b30 {margin-bottom:30px !important;}
.mar_b40 {margin-bottom:40px !important;}

.mar_l3 {margin-left:3px !important;}
.mar_l5 {margin-left:5px !important;}
.mar_l10 {margin-left:10px !important;}
.mar_l20 {margin-left:20px !important;}
.mar_l26 {margin-left:26px !important;}

.mar_r3 {margin-right:3px !important;}
.mar_r5 {margin-right:5px !important;}
.mar_r10 {margin-right:10px !important;}
.mar_r15 {margin-right:15px !important;}
.mar_r50 {margin-right:50px !important;}

.mar_rl15 {margin:15px !important;}

/*padding*/
.pd_t3 {padding-top:3px !important;}
.pd_t10 {padding-top:10px !important;}
.pd_t15 {padding-top:15px !important;}
.pd_t20 {padding-top:20px !important;}

.pd_b3 {padding-bottom:3px !important;}
.pd_b10 {padding-bottom:10px !important;}
.pd_b15 {padding-bottom:15px !important;}
.pd_b20 {padding-bottom:20px !important;}

.pd_l3 {padding-left:3px !important;}
.pd_l10 {padding-left:10px !important;}
.pd_l15 {padding-left:15px !important;}
.pd_l20 {padding-left:20px !important;}

.pd_r3 {padding-right:3px !important;}
.pd_r10 {padding-right:10px !important;}
.pd_r15 {padding-right:15px !important;}
.pd_r20 {padding-right:20px !important;}
.pd_r25 {padding-right:25px !important;}

.pd_all0{padding:0px !important;}
.pd_all3{padding:3px !important;}
.pd_side3{padding:0px 3px !important;}
/*width*/
.w6p {width:6% !important;}
.w7p {width:7% !important;}
.w10p {width:10% !important;}
.w15p {width:15% !important;}
.w19p {width:19% !important;}
.w20p {width:20% !important;}
.w25p {width:25% !important;}
.w30p {width:30% !important;}
.w35p {width:35% !important;}
.w40p {width:40% !important;}
.w48p {width:48% !important;}
.w50p {width:50% !important;}
.w55p {width:55% !important;}
.w60p {width:60% !important;}
.w80p {width:79.7% !important;}
.w83p {width:83% !important;}
.w85p {width:85% !important;}
.w90p {width:90% !important;}
.w95p {width:95% !important;}
.w100p {width:100% !important;}

.w100 {width:100px !important;}
.w200 {width:200px !important;}
.w150 {width:150px !important;}


/***** font *****/
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;font-weight:600;}
.fs18{font-size:18px !important;}
.fs22{font-size:22px !important;font-weight:600;}

/**** button color 449d44****/
.btn_y{background-color: #FF5722 !important;}
.btn_yr{color: #fff !important;background: #ee5e3d !important;border: 1px solid #ff8d00 !important;border-color: #ff8d00 !important;}
.btn_wy{background-color: #fdf2c6 !important;}
.btn_g{background-color: #449d44 !important;color: #fff !important;}
.btn_w{background-color: #f2f1f1 !important;border: 1px solid #9a9a9a !important;color:#000;}
.btn_d{background-color: #5d5d5d !important; color:#fff !important;}
.btn_wb{color:#fff !important;background-color: #5a66ff !important;border-color: #5a66ff !important;}
.btn_b{color:#fff !important;background-color: #5b7dc8 !important;border-color: #2e76b4 !important;}
.btn_bd{background-color: #5c6d8b !important;color:#fff !important;}
.btn_r{color:#fff !important;background: #d15959;}
.btn_p{color:#fff !important;background: #ee0f73;}
.btn_bl{color:#fff !important;background: #249927;}

button#btnMemberApproveCancel {}

/**** background color ****/
.bg_cb{background: #c2d4ea !important; color: #18457b !important;}
.bg_wb{background: #f3f4fc !important;}
.bg_wr{background: #bd3746 !important;color: #fbfbfb !important;}
.bg_wg{background: #e6edef !important;color: #4a8798 !important;}
.btn_or {background-color: #ff0000 !important;color: #fff !important;}

/**** font color ****/
.f_cr{color:#ff0000; font-weight: 600;}
.f_cb{color:#296eeb; font-weight: 600;}
.f_cd{color:#444444; font-weight: 600;}
.f_cg{color:#2b7423; font-weight: 600;}
.f_cy{color:#ebc40c; font-weight: 500;}



/**border**/
.border_none{border:none !important;}
.border_l_ce{border-left:1px solid #ececec;}
.border_r_de{border-right:1px solid #dedede !important;}



/**paging**/
/**/
.paging_wrap {margin: 30px auto;text-align: center;width: 100%;float: left;}
.paging {display: inline-block;/* margin: 0 auto; */}
.paging a {border-radius: 0;width: 40px;height: 36px;line-height: 3em;text-align: center;background-color: transparent;color: #999;border: 1px solid #ddd;display: inline-block;vertical-align: middle;font-size: .8rem;padding-top: 0;margin: 0 2px;text-decoration: none;font-size: 12px;}
.paging a:hover { background-color: #f5f6fa; -webkit-transition: all .25s; transition: all .25s; color:#000 !important;}
.paging .pageNone { border-color: transparent; line-height: 27.5px; border:1px solid #ddd;}
.paging .pageNone:hover { border-color: #ddd; -webkit-transition: all .2s; transition: all .2s; }
.paging .active {background-color: #e62562;border-color: #e62562;padding-top:1px;color:#fff;}
.paging .active strong { color: #fff; }
.paging a:hover strong{color:#000 !important;}
.paging + .survey { margin-top: 100px; }
.paging i { font-size: 1rem; margin-top: .25rem; color: #777; }
.paging .pageFirst i::after { content: "≪"; font-family: "xeicon"; margin-left: 0; font-style: normal;}
.paging .pageLast i::after { content: "≫"; font-family: "xeicon"; margin-left: 0;  font-style: normal;}
.paging .pagePrev { margin-right: 1rem; }
.paging .pageNext { margin-left: 1rem; }
.paging .pagePrev i::after { content: "＜"; font-family: "xeicon"; margin-left: 0; font-style: normal;}
.paging .pageNext i::after { content: "＞"; font-family: "xeicon"; margin-left: 0;  font-style: normal;}




/** 라디오 커스텀**/
.radio-wrap input[type='radio'], .radio-wrap input[type='radio']:checked {appearance: none;width: 1rem;height: 1rem;border-radius: 100%;}
.radio-wrap input[type='radio'] {background-color: #fff;border: 1px solid #c1c1c1;}
.radio-wrap input[type='radio']:checked {background-color: #eb1f3c;}