@charset "utf-8";

/* 게시판 공통 */
.tboard *:not(.fa) {list-style:none;box-sizing:border-box;text-decoration:none;font-family:'Noto Sans KR',sans-serif;}
.tboard .bt_box,.tboard .bo_fx {overflow: hidden;}
.tboard .admin {float:right;margin-top:15px;}
.tboard .admin a {padding:0 5px;margin-left:10px;}
.tboard .admin button {padding:0 5px;margin-left:10px;}
.tboard .admin li {float:left;}
.tboard .btn {display:block;border:1px solid #f1f1f1;color:#000;background-color:#f5f5f5;font-size:14px;border-radius:3px;padding:0px 10px !important;cursor:pointer;transition:all .2s ease;}
.tboard .btn:hover {border-color:#333;color:#fff;background-color:#333;}
.tboard .btn.adm {color:#f54 ;border-color:#ffeae8;background-color:#ffedeb;}
.tboard .btn.adm:hover {background-color:#f54;border-color:#f54;color:#fff;}
/* 게시판 공통 - 페이징 */
.tboard .pg_wrap {clear:both;margin:30px 0;text-align:center;font-size:0;float:none;width:100%;}
.tboard .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.tboard .pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:none;text-align:center;margin-right:5px;}
.tboard .pg_page:last-child {margin-right:0;}
.tboard .pg_wrap .pg a {text-align: center !important;}
.tboard .pg a:focus, .pg a:hover {text-decoration:none}
.tboard .pg_page {color:#999;font-size:14px;height:35px;line-height:35px;padding:0 5px;min-width:35px;border-radius:3px;}
.tboard .pg_page:hover{background-color:#333 !important;color:#fff;}
.tboard .pg_start {background:#f1f1f1;padding:0;border:none;font-size:0;position: relative;}
.tboard .pg_start::before {content:"\f048";font-family: FontAwesome;font-size:12px;position:absolute;text-indent:0;left:0;top:0;width:100%;}
.tboard .pg_prev {background:#f1f1f1;padding:0;border:none;font-size:0;position: relative;}
.tboard .pg_prev::before {content:"\f04a";font-family: FontAwesome;font-size:12px;position:absolute;text-indent:0;left:0;top:0;width:100%;}
.tboard .pg_end {background:#f1f1f1;padding:0;border:none;font-size:0;position: relative;}
.tboard .pg_end::before {content:"\f051" !important;font-size:12px;font-family: FontAwesome;position:absolute;text-indent:0;left:0;top:0;width:100%;}
.tboard .pg_next {background:#f1f1f1;padding:0;border:none;font-size:0;position: relative;}
.tboard .pg_next::before {content:"\f04e";font-family: FontAwesome;font-size:12px;position:absolute;text-indent:0;left:0;top:0;width:100%;}
.tboard .pg_start:hover,.tboard .pg_prev:hover,.tboard .pg_end:hover,
.tboard .pg_next:hover{background-color:#f1f1f1}
.tboard .pg_current {display:inline-block;background:#5c6bc0;color:#fff;font-weight:bold;height:35px;line-height:35px;padding:0 10px;min-width:35px;border-radius:3px;box-shadow: inset 0px 0px 0px #222542;font-size:16px;}

/* 게시판 목록 */ 
#board_main {max-width:1000px;margin:0 auto;text-align:right;margin-bottom:20px;position:relative;}
#board_main h2,
#board_main h3,
#board_main a,
#board_main p {text-align:left;}
.bo_sch_wrap {position:fixed;top:0;left:0;width:100%;height:100vh;box-sizing: border-box;display:none;z-index:1000;}
.bo_sch_wrap fieldset {border:none;position:absolute;left:50%;top:40%; transform:translate(-50%,-50%);z-index:500;}
.bo_sch_wrap select {border:none;padding:10px;}
.bo_sch_wrap input {border:none;padding:10px;}
.bo_sch_wrap button.sch_btn {border:none;padding:10px 18px;}
.bo_sch_wrap button.bo_sch_cls {font-size:12px;color:#555;border:none; background-color:transparent;position:absolute;width:100%;text-align:right; margin-top:20px;cursor:pointer;}
.bo_sch_wrap .bo_sch_bg {position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.85);}
#board_main .skin_title{border-bottom:1px solid #e7e2e1; height:60px; padding:15px 0;position:relative;}
#board_main .skin_title h2{font-size: 16px; color:#000;padding-top:3px;}
#board_main .skin_title h2 span {font:10px/10px tahoma,sans-serif; color:#999;margin-left:10px;}
#board_main .skin_title h2 ul {display:inline-block;position:absolute; overflow:hidden;margin:0 0 0 30px;}
#board_main .skin_title h2 li {float:left;}
#board_main .skin_title h2 a {font-size:12px;font-weight: 400;color:#999;padding:5px;display:block;}
#board_main .skin_title h2 a:hover,
#board_main .skin_title h2 a#bo_cate_on {color:#000;font-weight:600;}
#board_main .skin_title button{position:absolute; width:24px; height:24px; border:none; background-color: transparent; background: url(img/ico_package.png) -100px -200px no-repeat; top:20px;right:30px;cursor: pointer;font-size:0;}
#board_main .skin_title button:nth-child(3){background: url(img/ico_package.png) -50px -200px no-repeat;right:0;}
#board_main .skin_title button:hover {background-color:#e7e2e1;}
#board_main .skin_title+.bt_box {position: absolute;right:0;top:0;}
#board_main .list ul {}
#board_main .list li {border-bottom:1px solid #e7e2e1; position:relative;padding-bottom:20px;}
#board_main .list li.img {min-height:790px;} //게시물간 높이
#board_main .list ul h3 {;overflow:hidden;position: relative;}
#board_main .list li.img h3 {width:calc(100% - 180px);}
#board_main .list ul h3.checkbox {padding-left:18px;}
#board_main .list ul h3 input {position:absolute;left:0;top:28px;border:1px solid red;}
#board_main .list ul h3 a{font-size:18px; color:#080808;margin:20px 0 0;float:left}
#board_main .list ul h3 a span.new_icon {margin:7px 0 0 8px;background:url(img/new.png) 0 0/cover;font-size:0;position:absolute;width:14px;height:14px;}
#board_main .list ul h3 a.bo_cate_link {font-size:14px; color:#666;padding:4px 15px 0 0;font-weight:400;}
#board_main .list ul h3 a.bo_cate_link::after {content:"";position: absolute; height:14px;border-left:1px solid #ccc;margin:4px 0 0 6px;}
#board_main .list ul h3 a:not(.bo_cate_link):hover{color:#666;}
#board_main .list ul h3 a span.cnt_cmt{color:#333;font-size:12px;font-weight: 500;}
#board_main .list ul h3 a span.cnt_cmt::after{content:" comment";font:9px/9px tahoma,sans-serif;color:#ccc;}
#board_main .list ul>li>p {margin-top: 10px;}
#board_main .list ul>li.img>p {width:calc(100% - 180px);}
#board_main .list ul>li>p>a {font-size: 15px; color:#666;}
#board_main .list ul>li>a {position:absolute;right:0;top:20px;}
#board_main .list ul>li>a img {width:100%;height:auto;}
#board_main .list span.on {background-color:#f54;color:#fff;font-size:12px;padding:0 5px;border-radius:3px;margin:25px 0 0 20px;position:absolute;}
#board_main .list span.on.new {margin-left:30px;}
#board_main .list p.no {text-align: center;line-height:200px;color:#666;}

/* 게시판 뷰 */ 
#board_view {max-width:1000px;margin:auto;}
#board_view>p:first-child {font-size:15px;color:#666;display:inline-block;border-bottom:1px solid #ccc;}
#board_view h1 {font-size:28px;color:#222;line-height:180%;margin-top:10px;}
#board_view h1+p {font-size:14px;color:#777;border-bottom:1px solid #ebebeb;padding-bottom:15px;}
#board_view h1+p date {margin-left:20px;}
#board_view h1+p date::before {content:"";position:absolute;border-left:1px solid #ccc;height:11px;margin:5px 0 0 -10px;}
#board_view #memo article {font-size:16px;color:#222;min-height: 300px;margin:30px 0;}
#board_view .vote {margin:20px 0 50px;}
#board_view .vote a {border:1px solid #ddd;padding:5px 10px;font-size:14px;color:#333;border-radius:20px;transition:all .2s ease;}
#board_view .vote a:hover {color:#fff;background-color:#333;border-color:#333;}
#board_view .vote a.report {float:right;}
#board_view .vote a i {color:#ddd;}
#board_view #comment>h2+p {text-align:center;margin-bottom:20px;}
#board_view #comment article {border-top:1px solid #e6e6e6;padding:25px 0; position:relative;overflow:hidden;}
#board_view #comment article img {width:100%;height:100%;}
#board_view #comment article p {float:left;color:#333;font-size:14px;}
#board_view #comment article p a {color:#333;}
#board_view #comment article p:first-child {width:48px; height:48px; border-top:1px solid #e6e6e6;border-radius:60px;overflow:hidden;}
#board_view #comment article p:nth-child(2) {margin-left:20px;}
#board_view #comment article p:nth-child(3),
#board_view #comment article p:nth-child(4)
{font-size:12px;margin:2px 0 0 20px;color:#aaa;}
#board_view #comment article p:nth-child(3)::before,
#board_view #comment article p:nth-child(4)::before {content:"";position:absolute;border-left:1px solid #ccc;height:9px;margin:5px 0 0 -10px;}
#board_view #comment .cmt_memo {margin:-20px 0 0 68px;clear:both;}
#board_view #comment article p.opt {position:absolute;right:0; top:28px; font-size:12px;}
#board_view #comment article p.opt a {color:#777}
#board_view #cmt_empty {color:#777;font-size:14px;text-align:center;line-height:200%;}
#board_view #cmt_wr {}
#board_view #wr_content {border:1px solid #e0e0e0;margin:10px auto; width:800px;max-width: 100%;padding:15px;outline:none;display:block;}
#board_view #wr_content:focus {border:1px solid #aaa;background-color:#F9F9F9;}
#board_view #wr_secret {border:1px solid #aaa !important;background-color:#F9F9F9;}
#board_view #wr_secret+label {color:#ccc;}
#board_view #wr_secret+label::before {content: "\f05d";font-family: FontAwesome;margin-right:5px;}
#board_view #wr_secret:checked+label {color:#333}
#board_view #wr_secret:checked+label::before {content: "\f058";}
#board_view .bo_vc_w {margin-bottom:50px;}
#board_view .bo_vc_w_wr {width:800px;max-width:100%;margin:auto;}
#board_view #captcha {border:none;padding:0;}
#board_view #captcha div {margin:9px 0;}
#board_view .btn_confirm {overflow:hidden;float:right;}
#board_view .btn_confirm span {float:left;font-size:12px;color:#aaa; margin:10px 20px 0 0;}
#board_view .btn_confirm span input {position: absolute;margin:4px 0 0 -15px;}
#board_view .btn_confirm button {float:left;}
#board_view .bo_vc_w_info {font-size:0;}
#board_view .bo_vc_w_info input {padding:3px 8px;outline:none;border:1px solid #e0e0e0;}
#board_view .bo_vc_w_info input[type=password] {margin-left:5px;}
#board_view .bo_vc_w_info input:focus {border:1px solid #aaa;background-color:#F9F9F9;}
#board_view .bo_vc_w_info input#wr_name,
#board_view .bo_vc_w_info input#wr_password {border:1px solid #e0e0e0;width:200px;height:30px;font-size:12px;padding:5px;margin-bottom:10px;}
#board_view .bo_vc_w_info button {margin-left:3px !important;}
#board_view #captcha_key {border:1px solid #ccc !important;margin:0 0 0 3px;font-size:12px;}
#board_view #captcha #captcha_img {border:1px solid #ccc;border-radius:3px;}

/* 게시판 글작성(수정) */ 
#write {font-size:14px;width:800px;margin:auto;}
#write h1 {margin:20px 0;}
#write input,#write textarea {outline:none;box-shadow:none;display:block;padding:20px 0;border:none !important;}

#write fieldset {border:none;}
#write span {font-size:13px;color:#333;}
#write li>span:first-child {float:left;width:100px;padding-top:20px;}
#write li>span:first-child {float:left;width:100px;padding-top:20px;}
#write li:first-child>label.cate {margin:20px 0;display:inline-block;}
#write li>span.require::after {content:"*";color:#f54;font-size:20px;position:absolute;margin:-3px 0 0 2px;}
#write li {border:1px solid #ddd;padding:1px 20px;position:relative;overflow:hidden;}
#write li:not(:last-child) {border-bottom:none;}
#write li.on {border:1px solid #000;}
#write li.on+li {border-top:none;}
#write input[type="radio"] {border:1px solid red;position: absolute;display: none;}
#write input[type="radio"]+span {padding:0 20px 0 22px;}
#write input[type="radio"]+span::before { content: "\f1db";font-family: FontAwesome;color:#ddd;position: absolute;font-size:20px;margin-left:-22px;margin-top:1px;}
#write input[type="radio"]:checked+span::before { content: "\f058";color:#f54;}
#write input[type="text"],
#write input[type="password"],
#write textarea {float:left;outline:none; width:calc(100% - 170px); border:none;}
#write textarea#wr_content {min-height:150px;}
#write span+input+p {padding-left:152px;}
#write p.help {color:#f54;display:none;clear:both;padding-left:100px;;}
#write p.help.file {color:#909090;}
#write .memo>div {position: absolute; margin-top:23px;}
#write .memo>div ul.bo_v_option {margin-top:20px;}
#write .memo>div li.chk_box {padding:0;border:none;margin-top:3px;font-size:11px;color:#888;}
#write .memo>div li.chk_box input {position:absolute;display:none !important;}
#write .memo>div li.chk_box input+label {padding:0;color:#ccc;}
#write .memo>div li.chk_box input:checked+label {color:#666;}
#write .memo>div li.chk_box label::before {content: "\f05d";font-family: FontAwesome;margin-right:3px;}
#write .memo>div li.chk_box label span {display:none;}
#write .memo>div li.chk_box input:checked+label::before {content: "\f058";}
#write fieldset>p {text-align:center;margin:40px;}
#write fieldset>p .submit_bt {text-align:center;width:120px;height:40px;border-radius: 100px;border:1px solid #e0e0e0;background-color:#fff;cursor:pointer;display:inline-block;line-height:40px;vertical-align:middle;}
#write fieldset>p .submit_bt:first-child {margin-right:10px;}
#write .text_check:focus~p .num {color:#000;}
#write .text_check~p .num.max {color:#f54;font-weight:bold;}
#write fieldset>p input.ok {border-color:#000;background-color:#000;color:#fff;padding:0;}
#write fieldset>p input.ok:disabled {border-color:#e0e0e0;background-color:#e0e0e0;color:#fff;}
#write fieldset>p input:hover {border-color:#f54;background-color:#f54;color:#fff;}
#write p.text_num {color:#cdcdcd;position:absolute;right:20px;top:20px;}
#write p.text_num span{color:#cdcdcd;}
#write p#captcha {width:0;height:0;position:absolute;}
#write fieldset#captcha {margin-top:10px;}
#write #captcha_key {border:1px solid #ccc !important;margin:0 3px 0 0;}
#write #captcha #captcha_img {border:1px solid #ccc;border-radius:3px;}