/* slick-slider 필수 css */
.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent;}
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer; cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);}
.slick-track{position:relative; top:0; left:0; display:block;}
.slick-track:before,.slick-track:after{display:table; content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none; float:left; height:100%; min-height:1px; -webkit-transform: translate3d(0,0,0);}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display: block; margin:0 auto;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto; border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}

/*
font-family: 'Nanum Gothic', sans-serif;
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Kanit', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Titillium Web', sans-serif;
*/

#main {}
#mainVisual { position:relative;}
#mainVisual .visu {}
#mainVisual .visu article { height:980px; position:relative; overflow:hidden;}
#mainVisual .visu .bg { background-size:cover !important; height:100%;}
#mainVisual .visu .txt { position:absolute; top:50%; width:100%; z-index:10; text-align:center; padding:0 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color:#fff; line-height:1.4; text-shadow:2px 2px 8px rgba(0,0,0,0.75);
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
#mainVisual .visu .txt dl {}
#mainVisual .visu .txt dl dt { font-size:70px; font-family: 'Titillium Web', sans-serif; font-weight:700;}
#mainVisual .visu .txt dl dd { font-size:30px; margin-top:30px; }
#mainVisual .visu01 .bg { background:url("/img/main/mainVisual01.jpg") no-repeat center top;}
#mainVisual .visu02 .bg { background:url("/img/main/mainVisual02.jpg") no-repeat center top;}
#mainVisual .visu03 .bg { background:url("/img/main/mainVisual03.jpg") no-repeat center top;}
#mainVisual .bg {
transform:scale(2);
-moz-transform:scale(2);
-webkit-transform:scale(2);
-o-transform:scale(2);
-ms-transform:scale(2);
transition:all 4s;
-moz-transition:all 4s;
-webkit-transition:all 4s;
-o-transition:all 4s;
-ms-transition:all 4s;
}
#mainVisual .bg.on {
/* #mainVisual .slick-current .bg {  */
transform:scale(1);
-moz-transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
-ms-transform:scale(1);
}

#mainVisual .slick_dots { position:absolute; z-index:100; width:100%; text-align:center; bottom:150px; color:#fff; font-family: 'Kanit', sans-serif; font-size:20px;}
#mainVisual .slick_dots > div { display:inline-block; vertical-align:middle;}
#mainVisual .slick_dots .btns { margin:0 26px;}
#mainVisual .slick_dots .btns ul {}
#mainVisual .slick_dots .btns ul li { display:inline-block; vertical-align:text-top;  width:100px; height:auto;}
#mainVisual .slick_dots .btns ul li button { border:none; width:100%; height:3px; background:rgba(255,255,255,0.3); padding:0;}
#mainVisual .slick_dots .btns ul li.on button { background:#fff;}


#mainContents .busi_wrap .busi_dots { position:absolute; top:-48px;  width:100%;}
#mainContents .busi_wrap .busi_dots ul { font-size:0; letter-spacing:-4px; text-align:center;}
#mainContents .busi_wrap .busi_dots ul li { display:inline-block; letter-spacing:-0.5px;  position:relative; vertical-align: top;}
#mainContents .busi_wrap .busi_dots ul li button { color:#fff; background:#222; border:none; height:90px; width:390px;
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
}
#mainContents .busi_wrap .busi_dots ul li button p { font-size:18px; font-family: 'Kanit', sans-serif;  font-weight:600; text-transform:uppercase;}
#mainContents .busi_wrap .busi_dots ul li button p span { font-size:14px; display:inline-block; margin-right:30px;}
#mainContents .busi_wrap .busi_dots ul li.on button { background:#c61821; }
#mainContents .busi_wrap .busi_dots ul li:last-child:after { content:""; width:1000%; height:90px; background:#222; display:block; position:absolute; right:-1000%; top:0; }
#mainContents .busi_wrap .busi_dots ul li:after { 
transition:all 0.5s;
-moz-transition:all 0.5s;
-webkit-transition:all 0.5s;
-o-transition:all 0.5s;
-ms-transition:all 0.5s;
}
#mainContents .busi_wrap .busi_dots ul li.on:after { background:#c61821;}

#mainContents .busi_wrap .slick-prev { display:none !important; }
#mainContents .busi_wrap { padding:164px 0; position:relative;}
#mainContents .busi_wrap .slider {}
#mainContents .busi_wrap .slider .txt { width:40.33333333333%; padding:0 30px 0 0;}
#mainContents .busi_wrap .slider .img { width:59.66666666667%; }
#mainContents .busi_wrap section { font-size:0; letter-spacing:-4px;}
#mainContents .busi_wrap .slider .txt,
#mainContents .busi_wrap .slider .img { display:inline-block; vertical-align:middle;  letter-spacing:-0.5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; z-index:10;}
#mainContents .busi_wrap .slider .img { text-align:center; }
#mainContents .busi_wrap .slider .img img { width:auto; max-width:100%;  }
#mainContents .busi_wrap .slider .txt dl { }
#mainContents .busi_wrap .slider .txt dl dt p { font-size:60px; color:#222; font-family: 'Kanit', sans-serif; text-transform:uppercase; font-weight:700; line-height:0.85;}
#mainContents .busi_wrap .slider .txt dl dt p span { font-size:16px; font-weight:700; color:#aaa; display:inline-block; vertical-align:bottom; font-family: 'Noto Sans KR', sans-serif; border-left:3px solid #cbcbcb; padding:0 0 0 26px; }
#mainContents .busi_wrap .slider .txt dl dd { line-height:1.875em; margin-top:40px; font-size:16px;}
#mainContents .busi_wrap .slider .num { font-size:232px; color:#ebebeb; font-family: 'Kanit', sans-serif; font-weight:600; position:absolute; left:-90px; top:-130px; z-index:-1; letter-spacing:-2px;}
#mainContents .busi_wrap .slider .more_s1 { position:absolute; left:0; bottom:0;}
#mainContents .busi_wrap .slick-arrow { text-indent:-9999px; background-color:#222 !important; width:100px; height:50px; position:absolute; top:50%; margin-top:-25px; z-index:1000;}
#mainContents .busi_wrap .slick-prev { background:url("/img/main/prev_01.png") no-repeat 16px center; border:none; left:0;}
#mainContents .busi_wrap .slick-next { background:url("/img/main/next_01.png") no-repeat 56px center; border:none; right:0;}
#mainContents .busi_wrap .slick-list { z-index:100;}
#mainContents .busi_wrap .slide_num { text-align:center; margin-top:68px;}
#mainContents .busi_wrap .slide_num p { display:inline-block; font-family: 'Kanit', sans-serif; color:#222; padding:0 10px;}
#mainContents .busi_wrap .slide_num p.cur_num { font-size:30px;  font-weight:600;}
#mainContents .busi_wrap .slide_num p.total_num { font-size:15px; font-weight:300; border-left:1px solid #222; }

.more_s1 { font-family: 'Montserrat', sans-serif; letter-spacing:-1.5px; }
.more_s1 a { font-size:14px; color:#c61821; display:inline-block; position:relative; padding:0 58px 0 0;}
.more_s1 a:after { content:url("/img/main/more_s1.png"); position:absolute; right:0; top:-3px; }

.tit_s1 { text-align:center; margin-bottom:60px;}
.tit_s1:before { content:""; width:1px; height:62px; background:#e1e1e1; display:block; margin:0 auto 16px;}
.tit_s1 h2 { font-size:40px; color:#222; font-family: 'Titillium Web', sans-serif; font-weight:700;}
.tit_s1 h2 span { color:#c61821; }
.tit_s1 p { color:#888; font-size:18px; line-height:1.4; margin-top:15px;}

.tit_s1_w h2 { color:#fff;}

#mainContents .about_wrap { font-size:0; letter-spacing:-4px;}
#mainContents .about_wrap .img { border:2px solid #fff; width:45.78125%; }
#mainContents .about_wrap .img img { }
#mainContents .about_wrap .txt { background:#ebebeb; padding:95px 3.85416666667%; width:54.21875%; }
#mainContents .about_wrap .img,
#mainContents .about_wrap .txt { display:inline-block; vertical-align:middle; letter-spacing:-0.5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;}

#mainContents .about_wrap .txt dl { width:72.91666666667%; }
#mainContents .about_wrap .txt dl dt { }
#mainContents .about_wrap .txt dl dt span { font-size:18px; color:#c61821; position:relative; text-transform:uppercase; display:inline-block; font-family: 'Kanit', sans-serif;  font-weight:600;}
#mainContents .about_wrap .txt dl dt span:after { content:""; width:93px; height:1px; background:#c61821; display:block; position:absolute; right:-113px; bottom:4px;  }
#mainContents .about_wrap .txt dl dt p { font-size:24px; line-height:1.3; color:#222; margin-top:28px;}
#mainContents .about_wrap .txt dl dd { font-size:16px; color:#888;  line-height:1.5; margin-top:35px;}

#mainContents .product_wrap { margin-top:15px; padding:0 0 110px 0;} 
#mainContents .product_wrap .list { }
#mainContents .product_wrap .list ul {}
#mainContents .product_wrap .list ul li { width:32%; float:left; margin-right:2%;}
#mainContents .product_wrap .list ul li:last-child { margin:0; }
#mainContents .product_wrap .list ul li .img { overflow:hidden;}
#mainContents .product_wrap .list ul li .img img { width:100%;}
#mainContents .product_wrap .list ul li .txt { margin-top:20px;}
#mainContents .product_wrap .list ul li .txt dl {}
#mainContents .product_wrap .list ul li .txt dl dt { font-size:18px; color:#231815; font-weight:700;}
#mainContents .product_wrap .list ul li .txt dl dd { line-height:1.5; color:#888; margin-top:20px; font-size:14px;}


#mainContents .world { background:#041b2a; padding-bottom:38px;}
#mainContents .world .img { }
#mainContents .world .img img { width:100%; }

.board_wrap .list {}
.board_wrap .list > div { float:left; width:32%; margin-right:2%; border:1px solid #e1e1e1; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; height:424px;}
.board_wrap .list > div:last-child { margin:0;}
.board_wrap .list .date { color:#b2b1b1; font-size:14px;}
.board_wrap .list .img {position: relative; width: 100%; padding-bottom: 60%; overflow:hidden;}
.board_wrap .list .img img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%;
transition:all 0.4s;
-moz-transition:all 0.4s;
-webkit-transition:all 0.4s;
-o-transition:all 0.4s;
-ms-transition:all 0.4s;
}
.board_wrap .list .txt {padding:33px; position:relative;}
.board_wrap .list .txt dl { }
.board_wrap .list .txt dl { margin-top:16px;}
.board_wrap .list .txt dl dt { font-weight:500; }
.board_wrap .list .txt dl dt span { font-size:14px; color:#c61821;  font-weight:500;}
.board_wrap .list .txt dl dt p { font-size:18px; color:#000; margin-top:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_wrap .list .txt dl dd { font-size:14px; line-height:1.6; margin-top:16px; height:43px; overflow:hidden;}
.board_wrap .list .notice .txt dl dd { height:auto; line-height:1.8; margin-top:20px;}
.more_s2 { width:43px; height:38px; background:url("/img/main/more_s2.png") no-repeat center #222; }
.board_wrap .list .txt .more_s2 { position:absolute; right:0; top:0;}
.board_wrap .list a:hover .txt .more_s2 { background-color:#c61821 !important; }

.board_wrap .list a:hover .img img { 
transform:scale(1.2);
-moz-transform:scale(1.2);
-webkit-transform:scale(1.2);
-o-transform:scale(1.2);
-ms-transform:scale(1.2);
}

.board_wrap { margin-bottom:135px;}

/* 20201124 추가 css */
.shopping_btn{display:block; width:100px; height:100px; position:fixed; bottom:20px; left:20px; z-index:100;}