/* BASIC css start */
/*»óÇ°Æû °øÅë*/
.item-wrap .item-cont .item-list .prd-name a {line-height:1.3;}

/*¸ÞÀιè³Ê*/
#section1{overflow:hidden;}
#section1 .main_banner li:nth-of-type(1) ~ li{display: none;}
#section1 .slick-prev{width:25px; height:50px; background:url('/design/koreacom/wib/img/main/icon_arrow_prev_b.png')no-repeat 50% 50%; position:absolute; left:50%; margin-left:-600px; top:43%; z-index:10; transition:all 0.3s ease; opacity:0;}
#section1 .slick-next{width:25px; height:50px; background:url('/design/koreacom/wib/img/main/icon_arrow_next_b.png')no-repeat 50% 50%; position:absolute; right:50%; margin-right:-600px; top:43%; z-index:10; transition:all 0.3s ease; opacity:0;}
#section1:hover .slick-prev{opacity:1; margin-left:-630px;} 
#section1:hover .slick-next{opacity:1; margin-right:-630px;}
#section1 .slick-dots{position:absolute; bottom:7%; height:3px; width:100%; text-align:center;}
#section1 .slick-dots>li{margin:0 5px; display:inline-block ! important;}
#section1 .slick-dots>li>button{width:44px; height:3px; background:#fff;}
#section1 .slick-dots li.slick-active button{background:#000;}
#section1 .slick-list{width:1900px; left:50%; margin-left:-950px;}
#section1 .slick-list:after{display:none;}

/*¼­ºê¹è³Ê01*/
#section2 {
      width: 1200px;
      margin: 8% auto 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    #section2 .sub-banner1 {
      width: 49%;
    }

    #section2 .sub-banner1 a img {
      width: 100%;
      height: auto;
      display: block;
      transition: all 0.3s ease-in-out;
    }

    #section2 .sub-banner1 a img:hover {
      opacity: 0.6;
    }







/*º£½ºÆ® »óÇ°*/
#section3{width:1200px; margin:0 auto;}
.item-wrap{width:100%;}
.cateTit{padding:0;}
.cateTit h3{margin:8% 0 3%; font-size:28px; color:#333232; font-family: "Josefin Sans", "Malgun Gothic", "¸¼Àº °íµñ", "Nanum Gothic", "³ª´® °íµñ", "Apple SD Gothic Neo", sans-serif;}
#section3 .item-cont{width:100%;}
#section3 .item-cont .item-list{width:calc(25% - 20px); padding:0 10px; margin-bottom:8%;}
#section3 .item-cont .item-list .thumb{width:100%; height:auto; position:relative;}
#section3 .item-cont .item-list .thumb img{width:100%; height:auto;}
.thumb .item-view{position:absolute; right:0; top:15px; background:#fff; box-shadow:1px 1px 2px #c5c5c5; opacity:0; visibility:hidden; transition:all 0.3s ease-in-out;}
.thumb .item-view li{}
.thumb .item-view li a{display:inline-block; padding:9px 11px; position:relative;}
.thumb .item-view li a img{}
.thumb .item-view li a span{background:#333232; color:#fff; font-size:15px; font-weight:300; padding:2px 9px 1px; border-radius:15px; position:absolute; right:55px; top:5px; min-width:100px; display:block; opacity:0; visibility:hidden; transition:all 0.3s ease-in-out;}
.thumb:hover .item-view{right:15px; opacity:1; visibility:visible;}
.thumb .item-view li:hover span{opacity:1; visibility:visible;}
.thumb .item-view li:hover span:hover{background:#fff; color:#222;}
.discount-rate{position:absolute; left:15px; top:15px; width:50px; height:50px; display:block; text-align:center; background:#333232; border-radius:50%; color:#fff; line-height:51px; font-size:15px;}

.item-cont .item-list .prd-info{padding:10px 0 0 0 ! important; text-align:left ! important;}
.item-cont .item-list .prd-name a{font-size:17px; color:#333 ! important;}
.item-cont .item-list .prd-subname{padding:10px 10px 0 0; font-size:13px; line-height:18px; border-top:none ! important; margin-top:0 ! important; color:#333 ! important;}
.item-cont .item-list .prd-price{padding-top:13px; font-family: "Josefin Sans", "Malgun Gothic", "¸¼Àº °íµñ", "Nanum Gothic", "³ª´® °íµñ", "Apple SD Gothic Neo", sans-serif ! important;}
.item-cont .item-list .prd-price strike{font-size:17px; color:#888 ! important; padding-right:7px;}
.item-cont .item-list .prd-price .price{font-size:17px; color:#4c4c4c ! important; font-weight:600;}
.prd-preview{display:none;}






/*¼­ºê¹è³Ê02*/
#section4{font-size:0; margin-bottom:9%;}
#section4 .sub-banner2{width:50%; display:inline-block;}
#section4 .sub-banner2 img{width:450px; height:250px; transition:all 0.3s ease-in-out;padding-left: 10%; padding-right: 10%;}
#section4 .sub-banner2 img:hover{opacity:0.6;}

/*½Å»óÇ°*/
#section5{width:1200px; margin:0 auto;}
#section5 .item-cont{width:100%; font-size:0;}
#section5 .item-cont .item-list{display:inline-block; padding:0; width:25%; margin-bottom:8%; position:relative; vertical-align:top; float:none;}
#section5 .item-cont .item-list:nth-child(1), #section5 .item-cont .item-list:nth-child(6){width:40%;}
#section5 .item-cont .item-list:nth-child(2) .item-list{vertical-align:bottom; margin-top:-26%;}
#section5 .item-cont .item-list:nth-child(3) .item-list{vertical-align:bottom; margin-top:-26%;}
#section5 .item-cont .item-list:nth-child(4) ~ .item-list{vertical-align:bottom; margin-top:-26%;}
 #section5 .item-cont .item-list:nth-child(7) {!important; }
 #section5 .item-cont .item-list:nth-child(11) {!important; }
#section5 .item-cont .item-list .thumb{width:calc(100% - 20px); height:auto; margin:0 10px; position:relative;}
#section5 .item-cont .item-list .thumb img{width:100%; height:auto;}
#section5 .new-tab{width:100%; text-align:center; margin-bottom:3%; font-size:0;}
#section5 .new-tab li{margin:0 1.5%; display:inline-block;}
#section5 .new-tab li a{color:#575757; font-size:21px; position:relative; cursor:pointer; display:block; line-height:25px;font-weight:bold;}
#section5 .new-tab li a:after{content:""; position:absolute; bottom:-3px; left:50%; transform:translateX(-50%); width:0%; height:1px; background-color:#666; transition:all 0.3s ease;}
#section5 .new-tab li.on a{color:#000;}
#section5 .new-tab li.on a:after{width:100%;}
#section5 .new-tab li:hover a:after{width:100%;}
#section5 .new-cont{display:none;}
#section5 .step1{display:block;}



/*Ãß°¡ Ä«Å×°í¸®*/
#section6 {width:1200px; margin:0 auto; overflow:hidden;}
#section6 .add_cate1,
#section6 .add_cate2 {width:50%; float:left;}
#section6 .add_cate1 .product-wrap {margin-right:20px;}
#section6 .add_cate1 .item-wrap .item-cont {margin-top:8%; margin-bottom:0%;}
#section6 .item-wrap {width:98%;}
#section6 .item-wrap .item-cont {width:100%;}
#section6 .item-wrap .item-cont .item-list {width:50%; padding:0;}
#section6 .item-wrap .item-cont .item-list .thumb {width:100%; height:inherit; margin:0;}
#section6 .item-wrap .item-cont .item-list .thumb img {width:inherit; height:inherit;}
#section6 .item-wrap .item-cont .item-list .prd-info {padding-left:0;}



/*¸®ºä*/
#section7{width:1200px; margin:0 auto 2%;}
#section7 .review_title{text-align:center; margin:8% 0 3% 0;}
#section7 .review_title h3{font-size:28px; color:#333232; font-weight:bold;}
#section7 .review_title p{font-size:15px; color:#565656; margin-top:12px;}
#section7 .review_title a{display:inline-block; margin-top:25px; background:#4f4e4e; width:184px; height:55px; line-height:55px; color:#fff; font-size:16px; font-weight:bold;}
#section7 .review_img{font-size:0; position:relative;}
#section7 .review_img > li{display:inline-block; margin:0 10px; width:calc(25% - 22px); vertical-align:top; border:1px solid #ddd;}
#section7 .review_img > li img{width:100%; height:100px; }
#section7 .review_img > li:nth-of-type(4) ~ li{display:none;}
#section7 .review_img .img {height:50px; }
#section7 .prd-info{padding:10px 20px;}
#section7 .prd-subject{font-size:14px; color:#313131; margin-bottom:5px;}
#section7 .prd-cont{font-size:14px; line-height:22px; color:#929292; margin-bottom:15px; letter-spacing:-1px;}
#section7 .prd-name{font-size:14px; color:#929292;}
#section7 .prd-name span{margin-left:10px; padding-left:10px; border-left:1px solid #ddd; display:inline-block;}
#section7 .slick-list{padding-top:30px;}
#section7 .slick-list:after{display:none;}
#section7 .slick-slide img{width:40%; height:100px; margin:0 auto; position:relative; top:20px;}
#section7 .slick-slide{margin:0 10px; border:1px solid #ddd; transition:all 0.5s;}
#section7 .slick-slide:hover{margin-top:-30px; box-shadow:1px 2px 15px #ccc;}
#section7 .slick-prev{position:absolute; left:-50px; top:45%; width:25px; height:50px; background:url('/design/koreacom/wib/img/main/icon_arrow_prev_b.png') no-repeat;}
#section7 .slick-next{position:absolute; right:-50px; top:45%; width:25px; height:50px; background:url('/design/koreacom/wib/img/main/icon_arrow_next_b.png') no-repeat;}

/*樨毢*/
#section8{width:1200px; margin:0 auto; margin-bottom:7%; font-size:0;padding-top:100px;}
#section8 .play_banner{width:550px; display:inline-block; overflow:hidden; position:relative; cursor:pointer;}
#section8 .play_banner_l{margin-right:20px;}
#section8 .play_banner img{transition:transform .3s cubic-bezier(0.645,0.045,0.355,1); width:100%; transform:scale(1.08);}
#section8 .play_banner:hover img{transition:transform 1s cubic-bezier(0.33,0.02,0,0.93); transform:scale(1.06) translateX(3%);}
#section8 .play_banner:before, #section8 .play_banner:after{content:""; display:block; position:absolute; border:3px solid #fff; width:84px; height:84px; border-radius:50%; box-sizing:border-box; top:calc(50% - 42px); left:calc(50% - 42px); transition:all 0.4s; z-index:1;}
#section8 .play_banner:after{border:none; background:url('/design/koreacom/wib/img/icon/icon_play.png')no-repeat 57% 50%;}
#section8 .play_banner:hover::before{opacity:0; transform:scale(0.9);}
#section8 .video{position:fixed; background:rgba(0,0,0,0.5); width:100%; height:100%; top:0; left:0; z-index:99; display:none;}
#section8 .video .video-play{width:950px; height:540px; position:absolute; top:calc(50% - 270px); left:calc(50% - 475px); z-index:100;}
#section8 .video .video-play iframe{width:100%; height:100%;}

.close_pop{
	width: 41px;
	height: 41px;
	display: block;
	background: url('/design/koreacom/wib/img/icon/icon_close_w.png') no-repeat;
	position: fixed;
    top: 50%;
    right: 50%;
    z-index: 100;
    margin-top: -330px;
    margin-right: -475px;
	display: none;
	cursor: pointer;
}

/*Ãßõ»óÇ°*/
#section9{width:935px; margin:0 auto 5%;}
#section9 .cateTit h3{margin-top:0; line-height:1.6;}
#section9 .item-cont{width:100%;}
#section9 .item-list{width:50%; border:1px solid #ddd; box-sizing:border-box; margin:-1px -1px 0 0; padding:15px;}
#section9 .thumb{width:235px; height:235px; float:left; position:relative;}
#section9 .thumb img{width:100%; height:100%;}
#section9 .prd-info{float:left; width:300px; height:235px; padding:0; text-align:left; display:table;}
#section9 .prd-info ul{width:100%; height:100%; display:table-cell; vertical-align:middle;}
#section9 .item-cont{width:100%;}
#section9 .item-cont .item-list{width:33.33%; padding:50 0px; margin-bottom:8%;}
#section9 .item-cont .item-list .thumb{width:100%; height:auto; position:relative; margin:0 0px !important;}
#section9 .item-cont .item-list .thumb img{width:100%; height:auto;}
#section9 .item-wrap {width: 935px; }








/* BASIC css end */