#header_top, #container, .header_wrap{width:1340px; margin:0 auto}
#header_top, .header_wrap{max-width:1340px; width:100%}
#mainvisual, #header_nav{width:100%}
#container{margin-top:30px; position:relative}

/*######## header_top #########*/
#header_top {height:50px; padding-top:20px; overflow:hidden}
.h_logo {float:left; width:360px; height:50px}
.h_topmenu {float:right; height:50px}
.h_topmenu p {float:left; /*width:65px; height:50px;*/ padding-top:22px}
.h_topmenu a {font-size:11px; display:block; text-align:center; float:left; padding:0 5px}
.h_topmenu a:hover span, .h_topmenu a:focus span {text-decoration:underline}
.h_topmenu .bar {float:left; color:#aaa; padding-top:23px}
.h_topmenu span {display:inline-block;  margin:0 auto; color:#666; height:15px; line-height:15px; vertical-align:middle; background-repeat:no-repeat}
.h_topmenu a img {text-align:center; vertical-align:middle; padding-right:3px}

/*.join_new {background-image:url("/index/img/common_new_ico.gif"); padding-left:14px; background-position:0 45%}*/

/*######## header_nav #########*/
#header_nav{height:40px; background:#008bed}
#header_nav .head_nav{float:left}
#header_nav .head_nav li{float:left}
#header_nav .head_nav li a{color:#fff; font-size:14px; font-weight:600; line-height:40px; padding:0 5px 0 5px}
.head_nav_r{float:left; line-height:40px}

.head_nav_r a{font-size:14px; color:#fff}
.head_nav_r span{padding:0 2px}
.head_nav_r .bar{font-size:14px; padding:0 10px; color:#fff; line-height:30px}
.head_nav_l {float:right; margin-top:5px; margin-right:6px}
.head_nav_l a{color:#fff; border:2px solid #fff; padding:4px; display:inline-block}
.head_nav_l select {width:130px; height:22px; padding-bottom:2px; border:2px solid #fff; background-color:#008bed; color:#fff; line-height:22px; margin-top:9px; font-size:12px}
#header_nav .head_nav:after, #header_nav:after {content:""; display:block; clear:both}

/* 좌측 롤링배너 */
/* Dots */
.slick-dotted.slick-slider{margin-bottom: 30px}
.slick-dots{position:absolute; bottom:0; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center; z-index:99999}
.slick-dots li{position:relative; display:inline-block; width:20px; height:20px; margin:0 5px; padding:0; cursor:pointer}
.slick-dots li button{font-size:0; line-height:0; display:block; width:20px; height:20px; padding:5px; cursor:pointer; color:transparent; border:0; outline:none; background:transparent}
.slick-dots li button:hover,
.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{background:red}
.slick-dots li button:before{font-family:'slick'; line-height:20px; position:absolute; top:0; left:0; width:10px; height:10px; content:''; background:#eee; text-align:center; border-radius:50%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before{opacity:.75; background:red;}

/*
.auto_single .item img{width:289px; transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); transform: scale(1.2)}
.auto_single .slick-active .item img{-webkit-transform: scale(1); transform: scale(1)}
.auto_single .slick-list{overflow:hidden}
.auto_single .slick-slide{height:692px; overflow:hidden}
*/

.auto_single{display:block; margin:0 auto; position:relative; width:289px;}
.auto_single .slick-slide{height:692px; overflow:hidden;}
.auto_single img{bottom:0; top:0; left:0; right:0; position:absolute; width:100%; transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out; transform:scale(1.25, 1.25); -webkit-transform:scale(1.25, 1.25);}
.auto_single .slick-active .item img{transform:scale(1); -webkit-transform:scale(1);}

[data-slick]{display:block; position:relative; border:4px solid red; width:289px}
[data-slick] .slick-slide{height:692px; overflow:hidden}
[data-slick] img{bottom:0; top:0; left:0; right:0; position:absolute; width:100%; transition:all 500ms ease-in-out; transform:scale(1.25, 1.25)}
[data-slick] .slick-active img{transform:scale(1, 1)}

/* 타이틀 */
.content_title{font-weight:400; font-size:16px; letter-spacing:-0.5px; height:21px; padding:23px 0 19px 0}
.content_title .data{font-size:12px; color:#aaa; font-weight:700; display:inline-block; width:100px; text-align:right}
/* 미디어 홍보관 */
.main_media_box{height:324px}
/* .media_area li{float:left; width:calc(170px - -14px); position:relative}
.media_area li:last-child{width:calc(175px - 0px)} */
.media_area{height:262px}
.media_area div > a{display:block; width:176px; height:256px; position:absolute; top:0; right:0; left:0; z-index:99}
.media_area .media_pr_inn{width:170px; margin:auto}
.media_pr_inn .image_area{position:relative; overflow:hidden; width:170px}
.media_pr_inn .video_area:after{content:''; display: block; clear:both; width:15px; height:15px; position:absolute; bottom:4px; right:7px; background:url(http://www.drapt.com/img/new_video_icon.png) no-repeat center; background-size:15px}
.media_pr_inn .image_area img{width:100%; height:120px}
.media_pr_inn .image_area span{font-size:12px; color:#fff; text-align:center; display:block; width:175px; position:absolute; bottom:0; padding:3px 0; background:rgba(6, 6, 6, 0.58)}
.media_pr_inn .media_pr_inn{border:1px solid #ddd}
.media_pr_inn dl{text-align:left; padding:0}
.media_pr_inn dt{font-size:14px; font-weight:600; color:#222; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; margin:10px 0 5px; overflow:hidden; height:38px; max-height:38px; -webkit-box-orient:vertical}
.media_pr_inn dd{font-size:13px; color:#222; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; max-height:58px; overflow:hidden; margin-left:0}
.media_pr_inn dd p{font-size:12px}

/* 미디어 홍보관 슬라이드 버튼(next, prev) */
.slick-next, .slick-prev{font-size:1px; text-indent:-99999px; overflow:hidden; position:absolute; top:-26px; width:26px; height:26px; border:1px solid #aaa; border-radius:3px; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:#fff; -webkit-transition:background 0.3s; transition:background 0.3s; z-index:9}
.slick-next::after, .slick-prev::after{width:7px; height:7px; position:absolute; top:50%; margin-top:-5px; content:"12"; display:block; border:solid #555; border-width:0 2px 2px 0}
.slick-prev::after{-webkit-transform:rotate(135deg); transform:rotate(135deg); left:50%; margin-left:-3px}
.slick-next::after{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); right:50%; margin-right:-4px}
.slick-prev{right:36px !important}
.slick-next{right:7px !important}

/*  */
#content{border-top:1px solid #d6d6d6;}
.each_menu > li{position:relative; float:left; width:280px; height:692px; border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6}

.content_box .bnn_area_back{width:289px; padding:0 0}
li.area_guide{width:728px; position:relative; overflow:hidden; padding:0 20px}
.area_guide:after{content:''; display:block; clear:both; width:800px; height:1px; background:#d6d6d6; position:absolute; left:0; top:324px}

/* 분양뉴스 */
.saleNew_area{float:left; width:50%; height:369px; border-right:1px solid #d6d6d6}
.saleNew_area .cs_new_area{width:1340px; height:auto}
.saleNew_area .cs_area, .saleNew_area .new_area{float:left}
.saleNew_area .cs_area{width:289px}
.saleNew_area .new_area{width:1009px}
.saleNew_area .img_list li{height:calc(104px - 6px)}
.saleNew_area .img_list span{float:left; position:relative}
.saleNew_area .img_list .saleNimg_area:after{content:''; display: block; clear:both; width:20px; height:20px; position:absolute; bottom:5px; right:5px; background: url(http://www.drapt.com/img/new_video_icon.png) no-repeat center; background-size:20px}
.saleNew_area .img_list .saleNimg_area img{width:127px; height:80px}
.saleNew_area .img_list .txt_area{width:200px; margin-left:15px}
.saleNew_area .img_list .txt_area strong{font-size:18px; font-weight:600; line-height:1.2; display:block; margin:8px 0 3px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; max-height:42px}
.saleNew_area .img_list .txt_area span{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; margin-left:0; max-height:22px}
/* 동영상이 없을 경우 */
.saleNew_area .play_none .txt_area{width:340px; margin-left:0}
.saleNew_area .play_none .txt_area span{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-left:0; max-height:37px}

/* 부동산 생황백서 */
.main_whitepaper{width:342px; float:left; padding-left:20px}
.main_whitepaper .paper_list{display:block; margin:10px 0}
.main_whitepaper .paper_list a{font-size:14px; margin:4px 5px; display:block; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden}
.main_whitepaper .paper_list b{font-size:11px; color:#fff; text-align:center; width:15px; height:16px; line-height:16px; margin-right:5px; background:#666; display:inline-block}

/* 분양 캘린더 */
.weekly_calender{border-right:1px solid #d6d6d6}
.weekly_calender .bnn, .weekly_calender .calender_list, .weekly_calender .calender_link_area{padding:0 20px}
.weekly_calender ul{margin-bottom:10px; padding-bottom:10px !important; border-bottom:1px solid #d6d6d6}
.weekly_calender ul li{width:119px; height:87px; float:left; text-align:center; padding-top:8px}
.weekly_calender li b{display:block; font-size:30px}
.calender_link_area a{display:block; margin:auto; width:150px}
.calender_link_area a span{font-size:15px; line-height:1.2; display:inline-block; vertical-align:middle; margin:8px 0 0 5px}
.calender_link_area img{width:60px; float:left}

/* 노트 */
.weekly_calender .note{padding:0 20px; background:#f0f0f0; margin-top:20px; height:219px}
.note .note_img{float:left; margin:0 14px 8px 0; border:1px solid #bbb}
.note .note_title{font-size:15px; color:#008bed; font-weight:600; display:block; float:right; margin-bottom:5px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; overflow:hidden; -webkit-box-orient:vertical}
.note .note_sub{text-align:justify; display:block; line-height:1.3}
.note dl{position:relative}
.note .note_link{display:block; width:240px; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; box-sizing:border-box}

/* 고객센터 및 뉴스 */
.cs_news_area{width:1340px; height:auto}
/*.cs_news_area .news_area_inn div{width:724px}*/
.cs_news_area .sub_news_area_inn{padding:0 20px}
.cs_news_area .sub_news_area_inn div{width:238px}
.cs_news_area .cs_area, .cs_news_area .news_area{float:left; width:768px; height:239px}
.cs_news_area .sub_news_area{float:left; width:279px; height:239px; border-left:none; border-right:1px solid #d6d6d6}
.cs_news_area .news_area{border-right:1px solid #d6d6d6}
.cs_news_area .cs_area{width:289px}
.cs_news_area .cs_area .call_list{border-bottom:1px solid #d6d6d6; padding-bottom:12px; margin-bottom:12px; line-height:1.6}
.cs_news_area .call_list p{line-height:1.8}
.cs_news_area .call_list P:first-child{color:#008bed}
.cs_news_area .call_list P span{font-size:13px}
.cs_news_area li p.time_txt{clear:both}
.cs_news_area li p.time_area01{float:left}
.cs_news_area li p.time_area02{float:right}
.cs_news_area .cs_area_inn .tle_txt01{font-weight:600; display:inline-block; width:174px}
.cs_news_area .cs_area_inn .tle_txt02{font-weight:600; display:inline-block; width:40px}
.cs_news_area .cs_area_inn .tle_txt03{color:#555; display:block; margin-top:5px}
.cs_news_area .cs_area_inn .call_num{font-size:13px}
.cs_news_area .cs_area_inn, .cs_news_area .news_area_inn{padding:0 20px}
.cs_news_area .news_area_inn .main_big_new{float:left}
.cs_news_area .news_area_inn img{width:250px; height:155px; display:block}
.cs_news_area .news_area_inn .big_news_txt img, .cs_news_area .news_area_inn .big_news_txt span{display:block; float:left}
.cs_news_area .news_area_inn .big_news_txt{width:395px; float:right}
.cs_news_area .news_area_inn .big_news_tle{float:left; position:relative}
.cs_news_area .news_area_inn .big_news_txt span{width:450px; line-height:1.7; max-height:152px; margin-left:10px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:7; overflow:hidden; -webkit-box-orient:vertical}
.cs_news_area .mini_news_list{float:right; width:453px;}

/* 실거래가 베스트 리스트 */
.cs_news_area .mini_news_list p{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; overflow:hidden; -webkit-box-orient:vertical; margin-bottom:8px}
.cs_news_area .mini_news_list p a{font-weight:600; vertical-align:middle; display:inline-block; max-height:20px}

/* 오늘의 뉴스 리스트 */
.cs_news_area .news_area_inn .mini_news_list p{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; overflow:hidden; -webkit-box-orient:vertical; margin-bottom:12px}
.cs_news_area .news_area_inn .mini_news_list p a{font-size:15px; font-weight:600; vertical-align:middle; display:inline-block; max-height:20px}

.cs_news_area .mini_news_list .qua_icon1{font-size:10px; vertical-align:text-top; margin-right:5px; display:inline-block}
.cs_news_area .mini_news_list .qua_icon{font-size:11px; color:#fff; text-align:center; line-height:15px; vertical-align:text-top; margin-right:7px; display:inline-block; width:17px; height:17px; background:#FF6900}
.hdline_flick_mask{position:absolute; right:0; bottom:0; left:0; padding:10px 15px 11px; max-height:66px; box-sizing:border-box; display:-webkit-box}
.hdline_flick_mask:before{width:250px; position:absolute; top:0; right:0; bottom:0; left:0; background:#000; filter:alpha(opacity=50); opacity:0.5; content:''}
.hdline_flick_mask .hdline_flick_tit{font-size:15px; color:#fff; display:block; position:relative; letter-spacing:-1px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; overflow:hidden; -webkit-box-orient:vertical; max-height:49px}

/* 하단 배너 [4개] */
.bottom_bnn_inn{margin-top:20px}
.bottom_bnn_inn li{float:left; width:320px; margin-left:20px}
.bottom_bnn_inn li:first-child{margin-left:0}
.bottom_bnn_inn li a{display:block}
.bottom_bnn_inn li img{width:100%}

/* footer */
#footer {margin-top:30px; border-top:1px solid #d8d8d8; background:#fafafa}
#footer .information_area{color:#666; font-size:13px; position:relative; padding:30px 0; background:#fafafa; width:1280px; margin:0 auto}
#footer .company_sns{font-size:14px; position:absolute; top:27px; right:0}
#footer .company_sns .list_item{float:left; margin-left:10px}
#footer .company_sns .list_item:first-child{margin-left:0}
#footer .company_links{font-size:14px; padding-bottom:25px}
#footer .info_lists .list_item{float:left; padding-right:14px}
#footer .company_links.info_lists .list_item{padding-right:16px}
#footer .info_lists .list_item:before{width:1px; height:10px; display:inline-block; content:""; margin-top:-4px; margin-right:14px; background:#666; vertical-align:middle}
#footer .info_lists .list_item:first-child:before{display:none}
#footer .company_contact{padding-bottom:24px}
#footer .copyright, #footer .footer_logo{padding-top:10px}

/* 메인 팝업 */
.ad_pop_upN { border:1px solid #02204d; background:#003f9c; padding:1px 1px 0 1px; position:relative}
.ad_pop_upN img {border:1px solid #ffffff; margin:0 -1px 0 0; }
.ad_pop_upN p {text-align:right; background:url(/imgs/ad_popup_bg.gif); height:25px;}
.ad_pop_upN p img.l_btn { border:none ; margin:7px 5px 0 0}
.ad_pop_upN img.r_btn { position:absolute; right:-41px; top:-1px; border:none}

.pop_no01 { width:252px}
.pop_no02 { width:503px}
.pop_no03 { width:754px}
.pop_no04 { width:1004px}
.pop_no05 { width:1255px}

.privatebox{background-color:#f9f9f9; border:1px solid #e7e7e9; padding:10px;margin:6px 0;line-height:17px;}

/* 사이트맵 */
.sitemap{margin-top:20px}
.sitemap_inn{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:stretch; align-content:stretch; border:1px solid #d6d6d6; padding:20px; margin-top:20px;max-width:1340px; width:100%; margin:auto}
.sitemap_inn .menu_inn{width:20%;}
.sitemap_inn .menu_inn dl{padding:0 20px; margin-bottom:20px}
.sitemap_inn dl .topmenu a{font-size:18px; font-weight:800; color:#649fdc; display:block; border-bottom:3px solid #e4ebf9; padding-bottom:8px; margin-bottom:18px;}
.sitemap_inn dl .submenu a{font-size:13px; font-weight:400; color:#333; line-height:2; display:inline-block;}
.sitemap_inn dl .submenu .menu_title:before{content:''; display:inline-block; clear:both; width:5px; height:5px; border-radius:50%; background:#c9c7c7; vertical-align:middle; margin-right:10px; margin-bottom:4px}

/* 이벤트 페이지 */
#event_container{width:1340px; margin:auto; position:relative}
#event_container table{display:block; margin:20px auto}
#event_container input[type="text"]{border:1px solid #a2a2a2; width:240px}

/* media */
@media screen and (max-width:1370px){
  #header_top, .header_wrap{max-width:1060px; width:100%}
  #event_container{width:1060px}
  #container{width:1060px}
  li.area_guide{border-right:1px solid #d6d6d6}
  .each_menu > li.sale_calender{width:1058px; height:219px; position:relative; border-right:1px solid #d6d6d6}
  .weekly_calender{padding-left:292px}
  .weekly_calender .bnn, .weekly_calender .calender_list, .weekly_calender .calender_link_area{float:left}
  .weekly_calender .note{float:left; width:249px; position:absolute; left:0; top:0; margin-top:0; border-right:1px solid #d6d6d6}
  .weekly_calender .calender_link_area{margin-top:100px}
  .weekly_calender .calender_list{width:294px; border-bottom:none; padding:0; margin-top:65px; margin-bottom:0; border-right:1px solid #d6d6d6}
  .weekly_calender ul li{width:150px; height:52px; position:relative}
  .weekly_calender ul .mini_txt{width:130px}
  .weekly_calender li b{text-align:left}
  .weekly_calender li span{position:absolute; text-align:left; left:42px; top:12px}

  /* 뉴스 */
  .cs_news_area .news_area{width:778px}

  /* 고객센터 */
  .cs_news_area{width:1060px}
  .cs_news_inn{position:relative}
  .cs_news_area .cs_area{width:439px; height:190px; border-right:1px solid #d6d6d6; background:#fff; position:absolute; top:240px; z-index:999999}
  .cs_news_area .cs_area .call_list{border-bottom:none; padding-bottom:0; margin-bottom:0; float:left}
  .cs_news_area .cs_area li:last-child{float:right}
  .cs_news_area li p.time_area01{float:none}
  .cs_news_area li p.time_area02{float:none}

  /* 하단 배너영역 */
  .bottom_bnn_inn{margin-top:0; width:580px; height:190px; float:right; padding:0 20px}
  .bottom_bnn_inn li{width:280px; margin-top:17px}
  .bottom_bnn_inn .screen_m{margin-left:0}

  /* footer */
  #footer .information_area{width:1060px}
  #footer .info_lists.company_links .list_item a{font-size:12px}
  #footer .info_lists.company_links .list_item{padding-right:10px}
  #footer .copyright, #footer .footer_logo{padding-top:6px}

  /* 사이트맵 */
  .sitemap_inn{max-width:1060px; width:100%}
  .sitemap_inn .menu_inn{width:25%;}
}

@media screen and (max-width:1110px){
  #header_top, .header_wrap{max-width:1060px; width:100%}
  .sitemap_inn{max-width:990px; width:100%}
}


/* 2019.06.25 css 추가 */
.media_area .slick-initialized .slick-slide{height:235px; overflow:hidden}