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

@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: normal;
  src: url('../css/fonts/NanumGothic.eot'); 
  src: local('þ'), url('../css/fonts/NanumGothic.woff') format('woff'), url('../css/fonts/NanumGothic.ttf') format('truetype'); 
}

@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight:bold;
  src: url('../css/fonts/NanumGothicBold.eot');     
  src: local('þ'), url('../css/fonts/NanumGothicBold.woff') format('woff'), url('../css/fonts/NanumGothicBold.ttf') format('truetype'); 
}


body { margin:0; padding:0; font-family:"나눔고딕",'NanumGothic',sans-serif; font-size:12px; }
div, ul, ol, li, dl, dt, dd, form, fieldset, select, input, button, p, h1, h2, h3, h4, h5, h6, blockquote, iframe, th, td { margin:0; padding:0; }
img { border:0; vertical-align:middle;}
li { list-style:none; }
button { background:transparent; cursor:pointer; vertical-align:middle; border:none; margin:0; }

legend, caption, hr { display:none; }

a:link { text-decoration:none; color:inherit;}
a:visited { text-decoration:none;  color:inherit;}
a:hover { text-decoration:none;  color:inherit;}
a:active { text-decoration:none;   color:inherit;}

#pop_wrap { margin:0 0px 30px;}
#category_n_wrap { width:100%; margin:0 0 30px;}
.popup_title { margin:0 0 20px ; padding:20px 10px; background:#2977c0;}
.popup_title strong { color:#fff; font-size:20px; }
.popup_title p {color:#fff; margin-top:5px; }

.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 { 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:110px; 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 { width:200px; border:1px solid #ccc; padding:10px; }
.sample_view_img img { cursor:pointer; /* width:100%; */ max-width: 450px; max-height: 400px;}
.sample_view_img:hover { border:1px solid #000; }
.sample_preview_list { overflow:hidden;  width:720px; margin:0 auto;}
.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;  }
.comm_tab { width:101px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 0px no-repeat; color:#fff; }
.comm_tab_end  { width:102px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 0px no-repeat; color:#fff; }
.comm_tab_on { width:101px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 -34px no-repeat; color:#4c4c4c; }
.comm_tab_end_on  { width:102px; cursor:pointer; background:url(../img/comm/comm_tab.gif) 0 -34px no-repeat; color:#4c4c4c; }

/* 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;  }


/* button */
.info_btns { overflow:hidden;  line-height:40px; }
.info_btns a { color:#fff; text-align:center; width:110px; height:40px; font-weight:bold; display:inline-block; padding:0px 0 0; line-height:40px; cursor:pointer; }
.info_btns button { color:#fff; text-align:center; width:110px; height:40px; font-weight:bold; display:inline-block; padding:0px 0 0px;}



/* 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; }