#content{width:100%}
.page_main_in{padding:0}

/* 2019-09-16 배준용 추가분 */
.main_slide_contructor{visibility:hidden;padding-bottom:84%}
.fp-tableCell{vertical-align:middle !important}
.block-005,.block-005>.fp-tableCell{height:389px !important;background:#131313}
#footer{position:absolute;width:100%;bottom:-389px;position:fixed;left:0;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
#footer.on{z-index:1111111;bottom:0;}

@media screen and (max-width:683px){
.block-005,.block-005>.fp-tableCell{height:60px !important}
}

/* 2019-09-16 배준용 추가분 끝 */

.block-002 [class*="grid-"],.block-003 [class*="grid-"],.block-004 [class*="grid-"],.block-004-1 [class*="grid-"]{max-width: 1200px;margin:0 auto;}
.block-001,.block-002,.block-003,.block-004,.block-004-1{position:relative;padd1ing:10em 0 5em 0;background-size:cover}
.block-002{background-image:url(/etc_img/main/block/block-002.jpg)}
.block-003{background-image:url(/etc_img/main/block/block-003.jpg)}
.block-004{background-image:url(/etc_img/main/block/block-004.jpg)}
.block-004-1{background-image:url(/etc_img/main/block/block-004-1.jpg)}

/*scrolldown button*/
@keyframes scrolldown{
    
    0%{bottom:5px}
    25{bottom:4px}
    50%{bottom:3px}
    75%{bottom:2px}
   100%{bottom:1px}
}


.block-001:before,.block-002:before,.block-003:before,.block-004:before,.block-004-1:before{content:"";display:inline-block;clear:both;width:145px;height:59px;position:absolute;bottom:0;left:50%;margin-left:-50px;background:url(/etc_img/main/scroll.png) no-repeat;z-index:100; animation:scrolldown 0.6s 0s infinite ease-in-out alternate;-webkit-animation:scrolldown 0.6s 0s infinite ease-in-out alternate;-moz-animation:scrolldown 0.6s 0s infinite ease-in-out alternate;}


/* 메인슬라이드 */
.main_slide1{background:url(/etc_img/main/slide/slide3.jpg) 50% 100% no-repeat;background-size:cover}
.main_slide2{background:url(/etc_img/main/slide/slide2.jpg) 50% 100% no-repeat;background-size:cover}
.main_slide3{background:url(/etc_img/main/slide/slide1.jpg) 50% 100% no-repeat;background-size:cover}

.slide_word_box{position:absolute;top:0;left:0;width:100%;margin-top:30%;text-align:center}
.slide_word1{font-size:76px;color:#fff;font-family:Arial;font-weight:bold;line-height:1.1;letter-spacing:-0.05em;margin-bottom:5px;text-shadow:rgba(0, 0, 0, 0.5) 0px 0px 3px;bor1der:1px dashed red}
.slide_word2{font-size:30px;color:#fff;font-weight:bold;line-height:1.2;text-shadow:rgba(0, 0, 0, 0.8) 0px 0px 3px;bo1rder:1px dashed red}

.slide_btn,.slide_btn2{display:inline-block;padding:1em 4em;/*background:#007ed2;*/border:1px solid #fff;color:#fff;text-align:center;/*border-radius:10000px;*/transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease}
.slide_btn:hover,.slide_btn:focus,.slide_btn2:hover,.slide_btn2:focus{background:#000; color:#fff;border:1px solid #000; transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease}
.slide_btn2{/*background:#007ed2*/border:1px solid #000; color:#000}
.slide_btn2:hover,.slide_btn2:focus{background:#000; color:#fff}


/* .grid-block_1>*[class^="grid-"],.grid-block_1>*[class^="grid2-"],.grid-block_1>*[class^="grid3-"]{width:1920px;max-width:100%;margin:0 auto} */

/* 모바일 옆으로 보기로 취급 */
@media screen and (max-width:683px){

.main_slide_contructor {padding-bottom:84%}
.slide_word_box{margin-top:20%;padding:10%}
.slide_word1{font-size:45px}
.slide_word2{font-size:20px}
.block-001:before,.block-002:before,.block-003:before,.block-004:before,.block-004-1:before{display:none}
}

/* 모바일 바로 보기로 취급 */
@media screen and (max-width:486px){
    
.slide_word_box{margin-top:40%;padding:10%}   
.main_slide1{background:url(/etc_img/main/slide/slide3_e.jpg) 0 0 no-repeat;background-size:cover}
.main_slide2{background:url(/etc_img/main/slide/slide2_e.jpg) 0 0 no-repeat;background-size:cover}
.main_slide3{background:url(/etc_img/main/slide/slide1_e.jpg) 0 0 no-repeat;background-size:cover}
    
.block-002,.block-003,.block-004,.block-004-1{position:relative;padding:0}
    
.block-002{background-image:url(/etc_img/main/block/block-002_e.jpg);}
.block-003{background-image:url(/etc_img/main/block/block-003_e.jpg)}
.block-004{background-image:url(/etc_img/main/block/block-004_e.jpg)}
.block-004-1{background-image:url(/etc_img/main/block/block-004-1_e.jpg)}

    
.slide_word1{font-size:40px}
.slide_word2{font-size:18px}
.slide_btn,.slide_btn2{padding:0.5em 1em}
    
}

.m9_box{height:420px;}
.m9_box>a{display:inline-block;height:100%;width:100%;background-position:50% 50%;background-repeat: no-repeat;background-size:cover;transition:all 0.5s ease 0s;overflow: hidden;opacity:0.8;padding:20px;}
.m9_box>a:hover{opacity:1;}

.m9_box>a>div{position:relative;width:100%;height:100%;color:#fff;border:1px solid #fff;transition:all 0.5s ease 0s;padding:2em}
.m9_box>a:hover>div{border:1px solid #fff}
.m9_box>a>div>span{display:inline-block}

.m9_box>a>div>i{font-size:30px;position:absolute;right:50px;bottom:50px}


.m9_box_1>a{background-image:url(http://bonsystems2.mong9.com/etc_img/main/imgs/img001_on.jpg)}
.m9_box_2>a{background-image:url(http://bonsystems2.mong9.com/etc_img/main/imgs/img002_on.jpg)}
.m9_box_3>a{background-image:url(http://bonsystems2.mong9.com/etc_img/main/imgs/img003_on.jpg)}
.m9_box>a>div>button{background:none;color:#fff}
.m9_box>a:hover>div>button{background:#fff;color:#000}

/*** 1번째줄 스타일 ***/





/*** 1번째줄 스타일 끝 ***/
.f-eng{font-f1amily:Arial}

.aa{position:relative;color:/*#9a5cb7*/#95edff;line-height:1.4em;font-weight:400}
.aa:before{content:'.';position:absolute;top:-1.1em;font-size:1em;left:0.35em;margin-le1ft:-0.2em;color:/*#9a5cb7*/#fff; display:none}
.btn-03{display:inline-block;font-size:18px;line-height:1;padding:10px 40px;border:1px solid #000;margin-top:13px;color:#fff;background:#000}

.upup{margin:40px 0 0 20px}
.upup>li{float:left}
.upup>li>span{display:inline-block;margin:0 24px 5px 0;padding:4px 4px;border-bottom:3px solid #fd734f;color:#161b2f}

.tab-1.basic>ul{text-align:center}
.tab-1.basic>ul>li{float:none}
.tab-1>ul>li>a{font-size:1.16em;height:55px;padding:10px 20px}
.tab-1 .tab-btn-on{background:none;border-color:transparent !important;color:#fd734f !important;border-bottom:2px solid #fd734f !important}
.tab-1 .tab-btn-off{background:none;border-color:transparent !important;color:#333 !important;border-bottom:2px solid #5d5d5d !important}
.tab-1>ul>li>a{text-align:center}
.tab-1 .tab-content{top:74px;border:none !important;padding:10px 0;font-weight:normal}
.user-tab-2>ul{margin-top:10px}
.user-tab-2>ul>li:first-child{}
.user-tab-2{padding-top:10px}

.one-cell>.content_area>.title{position:static;width:100%;text-align:center}
.one-cell>.img{border-radius:5px}
.one-cell>.img>a>img{filter:grayscale(100%)}
.one-cell:hover>.img>a>img{filter:grayscale(0)}

.user-tab-2 .tab-content{background:transparent !important}

.gallery_list2{text-align:center;min-height:264px}
.gallery_list2>ul>li{text-align:center;cursor: pointer;background:#fff;pa1dding:5px;position:relative;font-size:13px;bor1der: 1px solid #d4d4d4;}
.gallery_list2>ul>li>.img{display:block;bord1er:1px solid #ccc;font-size:0;position:relative;overflow: hidden;transition:0.3s}
.gallery_list2>ul>li>span.img:before{co1ntent:"more + "; display:inline-block; position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0, 63, 144, 0);opacity:0;font-size:16px;color:#fff;text-align:center;padding-top:70px;transition:0.3s}
.gallery_list2>ul>li>span>a>img{transition:0.3s}
.gallery_list2>ul>li:hover>span>a>img{transform:scale(1.1);}
.gallery_list2>ul>li:hover>span.img:before{background:rgba(0, 63, 144, 0.65);z-index:1;opacity:1}

.gallery_list2>ul>li>.title{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #fff;font-weight: 400;padding: 8px;position: absolute;color: #000;right: 0;padding: 7px;background-color: rgba(0,0,0,0);bottom: 0;z-index: 2;width:100%;height:100%;font-size:15px;padding-top:60px;opacity:0;font-size:15px;transition:0.3s}

.gallery_list2>ul>li:hover>.title{background-color: rgba(0,0,0,0.5);opacity:1;color:#fff}


.gallery_list2>.more{/*padding:10px 40px;border:1px solid #333;margin:1em;display:inline-block;*display:inline;*zoom:1;background:#fff;color:#000*/border: 1px solid #1d1c6d;
    padding: 0.6em 3em;
    display: inline-block;
    background: #1d1c6d;
    color: #fff;
    text-shadow: none;
    transition: all 0.3s linear 0s;
margin-top:10px;}

.gallery_list2>.more:hover{color: #0069b7;background: #fff;}

/* 가져올 게시판-뉴스형(갤러리 대용) 설정 */
.gallery_list{position:relative}
.gallery_list:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}
.gallery_list>ul>.item{display:block;width:32%;float:left;margin-right:2%}
.gallery_list>ul>.item:nth-child(3n){margin-right:0}
.gallery_list>ul>.item>.img{display:block;text-align:center;line-height:0}
.gallery_list>ul>.item>.title{display:block;text-align:left;font-size:11px;font-weight:400;padding:0.625em 0 1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gallery_list>ul>.item>.title>a:hover, .gallery_list>ul>.item>.title>a:focus{color:#f44336;text-decoration:underline}
.gallery_list>ul>.item>.contents{display:block;text-align:justify;color:#9A9A9A}
.gallery_list>.more{position:absolute;top:-26px;right:0}
.gallery_list>.more>a:before{content:'+';display:inline-block;margin-right:0.25em;font-weight:900;}
.gallery_list>.more:hover, .gallery_list>.more:focus{color:#1976d2;text-decoration:underline}

/* IE6/7/8 (via Keith Clarke) */
@media \0screen\,screen\9 {
.gallery_list>ul>.item{display:block;width:32%;float:left;padding:0 0.5%;margin:0}
}


/* 모바일 옆으로 보기로 취급 */
@media screen and (max-width:683px){

.user-tab-2>ul>li:first-child{padding-left:0}
.tab-111111>ul>li>a{float:left;display:inline-block}
.gallery_list2{padding:0 10px}

}

@media screen and (max-width:439px){
.gallery_list>ul>.item{width:49%;float:left;margin-right:2%}
.gallery_list>ul>.item:nth-child(3n){margin-right:2%}
.gallery_list>ul>.item:nth-child(2n){margin-right:0}

.tab-1 .tab-btn-off{border-bottom:1px solid #ccc !important}
.tab-1 .tab-content{top:0}
.tab-111111>ul>li>a{float:left;display:inline-block}


    .btn-03{borde1r:1px solid #fff;color:#fff}
   .gallery_list2>ul>li>span.img:before{padding-top:40px}

    .btn-03 {
    font-size: 15px;
    line-height: 1;
    padding: 8px 30px;
    margin-top: 12px;
    color: #fff;
        background:#1d1c6d;
            border-color:#1d1c6d

}


}


.group_box_1{position:relative;margi1n-bottom:30px;background:#fff;padding:30px;color:#333;bor1der:1px solid #ececec}
.group_box_1>.box_title{position:relative;z-index:2;margin-bo1ttom:20px;font-size:20px;line-height:1}
.group_box_1>.box_title>strong{col1or: #1d1c6d;}
.group_box_1>.box_title>.add_title{font-size:13px;font-weight:200;opacity:0.7;filter:alpha(opacity=70)}
.group_box_1>.box_img{position:absolute;z-index:1;bottom:0;right:0;width:50%;height:100%;overflow:hidden;background11:red;text-align:right}
.group_box_1>.box_img>img{vertical-align:bottom}
.group_box_1>.box_content{position:relative;z-index:2;font-size:1em}
.group_box_1>.box_content>p{line-height:1.4}
._cont_bbs .more{margin-top:10px;font-size:0;position:absolute;top:-75px;right:0}
._cont_bbs .more>a:after{content:"\e936";font-family:axicon;vertical-align:middle;margin-left:5px}
.more>.button{padding:4px 8px;vertical-align:middle;text-shadow:none}
.more>.button:hover{opacity:1;background:red}
 .group_box_1>.box_title:after{content:".";display:block;width:100%;height:1px;margin:15px 0;font-size:0;clear:both;background:#999;}
.group_box_1>.box_title>.add_title:before{content:"|";display:inline-block;margin:0 6px;font-si1ze:0.825em;font-weight:200}

._cont_bbs th, ._cont_bbs td{height:30px}
.board_total_box span.more{position:absolute;top:-70px;right:10px;font-size:0}

._cont_bbs .more>a:after{content:'+';font-size:30px;color:#1d1c6d}
._cont_bbs span.more>a:hover{text-decoration:none;color:red}


.board_total_box>table{table-layout:fixed;}
.board_total_box th.title, .board_total_box td.title{white-space:nowrap}
.board_total_box th.title>a:hover, .board_total_box td.title>a:hover{color:red}

.user-a .img{float:left;margin-right:20px}
.user-a .img>a>img{}

.user-a .date{display:none;di1splay:inline-block;margin-bottom:5px;font-family:Arial;color:#888}
.user-a .title{display:block;font-size:16px;font-weight:bold;white-space:nowrap;margin-bottom:10px;text-overflow:ellipsis;overflow:hidden}
.user-a .title>a:hover,.user-a .title>a:focus{color:crimson;text-decoration:underline}

.user-a .contents{display:block;text-overflow:ellipsis;overflow:hidden;line-height:1.4;color:#464646}

.user-a .item{padding:0}

.user-more-1{position:absolute;top:20px;right:28px;z-index:100}
.user-more-1>a{display:inline-block;*display:inline;*zoom:1;width:25px;height:25px;font-size:20px;line-height:1;text-align:center;border:1px solid #1d1c6d;color:#1d1c6d}
.user-more-1>a:hover,.user-more-1>a:focus{/*border-color:#000;color:#000*/background:#1d1c6d;border:1px solid #1d1c6d;color:#fff}
.user-more-1>a.slick-disabled{border-color:#ddd;color:#ddd;cursor:default}


.user-more-1>.prev{}
.user-more-1>.prev:before{content:"\e84f";font-family:axicon;}
.user-more-1>.next:before{content:"\e850";font-family:axicon;}

#area_news .more{display:none}
#area_newsletter .more{display:none}


/* 모바일 옆으로 보기로 취급 */
@media screen and (max-width:683px){

.group_box_1{padding:20px;margin-bottom:0}
.user-a .img{width:100px}
.user-a .contents{display:inline;font-size:12px}
.user-more-1{top:20px;right:20px}

}

/* 모바일 바로 보기로 취급 */
@media screen and (max-width:486px){
    .group_box_1>.box_title{font-size:18px}
    .board_total_box>table{font-size:12px}

}


/* 카테고리박스 */
.category_list{color:#666}
.category_list>dt{margin-bottom:1em;font-size:1.2em;font-weight:500;color:#1d1c6d}
.category_list>dt>a:hover{color:#000;text-decoration:underline}
.category_list>dd>ul>li{padding:0.5em 0;border-bottom:1px solid #dedede}
.category_list>dd>ul>li>a:hover{color:#000;text-decoration:underline}

/* 주요실적 배너 슬라이드 */
.slide-partner{heig1ht:100px;over1flow:hidden;margin:0 auto;background:#f1f1f1}
.slide-partner>div{margin:0 auto;}
.slide-partner .slick-track{line-height:0}
.slide-partner .slide-one{display:inline-block;flo1at:left;width:200px;background:#fff;line-height:0;text-align:center;outline:none}
.slide-partner .slick-prev{left:0;z-index:1;color:#000;left:-50px}
.slide-partner .slick-next{right:0;z-index:1;color:#000;right:-50px}

.slick-prev, .slick-next{width:40px;height:40px}
.slick-prev:before,.slick-next:before{font-family:'axicon';color:#000;font-size:40px}
.slick-prev:before{content:'\e84f'}
.slick-next:before{content:'\e850'}

.slick-slide{outline:none}
.slick-slide a{outline:none;co1lor:#1d1c6d;font-weight:500}
.slick-slide img{margin:0 auto;outline:none;width:160px}



.tab-1.basic>ul>li>a{he1ight:50px;font-size:16px;padd1ing:5px 20px;border:1px solid #644f88 !important;color:crimson;font-weight:500;box-sizing: border-box}
.tab-1.basic>ul>li>a:hover{background-color:#f4f8ff !important}

.tab-1 .tab-btn-on{color:#1d1c6d !important}

.tab-1.basic .tab-content{t1op:60px}


@media screen and (max-width:683px){

.tab-1.basic>ul>li>a{min-width:auto;height:auto;padding:0 5px;font-size:13px}

}


.scroll-dot{position:fixed;top:200px;right:200px;z-index:500;displ1ay:none;opacity:0;transition:all 0.5s ease 0s}
.scroll-dot.on{displ1ay:block;opacity:1;transition:all 0.5s ease 0s}
.scroll-dot>li{display:block;line-height:1;font-size:0}
.scroll-dot>li>a{position:relative;display:inline-block;width:20px;height:20px;cursor:pointer}
.scroll-dot>li>a>span{position:absolute;top:2px;right:8px;font-size:12px;padding:5px 10px;border-radius:5px;line-height:1;font-family:dotum;background:crimson;color:#fff;white-space:nowrap;opacity:0;transition:all 0.5s ease 0s}

.scroll-dot>li>a>span:before{content:'';position:absolute;top:50%;right:-2px;width:15px;height:15px;transform:rotate(45deg);z-index:-1;background:inherit;display:block;margin-top:-8px}

.scroll-dot>li>a:before{position:absolute;top:7px;left:7px;content:'';width:6px;height:6px;border-radius:50%;background:crimson;border:2px solid #fff;transition:all 0.3s ease 0s}
.scroll-dot>li:hover>a:before{top:6px;left:6px;width:8px;height:8px}
.scroll-dot>li.on>a:before{position:absolute;top:4px;left:4px;content:'';width:12px;height:12px;border-radius:50%}
.scroll-dot>li:hover>a>span{opacity:1;right:23px}



.order_table{width:100%;border-collapse:separate;border-spacing:1px;background:#ccc;font-family:dotum;font-size:12px;color:#fff}
.order_table th,.order_table td{background:#fff;text-align:center;padding:4px;color:#333}
.order_table thead th, .order_table thead td{font-weight:bold;padding:8px 4px;background:#f3f3f3;;color:#000}
.order_table .no>span{padding:2px 5px;back1ground:#0e3c69;vertical-align:middle;border-radius:3px;min-width:25px;display:inline-block;c1olor:#fff}
.order_table .title{text-align:center;color:#000}
.order_table ._status_value{display:inline-block;min-width:75px;border-radius:3px;padding:4px 6px;font-size:12px;background:#1d1c6d;border:#1d1c6d;}

.order_box th.no{width:35px}
.order_box th.name{width:100px}
.order_box th.status{width:100px}


@media screen and (max-width:439px){
.order_box th.group1,.order_box th.group2,.order_box td.group1,.order_box td.group2,.order_box th.name,.order_box td.name{display:none}
.order_table ._status_value{min-width:65px;font-size:10px}
.order_table .title{overflow:hidden}
.order_table .title>a{display:block;width:150px;white-space:nowrap;text-overflow:ellipsis}

}


/* 메인 디자인 속성추가 - 190916 KSE */
#fp-nav ul li, .fp-slidesNav ul li{ height: auto; }
#fp-nav ul li a.active{ height: 40px; }
#fp-nav ul li a, .fp-slidesNav ul li a{ height: 25px; }
#fp-nav ul li a span, .fp-slidesNav ul li a span{ width: 10px; height: 10px; margin: -5px 0 0 -5px; background: #FFF; }

#fp-nav ul li a.active span {
    background: #FFF url(/etc_img/main/vrar_logo_c.png) no-repeat center center;
    width: 40px;
    height: 40px;
    display: block;
    background-size: 90%;
    margin: 0px 0px 0px -20px !important;
    top: 0px;
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
    height: 40px;
    width: 40px;
    margin: 0px 0 0 -20px !important;
    border-radius: 100%;
    /* left: 50%; */
}

#fp-nav.fp-right{ right: 70px; }
#fp-nav>ul>li:last-child{display:none !important}
.more-down { position: fixed; z-index: 9999; width: 1px; height: 1px; left: -20px; right: 0; margin: 0 auto; bottom: 100px; color: #FFF; font-size: 3em; }
.more-down:after { content: "MORE"; display: block; font-size: 12px; position: relative; left: -6px; }

/* 모바일 바로 보기로 취급 */
@media screen and (max-width:683px){

    #fp-nav{display:none}
}