/* BASIC css start */
/* 皋牢 谅螟 狞官 胶鸥老 */
#blk_scroll_wings {top:690px !important; }
.wings_fixed {position:fixed !important;}
.left_cate_area {display:block !important;}
/* 厚叼坷 硅呈 */
/*.videoWrap{ width:100%; height:780px; margin:0 auto; position: relative; background:lightpink; margin-bottom:100px; }*/
.videoWrap img{ width:100%; height:100%; margin-top:-3px;}
video {width:100%; height:100%; margin-top:45px; }
.videoWrap .pmslider{ width : 100%; position: absolute; top:40%; left:35%; color:#fff; z-index:1; font-size:100px; font-family: 'S-CoreDream-5Medium'; font-weight: bold; text-align: ceter; line-height: 67px; text-shadow: 2px 1px 1px #000;
-moz-animation: fadeIn 4s 2s 2 ease-in-out alternate;
-ms-animation: fadeIn 4s 2s 2 ease-in-out alternate;
-o-animation: fadeIn 4s 2s 2 ease-in-out alternate;
animation: fadeIn 4s 2s 2 ease-in-out alternate; opacity: 0; }
.videoWrap .size{ width: 100%; position: absolute; top:52%; left:42%; display: block; font-size: 40px; color: #fff; font-family: 'S-CoreDream-5Medium'; text-align: ceter; text-shadow: 2px 1px 1px #000;
-moz-animation: fadeIn 4s 2s 2 ease-in-out alternate;
-ms-animation: fadeIn 4s 2s 2 ease-in-out alternate;
-o-animation: fadeIn 4s 2s 2 ease-in-out alternate;
animation: fadeIn 4s 2s 2 ease-in-out alternate; opacity: 0; }
@keyframes fadeIn {
0% { opacity: 0;}
100% { opacity: 1;}
}
@-webkit-keyframes fadeIn {
0% { opacity: 0;}
100% { opacity: 1;}
}
@-moz-keyframes fadeIn {
0% { opacity: 0;}
100% { opacity: 1;}
}
@-ms-keyframes fadeIn {
0% { opacity: 0;}
100% { opacity: 1;}
}
@-o-keyframes fadeIn {
0% { opacity: 0;}
100% { opacity: 1;}
}
@keyframes fadeIn {
0% { opacity: 0;}
100% { opacity: 1;}
}
/*皋牢浇扼捞歹*/
.mslider{ margin-bottom: 15px; margin-top:80px; }
.mslider .slider li{ width: 100%; overflow: hidden; }
.mslider{ width:100%; height:710px; }
.mslider .slider li{ height: 710px; background-repeat: no-repeat; background-position: center; position: relative; }
.mslider .slider .ms01{ background-image: url(/design/chojisung/0772marketo/vg_ex_mainslider01_710_newnew.jpg); }
.mslider .slider .ms02{ background-image: url(/design/chojisung/0772marketo/vg_ex_mainslider02_710_newnew.jpg); }
.mslider .slider .ms03{ background-image: url(/design/chojisung/0772marketo/vg_ex_mainslider04_710_newnew.jpg); }
.mslider .pmslider{ font-family: 'S-CoreDream-5Medium'; color:#fff; margin-top:350px; }
.mslider .pmslider span{ font-family: 'S-CoreDream-5Medium'; }
.mslider .ms01 .pmslider .size{ display: block; font-size: 25px; color: #fff; margin-top: 10px; opacity: 0; }
.mslider .ms01 .pmslider.on .size{ opacity: 1; transition: 1s; transition-delay: 0.5s; }
.mslider .ms01 .pmslider{ display: block; font-size: 40px; font-weight: 800; color: #fff; text-align: center; margin-top: 140px; opacity: 0; text-shadow: 1px 2px 3px #000; }
.mslider .ms01 .pmslider.on{ opacity: 1; transition: 1s; }
.mslider .ms02 .pmslider .size{ display: block; font-size: 25px; color: #fff; margin-top: 10px; opacity: 0; }
.mslider .ms02 .pmslider.on .size{ opacity: 1; transition: 1s; transition-delay: 0.5s; }
.mslider .ms02 .pmslider{ display: block; font-size: 40px; font-weight: 800; color: #fff; text-align: center; margin-top: 140px; opacity: 0; text-shadow: 1px 2px 3px #000; }
.mslider .ms02 .pmslider.on{ opacity: 1; transition: 1s; }
.mslider .ms03 .pmslider .title{ display: block; font-size: 40px; color: #fff; font-weight: 900; margin-bottom: 10px; }
.mslider .ms03 .pmslider{ width: 600px; overflow: hidden; font-size: 25px; text-align: right; letter-spacing: 0.5px; position: absolute; top: -190px; right: calc( 50% + -790px); opacity: 0; text-shadow: 1px 2px 3px #000; }
.mslider .ms03 .pmslider.on{ opacity: 1; transition: 1s; right: calc( 50% + -590px); }
/* PAGER */
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial;font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager.bx-default-pager a { background: #202946; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width:40px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #c20f2f; width:40px; }
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline;}
.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; }
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev { left: 10px; background: url('images/controls.png') no-repeat 0 -32px; }
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus { background-position: 0 0; }
.bx-wrapper .bx-next { right: 10px; background: url('images/controls.png') no-repeat -43px -32px;}
.bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus { background-position: -43px 0; }
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; }
.bx-wrapper .bx-controls-direction a.disabled { display: none; }
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto { text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url('images/controls.png') -86px -11px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus{ background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url('images/controls.png') -86px -44px no-repeat; margin: 0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; }
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px;}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100% }
.bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px;}
/* VG PLUS */
.vgplus { width:1200px; height:430px; margin:0 auto; margin-bottom:170px; }
.vgplus img{ margin-top:100px; }
/* 海福荤弊赋 矫府令 */
.moveBan { position: relative; width:1200px; height: 100%; margin:170px auto 80px auto; }
.movList { overflow:hidden; margin-top: 80px; }
.movList li a{float:left; width:300px; height:456px; }
.productsWrap > ul>.extrem a {display:block; width:300px; height:px; line-height:120px; font-weight:bold; font-size:16px; color:#fff; }
.movList .extrem a{ background-image: url(/design/chojisung/0772marketo/vg_ex_product01.jpg); background-repeat:no-repeat; cursor:pointer; }
.movList .pro a{ background-image: url(/design/chojisung/0772marketo/vg_ex_product02.jpg); background-repeat:no-repeat; cursor:pointer; }
.movList .classic a{ background-image: url(/design/chojisung/0772marketo/vg_ex_product03_gold.jpg); background-repeat:no-repeat; cursor:pointer; }
.movList .fit a{ background-image: url(/design/chojisung/0772marketo/vg_ex_product04_pink.jpg); background-repeat:no-repeat; cursor:pointer;}
.movList .extrem a:hover{ background-image: url(/design/chojisung/0772marketo/vg_ex_product01_hover.jpg); transition: 0.3s; transition-delay: 0.1s; background-repeat:no-repeat; cursor:pointer; }
.movList .pro a:hover{ background-image: url(/design/chojisung/0772marketo/vg_ex_product02_hover.jpg);transition: 0.3s; transition-delay: 0.1s; background-repeat:no-repeat; cursor:pointer; }
.movList .classic a:hover{ background-image: url(/design/chojisung/0772marketo/vg_ex_product03_hover.jpg);transition: 0.3s; transition-delay: 0.1s; background-repeat:no-repeat; cursor:pointer; }
.movList .fit a:hover{ background-image: url(/design/chojisung/0772marketo/vg_ex_product04_hover_final.jpg);transition: 0.3s; transition-delay: 0.1s; background-repeat:no-repeat; cursor:pointer; }
#product h1{ text-align: center; font-size: 30px; line-height: 48px; color:#000; display: block; font-weight: bold; text-shadow: 1px 1px 1px #ededed; font-family: "NanumBarunGothicBold"; z-index: 20; }
/*#product h1:after{ display: block; content: ''; width: 200px; height:2px; background-color: #c10230; position: absolute; top: 24px; left : 240px; transform: scaleX(0); transition: 0.3s; }
#product h1:hover:after{ transform: scaleX(1); }*/
#product h1:after{ display: block; content: ''; width: 30px; height:5px; background-color: #c10230; position: absolute; top: 60px; left : 580px;}
/*#product h1:before{ display: block; content: ''; width: 1200px; height:70px; border: 1px solid #c10230; position: absolute; top: -8px; left :0px;}*/
#product h3{ text-align: center; margin-top:25px; font-size:16px; }
#product .first{ left: 95px; }
#product .sec { left: 410px; }
#product .thr { left: 690px; }
#product .for { left: 1020px; }
#product h2:hover{ color:#fff; font-size:25px; font-weight:bold; font-family: "NanumBarunGothicBold"; }
#product h2{ width:300px; height:456px; position: absolute; top:150px; color:#202946; font-size:25px; font-weight:bold; display: block; padding-left:15px; font-family: "NanumBarunGothicBold"; }
/* 宏罚靛胶配府硅呈 */
.brandstory{ width:100%; height:450px; background-repeat:no-repeat; background-color:#000; background-size:cover; background-position:center; }
.bswrap{ width:100%; height:450px; background-image: url(/design/chojisung/0772marketo/vg_ex_bsbg03.jpg); background-repeat:no-repeat; }
.brandstory .bswrap{ animation:backMoving 9s ease-out forwards; animation-direction: reverse ; }
@keyframes backMoving{
from{background-size:100% 100%;}
to{background-size:110% 110%;}
}
.bswrap h1{ width:1200px; margin:0 auto; font-size: 32px; color:#fff; text-align: left; padding-top: 280px; font-family:'Noto Sans KR DemiLight', sans-serif; font-weight:700; }
.bswrap h3{ width:1200px; margin:0 auto; font-size: 25px; color:#fff; text-align: left; font-family:'Noto Sans KR DemiLight', sans-serif; }
.bswrap h4{ width:1200px; margin:0 auto; font-size: 20px; color:#fff; text-align: left; font-weight: bold; margin-top:15px; }
.bswrap a{ color:#fff; font-size: 20px; font-weight: lighter; font-family:'Noto Sans KR DemiLight', sans-serif; }
/* 酒飘努赋 */
.snWrap{margin-top:150px; }
.Arttext{ width: 1200px; position:relative; margin:0 auto; }
.snWrap h1{text-align: center; font-size: 30px; line-height: 48px; color: #202946; display: block; font-weight: bold; text-shadow: 1px 1px 1px #ededed; font-family: "NanumBarunGothicBold";}
.snWrap h1:after{ display: block; content: ''; width: 30px; height:5px; background-color: #c10230; position: absolute; top: 60px; left : 582px;}
.snWrap .sns{ width:100%; height: auto; margin-top: 100px; position: relative; }
.snWrap .swiper-slide a{ width:228px; height:230px; display: block; }
.snWrap .swiper-container{ width: 1380px; height: auto; position: relative; float: center; }
.snWrap .swiper-button-prev{ background-image: url(/design/chojisung/0772marketo/vg_ex_artclip_proB.png); background-size: 31px 43px; position: absolute; top: 50%; left: 23%; margin-left: -50px; left: 50px; }
.snWrap .swiper-button-next{ background-image: url(/design/chojisung/0772marketo/vg_ex_artclip_nextB.png); background-size: 31px 43px; position: absolute; top: 50%; right: 23%; margin-right: -16px; right: 50px; }
.snWrap .swiper-button-prev:hover{ background-image: url(/design/chojisung/0772marketo/vg_ex_artclip_proB_hover.png); }
.snWrap .swiper-button-next:hover{ background-image: url(/design/chojisung/0772marketo/vg_ex_artclip_nextB_hover.png); }
/* 酒飘努赋硅呈 */
.acbanner{ width: 100%; height:400px; margin:0; padding:0; margin-top:150px; }
.acbgwarp{ width: 1240px; height: 100%; margin: 0 auto; margin-bottom:-59px; }
.acbgwarp img{ margin-top:-79px; margin-right:40px; }
.acbgwarp a{ width: 1200px; height: 400px; }
.acbgwarp a img:hover{ width: 1205px; height: 405px; margin: 0 auto; margin-top:-79px; box-shadow: 0px 5px 7px rgb(0 0 0 / 40%);}
/* 弊赋菩靛纳绢硅呈 */
.gpbanner{ width: 100%; height:400px; margin:0; padding:0; margin-top:100px; }
.gpbgwarp{ width: 1240px; height: 100%; margin: 0 auto; margin-bottom:-59px; }
.gpbgwarp img{ margin-right:40px; }
.gpbgwarp a{ width: 1200px; height: 400px; }
.gpbgwarp a img:hover{ width: 1205px; height: 405px; margin: 0 auto; box-shadow: 0px 5px 7px rgb(0 0 0 / 40%);}
/* 沥前殿废硅呈 */
.wtbanner{ width: 100%; height:400px; margin:0; padding:0; margin-top:170px; }
.wtbgwarp{ width: 1240px; height: 100%; margin: 0 auto; }
.wtbgwarp img{ margin-right:40px; }
.wtbgwarp a{ width: 1200px; height: 400px; }
.wtbgwarp a img:hover{ width: 1205px; height: 405px; margin: 0 auto; box-shadow: 0px 5px 7px rgb(0 0 0 / 40%);}
/* 皋牢 墨抛绊府 皋春 */
.mainMenuWrap {width:1200px; margin:50px auto 0 auto;}
.menu01 {overflow:hidden;}
.menu01 li {float:left; margin-right:96px; width:120px; height:118px;}
.menu01 li:last-child {margin-right:0;}
.menu02 {overflow:hidden; margin-top:60px;}
.menu02 li {float:left; margin-right:96px;}
.menu02 li:last-child {margin-right:0;}
a.roll img.over { display: none;}
a.roll:hover img { display: none;}
a.roll:hover img.over { display: inline;}
/* 皋牢 惑前徘 */
.swiper2 {width:1200px;margin:0px auto;}
.swiper2_text {height:60px; font-size:0; width:1200px; margin-bottom:0px; }
.swiper2_text li:first-child {border-left:1px solid #e5e5e5;}
.swiper2_text li { cursor:pointer; position:relative; display:inline-block;width:200px; border:1px solid #e5e5e5; height:60px;line-height:58px;box-sizing:border-box;border-left:0px;}
.swiper2_text li {color:#888; font-size:14px; text-align:center; font-weight:400; letter-spacing:-0.015em;}
.swiper2_text li.swiper_over { color:#252525;border:2px solid #222; font-weight:700;}
.swiper2 .swiper-pagination2 {display:none;}
.swiper2 .swiper-slide {display:block;background-color:#fff;border:1px solid #e5e5e5;box-sizing:border-box;padding:40px 30px;}
.swiper2 .prd-list table td {padding-bottom:0;}
.swiper2 .prd-list table .tb-center {width:262px;}
/* 窍窜硅呈 康开 */
.hot_area {width:1200px; margin:220px auto 80px auto; position:relative; margin-bottom:200px; }
.hot_area ul li {float:left;}
.hot_area ul li:first-child {padding-left:0px;}
.hot_area ul li {padding-left:29px;}
.hot_area .ban_thumb {position:relative;}
.hot_area .ban_ico {position:absolute; left:0px; top:0px;}
.hot_area .ev_ar {padding-top:22px; padding-right:10px;}
.hot_area a:after{ display: block; content: ''; width: 580px; height:5px; background-color: #c10230; position: absolute; bottom: -5px; transform: scaleX(0); transition: 0.3s; }
.hot_area a:hover:after{ transform: scaleX(1); }
/* 目孤聪萍
.subMenu01 {width:1200px; margin:90px auto 0px auto;}
.subMenu01 ul {overflow:hidden;}
.subMenu01 ul li {float:left; margin-right:11px;}
.subMenu01 ul li:first-child {width:129px; height:40px; font-size:14px; background-color:#0089ff; display:block; line-height:40px; color:#fff; font-family:"Open Sans", "Nanum Gothic", sans-serif; font-weight:500; text-align:center;}
.subMenu01 ul li:last-child {margin-right:0px;}
.subMenu01 ul li a {width:140px; height:40px; font-size:12px; background-color:#fff; border:1px solid #dadada; display:block; line-height:40px; color:#231f20; font-family:"Open Sans", "Nanum Gothic", sans-serif; font-weight:500; text-align:center;}
.subMenu01 ul li a:hover {border:1px solid #231f20; color:#fff; background-color:#231f20;} */
/* SNS
.subMenu02 {width:1200px; margin:26px auto;}
.subMenu02 ul {overflow:hidden;}
.subMenu02 ul li {float:left; margin-right:11px;}
.subMenu02 ul li:first-child {width:160px; height:40px; font-size:14px; background-color:#0089ff; display:block; line-height:40px; color:#fff; font-family:"Open Sans", "Nanum Gothic", sans-serif; font-weight:500; text-align:center;}
.subMenu02 ul li:last-child {margin-right:0px;}
.subMenu02 ul li a {width:160px; height:40px; font-size:12px; background-color:#fff; border:1px solid #dadada; display:block; line-height:40px; color:#231f20; font-family:"Open Sans", "Nanum Gothic", sans-serif; font-weight:500; text-align:center;}
.subMenu02 ul li a:hover {border:1px solid #231f20; color:#fff; background-color:#231f20;} */
/* 宏罚靛
.subMenu03 {width:1200px; margin:16px auto;}
.subMenu03 ul {overflow:hidden;}
.subMenu03 ul li {float:left; margin-right:11px;}
.subMenu03 ul li:first-child {width:160px; height:40px; font-size:14px; background-color:#0089ff; display:block; line-height:40px; color:#fff; font-family:"Open Sans", "Nanum Gothic", sans-serif; font-weight:500; text-align:center;}
.subMenu03 ul li:last-child {margin-right:0px;}
.subMenu03 ul li a {width:160px; height:40px; font-size:12px; background-color:#fff; border:1px solid #dadada; display:block; line-height:40px; color:#231f20; font-family:"Open Sans", "Nanum Gothic", sans-serif; font-weight:500; text-align:center;}
.subMenu03 ul li a:hover {border:1px solid #231f20; color:#fff; background-color:#231f20;} */
#contentWrap {width:100% !important;}
#left_quick {top:762px;}
#comment_top.fixed #left_quick {top:248px;}
/* BASIC css end */