@charset "utf-8";


/* ------------------- 기본칙 ------------------- */
.fr {  float: right !important;}
.fl {  float: left !important;}
.hide {  display: none !important}
.show {  display: block !important;}
.oh { overflow: hidden;}
.blind {font-size:0px;line-height:0px;overflow:hidden;position:absolute;top:0px;left:-9999px}
.font_red{color:#FF0039}
.font_green{color:#008000}
.font_blue{color:#3900FF}
.font_black{color: #111;}
.font_stat {font-weight: 500;}
.font_stat.normal {color: #16b56f;}
.font_stat.warning {color: #f44336;}
a.txt_under{text-decoration:underline}
.ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


/* ------------------- 텍스트 정렬 ------------------- */
.txtL {text-align:left !important;}
.txtC {text-align:center !important;}
.txtR {text-align:right !important;}
.txtJ {text-align:justify !important;}
.vt {vertical-align: top !important;}
.vm {vertical-align: middle !important;}
.vb {vertical-align:bottom !important;}



/* width */
.wpAuto {width:auto !important;}
.wp5  {width:5% !important;}
.wp10 {width:10% !important;}
.wp15 {width:15% !important;}
.wp20 {width:20% !important;}
.wp25 {width:25% !important;}
.wp30 {width:30% !important;}
.wp35 {width:35% !important;}
.wp40 {width:40% !important;}
.wp45 {width:45% !important;}
.wp50 {width:50% !important;}
.wp55 {width:55% !important;}
.wp60 {width:60% !important;}
.wp65 {width:65% !important;}
.wp70 {width:70% !important;}
.wp75 {width:75% !important;}
.wp80 {width:80% !important;}
.wp85 {width:85% !important;}
.wp90 {width:90% !important;}
.wp95 {width:95% !important;}
.wp100 {width:100% !important;}





/* ------------------- 목록 ------------------- */
ul.ul01 {margin-left:0;padding:0;text-align:left;}
ul.ul01 li {background: url(../img/common/li01bg.gif) no-repeat 0 0.333rem;margin:.333rem 0;padding: 0 0 0 12px;vertical-align: middle;}
ul.ul02 li {background:url(../img/common/li02bg.gif) no-repeat 0 .433rem; margin:.333rem 0;padding:0 0 0 1rem;}
ul.ul03 li {background:url(../img/common/li03bg.gif) no-repeat 0 .433rem; margin:.333rem 0;padding:0 0 0 1rem;}
ul.ul04 li {background:url(../img/common/li04bg.gif) no-repeat 0 .433rem; margin:.333rem 0;padding:0 0 0 1rem;}

ol.ol01 {list-style:none;}
/*ol.ol01 li:before { display: inline-block; width: 16px; height: 16px; border-radius: 16px;line-height: 15px;background:#8e8e8e;font-size:0.75rem;color:#fff;text-align:center;margin: 0 3px 3px 0; vertical-align: middle; }*/
ol.ol01 li:before {display: inline-block; width: 17px; height: 17px; border-radius: 17px; line-height:17px; background:#8e8e8e;
  font-size:0.75rem; color:#fff; text-align:center; margin:-3px 6px 1px 0; vertical-align: middle;}
ol.ol01 > li:nth-child(1):before {content:'1'}
ol.ol01 > li:nth-child(2):before {content:'2'}
ol.ol01 > li:nth-child(3):before {content:'3'}
ol.ol01 > li:nth-child(4):before {content:'4'}
ol.ol01 > li:nth-child(5):before {content:'5'}
ol.ol01 > li:nth-child(6):before {content:'6'}
ol.ol01 > li:nth-child(7):before {content:'7'}
ol.ol01 > li:nth-child(8):before {content:'8'}
ol.ol01 > li:nth-child(9):before {content:'9'}
ol.ol01 > li:nth-child(10):before {content:'10'}
ol.ol01 > li.olVal2:before {content:'2' !important;}
ol.ol05 > li.olVal2:before {content:'2.' !important;}
ol.ol02 {list-style-type:decimal; list-style-position: inside;}
ol.ol03 {list-style-type:decimal-leading-zero; list-style-position: inside;}
ol.ol04 {list-style-type:upper-roman; list-style-position: inside;}
ol.ol01 li, .ol02 li, .ol03 li, .ol04 li {padding:0 0 0 1rem;}

/*table ol li{ padding: 0 0 0 0.5rem !important;}*/



/* -------------------  버튼 ------------------- */
/* 기본 Button */
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='image']{overflow:visible;cursor:pointer;}

html input[type='button'],
input[type='submit'],
input[type='reset'],
button,
button[class*='btn'],
button[type='submit'],
button[type='reset'], /* ☆ */
a[class*='btn']{-webkit-border-radius:0;-webkit-appearance:none;-moz-appearance:none;
    display: inline-block;
  padding:.5rem .75rem;
  border:1px solid #999; /* border:1px solid transparent; */
  background-color:#eee;
  color:#000;
  line-height:1.333;
  white-space:nowrap;}

html input[type='button']:hover,
input[type='submit']:hover,
input[type='reset']:hover,
button:hover,
button[class*='btn']:hover,
button[type='submit']:hover,
button[type='reset']:hover, /* ☆ */
a[class*='btn']:hover, a[class*='btn']:active, a[class*='btn']:focus {background-color: #e6e6e6; }


/* 디자인 Button */
a[class*='btn'],
button[class*='btn'],
.btn{position:relative; box-sizing:border-box;max-width:100%; border-radius:2px; text-align:center; font-size:1rem;  border-color: rgba(0,0,0,0.2); background-color:#fff;transition:.2s ease-out;}

/*
.btn.btn01{background-color:#0c3681;color:#fff;}
.btn.btn01:active, .btn.btn01:focus, .btn.btn01:hover {color: #fff; background-color:#0a2963; }
.btn.btn02{color:#0c3681; background-color: #fff; border-color: #0c3681;}
.btn.btn02:active, .btn.btn02:focus, .btn.btn02:hover {background-color: #f0f4fb; }
.btn.btn03{color: #fff;  background-color: #5c6b7d; }
.btn.btn03:active, .btn.btn03:focus, .btn.btn03:hover {color: #fff; background-color: #5c6b7d; }
.btn.btn04{color: #fff;background-color: #9199ab;}
.btn.btn04:active, .btn.btn04:focus, .btn.btn04:hover {color: #fff; background-color: #7d8598; }
.btn.btn05{color: #bfbfbf;background-color: #f3f3f3;border-color: #b7b7b7;}
.btn.btn05:active, .btn.btn05:focus, .btn.btn05:hover {color: #fff; background-color: #7d8598; }
*/
button, input, select {font-family: inherit;}
a.btn_primary,
button.btn_primary,
a.btn_secondary,
button.btn_secondary,
a.btn_gray,
button.btn_gray,
a.btn_default,
button.btn_default {border-color: transparent; border-radius: 5px;}
a.btn_primary,
button.btn_primary {background-color: #197afb !important; color: #fff;}
a.btn_primary:hover,
button.btn_primary:hover {background-color: #126de7 !important;}
a.btn_secondary,
button.btn_secondary {background-color: #2d3192 !important; color: #fff;}
a.btn_secondary:hover,
button.btn_secondary:hover {background-color: #2d3192 !important;}
a.btn_gray,
button.btn_gray {background-color: #5c6b7d !important;color: #fff;}
a.btn_gray:hover,
button.btn_gray:hover {background-color: #536070 !important;}
a.btn_default,
button.btn_default {border: 1px solid #2d3192; color: #2d3192;}
a.btn_default:hover,
button.btn_default:hover {background-color: #fff;}
.font_secondary {color: #2d3192;}
.font_lnk {display: block;/* width: 100%; */color: #007bff;}
.font_lnk:hover {text-decoration: underline !important;}
.font_lnk2 {display: block;}
.font_lnk2:hover {text-decoration: underline !important;}

.btn.btn_lg{height:auto;padding:0.6rem 2rem; font-size: 1rem;line-height:normal;}
.btn.btn_sm{height:auto;padding: 0 .333rem;font-size: 0.85rem;line-height:normal;}
.btn.btn_wide {display: block; padding:0.8rem 0; width: 100%;}
.btn > i {margin: 0 5px 0 0;}


/* 버튼 */
.btn_wrap {display:block;position:relative;width:100%;padding:15px 0;text-align:center;box-sizing:border-box;margin: 1rem 0;overflow: hidden;}
.btn_wrap .btn {min-width: 110px;margin: 0 5px;padding: 8px 0;font-size: 14px;}
.btn_wrap .btnsm {min-width: 130px;}
.btn.btn_block {background: #0c3681;color: #fff;width: 100%;padding: 13px 0;border-radius: 0;margin-top: 15px;box-sizing: border-box;}
.btn_wrap > .left {float:left;}
.btn_wrap > .right {float:right;}
.btn_three .btn{min-width: 200px;}
.btn_law{font-size: 1em !important}
table .btn {height: 30px;line-height: 28px;font-size: 1em;padding: 0 12px;}

/* 모달팝업버튼 */
.Pstyle .btn_wrap {margin: 0 0 1.5rem;padding: 0 15px;box-sizing: border-box;}
/*.Pstyle .btn_wrap > .btn {padding: 9px 0 !important;margin: 0 6px !important;min-width: 240px;}*/

/* 검색조건 버튼 */
/*.filterForm .btn_wrap {text-align:center;border-top: 1px solid #e7e7e7;margin: 0;padding: 15px 0 0 0;}
.filterForm .btn_wrap > .btn {padding: 9px 0 !important;margin: 0 6px !important;max-width: 240px;}*/

/* 33px 높이 기본 폼 디자인과 함께있는 버튼  */
.form + .btn {height: 27px;padding: 0 16px;line-height: 25px;font-size: .9em;}


/* -------------------  탭 디자인 ------------------- */
/* 탭 _ 00.기본 박스 형태 */
.tab_00{padding:0 0 0 1px;border-top:1px solid #d7d7d7;overflow:hidden;}
.tab_00 > button,
.tab_01 > button {display: none;}
.tab_00 ul {margin:0;display: block;}
.tab_00 ul > li{float:left;width:100%;margin:0;padding:0;}
.tab_00 ul > li>a{text-align:center;display:block;min-height:1.333em;margin:-1px 0 0 -1px;padding:9px;border:1px solid #d7d7d7;background:#fff;color:#666;text-decoration:none !important;}
.tab_00 ul > li>a:hover,
.tab_00 ul > li>a:focus{background-color:#4496e8;border:1px solid #3287dd;color:#fff;}
.tab_00 ul > li.on>a{z-index:10;position:relative;border-color:#26a;background-color:#37b;color:#fff;font-weight:500;cursor:default;}

/* 탭 _ 01.인덱스 형태 */
.tab_01{position:relative;overflow: hidden;}
.tab_01 ul > li{float: left;width: 50%;margin-top: 3px;border: 1px solid #ccc;border-left: none;border-bottom: none;text-align: center;background: #ffffff;outline: none;height: 50px;line-height: 50px;box-sizing: border-box;}
.tab_01 ul > li:first-child { border-left:1px solid #ccc ; }
.tab_01.tab04 > li {width:25%;}
.tab_01.tab03 > li {width:33.333%;}
.tab_01 ul > li > a{display:block;padding: 0 30px;font-size: 16px;color: #aaaaaa;height: 100%;line-height: 48px;}
.tab_01 ul > li.on{font-weight: 400;margin-top: 0px;margin-left: -1px;border: 1px solid #0c3681;border-top-width: 4px;border-bottom-color: #fff;border-left-color: #0c3681;color: #0c3681;line-height: 37px;background: #fff;z-index: 20;position: relative;height: 53px;line-height: 50px;background: white;box-sizing: border-box;}
.tab_01 ul > li:hover > a { font-weight: 400; color:#0c3681}
.tab_01:after {display: block;clear: both;content: '';position: absolute;bottom: 0;height: 1px;background: #0c3681;width: 100%;}
.tab_01 ul > li.on, .tab_01 ul > li:first-child>button:focus { margin-left: 0;}
.tab_01 ul > li.on > a {color: #0c3681;}

[class*='tab_'] {margin: 0rem 0 2rem 0;}
[class*='tab_'] .tab-1 > li{width:100%;text-align:left;}
[class*='tab_'] .tab-2 > li{width:50%;}
[class*='tab_'] .tab-3 > li{width:33.33333%;}
[class*='tab_'] .tab-4 > li{width:25%;}
[class*='tab_'] .tab-5 > li{width:20%;}
[class*='tab_'] .tab-6 > li{width:16.66666%;}
[class*='tab_'] .tab-7 > li{width:14.28571%;}
[class*='tab_'] .tab-8 > li{width:12.5%;}
[class*='tab_'] .tab-9 > li{width:11.11111%;}
[class*='tab_'] .tab-10 > li{width:10%;}
[class*='tab_'] .tab-11 > li{width:9.09091%;}
[class*='tab_'] .tab-12 > li{width:8.33333%;}




/*----------------- 기본 form 디자인 -----------------*/
/*----------------- 기본 form 디자인 -----------------*/
/*----------------- 기본 form 디자인 -----------------*/
select{-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #fff url(../../img/common/dash_select2.png) no-repeat center right 6px;padding: 0 24px 0 10px;border: 1px solid #c7c7c9;height: 30px;font-size: 13px;}
select::-ms-expand { display: none; }
select.form,
input.form {height: 30px;display:inline-block;border: 1px solid #e0e0e0;border-radius:2px;vertical-align: top;background-color:#fff;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;margin: 0 1px;border-radius: 5px;}
input.form[type="radio"], input[type="checkbox"] {background:none; border:none;}
input.form[type="text"] {box-sizing:border-box;color:#303030;}
input.form[type='file']{height:auto;padding-top:.583em;padding-bottom:.583em; line-height:1.333;}
select.form {
  display:inline-block;
  border: 1px solid #ced4da;
  border-radius:2px;
  vertical-align: top;
  padding-right:24px !important;
  box-sizing:border-box;
  font-size:14px;
  color:#313131;
  text-align:left;
  letter-spacing:-1px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(../../img/common/dash_select2.png) no-repeat right 7px top 9px;
  }
select.form::-ms-expand { display: none; } /* ie10*/
select.form:disabled {background: #e9ecef url(../../img/common/dash_select2.png) no-repeat right 7px top 9px !important; }
input.form:hover, select.form:hover, textarea.form:hover {border-color:#686868}
input.form:disabled {background:#e9ecef!important }
input.form:disabled:hover { border: 1px solid #b8b8b8;}
textarea.form {width:100%;height:8em;line-height:1.333;font-size:14px;border-radius: 5px;border: 1px solid #e0e0e0;background-color: #fff;}
textarea.form.lg {height:16em !important;}
textarea.form.xlg {height:30em !important;}
textarea.form:disabled {background:#e9ecef!important }
.form:disabled, .form[readonly] { background-color: #e9ecef; opacity: 1;}
.form.won {padding-right:50px;}
.form + .chh {background: transparent;border: none;position: absolute;right: 25px;top: 0px;color: #0c3681;font-weight: 600;font-size: 0.9rem;height: 30px;line-height: 30px;padding: 0;}
.psrdInit {background: transparent;border: none;position: absolute;left:230px;top: 0px;color: #0c3681;font-weight: 600;font-size: 0.9rem;height: 30px;line-height: 30px;padding: 0;}
.form + .unit { line-height:33px; font-weight: 400;font-size: 0.9rem;color: #878787; margin:0 0 0 5px;}
.post .zipcode .form {/*width:50%; */float:  left; margin-right: 10px;}
.form_set {display:inline-block;vertical-align:middle;padding: 0 33px 0 0;position: relative;}
.form_set > input {float:left;width:100%;vertical-align: middle;margin: 0; border-radius:2px 0 0 2px !important; border-right:0 !important;}
.form_set > a {width: 33px;margin: 0 -33px 0 0;background: #ffffff;display:inline-block;/* height: 33px; */vertical-align: middle;float: right;text-align: center;font-size: 14px !important;overflow: hidden;color: #8f8f8f;border-radius: inherit;box-sizing: border-box;border: 1px solid #ced4da;position: absolute;right: 33px;top: 0;bottom: 0;}
.form_set > a:hover {background:#fafafa;}
.form_set > a:hover i {color:#333;}
.formform_set_group > a:hover {background: #f2f2f2;}
.form_set > a > i {/* margin: 9px 0 0 0; */display: inline-block;vertical-align: middle;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.form_set + .date_period {    padding: 0 0.5rem;}
.form + span {line-height: 33px;}

/*input, 버튼 통합하여 크기조정*/
input.form, .bod_head > .bod_search * > button, .form_set > a, select.form{height: 27px;padding: 0 9px;font-size: 14px;line-height: 1.1;border-color: #e0e0e0;border-radius: 5px;}

/* 폼 col 영역 */
.filterForm [class*="col-"] { padding-right: 15px; padding-left: 15px;}

[class*="col-"] p {margin:0;}
.col-1, .col-2, .col-3, .col-4, 
.col-5, .col-6, .col-7, .col-8,
.col-9, .col-10, .col-11, .col-12,
.col-auto {position: relative; width: 100%; min-height: 1px; box-sizing:border-box; }
@media (min-width: 1000px){ 
    .col-1  {-webkit-box-flex: 0; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%;max-width: 8.333333%; }
    .col-2  {-webkit-box-flex: 0;-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}
    .col-3  {-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
    .col-4  {-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
    .col-5  {-webkit-box-flex: 0;-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%;max-width: 41.666667%;}
    .col-6  {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .col-7  {-webkit-box-flex: 0;-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}
    .col-8  {-webkit-box-flex: 0;-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
    .col-9  {-webkit-box-flex: 0;-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
    .col-10 {-webkit-box-flex: 0;-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;}
    .col-11 {-webkit-box-flex: 0;-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%;}
    .col-12 {-webkit-box-flex: 0;-ms-flex: 0 0 100%;width: 100%;}
}




/*----------------- 회원가입 -----------------*/
/*----------------- 회원가입 -----------------*/
/*----------------- 회원가입 -----------------*/
.row {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;  margin-right: 0px; margin-left: 0px; margin-bottom: 1rem; }
.col-form-label {padding-top: calc(.375rem + 1px);padding-bottom: calc(.375rem + 1px);margin-bottom: 0;font-size: inherit;line-height: 1.5;padding-left: 0;padding-right: 0;font-weight: 400;}

.form-control {display: block;width: 100%; height:46px; padding: .375rem .75rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-sizing:border-box;}
.form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1;}

.form-control.won { padding-right: 50px;}
.form-control + .chh {background: transparent;border: none;position: absolute;right: 25px;top: 9px;color: #0c3681;font-weight: 600;font-size: 0.9rem;height: 30px;line-height: 30px;padding: 0;}
.form-control + .unit {position: absolute;right: 8px;top: 10px;font-weight: 400;font-size: 0.9rem;color: #878787;}

.form-text {display: block;margin-top: .25rem;font-size:0.9em;color: #6c757d!important; line-height: 1.6;}
.error-text {display:none; /*display: block;*/ margin-top: .25rem;font-size:0.9em;color: #ff0000!important; line-height: 1.6;}
.form-group {margin-bottom: 1rem; clear: both;}

.phone-number .form-control {margin-right:10px; max-width: calc((100% - 20px) / 3);}
.phone-number .form-control:last-child {margin-right:0px;}

.select02 .form-control {margin-right:10px; max-width: calc((100% - 10px) / 2);}
.select02 .form-control:last-child {margin-right:0px;}

#join{}
#agree .agree  { position: relative; padding: 0px 20px; margin: 2px 0 0 0;}
#agree .more { position: absolute; top: 0px; right: 20px;}

/* 주소 */
.post .zipcode {overflow:hidden;width: 100%;}
.post .zipcode .form-control {width:50%; float:  left; margin-right: 10px;}
.post .zipcode .chh {right: 0; padding: 0; margin: 0; position: relative;}
.post .form-check{margin-bottom: 5px;width: 100%;}
.post input {margin-top: 5px;}
.post input:nth-child(1) {margin-top:0}

#join input[type=password]:focus,
#join input[type=tel]:focus,
#join input[type=text]:focus,
#join input[type=email]:focus,
#join textarea:focus,
#join select:focus { border: 1px solid #0c3681; outline: none; box-shadow: none;}




/* ----------------- 컨텐츠내 규칙 ----------------- */
/* 타이틀 */
.title{background:url(../img/common/line_pattern.png) repeat;margin: 0 0 3rem;padding:4px 0;}
.title .title_box{background-color:#FFF;min-height:62px;padding: 2rem 1rem;text-align: center;font-size: 1.2rem;line-height: 1rem;position: relative;}
.title .title_box:after {content: '';display: block;width: 90px;height: 90px;background: #9d9d9d;position: absolute;top: 28px;left: 50%;border-radius: 50%;margin-left: -45px;display: none;}
.title .title_box p {margin: 0.8rem;}

/* 가이드 */
.guide{position:relative;min-height:0;margin: 1em 0 2em 0;border-radius:2px; background: url(../img/common/line_pattern.png) repeat;padding: 8px;}
.guide .guide_cont { background: #fff; box-sizing: border-box; padding: 1em 2em;}
.guide .guide_cont > ul {margin: 0.3rem 0 0 0;}
.guide .bell {/* color: #1d9fe2; */font-weight: 400;margin: 0;}
.bell i {color: #1d9fe2; margin:0 7px 0 0;}
.guide li {margin:0 !important;}
.guide ul.guide_top { border-bottom: 1px solid #e4e4e4; padding: 0 0 1rem 0; margin: 0.5rem 0 1rem 0 !important;}

.cont_box .tle_h4:first-child {margin-top: 0.5rem;}
h4.tle_h4 {position:relative;font-size: 1.5em;margin: 2.5rem 0 0.5rem 0;font-weight: 600;padding: 0 0 0 30px;clear: both;}
h4.tle_h4:after {content:'';display:block;width: 14px;height: 14px;background: #1c3eaa;position: absolute;top: 7px;left: 9px;border-radius: 50%;opacity: 1;}
h4.tle_h4:before {content:'';display:block;width: 14px;height: 14px;background: #7ad313;position: absolute;top: 7px;left: 0;border-radius: 50%;opacity: 0.8;}


/*----------------- 폼 -----------------*/
.filterBox{width: 100%;height: auto;overflow: hidden;border: 1px solid #d9d9d9;padding: 17px 35px;box-sizing: border-box;margin-bottom: 35px;background: #fff;box-shadow: 0px 3px 0px #f1f1f1;position: relative;min-height: 72px;}
.filterBox.filterB_oneR{padding: 8px 35px; min-height: 50px;}
.filterBox .btn{height: 30px;padding: 0 10px;}
.filterBox .filterForm{overflow: hidden;float: left;width: calc(100% - 110px);}
.filterBox .filterForm .row{float: left;position: relative;width: 100%;margin: 2px 0;align-items: center;}
.filterBox .filterForm .row-1  {width: 8.333333%; }
.filterBox .filterForm .row-2  {width: 16.666667%;}
.filterBox .filterForm .row-3  {width: 25%;}
.filterBox .filterForm .row-4  {width: 33.333333%;}
.filterBox .filterForm .row-5  {width: 41.666667%;}
.filterBox .filterForm .row-6  {width: 50%;}
.filterBox .filterForm .row-7  {width: 58.333333%;}
.filterBox .filterForm .row-8  {width: 66.666667%;}
.filterBox .filterForm .row-9  {width: 75%;}
.filterBox .filterForm .row-10 {width: 83.333333%;}
.filterBox .filterForm .row-11 {width: 91.666667%;}
.filterBox .filterForm .row-12 {width: 100%;}
.filterBox .filterForm dt{width: 110px;padding: 0 10px;font-weight: 400;box-sizing: border-box;float: left;font-weight: 600;line-height: 30px;}
.filterBox .filterForm dd{width: calc(100% - 110px);padding: 0 15px;color: #555;box-sizing: border-box;float: left;}
.filterBox .filterForm dt input[type="checkbox"]{margin: 0 5px;}
.filterBox .form {height: 30px;}
.filterBox .btn_wrap{float: left;width: 110px;text-align: center;margin: 0;padding: 0;}
.filterBox .btn_wrap .btn{margin: 1px 0;width: 95px;min-width: 95px;padding: 0;}
.filterBox.filterBoxWide{padding: 10px 0px;}
.filterBox.filterBoxWide .filterForm{width: 100%}
.filterBox.filterBoxWide .filterForm dt{width: 150px;}
.filterBox.filterBoxWide .filterForm dd{width: calc(100% - 150px)}
.filterBox.filterBoxWide .filterForm .filterForm_in{padding: 7px 35px;box-sizing: border-box;height: auto;overflow: hidden;}
.filterBox.filterBoxWide .btn_wrap{width: 100%;margin-top: 10px;}
.filterBox .more_wrap{float: left;clear: both;width: 100%;margin-top: 10px;border-top: 1px dashed #c7cac9;border-bottom: 1px dashed #c7cac9;padding: 15px 35px;box-sizing: border-box;background: #f9f9f9;}
.filterBox .pmWrap input{width: calc(50% - 8px);float: left;margin: 0;}
.filterBox .pmWrap .pm{width: 9px;height: 29px;background: url(../img/common/pm.png) no-repeat center;display: block;vertical-align: middle;float: left;margin: 0 3px;}
.filterBox.filterB_oneR02 .filterForm { width: calc(100% - 180px);}
.filterBox.filterB_oneR02 .btn_wrap {width: 180px;}
.filterBox.filterB_oneR02 .btn_wrap .btn {width:100%; }
/*단지정보*/
.filterBox.aptDetailBox .aptDetail{float: left;line-height:30px;}
.filterBox.aptDetailBox .aptDetail > strong{font-size: 20px;font-weight: 700;letter-spacing: 0;display: block;}
.filterBox.aptDetailBox .aptDetail > ul{line-height: 20px;}
.filterBox.aptDetailBox .aptDetail > ul li{float: left;margin-right: 15px;font-weight: 400;color: #313131;}
.filterBox.aptDetailBox .aptDetail > ul li:last-child{margin-right: 0;}
.filterBox.aptDetailBox .aptDetail > ul li:before{content: '';width: 2px;height: 2px;border-radius: 2px;background: #000;display: inline-block;vertical-align: middle;margin-right: 3px}
.filterBox.aptDetailBox .aptDetail > ul li b{font-weight: 600}
.filterBox.aptDetailBox .filterForm{position: absolute;right: 35px;top: 50%;transform: translateY(-50%);float: none;width: auto;}
.filterBox .term{position: relative;display: inline-block;width: 120px}
.filterBox .term i{position: absolute;right: 8px;top: 8px}
.filterBox .term input{padding-right: 25px}
.filterBox .subPdown{margin: 5px 0}

/*----------------- 체크박스&&라디오버튼 -----------------*/
.chk {display: inline-block;width: 96px;margin-right: 10px;}
.rad {display: inline-block;min-width: 96px;margin-right: 10px;}
.rad02 {display: inline-block;margin-right: 20px;}

/*모달팝업*/
.Pstyle {opacity: 0;display: none;position: relative;background-color: #fff;padding: 0;left: 20px;max-width: 95%;border-radius: 10px; overflow: hidden;box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, .13);}
.Pstyle_in {top: 15% !important;opacity: 0;display: none;position: relative;background-color: #fff;border: 5px solid #fff;padding: 0 20px 40px 20px;}
.Pstyle .pop_title {background: #197afb;color: #fff;}
.Pstyle .pop_title h5 {margin: 0;padding: 15px 0 15px 25px;font-size: 1.6em;font-weight: 600;line-height: 1.3;}
.Pstyle .pop_title .b-close {position: absolute;top: 18px;right: 25px;}
.Pstyle .pop_title .b-close:hover {opacity: 0.6;}
.Pstyle .pop_title .b-close i {color: #fff;font-size: 1.5em;}
.Pstyle .pop_content {padding:  20px 40px 40px;box-sizing: border-box;overflow: hidden;}
.Pstyle .pop_content > table {table-layout: fixed;}

/*모달팝업 커스텀*/
.Pstyle_C {position: absolute;background-color: #fff;padding: 0;border-radius: 10px;overflow: hidden;box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, .13);}
.Pstyle_C .pop_title {background: #197afb;color: #fff;}
.Pstyle_C .pop_title h5 {margin: 0;padding: 15px 0 15px 25px;font-size: 1.6em;font-weight: 600;line-height: 1.3;}
.Pstyle_C .pop_title .b-close {position: absolute;top: 18px;right: 25px;}
.Pstyle_C .pop_title .b-close:hover {opacity: 0.6;}
.Pstyle_C .pop_title .b-close i {color: #fff;font-size: 1.5em;}
.Pstyle_C .pop_content {padding:  20px 40px 40px;box-sizing: border-box;overflow: hidden;}
.Pstyle_C .pop_content > table {table-layout: fixed;}

.ui-draggable .ui-draggable-handle {cursor: grab;}
.ui-draggable-dragging .ui-draggable-handle {cursor: grabbing !important;}