@charset "utf-8";

#main_banner_wrap{max-width:var(--mainsize);margin:0 auto;padding:100px 0}
#main_banner_wrap .slide_wrap{width:50%}
#main_banner_wrap .slide_wrap li{width:100%;height:500px;background-position:center;background-size:cover}
#main_banner_wrap .slide_wrap .slide1{background:url(./img/main_banner_01.jpg)}
#main_banner_wrap .slide_wrap .slide2{background:url(./img/main_banner_02.jpg)}
#main_banner_wrap .slide_wrap .slide3{background:url(./img/main_banner_03.jpg)}

#tab_page .tab_cont{overflow:hidden;height:0;background:var(--dark)}
#tab_page .tabs{display:flex}
#tab_page .tabs_area{display:flex;align-items:center;justify-content:space-between}
#tab_page .tabs_area p{padding-right:50px;font-size:19px;font-weight:800;color:#111}
#tab_page .tabs_area p b{color:var(--primary)}
#tab_page .tabs_area p img{margin-left:7px;transform:translateY(-7px)}
#tab_page .wrap{display:flex}
#tab_page .wrap .go{position:relative;display:flex;align-items:center;justify-content:center;width:275px;height:80px;padding-top:8px;font-size:20px;font-weight:700;color:#fff;text-align:center;cursor:pointer;background-repeat:no-repeat;background-position:bottom !important}
#tab_page .tabs li+li{margin-left:-10px}
#tab_page .tabs li.n01.on{background-image:url(./img/tab01_on.png)}
#tab_page .tabs li.n02.on{z-index:101;background-image:url(./img/tab02_on.png)}
#tab_page .tabs li.n01{position:relative;z-index:10;color:#fff;background-image:url(./img/tab01.png)}
#tab_page .tabs li.n02{position:relative;z-index:9;background-image:url(./img/tab02.png)}
#tab_page .wrap li.n03{background-image:url(./img/tab03_w.png)}
#tab_page .wrap .n03 a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#fff} 
#tab_page .wrap .cls_link{margin-left:-10px}

#tab_page .tab_cont1 .main_wrap{gap:40px;padding:50px 80px}
#tab_page .tab_cont1 .m_txt{width:50%;text-align:center}
#tab_page .tab_cont1 .e_txt{font-size:14px;font-weight:500;color:#111;text-transform:uppercase}
#tab_page .tab_cont1 h1{margin-top:30px;font-size:70px;color:#111;white-space:pre-line;line-height:1;font-family:var(--k-point)}
#tab_page .tab_cont1 h1 b{color:var(--primary)}
#tab_page .tab_cont1 .main_ctl{display:flex;justify-content:center;gap:20px;font-size:16px;font-weight:600;color:#aaa}
#tab_page .tab_cont1 .main_ctl span{cursor:pointer}
#tab_page .tab_cont1 .main_ctl svg{width:20px}
#tab_page .tab_cont1 .main_ctl .pager{width:auto}
#tab_page .tab_cont1 .key{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:30px;font-size:20px;font-weight:600}
#tab_page .tab_cont1 .key a{display:block;padding:13px 30px;border-radius:50px;border:1px solid #e1e1e1;color:#aaa;transition:all .3s}
#tab_page .tab_cont1 .key a:hover{cursor:zoom-in;background:#eee}
#tab_page .main_wrap{display:flex;align-items:center;justify-content:space-between}
#tab_page .slide_wrap{overflow:hidden;width:50%;height:475px;border-radius:13px}

#tab_page .tab_cont2 .sub_wrap{padding:80px 0}
#tab_page .tab_cont2 .s_tit{margin-bottom:60px;text-align:center}
#tab_page .tab_cont2 .s_tit h2{font-size:36px;color:#111;font-family:var(--k-point)}
#tab_page .tab_cont2 .s_tit p{font-size:16px;font-weight:400;color:#777}

#tab_page .cls_slide{position:relative}
#tab_page .cls_slide li{display:flex;align-items:center;justify-content:center;gap:50px;opacity:.3;transition:all .3s}
#tab_page .cls_slide li.on{opacity:1}
#tab_page .cls_slide .cont{width:35%;color:#111}
#tab_page .cls_slide .img{position:relative;overflow:hidden;border-radius:20px}
#tab_page .cls_slide .img p{position:absolute;top:0;left:35px;padding:10px 20px;font-size:15px;font-weight:800;color:#fff;background:#333}
#tab_page .cls_slide .cont span{font-size:12px;font-weight:700;text-transform:uppercase}
#tab_page .cls_slide .cont p{margin:10px 0;font-size:20px;font-weight:700}
#tab_page .cls_slide .c_txt{font-size:15px;color:#777;word-break:keep-all}
#tab_page .cls_slide .link{display:flex;gap:10px;margin-top:20px}
#tab_page .cls_slide .link a{display:flex;padding:10px 30px;border:1px solid #e1e1e1;border-radius:50px;font-size:15px;font-weight:700;color:#111;background:#f2f2f2;transition:all .3s}
#tab_page .cls_slide .link a:hover{color:#fff;border:1px solid var(--primary);background:var(--primary)}
#tab_page .cls_slide .empty{height:315px}

#tab_page .cls_slide .arrow span{position:absolute;z-index:10;top:50%;display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:50px;color:#aaa;cursor:pointer;transform:translateY(-50%);background:#f2f2f2;transition:all .3s}
#tab_page .cls_slide .arrow .prev{left:15%}
#tab_page .cls_slide .arrow .next{right:15%}
#tab_page .cls_slide span:hover{color:#111}

#btmBox{display:grid;grid-template-columns:repeat(2,1fr);padding:20px 100px;border-radius:0 0 15px 15px;background:#333}
#btmBox p{font-size:16px;font-weight:600;color:#fff}
#btmBox>div{display:flex;gap:20px}
#btmBox .ver_slider{overflow:hidden;height:25px;margin:0}
#btmBox .ver_slider a{font-size:15px;font-weight:400;color:rgba(255,255,255,.5)}
#btmBox .ver_slider li{display:flex;align-items:center}
#btmBox .ver_slider .empty{font-size:15px;font-weight:400;color:rgba(255,255,255,.5)}

/* 시세현황 */
.main_wrap .m_txt>p{display:flex;align-items:center;justify-content:space-between;font-size:30px;font-weight:normal;color:#fff;font-family:var(--k-point)}
.main_wrap .m_txt>p span{padding:0 15px;border-radius:50px;font-size:16px;line-height:35px;font-weight:500;color:rgba(255,255,255,.8);font-family:var(--k-font);background-color:rgba(255,255,255,.2)}
.main_wrap .m_txt .price_tb table{overflow:hidden;width:100%;margin-top:15px;border-spacing:0;border-radius:15px;font-size:18px;font-weight:500;background-color:var(--dark2)}
.main_wrap .m_txt .price_tb table tr th{width:calc(100%/3);height:50px;color:var(--primary);background-color:#fff}
.main_wrap .m_txt .price_tb table tr th+th{border-left:1px solid rgba(000,000,000,.3)}
.main_wrap .m_txt .price_tb table tr th span{margin-left:8px;font-size:16px;color:#aaa}
.main_wrap .m_txt .price_tb table tr td{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.2);color:#fff}
.main_wrap .m_txt .price_tb table tr td+td{border-left:1px solid rgba(255,255,255,.2)}
.main_wrap .m_txt .price_tb table tr td:nth-child(1){font-weight:700;color:var(--primary)}
.main_wrap .m_txt .price_tb table tr td span{display:block;position:relative;margin-bottom:3px;font-size:14px;color:rgba(255,255,255,.6)}
.main_wrap .m_txt .price_tb table tr td span i{margin-right:5px}
.main_wrap .m_txt .price_tb table tr td i.zero_txt{position:absolute;bottom:0;width:9px;height:2px;margin-right:0;background-color:#e1b130}
.main_wrap .m_txt .price_tb table tr.last td{border-bottom:none}
.main_wrap .m_txt .price_tb .now_cost{width:100px;margin-left:10px;padding:3px;border:1px solid #e1e1e1;font-family:'notokr-medium'}
.main_wrap .edt_btn{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;font-size:14px}
.main_wrap .edt_btn span{color:#fff}
.main_wrap .edt_btn .main_btn{padding:5px 10px;border:none;border-radius:5px;font-size:14px;color:#fff;background-color:#333;font-family:var(--k-font)}