@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }


/* common */
html, body { margin: 0; width: 100%; height: 100%; position: relative;}
* {margin:0; padding:0; list-style:none; text-decoration:none; font-family: 'Noto Sans KR', sans-serif; font-size: 1rem; outline: none; -webkit-text-size-adjust: none;}
ul>li>a { text-decoration:none; }
a {color: inherit;}
table { border-collapse: collapse; }
.blind {position:absolute !important;visibility:hidden !important;top:0 !important;left:0 !important;height:0 !important;width:0 !important;font-size:0 !important;line-height:0 !important;overflow:hidden !important;}
fieldset {border:none;}
legend {display:none;}
caption {display:none;}
p, strong, span, em {letter-spacing: -0.03em;}
i {display: inline-block;}
em {font-style: normal;}
input {box-sizing: border-box; border: 1px solid #ddd; background-color: #fff; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type=text]::-ms-clear {display:none;}
button {box-sizing: border-box; border: 0; background-color: transparent; cursor: pointer;}
textarea {box-sizing: border-box; resize: none;}
select {-webkit-border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; box-sizing: border-box; cursor: pointer;}
select::-ms-expand {display: none;}

/* LAYOUT */
html.fix {position: fixed; left: 0; right: 0; overflow: hidden; max-width: 100%; margin: 0 auto;}
#A_Wrap {position: relative; width:100%; height:100%; min-width: 1180px;}
#A_Container_Wrap {width: 100%;}
#A_Container {margin: 0 auto; padding: 100px 0 0 0; clear:both; }

.inner {width: 1200px; margin: 0 auto;}


/* header */
#A_Header {position: fixed; top: 0; width: 100%; background-color: rgba(0,0,0,0.4); z-index: 50; transition: all 0.3s ease-in-out;}
#A_Header .inner {height: 80px;}
#A_Header .inner:after {display: block; clear: both; *zoom: 1; content: '';}
#A_Header .logo {float: left; padding: 26px 0 0 0;}
#A_Header .logo a {display: block; width: 150px; height: 28px; background: url(../images/common/logo.png) no-repeat 0 0; text-indent: -9999px; transition: all 0.3s ease-in-out;}
#A_Header .gnb {float: left; margin: 0 0 0 194px;}
#A_Header .gnb > li {position: relative; float: left; box-sizing: border-box; margin: 0 0 0 100px; text-align: left;}
#A_Header .gnb > li:first-child {margin: 0;}
#A_Header .gnb > li .gnb_tit {display: block; width: 100%; height: 80px; line-height: 80px;}
#A_Header .gnb > li .gnb_tit:before {visibility: hidden; opacity: 0; position: absolute; bottom: 0; left: 0; right: 0; width: 0; height: 3px; margin: 0 auto; background-color: #fff; content: ''; transition: all 0.3s ease-in-out;}
#A_Header .gnb > li .gnb_tit:hover:before {visibility: visible; opacity: 1; width: 100%;}
#A_Header .gnb > li .gnb_tit p {color: #fff; transition: all 0.3s ease-in-out;}
#A_Header .util {float: right; padding: 18px 0 0 0;}
#A_Header .util button {position: relative; float: left; margin: 0 0 0 30px; width: 45px; padding: 30px 0 0 0; font-size: 12px; font-weight: 500; color: #fff; background-repeat: no-repeat; background-position: center 0;}
#A_Header .util button:first-child {margin: 0;}
#A_Header .util .btn_interest {width: 52px; background-image: url(../images/common/ic_building.png);}
#A_Header .util .btn_interest .num {display: block; position: absolute; right: 0; bottom: 17px; width: 22px; height: 22px; line-height: 22px; font-style: normal; font-size: 10px; color: #fff; background-color: #364e9a; border-radius: 50%;}
#A_Header .util .btn_search {background-image: url(../images/common/ic_search.png);}
#A_Header .util .btn_search.open {background-image: url(../images/common/ic_close.png);}
#A_Header .util .btn_contact {width: 75px; background-image: url(../images/common/ic_contact.png);}

.search_wrap {border-top: 1px solid rgba(255,255,255,0.7);}
.search_wrap .inner {position: relative; height: 60px;}
.search_wrap .inner:after {display: block; clear: both; *zoom: 1; content: '';}
.search_wrap .inner .search_form {position: relative; float: left; width: 1040px;}
.search_wrap .search_form .select_box {float: left; width: 300px;}
.search_wrap .search_form .select_box .btn_select {display: block; box-sizing: border-box; width: 100%; height: 60px; line-height: 60px; padding: 0 19px; color: #fff; text-align: left; border-left: 1px solid rgba(255,255,255,0.7); border-right: 1px solid rgba(255,255,255,0.7);
  background: transparent url(../images/common/arrow_select.png) no-repeat 268px center;}
.search_wrap .search_form .select_box .btn_select i {display: inline-block; margin: 0 12px 0 0; width: 18px; height: 60px; background: url(../images/common/ic_loca.png) no-repeat 0 center; vertical-align: top;}
.search_wrap .search_form input {float: left; width: 680px; height: 60px; padding: 0 30px; color: #fff; border: 0; background-color: transparent;}
.search_wrap .search_form input::placeholder {color: rgba(255,255,255,0.7);}
.search_wrap .search_form input::-webkit-input-placeholder {color: rgba(255,255,255,0.7);;}
.search_wrap .search_form input::-moz-input-placeholder {color: rgba(255,255,255,0.7);;}
.search_wrap .search_form input:-ms-input-placeholder {color: rgba(255,255,255,0.7);;}
.search_wrap .search_form input:-moz-input-placeholder {color: rgba(255,255,255,0.7);;}
.search_wrap .search_form .btn_search_c {float: left; width: 60px; height: 60px; text-indent: -9999px; background: #364e9a url(../images/common/ic_search.png) no-repeat center center;}
.search_wrap .btn_filter {float: right; margin: 10px 20px 0 0; width: 120px; height: 40px; color: #fff; border: 1px solid #fff;}
.search_wrap .btn_filter i {display: inline-block; margin: 0 12px 0 0; width: 20px; height: 24px; background: url(../images/common/ic_filter.png) no-repeat 0 0; vertical-align: middle;}
.search_wrap .filter_box {display: none; position: absolute; top: 60px; box-sizing: border-box; background-color: rgba(0,0,0,0.8); z-index: 2;}
.search_wrap .filter_box select {height: 46px; padding: 0 40px 0 20px; color: #fff; background: rgba(0,0,0,0.5) url(../images/common/arrow_select.png) no-repeat 95%; border: 0;}
.search_wrap .filter_box .con_box:after {display: block; clear: both; *zoom: 1; content: '';}
.search_wrap .filter_box .btns {overflow: hidden; margin: 10px 0 0 0;}
.search_wrap .filter_box .btns button {float: left; margin: 0 0 0 10px; width: calc((100% - 10px)/2); height: 46px; color: #fff;}
.search_wrap .filter_box .btns button:first-child {margin: 0;}
.search_wrap .filter_box .btns .btn_ok {background-color: #345bd4; border: 1px solid #345bd4;}
.search_wrap .filter_box .btns .btn_reset {background-color: transparent; border: 1px solid rgba(255,255,255,0.5);}
.search_wrap .filter_area {left: 0; width: 600px;;}
.search_wrap .filter_area .filter_tab {border-bottom: 1px solid rgba(255,255,255,0.2);}
.search_wrap .filter_area .filter_tab:after {display: block; clear: both; *zoom: 1; content: '';}
.search_wrap .filter_area .filter_tab li {float: left; width: 50%;}
.search_wrap .filter_area .filter_tab li a {display: block; position: relative; width: 100%; height: 50px; line-height: 50px; font-size: 14px; color: rgba(255,255,255,0.3); text-align: center;}
.search_wrap .filter_area .filter_tab li.active a {color: #fff;}
.search_wrap .filter_area .filter_tab li.active a:before {display: block; position: absolute; bottom: -1px; left: 0; right: 0; width: 100%; height: 3px; background-color: #345bd4; content: '';}
.search_wrap .filter_area .tab_wrap {padding: 20px;}
.search_wrap .filter_area .tab_wrap .con_box select {float: left;}
.search_wrap .filter_area .con_box select {width: calc((100% - 20px)/3); margin: 0 0 0 10px;}
.search_wrap .filter_area .con_box select:first-child {margin: 0;}
.search_wrap .filter_rent {right: 0; width: 480px; padding: 20px;}
.search_wrap .filter_rent .con_box p {float: left; width: 80px; height: 46px; line-height: 46px; color: #fff;}
.search_wrap .filter_rent .con_box select {float: left; width: calc(100% - 80px);}

#A_Header .search_wrap {display: none;}
#A_Header .search_wrap .inner {height: 60px;}

/* header scroll */
#A_Header.on {background-color: #fff;}
#A_Header.on:before {display: block; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; background-color: #ddd; content: '';}
#A_Header.on .logo a {background-image: url(../images/common/logo_c.png);}
#A_Header.on .gnb > li .gnb_tit p {color: #333;}
#A_Header.on .gnb > li .gnb_tit:before {background-color: #345bd4;}
#A_Header.on .util button {color: #333;}
#A_Header.on .util .btn_interest {background-image: url(../images/common/ic_building_c.png);}
#A_Header.on .util .btn_search {background-image: url(../images/common/ic_search_c.png);}
#A_Header.on .util .btn_contact{background-image: url(../images/common/ic_contact_c.png);}
#A_Header.on .util .btn_search.open {background-image: url(../images/common/ic_close_c.png);}
#A_Header.on .search_wrap {border-top: 1px solid #ddd;}
#A_Header.on .search_wrap .search_form .select_box .btn_select {color: #333; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background-image: url(../images/common/arrow_select_c.png);}
#A_Header.on .search_wrap .search_form .select_box .btn_select i {background-image: url(../images/common/ic_loca_c.png);}
#A_Header.on .search_wrap .search_form input {color: #333;}
#A_Header.on .search_wrap .search_form input::placeholder {color: #999;}
#A_Header.on .search_wrap .search_form input::-webkit-input-placeholder {color: 999;}
#A_Header.on .search_wrap .search_form input::-moz-input-placeholder {color: 999;}
#A_Header.on .search_wrap .search_form input:-ms-input-placeholder {color: 999;}
#A_Header.on .search_wrap .search_form input:-moz-input-placeholder {color: 999;}
#A_Header.on .search_wrap .btn_filter {color: #333; border: 1px solid #333;}
#A_Header.on .search_wrap .btn_filter i {background-image: url(../images/common/ic_filter_c.png);}
#A_Header.on .search_wrap .filter_box {border: 1px solid #ddd; border-top: 0; background-color: #fff;}
#A_Header.on .search_wrap .filter_area .filter_tab {border-bottom: 1px solid #ddd;}
#A_Header.on .search_wrap .filter_area .filter_tab li a {color: #999;}
#A_Header.on .search_wrap .filter_area .filter_tab li.active a {color: #333;}
#A_Header.on .search_wrap .filter_box select {color: #333; background: #fff url(../images/common/arrow_select_c.png) no-repeat 95%; border: 1px solid #ddd;}
#A_Header.on .search_wrap .filter_box .btns .btn_reset {color: #999; border: 1px solid #ddd;}
#A_Header.on .search_wrap .filter_rent .con_box p {color: #333}




/* footer */
#A_Footer {width:100%; background-color: #333;}
#A_Footer .ft_links {border-bottom: 1px solid #444;}
#A_Footer .ft_links .inner:after {display: block; clear: both; *zoom: 1; content: '';}
#A_Footer .ft_links img {float: left; margin: 24.5px 0 0 0;}
#A_Footer .ft_links .terms_links {float: left; margin: 0 0 0 80px;}
#A_Footer .ft_links .terms_links > li {float: left; margin: 0 0 0 60px;}
#A_Footer .ft_links .terms_links > li:first-child {margin: 0;}
#A_Footer .ft_links .terms_links > li a {display: block; line-height: 70px; color: #666;}
#A_Footer .ft_links .btn_admin {float: right; margin: 18px 0 0 0; width: 120px; height: 36px; line-height: 36px; color: #666; text-align: center; border-radius: 18px; background-color: #444;}
#A_Footer .ft_txt {padding: 30px 0;}
#A_Footer .ft_txt p span {display: inline-block; position: relative; margin: 0 0 0 12px; padding: 0 0 0 12px; line-height: 24px; font-size: 14px; color: #666; vertical-align: top;}
#A_Footer .ft_txt p span:before {display: block; position: absolute; top: 6px; left: 0; width: 1px; height: 15px; background-color: #666; content: '';}
#A_Footer .ft_txt p span:first-child {margin: 0; padding: 0;}
#A_Footer .ft_txt p span:first-child:before {display: none;}
#A_Footer .ft_txt .copy {margin: 10px 0 0 0; font-size: 14px; color: #666;}

/* 팝업 공통 */
.popup {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 99;}
.popup .pop_wrap {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; box-sizing: border-box; width: 380px; margin: 0 auto; padding: 20px; background-color: #fff;}
.popup .pop_wrap .con_box {position: relative; padding: 30px 0;}
.popup .pop_wrap .con_box p {line-height: 1.6; color: #333; text-align: center;}
.popup .pop_wrap .pop_btns {overflow: hidden;}
.popup .pop_wrap .pop_btns button {float: left; height: 40px; margin: 0 0 0 10px;}
.popup .pop_wrap .pop_btns button:first-child {margin: 0;}
.popup .pop_wrap .pop_btns .btn_cancle {width: 110px; color: #999; background-color: #fff; border: 1px solid #999;}
.popup .pop_wrap .pop_btns .btn_go {width: 220px; color: #fff; background-color: #364e9a; border: 1px solid #364e9a;}
.popup .pop_wrap .btn_close {display: block; position: absolute; top: 20px; right: 20px; width: 15px; height: 15px; text-indent: -9999px; background: url(../images/sub/btn_close.png) no-repeat 0 0;}