@charset "utf-8";
/* FAQ board : basic */
/* latest 2022.04.18 SSJ */
/* latest 2022.09.27 YHY */
/* latest 2024.07.31 YHY */


.allbox #bbs_area > div.mb30 {margin-bottom:0;}
.allbox #bbs_area > div.mb30 ul {list-style:disc;padding-left:30px;}
.allbox #bbs_area > div.mb30 ul li {list-style:disc;}
.allbox #bbs_area > div.mb30 ol {list-style:decimal;padding-left:30px;}
.allbox #bbs_area > div.mb30 ol li {list-style:decimal;}

.allbox #bbs_area {margin-bottom:50px;}
#listFrm .main-menu-bar select {height: 40px;line-height: 40px;min-width:100px;max-width:250px;}
#listFrm .main-menu-bar + .mb10 {float:right; margin-bottom:0; line-height:30px;}

.subCon .basic-table,
.basic-table.board_faq{border-top:2px solid #333;}
.basic-table {width:100%;float:left; border-bottom:1px solid #ccc;border-collapse:collapse;margin:10px 0 50px;overflow:hidden;table-layout: fixed;}
.basic-table.board_faq thead tr th, .basic-table.board_faq tbody tr td{text-align:center;padding: 0;border-top: 1px solid #ddd;}
.basic-table thead tr th {font-weight:600; color:#333; text-align:center; padding:20px 5px 21px; font-size: 16.5px; border: 1px solid #e0e0e0; border-width: 1px 0; }
.basic-table thead tr th a {font-weight:700;font-size:14px;color:#707070;}
.basic-table thead tr {background:#f7f7f7; border-bottom:1px solid #e4e4e4;}

.basic-table.board_faq tbody tr td:nth-last-child(3):first-child,
.basic-table.board_faq tbody tr td:nth-last-child(1):nth-child(3) {vertical-align: top;padding-top: 25px;}

/*.basic-table tbody tr th{font-weight:700; font-size:13px; color:#626b7c; background:#fcfcfc; text-align:center;}
.basic-table tbody tr {border-bottom: 1px solid #ddd;}
.basic-table tbody tr:only-child td {padding: 20px 0 !important;font-size:16.5px;}
.basic-table tbody tr td {background:#fff;color:#5c5c5c;font-size:13px;padding:0;vertical-align:top;padding: 0 !important;border-top-color: #ddd;}
.basic-table tbody tr td a.btn-s{color:#fff;}
.basic-table tbody tr td ul {padding-left:0 !important; list-style:none !important;}
.basic-table tbody tr td ul li {list-style:none !important;}
.basic-table tbody tr td:last-child:nth-child(3) {width:5%;padding-top: 20px !important;}
.basic-table tbody tr td:first-child:nth-last-child(3) {width:5%;padding-top: 20px !important;}
.basic-table tbody tr:first-child td:first-child:nth-last-child(3) {padding-top: 50px !important;} */



/*묻고답하기*/
.board001 .conBottom div.answer{width:100%; float:left; background:#f7f7f7; border:1px solid #ececec; border-radius:5px; padding:10px; box-sizing:border-box;}
.board001 .conBottom div.answer ul {}
.board001 .conBottom div.answer ul li{border-bottom:1px dotted #ccc;padding:10px 0 15px 10px;position:relative;}
.board001 .conBottom div.answer ul li:last-child{border-bottom:none;}
.board001 .conBottom div.answer ul li p.comm_cont{padding:7px 2px;}
.board001 .conBottom div.answer ul li ul{position:absolute; top:0; right:0px; width:auto;}
.board001 .conBottom div.answer ul li ul li{float:left;border:none;width:auto;padding:8px 0 0 7px !important;}
.board001 .conBottom div.answer ul li ul li a{display:inline-block; border-right:1px solid #ccc; padding-right:7px; color:#666; font-size:11px; margin:0 !important;}
.board001 .conBottom div.answer ul li ul li a > img{vertical-align:2px; margin-right:4px; position:absolute; top:10px; left:-10px;}
.board001 .conBottom div.answer ul li ul li:last-child a{border-right:0;}
.board001 .conBottom > div.ctr-box {margin:10px 0 0 0;}



/*등록(수정)*/
.register-box {margin:10px 0;}
.register-box table {width:100%;border-collapse:collapse;text-align:left;table-layout: fixed;}
.register-box table td {width: 86%;padding: 20px 10px !important;font-size:15px;box-sizing: border-box;}
.register-box table td select,
.register-box table td input[type="text"] {font-size:15px; height:40px;}
.register-box table td textarea {padding:30px; box-sizing:border-box; font-size:15px; line-height:150%;}
.register-box table tr {border-bottom:1px solid #ddd;}
.register-box table tr:first-child {border-top:2px solid #333;}
.register-box table td .jectBoard{width:150px; }
.register-box div.subject table .subTit{width: 14%; font-weight: 600; color: #333; text-align: left; font-size: 15px; padding: 20px 25px; background: #f9f9f9; border-bottom: 1px solid #eee;}
.register-box div.subject table td ul.setlist{padding:0; margin:0; }
.register-box div.subject table td ul.setlist li{float:left;list-style:none;margin-right:5px; font-size:15px;}
.register-box div.subject table td ul.setlist li > span{margin:0 2px; /* vertical-align:7px; */}
.register-box div.subject table td ul.fileplus{list-style:none; padding:0; margin:0;}
.register-box div.subject table td ul.fileplus .wzbtn-table {height: 40px;}
.register-box div.subject table td ul.fileplus li {width:100%;height:auto;float:left;margin-bottom:3px;display: block;}
.register-box div.subject table td ul.fileplus li span{float:left; line-height:30px; margin-right:5px; font-size:12px;}

.attatch_file_box .attatchfile ~ a {padding: 8px 10px 9px; margin-left: 5px;}


@media (max-width:799px){
    .register-box table colgroup {display:none;}
    .register-box table td textarea {padding:10px;}
    .register-box table tr:nth-last-child(2) {/* display:block; */ width:100%;position: relative;}
    .register-box table tr:nth-last-child(2) th {/* display:none; */}
    .register-box table tr:nth-last-child(2) td {width:100%; /*float:left;display: block;*/}
    .register-box table tr:nth-last-child(2) td iframe {width:100%;}
}

/***** 가이드 예시화면(0129 add) *****/
.register-box div.subject table td ul.fileplus li span > .menu_help{float:none;clear:both;border:none !important;line-height:21px;margin-right:5px;font-size:12px;}
.register-box div.subject table td ul.fileplus li span > .menu_help {margin-bottom:-4px;cursor:pointer;display:inline;position:relative;}
.register-box div.subject table td ul.fileplus li span > .menu_help > img{vertical-align:middle;width:16px;height:16px}
.register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop{display:none;position:absolute;width:250px;top:0px;left:25px;line-height:18px;z-index:2;background:#f5f5f5;color:black;border:1px solid #dedede;font-size:12px;padding:10px;}
.register-box div.subject table td ul.fileplus li span > .menu_help:hover > .help_pop {display:block;}
.register-box div.subject table td ul.fileplus li span > .menu_help:hover > .help_pop > img {max-width:800px;}

@media (max-width:1520px){
    .register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop{top:25px;left:0;margin-left:-125px}
}
@media (max-width:1150px){
    .register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop{top:25px;left:0;margin-left:-180px}
}
@media (max-width:990px){
    .register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop{top:25px;left:0;margin-left:-125px}
}
@media (max-width:580px){
    .register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop{top:25px;left:0;margin-left:-170px}
}
@media (max-width:479px){
    .register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop{width:200px;top:25px;left:auto;margin-left:-150px}
}
@media (max-width:360px){
    .register-box div.subject table td ul.fileplus li span > .menu_help > .help_pop{top:25px;left:0;margin-left:-200px}
}





.register-box div.ftBtn{display:table;margin-left:auto;margin-right:auto;}
.register-box div.ftBtn a{background:#656a77;border:1px solid #575f6a;padding:6px 10px;border-radius:3px;color:#fff;text-decoration:none;   margin:0 2px;}
.register-box div.ftBtn a.two{background:#fbfbfb;border:1px solid #ccc;padding:6px 10px;border-radius:3px;color:#555;text-decoration:none;}
.register-box a.save{padding-left:5px;color:#333;text-decoration:none; font-size:12px;}
.register-box a.save:hover{text-decoration:underline;}
.register-box span.red{color:#ff0000; font-weight:bold;padding-left:3px;}
.register-box input.serchBtn01{ width:80px; height:20px;margin-left:6px;}
.register-box input.serchBtn02{height:20px; margin-left:6px;}
.register-box input.uploadTit{width:100%; float:left; }
.register-box select.headId{width:150px; /* height:30px; */ border:1px solid #dfdfdf; border-radius:3px;}
.register-box a.btn-s{line-height:12px; vertical-align:0;}

.register-box div.ftBtn{padding:30px 0;}
.register-box div.tool{width:100%; border:1px solid #ccc; height:500px; font-size:12px;}
.register-box table td select {width:300px !important; border:1px solid #dfdfdf; border-radius:3px; /* height:30px; */}
.register-box table td div {border-radius:3px;min-height:30px;/*padding:5px;*/float:left;width: 100%;}
.register-box table td div + div {float:left !important; border:none !important; padding:0 !important;}

.register-box table td#codeAnswerView div {border:none !important;}
.register-box table td#codeAnswerView div .btn-c {height:27px !important; border-radius:3px; font-size:11px !important;}

.register-box table #answerPermAt + tr td {text-align:center; padding:20px 0 !important;}
.ctr-box {margin-bottom:100px;}


@media (max-width:990px){
    .register-box {margin:0;}
    .register-box div.subject table .subTit {width: 17%; padding-right:20px;}
    #smart_editor2 {min-width:100% !important;}
    .register-box input.uploadTit {width:40% !important;}
}




/*목록-검색*/
.search-box {width:100%;float:left;display:block;padding:40px 10px 30px;text-align:center;box-sizing:border-box;background:#f9f9f9;margin:50px 0 20px;margin-top: 0;}
.search-box p {font-size:17px; line-height:150%; padding:0 0 15px;}
.search-box p span {font-weight:600;}
.search-box>div {}
.search-box>div input[type="text"] {height:40px;}
.search-box>div a.btn-srch {height:40px; line-height:40px; font-size:16px;}
.search-box + h4 {font-size: 30px;margin-bottom: 32px;width: 100%;display: block;position: relative;float: left;line-height: 150%;padding-top: 50px;margin-top: 20px;text-align: center;}
.search-box + h4:before {content: '';position: absolute; width: 24px; height: 2px; background: #ec6a00; top: 10px; left: -12px; margin-left: 50%; transform: rotate(-45deg);}


/*관리자쪽 검색*/
#nttSearch {margin-top:50px;display: block;width: 100%;float: left;}
#nttSearch:not(.wzAdmMainSrchbox) select {border:none; font-size:16px; margin-right:10px; /*border-right:1px solid #ddd; */}
#nttSearch:not(.wzAdmMainSrchbox) select:focus {outline-style:dotted;}
#nttSearch:not(.wzAdmMainSrchbox) input[type="text"] {width:40%; max-width:300px; height:45px; font-size:16px; border:none; border-bottom:2px solid #ccc;}
#nttSearch:not(.wzAdmMainSrchbox) input[type="text"]:focus {outline-style:dotted;}
#nttSearch:not(.wzAdmMainSrchbox) a.btn-srch {width:40px; height:45px; font-size:1px; border:none; padding:0;
    					background:url(/images/wzwg/cmm/icon_set.png) no-repeat center; background-position:-173px 13px; text-indent: -9999px;}
#nttSearch:not(.wzAdmMainSrchbox) a.btn-srch:before {display:none;}
#nttSearch:not(.wzAdmMainSrchbox) a.btn-srch:hover,
#nttSearch:not(.wzAdmMainSrchbox) a.btn-srch:focus {background-color:#ececec;}



/* 게시판 테마 탭 스타일 */
.selectBbsSubospec .main-menu-bar {width:100%; padding:0;}
.selectBbsSubospec .main-menu-bar .wztab.board {}
.selectBbsSubospec .main-menu-bar .wztab.board .wztab-list {}
.selectBbsSubospec .main-menu-bar .wztab.board .wztab-list .wztab-item {}
.selectBbsSubospec .main-menu-bar .wztab.board .wztab-list .wztab-item button {}
.selectBbsSubospec .main-menu-bar .wztab.board .wztab-list .wztab-item.active {}
.selectBbsSubospec .main-menu-bar .wztab.board .wztab-list .wztab-item.active button {}




.board.wztab .wztab-list .wztab-item.active {border-top-color:#333;}

    @media (min-width:600px){
        .selectBbsSubospec .main-menu-bar + div {position:absolute; right:0; margin-top:0;}
    }
    @media (max-width:599px){
        .board.wztab {margin-top:10px;}
        .selectBbsSubospec .main-menu-bar + div {width:20%;}
    }

/* share popup/QR code */
.board001 .list_content .conTop p {display:none;}
.board001 .conMiddle ul.snsListul {display:none;}

#cnrs_btn {float:right; width:30%; border-bottom:1px solid #f6f6f6; padding:15px 10px; box-sizing:border-box; text-align:right; line-height:25px;}
#cnrs_btn>img {opacity:0.5; -webkit-transition:opacity 1s; transition:opacity 1s;}
#cnrs_btn>img:hover {opacity:1;}





/* FAQ board */
/* list - Q */
.basic-table tbody tr:hover {background:transparent;}
.basic-table tbody tr td.txt-l>div {width: 100%;overflow: hidden;}
.basic-table tbody tr td.txt-l>div>ul {padding-left: 0 !important;}
.basic-table tbody tr td.txt-l>div>ul>li {list-style:none !important;}
.basic-table tbody tr td > div ul li:first-child {padding: 25px 50px 20px 50px;position:relative;vertical-align: top;}
.basic-table tbody tr td > div>ul>li:first-child:before {content:"Q.";content: "\f2c4 .";font-family: 'FontAwesome';position:absolute;left: 21px;top: 25px;font-size: 16px;color: #0c4799;letter-spacing: 3px;}
.basic-table tbody tr td > div>ul>li:first-child:after {content:""; width:20px; height:35px; position:absolute; bottom: 19px; right:10px;
                                                        background: url(/images/wzwg/cmm/icon_set.png); background-position:-142px 14px; background-size:300px;
                                                        background-repeat:no-repeat;}
.basic-table tbody tr td > div ul li:first-child > span {display: inline-block;vertical-align: middle;/* width: auto; *//* max-width: 70%; *//* margin-top: -3px; */margin: -4px 15px 0px 0;max-width: 90%;}
.basic-table tbody tr td > div ul li:first-child>span + a {max-width: 90%;vertical-align: middle;/* padding-left: 5px; */box-sizing: border-box;/* padding-top: 0; *//* margin-bottom: 10px; *//* padding-top: 7px; */}
.basic-table tbody tr td > div ul li:first-child span strong {font-size: 14px;letter-spacing: -0.5px;padding: 5px;background: #f5f5f5;border-radius: 3px;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;vertical-align: middle;/* margin: 0 10px 10px 0; */word-break: break-all;}
.basic-table tbody tr td > div ul li:first-child>a {font-size: 16.5px;line-height: 140%;word-break: break-all;display: inline-block;}
.basic-table tbody tr td > div ul li:first-child>a:hover {/* font-weight:600; */text-decoration: underline;}
/* list - A */
.basic-table tbody tr td > div ul li:nth-child(2) {width:100%;background:#f9f9f9;padding: 20px 30px 70px 54px;/* border-top:1px solid #ddd; */box-sizing:border-box;position:relative;}
.basic-table tbody tr td > div>ul>li:nth-child(2):before {content:"A.";content: "\f031 .";font-family: 'FontAwesome';position:absolute;left: 17px;font-size: 18px;color: #910101;width:25px;height:25px;line-height:26px;text-align:center;border-radius:100%;}
.basic-table tbody tr td > div>ul>li:nth-child(2):after {content:"";width:20px; height:35px; position:absolute; top: 0; right:10px; margin-top: -53px;
                                                        background:url(/images/wzwg/cmm/icon_set.png) #fff; background-position:-19px 11px; background-size:300px; background-repeat:no-repeat;}
.basic-table tbody tr td > div ul li:nth-child(2)>div {font-size: 16px;line-height: 160%;}
.basic-table tbody tr td > div ul li:nth-child(2) .fileBox {margin-top: 20px;background: rgba(255,255,255,0.5);/* border: 1px solid rgba(31,31,31,0.1); */padding: 15px 15px 3px;box-sizing: border-box;/* float: left; */width: 100%;}
.basic-table tbody tr td > div ul li:nth-child(2) .fileBox>ul {/* position:relative; *//* padding-left: 25px !important; *//* margin: 5px 0 20px; */width: 100px;display: inline-block;vertical-align: top;padding-left: 0 !important;}
.basic-table tbody tr td > div ul li:nth-child(2) .fileBox>ul {/* margin-bottom:5px; */}
.basic-table tbody tr td > div ul li:nth-child(2) .fileBox>ul:before {/* content:"\f019"; *//* font-family:FontAwesome; *//* float:left; *//* position:absolute; *//* left:3px; *//* opacity:0.8; */}
.basic-table tbody tr td > div ul li:nth-child(2) .fileBox ul li {padding:0;border-top:none;margin-bottom:4px; margin-bottom:0;list-style: none !important;}
.basic-table tbody tr td > div ul li:nth-child(2) .fileBox ul li span {display:none;}
.basic-table tbody tr td > div ul li:nth-child(2) .fileBox ul li a {padding:0;font-size:15px;color:#212121;}
.basic-table tbody tr td > div ul li:nth-child(2) .fileBox>ul>li>a {font-weight:600;}
.basic-table tbody tr td > div ul li:nth-child(2) .fileBox>ul>li>a span {font-weight:400; margin-left:3px;}
.basic-table tbody tr td > div ul li:nth-child(2) .fileBox ul li.attatch_file_box {width: 100%;float: left;}
.basic-table tbody tr td > div ul li:nth-child(2) .fileBox ul li.attatch_file_box img {margin-right:5px;display: none;}
.basic-table tbody tr td > div ul li:nth-child(2) .fileBox ul li.attatch_file_box a {width: 100%;}
.basic-table tbody tr td > div ul li:nth-child(2) .fileBox + div {word-break:keep-all;}
.basic-table tbody tr td > div ul li:nth-child(2) .fileBox + div p {font-size:15px; line-height:150%;}
.basic-table tbody tr td > div ul li:nth-child(2)>div p * {line-height: normal;line-height: 150%;}

.basic-table tbody tr td > div ul li:nth-child(2) .fileBox>ul + #atchFile_div {display: inline-block !important;width: calc(100% - 110px) !important;}

.search-box + .basic-table tbody tr td:first-child input[type="checkbox"] {margin-top:18px;}


    @media (max-width:799px){
        .basic-table tbody tr td > div ul li:first-child {padding: 15px 50px 15px 50px;}
        .basic-table tbody tr td > div>ul>li:first-child:after {bottom: 9px;}
        .basic-table tbody tr td > div ul li:first-child span strong {font-size: 15px;}
        .basic-table tbody tr td > div ul li:first-child a {font-size: 15.5px;}
        .basic-table tbody tr td > div ul li:first-child>span + a {max-width:100%;}

        .basic-table tbody tr td > div ul li:nth-child(2) {padding: 15px 30px 15px 50px;}
        .basic-table tbody tr td > div>ul>li:nth-child(2):after {margin-top: -43px;}
        .basic-table tbody tr td > div ul li:nth-child(2) .fileBox + div p {font-size: 15px;}
    }

/* 하단 버튼 정렬 */
.rt-box {margin-top: 20px; overflow: hidden; text-align: right; clear: both;}
.rt-box > .wzbtn + .wzbtn {margin-left:5px;}