@charset "utf-8";

/*스크롤 영역*/
body::-webkit-scrollbar {display:none}
body {-ms-overflow-style:none}

header {width:100%; height:130px; background:#fff; border-bottom:1px solid #e6e6e6}
header .header-container {margin:0 auto; width:1280px; height:43px}

header .header_menu {float:left; width:1170px; height:43px}
header .header_menu ul {text-align:right; font-size:0}
header .header_menu ul li {position:relative; display:inline-block; padding:0 16px}
header .header_menu ul li a {display:block; font-size:12px; color:#555; line-height:43px; letter-spacing:-1px}
header .header_menu ul li:before {position:absolute; top:16px; left:0; content:""; width:1px; height:10px; background:#ddd}
header .header_menu ul li:nth-child(1):before {width:0; height:0}
header .header_menu ul li:hover a {text-decoration:underline}

header .header_sns {float:left; width:110px; height:43px; text-align:right; font-size:0}
header .header_sns a {display:inline-block; padding:6px 3px}
header .header_sns a.sns_icon3 {padding-right:0}

header .header_logo {margin:0 auto; position:relative; width:1280px; height:87px; text-align:center}
header .header_logo a.header_bn {display:block; position:absolute; top:0; left:0}

nav {background:linear-gradient(#fff 54px, rgba(255,255,255,1) 54px, rgba(255,255,255,1)); height:54px; overflow:hidden}
nav .main_menu {margin:0 auto; width:1280px}
nav .main_menu > ul {padding:0 16px;}
nav .main_menu > ul > li {float:left; line-height:54px; text-align:center}
nav .main_menu > ul > li > a {padding:0 50px; font-size:18px; color:#333; letter-spacing:-1px}
nav .main_menu > ul > li > ul.submenu {width:100%; height:389px}
nav .main_menu > ul > li ul.submenu > li > a {font-size:16px; font-weight:300; color:#333; letter-spacing:-1px}
nav .main_menu > ul > li:hover {background:linear-gradient(rgba(0,0,0,0.05), #fff)}
nav .main_menu > ul > li ul.submenu > li:hover a {color:#333; text-decoration:underline}
nav.cf{position: absolute; top:131px; left:0; right:0; z-index:1}

#visual {position:relative; height:654px}
#visual .main_slide {height:654px}
#visual .main_slide a.img1 {width:100%; height:654px; background:url(../img/main_slide_img1.jpg)no-repeat center}
#visual .main_slide a.img2 {width:100%; height:654px; background:url(../img/main_slide_img2.jpg)no-repeat center}
#visual .main_slide a.img3 {width:100%; height:654px; background:url(../img/main_slide_img3.jpg)no-repeat center}
#visual .main_slide button {position:absolute; top:50%; transform:translateY(-50%); width:100px; height:100px; background:rgba(255,255,255,0); z-index:2; outline:0}
#visual .main_slide button.slick-prev {left:16px; font-size:0; color:transparent}
#visual .main_slide button.slick-next {right:16px; font-size:0; color:transparent}
#visual .main_slide button:before {font-family:"xeicon"; color:#fff; font-size:100px}
#visual .main_slide button.slick-prev:before {content:"\e93d"; font-family:"xeicon"; opacity:0.6}
#visual .main_slide button.slick-next:before {content:"\e940"; font-family:"xeicon"; opacity:0.6}
#visual .main_slide .slick-dots {position:absolute; bottom:100px; left:0; right:0; display:block; text-align:center; width:100%}
#visual .main_slide .slick-dots li {display:inline-block; width:16px; height:16px; margin:0 8px}
#visual .main_slide .slick-dots li button {font-size:0; line-height:0; display:block; width:16px; height:16px; cursor:pointer; border:3px solid #fff; border-radius:50%}
#visual .main_slide .slick-dots li.slick-active button {background:rgba(255,255,255,0.8)}

#gallery {margin:0 auto; width:1280px; background:#fff;}
#gallery .gallery_txt {width:1280px; height:249px}
#gallery .gallery_txt p {text-align:center}
#gallery .gallery_txt p:first-child {font-size:42px; font-weight:400; line-height:42px; letter-spacing:-3px; padding-top:110px}
#gallery .gallery_txt p:last-child {font-size:18px; font-weight:200; color:#666; letter-spacing:-1px; padding-top:17px}
#gallery .gallery_txt p:first-child span {color:#a71208}
#gallery .gallery_img {width:1280px; height:777px; background:#fff}
#gallery .gallery_img .gallery_txt1 {position:relative; float:left; font-size:0; width:400px; height:366px}
#gallery .gallery_img .gallery_txt2 {position:relative; float:left; font-size:0; width:400px; height:366px; margin-left:40px}
#gallery .gallery_img .gallery_txt3 {position:relative; float:left; font-size:0; width:400px; height:366px; margin-left:40px}
#gallery .gallery_img .gallery_txt4 {position:relative; float:left; font-size:0; width:400px; height:366px}
#gallery .gallery_img .gallery_txt5 {position:relative; float:left; font-size:0; width:400px; height:366px; margin-left:40px}
#gallery .gallery_img .gallery_txt6 {position:relative; float:left; font-size:0; width:400px; height:366px; margin-left:40px}
#gallery .gallery_img p {padding-top:18px; color:#333; font-size:22px; font-weight:200; line-height:22px; letter-spacing:-1px; width:400px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#gallery .gallery_img .gallery_txt1 .darkness {position:absolute; top:0; left:0; right:0; width:400px; height:276px; background:#000; opacity:0; transition:all .1s linear}
#gallery .gallery_img .gallery_txt1 .btn-plus {position:absolute; top:108px; left:170px; background:rgba(255,255,255,0.6); width:60px; height:60px; border-radius:50%; text-align:center; opacity:0; transform:scale(2); transition:all .3s linear}
#gallery .gallery_img .gallery_txt1:hover .darkness {opacity:0.6}
#gallery .gallery_img .gallery_txt1:hover .btn-plus {opacity:1; transform:scale(1)}
#gallery .gallery_img .gallery_txt1 .btn-plus span {position:absolute; top:-17px; left:0; right:0; font-size:60px; color:#fff; user-select:none}
#gallery .gallery_img .gallery_txt2 .darkness {position:absolute; top:0; left:0; right:0; width:400px; height:276px; background:#000; opacity:0; transition:all .1s linear}
#gallery .gallery_img .gallery_txt2 .btn-plus {position:absolute; top:108px; left:170px; background:rgba(255,255,255,0.6); width:60px; height:60px; border-radius:50%; text-align:center; opacity:0; transform:scale(2); transition:all .3s linear}
#gallery .gallery_img .gallery_txt2:hover .darkness {opacity:0.6}
#gallery .gallery_img .gallery_txt2:hover .btn-plus {opacity:1; transform:scale(1)}
#gallery .gallery_img .gallery_txt2 .btn-plus span {position:absolute; top:-17px; left:0; right:0; font-size:60px; color:#fff; user-select:none}
#gallery .gallery_img .gallery_txt3 .darkness {position:absolute; top:0; left:0; right:0; width:400px; height:276px; background:#000; opacity:0; transition:all .1s linear}
#gallery .gallery_img .gallery_txt3 .btn-plus {position:absolute; top:108px; left:170px; background:rgba(255,255,255,0.6); width:60px; height:60px; border-radius:50%; text-align:center; opacity:0; transform:scale(2); transition:all .3s linear}
#gallery .gallery_img .gallery_txt3:hover .darkness {opacity:0.6}
#gallery .gallery_img .gallery_txt3:hover .btn-plus {opacity:1; transform:scale(1)}
#gallery .gallery_img .gallery_txt3 .btn-plus span {position:absolute; top:-17px; left:0; right:0; font-size:60px; color:#fff; user-select:none}
#gallery .gallery_img .gallery_txt4 .darkness {position:absolute; top:0; left:0; right:0; width:400px; height:276px; background:#000; opacity:0; transition:all .1s linear}
#gallery .gallery_img .gallery_txt4 .btn-plus {position:absolute; top:108px; left:170px; background:rgba(255,255,255,0.6); width:60px; height:60px; border-radius:50%; text-align:center; opacity:0; transform:scale(2); transition:all .3s linear}
#gallery .gallery_img .gallery_txt4:hover .darkness {opacity:0.6}
#gallery .gallery_img .gallery_txt4:hover .btn-plus {opacity:1; transform:scale(1)}
#gallery .gallery_img .gallery_txt4 .btn-plus span {position:absolute; top:-17px; left:0; right:0; font-size:60px; color:#fff; user-select:none}
#gallery .gallery_img .gallery_txt5 .darkness {position:absolute; top:0; left:0; right:0; width:400px; height:276px; background:#000; opacity:0; transition:all .1s linear}
#gallery .gallery_img .gallery_txt5 .btn-plus {position:absolute; top:108px; left:170px; background:rgba(255,255,255,0.6); width:60px; height:60px; border-radius:50%; text-align:center; opacity:0; transform:scale(2); transition:all .3s linear}
#gallery .gallery_img .gallery_txt5:hover .darkness {opacity:0.6}
#gallery .gallery_img .gallery_txt5:hover .btn-plus {opacity:1; transform:scale(1)}
#gallery .gallery_img .gallery_txt5 .btn-plus span {position:absolute; top:-17px; left:0; right:0; font-size:60px; color:#fff; user-select:none}
#gallery .gallery_img .gallery_txt6 .darkness {position:absolute; top:0; left:0; right:0; width:400px; height:276px; background:#000; opacity:0; transition:all .1s linear}
#gallery .gallery_img .gallery_txt6 .btn-plus {position:absolute; top:108px; left:170px; background:rgba(255,255,255,0.6); width:60px; height:60px; border-radius:50%; text-align:center; opacity:0; transform:scale(2); transition:all .3s linear}
#gallery .gallery_img .gallery_txt6:hover .darkness {opacity:0.6}
#gallery .gallery_img .gallery_txt6:hover .btn-plus {opacity:1; transform:scale(1)}
#gallery .gallery_img .gallery_txt6 .btn-plus span {position:absolute; top:-17px; left:0; right:0; font-size:60px; color:#fff; user-select:none}
#gallery .btn_more {margin:0 auto; width:1280px; height:138px; text-align:center; background:#fff}
#gallery .btn_more a.btn_link1 {display:inline-block; width:260px; height:50px; font-size:22px; font-weight:300; color:#fff; line-height:50px; letter-spacing:-1px; background:#333; transition:.3s}
#gallery .btn_more a.btn_link1:after {content:" \e9c5"; font-family:"xeicon"; font-size:18px; color:#fff}
#gallery .btn_more a.btn_link1:hover {background:#000; color:#666}
#gallery .btn_more a.btn_link1:hover:after {color:red}

#video {position:relative; width:100%; height:740px; background:url(../img/video_bg1.jpg)no-repeat}
#video img {position:absolute; bottom:67px; right:122px}
#video .video-container {position:absolute; top:110px; right:122px; width:818px; height:461px; background:#fff}
#video .video-container iframe {width:818px; height:461px}

#chortcut { width:100%; height:302px; background:#151515}
#chortcut .btn_cc {text-align:center; font-size:0}
#chortcut .btn_cc a {position:relative; display:inline-block; padding:70px 32px}
#chortcut .btn_cc :before {content:""; position:absolute; top:65px; left:27px; width:160px; height:160px; border-radius:50%; border:5px solid rgba(255,255,255,0.8); transform:scale(0.5); transition:.3s; opacity:0}
#chortcut .btn_cc :hover:before {transform:scale(1.2); opacity:1}

#online_shop {width:100%; height:806px; background:url(../img/product_bg.jpg)no-repeat}
@media (max-width:1600px) {
    #online_shop {background:url(../img/product_bg2.jpg)no-repeat}
}

#online_shop .on_shop_txt {margin:0 auto; width:1280px; height:249px}
#online_shop .on_shop_txt p {text-align:center}
#online_shop .on_shop_txt p:first-child {font-size:42px; font-weight:400; line-height:42px; letter-spacing:-3px; padding-top:110px}
#online_shop .on_shop_txt p:last-child {font-size:18px; font-weight:200; color:#666; letter-spacing:-1px; padding-top:17px}
#online_shop .on_shop_txt p:first-child span {color:#a71208}

#online_shop .product {margin:0 auto; width:1280px; height:419px}
#online_shop .product ul li {position:relative; float:left; width:290px; height:329px; margin:0 20px; background:#151515}
#online_shop .product ul li:first-child {margin-left:0}
#online_shop .product ul li:last-child {margin-right:0}
#online_shop .product ul li p {color:#fff; padding-left:18px}
#online_shop .product ul li:hover:nth-child(1) {background:#6b411d}
#online_shop .product ul li:hover:nth-child(2) {background:#6b411d}
#online_shop .product ul li:hover:nth-child(3) {background:#6b411d}
#online_shop .product ul li:hover:nth-child(4) {background:#6b411d}
#online_shop .product ul li p.product_txt1 {padding-top:8px; font-size:18px; line-height:18px; font-weight:400; letter-spacing:-1px}
#online_shop .product ul li p.product_txt2 {padding-top:6px; font-size:16px; line-height:16px; font-weight:300; letter-spacing:-1px; opacity:0.8}
#online_shop .product ul li:nth-child(1):after {content:"\e93f"; position:absolute; bottom:40px; right:12px; color:#fff; font-family:"xeicon"; font-size:18px}
#online_shop .product ul li:nth-child(2):after {content:"\e93f"; position:absolute; bottom:40px; right:12px; color:#fff; font-family:"xeicon"; font-size:18px}
#online_shop .product ul li:nth-child(3):after {content:"\e93f"; position:absolute; bottom:40px; right:12px; color:#fff; font-family:"xeicon"; font-size:18px}
#online_shop .product ul li:nth-child(4):after {content:"\e93f"; position:absolute; bottom:40px; right:12px; color:#fff; font-family:"xeicon"; font-size:18px}
#online_shop .btn_more2 {margin:0 auto; width:1280px; height:50px; text-align:center}
#online_shop .btn_more2 a.btn_link2 {display:inline-block; width:260px; height:50px; font-size:22px; font-weight:300; color:#fff; line-height:50px; letter-spacing:-1px; background:#333; transition:.3s}
#online_shop .btn_more2 a.btn_link2:after {content:" \e9c5"; font-family:"xeicon"; font-size:18px; color:#fff}
#online_shop .btn_more2 a.btn_link2:hover {background:#000; color:#666}
#online_shop .btn_more2 a.btn_link2:hover:after {color:red}

#notice {position:relative; margin:110px auto; width:1280px; height:1052px; background:#fff}
#notice .notice_txt p {text-align:center}
#notice .notice_txt p:first-child {font-size:42px; font-weight:400; line-height:42px; letter-spacing:-3px}
#notice .notice_txt p:last-child {font-size:18px; font-weight:200; color:#666; letter-spacing:-1px; padding-top:17px}
#notice .notice_txt p:first-child span {color:#a71208}
#notice .notice_con {margin:66px auto; width:1060px}
#notice .notice_con > :after {content:""; position:absolute; left:110px; margin-top:20px; width:1060px; height:1px; background:#ddd;}
#notice .notice_con .notice_list1 {width:1060px; height:135px; background:#fff}
#notice .notice_con img {transform:scale(1); transition:.3s}
#notice .notice_con :hover img {transform:scale(1.2)}
#notice .notice_con .notice_img {float:left; width:180px; height:136px; overflow:hidden}
#notice .notice_con .notice_tit {float:left; margin-left:40px; width:840px; height:40px}
#notice .notice_con .notice_tit p {font-size:22px; font-weight:300; color:#333; line-height:40px; letter-spacing:-1px}
#notice .notice_con .notice_txt {float:left; margin-left:40px; width:840px; height:53px; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
#notice .notice_con .notice_txt p {font-size:16px; font-weight:200; color:#333; line-height:24px; letter-spacing:-1px; padding:0; text-align:left}
#notice .notice_con .notice_link1 {float:left; margin-left:40px; width:840px; height:43px}
#notice .notice_con .notice_link1 p {text-align:right; font-size:14px; font-weight:100; color:#333; line-height:43px; letter-spacing:-1px}
#notice .notice_con .notice_link1 p:after {content:" \e950 1,027"; font-family:"xeicon"; font-size:14px; font-weight:300; color:#000; opacity:0.3}
#notice .notice_con .notice_list2 {margin-top:38px; width:1060px; height:135px; background:#fff}
#notice .notice_con .notice_link2 {float:left; margin-left:40px; width:840px; height:43px}
#notice .notice_con .notice_link2 p {text-align:right; font-size:14px; font-weight:100; color:#333; line-height:43px; letter-spacing:-1px}
#notice .notice_con .notice_link2 p:after {content:" \e950 2,320"; font-family:"xeicon"; font-size:14px; font-weight:300; color:#000; opacity:0.3}
#notice .notice_con .notice_list3 {margin-top:38px; width:1060px; height:135px; background:#fff}
#notice .notice_con .notice_link3 {float:left; margin-left:40px; width:840px; height:43px}
#notice .notice_con .notice_link3 p {text-align:right; font-size:14px; font-weight:100; color:#333; line-height:43px; letter-spacing:-1px}
#notice .notice_con .notice_link3 p:after {content:" \e950 1,010"; font-family:"xeicon"; font-size:14px; font-weight:300; color:#000; opacity:0.3}
#notice .notice_con .notice_list4 {margin-top:38px; width:1060px; height:135px; background:#fff}
#notice .notice_con .notice_link4 {float:left; margin-left:40px; width:840px; height:43px}
#notice .notice_con .notice_link4 p {text-align:right; font-size:14px; font-weight:100; color:#333; line-height:43px; letter-spacing:-1px}
#notice .notice_con .notice_link4 p:after {content:" \e950 1,663"; font-family:"xeicon"; font-size:14px; font-weight:300; color:#000; opacity:0.3}
#notice .notice_con .notice_list5 {margin-top:38px; width:1060px; height:135px; background:#fff}
#notice .notice_con .notice_link5 {float:left; margin-left:40px; width:840px; height:43px}
#notice .notice_con .notice_link5 p {text-align:right; font-size:14px; font-weight:100; color:#333; line-height:43px; letter-spacing:-1px}
#notice .notice_con .notice_link5 p:after {content:" \e950 3,568"; font-family:"xeicon"; font-size:14px; font-weight:300; color:#000; opacity:0.3}

footer {margin-top:-75px; width:100%; height:139px; background:#333}
footer .footer-cotainer {margin:0 auto; position:relative; width:1280px; height:139px}
footer .footer-cotainer .top_bar {position:absolute; top:-18px; right:0}
footer .ft_logo {position:relative; float:left; width:290px; height:139px}
footer .ft_logo a img {position:absolute; top:51px}
footer .ft_copy {float:left; width:990px; height:139px}

address {color:#ccc; font-size:14px; line-height:14px; font-weight:100}
address p.ft_copy_txt1 {padding-top:35px}
address p.ft_copy_txt1 a span {color:#fff; font-weight:300}
address p.ft_copy_txt1 a span:hover {text-decoration:underline}
address p.ft_copy_txt2 {padding-top:6px}
address p.ft_copy_txt3 {padding-top:25px}