/* width */

.w5 { width:5%; }
.w10 { width:10%; }
.w15 { width:15%; }
.w20 { width:20%; }
.w25 { width:25%; }
.w30 { width:30%; }
.w35 { width:35%; }
.w40 { width:40%; }
.w45 { width:45%; }
.w50 { width:50%; }
.w55 { width:55%; }
.w60 { width:60%; }
.w65 { width:65%; }
.w70 { width:70%; }
.w75 { width:75%; }
.w80 { width:80%; }
.w85 { width:85%; }
.w90 { width:90%; }
.w100 { width:100%; }

/*공통타이틀*/
.tt1 { display:block; overflow:hidden;  font:bold 16px 'Pretendard'; color:#191919; line-height:20px; line-height:22px; margin-bottom:10px; }
.tt2 { display:block; overflow:hidden;  font:bold 16px 'Pretendard'; color:#7D7D7D; letter-spacing:-0.6px; line-height:20px; }

.b141 { font:bold 14px 'Pretendard'; color:#999; letter-spacing:-0.34px; line-height:16px; }
.b161 { font:bold 16px 'Pretendard'; color:#999; letter-spacing:-0.34px; line-height:16px; }
.m171 { font: 17px 'Pretendard'; font-weight:500; color:#404040; letter-spacing:-0.34px; line-height:20px; }

.b12m4 { font: 12px 'Pretendard'; font-weight:500; color:#404040; letter-spacing:-0.34px; line-height:17px; }
.b12m7 { font: 12px 'Pretendard'; font-weight:500; color:#7D7D7D; letter-spacing:-0.34px; line-height:17px; }
.b13m4 { font: 13px 'Pretendard'; font-weight:500; color:#404040; letter-spacing:-0.34px; line-height:17px; }
.b13mf { font: 13px 'Pretendard'; font-weight:500; color:#FF4500; letter-spacing:-0.34px; line-height:17px; }
.b13s9 { font: 13px 'Pretendard'; font-weight:600; color:#999999; letter-spacing:-0.34px; line-height:17px; }
.b13b0 { font: 13px 'Pretendard'; font-weight:700; color:#000; letter-spacing:-0.34px; line-height:21px; }
.b13m0 { font: 13px 'Pretendard'; font-weight:400; color:#121212; letter-spacing:-0.34px; line-height:25px; }
.b14m1 { font: 14px 'Pretendard'; font-weight:500; color:#191919; letter-spacing:-0.34px; line-height:17px; }
.b14m7 { font: 14px 'Pretendard'; font-weight:500; color:#7D7D7D; letter-spacing:-0.34px; line-height:17px; }
.b14m9 { font: 14px 'Pretendard'; font-weight:500; color:#999; letter-spacing:-0.34px; line-height:17px; }
.b14bf { font: 13px 'Pretendard'; font-weight:500; color:#FF4500; letter-spacing:-0.34px; line-height:17px; }
.b14mff { font: 13px 'Pretendard'; font-weight:500; color:#fff; letter-spacing:-0.34px; line-height:17px; }
.b14b1 { font: 14px 'Pretendard'; font-weight:700; color:#191919; letter-spacing:-0.34px; line-height:21px; }
.b14bff { font: 14px 'Pretendard'; font-weight:700; color:#000; letter-spacing:-0.34px; line-height:21px; }
.b15m1 { font: 15px 'Pretendard'; font-weight:500; color:#191919; letter-spacing:-0.34px; line-height:21px; }
.b15m4 { font: 15px 'Pretendard'; font-weight:500; color:#404040; letter-spacing:-0.34px; line-height:21px; }
.b15m7 { font: 15px 'Pretendard'; font-weight:500; color:#7D7D7D; letter-spacing:-0.34px; line-height:21px; }
.b15m0 { font: 15px 'Pretendard'; font-weight:500; color:#000; letter-spacing:-0.34px; line-height:21px; }
.b15mf { font: 15px 'Pretendard'; font-weight:500; color:#FF4500; letter-spacing:-0.34px; line-height:21px; }
.b15s0 { font: 15px 'Pretendard'; font-weight:600; color:#000; letter-spacing:-0.34px; line-height:21px; }
.b15b1 { font: 15px 'Pretendard'; font-weight:700; color:#191919; letter-spacing:-0.34px; line-height:21px; }
.b15b4 { font: 15px 'Pretendard'; font-weight:700; color:#404040; letter-spacing:-0.34px; line-height:21px; }
.b15b7 { font: 15px 'Pretendard'; font-weight:700; color:#7D7D7D; letter-spacing:-0.34px; line-height:21px; }
.b15b9 { font: 15px 'Pretendard'; font-weight:700; color:#999; letter-spacing:-0.34px; line-height:21px; }
.b16m1 { font: 16px 'Pretendard'; font-weight:400; color:#191919;  letter-spacing:-0.34px; line-height:26px; }
.b16m4 { font: 16px 'Pretendard'; font-weight:400; color:#404040;  line-height:23px; }
.b16m7 { font: 16px 'Pretendard'; font-weight:500; color:#7D7D7D;  line-height:26px; }
.b16m76 { font: 16px 'Pretendard'; font-weight:500; color:#767676;  line-height:26px; }
.b16m9 { font: 16px 'Pretendard'; font-weight:500; color:#999999; letter-spacing:-0.34px; line-height:26px; }
.b16b0 { font: 16px 'Pretendard'; font-weight:500; color:#000; letter-spacing:-0.34px; line-height:20px; }
.b16b1 { font: 16px 'Pretendard'; font-weight:500; color:#191919; letter-spacing:-0.34px; line-height:20px; }
.b16b9 { font: 16px 'Pretendard'; font-weight:500; color:#999999; letter-spacing:-0.34px; line-height:20px; }
.b16b7 { font: 16px 'Pretendard'; font-weight:500; color:#7D7D7D; letter-spacing:-0.34px; line-height:20px; }
.b16s0 { font: 16px 'Pretendard'; font-weight:600; color:#000; letter-spacing:-0.34px; line-height:21px; }
.b16s4 { font: 16px 'Pretendard'; font-weight:600; color:#404040; letter-spacing:-0.34px; line-height:21px; }
.b16s7 { font: 16px 'Pretendard'; font-weight:600; color:#7D7D7D; letter-spacing:-0.34px; line-height:21px; }
.b17b0 { font: 17px 'Pretendard'; color:#000; letter-spacing:-0.34px; font-weight:500; line-height:24px; }
.b17b4 { font: 17px 'Pretendard'; color:#404040; letter-spacing:-0.34px; font-weight:500; line-height:24px; }
.b181 { font: 18px 'Pretendard'; color:#191919; letter-spacing:-0.34px; font-weight:500; line-height:20px; }
.b18m0 { font: 18px 'Pretendard'; font-weight:500; color:#000; letter-spacing:-0.34px; line-height:24px; }
.b18b1 { font: 18px 'Pretendard'; font-weight:700; color:#191919; letter-spacing:-0.34px; line-height:20px; }
.b19m1 { font: 19px 'Pretendard'; font-weight:500; color:#191919; letter-spacing:-0.5px; line-height:38px; }
.b20m0 { font: 20px 'Pretendard'; font-weight:500; color:#000; letter-spacing:-0.34px; line-height:24px; }
.b20b0 { font:bold 20px 'Pretendard'; color:#000; letter-spacing:-0.34px; line-height:24px; }
.b20b4 { font:bold 20px 'Pretendard'; color:#404040; letter-spacing:-0.34px; line-height:24px; }
.b20s0 { font: 20px 'Pretendard'; font-weight:600; color:#000; letter-spacing:-0.34px; line-height:24px; }
.b20s1 { font: 20px 'Pretendard'; font-weight:600; color:#191919; letter-spacing:-0.34px; line-height:24px; }
.b201 { font:bold 20px 'Pretendard'; color:#191919; letter-spacing:-0.34px; line-height:24px; }
.b20b1 { font: 20px 'Pretendard'; font-weight: 600; color:#191919; letter-spacing:-0.34px; line-height:24px; }
.b20b9 { font:bold 20px 'Pretendard'; color:#999999; letter-spacing:-0.34px; line-height:24px; }
.b22b0 { font: 22px 'Pretendard'; font-weight:600; color:#000; letter-spacing:-0.34px; line-height:24px; }
.b22b1 { font: 22px 'Pretendard'; font-weight:600; color:#191919; letter-spacing:-0.34px; line-height:24px; }
.b23b0 { font: 23px 'Pretendard'; color:#000; letter-spacing:-0.34px; line-height:24px;  font-weight:800; }
.b24m1 { font: 24px 'Pretendard'; font-weight:500; color:#191919; letter-spacing:-0.5px; line-height:40px; }
.b25b1 { font: 25px 'Pretendard'; font-weight:500; color:#191919; letter-spacing:-0.34px; line-height:30px; }
.b25b0 { font: 25px 'Pretendard'; font-weight:500; color:#000; letter-spacing:-0.34px; line-height:30px; }
.b25s0 { font: 25px 'Pretendard'; font-weight:500; color:#000; letter-spacing:-0.34px; line-height:30px; }
.b30m0 { font: 30px 'Pretendard'; color:#000; letter-spacing:-0.34px; font-weight:500;  line-height:34px; }
.b30bf { font: 30px 'Pretendard'; font-weight:500;   color:#fff; letter-spacing:-0.34px; line-height:34px; }
.b30b0 { font: 30px 'Pretendard'; font-weight:500; color:#000; letter-spacing:-0.34px; line-height:34px; }
.b30b1 { font: 30px 'Pretendard'; font-weight:500; color:#191919; letter-spacing:-0.34px; line-height:34px; }
.b30b4 { font: 30px 'Pretendard'; font-weight:500; color:#404040; letter-spacing:-0.34px; line-height:34px; }
.b42bf { font: 42px 'Pretendard'; font-weight:600; color:#fff; letter-spacing:-0.34px; line-height:45px; }
.b60b1 { font: 60px 'Pretendard'; font-weight:600; color:#121212; letter-spacing:-0.34px; }
.b90b1 { font: 90px 'Pretendard'; font-weight:600; color:#121212; letter-spacing:-0.34px; }


.font_p1 { font: 20px 'Paperlogy'; font-weight:600; letter-spacing:-1px; }
.font_p2 { font: 20px 'Paperlogy'; font-weight:600; letter-spacing:-1px; }
.font_p3 { font: 17px 'Paperlogy'; font-weight:400; letter-spacing:-1px; }
.font_p4 { font: 25px 'Paperlogy'; font-weight:600; letter-spacing:-1px; }


/*공통버튼*/

.btn1 { padding:3px 7px; font: 14px 'Pretendard'; font-weight:500; background-color:#BEBEBE; border-radius:2px; }
.btn2 { display:inline-block; padding:3px 7px 3px 7px; font: 14px 'Pretendard'; font-weight:500; background-color:#E8E8E8; border-radius:2px; }
.btn2.b2on { background-color:#FF4500; color:#fff; }
span.close { width:10px; height: 10px; }
span.close:before, .close:after { position: absolute;left: 15px;content:' ';height: 40px; width: 2px;background-color: #000; }
span.close:before { transform: rotate(45deg); }
span.close:after { transform: rotate(-45deg); }
.btn3 { display:block; width:100%; height:50px; background-color:#FF4500;  font:bold 17px/50px 'Pretendard'; color:#EEEEEE; border-radius:10px; text-align:center; box-shadow: 3px 3px 3px rgb(0, 0, 0, 0.2);  }
.btn3.gr { background-color:#7D7D7D;  font: 16px/50px 'Pretendard'; font-weight: 600; box-shadow: 3px 3px 3px rgb(0, 0, 0, 0.0);  }
.btn4 { display:block; width:100%; height:50px; background-color:#FF4500;  font:bold 15px/50px 'Pretendard'; color:#EEEEEE; border-radius:10px; text-align:center; box-shadow: 3px 3px 3px rgb(0, 0, 0, 0.2);  }
.btn5 { padding:3px 7px; font: 14px 'Pretendard'; font-weight:700; background-color:#BEBEBE; border-radius:3px; }
.btn6 { display:inline-block;  background-color:#7D7D7D; color:#fff; font:bold 15px/37px 'Pretendard'; padding:0 20px; border-radius:5px; height:37px; }
.btn7 { display:inline-block; padding:3px 7px 3px 7px; font: 13px 'Pretendard'; font-weight:500; background-color:#FF4500; border-radius:4px; color:#fff; }
.btn8 { display:inline-block; padding:5px 7px; font: 13px 'Pretendard'; font-weight:600; background-color:#FF4500; border-radius:5px; color:#fff; box-shadow: 3px 3px 3px rgb(0, 0, 0, 0.2);  }
.btn9 { display:inline-block; width:30%; height:30px; background-color:#FF4500; font: 16px/30px 'Pretendard'; color:#EEEEEE; font-weight:500; border-radius:5px; text-align:center; box-shadow: 3px 3px 3px rgb(0, 0, 0, 0.2);  }
.btn10 { display:inline-block; width:30%; height:30px; background-color:#595959; font: 16px/30px 'Pretendard'; color:#EEEEEE; font-weight:500; border-radius:5px; text-align:center; box-shadow: 3px 3px 3px rgb(0, 0, 0, 0.2);  }
.btn11 { display:inline-block; width:90%; height:40px; background-color:#3068ff; font: 16px/40px 'Pretendard'; color:#fff; font-weight:400; border-radius:5px; text-align:center; box-shadow: 3px 3px 3px rgb(0, 0, 0, 0.2);  }

span.close2 { display:inline-block;  }
span.close2:after { display: inline-block; content: "\00d7"; font-size:13pt; }

/*이것으로써라*/
.btn_txt2 { display: inline-block;  text-align: center; background: none; font: 14px 'Pretendard'; font-weight:400; border: 1px solid #000; padding: 3px 10px; border-radius:5px; }
.btn_txt2.ss { color: red; background-color: #fff; border-color: red; }
.btn_txt2.ss:hover { color: #000;  }
.btn_txt2.sm { color: #fff; background-color: #6670ad; border-color: #6670ad; }
.btn_txt2.sm:hover { border:1px solid #000; }
.btn_txt2.gg { color: #fff; background-color: #aaa; border-color: #aaa; }
.btn_txt2.gg:hover { background-color: #000; }
.btn_txt2.og { color: #fff; background-color: #595959; border-color: #595959; }
.btn_txt2.og:hover { background-color: #000; }

.agree1_icon, .agree2_icon, .agree3_icon { display: inline-block;  width: 20px;  height: 20px;  background-color: #ddd;  position: relative;  cursor: pointer;  border-radius:50%;  margin-right:5px; }
.agree1_icon::before, .agree1_icon::after, .agree2_icon::before, .agree2_icon::after, .agree3_icon::before, .agree3_icon::after { content: '';  display: inline-block;  width: 2px;  height: 0;  background-color: #000;  position: absolute;  transform-origin: left top; }
.agree1_icon::before , .agree2_icon::before , .agree3_icon::before { top: 9px;  left: 2px; transform: rotate(-45deg); }
.agree1_icon::after, .agree2_icon::after, .agree3_icon::after { top: 16px; left: 9px; transform: rotate(-135deg); }

.checkbox input:checked + .agree1_icon::before { height: 10px; transition: all 0.15s ease; }
.checkbox input:checked + .agree1_icon::after { height: 14px; transition: all 0.15s ease 0.15s; }
.checkbox input:checked + .agree2_icon::before { height: 10px; transition: all 0.15s ease; }
.checkbox input:checked + .agree2_icon::after { height: 14px; transition: all 0.15s ease 0.15s; }
.checkbox input:checked + .agree3_icon::before { height: 10px; transition: all 0.15s ease; }
.checkbox input:checked + .agree3_icon::after { height: 14px; transition: all 0.15s ease 0.15s; }


/* SELECT */

.select:before { position: absolute; right: 8px; top: 50%; margin-top: -4px; content: ""; display: block; overflow: hidden; width: 5px; height: 5px; border:0; border-top: 0; border-right: 0;  }
.select select { display: block; overflow: hidden; width: 100%;  text-align: left; }

/* INPUT */

.input { display: inline-block; width: 100%; height: 35px; line-height: 30px; color: #303030;  font: 15px 'Pretendard'; font-weight:400; letter-spacing:-0.5px; border: 1px solid #d0d0d0; background-color: #fff; padding: 0 10px; border-radius:5px; }
.input:focus { background-color: #e8f4fa; }
.input:read-only { background-color: #f9f9f9; }
.input:disabled { border-color: #efefef; background-color: #f9f9f9; }
.input::placeholder {  font: 16px 'Pretendard'; font-weight:400; letter-spacing:-0.5px; color:#aaa; }
.input.num { width: 15%; text-align: center; font: 12px 'Roboto'; padding: 0; }
.input.num + .txt { padding: 0 10px; }
.input.w40 { width:40px; }
.input.w50 { width:50px; }
.input.w60 { width:60px; }
.input.w70 { width:70px; }
.input.w80 { width:80px; }
.input.w90 { width:90px; }
.input.w100 { width:100px; }
.input.w150 { width:150px; }
.input.w180 { width:180px; }
.input.w200 { width:200px; }
.input.w250 { width:250px; }
.input.w300 { width:300px; }
.input.w400 { width:400px; }
.input.wpay { font-weight:bold; }
.input.sel { padding-right:0; line-height:25px; }
.input.file { padding:0; line-height:25px; }
.input.chkbo { -webkit-appearance:checkbox; width:20px; }
.input.chkbo2 { -webkit-appearance:checkbox; width:15px; height:auto; }
.input.chkbo:focus { background-color: #fff; }
.input.hided { width:0px; height:0px; }

.input.w00 { width:0px;  height:0px; border:0; }

/* 새로 생성한 내용 */
.BList1_p { position:relative; display:block; overflow:hidden; width:100%; border-top:1px solid #595959; border-bottom:1px solid #000; }
.BList1_p ul { display:flex; align-items:stretch; justify-content:center; align-content:center; flex-wrap:wrap; overflow:hidden; border-bottom:1px solid #aaa;  font: 15px 'Pretendard'; font-weight:500; }
.BList1_p ul li { display: inline-block; overflow: hidden; float:left; padding:15px 0; text-align:left; line-height:19px; }
.BList1_p ul li.t_r_g { text-align:right; background-color: #f5f5f5; padding-right:10px; }
.BList1_p ul li.t_l_g { text-align:left; background-color: #f5f5f5; padding-left:10px; }
.BList1_p ul li.t_c_g { text-align:center; background-color: #f5f5f5; }
.BList1_p ul li.t_r { text-align:right; }
.BList1_p ul li.t_l { text-align:left; padding-left:10px; }
.BList1_p ul li.t_c { text-align:center;  }
.BList1_p ul li.t_r_g_b { text-align:right; background-color: #f5f5f5; border-right:1px solid #ddd; }
.BList1_p ul li.t_l_g_b { text-align:left; background-color: #f5f5f5; padding-left:10px;  border-right:1px solid #ddd;  }
.BList1_p ul li.t_c_g_b { text-align:center; background-color: #f5f5f5; border-right:1px solid #ddd;  }
.BList1_p ul li.t_r_b { text-align:right; border-right:1px solid #ddd; }
.BList1_p ul li.t_l_b { text-align:left; padding-left:10px; border-right:1px solid #ddd; }
.BList1_p ul li.t_c_b { text-align:center; border-right:1px solid #ddd;  }
.BList1_p ul li textarea.write_con { width:100%; height:200px; border:1px solid #ddd; padding:10px; line-height:18px; }
.BList1_p ul li textarea.write_con2 { width:100%; height:100px; border:1px solid #ddd; padding:10px; line-height:18px; }
.BList1_p ul li.m_m { display:none; }

.BList1_p ul li.ss1 { color:#1b90cd; }
.BList1_p ul li.ss2 { color:blue; font-weight:bold; }
.BList1_p ul li.ss4 { color:red; }
.BList1_p ul.m { display:none; } /*모바일용*/

.BList1_p span.noti1 { font-size:12px; font-weight:bold; color: #6670ad;  }
.BList1_p span.noti2 { padding-top:10px; font-size:11px; font-weight:bold; color: #6670ad;  }
.BList1_p span.sp_noti { font: 14px 'Pretendard'; font-weight:400; margin-left:7px; color:#343434; float:none; letter-spacing:-0.8px; }

.BList1_p ul li div.combo_b  { display: inline-block; overflow: hidden; float:left; margin-right:10px;  }
.BList1_p ul li div.combo { display: inline-block; overflow: hidden; float:left; }

.BList1_p p  { display:block; overflow:hidden; padding:5px 0; text-align:center; font-size:13px; }
.BList1_p ul li>p.p1 { text-align:left; font-size:15px; font-weight:bold; padding-right:10px; }
.BList1_p ul li>p.p2 { text-align:left; font-size:14px; padding-right:10px; }
.BList1_p ul li>p.p3 { text-align:center; font-size:14px; }
.BList1_p ul li>p.p4 { text-align:center; font-size:14px; font-weight:bold; }
.BList1_p ul li>p.p5 { border-bottom:1px solid #ddd;  text-align:left; padding-bottom:10px;  }
.BList1_p ul li>p.p6 { text-align:left; padding-top:10px;  }

.Bpg { position:relative; display:block; overflow:hidden; width:100%; padding:15px 0 30px 0; text-align:center; }
.Bpg span { display:inline-block; overflow:hidden; width:auto; height:32px; text-align:center; font:bold 21px/32px 'NanumSquare', sans-serif; transform:skew(-0.03deg); margin:0 5px; }
.Bpg span.SEL { color:#698135; border-bottom:2px solid #698135;  }