#main_wrap{width: 100%;}

.figure_wrap{width: 100%; height: 785px; background: url('/Skin/images/pc/figure01.jpg') no-repeat center/cover; text-align: center; padding-top: 220px; background-attachment: fixed; transition: all .3s;}
.figure_wrap.f02{background: url('/Skin/images/pc/figure02.jpg') no-repeat center/cover;}
    .fg_txt p{color: #fff;}
    .fg_txt .fg_t1{font-size: 68px; font-weight: 600; margin-bottom: 40px;}
    .fg_txt .fg_t2{font-size: 28px; font-weight: 300; letter-spacing: -1px;}
    .fg_btn{display: inline-block; margin-top: 164px;}
    .fg_btn a{display: inline-block; width: 125px; height: 125px; border-radius: 125px; background: #fff; border: 3px solid #75b324; font-size: 21px; font-weight: 500; text-align: center; line-height: 122px; color: #666; margin: 0 25px;}
    .fg_btn a.on{background: #75b324; color: #fff;}

.m_category{width: 1282px; margin: 130px auto;}
    .link_wrap{width: 100%;}
        .link_box01{float: left; width: 50%; height: 324px; background: url('/Skin/images/pc/main_link01_bg.jpg') no-repeat center/cover; position: relative;}
        .link_box01::before{content: ""; display: block; width: 100%; height: 100%; background: url('/Skin/images/pc/main_link01_t.png') no-repeat center right -100px/cover;}
        .link_box02{background: url('/Skin/images/pc/main_link02_bg.jpg') no-repeat center/cover; position: relative;}
        .link_box02::before{content: ""; display: block; width: 100%; height: 100%; background: url('/Skin/images/pc/main_link02_t.png') no-repeat center right -100px/cover;}
        .link_box03{float: left; width: 100%; height: 145px; background: url('/Skin/images/pc/main_link03_bg.jpg') no-repeat center/cover; position: relative;}
        .link_box03::before{content: ""; display: block; width: 100%; height: 100%; background: url('/Skin/images/pc/main_link03_t.png') no-repeat center left 0/cover;}


        .lb_txt{text-align: center; width: 182px; position: absolute;}
        .lb_txtw p, .lb_txtw a{color: #fff;}
        .lb_txtb p, .lb_txtb a{color: #333;}
        .link_box01 .lb_txt{right: 66px; top: 60px;}
        
        .lb_txt .t1{font-size: 24px; letter-spacing: 2px; font-weight: 600;}
        .lb_txt .t1::after{content: ""; display: block; width: 100%; height: 1px; margin: 20px 0 25px 0;}
        .lb_txtw .t1::after{background: #fff;}
        .lb_txtb .t1::after{background: #333;}
        .lb_txt .t2{font-size: 16px; letter-spacing: -1px; font-weight: 500; line-height: 33px;}
        .lb_txt .more{display: inline-block; width: 126px; height: 45px; line-height: 45px; text-align: center; margin-top: 25px;}
        .lb_txtw .more{border: 1px solid #fff;}
        .lb_txtb .more{border: 1px solid #333;}

        .lb_txtw .more:hover{background: rgba(255, 255, 255, 0.3);}
        .lb_txtb .more:hover{background: rgba(255, 255, 255, 0.3);}

        .link_box03 .lb_txt{right: 70px; top: 55px; width: 755px;}
        .link_box03 .lb_txt .t1{float: left; position: relative;}
        .link_box03 .lb_txt .t1::after{width: 1px; height: 64px; position: absolute; right: -38px; top: 50%; margin-top: -32px;}
        .link_box03 .lb_txt .t2{float: left; margin-left: 130px; margin-top: -13px;}
        .link_box03 .lb_txt .more{float: right; margin-top: 0;}

#main_slide{width: 100%; height: 220px;}
    #main_slide .ms01{background: url('/Skin/images/pc/main_slide01_bg.jpg') no-repeat center/cover; }
    #main_slide .ms02{background: url('/Skin/images/pc/main_slide02_bg.jpg') no-repeat center/cover; }
    #main_slide .ms03{background: url('/Skin/images/pc/main_slide03_bg.jpg') no-repeat center/cover; }
    #main_slide .ms04{background: url('/Skin/images/pc/main_slide04_bg.jpg') no-repeat center/cover; }
    #main_slide .ms05{background: url('/Skin/images/pc/main_slide05_bg.jpg') no-repeat center/cover; }
    #main_slide .ms06{background: url('/Skin/images/pc/main_slide06_bg.jpg') no-repeat center/cover; }
    #main_slide .txt_box{width: 458px; height: 100%; margin: 0 auto; background: rgba(0, 0, 0, 0.8); text-align: center; padding-top: 40px;}
    #main_slide .txt_box .t1{font-size: 16px; color: #75b324; font-weight: 600;  letter-spacing: 3px;}
    #main_slide .txt_box .t2{font-size: 30px; color: #fff; font-weight: 600; margin-top: 20px; letter-spacing: 3px;}
    .slide_btn{width: 458px; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -229px;}
    .slide_btn .swiper-button-next{right: -95px; width: 41px; height: 76px; background-size: contain; margin-top: -38px;}
    .slide_btn .swiper-button-prev{left: -95px; width: 41px; height: 76px; background-size: contain; margin-top: -38px;}

.main_bottom{width: 1282px; margin: 0 auto; height: 243px;}
    .mb_box01{width: 248px; height: 100%; float: left; padding-top: 24px;}
        .mb_box01 .t1{font-size: 17px; font-weight: 500; color: #444;}
        .mb_box01 .t1::after{content: ""; display: block; width: 17px; height: 1px; background: #555; margin: 10px 0;}
        .mb_box01 .t2{font-size: 26px; font-weight: 500; color: #444;}
        .mb_box01 .t3{font-size: 12px; font-weight: 500; color: #6d6d6d;}
    .mb_box02{width: 362px; height: 100%; float: left; padding-top: 24px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5}
    .mb_box02 .mb02_wrap{width: 240px; margin: 0 auto;}
        .mb_box02 .t1{font-size: 17px; font-weight: 500; color: #444;}
        .mb_box02 .t1::after{content: ""; display: block; width: 17px; height: 1px; background: #555; margin: 10px 0;}
        .mb_box02 .t2 span{font-size: 12px; color: #6d6d6d;}
        .mb_box02 .t2 .col1{font-weight: 600; display: inline-block; width: 57px;}
    .mb_box03{width: 672px; height: 100%; float: right; padding-top: 24px;}
    .mb_box03 .mb03_wrap{width: 500px; margin: 0 auto;}
        .mb_box03 .t1{font-size: 17px; font-weight: 500; color: #444; margin-bottom: 20px;}
        .mb_box03 .no_board{width: 100%;}
        .mb_box03 .no_board li::after{content: ""; display: block; clear: both;}
        .mb_box03 .no_board li a{font-size: 13px; color: #6d6d6d; font-weight: 500; line-height: 30px; display: block; max-width: 400px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left;}
        .mb_box03 .no_board li .date{float: right; font-size: 12px; color: #6d6d6d; line-height: 30px;}


/*
    반응형 ***************************************

    분기점[width]  - 1282 | 1024 | 970 | 715 | 470 | 355 
    
*/

@media all and (max-width: 1282px){

    /*board*/
    .BoardView .title{float: none; width: 100%;}
    .BoardView .h_info{float: none; width: 100%; margin-top: 10px;}
    .BoardView .h_info li{font-size: 13px;}
    .BoardView .h_info li b{font-size: 13px;}
}

@media all and (min-width: 1025px) and (max-width: 1282px){

    .m_category{width: 90%;}

    .main_bottom{width: 100%;}
        .mb_box01{width: 25%;}
        .mb_box01 .mb01_wrap{width: 195px; margin: 0 auto;}
        .mb_box02{width: 25%;}
        .mb_box03{width: 50%;}
        .mb_box03 .t1{width: 85%; margin: 0 auto 20px auto;}
        .mb_box03 .no_board{width: 85%; margin: 0 auto;}
        .mb_box03 .no_board li a{max-width: 335px;}

    
    
}

@media all and (min-width: 970px) and (max-width: 1024px){

    .figure_wrap{height: 600px; padding-top: 110px; margin-top: 90px;}
    .fg_txt .fg_t1{font-size: 50px;}
    .fg_txt .fg_t2{font-size: 23px;}
    .fg_btn{margin-top: 100px;}
    .fg_btn a{width: 100px; height: 100px; line-height: 97px; font-size: 19px;}

    .m_category{width: 90%;}

    #main_slide .txt_box .t2{font-size: 28px;}

    .main_bottom{width: 100%;}
        .mb_box01{width: 25%;}
        .mb_box01 .mb01_wrap{width: 90%; margin: 0 auto;}
        .mb_box02{width: 25%;}
        .mb_box03{width: 50%;}
        .mb_box03 .t1{width: 85%; margin: 0 auto 20px auto;}
        .mb_box03 .no_board{width: 85%; margin: 0 auto;}
        .mb_box03 .no_board li a{width: 310px;}

    /*board*/
    .bottomBtnWrap{width: 100%;}
    .BoardView .bottomBtn{width: 50%;}
    .BoardView .bottomBtn .mBtn{width: 23%; min-width: 10%; margin: 0 1%; font-size: 14px;}

        
}

@media all and (max-width: 800px){

    /*paging*/
    .paging_wrap{text-align: center; width: 100%;}
    .paging{display: inline-block; margin-top: 54px;}
    .paging a{font-size: 13px; color: #7c7a7a; display: block; border: 1px solid #b5b4b4; width: 26px; height: 25px; line-height: 24px; border-radius: 2px; float: left; margin: 0 2px;}
    .paging a.prev{margin-right: 5px;}
    .paging a.next{margin-left: 5px;}
    .paging a.on{background: #005fb7; color: #fff; border: none; font-size: 16px;}
        
    .bottomBtnWrap{width: 100%;}
    .BoardView{margin-bottom: 100px;}
    .BoardView .bottomBtn{width: 90%;}
    .BoardView .bottomBtn .mBtn{width: 23%; min-width: 10%; margin: 0 1%; font-size: 13px;}
    .BoardView .h_info li::after{content: ""; display: inline-block; margin: 0 10px;  font-weight: 400;}

    .replyWrite fieldset.text .btn{width: 15%;}
    .replyWrite fieldset.text{padding-right: 17%;}
    .replyWrite fieldset.text .btn button{font-size: 16px;}
    .replyWrite fieldset.user{width: 100%;}
    .replyWrite fieldset.user dl{display: block;}
    .replyWrite fieldset.user dd input{width: 100%;}

    table.write th{width: 20%; font-size: 14px;}
    
}


@media all and (min-width: 715px) and (max-width: 969px){

    .figure_wrap{height: 600px; padding-top: 110px; margin-top: 90px;}
    .fg_txt .fg_t1{font-size: 50px;}
    .fg_txt .fg_t2{font-size: 23px;}
    .fg_btn{margin-top: 100px;}
    .fg_btn a{width: 100px; height: 100px; line-height: 97px; font-size: 19px;}

    .m_category{width: 90%;}
        .link_box01{width: 100%;}
        .link_box03{height: 324px; background: url('/Skin/images/pc/main_link03.jpg') no-repeat -200px 0/cover;}
        .link_box03 .lb_txt{right: 70px; top: 55px; width: 182px;}
        .link_box03 .lb_txt .t1{font-size: 24px; letter-spacing: 2px; font-weight: 600; float: none;}
        .link_box03 .lb_txt .t1::after{width: 100%; height: 1px; position: relative; right: auto; top: auto; margin-top: 20px;}
        .link_box03 .lb_txt .t2{font-size: 16px; letter-spacing: -1px; font-weight: 500; line-height: 33px; float: none; margin-left: 0; margin-top: 0;}
        .link_box03 .lb_txt .more{display: inline-block; width: 126px; height: 45px; line-height: 45px; text-align: center; margin-top: 25px; float: none;}
        
    #main_slide .txt_box{width: 100%; background: rgba(0, 0, 0, 0.6);}
    #main_slide .txt_box .t2{font-size: 28px;}
    .slide_btn{width: 100%; left: 0; margin-left: 0;}
    .slide_btn .swiper-button-prev{left: 40px;}
    .slide_btn .swiper-button-next{right: 40px;}

    .main_bottom{width: 100%; height: auto;}
        .mb_box01{width: 50%; height: 250px; padding-top: 35px;}
        .mb_box01 .mb01_wrap{width: 200px; margin: 0 auto;}
        .mb_box02{width: 50%; height: 250px; border-right: none; padding-top:35px;}
        .mb_box02 .mb02_wrap{width: 300px;}
        .mb_box02 .t1::after{margin-bottom: 15px;}
        .mb_box02 .t2 span{font-size: 15px; line-height: 25px;}
        .mb_box03{width: 100%; height: 250px; border-top: 1px solid #e5e5e5;}
        .mb_box03 .mb03_wrap{width: 80%;}
        .mb_box03 .t1{width: 90%; margin: 0 auto 20px auto;}
        .mb_box03 .no_board{width: 90%; margin: 0 auto;}
        .mb_box03 .no_board li a{max-width: 350px; font-size: 15px;}
        .mb_box03 .no_board li .date{font-size: 14px;}


    
        
}

@media all and (min-width: 480px) and (max-width: 714px){

    .figure_wrap{height: 600px; padding-top: 110px; margin-top: 80px;}
    .fg_txt .fg_t1{font-size: 40px;}
    .fg_txt .fg_t2{font-size: 18px; line-height: 30px;}
    .fg_btn{margin-top: 100px;}
    .fg_btn a{width: 90px; height: 90px; line-height: 88px; font-size: 17px;}

    .m_category{width: 90%; margin: 80px auto;}
        .link_box01{width: 100%;}
        .link_box03{height: 324px; background: url('/Skin/images/pc/main_link03.jpg') no-repeat -200px 0/cover;}
        .link_box03 .lb_txt{right: 70px; top: 55px; width: 182px;}
        .link_box03 .lb_txt .t1{font-size: 24px; letter-spacing: 2px; font-weight: 600; float: none;}
        .link_box03 .lb_txt .t1::after{width: 100%; height: 1px; position: relative; right: auto; top: auto; margin-top: 20px;}
        .link_box03 .lb_txt .t2{font-size: 16px; letter-spacing: -1px; font-weight: 500; line-height: 33px; float: none; margin-left: 0; margin-top: 0;}
        .link_box03 .lb_txt .more{display: inline-block; width: 126px; height: 45px; line-height: 45px; text-align: center; margin-top: 25px; float: none;}
        
    #main_slide .txt_box{width: 100%; background: rgba(0, 0, 0, 0.6);}
    #main_slide .txt_box .t2{font-size: 28px;}
    .slide_btn{width: 100%; left: 0; margin-left: 0;}
    .slide_btn .swiper-button-prev{left: 40px;}
    .slide_btn .swiper-button-next{right: 40px;}

    .main_bottom{width: 100%; height: auto;}
        .mb_box01{width: 50%; height: 250px; padding-top: 35px;}
        .mb_box01 .mb01_wrap{width: 80%; margin: 0 auto;}
        .mb_box02{width: 50%; height: 250px; border-right: none; padding-top:35px;}
        .mb_box02 .mb02_wrap{width: 80%;}
        .mb_box02 .t1::after{margin-bottom: 15px;}
        .mb_box02 .t2 span{font-size: 15px; line-height: 25px;}
        .mb_box03{width: 100%; height: 250px; border-top: 1px solid #e5e5e5;}
        .mb_box03 .mb03_wrap{width: 80%;}
        .mb_box03 .t1{width: 90%; margin: 0 auto 20px auto;}
        .mb_box03 .no_board{width: 90%; margin: 0 auto;}
        .mb_box03 .no_board li a{max-width: 230px; font-size: 15px;}
        .mb_box03 .no_board li .date{font-size: 14px;}
        
}

@media all and (min-width: 356px) and (max-width: 479px){

    .figure_wrap{height: 500px; padding-top: 110px; margin-top: 80px;}
    .fg_txt .fg_t1{font-size: 35px;}
    .fg_txt .fg_t2{font-size: 16px; line-height: 30px;}
    .fg_btn{margin-top: 100px;}
    .fg_btn a{width: 90px; height: 90px; line-height: 88px; font-size: 17px;}

    .m_category{width: 90%; margin: 80px auto;}

        .link_box01 .lb_txt{top: 0; left: 50%; margin: 60px auto 0 -91px;}
        .link_box03 .lb_txt{top: 0; left: 50%; margin: 60px auto 0 -91px; width: 182px;}

        .link_box01{width: 100%;}
        .link_box03{height: 324px; background: url('/Skin/images/pc/main_link03.jpg') no-repeat -1614px 0/cover;}
        .link_box03 .lb_txt .t1{font-size: 24px; letter-spacing: 2px; font-weight: 600; float: none;}
        .link_box03 .lb_txt .t1::after{width: 100%; height: 1px; position: relative; right: auto; top: auto; margin-top: 20px;}
        .link_box03 .lb_txt .t2{font-size: 16px; letter-spacing: -1px; font-weight: 500; line-height: 33px; float: none; margin-left: 0; margin-top: 0;}
        .link_box03 .lb_txt .more{display: inline-block; width: 126px; height: 45px; line-height: 45px; text-align: center; margin-top: 25px; float: none;}
        
    #main_slide .txt_box{width: 100%; background: rgba(0, 0, 0, 0.6);}
    #main_slide .txt_box .t2{font-size: 28px;}
    .slide_btn{width: 100%; left: 0; margin-left: 0;}
    .slide_btn .swiper-button-prev{left: 40px; width: 28px;}
    .slide_btn .swiper-button-next{right: 40px; width: 28px;}

    .main_bottom{width: 100%; height: auto;}
        .mb_box01{width: 100%; height: 250px; padding-top: 35px;}
        .mb_box01 .mb01_wrap{width: 90%; margin: 0 auto;}
        .mb_box01 .t2{font-size: 30px;}
        .mb_box01 .t3{font-size: 22px;}
        .mb_box02{width: 100%; height: 250px; border-right: none; border-left: none; border-top: 1px solid #e5e5e5; padding-top:35px;}
        .mb_box02 .mb02_wrap{width: 80%;}
        .mb_box02 .t1::after{margin-bottom: 15px;}
        .mb_box02 .t2 span{font-size: 17px; line-height: 25px;}
        .mb_box02 .t2 .col1{margin-right: 10px; width: 73px;}
        .mb_box03{width: 100%; height: 250px; border-top: 1px solid #e5e5e5;}
        .mb_box03 .mb03_wrap{width: 80%;}
        .mb_box03 .t1{width: 90%; margin: 0 auto 20px auto;}
        .mb_box03 .no_board{width: 90%; margin: 0 auto;}
        .mb_box03 .no_board li a{max-width: 160px; font-size: 15px;}
        .mb_box03 .no_board li .date{font-size: 14px;}
        
}

@media all  and (max-width: 355px){

    .figure_wrap{height: auto; min-height: 500px; padding-top: 110px;  margin-top: 80px;}
    .fg_txt .fg_t1{font-size: 30px; word-break: keep-all;}
    .fg_txt .fg_t2{font-size: 14px; line-height: 30px; word-break: keep-all;}
    .fg_btn{margin-top: 100px;}
    .fg_btn a{width: 80px; height: 80px; line-height: 77px; font-size: 15px;}

    .m_category{width: 90%; margin: 80px auto;}

        .lb_txt{position: relative;}
        .link_box01 .lb_txt{top: auto; right: auto; margin: 60px auto 0 auto;}
        .link_box03 .lb_txt{top: auto; right: auto; margin: 60px auto 0 auto; position: relative; width: 182px;}

        .link_box01{width: 100%;}
        .link_box03{height: 324px; background: url('/Skin/images/pc/main_link03.jpg') no-repeat -1614px 0/cover;}
        .link_box03 .lb_txt .t1{font-size: 24px; letter-spacing: 2px; font-weight: 600; float: none;}
        .link_box03 .lb_txt .t1::after{width: 100%; height: 1px; position: relative; right: auto; top: auto; margin-top: 20px;}
        .link_box03 .lb_txt .t2{font-size: 16px; letter-spacing: -1px; font-weight: 500; line-height: 33px; float: none; margin-left: 0; margin-top: 0;}
        .link_box03 .lb_txt .more{display: inline-block; width: 126px; height: 45px; line-height: 45px; text-align: center; margin-top: 25px; float: none;}
        
    #main_slide .txt_box{width: 100%; background: rgba(0, 0, 0, 0.6);}
    #main_slide .txt_box .t2{font-size: 24px;}
    .slide_btn{width: 100%; left: 0; margin-left: 0;}
    .slide_btn .swiper-button-prev{left: 20px; width: 28px;}
    .slide_btn .swiper-button-next{right: 20px; width: 28px;}

    .main_bottom{width: 100%; height: auto;}
        .mb_box01{width: 100%; height: 250px; padding-top: 35px;}
        .mb_box01 .mb01_wrap{width: 90%; margin: 0 auto;}
        .mb_box01 .t2{font-size: 30px;}
        .mb_box01 .t3{font-size: 22px;}
        .mb_box02{width: 100%; height: 250px; border-right: none; border-left: none; border-top: 1px solid #e5e5e5; padding-top:35px;}
        .mb_box02 .mb02_wrap{width: 90%;}
        .mb_box02 .t1::after{margin-bottom: 15px;}
        .mb_box02 .t2 span{font-size: 17px; line-height: 25px;}
        .mb_box02 .t2 .col1{margin-right: 10px; width: 73px;}
        .mb_box03{width: 100%; height: 250px; border-top: 1px solid #e5e5e5;}
        .mb_box03 .mb03_wrap{width: 90%;}
        .mb_box03 .t1{width: 100%; margin: 0 auto 20px auto;}
        .mb_box03 .no_board{width: 100%; margin: 0 auto;}
        .mb_box03 .no_board li a{max-width: 130px; font-size: 15px;}
        .mb_box03 .no_board li .date{font-size: 14px;}
        
}




.BH_Popup{position:absolute; top:0; left:0; z-index:10000; border:1px solid #888;}
.BH_Popup iframe{display:block;}
.BH_PopupContent{overflow-y:auto; overflow-x:hidden;}
.BH_PopupContent img{max-width:100%; width:auto; height:auto;}
.BH_PopupBtns{line-height:21px; background:#333; color:white; font-size:12px;}
.BH_PopupBtns a{cursor:pointer; color:#fff;}
.BH_PopupBtns:after{content:' '; display:block; clear:both;}
.BH_PopupTodayClose{float:left; display:block; padding:5px 10px;}
.BH_PopupClose{float:right; display:block; padding:5px 10px;}

@media all and (max-width: 800px){
    .BH_Popup{position:fixed; left:50% !important; top:50% !important; width:90% !important; height:90% !important; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%); padding-bottom:21px;}
    .BH_PopupContent{width:100% !important; height:100% !important;}
    .BH_PopupBtns{position:absolute; bottom:0; left:0; width:100%;}
}