.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/pt/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/pt/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/pt/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/pt/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/pt/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/pt/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/pt/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%;}