/*리스트 페이지*/

.pcd_top_bg { width: 100%; text-align: center; background: #eeeff3 no-repeat; }

/*스크롤에 따라 반응하는 메뉴*/
.sc_scroll_wrap{ width:100%; height:100%; overflow:hidden; position:relative; }
.sc_scroll{ width:100%; position:absolute;  /* 스크롤 메뉴 고정 핸들을 위함 */  top:0; left:0; z-index: 1;}

#wrap dl:first-child,
#wrap dl:nth-child(2) { padding-top: 15px; }
#wrap dl:nth-child(even) { margin-left: 20px; }
/*가로 현수막형*/
.book_goods2 { padding: 20px 0 20px 0;}
.book_goods2 dt {	width: auto;    padding: 20px 10px; background: #f5f5f5; border: 1px solid #e5e5e5;}
.book_goods2 dt a img { width:468px; -webkit-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1); }
.book_goods2 dd { width: 488px; height: 45px; border: 1px solid #e5e5e5; border-top: 0; }
.book_goods2 dd p.ttl{ font-size: 15px; color:#000; float: left; margin-left: 20px; padding: 0;  line-height: 44px;}


/*세로 현수막형*/
#wrap dl.pcd_sero { margin-left: 98px; }
#wrap dl:first-child.pcd_sero { margin-left: 0; }
#wrap dl.pcd_sero:nth-child(6),#wrap dl.pcd_sero:nth-child(11),#wrap dl.pcd_sero:nth-child(16),#wrap dl.pcd_sero:nth-child(21),#wrap dl.pcd_sero:nth-child(26),
#wrap dl.pcd_sero:nth-child(31),#wrap dl.pcd_sero:nth-child(36),#wrap dl.pcd_sero:nth-child(41),#wrap dl.pcd_sero:nth-child(46),#wrap dl.pcd_sero:nth-child(51),#wrap dl.pcd_sero:nth-child(56),
#wrap dl.pcd_sero:nth-child(61),#wrap dl.pcd_sero:nth-child(66),#wrap dl.pcd_sero:nth-child(71),#wrap dl.pcd_sero:nth-child(76),#wrap dl.pcd_sero:nth-child(81),#wrap dl.pcd_sero:nth-child(86),
#wrap dl.pcd_sero:nth-child(91),#wrap dl.pcd_sero:nth-child(96) { margin-left: 0; }
.pcd_sero { padding-left: 0px; }
.pcd_sero dt {	width: auto;    padding: 13px 17px; }
.pcd_sero dt a img{	width: 85px;}
.pcd_sero dd { width: auto;}
.pcd_sero dd p.ttl{ font-size: 15px; color:#000; float: left; margin-left: 15px; padding: 0; line-height: 44px;}
.pcd_sero .favorite_star_on {position: relative; top: 15px; right: 15px;}
.pcd_sero .favorite_star_off {position: relative; top: 15px; right: 15px;}

/*세로 포스터형*/
#wrap dl:first-child.pst_sero { margin-left: 0; }
#wrap dl.pst_sero:nth-child(3) { padding-top: 15px; }
#wrap dl.pst_sero { margin-left: 17px; }
.pst_sero { padding-left: 0px; }
.pst_sero dt {	width: auto;    padding: 10px; }
.pst_sero dt a img {	width: 300px;}
.pst_sero dd { width: auto;}
.pst_sero dd div {margin-top: 3px; margin-right:0; margin-left: 5px;}
.pst_sero dd p.ttl{ font-size: 15px; color:#000; float: left; margin-left: 20px; padding: 0; line-height: 44px;}
#wrap dl.pst_sero:nth-child(4),#wrap dl.pst_sero:nth-child(7),#wrap dl.pst_sero:nth-child(10),#wrap dl.pst_sero:nth-child(13),#wrap dl.pst_sero:nth-child(16),#wrap dl.pst_sero:nth-child(19),#wrap dl.pst_sero:nth-child(22),
#wrap dl.pst_sero:nth-child(25),#wrap dl.pst_sero:nth-child(28),#wrap dl.pst_sero:nth-child(31),#wrap dl.pst_sero:nth-child(34),#wrap dl.pst_sero:nth-child(37),#wrap dl.pst_sero:nth-child(40),#wrap dl.pst_sero:nth-child(43),
#wrap dl.pst_sero:nth-child(46),#wrap dl.pst_sero:nth-child(49),#wrap dl.pst_sero:nth-child(52),#wrap dl.pst_sero:nth-child(55),#wrap dl.pst_sero:nth-child(58),#wrap dl.pst_sero:nth-child(61),#wrap dl.pst_sero:nth-child(64),
#wrap dl.pst_sero:nth-child(67),#wrap dl.pst_sero:nth-child(70),#wrap dl.pst_sero:nth-child(73),#wrap dl.pst_sero:nth-child(76),#wrap dl.pst_sero:nth-child(79),#wrap dl.pst_sero:nth-child(82),#wrap dl.pst_sero:nth-child(85),
#wrap dl.pst_sero:nth-child(88),#wrap dl.pst_sero:nth-child(91),#wrap dl.pst_sero:nth-child(94),#wrap dl.pst_sero:nth-child(97) { margin-left: 0; }

/*가로 포스터형*/
#wrap dl:first-child.pst_garo { margin-left: 0; }
#wrap dl.pst_garo:nth-child(3) { padding-top: 15px; }
#wrap dl.pst_garo { margin-left: 17px; }
.pst_garo { padding-left: 0px; }
.pst_garo dt {	width: auto;    padding: 10px; }
.pst_garo dt a img{	width: 300px;}
.pst_garo dd { width: auto;}
.pst_garo dd div {margin-top: 3px; margin-right:0; margin-left: 5px;}
.pst_garo dd p.ttl{ font-size: 15px; color:#000; float: left; margin-left: 20px; padding: 0; line-height: 44px;}
#wrap dl.pst_garo:nth-child(4),#wrap dl.pst_garo:nth-child(7),#wrap dl.pst_garo:nth-child(10),#wrap dl.pst_garo:nth-child(13),#wrap dl.pst_garo:nth-child(16),#wrap dl.pst_garo:nth-child(19),#wrap dl.pst_garo:nth-child(22),
#wrap dl.pst_garo:nth-child(25),#wrap dl.pst_garo:nth-child(28),#wrap dl.pst_garo:nth-child(31),#wrap dl.pst_garo:nth-child(34),#wrap dl.pst_garo:nth-child(37),#wrap dl.pst_garo:nth-child(40),#wrap dl.pst_garo:nth-child(43),
#wrap dl.pst_garo:nth-child(46),#wrap dl.pst_garo:nth-child(49),#wrap dl.pst_garo:nth-child(52),#wrap dl.pst_garo:nth-child(55),#wrap dl.pst_garo:nth-child(58),#wrap dl.pst_garo:nth-child(61),#wrap dl.pst_garo:nth-child(64),
#wrap dl.pst_garo:nth-child(67),#wrap dl.pst_garo:nth-child(70),#wrap dl.pst_garo:nth-child(73),#wrap dl.pst_garo:nth-child(76),#wrap dl.pst_garo:nth-child(79),#wrap dl.pst_garo:nth-child(82),#wrap dl.pst_garo:nth-child(85),
#wrap dl.pst_garo:nth-child(88),#wrap dl.pst_garo:nth-child(91),#wrap dl.pst_garo:nth-child(94),#wrap dl.pst_garo:nth-child(97) { margin-left: 0; }

/*정사각형 포스터형*/
#wrap dl.pcd_sqr:nth-child(3) { padding-top: 15px; }
#wrap dl.pcd_sqr { margin-left: 17px; }
#wrap dl.pcd_sqr:nth-child(4),#wrap dl.pcd_sqr:nth-child(7),#wrap dl.pcd_sqr:nth-child(10),#wrap dl.pcd_sqr:nth-child(13),#wrap dl.pcd_sqr:nth-child(16),#wrap dl.pcd_sqr:nth-child(19),#wrap dl.pcd_sqr:nth-child(22),
#wrap dl.pcd_sqr:nth-child(25),#wrap dl.pcd_sqr:nth-child(28),#wrap dl.pcd_sqr:nth-child(31),#wrap dl.pcd_sqr:nth-child(34),#wrap dl.pcd_sqr:nth-child(37),#wrap dl.pcd_sqr:nth-child(40),#wrap dl.pcd_sqr:nth-child(43),
#wrap dl.pcd_sqr:nth-child(46),#wrap dl.pcd_sqr:nth-child(49),#wrap dl.pcd_sqr:nth-child(52),#wrap dl.pcd_sqr:nth-child(55),#wrap dl.pcd_sqr:nth-child(58),#wrap dl.pcd_sqr:nth-child(61),#wrap dl.pcd_sqr:nth-child(64),
#wrap dl.pcd_sqr:nth-child(67),#wrap dl.pcd_sqr:nth-child(70),#wrap dl.pcd_sqr:nth-child(73),#wrap dl.pcd_sqr:nth-child(76),#wrap dl.pcd_sqr:nth-child(79),#wrap dl.pcd_sqr:nth-child(82),#wrap dl.pcd_sqr:nth-child(85),
#wrap dl.pcd_sqr:nth-child(88),#wrap dl.pcd_sqr:nth-child(91),#wrap dl.pcd_sqr:nth-child(94),#wrap dl.pcd_sqr:nth-child(97) { margin-left: 0; }
#wrap dl:first-child.pcd_sqr { margin-left: 0; }
.pcd_sqr { padding-left: 0px; }
.pcd_sqr dt {	width: auto;    padding: 10px; }
.pcd_sqr dt a img{width: 300px;}
.pcd_sqr dd { width: auto;}
.pcd_sqr dd p.ttl{ font-size: 15px; color:#000; float: left; margin-left: 20px; padding: 0; line-height: 44px;}

/*시작*/
.location_plancard { width: 100%;    padding: 25px 0; margin: 0 auto; background-color: #ffffff; /*position:fixed; top: 265px;*/ position:relative; z-index:9;}
/*.location_plancard {-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);}*/
.sub_location { width: 100%;    padding: 22px 0; margin: 0 auto;}
.sc_optn {width: 100%; background-color: #f5f5f5;  margin: 0 auto;  border-bottom: 1px solid #dadada; padding:10px 0; position:relative;}
.sc_optn { top:0; position:relative; transition: top 0.2s ease-in-out;  z-index: 1}
.sc_optn_ul {*zoom:1; width: 1000px; height:auto; margin: 0 auto; }
.sc_optn_ul:after {content:""; display:block; clear:both;}
.sc_optn_ul li { margin:0;}
.sc_optn_ul .up_nav_ttl { float: left;}
.sc_optn_ul .up_nav_ttl p.optn_ttl{ display: inline-block; float: left; font-size: 16px; font-weight: bold; width: 58px; line-height: 29px; color: #000;}
.up_nav_menu_a { float: left; width: 510px; }
.up_nav_menu_b { float: left; }
.up_nav_menu_c { float: left; width: 450px; }
.up_nav_menu_d { float: left; width: 450px; }
.sc_map { float: left; padding: 12px 0;}
.sc_map p a{ font-size:14px; color: #999;}
.sc_ppl { float: left; padding: 12px 0; }
.sc_ppl p a{ font-size:14px; }
.sc_num { float: right; padding: 12px 0; }
.sc_fav { width:100%; float: left; padding: 20px 0 2px; position:relative; right: -938px;}
.sc_fav p { font-size: 15px; line-height: 23px; display: inline-block; font-weight: bold; color: #000}
.sc_design { width:450px; margin: 0 auto; }
.sc_design input{ width: 450px;height: 42px;border-radius: 42px;border: 2px solid #282850;color:#222;box-sizing: border-box;font-weight: bold;padding: 5px 40px 5px 30px; line-height: 31px;}
.sc_design img {position: absolute;    width: 30px;    margin-left: -52px;    margin-top: 6px;    cursor: pointer;	}
.optn_ttl {display:inline-block; float:left; font-size:14px; font-weight:bold; width:50px; line-height: 27px;}
.optn_li li{ float:left;  margin: 0 5px; }
.optn_li li p{ line-height: 30px;  font-size: 14px;}
.optn_li li p span{ line-height: 30px;  font-size: 13px;}
.optn_li .optn_dot { margin: 0;}
.optn_li .optn_dot p{ font-size: 12px; color:#d6d6dc; }
.this_on {color: #313185;	background: none; padding: 0 5px; margin: 0 -5px; font-weight: bold; font-size: 14px; }
.style_input { padding: 8px; }
.style_input input{width: 15px; height: 15px;margin-left: 10px;}
.style_input label { margin-left: 3px; }
.sub_location .fav_on { color: #313185; font-weight: bold;}
.no_design { width: 100%; text-align: center; float: left; padding: 30px 0;}
.no_design .no_sc { font-size: 25px; line-height: 80px; color:#444 }
.no_design .no_sc span { color: #4c4c91; font-size: 30px; line-height: 80px;  font-weight: bold;}
.no_design ul li p { font-size: 14px; line-height: 26px; color: #444444;}
.favorite_star_link { width: 17px;    height: 17px;    background: url(/sub_placard/img/icon_favorite.png) no-repeat;    float:left;  display:inline-block; position: relative; top: 4px; left: -8px; background-position: left -17px;}
.sc_optn_ul li.reset_bt {width: 79px; position:absolute; left:50%; top:50%; margin:-12px 0 0 421px;}
input #color_red { color: red;}

.color_input { padding: 6px; }
.color_input input[type=checkbox] { display: none; }
.color_input input[type=checkbox] + label{	cursor: pointer;   position: relative;  padding-left: 15px;  margin-right: 15px;  font-size: 13px;	}
.color_input input[type=checkbox]+ label:before { content: "";  display: inline-block;  width: 20px;  height: 20px;  margin-right: 5px;  position: absolute;  left: 0;  background-color: #ddd;  border-radius: 20px; }
.color_input input[type=checkbox]:checked + label:before { content: "\2713";  /* 체크모양 */ font-size: 15px; font-weight:800;  color: #fff;  background:#2f87c1; text-align: center;  line-height: 20px;  }

/*red*/
.color_input input:nth-child(1)[type=checkbox]+ label:before { background-color: red; }
.color_input input:nth-child(1)[type=checkbox]:checked + label:before { background:red; }

/*yellow*/
.color_input input:nth-child(3)[type=checkbox]+ label:before { background-color: #ffce4c; }
.color_input input:nth-child(3)[type=checkbox]:checked + label:before { background:#ffce4c; }

/*green*/
.color_input input:nth-child(5)[type=checkbox]+ label:before { background-color: green; }
.color_input input:nth-child(5)[type=checkbox]:checked + label:before { background:green; }

/*blue*/
.color_input input:nth-child(7)[type=checkbox]+ label:before { background-color: #2f87c1; }
.color_input input:nth-child(7)[type=checkbox]:checked + label:before { background:#2f87c1; }

/*purple*/
.color_input input:nth-child(9)[type=checkbox]+ label:before { background-color: #794bcb; }
.color_input input:nth-child(9)[type=checkbox]:checked + label:before { background:#794bcb; }

/*brown*/
.color_input input:nth-child(11)[type=checkbox]+ label:before { background-color: #6e3923; }
.color_input input:nth-child(11)[type=checkbox]:checked + label:before { background:#6e3923; }

/*white*/
.color_input input:nth-child(13)[type=checkbox]+ label:before { background-color: #fff; }
.color_input input:nth-child(13)[type=checkbox]:checked + label:before { background:#ffff;  color: #222; }

/*gray*/
.color_input input:nth-child(15)[type=checkbox]+ label:before { background-color: #ddd; }
.color_input input:nth-child(15)[type=checkbox]:checked + label:before { background:#ddd;  }

/*black*/
.color_input input:nth-child(17)[type=checkbox]+ label:before { background-color: #222; }
.color_input input:nth-child(17)[type=checkbox]:checked + label:before { background:#222; color: #fff;  }




/*찜한 상품 팝업 CSS 시작*/
.b-close_style {	position:relative;	float:right; right: 25px; top: 25px;}
.popup_favorite_box { width:750px; background-color:#fff; border-radius: 15px;	padding-bottom:35px; }
.favorite_box_cnt { width: 700px; margin: 0 auto; padding: 25px 25px 0 25px;}
.favorite_box_title { width: 650px; height: 60px; border-bottom: 1px solid #dfdfdf; box-sizing: border-box; margin: 0 auto; margin-bottom: 30px;}
.favorite_box_title p{ width: 600px; font-size: 30px; line-height: 34px; color: #333; text-align: left;}
.favorite_box_title span { font-size: 18px; color: #333;}
.favorite_box_item { margin: 0 auto; margin-left:25px; width: 670px; height: 400px; overflow-y:auto;}
.favorite_box_cnt .favorite_box_item li {width: 120px; height: 120px; border: 1px solid #dfdfdf; box-sizing: border-box; margin: 5px; float: left; text-align:center;}
.favorite_box_not { width: 100%; height: 80px; padding:65px 0 0px 0px; }
.favorite_box_not p { font-size: 16px; line-height: 25px; color: #666; font-weight: bold; text-align:center; }
/*찜한목록이 없을 시*/
.favorite_box_not .favorite_box_not_img { width: 17px; height: 17px; background-image: url(/sub_placard/img/icon_favorite.png); background-repeat: no-repeat; top:6px; float: left; display: inline-block; position: relative; left: 252px; }


/*현수막 가로형 썸네일*/
.favorite_thumb { width: 100px; margin: 50px auto;}
/*현수막 세로형 썸네일*/
.favorite_thumb_sero { width: 20px; margin: 4px auto; }
/*현수막 정사각형 썸네일*/
.favorite_thumb_sqr { width: 100px; margin: 10px auto; }
/*포스터 가로형 썸네일*/
.favorite_thumb_psero { width: 70px; margin: 10px auto; }
/*포스터 세로형 썸네일*/
.favorite_thumb_pgaro { width: 100px; margin: 23px auto; }

/*찜한목록 객체 삭제*/
.favorite_box_cnt .favorite_box_item li .thumb_delete { position: relative; display: block; top: -115px; left: 105px; cursor: pointer; }


/* 상세페이지(detail) 시작*/
.pcd_view_wrap { width:630px; height: 640px; float:left;}
.pcd_detail_wrap { width: 1000px; margin: 30px auto; height: 900px; background: #fff; }
.pcd_view_img { width: 630px; height: 540px; box-sizing: border-box; margin: 0 auto; background: #f5f5f5;}
.pcd_view_img #pcd_view_box img {width:100%;}

.view_caption { width: 100%; height: 60px; background-color: #222; display:block; opacity: .6; position: relative; top: -60px;}
.view_caption p { font-size: 14px; color: #fff; text-align: center; line-height: 60px;}

.pcd_view_thumb li{ float: left; display:flex; justify-content: center; width:70px; height: 65px; margin: 30px 3px 0 ; cursor: pointer; border: 1px solid #ddd; background: #fff; box-sizing: border-box; border-radius: 3px; overflow: hidden;}
.pcd_view_thumb li:hover{ border:1px solid #28284f; }
.pcd_view_thumb li:first-child { margin-left: 0; width:65px; height: 65px; border-radius: 3px;}
.pcd_view_thumb li:first-child  img{ border-radius: 0px; }
.pcd_view_thumb li img { float: left; width:75px; border-radius: 2px;}

.optn_ttl_img .favorite_star_on { position: relative; top: 0; right: 0;}
.optn_ttl_img .favorite_star_off { position: relative; top: 0; right: 0;}

.favorite_star_on { width: 17px;    height: 17px;    background: url(/sub_placard/img/icon_favorite.png) no-repeat;    float:right;  cursor: pointer; position: relative; top: 15px; right: 20px;}
.favorite_star_off { width: 17px;    height: 17px;    background: url(/sub_placard/img/icon_favorite.png) no-repeat;    background-position: left -17px;  float:right; cursor: pointer; position: relative; top: 15px; right: 20px;}


/*현수막 가로형*/
/*.pcd_view_garo img{ width: 520px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.21); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.21); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.08);}*/
/*
.pcd_view_garo img{ width: 630px; }
.pcd_view_garo { position: relative; margin: 0 auto; width: 630px; height: auto; top: 190px;}
*/

/*현수막 세로형*/
/*
.pcd_view_sero img{ width: 97px; }
.pcd_view_sero { position: relative; margin: 0 auto; width: 97px; height: auto; top: 0;}
*/

/*현수막 정사각형*/
/*
.pcd_view_sqr img{ width: 540px; }
.pcd_view_sqr { position: relative; margin: 0 auto; width: 540px; height: auto; top: 0;}
*/

/*포스터 세로형*/
/*
.pst_view_sero img{ width: 380px; }
.pst_view_sero { position: relative; margin: 0 auto; width: 380px; height: auto; top: 0;}
*/

/*포스터 가로형*/
/*
.pst_view_garo img{ width: 630px; }
.pst_view_garo { position: relative; margin: 0 auto; width: 630px; height: auto; top: 49px;}
*/



/*현수막 가로형 썸네일*/
/*.pcd_thumb_garo li:first-child img{ width:75px; position: relative; top: 28px; left: 1px;}*/

/*현수막 세로형 썸네일*/
/*.pcd_thumb_sero li:first-child img{ width: 11px; padding: 1px 26px; }*/

/*현수막 정사각형 썸네일*/
/*.pcd_thumb_sqr li:first-child img{ width: 60px; padding: 2px; }*/

/*포스터 세로형 썸네일*/
/*.pst_thumb_sero li:first-child img{ width: 40px; padding: 3px 12px; }*/

/*포스터 가로형 썸네일*/
/*.pst_thumb_garo li:first-child img{ width: 60px; padding: 10px 2px; }*/


/* 우측 옵션 창*/
.pcd_detail_optn { width: 332px; float: right; height:640px; background: #fff; padding-left: 30px;}
.pcd_detail_wrap .optn_ttl_wrap { width: 332px; border-bottom: 1px dashed #ddd; padding-bottom: 00px; float:left;}
.pcd_detail_wrap .optn_ttl_info { padding-bottom: 10px; border-bottom: 2px solid #000;  }
.pcd_detail_wrap .optn_ttl_info p { font-size: 14px;  }
.pcd_detail_wrap .optn_ttl_wrap .optn_ttl { padding: 9px 0 7px 0; width:332px;}
.pcd_detail_wrap .optn_ttl_wrap .optn_ttl .optn_ttl_txt { font-size: 21px; font-weight: normal; color: #222; display: inline-block;}
.pcd_detail_wrap .optn_ttl_wrap .optn_ttl .optn_ttl_img { display: inline-block; float: right; margin-right: 15px;}

.optn_cnt_wrap { width: 332px; border-bottom: 1px dashed #ddd; padding-bottom: 20px; float: left;}
.optn_box_wrap {}
.optn_box_wrap li { float:left;}
.optn_box_wrap .optn_box_ttl { float:left; width: 332px; height: 35px; line-height: 33px; margin-top: 10px;}
.optn_box_wrap .optn_box_ttl p b{ color: #222; font-size: 14px;}
.optn_box_wrap .optn_box_ttl p img{ width: 22px; display: inline-block; position: relative; top: 6px;  left: 3px; cursor: pointer;}

.optn_box li{ border: 1px solid #dbdbdb; margin: 4px; text-align: center; width: 103px; height: 27px; line-height: 26px; cursor: pointer; border-radius: 30px; color: #898989;}
.optn_box li:first-child,
.optn_box li:nth-child(4) { margin-left:0; }
.optn_box li:nth-child(3) { margin-right: 0; }
.optn_box li:hover { border:1px solid #fecd33; color: #000; font-weight: bold; background-color: #fecd33;}
.optn_box li.box_on {border:1px solid #fecd33; color: #000; font-weight: bold; background-color: #fecd33;}
.optn_box_end { width:332px;  height: auto; position:relative;}
.optn_box_end li{ border: 1px solid #dbdbdb; margin: 4px; text-align: center; width: 103px; height: 27px; line-height: 26px; cursor: pointer; border-radius: 30px; color: #898989;}
.optn_box_end a:first-child li,
.optn_box_end a:nth-child(4) li,
.optn_box_end a:nth-child(7) li { margin-left:0; }
.optn_box_end a:nth-child(3) li,
.optn_box_end a:nth-child(6) li { margin-right: 0; }
.optn_box_end li.box_on {border:1px solid #fecd33; color: #000; font-weight: bold; background-color: #fecd33;}
.optn_box_end li:hover { border:1px solid #fecd33; color: #000; font-weight: bold; background-color: #fecd33;}
.optn_box_input { width: 292px; padding:4px 20px;  height: 26px; background-color: #f5f5f5;}
.optn_box_input input{ border:1px solid #d2d2d2; width: 34px; height: 24px; padding: 0 5px 0 15px;  border-radius: 30px 0 0 30px; text-align: center; border-right:0;}
.optn_box_input li:first-child,
.optn_box_input li:nth-child(5){ padding: 2px 10px;  color: #4a4a4a;}
.optn_box_input li:nth-child(4){ padding: 3px 5px 0 15px;}
.optn_box_input li {line-height: 20px;}
.input_cm {width: 30px; height: 24px; border: 1px solid #d2d2d2; border-left: 0; border-radius: 0 30px 30px 0; background-color: #fff;}
.optn_number { width: 124px; height: 33px; border: 1px solid #bfbfbf;  border-radius: 40px;}
.optn_number input{ border:1px solid #bfbfbf; width: 34px; text-align: center; padding: 0 10px; height: 24px;  line-height: 25px; position: relative;  border-top: 0; border-bottom: 0; top: 5px;}
.optn_box_bt { width: 33px; height: 33px; text-align: center; line-height: 31px; cursor: pointer; font-size: 15px; font-weight: bold;}


/*마감 툴팁 이미지*/
a.edoptn_ht,a.edoptn_bar,a.edoptn_gls ,a.edoptn_mt ,a.edoptn_wd ,a.edoptn_lp ,a.edoptn_fms{	position: relative;	display: inline;}
a.edoptn_ht li span, a.edoptn_bar li span, a.edoptn_gls li span, a.edoptn_mt li span, a.edoptn_wd li span, a.edoptn_lp li span, a.edoptn_fms li span {position: absolute;	width: 80px;	background: #000000;	height: 74px; text-align: center;	display: none;	border-radius: 6px; padding: 6px;}
a.edoptn_ht li span:after, a.edoptn_bar li span:after, a.edoptn_gls li span:after, a.edoptn_mt li span:after, a.edoptn_wd li span:after, a.edoptn_lp li span:after, a.edoptn_fms span:after { 	content: '';	position: absolute;	top: 100%;	left: 50%;	margin-left: -8px;	width: 0;	height: 0;	border-top: 8px solid #000000;	border-right: 8px solid transparent; border-left: 8px solid transparent; }
a.edoptn_ht li span img, a.edoptn_bar li span img, a.edoptn_gls li span img, a.edoptn_mt li span img, a.edoptn_wd li span img, a.edoptn_lp li span img, a.edoptn_fms li span img {width: 80px;}
a:hover li span {display: inline-block;	opacity: 1;	bottom: 40px;	left: 6px; margin-left: 0px; z-index: 999;}
.optn_box_end a li {position:relative;}


/*배송 정보*/
.optn_info_wrap { width: 332px; border-bottom: 2px solid #000; padding: 18px 0;; float: left;}
.optn_info_txt { float:left; width: 90px; height: 30px; line-height: 29px;}
.optn_info_txt_in{ text-align: left; width: 240px; height: 30px; line-height: 29px; float:left; color: #4a4949;}
.optn_info_txt p b{ color: #000; font-size: 14px;}

/*가격 정보*/
.optn_price_wrap { width: 332px; padding-bottom: 10px; float: left;  padding-top: 18px;}
.optn_price_txt { float:left; width: 90px; height: 30px; line-height: 29px;}
.optn_price_txt_in{ text-align: right; width: 240px; height: 30px; line-height: 29px; float:left; font-size: 14px; color: #4a4a4a; font-weight: bold;}
.optn_price_txt p b{ color: #000; font-size: 14px;}
.optn_price_wrap ul li:nth-child(5) p b { color: #28284f;}
.total_price { font-size: 16px; color: #28284f;}
.pcd_dis { font-weight: bold; color:#28284f; float: right; margin-left: 5px;}

.pcd_bt_wrap { width: 332px; padding-bottom: 10px; float: left;  padding-top: 10px; }
.pcd_go_make { width: 100% !important; height: 35px; background-color: #28284f; float: left; border-radius: 100px;}
.pcd_go_make p { color: #fff; font-size: 13px; font-weight: bold; line-height: 34px; text-align: center;}
.pcd_go_list { width: 90px; height: 35px; background-color: #6f6f6f; float: left; margin-left: 10px; border-radius: 100px;}
.pcd_go_list p { color: #fff; font-size: 13px; font-weight: bold; line-height: 34px; text-align: center;}

/* 좌우 상품*/
.img_nxt { width: 47px; height: 83px; background-image: url(/sub_dicabook_s2/img/icon_prv_nxt.png); background-position: left -83px; position: relative; z-index: 1; float: right; top: -440px; right: -90px;	}
.img_prv { width: 47px; height: 83px; background-image: url(/sub_dicabook_s2/img/icon_prv_nxt.png); position: relative; z-index: 1; float: left; top: -440px; left: -90px;	}


/*컨텐츠*/
#detail_menu_bar{ width:100%; height:100%; overflow:hidden; position:relative;  }
.detail_menu_wrap { height: auto; }
.detail_menu{ width:100%; height:60px; background: #f5f5f5; position:absolute;  /* 스크롤 메뉴 고정 핸들을 위함 */  top:0; left:0; z-index: 999; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; -webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1); box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);}
.detail_obj { width: 1000px; margin: 0 auto; height: 60px;}
.detail_obj li{ float: left; width: 90px; height: 60px; margin: 0 10px;}
.detail_obj li:nth-child(1) p:hover ,
.detail_obj li:nth-child(2) p:hover ,
.detail_obj li:nth-child(3) p:hover { color: #28284f; cursor: pointer; border-top: 4px solid #28284f; line-height: 50px;}
.detail_obj li p  { font-size: 15px; text-align: center; line-height: 59px; color: #6f6f6f; font-weight: bold;}

/*fixed bar 가격 및 버튼 생성*/
.detail_obj #detail_mprice { display: none; float: right; width: 240px;}
.detail_obj #detail_mprice .mprice_txt { width: 90px; float: left;}
.detail_obj #detail_mprice .mprice_txt p{ font-size: 19px; font-weight: bold; line-height:  52px; color:#28284f;}
.detail_obj #detail_mprice .mprice_bt { width: 140px; height: 35px; margin: 10px 0 ; background-color: #28284f; float: right; border-radius: 40px;}
.detail_obj #detail_mprice .mprice_bt p{ font-size: 15px;  line-height:  35px; color: #fff; font-weight: normal;}

/*연관검색 및 정보 내용*/
.detail_cnt_wrap { width: 100%; height:auto;  margin-top: 60px; padding: 40px 0; background-color:#f9f9f9;}
.result_cnt { width: 1000px; margin: 0 auto; }
.result_cnt li {float: left;}
/*.result_cnt li:first-child, .result_cnt li:last-child	{ width: 20px; height:80px; float: left; margin: 0 7px;}*/
.result_cnt .result_cnt_area { background-color: #f9f9f9;}


/*현수막 가로형*/
.result_garo { height: 104px; padding: 50px 0; }
.result_garo .result_cnt_area { height: auto; overflow: hidden;}
.result_garo .result_cnt_area li { height:auto;  float: left; }
.result_garo .result_cnt_area li img { width: 290px; padding: 25px 15px;  background: #fff;  border: 1px solid #dcdcdc; }

/*현수막 세로형*/
.result_sero { height: 400px; padding: 50px 0; }
.result_sero .result_cnt_area { height: auto; overflow: hidden;}
.result_sero .result_cnt_area li { height:auto;  float: left; background-color: #f9f9f9;}
.result_sero .result_cnt_area li img { width: 66px; padding: 15px 28px; background: #fff;  border: 1px solid #dcdcdc;}

/*현수막 정사각형*/
.result_sqr { height: 220px; padding: 50px 0; }
.result_sqr .result_cnt_area { height: auto; overflow: hidden;}
.result_sqr .result_cnt_area li { height:auto;  float: left; }
.result_sqr .result_cnt_area li img { width: 178px; padding: 20px; background: #fff;  border: 1px solid #dcdcdc;}

/*포스터 세로형*/
.result_sero_pst { height: 277px; padding: 50px 0; }
.result_sero_pst .result_cnt_area { height: auto; overflow: hidden;}
.result_sero_pst .result_cnt_area li { height:auto;  float: left;}
.result_sero_pst .result_cnt_area li img { width: 165px; padding: 20px; background: #fff;  border: 1px solid #dcdcdc;}

/*포스터 가로형*/
.result_garo_pst { height: 225px; padding: 50px 0; }
.result_garo_pst .result_cnt_area { height: auto; overflow: hidden;}
.result_garo_pst .result_cnt_area li { height:auto;  float: left;}
.result_garo_pst .result_cnt_area li img { width: 260px;padding: 20px; background: #fff;  border: 1px solid #dcdcdc; }



.result_garo .bx-wrapper .bx-controls-direction a { top: 13%; }
.result_sero .bx-wrapper .bx-controls-direction a { top: 38%; }
.result_sqr .bx-wrapper .bx-controls-direction a { top: 34%; }
.result_sero_pst .bx-wrapper .bx-controls-direction a { top: 35%; }
.result_garo_pst .bx-wrapper .bx-controls-direction a { top: 30%; }

/*작업가이드*/
.detail_guide_cnt { padding: 70px 0 0 0; width: 1000px; margin: 0 auto; background: #f9f9f9;}
.detail_guide_full { padding: 50px 0 0 0; width: 100%; background: #f9f9f9;}
.detail_guide_img { padding: 0; width: 1000px; margin: 0 auto;}
.pcd_guide_wrap { width: 647px; padding-bottom: 70px; float: center;  padding-top: 10px; background: #f9f9f9; margin-left:178px;}
.pcd_guide_jpg { width: 201px; height: 51px; background-color: #28284f; float: left; border-radius: 100px; margin-right:21px;}
.pcd_guide_jpg p { color: #fff; font-size: 15px; line-height: 51px; text-align: center;}
.pcd_guide_eps { width: 201px; height: 51px; background-color: #28284f; float: left; border-radius: 100px; margin-right:21px;}
.pcd_guide_eps p { color: #fff; font-size: 15px; line-height: 51px; text-align: center;}
.pcd_guide_pdf { width: 201px; height: 51px; background-color: #28284f; float: left; border-radius: 100px;}
.pcd_guide_pdf p { color: #fff; font-size: 15px; line-height: 51px; text-align: center;}


/*상세정보*/
.detail_info_cnt {padding: 50px 0 0 0; width: 1000px; margin: 0 auto; }
.detail_full_cnt {padding: 0; }

/*배송정보*/
.detail_spc_cnt { width: 100%; padding: 0; background: #ebebeb; }
.detail_oneday_cnt { width: 100%; padding: 0; background: #d3e4ee; }
.detail_delivery_cnt { width: 100%; padding: 0; background: #f3f3f3; }
.detail_spc_img { width: 1000px; height: auto; margin:0 auto; }
.detail_oneday_img { width: 1000px; height: auto; margin:0 auto; }
.detail_delivery_img { width: 1000px; height: auto; margin:0 auto;}


/*툴팁*/
a.tooltips {	position: relative;	display: inline;}
a.tooltips span {	position: absolute;	width: 210px;	color: #FFFFFF;	background: #000000;	height: 32px;	line-height: 15px;	text-align: center;	display: none;	border-radius: 6px; padding: 6px; font-size: 11px;}
a.tooltips span:after { 	content: '';	position: absolute;	top: 100%;	left: 50%;	margin-left: -8px;	width: 0;	height: 0;	border-top: 8px solid #000000;	border-right: 8px solid transparent; border-left: 8px solid transparent; }
a:hover.tooltips span {display: block;	opacity: 0.8;	bottom: 25px;	left: -20px;	margin-left: -76px;	z-index: 999;}


/* 편집/이용가이드 추가 */
.pop-guide {display:none; width:588px; z-index:100000;  overflow:hidden;}
.pop-guide .pop-title {height:78px; background:#28284f; padding-left:35px; font-size:25px; letter-spacing:-0.02em; color:#fff; line-height:78px; border-radius:30px 30px 0 0;}
.pop-guide .btn-close {border:0; background:none; width:26px; height:26px; position:absolute; top:26px; right:36px; cursor:pointer;}
.pop-guide .pop_cont {background:#fff; border-radius:0  0 30px 30px; padding:15px 30px 20px;}
.pop-guide .pop_cont dl {padding-top:0 !important;}
.pop-guide .pop_cont dt {font-size:19px; line-height:65px; border:0 !important; border-top:1px solid #e7e7e7 !important; color:#2f2f2f; letter-spacing:-0.02em; margin:0; padding:0; background:none; border-radius:0;}
.pop-guide .pop_cont dt:first-child {border-top:0 !important;}
.pop-guide .pop_cont dt span.ui-accordion-header-icon {position:absolute; top:30px !important; left:auto !important; right:14px; width:18px; height:12px; margin-top:0 !important; background:url('/sub_banner/img/pop-arrow.png') top left no-repeat; transition:300ms;}
.pop-guide .pop_cont dt.ui-accordion-header-active span.ui-accordion-header-icon {transform:rotate(180deg);}
.pop-guide .pop_cont dt.ui-accordion-header-active {color:#28284f; font-weight:600;}
.pop-guide .pop_cont dd {padding:0 10px 20px; display:none; border-radius:0; border:0;}
.pop-guide .pop_cont dd li {font-size:14px; line-height:25px; letter-spacing:-0.02em; color:#666; margin:4px 0;}
.pop-guide .pop_cont dd ul.idv_guide li:first-child {font-size: 15px; font-weight: 600; color: #333; }
.pop-guide .pop_cont dd ul li {text-indent:-7px; padding-left:7px;}
.pop-guide .pop_cont dd ul {margin-bottom: 10px; }
.pop-guide .pop_cont dd ul:last-child {margin-bottom: 0;}
.pop-guide .pop_cont dd .file-area {padding:10px 0 10px 0; text-indent:0; font-size:0; line-height:0;}
.pop-guide .pop_cont dd .file-area a {display:inline-block; margin-left:10px;}
.pop-guide .pop_cont dd .file-area a:first-child {margin-left:0;}

.pop-wish-info {position:fixed; top:50%; left:50%; width:775px; z-index:100000; transform:translate(-50%,-50%); overflow:hidden; background:#fff; border-radius:30px;}
.pop-wish-info .btn-close {border:0; background:none; width:26px; height:26px; position:absolute; top:26px; right:36px; cursor:pointer;}
.pop-wish-info .pop-wish-cont {padding:70px 0; text-align:center; font-size:17px; line-height:22px; color:#7a7a7a;}
.pop-wish-info .pop-wish-cont * {vertical-align:middle;}
.pop-wish-info .pop-wish-cont img {margin-top:-4px;}
.file-area img:hover {opacity: .6}

/* 퀵배너 추가 */
#quickBnr a {display: block; font-size: 14px; text-align: center;}
#quickBnr a .bnr_wrap {width: 150px; height: 220px; position: absolute; top: 275px; right: 230px; border: 1px solid #e6e6e6; z-index: 1000; background: url('/sub_placard/img/quick_img1.jpg?t=1') no-repeat; box-shadow: 5px 5px 5px rgba(0,0,0,0.05);}
#quickBnr a .bnr_wrap span.tit {display: block; margin-top: 14px; line-height: 22px;}
#quickBnr a .bnr_wrap span.tit em {font-style: normal; font-weight: bold; color: #222450; font-size: 17px; margin-top: 7px;}
#quickBnr a .bnr_wrap span.price {font-size: 13px; font-weight: bold; color: #fff; background: rgba(0,0,0,0.5); padding: 7px 20px; top: 120px; border-radius: 50px; position: relative;}