@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700&display=swap&subset=korean');
@font-face {
 font-family: 'NanumSquare';
 src: url(../fonts/NanumSquare.eot);
 src: url(../fonts/NanumSquare.eot?#iefix) format('embedded-opentype'),
      url(../fonts/NanumSquare.woff) format('woff'),
      url(../fonts/NanumSquare.ttf) format('truetype');
}

/* 공통 ============================================================================== */
#wrapper { width:100%; }

/* 컨텐츠 전체 ============================================================================== */
#contents_wrap { margin-top:60px; width:100%; overflow:hidden;}

/* 비주얼 영역 ============================================================================== */
.visual_area { position:absolute; left:0; top:60px; width:100%; position:relative; background:#f9f9f9; }

/* 배너영역 ============================================================================== */
.contents_box_bg { position:relative; overflow:hidden; background:#f1f2f7; z-index:2 }
.contents_box_wrap { margin:30px auto; width:96%; max-width:1270px; }
.main_bg_under { position:absolute; right:0; width:50%; margin-right:-655px; bottom:0; height:268px;
background:url('../images/main/main_bg_under.png') no-repeat }


/*****************************************************************************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/
.inner{width:90%; margin:0 auto; padding:20px 0}
.inner h2{font-size:22px; font-family: 'NanumSquare'; font-weight:600; margin-bottom:20px; color:#222}

/*시세정보*/
.price{max-width:640px; margin:0 auto; background:#0d2d84; padding:20px 20px 15px; box-shadow:0px 0px 5px #8b8b8b; margin-bottom:20px;
   box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -o-box-sizing:border-box;
}
.price h2{position:relative; color:#fff;}
.price h2 span{color:#fff; position:absolute; right:0; font-weight:400}
.price h3 {font-size:12px;line-height:14px;letter-spacing:-0.3px;color:#fff;padding-top:10px;font-weight:normal}
.price table{width:100% !important; border-collapse:collapse}
.price table th,
.price table td{font-size:13px; padding:8px 5px; border-right:1px solid #dddde9; border-bottom:1px solid #ddd; line-height:135%;
   box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -o-box-sizing:border-box;
}
.price table th{background:#f1f2f7; color:#0d2d84;}
.price table td{font-family:'Noto Sans KR'; color:#333; background:#fff; text-align:center; font-weight:400}
.price table th br,
.price table td br{display:none;}
.price table th:last-child,
.price table td:last-child{border-right:none;}

.price div.main_contents01_title01_s.info {padding-top: 10px; font-weight: normal;}
.price div.main_contents01_title01_s.info span {color: #f9f871;line-height: 1.5;display: inline-block;}
.price div.main_contents01_title01_s.info .goto {margin-left: 2px;display: inline-block;width: 0;height: 0;border-bottom: 5px solid transparent;border-top: 5px solid transparent;border-left: 7px solid #f9f871;border-right: 5px solid transparent;}


/*시세그래프*/
.graph{max-width:640px; margin:0 auto; background:#fff; padding:20px; box-shadow:0px 0px 5px #ddd; margin-bottom:20px;
   box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -o-box-sizing:border-box;
}
.graph div{border:1px solid #ddd;}
.graph div img{width:100%;}

/*포토뉴스*/
.photo_news{max-width:640px; margin:0 auto; background:#fff; padding:20px; box-shadow:0px 0px 5px #ddd; margin-bottom:20px;
   box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -o-box-sizing:border-box;
}
.photolist img{width:100%;}

/*퀵보드*/
.quick{max-width:640px; margin:0 auto}
.quick ul{overflow:hidden;}
.quick li{float:left; width:48.4%; background:#fff; box-shadow:0px 0px 5px #ddd; text-align:center; margin-right:3%; margin-bottom:3%;
   box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -o-box-sizing:border-box;
}
.quick li:nth-child(2n){margin-right:0;}
.quick li p{font-family:'Noto Sans KR'; font-weight:500; font-size:18px; color:#222; margin-bottom:25px;}
.quick li a{display:block; padding:30px 0;}

/*bottom_banner*/
.bottom_banner {max-width:640px; margin:0 auto;}
.bottom_banner ul{overflow:hidden;}
.bottom_banner ul li{
	float: left; width: 49%; box-shadow:0px 0px 5px #ddd;margin-right: 2%; margin-bottom:2%;
	box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -o-box-sizing:border-box;
   text-align: center;
}
.bottom_banner ul li:nth-child(2n) {margin-right:0;}
.bottom_banner ul li a {display:block;}
.bottom_banner ul li a img {max-width: 100%;}

/*하단배너롤링*/
.slideBanner {position: relative; width: 100%; max-width: 640px; margin: 0 auto; box-shadow: 0 3px 7px rgb(221 221 221 / 70%); padding: 10px 40px; background: #fff;}
.slideBanner div.slideDiv {margin: 0 10px;}
.slideBanner div.slideDiv a {display: block; text-align: center;}
.slideBanner div.slideDiv a img {max-width: 100%;}

.slideBanner .slick-arrow {position: absolute; top: 0; display: block; width: 40px; height: 100%; background: none; border: none; color:#bfbfbf; font-size: 0;  font-family: 'FontAwesome';}
.slideBanner .slick-arrow.slick-prev {left: 0;}
.slideBanner .slick-arrow.slick-prev::after {display: block; content: "\f104"; font-size: 28px;}
.slideBanner .slick-arrow.slick-next {right: 0;}
.slideBanner .slick-arrow.slick-next::after {display: block; content: "\f105"; font-size: 28px;}
.slideBanner .slick-arrow:hover {opacity: 0.8;}

/* 공지사항 ============================================================================== */
.contents_box01 { margin:0 auto; max-width:622px; }
.board_tab { overflow:hidden; }
.board_tab li { float:left; padding:0 17px; background:url('../images/main/board_line.gif') no-repeat right center; background-size:1px 11px }
.board_tab li:first-child { padding-left:7px; }
.board_tab li:last-child { background:none; }
.board_tab li a { display:inline-block; padding:2px 0; font-family:'Nanum Square-e'; font-size:18px; color:#b0b0b0;}
.board_tab li.active a { font-weight:bold; color:#000; }

.board_page { clear:both; position:relative; margin-top:10px; width:100%; max-width:622px; height:271px; box-shadow:0 3px 7px rgba(221, 221, 221, 0.7); 
padding:25px 20px; background:#fff}
.board_page li {position:relative}
.board_page.ntop li:first-child { padding-bottom:16px; margin-bottom:19px; border-bottom:1px solid #f0f0f0; }
.board_page.ntop li:first-child .board_con { overflow:hidden; width:100%; }
.board_page.ntop li:first-child a.subject{ width:100%; background:none; padding:0; font-size:16px; font-weight:bold; color:#000 }
.board_page.ntop li:first-child a.con { display:block; margin-top:8px; height:50px; line-height:21px; font-size:14px; color:#818181 }
.board_page.ntop li:first-child .date { display:block; position:static; font-size:14px; }

.board_page li a.subject:hover { color:#364989 }
.board_page li a.subject{ display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:top; 
background:url('../images/common/bullet_01.gif') no-repeat 0 50%; padding-left:10px; width:70%; margin-bottom:7px;  font-size:14px; color:#000 }
.board_page li .date {position:absolute; right:0; top:0; vertical-align:top; font-size:14px; color:#9e9e9e }
.board_page .more { position:absolute; top:-35px; right:0;}

@media (max-width:480px) {

.board_tab li:first-child { padding-left:0; }
.board_tab li { padding:0 10px; }
.board_tab li a { font-size:16px; }
.board_page.ntop li:first-child a.con { font-size:13px; }
.board_page li a.subject { font-size:13px; }
.board_page li .date { font-size:13px; }
}

/* POPUP ============================================================================== */
.contents_box02 { position:relative; margin:30px auto; width:100%; max-width:622px; }
.contents_box02 h3 { font-family:'Nanum Square-e'; padding-top:3px; font-size:20px; font-weight:bold; color:#000;}
.contents_box02 .slider { margin-top:19px; width:100%; height:272px; background:#fff url('../images/main/no_image.png') no-repeat center; 
box-shadow:0 3px 7px rgba(221, 221, 221, 0.7); }
.contents_box02 .slider img { width:100%; height:272px; }

@media (max-width:480px) {
.contents_box02 .slider { height:170px; background-size:20% auto}
.contents_box02 .slider img { height:170px; }
}

/* 고객센터 ============================================================================== */
.contents_box03 { margin:30px auto; width:100%; max-width:622px; height:220px; box-shadow:0 3px 7px rgba(221, 221, 221, 0.7); }
.contents_box03 .banner1 { display:block; width:100%; height:170px; padding:28px 27px; background:#1867a0 url('../images/main/customer_img.png') no-repeat right bottom;
background-size:100px 98px; } 
.contents_box03 .banner1 .tit { display:block; font-family:'Nanum Square'; font-size:20px; color:#fff; font-weight:bold;}
.contents_box03 .banner1 .tel { margin:15px 0 15px; letter-spacing:-1px; font-family:'Nanum Square-e'; font-size:30px; color:#fff; font-weight:bold;}
.contents_box03 .banner1 .time { margin-top:5px;font-family:'Nanum Square'; font-size:13px; line-height:18px; color:#abc6d9;}

.contents_box03 .banner2 { display:block; width:100%; height:50px; line-height:50px; background:#fff url('../images/main/go_icon_off.png') no-repeat 90% center;}
.contents_box03 .banner2 .tit { font-family:'Nanum Square-b'; font-size:16px; color:#124162; text-align:center; }
.contents_box03 .banner2:hover { background:#4685b3 url('../images/main/go_icon_on.png') no-repeat 90% center;}
.contents_box03 .banner2:hover .tit { color:#fff }

@media (max-width:480px) {

.contents_box03 .banner1 .tit { font-size:18px; }

}

/* 하단 퀵메뉴 ============================================================================== */
.contents_box04 { overflow:hidden; margin:30px auto; width:100%; max-width:622px; background:#fff; box-shadow:0 3px 7px rgba(221, 221, 221, 0.7); }
.contents_box04 a { float:left; display:block; border-right:1px solid #f0f0f0; width:50%; height:auto; padding:20px 0; }
.contents_box04 a:hover {opacity:0.8;}
.contents_box04 h3 { padding:20px 20px 10px; font-family:'Nanum Square-e'; font-size:20px; font-weight:bold; color:#000;}
.contents_box04 h4.tit { text-align:center; font-family:'Nanum Square-b'; font-size:16px; font-weight:bold; color:#3b4044; }
.contents_box04 h4.tit.pad { padding-top:10px; }
.contents_box04 .banner1,
.contents_box04 .banner2,
.contents_box04 .banner3,
.contents_box04 .banner4 { border-bottom:1px solid #f0f0f0; }
.contents_box04 .banner5 { margin-bottom:20px; }

.contents_box04 .img { display:block; width:100%; height:58px; margin-bottom:10px; }
.contents_box04 .banner1 .img { background:url('../images/main/q_banner1.png') no-repeat center; }
.contents_box04 .banner2 .img { background:url('../images/main/q_banner2.png') no-repeat center; }
.contents_box04 .banner3 .img { background:url('../images/main/q_banner3.png') no-repeat center; }
.contents_box04 .banner4 .img { background:url('../images/main/q_banner4.png') no-repeat center; }
.contents_box04 .banner5 .img { background:url('../images/main/q_banner5.png') no-repeat center; }
.contents_box04 .banner1 .img,
.contents_box04 .banner2 .img,
.contents_box04 .banner3 .img,
.contents_box04 .banner4 .img,
.contents_box04 .banner5 .img { background-size:auto 90%; }




@media (max-width:767px) {

.contents_box04 h4.tit { font-size:13px; }
.contents_box04 .img { height:50px; margin-bottom:5px; }

}

@media (max-width:480px) {

.contents_box04 a { padding:15px 0; }
.contents_box04 h3 { padding:20px 20px 0; font-size:18px; }
.contents_box04 h4.tit { line-height:18px; }
.contents_box04 h4.tit.pad { padding-top:0; }
.contents_box04 .banner5 { margin-bottom:10px; }
.contents_box04 .img { height:40px; }

}