@charset "utf-8";

@import url("http://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css");
@import url("common.css");
@import url("board.css");
@import url("layout.css");
@import url("contents.css");
@import url("style_ksy.css");

@import url("jquery.bxslider.css");
@import url("../js/jqtree.css");

/* Layout */
.header_wrap{height: 59px}
.header_wrap .search_layout{display: block; position: absolute; margin-left: 35%; top:12px; background: #f4f4f7;border-radius:50px; width: 420px; padding: 0 0 0 10px}
.header_wrap .search_box input[type="text"]{background: transparent; border: 0; width: 86%; color: #000000;}
.header_wrap .search_box button{padding: 5px}
.header_category{border-top:1px solid #d2d3d7; height: 50px;}
.header_category li{display: inline-block}
.header_category li a{display: block; padding: 18px; border: 1px; position: relative}
.header_category li a:after{content:''; width:1px; height:15px; position:absolute; right:0; background:#e6e7e9}
.header_category li:last-child a:after{display: none}

.lnb2{float:right;margin-top:15px}
.lnb2 li{display:inline-block}
.lnb2 .bgbt{display:block;padding:5px 25px 0 25px;color:#666;border-bottom:3px solid #FFF}

.sub .location{background: #2d2d2d; color: #FFF; padding: 18px 0 15px}
.sub #content{padding-top: 50px}
/* #content{margin-top: 30px;} */
#content h3{padding: 0; margin: 0 0 30px 0}

.bg_footer{width: 100%; height: 19px; background:url(../images/3rdPartyStore/bg_footer.png) left bottom no-repeat}
.back_to_top{position:fixed;display:block;width:44px;height:44px;bottom:0;left:50%;margin-left:600px;display:none;background:#5d30ed url(../images/common/btn_go_top.png) no-repeat 50% 50%}
.spot_main{position:relative;overflow:hidden;height:526px;white-space:nowrap;text-align:center;background:url(../images/knowledge/bg_spot_main.png) no-repeat 50% 50%}

#content #products{margin-top: 30px;}

/* Main */
.menu li {cursor: pointer; height: 50px; text-align: center;}
.menu>li {width: 16%; line-height: 3.5; float: left;}
.menu>li:FIRST-CHILD{border-left: 1px solid #d2d3d7;}
.menu>li{border-right: 1px solid #d2d3d7;}
.menu>li:HOVER {background-color: #2d2d2d; color: #fff; border-bottom: 1px solid #9e9e9e; transition: all 0.25s;}
.menu>li:HOVER .submenu{display: block; background-color: #2d2d2d; color: #fff; }
.submenu{display: none; position: relative; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: -1;}
.submenu>li{min-width: 100px; width: 100%; border-bottom: 1px solid #4c4c4c;}
.submenu>li:HOVER{background-color: #6b6b6b;transition: all 0.25s;}



/* #container{margin-top: 180px} */
.knowledge #container{margin-top: 100px}
.main #content{max-width:100%;padding-bottom:0}
.main .content_header{display: none}
.main #products h4, .main #new h4{color: #000; font-weight: 600; font-size: 17px;}
.main #products{background:#e7e8ee}
.main #products:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.main #products ul{width: 100%}
.main #products li{}

#recommendItem {margin-bottom: 30px;}
#recommendItem .titlePos{padding-top: 20px;}
#recommendItem .titleStyle{font-size: 20px; font-weight: 800; width: 200px; float: left;}

#new{overflow: auto; clear: both;}
#new .contents_unit{width: 45%; height: auto; margin-right: 0; border: 0;}
#new .contents_unit .asset_info{display: inline-block; width: 75%; padding: 14px 0 0 10px; box-sizing: border-box; vertical-align: top}
#new .contents_unit .asset_info .star{display: none}
#new .contents_unit .asset_info .star div{display: none}
#new .contents_unit .asset_info .summary{color: #727e90; font-size: 13px; margin-top: 5px; line-height: 160%; white-space: nowrap;overflow: hidden; text-overflow:ellipsis;}
#new .contents_unit .contents_img{width: 100px; height: 100px; display: inline-block}

/*Products */
.product_content{clear:both; padding: 60px 0}
.product_content a{color: #2a75f7; padding: 10px;}
.product_content p{line-height: 200%;}

.bd_products .table_face, .bd_products .table_face th:nth-child(1){text-align:center;}
.bd_products .bd_photo{width:50%;overflow:hidden;position:relative}
.bd_products .bd_photo .bx-wrapper{border:0px solid #f6f6f6}
.bd_products .bd_photo .bx-wrapper img{margin:0 auto}
.bd_products .bd_photo .bx-viewport{width:85%}
.bd_products .bd_photo .bxslider{position:relative}
.bd_products .bd_photo .bxslider li{padding-right:5px}
.bd_products .bd_photo .bxslider img{width:500px; height:auto}
.bd_products .bd_photo  #bx-pager{padding:0; position:absolute; right:0; top:0; z-index:100}
.bd_products .bd_photo  #bx-pager a{display:block; padding-bottom:10px}
.bd_products .bd_photo  #bx-pager img{border:1px solid #f6f6f6;width:100px;height:70px}
.bd_products .bx-controls-direction{display: none !important}

.product_detail{width: 47%; position: absolute; right: 0; top: 0}
.product_detail li{line-height: 200%}
.product_detail li span{display: inline-block; width: 20%}
.product_detail .category{font-size:13px; color:#727e90; text-overflow: ellipsis; overflow: hidden;}
.product_detail .title{color:#2e343c !important; text-overflow:ellipsis; overflow:hidden; font-weight: 600; font-size: 25px}
.cost{color: #ea1e63}
.product_detail select{width: 100px}
.btn_basket{padding: 15px 0 12px; margin-top: 10px; margin-bottom: 10px; background: #26c3bc;color: #fff;border: none; width:170px; border-radius: 5px; font-size: 15px; font-weight: 600}
.btn_payment{padding: 15px 0 12px; margin-top: 10px; margin-bottom: 10px; background: #5d30ed;color: #fff;border: none; width:170px; border-radius: 5px; font-size: 15px; font-weight: 600}
.btn_download{padding: 15px 0 12px; margin-top: 10px; margin-bottom: 10px;color: #fff;border: none; width:170px; border-radius: 5px; font-size: 15px; font-weight: 600; background: linear-gradient( to left top, #e6609d, #5d30ed)}

.product_info{margin-top:95px; font-size: 14px}
.product_info li{display:inline-block; border-radius:100px; padding:12px 15px; color:#FFF; margin-right:4px}
.product_info li:nth-child(1){background:linear-gradient( to left top, #49a8d7, #10c7cf);}
.product_info li:nth-child(2){background:linear-gradient( to left top, #e6609d, #f871e3);}
.product_info li:nth-child(3){background:linear-gradient( to left top, #e6609d, #bb6fff);}
.product_info li:nth-child(4){background:linear-gradient( to left top, #e6609d, #fc6c52);}
.product_info li:nth-child(5){background:linear-gradient( to left top, #e6609d, #5d30ed);}
.product_info li:nth-child(6){background:linear-gradient( to left top, #e6609d, #26c3bc);}
.product_info li:nth-child(7){background:linear-gradient( to left top, #e6609d, #f871e3);}
.product_info li:nth-child(8){background:linear-gradient( to left top, #5ccec8, #349b96);}

.product_keyword{margin-top:20px; font-size: 14px}
.product_keyword:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.product_keyword li{display:inline-block; border-radius:6px; padding:4px 15px; color:#818387;
margin-right:4px;background:#fff; border: 1px solid #b5b6b7; margin-bottom: 4px;}

#review{background:#f4f4f4; padding: 30px 0 40px;}
.review:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.review>div>div{border-bottom:1px solid #dedede; padding-bottom:30px}
.review>div>div:last-child{border-bottom:0;padding-bottom:0}
.reviewCount{color: #9d9d9d}
.line{border: 1px solid #ccc;border-radius:100px; width:36px; background:#FFF; padding:5px}
.line_right{border-right: 1px solid #ccc;}
.line_bottom{border-bottom: 1px solid #ccc; padding-bottom: 3%;}
.line_top{border-top: 1px solid #ccc; padding-top: 3%;}
.star{color:#ffb018;}
.star span{color: #2e343c; font-size: 14px}

.bannerImg{clear: both; padding-top: 55px;}
.bannerImg img{width: 100%;}

/* 검색화면 */
.searchDiv{clear:both; padding: 1% 3%; border : 1px solid #dfdfdf;}
.searchDiv .conditionDiv{clear: both; padding: 10px 0px; border-top : 1px solid #dfdfdf;}
.searchDiv .searchTitle{font-size: 18px; padding: 2% 1%;}
.searchDiv .sch_titS{line-height : 33px; font-weight: bold; text-align : center; width: 8%; float: left;}
.searchDiv .sch_list{width: 90%; float: left;}
.searchDiv .sch_list li{line-height: 30px; width : 150px; float: left;}
.searchDiv input[type='text']{width: 100px; height: 15px; font-size: 16px;}
.searchDiv .chk_bx{max-width: 143px; min-height: 16px; line-height: 16px; display: inline-block; position: relative; padding-left : 22px; font-size: 15px; color: #555;}
.searchDiv .chk_bx .ipt_chk{ width: 16px; height: 16px; display: block; position: absolute; left: 0px; top: 1px;}
.searchDiv .btnBox {text-align: center; margin: 4% 0 1% 0}
.searchDiv .btnBox button{width: 150px; height: 40px; border-radius: 5px;}
.searchDiv .btnBox button.searchbtn{background-color: #5d31ed; color: #fff; margin-right: 1%;}
.searchDiv .btnBox button.init{border: 1px solid #dfdfdf;}

.noSearchList{text-align: center; padding: 5%;}
.noSearchList .searchImg{width: 60px; display: run-in; margin: 0 6px;}
.noSearchList>span:nth-child(2){display: block; font-size: 26px; font-weight: bold;}
.noSearchList>span:nth-child(3){display: block; font-size: 16px; color: #a1a1a1; padding: 10px 0;}