﻿.choice_paper {width: 1000px; margin: 0 auto;}
.choice_paper_title {margin: 10px auto 0 auto;}

.nav {position: relative; height: 50px; margin: 10px 0 15px 0;}
.nav ul.tab li {width: 190px; height: 50px; text-align: center; line-height: 50px; background: #eee; float: left; margin: 0 10px 0 0;}
.nav ul.tab li.on {background: #5ab2d8;}
.nav ul.tab li>a {width: 190px; height: 50px; font-size: 14px; font-weight: bold; display: block;}
.nav ul.tab li.on>a {color: #fff;}
.nav ul.tab li ul.sub {position: absolute; top: 60px; left: 0; width: 964px; padding: 10px; background: #fff; border: 3px solid #5ab2d8; z-index: 1000;}
.nav ul.tab li ul.sub li {width: 140px; height: 40px; line-height: 40px; margin: 0 0 0 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer;}
.nav ul.tab li ul.sub li a {width: 140px; height: 40px;}
.nav ul.tab li ul.sub li.on {background: #cc1d22; color: #fff; font-weight: 600;}
.nav ul.tab:after {content: ""; display: block; clear: both;}

.contents .panel {display: none; margin: 0 0 30px 0;}
.contents .panel.on {display: block;}
.contents .panel:after {content: ""; display: block; clear: both;}
.contents .panel>div {position: relative; width: 317px; height: 400px; padding: 0 0 20px 0; margin: 0 10px 10px 0; border: 3px solid #ddd; text-align: center; float: left;}
.contents .panel>div:hover {border: 3px solid #5ab2d8;}
.contents .panel>div img {width: 317px; margin: 0 0 15px 0; overflow: hidden;}
.contents .panel>div span.icon_best {position: absolute; top: 0; left: 10px; width: 45px; height: 55px; background: url(/product/card/card_img/list_besticon.png); text-indent: -10000px;}
.contents .panel>div span.paperName {font-size: 21px; font-weight: 600; vertical-align: middle;}
.contents .panel>div p {padding: 5px 10px 10px 10px; color: #676767;}
.contents .panel>div a {padding: 10px 50px; background: #ddd; color: #fff; display: inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

/*170807 추가*/
.contents .panel>div a.movedown {padding: 10px 50px; background: #ddd; color: #fff; display: inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;margin-top:18px;}


.contents .panel>div bpop_btn {padding: 10px 50px; background: #ddd; color: #fff; display: inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer;}
.contents .panel>div:hover bpop_btn {font-weight: 600; background: #5ab2d8;}
.contents .panel>div:hover a {font-weight: 600; background: #5ab2d8;}
.contents .panel_1 {display: none; margin: 85px 0 30px 0;}

.bpop {position: relative; width: 800px; margin: 50px 0 0 0; padding: 54px 64px 64px 64px; display: none; background: #fff;}
.bpop span.badge {width: 100px; padding: 3px 0; margin: 0 5px 0 0; font-weight: 600; text-align: center; border: 3px solid #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; display: inline-block;}
.bpop h4 {font-size: 32px; font-weight: 600; color: #5ab2d8; margin: 10px 0 2px 0;}
.bpop p {font-size: 14px; margin: 0 0 0 3px;}
.bpop p.p_red {color: red;}
.bpop p.notice {font-size: 12px; color: #868686; margin: 10px 0 0 0;}
.bpop .viewimg {width: 800px; height: 500px; margin: 20px 0 10px 0; background: #eee; overflow: hidden;}
.bpop .viewimg>img {display: block;}
.bpop .thum_img li {width: 260px; height: 163px; margin: 0 10px 0 0; line-height: 0; float: left; cursor: pointer; overflow: hidden;}
.bpop .thum_img li.m0 {margin: 0;}
.bpop .thum_img li img {width: 260px;}
.bpop .thum_img:after {content: ""; display: block; clear: both;}
.bpop a.chooseNoder_btn {position: absolute; top: 140px; right: 65px; padding: 12px 40px; font-size: 14px; font-weight: 600; background: red; color: #fff; border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block;}
.bpop a.chooseNoder_btn:hover {background: #000;}
.bpop .b-close {position: absolute; top: 0px; right: 0px; display: block; padding: 10px 15px; background: #8a8a8a; color: #fff; font-size: 36px; line-height: 36px; cursor: pointer;}