@charset "utf-8"; 

.main_wrap{position:relative; width:100%}
.main_wrap .main_inner{max-width:1360px; min-width:1140px; width:96%; margin:50px auto; padding:0 20px}

/* 공시지가 열람 *****/
.search_quick_wrap{display:flex; justify-content:space-between; text-align:center}
.search_quick_wrap .quick_left_wrap{width:58.46%; padding:20px; background:#5a6be9; border-radius:20px}
.search_quick_wrap .quick_right_wrap{width:39.23%; padding:20px; background:#96cc56; border-radius:20px}
.search_quick_wrap h2{display:inline-block; position:relative; padding-left:90px; font-size:2.4rem; line-height:1.2em; font-weight:700; color:#fff; letter-spacing:-0.02em; vertical-align:top}
.search_quick_wrap h2::before{display:block; content:""; position:absolute; top:-50px; height:89px}
.search_quick_wrap .quick_left_wrap h2::before{left:-25px; width:132px; background:url(../images/main/quick_tit01.png) no-repeat}
.search_quick_wrap .quick_right_wrap h2::before{left:-15px; width:90px; background:url(../images/main/quick_tit02.png) no-repeat}

.search_quick_wrap .quick_list{display:flex; justify-content:space-between; margin-top:20px}
.search_quick_wrap .quick_list .quick_box{border-radius:10px; overflow:hidden}
.search_quick_wrap .quick_left_wrap .quick_box{width:32.63%; box-shadow:0 0 15px #4e5dca}
.search_quick_wrap .quick_left_wrap .quick_box02{width:65.27%}
.search_quick_wrap .quick_left_wrap .quick_box02 .quick_box_list{display:flex}
.search_quick_wrap .quick_left_wrap .quick_box02 .quick_box_list .quick_box_inner{position:relative; width:50%}
.search_quick_wrap .quick_left_wrap .quick_box02 .quick_box_list .quick_box_inner:first-child::after{display:block; content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:url(../images/main/search_box_line.png) no-repeat 0 100%}
.search_quick_wrap .quick_right_wrap .quick_box{width:47.97%; box-shadow:0 0 15px #91c653}

.search_quick_wrap .quick_cate{display:flex; justify-content:center; align-items:center; align-content:center; flex-wrap:wrap; height:60px; background:#e3eefd; color:#022222}
.search_quick_wrap .quick_cate .tit{font-size:2rem; line-height:20px; font-weight:700}
.search_quick_wrap .quick_cate .sub_tit{line-height:1em}

.search_quick_wrap .quick_list .quick_box_title{display:flex; justify-content:center; align-content:center; flex-wrap:wrap; height:168px; background:#fff; transition:background-color 0.3s}
.search_quick_wrap .quick_right_wrap .quick_list .quick_box_title{height:228px}
.search_quick_wrap .quick_left_wrap .quick_box_title:hover{background:#edf8ff}
.search_quick_wrap .quick_right_wrap .quick_box_title:hover{background:#fdffe8}
.search_quick_wrap .quick_list .quick_box_title img{width:62px}
.search_quick_wrap .quick_list .quick_box_title:hover img{margin:-7px 0 7px; transition:margin 0.3s}
.search_quick_wrap .quick_list .quick_box_title .tit_wrap{display:block; width:100%; margin:12px 0 0; text-align:center}
.search_quick_wrap .quick_list .quick_box_title h3{font-size:2rem; line-height:1.2em; font-weight:700; text-align:center}

.search_quick_wrap .quick_list .quick_box .btn_link_wrap{display:flex; justify-content:space-between; width:100%; background:url(../images/main/search_box_line.png) repeat-x 0 100%}
.search_quick_wrap .quick_right_wrap .quick_list .quick_box .btn_link_wrap{display:flex; justify-content:space-between; width:100%; background:url(../images/main/search_box_line_g.png) repeat-x 0 100%}
.search_quick_wrap .quick_list .quick_box .btn_link_wrap a{display:block; width:calc(50% - 0.5px); font-size:1.8rem; line-height:65px; font-weight:700}
.search_quick_wrap .quick_list .quick_box .btn_link_wrap a.width100{width:100%}
.search_quick_wrap .quick_left_wrap .quick_list .quick_box .btn_link_wrap a{background:linear-gradient(#98d2f4 65%, #6687f2 100%)}
.search_quick_wrap .quick_right_wrap .quick_list .quick_box .btn_link_wrap a{background:linear-gradient(#e4f07b 65%, #b4cc4d 90%, #98b631 100%)}
.search_quick_wrap .quick_list .quick_box .btn_link_wrap a:hover{background:linear-gradient(#de6a1c 36%, #e76002 70%, #c34c00 100%); color:#fff; transition:background-color 0.3s, color 0.2s}


.main_middle{display:flex; justify-content:space-between}

/* 공지사항 *****/
.main_notice{width:58.46%; background:#fff; border:1px solid #d2d2d2; border-radius:20px}
.main_notice .tab_nav{position:relative; width:100%; background:#f8f8fe; border-bottom:1px solid #d2d2d2; border-radius:20px 20px 0 0}
.main_notice .tab_nav ul{display:flex}
.main_notice .tab_nav ul li{display:block; width:35%; border-radius:20px 20px 0 0; font-size:2rem; line-height:58px; color:#9e9e9e; text-align:center; letter-spacing:-0.04em; cursor:pointer}
.main_notice .tab_nav ul li:hover{background:#dfdfe5; transition:background-color 0.3s}
.main_notice .tab_nav ul li.on{z-index:10; background:#333; font-weight:700; color:#fff}
.main_notice .tab_nav ul li a{display:block; width:100%}
.main_notice .tab_nav .notice_more{display:block; position:absolute; top:16px; right:16px; z-index:10; width:26px; height:26px; border-radius:50%; text-indent:-9999px}
.main_notice .tab_nav .notice_more::before{display:block; content:""; position:absolute; top:9px; left:12px; width:2px; height:8px; background:#333}
.main_notice .tab_nav .notice_more::after{display:block; content:""; position:absolute; top:12px; left:9px; width:8px; height:2px; background:#333}
.main_notice .tab_nav .notice_more:hover{background:#dfdfe5; transition:background-color 0.3s}
.main_notice .tab_content{display:none; padding:30px}
.main_notice .tab_content.on{display:block}
.main_notice .notice_main_list a{display:flex; justify-content:space-between; line-height:28px; font-weight:300; letter-spacing:-0.02em}
.main_notice .notice_main_list a:not(:first-child){margin-top:10px}
.main_notice .notice_main_list a span{display:block}
.main_notice .notice_main_list a .cate{display:inline-block; width:64px; margin-right:10px; background:#fee2b1; border-radius:16px; font-weight:500; color:#cf7c32; text-align:center}
.main_notice .notice_main_list a .cate01{background:#e7f1ca; color:#72901c}
.main_notice .notice_main_list a .cate02{background:#d5f0fc; color:#4386a3}
.main_notice .notice_main_list a .cate03{background:#f8e2fd; color:#b277c0}
.main_notice .notice_main_list a .tit{width:calc(100% - 130px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.main_notice .notice_main_list a:hover .tit{text-decoration:underline}
.main_notice .notice_main_list a .date{width:90px; text-align:right}


.right_area{width:39.23%}

/* 배너 슬라이드 *****/
.notice_slide{height:155px}
.main_notice_slide,
.main_notice_slide .notice_slide{position:relative}
.main_notice_slide .notice_slide .slick-list{border-radius:13px; overflow:hidden}
.main_notice_slide .notice_slide .slide_box_wrap{display:block !important; position:relative; height:155px; background-position:100% 50%}
.main_notice_slide .notice_slide .slide_text_wrap{display:flex; flex-direction:column; justify-content:center; flex-wrap:wrap; position:absolute; top:0; left:5%; width:calc(100% - 60px); height:100%}
.main_notice_slide .notice_slide .slide_text_wrap .text{color:#fff}
.main_notice_slide .notice_slide .slide_text_wrap .text .sky{font-size:1.8rem; line-height:1.3em; font-weight:300; color:#00ffff}
.main_notice_slide .notice_slide .slide_text_wrap .text .tit{font-size:2.2rem; line-height:1.3em; font-weight:500}
.main_notice_slide .notice_slide .slide_text_wrap .text .info{font-size:1.4rem; line-height:1.3em; color:#d9d9d9}
.main_notice_slide .notice_slide .slide_text_wrap .btn_wrap{display:flex; margin-top:.5em}
.main_notice_slide .notice_slide .slide_text_wrap .btn_wrap .btn_slide{display:block; padding:0 17px; background:#638c0b; border-radius:20px; font-size:1.4rem; line-height:30px; color:#fff; cursor:pointer}
.main_notice_slide .notice_slide .slide_text_wrap .btn_wrap .btn_slide:hover{background:#4d7100; transition:background-color 0.3s}
.main_notice_slide .notice_slide .slide_text_wrap .btn_wrap .btn_slide:last-child{margin-left:10px; background:#03827b}
.main_notice_slide .notice_slide .slide_text_wrap .btn_wrap .btn_slide:last-child:hover{background:#01736d}
.main_notice_slide .notice_slide .slide_box_land .slide_text_wrap .text .sky{color:#fff000}
.main_notice_slide .notice_slide .slide_box_land .slide_text_wrap .text .info{color:#f1fdcc}
.main_notice_slide .notice_slide .slide_box_land .slide_text_wrap .btn_wrap .btn_slide{background:#6a3499}
.main_notice_slide .notice_slide .slide_box_land .slide_text_wrap .btn_wrap .btn_slide:hover{background:#461b6b}
.main_notice_slide .notice_slide .slide_box_land .slide_text_wrap .btn_wrap .btn_slide:last-child{background:#b96730}
.main_notice_slide .notice_slide .slide_box_land .slide_text_wrap .btn_wrap .btn_slide:last-child:hover{background:#9a4b16}
.main_notice_slide .notice_slide .slide_box_app .slide_text_wrap{left:135px; width:calc(100% - 135px)}
.main_notice_slide .notice_slide .slide_box_app .slide_text_wrap .text .tit{font-size:2rem; letter-spacing:-0.05em}
.main_notice_slide .notice_slide .slide_box_app .slide_text_wrap .text .tit .bule{font-weight:700; color:#1f325a}
.main_notice_slide .notice_slide .slide_box_app .slide_text_wrap .text .tit .purple{font-weight:700; color:#541f82}
.main_notice_slide .notice_slide .slide_box_app .slide_text_wrap .text .info{margin-top:10px; font-size:1.3rem; color:#ddf4fe}

.main_notice_slide .notice_slide .slick-arrow{z-index:1000; width:26px; height:30px; top:auto; bottom:0; background:rgba(0,0,0,0.15); text-align:center; transform:translate(0,0)}
.main_notice_slide .notice_slide .slick-arrow.slick-prev{left:auto; right:115px}
.main_notice_slide .notice_slide .slick-arrow.slick-next{right:20px}
.main_notice_slide .notice_slide .slick-arrow i{margin-left:-3px; font-size:1.8rem; line-height:30px; color:rgba(255,255,255,0.5)}
.main_notice_slide .notice_slide .slick-arrow.slick-next i{margin-left:3px}
.main_notice_slide .notice_slide .slick-arrow:hover i{color:rgba(255,255,255,0.95); transition:color 0.3s}

.notice_slick_info_wrap{display:flex; position:absolute; right:47px; bottom:0}
.notice_slick_info_wrap > div{height:30px; background:rgba(0,0,0,0.15)}
.notice_slick_info_wrap .m_notice_slick_paging{width:40px; margin-right:1px; font-size:1.4rem; line-height:30px; color:#b3b3b3; text-align:center}
.notice_slick_info_wrap .m_notice_slick_paging span{font-weight:700; color:#fff}
.notice_slick_info_wrap .slick_pause{display:block; position:relative; width:26px; height:100%; text-indent:-999999px; cursor:pointer}
.notice_slick_info_wrap .slick_pause::before{display:block; content:""; position:absolute; top:10px; left:9px; width:3px; height:10px; background:rgba(255,255,255,0.5)}
.notice_slick_info_wrap .slick_pause::after{display:block; content:""; position:absolute; top:10px; left:15px; width:3px; height:10px; background:rgba(255,255,255,0.5)}
.notice_slick_info_wrap .slick_pause:hover::before{background:rgba(255,255,255,0.95); transition:background 0.3s}
.notice_slick_info_wrap .slick_pause:hover::after{background:rgba(255,255,255,0.95); transition:background 0.3s}
.notice_slick_info_wrap .slick_play{display:none; position:relative; width:26px; height:100%; text-indent:-999999px; cursor:pointer}
.notice_slick_info_wrap .slick_play::before{display:block; content:""; position:absolute; top:9px; left:10px; width:0; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:8px solid rgba(255,255,255,0.5)}
.notice_slick_info_wrap .slick_play:hover::before{border-left-color:rgba(255,255,255,0.95); transition:background 0.3s}


/* 콜센터 정보 *****/
.call_center_wrap{display:flex; justify-content:center; align-items:center; width:100%; height:90px; margin-top:20px; background:#e3eefd; border:1px solid #d0ddf1; border-radius:20px}
.call_center_wrap h2{font-size:2rem; line-height:1.2em; font-weight:500; color:#404040; letter-spacing:-0.08em}
.call_center_wrap .call_num_wrap{margin:0 30px 0 25px}
.call_center_wrap .call_num{font-size:3.4rem; line-height:1em; color:#222; letter-spacing:-0.03em}
.call_center_wrap .call_time{line-height:1.1em; letter-spacing:-0.04em}
.call_center_wrap .call_time .tit{font-weight:700; color:#222}
.call_center_wrap .call_time .time{font-weight:500; color:#404040}
.call_center_wrap .call_time .lunch_time{font-size:1.4rem; font-weight:300; color:#404040}

/* 기업 배너 *****/
.main_banner_wrap{display:flex; justify-content:space-evenly; align-items:center; width:100%; height:85px; background:#fff; border:1px solid #d2d2d2; border-radius:20px}
.main_banner_wrap a{display:block}
.main_banner_wrap a:hover{margin-top:-5px; transition:margin-top 0.4s}

@media all and (min-width:1700px)  {
    .main_wrap{padding:30px 0}
    .main_wrap .main_inner{max-width:1640px; width:86%}
    .search_quick_wrap .quick_list{margin-top:30px}
    .search_quick_wrap .quick_list .search_box_title{height:188px}
    .search_quick_wrap .search_right_quick .quick_list .search_box_title{height:248px}

    .main_notice .tab_nav .notice_more{right:36px}
    .main_notice .tab_content{padding:40px}
    .main_notice .notice_main_list a{line-height:32px}
    
    .notice_slide,
    .main_notice_slide .notice_slide .slide_box_wrap{height:180px}
    .main_notice_slide .notice_slide .slide_text_wrap{left:8%}
    .main_notice_slide .notice_slide .slide_box_app.slide_box_wrap{background-position:0 50% !important;}
    .main_notice_slide .notice_slide .slide_box_app .slide_text_wrap{left:160px; width:calc(100% - 160px)}
    .call_center_wrap{height:100px}

    .main_banner_wrap{height:95px}
}
@media all and (max-width:1360px)  {
    .main_notice_slide .notice_slide .slide_box_app .slide_text_wrap{left:125px; width:calc(100% - 125px)}
    .main_notice_slide .notice_slide .slide_box_app .slide_text_wrap .text .info br{display:none}
}
@media all and (max-width:1300px)  {
    .main_notice_slide .notice_slide .slide_box_app .slide_text_wrap .text .tit{font-size:1.9rem}
}




/** 피씨용 추가(20251222)   나중에 위치 정리할 것*/
.main_inner a:hover{color:inherit}
.main_notice .notice_main_list a .date{width:110px}




#yearSearchMsg{width:260px; font-size:14px; line-height:1.2em}

