@charset "UTF-8";

/* 메인 상단 팝업(main header pop) */
.open_pop {width:100%; height:150px; display:none;}
.open_pop dl {width:1160px; margin:0 auto; color:#fff; padding:40px 0 0 0; box-sizing:border-box; }
.open_pop dl dt {font-size:30px; margin:0 0 20px 0;}
.open_pop dl dt strong {font-weight:600; border-bottom:1px solid #fff;}
.open_pop dl dd {font-size:16px;}
.header_pop_btn {display:block; position:relative; z-index:1; margin:-1px auto -36px auto; background:#444; color:#fff; width:120px; height:36px; line-height:36px; text-align:center; border-radius:0 0 10px 10px;
}
.header_pop_btn span {display:inline-block; vertical-align:top; font-size:13px;}
.header_pop_btn img {margin:0 0 2px 6px;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);

}

/* 메인 슬라이드(main slide) */
.main_slide_wrap {width:100%; height:380px;}
.main_slide {height:100%;}
.main_slide li[class^="main_slide0"] {width:100%; height:380px;}

/*
.main_slide01 {background:url(/web/images/main/main_slide01.jpg) center no-repeat; background-size:cover;}
.main_slide02 { background:url(/web/images/main/main_slide02.jpg) center no-repeat; background-size:cover;}
.main_slide03 { background:url(/web/images/main/main_slide03.jpg) center no-repeat; background-size:cover;}
*/


.main_slide .slick-prev {width:37px; height:37px; background:url(/web/images/main/main_prev_btn.png) center no-repeat; z-index:1; padding:1px; left:50%; margin-left:-640px;}
.main_slide .slick-next {width:37px; height:37px; background:url(/web/images/main/main_next_btn.png) center no-repeat; z-index:1; padding:1px; right:50%; margin-right:-640px;}

.main_slide_cnt {width:1160px; margin:0 auto;}
.main_slide_txt {color:#fff; margin:108px 0 0 108px;}
.main_slide_txt dt {font-size:47px; margin:0 0 30px 0;}
.main_slide_txt dd {font-size:20px;}
.main_slide .slick-dots {bottom:10px;}
.main_slide .slick-dots li button:before
{
    line-height: 20px; position: absolute;
    top: 0;
    left: 0;
    width: 9px;
    height: 9px;
	border-radius:20px;
	border:2px solid #fff;
    content: '';
    text-align: center;
    opacity: 1;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.main_slide .slick-dots li.slick-active button:before{ opacity:1; background:#fff; color:black;}
.main_slide .slick-dots li { margin: 0 1px; padding: 0; cursor: pointer;}


/* 메인상품 슬라이드1,2 제목*/
.main_product_title_wrap {width:1160px; margin:10px auto 0 auto; overflow:hidden; padding:0 0 2px 0;}
.main_product_title_wrap > p {float:left; font-size:22px; color:#666; font-weight:600;}
.main_product_title01 {width:864px; margin-right:10px;}
.main_product_title02 {}
/* 메인 상품슬라이드1,2 (main_product_slide), (main_item_slide)*/
.main_goods_wrap {width:1160px; height:262px; margin:10px auto 0 auto; overflow:hidden;}
.main_product_slide_wrap {width:550px; height:207px; float:left;}
.main_product_slide {width:100%; height:100%;}
.main_product_slide li[class^="main_product_slide0"] {width:550px; height:207px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.main_product_slide li[class^="main_product_slide0"] img {height:100%;}
/*
.main_product_slide01 {background:url(/web/images/main/main_product_slide01.jpg) center no-repeat;}
*/
.main_proudct_slide_txt {color:#fff; margin:30px 0 0 40px;}
.main_proudct_slide_txt dt {font-size:16px; margin:0 0 8px 0;}
.main_proudct_slide_txt dd {font-size:30px; font-weight:500; }
.main_proudct_slide_txt dd span {display:block; font-size:40px; font-weight:300; margin:10px 0 0 0;}
.main_product_slide_btn {display:block; position:relative; width:120px; height:35px; line-height:35px; text-align:center; border:1px solid #fff; font-size:14px; color:#fff; margin:22px 0 0 40px;}
.main_product_slide_btn::after {content:""; display:block; color:#444; width:0%; height:100%; background:#fff; position:absolute; left:0; top:0; transition:all 0.3s;}
.main_product_slide_btn:hover::after {content:"";  width:100%;  transition:all 0.3s; }
.main_product_slide_btn span {transition:all 0.3s; position:relative; z-index:1;}
.main_product_slide_btn:hover span{color:#333;  transition:all 0.3s;}
.main_product_slide_img {width:100%; height:207px;}
.main_product_slide .slick-dots {bottom:6px;}
.main_product_slide .slick-dots li button:before
{
    line-height: 20px; position: absolute;
    top: 0;
    left: 0;
    width: 9px;
    height: 9px;
	border-radius:20px;
	border:2px solid #fff;
    content: '';
    text-align: center;
    opacity: 1;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.main_product_slide .slick-dots li.slick-active button:before{ opacity:1; background:#fff; color:black;}
.main_product_slide .slick-dots li { margin: 0 1px; padding: 0; cursor: pointer;}

/* 메인 상품슬라이드2 */
.main_item_slide {width:550px; height:207px; float:right;}
.main_item_slide li[class^="main_item_slide0"] {width:550px; height:207px;}
.main_item_slide li[class^="main_item_slide0"] > img {}
.main_item_slide .slick-dots {bottom:6px;}
.main_item_slide .slick-dots li button:before
{
    line-height: 20px; position: absolute;
    top: 0;
    left: 0;
    width: 9px;
    height: 9px;
	border-radius:20px;
	border:2px solid #fff;
    content: '';
    text-align: center;
    opacity: 1;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.main_item_slide .slick-dots li.slick-active button:before{ opacity:1; background:#fff; color:black;}
.main_item_slide .slick-dots li { margin: 0 1px; padding: 0; cursor: pointer;}

/* 메인 상품유형 목록 */
.main_gallery_wrap {width:100%; background:#fff; text-align:center; margin:0 0 0 0; padding:0 0 10px 0; box-sizing:border-box;}
.main_gallery_box {display:inline-block; width:550px; vertical-align:top; }
.main_gallery_box > p {color:#666; font-size:22px; text-align:left; margin:30px 0 30px 0; font-weight:600;}
.main_gallery_box > ul {overflow:hidden;}
.main_gallery_box > ul > li {float:left; }
.main_gallery_box > ul > li > a {}
.main_gallery_box > ul > li > a > p {color:#888; font-size:15px; margin:14px 0 20px 0; line-height:18px;  }
.main_gallery_box > ul > li > a > div {width:120px; height:120px; overflow:hidden; border-radius:20px;}
.main_gallery_box > ul > li > a img {
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
.main_gallery_box > ul > li > a:hover img {
-webkit-transform:scale(1.13, 1.13); 
-moz-transform:scale(1.13, 1.13); 
-o-transform:scale(1.13, 1.13); 
transform:scale(1.13, 1.13); 
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
.main_gallery_box > ul > li:not(:nth-of-type(4n)) {margin:0 22px 0 0;}
.main_gallery_box1 {margin:0 56px 0 0;}

/* 메인 동그라미 4개 버튼 */
.main_circle_wrap {text-align:center; margin:60px 0 100px 0; background:#fff; padding:40px 0; box-sizing:border-box;}
.main_circle_list {display:inline-block; position:relative; margin:0 75px; }
.main_circle_list:not(:last-child)::after {content:""; height:160px; width:1px; border-right:1px dashed #a2a2a2; position:absolute; top:24px; right:-75px;}
.main_circle_list a div[class^="main_circle0"] {width:140px; height:140px;
-webkit-transition:all 0.2;
-moz-transition:all 0.2s;
-o-transition:all 0.2s;
transition:all 0.2s;
}
.main_circle_list p {color:#333; font-size:22px; margin:13px 0 0 0;
-webkit-transition:all 0.2s;
-moz-transition:all 0.2s;
-o-transition:all 0.2s;
transition:all 0.2s;
}
.main_circle01 {background:url(/web/images/main/main_circle_product01.png) center no-repeat;}
.main_circle02 {background:url(/web/images/main/main_circle_product02.png) center no-repeat;}
.main_circle03 {background:url(/web/images/main/main_circle_product03.png) center no-repeat;}
.main_circle04 {background:url(/web/images/main/main_circle_product04.png) center no-repeat;}
/*
.main_circle_list:hover p {color:#435b89;
-webkit-transition:all 0.2s;
-moz-transition:all 0.2s;
-o-transition:all 0.2s;
transition:all 0.2s;
}
*/
/*
.main_circle_list a div[class^="main_circle_on_0"] {width:140px; height:140px; opacity:0; margin-top:-140px;
-webkit-transition:all 0.2s;
-moz-transition:all 0.2s;
-o-transition:all 0.2s;
transition:all 0.2s;
}
.main_circle_on_01 {background:url(/web/images/main/main_circle_btn01_on.png) center no-repeat;}
.main_circle_on_02 {background:url(/web/images/main/main_circle_btn02_on.png) center no-repeat;}
.main_circle_on_03 {background:url(/web/images/main/main_circle_btn03_on.png) center no-repeat;}
.main_circle_on_04 {background:url(/web/images/main/main_circle_btn04_on.png) center no-repeat;}
*/
/*
.main_circle_list:hover div[class^="main_circle_on_0"] {opacity:1;
-webkit-transition:all 0.2s;
-moz-transition:all 0.2;
-o-transition:all 0.2s;
transition:all 0.2s;
}
*/
/*
.main_circle_list:hover a div[class^="main_circle0"] {opacity:0;
-webkit-transition:all 0.2s;
-moz-transition:all 0.2s;
-o-transition:all 0.2s;
transition:all 0.2s;
}
*/

/* 메인 게시판 */
.main_notice_entire_wrap {width:100%; background:#f3f3f3; margin:0 0 30px; padding:30px 0; box-sizing:border-box;}
.main_table_group {width:1160px; overflow:hidden; margin:0 auto;}
.main_table_wrap { width:377px; height:180px; float:left;}
.main_table_wrap01, .main_table_wrap02 {margin-right:14px;}
.main_table_title_wrap {overflow:hidden; border-bottom:1px solid #a7a7a7; padding:0 0 14px 0; margin:0 0 10px 0;}
.main_table_title {float:left; font-size:20px; color:#666; font-weight:600;}
.main_table_btn {float:right; font-size:14px; color:#888; display:block; margin:6px 0 0 0; }
.main_table {width:100%;}
.main_table tr td {padding:6px 0; overflow:hidden;}
.main_table tr td span {float:right;}
.main_table tr td a {color:#888; display:block; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:350px;}

/* 메인 온라인 문의*/
.main_custom_group { width:1160px; margin:0px auto 30px auto;}
.main_custom_title {font-size:20px; color:#666; font-weight:600; margin:30px 0 20px 0;}
.main_custom {overflow:hidden;}
.main_custom > li {float:left; width:275px; height:120px; border-radius:14px;}
.main_custom > li > a {display:block; width:100%; height:100%; text-align:center; position:relative;}
span[class^="main_custom_line0"] {position:absolute;  background:#fff; display:block;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
.main_custom_line01 {top:20px; left:20px; width:15px; height:1px; }
.main_custom_line01::after {content:""; position:absolute; width:1px; height:15px; background:#fff; left:0;}
.main_custom_line02 {top:20px; right:20px; width:1px; height:15px;}
.main_custom_line02::after {content:""; position:absolute; width:15px; height:1px; background:#fff; right:0;}
.main_custom_line03 {bottom:20px; right:20px; width:15px; height:1px;}
.main_custom_line03::after {content:""; position:absolute; width:1px; height:15px; background:#fff; bottom:0; right:0;}
.main_custom_line04 {bottom:20px; left:20px; width:1px; height:15px; }
.main_custom_line04::after {content:""; position:absolute; width:15px; height:1px; background:#fff; bottom:0; left:0;}
.main_custom > li:hover .main_custom_line01 {width:235px; 
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
.main_custom > li:hover .main_custom_line03 {width:235px;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
.main_custom > li:hover .main_custom_line02 {height:80px;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
.main_custom > li:hover .main_custom_line04 {height:80px;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
.main_custom > li:not(:last-child) {margin-right:20px;}
.main_custom01 {background:url(/web/images/main/main_custom_bg01_normal.jpg) center no-repeat;}
.main_custom02 {background:url(/web/images/main/main_custom_bg02_normal.jpg) center no-repeat;}
.main_custom03 {background:url(/web/images/main/main_custom_bg03_normal.jpg) center no-repeat;}
.main_custom04 {background:url(/web/images/main/main_custom_bg04_normal.jpg) center no-repeat;}
.main_custom_txt {color:#fff; font-size:16px; padding:10px 0 0 0;}
.main_custom_icon { padding:35px 0 0 0; height:32px;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
.main_custom_icon > img {height:100%;}
.main_customn_arrow {color:#fff; font-size:22px; opacity:0; display:block; margin:8px auto 0 auto;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
.main_custom > li:hover .main_custom_icon {padding:30px 0 0 0;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
.
.main_custom > li:hover .main_customn_arrow {opacity:1;
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s;
}
.main_new_product_wrap {width:1160px; margin:0 auto 60px auto;}
.main_new_product_title_wrap {overflow:hidden; margin:0 0 20px 0;}
.main_new_product_title_wrap p {float:left; font-size:22px; color:#666; font-weight:600;}
.main_new_product_title_wrap a {float:right; font-size:16px; color:#888; display:block; margin:5px 0 0 0;  }


/* 카달로그 - (cate04/page02) */
.main_new_product {overflow:hidden; width:100%; margin:0 0 30px 0;}
.main_new_product > li {width:24%;  float:left; border:1px solid #ccc; border-top:2px solid #376091; }
.main_new_product > li:not(:nth-of-type(4n)) {margin-right:1%;}
.main_new_product > li > a {display:block; width:100%;}
.main_new_product > li > a > div { box-sizing:border-box; position:relative;width:100%; height:230px;}
.main_new_product > li > a > div > img {height:94%; display:block; margin:0 auto;}
.main_new_product_txt {color:#fff; padding:12px 6px 12px 6px;  box-sizing:border-box; width:100%;  word-break:break-all; background:rgba(0,0,0,0.7);
position:absolute; bottom:0; left:0; 
}


/* 메인사이트맵 */
.main_site_bg {width:100%; background:url(/web/images/main/main_site_bg.jpg) center no-repeat; background-size:cover; padding:30px 0 14px 0; box-sizing:border-box;}
.main_side_list {text-align:center;}
.main_side_list > li::before {content:""; display:block; width:130px; height:1px; background:#fff; margin:0 10px 16px 10px;}
.main_side_list > li {display:inline-block; vertical-align:top;}
.main_side_list > li > a {font-size:17px; color:#fff; font-weight:600; letter-spacing: -0.5px; word-spacing: -2px}
.main_side_list > li > ul {padding:10px 0 0 0;}
.main_side_list > li > ul > li > a {display:block; font-size:15px; color:#cfcfcf; margin:0 0 4px 0; }