/* contents */
#contents { position:relative;}
#contents .visual_area {position:relative;}
#contents .visual_area .rollingdiv {width:99px; margin:0px 42%; z-index:3; position:absolute; bottom:123px;}
#contents .visual_area .rollingdiv .rolling li{ float:left; cursor:pointer;}
#contents .visual_area .rollingdiv .rolling .rolling_01{margin:5px;}
#contents .visual_area .rollingdiv .rolling .rolling_02{margin:5px;}
#contents .visual_area .rollingdiv .rolling .rolling_03{margin:5px;}
#contents .visual_area .visual div {width:100%; position:absolute;}
#contents .visual_area .visual img{width:100%;}
#contents .visual_area .visual_text{z-index:3; margin:190px 0 0 50px; position:absolute;}
#contents .visual_area .visual_text img { width:100%;}

#contents .case{width:100%; z-index:3; position:absolute; bottom:0; left:0; }
#contents .case .casea { padding-right:160px; display:block;}
#contents .case .casea .case_text { width:100%; position:relative; background-color:#8b5a02; height:64px; padding:46px 0 0 20px; font-family:'나눔고딕','NanumGothic'; font-size:45px; color:#fff; display:inline-block; }

#contents .case .casea .case_btn{ background:#8b5a02; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity:0.5; position:absolute; top:0; right:0;}
#contents .case .casea .case_btn img{padding:25px 38px;}

/* 
***
***
	메인롤링(하이브리드앱) 시작
***
***
*/

/* container */
#container{width:100%; position:relative;}
#main_container{width:100%; margin:0 auto; position:relative;}

/* 메인 메뉴 버튼 */
#mainApp{width:100%; margin:0 auto; position:relative; overflow:hidden;}
#main_con { width:46%; float:left;}
/* #main_con { width:100%;} */
#main_con .mc{ width:100%; margin:13% 0 0 5%;}
/* #main_con .mc{ width:100%; margin:13% 0 0 0%;} */
#main_con ul.maincontent { width:100%; }
/* #main_con ul.maincontent { width: 100%; display: grid; grid-template-columns: auto auto auto; justify-content: center; align-content: center; grid-gap: 20px; } */
#main_con ul.maincontent .mbtn1{float:left; margin:0 3% 0 0;}
#main_con ul.maincontent .mbtn2{float:left; }
#main_con ul.maincontent .mbtn3{float:left; margin:5% 3% 0 0;}
#main_con ul.maincontent .mbtn4{float:left; margin:5% 3% 0 0;}
#main_con ul.maincontent .mbtn5{float:left; margin:5% 3% 0 0;}
#main_con ul.maincontent .mbtn6{float:left; margin:5% 3% 0 0;}
/* #main_con ul.maincontent .mbtn1{}
#main_con ul.maincontent .mbtn2{}
#main_con ul.maincontent .mbtn3{}
#main_con ul.maincontent .mbtn4{}
#main_con ul.maincontent .mbtn5{}
#main_con ul.maincontent .mbtn6{} */

#main_con ul.maincontent li { width:45%; list-style-type:none;}
/* #main_con ul.maincontent li { width:100%; list-style-type:none;} */
#main_con ul.maincontent li a img {width:90%;}
/* #main_con ul.maincontent li a img {width:100%; margin:0 auto;} */
#main_con ul.maincontent li a{width:100%;}

/* 비쥬얼 슬라이드 */
#visual_slide { width:54%; float:left; }
/* #visual_slide { width:100%; float:left; } */
#visual_slide .vslide { width:100%; height:100%; margin-top:6%;}
#visual_slide .vslide .slider{ width:97%;}
/* #visual_slide .vslide .slider{ width:100%;} */
#visual_slide .vslide .slider img{width:100%;}

/* 이벤트 슬라이드 */
#event_area { width:100%; bottom:-8px; position:relative;}
#event_area .event_v { width:97%; margin:0 auto;}

#event_area .event_v .event_s img{width:100%;}
#event_area .event_v .event_a img{width:100%; margin-top:2%;}




/* 메인 동영상 */



/* 
***
***
	메인롤링(하이브리드앱) 끝
***
***	
*/

/* left_rolling(롤링되는버튼) 
#left_rolling{position:fixed; background-color:#8b5a02; width:44px; margin-left:-22px; height:100%; z-index:290;}
#left_rolling .rolling_btn{ margin:0 auto;}
#left_rolling .rolling_btn ul{ margin-top:150px; margin-left:4px;}
#left_rolling .rolling_btn ul .main_btn_ty1{background:url(../images/main/img_rolling_01_off.png); width:35px; height:35px;}
#left_rolling .rolling_btn ul .main_btn_ty2{background:url(../images/main/stop.png); width:35px; height:35px; z-index:2;}
.main_btn_ty1_on{background:url(../images/main/img_rolling_01_on.png); width:35px; height:35px;}
.main_btn_ty2_on{background:url(../images/main/play.png); width:35px; height:35px; z-index:2;}


/* main_case(설치사례) 
#main_case{position:fixed; top:745px; width:1020px; z-index:285; margin-left:22px;}
#main_case .case_img{float:left;}
#main_case .case_img ul li {float:left;}


/* top_board(상단 게시판) 
#top_board {position:fixed; margin-left:22px;background:url(../images/main/main_board_bg.png); overflow:hidden;  width:100%; height:90px; z-index:295; top:0px;}
#top_board .board_all{float:left; width:1020px; height:90px;}
#top_board .board_all .board_01 {float:left; margin:10px 45px;} 
#top_board .board_all .board_01 p{float:left;} 
#top_board .board_all .board_01 ul {float:left; margin-left:25px;}
#top_board .board_all .board_01 ul li{ margin-bottom:5px;}

#top_board .board_all .board_02 {float:left; margin:10px 55px;} 
#top_board .board_all .board_02 p{float:left;} 
#top_board .board_all .board_02 ul{float:left; margin-left:25px;} 
#top_board .board_all .board_02 ul li{ margin-bottom:5px;}

#top_board .board_all .board_03 {background-color:#f49c00; float:right; width:147px;height:90px;} 
#top_board .board_all .board_03 p{float:right; margin:10px 30px 0 30px;}


/* main_visual(메인비주얼) 
#main_visual{position:fixed; width:100%; height:100%; background:#000;}
#main_visual .slide_visual{position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:100; margin-left:22px;}
#main_visual .slide_visual .slide_text{position:absolute; margin-left:45px; z-index:200;}
#main_visual .slide_visual .slide_text p{width:460px;; margin:220px auto;}
#main_visual .slide_visual .slide_img{position: absolute; width:100%; height:100%;}
#main_visual .slide_visual .slide_img div img{position:absolute; margin:auto; z-index:100;}
#main_visual .slide_visual .slide_img .img{ position:absolute; overflow:hidden;}
.imgW_100 {height:auto; width:100%;}
.imgH_100 {height:100%; width:auto;}

/* main_popup(메인팝업) 
#main_popup {position:absolute; left:22px; top:0px; width:100%; height:100%; margin:0 auto; background:url(../images/main/main_popup_bg.png);  z-index:900; display:none;}
#main_popup .popup_area{ margin:200px; width:732px;}
#main_popup .popup_area .popup_text{float:left; line-height:18px; font-family:'나눔고딕','NanumGothic'; font-size:20px; letter-spacing:-0.01px; color:#fff; margin:10px;}
#main_popup .popup_area .popup_close{ float:right;}
*/