/* BASIC css start */
/* ŸÀÌƲ */
.cnt_title {font-size: 28px;font-weight: 600;letter-spacing: -0.56px;text-align: center; color: var(--black03);}

/* ¼­ºêÄ«Å×°í¸® */
.bbs-hd {padding: 60px 0 0 0; border-bottom: 0;}
.bbs-hd .link li a {display: inline-block;width: 200px;height: 60px;line-height: 60px;letter-spacing: -0.32px;font-size: 16px;color: var(--gray);font-weight: 400;position: relative;background:none;}
.bbs-hd .link li.on a {color: var(--black03); font-weight: 600;}
.bbs-hd .link li.on a::after {width: 100%;height: 2px;position: absolute;content: '';left: 0;bottom: 0;background: var(--black03);}

.bbs-link { font-size:0 }
.bbs-link a { margin:0 2px }
.bbs-link a.delete { padding: 0 3px 0 5px; }
.bbs-link a.reply { padding: 0; }

.bbs-table-view {margin-top: 0;}
.bbs-table-view .data-bd-cont { padding: 80px 80px 0px 80px; color:var(--black03) }

.bbs-table-view thead th {border-top: 1px solid var(--gray04); padding: 25px 20px 18px 20px; border-bottom: 0; font-size: 16px; color: var(--black03); letter-spacing: -0.32px;}
.bbs-table-view tbody td {padding: 0;}
.bbs-table-view tbody td.line {border-bottom: 1px solid var(--gray04); padding: 0 20px 25px 20px;}
.cont-sub-des {display: flex; align-items: center; gap: 0 20px;}
.cont-sub-des span {color: var(--gray); letter-spacing: -0.3px; font-weight: 400; position: relative; margin: 0; font-size: 15px;}
.cont-sub-des span::after {position: absolute; content: ''; width: 1px; height: 11px; background: var(--gray04); right: -11px; top: 50%; transform: translateY(-50%);}
.cont-sub-des span:last-child:after {display: none;}

.input-style2 { width: 120px; margin: 0px 5px; }

/* °Ô½ÃÆÇ À̹ÌÁö */
table .data-bd-cont img { width: 100%;}

/* ÀÌÀü±Û, ´ÙÀ½±Û */
.list-link li { padding:24px 20px 21px 20px; border-bottom: 1px solid var(--gray04); color:var(--black02); font-size: 15px;font-weight: 400;}
.list-link li:first-child {border-top: 1px solid var(--black03); }
.list-link li { padding:24px 20px 21px 20px; border-bottom: 1px solid var(--gray04); color:var(--black02); font-size: 15px;font-weight: 400;}
.list-link li a { color:var(--black02); font-size: 15px;font-weight: 400; letter-spacing: -0.3px; }
.list-link span.arrow { padding: 0px 40px 0px 27px; color: var(--gray); font-size: 15px;font-weight: 400; letter-spacing: -0.3px;}
.list-link span.arrow.prev { background: url(/design/goobne/wib/img/pc/board_up_arrow.svg) no-repeat left center}
.list-link span.arrow.next { background: url(/design/goobne/wib/img/pc/board_down_arrow.svg) no-repeat left center}

.data-bd-cont .add_info { float: left; border: 1px solid #e5e5e5; width: 97%; padding: 5px 10px; line-height: 150%; margin-bottom: 10px; }
.data-bd-cont .add_title { float: left; width: 30%; font-weight: bold; }
.data-bd-cont .add_content { float: left; width: 70%; }
.data-bd-cont .attach { text-align: center; margin-bottom: 10px; }
/* °ü·Ã »óÇ° ¸ñ·Ï */
.fixed-img-collist { margin-top:10px; padding-top:10px; border-top:1px solid #e5e5e5;}
.list-tit { padding-left:7px; color:#9d9d9d; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%;}
.fixed-img-collist ul { padding:15px 11px 0;}
.fixed-img-collist ul li { float:left; padding:0 10px 15px; text-align:center;}
.fixed-img-collist ul li a { display:block; width:150px; font-size:11px; color:#9d9d9d;}
.fixed-img-collist ul li a span.prd img { width:142px; height:142px; margin-bottom:8px; padding:3px; border:1px solid #d8d8d8;}
.fixed-img-collist ul li p { padding:1px; font-size:11px; color:#666; font-weight:bold;}
/* »óÇ° »ó´Ü Á¤º¸ */
.prd-tinfo { margin-top:10px; zoom: 1; overflow: hidden; padding:20px 0 20px 107px; border:1px solid #e4e4e5 }
.prd-tinfo dt,
.prd-tinfo dd { position: relative; float: left; }
.prd-tinfo dt { left: -87px; margin-right: -87px; width:70px; height:70px }
.prd-tinfo dt img {  width: 100%; height: 100%; }
.prd-tinfo dd { width: 100%;  }
.prd-tinfo dd ul {  }
.prd-tinfo dd ul li { padding-top:14px }
.prd-tinfo dd ul li .tit { font-weight:bold }

/* ´ñ±Û¾²±â */
.bbs-table-view fieldset {margin-top: 100px;}
.sub_title {letter-spacing: -0.32px; font-weight: 600; color: var(--black03); margin-bottom: 20px;}
.bbs-table-view td.com-wrt-box {border-top: 1px solid var(--black02); background: var(--gray03); padding: 30px 20px;}
.com-wrt-box label {padding-left: 0; background: none; font-size: 15px; color: var(--black); letter-spacing: -0.3px;}
.com-wrt-box .wrt {margin-top: 0;}
.com-wrt-box .wrt span {margin: 0; color: var(--black); font-size: 15px; font-weight: 400;}
.com-wrt-box .wrt_name {display: flex; gap: 0 33px;}
.com-wrt-box .wrt_name > div {width: 50%; display: flex; align-items: center;}
.com-wrt-box .wrt_name > div span {display: inline-block; margin: 0 0 0 15px; border: 1px solid var(--gray05); height: 50px; line-height: 50px; background: var(--white); padding: 0 15px; color: var(--black03); position: relative;}
.com-wrt-box .wrt_name div:nth-of-type(1) span {width: calc(100% - 41px);}
.com-wrt-box .wrt_name div:nth-of-type(2) span {width: calc(100% - 66px);}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;box-shadow: 0 0 0 1000px white inset;}
.com-wrt-box .input-style {margin: 0; border: 0; height: 48px; line-height: 48px; color: var(--black03); font-weight: 400; letter-spacing: -0.3px; background-color: transparent!important; border-radius: 2px; width: 100%; padding: 0 15px; position: absolute;top: 0px;left: 0px;}
.com-wrt-box .input-style::placeholder {color: var(--black03); font-weight: 400; letter-spacing: -0.3px;}
.com-wrt-box .wrt_write {padding-bottom: 0; padding-top: 25px; display: flex; align-items: center;}
.com-wrt-box .wrt_write > div {width: 100%;}
.com-wrt-box .wrt textarea {width: calc(100% - 129px); border: 1px solid var(--gray05); padding: 15px; margin-left: 15px; height: 140px; resize: none; border-radius: 2px; line-height: 22px; color: var(--black03); font-weight: 400;}
.com-wrt-box .wrt textarea::placeholder {color: var(--gray); font-size: 15px; letter-spacing: -0.3px; font-weight: 400;}
.com-wrt-box .wrt_write .CSSbuttonBlack {width: 104px; height: 140px; border: 1px solid var(--gray05); background: var(--white); border-radius: 2px; color: var(--black02); font-size: 15px; line-height: 140px; margin-left: 10px;}
.com-wrt-box .wrt_write .CSSbuttonBlack:hover { border: 1px solid var(--gray05); background: var(--white); color: var(--black02);}

/* ÄÚ¸àÆ® ¸ñ·Ï */
.bbs-table-view .comment-list {border-top: 0;}
.bbs-table-view .comment-list td:nth-of-type(1) {padding: 25px 0 25px 20px;}
.bbs-table-view .comment-list td:nth-of-type(2) {padding: 25px 20px 25px 0;}
.comment-box .com-cont {padding: 0 0 25px 0; font-size: 15px; line-height: 22px; color: var(--black03); font-weight: 400;}
.comment-box .com-info {display: flex; gap: 0 24px;}
.comment-box .com-info > span {font-size: 14px; color: var(--gray); font-weight: 400; margin-right: 0; position: relative;}
.comment-box .com-info > span::after {position: absolute; content: ''; width: 1px; height: 10px; background: var(--gray05); right: -13px; top: 50%; transform: translateY(-50%);}
.comment-box .com-info > span:last-child:after {display: none;}
.bbs-table-view .comment-box td {border-bottom: 1px solid var(--gray05);}
.bbs-table-view .comment-box td:nth-of-type(2) {position: relative;}
.bbs-table-view .comment-box td:nth-of-type(2) .bbs-link a { border: 0; font-weight: 400; letter-spacing: -0.28px; text-decoration-line: underline; color: var(--gray); font-size: 14px; padding: 0; background: transparent; position: absolute; right: 20px; bottom: 25px;}
.bbs-table-view .comment-box td:nth-of-type(2) .bbs-link a:active {top: initial;}

/* °³ÀÎÁ¤º¸º¸È£Á¤Ã¥ µ¿ÀÇ */
.privercy-contract textarea {  height: 60px; width: 660px; }
.privercy-contract-tap { height:30px; }
.privercy-contract-tap li a { padding: 7px 10px; }
/* °³ÀÎÁ¤º¸ ¼öÁý ÀÌ¿ë */
.privercy-contract .tbl { width:100% !important; padding:0; margin:0; border-spacing:0; border-collapse:collapse; border-top: 1px solid #dadada; border-left: 1px solid #dadada; }
.privercy-contract .tbl caption { display:none; }
.privercy-contract .tbl th { line-height:32px; color: #3b3b3b; font-size:12px; font-weight:bold; background: #f0f0f0; text-align:center; }
.privercy-contract .tbl th,
.privercy-contract .tbl td { height:32px; padding:0; margin:0; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; letter-spacing:-1px }
.privercy-contract .tbl td .txt-l { padding:5px 3px; margin:0; text-align:left; }

.bbs-table-view .btn-report { display:block; text-align:right; color:#9d9d9d; font-size:11px; }

.comment-box .reporting {padding: 5px 0;}
.comment-box .reporting span {display: inline-block; padding-left: 15px; background: url(/images/d3/modern_simple/ico_reciew_reporting_h17_pc.png) left 3px no-repeat; color: #808080; font-size: 11px; background-size:10px 10px;}
.comment-box .reporting a {display: inline-block; padding: 0; font-size: 11px; color: #999999;}

.score-write { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
.score-write .sco-wrt-box { padding: 20px 0 27px; }
.score-write .sco-wrt-box .sco-wrt-des { padding-bottom: 20px; font-size: 12px; color: #1c1c1c; font-weight: bold; }
.score-write .sco-wrt-box .sco-wrt-des label { display: inline-block; margin-left: 20px; cursor: pointer; }
.score-write .sco-wrt-box .sco-wrt-des label input { width: 18px; height: 18px; margin-top: -2px; margin-right: 3px; cursor: pointer; }
.score-write .sco-wrt-box .sco-wrt-txtr textarea { width: 974px; height: 78px; padding: 1px 0; border: 1px solid #ddd; }
.score-write .sco-wrt-box .sco-wrt-txtr .CSSbuttonBlack { width: 118px; height: 80px; line-height: 80px; font-size: 16px; }

.score-list { border-top: 1px solid #e9e9e9; }
.score-list .sco-lst-box { padding: 20px 0 27px; }
.score-list .sco-lst-box .sco-lst-des { padding-bottom: 20px; font-size: 12px; color: #1c1c1c; font-weight: bold; }
.score-list .sco-lst-box .sco-lst-txtr { padding: 30px 20px; background: #f6f6f6; }
.score-list .sco-lst-box .sco-lst-txtr .sco-date { display: flex; justify-content: space-between; }
.score-list .sco-lst-box .sco-lst-txtr .sco-date span { color: #757575; letter-spacing: 0.5px; }
.score-list .sco-lst-box .sco-lst-txtr .sco-txt { margin-top: 25px; }

/* ¸ñ·Ï */
.view-link {text-align: center; padding: 80px 0;}
.view-link .con-link a {width: 280px; height: 55px; line-height: 55px; border: 1px solid var(--gray05); border-radius: 2px; background: var(--white); color: var(--black02); font-size: 15px; font-weight: 600; letter-spacing: -0.3px;}
.CSSbuttonWhite:hover {border: 1px solid var(--gray05); background: var(--white); color: var(--black02);}

.bbs-table-list tbody td {border-bottom: 0; padding: 24px 20px 21px 20px; letter-spacing: -0.3px; color: var(--black02); font-size: 15px; font-weight: 400; border-top: 1px solid var(--black02); border-bottom: 1px solid var(--gray04);}
.bbs-table-list tbody td > div {text-align: left;}

/* BASIC css end */