@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&family=IBM+Plex+Sans+KR:wght@200;300&family=Nanum+Gothic&display=swap');

#visual_click_all { position: absolute; top: 511px; z-index: 999; width: 1200px; margin: 0 auto; text-align: center; }
    #visual_click_all li.visual_click1 { float: left; background: url('../img/visual_bg1.jpg') no-repeat; width: 220px; height: 120px; padding: 40px 37px; text-align: left; }
    #visual_click_all li.visual_click2 { float: left; background: url('../img/visual_bg2.jpg') no-repeat; width: 220px; height: 120px; padding: 40px 37px; text-align: left; }
    #visual_click_all li.visual_click3 { float: left; background: url('../img/visual_bg3.jpg') no-repeat; width: 220px; height: 120px; padding: 40px 37px; text-align: left; }
    #visual_click_all li.visual_click4 { float: left; background: url('../img/visual_bg4.jpg') no-repeat; width: 220px; height: 120px; padding: 40px 37px; text-align: left; }
    #visual_click_all .click_title { display: inline-block; font-family: 'IBM Plex Sans KR'; font-weight: 600; font-size: 30px; color: #fff; }
    #visual_click_all .click_btn { display: inline-block; float: right; margin-top: 10px; }
    #visual_click_all .click_link { display: inline-block; margin-top: 40px; font-family: 'Noto Sans CJK KR'; font-size: 15px; color: #ffff; text-align: left; }
    #visual_click_all p.click_white { float: left; text-align: center; border: 1px solid #fff; padding: 8px 7px; margin-left: 7px; color: #fff; }
    #visual_click_all p.click_white:nth-child(1) { margin-left: 0; }
    #visual_click_all p.click_white a{ color: #fff; }
    #visual_click_all p.click_blue { display: inline-block; text-align: center; border: 1px solid #fff; padding: 8px 7px; margin-left: 7px; background-color: #242853; }
    #visual_click_all p.click_blue:nth-child(1) { margin-left: 0; }
    #visual_click_all p.click_blue a { color: #fff; }
    #visual_click_all p.click_blue_text { float: left; text-align: center; border: 1px solid #242853; padding: 8px 7px; margin-left: 7px; color: #242853; }
    #visual_click_all p.click_blue_text:nth-child(1) { margin-left: 0; }
    #visual_click_all p.click_blue_text a { color: #242853; }
    #visual_click_all .click_top { text-align: left; }


    /* 중간비주얼 */
    #contents { width: 100%; }
    #contents .container { width: 1260px; margin: 0 auto; }
    #contents .container .slick-dots { bottom: 10px!important;  }
    #contents .container .slick-dots li { margin: 0 1px!important; }



    #progress { display: inline-block; width: 560px; margin: 57px auto 0 auto; }
    #progress .progress_img { display: inline-block; }
    #progress .progress_explan { display: inline-block; float: right; margin-left: 38px; }
    #progress .progress_explan li.progress_title { margin-top: 8px; font-family: 'IBM Plex Sans KR'; font-weight: 700; font-size: 30px; color: #272a49; line-height: 29px; }
    #progress .progress_explan li.progress_text { margin-top: 22px; font-family: 'IBM Plex Sans KR'; font-weight: 200; font-size: 15px; color: #333333; }
    #progress .progress_explan li.prog_link { margin-top: 60px; }
    #progress .progress_explan li.prog_link .prog_eng { display: inline-block; padding: 10px 15px; background-color: #272a49; color: #fff; font-family: 'Noto Sans CJK KR'; font-size: 15px; }
    #progress .progress_explan li.prog_link .prog_kor { display: inline-block; margin-left: 8px; padding: 10px 15px; background-color: #272a49; color: #fff; font-family: 'Noto Sans CJK KR'; font-size: 15px; }


    div.notice { position: relative; float: right; display: inline-block; width: 590px; overflow: hidden; margin: 57px 0 0 50px; }
    div.notice .tabs .title { font-size:25px; font-weight:600; color:#333; float:left; }
    div.notice .top .banner1 { display:inline-block; float:left; width:338px; height:320px; border:1px solid #c8cbd3; }
    div.notice .bottom { width:1260px; margin:0 auto; }
    div.notice .bottom .banner2 { display:inline-block; float:left; width:548px; height:137px; background:#fff; border:1px solid #c8cbd3; margin-right:1%; }
    div.notice .bottom .quick_btn { display:inline-block; float:left; width:682px; height:137px; background:#fff; border:1px solid #c8cbd3; }
    div.notice .bottom .quick_btn .title { display:inline-block; float:left; color:#333; font-size:23px; font-weight:600; padding:52px 30px 52px 54px; }

    /*공지사항 tab */
    .tabs { background-color: #fff; }
    .tabs:after { content:""; display:table; clear:both; }
    .tabs input[type=radio] { display:none; }
    .tabs label {
        display:block;
        float:left;
        width:123px;
        height:40px;
        line-height:40px;
        margin-left: -1px;
        border:1px solid #d9d9d9;
        border-bottom: none;
        background-color:#fff;
        font-size:15px;
        color:#999;
        text-align:center;
        cursor:pointer;
        -webkit-transition:background-color 150ms ease-in-out;
        transition:background-color 150ms ease-in-out;
        box-sizing:border-box;
        font-weight: 600;
    }
    .tabs label:nth-child(1) { margin-left: 0; }
    .tabs label img{ 
        margin-left:20px;
        vertical-align:middle;
    }
    .tabs label:hover {
        color:#fff;
        background:#ff4057;
        font-weight: 600;
    }
    .tabs [id^="tab"]:checked + label {
        color:#fff;
        font-size:15px;
        background:#ff4057;
        font-weight: 600;
    }
    .tab_cons { 
        display:none;
        float:left;
        width: 590px;
    }
    .tab_plus { display: block; }
    #tab11:checked ~ #new_tab_content1,
    #tab12:checked ~ #new_tab_content2,
    #tab13:checked ~ #new_tab_content3 { display: block; height: 40px; border-bottom: 1px solid #ff4057; padding: 0 20px; background: #fff; }
    .btn_more { position: absolute; right: 0; top: 0; margin: 8px 10px; }
    #new_tab_content1 .list{ float:left; width:100%; }
    #new_tab_content1 .list ul li { line-height: 10px; padding: 8px 0; }
    #new_tab_content1 .list ul li:nth-child(1) { padding-top: 0; margin-top: 35px; }
    #new_tab_content1 .list ul li p.board_content { width: 430px; }
    #new_tab_content1 .list ul li span.tit{
        float:left;
        width:86%;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        color:#000;
        font-weight: 500;
        font-size:15px;
        padding:10px 0;
        list-style-type: disc;
    }
    .list ul li span.date{
        display:inline-block;
        float: right;
        text-align:right;
        font-size:15px;
        color:#9ea1a7;
        padding:12px 0;
    }
    #new_tab_content2 .list{ float:left; width:100%; }
    #new_tab_content2 .list ul li { line-height: 10px; padding: 8px 0; }
    #new_tab_content2 .list ul li:nth-child(1) { padding-top: 0; margin-top: 35px; }
    #new_tab_content2 .list ul li p.board_content { width: 430px; }
    #new_tab_content2 .list ul li span.tit{
        float:left;
        width:86%;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        color:#000;
        font-weight: 500;
        font-size:15px;
        padding:10px 0;
        list-style-type: disc;
    }
    #new_tab_content3 .list{ float:left; width:100%; }
    #new_tab_content3 .list ul li { line-height: 10px; padding: 8px 0; }
    #new_tab_content3 .list ul li:nth-child(1) { padding-top: 0; margin-top: 35px; }
    #new_tab_content3 .list ul li p.board_content { width: 430px; }
    #new_tab_content3 .list ul li span.tit{
        float:left;
        width:86%;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        color:#000;
        font-weight: 500;
        font-size:15px;
        padding:10px 0;
        list-style-type: disc;
    }


/*메인 리스트*/
.tab_content { display:none;  }
.tab_content.current { display:flex; }

.main_board_list { width:100%; }
.main_board_list ul.product_box { float:left; padding:13px 10px; background:#fff; margin:10px; }
.main_board_list ul.product_box:hover { background-color:#f3f5fa; box-shadow:4px 4px 9px 0px #9999995c; transition:ease 0.5s; }
.main_board_list ul.product_box li.thumb { display:block; width:200px; height:200px; margin:0 auto; border:1px solid #d7d7d7; }
.main_board_list ul.product_box li.thumb img { width:100%; height:100%; } 
.main_board_list ul.product_box li a { color:#333; }
.main_board_list ul.product_box li.list_title { width:200px; height:25px; text-align:center; font-size:19px; color:#352f2e; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0 auto; padding:15px 5px 10px 5px; }
.main_board_list ul.product_box li.list_icon { display:block; width:200px; height:20px; margin:0 auto; text-align:center; }
.main_board_list ul.product_box li.list_icon .list_area { display:inline-block; width:56px; height:18px; border:1px solid #ff6e0f; color:#ff6e0f; text-align:center; line-height:18px; margin:0 5px 0 0; }
.main_board_list ul.product_box li.list_icon .list_state { display:inline-block; width:56px; height:18px; text-align:center; line-height:18px; margin:0 5px 0 0; }
.main_board_list ul.product_box li.list_icon .list_gubun { display:inline-block; width:56px; height:18px; text-align:center; line-height:18px; margin:0 5px 0 0; }
.main_board_list ul.product_box li.list_price { clear:both; display:block; color:#0075ff; text-align:center; padding:5px 0; font-size:22px; font-weight:bold; }
.main_board_list ul.product_box li.list_price a { color:#ff1154; }

.check_banner { margin:50px 0 20px; }
.check_banner img { width:100% }



/* 메인하단 갤러리 */
.contents_bottom .container { width: 1260px; margin: 0 auto; }
.contents_bottom { background: url('../img/main_bottom.jpg') no-repeat!important; height: 362px; margin-top: 70px; }
.contents_bottom .bottom_menu .pic_title { display: inline-block; margin: 50px 0 42px 0; font-family: 'IBM Plex Sans KR'; font-size: 30px; font-weight: 700; letter-spacing: -0.125rem; color: #fff; }
.contents_bottom .bottom_menu .pic_text { display: inline-block; font-family: 'IBM Plex Sans KR'; font-size: 17px; color: #fff; }
.contents_bottom .bottom_menu .pic_line { display: inline-block; width: 1px; height: 30px; margin: 0 30px; background-color: #fff; vertical-align: middle; }
.contents_bottom .bottom_menu .click_white { float: right; font-size: 15px; text-align: center; border: 1px solid #fff; padding: 8px 20px; margin: 55px 0 0 10px; color: #fff; }
.contents_bottom .bottom_menu .click_white a { color: #fff; }

#contents .container_area ul li {float:left;width: 181px; margin-left: 34px; overflow:hidden; text-align: center; color: #000; margin-bottom: 15px; height: 200px; }
#contents .container_area ul li:nth-child(1) { margin-left: 0; }
#contents .container_area ul li span { vertical-align:middle; }
#contents .container_area ul li span.img { display:block; }
#contents .container_area ul li span.img img { width: 100%; }
#contents .container_area ul li span.subject { display: block; margin-top: 13px; padding: 0 25px; text-align: center; font-size:14px; height:28px; font-weight: 500; color: #fff; vertical-align:middle; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
#contents .container_area ul li span.subject:hover { color:#ffde5f; text-decoration:underline;  }
#contents .container_area ul li p.board_content { color:#666; font-size:12px; line-height:18px; overflow:hidden; text-align:justify; margin-top:5px; }
#contents .container_area ul li p.board_content > a { color:#666; }
#contents .container_area ul li p.board_content > a:hover { color:#2383B5; text-decoration:underline; }