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

/*데모체험*/
.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%}
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;}


/*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 {display:inline-block; color:#0e8ee8; 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:#0e8ee8; 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;}


.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:99;}
.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;} /*감싸주는 박스가 필요할 때*/

.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_wrap {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_common_C_list_ {margin-bottom:50px;}
.banner_common_D_list_ {margin-top:50px;}

/*페이징*/
.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:1680px; margin:0 auto 0 auto; position:sticky; position: -webkit-sticky;  top:65px; z-index:9; }
.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 .quick_menu {border:1px solid #e2e2e2; border-radius:8px; background:#fff; margin-bottom:10px;}
.side_banner_wrap .quick_menu>p {position:relative; color:var(--pick-color); font-weight:bold; text-align:center; padding:15px 0px 0 0px; font-size:13px;}
.side_banner_wrap .quick_menu>p::after {position:absolute; left:50%; bottom:-45%; content:""; display:block; width:500px; height:500px; background-color:var(--bg5); border-radius:100%; transform:translate(-50%, 0); }
.side_banner_wrap .quick_menu ul {padding:33px 15px 15px 15px;}
.side_banner_wrap .quick_menu ul li {margin-bottom:15px;}
.side_banner_wrap .quick_menu ul a {display:block; l font-size:15px; font-size:15px; color:#444444; text-align:center; line-height:1.4;}
.side_banner_wrap .quick_menu ul a:hover {color:#111;}
.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 ul button {width:100%; background:#f4f4f4; color:#858585; font-weight:bold; border-radius:3px; padding:7px; font-size:12px; text-align:center; }

/*급여별 색상*/
.salary {letter-spacing:-0.3px;}
.salary span {display:inline-block; color:#fff; margin-right:5px; font-size:12px; padding:4px; border-radius:3px;}
.salary .discussion {background:#f5774b;}/*협의, 면접후결정*/
.salary .monthly {background:#849ffc;}/*월급*/
.salary .fee {background:#f49002;}/*수수료*/
.salary .daily {background:#67c5ef;}/*일급*/
.salary .hourly {background:#d681b6;}/*시급*/
.salary .ysalary {background:#0dbd79;}/*연봉*/
.salary .wpay {background:#8d5abd;}/*주급*/

/*구인상품3 전용 급여별 색상*/
.j_03 .p_wrap .salary span {font-size:13px; padding:0; border-radius:0; background:none; font-weight:bold; margin-right:7px;}
.j_03 .p_wrap .salary .discussion {color:#f5774b;}
.j_03 .p_wrap .salary .monthly {color:#849ffc;}
.j_03 .p_wrap .salary .fee {color:#f49002;}
.j_03 .p_wrap .salary .daily {color:#67c5ef;}
.j_03 .p_wrap .salary .hourly {color:#d681b6;}
.j_03 .p_wrap .salary .ysalary {color:#0dbd79;}
.j_03 .p_wrap .salary .wpay {color:#8d5abd;}


/*서비스상품*/
.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;}
.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; }
}



/*버튼*/
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 {}
table td input[type="text"],
table td input[type="password"] {width:50%; height:40px; line-height:40px; border:1px solid #dddddd; 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 #dddddd; border-radius:3px; color:#555; padding:0 10px;}
table .tell {gap:0 5px; width:50%;}
table .tell input[type="text"] {width:calc((100% - 20px) / 3);}
table.full td input[type="text"],
table.full td input[type="password"] {width:30%;}

table button.col {min-width:80px; 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:80px; 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 .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 .file_regist .file_body div {margin-bottom:10px; gap:5px 5px; flex-wrap:wrap;}
table .file_regist .file_body div:last-child {margin-bottom:0;}
table .file_regist .elimination {display:flex; gap:5px; justify-content:space-between; align-items:center; width:100%; border-bottom:1px solid #eee; padding:5px 0 5px 5px; font-size:13px; border-top:1px dotted #eee;}
table .file_regist .elimination em {color:#0e8ee8;}
table .file_regist .elimination button {border:1px solid #ddd; background:#f4f4f4; border-radius:3px; padding:7px 5px;}
table .file_regist .bojo {margin-bottom:10px;}
table .file_regist .file_wrap {width:calc(100% - 5px - 100px);}
table .file_regist input[type="file"] {width:100%;}
table .file_regist button {width:100px;}
table .file_regist input {font-size:13px; border:1px solid #eee; border-radius:5px; padding:5px;}

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 {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:600; color:#333333; font-size:18px; vertical-align:middle; background-color:#fbfbfb;}
table.style2 th em {color:#ff0000; margin-right:8px;}
table.style2 td {padding:20px 20px; font-size:15px; color:#555555; background:#fff;}
table.style2 .red {color:#e80000; font-size:13px; line-height:1.3;}
table.style2 .red b {font-weight:650;}
table.style2 .map_regist {flex-wrap:wrap; gap:15px;}
table.style2 .map_regist div {width:100%;}
table.style2 .map_regist input[type="text"] {width:calc(100% - 80px - 5px);}
table.style2 .map_regist button {margin-right:5px;}
table.style2 .map_regist .map_output {width:100%; height:300px; background:gray; }
table.style2 .img_regist {display:flex; flex-wrap:wrap; gap:13px; margin-top:10px;}
table.style2 .img_regist li {width:calc((100% - (13px * 3)) / 4);}
table.style2 .img_regist figure {width:100%; padding-bottom:75.56%; background:#edf0f4 url('../images/comn/no_img.svg') no-repeat center center / 46px; border-radius:5px;}
table.style2 .img_regist .photo {width:96px; height:120px; border:1px solid #e5e5e5; background:#fff}
table.style2 .img_regist .photo img {width:100%; height:100%; object-fit:contain;}
table.style2 .img_regist .elimination {margin-top:7px;}
table.style2 .view_img {display:flex; gap:13px; width:100%;}
table.style2 .view_img>div {width:calc((100% - (13px * 3)) / 4);}
table.style2 .view_img .img_regist li {width:100%;}
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 .keyword_list {display:flex; overflow-y:auto; max-height:100px;}
table.style2 .my_img .bojo3 {width:100%; margin-bottom:10px;}
table.style2 textarea {width:100%; height:100px; border:1px solid #dddddd; border-radius:3px; padding:10px; font-size:14px;}

/*테이블스타일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;}
.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 .date {float:left; font-size:13px; color:#666; width:70%;}
.print_pop .top .date li {float:left; }
.print_pop .top .date li::before {content:""; display:inline-block; width:1px; height:8px; background:#ddd; margin:0 10px;}
.print_pop .top .date li:first-child::before {display:none;}
.print_pop .top .logo {float:right; text-align:right; width:30%;}
.print_pop .top .logo img {width:80%; display:inline-block;}
.print_pop .title {font-size:20px; font-weight:bold; margin:15px 0; line-height:24px;}
.print_pop .table_wrap {border:1px solid #ddd; padding:5px; background:#f9f9f9}
.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 반응형 작업*/
.iframe_wrap {position:relative; padding-top:56%; width:100%; height:0;}
.iframe_wrap iframe {position:absolute; left:0; top:0; width:100%; height:100%;}

/****************************@@@@@@@@@@ 반응형 @@@@@@@@@@****************************/
/****************************@@@@@@@@@@ 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% - 160px - 160px - 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;}



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

/*테이블 스크롤*/
.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;}

/*테이블공통*/
table .flex {flex-wrap:wrap;}
table td select {width:100%; padding:0 5px;}
table td input[type="text"],
table td input[type="password"],
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 - 80px);} /*포인트결제*/
table .tell {width:100%;}
table .tell input[type="text"] {width:calc((100% - 40px) / 3) !important;}
table .txt4input input {width:calc(100% - 80px - 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 .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 button.white {width:70px;} 이미지등록 버튼 때문에 주석*/

/*테이블스타일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; font-size:14px; width:100px; min-width:100px;}
table.style2 td {padding: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);}
table.style2 .img_regist {flex-wrap:wrap; gap:10px;}
table.style2 .img_regist li {width:calc((100% - 10px) / 2);}
table.style2 .view_img {flex-wrap:wrap; gap:10px;}
table.style2 .view_img>div {width:calc((100% - 10px) / 2);}
table.style2 .map_regist .map_output {height:150px;}
table.style2 .map_regist input[type="text"] {width:100%; margin-top: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_common_C_list_ {margin-bottom:40px;}
.banner_common_D_list_ {margin-top:40px;}

}


/****************************@@@@@@@@@@ 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;}
}