/* main */
#main .head_title {font-size: 25px;font-weight: normal;padding: 40px 0 30px 0;text-align: center;color: #1b1b1b;}
#main .head_title h2{margin: 0;font-size: 26px;}
button {outline: none; border: none; background: transparent;cursor: pointer;}
button:focus{outline: 0!important;}
[class*='arrow'], [class*='left'], [class*='right']{cursor:pointer;}
[class*='arrow'] {z-index: 999;position: absolute;border: 0;}

/*slide_bnr 사이드배너*/
#mainSlideBnr {position: absolute;top: 570px;right: 5vw;left: auto;width: 110px;background: #fff;z-index: 10000;border: 1px solid #d9d9d9;text-align: center;}
#mainSlideBnr > a {display: block;background: #31543c;color: #ffffff;border: none;line-height: 50px;}
#mainSlideBnr ul li {height: 40px;border-bottom: 1px dotted #d9d9d9;font-size: 14px;}
#mainSlideBnr ul li:last-child {background: #ddd;height: 55px;padding: 6px;}
#mainSlideBnr ul li a {line-height: 40px;color: #222;}
#mainSlideBnr ul li p {margin: 0;color: #31543c;font-weight: 600;}
/*
.slide_bnr > div, .slide_bnr > a{width:118px; padding:10px 10px; }
.slide_bnr > div{height:75px; background:#31543c;color:#fff;}
.slide_bnr > div img{width:30px;}
.slide_bnr > div span{font-weight:500;}
.slide_bnr > a{display: block; height:40px; border-bottom:1px #d9d9d9 dotted; color: #000;font-size:14px;}
*/

/*포프리 메인 비쥬얼*/
#main .main_visual .main_slide {position: relative; overflow: hidden; opacity: 0;height: 365px;}
#main .main_visual .main_slide[class*="slick"] {opacity: 1;}
#main .main_visual .main_slide [class*='arrow'] {color: #fff;top: 50%;transform: translateY(-50%);background: transparent;font-size: 60px;opacity: 0;transition-duration: 0.4s;}
#main .main_visual .main_slide [class*='left'] {left: 30px;}
#main .main_visual .main_slide  [class*='right'] {right: 30px;}
#main .main_visual .main_slide:hover [class*='arrow'] {opacity: 1;}
#main .main_visual .main_slide .slick-slide{height: 365px;}
#main .main_visual .main_slide img {position: relative;left: 50%;transform: translateX(-50%);top: -66px;}
#main .main_visual .main_slide .slideTxt {position: absolute;top: 50%;left: 50%;width: 1080px;transform: translate(-50%,-50%);}
#main .main_visual .main_slide .slideTxt h1{font-family: 'GyeonggiCheonnyeon';font-weight: bold;}
#main .main_visual .main_slide ul.main_paging{position: absolute;left: 50%;transform: translateX(-50%);bottom: 15px;}
#main .main_visual .main_slide ul.main_paging li{float: left; margin-left: 7px;}
#main .main_visual .main_slide ul.main_paging li:first-child{margin-left: 0;}
#main .main_visual .main_slide ul.main_paging li{width: 15px; height: 15px; background: #fff; opacity: 0.8; border: 0; border-radius: 15px;}
#main .main_visual .main_slide ul.main_paging li.slick-active{background: #31543c;opacity: 1;}
#main .main_visual .btn-main {background-color: transparent;border-color: #333;color: #333;padding: 0;font-size: 16px;width: 150px;height: 40px;line-height: 39px;}
#main .main_visual .btn-main:hover,
#main .main_visual .btn-main:active,
#main .main_visual .btn-main:focus {background-color: #31543c !important;border-color: #31543c !important;color: #fff !important;box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;}

/*포프리 공지*/
#main .notice_container{border-bottom: 1px solid #eee;height: 95px; overflow: hidden;}
#main .notice_container .notice_row {width: 1050px;position: relative;margin: 0 auto;}
#main .notice_container .notice_row a {font-size: 18px;padding: 30px 0;color:#999;display: block;}
#main .notice_container .notice_row p {display: inline-block; margin: 0;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;width:800px;overflow:hidden;}
#main .notice_container .notice_row span {font-weight: 600;}
#main .notice_container .notice_row [class*='arrow'] {color: #333;top: 9%;transform: translateY(-50%);background: transparent;}
#main .notice_container .notice_row [class*='left']{right: 33px;}
#main .notice_container .notice_row [class*='right']{right: 0;}
#main .notice_container .notice_row [class*='left']::after{position: absolute;top: -1px;right: -8px;content: "";display: block;background: #ddd;width: 1px;height: 20px;}

/*포프리 인기제품*/
#main .popProduct_container {width: 100%; overflow: hidden;}
#main .popProduct_container .popProduct_row {width: 1080px; margin: 0 auto; position: relative; height: 500px;}
#main .popProduct_container .popProduct_row .popProduct_txt {width: 310px;height: 500px;padding: 85px 0;position: relative;left: 0;background: #fff;min-height: 420px;z-index: 9999;}
#main .popProduct_container .popProduct_row .popProduct_txt h1 {font-size: 36px;margin: 0 0 40px 0;}
#main .popProduct_container .popProduct_row .popProduct_txt p {font-size: 18px;}
#main .popProduct_container .popProduct_row .popProduct_txt p a {color: #31543c;font-weight: 600;border-bottom: 1px solid #31543c;}
#main .popProduct_container .popProduct_row .popProduct_txt .popProduct_pagination i{font-size: 18px;font-weight: 600;height: 24px;line-height: 24px;color: #333;}
#main .popProduct_container .popProduct_row .popProduct_con {position: absolute;top: 0;left: 310px;width: 100%;height: 500px;}
#main .popProduct_container .popProduct_row .popProduct_con::after {position: absolute;top: 0;right: 0;content: "";display: block;width: 150px;height: 100%;z-index: 9999;background: linear-gradient(to left, #fff 1%, rgba(255, 255, 255, 0.1) 85%, rgba(255, 255, 255, 0));}
#main .popProduct_container .popProduct_row .popProduct_con::before {position: absolute;top: 0;left: 0;content: "";display: block;width: 150px;height: 100%;z-index: 9999;background: linear-gradient(to right, #fff 1%, rgba(255, 255, 255, 0.1) 85%, rgba(255, 255, 255, 0));}
#main .popProduct_container .popProduct_row .popProduct_con .popProduct_content h3{color: #000; margin: 40px 0 20px 0;text-align: center;}
#main .popProduct_container .popProduct_row .popProduct_con .popProduct_content p{color: #000; text-align: center;}
#main .popProduct_container .popProduct_row .popProduct_con .popProduct_content img{height: 300px; margin: 0 auto; transition-duration: 0.4s;}

/*포프리 제품*/
#main .product_container{background: #f6f6f6;}
#main .product_container .slick-slide{padding: 0 10px;}
#main .product_container .product_row{width: 1080px; margin: 0 auto; opacity: 0;}
#main .product_container .product_row[class*='slick']{opacity: 1;}
#main .product_container .product_row .product_card{background: #fff;}
#main .product_container .product_row .product_card .product_cardImg {width: 240px; overflow: hidden; }
#main .product_container .product_row .product_card .product_cardImg img{width: 100%; transition-duration: 0.4s;}
#main .product_container .product_row .product_card .product_cardImg:hover img {transform: scale(1.05);}
#main .product_container .product_row .product_card .product_cardBody {min-height: 140px !important; width: 240px;}
#main .product_container .product_row .product_card .product_cardBody h5{margin: 15px 25px; color: #1b1b1b;}
#main .product_container .product_row .product_card .product_cardBody p{margin: 0 25px 20px; color: #545454;}
#main .product_container .product_row [class*='arrow'] {opacity: 0;background: #fff;width: 60px;height: 60px;font-size: 35px;line-height: 60px;border-radius: 36px;color: #333;top: 30%;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);transition-duration: 0.4s;text-align: center;}
#main .product_container .product_row:hover [class*='arrow']{opacity: 1;}
#main .product_container .product_row [class*='arrow']:hover{background: #31543c;color: #fff;}
/*#main .product_container .product_row [class*='left']:hover,*/
/*#main .product_container .product_row [class*='right']:hover{}*/
#main .product_container .product_row [class*='left']{left: -20px;}
#main .product_container .product_row [class*='right']{right: -20px;}
#main .product_container .product_row ul.product_paging {display: table;margin: -30px auto 0;position: relative;z-index: 100;cursor: pointer;}
#main .product_container .product_row ul.product_paging li{float: left; margin-left: 7px;}
#main .product_container .product_row ul.product_paging li:first-child{margin-left: 0;}
#main .product_container .product_row ul.product_paging li{width: 10px;height: 10px;border: 1px solid #ddd;background: transparent;border-radius: 10px;padding: 0;background: #ddd;}
#main .product_container .product_row ul.product_paging [class*='active']{background: #31543c; border: 1px solid #31543c;}

/*제품 slick css*/
.slick-track {height: 500px !important;}

/*배너*/
#main .bnr_container{background: #f6f6f6;height: 240px;}
#main .brand_delivery{position: relative; display: block;margin: 0 auto;height: 100%;overflow: hidden;width: 1040px;}
#main .brand_delivery img{width: 100%;}
#main .brand_delivery .txt{position: absolute;left: 80px;top: 50%;color: #fff;transform: translateY(-50%);}
#main .brand_delivery .txt p{font-size: 20px;margin-bottom: .5rem;}
#main .brand_delivery .txt h2{font-size: 36px;font-weight: 500;margin-bottom: 1rem;}
#main .brand_delivery .txt span{padding:0 20px; border: 1px solid #fff;background: #fff;border-radius: 4px;color: #947373;height: 40px; line-height: 38px; font-size: 20px; top: 170px;}
#main .brand_delivery:hover span{color: #fff;background: transparent;}

/*기획상품*/
.product_container2 {background: rgb(241 241 241);}
.product_row2 {width: 1080px; margin: 0 auto;opacity: 1; height: 500px;}
.product_row2 .product_cardBody2 {width: 320px; height: 140px; padding:20px; margin: 0 auto;background: #ffffff;}
.product_row2 .product_cardBody2 > p {word-break: keep-all; }
.product_row2 > a {display: block; width: 33.33%; color: #1b1b1b;}
.product_row2 > a:hover {color: #1b1b1b;}
.product_row2 > a > .product_cardImg {width: 100%; padding: 0 20px;}
.product_row2 > a > .product_cardImg img{display: block; width: 100%;}

/*포프리 브랜드*/
#main .brand_container{background: #f6f6f6; padding-bottom: 50px;}
#main .brand_container .brand_row{width: 1080px; margin: 35px auto 0;}
#main .brand_container .brand_row:first-child{margin-top:0;}
#main .brand_container .brand_row .brand_card .brand_cardImg{position:relative; display: block; overflow: hidden;}
#main .brand_container .brand_row .brand_card .brand_cardImg img {width: 100%!important;transition-duration: 0.4s;}
#main .brand_container .brand_row .brand_card .brand_cardImg:hover img{transform: scale(1.05);}
#main .brand_container .brand_row .brand_card .brand_cardImg h1{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);white-space: nowrap;font-weight: 600;color: #fff;font-size: 28px;text-align: center;}
#main .brand_container .brand_row .brand_card .brand_cardBody {background: #fff; padding-top: 15px; padding-bottom: 15px;}
#main .brand_container .brand_row .brand_card .brand_cardBody h5 {margin:0 15px 8px; color: #1b1b1b;}
#main .brand_container .brand_row .brand_card .brand_cardBody p {margin: 0 15px 0; color: #545454;}

@media all and (max-width:1400px) {
    #mainSlideBnr{right: 1vw;left: auto;}
}
@media all and (max-width:1200px) {
    #mainSlideBnr{right: auto;left: 200vw;}
}