/* list */
#listuser {width:100%;max-width:1240px;margin:20px auto;}
#listuser li {font-size:12pt;border:1px solid #D0D0D0;border-radius:3px;margin-bottom:40px;}
#listuser li h2 {margin:0;padding:14px 2%;font-weight:400;font-size:14pt;background-color:#fafafa;border-radius:3px 3px 0 0;}
#listuser li .cont {padding:1% 2%;}
#listuser li h3 {padding:0;margin:0;font-weight:100;}
#listuser li .hwanbul {}
#listuser li .hwanbul h3 {padding:0;margin:0;font-size:12pt;}
#listuser li .hwanbul input {height:40px;}
#listuser li .hwanbul .sinput {width:300px;}
#listuser li .hwanbul .hwinput {width:89%;}
#listuser li .hwanbul .btn {width:100px;}
#listuser li .agreecheck {padding:0;margin:0;color:#568ADF;letter-spacing:-1px;}
#listuser li .agreebox {overflow-x:hidden;overflow-y:auto;}
#listuser li .agreecheck .help {position:relative;top:-1px;padding:3px 5px;margin-left:5px;font-weight:100;font-size:11px;font-family:dotum;background-color:#333;color:#FFF;border-radius:3px;}
#listuser li.nolist {width:99%;padding:180px 0;margin:0 0 15px 0;border:1px solid #ddd;text-align:center;color:#999;border-radius:3px;}
#listuser li .list_foot {width:100%;height:48px;line-height:46px;text-align:center;background-color:#FAFAFA;}
#listuser li .list_foot .label {cursor:pointer;}

.btn-left {float:left;width:70%;}
.btn-right {float:right;width:28%;}

#topSearch {padding:20px 0;}
#topSearch .searchform {}
#topSearch .searchform select {float:left;max-width:120px;padding-left:10px;border-color:#e0e0e0;font-size:11pt;margin-right:0;border-radius:2px 0 0 2px;}
#topSearch .searchform .inbtn {float:left;position:relative;width:240px;padding:0;margin:0;}
#topSearch .searchform .inbtn input {position:absolute;top:0;left:0;width:180px;height:40px;padding:0 4px;font-size:11pt;border:1px solid #e0e0e0;border-left:none;border-right:none;}
#topSearch .searchform .inbtn button {position:absolute;top:0;right:0;width:60px;height:40px;font-size:11pt;line-height:0;color:#fff;border:1px solid #357ebd;border-radius:0 2px 2px 0;background-color:#428bca;}
#topSearch .searchform .btn {height:40px;padding:0 20px;font-size:11pt;line-height:38px;}

#tab {width:100%;border:1px solid #d0d0d0;}
#tab li {cursor:pointer;float:left;width:20%;height:30px;font-size:10pt;line-height:29px;text-align:center;border-right:1px solid #d0d0d0;}
#tab li:nth-last-of-type(1) {border-right:none;}
#tab li.on {background-color:#333;color:#FFF;}
#tab.tab2 li {width:calc(100% / 2);}
#tab.tab3 li {width:calc(100% / 3);}
#tab.tab6 li {width:calc(100% / 6);}
#tab.tab9 li {width:calc(100% / 9);}
#tab.tab10 li {width:calc(100% / 10);}

#bbslist {margin:auto;padding:0 0 30px 0;}
#bbslist .info {height:36px;margin-bottom:20px;}
#bbslist .info .article {float:left;padding:0;font-size:11px;color:#c0c0c0;line-height:36px;}
#bbslist .info .acontrol {float:right;padding:0;}
#bbslist .info .acontrol select {width:140px;border-color:#e0e0e0;border-radius:4px;}
#bbslist .catTab {height:39px;margin:0 0 20px 0;padding:0;border-bottom:1px solid #DEDEDE;border-left:1px solid #DEDFDE;}
#bbslist .catTab li {float:left;list-style-type:none;height:38px;padding:0 25px;text-align:center;line-height:38px;color:#888;border:1px solid #DEDFDE;border-left:none;background-color:#fafafa;}
#bbslist .catTab .on {background-color:#FFF;color:#333;border-bottom:1px solid #FFF;}
#bbslist table {width:100%;border-spacing:0px;border-collapse:collapse;}
#bbslist table caption {display:none;}
#bbslist thead th {vertical-align:middle;padding-bottom:10px;border-bottom:#555 solid 2px;font-size:13px;color:#555;}
#bbslist tbody tr {border-bottom:#E6E6E6 solid 1px;}
#bbslist tbody .noticetr td {background:#FAFAFA;}
#bbslist tbody .noticetr td a {font-weight:bold;}
#bbslist tbody td {height:25px;padding:18px 0;font-size:11pt;text-align:center;color:#333;letter-spacing:-1px;line-height:25px;}
#bbslist tbody td .btn-xs {position:relative;top:-2px;height:25px;padding:0 6px;font-size:10pt;line-height:23px;}
#bbslist td .fa {cursor:pointer;font-size:11pt;color:#428bca;}
#bbslist .now {color:#ff0000;font-size:11px;}
#bbslist .chk {position:relative;top:-2px;}
#bbslist .sbj {text-align:left;letter-spacing:-1px;}
#bbslist .sbj .label {display:inline-block;width:34px;height:25px;padding:0;margin:0;text-align:center;}
#bbslist .new {position:relative;top:0;display:inline-block;width:13px;height:13px;font-size:10px;text-align:center;line-height:13px;border-radius:50%;color:#fff;background-color:red;}
#bbslist .comment {font-size:11px;color:#ff8000;}
#bbslist .none {height:150px;font-size:12px;color:#999;line-height:150px;}
#bbslist .bottom {padding:20px 0;}
#bbslist .bottom_l {float:left;}
#bbslist .bottom_r {float:right;text-align:right;}
/* @list */

/* view */
#bbsview {margin:auto;padding:0 0 30px 0;}
#bbsview .wrap h1 {height:40px;margin:50px 0 10px 0;line-height:40px;}
#bbsview #NaverMap {width:100%;height:600px;}
#bbsview .btn-groups {width:100%;height:50px;margin:20px 0 0 0;}
#bbsview .btn-groups .btn {float:left;width:24%;height:50px;padding:0;margin-left:1.333%;font-size:11pt;line-height:48px;}
#bbsview .btn-groups .btn:first-child {margin:0;}
#bbsview .vt-tab {width:100%;height:52px;margin:0;background-color:#418BCA;border:1px solid #316898;border-radius:2px;}
#bbsview .vt-tab li {cursor:pointer;float:left;width:calc(100% / 2);height:51px;font-weight:500;font-size:12pt;line-height:48px;text-align:center;color:#FFF;border-left:1px solid #316898;}
#bbsview .vt-tab3 li {width:calc(100% / 3);}
#bbsview .vt-tab4 li {width:calc(100% / 4);}
#bbsview .vt-tab li:first-child {border-left:none;}
#bbsview .vt-tab li a {display:block;width:100%;height:50px;color:#FFF;}
#bbsview .vt-tab li.on {background-color:#FFF;color:#418BCA;border-bottom:1px solid #FFF;}

#bbsview .bbs-view {}
#bbsview .bbs-view th {font-size:11pt;padding-left:20px;}
#bbsview .bbs-view td {font-size:12pt;padding:12px 0 12px 30px;color:#000;}
#bbsview .bbs-view td h4 {display:none;}
#bbsview .bbs-view td .label {position:relative;top:-1px;padding:0 8px 2px 8px;font-weight:normal;}
#bbsview .bbs-view td .select2 {width:140px;}
#bbsview .bbs-view td .textarea {width:100%;height:120px;padding:10px;margin:0;font-size:10pt;border:1px solid #d0d0d0;line-height:1.6;border-radius:2px;}
#bbsview .bbs-view td .textarea2 {width:100%;height:120px;padding:10px;margin:0;font-size:10pt;border:1px solid #d0d0d0;border-top:none;line-height:1.6;border-radius:2px;}
#bbsview .bbs-view td .input {height:40px;font-size:11pt;}
#bbsview .bbs-view td .btn {height:40px;padding:0 20px;font-size:11pt;line-height:40px;border:none;}
#bbsview .bbs-view td .btn-half {width:35%;}
#bbsview .bbs-view td .select1 {width:32.4%;font-size:11pt;}
#bbsview .bbs-view td .btn-copy {position:relative;top:-2px;height:22px;padding:0 10px;font-size:9pt;line-height:21px;}

#bbsview .price_group {width:100%;}
#bbsview .price_group4 li {float:left;width:23.5%;margin-right:2%;}
#bbsview .price_group5 li {float:left;width:18%;margin-right:2%;}
#bbsview .price_group li .input {float:left;width:62%;height:40px;font-size:11pt;text-align:center;}
#bbsview .price_group li .btn {float:right;width:36%;padding:0;height:40px;font-size:11pt;border:none;}
#bbsview .price_group li .btn-block {width:100%;margin-left:0;font-size:10pt;font-weight:normal;line-height:40px;}
#bbsview .price_group li h2 {height:40px;margin:0;padding:0;font-size:13pt;line-height:40px;text-align:center;color:#333;letter-spacing:-1px;}
#bbsview .price_group li h3 {height:40px;margin:0;padding:0;font-size:12pt;font-weight:normal;line-height:40px;text-align:center;color:#333;}
#bbsview .price_group li.end {margin-right:0;}

#bbsview .btn-blocka {width:100%;height:46px;}
#bbsview .btn-blocka .btn {width:calc(100% / 9);height:46px;padding:0;font-size:11pt;line-height:44px;}
#bbsview .btn-blocks {width:100%;height:46px;}
#bbsview .btn-blocks .btn {width:calc(100% / 3);height:46px;padding:0;font-size:11pt;line-height:44px;}

#bbsview .bottom {width:100%;height:70px;padding:20px 0;text-align:right;}
#bbsview .comment {padding:0;color:#c0c0c0;}
#bbsview .comment a {font-weight:bold;color:#3EA9CD;}
#bbsview .comment .icon1 {position:relative;top:3px;}

#bbsview .img_list {}
#bbsview .img_list li {float:left;display:block;width:100px;height:100px;margin-right:10px;}

#bbsview .select {float:left;width:32.6%;height:50px;font-size:11pt;}
#bbsview .select1 {margin:0 0 0 10px;}

#bbsview .calp {margin-bottom:5px;font-weight:bold;font-size:12pt;color:#000;}

#bbsview .group-magic2 label {display:inline-block;width:calc(100% / 2 - 3px);}
#bbsview .group-magic4 label {display:inline-block;width:calc(100% / 4 - 3px);color:#333;}

#bbsview .table-price {width:100%;margin-top:20px;border-top:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF;}
#bbsview .table-price th,
#bbsview .table-price td {padding:1% 2%;border:none;text-align:center;}
#bbsview .table-price th {background-color:#f3f3f3;}
#bbsview .table-price td {width:23%;}
#bbsview .table-price #calPrice0,
#bbsview .table-price #calPrice1,
#bbsview .table-price #calPrice2,
#bbsview .table-price #ycalPrice0,
#bbsview .table-price #ycalPrice1,
#bbsview .table-price #ycalPrice2 {font-weight:bold;font-size:18pt;color:#2080D0;}

#bbsview table td .priceleft {float:left;width:49%;}
#bbsview table td .workdayright {float:right;width:49%;}
#bbsview table td .pwbox {width:100%;height:32px;margin-bottom:5px;font-weight:500;font-size:11pt;line-height:30px;text-align:center;background-color:#333;color:#FFF;}
#bbsview table td .input-block {width:100%;}
#bbsview table td .mselect {width:15%;height:40px;padding:0 10px;font-size:11pt;}

#bbsview .bbs-view td .btn-submit {width:100%;height:60px;font-size:14pt;}
#bbsview .bbs-view td .input-black {height:50px;font-size:14pt;line-height:50px;background-color:#000;border-color:#000;color:#FFF;}
#bbsview .bbs-view td .input-black::placeholder {color:#FFF;}

#ui-datepicker-div {width:280px;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top:10px;width:30px;height:30px;}
/* @view */


/* write */
#bbswrite {margin:auto;padding:30px 0;background:#F6F6F6 url('../../../../../files/bg/bg_sun.jpg') no-repeat left top;background-size:100%;}

#bbswrite .wrap ,
#bbswrite #oldlist {
	width:1240px;
	min-height:550px;
    padding: 30px 50px 30px 50px;
    margin: 0 auto;
    border: 1px solid #d0d0d0;
    background-color: #FFF;
    border-radius: 3px;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
}

#bbswrite #oldlist .btn-top {width:100%;height:60px;padding:0;font-weight:800;font-size:20pt;line-height:58px;}
#bbswrite #oldlist li {width:100%;padding:20px;margin:0 0 50px 0;border:1px solid #d0d0d0;border-radius:2px;background-color:#F6F6F6;}
#bbswrite #oldlist li .olleft {float:left;width:60%;}
#bbswrite #oldlist li .olright {float:right;width:40%;}
#bbswrite #oldlist li h1 {padding:0;margin:5px 0;}

#bbswrite h2 {padding:0;margin:10px 0 10px 0;font-size:16pt;color:#2080D0;}
#bbswrite h2 .label {position:relative;top:-1px;padding:1px 10px 3px 10px;margin-left:10px;font-size:9pt;}
#bbswrite h2 small {font-weight:normal;font-size:10pt;color:#555;}

#bbswrite .atype {width:100%;}
#bbswrite .atype li {float:left;width:calc(100% / 3);}
#bbswrite .atype li img {display:block;width:95%;}

#bbswrite input {height:46px;padding:0 10px;font-size:11pt;line-height:44px;border-color:#c0c0c0;}
#bbswrite input.w100 {width:100%;}
#bbswrite input.w80 {width:80%;}
#bbswrite input.w60 {width:60%;}
#bbswrite input.w40 {width:40%;} 
#bbswrite input.w30 {width:30%;}
#bbswrite input.w20 {width:20%;}
#bbswrite input.w10 {width:10%;}
#bbswrite input.w5 {width:5%;}
#bbswrite .group-magic label {width:15%;}
#bbswrite .mselect {width:15%;height:46px;padding:0 10px;font-size:11pt;}
#bbswrite textarea {width:100%;height:120px;padding:10px;font-size:11pt;line-height:1.5;border-color:#c0c0c0;}

#bbswrite .guide {width:100%;}
#bbswrite .guide li {padding-left:10px;font-size:10pt;color:#2080D0;line-height:1.5;background:url('../../../../../_core/image/_public/bul_dot.gif') no-repeat top 8px left 3px;}

#bbswrite p {font-size:11pt;}
#bbswrite p .group-magic label {width:8%;}

#bbswrite .btn-upload {padding:10px 30px;font-size:12pt;}

#bbswrite .img_list {}
#bbswrite .img_list li {float:left;display:block;width:150px;height:150px;margin-right:10px;}

#bbswrite .bottombox {text-align:center;padding:20px 0 20px 0;margin:15px 0 0 0;border-top:#efefef solid 1px;}
#bbswrite .bottombox .btn {width:20%;height:45px;padding:0;font-size:11pt;line-height:43px;}

#bbswrite .select2 {width:300px;}
/* @write */

#step1 {width:100%;min-height:800px;background-color:#FFF;}

#map_wrap {position:relative;width:1240px;margin:0 auto;border:none;z-index:10;}

#select {position:absolute;top:20px;left:20px;}
#select select {width:160px;height:40px;line-height:40px;border:solid 1px #555;padding:0 10px;font-size:11pt;border-radius:3px;box-sizing:content-box;}
#select #selectsubmit {height:40px;line-height:40px;padding:0 20px;font-size:11pt;border:solid 1px #555;border-radius:3px;cursor:pointer;box-sizing:content-box;}

#search {position:absolute;top:330px;left:50%;width:780px;height:70px;margin-top:0;margin-left:-390px;}
#search #address {width:500px;height:60px;line-height:60px;border:solid 5px #28A84B;padding:0 10px;font-size:14pt;border-radius:5px;box-sizing:content-box;}
#search #submit {position:relative;top:-1px;width:140px;height:60px;line-height:60px;padding:0;font-size:13pt;border:solid 5px #28A84B;border-radius:5px;cursor:pointer;box-sizing:content-box;}

#infoWindow {padding:10px;min-width:200px;line-height:150%;font-size:11pt;}

#noverlay {position:absolute;left:0;top:0;padding:2px 10px 4px 10px;font-size:10pt;background-color:#FFF;text-align:center;border:1px solid #0475f4;border-radius:0 12px 12px 12px;}
#noverlay a {color:#000;}
#noverlay:hover {background-color:#DDD;}

#NaverMapModify,
#NaverMap_copyuid {width:100%;height:600px;}

ul.measure-control {position:absolute;z-index:1;top:10px;right:0;margin:0;padding:0;}
ul.measure-control li {list-style:none;float:left;display:block;padding-right:10px;}
ul.measure-control li input {padding:5px 15px;border:1px solid #d0d0d0;border-radius:3px;}
ul.measure-control li input.control-on {border-color:#18609C;background-color:#2080D0;color:#FFF;}

#bbswrite .agreecheck {text-align:center;}
#bbswrite .agreecheck .group-magic label {width:240px;padding:0 0 0 28px;margin:0;}
#bbswrite .agreecheck .help {position:relative;top:2px;padding:3px 5px;margin-left:5px;font-weight:100;font-size:11px;font-family:dotum;background-color:#333;color:#FFF;border-radius:3px;}

.modal {position:relative;display:none;max-width:700px;padding:50px 0 20px 0;border-radius:0;}
.modal h5 {position:absolute;left:0;top:0;width:100%;height:50px;padding:0 30px;margin:0;border-bottom:1px solid #d0d0d0;font-size:12pt;line-height:50px;background-color:#FAFAFA;}
.modal .btn {position:absolute;right:-13px;top:-13px;padding:0;width:30px;height:30px;font-size:11pt;text-align:center;line-height:26px;border-radius:50%;}
.modal p {margin-bottom:10px;font-weight:100;font-size:11pt;line-height:1.5;color:#555;}
.modal b {color:#222;}
.modal pre {font-family:'Noto Sans KR',sans-serif,'Malgun Gothic','NanumGothic',Dotum;font-size:11pt;line-height:1.2;color:#555;}
.modal a.close-modal {display:none;}