@charset "utf-8"; @font-face { font-family: 'Helvetica'; src: url(/fonts/Helvetica-Light.ttf)format('truetype'), url(/fonts/Helvetica-Light.woff) format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Helvetica'; src: url(/fonts/Helvetica-Regular.ttf)format('truetype'), url(/fonts/Helvetica-Regular.woff) format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Helvetica'; src: url(/fonts/Helvetica-Medium.ttf)format('truetype'), url(/fonts/Helvetica-Medium.woff)format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Helvetica'; src: url(/fonts/Helvetica-Bold.ttf)format("truetype"), url(/fonts/Helvetica-Bold.woff) format('woff'); font-weight: 800; font-style: normal; } /******************** type22 ********************/ /* header */ body.type22 #header{position:relative; width:1180px; margin:0 auto;} body.type22 #header .con{position:relative; width:100%; height:150px; background:white;} body.type22 #header .con .topMulti{display:flex; align-items:center; height:100px; background:white;} body.type22 #header .con .topMulti .toplogo{ width:50%; margin-left:55px;} body.type22 #header .con .topMulti .top{width:50%; margin-top:35px;} body.type22 #header .con .topMulti .top .sangtop{float:right; margin-top:-40px; font-size:13px;} body.type22 #header .con .topMulti .top ul.util:after{content:''; display:block; clear:both} body.type22 #header .con .topMulti .top ul.util li{position:relative; float:left; color:black; padding-bottom:10px; padding-right:15px;} body.type22 #header .con .topMulti .top ul.util li a{display:inline-block; color:black; font-size:15px;} body.type22 #header .con .topMulti .top ul.util li a:hover{color:#848484; text-decoration:none} body.type22 #header .con .topMulti .top ul.util li:nth-child(4){padding-right:5px} body.type22 #header .con .topMulti .top ul.util li:last-child{padding:0 0 0 15px; background:none; padding-right:15px;} body.type22 #header .con > .inner{width:1180px; margin:0 auto;} body.type22 #header .con .gnb{position:relative; width:100%; height:90px; margin-top:-15px;} body.type22 #header .con .gnb:after{content:''; display:block; clear:both} body.type22 #header .con .gnb h1{float:left} body.type22 #header .con .gnb ul.nav{float:left; margin-left:46px; padding-top:25px;} body.type22 #header .con .gnb ul.nav.on{background:#fafafa} body.type22 #header .con .gnb ul.nav:after{content:''; display:block; clear:both} body.type22 #header .con .gnb nav > ul.nav > li {float:left; line-height:35px; margin-right:40px; position: relative; font-size:15px; font-weight:bold; padding:0 5px; width:80px; height:35px; text-align:center;} body.type22 #header .con .gnb nav > ul.nav > li ul{ width:100%; display:none; position: absolute; font-size:14px;} body.type22 #header .con .gnb nav > ul.nav > li ul li{white-space:nowrap;} body.type22 #header .con .gnb ul.util{float:right;margin-right:46px; padding-top:25px} body.type22 #header .con .gnb ul.util:after{content:''; display:block; clear:both} body.type22 #header .con .gnb ul.util li{position:relative; float:right; color:black; padding-bottom:10px; padding-right:15px;} body.type22 #header .con .gnb ul.util li a{display:block; color:black; font-size:15px; font-weight:bold; line-height:40px; padding:0 15px} body.type22 #header .con .gnb ul.util li a:hover{color:#848484; text-decoration:none} body.type22 #header .con .gnb ul.etc{position:absolute; right:-9px; top:25px} body.type22 #header .con .gnb ul.etc:after{content:''; display:block; clear:both} body.type22 #header .con .gnb ul.etc li{position:relative; float:left} body.type22 #header .con .gnb ul.etc li a{display:block; font-size:13px; color:#222; line-height:40px; padding:0 15px} body.type22 #header .con .gnb ul.etc li a:hover{color:#848484; text-decoration:none} body.type22 #header .con .gnb ul.etc li:after{position:absolute; left:0; top:12px; width:1px; height:16px; background:#e3e3ec; content:""} body.type22 #header .con .gnb ul.etc li:first-child:after, body.type22 #header .con .gnb ul.etc li:last-child:after{display:none} body.type22 #header .con .gnb ul.etc li:last-child{margin-left:7px} body.type22 #header .con .gnb ul.etc li a.btn_sitemap{display:block; width:40px; height:40px; background:url(/images/main/type08/ico_sitemap.png) center no-repeat; text-indent:-9999em} body.type22 #header .con .hanksearch{margin-top:25px; border:2px solid #848484; border-radius:20px; overflow:hidden; float:right} body.type22 #header .con .hanksearch:after{content:''; display:block; clear:both} body.type22 #header .con .hanksearch p{float:left; width:82px; font-size:14px; color:#848484; line-height:37px; background:#fff} body.type22 #header .con .hanksearch select{float:left; height:37px; border:0; border-left:1px solid #eee; border-right:1px solid #eee} body.type22 #header .con .hanksearch input[type=text]{float:left; width:100px; height:37px; line-height:37px; border:0; border-right:1px solid #eee} body.type22 #header .con .hanksearch input[type=submit]{float:left; width:45px; height:37px; background:url(/images/main/type04/ico_sch.png) 10px center no-repeat #fff; text-indent:-9999em} body.type22 #header .bottom ul.nav > li ul.sub{display: none; position:absolute; left:0; top:50px; width:1180px;} body.type22 #header .bottom ul.nav > li ul.sub:after{content:''; display:block; clear:both} body.type22 #header .bottom ul.nav > li ul.sub li{float:left} body.type22 #header .bottom ul.nav > li ul.sub li > a:nth-child(1){padding-left: 0px;} body.type22 #header .bottom ul.nav > li ul.sub li a{display:block; font-size:15px; line-height:55px;font-weight:400; color:black; padding:0 28px} body.type22 #header .bottom ul.nav > li ul.sub li a:hover{color:#d00f00; text-decoration:underline;} body.type22 #header .bottom ul.nav > li ul.sub li.on a{color:#d00f00;} /* container */ body.type22 #container{position:relative; width:100%; margin:auto 0} #container .main_tp22{width:100%} #container .main_tp22 .visual{position:relative; width:100%; height:300px; background-color: #21d6d1; margin:0 auto;} #container .main_tp22 .visual > .inner{position:relative; width:1180px; height:300px; background:url(/images/main/type22/main_banner.png); background-repeat:no-repeat; z-index:999; margin:0 auto;} #container .main_tp22 .visual > .inner > .hankmenubar{position:absolute; left:45px; top:0; background:#f2f2f2; display:none; z-index:9999;} #container .main_tp22 .visual > .inner > .hankmenubar.on{display: block;} #container .main_tp22 .visual > .inner > .hankmenubar > ul > li{padding-left:10px; padding-bottom:10px; font-size:15px; cursor: pointer;} #container .main_tp22 .visual > .inner > .hankmenubar > ul > li > a:hover{font-weight:bold; color:blue;} #container .sub .visual > .inner > .hankmenubar{position:absolute; left:45px; top:0; background:#f2f2f2; display:none; z-index:9999;} #container .sub .visual > .inner > .hankmenubar.on{display: block;} #container .sub .visual > .inner > .hankmenubar > ul > li{padding-left:10px; padding-bottom:10px; font-size:15px; cursor: pointer;} #container .sub .visual > .inner > .hankmenubar > ul > li > a:hover{font-weight:bold; color:blue;} #container .main_tp22 .visual .searchbox{position:absolute; left:100px; top:200px; width:auto; height:auto} #container .main_tp22 .visual .searchbox .hanksearch{margin-top:25px; overflow:hidden; float:left; margin-right:50px;} #container .main_tp22 .visual .hanksearch p{float:left; width:82px; font-size:14px; color:#848484; line-height:37px; background:#fff} #container .main_tp22 .visual .hanksearch select{float:left; height:37px; border:0; border-left:1px solid #eee; border-right:1px solid #eee} #container .main_tp22 .visual .hanksearch input[type=text]{float:left; width:100px; height:37px; line-height:37px; border:0; border-right:1px solid #eee} #container .main_tp22 .visual .hanksearch input[type=submit]{float:left; width:45px; height:37px; background:url(/images/main/type05/ico_search.png) 10px center no-repeat #fff; text-indent:-9999em} #container .main_tp22 .visual .searchbox .r{margin-top:25px;float:left} #container .main_tp22 .visual .r p{float:left; width:82px; font-size:14px; color:#848484; line-height:37px; background:#fff} #container .main_tp22 .visual .r select{float:left; height:37px; border:0; border-left:1px solid #eee; border-right:1px solid #eee} #container .main_tp22 .visual .r input[type=text]{float:left; width:100px; height:37px; line-height:37px; border:0; border-right:1px solid #eee} #container .main_tp22 .visual .r input[type=submit]{float:left; width:45px; height:37px; background:url(/images/main/type05/ico_search.png) 10px center no-repeat #fff; text-indent:-9999em} #container .main_tp22 .quick{position:relative; width:100%; height:150px; background-color:#f2f2f2; margin:0 auto;} #container .main_tp22 .quick > .inner{position:relative; width:1180px; height:150px; margin:0 auto;} #container .main_tp22 .quick > .inner > .innerbox{display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-start;padding-top:25px;} #container .main_tp22 .quick > .inner > .innerbox .info{display:flex; flex-direction: column; align-items: center; justify-content: center;width:180px; height:100px;font-size: 15px; font-weight:bold; cursor: pointer; background-color: #fff; text-align: left; position: relative;border-right: 1px solid #f2f2f2;} #container .main_tp22 .schedule{width:1180px; height:260px; margin:0 auto; padding-top:20px;} #container .main_tp22 .schedule ul.tab{width:100%; background:#f6f9fd;} #container .main_tp22 .schedule ul.tab:after{content:''; display:block; clear:both} #container .main_tp22 .schedule ul.tab li{position:relative; float:left; width:110px; height:36px; border-right:1px solid #d1e0f3} #container .main_tp22 .schedule ul.tab li a{position:absolute; left:-1px; top:-1px; display:block; width:111px; font-size:14px; font-weight:700; color:#4c4f54; line-height:36px; text-align:center} #container .main_tp22 .schedule ul.tab li a.on{border:1px solid #3b5083; background:#4a6296; color:#fff} #container .main_tp22 .schedule .con{position:relative; width:100%} #container .main_tp22 .schedule .con h2{font-weight:bold; padding-left:30px; font-size:20px;} #container .main_tp22 .schedule .con .cal{position:absolute; left:28px; top:24px; width:210px; margin-top:10px;} #container .main_tp22 .schedule .con .cal p.year{font-weight:800; color:#2a62c5; text-align:center; margin-bottom:10px} #container .main_tp22 .schedule .con .cal a.prev{position:absolute; left:43px; top:0; display:block; width:22px; height:22px; background:url(/images/main/type02/ico_schedule_prev.png) center no-repeat; text-indent:-9999em} #container .main_tp22 .schedule .con .cal a.next{position:absolute; right:43px; top:0; display:block; width:22px; height:22px; background:url(/images/main/type02/ico_schedule_next.png) center no-repeat; text-indent:-9999em} #container .main_tp22 .schedule .con .cal table{width:100%} #container .main_tp22 .schedule .con .cal table thead th{padding-bottom:1px} #container .main_tp22 .schedule .con .cal table th, #container .main_tp22 .schedule .con .cal table td{font-size:13px; line-height:20px; text-align:center} #container .main_tp22 .schedule .con .cal table th span{display:inline-block; width:28px; background:#f0f0f0} #container .main_tp22 .schedule .con .cal table td{padding:1px} #container .main_tp22 .schedule .con .cal table td a{display:inline-block; width:28px} #container .main_tp22 .schedule .con .cal table td a.on{background:#07173b; color:#fff; font-weight:800} #container .main_tp22 .schedule .con .cal table th:first-child{color:#ff0000} #container .main_tp22 .schedule .con .cal table th:last-child{color:#2a62c5} #container .main_tp22 .schedule .con .cal table td:first-child, #container .main_tp22 .schedule .con .cal table td:first-child a{color:#ff0000} #container .main_tp22 .schedule .con .cal table td:last-child, #container .main_tp22 .schedule .con .cal table td:last-child a{color:#2a62c5} #container .main_tp22 .schedule .con .list{display:none; position:absolute; left:264px; top:20px; width:645px} #container .main_tp22 .schedule .con .list.on{display:block} #container .main_tp22 .schedule .con .list h2{font-weight:800} #container .main_tp22 .schedule .con .list ul{width:100%; height:174px; border-top:1px solid #dcdce7; padding-top:8px; overflow-y:auto} #container .main_tp22 .schedule .con .list ul:after{content:''; display:block; clear:both} #container .main_tp22 .schedule .con .list ul li{float:left; width:20%} #container .main_tp22 .schedule .con .list ul li a{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:100%} #container .main_tp22 .content{position:relative; width:100%; margin:0 auto; padding-bottom:50px; z-index:100; margin-top:20px; background:#f2f2f2} #container .main_tp22 .content > .inner{position:relative; width:1180px; height:100%; margin:0 auto; background: white;} .atagcss{float:right; font-size:13px; font-weight:normal; color:#0040FF} /*최고 매각가 slide*/ #container .main_tp22 .content .maekakslide {position:relative; margin-top:35px; width:100%} #container .main_tp22 .content .maekakslide h2{float:left; font-size: 18px; font-weight:bold} #container .main_tp22 .content .maekakslide .swiper-container{width:100% ; overflow:hidden} #container .main_tp22 .content .maekakslide .swiper-slide{width:275px; height:345px; margin:0 10px} #container .main_tp22 .content .maekakslide .swiper-slide .box1{position:relative; width:100%; height:326px; margin:0 auto;} #container .main_tp22 .content .maekakslide .swiper-slide .box1 .img img{width:100%; height:200px} #container .main_tp22 .content .maekakslide .swiper-slide .box1 .info{position: relative;} #container .main_tp22 .content .maekakslide .swiper-slide .box1 .info p.maekaknum{width:100%; font-size:13px; font-weight: bold; margin-top:5px; text-align: left;} #container .main_tp22 .content .maekakslide .swiper-slide .box1 .info p.maekakaddr{width:100%; font-size:13px; font-weight: bold;} #container .main_tp22 .content .maekakslide .swiper-slide .box1 .info .datedif{position:absolute; right:0 ;top:5px; color:white; border:1px solid #f2f2f2; border-radius: 100%; background-color:#023eff; width:40px; height:40px; text-align:center; line-height:35px} #container .main_tp22 .content .maekakslide .swiper-slide .box1 .info .koobonsun{border:1px solid #f2f2f2; margin:5px;} #container .main_tp22 .content .maekakslide .swiper-slide .box1 .info p.maekakyongdo{width:100%; font-size:15px; font-weight: bold; margin-top:5px; color:#2382e1} #container .main_tp22 .content .maekakslide .swiper-slide .box1 .info p.maekakkam{font-weight: bold; font-size:13px;} #container .main_tp22 .content .maekakslide .swiper-slide .box1 .info p.maekakchoi{font-weight: bold; font-size:13px;} #container .main_tp22 .content .maekakslide .swiper-slide .box1 .info p.maekaknak{font-weight: bold; font-size:13px; color:red} #container .main_tp22 .content .maekakslide .swiper-slide .box1 a.view{position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999em} #container .main_tp22 .content .maekakslide .swiper-button-prev{left:-90px; top:53%; width:60px; height:60px; margin-top:-43px; background:url(/images/main/type21/btn_prev.png) no-repeat; border-radius:100%; box-shadow:0 5px 15px rgba(0,0,0,0.1)} #container .main_tp22 .content .maekakslide .swiper-button-next{right:-90px; top:53%; width:60px; height:60px; margin-top:-43px; background:url(/images/main/type21/btn_next.png) no-repeat; border-radius:100%; box-shadow:0 5px 15px rgba(0,0,0,0.1)} /*추천물건 slide*/ #container .main_tp22 .content .recommendmulkun {position:relative;width:100%; padding-top:25px; background:#f2f2f2;} #container .main_tp22 .content .recommendmulkun h2{float:left; font-size: 18px; font-weight:bold} #container .main_tp22 .content .recommendmulkun .swiper-container{width:100% ; overflow:hidden} #container .main_tp22 .content .recommendmulkun .swiper-slide{width:275px; height:345px; margin:0 10px} #container .main_tp22 .content .recommendmulkun .swiper-slide .box1{position:relative; width:100%; height:326px; margin:0 auto; border:8px solid white} #container .main_tp22 .content .recommendmulkun .swiper-slide .box1 .img img{width:100%; height:200px} #container .main_tp22 .content .recommendmulkun .swiper-slide .box1 .info{position: relative;} #container .main_tp22 .content .recommendmulkun .swiper-slide .box1 .info p.maekaknum{width:100%; font-size:13px; font-weight: bold; margin-top:5px; text-align: left;} #container .main_tp22 .content .recommendmulkun .swiper-slide .box1 .info p.maekakaddr{width:100%; font-size:17px;} #container .main_tp22 .content .recommendmulkun .swiper-slide .box1 .info .datedif{position:absolute; font-size:15px; right:0 ;top:5px; color:white; border:1px solid #f2f2f2; border-radius: 100%; background-color:#023eff; width:40px; height:40px; text-align:center; line-height:35px} #container .main_tp22 .content .recommendmulkun .swiper-slide .box1 .info .koobonsun{border:1px solid #f2f2f2; margin:5px;} #container .main_tp22 .content .recommendmulkun .swiper-slide .box1 .info p.maekakyongdo{width:100%; font-size:15px; font-weight: bold; margin-top:5px; color:#2382e1} #container .main_tp22 .content .recommendmulkun .swiper-slide .box1 .info p.maekakkam{font-size:13px;} #container .main_tp22 .content .recommendmulkun .swiper-slide .box1 .info p.maekakchoi{font-size:13px;} #container .main_tp22 .content .recommendmulkun .swiper-slide .box1 .info p.maekaknak{font-weight: bold; font-size:13px; color:red} #container .main_tp22 .content .recommendmulkun .swiper-slide .box1 a.view{position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999em} #container .main_tp22 .content .recommendmulkun .swiper-button-prevR{position:absolute;left:-90px; top:53%; width:60px; height:60px; margin-top:-43px; background:url(/images/main/type21/btn_prev.png) no-repeat; border-radius:100%; box-shadow:0 5px 15px rgba(0,0,0,0.1)} #container .main_tp22 .content .recommendmulkun .swiper-button-nextR{position:absolute;right:-90px; top:53%; width:60px; height:60px; margin-top:-43px; background:url(/images/main/type21/btn_next.png) no-repeat; border-radius:100%; box-shadow:0 5px 15px rgba(0,0,0,0.1)} /*2주 조회수 slide*/ #container .main_tp22 .content .week2slide {position:relative; width:100%; background:#f2f2f2; padding-top:10px;} #container .main_tp22 .content .week2slide h2{float:left; font-size: 18px; font-weight:bold} #container .main_tp22 .content .week2slide .swiper-container{width:100% ; overflow:hidden} #container .main_tp22 .content .week2slide .swiper-slide{width:275px; height:345px; margin:0 10px} #container .main_tp22 .content .week2slide .swiper-slide .box1{position:relative; width:100%; height:326px; margin:0 auto; border:8px solid white} #container .main_tp22 .content .week2slide .swiper-slide .box1 .img img{width:100%; height:200px} #container .main_tp22 .content .week2slide .swiper-slide .box1 .info{position: relative; } #container .main_tp22 .content .week2slide .swiper-slide .box1 .info p.maekaknum{width:100%; font-size:13px; font-weight: bold; margin-top:5px; text-align: left;} #container .main_tp22 .content .week2slide .swiper-slide .box1 .info p.maekakaddr{width:100%; font-size:17px; } #container .main_tp22 .content .week2slide .swiper-slide .box1 .info .datedif{position:absolute; right:0 ;font-size:15px;top:5px; color:white; border:1px solid #f2f2f2; border-radius: 100%; background-color:#023eff; width:40px; height:40px; text-align:center; line-height:35px} #container .main_tp22 .content .week2slide .swiper-slide .box1 .info .koobonsun{border:1px solid #f2f2f2; margin:5px;} #container .main_tp22 .content .week2slide .swiper-slide .box1 .info p.maekakyongdo{width:100%; font-size:15px; font-weight: bold; margin-top:5px; color:#2382e1} #container .main_tp22 .content .week2slide .swiper-slide .box1 .info p.maekakkam{font-weight: bold; font-size:13px;} #container .main_tp22 .content .week2slide .swiper-slide .box1 .info p.maekakchoi{font-weight: bold; font-size:13px;} #container .main_tp22 .content .week2slide .swiper-slide .box1 .info p.maekaknak{font-weight: bold; font-size:13px; color:red} #container .main_tp22 .content .week2slide .swiper-slide .box1 a.view{position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999em} #container .main_tp22 .content .week2slide .swiper-button-prevJ{position:absolute;left:-90px; top:53%; width:60px; height:60px; margin-top:-43px; background:url(/images/main/type21/btn_prev.png) no-repeat; border-radius:100%; box-shadow:0 5px 15px rgba(0,0,0,0.1)} #container .main_tp22 .content .week2slide .swiper-button-nextJ{position:absolute;right:-90px; top:53%; width:60px; height:60px; margin-top:-43px; background:url(/images/main/type21/btn_next.png) no-repeat; border-radius:100%; box-shadow:0 5px 15px rgba(0,0,0,0.1)} #container .main_tp22 .content2{position:relative; width:100%; margin:0 auto;} #container .main_tp22 .content2 > .inner2{position:relative; width:1180px; height:100%; margin:0 auto;} /*유튜브등록 slide*/ #container .main_tp22 .content2 .MainyoutubeC {position:relative; margin-top:35px; width:100%} #container .main_tp22 .content2 .MainyoutubeC .swiper-container{width:100% ; overflow:hidden} #container .main_tp22 .content2 .MainyoutubeC .swiper-slide{width:275px; height:345px; margin:0 10px} #container .main_tp22 .content2 .MainyoutubeC .swiper-slide .box1{position:relative; width:100%; height:326px; margin:0 auto;} #container .main_tp22 .content2 .MainyoutubeC .swiper-slide .box1 .img img{width:100%; height:200px} #container .main_tp22 .content2 .MainyoutubeC .swiper-slide .box1 .info{position:relative;} #container .main_tp22 .content2 .MainyoutubeC .swiper-slide .box1 .info p.coment{font-size:15px; font-weight: bold;} #container .main_tp22 .content2 .MainyoutubeC .swiper-slide .box1 .info p.youtubeaddr{width:100%; font-size:15px; font-weight: bold; margin-top:5px} #container .main_tp22 .content2 .MainyoutubeC .swiper-slide .box1 .info p.youtubeyongdo{width:100%; font-size:15px; font-weight: bold; margin-top:5px; color:#2382e1} #container .main_tp22 .content2 .MainyoutubeC .swiper-slide .box1 .info p.youtubekam{font-weight: bold; font-size:13px;} #container .main_tp22 .content2 .MainyoutubeC .swiper-slide .box1 .info p.youtubechoi{font-weight: bold; font-size:13px;} #container .main_tp22 .content2 .MainyoutubeC .swiper-slide .box1 a.view{position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999em} #container .main_tp22 .content2 .MainyoutubeC .swiper-button-prevC{position:absolute; left:-90px; top:50%; width:60px; height:60px; background:url(/images/main/type21/btn_prev.png) no-repeat; border-radius:100%; box-shadow:0 5px 15px rgba(0,0,0,0.1)} #container .main_tp22 .content2 .MainyoutubeC .swiper-button-nextC{position:absolute; right:-90px; top:50%; width:60px; height:60px; background:url(/images/main/type21/btn_next.png) no-repeat; border-radius:100%; box-shadow:0 5px 15px rgba(0,0,0,0.1)} /*커뮤니티*/ #container .main_tp22 .content2 .section2{width:100%; margin-top:40px} #container .main_tp22 .content2 .section2:after{content:''; display:block; clear:both} #container .main_tp22 .content2 .section2 .notice{float:left; width:460px} #container .main_tp22 .content2 .section2 .notice > .h_top h2{font-size:20px; font-weight:bold} #container .main_tp22 .content2 .section2 .community{float:right; width:460px} #container .main_tp22 .content2 .section2 .community > .h_top h2{font-size:20px; font-weight:bold} #container .main_tp22 .content2 .section2 ul.board{width:100%; border-top:1px solid #dcdce7; padding-top:18px} #container .main_tp22 .content2 .section2 ul.board li{width:100%; line-height:20px; margin-top:5px} #container .main_tp22 .content2 .section2 ul.board li:first-child{margin-top:0} #container .main_tp22 .content2 .section2 ul.board li:after{content:''; display:block; clear:both} #container .main_tp22 .content2 .section2 ul.board li a{float:left; display:inline-block; width:302px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden} #container .main_tp22 .content2 .section2 ul.board li p.ctg{float:left; width:58px; line-height:20px; color:#5b5b5b; text-align:center; background:#f8f8fc; border:1px solid #e3e3ec; margin-right:10px} #container .main_tp22 .content2 .section2 ul.board li p.ctg.red{color:#ff3535} #container .main_tp22 .content2 .section2 ul.board li p.date{float:left; width:90px; text-align:right} /*배너들*/ #container .main_tp22 .content2 .banner{text-align: center; margin:0 auto; height:200px } #container .main_tp22 .content2 .banner .bannerbox{float:left; width:295px;} /* footer */ body.type22 #footer{display:none} .footer .top{height:60px; background:#F2F2F2} .footer .top > div{position:relative; width:1180px; margin:0 auto} .footer .top .menu:after{content:''; display:block; clear:both} .footer .top .menu li{float:left; margin-right:30px} .footer .top .menu li a{font-size:15px; line-height:60px; color:black;} .footer .top .menu li:first-child{margin-right:70px} .footer .top .menu li:first-child a{color:black; font-weight:700;} .footer .top .btn_top{position:absolute; right:0; top:0; width:60px; height:60px; font-size:14px; font-weight:800; color:black; text-align:center; padding-top:30px; background:#F2F2F2} .footer .bottom{background:#F2F2F2; padding:35px 0 50px} .footer .bottom > div{position:relative; width:1180px; margin:0 auto; padding-left:195px} .footer .bottom .help{font-size:16px; color:black} .footer .bottom .help strong{font-size:24px; color:black; margin-left:10px} .footer .bottom .help .c{display:inline-block; font-size:14px; margin-top:5px} .footer .bottom .info{font-size:14px; line-height:24px; color:black; margin:30px 0 0} .footer .bottom .info .l{display:inline-block; color:black; margin:0 5px} .footer .bottom .info a{color:black} .footer .bottom .copy{font-size:14px; color:black; margin-top:15px} .footer .bottom .logo{position:absolute; left:0; top:0;} /* footer */ body.type22 #footer{display:none} .footer1 .top{height:60px; background:#949599} .footer1 .top > div{position:relative; width:1180px; margin:0 auto} .footer1 .bottom .menu:after{content:''; display:block; clear:both} .footer1 .bottom .menu {border-bottom: 1px solid #e2e2e2;} .footer1 .bottom .menu li{float:right; margin-right:15px} .footer1 .bottom .menu li a{font-size:15px; line-height:60px; color:#FFFFFF;} .footer1 .bottom .menu li:first-child{margin-right:70px} .footer1 .bottom .menu li:first-child a{color:#FFFFFF; font-weight:700;} .footer1 .bottom .btn_top{position:absolute; right:0; top:0; width:60px; height:60px; font-size:14px; font-weight:800; color:black; text-align:center; padding-top:30px; background:#F2F2F2} .footer1 .bottom{background:#949599; padding:35px 0 50px} .footer1 .bottom > div{position:relative; width:1180px; margin:0 auto; padding-left:195px} .footer1 .bottom .help{font-size:20px;font-weight:400;color:#FFFFFF;float:left;line-height: 52px;} .footer1 .bottom .help strong{font-size:24px; color:#FFFFFF; margin-left:10px} .footer1 .bottom .help .c{display:inline-block; font-size:14px; margin-top:5px} .footer1 .bottom .info{font-size:14px; line-height:24px; color:#FFFFFF; margin:30px 0 0} .footer1 .bottom .info .l{display:inline-block; color:#FFFFFF; margin:0 5px} .footer1 .bottom .info a{color:#FFFFFF} .footer1 .bottom .flogo{font-size: 25px;font-weight: bold; color:#FFFFFF; margin: 15px 0;} .footer1 .bottom .fcopy{font-size:14px; color:#FFFFFF; margin-top:0px; font-weight:100;} .footer1 .bottom .copy{font-size:14px; color:#FFFFFF; margin-top:5px} .footer1 .bottom .logo{position:absolute; left:0; top:0;} /* color1 */ .btn_s_blue{background:#848484} .btn_l_blue_r{background:#848484} .f_blue{color:#848484 !important} .pop_head ul.menu li a.link.on{background:#848484} .pop_head ul.menu li a.link_s.on{background:#848484} table.tbl_s tr.eps td.low p{color:#848484} table.tbl_s.cal td.today p.day{color:#848484; border-bottom:2px solid #848484} table.tbl_s.cal td.today .ico_today{background:#848484} table.tbl_s.cal td ul.list li a.item{color:#848484} table.tbl_s.cal td ul.list li .view p.sbj{color:#848484} #header .con .bottom ul.nav > li > a:hover{color:#848484} #header .con .bottom ul.nav > li > a span.l{background:#848484} #header .con .bottom ul.nav > li.on > a{color:#848484} #header .con .bottom ul.nav > li ul.sub li.on a{background:#848484} #container .h_top p.total strong{color:#848484} #container .join .type a.btn_join{background-color:#848484} #container .my .payment_type a.type1{background-color:#848484} #auction_view .content .header p.case{color:#848484} #auction_view .content .header .menu ul li a.on{background:#848484} #pop_view2 .header .menu ul li a.on{background:#848484} #map_view .header .top ul.btn li a.blue.on{border:1px solid #848484; background:#848484} #map_view .act_item.blue .info{border:1px solid #848484} #map_view .act_item.blue .info p.type{border-left:1px solid #848484; border-right:1px solid #848484} #map_view .act_item.blue .info p.price span{color:#848484} #map_view .act_item.blue .view{border:1px solid #848484} #map_view .act_item.blue .view .top p.case{border-left:1px solid #848484} /* color2 */ .btn_s_sky_line{color:#6E6E6E} .btn_s_sky_line:hover{color:#6E6E6E} .btn_s_sky{background:#6E6E6E} .btn_m_sky_r{background:#6E6E6E} .btn_m_sky{background:#6E6E6E} .btn_s_sky{background:#6E6E6E} .f_sky{color:#6E6E6E !important} .txt_box{color:#6E6E6E} .txt_box_fd{color:#6E6E6E} .act_option .tit_box{color:#6E6E6E} .tender ul.doc h3{color:#6E6E6E} .tender ul.env h3{color:#6E6E6E} .ui-datepicker .ui-datepicker-header{background:#6E6E6E} .star_rating a.on{color:#275dfe !important} table.tbl_s.cal td ul.list li .view{border:1px solid #6E6E6E} table.tbl_faq tr.on a.tit{color:#6E6E6E} table.tbl_faq tr.q.on th{color:#6E6E6E} table.tbl_lecture .grp .line:after{background:#6E6E6E} table.tbl_lecture .grp .line .start span{background:#6E6E6E} table.tbl_lecture .grp .line .start span:after{background:#6E6E6E} table.tbl_lecture .grp .line .end span{background:#6E6E6E} table.tbl_lecture .grp .line .end span:after{background:#6E6E6E} #container .main .quick .map .con li dl dd select{background-color:#6E6E6E} #container ul.search_box > li a.use{color:#6E6E6E} #container ul.search_box > li a.myfd{color:#6E6E6E} #container ul.search_box .tit_box{color:#6E6E6E} #container ul.search_box a.btn_more{background:#6E6E6E} #container .data .procedure1_dia ul.items li .n{background:#6E6E6E} #container .data .procedure2_dia ul.items li .n{background:#6E6E6E} #container .data ul.procedure_list li dt .n{background:#6E6E6E} #container .data ul.procedure_list li dd .txt_more strong{color:#6E6E6E} #container .data ul.procedure2_list li dt .n{background:#6E6E6E} #container .data .sch_con .list a.on{color:#6E6E6E} #container .data .s_mn ul li a.on{color:#6E6E6E} #container .my .payment_type a.type2{background-color:#6E6E6E} #container .my ul.pay_tab li a.on{background:#6E6E6E} #container .lecture .dscrt ul li .line:after{background:#6E6E6E} #container .lecture .dscrt ul li .line .start{background:#6E6E6E} #container .lecture .dscrt ul li .line .end{background:#6E6E6E} #auction_view .content .header a.interest{background-color:#6E6E6E} #auction_view .content .header a.bidding{background-color:#6E6E6E} #auction_view .content .header.on a.btn_court{color:#6E6E6E} #map_view .header .top ul.btn li a.sky.on{border:1px solid #6E6E6E; background:#6E6E6E} #map_view .act_item.sky .info{border:1px solid #6E6E6E} #map_view .act_item.sky .info p.type{border-left:1px solid #6E6E6E; border-right:1px solid #6E6E6E} #map_view .act_item.sky .info p.price span{color:#6E6E6E} #map_view .act_item.sky .view{border:1px solid #6E6E6E} #map_view .act_item.sky .view .top p.case{border-left:1px solid #6E6E6E} #sitemap .info .logo{color:#6E6E6E} #sitemap .info .user a.blue{background:#6E6E6E} #sitemap .info .help p.tel{color:#6E6E6E}