/* 탭스타일 */
.tabstyle{width:100%;overflow:hidden;border-top:1px solid #ddd;border-left:1px solid #ddd;margin-bottom:1em;}
.tabstyle li{position:relative;float:left;width:11.1%;text-align:center;border-right:1px solid #ddd;border-bottom:1px solid #ddd;height:3em;}
.tabstyle li:last-child{width:11.2%;}
.tabstyle li a{font-size:0.889em;vertical-align:middle;height:100%;display:block;line-height:3rem;}
.tabstyle li a:hover, .tabstyle li a.active{width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;top:-1px;left:-1px;z-index:1;background-color:#0076bc;color:#fff;text-decoration:none;}

/* 제품소개 상단 */
.product-head{width:100%;height:16.667em;background-size:cover;background-repeat:no-repeat;background-position:left center;padding:0 4em 0 17.667em;margin-bottom:0.833em;}
.product-head h4{font-size:1.444em;color:#0076bc;margin-bottom:1.2rem;font-weight:400;}
.product-head p{color:#666;line-height:1.667em;}
.product-head-01{background-image:url('/images/sub/visual_product_01.png');}

/* 서치바 */
.search-box{width:100%;overflow:hidden;padding-bottom:0.833em;border-bottom:1px solid #ddd;margin-bottom:1em;}
.search-box .left-txt{font-size:0.778em;height:2.222rem;line-height:2.222rem;}
.search-box .left-txt strong{color:#0076bc;}
.search-box .search-txt{width:13.556rem;}
.search-box .search-txt + .btn{height:2.222rem;margin-left:-4px;background-color:#0076bc;color:transparent;background-image:url('/images/sub/ico_search.png');background-repeat:no-repeat;background-position:center;min-width:2.222rem;}

/* 리스트 */
.thumb-list{position:relative;}
.thumb-list > li{margin-top:1em;height:8.5em;}
.thumb-list > li:nth-child(1), .thumb-list li:nth-child(2){margin-top:0;}
.thumb-list figure{height:100%;}
.thumb-list figure img{;padding:0 0.833em;}
.thumb-list figure figcaption{padding:1rem;font-size:0.833em;}
.thumb-list figure figcaption strong{display:block;font-size:0.889rem;margin-bottom:0.3em;}
.thumb-list figure figcaption a{display:block;font-size:0.889rem;color:#0076bc;margin-top:1em;}
.thumb-list figure figcaption a.sty01{margin:1em 0 2em;text-align:right;}
.thumb-list figure figcaption a::after{content:'';width:1em;height:1em;display:inline-block;margin:0 0 0.1em 1em;background:url('/images/sub/ico_productarrow.png') no-repeat center;vertical-align:middle;}

.thumb-list:not(.thumb-view) figure{border:1px solid #ddd;}
.thumb-list:not(.thumb-view) figure img{max-width:8.4em;}
.thumb-list:not(.thumb-view) figure figcaption{border-left:1px solid #ddd;}

.thumb-view{padding-bottom:1.222em;border-bottom:1px solid #ddd;overflow:hidden;}
.thumb-view figure{overflow:hidden;}
.thumb-view figure > *{float:left;}
.thumb-view figure a:first-child{max-width:20%;}
.thumb-view figure a img{width:17.222em;border:1px solid #f1f1f1;padding:1em;}
.thumb-view figure figcaption{font-size:1em;padding:0.5em 0 0 2.778em;}
.thumb-view figure figcaption * + img{margin-top:1em!important;}
.thumb-view figure figcaption img{display:block;margin:0 auto;}
.thumb-view figure figcaption strong{font-size:1.444em;padding-bottom:1em;margin-bottom:1em;line-height:1;border-bottom:1px solid #ddd;}

/* 페이징 */
.paging{position:relative;width:100%;text-align:center;margin-top:2.778em;}
.paging > div{display:inline-block;}
.paging ul{overflow:hidden;}
.paging li{float:left;}
.paging li a{font-size:0.722em;display:block;width:2rem;line-height:2rem;border:1px solid #fff;border:1px solid #ddd;margin:0 0.333em;}
.paging li a:hover:not(.paging-border), .paging li a.active{background-color:#0076bc;border:1px solid #0076bc;color:#fff;text-decoration:none;}
.paging li a.paging-border{background-repeat:no-repeat;background-position:center;color:transparent;}
.paging li a.paging-border.next{background-image:url('/images/sub/ico_page_next.png');/*border-right:none;margin-left:0.333em;*/}
.paging li a.paging-border.prev{background-image:url('/images/sub/ico_page_prev.png');/*border-left:none;margin-right:0.333em;*/}
.paging li a.paging-border.start{background-image:url('/images/sub/ico_page_start.png');}
.paging li a.paging-border.end{background-image:url('/images/sub/ico_page_end.png');}
