@CHARSET "UTF-8";

/* 디자인셀렉트박스 */
select.custom_sel{width:100%;height:100%;min-height:40px;padding:0 20px 0 10px;background:#fff url(/nanum/site/builder/skin/common/img/select_arr.png) no-repeat right 10px center;border:1px solid #d5d5d5;font-size:15px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select.custom_sel::-ms-expand{display:none;}

/* 디자인인풋박스 */
.inp_chk[type="checkbox"],
.inp_rd[type="radio"]{clip:rect(1px, 1px, 1px, 1px);position:absolute;width:1px;height:1px;}

/* 체크박스 */
.inp_chk[type="checkbox"].default + label{display:inline-block;position:relative;padding-left:25px;cursor:pointer;font-size:15px;line-height:0;font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.inp_chk[type="checkbox"].default + label:before{content:'';position:absolute;left:0;top:50%;width:20px;height:20px;margin-top:-10px;border:1px solid #cacece;border-radius:3px;background:url(/nanum/site/builder/skin/common/img/icon_chk_off.png) no-repeat 50% 50% #fff;background-size:auto 12px;box-sizing:border-box;}
.inp_chk[type="checkbox"]:checked.default + label{font-weight:700;}
.inp_chk[type="checkbox"]:checked.default + label:before{background:url(/nanum/site/builder/skin/common/img/icon_chk_on.png) no-repeat 50% 50% #0075ff;background-size:auto 12px;border-color:#0075ff;}

.inp_chk[type="checkbox"].borbx + label{display:inline-block;position:relative;width:100%;padding:5px 0;background-color:#fff;border:1px solid #d5d5d5;font-size:14px;font-weight:600;color:#555;text-align:center;box-sizing:border-box;vertical-align:top;cursor:pointer;}
.inp_chk[type="checkbox"].borbx:checked + label{border-color:#000;background:#747474;color:#fff;box-shadow:3px 3px 0 rgba(0,0,0,0.2);}

/* 라디오버튼 */
.inp_rd[type="radio"].default + label{display:inline-block;position:relative;margin-right:10px;padding-left:25px;cursor:pointer;font-size:15px;line-height:0;font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
.inp_rd[type="radio"].default + label:before{content:'';position:absolute;left:0;top:50%;width:20px;height:20px;margin-top:-10px;box-sizing:border-box;text-align:center;border:1px solid #cacece;border-radius:100%;}
.inp_rd[type="radio"]:checked.default + label:before{border-color:#0075ff;}
.inp_rd[type="radio"]:checked.default + label:after{content:'';position:absolute;top:50%;left:5px;width:10px;height:10px;margin-top:-5px;background:#0075ff;border-radius:100%;}

/* 텍스트박스 */
.inp_txt{height:100%;min-height:40px;padding:0 10px;border:1px solid #d5d5d5;background-color:#fff;font-size:15px;cursor:text;box-sizing:border-box;}
.inp_txt:focus{border-color:#3db6ed;background-color:#f0f7fa;}

/* 페이징 */
.board_paginate{display:flex;gap:5px;align-items:center;justify-content:center;position:relative;margin-top:30px;padding:30px 0;text-align:center;}
.board_paginate a.prev,
.board_paginate a.next{position:relative;font-size:0;background:#fff;border:1px solid #e5e5e5;box-sizing:border-box;}
.board_paginate a.prev::after,
.board_paginate a.next::before{content:'';position:absolute;top:50%;left:50%;width:7px;height:12px;margin:-6px 0 0 -3px;background:url(/nanum/site/builder/skin/common/img/btn_paginate_arr.png) no-repeat;background-size:cover;}
.board_paginate a.prev::after{transform:rotate(180deg);}
.board_paginate a,
.board_paginate strong{width:34px;height:34px;padding:0;border-radius:5px;background:#f5f5f5;font-family:'Poppins',sans-serif;font-size:13px;letter-spacing:0;line-height:34px !important;color:#000;vertical-align:middle;}
.board_paginate strong{background:#000;font-weight:700;color:#fff;vertical-align:middle;}

/* 게시판상단 */
#board .board_total{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
#board .board_total_left{font-size:15px;color:#000;}
#board .board_total_left img{margin-right:5px;vertical-align:middle;}
#board .board_total_left .board_orange{color:#F96F00;}
#board .board_total_right .board_code{display:flex;}
#board .board_total_right .board_code select{width:120px;}
#board .board_total_right .board_code input{margin-left:5px;padding:0 10px;border:0;background:#888;font-size:13px;color:#fff;cursor:pointer;}
#board .guide{margin-bottom:8px;font-size:15px;font-weight:500;color:#555;text-align:right;}
#board .guide img{vertical-align:middle;margin-right:3px;}
#board .board_input{height:40px;padding:0 10px;border:1px solid #d5d5d5;background:#fff;font-size:15px;line-height:40px;font-weight:600;color:#000;cursor:text;box-sizing:border-box;}
#board .title .tit_wr{display:flex;gap:5px;width:100%;align-items:center;}
#board .title .tit_wr a{display:flex;gap:5px;width:100%;align-items:center;}
#board .opinion{display:inline-flex;gap:5px;align-items:center;flex-shrink:0;color:#e40015;font-size:1.5rem;}
#board .opinion:before{content:'';display:block;width:19px;height:17px;background:url(/nanum/site/board/common/img/opinion_icon.png) no-repeat center left / contain;}

#board .table_bview .content img{max-width:100%;}
#board .table_bview .content .ne-content-container *:not(table){width:auto !important;max-width:100% !important;box-sizing:border-box !important;}
.category_color{font-weight:600;color:#2b58db}

/* 게시판버튼 */
.board_button{display:flex;flex-wrap:wrap;justify-content:space-between;padding:30px 0;}
.board_button.center{justify-content:center;}
.board_button .btn_left,
.board_button .btn_right{display:flex;align-items:center;}
.board_button .btn_right{margin-left:auto;}
.board_button .btn_copy{display:flex;align-items:center;justify-content:center;width:100%;margin-top:20px;padding:20px;background:#f9f9f9;color:#000;}
.board_button .btn_copy select{margin:0 5px;}
.board_button .btn{display:block;min-width:114px;height:45px;padding:0 20px;border-width:1px;border-style:solid;font-size:15px;font-weight:600;line-height:45px;text-align:center;box-sizing:border-box;cursor:pointer;}
.board_button .btn:nth-child(n+2){margin-left:8px;}
.board_button .btn.default{border-color:#d5d5d5;background:#fff;color:#333;}
.board_button .btn.list{border-color:#ebebeb;background:#ebebeb;color:#333;}
.board_button .btn.write{border-color:#333;background:#333;color:#fff;}
.board_button .btn.point{border-color:#475df1;background:#475df1;color:#fff;}
.board_button .btn.green{border-color:#006600;background:#006600;color:#fff;}
.board_button .btn.excel{padding:0 45px 0 15px;border-color:#287c52;background:url(/nanum/ndls/imgs/common/excel_icon.png) no-repeat 90% 50% #fff;background-size:auto 20px;color:#287c52;text-align:left;}

/* 숨김 버튼 스타일 */
.board_button .btn.hide {border-color:#333;background:#333;color: #fff;}

/* 숨김 해제 버튼 스타일 */
.board_button .btn.unhide {border-color: #db265f;background: #db265f;color: #fff;}

/* 게시판하단검색 */
.board_search{padding:50px 0;margin-bottom:20px;background:#f5faff;border:1px solid #dfe5e9;box-sizing:border-box;}
.board_search form fieldset{display:flex;justify-content:center;align-items:center;gap:5px;max-width:500px;margin:0 auto;}
.board_search .custom_sel{flex-shrink:0;width:120px;}
.board_search .srch_txt{flex-grow:1;height:40px;padding:0 8px;border:1px solid #d5d5d5;font-size:15px;box-sizing:border-box;background:#fff;}
.board_search .srch_btn{flex-shrink:0;width:100px;height:40px;padding:0 20px;border:0;background:#666;font-size:15px;font-weight:700;color:#fff;box-sizing:border-box;cursor:pointer;}
.board_search input{/*ios대응*/appearance:none;-webkit-appearance:none;-webkit-border-radius:0;}


/* 주소검색 */
.srch_zipcode{display:flex;flex-direction:column;}
.srch_zipcode .btn_zipcode{height:35px;margin-left:5px;padding:0 10px;border:1px solid #d5d5d5;background:#fff;cursor:pointer;}
.srch_zipcode li{display:flex;align-items:center;}
.srch_zipcode li:nth-child(n+2){margin-top:5px;}
.srch_zipcode li input::placeholder{font-weight:500;color:#b5b5b5;}
.srch_zipcode li input::-webkit-input-placeholder{font-weight:500;color:#b5b5b5;}
.srch_zipcode li input:-ms-input-placeholder{font-weight:500;color:#b5b5b5;}

/* 댓글 */
.board_comment .cmt_write{margin-top:20px;padding:20px;background:#fafafa;border:1px solid #e5e5e5;}
.board_comment .cmt_write dl.info{display:flex;align-items:center;}
.board_comment .cmt_write dl.info dt{margin-right:10px;font-size:15px;color:#000;font-weight:600;}
.board_comment .cmt_write dl.info dt:nth-child(n+2){margin-left:20px;}
.board_comment .cmt_write .write_box{display:flex;margin-top:10px;}
.board_comment .cmt_write .write_box textarea{flex-grow:1;width:100%;height:70px;padding:10px;font-size:14px;font-weight:600;color:#000;box-sizing:border-box;}
.board_comment .cmt_write .write_box .btn_comment{flex-shrink:0;width:100px;margin-left:10px;background:#fff;border:1px solid #d5d5d5;font-size:14px;color:#000;font-weight:600;cursor:pointer;}

.board_comment .cmt_list{margin-top:20px;/*padding:0 15px;*/border:1px solid #e5e5e5;box-sizing:border-box;}
.board_comment .cmt_list > li{position:relative;padding:15px;box-sizing:border-box;word-break:break-all;}
.board_comment .cmt_list > li:not(:first-child){border-top:1px dashed #e5e5e5;}
.board_comment .cmt_list > li .h{padding-right:60px;font-size:1.6rem;font-weight:500;box-sizing:border-box;}
.board_comment .cmt_list > li .h span{font-size:1.3rem;vertical-align:middle;color:#888;}
.board_comment .cmt_list > li .h > a{position:absolute;right:15px;top:15px;display:inline-block;min-width:50px;height:30px;padding:0 10px;font-size:1.4rem;font-weight:600;line-height:30px; color:#fff;background:#333;text-align:center;border:0;box-sizing:border-box;cursor:pointer;}
.board_comment .cmt_list > li .writer{position:relative;padding-left:15px;text-align:left;font-size:1.3rem;color:#555;}
.board_comment .cmt_list > li .writer::after{content:'';position:absolute;top:50%;left:0;width:9px;height:10px;margin-top:-5px;background:url(/nanum/site/board/common/img/human_ic.gif) no-repeat;}
.board_comment .cmt_list > li .writer strong{font-size:16px;color:#000;}
.board_comment .cmt_list > li p{margin-top:7px;text-align:left;font-size:1.5rem;line-height:1.5;color:#000;}

.board_comment .cmt_pwd{display:flex;align-items:center;padding:10px 15px;border:2px solid #d5d5d5;background-color:#fff;text-align:center;color:#000;}
.board_comment .cmt_pwd dl{display:inline-flex;align-items:center;}
.board_comment .cmt_pwd dt{margin-right:5px;font-size:14px;font-weight:700;}
.board_comment .cmt_pwd .btn{display:inline-flex;align-items:center;height:35px;margin-left:5px;padding:0 10px;font-size:13px;font-weight:600;cursor:pointer;}
.board_comment .cmt_pwd .btn.confirm{background:#333;border:0;color:#fff;}
.board_comment .cmt_pwd .btn.cancel{border:1px solid #d5d5d5;background:#fff;}


.login_check {width:100%; margin:0 auto; margin-top:20px; text-align:center; border-top:2px solid #C8C8C8; border-bottom:2px solid #DEDEDE; background-color:#ffffff; padding:25px; font-family:'NotoKrM'; color:#313131; line-height:140%;}
.login_check *{margin:0; padding:0;}
.login_check span{color:#7D7D7D; letter-spacing:-1px; font-size:11px;}
.login_check li.text {letter-spacing:-0.1em; font-size:0.9em;}
.login_check li.id {padding-right:26px; padding-bottom:4px;}
.login_check_button {width:90%;margin:0 auto; text-align:center; padding-top:10px;}

.error_check {float:left;width:80%;min-height:90px;border:5px solid #DDE7F0;margin-bottom:15px;background:url(/nanum/site/board/nninc_faq/img/error_bg.gif); background-repeat:no-repeat;padding-left:19%;padding-top:15px;padding-bottom:12px;}
.error_check .error_list {float:left;line-height:19px;}
.error_check .error_list li {background:url(/nanum/site/board/nninc_faq/img/error_ic.gif) no-repeat 8px 6px;padding-left:15px;}
.error_check .error_list li strong.error {color:#DE5410;}


.commend_wrt{margin-top:30px;padding:20px;border:1px solid #000;box-sizing:border-box;}
.commend_wrt > p{padding:20px 0;box-sizing:border-box;}
.commend_wrt .textar_wr{display:flex;}
.commend_wrt textarea{resize:none;height:100px;overflow-y:auto;}
.commend_wrt .textar_wr .btn{display:flex;justify-content:center;align-items:center;min-width:114px;height:auto;padding:0 20px;border:0;font-size:1.5rem;font-weight:600;line-height:45px;background:#475df1;color:#fff;text-align:center;box-sizing:border-box;cursor:pointer;}

.commend_wrt .info{margin-bottom:20px;display:flex;padding:0 0 20px;gap:40px;background:#fff;border-bottom:1px solid #e5e5e5;}
.commend_wrt .info dl{display:inline-flex;gap:10px;position:relative;font-size:1.6rem;line-height:1.5;align-items:center;}
.commend_wrt .info dl:nth-child(n+2):before{content:'';position:absolute;top:50%;left:-20px;width:1px;height:16px;margin-top:-8px;background:#d5d5d5;}
.commend_wrt .info dt{flex-shrink:0;margin-right:10px;font-weight:600;color:#222;}
.commend_wrt .info dd{color:#555;}


.command_pwd{left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6)}
.command_pwd .com_pwdwr{display:flex;gap:25px;justify-content:center;align-items:center;margin:15px;padding:20px 5px;height:calc(100% - 30px);background:#fff;box-sizing:border-box;}
.command_pwd .com_pwdwr dl{display:flex; gap:10px;align-items:center;}
.command_pwd .btnw *{display:inline-block;min-width:50px;height:30px;padding:0 10px;font-size:1.4rem;font-weight:600;line-height:30px;color:#fff;text-align:center;border:0;box-sizing:border-box;cursor:pointer;}
.command_pwd .btnw .ok{background:#475df1;}
.command_pwd .btnw .del{background:#333;}


/* 비밀번호 입력 */
.login_w{width:50% !important;flex-grow:0 !important;}
.login_w .title{font-size:2.8rem !important}


.pwd_check {position:relative;padding:60px 30px;border:1px solid #e5e5e5;text-align:center;}
.pwd_check .tit{margin-bottom:20px;font-size:2.5rem;color:#222;}
.pwd_check .tit:before{content:'';display:block;margin:0 auto 20px;width:106px;height:100px;background:url(/nanum/site/member/img/bg_pwdfind.png) no-repeat center / contain;}

.pwd_check ul{width:320px;margin:0 auto;}
.pwd_check ul li{position:relative;margin-bottom:10px;}
.pwd_check ul li input{width:100%;height:45px;padding:0 15px;border:0;background:#f5f5f5;font-size:1.4rem;line-height:45px;box-sizing:border-box;}
.pwd_check ul li label{position:absolute;top:0;left:15px;height:45px;font-size:1.5rem;line-height:45px;color:#999;}

.pwd_check .pwd_btnw{margin-top:50px;display:flex;gap:15px;justify-content:center;align-items:center;}
.pwd_check .pwd_btnw > *{min-width:150px;padding:15px 30px;border:none;font-size:1.5rem;font-weight:700;line-height:normal;color:#fff;box-sizing:border-box;}
.pwd_check .pwd_btnw .no{background:#222;}
.pwd_check .pwd_btnw .ok{background:#475df1}


/* 숨김된 게시물 표시 스타일 */
.hidden_post {opacity: 0.8;}
.hidden_post .title:before {content: '[숨김] ';color: #ff6b6b;font-weight: bold;}

.admin-reply:before {margin-right: 6px;font-size: 16px;}
.admin-reply:after {content: "• 관리자 답변완료";color: #d84315;font-weight: 600;margin-left: 10px;font-size: 12px;}

.name_adm{background-color: #ebf3f9;color: #386dd1 !important;font-weight: bold;padding: 4px 8px;border-radius: 20px;margin-left:3px;}

/********************태블릿********************/
@media all and (max-width:1024px){

/* 게시판하단검색 */
.board_search{padding:30px;}
.board_search form fieldset{justify-content:space-between;gap:0;max-width:100%;}
.board_search .srch_txt{border-left:0;border-right:0;}

/* 비밀번호 입력 */
.login_w{width:100% !important;}
.login_w .title{font-size:2.6rem !important}

/* 코멘트 */
.commend_wrt{padding:15px;}
.commend_wrt .info{flex-wrap:wrap;}
.commend_wrt .info dl{width:calc(50% - 20px);gap:10px;}
.commend_wrt .info dl:nth-child(n+2):before{display:none;}
.commend_wrt .info dd,
.commend_wrt .info dd input{width:100%;}
.commend_wrt .info dd img{min-width:100px;max-width:100%;height:auto;}
.commend_wrt .info dl.w100{width:100%;}
.commend_wrt .info dl.w100 dd{display:flex;gap:5px;justify-content:center;align-items:center;}

}

/********************모바일********************/
@media all and (max-width:767px){

.con_tab ul li{flex-grow:1 !important;width:0 !important;}


#board .board_total_left{float:none;width:100%;margin-bottom:5px;}
#board .board_total_right{float:none;width:100%;}
#board .board_total_right .bunru{border:1px solid #dbdbdb;padding:15px 0;background:#f8f8f8;text-align:center;}
#board .board_total_right li{display:inline-block;float:none;}

#board .board_total_left{float:none;width:100%;margin-bottom:5px;font-size:13px;}
#board .board_total_right{float:none;width:100%;}
#board .board_total_right .bunru{border:1px solid #dbdbdb;padding:15px 0;background:#f8f8f8;text-align:center;}
#board .board_total_right li{display:inline-block;float:none;}

	
/* 게시판버튼 */
.board_button{gap:8px;}
.board_button .btn_left,
.board_button .btn_right{display:flex;justify-content:space-between;width:100%;gap:8px;}
.board_button .btn_right{margin-left:0;}
.board_button .btn{flex-grow:1;/*width:100%;*/min-width:auto;height:auto;padding:10px 20px;line-height:normal;}
.board_button .btn:nth-child(n+2){margin-left:0;}

/* 게시판하단검색 */
.board_search{padding:20px;}

/* 비밀번호 입력 */
.pwd_check{padding: 40px 20px;}
.pwd_check .tit{margin-bottom:15px;font-size:2.4rem;}
.pwd_check .tit:before{margin-bottom:10px;width: 85px;height: 80px}
.pwd_check ul{width:100%;}


/* 코멘트 */
.commend_wrt .info{display:block;}
.commend_wrt .info dl{margin-left:0 !important;padding-left:0 !important;width:100%;}
.commend_wrt .info dl:not(:first-child){margin-top:5px;}
.commend_wrt .info dt{width:60px;flex-shrink:0;}
.commend_wrt .info dl.w100 dt{width:auto;}
.commend_wrt .info dd,
.commend_wrt .info dd input{width:100%;}
.commend_wrt .textar_wr .btn{min-width:70px;}

}

/********************모바일********************/
@media all and (max-width:550px){

/* 게시판하단검색 */
.board_search form fieldset{flex-direction:column;gap:5px;}
.board_search .custom_sel{width:100%;}
.board_search .srch_txt{width:100%;border:1px solid #d5d5d5;}
.board_search .srch_btn{width:100%;}

}

/********************모바일********************/
@media all and (max-width:420px){

.board_comment .cmt_list > li{min-height:115px;}

.command_pwd .com_pwdwr{flex-direction:column;gap:10px;padding:15px;}
.command_pwd .com_pwdwr dl{width:100%;}
.command_pwd .com_pwdwr dt{flex-shrink:0;width:60px;gap:10px;}
.command_pwd .com_pwdwr dd,
.command_pwd .com_pwdwr dd .board_input{width:100%;}

.pwd_check .pwd_btnw{margin-top:40px;gap:10px;}
.pwd_check .pwd_btnw > *{width:0;flex-grow:1;min-width:auto}

}

/********************모바일********************/
@media all and (max-width:380px){

.commend_wrt .info dl.w100 dd{flex-direction:column}

}