@charset "utf-8";
strong{font-family:"SpoqaHanSansNeoMedium"; font-weight:100;}
.blind{position:absolute !important; display:block !important; height:0 !important; width:0 !important; font-size:2px !important; line-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important;}

/* Display */
.dis_i {display:inline !important;}
.dis_ib {display:inline-block !important;}
.dis_b {display:block !important;}
.dis_n {display:none !important;}
.dis_t {display:table !important; width:100%;}
.dis_tc {display:table-cell !important;}
.dis_f {display:flex !important;}

/* Floating */
.float_n {float:none;}
.float_l {float:left;}
.float_r {float:right;}

.clear{}
.clear:after {content:""; display:block; clear:both;}

/* Scroll */
.overflow_a {overflow:auto;}
.overflow_h {overflow:hidden;}
.overflow_x {overflow-x:scroll;}
.overflow_y {overflow-y:scroll;}

/* Margin */
.mg0  {margin:0 !important;}
.mgt0 {margin-top:0 !important;}
.mgr0 {margin-right:0 !important;}
.mgb0 {margin-bottom:0 !important;}
.mgl0 {margin-left:0 !important;}

/* Padding */
.pad0  {padding:0 !important;}
.padt0 {padding-top:0 !important;}
.padr0 {padding-right:0 !important;}
.padb0 {padding-bottom:0 !important;}
.padl0 {padding-left:0 !important;}

/* Barder */
.bort0 {border-top:0 !important;}
.borr0 {border-right:0 !important;}
.borb0 {border-bottom:0 !important;}
.borl0 {border-left:0 !important;}

/* Align */
.valign_t {vertical-align:top !important;}
.valign_m {vertical-align:middle !important;}
.valign_b {vertical-align:bottom !important;}
.align_l {text-align:left !important;}
.align_c {text-align:center !important;}
.align_r {text-align:right !important;}
.align_j {text-align:justify; -moz-text-align-last:justify; -webkit-text-align-last:justify; text-align-last:justify;}
.align_jc{justify-content:center}

/* 말줄임 */
.ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.multiline {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; height:40px; line-height:40px; -webkit-line-clamp:2; -webkit-box-orient:vertical;} /* 높이값, 줄간격, 라인수는 가이드에서 적용 */

/* Form */
textarea.form_textarea {width:100%; height:auto; border-radius:4px; padding:10px; line-height:19px; background-color:#f5f5f5; color:#111;font-size:14px;font-family:"SpoqaHanSansNeoRegular",}
textarea:-ms-input-placeholder{color:#aaaaaa;}/* IE 10 + */
textarea::-webkit-input-placeholder {color:#aaaaaa;}

input.itext {width:100%; height:36px; border-radius:4px; border-color:#f5f5f5;padding:9px 12px 8px; line-height:24px; background-color:#f5f5f5; color:#111;font-size:13px;font-family:"SpoqaHanSansNeoRegular",}


.form_check, .check_wrap {display:inline-block; position:relative; vertical-align:middle;}
.form_wrap .form-check {margin-top:8px;}
.form_check + .form_check {margin-left:24px;}
.form_check label > input, .check_wrap label > input {position:absolute; left:0; top:0; width:0; height:0;}
.form_check label > input[type="radio"] + span {display:inline-block; position:relative; padding:0 0 0 24px; font-size:15px; color:#111; line-height:18px;}
.form_check label > input[type="radio"] + span:before {content:''; display:inline-block; position:absolute; top:0; left:0; clear:both; width:18px; height:18px; background:url('/mbn/images/common/ico_radio_off.png') no-repeat 50% 50%; background-size:18px;}
.form_check label > input[type="radio"]:checked + span:before, .form_check label > input[type="radio"].check + span:before {background:url('/mbn/images/common/ico_radio_on.png') no-repeat 50% 50%; background-size:18px;}
.form_check label > input[type="radio"]:disabled + span:before {background:url('/mbn/images/common/ico_radio_dis.png') no-repeat 50% 50%; background-size:18px;}
.form_check label > input[type="checkbox"] + span {display:inline-block; position:relative; padding:0 0 0 24px; font-size:15px; color:#111; line-height:18px;}
.form_check label > input[type="checkbox"] + span:before {content:''; display:inline-block; position:absolute; top:0; left:0; clear:both; width:18px; height:18px; background:url('/mbn/images/common/ico_checkbox_off.png') no-repeat 50% 50%; background-size:18px;}
.form_check label > input[type="checkbox"]:checked + span:before, .form_check label > input[type="checkbox"].check + span:before {background:url('/mbn/images/common/ico_checkbox_on.png') no-repeat 50% 50%; background-size:18px;}
.form_check label > input[type="checkbox"]:disabled + span:before {background:url('/mbn/images/common/ico_checkbox_dis.png') no-repeat 50% 50%; background-size:18px;}

.form_check.type2 label > input[type="checkbox"] + span {display:inline-block; position:relative; padding:0 0 0 18px; font-size:13px; color:#888; line-height:16px;}
.form_check.type2 label > input[type="checkbox"] + span:before {content:''; display:inline-block; position:absolute; top:0; left:0; clear:both; width:16px; height:16px; background:url('/mbn/images/common/ic_check_off.png') no-repeat 50% 50%; background-size:16px;}
.form_check.type2 label > input[type="checkbox"]:checked + span:before, .form_check label > input[type="checkbox"].check + span:before {background:url('/mbn/images/common/ic_check_on.png') no-repeat 50% 50%; background-size:16px;}
.form_check.type2 label > input[type="checkbox"]:disabled + span:before {background:url('/mbn/images/common/ic_check_off.png') no-repeat 50% 50%; background-size:16px;}

/* 라디오,체크박스 큰 사이즈 스타일 이벤트 현황 개선 화면 */
.form_check.type3 label > input[type="radio"] + span {display:inline-block; position:relative; padding:0 0 0 38px; font-size:16px; color:#0B0D0F; line-height:26px;}
.form_check.type3 label > input[type="radio"] + span:before {content:''; display:inline-block; position:absolute; top:0; left:0; clear:both; width:26px; height:26px; background:url('/mbn/images/common/ic_radio2_off.png') no-repeat 50% 50%; background-size:26px;}
.form_check.type3 label > input[type="radio"]:checked + span:before, .form_check label > input[type="radio"].check + span:before {background:url('/mbn/images/common/ic_radio2_on.png') no-repeat 50% 50%; background-size:26px;}
.form_check.type3 label > input[type="radio"]:disabled + span:before {background:url('/mbn/images/common/ic_radio2_dis.png') no-repeat 50% 50%; background-size:26px;}
.form_check.type3 label > input[type="checkbox"] + span {display:inline-block; position:relative; padding:0 0 0 38px; font-size:16px; color:#0B0D0F; line-height:26px;}
.form_check.type3 label > input[type="checkbox"] + span:before {content:''; display:inline-block; position:absolute; top:0; left:0; clear:both; width:26px; height:26px; background:url('/mbn/images/common/ic_checkbox2_off.png') no-repeat 50% 50%; background-size:26px;}
.form_check.type3 label > input[type="checkbox"]:checked + span:before, .form_check label > input[type="checkbox"].check + span:before {background:url('/mbn/images/common/ic_checkbox2_on.png') no-repeat 50% 50%; background-size:26px;}
.form_check.type3 label > input[type="checkbox"]:disabled + span:before {background:url('/mbn/images/common/ic_checkbox2_dis.png') no-repeat 50% 50%; background-size:26px;}

/* 약관 체크박스 스타일 */
.agreeBox .form_check.type3 label > input[type="checkbox"] + span {display:inline-block; position:relative; padding:0 0 0 38px; font-size:16px; color:#0B0D0F; line-height:26px;}
.agreeBox .form_check.type3 label > input[type="checkbox"] + span:before {content:''; display:inline-block; position:absolute; top:0; left:0; clear:both; width:26px; height:26px; background:url('/mbn/images/common/ic_agree_checkbox2_off.png') no-repeat 50% 50%; background-size:26px;}
.agreeBox .form_check.type3 label > input[type="checkbox"]:checked + span:before, .form_check label > input[type="checkbox"].check + span:before {background:url('/mbn/images/common/ic_agree_checkbox2_on.png') no-repeat 50% 50%; background-size:26px;}
.agreeBox .form_check.type3 label > input[type="checkbox"]:disabled + span:before {background:url('/mbn/images/common/ic_agree_checkbox2_off.png') no-repeat 50% 50%; background-size:26px;}


/* input */
.btnSelect {display:block; position:relative; width:100%; padding:10px 0 11px; border-radius:4px; background:#f5f5f5 url('/mbn/images/common/ico_select_arrow.png') no-repeat 97% 50%; background-size:12px; font-size:14px; line-height:24px; text-align:left;color:#111;}
.btnSelect>span{display:-webkit-box;overflow:hidden;max-height:24px;font-size:14px;color:#111;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0 30px 0 12px}

.btnSelect.small{padding:5px 24px 4px 12px;background:#f5f5f5 url('/mbn/images/common/ico_select_arrow_small.png') no-repeat 85% 50%; background-size:9px 5px; }
.btnSelect.small>span, .btnSelect.small{font-size:12px;}

.btnSelect2 {display:block; position:relative; width:100%; padding:0px; background: url('/mbn/images/common/ico_select_arrow2.png') no-repeat 97% 50%; background-size:12px 8px;}
.btnSelect2>span{display:-webkit-box;overflow:hidden;max-height:24px;font-size:18px;color:#0B0D0F;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0 16px 0 12px;font-family:'SpoqaHanSansNeoMedium' !important;font-weight:500;}

select{-webkit-appearance:none; -webkit-box-sizing:border-box;box-sizing:border-box;box-shadow:0}
button {overflow:visible; padding:0px; border:0px; font-weight:bold; cursor:pointer; background-color:transparent;}
button::-moz-focus-inner {border:0px; padding:0px;}

/*-------------------------------------------------------------------
	#Grid Layout
-------------------------------------------------------------------*/
/* Default */
.row{}
.row:after {clear:both; display:block; content:'';}
.col {float:left; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s;}
.col.right {float:right;}

/* 자식의 컬럼수 */
.row.cols2 > .col {width:50%;}
.row.cols2 > .col.mal {width:calc(50% - 4px); margin-left:4px;}
.row.cols2 > .col.mar {width:calc(50% - 4px); margin-right:4px;}
.row.cols3 > .col {width:33.3333%;}
.row.cols3 > .col:first-child {width:33.3334%;}
.row.cols4 > .col {width:25%;}
.row.cols5 > .col {width:20%;}
.row.cols6 > .col {width:16.6666%;}
.row.cols6 > .col:first-child {width:16.667%;}
.row.cols7 > .col {width:14.2857142%;}
.row.cols7 > .col:first-child {width:14.2857148%;}
.row.cols8 > .col {width:12.5%;}
.row.cols9 > .col {width:11.1111%;}
.row.cols9 > .col:first-child {width:11.1112%;}
.row.cols10 > .col {width:10%;}
.row.cols12 > .col {width:8.3333%;}
.row.cols12 > .col:first-child {width:8.3334%;}

/* Grid (Flexible) */
.grid {display:-webkit-flex; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;}


/*-------------------------------------------------------------------
	#Size & Gutter
-------------------------------------------------------------------*/
/* Width Percent */
.w100 {width:100%;}

/* Height Percent */
.h100 {height:100%;}

/* Height Pixcel */
.hauto {height:auto;}

/* Margin */
.mgr{}