@charset "utf-8";

* { box-sizing: border-box; margin: 0; padding: 0; }

/* pc 기본 - list*/


/* 검색창 + 로그인 버튼 영역 */

.login-search-wrap {display:flex; justify-content:space-between; align-items:flex-end; margin-top:50px;}

.login {
    display: flex; justify-content: center; align-items: center; 
    height: 35px; padding: 3px 24px; background-color: #fff; border: 1px solid #191919; border-radius: 500px; 
    font-weight: 500; font-size: 15px; box-sizing: border-box; font-family: pretendard;
}
.login:hover {border: 1px solid #0061a8; color:#0061a8;}


div.search {
   display: flex; gap: 8px;
}
div.search select.search_select {
    padding:14px; border-radius: 8px; border: 1px solid #ddd; font-size:14px;
}
div.search input.search_input {
    width:280px; padding: 8px 14px; border-radius: 10px; border: 1px solid #ccc;
    font-family: 'pretendard'; font-size:16px; outline: none;
}
div.search span input.skin_search_button {
    background-color: #09375e;color: #fff; cursor: pointer; padding: 8px 12px; border-radius: 10px; border: 1px solid #09375e; 
}
div.box-con { 
    /* 서브페이지 컨테이너 마진값 */
    position: relative; margin-top: 100px; 
} 



/*글쓰기 위젯*/
div.skin_free div.skin_write_btn_area {
    position: fixed; bottom:150px; right:240px; z-index: 1000; background-color: #fff; color: #666; font-weight: 600;
    width: auto; padding: 0 12px; height: 110px; line-height: 30px; text-align: center; border-radius: 500px; box-shadow: 0px 0px 10px #ddd;
}
div.skin_free div.skin_write_btn_area .write_icon {
    display:flex; justify-content:center; align-items:center; width: 56px; height: 56px; background-color: #09375e; border-radius: 500px; margin: 0 auto; margin-top: 14px;
}
div.skin_free div.skin_write_btn_area .write_icon svg {}



/* 목록 */
div.skin_free {
    margin-top: 8px;
}
div.skin_free ul.board_list {margin-bottom:30px;}
div.skin_free ul.board_list li.list_heder_pc {
    width: 100%; background:#eee; padding: 24px 0;
}
div.skin_free ul.board_list li.list_heder_pc div {
    display: inline-block;
}
div.skin_free ul.board_list li.list_heder_pc > div {
    text-align:center!important; font-weight: 800; font-size: 18px;
}
div.skin_free ul.board_list li.list_heder_pc > div:nth-child(1) { 
    /* No 넓이 */
    width: 10%;
}
div.skin_free ul.board_list li.list_heder_pc > div:nth-child(2) { 
    /* title 넓이 */
    width:79%;
}
div.skin_free ul.board_list li.list_heder_pc > div:nth-child(3) { 
    /* 첨부파일여부 넓이 */
    width: 10%;
}
div.skin_free ul.board_list li.list-flex {
    display: flex; align-items: center; width: 100%; padding: 32px 0; border-bottom: 1px solid #eee; justify-content: space-between;
}
div.skin_free ul.board_list li.list-flex div.no {
    width: 10%; text-align: center; margin-right: 20px;
}
div.skin_free ul.board_list li.list-flex div.no span {
     display: inline-block; padding: 6px 20px; font-weight: 500; font-size: 18px;
}



/* 공지사항 클래스 */
div.skin_free ul.board_list li.list-flex div.no span.add_notice {
    display: inline-block; padding: 6px 20px; background-color: #09375e; color: #fff; border-radius: 500px;
}
div.flex-center {
    width: 80%;
}
div.icon-show {
    width: 10%; text-align: center;
}
div.box-flex {
    display: flex; margin-top: 10px; gap: 12px;
}
div.title {
    font-size: 18px; font-weight: 600;
}
div.name,
div.date,
div.hit {
     color: #999;
}



/* 보기 */
div.skin_free .board_view {
    margin:10px 0; border:0;  border-bottom:1px solid #ccc;
}
div.skin_free .board_view th {
    padding:5px 0; line-height:150%; font-size:25px;
}
div.skin_free .board_view tr.top-info td {
    padding:0 0 10px 0; border:0; font-weight:bold;
}
div.skin_free .board_view td.detail div#content {
    min-height:250px; vertical-align:top; padding: 10px;
}
div.skin_free .board_view th.title {
    display:flex; justify-content:space-between; align-items:flex-start; padding:20px 10px 10px 10px; border:0; border-top:2px solid #0b1b39; border-bottom: none; text-align: left;
}
div.skin_free .board_view tr.view_infor td {
    border: none; padding: 0 10px; display: flex; gap: 20px;
}
div.skin_free .board_view tr.view_infor td span.name,
div.skin_free .board_view tr.view_infor td span.date,
div.skin_free .board_view tr.view_infor td span.hit {
    font-size: 16px; font-weight: 300; border-right: 2px solid #aaa; padding-right: 20px; height: 14px; line-height: 14px;
}
div.skin_free .board_view tr.view_infor td span:last-child {
    border-right: none;
}

div.skin_free .board_view th.title span {display:flex; align-items:center; gap:5px;}

div.skin_free .board_view th.title span button {
    display:flex; justify-content:center; align-items:center; height:35px; padding:3px 24px; background-color: #fff; border: 1px solid #191919; border-radius: 500px; font-weight: 500; font-size: 15px; box-sizing: border-box; font-family: pretendard; cursor: pointer;
}
div.skin_free .board_view th.title span button.delete {
    background-color: #191919; color: #fff; font-weight: 300;
}



/* 이전글 다음글 버튼 */
div.skin_free .board_view td.view_btton_flex {
    width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 20px 10px; border: none;
}
div.skin_free .board_view td.view_btton_flex a {
    background-color: #fff; border: none; font-size: 16px; box-sizing: border-box; font-weight: 500; cursor: pointer;
}
div.skin_free .board_view td.view_btton_flex .prev_view {display:flex; align-items:baseline;}
div.skin_free .board_view td.view_btton_flex .prev_view a { 
    display:flex; align-items:baseline; padding-right: 20px; 
}
div.skin_free .board_view td.view_btton_flex .next_view {display:flex; align-items:baseline;}
div.skin_free .board_view td.view_btton_flex .next_view a { 
    display:flex; align-items:baseline; padding-left: 20px; 
}
div.skin_free .board_view td.view_btton_flex .prev_view a svg { 
    padding-top: 3px; margin-right: 8px;
}
div.skin_free .board_view td.view_btton_flex .next_view a svg { 
    padding-top: 3px; margin-left: 8px;
}
div.skin_free .board_view td.modify {
    padding:8px 5px; border:0;
}
div.skin_free .board_view td.view_btton_flex span {
    display: inline-block; height: 16px; line-height: 16px;
}
div.skin_free .board_view td.view_btton_flex .prev_view span {
    display: inline-block; padding-left: 20px; border-left: 2px solid #aaa; 
}
div.skin_free .board_view td.view_btton_flex .next_view span {
    display: inline-block; padding-right: 20px; border-right: 2px solid #aaa;
}



/* 목록 버튼 */
div.skin_free .btn_list a { 
    height:35px; padding: 6px 24px; background-color: #fff; border: 1px solid #191919; border-radius: 500px; font-weight: 600; font-size:15px;
}
div.skin_free .board_view td.detail div.attachment {
    display:flex; margin-bottom:30px; padding:0;
}
div.skin_free .board_view td.detail {
    padding:20px 0; border:0; table-layout:fixed; word-break:break-all; word-break:break-word; border-bottom: 2px solid #191919;
}
div.skin_free .board_view td.detail div.attachment ul.list_attach {
    margin:0; padding:0; list-style:none; background: #F0F0F0; height: auto; width: 100%;
}
div.skin_free .board_view td.detail div.attachment ul.list_attach li { 
    margin: 24px 16px;
}
div.skin_btn_area_mov {
    display: flex; justify-content: space-between; margin-top: 24px;
}
div.skin_btn_area_mov div {
    display: flex; gap: 8px;
}
div.skin_btn_area_mov div button {
    height:35px; padding: 6px 24px; background-color: #fff; border: 1px solid #191919; border-radius: 500px; font-weight: 500; font-size: 15px; box-sizing: border-box; font-family: pretendard; cursor: pointer;
}
div.skin_btn_area_mov div button.delete {
    background-color: #191919; color: #fff; font-weight: 300;
}



/* 글쓰기, 수정, 삭제, 목록 위젯 */
div.skin_free div.skin_btn_area_func {
    display: flex; flex-direction: column; position: fixed; bottom: 100px; right:240px; z-index: 1000; background-color: #fff; color: #666; font-weight: 600;
    width: auto; padding: 0 12px; height: auto; line-height: 30px; text-align: center; border-radius: 500px; box-shadow: 0px 0px 10px #ddd; margin-bottom: 12px;
}
div.skin_free div.skin_btn_area_func .skin_button { 
    box-sizing: border-box; border-top: 1px solid #ddd;
}
div.skin_free div.skin_btn_area_func .skin_button:first-child { 
    border-top: none;
}
div.skin_free div.skin_btn_area_func .skin_button a { 
    padding-bottom: 12px; text-align: center;
}
div.skin_free div.skin_btn_area_func .skin_button button {
    background-color: #fff; border: none; cursor: pointer; color: #666; font-size: 16px; font-family: inter, "pretendard" !important;
}
div.skin_free div.skin_btn_area_func .skin_button button { 
    background-color: #fff; border: none; font-size: 16px; color: #666; font-weight: 700;
}
div.skin_free div.skin_btn_area_func .widget_icon {
    display:flex; justify-content:center; align-items:center; width:56px; height:56px;  margin: 0 auto; border-radius: 500px;
}
div.skin_free div.skin_btn_area_func .write_icon {
     background: #09375e; margin-top: 14px;
}
div.skin_free div.skin_btn_area_func .modify_icon {
     background: #2C80ED; margin-top: 10px; margin-bottom: 6px;
}
div.skin_free div.skin_btn_area_func .delete_icon {
     background: #F04545; margin-top: 10px; margin-bottom: 6px;
}
div.skin_free div.skin_btn_area_func .list_icon {
     background: #717171; margin-top: 10px; margin-bottom: 6px;
}
div.skin_free div.skin_btn_area_func .write_icon svg {}
div.skin_free div.skin_btn_area_func .modify_icon svg {}
div.skin_free div.skin_btn_area_func .delete_icon svg {}
div.skin_free div.skin_btn_area_func .list_icon svg {}
div.skin_free .board_write .nodata { text-align: center; padding: 150px 0; font-size: 18px; font-weight: 600; }



/* 비밀글보기 */
div.skin_secret_view {
    margin: 0 auto; text-align: center;  width: 380px; padding: 40px;
    background: #FFFFFF; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); border-radius: 30px; box-sizing: border-box;
}
div.skin_secret_view h2 {
    margin: 0 0 12px 0;
}
div.skin_secret_view p { 
    font-size: 14px; margin-top: 12px; color: #666;
}
div.skin_secret_view .secret_view_pw {
width: 300px; padding: 8px 0; border: 1px solid #ddd; border-radius: 1000px;  box-sizing: border-box;
margin: 0 auto; display: flex; align-items: center; justify-content: space-between; margin-top: 40px; margin-bottom: 8px;
}
div.skin_secret_view .secret_view_pw svg { 
    margin: 0 20px; 
}
div.skin_secret_view .secret_view_pw input { 
    width: 180px; padding: 10px 0; outline: none; border: none; margin-left: 20px; }
div.skin_secret_view svg.show_pw,
div.skin_secret_view svg.hide_pw { 
    margin-right: 20px; cursor: pointer; 
}
div.btn_secret_view button { 
    border: none; width: 300px; border-radius: 999px; padding: 18px 0; 
    background-color: #0e4675; color: #fff; font-size: 18px; font-weight: 600; cursor: pointer;
}



/* notice */
div.skin_free > .board_notice { 
    padding:0; margin:0; border:0
}
div.skin_free > .board_notice tr:hover {background:none !important;}
div.skin_free > .board_notice tr td:hover {background:none !important;}
div.skin_free > .board_notice tr td a:hover {background:none !important;}
div.skin_free > .board_notice th {
    padding:7px 0; border:0;}

div.skin_free > .board_notice td {
    padding:7px 0; border:0;
}

div.skin_free > .board_notice td.title a {
    display:inline-block; width:300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font:15px "pretendard", "open sans", Tahoma, Geneva, sans-serif; color:#000; font-weight: 400;
}
div.skin_free > .board_notice td a:hover {
    color:#0061a8; text-decoration:underline;}

div.skin_free > .board_notice td.date {
    padding-left:30px; font:14px "pretendard", "open sans", Tahoma, Geneva, sans-serif; color:#000; text-align:right; letter-spacing:.5px; font-weight: 100;
}



/* 글쓰기 */
div.skin_free .board_write td input#Url {width: 100% !important;}
.skin_free .skin_btn_area_write .skin_button button {
    display:flex; align-items:center; height:35px; padding: 8px 24px; background-color: #171717; border: none; color: #fff;
    border-radius: 500px; font-weight: 600; font-size: 18px; cursor: pointer; 
    font-family: inter, "pretendard" !important; font-weight: 300; box-sizing: border-box !important;
}
.skin_free .skin_btn_area_write .skin_button button.cancle_btn {
    background-color: #fff; border: 1px solid #171717; color: #171717; font-weight: 500;
}
div.skin_btn_area_write { 
    display:flex; justify-content:center; align-items:center; gap:5px; width:100%; margin-top: 20px; text-align:center;
}
div.skin_btn_area_write span.btn_wrap {
    display: flex; gap: 8px; margin: 40px 0 100; 
}
div.skin_free .board_write {
    width:100%; padding:0; border-collapse:collapse; border:0;
}
div.skin_free .board_write:nth-child(1),
div.skin_free .board_write:nth-child(3) { 
     border-top:2px solid #333; border-bottom:2px solid #333;

}
div.skin_free .board_write .i_text{ font-family: 'pretendard' !important; }



/* 등록옵션 비활성상태*/
div.skin_free .board_write:nth-child(3) tr:not(:first-child) th,
div.skin_free .board_write:nth-child(3) tr:not(:first-child) td
 { 
    color:#ddd;
}
div.skin_free .board_write:nth-child(3) tr:not(:first-child) td .i_text{
border: 1px solid #ddd;
}

div.skin_free .board_write:nth-child(3) tr:not(:first-child) td .i_text::placeholder {
    color: #ddd;
}
div.skin_free .board_write:nth-child(3) tr:not(:first-child) td span input[type="checkbox"]{
    opacity: 0.3;
}
div.skin_free .board_write:nth-child(3) tr:not(:first-child) td label{color: #ddd;}



/* 등록옵션 활성상태 */
div.skin_free .board_write:nth-child(3) tr.on th,
div.skin_free .board_write:nth-child(3) tr.on td
 { 
    color:#1a1a1a;
}
div.skin_free .board_write:nth-child(3) tr.on td .i_text{
border: 1px solid #171717;
}

div.skin_free .board_write:nth-child(3) tr.on td .i_text::placeholder {
    color: #757575;
}
div.skin_free .board_write:nth-child(3) tr.on td span input[type="checkbox"]{
    opacity: 1;
}
div.skin_free .board_write:nth-child(3) tr.on td label{color: #1a1a1a;}



/* 표 여백 이쁘게 */
div.skin_free .board_write tr:first-child th,
div.skin_free .board_write tr:first-child td{
    padding-top: 32px;
}
div.skin_free .board_write tr:last-child th,
div.skin_free .board_write tr:last-child td{
    padding-bottom: 32px;
}
div.skin_free .board_write tr td span.popup-flex{
    display: flex; gap:  8px 18px; align-items: center; flex-wrap: wrap;
}

div.skin_free .board_write:nth-child(3) {
    margin-top: 16px;
}
div.skin_free .board_write th {
    border: none; width: 8%; padding:16px; background:none; text-align:left; white-space:nowrap; font-weight: 500;
    padding-left: 16px;
}

div.skin_free .board_write td {
    border: none; height:16px; padding: 16px 8px; height: 55px; background:none
}


div.skin_free .board_write td .i_text {
    height:16px; padding:3px; margin:0; box-sizing:content-box; border:1px solid #b7b7b7;
    outline:none; padding:6px 0; border-radius: 5px; font-size: 16px;  padding-left: 8px;
    
}
div.skin_free .board_write td .i_text:hover {
    border-color:#09375e
}
div.skin_free .board_write td .i_text:focus {
    border-color:#09375e
}
div.skin_free .board_write td input.i_date {
    padding:6px 8px; border-radius: 5px; margin-left:6px; border:1px solid #b7b7b7
}
div.skin_free .board_write td input[type="checkbox"] {
    width: 18px; height: 18px; accent-color: #171717; vertical-align: text-bottom;
}
div.skin_free .board_write td span input.i_checkbox {
    margin: 0 8px 0 16px;
}
div.skin_free .board_write td.option-flex{
    display: flex !important; gap: 76px;
}
div.skin_free .board_write td .hasDatepicker{ width: 120px; text-align: center; padding-left: 0;} 
div.skin_free .board_write td .IsSecret_input{ width: 340px;}
div.skin_free .board_write td .IsPopup_input{ width: 120px;}
div.skin_free .board_write td .i_check {
    padding:0; margin:0 0 0 1px; vertical-align:middle; cursor:pointer
}
div.skin_free .board_write td .i_label {
    padding:0; margin:0; vertical-align:middle; cursor:pointer
}
div.skin_free .board_write td.write_section textarea {
    width:500px; min-width:100%; max-width:100%; height:300px; padding:0; margin:0; resize:none; overflow-y:scroll; border:1px solid #b7b7b7;
}
div.skin_free .board_write td select {
    padding:3px; border:1px solid #b7b7b7
}
div.skin_free .board_write td.drag-drop { 
    border-bottom: none; border-top: none; padding: 0px 0 16px 0 !important;
}
div.skin_free .board_write td.drag-drop svg {margin:0 auto; text-align:center;}
.its-dz-main {margin-top: 12px;}

div.skin_free .board_write td.write_section {padding: 16px 0 !important;}



/* 로그인 */
.skin_login {margin: 0 auto; text-align: center;  width: 380px; padding: 40px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
    border-radius: 30px;}
.skin_login p { font-size: 14px; margin-top: 12px; color: #666;}
.input_wrap {margin: 40px auto; width: 300px; }

.input_wrap .item_userid {border-bottom: 1px solid #ddd;}
.input_wrap .item_userpw {border-bottom: 1px solid #ddd; margin-top: 20px;}

.input_wrap .item_userid label,
.input_wrap .item_userpw label {margin-right: 12px;}

.input_wrap .item_userid input,
.input_wrap .item_userpw input {
    padding: 8px 0; border: none; width: 80%; outline: none; font-size: 18px;
}

.btn_area_login button { border: none; width: 300px; border-radius: 999px; padding: 18px 0;
    background-color: #0e4675; color: #fff; font-size: 18px; font-weight: 600;}



    /*반응형 사이즈-공지사항, 온라인견적문의*/
    /*태블릿*/
    @media (min-width: 768px) and (max-width: 1199px) {
        /* 목록 */
        div.skin_free ul.board_list li.list_heder_pc > div { font-size: 16px !important; }
        div.skin_free div.title { font-size: 16px !important; }
        div.skin_free .box-flex div.name, 
        div.skin_free .box-flex div.date, 
        div.skin_free .box-flex div.hit { font-size: 14px !important; }
        div.skin_free .box-flex { margin-top: 6px; }
        div.skin_free li.list-flex { padding: 24px 0; } 
        div.skin_free li.list-flex div.no span {padding: 4px 16px !important; } 
        div.skin_free li.list-flex div.no { font-size: 14px; }
        
        div.skin_free .list_heder_pc { padding: 22px 0; }
        div.skin_free ul.board_list li.list_heder_pc > div:nth-child(3) { width: auto !important; }
    


        /* 보기 */
        div.skin_free .board_view th { font-size: 20px !important; }
        div.skin_free .board_view td.detail div.attachment ul.list_attach li { margin: 20px 16px !important; }
        div.skin_free .board_view td.detail { padding: 12px 0 !important; }
        


        /* 목록버튼 */
        div.skin_free .btn_list_b a { padding: 4px 20px !important; font-size:15px !important; left: calc(50% - 33px) !important;}
    
    

        /* 글쓰기 */
        .drag-drop { font-size: 14px !important; }
        .skin_free .skin_btn_area_write .skin_button button {padding: 6px 24px !important; box-sizing: border-box !important;
            font-size: 16px !important;
        }
        .skin_btn_area_write {
            left: calc(50% - 33px) !important;
        }
        div.skin_btn_area_write {
            left: calc(50% - 80.5px) !important;
        }        
    


        /* 메인 노티스 */
        div.skin_free > .board_notice th {padding:18px 0 !important;}
        div.skin_free > .board_notice td {padding:18px 0 !important;}
        div.skin_free > .board_notice td a {font-size: 18px !important;}
        div.skin_free > .board_notice td.date {font-size: 18px !important;}
    
    
    }
    
    /*모바일*/
    @media (max-width: 767px) { 
        /* 목록 */
        div.skin_free ul.board_list li.list_heder_pc > div { font-size: 14px !important; }
        div.skin_free div.title { font-size: 14px !important; word-break: keep-all; line-height: 18px;}
        div.skin_free .box-flex div.name, 
        div.skin_free .box-flex div.date, 
        div.skin_free .box-flex div.hit { font-size: 12px !important; }
        div.skin_free .box-flex { margin-top: 6px; }
        div.skin_free li.list-flex { padding: 18px 0;} 
        div.skin_free li.list-flex div.no span {padding: 4px 12px !important; } 
        div.skin_free li.list-flex div.no { font-size: 12px; margin-right: 12px;}
        div.skin_free .list_heder_pc { padding: 18px 0; }
        div.skin_free ul.board_list li.list_heder_pc > div:nth-child(3) { width: auto !important; }
        /* 검색버튼 */
        div.search {width: 100%; top: -20px !important;}
        div.search > input { width: calc(100% - 55px) !important; padding: 9px !important;}
        input.skin_search_button {padding: 8px 12px !important; font-size: 12px !important; }
    
        /* 보기 */
        div.skin_free .board_view th { font-size: 18px !important; word-break: keep-all;}
        div.skin_free .board_view td.detail div.attachment ul.list_attach li { margin: 20px 16px !important; }
        div.skin_free .board_view td.detail { padding: 12px 0 !important; }
        /* 목록버튼 */
        div.skin_free .btn_list_b a { padding: 4px 20px !important; font-size: 14px !important; left: calc(50% - 33px) !important; margin-top: 10px !important;}
        /* 글쓰기 */
        .drag-drop { font-size: 14px !important; }
        div.skin_free .board_write th { font-size: 14px !important; }
        div.skin_free .board_write td .i_text {padding: 4px 4px !important; font-size: 14px !important;}
        div.skin_free .board_write th {padding: 12px !important;}
        div.skin_free .board_write td {padding: 12px !important;}
    
        .drag-drop { font-size: 14px !important; }
        .skin_free .skin_btn_area_write .skin_button button {padding: 6px 22px !important; box-sizing: border-box !important;
            font-size: 14px !important;
        }
        .skin_btn_area_write {
            left: calc(50% - 33px) !important;
        }
        
        div.skin_free .board_write td.write_section {padding: 12px 0 !important;}
        div.skin_free .board_write td.drag-drop {padding: 0px 0 12px 0 !important;}
        
        div.skin_free .board_write td.option-flex{
           gap: 24px;
        }
        div.skin_free .board_write td .hasDatepicker{ font-size: 14px !important; width: 114px !important;} 
        div.skin_free .board_write td .IsSecret_input{ padding-left: 8px !important; font-size: 14px !important; width: 100% !important;}
        div.skin_free .board_write td .IsPopup_input{ font-size: 14px !important; width: 114px !important;}

        div.skin_free .board_write tr td label{font-size: 14px;}
        div.skin_btn_area_write {
            left: calc(50% - 73px) !important;
        } 




        /* 표 여백 이쁘게 */
        div.skin_free .board_write tr:first-child th,
        div.skin_free .board_write tr:first-child td{
            padding-top: 24px !important;
        }
        div.skin_free .board_write tr:last-child th,
        div.skin_free .board_write tr:last-child td{
            padding-bottom: 24px !important;
        }

        div.skin_free .board_write:nth-child(3) {
            margin-top: 8px !important;
        }
    


            /* 메인 노티스 */
            div.skin_free > .board_notice th {padding:10px 0 !important;}
            div.skin_free > .board_notice td {padding:10px 0 !important;}
            div.skin_free > .board_notice td a {font-size: 16px !important; word-break: keep-all !important;}
            div.skin_free > .board_notice td.date {font-size: 14px !important;}
    }
    
/* 
셀렉트박스 */
    .container-wrap{
        width: 200px; 
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none
    }
    .container-wrap span.text-hidden{
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    div.container{
        width: 100%; background-color: #fff; border: 1px solid #ccc; padding: 8px 24px; border-radius: 10px;
        display: flex; align-items: center; justify-content: space-between; box-sizing: border-box;
    }
    div.container span.text-area{
        font-weight: 600;
    }
    div.container .icon-area{
        float: right; position: relative; 
        background-color: #fff; border: none;
    }
    
    div.container .slide-up{
        display: none;
    }
    div.container-wrap div.list-wrap {
        width: 100%; max-height: 193px; overflow: hidden; overflow-y: auto;
        background-color: #fff; border: 1px solid #ccc; border-radius: 10px;
        position: relative; top: 4px; 
    }



    /* 스크롤바의 폭 너비 */
    div.container-wrap div.list-wrap::-webkit-scrollbar {
        width: 4px;
    }

    div.container-wrap div.list-wrap::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 500px;
    }
    div.container-wrap div.list-wrap ul.option-list{
         padding: 8px 0;
    }
    div.container-wrap div.list-wrap ul.option-list li.option{
        margin: 0 8px; padding: 8px 16px; border-radius: 10px; cursor: pointer; transition: 0.5s; 
        font-weight: 500; color: #666; list-style: none;
    }
    div.container-wrap div.list-wrap ul.option-list li.option:hover{
        background-color: #eee; color: #000; 
    }