/* BASIC css start */
#hdWrap { background: url(/images/d3/hot_issue/common/bg_w80_h2_line.gif) repeat-x 0 100%; }
#header { position: relative; width: 1124px; height: 190px; margin-bottom: 20px; }
#hdWrap .hd-logo { padding-top: 40px; text-align: center; }
#hdWrap .hd-draw,
#hdWrap .hd-link { position: absolute; }
#hdWrap .hd-draw { right: 200px; bottom: -19px; }
#hdWrap .hd-link { zoom: 1; overflow: hidden; top: 162px; left: 0; }
#hdWrap .hd-link li { float: left; padding: 0 10px; }
#hdWrap .hd-link li a { font-size: 11px; font-weight: bold; letter-spacing: -1px; }
#hdWrap .hd-link li a:hover { color: #ec2626; }
#hdMenu { position: relative; width: 1124px; margin: 0 auto 60px; }
#hdMenu .hd-cate { zoom: 1; overflow: hidden; width: 1000px; }
#hdMenu .hd-cate li { float: left; padding: 0 10px; background: url(/images/d3/hot_issue/common/bg_w1_h5_dotted.gif) no-repeat 100% 40%; white-space: nowrap; }
#hdMenu .hd-cate li a { font-size: 12px; font-weight: bold; letter-spacing: -1px; }
#hdMenu .hd-search { position: absolute; top: 0; left: 1002px; }
#hdMenu .hd-search .input-keyword { width: 100px; height: 16px; border: 1px solid #ccc; }




@import url'(http://fonts.googleapis.com/earlyaccess/notosanskr.css'); 

/* * Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */ 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } 

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } 

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } 

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } 

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; 
src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); }


/* sub top ³×ºñ,title */
.toptit{margin-top:40px;}
.toptit .page_nv{text-align:right; color:#9e9e9e;}
.toptit .page_nv span{display:inline-block; zoom:1; *display:inline; _display:inline; width:11px; height:11px; background:url(/design/hanstyle/2016renew/img/myp/home_icon.gif) no-repeat 0 1px;}
.toptit .page_tit{margin:55px auto 53px; text-align:center;}

/* sub ¹öÆ° */
.w79_bt{display:inline-block; zoom:1; *display:inline; _display:inline; width:79px; height:24px; line-height:2.333; border:1px solid #bfbfbf; background:#ffffff; font-size:12px; color:#525252; text-align:center; margin:0px 2px!important;}
.w119_bt{display:inline-block; zoom:1; *display:inline; _display:inline; width:119px; height:24px; line-height:2.333; border:1px solid #bfbfbf; background:#ffffff; font-size:12px; color:#525252; text-align:center; margin:0px 2px!important;}

.b79_bt{display:inline-block; zoom:1; *display:inline; _display:inline; width:79px; height:24px; line-height:2.333; border:1px solid #b8956d; background:#b8956d; font-size:12px; color:#ffffff; text-align:center; margin:0px 2px!important;}
.b68_bt{display:inline-block; zoom:1; *display:inline; _display:inline; width:68px; height:24px; line-height:2.333; border:1px solid #b8956d; background:#b8956d; font-size:12px; color:#ffffff; text-align:center; margin:0px 2px!important;}
.b119_bt{display:inline-block; zoom:1; *display:inline; _display:inline; width:119px; height:24px; line-height:2.333; border:1px solid #b8956d; background:#b8956d; font-size:12px; color:#ffffff; text-align:center; margin:0px 2px!important;}

.gray_basicbt{display:inline-block; zoom:1; *display:inline; _display:inline; height:30px; line-height:2.888; background:#ababab; font-size:12px; color:#ffffff; text-align:center; padding:0px 10px;}



#preview_wrap{display:none!important;}

.right_quick_bar{position:fixed; top:0px; right:-194px; z-index:20; height:100%; border-left:1px solid #dbdbdb; width:193px; background:#fcfcfc;}
.right_quick_bar .right_quick_content{position:relative;}
.right_quick_bar .right_quick_content .right_quick_content_in{}
.right_quick_bar .right_quick_content .right_quick_content_in .flag_wrap{padding-top:78px; width:165px; margin:0 auto; text-align:center;}
.right_quick_bar .right_quick_content .right_quick_content_in .flag_wrap a{display:inline-block; *display:inline; _display:inline;}
.right_quick_bar .right_quick_content .right_quick_content_in .flag_wrap a.mid_mg1{margin:0px 16px}
.right_quick_bar .right_quick_content .right_quick_content_in .sns_wrap{width:165px; margin:0 auto; text-align:center; margin-top:15px;}
.right_quick_bar .right_quick_content .right_quick_content_in .sns_wrap a{display:inline-block; *display:inline; _display:inline;}
.right_quick_bar .right_quick_content .right_quick_content_in .sns_wrap a.mid_mg2{margin:0px 14px;}

.right_quick_bar .right_quick_content .right_quick_content_in .menu_section{width:165px; margin:0 auto; text-align:left; margin-top:35px;}
.right_quick_bar .right_quick_content .right_quick_content_in .menu_section a.ftc{border-top:1px solid #eaeaea;}
.right_quick_bar .right_quick_content .right_quick_content_in .menu_section a.ltc{border-bottom:0px; }
.right_quick_bar .right_quick_content .right_quick_content_in .menu_section a{display:block; height:44px; line-height: 3.9; border-bottom:1px solid #eaeaea; text-indent: 5px; color:#464646; font-family: 'Nanum Gothic'}
.right_quick_bar .right_quick_content .right_quick_content_in .menu_section a .on{display:none}
.right_quick_bar .right_quick_content .right_quick_content_in .menu_section a:hover .off{display:none;}
.right_quick_bar .right_quick_content .right_quick_content_in .menu_section a:hover .on{display: block!important; opacity:0.7; filter:alpha(opacity=70);}

.right_quick_bar .right_quick_content .right_quick_content_in .menu_box{border-top:1px solid #dbdbdb; font-size:0px; letter-spacing: 0px; word-spacing: 0px;}
.right_quick_bar .right_quick_content .right_quick_content_in .menu_box a{display:inline-block; height:61px; width:33.333333%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom:1px solid #dbdbdb; background:url(/design/hanstyle/2016renew/img/main/menu_box_bg.gif) no-repeat;}
.right_quick_bar .right_quick_content .right_quick_content_in .menu_box a:hover{opacity: 0.7; filter:alpha(opacity=70);}
.right_quick_bar .right_quick_content .right_quick_content_in .menu_box .bd_lr{border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb;}

.right_quick_bar .right_quick_content .right_quick_content_in .menu_box .icon-box01{background-position:0px 0px;}
.right_quick_bar .right_quick_content .right_quick_content_in .menu_box .icon-box02{background-position:-66px 0px;}
.right_quick_bar .right_quick_content .right_quick_content_in .menu_box .icon-box03{background-position:-129px 0px;}
.right_quick_bar .right_quick_content .right_quick_content_in .menu_box .icon-box04{background-position:0px -64px;}
.right_quick_bar .right_quick_content .right_quick_content_in .menu_box .icon-box05{background-position:-66px -64px;}
.right_quick_bar .right_quick_content .right_quick_content_in .menu_box .icon-box06{background-position:-129px -64px;}
.right_quick_bar .right_quick_content .right_quick_content_in .menu_box .icon-box07{background-position:0px -128px;}
.right_quick_bar .right_quick_content .right_quick_content_in .menu_box .icon-box08{background-position:-66px -128px;}
.right_quick_bar .right_quick_content .right_quick_content_in .menu_box .icon-box09{background-position:-129px -128px;}

.right_quick_bar .right_quick_content .right_quick_content_in .top_end_btn{width:165px; margin:0 auto; text-align:center;}
.right_quick_bar .right_quick_content .right_quick_content_in .top_end_btn span{cursor: pointer;}
.right_quick_bar .right_quick_content .opcl_btn{position: absolute; top:189px; left:-21px; z-index:20; cursor: pointer;}


/** º£ÀÌÁ÷ »óÇ°Æû **/
.basic_prod_wrap {width:1150px; overflow:hidden;}
.basic_prod_wrap h2{width:100%; text-align:center; margin-bottom:53px;}
.basic_prod_wrap .item_row{width:105%; padding-bottom:50px;}
.basic_prod_wrap .normal_item {width:268px; text-align:left; float:left; margin-right:26px;}
.basic_prod_wrap .normal_item .prod_thumb{width:268px; position:relative; z-index:10; overflow:hidden;}
.basic_prod_wrap .normal_item .prod_thumb img{width:100%;}
.basic_prod_wrap .normal_item .prod_name{margin-top:18px;}
.basic_prod_wrap .normal_item .prod_name a{color:#5f5f5f; font-family:'Dotum'; font-weight:bold;}
.basic_prod_wrap .normal_item .prod_subname{margin-top:10px; min-height:33px;}
.basic_prod_wrap .normal_item .prod_icon{margin-top:15px; min-height:15px;}
.basic_prod_wrap .normal_item .prod_price{margin-top:15px;}

.pagerz{text-align:center;}
.normal_item{cursor:pointer;}
.normal_item .prod_ov_menu{position:absolute; bottom:-150px; z-index:20; text-align:center; width:100%;}
.normal_item .prod_ov_menu img{width:auto!important;}
.normal_item .prod_ov_menu a{display:inline-block; *display:inline; _display:inline; margin:0px 3px;}


.roll_c_r_inner .spac_wrap table{height:245px;}

/* =======================================================================
  wib °Ô½ÃÆÇ °øÅë css
 ======================================================================== */

/* ¸ñ·Ï ÆäÀÌÁö (¸®½ºÆ®Çü) */
.bbs-sch {margin-top:0;}
.bbs-sch a {display:inline-block; overflow:hidden; width:42px; height:23px; line-height:26px; color:#fff; background:#979696; text-align:center; font-size:11px; }

.bbs-table-list{margin-bottom:20px;}
.bbs-table-list thead th,
.bbs-table-list thead td {padding:12px 0 11px;}
.bbs-table-list thead th {border-top:1px solid #979696; border-bottom:1px solid #d8d8d8; font-weight:normal; color:#000;}
.bbs-table-list tbody td {background: none; border-bottom:1px solid #d8d8d8; padding:10px 0px 6px;}
.bbs-table-list tbody td a {color:#717171; font-size:12px; line-height:17px;}
.bbs-table-list tbody td a.product_name {display:block; font-weight:bold;} 


#bbsData{width:1000px; margin:0 auto;}
#bbsData .bbs-link {/*padding-top:27px;*/ text-align:right; }
#bbsData .bbs-link dt{text-align:left; float:left; width:50%;}
#bbsData .bbs-link dd{text-align:right; float:right; width:50%;}
#bbsData .bbs-link dd a{margin-left:10px;}
#bbsData .bbs-link.page_list a { width:79px; height:24px; line-height:2.333; border:1px solid #b8956d; background:#b8956d; font-size:12px; color:#ffffff; text-align:center; margin:0px 2px!important; padding:0px;}

.paging ol.paging {padding-top:0; height:auto; }
.paging ol.paging strong {color:#000; font-weight:normal;}
.paging ol.paging a {color:#9a9a9a;}




/* º¸±âÆäÀÌÁö */
.bbs-table-view {margin-top:35px; }
.bbs-table-view thead th, 
.bbs-table-view tbody td {padding: 15px 0 10px;}

.bbs-table-view thead th { font-size:12px; font-weight:normal;color:#717171; border-bottom:1px solid #d8d8d8; border-top:1px solid #979696; }
.bbs-table-view thead th b {font-weight:normal; color:#000000;}
.bbs-table-view tbody td.line {background: none; border-bottom:1px solid #d8d8d8; }
.bbs-table-view td {color:#717171;}
.bbs-table-view td b {font-weight:normal; color:#000000;}
.bbs-table-view td .cont-sub-des .left_section {float:left;}
.bbs-table-view td .cont-sub-des .hit {float:right;}
.bbs-table-view td .bbs-link {padding-right:34px}

#bbsData .comment-box.comment_list {box-sizing:border-box; border:1px solid #d8d8d8; border-width:0 1px; }
#bbsData .comment-box.comment_list .com-name {color:#555555; font-size:12px; background:none; }
#bbsData .comment-box.comment_list .bbs-link {padding-top:0px;}
#bbsData .comment-box.comment_list .bbs-link span {color:#b4b4b4}
#bbsData .comment-box.comment_list .bbs-link span a {color:#555555}

#bbsData  .comment_write_wrap {padding:9px 0 13px; border-bottom:1px solid #d8d8d8;border-top:1px solid #d8d8d8}
#bbsData .comment-box.comment_write {border-bottom:0}
#bbsData .comment-box.comment_write th,
#bbsData .comment-box.comment_write td {padding:5px 0 4px;}
#bbsData .comment-box.comment_write th {font-weight:normal; text-align:right; padding-right:10px; color:#000; vertical-align:top; padding-top: 11px; }
#bbsData .comment-box.comment_write td input {height:30px; line-height:30px; box-sizing:border-box; border:1px solid #d7d7d7; width:171px; margin:0; }
#bbsData .comment-box.comment_write td textarea {width:736px; box-sizing:border-box; height:60px; border:1px solid #d4d4d4;}
#bbsData .comment-box.comment_write td .comment_btn {display:inline-block; margin-left:9px; width:109px; height:60px; line-height:63px; background:#a0a0a0; color:#fff; text-align:center; }

/*.bbs-table-view .view-link{margin-top:18px;}
.bbs-table-view .view-link .bbs-link {position:relative;}
.bbs-table-view .view-link .bbs-link .btn_left {position:absolute; top:0; left:0;}
.bbs-table-view .view-link .bbs-link a {background-image:none; padding:0; width:79px; height:24px; line-height:2.333; border:1px solid #bfbfbf; background:#ffffff; font-size:12px; color:#525252; text-align:center; margin-right:10px!important;  }
.bbs-table-view .view-link .bbs-link .b79_bt{border:1px solid #b8956d; background:#b8956d; font-size:12px; color:#ffffff; margin-right:0px!important;}
*/
/* Æнº¿öµå ÆäÀÌÁö */
#bbsData .bbs-table-pwd {width:388px; border:1px solid #d7d7d7; border-top:1px solid #979696; margin:0 auto; padding:30px 48px 20px; box-sizing:border-box;  }
#bbsData .bbs-table-pwd table th {border:0; font-size:12px; color:#8b8b8b; }
#bbsData .bbs-table-pwd table td {border:0; }
#bbsData .bbs-table-pwd table td input {width:142px; height:30px; box-sizing:border-box; padding:0; line-height:30px; text-indent:5px;}
#bbsData .bbs-table-pwd .bbs-link.pwd-link {text-align:center; margin-top:23px; padding-top:0;padding-bottom:19px; border-bottom:1px solid #efefef}
/*#bbsData .bbs-table-pwd .bbs-link.pwd-link a {background-image:none; padding:0; width:79px; height:24px; line-height:2.333; border:1px solid #bfbfbf; background:#ffffff; font-size:12px; color:#525252; text-align:center; margin:0 2px!important;  }*/
#bbsData .bbs-table-pwd .bbs-link.pwd-link .b79_bt{border:1px solid #b8956d; background:#b8956d; font-size:12px; color:#ffffff;}
#bbsData .bbs-table-pwd p {font-size:11px; color:#8b8b8b; letter-spacing:-1px; text-align:center; line-height:37px;}


/* ¾²±â ÆäÀÌÁö */
#bbsData .bbs-table-write tbody th, 
#bbsData .bbs-table-write tbody td {border-top:1px solid #979696; border-bottom:1px solid #d8d8d8; padding:12px 0 11px;}
#bbsData .bbs-table-write tbody th {color:#000; }
#bbsData .bbs-table-write tbody td input {border:1px solid #d7d7d7; height:30px; line-height:30px; box-sizing:border-box; margin:0; }
#bbsData .bbs-table-write .bbs-link {margin-top:19px; padding-top:0; }
#bbsData .bbs-table-write .bbs-link dd {position:relative; }
/*#bbsData .bbs-table-write .bbs-link dd a {background-image:none; padding:0; width:79px; height:24px; line-height:2.333; border:1px solid #bfbfbf; background:#ffffff; font-size:12px; color:#525252; text-align:center; margin-right:10px!important;  }
#bbsData .bbs-table-write .bbs-link dd a:last-child {position:absolute; top:0; left:0; }*/
#bbsData .bbs-table-write .bbs-link dd .b79_bt{border:1px solid #b8956d; background:#b8956d; font-size:12px; color:#ffffff; margin-right:0px!important;}
#hdWrap { background: url(/images/d3/hot_issue/common/bg_w80_h2_line.gif) repeat-x 0 100%; }
#header { position: relative; width: 1124px; height: 190px; margin-bottom: 20px; }
#hdWrap .hd-logo { padding-top: 40px; text-align: center; }
#hdWrap .hd-draw,
#hdWrap .hd-link { position: absolute; }
#hdWrap .hd-draw { right: 200px; bottom: -19px; }
#hdWrap .hd-link { zoom: 1; overflow: hidden; top: 162px; left: 0; }
#hdWrap .hd-link li { float: left; padding: 0 10px; }
#hdWrap .hd-link li a { font-size: 11px; font-weight: bold; letter-spacing: -1px; }
#hdWrap .hd-link li a:hover { color: #ec2626; }
#hdMenu { position: relative; width: 1124px; margin: 0 auto 60px; }
#hdMenu .hd-cate { zoom: 1; overflow: hidden; width: 1000px; }
#hdMenu .hd-cate li { float: left; padding: 0 10px; background: url(/images/d3/hot_issue/common/bg_w1_h5_dotted.gif) no-repeat 100% 40%; white-space: nowrap; }
#hdMenu .hd-cate li a { font-size: 12px; font-weight: bold; letter-spacing: -1px; }
#hdMenu .hd-search { position: absolute; top: 0; left: 1002px; }
#hdMenu .hd-search .input-keyword { width: 100px; height: 16px; border: 1px solid #ccc; }

/** ³»ºÎÄÁÆß Ãß°¡ **/
.b89770 b{color:#b89770;}
.636363 b{color:#636363;}

#terms .new-btn-area a{background:#4b86d1!important; border:0px!important; font-size:13px!important; width:195px!important; height:46px!important; line-height:46px!important; font-weight:normal!important;}
/* BASIC css end */