.main_visual{position:relative;width:100%;margin:0 auto;height:585px;text-align:center;z-index:0;}

.main_w{position: relative; width:1180px; margin:0 auto; z-index:9999;}
li.main_title {position:absolute; top:80px; left:340px;}
.main_visual .title {position:absolute; top:95px; width:45%; background:rgba(51,51,51,.4); padding:10px; text-align:left;}
.main_visual .title h1 {color:#fff; font-size:50px; font-weight:600; line-height:53px;}
.main_visual .title p {color:#fff; font-size:20px; font-weight:normal; margin-top:10px;}

.main_visual .pagination_w {position: relative; width:1180px;  margin: 0 auto; z-index: 9999;}
.main_visual  ul.bullet {position:absolute; top:299px;}
.main_visual  ul.bullet  li {float:left; width:16px; height:16px;  margin-right:8px; cursor:pointer;}
.main_visual  ul.bullet li.on {width:18px; height:19px;  background:#3d8ed9; border-radius:100%;}
.main_visual  ul.bullet li.off {width:18px; height:19px;  background:#fff; border-radius:100%;}

/*.main_visual  ul.bullet li a.off {display:block;width:17px; height:18px;  background:#fff; border-radius:100%;}
.main_visual  ul.bullet li a.on {display:block;width:17px; height:18px;  background:#3d8ed9; border-radius:100%;}*/

.slide{width:1920px !important;}

/*메인슬라이드 버튼
.rolling_btn{position:absolute; top:215px; left:50px; z-index:900;}
.rolling_btn li{display:inline-block; *display:inline; *zoom:1;margin-right:5px}
.rolling_btn .on{background:url('/resources/site/fn/resource/images/main/rolling_on.png') no-repeat; text-indent:-9999px;width:20px;height:20px;z-index:900;}
.rolling_btn .off{background:url('/resources/site/fn/resource/images/main/rolling_off.png') no-repeat; text-indent:-9999px;width:20px;height:20px;z-index:900;}*/

#slides li{position:absolute; left:50%; margin-left:-960px;}
#slides img{height:585px;}

/* 공통 */
.main_title{font-size:17px;letter-spacing:-1px;padding:20px 15px 0 20px;}
.main_title span{margin-left:5px;font-size:12px;color:#999;font-weight:normal;letter-spacing:0}
.more{position:absolute;right:17px;top:15px;color:#848484}

/* section1 */
.section01{position:relative;margin:0 auto;height:390px;width:501px;overflow:hidden; float:left;}
.section02{position:relative;margin:0 auto;height:390px;width:417px;overflow:hidden; float:left;}
.section03{position:relative;margin:0 auto;height:390px;width:262px;overflow:hidden; float:left;}

.block1_1{position:relative; width:510px;}
/*메인서비스*/
.main_service{height:145px;background:url('/resources/site/fn/resource/images/main/section1_block1_bg.png') no-repeat;text-align:center}
.main_service li{float:left;width:167px;height:145px;}
.main_service li.ico1:hover{background-color:#d92d2d}
.main_service li.ico2:hover{background-color:#e35929}
.main_service li.ico3:hover{background-color:#dc2b61}
.main_service li img{padding:30px 0 10px 0}
.main_service a{display:block;width:100%;height:100%;color:#fff;font-size:16px;font-weight:400;}

.block1_2{position:relative; width:501px;}
.block1_2 .notice {width:501px; height:100%;background:#fff; padding-bottom:20px; border-right:1px solid #eee;}
.block1_2 .job_inform {width:501px; height:100%;background:#fff; padding-bottom:20px; border-right:1px solid #eee;}

/*.block1_2.m_hidden {display:hidden;}*/
.gallery{position:relative;height:250px;background:url('/resources/site/fn/resource/images/main/gallery_bg.png') no-repeat #3d8ed9;background-position:280px -15px}
.gallery h2{color:#fff}
.gallery .img{margin:15px 20px 0 20px;width:460px;height:160px;}
.gallery .img li{float:left;width:32%;margin-left:2%}
.gallery .img li:first-child{width:32%;margin-left:0;}
.gallery .img li a p{margin-top:5px;font-size:13px}
.gallery .img li a{color:#fff}
.gallery .img img{width:100%;height:140px;}
.gallery .more {right:30px;}

.block2_1{position:relative;width:417px; height:195px; background-color:#fff; overflow:hidden;}
.block2_1 .gallery {width: 417px; height:100%;}

.block2_1 .gallery .img {margin:10px 20px 0 15px;}
.block2_1 .gallery .img ul {width:100%;}
.block2_1 .gallery .img li {width:27%;}
.block2_1 .gallery .img img {height:100px;}

.notice{position:relative;border-top:1px solid #eaeaea}
.notice:first-child{border:none}
.notice ul{margin-top:5px; padding:0 20px;}
.notice ul li{position:relative;padding:4px 0 4px 8px;font-size:13px;letter-spacing:-0.8px;background:url('/resources/site/fn/resource/images/main/section1_block2_board_dot.gif') no-repeat left center;}
.notice ul li a{color:#666}
.notice ul li .date{position:absolute;right:0;color:#9b9b9b;}

.block2_2{position:relative;width:417px; height:195px; background-color:#fff;overflow:hidden;}

.block2_2 .gallery .img {margin:10px 20px 0 15px;}
.block2_2 .gallery .img ul {width:100%;}
.block2_2 .gallery .img li {width:27%;}
.block2_2 .gallery .img img {height:100px;}

.block2_2 .block1_2 .gallery{padding-bottom:20px;}

.job_inform{position:relative;border-top:1px solid #eaeaea}
.job_inform:first-child{border-top:1px solid #eaeaea;}
.job_inform ul{margin-top:5px; padding:0 20px;}
.job_inform ul li{position:relative;padding:4px 0 4px 8px;font-size:13px;letter-spacing:-0.8px;background:url('/resources/site/fn/resource/images/main/section1_block2_board_dot.gif') no-repeat left center;}
.job_inform ul li a{color:#666}
.job_inform ul li .date{position:absolute;right:0;color:#9b9b9b;}

.block3_1{position:relative;float:left;width:270px; height:196px; background-color:#fff}
.list{position:relative; width:100%; background:#76ad1b;}
.list li{height:65px;border-top:1px solid #81b924}
.list li:first-child{border:none;}
.list li a{line-height:65px;display:block;padding:0 20px;height:100%;color:#fff;font-size:14px;font-weight:400;}
.list li a:hover{background-color:#85ba2c;}
.list li img{margin-right:10px;}
.list span{color:#97d4f2;float:right;font-size:12px;font-weight:normal;}

.block3_1 .bullet {position:absolute; bottom:0; right:0; width:100%; height:40px; background:#fff;}
.block3_1 .bullet_wrap {position:absolute; width:100px; height:40px; right:0;}
.block3_1 .bullet a {display:inline-block; width:6px; height:12px;padding:0 10px; margin-top:10px;}

.block3_2{position:relative;float:left;width:270px; height:195px; background-color:#fff;}
.block3_2 .bullet {position:absolute; bottom:0; right:0; width:100%; height:40px; background:#fff;}
.block3_2 .bullet_wrap {position:absolute; width:100px; height:40px; right:0;}
.block3_2 .bullet a {display:inline-block; width:6px; height:12px;padding:0 10px; margin-top:10px;}



/*************** Mobile Device ***************/
@media all and (max-width:767px) {

    #wrap {
        min-width: auto;
    }

    /* gnb */
    /* mobile_gnb */
    /*.m_top{position:absolute; right:4%}
    .m_top img{width:30px;}
    .cssmenu { width:220px; position:fixed; height:2000px; background:#4a4a4a; right:0; top:0;z-index:999}
    #cssmenu,#cssmenu ul,#cssmenu li,#cssmenu a { font-weight: normal; text-decoration: none; line-height: 1; font-size:14px; position: relative;text-align:left}
    #cssmenu a { line-height: 1.3;}
    #cssmenu {width:220px;overflow:hidden; height:100%;}
    #cssmenu > ul > li > a {font-size: 24px; font-weight: bold;display: block;text-transform: uppercase;position: relative;}
    #cssmenu > ul > li > a > span {padding:14px 15px 14px 38px;color:#fff; display: block; font-size:15px; font-weight:normal;border:1px solid #3a3a3a;margin-top:-1px}
    #cssmenu ul ul {display: non;}
    #cssmenu ul ul li {border-bottom:1px solid #e1e1e1;border-top: 0; }
    #cssmenu ul ul li:last-child { border-bottom:0;}
    #cssmenu ul ul a {padding: 12px 0 12px 40px;display: block; color: #4a4a4a;background:#eee; font-weight: normal; font-size: 13px;}*/
    .main_visual {
        width: 100%;
        height: auto;
    }

    .main_w {
        position: absolute;
        width: 100%;
        z-index: 9999;
    }

    .main_visual .title {
        position: relative;
        width: 90%;
        background: rgba(51, 51, 51, .3);
        text-align: center;
        top: 60px;
        margin: 0 auto;
        padding: 13px 0;
    }

    .main_visual .title h1 {
        color: #fff;
        font-size: 2em;
        text-align: center;
        font-weight: 600;
        line-height: 40px;
    }

    .main_visual .title p {
        font-size: 1.1em;
        margin-top: 0;
        font-weight: normal;
    }

    .main_visual .pagination_w {
        position: absolute;
        top: 250px;
        left: 50%;
        margin-left: -37px;
        z-index: 9999;
    }

    .main_visual ul.bullet {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
    }

    .main_visual ul.bullet li {
        display: inline-block;
        width: 14px;
        height: 14px;
    }

    .main_visual ul.bullet li a {
        display: block;
        width: 14px;
        height: 14px;
        background: #fff;
        border-radius: 100%;
    }

    .main_visual ul.bullet li a.on {
        display: block;
        width: 14px;
        height: 14px;
        background: #3d8ed9;
        border-radius: 100%;
    }

    #slides li {
        position: absolute;
        left: 0;
        margin-left: 0;
    }

    #slides li img {
        width: 200%;
        height: 300px;
        overflow: hidden;
    }

    .section01 {
        position: relative;
        margin: 0 auto;
        height: 100%;
        width: 100%;
        overflow: hidden;
        margin-top: 10px;
    }

    .section02 {
        position: relative;
        float: none;
        margin: 0 auto;
        height: 390px;
        width: 100%;
        overflow: hidden;
    }

    .section03 {
        position: relative;
        margin: 0 auto;
        height: 100%;
        width: 100%;
        overflow: hidden;
    }

    .block1_1 {
        width: 95%;
        margin: 0 auto;
        z-index: 9;
    }

    .main_service {
        width: 100%;
        height: auto;
        background: none;
        text-align: center;
        background-size: 100%;
    }

    .main_service li {
        width: 33.3%;
        height: 100%;
        padding: 5px 0 15px 0;
    }

    .main_service li.ico1 {
        background: rgba(217, 45, 45, 0.9);
    }

    .main_service li.ico2 {
        background-color: rgba(227, 89, 41, 0.9);
    }

    .main_service li.ico3 {
        background-color: rgba(220, 43, 97, 0.9);
    }

    .main_service li img {
        width: 50%;
        padding: 20px 0 10px 0
    }

    .main_service a {
        display: block;
        width: 100%;
        height: 100%;
        color: #fff;
        font-size: 16px;
        font-weight: 400;
    }

    .gallery.hidden {
        display: none;
    }

    .block1_2 {
        width: 95%;
        height: auto;
        margin: 0 auto;
    }

    .block1_2 .gallery {
        float: none;
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
    }

    .block1_2 .gallery ul {
        width: 90%;
        height: 160px;
        margin: 0 auto;
    }

    .block1_2 .gallery .img li {
        float: left;
        width: 46%;
        margin: 10px 0 20px 10px;
    }

    .block1_2 .gallery .img img {
        width: 100%;
    }

    .gallery .more {
        right: 20px;
    }

    .block1_2 .notice {
        width: 100%;
        height: auto;
        margin-top: 135px;
    }

    .block1_2 .job_inform {
        width: 100%;
        height: auto;
        margin-top: 135px;
    }

    .block2_1 {
        width: 100%;
        margin-top: 10px;
        background-color: #fff;
        overflow: hidden;
    }

    .block2_1 .gallery .img {
        margin: 0 auto;
    }

    .block2_1 .gallery .img li {
        width: 45%;
        height: 60%;
    }

    .block2_2 {
        width: 100%;
        background-color: #fff;
        border-left: none;
        overflow: hidden;
    }

    .block2_2 .gallery .img {
        margin: 0 auto;
    }

    .block2_2 .gallery .img li {
        width: 45%;
        height: 60%;
    }

    .board {
        border-top: 1px solid #eaeaea;
    }

    .board:first-child {
        border: none;
    }

    .board ul {
        margin-top: 5px;
        padding: 0 20px;
    }

    .board ul li {
        position: relative;
        width: 100%;
        padding: 4px 0 4px 8px;
        font-size: 13px;
        letter-spacing: -0.8px;
        background: url('/resources/site/fn/resource/images/main/section1_block2_board_dot.gif') no-repeat left center;
        font-size: 0.8em;
    }

    .board ul li a {
        color: #666;
        font-size: 12px;
    }

    .board ul li .date {
        position: absolute;
        right: 0;
        color: #9b9b9b;
    }

    .block3_1 {
        width: 95%;
        height: 100%;
        margin: 0 auto;
        float: none;
    }

    .block3_1 .popup img {
        width: 100%;
    }

    .list {
        width: 100%;
        margin-top: 10px;
    }

    .list li {
        width: 100%;
        height: 80px;
        border-top: 1px solid #81b924
    }

    .list li:first-child {
        border: none;
    }

    .list li a {
        line-height: 80px;
        display: block;
        padding: 0 20px;
        height: 100%;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        text-align: center;
    }

    .list li a:hover {
        background-color: #85ba2c
    }

    .list li img {
        margin-right: 10px;
    }

    .list span {
        color: #97d4f2;
        float: right;
        font-size: 12px;
        font-weight: normal;
    }

    .block3_2 {
        float: none;
        width: 95%;
        height: 100%;
        margin: 0 auto;
        margin-top: 10px;
        z-index: 10;
    }

    .block3_2 .popup {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .block3_2 .popup img {
        width: 100%;
    }
}