@charset "utf-8";
/* ----------
css
---------- */


/* main */
#mainContainer { background-color:#fff; }
#mainVisual { /* height:580px; */ height:520px; position:relative; background-color:#f4f4f4; }
#mainVisual .visual-btn { width:100%; position:absolute; left:0; /* bottom:94px; */ bottom:34px; font-size:0; text-align:center; z-index:99999; }
#mainVisual .visual-btn a { display:inline-block; padding:0 2px 0 2px; font-size:0; }
#mainVisual .visual-img { /* height:580px; */ height:520px; }
#mainVisual .visual-img .visual-img-inner { /* height:580px; */ height:520px; /* background:url("/kr/images/main/main_visual_bg_01.jpg") no-repeat center top; */ }
#mainVisual .visual-img .visual-img-inner a { display:block; /* height:580px; */ height:520px; background:url("/kr/images/main/main_visual_01.jpg") no-repeat center top; position:relative; z-index:999; }
#mainContent { background:url("/kr/images/layout/container_bg.gif") no-repeat center top; overflow:hidden; }
#mainContent .main-product { width:1100px; height:279px; margin:30px auto 0; position:relative; }
#mainContent .main-product .product-st { width:1000px; height:59px; margin:0 auto; font-family:Calibri, Arial, sans-serif; font-size:30px; color:#333; font-weight:500; }
#mainContent .main-product .product-st span { color:#f39801; }
#mainContent .main-product .prev-btn { display:block; width:35px; height:35px; position:absolute; left:0; top:152px; }
#mainContent .main-product .next-btn { display:block; width:35px; height:35px; position:absolute; right:0; top:152px; }
#mainContent .main-product .product-list { width:990px; height:220px; margin:0 auto; overflow:hidden; }
#mainContent .main-product .product-list ul { width:1000px; height:220px; }
#mainContent .main-product .product-list ul li { float:left; width:190px; height:220px; margin-right:10px; position:relative; }
#mainContent .main-product .product-list ul li .layer {
	display:block; width:190px; height:190px; font-size:0;
	background:url("/kr/images/common/product_layer_img.png") no-repeat left top;
	position:absolute; left:0; top:0; display:none;
}
#mainContent .main-product .product-list ul li .photo { display:block; width:190px; height:190px; font-size:0; }
#mainContent .main-product .product-list ul li .photo img { width:190px; height:190px; }
#mainContent .main-product .product-list ul li .txt { display:block; width:190px; height:30px; background-color:#d5d5d5; font-size:14px; color:#333; font-weight:600; text-align:center; line-height:30px; }
#mainContent .main-product2-out { margin-top:30px; padding:30px 0 30px 0; background-color:#eee; }
#mainContent .main-product2 { width:1100px; height:279px; margin:0 auto; position:relative; }
#mainContent .main-product2 .product-st { width:1000px; height:59px; margin:0 auto; font-family:Calibri, Arial, sans-serif; font-size:30px; color:#333; font-weight:500; }
#mainContent .main-product2 .product-st span { color:#f39801; }
#mainContent .main-product2 .prev-btn { display:block; width:35px; height:35px; position:absolute; left:0; top:152px; }
#mainContent .main-product2 .next-btn { display:block; width:35px; height:35px; position:absolute; right:0; top:152px; }
#mainContent .main-product2 .product-list { width:990px; height:220px; margin:0 auto; overflow:hidden; }
#mainContent .main-product2 .product-list ul { width:1000px; height:220px; }
#mainContent .main-product2 .product-list ul li { float:left; width:190px; height:220px; margin-right:10px; position:relative; }
#mainContent .main-product2 .product-list ul li .layer {
	display:block; width:190px; height:190px; font-size:0;
	background:url("/kr/images/common/product_layer_img.png") no-repeat left top;
	position:absolute; left:0; top:0; display:none;
}
#mainContent .main-product2 .product-list ul li .photo { display:block; width:190px; height:190px; font-size:0; }
#mainContent .main-product2 .product-list ul li .photo img { width:190px; height:190px; }
#mainContent .main-product2 .product-list ul li .txt { display:block; width:190px; height:30px; background-color:#d5d5d5; font-size:14px; color:#333; font-weight:600; text-align:center; line-height:30px; }
#mainContent .main-middle-banner { height:300px; margin-top:50px; background-color:#f4f4f4; }
#mainContent .main-middle-banner .main-middle-banner-inner { width:1000px; height:300px; margin:0 auto; overflow:hidden; position:relative; }
#mainContent .main-middle-banner .main-middle-banner-inner .banner-img { width:225px; height:244px; position:absolute; left:60px; top:25px; }
#mainContent .main-middle-banner .main-middle-banner-inner .banner-txt-area { margin:76px 0 0 346px; }
#mainContent .main-middle-banner .main-middle-banner-inner .banner-txt-area .banner-txt1 { font-size:22px; color:#cda223; font-weight:600; }
#mainContent .main-middle-banner .main-middle-banner-inner .banner-txt-area .banner-txt2 { font-size:36px; color:#333; font-weight:600; margin-top:5px; }
#mainContent .main-middle-banner .main-middle-banner-inner .banner-txt-area .banner-txt3 { font-size:16px; color:#555; font-weight:600; margin-top:15px; }
#mainContent .main-middle-banner .main-middle-banner-inner .banner-txt-area .banner-txt4 { font-size:13px; color:#777; line-height:1.5; margin-top:20px; }
#mainContent .main-middle-banner .main-middle-banner-inner .banner-btn {
	display:block; width:110px; height:40px; background-color:#cda223;
	font-family:Calibri, Arial, sans-serif; font-size:15px; color:#fff; font-weight:600; text-align:center; line-height:40px;
	border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
	position:absolute; right:70px; top:130px;
}
#mainContent .main-customer { width:1000px; height:180px; margin:50px auto 0; }
#mainContent .main-customer .main-notice { float:left; /* width:490px; */ width:350px; height:180px; }
#mainContent .main-customer .main-notice .notice-st { height:40px; font-size:20px; color:#333; font-weight:600; }
#mainContent .main-customer .main-notice .notice-left { float:left; width:150px; }
#mainContent .main-customer .main-notice .notice-left .photo { display:block; width:150px; height:110px; font-size:0; }
#mainContent .main-customer .main-notice .notice-left .photo img { width:150px; height:110px; }
#mainContent .main-customer .main-notice .notice-left .txt { display:block; padding:7px 5px 0 5px; font-size:13px; color:#555; }
#mainContent .main-customer .main-notice .notice-right { /* float:right; */ float:left; width:310px; margin-top:10px; }
#mainContent .main-customer .main-notice .notice-right li {
	margin-bottom:12px; padding-left:9px; background:url("/kr/images/main/main_notice_bul_01.gif") no-repeat left 6px;
	font-size:13px; color:#555;
}
#mainContent .main-customer .main-notice .notice-right li a { font-size:13px; color:#555; }
#mainContent .main-customer .main-center { /* float:right; */ float:left; /* width:490px; */ width:390px; height:180px; }
#mainContent .main-customer .main-center .center-st { height:40px; font-size:20px; color:#333; font-weight:600; }
#mainContent .main-customer .main-center .center-left { float:left; width:150px; height:110px; font-size:0; }
#mainContent .main-customer .main-center .center-left img { width:150px; height:110px; }
#mainContent .main-customer .main-center .center-right { float:right; /* width:315px; */ width:220px; }
#mainContent .main-customer .main-center .center-right .txt { padding-top:12px; font-size:13px; color:#555; line-height:1.4; }
#mainContent .main-customer .main-center .center-right .btn {
	display:block; width:80px; height:24px; background-color:#333; margin-top:18px;
	font-size:11px; color:#fff; font-weight:600; text-align:center; line-height:24px;
	border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
}
#mainContent .main-customer .main-banner { float:right; width:230px; height:180px; overflow:hidden; }
#mainContent .main-customer .main-banner .banner1 { display:block; width:230px; height:44px; background:url("/kr/images/main/main_banner_bg_01.gif") no-repeat left top; overflow:hidden; }
#mainContent .main-customer .main-banner .banner1 span { display:block; font-size:16px; color:#fff; font-weight:600; margin:14px 0 0 100px; }
#mainContent .main-customer .main-banner .banner2 { display:block; width:230px; height:44px; background:url("/kr/images/main/main_banner_bg_02.gif") no-repeat left top; overflow:hidden; margin-top:8px; }
#mainContent .main-customer .main-banner .banner2 span { display:block; font-size:16px; color:#fff; font-weight:600; margin:14px 0 0 100px; }
#mainContent .main-customer .main-banner .banner3 { display:block; width:230px; height:44px; background:url("/kr/images/main/main_banner_bg_03.gif") no-repeat left top; overflow:hidden; margin-top:8px; }
#mainContent .main-customer .main-banner .banner3 span { display:block; font-size:16px; color:#fff; font-weight:600; margin:14px 0 0 132px; }
#mainContent .main-bottom-banner { background:url("/kr/images/main/main_mv_bg.gif") repeat left top; overflow:hidden; }
#mainContent .main-bottom-banner-inner { width:1000px; height:250px; margin:0 auto 0; padding:40px 0 40px 0; }
#mainContent .main-bottom-banner-inner .banner1 { float:left; width:250px; height:250px; background-color:#c53d4f; }
#mainContent .main-bottom-banner-inner .banner1 a { display:block; width:250px; height:250px; background:url("/kr/images/main/main_bottom_banner_icon_01.gif") no-repeat left top; overflow:hidden; }
#mainContent .main-bottom-banner-inner .banner1 a span { display:block; /* margin-top:160px; */ margin-top:150px; font-size:18px; color:#fff; font-weight:600; text-align:center; line-height:1.2; }
#mainContent .main-bottom-banner-inner .banner2 { float:left; width:250px; height:250px; background:url("/kr/images/main/main_bottom_banner_img_02.jpg") no-repeat left top; }
#mainContent .main-bottom-banner-inner .banner3 { float:left; width:250px; height:250px; background-color:#65346e; }
#mainContent .main-bottom-banner-inner .banner3 a { display:block; width:250px; height:250px; background:url("/kr/images/main/main_bottom_banner_icon_03.gif") no-repeat left top; overflow:hidden; }
#mainContent .main-bottom-banner-inner .banner3 a span { display:block; /* margin-top:160px; */ margin-top:150px; font-size:18px; color:#fff; font-weight:600; text-align:center; line-height:1.2; }
#mainContent .main-bottom-banner-inner .banner4 { float:left; width:250px; height:250px; background:url("/kr/images/main/main_bottom_banner_img_04.jpg") no-repeat left top; }
#mainContent .main-mv-area { height:570px; margin-top:50px; background:url("/kr/images/main/main_mv_bg.gif") repeat left top; }
#mainContent .main-mv-area .main-mv-area-inner { width:1000px; height:570px; margin:0 auto; overflow:hidden; }
#mainContent .main-mv-area .main-mv-area-inner .mv-st { height:67px; margin-top:34px; font-family:Calibri, Arial, sans-serif; font-size:46px; color:#333; font-weight:500; text-align:center; line-height:1; }
#mainContent .main-mv-area .main-mv-area-inner .mv-box { width:714px; height:418px; margin:0 auto; background:url("/kr/images/main/main_mv_box_bg.png") no-repeat left top; overflow:hidden; }
#mainContent .main-mv-area .main-mv-area-inner .mv-box .mv-box-inner { width:674px; height:378px; margin:20px auto 0; }



/* -------- 190123 비주얼 플러그인 수정 (MH) -------- */
#mainVisual{overflow:hidden; width:100%;}
.main-visual-item .main-visual-pc-img{height:520px}
#mainVisual .slick-dots{position:absolute; width:100%; text-align:center; bottom:20px;}
#mainVisual .slick-dots li{display:inline-block; margin:0 3px ; }
#mainVisual .slick-dots li button{
	cursor:pointer; border:0px; margin:0px; padding:0px; background:none; font-size:0; width:23px; height:23px; background:url(/kr/images/main/main_visual_btn_off.png) no-repeat; 
}
#mainVisual .slick-dots li.slick-active button{width:67px; background:url(/kr/images/main/main_visual_btn_on.png) no-repeat}		/* 버튼 active */