@charset "utf-8";
@import url("font.css");

/* reset */
* {-webkit-text-size-adjust:none;}
html, body, div, nav, header, footer, section, article, aside, hgroup, iframe, h1, h2, h3, h4, h5, h6, p, a, span, i, em, strong, b, address, fildset, form, input, select, option, label, button, img, dl, dt, dd, ul, ol, li, table, caption, thead, tbody, tfoot, tr, th, td, textarea, hr {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
html, body {width:100%; min-width:320px; height:100%;}
body {
	line-height:1;
	color:#0d0d0d;
	font-family:"Nanum Gothic", sans-serif;
	font-size:14px;
	font-weight:400;
	word-break:break-all;
	background:#f5f6f7;
}
/* nav, header, footer, section, article, aside, hgroup {display:block;} */
ul, ol, dl {list-style:none;}
table {width:100%; border-spacing:0;border-collapse: collapse;table-layout: fixed;}
img {max-width:100%; vertical-align:top;}
a {display:inline-block; color:#0d0d0d; text-decoration:none; cursor:pointer !important;}
i, em, address {font-style:normal; font-weight:normal;}

/* button, select, input reset */
input, select, button, textarea {
	font-family:"Nanum Gothic", sans-serif;
	font-size:13px;
	font-weight:normal;
	vertical-align:top;
}
:not(old).radio_box{display:none;}
input, button {overflow:visible; border-radius:0; -webkit-appearance:none;}
select:only-child {width:100%;}
button, label {cursor:pointer;}
input[type=text]::-ms-clear {
  display:none;
}
.letter{letter-spacing: 0.2px;}
/* checkbox style */
input[type=checkbox].chk_box:not(old) {display:none;}
input[type=checkbox].chk_box:not(old) + label {display:inline-block; line-height:24px; padding:0px 0 0px 34px; color:#1a1a1a; font-size:13px; background:url("../images/btn_check_off.png") no-repeat 0 top; background-size:24px;}
/* 241113 추가 */
input[type=checkbox].chk_box[disabled] + label {    filter: brightness(0.95);}
input[type=checkbox].chk_box:not(old) + label.hidden {display:inline-block !important; visibility:visible !important; width:0; padding-left:24px; text-indent:-9999px;}
input[type=checkbox].chk_box:not(old):checked + label {background:url("../images/btn_check_on.png") no-repeat 0 top; background-size:24px;}
input[type=checkbox].chk_box:not(old) + label.chk_bl {padding:0;vertical-align: middle;display:inline-block; line-height:24px;color:#1a1a1a; font-size:13px; width:24px; height:24px;background:url("../images/btn_check_off.png") no-repeat center center; background-size:24px;}
input[type=checkbox].chk_box:not(old):checked + label.chk_bl {background:url("../images/btn_check_on.png") no-repeat center center; background-size:24px;width:24px; height:24px;}
input[type=checkbox].chk_box.plnk:not(old):checked + label {background:url("../images/btn_check_on_emp.png") no-repeat 0 top; background-size:24px;}

input[disabled].chk_box:not(old)+ label.chk_bl {display:inline-block; line-height:24px;  color:#1a1a1a; font-size:13px; background:url("../images/btn_check_off_dis.png") no-repeat 0; background-size:24px;}
input[disabled].chk_box:not(old):checked + label.chk_bl {background:url("../images/btn_check_on_dis.png") no-repeat center center; background-size:24px;width:24px; height:24px;}


input[type=disabled]:not(old)+ label{background:url("../images/btn_check_on_dis.png") no-repeat center center; width:24px; height:24px; background-size:24px;}


/* 추가 */
/* input[type=checkbox].d_chk_box:not(old) {display:none;}
input[type=checkbox].d_chk_box:not(old) + label {display:inline-block; line-height:24px; padding-left:34px; color:#1a1a1a; font-size:13px; background:url("../images/btn_check_off.png") no-repeat 0 top; background-size:24px;}
input[type=checkbox].d_chk_box:not(old) + label.hidden {display:inline-block !important;visibility:visible !important;padding-left:24px;text-indent:-9999px;}
input[type=checkbox].d_chk_box:not(old):checked + label {background:url("../images/btn_check_on.png") no-repeat 0 top; background-size:24px;}
input[type=checkbox].d_chk_box.disable:not(old)+ label {background:url("../images/btn_check_off.png") no-repeat 0 top; background-size:24px;} */

/* radio style */
/* 라벨에 문구가 없을때 */
input[type=radio].radio:not(old) {display:none;}
input[type=radio].radio:not(old)+ label{display:inline-block; line-height:24px; color:#1a1a1a; font-size:13px; background:url("../images/btn_radio_off.png") no-repeat center center; background-size:24px; width: 24px; height: 24px;}
input[type=radio].radio:not(old):checked + label {background:url("../images/btn_radio_on.png") no-repeat center center; background-size:24px;}
input[disabled].radio:not(old)+ label {display:inline-block; line-height:24px; padding-left:34px; color:#1a1a1a; font-size:13px; background:url("../images/btn_radio_off_dis.png") no-repeat 0; background-size:24px;padding: 0;}
input[disabled].radio:not(old):checked + label {background:url("../images/btn_radio_on_dis.png") no-repeat 0; background-size:24px;}


/* 라벨에 문구가 있을때 */
input[type=radio].radio:not(old)+ label.radio_bl{display:inline-block; line-height:24px; color:#1a1a1a; font-size:13px; background:url("../images/btn_radio_off.png") no-repeat left center; background-size:24px;padding-left: 34px;width: 100%;height: auto;}
input[type=radio].radio:not(old):checked + label.radio_bl {background:url("../images/btn_radio_on.png") no-repeat left center; background-size:24px;}
input[disabled].radio:not(old)+ label.radio_bl {display:inline-block; line-height:24px; padding-left:34px; color:#1a1a1a; font-size:13px; background:url("../images/btn_radio_off_dis.png") no-repeat 0; background-size:24px;}
input[disabled].radio:not(old):checked + label.radio_bl {background:url("../images/btn_radio_on_dis.png") no-repeat 0; background-size:24px;}



/* select style */
select {border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; color:#1a1a1a; cursor:pointer;}
select::-ms-expand {display:none;}
.select_box {position:relative; height:36px;}
.select_box:only-child {width:100%;}
.select_box select ,.select{width:100%; height:36px; padding-left:9px; padding-right:25px; background:#fff url("../images/ic_dropdown_open.png") no-repeat right 9px center; background-size:12px 7px; border:1px solid #bfbfbf;}
.select_box select[readonly] {background-color:#edeff2; background-size:12px 7px;opacity: 0.7;}

/* textarea */
.textarea {width:100%; height:300px; padding:12px; line-height:18px; font-size:13px; color:#464e55; border:1px solid #bfbfbf; resize:none;}
.textarea::-webkit-input-placeholder {color:#b2b2b2;}
.textarea:-ms-input-placeholder {color:#b2b2b2;}
.textarea[readonly] {color:#464e55; background:#f7f7f7; border:1px solid #bfbfbf;}
.textarea.sm {height:72px;}

/* input */
input.input {width:100%; height:36px; padding:0 9px; color:#1a1a1a; border:1px solid #bfbfbf; background:#fff;border-color: #bfbfbf !important;}
input::-webkit-input-placeholder {color:#b2b2b2;}
input:-ms-input-placeholder {color:#b2b2b2;}
input[readonly] {background:#edeff2; opacity: 0.7;}
input[value]{color:#0d0d0d;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance:none; appearance:none; margin:0;}

/* button style */ /* 191125 */
button.large, a.large {min-width:180px; height:44px; line-height:40px; padding:0 20px; border-radius:25px; font-size:16px; font-weight:bold; color:#fff;}
button.medium, a.medium {min-width:180px; height:44px; line-height:44px; padding:0 15px; border-radius:22px; font-size:14px; font-weight:bold; color:#fff;}
button.n_medium, a.n_medium{vertical-align: top;text-align: center;min-width:80px; height:36px; line-height:36px; padding:0 10px; font-size:13px; font-weight:normal; color:#fff; background:#484848; word-break:keep-all;}
button.n_medium:hover, a.n_medium:hover {background:#333 !important;}
button.typeA, a.typeA {background:#484848 !important; color:#fff; border:0 !important;}
button.n_medium.right_end{position: absolute; top: 50%; right: 0;}
button.p_medium{background-color: #5345B7; height: 36px; color: #fff; width: 80px !important;}
/*a.typeA {line-height: 44px;}*/ /*210108 부가서비스 요금제 화면의 취소 <a>에 맞춰져서 대시보드가 깨짐(대시보드의 상세 버튼은 화면이동이라 <a>여야함.) */
button.typeA:hover, a.typeA:hover {background:#333 !important;}
button.typeB, a.typeB {background:#5345B7!important;}
button.typeB:hover, a.typeB:hover {background:#382A9C !important;}
button.typeC, a.typeC {background:#5345B7 ;}
button.typeC:hover, a.typeC:hover {background:#382A9C!important ;}
button.typeD, a.typeD {background:#f119a9 ;}
button.typeD:hover, a.typeD:hover {background:#cb178f ;}
button:disabled{opacity: 0.3;}
.disabled_btn{opacity: 0.3;}

.button.btns {font-size:0; margin-left:-10px;}
.button.btns button {display:inline-block; margin-left:10px;}

.bottom_btn {margin-top:40px; position: relative; text-align:center; font-size:0;}
.bottom_btn > * {display:inline-block; margin-left:10px;}
.list_link{position: absolute;top:2px; left: 0; font-size:16px; font-weight: bold;line-height: 40px; background:url(../images/ic_back.png)no-repeat left center; padding-left: 35px; margin-left: 0;}
/* bootstrap 방지 */
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {letter-spacing: -0.8px;word-break: break-word;height: 32px;text-align:center;padding:6px 3px; line-height:18px; border-top:none; vertical-align:middle;}
.table>thead>tr>th {border-bottom:1px solid #d9d9d9;}

/*  */
.bln .cursor-x-resize tr th:first-child {border-left: 0 !important;}

/* table style */
.table {position:relative; width:100%; margin-bottom:0;}
.table::before {display:block; position:absolute; top:0; width:100%; height:1px; background:#666; content:""; z-index:99;}
.table::after {display:block; position:absolute; top:0;  left:-1px; width:2px; height:100%; background:#fff; content:"";}
.table caption {visibility:hidden; overflow:hidden; width:0;height:0;font-size:0;line-height:0;}
.table th, .table td {padding:6px 3px; line-height:16px; text-align:center; font-size:13px; letter-spacing:-0.5px; word-break:keep-all; word-wrap:break-word; vertical-align:middle;}
.table>thead>tr>th {line-height:16px; font-weight:bold; color:#1a1a1a; background:#eceded; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
/* .table th:first-child, .table tbody td:first-child {border-left:none;} */
.table tbody th, .table tbody td {height: 32px;border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.table tbody th {font-weight:bold; background:#f2f2f2;}
/* .table tbody td.txtr {padding-right:10px;} */
/* .table tbody td.txtl {padding-left:10px;} */
.afterTrans::after{background: transparent !important;}

.table.hz th, .table.hz td {padding:12px 18px 12px;height: 32px; font-size:13px; text-align:left; letter-spacing:-0.7px; border-left:none;word-break: break-all;}
.table.hz th.vat {padding-top:24px;}
.table.hz tbody td.txtr {padding-right:20px;}
.table.hz tbody td.txtl {padding-left:20px;}

.table + .button {padding-top:20px;}

.table_color tbody tr td{color:#4c4f50 ;}
.color_type{color:#0d0d0d !important;}


.line_hl:hover {background:#F7F8FF;}
.line_hl.seleted {background:#5345B7; color:#fff;}
.line_hl.seleted tr, .line_hl.seleted td {color:#fff;}
.line_hl.disabled,.disabled{background:#f6f8fa;}
.line_hl.disabled td{ opacity: 0.4;}

.disable{color:#4c4f50!important;}

/* display table */
.d_table {display:table; width:100%;}
.d_tr {display:table-row;}
.d_td {display:table-cell;}

/* border */
.hr {width:100%; height:1px; border:0; background:#e5e5e5;}
.line{width: 100%; height: 2px; background:#666; }
.bn {border:none !important;}
.bbn {border-bottom:none !important;}
.bor_la{border-left: 1px solid #e5e5e5 !important;}
.border_dotted{border-bottom: 1px dotted rgba(0,0,0,0.1)!important;}
.border_top{border-top: 1px solid rgba(0,0,0,0.1);}

/* file upload */ /* 190319 */
.filebox {position:relative; font-size:0;}
.filebox input[type="file"] {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}
.filebox .upload_name {width:100%; padding-right:30px; margin-right:5px; text-overflow:ellipsis;}
.filebox .upload_name + label,
.filebox .upload_name ~ .btn-upload {display:inline-block; width:80px; height:36px; line-height:36px; text-align:center; font-size:13px; color:#fff; background:#484848;}
.filebox .upload_name + label:hover,
.filebox .upload_name ~ .btn-upload:hover {background:#333;}
.filebox .upload_display {position:relative; width:100%; height:196px; margin-top:10px; overflow:hidden;}

.filebox .btn_del {display:none; position:absolute; top:8px; right:100px; width:20px; height:20px; background:url("../images/btn_del_n.png") no-repeat; z-index:10;}
.filebox .btn_del:hover {background:url("../images/btn_del_s.png") no-repeat;}

.filebox label + p {margin-top:10px; font-size:13px; color:#464e55;}
.upload_display {width:320px !important; height:144px !important; background:#f2f2f2;}
.upload_thumb_wrap {position:relative; width:215px; height:144px; overflow:hidden;}
.upload_thumb_wrap img {max-width:100%; max-height:100%;}

/* input + button */
.input_button,.input_button{font-size:0; position: relative; display: inline-block;}

.input_button .input {margin-right:5px;}

/* 전화번호 */
.input_number {font-size:0;}
.hyphen {display:inline-block; width:30px; line-height:36px; font-size:15px; text-align:center;}

/* 주소입력 */
.input_adress {font-size:0;}
.input_adress .zip_code {display:inline-block; width:141px; margin-right:5px; margin-bottom:5px;}
.input_adress .find_code {display:inline-block; min-width:113px; margin-right:20px;}
.input_adress .find_code + input[readonly] {display:inline-block; width:725px;}

/* 이메일 */
.email_ad {float:left; font-size:0;}
.email_ad + .select_box {float:right; width:205px; margin-left:5px;}

/* paging */
.page_nav {position:relative; padding:0 30px; margin-top:20px; text-align:center;}
.page_nav ul {display:inline-block;}
.page_nav li {float:left;}
.page_nav li a {min-width:34px;padding:0 8px; height:34px; line-height:34px; font-size:14px; background:#fff; color:#4c4f50;}
.page_nav li.on a {background:#5345B7; font-weight:bold; color:#fff;}
.page_nav li.dis a {opacity:0.4;}
.page_nav li.first a {text-indent:-9999px; background:url("../images/btn_page_first.png") no-repeat; background-size:34px 34px;}
.page_nav li.prev a {margin-right:10px; text-indent:-9999px; background:url("../images/btn_page_back.png") no-repeat; background-size:34px 34px;}
.page_nav li.next a {margin-left:10px;  text-indent:-9999px; background:url("../images/btn_page_next.png") no-repeat; background-size:34px 34px;}
.page_nav li.last a {text-indent:-9999px; background:url("../images/btn_page_last.png") no-repeat; background-size:34px 34px;}
.page_nav .nav_btn, .page_nav .excel_btn {position:absolute; right:30px; top:0;}
.page_nav .nav_btn {right:0;}
.page_nav .nav_btn a {position:relative; width:80px; height:35px; line-height:35px; color:#fff; background:#484848;}
.page_nav .excel_btn a {position:relative; height:34px; padding:0 10px 0 33px; line-height:34px; text-align:center; color:#fff; background:#007744;}
.page_nav .excel_btn a .ic_down {display:block; position:absolute; left:10px; top:50%; width:18px; height:18px; margin-top:-9px; background:url("../images/ic_download.png") no-repeat 0; background-size:18px;}

/* popup */
.alert {display:none;}
.load_alert, .line_hl {cursor:pointer;}

.pop_wrap, .pop_dim {text-align: center;position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(26, 26, 26, 0.4); z-index:100;}
.pop_dim {display:block;}
/* .pop_box {position:fixed; top:50%; left:50%; width:90%; max-width:500px; max-height:960px; background:#fff; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); box-shadow:0 8px 16px 0px rgba(26, 26, 26, 0.4); z-index:200;} */
.pop_box{display: inline-block; position: relative; width: 90%;  max-width: 500px; max-height: 100%; text-align: left; background: #fff; vertical-align: middle;overflow-y: auto;box-shadow: 0 5px 15px 0px rgba(26, 26, 26, 0.4);}
.pop_wrap:before {display:inline-block; height:100%; vertical-align:middle; content:"";}
.pop_header{height: 50px; display: flex; justify-content: center; align-items: center; font-size: 15px; font-weight: bold; border-bottom: 1px solid #e5e5e5;}

.pop_title {padding:17px 20px; border-bottom:1px solid #E5E5E5;text-align: center; }
.pop_title .title_txt {line-height:50px; font-size:15px; font-weight:bold; color:#1a1a1a;}
.pop_guide_txt {position:relative; min-height:100px; padding:30px 40px;}
.pop_guide_txt.plural{max-height: 480px; overflow-y: scroll;}
.pop_guide_txt .guide_section {margin-top:14px;}
.pop_guide_txt .guide_section:first-child {margin-top:0; }
.pop_guide_txt .guide_section p {margin-top:4px; line-height:20px; font-size:14px; color:#4c4f50;}
.pop_guide_txt .guide_section p:first-child {margin-top:0;}
.pop_guide_txt .guide_section p:only-child {margin-top:10px;}
.pop_guide_txt .guide_tt {margin-bottom:8px; line-height:20px; font-size:14px; font-weight:bold; color:#1a1a1a; }
.pop_guide_txt .guide_section p + .input_area {margin-top:16px;}
.pop_guide_txt .input_area .input + .unit {margin-left:9px; line-height:36px;}
.pop_guide_txt .search_box .search_btn {border:none; padding:0; margin-left:5px;}
.pop_button {position:relative; padding:10px 0; border-top:1px solid #e5e5e5; text-align:center;background: #fff;}
.pop_guide_txt .guide_ct > p{font-size: 16px;line-height: 26px; word-break: keep-all;}
.pop_input{margin-top:20px;}
.pop_flex{display: flex; margin-top: 4px;}
.popup_bg{background:#f6f5fc; padding:20px 35px; margin:20px 0 30px;}
.popup_bg > strong{font-size: 18px; color:#1a1a1a;}
.popup_bg > strong > img {margin:0 15px; vertical-align: middle;margin-top:-3px;}
.popup_bg > p{font-size: 16px; line-height:26px; color:#1a1a1a; }
.data_tit{font-size:16px; line-height: 26px; color:#1a1a1a;}
.data_tit > strong{color:#0d0d0d; font-size: 18px; line-height: 20px;}
.data_tit strong .data_img{vertical-align: middle; margin:-1px 15px; }
.fran_t{text-align: left;}
.fran_t strong{font-size:16px; line-height: 26px; color:#1a1a1a;}
.fran_t .fran_label{margin-left:10px;min-width: 38px; color:#5345b7; background:#fff; line-height: 20px;font-size: 12px;border:1px solid #5345b7; padding:2px 7px;}
.fran_t .fran_label.plnk{border:1px solid #f119a9; color:#f119a9;}
.fran_t .fran_st{font-size: 15px; color:#1a1a1a; line-height: 26px; margin-top: 12px;}

/* 20190403 csr추가 */
.pop_button.btn2 > button{margin:0 5px;}

.new_open .pop_title {position:fixed; top:0; left:0; right:0; background:#fff; z-index:100;}
.new_open .pop_button {position:fixed; bottom:0; left:0; right:0; background:#fff; z-index:100;}
.new_open .pop_guide_txt {padding:70px 0 85px;}

.pop_button {font-size:0; overflow:hidden;}
.pop_button button {display:inline-block; width:120px;}
.pop_button button:first-child{margin-right:10px;}
.pop_button.btns button {margin-left:10px;}
.pop_button.btns button:first-child {margin-left:0;}
.pop_guide_txt hr {width:100%; height:1px; margin:14px 0; border:0; background:#e5e5e5;}
.guide_info p {font-size:17px; line-height:20px; color:#999;}

.alert_box .pop_guide_txt {text-align:center;}

.pop_tab {position:relative; width:100%; height:50px; font-size:0;  background:#fff;}
.pop_tab a {display:inline-block; width:50%; line-height:49px; font-size:15px; text-align:center; border-bottom:1px solid #e5e5e5; color:#464e55; background:#fff;}
.pop_tab a.on {line-height:48px; color:#5345B7; font-weight:700; border-bottom:2px solid #5345B7;}

/* text */
.font_normal{font-weight: normal !important;}
.plnk {color:#f119a9 !important;}
.purple {color:#5345b7 !important;}
.red{color:#ff5561;}
.open_purple{background:#eeecf6; color:#5345b7 !important;}
.gray{background:#f7f7f7;}
.ongoing {color:#ff0000;}
.reject {color:#F119A9 ;}
.confirm {color:#5345B7;}
.w_plnk{background:#fff4f2 !important;}
.pul_s{font-size:16px !important;}
.underline_basic,.basic{color:#0d0d0d !important;text-decoration: underline;}
.ghost_white{background-color: #F8F9FD;}


/* opacity */
.op9{opacity: 0.9 !important;}

.txtl {text-align:left !important;}
.txtr {text-align:right !important;}
.txtc {text-align:center !important;}
.vat {vertical-align:top !important;}
.vam {vertical-align:middle !important;}
.vab {vertical-align:bottom !important;}

.fwb {font-weight:bold !important;}

.fw-800{font-weight: 800 !important;}

.underline {text-decoration:underline; text-underline-position: under;}
.font12{font-size:12px !important; }
.font14{font-size:14px !important; }


/* margin, padding */
.m-auto{margin: 0 auto !important;}
.mt0 {margin-top:0 !important;}
.mt2 {margin-top:2px !important;}
.mt3 {margin-top:3px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt8 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}
.mt12 {margin-top:12px !important;}
.mt15 {margin-top:15px !important;}
.mt16 {margin-top:16px !important;}
.mt22 {margin-top:22px !important;}
.mt40 {margin-top:40px !important;}
.mt20 {margin-top:20px !important;}
.mt26 {margin-top:26px !important;}
.mt27 {margin-top:27px !important;}
.mt30 {margin-top:30px !important;}
.mt50 {margin-top:50px !important;}
.mt70 {margin-top:70px !important;}
.mr0 {margin-right:0 !important;}
.mr4 {margin-right:4px !important;}
.mr5 {margin-right:5px !important;}
.mr7 {margin-right:7px !important;}
.mr10 {margin-right:10px !important;}
.mr12 {margin-right:12px !important;}
.mr17 {margin-right:17px !important;}
.mr20 {margin-right:20px !important;}
.mr28 {margin-right:28px !important;}
.mr40 {margin-right:40px !important;}
.mr62 {margin-right:62px !important;}
.mb0 {margin-bottom:0 !important;}
.mb2 {margin-bottom:2px !important;}
.mb4 {margin-bottom:4px !important;}
.mb5 {margin-bottom:5px !important;}
.mb6 {margin-bottom:6px !important;}
.mb10 {margin-bottom:10px !important;}
.mb12 {margin-bottom:12px !important;}
.mb13 {margin-bottom:13px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.ml0{margin-left: 0 !important;}
.ml5{margin-left: 5px !important;}
.ml7{margin-left: 7px !important;}
.ml10{margin-left: 10px !important;}
.ml12{margin-left: 12px !important;}
.ml20{margin-left: 20px !important;}
.ml24{margin-left: 24px !important;}
.ml40{margin-left: 40px !important;}
/* 241108 */
.ml45{margin-left: 40px !important;}
.ml140{margin-left: 140px !important;}
.ml241{margin-left: 241px !important;}
.pl0{padding-left:0 !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl45{padding-left:45px !important;}
.pb5{padding-bottom:5px !important;}
.pb8{padding-bottom:8px !important;}
.pb10{padding-bottom:10px !important;}
.pb12{padding-bottom:12px !important;}
.pr0{padding-right: 0px !important;}
.pr20{padding-right:20px!important;}
.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb100{padding-bottom:100px !important;}
.pt10 {padding-top:10px !important;}
.pt14 {padding-top:14px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.ma0{margin:0 !important;}
.pa10{padding: 10px !important;}
.p5-3{padding: 5px 3px !important;}
/* layout */
.w36 {width:36px !important; min-width:36px !important;}
.w50 {width:50px !important; min-width:50px !important;}
.w60 {width:60px !important; min-width:60px !important;}
.w64 {width:64px !important; min-width:64px !important;}
.w65 {width:65px !important;  min-width:65px !important;}
.w70 {width:70px !important;}
.w72 {width:72px !important;}
.w75 {width:75px !important;}
.w80 {width:80px !important; min-width:80px !important;}
.w82 {width:82px !important;} /* 191114 추가 */
.w87 {width:87px !important;}
.w88 {width:88px !important;}
.w90 {width:90px !important; min-width:90px !important;}
.w93 {width:93px !important;}
.w95 {width:95px !important;}
.w98 {width:98px !important;}
.w100 {width:100px !important;}
.w105 {width:105px !important;}
.w110 {width:110px !important;}
.w113 {width:113px !important;}
.w115 {width:115px !important;}
.w120 {width:120px !important; min-width:120px !important;}
.w125 {width:125px !important;}
.w126 {width:126px !important;}
.w130 {width:130px !important;}
.w134 {width:134px !important;} /* 191114 추가 */
.w135 {width:135px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w152 {width:152px !important;}
.w160 {width:160px !important;}
.w162 {width:162px !important;}
.w166 {width:166px !important;}
.w175 {width:175px !important;}
.w170 {width:170px !important;}
.w180 {width:180px !important;}
.w185 {width:185px !important;}
.w190 {width:190px !important;}
.w192 {width:192px !important;}
.w195 {width:195px !important;}
.w200 {width:200px !important;}
.w214 {width:214px !important;}
.w210 {width:210px !important;}
.w220 {width:220px !important;}
.w224 {width:224px !important;}
.w234 {width:234px !important;}
.w235 {width:235px !important;}
.w240 {width:240px !important;}
.w246 {width:246px !important;}
.w250 {width:250px !important;}
.w252 {width:252px !important;}
.w253 {width:253px !important;}
.w258 {width:258px !important;}
.w260 {width:260px !important;}
.w270 {width:270px !important;}
.w272 {width:272px !important;}
.w280 {width:280px !important;}
.w296 {width:280px !important;}
.w300 {width:300px !important;}
.w305 {width:305px !important;}
.w308 {width:308px !important;}
.w310 {width:310px !important;}
.w320 {width:320px !important;}
.w330 {width:330px !important;}
.w334 {width:334px !important;}
.w340 {width:340px !important;}
.w390 {width:393px !important;}
.w396 {width:396px !important;}
.w400 {width:400px !important;}
.w463 {width:463px !important;}
.w518 {width:518px !important;}
.w536 {width:536px !important;}
.w540 {width:540px !important;}
.w545 {width:545px !important;}
.w565 {width:565px !important;}
.w610 {width:610px !important;}
.w618 {width:618px !important;}
/* ==================== */
/*  241017 신규추가:start*/
/* ==================== */
.w686 {width:686px !important;}
/* ==================== */
/*  241017 신규추가:end*/
/* ==================== */
.w700 {width:700px !important;}
.w715 {width:715px !important;}
.w740 {width:740px !important;}
.w786 {width:786px !important;}
.w806 {width:806px !important;}
.w816 {width:816px !important;}
.w914{width:914px !important;}
.w915{width:915px !important;}
.w917{width:917px !important;}
.w924{width:924px !important;}
.w1000{width:1000px !important;}
.w1004{width:1004px !important;}
.h36{height: 36px !important;}
.h47{height: 47px !important;}
.h48{height: 48px !important;}
.h49{height: 49px !important;}
.h50{height: 50px !important;}
.h56{height: 56px !important;}
.h60{height: 60px !important;}
.h95{height: 95px !important;}
.h117{height: 117px !important;}
.h360{height:360px !important;}
.h522{height:522px !important;}
.h-full{height:100% !important;}
.fl {float:left !important;}
.fr {float:right !important;}

/* 230718:START */
.ml--100{margin-left: -100PX !important;}
.ml--120{margin-left: -120PX !important;}
.ml-auto{margin-left: auto !important;}
.ml-4{margin-left: 4px !important;}
.ml-10{margin-left: 10PX !important;}
.ml-30{margin-left: 30PX !important;}
.ml-34{margin-left: 34PX !important;}
.mr-0{margin-right: 0 !important;}
.mr-5{margin-right: 5px !important;}
.mr-8{margin-right: 8px !important;}
.mr-30{margin-right: 30px !important;}
.mt-6{margin-top: 6px !important;}
.mt-10{margin-top: 10px !important;}
.mt-13{margin-top: 13px !important;}
.mb-0{margin-bottom: 0px !important;}
.mb-4{margin-bottom: 4px !important;}
.mb-15{margin-bottom: 15px !important;}
.mb-20{margin-bottom: 20px !important;}
.mx-20{margin-right: 20px !important;margin-left: 20px !important;}
.r-auto{right: auto !important}
.r-36{right: 36px !important;}
.r-270{right: 270px !important;}
.top-40{top: 40px !important;}
.fc-5345b7{color: #5345b7 !important;}
.fc-a9a9a9{color: #a9a9a9 !important;}
.fc-1a1a1a{color: #1a1a1a !important;}
.fs-12{font-size:12px !important;}
.fs-13{font-size:13px !important;}
.fs-14{font-size: 14px !important;}
.fs-16{font-size: 16px !important;}
.fw-400{font-weight: 400 !important;}
.fw-bold{font-weight: bold !important;}
.p-0{ padding: 0px !important;}
.p-10{ padding: 10px !important;}
.p-20{ padding: 20px !important;}
.pl-5{padding-left: 5px !important;}
.pl-20{padding-left: 20px !important;}
.pl-25{padding-left: 25px !important;}
.pl-123{padding-left: 123px !important;}
.pr-123{padding-right: 123px !important;}
.pr-0{padding-right: 0px !important;}
.pr-5{padding-right: 5px !important;}
.pr-12{padding-right: 12px !important;}
.py-0{padding-top:0px !important; padding-bottom: 0px !important;}
.py-12{padding-top:12px !important; padding-bottom: 12px !important;}
.pt-16{padding-top: 16px !important;}
.pb-18{padding-bottom: 18px !important;}
.px-20{padding-left: 20px !important; padding-right: 20px !important;}
.min-h-0{min-height: 0px !important;}
.min-w-944{min-width: 944px !important;}
.w-full{width: 100% !important;}
.w-auto{width: auto !important;}
.w-944{width: 944px !important;}
.w-1024{width: 1024px !important;}
.w-1220{width: 1220px !important;}
.h100{height:100px !important;}
.min-w-200{min-width: 200px !important;}
.min-w-280{min-width: 280px !important;}
.max-h-496{max-height: 496px !important;}
.max-h-720{max-height: 720px !important;}
.max-w-800{max-width: 800px !important;}
.max-w-full{max-width: 100% !important;}
.lh-22{line-height: 22px !important;}
.lh-24{line-height: 24px !important;}
.lh-36{line-height: 36px !important;}
.lh-48{line-height: 48px !important;}
.overflow-y-hidden{overflow-y: hidden !important;}
.d-flex{display: flex !important;}
.d-inline{display: inline !important;}
.d-block{display: block !important;}
.flex-x-center{align-items: center !important;}
.flex-y-center{justify-content: center !important;}
.flex-xy-center{align-items: center !important; justify-content: center !important;}
/* 2411008:추가 */
.flex-start{justify-content: flex-start !important;}
.flex-end{justify-content: flex-end !important;}
.flex-sb{justify-content: space-between !important;}
.flex-direction-column{flex-direction: column !important;}
.flex-wrap-wrap{flex-wrap: wrap;}
.flex-basis-0{flex-basis: 0 !important}
.fw-400{font-weight: 400 !important}
.float-r{float: right !important;}
.align-center{text-align: center !important;}
.align-left{text-align: left !important;}
.txt-adress{font-size: 13px; color: #1a1a1a;}
.border-right-d9d9d9{border-right: 1px solid #d9d9d9 !important;}
.border-e5e5e5{border: 1px solid #e5e5e5;}
.flex-radio{display: flex !important;justify-content: flex-start !important;align-items: center !important;line-height: 18px !important; padding: 4px 0 4px 34px; min-height: 42px;}
.overflow-auto{overflow:auto !important;}
.overflow-x-auto{overflow-x:auto !important;}
.overflow-x-scroll{overflow-x:scroll !important;}
.overflow-y-auto{overflow-y:auto !important;}
.overflow-y-scroll{overflow-y:scroll !important;}
.bl-e5e5e5{border-left: 1px solid #e5e5e5;}
.text-cancel{text-decoration: line-through!important;}
.between{justify-content: space-between;}
.popup{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: white;padding: 20px;border: 1px solid #ccc;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);z-index: 9999;}
.cursor-zoomin{cursor: zoom-in;}
/* .cursor-x-resize{cursor: ew-resize;} */
.cursor-pointer{cursor: pointer;}
.cursor-defalut{cursor: default;}
.btnUpload{position: relative;width: 160px;height: 36px;margin-left: 5px;font-size: 14px;letter-spacing: -0.5px;color: #fff;background: #484848 !important;line-height: 36px;text-align: center;}
.region-etc{background-color:#fff9f2 !important;}
.bc-f5{background-color:#f5f5f5 !important;}
.bc-ed{background-color:#eceded !important;}
.bc-ff{background-color: #fff !important;}
.border-bottom-e5e5e5{border-bottom: 1px solid #e5e5e5 !important;}
.border-bottom-666666{border-bottom: 1px solid #666666 !important;}
.float-none{float: none !important;}
.flex-0{flex: 0 !important;}
/*230718:END */

/* 241108 */
.gap45{gap:45px !important;}
.tal{text-align: left !important;}

.clearfix {*zoom:1;}
.clearfix:before, .clearfix:after {display:table; line-height:0; content:'';}
.clearfix:after {clear:both;}

/* 20190405 csr 추가 */
.detail_tb.sub{border-top: 1px solid #666;}
.bor_bottom{border-bottom:1px solid rgba(0,0,0,0.1);}
.bor_dis tbody tr,.line_no{border-bottom:0 !important;}
.line_t tbody tr{border-bottom:1px solid rgba(0,0,0,0.1);}
.line_t tbody tr:last-child{border-bottom:0;}
.line_t tbody tr td{padding:20px 0 0;}

/* 20190918 jiae.lee 박람회 css 임의 변경 */
.detail_tb p.info_txt {margin-top:10px; font-size:12px; color:#1a1a1a;}

/* 20190918 jiae.lee 박람회 css 임의 변경 */
/* 회원가입 - 서비스 이용조건 */
.guide_tb {border-bottom:1px solid #b3b3b3;}
.guide_tb thead th {height:40px; line-height:18px; font-size:13px; background:#dedede; border-top:1px solid #999; border-bottom:1px solid #999; vertical-align:middle;}
.guide_tb tbody th, .guide_tb tbody td {height:50px; line-height:18px; border-bottom:1px solid #b3b3b3; vertical-align:middle;}
.guide_tb tbody th {padding:0 20px; font-size:15px; text-align:left; background:#f2f2f2;}
.guide_tb tbody td {font-size:13px; text-align:center;}
.guide_tb .ic_pay {display:inline-block; float:right; width:72px; height:24px; line-height:24px; font-size:13px; text-align:center; color:#fff; background:#666; border-radius:12px;}
.guide_tb .pay_service th, .guide_tb .pay_service td {border-bottom:none;}
.guide_tb .pay_service td {color:#b2b2b2; }
.guide_tb .pay_service.hb td {border-top:1px solid #e5e5e5;}
.guide_tb .pay_service.hb th {position:relative;}
.guide_tb .pay_service.hb th:before {display:inline-block; position:absolute; top:0px; right:0; width:92px; height:1px; background:#e5e5e5; content:'';}

/* 20190918 jiae.lee 박람회 css 임의 변경 */
/* 회원가입 - 계좌 입력 */
.account_info {margin-left:-5px; font-size:0;}
.account_info > * {display:inline-block; margin-left:5px;}
.account_info .select_box {width:320px;}
.account_info .input {width:370px;}

/* 20190918 jiae.lee 박람회 css 임의 변경 */
/* 회원가입 - 가맹점 신청 추가 */
.apply_box {padding-top:30px; border-top:1px solid #999; text-align:center;}
.apply_box > p {margin-bottom:9px; line-height:18px; font-size:16px;}
.apply_box .chk_item {margin-top:20px; margin-left:-50px; font-size:0;}
.apply_box .chk_item li {display:inline-block; margin-left:50px;}
.apply_box .account_info {margin-top:30px; padding:20px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.apply_box .account_info p {line-height:25px; font-size:14px;}

.check_select_box{position: relative; width: 203px; height: 36px; border: 1px solid #bfbfbf; text-align: left; padding: 9px 12px; background: url('../images/ic_dropdown_open.png') no-repeat right 12px center; background-size: 12px 7px; background-color: #fff;}

.checks_box{position: absolute; left: -1px; top: 39px; width: 203px; height: 192px; background-color: #fff; border: 1px solid #bfbfbf; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15); z-index: 99; display: flex;flex-direction: column; padding: 12px;}
.check_select_box .radio_w{margin-bottom: 8px;}
.check_select_box .checks_btn{position: absolute; bottom: 12px; left: 12px; background-color: #4c3bc5; width: 179px; height: 36px; color: #fff; display: flex;align-items: center; justify-content: center; cursor: pointer;}

/* 241113 추가 */
.mt-0px{
    margin-top: 0px !important;
    }
	.mt-5px{
		margin-top: 5px !important;
		}
		.mt-10px{
			margin-top: 10px !important;
			}
.mt-15px{
    margin-top: 15px !important;
    }
.mt-20px{
    margin-top: 20px !important;
    }
.mt-32px{
margin-top: 32px !important;
}

.mt-45px{
	margin-top: 45px !important;
	}

.fs-16px{
    font-size: 16px !important;
}

/* 20241114 추가 */
.horizontal-line > th:nth-of-type(n+2),
.horizontal-line > td:nth-of-type(n+2){
	border-left: 1px solid #e5e5e5 !important;
}

tr.pink > .purple {
	color: #f119a9 !important;
}

.n_medium.file-download-btn{
    height: 40px;
    padding: 12px 20px;
    width: 123px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}