/*------------------------------------
	메인
------------------------------------*/
.Main .basic-bs .basic-bs-main{ padding:0; position:inherit; }
.Main .navbar.fixed{position:relative;}

.Main .basic-bs-body{ background:url(/img/main_visual_bg.jpg) no-repeat center bottom; }

/* 메인 랩 */
.main_content{ margin:0 ; padding:60px 0; /* min-height:671px; */ background:url(/img/main_visual_1.jpg) no-repeat center top; }
.main_content:after{ content:""; display:block; clear:both; }

body.Main .basic-bs-wrap{ width:100%; padding:0; max-width:none; }

/* 메인 비쥬얼 */
.main_visul_ment{ text-align:center; padding:0 15px; }
.main_visul_ment img{ width:auto; max-width:80%; }
.main_visul_ment .mobile_ment{ display:none; }

/* 메인 컨텐츠 wrap */
.content_wrap_top{  }

/*------------------------------------
	메인 컨텐츠
------------------------------------*/
/* 메인 컨텐츠 */
.content_wrap_top{ padding:50px 0 0 0; }
.content_wrap_top .container{ overflow:hidden; }

/* 좌측 제품소개 메뉴 */
.left_contents{ position:relative; overflow:hidden; float:left; width:24.6%; margin-right:0.7%; height:554px; background:#fff url(/img/product_menu_bg2.png) no-repeat center bottom; background-size:100%; background:#fff; border-radius:10px; }
.left_contents:before{ z-index:60; position:absolute; right:0; bottom:15px; width:100%; height:135px; content:''; background:url(/img/main_product_bg.png) no-repeat center bottom; background-size:auto 100%; }
.left_contents > p{ margin:0; position:relative; padding:0 25px; font:400 18px/51px 'Godo','Malgun gothic',Sans-serif; color:#fefefe; background:#4c4c4c; cursor:pointer; }
.left_contents > p:hovere{ color:#fff; }
.left_contents > p:before{ position:absolute; right:15px; top:0; width:23px; height:100%; content:''; background:url(/img/plus_btn_icon.png) no-repeat right center; opacity:0.5; filter:alpha(opacity=50); }
.left_contents > p:hover:before{ opacity:0.6; filter:alpha(opacity=60); }
.left_contents dl{ position:relative; z-index:50; margin:0 25px; padding:15px 0; border-top:1px dotted #ddd; }
.left_contents dl:nth-child(2){ overflow:hidden; padding-top:20px; border-top:none; }
.left_contents dl dt{ margin-bottom:5px; font:400 15px/17px 'Godo','Malgun Gothic',Sans-serif; color:#242424; }
.left_contents dl dd{ padding:2px 0; position:relative; padding-left:15px; }
.left_contents dl dd:before{ position:absolute; left:0; top:6px; content:''; font:normal 13px 'FontAwesome'; }
.left_contents dl dd:hover:before{ color:#fe753f; }
.left_contents dl dd a{ display:inline-block; font:normal 13px/18px 'Malgun Gothic',Sans-serif; color:#505050; }
.left_contents dl dd a, .left_contents dl dd:before{ -webkit-transition-duration:0.2s; -moz-transition-duration:0.2s; -o-transition-duration:0.2s; -ms-transition-duration:0.2s; transition-duration:0.2s; }
.left_contents dl dd:hover a{ color:#fe753f; /* font-weight:600; letter-spacing:-0.2px; */ }
.left_contents dl:nth-child(2) dd{ float:left; width:50%; }

/*싸이클 제품소개 하단 제품롤링*/
.intro_img{ display:none; position:absolute; right:0; bottom:-10px; width:90%; height:auto; text-align:right; overflow:hidden; }
.intro_img:after{ content:""; clear:both; display:block; }
.intro_img div > img{ width:auto; max-width:100%; height:auto; }
.intro_img img{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; display:block; }

/* 우측 컨텐츠 */
.right_contents{ float:left; width:74.7%; }

/* 우측 첫번째줄 */
.right_top{ overflow:hidden; margin-bottom:8px; }
.right_top > li{ overflow:hidden; float:left; margin-left:0.9%; width:32.8%; height:273px; background:rgba(255, 255, 255, 0.9); border-radius:10px; }
.right_top > li:first-child{ margin-left:0; width:66.3%; }


/* 고객센터 */
.main_notice{ text-align:center; }
.main_notice div{ padding-top:32px; }
.main_notice div img{ width:auto; max-width:100%; }
.main_notice h3{ margin:7px auto 4px; width:110px; font:400 16px/26px 'Godo','Malgun Gothic',Sans-serif; background:#4c4c4c; border-radius:100em; color:#fff; }
.main_notice small{ padding-bottom:22px; display:block; font:600 11px/13px 'Malgun Gothic',Sans-serif; color:#b0aeae; text-transform:uppercase; }
.main_notice a{ display:inline-block; }
.main_notice a.m_tel{ display:none; }
.main_notice span{ margin-bottom:7px; display:inline-block; font:bold italic 30px/32px 'Malgun Gothic',Sans-serif; color:#3659cd; }
.main_notice p, .main_notice p a{ font:normal 13px/18px 'Malgun Gothic',Sans-serif; color:#737373; }
.main_notice p a:hover{ color:#167cbf; }

/* 우측 두번째줄 */
.right_bottom{ overflow:hidden; }
.right_bottom li{ float:left; margin-left:0.9%; width:32.733%; height:273px; background:rgba(0, 156, 88, 0.9); border-radius:10px; text-align:center; cursor:pointer; }
.right_bottom li:first-child{ margin-left:0; }
.right_bottom li:nth-child(2){ background:rgba(36, 75, 203, 0.9); }
.right_bottom li:nth-child(3){ background:rgba(44, 183, 204, 0.9); }
.right_bottom li div{ position:relative; margin:37px auto 22px; width:106px; height:106px; border-radius:100em; border:1px solid #fff; }
.right_bottom li div{ -webkit-transition-duration:0.4s; -moz-transition-duration:0.4s; -o-transition-duration:0.4s; -ms-transition-duration:0.4s; transition-duration:0.4s; }
.right_bottom li:hover div{ background:rgba(255, 255, 255, 0.8); border-color:rgba(255, 255, 255, 0.8); }
.right_bottom li div:before{ position:absolute; left:0%; top:33px; width:100%; content:''; font:normal 40px 'FontAwesome'; color:#fff; }
.right_bottom li:hover div:before{ color:rgba(0, 156, 88, 0.9); }
.right_bottom li:nth-child(2) div:before{ content:''; }
.right_bottom li:nth-child(3) div:before{ padding-left:5px; content:''; }
.right_bottom li:nth-child(2):hover div:before{ color:rgba(36, 75, 203, 0.9); }
.right_bottom li:nth-child(3):hover div:before{ color:rgba(44, 183, 204, 0.9); }
.right_bottom li h3{ margin:0 0 14px; font:400 20px/22px 'Godo','Malgun Gothic',Sans-serif; color:#fefefe; }
.right_bottom li p{ font:normal 13px/18px 'Malgun Gothic',Sans-serif; color:#00361f; }
.right_bottom li:nth-child(2) p{ color:#010b2c; }
.right_bottom li:nth-child(3) p{ color:#055563; }


}
/* ############### 태블릿 반응형 ############### */
@media (max-width:1200px) {

/*------------------------------------
	메인 컨텐츠
------------------------------------*/


}
/* ############### 모바일 반응형 ############### */
@media (max-width:999px) {

/* 메인 랩 */
.main_content{ padding-bottom:0; }

/*------------------------------------
	메인 컨텐츠
------------------------------------*/
.content_wrap_top .container{ padding:0; }

/* 좌측 제품소개 메뉴 */
.left_contents{ float:none; width:100%; border-radius:0; /* height:470px; */ height:430px; }
.left_contents:before{ display:none; background-position:right bottom; right:15px; }
.left_contents dl dd:before{ top:3px; }

.left_contents dl:nth-child(2) dd{ /* float:none; width:100%; */ }

/* 우측 컨텐츠 */
.right_contents{ float:none; width:100%; }

.right_top{ margin:0; }
.right_top > li{ position:relative; float:none; width:100%; margin:0; border-radius:0; background:#fcfcfc; /* background:#fff url(/img/main_visual_1.jpg) no-repeat center bottom; */ background-size:100%; }
.right_top > li:first-child{ width:100%; border:1px solid #eee; border-width:1px 0; }
/* .right_top > li:last-child:before{ position:absolute; left:0; top:0; width:100%; height:100%; content:''; background:url(/img/white_80.png); } */

.right_bottom li{ overflow:hidden; float:none; width:100%; border-radius:0; margin:0; background:rgba(0, 156, 88, 1); }
.right_bottom li:nth-child(2){ background:rgba(36, 75, 203, 1); }
.right_bottom li:nth-child(3){ background:rgba(44, 183, 204, 1); }


}
@media (max-width:600px) {

/* 메인 랩 */
.main_content{ padding:27px 0 0 0; background-size:210%; }
.content_wrap_top{ padding-top:25px; }

/* 메인 비쥬얼 */

.main_visul_ment img{ display:none; }
.main_visul_ment .mobile_ment{ margin:0; display:block; font:400 26px/36px 'Godo','Malgun Gothic',Sans-serif; color:#2683db; text-align:center; letter-spacing:-0.3px; }
.main_visul_ment .mobile_ment strong{ display:block; color:#0663bb; font-size:28px; }
.main_visul_ment .mobile_ment span{ margin-top:8px; display:block; font:normal 13px/20px 'Malgun Gothic',Sans-serif; color:#666; word-break:keep-all; letter-spacing:-0.3px; }
.main_visul_ment .mobile_ment span i{ display:block; font-style:normal; }

.slides li div span{ padding:1px 43px 1px; }

/*------------------------------------
	메인 컨텐츠
------------------------------------*/


}