@charset "utf-8";

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

/* Common */
html, body {width:100%;height:100%;margin:0;padding:0;}

a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body, button
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins, input,
kbd, 
keygen,
label, legend, li, 
meter,
nav, menu,
object, ol, output, optgroup,
p, pre, progress,
q, 
s, samp, section, select, small, span, source, strike, strong, sub, sup,
table, textarea, tbody, tfoot, thead, th, tr, td, video, tt,
u, ul, 
var {font-family:'Nanum Gothic',AppleGothic,sans-serif;font-size:12px;line-height:160%;word-spacing:-0.1px;}

a:link, a:visited {text-decoration:none}
a:hover, a:focus, a:active {text-decoration:none}

img, input, button, select, textarea {vertical-align:middle}
img, fieldset {border:0}
abbr, acronym {cursor:help;border-bottom:1px dotted black}
table {width:100%;border-spacing:0}/* border-collapse: collapse; ff에서 border="0" 인 경우 문제 발생 */

label {cursor:pointer}

legend, hr, caption {overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;font-size:0;width:0;height:0;line-height:0;margin:0;padding:0;background:none}

.hidden {overflow:hidden;visibility:hidden;position:absolute;top:0;left:0;font-size:0;width:0;height:0;line-height:0;margin:0;padding:0;background:none}

/* Html5 Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block}
mark, rp, rt, ruby, summary, time{ display: inline }

/* clearfix */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}
/* Hides from IE-mac \*/
/**html .clearfix {height:1%}*/
.clearfix {display: block}
/* End hide from IE-mac */

#zs_container {}

#zs_header {width:980px;margin:0 auto;}
#zs_header .zsc_lnb {}
#zs_header .zsc_lnb ul {float:right;list-style:none;margin:0;padding:0;} 
#zs_header .zsc_lnb li {float:left;padding:10px 5px;}
#zs_header .zsc_logo {padding:20px 0;}
#zs_header .zsc_logo h1 {margin:0;padding:0;text-align:center;}

#zs_navimain {width:980px;margin:0 auto;border-bottom:3px solid #0687ff;background:url(/zisum_img/main/bgmenu.gif) repeat-x;}
#zs_navi {position:relative;width:980px;margin:0 auto;background:url(/zisum_img/main/bggnb.gif) repeat-y;}
#zs_navi .zsc_gnb {}
#zs_navi ul {list-style:none;margin:0;padding:0;}
#zs_navi li {float:left;padding:0px;}
#zs_navi .gnb6 {padding:0 0 0 40px;}
#zs_navi .gnb7 {padding:0 0 0 0px;}
#zs_navi .gnb8 {padding:0 0 0 0px;}
#zs_navi ul ul {list-style:none;margin:0;padding:10px 0;}
#zs_navi li li {float:none;text-align:center;padding:5px 10px;}
#zs_navi li li a:link, #zs_navi li li a:visited {color:#333;text-decoration:none}
#zs_navi li li a:hover, #zs_navi li li a:focus, #zs_navi li li a:active {color:#000;font-weight:bold;text-decoration:none}

#zs_navi .sub {display:none;}		
#zs_navi .gnb1 .subbg {position:absolute;left:0;top:48px;width:140px;height:231px;}
#zs_navi .gnb2 .subbg {position:absolute;left:140px;top:49px;width:140px;height:231px;}
#zs_navi .gnb3 .subbg {position:absolute;left:280px;top:49px;width:140px;height:231px;}
#zs_navi .gnb4 .subbg {position:absolute;right:420px;top:49px;width:140px;height:231px;}
#zs_navi .gnb5 .subbg {position:absolute;right:560;top:49px;width:140px;height:231px;}

#zs_wrapper {width:980px;margin:0 auto;}
#zs_wrapper .zsc_hjgdb {padding:40px 0;}
#zs_wrapper .zsc_busan {padding:40px 0 0 0;}
#zs_wrapper .zsc_banner {}
#zs_wrapper .zsc_banner ul {list-style:none;margin:0;padding:0;} 
#zs_wrapper .zsc_banner li {float:left;}
#zs_wrapper .zsc_banner01 {padding-right:10px;padding-bottom:10px;}
#zs_wrapper .zsc_banner02 {padding-bottom:10px;}
#zs_wrapper .zsc_banner03 {padding-right:10px;}
#zs_wrapper .zsc_banner04 {}
#zs_wrapper .zsc_info {padding:40px 0;}
#zs_wrapper .zsc_info ul {list-style:none;margin:0;padding:0;}
#zs_wrapper .zsc_info li {float:left;}
#zs_wrapper .zsc_info div {float:right;width:320px;}
#zs_wrapper .zsc_info p {padding:0 0 20px 45px;text-align:left;}
#zs_wrapper .zsc_info2 {padding:0 0 40px;}
#zs_wrapper .zsc_info2 ul {list-style:none;margin:0;padding:0;}
#zs_wrapper .zsc_info2 li {float:left;padding-left:24px;}
#zs_wrapper .zsc_info2 li.start {float:left;padding-left:0;}


#zs_footer {width:980px;margin:0 auto;}
#zs_footer .zsc_gotop {text-align:center;border-bottom:3px solid #888;}
#zs_footer .zsc_comp {position:relative;width:100%;height:300px;border-bottom:1px solid #888;}
#zs_footer .zsc_comp .zsc_comp01 {position:absolute;top:10px;left:30px;}
#zs_footer .zsc_comp .zsc_comp02 {position:absolute;top:250px;left:30px;}
#zs_footer .zsc_comp ul {position:absolute;top:0;left:690px;list-style:none;margin:0;padding:0;width:290px;height:300px;background-color:#e5e5e5}
#zs_footer .zsc_comp ul li.facebook {text-align:center;padding-top:12px;}
#zs_footer .zsc_comp ul li.instagram {text-align:center;padding-top:12px;}
#zs_footer .zsc_comp ul li.naverblog {text-align:center;padding-top:12px;}

#zs_footer .zsc_footermenu {position:relative;width:100%;height:90px;}
#zs_footer .zsc_footermenu ul {list-style:none;margin:0;padding:0 20px;}
#zs_footer .zsc_footermenu li {float:left;padding:10px;}
#zs_footer .zsc_footermenu .zsc_copy {position:absolute;top:10px;left:650px;}

#zs_visualimg {width:100%;height:152px;background:url(/zisum_img/bg/001.jpg) 0 50% repeat-x;}
.zsc_visualimgm01 {width:100%;height:152px;background:url(/zisum_img/main/bgm01.jpg) 0 50% repeat-x;}
.zsc_visualimgm02 {width:100%;height:152px;background:url(/zisum_img/main/bgm02.jpg) 0 50% repeat-x;}
.zsc_visualimgm03 {width:100%;height:152px;background:url(/zisum_img/main/bgm03.jpg) 0 50% repeat-x;}
.zsc_visualimgm04 {width:100%;height:152px;background:url(/zisum_img/main/bgm06.jpg) 0 50% repeat-x;}
.zsc_visualimgm05 {width:100%;height:152px;background:url(/zisum_img/main/bgm05.jpg) 0 50% repeat-x;}
.zsc_visualimgm09 {width:100%;height:152px;background:url(/zisum_img/main/bgm07.jpg) 0 50% repeat-x;}
.zsc_visualimgm10 {width:100%;height:152px;background:url(/zisum_img/main/bgm08.jpg) 0 50% repeat-x;}
.zsc_visualimgm11 {width:100%;height:152px;background:url(/zisum_img/main/bgm11.jpg) 0 50% repeat-x;}
#zs_pagetitle {border-bottom:2px solid #888;}
#zs_pagecontents {padding:30px 0;}

#zs_pagetitle {position:relative;}
#zs_pagetitle .zsc_title h2 {font-size:28px;color:#444;margin:0;padding:15px 0 0 20px;}
#zs_pagetitle .zsc_title div {font-size:14px;color:#444;margin:0;padding:0 0 15px 20px;}
#zs_pagetitle .zsc_nowplace {position:absolute;right:20px;top:15px;}
#zs_pagetitle .zsc_nowplace span {background:url(/zisum_img/content/icoarrow.gif) 10px 0 no-repeat;padding:1px 0 1px 40px;}
#zs_pagetitle .zsc_nowplace span.nowlast {font-size:14px;font-weight:bold;background:url(/zisum_img/content/icoarrow.gif) 10px 2px no-repeat;}
#zs_pagetitle .zsc_selectmenu {position:absolute;right:20px;top:43px;z-index:999;}
#zs_pagetitle .zsc_selectmenu dl {margin:0;padding:0;list-style:none;width:252px;}
#zs_pagetitle .zsc_selectmenu dt {margin:0;padding:7px 0 7px 20px;width:230px;text-align:left;font-size:14px;font-weight:bold;color:#fff;border:1px solid #e83426;background:#e83426 url(/zisum_img/content/icodown.gif) 94% 6px no-repeat;cursor:pointer;}
#zs_pagetitle .zsc_selectmenu dd {margin:0;padding:0;width:252px;text-align:left;display:none}
#zs_pagetitle .zsc_selectmenu dd ul {margin:0;padding:0;list-style:none;width:252px;}
#zs_pagetitle .zsc_selectmenu dd li {margin:0;padding:10px 0 10px 20px;width:230px;text-align:left;background-color:#fff;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
#zs_pagetitle .zsc_selectmenu dd li span {font-size:12px;font-weight:bold;color:#666;}

#zs_printing {width:835px;margin:0 auto;}



/* css 편집 */
#sit {border:0;}
#sit_ov_wrap {background-color:#fff;}
#sit_siblings {border:0;}
.sct_10 .sct_li {margin:0 20px 30px 0;}
.sct_icon {text-align:center;}
.sct_txt {text-align:center;}
.sct_cost {text-align:center;}
.sct_sns {display:none;}
#sit_star_sns {display:none;}
ul.sanchor li {width:240px;}
ul.sanchor li a {display:block;text-align:center;}
#sct_ct_1 li {float:left;margin:0 10px 10px 0;width:150px}
#sit_inf_open {display:none;}
#sit_inf_explan {text-align:center;}
.sit_ov_tbl {margin-bottom:0;}
#sit_opt_added {border:0;}
#sit_ov h3 {margin:10px;font-weight:bold;}
#sit_opt_added li {margin:0;padding:7px 0;}
#sit_opt_added li div {float:right;margin:0;}
#sit_pvi {
  float: left;
  padding:15px 0 15px 60px;
  width: 320px;
}
#sit_ov {
  position: relative;
  float: right;
  padding: 50px 60px 15px 15px;
  width: 358px;
  height: auto !important;
  height: 355px;
  min-height: 355px;
}
#sod_frm_paysel label {padding-right:10px;font-weight:bold;font-size:110%;}
.sct_10 .sct_icon {margin:0 0 2px}
.sct_10 .sct_txt {margin:0 0 2px;font-weight:bold}
.sct_10 .sct_cost {display:block;margin:0 0 2px;font-weight:bold}
.sct_10 .sct_cost strike {display:block;margin:0 0 0;color:#999;font-weight:normal}
#bo_v_table {display:none;}

#smb_my_ov dt {float:left;padding:7px 10px;width:120px;border-bottom:1px solid #e9e9e9;font-weight:bold}
#smb_my_ov dd {float:left;margin:0;padding:7px 10px;width:328px;border-bottom:1px solid #e9e9e9}

/* 상품 목록 스킨 10 
.sct_10 .sct_li {position:relative;float:left;margin:0 25px 15px 0}
.sct_10 .sct_last {margin:0 0 15px !important}
.sct_10 .sct_clear {clear:both}
.sct_10 .sct_a {display:inline-block;position:relative;text-decoration:none}
.sct_10 .sct_a:focus, .sct_10 .sct_a:hover {text-decoration:none}
.sct_10 .sct_img {margin:0 0 10px}
.sct_10 .sct_id {display:block;margin:0 0 5px}
.sct_10 .sct_basic {margin:0 0 10px}
.sct_10 .sct_cost {display:block;margin:0 0 10px;font-weight:bold}
.sct_10 .sct_cost strike {display:block;margin:0 0 5px;color:#999;font-weight:normal}
.sct_10 .sct_sns {}
*/