.parallax-bg { position:absolute !important; left:0; width:100%; z-index:5 !important; height:20000px; }
#about-parallax01 { background:url('../img/main/about_b1.jpg') no-repeat center bottom; bottom:0; }
#about-parallax02 { background:url('../img/main/about_b2.jpg') no-repeat center bottom !important; bottom:0; }
#about-parallax03 { background:url('../img/main/about_b3.jpg') no-repeat center bottom; bottom:0; }
#main > .parallax-box { position:relative; overflow:hidden; }
#main > .parallax-box > .posi_box { position:relative; z-index:10; }

.tblock {display:none;}
.mblock {display:none;}
.article { width:1100px; margin:0 auto; }


/* 메인 공통사항 */
#main { padding:96px 0 0; }
#main > div .bt { font-size:18px; padding:15px 0 10px; color:#000; border-bottom:1px solid #C7C7C7; margin-bottom:5px; position:relative; font-family:'notokr-regular'; }
#main > div .bt.center { color:#fff; text-align:center; font-size:30px; border-bottom:0; margin-bottom:50px; padding:0; }
#main > div .bt.center.black { color:#000; }
#main > div h6.bt.center span { display:block; margin-top:10px; text-align:center; font-size:16px; font-weight:500; }
#main > div .bt .on { font-weight:600; }

/* 메인 이미지영역 */
#main > div.image { background:url('../img/main/main_video.jpg'); width:100%; height:750px; position:relative; overflow:hidden; }
#main > div.image iframe { width:1920px; position:absolute; top:0; left:50%; margin-left:-960px; height:1080px; }
#main > div.image > div { position: absolute; top:25%; width:100%; left:0; color:#fff; text-align:center; }
#main > div.image div h2 { font-size:35px; line-height:45px; }
#main > div.image div div { font-size:150px; font-weight:800; padding:0 0; }
#main > div.image div p { font-size:25px; }

/* 메인 게시물 */
#main > div.bbs { padding:40px 0; }
#main > div.bbs > div { overflow:hidden; margin-top:30px; }
#main > div.bbs > div:first-child { margin-top:0; }
#main > div.bbs .left { width:63%; float:left; }
#main > div.bbs .left ol.btn { position:absolute; top:18px; right:0; overflow:hidden;}
#main > div.bbs .left ol.btn li { float:left; margin-left:3px; }
#main > div.bbs .left .bbs_con { overflow:hidden; padding:0; }
#main > div.bbs .left .bbs_con.noti_con { display:block; }
#main > div.bbs .left .bbs_con.press_con { display:none; }
#main > div.bbs .left .bbs_con > div { height:270px; position:relative; overflow:hidden; }
#main > div.bbs .box02 .left .bbs_con > div { height:197px; }
#main > div.bbs .left .bbs_con ul { margin:0; position:absolute; top:0; left:0; width: 100%;}
#main > div.bbs .left .bbs_con ul li { border-bottom:1px dotted #ccc; overflow:hidden; }
#main > div.bbs .left .bbs_con ul li a { display:block; margin:10px 0; overflow:hidden; height:45px; }
#main > div.bbs .left .bbs_con ul li a > div p { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#main > div.bbs .left .bbs_con ul li a > div .tit { font-size:15px; font-weight:600; padding:0 0 2px; color:#000; }
#main > div.bbs .left .bbs_con ul li a > div .con { color:#666; }
#main > div.bbs .left .bbs_con ul li a > div p span.date { float:right; font-size:12px; color:#5b5b5b }
#main > div.bbs .left .news_con ul li { float:left; width:48%; border-bottom:none; }
#main > div.bbs .left .news_con ul li.first { margin-right:4%; }
#main > div.bbs .left .news_con ul li a { height:auto; }
#main > div.bbs .left .news_con ul li a .img { margin-bottom:10px; background-size:cover; background-position:center center; background-repeat:no-repeat; height:114px; }

#main > div.bbs .right { float:right; width:34%; }
#main > div.bbs .right div a.list_more { position:absolute; top:24px; right:0px; }
#main > div.bbs .right div #photo { position: relative; padding:9px 0 0; text-align: center; }
#main > div.bbs .right div #photo ul { height:256px; margin:0 auto; overflow:hidden; position:relative; }
#main > div.bbs .right div #photo ul li { text-align:center; position:absolute; display:none; left:0px; top:0px; width:100%; }
#main > div.bbs .right div #photo ul li.on { display:block; }
#main > div.bbs .right div #photo ul li a img { width:100%; }

#main > div.bbs .right { overflow:hidden;}
#main > div.bbs .right > p { text-align:center; font-size:20px; padding-top:33%;}
#main > div.bbs .right { float:right; width:34%; height:100%; position:relative; overflow:hidden; }
#main > div.bbs .right:first-child { float:left; }
#main > div.bbs .right div.my-slider { height:100%; min-height:100%; }
#main > div.bbs .right div.my-slider ul { height:100%; min-height:100%; }
#main > div.bbs .right div.my-slider ul li { height:100%; min-height:100%; }
#main > div.bbs .right div.my-slider ul li img { height:100% !important; max-width:none !important; }

#main > div.bbs .right div.banner {  margin:15px 0 0; width:10000px; height:240px; position:relative; overflow:hidden; }
#main > div.bbs .right div.banner ul { overflow:hidden; position:absolute; top:0; left:0; height:100%; }
#main > div.bbs .right div.banner ul > li { float:left; }
#main > div.bbs .right div.banner ul li ol { margin:0; padding:0; overflow:hidden; }
#main > div.bbs .right div.banner ul li ol li { list-style:none; }
#main > div.bbs .right div.banner ul li ol li img { width:174px; height:50px; margin:5px; max-height:108px !important;}
#main > div.bbs .right > ul.video_box > li {height:252px}

#main > div.adver { padding:0; }
#main > div.adver > div { position:relative; overflow:hidden; border-top:1px solid #ccc; padding:40px 0;}
#main > div.adver > div > div {overflow:hidden;  height:53px; position:relative; }
#main > div.adver > div > div ul { position: absolute; left: 0; top: 0; width:10000px;}
#main > div.adver > div > div ul li {overflow:hidden; width:190px; float:left; text-align:center; }
#main > div.adver > div > div ul li a {display:block; margin:0 7px; }


/* 메인 서비스 */
#main > div.service { padding:100px 0; }
#main > div.service .service_wrap { overflow:hidden; height:600px; }
#main > div.service .service_wrap > p { text-align:center; font-size:20px; padding-top:33%;}
#main > div.service .service_wrap > div { float:right; width:50%; height:100%; position:relative; overflow:hidden; }
#main > div.service .service_wrap > div:first-child { float:left; }
#main > div.service .service_wrap > div div.my-slider { height:100%; min-height:100%; }
#main > div.service .service_wrap > div div.my-slider ul { height:100%; min-height:100%; }
#main > div.service .service_wrap > div div.my-slider ul li { height:100%; min-height:100%; }
#main > div.service .service_wrap > div div.my-slider ul li img { height:100% !important; max-width:none !important; }

#main > div.service .service_wrap > div .banner { overflow:hidden; }
#main > div.service .service_wrap > div .banner li { float:left; width:50%; height:200px; }
#main > div.service .service_wrap > div .banner li .con1 { background:#f5f5f5; }
#main > div.service .service_wrap > div .banner li .con2 { background:url('../img/main/main_cq02.jpg') center center no-repeat; color:#fff; }
#main > div.service .service_wrap > div .banner li .con3 { background:url('../img/main/main_cq03.jpg') center center no-repeat; color:#fff; }
#main > div.service .service_wrap > div .banner li .con4 { background:#f4f4f4; }
#main > div.service .service_wrap > div .banner li .con5 { background:#f5f5f5; }
#main > div.service .service_wrap > div .banner li .con6 { background:url('../img/main/main_cq06.jpg') center center no-repeat; color:#fff; }
#main > div.service .service_wrap > div .banner li img { max-width:none; }


/* 메인 신제품 */
#main > div.newproduct ol.btn { position:absolute; top:20px; right:0; overflow:hidden;}
#main > div.newproduct ol.btn li { float:left; margin-left:3px; }
#main > div.newproduct { padding:80px 0 20px ; }
#main > div.newproduct > div.new_pro {border-bottom:1px solid #e1e1e1; padding-bottom:40px}
#main > div.newproduct .product_con { overflow:hidden; position:relative; }
#main > div.newproduct .product_con ul { overflow:hidden; width:100%; position:absolute; top:0; left:0; }
#main > div.newproduct .product_con ul li { float:left; width:16.667%; }
#main > div.newproduct .product_con ul li a { display:block; margin:0 10px;border:1px solid #ccc;} 
#main > div.newproduct .product_con ul li a div { height:130px; text-align:center; background-size:cover; background-position:center center; background-repeat:no-repeat; }
#main > div.newproduct .product_con ul li a p { text-align:center; padding:6px 10px;  color:#000; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:800; }
#main > div.newproduct .product_con ul li a p span { font-weight:400; color:#666; }


/* QUICK :: KOBA SPECIAL */
#main .quick { padding:0 !important; background:#ccc }
#main .quick .posi_box { position:relative; height:370px; }
#main .quick .posi_box .quick_con { position:absolute; top:0; left:50%; width:100%; margin-left:-500px; padding:60px 0; }
#main .quick .posi_box .count-particles { display:none; }
#main .quick .posi_box #particles-js { height:100%; }

#main > div.quick .quick_box {overflow:hidden; padding:0; position:relative; }
#main > div.quick .quick_box div.btn_box {padding:30px 0 0;text-align:center; }
#main > div.quick .quick_box div.btn_box a { display:inline-block; padding:8px 15px; border:1px solid #ccc; color:#fff; text-decoration:none}
#main > div.quick .quick_box div.btn_box a:hover { background:#ddd; color:#fff; }

#main > div.quick .quick_box ul {overflow:hidden; padding:0; position:relative; top:0; left:0; width:100000px; z-index:1; }
#main > div.quick .quick_box ul li {float:left; list-style:none; }
#main > div.quick .quick_box ul li a { display:block; position:relative; width:400px; height:250px; background-repeat:no-repeat; background-position:center center; background-size:100%; }
#main > div.quick .quick_box ul li a img { width:100%; }
#main > div.quick .quick_box ul li a div { position:absolute; top:0; left:0; width:100%; height:100%; }
#main > div.quick .quick_box ul li a div p { position:relative;  z-index:2; padding:150px 20px 0; font-size:28px; font-weight:700; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height:normal; }
#main > div.quick .quick_box ul li a div span { z-index:1; display:block; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.3; background:#000  }
#main > div.quick .quick_box ul li a > p {position:absolute; bottom:0; left:0; width:100%; background:url("../img/common/opa50.png") repeat; text-align:center; color:#fff; font-size:20px; padding:10px 0; border-right:1px solid #333; }

#main > div.quick .quick_box p.more { text-align:center; margin-top:20px; font-size:22px; }
#main > div.quick .quick_box p.more a { color:#fff; }
#main > div.quick .quick_box p.more a:hover { text-decoration:underline; }

#main > div.quick ul li.quick01 { background-color:#555; }
#main > div.quick ul li.quick01:hover { background-color:#444; }
#main > div.quick ul li.quick01 span { background:url('../img/main/icon01.png') no-repeat center; width:45px; height:57px; }
#main > div.quick ul li.quick02 { background-color:#4b4b4b; }
#main > div.quick ul li.quick02:hover { background-color:#444; }
#main > div.quick ul li.quick02 span { background:url('../img/main/icon03.png') no-repeat center; width:48px; height:57px; }
#main > div.quick ul li.quick03 { background-color:#555; }
#main > div.quick ul li.quick03:hover { background-color:#444; }
#main > div.quick ul li.quick03 span { background:url('../img/main/icon03.png') no-repeat center; width:50px; height:57px; }
#main > div.quick ul li.quick04 { background-color:#4b4b4b; }
#main > div.quick ul li.quick04:hover { background-color:#444; }
#main > div.quick ul li.quick04 span { background:url('../img/main/icon03.png') no-repeat center; width:50px; height:57px; }
#main > div.quick ul li.quick05 { background-color:#4b4b4b; }
#main > div.quick ul li.quick05:hover { background-color:#444; }
#main > div.quick ul li.quick05 span { background:url('../img/main/icon03.png') no-repeat center; width:50px; height:57px; }
#main > div.quick ul li.quick06 { background-color:#555; }
#main > div.quick ul li.quick06:hover { background-color:#444; }
#main > div.quick ul li.quick06 span { background:url('../img/main/icon03.png') no-repeat center; width:50px; height:57px; }
#main > div.quick ul li.quick07 { background-color:#4b4b4b; }
#main > div.quick ul li.quick07:hover { background-color:#444; }
#main > div.quick ul li.quick07 span { background:url('../img/main/icon03.png') no-repeat center; width:50px; height:57px; }
#main > div.quick ul li.quick08 { background-color:#555; }
#main > div.quick ul li.quick08:hover { background-color:#444; }
#main > div.quick ul li.quick08 span { background:url('../img/main/icon03.png') no-repeat center; width:50px; height:57px; }


#main > div.sponsor { padding:35px 0; }
#main > div.sponsor > div { overflow:hidden; position:relative; }
#main > div.sponsor div > a { display:block; position:absolute; top:11px; width:15px; height:25px; }
#main > div.sponsor div a.prev { left:0; }
#main > div.sponsor div a.next { right:0; }
#main > div.sponsor div div { width:950px; height:51px; margin:0 auto; overflow:hidden; position:relative; }
#main > div.sponsor div ul { width:10000px; position:absolute; height:100%; top:0; left:0; }
#main > div.sponsor div ul li { overflow:hidden; width:190px; float:left; }
#main > div.sponsor div ul li a { display:block; margin:0 7px; }


/* 서브틀 */
#content_wrap { padding:95px 0 0; }
#content_wrap .article { padding:20px 0; min-height:680px; }
#content_wrap .article.sub_tab { margin:29px auto 0; padding:0; min-height:0; }
#content_wrap .article02 { padding:29px 0 0; min-height:auto !important; }
#content_wrap .article.search_box { padding-top:30px; }

/* 서브 비주얼 영역 */
#content_wrap .visual .visual_bg { position:relative; height:100%; }
#content_wrap .visual .visual_bg .count-particles { display:none; }
#content_wrap .visual .visual_bg #particles-js { height:100%; }
#content_wrap .visual .visual_bg p.article { width:100%; min-height:auto; padding:0; position:absolute;top:130px;left:0; color:#fff; text-align:center; }
#stats { display:none !important; }

/* 전시회 소식 */
.close_btn { display:block; position:fixed; width:100%; height:100%; background:#000; opacity: 0.8; filter: alpha(opacity:'80'); z-index:1000; text-indent:-5000px; }
#bbs_popup_content { position:relative; width:980px; margin:0 auto; z-index:2000; }
#bbs_popup_content > a { font-size:60px; font-weight:800; color:#fff; position:absolute; display:block; z-index:2000; }
#bbs_popup_content > a.left { left:-100px }
#bbs_popup_content > a.right { right:-100px }
#bbs_popup_content .bbs_popup { position:absolute; width:100%; }
#bbs_popup_content .bbs_popup > div { position:relative; border:12px solid #fff; }
#bbs_popup_content .bbs_popup > div img { width:100%; }
#bbs_popup_content .bbs_popup > div div { position:absolute; width:60%; bottom:18px; left:20px; background:url('../img/common/opa70.png') repeat; padding:20px 40px; }
#bbs_popup_content .bbs_popup > div div p { color:#fff; }
#bbs_popup_content .bbs_popup > div div p:first-child { font-size:15px; padding-bottom:10px; font-weight:700; }

@media all and (max-width:980px){
.close_btn { opacity:1; filter: alpha(opacity:'100'); }
#bbs_popup_content { width:auto; }
#bbs_popup_content > a.left { left:0 }
#bbs_popup_content > a.right { right:0 }
#bbs_popup_content .bbs_popup > div { border:none; }
#bbs_popup_content .bbs_popup > div div { width:auto; /* bottom:15px; left:15px; */ padding:10px 15px; position:static; }

}