@charset "utf-8";


/******************** type18 ********************/


/* header */
body.type18 #header{position:relative; width:100%; padding-top:4px; border-bottom:1px solid #e3e3ec}
body.type18 #header .con{position:relative; width:100%; height:145px; background:none}
body.type18 #header .con > .inner{width:1200px; margin:0 auto}
body.type18 #header .con .top{width:100%; height:50px}
body.type18 #header .con .top:after{content:''; display:block; clear:both}
body.type18 #header .con .top ul.etc{float:left}
body.type18 #header .con .top ul.etc:after{content:''; display:block; clear:both}
body.type18 #header .con .top ul.etc li{float:left; font-size:14px; color:#333; line-height:50px; margin-right:25px}
body.type18 #header .con .top ul.util{float:right}
body.type18 #header .con .top ul.util:after{content:''; display:block; clear:both}
body.type18 #header .con .top ul.util li{position:relative; float:left; color:#333; line-height:50px; padding:0 10px}
body.type18 #header .con .top ul.util li a{display:inline-block; font-size:14px; color:#333; line-height:50px}
body.type18 #header .con .top ul.util li a:hover{color:#333}
body.type18 #header .con .top ul.util li:last-child{padding:0 0 0 10px; background:none}
body.type18 #header .con .gnb{position:relative; width:100%; height:90px}
body.type18 #header .con .gnb:after{content:''; display:block; clear:both}
body.type18 #header .con .gnb h1{float:left;}
body.type18 #header .con .gnb ul.nav{float:left; margin-left:46px; padding-top:25px}
body.type18 #header .con .gnb ul.nav:after{content:''; display:block; clear:both}
body.type18 #header .con .gnb ul.nav li{float:left}
body.type18 #header .con .gnb ul.nav li:first-child{background:none}
body.type18 #header .con .gnb ul.nav li a{display:block; font-size:16px; color:#2c2616; font-weight:700; line-height:40px; padding:0 14px}
body.type18 #header .con .gnb ul.nav li a:hover{color:#2057d8; text-decoration:none}
body.type18 #header .con .gnb ul.etc{position:absolute; right:-9px; top:25px}
body.type18 #header .con .gnb ul.etc:after{content:''; display:block; clear:both}
body.type18 #header .con .gnb ul.etc li{position:relative; float:left}
body.type18 #header .con .gnb ul.etc li a{display:block; font-size:13px; color:#222; line-height:40px; padding:0 15px}
body.type18 #header .con .gnb ul.etc li a:hover{color:#3a8dfd; text-decoration:none}
body.type18 #header .con .gnb ul.etc li:after{position:absolute; left:0; top:12px; width:1px; height:16px; background:#e3e3ec; content:""}
body.type18 #header .con .gnb ul.etc li:first-child:after,
body.type18 #header .con .gnb ul.etc li:last-child:after{display:none}
body.type18 #header .con .gnb ul.etc li:last-child{margin-left:7px}
body.type18 #header .con .gnb ul.etc li a.btn_sitemap{display:block; width:40px; height:40px; background:url(/images/main/type05/ico_sitemap.png) center no-repeat; text-indent:-9999em}


/* container */
body.type18 #container{position:relative; width:100%; margin:0 auto 0}


#container .main_tp18{width:100%}
#container .main_tp18 .visual{width:100%; height:485px; background:url(/images/main/type14/visual.jpg) center no-repeat #4c99df}
#container .main_tp18 .visual > .inner{position:relative; width:1200px; height:100%; margin:0 auto}
#container .main_tp18 .visual .txt{position:absolute; left:0; top:55px}
#container .main_tp18 .visual .txt p{font-size:18px; color:#fff; font-weight:700}
#container .main_tp18 .visual .txt strong{display:block; font-size:40px; color:#fff; line-height:1; margin-top:15px}
#container .main_tp18 .visual .keyword{position:absolute; left:0; bottom:94px; width:100%; text-align:center}
#container .main_tp18 .visual .keyword ul{display:inline-block}
#container .main_tp18 .visual .keyword ul li{float:left}
#container .main_tp18 .visual .keyword ul li a{display:block; border-radius:20px; border:1px solid #fff; font-size:15px; color:#fff; line-height:40px; padding:0 15px; margin:0 5px}
#container .main_tp18 .visual .keyword ul li a:hover{background:#fff; color:#4c99df; text-decoration:none}
#container .main_tp18 .visual .search_box{position:absolute; left:715px; top:110px; width:566px; height:186px; background:rgba(255,255,255,0.5); border-radius:20px; padding:15px 30px 30px}
#container .main_tp18 .visual .search_box > strong{display:block; font-size:18px; font-weight:400; color:#fff; text-shadow:1px 1px rgba(0,0,0,0.35); margin-bottom:10px}
#container .main_tp18 .visual .search_box .s{width:100%; margin-bottom:8px}
#container .main_tp18 .visual .search_box .s:after{content:''; display:block; clear:both}
#container .main_tp18 .visual .search_box .s select[name=syear]{width:170px !important; margin-right:5px}
#container .main_tp18 .visual .search_box .s input[type=text]{width:284px !important; height:45px; border-radius:5px; overflow:hidden; font-size:15px; color:#222; border:0; padding-left:15px}
#container .main_tp18 .visual .search_box .r{width:459px; height:45px; background:#fff; border-radius:5px; overflow:hidden}
#container .main_tp18 .visual .search_box .r:after{content:''; display:block; clear:both}
#container .main_tp18 .visual .search_box .r p{float:left; width:63px; height:45px; font-size:15px; line-height:45px; padding-left:15px; color:#666}
#container .main_tp18 .visual .search_box .r select[name=sido1]{width:133px}
#container .main_tp18 .visual .search_box .r select[name=gugun1]{width:123px}
#container .main_tp18 .visual .search_box .r select[name=dong1]{width:133px}
#container .main_tp18 .visual .search_box select{float:left; width:auto; height:45px; line-height:45px; border:0; border-radius:5px; overflow:hidden; font-size:15px; color:#222; padding-left:15px}
#container .main_tp18 .visual .search_box input[type=submit]{position:absolute; right:-40px; top:40px; width:80px; height:80px; background:url(/images/main/type14/ico_search.png) center no-repeat #1a58bf; border-radius:5px; text-indent:-9999em; box-shadow:0 5px 5px rgba(0,0,0,0.25)}
#container .main_tp18 .content{position:relative; width:1200px; margin:0 auto; z-index:100}
#container .main_tp18 .quick{width:100%; height:131px; background:#fff; border-radius:10px; margin-top:-67px; box-shadow:0 6px 18px rgba(0,0,0,0.23); text-align:center}
#container .main_tp18 .quick ul{display:inline-block}
#container .main_tp18 .quick ul:after{content:''; display:block; clear:both}
#container .main_tp18 .quick ul li{float:left}
#container .main_tp18 .quick ul li a{display:block; width:auto; height:131px; padding:80px 33px 0; font-size:15px; font-weight:700}
#container .main_tp18 .quick ul li a:hover{text-decoration:none}

#container .main_tp18 .quick ul li a.search{background:url(/images/main/type14/quick_search.png) center 29px no-repeat}
#container .main_tp18 .quick ul li a.search:hover{background:url(/images/main/type14/quick_search_on.png) center 29px no-repeat}
#container .main_tp18 .quick ul li a.court{background:url(/images/main/type14/quick_court.png) center 28px no-repeat}
#container .main_tp18 .quick ul li a.court:hover{background:url(/images/main/type14/quick_court_on.png) center 28px no-repeat}
#container .main_tp18 .quick ul li a.map{background:url(/images/main/type14/quick_map.png) center 27px no-repeat}
#container .main_tp18 .quick ul li a.map:hover{background:url(/images/main/type14/quick_map_on.png) center 27px no-repeat}
#container .main_tp18 .quick ul li a.schedule{background:url(/images/main/type14/quick_schedule.png) center 30px no-repeat}
#container .main_tp18 .quick ul li a.schedule:hover{background:url(/images/main/type14/quick_schedule_on.png) center 30px no-repeat}
#container .main_tp18 .quick ul li a.car{background:url(/images/main/type14/quick_car.png) center 33px no-repeat}
#container .main_tp18 .quick ul li a.car:hover{background:url(/images/main/type14/quick_car_on.png) center 33px no-repeat}
#container .main_tp18 .quick ul li a.special{background:url(/images/main/type14/quick_special.png) center 27px no-repeat}
#container .main_tp18 .quick ul li a.special:hover{background:url(/images/main/type14/quick_special_on.png) center 27px no-repeat}
#container .main_tp18 .quick ul li a.dongsan{background:url(/images/main/type14/quick_dongsan.png) center 25px no-repeat}
#container .main_tp18 .quick ul li a.dongsan:hover{background:url(/images/main/type14/quick_dongsan_on.png) center 25px no-repeat}
#container .main_tp18 .quick ul li a.thema{background:url(/images/main/type14/quick_thema.png) center 25px no-repeat}
#container .main_tp18 .quick ul li a.thema:hover{background:url(/images/main/type14/quick_thema_on.png) center 25px no-repeat}

/*강서경매 아이콘 다르게*/
#container .main_tp18 .quick ul li a.search1{background:url(/images/main/type16/quick2.jpg) center 29px no-repeat}
#container .main_tp18 .quick ul li a.court1{background:url(/images/main/type16/quick3_.jpg) center 28px no-repeat}
#container .main_tp18 .quick ul li a.map1{background:url(/images/main/type16/quick5_.jpg) center 27px no-repeat}
#container .main_tp18 .quick ul li a.schedule1{background:url(/images/main/type16/quick4.jpg) center 30px no-repeat}
#container .main_tp18 .quick ul li a.car1{background:url(/images/main/type22/car_icon.png) center 33px no-repeat}
#container .main_tp18 .quick ul li a.special1{background:url(/images/main/type16/quick1_.jpg) center 27px no-repeat}
#container .main_tp18 .quick ul li a.dongsan1{background:url(/images/main/type14/quick_dongsan.png) center 25px no-repeat}
#container .main_tp18 .quick ul li a.thema1{background:url(/images/main/type14/quick_thema.png) center 25px no-repeat}



#container .main_tp18 .top_con{width:100%; margin-top:50px}
#container .main_tp18 .top_con:after{content:''; display:block; clear:both}
#container .main_tp18 .top_con .schedule{position:relative; float:left; width:268px; height:343px; background:#fff; overflow:hidden}
#container .main_tp18 .top_con .schedule .top{width:100%; border-top:1px solid #e5e5e5; padding-top:9px}
#container .main_tp18 .top_con .schedule .top:after{content:''; display:block; clear:both}
#container .main_tp18 .top_con .schedule .top h2{float:left; font-size:16px; color:#363533; font-weight:700; line-height:25px}
#container .main_tp18 .top_con .schedule .top ul.tab{float:right; width:auto; margin:0}
#container .main_tp18 .top_con .schedule .top ul.tab:after{content:''; display:block; clear:both}
#container .main_tp18 .top_con .schedule .top ul.tab li{float:left; margin-right:4px}
#container .main_tp18 .top_con .schedule .top ul.tab li a{display:block; width:41px; font-size:13px; line-height:25px; color:#8e8e8e; background:#fff; border-radius:2px; text-align:center; border:1px solid #8e8e8e}
#container .main_tp18 .top_con .schedule .top ul.tab li a.on{background:#3a8dfd; color:#fff; border-color:#3a8dfd}
#container .main_tp18 .top_con .schedule .top ul.tab li a.more{width:27px; text-indent:-9999em; background:url(/images/main/type14/ico_more.png) center no-repeat}
#container .main_tp18 .top_con .schedule > .cal{position:relative; width:100%; margin-top:17px}
#container .main_tp18 .top_con .schedule > .cal p.year{font-size:17px; font-weight:700; line-height:41px; color:#333; text-align:center}
#container .main_tp18 .top_con .schedule > .cal a.prev{position:absolute; left:0; top:0; display:block; width:17px; height:41px; background:url(/images/main/type14/ico_schedule_prev.png) center no-repeat; text-indent:-9999em}
#container .main_tp18 .top_con .schedule > .cal a.next{position:absolute; right:0; top:0; display:block; width:17px; height:41px; background:url(/images/main/type14/ico_schedule_next.png) center no-repeat; text-indent:-9999em}
#container .main_tp18 .top_con .schedule > .cal table{width:100%}
#container .main_tp18 .top_con .schedule > .cal table thead th{padding-bottom:0px}
#container .main_tp18 .top_con .schedule > .cal table th,
#container .main_tp18 .top_con .schedule > .cal table td{font-size:15px; line-height:40px; text-align:center; color:#333}
#container .main_tp18 .top_con .schedule > .cal table th{color:#95979a}
#container .main_tp18 .top_con .schedule > .cal table td a{display:inline-block; width:34px; line-height:34px; color:#333; font-weight:700}
#container .main_tp18 .top_con .schedule > .cal table td a.on{background:#f5f8fb; color:#6b82fb; font-weight:800; border-radius:100%; box-shadow:0 0 10px rgba(0,0,0,0.2)}
#container .main_tp18 .top_con .schedule > .cal table td:first-child,
#container .main_tp18 .top_con .schedule > .cal table td:last-child{color:#333}
#container .main_tp18 .top_con .schedule > .cal table td:first-child a,
#container .main_tp18 .top_con .schedule > .cal table td:last-child a{color:#333}
#container .main_tp18 .top_con .schedule .view{position:absolute; left:268px; top:0; width:100%; height:100%; background:url(/images/main/type14/schedule_view_bg.png) no-repeat; transition:left 0.5s ease; z-index:100}
#container .main_tp18 .top_con .schedule .view.on{left:0; transition:left 0.5s ease}
#container .main_tp18 .top_con .schedule .view a.close{position:absolute; right:0; top:0; display:block; width:30px; height:30px; text-indent:-9999em}
#container .main_tp18 .top_con .schedule .view a.prev{position:absolute; left:32px; top:30px; width:27px; height:27px; background:url(/images/main/ico_schedule_prev2.png) center no-repeat; text-indent:-9999em; z-index:10}
#container .main_tp18 .top_con .schedule .view a.next{position:absolute; right:32px; top:30px; width:27px; height:27px; background:url(/images/main/ico_schedule_next2.png) center no-repeat; text-indent:-9999em; z-index:10}
#container .main_tp18 .top_con .schedule .view .year{position:absolute; left:0; top:32px; width:100%; font-size:17px; color:#30343d; font-weight:700; text-align:center}
#container .main_tp18 .top_con .schedule .view .list{position:absolute; left:30px; top:80px; width:228px; height:264px; overflow-y:auto; overflow-x:hidden}
#container .main_tp18 .top_con .schedule .view .list ul{width:211px}
#container .main_tp18 .top_con .schedule .view .list ul:after{content:''; display:block; clear:both}
#container .main_tp18 .top_con .schedule .view .list ul li{float:left; width:50%}
#container .main_tp18 .top_con .schedule .view .list ul li a{display:block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:100%;}
#container .main_tp18 .top_con .special{float:left; width:288px; margin:0 34px 0 34px}
#container .main_tp18 .top_con .special ul{width:100%; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5}
#container .main_tp18 .top_con .special ul:after{content:''; display:block; clear:both}
#container .main_tp18 .top_con .special ul li{position:relative; float:left; width:50%; height:171px; text-align:center; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
#container .main_tp18 .top_con .special ul li:nth-child(1){background:url(/images/main/type05/special1.png) center 19px no-repeat}
#container .main_tp18 .top_con .special ul li:nth-child(2){background:url(/images/main/type05/special2.png) center 19px no-repeat}
#container .main_tp18 .top_con .special ul li:nth-child(3){background:url(/images/main/type05/special3.png) center 19px no-repeat}
#container .main_tp18 .top_con .special ul li:nth-child(4){background:url(/images/main/type05/special4.png) center 19px no-repeat}
#container .main_tp18 .top_con .special ul li a{position:absolute; left:0; top:0; display:block; width:100%; height:100%; font-size:15px; font-weight:700; padding-top:85px; z-index:10}
#container .main_tp18 .top_con .special ul li a:hover{text-decoration:none}
#container .main_tp18 .top_con .special ul li a:hover + p{text-decoration:underline}
#container .main_tp18 .top_con .special ul li p{position:absolute; left:0; bottom:15px; width:100%; font-size:13px; line-height:20px; color:#5b5b5b}
#container .main_tp18 .top_con .r_con{float:left; width:574px}
#container .main_tp18 .board{height:141px}
#container .main_tp18 .board .top{position:relative; width:100%}
#container .main_tp18 .board .top ul.tab{width:100%; height:44px; border-left:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0}
#container .main_tp18 .board .top ul.tab:after{content:''; display:block; clear:both}
#container .main_tp18 .board .top ul.tab li{float:left; border-right:1px solid #e0e0e0; border-top:1px solid #e0e0e0}
#container .main_tp18 .board .top ul.tab li a{display:block; height:44px; text-align:center; font-size:16px; line-height:43px; font-weight:700; color:#717171; background:#f8f8f8; border-bottom:1px solid #e0e0e0; padding:0 26px}
#container .main_tp18 .board .top ul.tab li a.on{background:#fff; color:#000; border-bottom:1px solid #fff}
#container .main_tp18 .board .top a.more{position:absolute; right:0; top:0; width:45px; height:45px; text-indent:-9999em; background:url(/images/main/type05/ico_more.png) center no-repeat #575757}
#container .main_tp18 .board ul.list{display:none; width:100%; padding-top:17px}
#container .main_tp18 .board ul.list.on{display:block;}
#container .main_tp18 .board ul.list li{width:100%; line-height:30px}
#container .main_tp18 .board ul.list li:first-child{margin-top:0}
#container .main_tp18 .board ul.list li:after{content:''; display:block; clear:both}
#container .main_tp18 .board ul.list li a{float:left; display:inline-block; width:414px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-left:10px}
#container .main_tp18 .board ul.list li p.ctg{position:relative; float:left; width:60px}
#container .main_tp18 .board ul.list li p.ctg:after{position:absolute; right:0; top:9px; width:1px; height:12px; background:#e9e9e9; content:""}
#container .main_tp18 .board ul.list li p.ctg.red{color:#ff3535}
#container .main_tp18 .board ul.list li p.date{float:left; width:100px; text-align:right}
#container .main_tp18 .theme{margin-top:29px}
#container .main_tp18 .theme h2{font-size:16px; font-weight:700; color:#000}
#container .main_tp18 .theme ol{width:100%; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; margin-top:11px}
#container .main_tp18 .theme ol:after{content:''; display:block; clear:both}
#container .main_tp18 .theme ol li{float:left; width:33.33333333%; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; line-height:39px; padding-left:14px}
#container .main_tp18 .theme ol li strong{display:inline-block; font-weight:800; color:#000}
#container .main_tp18 .theme ol li a{display:inline-block}
#container .main_tp18 .theme ol li:nth-child(1){background:url(/images/main/type05/theme1.jpg) no-repeat}
#container .main_tp18 .theme ol li:nth-child(2){background:url(/images/main/type05/theme2.jpg) no-repeat}
#container .main_tp18 .theme ol li:nth-child(3){background:url(/images/main/type05/theme3.jpg) no-repeat}
#container .main_tp18 .theme ol li:nth-child(-n+3){height:59px; line-height:20px; color:#fff; padding-top:9px}
#container .main_tp18 .theme ol li:nth-child(-n+3) a{display:block; color:#fff}
#container .main_tp18 .theme ol li:nth-child(-n+3) a strong{color:#fff}
#container .main_tp18 .recomm{margin-top:20px}
#container .main_tp18 .recomm .top{margin-bottom:14px}
#container .main_tp18 .recomm .top:after{content:''; display:block; clear:both}
#container .main_tp18 .recomm .top h2{float:left; font-size:18px; font-weight:700; color:#000; line-height:32px}
#container .main_tp18 .recomm .top ul.btn{float:right}
#container .main_tp18 .recomm .top ul.btn:after{content:''; display:block; clear:both}
#container .main_tp18 .recomm .top ul.btn li{float:left}
#container .main_tp18 .recomm .top ul.btn li:first-child{border-right:1px solid #808080}
#container .main_tp18 .recomm .top ul.btn li a{display:block; width:32px; height:32px; text-indent:-9999em}
#container .main_tp18 .recomm .top ul.btn li a.prev{background:url(/images/main/type14/btn_prev.png) no-repeat}
#container .main_tp18 .recomm .top ul.btn li a.next{background:url(/images/main/type14/btn_next.png) no-repeat}
#container .main_tp18 .recomm .swiper-slide{width:1230px; }
#container .main_tp18 .recomm .swiper-slide:after{content:''; display:block; clear:both}
#container .main_tp18 .recomm .swiper-slide li{position:relative; float:left; width:224px; height:232px; }
#container .main_tp18 .recomm .swiper-slide li:nth-child(-n+5){margin-top:0}
#container .main_tp18 .recomm .swiper-slide li .img{position:relative; width:224px; height:170px; border:1px solid #edf1f5; border-radius:5px; overflow:hidden}
#container .main_tp18 .recomm .swiper-slide li .img img{width:222px; height:168px}
#container .main_tp18 .recomm .swiper-slide li .info{padding:13px 0 0 0}
#container .main_tp18 .recomm .swiper-slide li .info p.addr{width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:15px; color:#000}
#container .main_tp18 .recomm .swiper-slide li .info .bottom{width:100%; margin-top:5px}
#container .main_tp18 .recomm .swiper-slide li .info .bottom:after{content:''; display:block; clear:both}
#container .main_tp18 .recomm .swiper-slide li .info .bottom p{float:left}
#container .main_tp18 .recomm .swiper-slide li .info .bottom p.emotional{margin-right:12px}
#container .main_tp18 .recomm .swiper-slide li a.view{display:block; position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999em; opacity:0.1}

#container .MainyoutubeC{width:100%;margin-top:40px;}
#container .MainyoutubeC h2{float:left; font-size: 18px; font-weight:bold}


/*5분조회 */

#container .minup5 {position:relative; margin-top:35px; width:100%}
#container .minup5 .minup5header h1{font-size:18px; font-weight:bold; line-height:40px; padding-left:10px}
#container .minup5 .swiper-container{width:100% ; overflow:hidden}
#container .minup5 .swiper-slide{width:275px; height:345px; margin:0 10px}
#container .minup5 .swiper-slide .box{position:relative; width:100%; height:326px; margin:0 auto; border-radius:15px; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.1); border:0}
#container .minup5 .swiper-slide .box .img img{width:100%; height:200px}
#container .minup5 .swiper-slide .box .info{text-align: center;}
#container .minup5 .swiper-slide .box .info p.minup5addr{width:100%; font-size:15px; font-weight: bold; margin-top:5px}
#container .minup5 .swiper-slide .box .info p.minup5yongdo{width:100%; font-size:15px; font-weight: bold; margin-top:5px; color:#2382e1}
#container .minup5 .swiper-slide .box .info p.minup5kam{font-weight: bold; font-size:13px;}
#container .minup5 .swiper-slide .box .info p.minup5choi{font-weight: bold; font-size:13px;}
#container .minup5 .swiper-slide .box .info p.minup5kumak{font-weight: bold; font-size:13px; color:red}
#container .minup5 .swiper-slide .box .info p.minup5inwon{font-weight: bold; font-size:13px; color:#4a6296}
#container .minup5 .swiper-slide .box a.view{position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999em}
#container .minup5 .swiper-button-prevU{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 .minup5 .swiper-button-nextU{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)}



/* youtube 최근등록 */

#container .MainyoutubeC {position:relative; margin-top:35px; width:100%}
#container .MainyoutubeC .swiper-container{width:100% ; overflow:hidden}
#container .MainyoutubeC .swiper-slide{width:280px; height:345px; margin:0 10px}
#container .MainyoutubeC .swiper-slide .box{position:relative; width:100%; height:326px; margin:0 auto; border-radius:15px; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.1); border:0}
#container .MainyoutubeC .swiper-slide .box .img img{width:100%; height:210px}
#container .MainyoutubeC .swiper-slide .box .info{text-align: center;}
#container .MainyoutubeC .swiper-slide .box .info p.youtubeaddr{width:100%; font-size:15px; font-weight: bold; margin-top:5px}
#container .MainyoutubeC .swiper-slide .box .info p.youtubeyongdo{width:100%; font-size:15px; font-weight: bold; margin-top:5px; color:#2382e1}
#container .MainyoutubeC .swiper-slide .box .info p.youtubekam{font-weight: bold; font-size:13px;}
#container .MainyoutubeC .swiper-slide .box .info p.youtubechoi{font-weight: bold; font-size:13px;}
#container .MainyoutubeC .swiper-slide .box a.view{position:absolute; left:0; top:0; width:100%; height:100%; text-indent:-9999em}
#container .MainyoutubeC .swiper-button-prevC{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 .MainyoutubeC .swiper-button-nextC{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_tp18  .content_full{margin-top: 50px;}
#container .main_tp18  .bottom_wrap{width:100%}
#container .main_tp18  .bottom_wrap:after{content:''; display:block; clear:both}
#container .main_tp18  .bottom_wrap .col1{float:left; width:630px}
#container .main_tp18  .bottom_wrap .col2{float:left; width:250px; margin-left:10px}
#container .main_tp18  .bottom_wrap .col3{float:left; width:240px; margin-left:70px}

#container .main_tp18  .bottom_wrap .board .top{position:relative; width:100%}
#container .main_tp18  .bottom_wrap .board .top ul.tab{width:100%; height:44px; border-left:1px solid #d9d9d9;}
#container .main_tp18  .bottom_wrap .board .top ul.tab:after{content:''; display:block; clear:both}
#container .main_tp18  .bottom_wrap .board .top ul.tab li{position:relative; float:left; width:125px; border-right:1px solid #d9d9d9; border-top:1px solid #d9d9d9}
#container .main_tp18  .bottom_wrap .board .top ul.tab li a{display:block; height:44px; text-align:center; font-size:14px; line-height:43px; font-weight:500; color:#999; background:#f6f6f6; border-bottom:1px solid #333}
#container .main_tp18  .bottom_wrap .board .top ul.tab li.on{border-top:1px solid #333; border-right:1px solid #333}
#container .main_tp18  .bottom_wrap .board .top ul.tab li.on:after{position:absolute; left:-1px; top:0; width:1px; height:100%; background:#333; content:""}
#container .main_tp18  .bottom_wrap .board .top ul.tab li.on a{background:#fff; color:#333; font-weight:700; border-bottom:1px solid #fff}
#container .main_tp18  .bottom_wrap .board .top a.more{position:absolute; right:0; top:0; width:71px; height:45px; color:#fff; line-height:45px; text-align:center; background:#666}
#container .main_tp18  .bottom_wrap .board .top a.more:after{content:url(/images/main/type21/ico_more.png); margin-left:5px}
#container .main_tp18  .bottom_wrap .board ul.list{display:none; width:100%; height:137px; padding-top:15px}
#container .main_tp18  .bottom_wrap .board ul.list.on{display:block;}
#container .main_tp18  .bottom_wrap .board ul.list li{width:100%; line-height:30px}
#container .main_tp18  .bottom_wrap .board ul.list li:first-child{margin-top:0}
#container .main_tp18  .bottom_wrap .board ul.list li:after{content:''; display:block; clear:both}
#container .main_tp18  .bottom_wrap .board ul.list li a{position:relative; float:left; display:inline-block; width:470px; font-size:14px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-left:10px}
#container .main_tp18  .bottom_wrap .board ul.list li a:before{position:absolute; left:0; top:50%; width:3px; height:3px; background:#999; margin-top:-1.5px; content:""}
#container .main_tp18  .bottom_wrap .board ul.list li p.date{float:left; width:100px; font-size:14px; line-height:30px; text-align:right; color:#666; padding-right:5px}
#container .main_tp18  .bottom_wrap .bannerzone{width:100%; margin-top:33px}
#container .main_tp18  .bottom_wrap .today_bannerzone{width:100%; margin:20px}
#container .main_tp18  .bottom_wrap .customer{width:100%; height:190px; background:url(/images/main/type21/customer.jpg) no-repeat; padding:25px}
#container .main_tp18  .bottom_wrap .customer strong{display:block; font-size:18px; line-height:24px}
#container .main_tp18  .bottom_wrap .customer em{display:block; font-size:24px; font-weight:700; color:#344bc1; margin:7px 0}
#container .main_tp18  .bottom_wrap .customer p{color:#666}
#container .main_tp18  .bottom_wrap .data{width:100%; border-top:1px solid #e5e5e5; border-right:1px solid #e5e5e5; margin-top:23px}
#container .main_tp18  .bottom_wrap .data:after{content:''; display:block; clear:both}
#container .main_tp18  .bottom_wrap .data li{float:left; width:50%; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5}
#container .main_tp18  .bottom_wrap .data li a{display:block; line-height:46px; padding-left:15px}




/* color1 */
.btn_s_blue{background:#2057d8}
.btn_l_blue_r{background:#2057d8}
.f_blue{color:#2057d8 !important}
.pop_head ul.menu li a.link.on{background:#2057d8}
.pop_head ul.menu li a.link_s.on{background:#2057d8}
table.tbl_s tr.eps td.low p{color:#222}
table.tbl_s.cal td.today p.day{color:#2057d8; border-bottom:2px solid #2057d8}
table.tbl_s.cal td.today .ico_today{background:#2057d8}
table.tbl_s.cal td ul.list li a.item{color:#2057d8}
table.tbl_s.cal td ul.list li .view p.sbj{color:#2057d8}
#header .con .bottom ul.nav > li > a:hover{color:#2057d8}
#header .con .bottom ul.nav > li > a span.l{background:#2057d8}
#header .con .bottom ul.nav > li.on > a{color:#2057d8}
#header .con .bottom ul.nav > li ul.sub li.on a{background:#2057d8}
#container .h_top p.total strong{color:#2057d8}
#container .join .type a.btn_join{background-color:#2057d8}
#container .my .payment_type a.type1{background-color:#2057d8}
#auction_view .content .header p.case{color:#2057d8}
#auction_view .content .header .menu ul li a.on{background:#2057d8}
#pop_view2 .header .menu ul li a.on{background:#2057d8}
#map_view .header .top ul.btn li a.blue.on{border:1px solid #2057d8; background:#2057d8}
#map_view .act_item.blue .info{border:1px solid #2057d8}
#map_view .act_item.blue .info p.type{border-left:1px solid #2057d8; border-right:1px solid #2057d8}
#map_view .act_item.blue .info p.price span{color:#2057d8}
#map_view .act_item.blue .view{border:1px solid #2057d8}
#map_view .act_item.blue .view .top p.case{border-left:1px solid #2057d8}



/* color2 */
.btn_s_sky_line{color:#3a8dfd}
.btn_s_sky_line:hover{color:#3a8dfd}
.btn_s_sky{background:#3a8dfd}
.btn_m_sky_r{background:#3a8dfd}
.btn_m_sky{background:#3a8dfd}
.btn_s_sky{background:#3a8dfd}
.f_sky{color:#3a8dfd !important}
.txt_box{color:#3a8dfd}
.txt_box_fd{color:#3a8dfd}
.act_option .tit_box{color:#3a8dfd}
.tender ul.doc h3{color:#3a8dfd}
.tender ul.env h3{color:#3a8dfd}
.ui-datepicker .ui-datepicker-header{background:#3a8dfd}
.star_rating a.on{color:#3a8dfd !important}
table.tbl_s.cal td ul.list li .view{border:1px solid #3a8dfd}
table.tbl_faq tr.on a.tit{color:#3a8dfd}
table.tbl_faq tr.q.on th{color:#3a8dfd}
table.tbl_lecture .grp .line:after{background:#3a8dfd}
table.tbl_lecture .grp .line .start span{background:#3a8dfd}
table.tbl_lecture .grp .line .start span:after{background:#3a8dfd}
table.tbl_lecture .grp .line .end span{background:#3a8dfd}
table.tbl_lecture .grp .line .end span:after{background:#3a8dfd}
#container .main .quick .map .con li dl dd select{background-color:#3a8dfd}
#container ul.search_box > li a.use{color:#3a8dfd}
#container ul.search_box > li a.myfd{color:#3a8dfd}
#container ul.search_box .tit_box{color:#3a8dfd}
#container ul.search_box a.btn_more{background:#3a8dfd}
#container .data .procedure1_dia ul.items li .n{background:#3a8dfd}
#container .data .procedure2_dia ul.items li .n{background:#3a8dfd}
#container .data ul.procedure_list li dt .n{background:#3a8dfd}
#container .data ul.procedure_list li dd .txt_more strong{color:#3a8dfd}
#container .data ul.procedure2_list li dt .n{background:#3a8dfd}
#container .data .sch_con .list a.on{color:#3a8dfd}
#container .data .s_mn ul li a.on{color:#3a8dfd}
#container .my .payment_type a.type2{background-color:#3a8dfd}
#container .my ul.pay_tab li a.on{background:#3a8dfd}
#container .lecture .dscrt ul li .line:after{background:#3a8dfd}
#container .lecture .dscrt ul li .line .start{background:#3a8dfd}
#container .lecture .dscrt ul li .line .end{background:#3a8dfd}
#auction_view .content .header a.interest{background-color:#3a8dfd}
#auction_view .content .header a.bidding{background-color:#3a8dfd}
#auction_view .content .header.on a.btn_court{color:#3a8dfd}
#map_view .header .top ul.btn li a.sky.on{border:1px solid #3a8dfd; background:#3a8dfd}
#map_view .act_item.sky .info{border:1px solid #3a8dfd}
#map_view .act_item.sky .info p.type{border-left:1px solid #3a8dfd; border-right:1px solid #3a8dfd}
#map_view .act_item.sky .info p.price span{color:#3a8dfd}
#map_view .act_item.sky .view{border:1px solid #3a8dfd}
#map_view .act_item.sky .view .top p.case{border-left:1px solid #3a8dfd}
#sitemap .info .logo{color:#3a8dfd}
#sitemap .info .user a.blue{background:#3a8dfd}
#sitemap .info .help p.tel{color:#3a8dfd}