/*폰트*/
/*편집기*/
.cheditor-container {width:100% !important;}
.cheditor-container .cheditor-modify-block input[type="text"] {width:auto; height:auto; padding:0; font-size:auto; margin:0;}
.cheditor-editarea {height:400px !important;}

/*데모체험*/
.sample_info {position:fixed; animation-name:point; right:20px; bottom:10px; animation-duration:1.5s; animation-iteration-count:infinite; animation-direction:alternate; border:2px solid #e84166; border-radius:10px; box-shadow:0 2px 5px #ccc; padding:15px; background:#fff; text-align:center; z-index:99999; }
@keyframes point {
from{bottom:10px;}
to{bottom:20px;}
}
.sample_info>p {font-size:13px; line-height:18px; color:#444; }
.sample_info>p b.col2 {color:#333;}
.sample_info>p b.col1 {color:#FF6559;}
.sample_info div {border:1px solid #ccc; border-radius:5px; padding:10px; margin-top:10px;}
.sample_info div p {font-size:13px; color:#444; line-height:18px; border-top:1px dashed #ddd; padding-top:8px; margin-top:8px; letter-spacing:-0.8px;}
.sample_info div b {font-weight:bold; font-size:14px; color:#222;}
.sample_info div a {position:relative; display:flex; align-items:center; justify-content:center; border-radius:4px; background:#e84166; color:#fff; padding:7px 10px; font-size:14px; margin-bottom:5px;}
.sample_info div a span {display:inline-block; width:22px; height:22px; color:#fff; text-align:center; border-radius:50px; 
background:rgba(0,0,0,0.3); font-size:9px; line-height:22px; margin-left:5px;}
.sample_info div a.netfu_go::before {content:""; position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.sample_info div em { display:flex; align-items:center; position:relative; z-index:1;}

/* Reset */
html, body{height:100%}
html{font-size:16px;overflow-y:scroll;}
*{outline:0;margin:0;padding:0;border:0;vertical-align:top;outline:none;box-sizing:border-box;zoom:1}
.cheditor-container * { box-sizing:content-box; } /*에디터용 css*/
*::before,
*::after {box-sizing:border-box;}
*, body{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; font-weight:500;}
body{font-family:'Pretendard Variable','Pretendard','Noto Sans KR','Malgun Gothic','맑은고딕','돋움','dotum','굴림','Gulim','Apple SD Gothic Neo','Helvetica Neue','Helvetica','Roboto','Arial',sans-serif;line-height:1;word-break:break-all;color:#333}
*:focus{outline:none}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, 
ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;-webkit-tap-highlight-color:transparent}
ul, li, ol{list-style:none}
a{text-decoration:none !important;color:#000;margin:0;padding:0;text-decoration:none;vertical-align:baseline;background:transparent}
a:hover{text-decoration:none !important}
img{border:0 none;vertical-align:top; height:auto;}
img, video{max-width:100% !important; min-width:auto !important;}
table{border-collapse:collapse;border-spacing:0}
a {display:block;}
a:active, a:hover, a:visited, a:link{outline:0 none;text-decoration:none}
a, img{border:0;outline:none}
figure{margin:0}
legend{border:0;padding:0}
fieldset{border:0}
em,address{font-style:normal}
input,select,button{cursor:pointer;font:inherit}
/*input{background:#fff}
input:focus{border:1px solid #a6c8ff !important}*/
textarea{overflow:auto;vertical-align:top;resize:none}
textarea:focus{box-sizing:border-box}
input[type="radio"]{border:none !important;outline:0 !important;box-shadow:none;vertical-align:middle}
input[type="checkbox"]{border:none !important;outline:0;box-shadow:none;vertical-align:middle}
input[type="text"].long {max-width:350px !important;}
input[type="text"].long100 {max-width:100% !important;}
pre{overflow-x:scroll}
button {margin:0; padding:0; outline:none; color: inherit;  -webkit-appearance: none;  background: none;
  border: none;}

/*대부중개*/
body {background-color:#f5f7fa;}

/*19adult*/
.adult { position:fixed; width:100%; height:100%; background:#f4f4f4; padding:50px 10px; z-index:100000; }
.adult_box {width:100%; margin:0 auto; max-width:950px; background:#fff; border-radius:30px; padding:40px; box-shadow:0px 0px 20px rgba(0,0,0,0.1);  }
.adult .adult_ex {display:flex; flex-wrap:wrap; align-items:center; letter-spacing:-1px;}
.adult .adult_ex .img {width:100%; max-width:148px;}
.adult .adult_ex .txt {width:calc(100% - 148px - 4%); margin-left:4%; font-size:20px; line-height:30px; color:#333; }
.adult .adult_ex .txt span {font-weight:500;}
.adult .adult_ex .txt strong {font-size:30px;  line-height:40px; color:#111;}
.adult .adult_ex .adult_out {overflow:hidden; width:100%;  padding-top:20px; border-top:1px solid #ddd; margin-top:20px;}
.adult .adult_ex .adult_out p:nth-of-type(1) {float:left; width:100%; }
.adult .adult_ex .adult_out p:nth-of-type(2) {float:right; width:auto;}
.adult .adult_ex .adult_out p {font-size:14px; line-height:22px; color:#777; margin-bottom:10px;}
.adult .adult_ex .adult_out p b {font-weight:500;}
.adult .adult_ex .adult_out p a {display:inline-block; background:#fc686b; border:1px solid #e6505b; color:#fff; padding:15px 15px; font-size:15px; text-shadow:1px 1px 1px rgba(200,7,79,0.5); text-align:center;}
.adult table .mem_cho {overflow:hidden; margin-bottom:15px;}
.adult table .mem_cho li {float:left; margin-left:15px;}
.adult table .mem_cho li:first-child {margin-left:0;}
.adult table .mem_cho label input {margin-right:3px;}
.adult table th {color:#62708c; font-weight:500;}
.adult table div {display:flex;}
.adult table div p {width:70%;}
.adult table div .login {display:flex; align-items:center; justify-content:center; width:28%; margin-left:2%; font-size:18px; font-weight:500; background:#273953; color:#fff;border-radius:3px; padding:0;}
.adult table div p input {width:100%; margin:0;}
.adult table div p input:nth-of-type(1) {margin-bottom:5px;}
.adult table .bl {border-left:1px solid #ddd;}
.adult table.style3 td {padding:15px;}
.adult table .base {display:flex; align-items:center;}
.adult table .base li {width:100%; margin:0 1%;}
.adult table .base button {background:#0d78bf; border:2px solid #2b6599; color:#fff; font-weight:500; text-align:center; border-radius:5px; width:100%; padding:15px; font-size:18px;}
.adult table .bbt button {background:#0d78bf; border:2px solid #2b6599; color:#fff; font-weight:500; text-align:center; border-radius:5px; width:100%; padding:15px; font-size:18px;}
.adult .domain {text-align:center; font-size:13px; margin-top:20px; color:#999; letter-spacing:0px;}



/*공통*/
.tac {text-align:center !important;;}
.tar {text-align:right !important;;}
.tal {text-align:left !important;}
.li_input {width:100%; flex-wrap:wrap; gap:10px 15px; }
.li_input label {cursor:pointer;}
.li_input input[type="checkbox"],
.li_input input[type="radio"] {width:20px; height:20px; margin-right:5px}
.bojo_flex {gap:10px; flex-wrap:wrap;} /*보조텍스트 표에서 위 아래 가운데 정렬 하고 싶을 시*/
.bojo {display:inline-block; color:#e2681e; font-size:13px; line-height:1.3;}
.bojo b {font-weight:bold;}
.bojo2 {display:block; color:#888; font-size:12px;  line-height:1.3; margin-top:10px; font-weight:400;}
.bojo2 i {color:#ff5b5b; margin-right:3px;}
.bojo3 {display:inline-block; vertical-align:middle; color:#e2681e; font-size:12px;  line-height:1.3; font-weight:400;}
.w100 {width:100% !important;}
.next_btn {gap:10px; justify-content:center; margin-top:40px;}
.next_btn.flex {align-items:stretch;}
.next_btn button {width:40%;background-color:var(--pick-color); color:var(--bg-txt-color); padding:20px; font-size:18px; font-weight:550; border:1px solid var(--pick-color); border-radius:5px; word-break:keep-all;}
.next_btn button.back {background-color:#aeb1b7; color:#fff; border-color:#aeb1b7;}
.gap5 {gap:5px;}
.next_btn button.border {background:#fff; border:1px solid var(--pick-color); color:var(--pick-color);}
.help_text {display:flex; flex-wrap:wrap; flex-direction:column; gap:5px; background:#fbfbfb; border:2px solid #eee; padding:18px 18px; font-size:14px; color:#555; line-height:1.4; margin-bottom:20px;}
.help_text li {}
.help_text li::before {position:relative; top:-4px; content:""; display:inline-block; width:2px; height:2px; background-color:#333; margin-right:5px;}


.MAB5 {margin-bottom:5px !important;}
.MAB10 {margin-bottom:10px !important;}
.MAT10 {margin-top:10px !important;}
.MAT30 {margin-top:30px !important;}
.MAT40 {margin-top:40px !important;}

/*sns별*/
.sns_naver {background-color:#00c13a !important; }
.sns_kakao {background-color:#fae100 !important;}
.sns_line {background-color:#03bd02 !important;}
.sns_navertalk {background-color:#03bd02 !important;}
.sns_telegram {background-color:#00aae8 !important;}
.sns_twitter {background-color:#000 !important;}
.sns_wechat {background-color:#00c10a !important;}
.sns_facebook {background-color:#3b5793 !important;}
.sns_instagram {background:linear-gradient(to right, #f9ce34, #ee2a7b, #6228d7) !important;}
.sns_kakaostory {background-color:#fee500 !important;}
.sns_naverband {background-color:#21c531 !important;}
.sns_naverblog {background-color:#06bf59 !important;}
.link_clip {background:#333 !important; color:#fff !important; }

/*레이어팝업*/
.layer_pop {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:50%; max-width:600px; min-width:320px; background:#fff; box-shadow:0 0px 20px rgba(0,0,0,0.1);  padding:25px; border-radius:10px; z-index:1000;}
.layer_pop .tit {font-size:20px; font-weight:800; margin-bottom:15px; }
.layer_pop select {width:100%; border:1px solid #ddd; height:40px; line-height:40px; border-radius:5px; padding:0 10px; font-size:15px;}
.layer_pop .btn {justify-content:center; gap:10px; margin-top:15px;}
.layer_pop .btn button { padding:10px; border:1px solid; font-size:15px; border-radius:5px;}
.layer_pop .btn button.white {background-color:#fff; color:var(--pick-color); border-color:var(--pick-color);}
.layer_pop .btn button.color {background-color:var(--pick-color); color:var(--bg-txt-color); border-color:var(--pick-color);}
.layer_pop textarea {width:100%; height:100px; border:1px solid #aaa; padding:10px; font-size:14px; line-height:1.4; color:#444;  margin-top:10px; font-family:'Pretendard Variable','Pretendard','Noto Sans KR','Malgun Gothic','맑은고딕','돋움','dotum','굴림','Gulim','Apple SD Gothic Neo','Helvetica Neue','Helvetica','Roboto','Arial',sans-serif; }
.layer_pop textarea::placeholder {color:#888; font-size:14px;}
.layer_pop .scroll {max-height:400px; overflow-y:auto; border:1px solid #d5d5d5; padding:10px; text-align:center;} /*세로스크롤이필요할때*/
.layer_pop .wrap { border:1px solid #d5d5d5; padding:20px; margin:0;} /*감싸주는 박스가 필요할 때*/

/*레이어팝업 개별조절*/
.layer_pop.product_input .left {width:100%;}
.layer_pop.product_input .left .preview_p_wrap {display:flex;}
.layer_pop.product_input .list_area {padding:0;}
.layer_pop.service_bg table button {width:58px; background-color:var(--pick-color); color:var(--bg-txt-color); border-radius:3px; font-size:14px; padding:10px 0px; text-align:center;}

.line1{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* 문장 한줄(···) */
/*.line2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;white-space:normal !important;text-overflow:ellipsis;text-align:left; word-wrap:break-word;max-height:43px;}*/
.line_int { display:-webkit-box;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical }
.line2{display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical}
.line3{display:-webkit-box;-webkit-line-clamp:3;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical}
.line4{display:-webkit-box;-webkit-line-clamp:4;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical}
.line5{display:-webkit-box;-webkit-line-clamp:5;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical}
.line6{display:-webkit-box;-webkit-line-clamp:6;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical}
.line7{display:-webkit-box;-webkit-line-clamp:7;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical}
.line8{display:-webkit-box;-webkit-line-clamp:8;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical}
.line9{display:-webkit-box;-webkit-line-clamp:9;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical}
.line10{display:-webkit-box;-webkit-line-clamp:10;overflow:hidden;white-space:normal !important;text-overflow:ellipsis;-webkit-box-orient:vertical}

/*배너*/
.banner_w_white {background-color:#fff;}
.banner_wrap {display:flex; flex-wrap:wrap; justify-content:center; width:100%; max-width:1280px; margin:0 auto; color:#fff; overflow:hidden; position:relative; z-index:0; /*메뉴침범막기*/ color:#fff;}
.banner_wrap .item_ {display:inline-block;}
.banner_wrap img {display:block; max-width:100%; height:auto !important;}
.banner_wrap .banner_list_ {display:flex; flex-wrap:wrap;}
.banner_wrap .cycle-slideshow {display:flex;}
.banner_wrap .cycle-slideshow .cycle-slide {width:100%;}

/*개별배너조절*/
.banner_main_B_list_ {margin-top:40px;}
.banner_main_C_list_ {margin-top:40px;}
.banner_main_D_list_ {margin-bottom:40px;}
.banner_main_E_list_ {margin-top:40px;}
.banner_main_F_list_ {margin-top:40px;}
.banner_main_G_list_ {margin-bottom:40px;}
.banner_area_A_list_ {margin-top:20px;}
.banner_area_C_list_ {margin-top:40px;}
.banner_area_E_list_ {margin-bottom:40px;}
.banner_item_A_list_ {margin-top:20px;}
.banner_item_C_list_ {margin-top:40px;}
.banner_item_E_list_ {margin-bottom:40px;}
.banner_inquiry_A_list_ {margin-top:20px;}
.banner_inquiry_B_list_ {margin-top:30px;}
.banner_inquiry_C_list_ {margin-bottom:40px;}
.banner_loans_A_list_ {margin-bottom:20px}
.banner_loans_B_list_ {margin-top:20px}
.banner_loans_C_list_ {margin-bottom:20px}
.banner_loans_D_list_ {margin-top:20px}
.banner_common_G_list_ {margin:20px 0;}
.banner_counseling_A_list_ {margin-bottom:20px;}
.banner_counseling_B_list_ {margin-top:20px;}
.banner_counseling_C_list_ {margin-top:40px;}
.banner_common_C_list_ {margin-bottom:50px;}
.banner_common_D_list_ {margin-top:50px;}
.banner_common_H_list_ {margin-bottom:40px;}
.banner_common_I_list_ {margin-top:20px;}
.banner_board_B_list_ {margin-bottom:40px;}
.banner_board_C_list_ {margin-top:40px;}

/*페이징*/
.paging {width:100%; justify-content:center; margin-top:30px;}
.paging ul {justify-content:center; gap:4px;  flex-wrap:wrap;}
.paging ul a { min-width:40px; line-height:40px; border:1px solid #e8e8e8; border-radius:3px; font-size:13px; color:#777; text-align:center; background-color:rgba(255,255,255,0.9);}
.paging ul img {height:12px; vertical-align:middle;}
.paging ul .next,
.paging ul .next_all img {transform:rotate(180deg)}
.paging ul .on a {background-color:var(--pick-color); color:var(--bg-txt-color); border-color:var(--pick-color); }
.paging ul li:hover a {border-color:var(--bg50); color:var(--pick-color); }
.paging ul li.on:hover a {color:var(--bg-txt-color);}

/*사이드배너 + 퀵메뉴*/
.side_banner_wrap {width:1700px; margin:0 auto 0 auto; position:sticky; position: -webkit-sticky;  top:65px; z-index:999; }
.side_banner_wrap .side_banner {position:absolute; margin-top:20px; width:160px; max-width:160px; /*overflow:hidden;*/}
.side_banner_wrap .side_banner img {max-width:100%;}
.side_banner_wrap .left .side_banner {left:0%;}
.side_banner_wrap .right .side_banner {right:0%;}
.side_banner_wrap .item_ {width:100%}
.side_banner_wrap .recent {box-shadow:0px 4px 15px rgba(0,0,0,0.07); background:#fff; border-radius:10px; margin-bottom:10px; overflow:hidden;}
.side_banner_wrap .recent p {position:relative; background-color:var(--pick-color); color:var(--bg-txt-color); text-align:center; font-size:14px; padding:10px 5px; font-weight:bold; overflow:hidden;}
.side_banner_wrap .recent p::before {position:absolute; right:0; top:0; content:""; display:block; width:100%; height:100%; background:linear-gradient(90deg,rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 100%); opacity:0.2;}
.side_banner_wrap .recent div {padding:0 10px;}
.side_banner_wrap .recent ul {border-bottom:1px solid var(--bg10); padding:7px 0;}
.side_banner_wrap .recent ul a {display:block; color:#555555; font-size:13px; font-weight:400; padding:6px 0;  text-align:center;}
.side_banner_wrap .recent ul a:hover {color:#111;}
.side_banner_wrap .recent button {width:100%; color:var(--pick-color); font-size:12px; text-align:center; padding:10px;}
.side_banner_wrap .recent button:hover {font-weight:bold;}
.side_banner_wrap .quick_menu ul {border:1px solid #e8e8e8; border-radius:8px; background:#fff; margin-bottom:10px; padding:5px 10px 5px 10px; box-shadow:inset 0px 0px 10px rgba(0,0,0,0.03); background-color:#fafcff;}
.side_banner_wrap .quick_menu ul li:last-child a {border-bottom:0;}
.side_banner_wrap .quick_menu ul a {display:flex; align-items:center; justify-content:space-between; font-size:13px; color:#555555; text-align:center; line-height:1.4; font-weight:400; letter-spacing:-0.5px; border-bottom:1px solid #eaebee; padding:10px 0;}
.side_banner_wrap .quick_menu ul span {display:flex; align-items:center; justify-content:center; width:32px; height:32px; background-color:#e6e8eb; border-radius:100px; font-size:13px;}
.side_banner_wrap .quick_menu ul a:hover {color:var(--pick-color); }
.side_banner_wrap .quick_menu ul a:hover span {color:var(--bg-txt-color); background-color:var(--pick-color); }
.side_banner_wrap .quick_menu ul .top {margin:17px 0 0 0; }
.side_banner_wrap .quick_menu ul .top:hover button {background:#f1f1f1; color:#555;}
.side_banner_wrap .quick_menu button {width:100%; background:#fafcff; color:#858585; font-weight:bold; border-radius:3px; padding:7px; font-size:12px; text-align:center; box-shadow:inset 0px 0px 10px rgba(0,0,0,0.03); border:1px solid #e8e8e8; }
.side_banner_wrap .quick_menu button:hover {color:#555;}



/*서비스상품*/
.service .preview h3 .tcol {color:#ff3838;} /*글자색 - 서비스안내 미리보기 때문에 css유지*/
.service .preview h3 .fbg { background-color:#fdef9f ;} /*형광펜 - 서비스안내 미리보기 때문에 css유지*/
.fwb {font-weight:900 !important;} /*굵은글자*/
.bcol {border-width:2px !important;} /*테두리강조*/
.i_con img {margin-right:5px; vertical-align:middle;} /*아이콘*/

/*기본일반팝업레이어*/
.d_popup {position:absolute; z-index:10000; background:#fff; font-size:13px; background:#fff;}
.d_popup > div {background:#fff; box-shadow:0 0 30px rgba(0,0,0,0.05);}
.d_popup .pop_title {width:100%; font-size:14px; background:#222; color:#fff; padding:10px;}
.d_popup .pop_bottom {overflow:hidden; background:#eee; padding:10px; font-size:13px; text-align:right;}
.d_popup .pop_bottom label {vertical-align:middle; line-height:25px;}
.d_popup .pop_bottom button {background:#fff; padding:0 5px; border:1px solid #ccc; color:#555; margin-left:10px; line-height:25px;}
.d_popup img {width:100% !important;}



/*테이블 스크롤*/
.table_wrap {position:relative; overflow-x:auto;}
.table_wrap::-webkit-scrollbar {width: 3px; height:3px;}
.table_wrap::-webkit-scrollbar-thumb {background: #a9a9a9;}
.table_wrap::-webkit-scrollbar-track {background-color:#f2f2f2}
.l_r_scroll {display:none; font-size:13px; color:#ccc; margin-bottom:15px;}
.l_r_scroll::before {content:"- ";}
.l_r_scroll i {animation:timing 2.5s linear infinite;  position:relative;}

@keyframes timing{
 0%{left:0; top:0;}
 50%{left:30px; top:0;}
 100%{left:0; top:0; }
}

/*라디오,체크박스 버튼 형식으로 커스텀*/
.check_style01 {display:flex; gap:6px; flex-wrap:wrap;}
.check_style01 label {display:inline-block; width:110px; height:100%; padding:10px 0; border:1px solid #eaecef; background-color:#fafafa; border-radius:3px; cursor:pointer; color:#333333; text-align:center;}
.check_style01 label:has(input:checked){  background:#fff;  color:var(--pick-color);  border-color:var(--pick-color);}
.check_style01 label input {display:none;}



/*버튼*/
a.gray {display:inline-block; border:1px solid #e4e4e4; background-color:#f6f6f6; border-radius:3px; padding:4px 6px; color:#757575; font-size:12px;}
button.gray {border:1px solid #e4e4e4; background-color:#f6f6f6; border-radius:3px; padding:4px 6px; color:#757575; font-size:12px;}

/*테이블공통*/
table td input[type="text"],
table td input[type="password"] {width:50%; height:40px; line-height:40px; border:1px solid #eaecef; border-radius:3px; color:#555; padding:0 10px; vertical-align:middle;}
table td input::placeholder {color:#999; font-size:14px; font-weight:400;}
table td select {width:200px; height:40px; line-height:40px; border:1px solid #eaecef; border-radius:3px; color:#555; padding:0 10px;}
table .overlap {}
table .overlap {}
table .tell_wrap {gap:10px; margin-bottom:8px;}
table .tell_wrap:last-of-type {margin-bottom:0;}
table .tell {gap:5px; }
table .tell_check {gap:10px;}
table .tell input[type="text"] {width:60px;}
table .add_regist {flex-wrap:wrap; gap:5px; width:100%;}
table .add_regist2 {flex-wrap:wrap; gap:5px; margin-bottom:5px;}
table .add_regist2 input[type="text"] {width:100px !important;}
table .add_regist2 button.col {min-width:100px}
table .add_regist3 {flex-wrap:wrap; gap:5px;}
table .add_regist3 input:first-child {width:300px !important;}
table .add_regist3 input:last-child {width:calc(100% - 300px - 5px) !important;}
table .call_yes {flex-wrap:wrap; gap:8px 25px;}
table .call_yes > div {gap:10px;}
table .calendar_wrap {gap:5px;} /*년월~년월 일 경우*/
table .calendar {width:145px; background-color:#fafafa; border:1px solid #eaecef; border-radius:3px;}
table .calendar input[type="text"] {width:120px; background-color:transparent; border:none;}
table .calendar i {vertical-align:middle;}
table.full td input[type="text"],
table.full td input[type="password"] {width:30%;}

table button.col {min-width:100px; border-radius:3px; height:40px; line-height:40px; background-color:var(--pick-color); color:var(--bg-txt-color); padding:0;}
table button.col2 {min-width:100px; border-radius:3px; height:40px; line-height:40px; background-color:#a0a6bd; color:var(--bg-txt-color); padding:0;}
table button.white {border:1px solid #ddd; border-radius:3px; height:35px; line-height:35px; padding:0 10px; background:#fff; font-size:13px; color:#333;}
table button.elimination {background-color:#edf0f4; font-size:13px; color:#666666; padding:8px; border-radius:3px;}
table button.common {min-width:50px; border-radius:3px; height:40px; line-height:40px; background:linear-gradient(180deg,rgba(254, 254, 254, 1) 0%, rgba(221, 221, 221, 1) 100%); color:#444; padding:0; border:1px solid #ddd;font-size:13px; }

table input[type="text"].w100px,
table select.w100px {width:100px;}

table .cash .li_input {margin-top:13px;} /*현금영수증선택*/
table .indi .flex {gap:5px;} /*현금영수증 - 개인*/
table .indi .flex input {width:calc(100% - 200px - 5px);}
table .enter .flex {gap:5px;} /*현금영수증 - 사업*/
table .enter .flex p {width:100px;}
table .discount p {margin-bottom:10px;}
table .discount p b {font-weight:bold; color:#222;}
table .discount .flex {gap:5px;}
table .txt4input input {margin-right:5px;}
table .txt4input .gap5 input {margin-right:0px;}
table .birth div {gap:0 20px;}
table .birth input[type="text"] {width:120px !important;}

/*테이블스타일1 ex)상세페이지*/
table.style1 {width:100%; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd; }
table.style1 .bbc {border-bottom:1px solid #ddd;}
table.style1 th {background-color:#f6f7f9; font-size:15px; font-weight:600; color:#222222; padding:18px; border-bottom:1px solid #fff; text-align:left; line-height:1.4; vertical-align:middle;}
table.style1 td {background-color:#fff; font-size:15px; color:#555555; padding:18px; border-bottom:1px solid #fff; line-height:1.4; vertical-align:middle;}

/*테이블스타일2 ex)상품등록,회원가입,* 강조표기가 필요한 테이블*/
table.style2 .bbn {border-bottom:none;}
table.style2 {width:100%; border-bottom:1px solid #ddd;}
table.style2 tr {border-bottom:1px dashed #ddd;}
table.style2 th {width:150px; min-width:150px; text-align:left; word-break:keep-all; padding:20px 15px; font-weight:bold; color:#333333; font-size:15px; vertical-align:middle; color:#222222; line-height:1.1;}
table.style2 th em {color:#ff0000; margin-right:8px;}
table.style2 td {padding:20px 20px; font-size:15px; color:#555555; background:#fff; line-height:1.1;}
table.style2 .sns {display:flex; flex-direction:column; gap:5px; }
table.style2 .sns div {gap:5px 5px; }
table.style2 .sns select {width:100px;}
table.style2 .sns p {gap:5px;}
table.style2 input,
table.style2 select {background-color:#fafafa;}
table.style2 textarea {width:100%; height:55px; border:1px solid #eaecef; border-radius:3px; padding:10px; font-size:14px; color:#555; background-color:#fafafa; font-family:'Pretendard Variable','Pretendard','Noto Sans KR','Malgun Gothic','맑은고딕','돋움','dotum','굴림','Gulim','Apple SD Gothic Neo','Helvetica Neue','Helvetica','Roboto','Arial',sans-serif;}
table.style2 td.editor_td {padding:10px 0;}

/*테이블스타일3 ex)기본테이블(커뮤니티)*/
table.style3 {width:100%; }
table.style3 th {font-size:15px; font-weight:400; color:#888888; border-bottom:1px solid #eeeeee; background:#fafafa; padding:15px 0; border-top:2px solid #62708c;}
table.style3 th input[type="checkbox"] + label.checkstyle1,
table.style3 td input[type="checkbox"] + label.checkstyle1 {background:#fff; border:1px solid #d5d5d5}
table.style3 td {font-size:15px; color:#555555; background:#fff; border-bottom:1px solid #dddddd; padding:20px 5px; text-align:center; vertical-align:middle;}
table.style3 td a {color:#333}
table.style3 td ul.button {overflow:hidden; display:table; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center;}
table.style3 td ul.button li { margin:5px;}
table.style3 td ul.button li button {border:1px solid #d5d5d5; font-size:15px; line-height:25px; padding:0 10px;}
table.style3.text_list {table-layout:fixed;}
table.style3 td .orange {color:#ff7600;}

/*테이블스타일4 ex)상품비교*/
table.style4 {width:100%; border-top:1px solid #666666; border-bottom:1px solid #666666;}
table.style4 tr:first-child th,
table.style4 tr:first-child td {border-top-color:#666666; font-weight:bold; }
table.style4 tr:last-child th,
table.style4 tr:last-child td {border-bottom-color:#666666;}
table.style4 tr th,
table.style4 tr td {border-right:none; vertical-align:middle;}
table.style4 th {width:150px; min-width:150px; text-align:left; word-break:keep-all; padding:20px 10px; font-weight:600; color:#333333; font-size:15px; vertical-align:middle; background-color:#f7f8fa; text-align:center; border-bottom:1px solid #ebecee}
table.style4 td {padding:20px 20px; font-size:15px; color:#555555; background:#fff; border:1px solid #ebecee; text-align:center;}

/*테이블스타일5 ex)광고상품안내*/
table.style5 {width:100%; border-top:1px solid #666;}
table.style5 tr th,
table.style5 tr td {vertical-align:middle;  border:1px solid #ebecee;}
table.style5 tr:first-child th {border-top:1px solid #666;}
table.style5 tr th {word-break:keep-all; padding:0px 10px; font-weight:600; color:#333333; font-size:15px; vertical-align:middle; background-color:#f7f8fa; text-align:center; height:50px; line-height:50px;}
table.style5 tr td {padding:20px 20px; font-size:15px; color:#555555; background:#fff; text-align:center;}

/*테이블스타일6 ex)상품구매페이지 우측 가격안내*/
table.style6 {width:100%; color:#555;}
table.style6 tr th,
table.style6 tr td {vertical-align:middle;  border:1px solid #ebecee; font-size:13px; padding:10px; line-height:1.3;}
table.style6 tr th {word-break:keep-all; font-weight:600; color:#333333; vertical-align:middle; background-color:#f7f8fa; text-align:center; font-size:13px; padding:8px 5px;}
table.style6 tr td {color:#555555; background:#fff; text-align:center;}



/*설문조사*/
.poll .no_poll {border:1px solid #dddddd; background:#fafafa; padding:40px 20px;}
.poll .no_poll p {text-align:center;}
.poll .no_poll p:nth-child(1) i {color:#cecece; font-size:80px;}
.poll .no_poll p:nth-child(2) {font-size:18px; color:#999999; margin-top:20px;}

.poll .qa {padding:20px; border:1px solid #dddddd; margin-bottom:20px;}
.poll .qa .question {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; overflow:hidden; border:1px solid #eeeeee; background:#fafafa; padding:15px; margin-bottom:10px;}
.poll .qa .question dl {width:80%; overflow:hidden;}
.poll .qa .question dl dt {font-size:18px; color:#fff; font-weight:500; background:#0e8ee8; border-radius:20px; width:30px; height:30px; text-align:center; margin-right:10px; line-height:30px;}
.poll .qa .question dl dd { width:calc(100% - 30px - 10px); font-size:18px; color:#222222; font-weight:500;  line-height:1.4; }
.poll .qa .question span {width:20%; font-size:14px; color:#777777;text-align:right;}
.poll .qa .answer {overflow:hidden; display:flex; flex-wrap:wrap; align-items:center;}
.poll .qa .answer ul:nth-child(1) {width:80%;}
.poll .qa .answer ul:nth-child(1) li {font-size:15px; color:#555555; margin:15px 0;}
.poll .qa .answer ul:nth-child(2) {width:20%;}
.poll .qa .answer ul:nth-child(2) li {text-align:right; margin:10px 0; font-size:16px;}
.poll .qa .answer ul:nth-child(2) li button {border-radius:5px;  font-size:20px; padding:20px; width:100%; }
.poll .qa .answer ul:nth-child(2) li.vote button {background:#0e8ee8; border:1px solid #0e8ee8; color:#fff;}
.poll .qa .answer ul:nth-child(2) li.result button {background:#fff;color:#333; border:1px solid #b5b5b5;}
.poll .qa .answer ul li {line-height:1.4;}
.poll .qa .answer ul li p {display:inline-block; background:#ededed; height:4px; width:20%; margin:0 20px; vertical-align:middle;}
.poll .qa .answer ul li p span {display:block; width:85%; height:4px; background:#0e8ee8;}
.poll .qa .answer ul li  em {font-weight:700; color:#0e8ee8;}


/*커뮤니티 위아래 텍스트*/
.my_sub .subcon_area .commu_t_txt {border-bottom:1px dotted #d5d5d5; margin-bottom:20px; padding-bottom:20px; font-size:14px;}
.my_sub .subcon_area .commu_b_txt {border-top:1px dotted #d5d5d5; margin-top:20px; padding-top:20px; font-size:14px;}

/*자동등록방지*/
.capcha .capcha_hd {flex-wrap:wrap; margin-bottom:10px;}
.capcha .capcha_btn_gp {display:flex; gap:5px;}
.capcha .capcha_btn_gp button {border:1px solid #aaa; border-radius:3px; padding:5px; font-size:13px;}
.capcha .capcha_btn_gp button img {vertical-align:middle; margin-right:5px;}
.capcha .capcha_txt  { gap:5px; flex-wrap:wrap; width:100%; vertical-align:middle;}

/*달력*/
.ui-datepicker {width:210px !important;}
.ui-widget {font-size:14px !important;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {height:auto !important;}



/*프린트 팝업*/
.print_pop {max-width:640px; margin:0 auto; padding:20px 0; background:none;}
.print_pop .top {display:flex; justify-content:space-between; align-items:center; overflow:hidden; border-bottom:2px solid #222; padding:10px 0}
.print_pop .top .logo img {max-width:100%; display:inline-block;}
.print_pop .title {font-size:20px; font-weight:bold; margin:15px 0; line-height:24px;}
.print_pop .middle_wrap {border:1px solid #ddd; padding:5px; background:#f9f9f9; margin-top:10px;}
.print_pop .middle_wrap .txt1 {font-size:18px;}
.print_pop .middle_wrap .txt2 {font-size:22px; font-weight:bold; margin-top:15px;}
.print_pop .middle {background:#fff; padding:15px; line-height:1.4;}
.print_pop .news_con {line-height:1.4; font-size:15px; padding-top:20px; border-top:1px solid #ddd;}
.print_pop .print_map {width:100%; border:1px solid #ddd; height:250px;}
.print_pop h2 {font-weight:bold; font-size:16px; margin:30px 0 10px 0; }
.print_pop table.style2 {background:#fff; border:1px solid #ddd;}
.print_pop table.style2 td.logo img {width:100%;}
.print_pop table.style2 th {padding:1rem; font-size:14px; line-height:1.4; min-width:90px;}
.print_pop table.style2.sns_table th {text-align:center;}
.print_pop table.style2.sns_table th img {max-width:20px; max-height:18px;}
.print_pop table.style2 td {padding:1rem; font-size:14px; line-height:1.4; vertical-align:middle;}

/*iframe 반응형 작업*/

figure.video,
.youtube-movie-,
.video-wrapper {width:100%; aspect-ratio: 16 / 9;}
.youtube-movie- iframe,
.video-wrapper iframe,
.video-wrapper video {width:100%; height:100%;}
/*
.iframe_wrap {position:relative; padding-top:56%; width:100%; height:0;}
.iframe_wrap iframe {position:absolute; left:0; top:0; width:100%; height:100%;}*/


/****************************@@@@@@@@@@ 1700px 이하@@@@@@@@@@****************************/
@media all and (max-width:1700px) {
/*사이드배너 + 퀵메뉴*/
.side_banner_wrap {width:98%}
}

/****************************@@@@@@@@@@ 1500px 이하@@@@@@@@@@****************************/
@media all and (max-width:1500px) {
/*사이드배너 + 퀵메뉴*/
.side_banner_wrap {display:none;}
}

/****************************@@@@@@@@@@ 반응형 @@@@@@@@@@****************************/
/****************************@@@@@@@@@@ 1300px 이하@@@@@@@@@@****************************/
@media all and (max-width:1300px) {
.popup_layer {width: 80% !important; padding:20px;}
.d_popup {max-width:1280px;}

.side_banner_wrap {width:98%; }
/*.wrap_width {width:calc(100% - 170px - 170px - 60px - 2%);} /*배너 가로사이즈 - 뉴스본문 사이 여백 공간 - 배너 양옆 %*/
}

/****************************@@@@@@@@@@ 1280px 이하@@@@@@@@@@****************************/
@media all and (max-width:1280px) {
.banner_wrap .item_ {padding-left:0 !important; padding-right:0 !important;}

}

/****************************@@@@@@@@@@ 1024px 이하@@@@@@@@@@****************************/
@media all and (max-width:1024px) {
.d_popup {left:5px !important; top:5px !important; max-width:650px;}

/*설문조사*/
.poll .qa .question span {width:100%; margin-top:5px;}
.poll .qa .question dl {width:100%;}
.poll .qa .answer ul:nth-child(1) {width:100%;}
.poll .qa .answer ul:nth-child(2) {width:100%;display:flex; }
.poll .qa .answer ul:nth-child(2) li {width:100%;}
.poll .qa .answer ul:nth-child(2) li:first-child {margin-right:2%;}

/*테이블공통*/
table .add_regist select {width:calc((100% - 10px) / 3);}


/*레이어팝업*/
.layer_pop {width:80%;}
}

/****************************@@@@@@@@@@ 768px 이하@@@@@@@@@@****************************/
@media all and (max-width:768px) {
.d_popup {max-width:768px;}


/*19adult*/
.adult {padding:1rem;}
.adult_box {padding:20px;}
.adult .adult_ex .img {margin:0 auto; text-align:center;}
.adult .adult_ex .img img {width:50%; display:inline; text-align:center;}
.adult .adult_ex .txt {width:100%; margin-left:0; margin-top:20px; font-size:15px; line-height:20px;}
.adult .adult_ex .txt strong {font-size:20px; line-height:30px;}
.adult .adult_ex .adult_out p a {padding:10px; font-size:14px;}
.adult table .base {flex-wrap:wrap;}
.adult table .base li {margin:1%;}
.adult table div {flex-wrap:wrap;}
.adult table div p {width:100%;}
.adult table div .login {width:100%; margin-left:0; padding:15px 5px; margin-top:8px; font-size:15px;}
.adult table .mem_cho li {width:100%; margin:5px 0; text-align:left;}
.adult table .base button {font-size:15px;}
.adult table div p input {font-size:14px;}

/*편집기*/
.cheditor-editarea {height:300px !important;}

/*공통*/
.next_btn button {font-size:15px; padding:15px;}
.bojo3 {width:100%;}
.MAT40 {margin-top:20px !important;}
.help_text {padding:12px; font-size:13px;}
.li_input {font-size:14px;}

/*테이블 스크롤*/
.l_r_scroll {display:block; }

/*페이징*/
.paging {margin-top:30px;}
.paging ul {gap:3px;}
.paging ul a {min-width:30px; line-height:30px; }
.paging ul img {height:9px;}

/*라디오,체크박스 버튼 형식으로 커스텀*/
.check_style01 {display:grid;  width:100%;}
.check_style01 label {width:100%;}

/*테이블공통*/
table .flex {flex-wrap:wrap;}
table td select {width:100%; padding:0 5px;}
table td input[type="text"],
table td input[type="password"],
table button.col {font-size:13px; }
table button.col {min-width:85px;}
table.full td input[type="text"],
table.full td input[type="password"] {width:100%;  padding:0 5px;}
table.full .discount input[type="text"] {width:calc(100% - 5px - 85px);} /*포인트결제*/
table .tell_wrap {width:100%;}
table .tell {width:100%;}
table .tell input[type="text"] {width:calc((100% - 35px) / 3) !important;}
table .tell_check {width:100%;}
table .tell_check input[type="text"] {width:calc(100% - 85px - 10px);}
table .calendar_wrap input[type="text"] {width:calc(100% - 20px);}
table .calendar_wrap .calendar {width:calc((100% - 10px - 10px) / 2);}
table .call_yes > div {width:100%;}
table .call_yes select {width:calc((100% - 70px) / 2);}
table .txt4input input {width:calc(100% - 85px - 5px) !important; } /*아이디 중복 확인과 같이 input과 button나란히 있는 영역*/
table .add_regist2 input[type="text"] {width:80px !important;}
table .add_regist2 button.col {min-width:90px}
table .add_regist3 input:first-child {width:100% !important;}
table .add_regist3 input:last-child {width:100% !important;}
table .birth .li_input {gap:10px; width:auto;}
table .birth div {gap:10px;}
table .birth input[type="text"] {width:90px !important;}
table .indi .flex input {width:100%;}
table .enter .flex p {width:auto; margin-bottom:5px;}
table .one_file input {width:100%;}
table .file_regist div {gap:5px;}
table .file_regist .file_wrap {width:calc(100% - 5px - 70px)}
table .file_regist button.white {width:70px;}
table .file_regist .elimination button {width:90px; font-size:12px; padding:5px 3px;}
table .price input[type="text"] {width:calc(100% - 20px);} /*input뒤에 원이 붙을 때*/
table button.elimination {font-size:12px; padding:6px;}
table .m_w100px_100per input[type="text"].w100px,
table .m_w100px_100per select.w100px {width:100%;} /*모바일에서  w100px 클래스값 100%로 만들기*/

/*테이블스타일1 ex)상세페이지*/
table.style1 th {padding:12px; font-size:14px;}
table.style1 td {padding:12px; font-size:14px;}

/*테이블스타일2 ex)상품등록,회원가입,* 강조표기가 필요한 테이블*/
table.style2 th {padding:12px 0; font-size:14px; width:80px; min-width:80px;}
table.style2 td {padding:12px 0 12px 12px; font-size:14px;}
table.style2 th em {margin-right:3px;}
table.style2 .sns input[type="text"] {width:calc(100% - 50px - 5px);}
table.style2 .sns select {width:60px;}
table.style2 .sns p {width:calc(100% - 60px - 5px);}

/*테이블스타일3 ex)기본테이블(커뮤니티)*/
table.style3 td {padding:15px 5px;}

/*테이블스타일4 ex)상품비교*/
table.style4 th {padding:12px; font-size:14px;}
table.style4 td {padding:12px; font-size:14px;}

/*테이블스타일5 ex)광고상품안내*/
table.style5 tr th {padding:10px; font-size:14px; height:auto; line-height:initial;}
table.style5 tr td {padding:10px; font-size:14px; }

/*자동등록방지*/
.capcha .capcha_btn_gp button img {width:15px;}

/*레이어팝업*/
.layer_pop {width:90%; padding:20px 16px;}
.layer_pop .tit {font-size:16px; margin-bottom:10px;}
.layer_pop .btn button {font-size:13px; padding:8px;}

/*설문조사*/
.poll .qa .question dl dt {width:24px; height:24px; line-height:24px; font-size:16px; margin-right:5px;}
.poll .qa .question dl dd {font-size:16px;}
.poll .qa .question span {font-size:13px;}
.poll .qa .answer ul:nth-child(1) li {margin:10px 0; font-size:14px;}
.poll .qa .answer ul:nth-child(2) li { margin-bottom:0;}
.poll .qa .answer ul:nth-child(2) li button {font-size:16px; padding:10px;}

/*개별배너조절*/
.banner_main_B_list_ {margin-top:20px;}
.banner_main_C_list_ {margin-top:20px;}
.banner_main_D_list_ {margin-bottom:20px;}
.banner_main_E_list_ {margin-top:20px;}
.banner_main_F_list_ {margin-top:20px;}
.banner_main_G_list_ {margin-bottom:20px;}
.banner_inquiry_B_list_ {margin-top:20px;}
.banner_common_C_list_ {margin-bottom:40px;}
.banner_common_D_list_ {margin-top:40px;}
.banner_common_H_list_ {margin-bottom:20px;}
.banner_board_B_list_ {margin-bottom:25px;}
.banner_board_C_list_ {margin-top:25px;}

}


/****************************@@@@@@@@@@ 530px 이하@@@@@@@@@@****************************/
@media all and (max-width:530px) {
.d_popup {max-width:440px;}
}


/****************************@@@@@@@@@@ 440px 이하@@@@@@@@@@****************************/
@media all and (max-width:440px) {
.d_popup {max-width:360px;}
}


/****************************@@@@@@@@@@ 360px 이하@@@@@@@@@@****************************/
@media all and (max-width:360px) {
.d_popup {max-width:320px;}
}