/*************************
01) List
**************************/
.pageContent .article_list .remark td a{font-weight:500}
.pageContent .article_list{border-top:solid 2px #111;margin-top:8px;margin-bottom:8px; table-layout:fixed;}
.pageContent .article_list th,.pageContent .article_list td{padding-top:18px;padding-bottom:17px;font-size:16px;border-bottom-color:#e0e0e1;vertical-align:middle;line-height:1.2; font-weight: 400;}
.pageContent .article_list td a{color:#4b4b4b}
.pageContent .article_list th{background-color:transparent}
.pageContent .article_list thead th{background-color:#f4f5f6; font-weight: 400;}
.pageContent .article_list em{font-style:normal}
.pageContent .article_list td.m_btm_l,.pageContent .article_list td.m_btm_r,.pageContent .article_list td.m_x{font-size:14px!important;color:#777;padding-top:18px;font-family:'Roboto Condensed',"Noto Sans KR",'맑은 고딕',sans-serif}
.pageContent .list_top{height:auto;padding-bottom:12px}
.pageContent .bbs .article_list .nothing{line-height:230px;background-color:#fff; color: #888; font-weight: 300;}
.pageContent .bbs .article_total,.pageContent .bbs .articleTotal{font-size:15px}
.pageContent .inputForm dl.part2{background-color: #f4f5f6;}
.pageContent .inputForm dl.part2 dd.forLong{padding-bottom:0}
.pageContent .bbs .inputForm .inputTxt,.pageContent .bbs .inputForm input[type="text"],.pageContent .bbs .inputForm input[type="password"],.pageContent .bbs .inputForm input[type="file"],.pageContent .bbs .inputForm textarea{padding:7px;margin-top:-5px;vertical-align:baseline}
.pageContent .bbs .inputForm input[name="file_nm[]"]{margin-top:3px;margin-bottom:5px;}
.pageContent .inputForm dl.part2 dd.forLong input[type="text"],.pageContent .inputForm dl.part2 dd.forLong textarea{margin-bottom:8px;margin-top:-2px}
.pageContent .bbs .inputForm input[type="file"].inputFile{height:auto;padding:3px 3px 2px;vertical-align:top}
.pageContent .inputForm dl.part2 dd.forLong input[type="file"].inputFile{vertical-align:middle!important}
.pageContent .inputForm dl.part2 dd.forLong input[type="file"].inputFile + input[type="text"]{vertical-align:middle;margin-top:0}
.pageContent .bbs select{padding:2px;height:auto!important}
.pageContent .bbs .member.v2 .option_area li a{border:solid 1px #333;background:#FFF}
.pageContent .pager li a{line-height:25px}
.pageContent .pager li#present,.pageContent .pager li#present:hover{border-color:#000;color:#000;line-height:25px}
.pageContent .sort_box{width:auto;height:auto;clear:both;padding:0;background:none;border-bottom-color:#ccc}
.pageContent .sort_box ul.lst{height:44px;display:block;float:none}
.pageContent .sort_box ul.lst::after{display:block;clear:both;content:''}
.pageContent .sort_box ul.lst li{float:left;display:block;width:16.66%;border:0}
.pageContent .sort_box ul.lst li a{font-size:17px;display:block;height:43px;padding:0;line-height:44px;margin:0;background:#f4f4f4;border:1px solid #CCC;border-left:none}
.pageContent .sort_box ul.lst li a.on{background-color:#FFF;border-bottom-color:#FFF;font-weight:400;padding:0}
.pageContent .sort_box ul.lst li:first-child a{border-left:1px solid #CCC}
.pageContent dl.near{font-size:15px;margin-bottom:50px}
.pageContent dl.near dt,.pageContent dl.near dd{font-size:15px;font-weight:400}
.pageContent dl.near dt{height:38px;padding-top:10px}
.pageContent dl.near dd{height:38px;padding-top:10px}
.pageContent .article_photo{overflow:hidden;margin:0 auto;border-bottom:1px solid #ccc;border-top:1px solid #666;position:relative}
.pageContent .article_photo ul{margin:0 -1.5%;width:auto;overflow:hidden;position:relative;margin-bottom:-1px}
.pageContent .article_photo li{width:22%;padding:30px 1.5% 20px;height:auto;border-bottom:1px solid #d9d9d8;text-align:center}
.pageContent .article_photo li a{display:block}
.pageContent .article_photo li .ph,.pageContent .article_photo li .txt,.pageContent .article_photo li em{width:auto;display:block;font-style:normal;text-align:center;padding:0;margin:0}
.pageContent .article_photo li .txt{font-size:inherit!important;border-top:0;font-weight:400}
.pageContent .article_photo li .ph{height:auto;overflow:hidden;margin-bottom:10px;border:0;background-color:#f5f5f5}
.pageContent .article_photo li .ph img{width:auto;height:auto;width:100%;height:183px;display:block}
.pageContent .article_photo li .txt,.pageContent .article_photo li em{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:20px}
.pageContent .article_photo li .txt b,.pageContent .article_photo li em b{letter-spacing:-1px;width:85px;display:inline-block}
.pageContent .article_photo li.nothing{width:100%;height:250px;line-height:250px;padding:0;font-weight:400;margin:0;text-indent:0;border:0;margin-left:0;float:none;background-color:#f8f8f8}
.pageContent .article_photo li .ph{height:0;overflow:hidden;margin-bottom:10px;border:0;position:relative;padding-bottom:75%}
.pageContent .article_photo li .ph img{width:auto!important;height:auto;height:100%!important;display:block;position:absolute;top:0;left:0;float:left;max-height:100%;image-rendering:crisp-edges;-ms-interpolation-mode:bicubic}
.pageContent .findBoxSimple.half{margin-bottom:40px}
.pageContent .findBoxSimple.half li.wide{border-bottom:solid 1px #e0e0e0;padding:10px 0;position:relative;line-height:normal;float:none;width:auto}
.pageContent .findBoxSimple.half h4{top:10px;font-size:14px}
.pageContent .findBoxSimple.half h4 span{display:inline-block;background:#ddd;padding:0;line-height:34px;color:#666;border-radius:4px}
.pageContent .bbs .inputForm .findBoxSimple .inputTxt{padding:8px;margin:0;margin-top:0;vertical-align:middle;border-color:#CCC}
.pageContent .bbs .inputForm .findBoxSimple .inputBtn{height:32px;vertical-align:middle}
.pageContent .bbs .inputForm .findBoxSimple .inputBtn input{height:32px;line-height:32px}
.pageContent .bbs .inputForm .findBoxSimple select#sltOption{padding:7px 5px;height:auto!important;vertical-align:middle;margin:0}
.pageContent .findBoxSimple .inputBtn.blue,.pageContent .findBoxSimple .inputBtn.blue a,.pageContent .findBoxSimple .inputBtn.blue button,.pageContent .findBoxSimple .inputBtn.blue input{background:#00aad5}
.pageContent .seeker{border: 0;background-color: #f1f2f4;padding: 20px 2%;text-align: center;position: relative;}
.pageContent .seeker select{height: 52px !important;font-size: 17px;padding: 0;width: 130px;padding-left: 20px;padding-right: 15px;border-color: #e0e0e0;}
.pageContent .seeker .inputTxt{height: 50px;line-height: 50px;font-size: 18px;max-width: 330px;padding: 0 15px; margin: 0 3px;border-color: #e0e0e0; width: 99%;}
.pageContent .seeker .inputTxt:focus,
.pageContent .seeker .inputTxt:hover{border-color: #222;background-color: #fff;}
.pageContent .seeker .inputBtn{margin: 0;background: none;border: none;font-size: 0 !important; height:auto;padding:0; vertical-align:middle;line-height:100%;border-radius:0}
.pageContent .seeker .inputBtn a, .pageContent .seeker .inputBtn button, .pageContent .seeker .inputBtn input{height: 50px;padding: 0; padding: 0 25px !important; line-height: 50px; font-size: 17px !important;background: #787977;color: #fff; left:0;vertical-align:middle;cursor:pointer; display:inline-block;}
.pageContent .seeker .total{position: absolute;font-size: 15px;top: 37px;left: 2.7%;}
.pageContent .article_list thead th{line-height: 100%;height: 56px;vertical-align: middle;padding: 0;}
.pageContent .article_list thead th.left{padding-left: 10px;}
.pageContent .article_list.m_tbList td{letter-spacing: -0.5px;border-left: 1px solid #e0e0e1;color: #000;}
.pageContent .article_list.m_tbList td:first-child{border-left: 0;}
.pageContent .article_list.m_tbList td.m_cont{font-size: 15px;}
.pageContent .article_list.m_tbList td.m_tit a{display: block;color: #000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.m_tbList b.m_st{display: none;}
.pageContent .prg_detail .article_list.m_tbList.for_form{margin-top: 0;border-top: 0;margin-bottom: 40px;}
.pageContent .prg_detail .article_list.m_tbList.for_line{border-left: 1px solid #e0e0e1;border-top: 1px solid #e0e0e1;border-right: 1px solid #e0e0e1;}
.pageContent .prg_detail .article_list.m_tbList.for_form td{border-left: 0;padding-top: 10px;padding-bottom: 10px;}
.pageContent .prg_detail .article_list.m_tbList.for_form td input[type="text"]{font-size: 16px;padding: 0 3px;line-height: 33px;height: auto;text-align: center;border-color: #999;}
.pageContent .prg_detail .article_list.m_tbList.for_line tr td:first-child{background-color: #f4f4f4;color: #000;}

@media all and (max-width:900px){
.pageContent .list_top{padding-bottom: 5px;}
.pageContent .bbs .article_total, .pageContent .bbs .articleTotal{font-size: 13px;}
.pageContent .article_total{font-size:.875em}
.pageContent .article_list.m_tbList{display:block;margin-top:5px;margin-bottom:8px}
.pageContent .article_list.m_tbList colgroup,.pageContent .article_list.m_tbList thead,.pageContent .article_list.m_tbList thead th{display:none}
.pageContent .article_list.m_tbList tbody{display:block;vertical-align:top}
.pageContent .article_list.m_tbList tr{overflow:hidden;display:block;padding:5px 0;border-bottom:1px solid #d9d8d7;position:relative}
.pageContent .article_list.m_tbList td{display:block;float:left;border-bottom:none;padding:0;height:auto;line-height:normal;padding:4px 0!important;background:none}
.pageContent .article_list.m_tbList tbody th,.pageContent .article_list.m_tbList td.m_tit{float:none;clear:both;display:block;font-weight:500;text-align:left}
.pageContent .article_list.m_tbList th{font-size:12px;padding:0 0 0 5px;margin:7px 0;background:none;border-left:3px solid #00aad5!important;line-height:100%!important;color:#069}
.pageContent .article_list.m_tbList td.m_tit a.m_new{display:block;background:url(/common/img/m_builder/ico_new.gif) 0 10px no-repeat!important;padding-left:12px;padding-top:4px;margin-left:0}
.pageContent .article_list.m_tbList td.m_tit a,.pageContent .article_list.m_tbList td.m_cont a{width:90%}
.pageContent .article_list.m_tbList td.m_cont{clear:both;float:none;text-align:left}
.pageContent .article_list.m_tbList td.m_btm_l{float:left;width:49%;text-align:left; font-weight: 300; color: #555;}
.pageContent .article_list.m_tbList td.m_btm_r{float:right;width:49%;text-align:right; font-weight: 300; color: #555;}
.pageContent .article_list.m_tbList td.m_btm_r.clr{clear:none;margin-top:-23px}
.pageContent .article_list.m_tbList td.m_top_r{position:absolute;left:auto;right:0;top:3px;padding:0}
.pageContent .article_list.m_tbList td.m_tit em.rep_num{margin:9px 0 0;padding:2px 4px 2px 3px !important;line-height:100%!important;height:auto;font-style:normal}
.pageContent .article_list.m_tbList td.m_w20{width:20%}
.pageContent .article_list.m_tbList td.m_w25{width:25%}
.pageContent .article_list.m_tbList td.m_w30{width:30%}
.pageContent .article_list.m_tbList td.m_w35{width:35%}
.pageContent .article_list.m_tbList td.m_w40{width:40%}
.pageContent .article_list.m_tbList td.m_w60{width:60%}
.pageContent .article_list.m_tbList td.m_w65{width:65%}
.pageContent .article_list.m_tbList td.m_w70{width:70%}
.pageContent .article_list.m_tbList td.m_w75{width:75%}
.pageContent .article_list.m_tbList td.m_w80{width:80%}
.pageContent .article_list.m_tbList td.m_x{display:none;}
.pageContent .article_list.m_tbList td{border-left: 0;}
.pageContent .article_list.m_tbList .lineRight{border:none}
.pageContent .article_list td.back em{width:50px;font-size:11px;width:52px;line-height:19px;border-radius:3px;letter-spacing:-1px;margin-top:-3px}
.pageContent .bbs .article_list.m_tbList td.nothing{float:none;padding:20px 0!important;text-align:center;margin:0;line-height:100px;margin-top:-5px;margin-bottom:-5px}
.pageContent .bbs h3 span{font-size:1em!important}
.pageContent .seeker .total{top: auto;font-size: 13px;bottom: -25px;left: 3px;}
.pageContent .seeker{padding: 10px; text-align: center;   position: relative;    overflow: visible;margin-bottom: 40px;}
.pageContent .seeker::after{display: block;clear: both;content: '';}
.pageContent .seeker .inputDiv{display: inline ;margin: 0;}
.pageContent .seeker input.inputTxt{display: inline-block !important;width: inherit;text-align: left;}
.pageContent .seeker .inputBtn{float: none;margin-top: 0 !important;display: inline-block;}
.pageContent .seeker select#sltOption{height: 36px !important;font-size: 15px;padding: 0 5px;width: auto; min-width:70px; position: static;top: auto;left: auto;display: inline-block;}
.pageContent .seeker .inputTxt{height: 34px;line-height: 34px;font-size: 15px;max-width: 120px;padding: 0 5px;margin: 0 2px;}
.pageContent .seeker .inputBtn a, .pageContent .seeker .inputBtn button, .pageContent .seeker .inputBtn input{height: 34px;padding: 0 10px !important;font-size: 14px !important;line-height: 32px;}
}


/*************************
02) view
**************************/
.pageContent .bbs .viewForm h3,
.pageContent .bbs .inputForm h3{border-top:0;padding:0;margin-top:0;background:none; margin-bottom: 20px;}
.pageContent .bbs .viewForm h3 span{display:block; font-size:20px !important; width:auto!important;padding:0;line-height:1.3; text-overflow:inherit;white-space:inherit;/* text-align:left; */ font-weight: 500; position: relative; border-top: solid 2px #000; padding-top: 20px;}
.pageContent .viewForm dl.part2 dt,
.pageContent .viewForm dl.part2 dd,
.pageContent .inputForm dl.part2 dt,
.pageContent .inputForm dl.part2 dd{font-size:15px;font-weight:400;color:#595958; height:33px;line-height:145%;padding-top:12px;}
.pageContent .inputForm dl.part2 dt,
.pageContent .viewForm dl.part2 dt{background-color: #f4f5f6; color: #888;}
.pageContent .viewForm dl.part2 dd.wide,
.pageContent .inputForm dl.part2 dd.wide{line-height:145%;height:auto;min-height:33px}
.pageContent .inputForm .note.right.gap{font-size:12px}
.pageContent .viewForm .articleBody .userContents{margin: 25px 0; border: solid 1px #e1e2e3; min-height:300px; text-align:center;}
.pageContent .viewForm .articleBody .userContents img{max-width: 100%;}
.pageContent .viewForm .operator .inputBtn,
.pageContent .operator .inputBtn{height: auto; background: none; margin: 0;}
.pageContent .viewForm .operator .inputBtn a,
.pageContent .operator .inputBtn a{background: none; font-size: 15px; padding: 0 30px !important; height: 38px; line-height: 38px; font-weight: 400; background: #f7f8f9; color: #333; border: solid 1px #e1e2e3; transition:.2s; margin-right: 5px; display:inline-block;}
.pageContent .operator .inputBtn a:last-child{margin-right: 0;}
.pageContent .viewForm .operator .inputBtn a:hover{background-color: #005ead; color: #fff;}
/*댓글쓰기*/
.pageContent .viewForm .repList{border: 0; background-color: #f7f8f9;}
.pageContent .viewForm .repList h4{padding: 0; padding-bottom: 10px;}
.pageContent .viewForm .repList h4 strong{color: #005ead;}
.pageContent .viewForm .articleBody .userContents img{max-width: 100%;}
@media all and (max-width: 900px){
.pageContent .viewForm dl.part2 dd{width: 83.3%;}
}
@media all and (max-width: 450px){
.pageContent .bbs .viewForm h3 span{font-size: 17px !important; padding: 15px 0;}
.pageContent .bbs .viewForm h3,
.pageContent .bbs .inputForm h3{margin-bottom: 0; font-size: 16px;}
.pageContent .viewForm dl.part2 dt, .pageContent .viewForm dl.part2 dd, .pageContent .inputForm dl.part2 dt, .pageContent .inputForm dl.part2 dd{font-size: 14px;}
.pageContent .viewForm dl.part2 dt{text-align: center; width: 80px;}
.pageContent .viewForm dl.part2 dd{width: calc(99% - 82px);}
.pageContent .viewForm .articleBody .userContents{margin: 10px 0; padding: 15px;}
.pageContent .viewForm .operator .inputBtn a{padding: 0 20px !important; height: 30px; line-height: 30px; font-size: 14px;}
}