@charset "utf-8";

#page{}

#page .category_list{margin-top:90px;text-align:center;}
#page .category_list ul{margin:0;padding:0;list-style:none;display:inline-block;}
#page .category_list ul:after{content:"";display:block;clear:both;}
#page .category_list ul li{float:left;position:relative;width:180px;line-height:58px;border-top:1px solid #909090;border-bottom:1px solid #909090;border-left:1px solid #909090;font-size:18px;font-weight:400;color:#333333;white-space:nowrap;box-sizing:border-box;}
#page .category_list ul li:last-child{}
#page .category_list ul li:last-child:before{position:absolute;right:-1px;top:-1px;height:calc(100% + 2px);content:"";display:block;border-right:1px solid #909090;}
#page .category_list ul li a{display:block;color:#333333;text-decoration:none;}
#page .category_list ul li.active{color:#ffffff;background-color:#f94b06;}
#page .category_list ul li.active a{color:#ffffff;}

@media screen and (max-width:1200px){
	#page .category_list{margin-top:80px;}
	#page .category_list ul{display:block;}
	#page .category_list ul li{font-size:17px;line-height:55px;}
	
	#page .category_list.w2 ul li{width:50%;}
	#page .category_list.w3 ul li{width:33.33%;}
	
	#page .category_list.w4 ul li{width:25%;}
	#page .category_list.w5 ul li{width:20%;}
}

@media screen and (max-width:1000px){
	#page .category_list{margin-top:70px;}
	#page .category_list ul li{font-size:16px;line-height:50px;}
}

@media screen and (max-width:900px){
	#page .category_list{margin-top:60px;}
	#page .category_list ul li{font-size:15px;line-height:45px;}
	#page .category_list ul li:nth-child(n+4){border-top:0;}
	#page .category_list ul li:nth-child(3n+1){border-left:0;border-left:1px solid #909090;}
	#page .category_list ul li:nth-child(3n){border-right:1px solid #909090;}
	
	#page .category_list.w4 ul li{width:33.333%;}
	#page .category_list.w5 ul li{width:33.333%;}
}

@media screen and (max-width:700px){
	#page .category_list{margin-top:50px;}
	#page .category_list ul li{font-size:14px;line-height:40px;}
}

@media screen and (max-width:500px){
	#page .category_list{margin-top:35px;}
	#page .category_list ul li{font-size:12px;line-height:35px;}
}

@media screen and (max-width:350px){
	#page .category_list{margin-top:30px;}
	#page .category_list ul li{font-size:11px;line-height:30px;}
}



#page .product_list{margin-top:90px;}
#page .product_list > ul{margin:0;padding:0;list-style:none;}
#page .product_list > ul:after{content:"";display:block;clear:both;}
#page .product_list > ul > li{float:left;width:calc(33.333% - 23.333px);margin-right:35px;box-sizing:border-box;}
#page .product_list > ul > li:nth-child(3n){margin-right:0;}
#page .product_list > ul > li:nth-child(n+4){margin-top:145px;}
#page .product_list > ul > li .box{border:1px solid #c3c3c3;position:relative;transition:border-color ease 0.3s;cursor:pointer;}
#page .product_list > ul > li .box:before{content:"";display:block;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;z-index:1;left:-1px;top:-1px;background-color:rgba(249,75,6,0.78);background-image:url(../img/ko/icon_detail_view.png);background-repeat:no-repeat;background-position:center center;opacity:0;transition:opacity ease 0.3s;}
#page .product_list > ul > li .box .thumbnail{position:relative;}
#page .product_list > ul > li .box .thumbnail:before{content:"";display:block;padding-bottom:100%;}
#page .product_list > ul > li .box .thumbnail img{position:absolute;left:0;top:0;width:100%;z-index:0;}
#page .product_list > ul > li .box .title_box{padding:22px;}
#page .product_list > ul > li .box .title_box .title{font-size:22px;font-weight:400;color:#222222;line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#page .product_list > ul > li .box .title_box .info{margin-top:15px;font-size:16px;font-weight:400;color:#555555;line-height:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#page .product_list > ul > li .box:hover:before{opacity:1;}
#page .product_list > ul > li .button_area{margin:25px 25px 0;}
#page .product_list > ul > li .button_area ul{margin:0;padding:0;list-style:none;}
#page .product_list > ul > li .button_area ul:after{content:"";display:block;clear:both;}
#page .product_list > ul > li .button_area ul li{float:left;width:calc(50% - 6.5px);margin-right:13px;}
#page .product_list > ul > li .button_area ul li:nth-child(2n){margin-right:0;}
#page .product_list > ul > li .button_area ul li .button{display:block;border:1px solid #c3c3c3;white-space:nowrap;line-height:43px;font-size:15px;color:#222222;font-weight:400;text-align:center;text-decoration:none;transition:background-color ease 0.3s,border-color ease 0.3s,color ease 0.3s;cursor:pointer;}
#page .product_list > ul > li .button_area ul li .button:hover{background-color:#f94b06;border-color:transparent;color:#ffffff;}
#page .product_list > ul > li .button_area ul li .button.disable{background-color:#dddddd;color:#999999;}
#page .product_list > ul > li .button_area ul li .button.disable:hover{border-color:#c3c3c3;}
#page .product_list .nolist{text-align:center;padding:100px 0;font-size:14px;font-weight:400;color:#111111;}

@media screen and (max-width:1200px){
	#page .product_list{margin-top:80px;}
	#page .product_list > ul > li{width:calc(33.333% - 10px);margin-right:15px;}
	#page .product_list > ul > li:nth-child(n+4){margin-top:120px;}
	#page .product_list > ul > li .box .title_box{padding:20px 15px}
	#page .product_list > ul > li .box .title_box .title{font-size:18px;}
	#page .product_list > ul > li .box .title_box .info{font-size:14px;margin-top:13px;}
	#page .product_list > ul > li .button_area{margin:15px 0 0;}
	#page .product_list > ul > li .button_area ul li .button{font-size:13px;}
}

@media screen and (max-width:1000px){
	#page .product_list{margin-top:70px;}
	#page .product_list > ul > li:nth-child(n+4){margin-top:80px;}
	#page .product_list > ul > li .box .title_box{padding:18px 10px;}
	#page .product_list > ul > li .box .title_box .title{font-size:16px;}
	#page .product_list > ul > li .box .title_box .info{font-size:13px;margin-top:11px;}
	#page .product_list > ul > li .button_area ul li .button{font-size:12px;line-height:40px;}
}

@media screen and (max-width:900px){
	#page .product_list{margin-top:60px;}
	#page .product_list > ul > li:nth-child(n+4){margin-top:60px;}
	#page .product_list > ul > li .box .title_box{padding:15px 5px;}
	#page .product_list > ul > li .box .title_box .title{font-size:13px;}
	#page .product_list > ul > li .box .title_box .info{font-size:12px;margin-top:8px;}
	#page .product_list > ul > li .button_area ul li .button{font-size:11px;line-height:35px;}
}

@media screen and (max-width:700px){
	#page .product_list{margin-top:50px;}
	#page .product_list > ul > li{width:calc(50% - 7.5px);margin-right:15px;}
	#page .product_list > ul > li:nth-child(3n){margin-right:15px;}
	#page .product_list > ul > li:nth-child(2n){margin-right:0;}
	#page .product_list > ul > li:nth-child(n+3){margin-top:50px;}
	#page .product_list .nolist{font-size:13px;}
}

@media screen and (max-width:500px){
	#page .product_list{margin-top:35px;}
	#page .product_list > ul > li:nth-child(n+3){margin-top:35px;}
	#page .product_list > ul > li .box .title_box .title{font-size:12px;}
	#page .product_list > ul > li .box .title_box .info{font-size:11px;margin-top:6px;}
	#page .product_list > ul > li .button_area{margin-top:10px;}
	#page .product_list > ul > li .button_area ul li{width:calc(50% - 5px);margin-right:10px;}
	#page .product_list .nolist{font-size:12px;}
}

@media screen and (max-width:350px){
	#page .product_list{margin-top:30px;}
	#page .product_list > ul > li{float:none;width:auto;margin-right:0 !important;}
	#page .product_list > ul > li:nth-child(n+2){margin-top:30px;}
	#page .product_list > ul > li .box .title_box .info{margin-top:4px;}
	#page .product_list .nolist{font-size:11px;}
}



#page .search_box{background-color:#f1f1f1;padding:25px;margin-top:60px;}
#page .search_box .search{max-width:995px;margin:0 auto;margin:0 auto;}
#page .search_box .search:after{content:"";display:block;clear:both;}
#page .search_box .search [type="text"]{float:left;padding:0 25px;background-color:#ffffff;border:1px solid #c3c3c3;font-size:16px;color:#909090;font-weight:400;box-sizing:border-box;height:50px;width:calc(100% - 140px);}
#page .search_box .search [type="text"]:focus{border-color:#aaaaaa;}
#page .search_box .search [type="submit"]{float:right;background-color:#646464;height:50px;width:115px;font-size:16px;font-weight:500;color:#fefefe;border:0;padding:0;margin:0;box-sizing:border-box;cursor:pointer;}
#page .search_box .search [type="submit"]:hover{background-color:#444444;}

@media screen and (max-width:1200px){
	#page .search_box{margin-top:55px;padding:22px;}
	#page .search_box .search [type="text"]{width:calc(100% - 137px);}
	#page .search_box .search [type="submit"]{width:115px;}
}

@media screen and (max-width:1000px){
	#page .search_box{margin-top:50px;padding:20px;}
	#page .search_box .search [type="text"]{height:42px;font-size:15px;padding:0 20px;width:calc(100% - 130px);}
	#page .search_box .search [type="submit"]{height:42px;font-size:15px;width:110px;}
}

@media screen and (max-width:900px){
	#page .search_box{margin-top:45px;padding:18px;}
	#page .search_box .search [type="text"]{height:40px;font-size:14px;padding:0 18px;width:calc(100% - 118px);}
	#page .search_box .search [type="submit"]{height:40px;font-size:14px;width:100px;}
}

@media screen and (max-width:700px){
	#page .search_box{margin-top:40px;padding:14px;}
	#page .search_box .search [type="text"]{height:38px;font-size:13px;padding:0 14px;width:calc(100% - 94px);}
	#page .search_box .search [type="submit"]{height:38px;font-size:13px;width:80px;}
}

@media screen and (max-width:500px){
	#page .search_box{margin-top:35px;padding:10px;}
	#page .search_box .search [type="text"]{height:35px;font-size:12px;padding:0 10px;width:calc(100% - 70px);}
	#page .search_box .search [type="submit"]{height:35px;font-size:12px;width:60px;}
}

@media screen and (max-width:350px){
	#page .search_box{margin-top:30px;padding:8px;}
	#page .search_box .search [type="text"]{height:32px;font-size:11px;padding:0 8px;width:calc(100% - 58px);}
	#page .search_box .search [type="submit"]{height:32px;font-size:11px;width:50px;}
}



#page .pagination{margin-top:160px;text-align:center;}
#page .pagination ul{margin:0;padding:0;list-style:none;display:inline-block;}
#page .pagination ul li{float:left;border:1px solid #c3c3c3;min-width:45px;line-height:45px;height:47px;padding:0 5px;box-sizing:border-box;color:#555555;font-size:17px;font-weight:400;text-align:center;}
#page .pagination ul li:nth-child(n+2){margin-left:10px;}
#page .pagination ul li:hover{background-color:#efefef;}
#page .pagination ul li a{color:#555555;display:block;text-decoration:none;}
#page .pagination ul li.active{color:#ffffff;background-color:#f94b06;border-color:#f94b06;}
#page .pagination ul li.active a{color:#ffffff;}
#page .pagination ul li.direction{background-size:40%;background-repeat:no-repeat;background-position:center center;}
#page .pagination ul li.prev{background-image:url(../img/ko/icon_direction_prev.png);}
#page .pagination ul li.next{background-image:url(../img/ko/icon_direction_next.png);}

@media screen and (max-width:1200px){
	#page .pagination{margin-top:140px;}
}

@media screen and (max-width:1000px){
	#page .pagination{margin-top:120px;}
	#page .pagination ul li{min-width:40px;line-height:40px;height:42px;font-size:15px;}
	#page .pagination ul li:nth-child(n+2){margin-left:9px;}
}

@media screen and (max-width:900px){
	#page .pagination{margin-top:100px;}
	#page .pagination ul li{min-width:38px;line-height:38px;height:40px;font-size:14px;}
	#page .pagination ul li:nth-child(n+2){margin-left:8px;}
}

@media screen and (max-width:700px){
	#page .pagination{margin-top:90px;}
	#page .pagination ul li{min-width:35px;line-height:35px;height:37px;font-size:13px;}
	#page .pagination ul li:nth-child(n+2){margin-left:7px;}
}

@media screen and (max-width:500px){
	#page .pagination{margin-top:60px;}
	#page .pagination ul li{min-width:32px;line-height:32px;height:34px;font-size:12px;}
	#page .pagination ul li:nth-child(n+2){margin-left:5px;}
}

@media screen and (max-width:350px){
	#page .pagination{margin-top:55px;}
	#page .pagination ul li{min-width:30px;line-height:30px;height:32px;font-size:11px;}
	#page .pagination ul li:nth-child(n+2){margin-left:4px;}
}



#product_image_slider{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.75);z-index:10;z-index:-1000;opacity:0;}
#product_image_slider.active{z-index:1000;opacity:1;}
#product_image_slider .slide_box{position:absolute;width:725px;max-width:80%;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
#product_image_slider .slide_box .slides{}
#product_image_slider .slide_box .slides .slide{}
#product_image_slider .slide_box .slides .slide img{max-width:100%;max-height:100%;}
#product_image_slider .slide_box .slides .slick-prev,
#product_image_slider .slide_box .slides .slick-next{width:55px;height:55px;background-position:center center;background-repeat:no-repeat;background-size:auto 100%;}
#product_image_slider .slide_box .slides .slick-prev:before,
#product_image_slider .slide_box .slides .slick-next:before{display:none;}
#product_image_slider .slide_box .slides .slick-prev.slick-disabled,
#product_image_slider .slide_box .slides .slick-next.slick-disabled{opacity:0.25;}
#product_image_slider .slide_box .slides .slick-prev{background-image:url(../img/ko/icon_slider_arrow_prev.png);left:-16%;}
#product_image_slider .slide_box .slides .slick-next{background-image:url(../img/ko/icon_slider_arrow_next.png);right:-16%;}

@media screen and (max-width:1200px){
	#product_image_slider .slide_box .slides .slick-prev,
	#product_image_slider .slide_box .slides .slick-next{width:50px;height:50px;}
}

@media screen and (max-width:1000px){
	#product_image_slider .slide_box .slides .slick-prev,
	#product_image_slider .slide_box .slides .slick-next{width:45px;height:45px;}
	#product_image_slider .slide_box .slides .slick-prev{left:-12%;}
	#product_image_slider .slide_box .slides .slick-next{right:-12%;}
}

@media screen and (max-width:900px){
	#product_image_slider .slide_box .slides .slick-prev,
	#product_image_slider .slide_box .slides .slick-next{width:40px;height:40px;}
}

@media screen and (max-width:700px){
	#product_image_slider .slide_box .slides .slick-prev,
	#product_image_slider .slide_box .slides .slick-next{width:35px;height:35px;}
}

@media screen and (max-width:500px){
	#product_image_slider .slide_box .slides .slick-prev,
	#product_image_slider .slide_box .slides .slick-next{width:30px;height:30px;}
}

@media screen and (max-width:350px){
	#product_image_slider .slide_box .slides .slick-prev,
	#product_image_slider .slide_box .slides .slick-next{width:28px;height:28px;}
}