@charset "utf-8";

/*******************base*************************/
html, body, div, span, object, iframe,
p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, h1, h2, h3, h4, h5, h6,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding:0; border:0;}

img, input.type-image { border: 0 none; }
ol, ul, li {list-style:none;}
blockquote, q {quotes:none;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-spacing:0;} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;}
select{font-size:13px;}
.radio {margin-bottom:-2px;}

hr {display: none;}
legend {visibility:hidden; display:none; height:0; width:0; font-size:0;}
noscript{display:none;}
caption{visibility:hidden; height:0; width:0; font-size:0;}

.fl{float:left;}
.fr{float:right;}


/* font color */
.orange {color:#f96f00;}
.red{color:#ff4646;}
.black {color:#000000;}
.sky_blue {color:#0085c9;}
.blue {color:#0773c7;}
.gray {color:#C2C2C2;}
.gray2 {color:#9B9B9B;}
.green {color:#80a344;}


/* Padding */
.pt0 {padding-top:0px;}
.pt1 {padding-top:1px;}
.pt2 {padding-top:2px;}
.pt3 {padding-top:3px;}
.pt4 {padding-top:4px;}
.pt5 {padding-top:5px;}
.pt6 {padding-top:6px;}
.pt7 {padding-top:7px;}
.pt8 {padding-top:8px;}
.pt9 {padding-top:9px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}

.pr0 {padding-right:0px;}
.pr1 {padding-right:1px;}
.pr2 {padding-right:2px;}
.pr3 {padding-right:3px;}
.pr4 {padding-right:4px;}
.pr5 {padding-right:5px;}
.pr6 {padding-right:6px;}
.pr7 {padding-right:7px;}
.pr8 {padding-right:8px;}
.pr9 {padding-right:9px;}
.pr10 {padding-right:10px;}

.pl0 {padding-left:0px;}
.pl1 {padding-left:1px;}
.pl2 {padding-left:2px;}
.pl3 {padding-left:3px;}
.pl4 {padding-left:4px;}
.pl5 {padding-left:5px;}
.pl6 {padding-left:6px;}
.pl7 {padding-left:7px;}
.pl8 {padding-left:8px;}
.pl9 {padding-left:9px;}
.pl10 {padding-left:10px;}
.pl12 {padding-left: 12px;}
.pl20 {padding-left:20px;}
.pl30 {padding-left:30px;}

.pb0 {padding-bottom:0px;}
.pb1 {padding-bottom:1px;}
.pb2 {padding-bottom:2px;}
.pb3 {padding-bottom:3px;}
.pb4 {padding-bottom:4px;}
.pb5 {padding-bottom:5px;}
.pb6 {padding-bottom:6px;}
.pb7 {padding-bottom:7px;}
.pb8 {padding-bottom:8px;}
.pb9 {padding-bottom:9px;}
.pb10 {padding-bottom:10px;}

/* Margin */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}

.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}

.eng{font-weight:500;}

/**********************디폴트스타일**********************/
/* Input,textarea,select */
select{position:relative;}
input{font-weight:500;}
.input_box {height:45px;padding:0 15px;line-height:45px;color:#757575;border:1px solid #d5dbde;cursor:text;background:#fff;}
.input_box:focus{border:1px solid #3db6ed;background-color:#f0f7fa;}
.ndls_input {height:40px;padding:0 15px;line-height:40px;color:#757575;border:1px solid #d5dbde;cursor:text;background:#fff;}
.ndls_input:focus{border:1px solid #3db6ed;background-color:#f0f7fa;}
.none_put{height:38px;line-height:38px;padding:0 5px;border:0 none;font-size:12px;background:none;vertical-align:middle;}

.nosearch_result{width:100%;text-align:center;padding: 50px 0; border-bottom: 1px solid #ddd; margin-top: 20px; }
.nosearch_result img {max-width:100%;}

/*안내문구*/
.info_txt{font-size:16px;padding-left:30px;background:url(/sbcc/nanum/site/builder/skin/main/img/common/point_txt.png)no-repeat 0 50%;}



/**********************셀렉트스타일**********************/
/* 하단 관련사이트 */
.select_style{display:inline-block;position:relative;height:45px;line-height:40px;border:1px solid #dadada;background:#fff;}
.select_style select{display: inline-block;width:100%;cursor: pointer;outline:0;padding:0 25px 0 10px;border:0;font-size:13px;border-radius: 0;background: white;color: black;appearance: none;
-webkit-appearance: none; -moz-appearance: none;height: 100%;background:#fff url(/sbcc/nanum/ndls/imgs/common/select_style_bu.gif) no-repeat right center;}
.select_style select::-ms-expand {display: none;}
.select_style select:disabled {opacity: 0.5;pointer-events: none;}
.select_style.middle select{width:100px;}
.select_style select:focus-visible{outline:3px solid #000;}



.select_style2{display:inline-block;position:relative;min-width:60px;height:40px;line-height:35px;border:1px solid #dadada;background:#fff;}
.select_style2.w100 {width:100%;}
.select_style2 select{display: inline-block;width:100%;padding:0 20px 0 10px;cursor: pointer;outline:0;border:0;font-size:14px;border-radius: 0;background: white;color: black;appearance: none; 
-webkit-appearance: none; -moz-appearance: none;height: 100%;background:#fff url(/sbcc/nanum/ndls/imgs/common/select_style_bu.gif) no-repeat right 50%;}
.select_style2 select::-ms-expand {display: none;}
.select_style2 select:disabled {opacity: 0.5;pointer-events: none;}
.select_style2.middle {width:248px;}




/**********************탭스타일**********************/
/*style1*/
.ndlstab{width:100%;}
.ndlstab ul{overflow:hidden;clear:both;width:100%;}
.ndlstab ul li{float:left;width:50%;}
.ndlstab ul li a{display:block;width:100%;padding: 15px 0;color:#333;text-align:center;border:1px solid #dfdfdf;background: #f3f3f3;box-sizing:border-box;}
.ndlstab ul li a.on{position:relative;color: #222;font-weight:700;border:1px solid #222;background:#fff;z-index:1;}
.ndlstab ul li a,
.ndlstab ul li a.on:hover a {border-bottom: 1px solid #d6d6d6;}
.ndlstab ul.no2 li{width:50%;}
.ndlstab ul.no3 li{width:33.2%;}
.ndlstab ul.no4 li{width:25%;}
.ndlstab ul.no5 li{width:20%;}
.ndlstab_b{margin-bottom:45px;}

/*style2*/
.ndlstab2{width:100%;}
.ndlstab2 ul{width:100%;display:inline-block;}
.ndlstab2 ul li{float:left;width:50%;}
.ndlstab2 ul.no2 li{width:50%;}
.ndlstab2 ul.no3 li{width:33.3%;}
.ndlstab2 ul.no4 li{width:25%;}
.ndlstab2 ul.no5 li{width:20%;}
.ndlstab2 ul li a{display:block;padding:12px 0;text-align:center;font-weight:bold;border:1px solid #fff;color:#fff;background:#a5acb2;}
.ndlstab2 ul li a{
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;}
.ndls_tab ul li a:hover{background:#868f96;}
.ndls_tab ul li a.on,
.ndls_tab ul li a.on:hover{background:#ffb400;}
.ndls_tab ul li:first-child a{border-left:none;}

.tab_b{margin-bottom:25px;}

/**********************버튼스타일**********************/
.btn_w{width:100%;text-align:center;padding:20px 0;}
.ndls_btn{display:inline-block;height:45px;margin:0 3px;line-height:45px;font-size:15px;text-align:center;padding:0 30px;vertical-align:middle;cursor:pointer;border:0 none;}
.ndls_btn2{display:inline-block;height:35px;margin:0 3px;line-height:35px;font-size:12px;text-align:center;padding:0 15px;vertical-align:middle;cursor:pointer;border:0 none;}
.excel_btn{display:inline-block;height:35px;margin:0 3px;line-height:35px;font-size:12px;text-align:center;padding:0 45px 0 15px;vertical-align:middle;cursor:pointer;border:1px solid #4a802a;background:#fff url(/sbcc/nanum/ndls/imgs/common/excel_icon.gif) no-repeat 95% 50%;;color:#4a802a;}
.excel_btn:hover{background-color:#f5f5f5;}
.ndls_btn.green,
.ndls_btn2.green{color:#fff;background:#078764;}
.ndls_btn.green:hover,
.ndls_btn2.green:hover{background:#009069;}
.ndls_btn.gray,
.ndls_btn2.gray{color:#fff;background:#707070;}
.ndls_btn.gray:hover,
.ndls_btn2.gray:hover{background:#a2a2a2;}
.ndls_btn.black,
.ndls_btn2.black{color:#fff;background:#222;}
.ndls_btn.black:hover,
.ndls_btn2.black:hover{background:#000;}
.ndls_btn.mint,
.ndls_btn2.mint{color:#fff;background:#44b2d1;}
.ndls_btn.mint:hover,
.ndls_btn2.mint:hover{background:#208aa7;}
.ndls_btn.blue,
.ndls_btn2.blue{color:#fff !important;background:#3053c7;}
.ndls_btn.blue:hover,
.ndls_btn2.blue:hover{background:#2648bc;}
.ndls_btn.orange,
.ndls_btn2.orange{color:#fff;background:#ff7e00;}
.ndls_btn.orange:hover,
.ndls_btn2.orange:hover{color:#fff;background:#ea9500;}
.ndls_btn.red,
.ndls_btn2.red{color:#fff;background:#e02e2e;}
.ndls_btn.red:hover,
.ndls_btn2.red:hover{background:#cd2626;}

.ndls_btn.violet,
.ndls_btn2.violet{color:#fff;background:#8f4ac4;}
.ndls_btn.violet:hover,
.ndls_btn2.violet:hover {color:#fff;background:#c366e8;}

.ndls_btn2.post_search {width:20%; margin-bottom:5px;}


/*버튼효과*/
/*.ndls_btn,
.ndls_btn2,
.excel_btn{white-space:nowrap;display:inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  
}
.ndls_btn:after,
.ndls_btn2:after,
.excel_btn:after{content: "";height: 155px;left: -75px;opacity: .2;position: absolute;top: -50px;background: #fff;-webkit-transform: rotate(35deg);transform: rotate(35deg);-webkit-transition: all .55s cubic-bezier(0.19, 1, 0.22, 1);
transition: all .55s cubic-bezier(0.19, 1, 0.22, 1);width: 50px;z-index: -1;}
.ndls_btn:hover:after,
.ndls_btn2:hover:after,
.excel_btn:hover:after{left: 120%;}*/

.ndls_btn:hover, 
.ndls_btn:focus, 
.ndls_btn:active,
.ndls_btn2:hover, 
.ndls_btn2:focus, 
.ndls_btn2:active{color:#fff;}




/**********************테이블**********************/
table.ndls_table1{width:100%;border-collapse:collapse;border-top:2px solid #000;}
table.ndls_table1 th{font-weight:bold;}
table.ndls_table1 th,
table.ndls_table1 td{padding:12px 10px;border:1px solid #c9e1de;text-align:center;}
table.ndls_table1 th input,
table.ndls_table1 td input{vertical-align:middle;}
table.ndls_table1 thead th{color:#333;background:#e8f3f9; font-size:13px;}
table.ndls_table1 tbody th{color:#333; letter-spacing:-1px;}
table.ndls_table1 tbody td{color:#444;}
table.ndls_table1 .left{padding:10px 15px;text-align:left;}
table.ndls_table1 .right{padding:8px;text-align:right;}
table.ndls_table1 .bg{background:#e8f3f9;}
/* table.ndls_table1 .first{border-top:2px solid #222;} */
table.ndls_table1 tbody a.view{color:#000;text-decoration:underline;}
table.ndls_table1 .title_name{text-align:left;padding-left:15px;font-weight:bold;color:#0066cc;}
table.ndls_table1 .title_name a{font-weight:bold;color:#0066cc;}
table.ndls_table1 .title_name a:hover{text-decoration:underline;}

table.ndls_table1 .tit_group {text-align:left;padding:10px 20px;}
table.ndls_table1 .tit_group p{padding-bottom:8px;margin-bottom:8px;font-weight:bold;color:#000;border-bottom:1px dashed #ccc;}
table.ndls_table1 .tit_group p a{color:#0066cc;}
table.ndls_table1 .tit_group p a:hover{text-decoration:underline;}
table.ndls_table1 .tit_group dl{overflow:hidden;clear:both;width:100%;font-size:11px;color:#000;}
table.ndls_table1 .tit_group dl dt{float:left;font-weight:bold;padding-left:8px;background:url(/sbcc/nanum/ndls/imgs/booksearch/bl_dot.gif) no-repeat 0 10px;}
table.ndls_table1 .tit_group dl dd {float:left;margin:0 10px 0 8px;}


/* Paginate */
.ndls_paginate {clear:both; position:relative; text-align:center;margin-top:35px;}
.ndls_paginate *{margin:0; padding:0;}
.ndls_paginate a,
.ndls_paginate strong {_position:relative; display:inline-block; width:35px;height:35px;line-height:35px;padding:0;vertical-align:middle;color:#222;font-weight:500;font-size:12px;letter-spacing:0;}
.ndls_paginate strong {color:#fff !important;background:#696969;vertical-align:middle;}
.ndls_paginate a:hover {color:#4c5fbb;}
.ndls_paginate a.pre {border:none;height:16px; font-weight:normal; vertical-align:middle; padding:4px 8px 0 8px; background:none; margin:-1px 1px 0 1px; border:1px solid #dfdfdf;}
.ndls_paginate a.next {border:none;height:16px; font-weight:normal; vertical-align:middle; padding:4px 8px 0 8px; background:none; margin:-1px 1px 0 1px; border:1px solid #dfdfdf;}




/**********기본리스트**********/
.ndlstit{padding-top:17px;margin-bottom:30px;background:url(/sbcc/nanum/site/builder/skin/skin01/img/content/h3_bar.gif) no-repeat 0 0;font-weight:700;font-size:23px;color:#222;line-height:1.2;letter-spacing:-0.05em;}
.ndlstit_t{margin-top:50px;}


/********************게시판형식********************/
#ndls{width:100%;margin-top:0px;}

#ndls .ndls_total {width:100%;}
#ndls .ndls_total_left {float:left; font-size:0.95em; padding-top:5px; height:22px;}
#ndls .ndls_total_right {float:right; padding-bottom:5px;}
#ndls .ndls_total_right li {float:left;}
#ndls .ndls_total_right li img {height:20px;}
#ndls .ndls_total img {padding-left:3px;}
#ndls div.ndls_total .ndls_orange{color:#F96F00;}
#ndls div.ndls_total .ndls_red{color:#e02e2e;}
#ndls .ndls_button {width:100%; margin-top:5px; text-align:right;}
#ndls span.category_color {color:#979797;}

img.ndls_loading1{width:11px;height:11px;}

/* List */
#ndls .ndls_blist {clear:both;}
#ndls .ndls_blist table {width:100%; line-height:16px; border-collapse:collapse; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
#ndls .ndls_blist table caption {display:none;}
#ndls .ndls_blist thead th {text-align:center; border-bottom:1px solid #5b5b5b; padding:15px 0;color:#333; font-size:14px;line-height:160%; background:url(/sbcc/nanum/ndls/imgs/common/tit_line.gif) no-repeat right;}
#ndls .ndls_blist thead th:last-child {background-image:none;}
#ndls .ndls_blist thead th.th_none {background-image:none;}
#ndls .ndls_blist tbody td {white-space:nowrap;padding:15px 0;border-bottom:1px solid #e5e5e5; text-align:center; line-height:140%;}
#ndls .ndls_blist tbody td img {vertical-align:middle;}
#ndls .ndls_blist tbody td span.reply_count {color:#EE5A00; font-size:0.9em; font-weight:normal; letter-spacing:-0.1em;}
#ndls .ndls_blist tbody td.notice {background-color:#FBFBFB;}
#ndls .ndls_blist tbody td.title {white-space:normal; text-align:left;}
#ndls .ndls_blist tbody td.title_bookimage {padding-top:5px; padding-bottom:5px;}
#ndls .ndls_blist tbody td.center {text-align:center;}
#ndls .ndls_blist tbody td .jsInfo0{color:#222;font-size:17px;}
#ndls .ndls_blist tbody td .jsInfo0 b{font-weight:normal;text-decoration:underline;color:#3053c7;}
div.ndls_kdc_div img{vertical-align:middle;}

/*회원서비스 - 회원가입 - 신규회원가입 - 회원정보수정*/
#ndls .ndls_bwrite.join_write .select_style.join_select{width:20%;min-width:100px;}
#ndls .ndls_bwrite.join_write .ndls_input.join_input{min-width:100px;}


/**********글쓰기**********/
/***(무조건 셀제목에 색상을 넣거나 line을 넣고싶으면 bg로 조정. 반응형의 작업으로 ul li로 작업된 이유로 dd와 height를 딱 맞춰 작업하기가 어렵다.)***/
/***(또한 w100은 두칸이 아니라 아예 한줄내용만 나올때를 의미하며 세칸나올때, 네칸나올때는 class값을 추가하여 작업할수 있도록 한다.
w100은 위에 테이블셀 크기에 맞춰서 가면 안되기 때문에 box에다가 값을 주고, 다른 칸수 역시 box자체에 class값을 주어 작업한다.)***/
#ndls .ndls_bwrite{width:100%;border:1px solid #dfdfdf;border-top:2px solid #222; line-height:0;}
/*#ndls .ndls_bwrite .box{padding:20px 30px;}*/
#ndls .ndls_bwrite .box.w100{width:auto; line-height:0;}
#ndls .ndls_bwrite .box ul{display:inline-block;width:100%;}
#ndls .ndls_bwrite .box ul li{border-top:1px solid #dfdfdf;vertical-align:middle;font-size:14px;}
#ndls .ndls_bwrite .box ul li:first-child{border-top:0 none;}
#ndls .ndls_bwrite .box ul li.bg_none{padding:12px 12px;text-align:left;background:none; }
#ndls .ndls_bwrite .box ul li.itxtbg{padding:20px 25px;font-size:15px;border:2px solid #000;}
#ndls .ndls_bwrite .box ul li.itxtbg p{padding:2px 0;line-height:normal;}
#ndls .ndls_bwrite .box ul li dl{width:100%;font-size:15px; display: table;}
#ndls .ndls_bwrite .box ul li dl dt{display: table-cell; width:25%; box-sizing:border-box;vertical-align:middle;text-align:center;font-weight:500;color:#222;background:#f9fafa; padding: 30px 10px; *float:left;}
.graybg {background:#f5f5f5;}
.lh12 {line-height:1.2 !important;}

#ndls .ndls_bwrite .box ul li dl dd{position:relative; vertical-align:middle;  display:table-cell; padding:15px 10px;}
#ndls .ndls_bwrite .box ul li input,
#ndls .ndls_bwrite .box ul li span,
#ndls .ndls_bwrite .box ul li strong,
#ndls .ndls_bwrite .box ul li a,
#ndls .ndls_bwrite .box ul li img{vertical-align:middle;}
#ndls .ndls_bwrite .box ul li input{margin:5px;margin-left:0;}
#ndls .ndls_bwrite .box ul li .text1 {font-size:12px; line-height:1.3; display:inline-block;}
#ndls .ndls_bwrite .ndls_input {height:35px; line-height:35px; width:40%; min-width:240px;}

#ndls .ndls_bwrite .select_style {height:35px; line-height:35px; overflow:hidden; width:40%; min-width:275px;}
#ndls .ndls_bwrite .select_style select {height:100%;}
.agree_w{padding:30px;margin-top:30px;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;background:#f6f6f6;text-align:center;}


#ndls .mmodify_w.ndls_bwrite .ndls_input{width:93%;}
#ndls .mmodify_w.ndls_bwrite .ndls_input.w40{width:40%;}
#ndls .mmodify_w.ndls_bwrite .overinput .select_style,
#ndls .mmodify_w.ndls_bwrite .overinput .ndls_input{width:27% !important;min-width:auto;}
#ndls .mmodify_w.ndls_bwrite .overinput2 .select_style,
#ndls .mmodify_w.ndls_bwrite .overinput2 .ndls_input{width:18% !important;min-width:auto;}
#ndls .mmodify_w.ndls_bwrite .ndls_input.zipcode_input{width:120px !important;min-width:auto;}


/* file */
#ndls .ndls_bwrite .box ul li.filetable table {width:100%; line-height:16px; border-collapse:collapse; border:none; border-top:1px solid #DEDEDE;}
#ndls .ndls_bwrite .box ul li.filetable table th{padding:5px 0; white-space:nowrap; border:none; border-right:1px solid #DEDEDE; background:#F6F6F6; color:#666666; text-align:center; letter-spacing:-0.1em; line-height:140%; vertical-align:top;}
#ndls .ndls_bwrite .box ul li.filetable table td{padding:5px 0 5px 10px; border:none; background: #ffffff; text-align:left; }


/**********글상세**********/
#ndls .ndls_bview{width:100%;border:1px solid #dfdfdf;border-top:2px solid #222;}
#ndls .ndls_bview .box{padding:20px 30px;}
#ndls .ndls_bview .box.w100{width:auto;}
#ndls .ndls_bview .box ul{display:inline-block;width:100%;}
#ndls .ndls_bview .box ul li{border-top:1px solid #dfdfdf;vertical-align:middle;font-size:13px;}
#ndls .ndls_bview .box ul li:first-child{border-top:0 none;}
#ndls .ndls_bview .box ul li.bg_none{padding:12px 12px;text-align:left;background:none;}
#ndls .ndls_bview .box ul li dl{position:relative;width:100%;font-size:15px;overflow:hidden;}
#ndls .ndls_bview .box ul li dl dt{position:absolute;top:0;left:0;width:120px;height:100%;padding:8px 0;min-height:45px;line-height:45px;vertical-align:middle;text-align:center;font-weight:bold;color:#222;}
#ndls .ndls_bview .box ul li dl dd{margin-left:120px;position:relative;padding:8px 20px;min-height:45px;line-height:45px;vertical-align:middle;}
#ndls .ndls_bview .box ul li input,
#ndls .ndls_bview .box ul li span,
#ndls .ndls_bview .box ul li strong,
#ndls .ndls_bview .box ul li a,
#ndls .ndls_bview .box ul li img{vertical-align:middle;}
#ndls .ndls_bview .box ul li input{margin-right:5px;}



/* Comment */
#ndls .ndls_comment {clear:both; padding-top:20px;}
#ndls .ndls_comment table{width:100%; background-color:#FAFAFA; margin-bottom:15px}
#ndls .ndls_comment table caption{display:none;}
#ndls .ndls_comment tbody td {height:31px; text-align:left; line-height:140%;}
#ndls .ndls_comment tbody td.dr01 {height:5px; background:url(/sbcc/nanum/ndls/imgs/common/dr01.gif); background-repeat:no-repeat;}
#ndls .ndls_comment tbody td.dr02 {height:5px; background:url(/sbcc/nanum/ndls/imgs/common/dr02.gif); background-repeat: repeat-x;}
#ndls .ndls_comment tbody td.dr03 {height:5px; background:url(/sbcc/nanum/ndls/imgs/common/dr03.gif); background-repeat:no-repeat;}
#ndls .ndls_comment tbody td.dr04 {background:url(/sbcc/nanum/ndls/imgs/common/dr04.gif); background-repeat: repeat-y;}
#ndls .ndls_comment tbody td.text {padding:0; margin:0; height:20px;}
#ndls .ndls_comment tbody td dl.info {margin:0; padding-left:10px;}
#ndls .ndls_comment tbody td dl.info dt {float:left; letter-spacing:-0.1em; padding:0; font-size:0.9em; padding-top:4px;}
#ndls .ndls_comment tbody td dl.info dd {float:left; padding:0 10px 0 4px;}
#ndls .ndls_comment tbody td.dr05 {text-align:center; padding-top:4px; padding-bottom:4px;}
#ndls .ndls_comment tbody td.dr05 textarea {width:88%;height:38px;}
#ndls .ndls_comment tbody td.dr06 {background:url(/sbcc/nanum/ndls/imgs/common/dr06.gif); background-repeat: repeat-y;}
#ndls .ndls_comment tbody td.dr07 {height:5px; background:url(/sbcc/nanum/ndls/imgs/common/dr07.gif); background-repeat:no-repeat;}
#ndls .ndls_comment tbody td.dr08 {height:5px; background:url(/sbcc/nanum/ndls/imgs/common/dr08.gif);  background-repeat: repeat-x;}
#ndls .ndls_comment tbody td.dr09 {height:5px; background:url(/sbcc/nanum/ndls/imgs/common/dr09.gif); background-repeat:no-repeat;}

.cmt_list {margin-top:5px;}
.cmt_list div.h {margin:0 0 1px; background:transparent url(/sbcc/nanum/ndls/imgs/common/human_ic.gif) no-repeat scroll 0 0.1em; text-align:left; padding-left:15px;}
.cmt_list p {line-height:1.6em; margin:0; padding:5px 0 0 12px; text-align:left;}
.cmt_list  li.line {height:1px; background:transparent url(/sbcc/nanum/ndls/imgs/common/dr_line_bg.gif);  background-repeat: repeat-x; margin:0; padding-top:15px;}




/* Button */
.ndls_button {clear:both;}
.ndls_button .fl {float:left; /*background:transparent url(/sbcc/nanum/ndls/imgs/common/ndls_ldot.gif) no-repeat 25px 5px;*/}
.ndls_button .fr {float:right; overflow:hidden;}
.ndls_button .pt10 {padding-top:10px;}


.ndls_button ul li {float:left;}
.ndls_button ul li.pl {padding-left:10px;}
.ndls_button ul li.pt {padding-top:7px;}
.ndls_button span.bt {padding-top:10px; padding-left:4px; text-align:right;}
.ndls_button2 {margin:0 auto; text-align:center; padding-top:10px; padding-left:4px;}



a.ndls_lbtn {display:inline-block; height:22px; padding-left:20px; background:url(/sbcc/nanum/ndls/imgs/common/ndls_lbtn_l.gif) no-repeat 0 0; margin-right:3px;}
a.ndls_lbtn span {display:inline-block; height:22px; line-height:23px; padding-right:14px; background:url(/sbcc/nanum/ndls/imgs/common/ndls_lbtn_r.gif) no-repeat right 0; letter-spacing:-1px;}
.ndls_bt01 {display:inline;}
.ndls_bt01 a{display:inline; overflow:hidden; float:left; height:22px; padding-left:13px; margin-right:3px; font:12px dotum; letter-spacing:-1px; color:#6B6B6B; text-decoration:none; background:url(/sbcc/nanum/ndls/imgs/common/bt01_bg.gif) left 0; cursor:pointer;}
.ndls_bt01 a:hover{background:url(/sbcc/nanum/ndls/imgs/common/bt01_bg.gif) left -22px; text-decoration:none;}
.ndls_bt01 a span{display:inline; overflow:hidden; float:left; height:22px; padding-right:10px; line-height:200%; background:url(/sbcc/nanum/ndls/imgs/common/bt01_bg.gif) right 0;}
.ndls_bt01 a:hover span{color:#6B6B6B; background:url(/sbcc/nanum/ndls/imgs/common/bt01_bg.gif) right -22px;}


/* Search */
.ndls_search {width:510px; margin:0 auto; margin-top:18px;}
.ndls_search ul {float:left;}
.ndls_search ul li {float:left; height:35px;}
.ndls_search ul li.ndls_search_start {float:left; width:18px; height:35px; background:url(/sbcc/nanum/ndls/imgs/common/search_left.gif); background-repeat:no-repeat;}
.ndls_search ul li.ndls_search_end {float:left; width:18px; height:35px; background:url(/sbcc/nanum/ndls/imgs/common/search_right.gif); background-repeat:no-repeat;}
.ndls_search ul li select {float:left;}
.ndls_search ul li input.search_input {float:left; margin-left:5px; background:#e5e5e5; border:1px solid #bebebe; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; height:24px; padding:2px 0 0 3px;}
.ndls_search ul li input.search_bt {float:left;}


.command_pwd {position:absolute; border:2px solid #C6C6C6; background-color:#ffffff; padding:8px 15px 8px 15px; text-align:center; vertical-align:middle; font-weight:bold; color:#313131; line-height:140%;}
.command_pwd li.text {float:left; letter-spacing:-0.1em; padding:0; font-size:0.9em; padding-top:4px;padding-right:4px;}
.command_pwd li {float:left; padding-left:3px;}
.command_pwd li img {height:20px;padding-top:1px;}


.pwd_check {margin:0 auto; text-align:center; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:25px; font-weight:bold; 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-weight:bold; 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;}



/* 주소찾기 */
.post_search2{border:1px solid #CDCDCD;height:80px;margin-right:10px;margin-top:3px;overflow:auto;padding:6px;}

a.ndls_btn_b  {display:inline-block; background:#000; color:#fff !important; text-align:center; min-width:40px; height:36px; font-size:13px; padding:0 15px 0 15px; font-weight:600; letter-spacing:-1px; line-height:36px;}
a.ndls_btn_b:hover {background:#404040; text-decoration:none;}

a.ndls_btn_g  {display:inline-block; background:#7e7e7e; color:#fff !important; text-align:center; min-width:40px; height:36px; font-size:13px; padding:0 15px 0 15px; font-weight:600; letter-spacing:-1px; line-height:36px;}
a.ndls_btn_g:hover {background:#666; text-decoration:none;}

a.ndls_btn_point  {display:inline-block; background:#e77272; color:#fff !important; text-align:center; min-width:40px; height:36px; font-size:13px; padding:0 15px 0 15px; font-weight:600; letter-spacing:-1px; line-height:36px;}
a.ndls_btn_point:hover {background:#d44c4c; text-decoration:none;}

input.ndls_btn_b  {vertical-align:middle;background:#000; color:#fff; min-width:70px; height:36px; font-size:13px; padding:0 15px 0 15px; border:none; cursor:pointer; font-weight:600; letter-spacing:-1px;}
input.ndls_btn_b:hover {background:#666;}

input.ndls_btn_g  {vertical-align:middle;background:#7e7e7e; color:#fff; min-width:70px; height:36px; font-size:13px; padding:0 15px 0 15px; border:none; cursor:pointer;font-weight:500;}
input.ndls_btn_g:hover{background:#666;}

input.ndls_btn_point  {vertical-align:top;background:#e77272; color:#fff; min-width:70px; height:36px; font-size:14px; border:none;cursor:pointer; font-weight:500;}
input.ndls_btn_point:hover {background:#d44c4c; text-decoration:none;}

input.ndls_btn_save  {vertical-align:middle;background:#e77272; color:#fff;font-size:12px;padding:8px 12px 6px 12px;border:none; cursor:pointer; font-weight:500;}
input.ndls_btn_save:hover {background:#d44c4c;}


a.ndls_btn_mini {display:inline-block; color:#e77272; font-size:11px;font-weight:500;line-height:15px; height:15px; border-bottom:1px solid #f45246; background:url('/img/common/bl_arrow2.gif') no-repeat right 3px;padding-right:10px;padding-left:2px;}
a.ndls_btn_mini:hover{color:#f45246;border-color:#f45246;font-weight:bold;letter-spacing:-1px;}



/* 약관(site에도 있지만 따로 빼야될거 같아서 빼놓았음.) */
.baro_book{width:100%;}
.baro_book .area{width:100%;margin-bottom:50px;}
.baro_book .area .text{font-weight:500;color:#222;font-size:16px;}
.baro_book .area h3.tit{float:left;}
.baro_book .area .check{float:right;padding-top:20px;}
.baro_book .area .check input{vertical-align:middle;}
.baro_book .area .check label{vertical-align:middle;font-weight:bold;}
.baro_book .area .check_fl{float:none;font-weight:bold;}
.baro_book .area .txt_box{clear:both;height:130px;padding:20px;border:1px solid #dfdfdf;border-radius:10px;overflow-y:scroll;}
.baro_book .allagree{padding-bottom:40px;border-bottom:1px dashed #ccc;text-align:center;font-size:17px;color:#222;font-weight:500;}
.baro_book .allagree label{color:#222;}
.baro_book .btn_w{padding:40px 0;}
.baro_book.style2{width:auto;padding:25px;margin-bottom:25px;border:1px solid #dfdfdf;border-radius:10px;}
.baro_book.style2 .area{margin-bottom:0;}
.baro_book .ndlstit{float:left;}


/******************************1023******************************/
@media(max-width:1023px){
	
#ndls .mmodify_w.ndls_bwrite .overinput2 .ndls_input{width:13% !important;}

}

/******************************840******************************/
@media(max-width:840px){
#ndls .ndls_bwrite .box ul li .text1{margin-top:5px;}


}

/******************************모바일******************************/
@media(max-width:768px){

	/**********************자료검색 탭**********************/
	.ndlstab ul li a{padding:10px 0;}
	.ndlstab ul li a.on {z-index:1;background-size:auto 30px;}
	.ndlstab ul li a.on:hover  {z-index:1;}
	
	/**********************버튼스타일**********************/
	.ndls_btn{height:auto;line-height:120%;padding:14px 25px;}
	.ndls_btn2{height:auto;line-height:120%;padding:10px 8px;}
	.excel_btn{height:auto;line-height:120%;padding:10px 30px 10px 8px;}
	.ndls_btn2.post_search {width:85%;}
	
	
	/**********************테이블**********************/
	table.ndls_table1 th,
	table.ndls_table1 td{padding:10px 0;font-size:14px;line-height:120%;}
	table.ndls_table1 .left{padding:8px 5px;}
	table.ndls_table1 .right{padding:8px 5px;}
	table.ndls_table1 .bg{background:#f8f8f8;}
	
	table.ndls_table1 .tit_group {padding:10px 5px;}
	
	
	/*회원서비스 - 회원가입 - 신규회원가입 - 회원정보수정*/
	#ndls .ndls_bwrite.join_write .select_style.join_select{min-width:80px;}
	#ndls .ndls_bwrite.join_write .ndls_input.join_input{min-width:40px;/*width:40px !important;*/width:calc(33.333% - 15px) !important}
	
	/***************게시판형식***************/
	/**********글쓰기**********/
	/*#ndls .ndls_bwrite .box{padding:20px 15px;}*/
	#ndls .ndls_bwrite .box{padding:0;}
	#ndls .ndls_bwrite .box ul li{display:block;width:100%;}
	#ndls .ndls_bwrite .box ul li dl{font-size:14px;}
	#ndls .ndls_bwrite.join_write .box ul li dl dt{width:25%;}
	#ndls .ndls_bwrite .box.w100 ul{width:100%;}
	
	#ndls .mmodify_w.ndls_bwrite .ndls_input{width:97%;box-sizing:border-box;}
	#ndls .mmodify_w.ndls_bwrite .overinput .select_style, 
	#ndls .mmodify_w.ndls_bwrite .overinput .ndls_input,
	#ndls .mmodify_w.ndls_bwrite .overinput2 .select_style, 
	#ndls .mmodify_w.ndls_bwrite .overinput2 .ndls_input{width:30% !important;}
	
	
	/**********글상세**********/
	#ndls .ndls_bview .box{padding:20px 15px;}
	#ndls .ndls_bview .box ul li{display:block;width:100%;}
	#ndls .ndls_bview .box ul li dl{font-size:14px;}
	#ndls .ndls_bview .box ul li dl dt{width:120px;}
	#ndls .ndls_bview .box.w100 ul{width:100%;}
	
	.mobile_no{display:none;}
	
	.ndlstit{margin-bottom:15px;font-size:20px;}
	.ndlstit_t{margin-top:30px;}
	
	.baro_book .area{margin-bottom:30px;}
	.baro_book .area .check{padding-top:15px;}
	.baro_book .allagree{font-size:15px;}

	.select_style,
	.select_style select{height:40px;line-height:35px;}
	
	.nosearch_result{padding: 30px 0; margin-top: 10px; }
	.nosearch_result img {max-width:60%;}

	/* 포인트 텍스트 */
	.info_txt {font-size:14px;line-height:20px;}

}

/******************************640******************************/
@media all and (max-width:640px){	
	#ndls .ndls_bwrite .select_style{min-width:235px;}
	#ndls .ndls_bwrite .ndls_input{min-width:205px;}
	
}


/******************************480******************************/
@media all and (max-width:480px){

	
	/**********************셀렉트스타일**********************/
	.select_style.middle select{width:200px;}

	/*회원서비스 - 회원가입 - 신규회원가입 - 회원정보수정*/
	#ndls .ndls_bwrite.join_write .ndls_input{min-width:135px;}
	
	/***************게시판형식***************/
	/**********글쓰기**********/
	#ndls .ndls_bwrite .box ul li{padding:0;}
	#ndls .ndls_bwrite .box ul li:first-child{padding-top:0;font-size:15px;}
	#ndls .ndls_bwrite .box ul li dl{font-size:15px; display:block;}
	#ndls .ndls_bwrite .box ul li dl dt{position:relative;width:100% !important; min-height:25px;line-height:25px;text-align:left; padding-left:20px;padding:12px 10px; display:block;}
	#ndls .ndls_bwrite .box ul li dl dt br{display:none;}
	#ndls .ndls_bwrite .box ul li dl dd{display:block;margin:0 0 0 0;padding:0;min-height:25px;line-height:25px;  padding-left:20px;padding:12px 10px;}
	#ndls .ndls_bwrite .ndls_input{min-width:155px;width:100%;height:40px;line-height:40px;font-size:16px;box-sizing:border-box;}
	#ndls .ndls_bwrite .select_style select,
	#ndls .ndls_bwrite .select_style{height:40px;line-height:40px;font-size:15px;}
	#ndls .ndls_bwrite .ndls_btn2{font-size: 14px;line-height: 1.4;}
	#ndls .ndls_bwrite .box ul li.btn_list .ndls_input{width:70%;}

	#ndls .ndls_bwrite.join_write dd.addr_input > div .ndls_input{width:calc(100% - 110px) !important}
	#ndls .ndls_bwrite.join_write dd.addr_input .ndls_input{width:100% !important;}
	
	.mmodify_w #ndls .ndls_bwrite .overinput .select_style, 
	.mmodify_w #ndls .ndls_bwrite .overinput .ndls_input,
	.mmodify_w #ndls .ndls_bwrite .overinput2 .select_style, 
	.mmodify_w #ndls .ndls_bwrite .overinput2 .ndls_input{width:30% !important;}
	.mmodify_w #ndls .ndls_bwrite .overinput2 .ndls_input.txt_input{width:40% !important;}
	
	/**********글상세**********/
	#ndls .ndls_bview .box ul li{padding:12px 0;}
	#ndls .ndls_bview .box ul li:first-child{padding-top:0;}
	#ndls .ndls_bview .box ul li dl{font-size:13px;}
	#ndls .ndls_bview .box ul li dl dt{position:relative;width:100%;min-height:20px;line-height:20px;text-align:left;}
	#ndls .ndls_bview .box ul li dl dd{margin:0 0 0 0;padding:0;min-height:20px;line-height:20px;}
	
	
	.mobile_no{display:none;}


	.create_id *{box-sizing:border-box;}
	.create_id input{font-size:16px !important;width:100% !important;}
	.create_id{display:table;}
	.create_id colgroup{display:none;}
	.create_id tbody,
	.create_id tr,
	.create_id td,
	.create_id th{display:block;text-align:left !important;}
	.create_id tr{border:1px solid #dfdfdf;}
	.create_id td,
	.create_id th{padding: 12px 10px !important;border:0 !important;}
	.create_id th{font-size:15px !important;}
	.create_id .ndls_btn2{font-size: 14px !important;line-height: 1.4;}
	

}



/* 자동완성 */
#jsAutoComplete {z-index:1;border:1px solid #004064;position:absolute;width:100%;background-color:#FFFFFF;display:none;text-align:left;font-size:13px; padding: 10px 20px; box-sizing:border-box;}