@charset "euc-kr";
/* CSS Document */

#pop_wrap { width:720px; margin:0 0px 30px;}
#category_n_wrap { width:100%; margin:0 0 30px;}
.popup_title { margin:0 0 6px ;}
.pop_list { border-bottom:1px dotted #999; padding:0 0 0px; }

.pop_paper_title01 { font-size:14px; font-weight:bold; color:#e14061; }

.pop_designsample_category { width:650px; overflow:hidden; padding:0px 20px 10px 30px; border:1px solid #b0b0b0;  margin:0 8px 15px; font-size:11px;   }
.pop_designsample_category li { float:left; width:140px; text-align:left; height:12px; color:#666; background:url(../img/comm/set_blt.gif) 0 -42px no-repeat; padding:0 10px 0 16px; margin:12px 0 0; cursor:pointer;  }

.pop_layout_wrap { padding:0 0px 0;}

.sample_view_wrap { margin:20px 0 20px; }
.sample_view_img img { border:1px solid #ccc; cursor:pointer;}
.sample_view_img:hover img { border:1px solid #000; }
.sample_preview_list { overflow:hidden;  margin:0 5px 0px;}
.sample_preview_list li { float:left; margin:0 1px 20px 1px; cursor:pointer; }
.sample_preview_list li p img { border:1px solid #ccc; padding:3px; }
.sample_preview_list li p img:hover { border:1px solid #000; padding:3px; }
.sample_preview_list li span { width:162px; text-align:center; display:block; margin:8px 0 8px; }


.comm_tab_wrap { margin-left:5px; width:700px; height:34px; background:url(../img/sub/sub_kind_tab.gif) repeat-x; overflow:hidden; }
.comm_tab_wrap li { float:left; height:22px; padding:12px 0 0; text-align:center; font-weight:bold; margin-right:20px }
.comm_tab { width:86px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 0px no-repeat; color:#4c4c4c; }
.comm_tab_end  { width:86px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 0px no-repeat; color:#4c4c4c; }
.comm_tab_on { width:86px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 -34px no-repeat; color:#fff; }
.comm_tab_end_on  { width:86px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 -34px no-repeat; color:#fff; }

/* layout*/

.layout_view_img img { border:1px solid #ccc; padding:3px; margin:0 0 5px; cursor:pointer; }
.layout_view_img:hover img { border:1px solid #000; padding:3px; margin:0 0 5px; cursor:pointer; }
.layout_sample_list { overflow:hidden; width:330px; }
.layout_sample_list li { float:left; margin:10px 0 0 14px; cursor:pointer;  }
.layout_sample_list li img { border:1px solid #ccc; }
.layout_sample_list li:hover img { border:1px solid #000; }

/* sub */

.kind_tab_wrap { width:720px; height:34px; background:url(../img/sub/sub_kind_tab.gif) repeat-x; }
.kind_tab_wrap li { float:left; height:34px; }
.kind_tab01 { width:112px; cursor:pointer; background:url(../img/pop/paper_tab.gif) 0 0px no-repeat; }
.kind_tab01.on { background:url(../img/pop/paper_tab.gif) 0 -34px no-repeat; }
.kind_tab02 { width:111px; cursor:pointer; background:url(../img/pop/paper_tab.gif) -112px 0px no-repeat; }
.kind_tab02.on { background:url(../img/pop/paper_tab.gif) -112px -34px no-repeat; }
.kind_tab03 { width:111px; cursor:pointer; background:url(../img/pop/paper_tab.gif) -223px 0px no-repeat; }
.kind_tab03.on { background:url(../img/pop/paper_tab.gif) -223px -34px no-repeat; }
.kind_tab04 { width:111px; cursor:pointer; background:url(../img/pop/paper_tab.gif) -334px 0px no-repeat; }
.kind_tab04.on { background:url(../img/pop/paper_tab.gif) -334px -34px no-repeat; }
.kind_tab05 { width:111px; cursor:pointer; background:url(../img/pop/paper_tab.gif) -445px 0px no-repeat; }
.kind_tab05.on { background:url(../img/pop/paper_tab.gif) -445px -34px no-repeat; }

.tab_category { clear:left; border-bottom:1px solid #7f8486; border-left:1px solid #7f8486; border-right:1px solid #7f8486; }
.tab_category { padding:15px; }
.tab_category li { display:inline-block; background:url(../img/comm/set_blt.gif) 0 -24px no-repeat; padding:0 10px 0 17px;  }



/* paging */


/* UI Object */
.paginate_complex{padding:15px 0;line-height:normal;text-align:center}
.paginate_complex a,
.paginate_complex strong{display:inline-block;position:relative;z-index:2;margin:0 -3px;padding:1px 8px;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;background-color:#fff;font:bold 12px/16px Tahoma, Sans-serif;color:#323232;text-decoration:none;vertical-align:top}
.paginate_complex a:hover,
.paginate_complex a:active,
.paginate_complex a:focus{background-color:#f8f8f8}
.paginate_complex strong{color:#ff8600}
.paginate_complex .direction{border:0;font-weight:normal;color:#767676;text-decoration:none !important;z-index:1}
.paginate_complex .direction:hover,
.paginate_complex .direction:active,
.paginate_complex .direction:focus{color:#323232;background-color:#fff}
.paginate_complex .prev{border-left:0}
.paginate_complex .next{border-right:0}
.paginate_complex .direction span{display:inline-block;position:relative;top:4px;width:0;height:0;font-size:0;line-height:0;vertical-align:top}
.paginate_complex .prev span{*left:-4px;margin-right:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-left:0}
.paginate_complex .next span{margin-left:1px;border:3px solid;border-top:solid #fff;border-bottom:solid #fff;border-right:0}

/* //UI Object */
.kind_e_tab01 { width:112px; cursor:pointer; background:url(../img/pop/envelope_tab.gif) 0 0px no-repeat; }
.kind_e_tab01.on { background:url(../img/pop/envelope_tab.gif) 0 -34px no-repeat; }
.kind_e_tab02 { width:111px; cursor:pointer; background:url(../img/pop/envelope_tab.gif) -112px 0px no-repeat; }
.kind_e_tab02.on { background:url(../img/pop/envelope_tab.gif) -112px -34px no-repeat; }