@CHARSET "UTF-8";

/* 디자인셀렉트박스 */
select.custom_sel{width:auto;height:100%;min-height:40px;padding:0 10px;border:1px solid #d5d5d5;background:url(/nanum/site/builder/skin/common/img/select_arr.png) no-repeat 100% 50% #fff;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{display:flex; align-items:center; justify-content:center; 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;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{min-width:150px;}
#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_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:100px;height:45px;padding:0 20px;border-width:1px;border-style:solid;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:#009ef6;background:#009ef6;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_search{padding:50px 0;}
.board_search 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-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;}
.board_comment .cmt_list > li{border-bottom:1px dashed #e5e5e5;}
.board_comment .cmt_list > li .writer{position:relative;padding-left:15px;text-align:left;font-size:13px;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{padding:10px 15px;text-align:left;font-size:15px;line-height:1.5;color:#555;}

.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;}

.pwd_check {margin:0 auto; text-align:center; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:25px; font-family: 'NotoKrM'; color:#313131; line-height:140%;}
.pwd_check *{margin:0; padding:0;}
.pwd_check label {color:#7D7D7D; letter-spacing:-1px; font-size:11px;}
.pwd_check li.text {letter-spacing:-0.1em; font-size:0.9em;}
.pwd_check_button {width:90%;margin:0 auto; text-align:center; padding-top:10px;}

.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;}

/* 관련선택(병원공통) */
.connect_box{;border:1px solid #d5d5d5;border-top:2px solid #000;}
.connect_box ul.medical_part{display:flex;flex-wrap:wrap;padding:20px}
.connect_box ul.medical_part li{width:20%;padding:5px;box-sizing:border-box;}
.connect_box .select_doctor{display:flex;}
.connect_box .select_doctor .lft_box{overflow-y:auto;flex-shrink:0;width:200px;padding:20px;border-right:1px solid #e5e5e5;background:#f9f9f9;font-weight:600;color:#000;}
.connect_box .select_doctor .lft_box ul{height:100%;}
.connect_box .select_doctor .lft_box ul li img{cursor:pointer;vertical-align:middle;}
.connect_box .select_doctor .lft_box ul li:nth-child(n+2){margin-top:5px;}
.connect_box .select_doctor .lft_box ul li.empty{display:inline-flex;justify-content:center;align-items:center;width:100%;height:100%;text-align:center;}
.connect_box .select_doctor .rit_box{flex-grow:1;padding:20px;}
.connect_box .select_doctor .rit_box .srch_area{display:flex;margin-bottom:10px;}
.connect_box .select_doctor .rit_box .srch_area input{margin-left:5px;}
.connect_box .select_doctor .rit_box .srch_area .btn_srch{padding:0 20px;background:#000;color:#fff;font-size:13px;font-weight:700;cursor:pointer;}
.connect_box .select_doctor .rit_box .result_area p{margin:15px 0 8px;font-size:14px;}
.connect_box .select_doctor .rit_box .result_area ul{overflow-y:auto;height:130px;padding:10px;border:1px solid #e5e5e5;box-sizing:border-box;}
.connect_box .select_doctor .rit_box .result_area ul li{font-size:15px;color:#000;line-height:1.6;cursor:pointer;}
.connect_box .select_doctor .rit_box .result_area ul li:nth-child(n+2){margin-top:5px;}

/********************태블릿********************/
@media all and (max-width:1024px){

/* 게시판하단검색 */
.board_search{justify-content:space-between;padding:0 0 30px;}
/*.board_search fieldset{justify-content:space-between;gap:0;max-width:100%;}
.board_search .srch_txt{border-left:0;border-right:0;}*/

}

/********************모바일********************/
@media all and (max-width:767px){

/*#board *{font-size:16px !important;line-height:1.6;}*/

/* 디자인셀렉트박스 */
select.custom_sel{width:100%;}
	
/* 게시판버튼 */
.board_button{gap:5px;}
.board_button .btn_left,
.board_button .btn_right{display:flex;justify-content:space-between;width:100%;gap:5px;}
.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 fieldset{flex-direction:column;gap:5px; max-width:none;}
.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 (min-width:1025px) {

/* 관련선택 */
.connect_box .select_doctor .rit_box .result_area ul li:hover{text-decoration:underline;font-weight:700;}

}