@charset "utf-8"; @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* 초기화 */
html {overflow-y:scroll}
body {margin:0; padding:0; font-size:0.75em; font-family:'Nanum Gothic', sans-serif; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0; padding:0; border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em; font-family:'Nanum Gothic', sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden}
ul,li,ol {padding:0; margin:0; list-style:none; }
label, input, button, select, img {vertical-align:middle}
input, button {margin:0; padding:0; font-family:'Nanum Gothic', sans-serif; font-size:1em}
button,input[type="submit"] {cursor:pointer}
textarea, select {font-family:'Nanum Gothic', sans-serif; font-size:1em}
select {margin:0}
p {margin:0; padding:0; word-break:break-all}
hr {display:none}
pre {overflow-x:scroll; font-size:1.1em}
a:link, a:visited {color:#000; text-decoration:none}
a:hover, a:focus, a:active {color:#000; }
.red {color:#ef3939 !important}
/* 팝업레이어 */
#hd_pop {z-index:1000; position:relative; margin:0 auto; width:1100px; height:0}
#hd_pop h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
.hd_pops {position:absolute; border:1px solid #e9e9e9; background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0; background:#000; color:#fff; text-align:right}
.hd_pops_footer button {margin-right:5px; padding:5px 10px; border:0; background:#393939; color:#fff}


/*-------------------------------------------------
 상단 레이아웃 
-------------------------------------------------*/

/* 해더 */
#hd {position:relative; min-width:1100px; background:white ; z-index:999; width:100%; height:90px; }
#hd_h1 {position:absolute; font-size:0; line-height:0; overflow:hidden}

#hd_wrapper {position:relative; margin:0 auto; height:90px; width:1100px; zoom:1}
#hd_wrapper:after {display:block; visibility:hidden; clear:both; content:""; height:105px; overflow:hidden}

#logo {position:absolute; margin-top:19px; left:50%; margin-left:-100px; width:200px; height:50px; text-align:center; line-height:50px}

#hd_qk {position:absolute; top:35px; right:0; }
#hd_qk:after {display:block; visibility:hidden; clear:both; content:""}
#hd_qk>button {float:left; margin-left:5px; background:url(../img/icon.png) no-repeat 12px 10px; width:40px; height:40px; border:none; text-indent:-9999px; overflow:hidden}
#hd_qk button.qk_sch {background-position:-43px 10px }
#hd_qk button.qk_cart {background-position:-97px 10px }

#hd_sch {position:absolute; margin:20px; margin-top:26px; padding:0; border:0}
#hd_sch legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden}
#hd_sch #sch_stx {padding-left:5px; width:100px; height:24px; border:0; background:#fff; line-height:1.9em !important; line-height:1.6em}
#hd_sch form {width:230px; position:relative; background:#fdfdfd; border:1px solid #ccc; box-sizing:border-box; }
#hd_sch #sch_submit {background:url(../img/sch_btn.png) no-repeat 50% 50%; background-color:#ccc; border:none; width:38px; height:38px; text-indent:-89999px; overflow:hidden; float:right}
#hd_sch #sch_str {border:none; width:190px; height:38px; text-indent:10px; color:#ccc; background:none}


/* 탑메뉴 */
#hd_top {position:relative;  width:100%; height:30px; overflow:hidden; border-bottom:1px solid #eee; }
#hd_top .hd_top_wrapper {position:relative; margin:0 auto; padding:0; height:30px; width:1100px; zoom:1; }

#tna {position:absolute; left:0; top:8px; }
#tna li {float:left; padding:0}
#tna li i {color:#bbb; font-size:14px; }
#tna li a {color:#bbb; font-size:11px; line-height:12px; vertical-align:middle; }
#tna li a:hover {color:#ef3939; }
 
#tnb {position:absolute; right:0; top:9px; font-size:11px; }
#tnb li {float:left; }
#tnb h3 {position:absolute; font-size:0; line-height:0; overflow:hidden}
#tnb ul {zoom:1}
#tnb ul:after {display:block; visibility:hidden; clear:both; content:""}
#tnb ul li {padding:0 7px; border-left:1px solid #eee; line-height:12px}
#tnb ul li:first-child {border:none}
#tnb a {color:#bbb; line-height:12px; }
#tnb a:hover {color:#ef3939; } 



/*-------------------------------------------------
 상단메뉴 - gnb
-------------------------------------------------*/

/* gnb 1차 */
#menu_line {position:relative; width:100%; height:50px; background:#ef3939; }

#gnb {position:relative; max-width:1100px; margin:0 auto; }
#gnb h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
#gnb li.gnb_1dli {position:relative; float:left; font-size:15px; font-weight:bold; padding:0; line-height:50px; height:50px; }
#gnb li.gnb_1dli > a {position:relative; display:block; color:#fff; padding:0px 30px; min-width:110px; text-align:center; line-height:50px;}
#gnb li.gnb_1dli_on > a,
#gnb li.gnb_1dli>a:hover {background:#ef3939; color:#fff;}
#gnb li.gnb_1dli:hover {background-position:center; background-size:auto}
.onon {color:#f30 !important;}

/* gnb 2차 */
.gnb_2dul {z-index:1000; position:absolute; margin-top:14px; display:none; border:1px solid #ef3939; line-height:39px; -webkit-box-shadow:0 3px 3px -3px #777; -moz-box-shadow:0 3px 3px -3px #777; box-shadow:0 6px 7px -6px #777; }
.gnb_2dul:before {content: ''; position: absolute; left:55px; margin:0; padding:0; border-style: solid; border-width: 0 6px 6px; border-color: #fff transparent; display: block; width: 0; z-index: 1; top: -6px;}
.gnb_2dul li {padding:0 20px; font-size:0.857em; }
.gnb_2dul li a {color:#666666}
.gnb_2dul li:hover {background:#f7f7f7}
.gnb_2dul li:hover a {color:#ef3939}
.gnb_1dli_over .gnb_2dul, 
.gnb_1dli_over2 .gnb_2dul {display:block; top:35px; left:0; min-width:150px; background:#fff}

 
/* 중간 레이아웃 */
#wrapper {z-index:5; margin:0 auto; width:100%; position:relative; padding-top:50px; zoom:1}
#wrapper:after {display:block; visibility:hidden; clear:both; content:""}
#wrapper_title {font-size:1.5em; font-weight:bold; padding:20px 0 20px; /*border-bottom:1px solid #999*/}

#main_wrap {position:relative; width:1100px; height:auto; margin:40px auto; margin-bottom:20px}
/*#main_wrap > .menu_bn_wrap {position:relative; width:300px; height:335px; float:left; background-position:center center; margin:30px 0}
#main_wrap > #menu_bn1 {background:url(../img/main_menu1.jpg) no-repeat}
#main_wrap > #menu_bn2 {background:url(../img/main_menu2.jpg) no-repeat; margin-left:50px; margin-right:50px}
#main_wrap > #menu_bn3 {background:url(../img/main_menu3.jpg) no-repeat}
#main_wrap > #menu_bn4 {background:url(../img/main_menu4.jpg) no-repeat}
#main_wrap > #menu_bn5 {background:url(../img/main_menu5.jpg) no-repeat; margin-left:50px; margin-right:50px}
#main_wrap > #menu_bn6 {background:url(../img/main_menu6.jpg) no-repeat}*/
#main_wrap li {float:left; width:25%; height:auto; margin:30px auto}
#main_wrap li:last-child {margin-right:0}

/* aside wrapper */
#aside {float:left; margin:0 10px 0 0; width:150px}

#container {position:relative; width:1100px; margin:0 auto; min-height:500px; height:auto !important; height:500px; background:#fff; ; zoom:1}
#container:after {display:block; visibility:hidden; clear:both; content:""}

/* 하단 레이아웃 */
#ft {clear:both; padding-bottom:20px; min-width:1100px; margin-top:10px; height:auto; border-top:1px solid #666}
#ft:after {display:block; visibility:hidden; clear:both; content:""}
#ft_menu_wr {width:1100px; margin:0 auto; color:#aaa; padding:10px 0; border-bottom:1px solid #ddd}
#ft_menu_wr a.left {margin-right:10px}
#ft_menu_wr a.right {margin-left:10px; float:right}
#ft h1 {position:absolute; font-size:0; line-height:0; overflow:hidden}
#ft .ft_wr {position:relative; margin:0 auto; width:1100px; margin-top:20px}
#ft .ft_cp {float:left; width:160px; line-height:18px}
#ft .ft_cp a {color:#ee1e1e; font-weight:bold; font-size:12px}
#ft .ft_if, #ft .ft_cs {line-height:18px; padding-left:40px; border-left:1px solid #ddd}
#ft .ft_cs p {font-size:12px}
#ft .ft_copy {clear:both; color:#ee1e1e; padding-top:40px}

#ft .ft_if:first-child, .ft_cs:first-child {color:#999999}

#ft_logo {margin-top:35px; opacity:0.8}

#ft_logo {width:200px; float:left; }
#ft .ft_cs {width:320px; float:right; text-align:left}
#ft .ft_if {width:440px; float:left; margin-left:30px}

#ft, #ft_menu_wr a, #ft .ft_cs span a {color:#666; }


/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute; top:0; left:0; width:1px; height:1px; overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important; position:absolute; top:0; left:0; margin:0 !important; padding:0 !important; font-size:0; line-height:0; border:0 !important; overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%; height:75px; background:#21272e; color:#fff; font-size:2em; font-weight:bold; text-align:center; text-decoration:none; line-height:3.3em}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%; height:auto}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block; position:relative}
#captcha legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden}
#captcha #captcha_img {width:100px; height:41px; border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute; top:0; left:101px; ; margin:0; padding:0; width:23px; height:22px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer}
#captcha #captcha_mp3 span {position:absolute; top:0; left:0; width:23px; height:22px; background:url('../../../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute; top:21px; left:101px; margin:0; padding:0; width:23px; height:22px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer}
#captcha #captcha_reload span {position:absolute; top:0; left:0; width:23px; height:22px; background:url('../../../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {margin:0 0 0 25px; padding:0 5px; width:70px; height:41px; border:1px solid #b8c9c2; background:#f7f7f7; font-size:1.333em; font-weight:bold; text-align:center; line-height:2.8em}
#captcha #captcha_info {display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px; text-align:right}
.btn_cke_sc {display:inline-block; padding:0 10px; height:23px; border:1px solid #ccc !important; background:#fafafa !important; color:#000 !important; text-decoration:none !important; line-height:1.9em; vertical-align:middle}
.cke_sc_def {margin:5px 0 5px; padding:10px; border:1px solid #ccc; background:#f2f5f9; text-align:center}
.cke_sc_def dl {margin:0 0 5px; text-align:left; zoom:1}
.cke_sc_def dl:after {display:block; visibility:hidden; clear:both; content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left; margin:0; padding:5px 0; border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%; font-weight:bold}
.cke_sc_def dd {width:30%}
.cke_sc_def .btn_cke_sc_close {background:#333; color:#fff; border:none; padding:5px}

/* Mobile화면으로 */
#mobile_cng {display:block; margin:0.3em; padding:0.5em 0; border:1px solid #eee; border-radius:2em; background:#fff; color:#000; font-size:2em; text-decoration:none; text-align:center}

/* 목록 바로가기 */
.sanchor {margin:0 0 10px; padding:0; zoom:1; border-bottom:1px solid #e9e9e9; }
.sanchor:after {display:block; visibility:hidden; clear:both; content:""}
.sanchor li {float:left; margin-left:-1px; list-style:none}
.sanchor a {display:inline-block; padding:0 10px; height:30px; text-decoration:none; line-height:2.6em; color:#aaa; font-size:12px}
.sanchor a:focus, .sanchor a:hover {color:#194d96; text-decoration:none; font-weight:900}
.sanchor a.sanchor_on {color:#666 !important; text-decoration:none; font-weight:900; /*background:url('../img/inf_menu_bg.gif')*/; border-bottom:2px solid #666}

/* 콘텐츠별 스타일 */
.cnt_cmt {display:inline-block; margin:0 0 0 3px; font-weight:bold; color:#ee1e1e}

/* 버튼 */
a.btn01 {display:inline-block; padding:8px; border:1px solid #ee1e1e; background:#fff; color:#ee1e1e; text-decoration:none; vertical-align:middle}
a.btn01:focus, a.btn01:hover {background:#fff}
button.btn01 {display:inline-block; margin:0; padding:8px; border:1px solid #ee1e1e; background:#fff; color:#ee1e1e; text-decoration:none}
button.btn01:focus, button.btn01:hover {background:#fff}

a.btn02 {display:inline-block; padding:8px; border:1px solid #888; background:#777; color:#fff; text-decoration:none; vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none; background:#333}
button.btn02 {display:inline-block; margin:0; padding:9px; border:none; background:#ee1e1e; color:#fff; text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:9px; border:0; background:#ee1e1e; color:#fff; letter-spacing:-0.1em; cursor:pointer}
.btn_submit:focus, .btn_submit:hover {text-decoration:none; background:#214263}
fieldset .btn_submit {padding:0 8px; height:30px; line-height:1em}

a.btn_cancel {display:inline-block; padding:8px; border:1px solid #ee1e1e; background:#fff; color:#ee1e1e; text-decoration:none; vertical-align:middle}
button.btn_cancel {display:inline-block; padding:8px; border:1px solid #ee1e1e; background:#fff; color:#ee1e1e; vertical-align:top; text-decoration:none}

a.btn_frmline {display:inline-block; padding:0 8px; height:30px; line-height:30px; border:0; background:#333; color:#fff; text-decoration:none; vertical-align:middle} /* 우편번호검색버튼 등 */
button.btn_frmline {padding:0 8px; height:30px; border:0; background:#333; color:#fff; text-decoration:none; vertical-align:middle} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:30px}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block; padding:8px; border:1px solid #ee1e1e; background:#fff; color:#ee1e1e; text-decoration:none; vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {background:#f4f4f4}
a.btn_b02 {display:inline-block; padding:8px; border:1px solid #214263; background:#ee1e1e; color:#fff; text-decoration:none; vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none; background:#214263}
a.btn_admin {display:inline-block; padding:8px; border:1px solid #e8180c; background:#e8180c; color:#fff; text-decoration:none; vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

/* 선택수정 버튼 */
.btn_list {margin:0 auto; width:93%}
.btn_list input, .btn_list button {background:none repeat scroll 0 0 #617D46; border:0 none; color:#FFFFFF; height:28px; line-height:2.2em; padding:0 15px; vertical-align:middle}

/* 기본테이블 */
.tbl_wrap table {width:100%; border-collapse:collapse; border-spacing:0}
.tbl_wrap caption {padding:10px 0; font-weight:bold; text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0; font-size:0; line-height:0; overflow:hidden}
.tbl_head01 thead th {padding:12px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#f5f5f5; color:#383838; font-size:0.95em; text-align:center}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center}
.tbl_head01 tbody th {padding:8px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#f5f5f5; }
.tbl_head01 td {padding:8px 5px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; line-height:1.5em; word-break:break-all; }
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0; font-size:0; line-height:0; overflow:hidden}
.tbl_head02 thead th {padding:5px 0; border-top:1px solid #ddd; border-bottom:1px solid #e6e6e6; background:#f5f5f5; color:#383838; font-size:0.95em; text-align:center; letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center}
.tbl_head02 tbody th {padding:5px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; line-height:1.4em; word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%; border-collapse:collapse; border-spacing:0}
.tbl_frm01 th {width:150px; padding:7px 13px; border-top:1px solid #e9e9e9; border-left:0; background:#f7f7f7; text-align:left}
.tbl_frm01 td {padding:10px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec; background:#f7f7f7; color:#000; vertical-align:middle; line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}

.frm_input {height:28px; text-indent:5px; min-width:80px}
.tbl_frm01 textarea {width:98%; height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_address {margin-top:5px}
.tbl_frm01 .frm_file {display:block; margin-bottom:5px}
.tbl_frm01 .frm_info {display:block; padding:0 0 5px; line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important; text-align:center}
.empty_list {padding:20px 0 !important; text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {width:40px}
.grid_2 {width:90px}
.grid_3 {width:140px}
.grid_4 {width:190px}
.grid_5 {width:240px}
.grid_6 {width:290px}
.grid_7 {width:340px}
.grid_8 {width:390px}
.grid_9 {width:440px}
.grid_10 {width:490px}
.grid_11 {width:540px}
.grid_12 {width:590px}
.grid_13 {width:640px}
.grid_14 {width:690px}
.grid_15 {width:740px}
.grid_16 {width:790px}
.grid_17 {width:840px}
.grid_18 {width:890px}

/* 테이블 항목별 정의 */
.td_board {width:120px; text-align:center}
.td_chk {width:30px; text-align:center}
.td_date {width:60px; text-align:center}
.td_datetime {width:150px; text-align:center}
.td_default {width:60px; text-align:center}
.td_dvr {width:50px; text-align:center}
.td_group {width:100px; text-align:center}
.td_imgsmall {width:60px; text-align:center}
.td_num {width:50px; text-align:center}
.td_numbig {width:100px; text-align:center !important}
.td_nick {width:100px; text-align:center}
.td_name {width:100px; text-align:left}
.td_namesmall {width:50px; text-align:left}
.td_mb_id {width:100px; text-align:center}
.td_mng {width:80px; text-align:center}
.td_mngsmall {width:50px; text-align:center}
.td_statsmall {width:50px; text-align:center}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px; padding:20px; border-top:3px solid #4e5d60; border-bottom:1px solid #e9e9e9; background:#fff; font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em; line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0; padding:0 20px; border-bottom:1px solid #455255; background:#484848; list-style:none; zoom:1}
.new_win .win_ul:after {display:block; visibility:hidden; clear:both; content:""}
.new_win .win_ul li {float:left; margin-left:-1px}
.new_win .win_ul a {display:block; padding:10px 10px 8px; border-right:1px solid #455255; border-left:1px solid #455255; color:#fff; font-family:dotum; font-weight:bold; text-decoration:none}
.new_win .win_desc {margin:0 20px}

.new_win .win_btn {clear:both; padding:20px; text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block; padding:0 10px; height:30px; border:0; background:#4b545e; color:#fff; line-height:2em; cursor:pointer}
.new_win .win_btn input {padding:0 10px; height:30px; line-height:2em}
.new_win .win_btn a {display:inline-block; padding:0 10px; height:30px; background:#4b545e; color:#fff; vertical-align:middle; line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 내용관리 */
#ctt {margin:10px 0; padding:10px; border:1px solid #e9e9e9}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute; font-size:0; line-height:0; overflow:hidden}
.ctt_img {text-align:center}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto; width:500px}
#validation_check h1 {margin-bottom:20px; font-size:1.3em}
#validation_check p {margin-bottom:20px; padding:30px 20px; border:1px solid #e9e9e9; background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block; position:relative; font-weight:normal}
.sv_wrap .sv {z-index:1000; display:none; margin:5px 0 0; border:1px solid #283646; background:#111}
.sv_wrap .sv a {display:inline-block !important; margin:0 !important; padding:3px !important; width:94px; border-bottom:1px solid #283646; color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none !important}
.sv_on {display:block !important; position:absolute; top:10px; left:20px; width:auto; height:auto !important}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both; margin:30px 0 20px; padding:0 0; text-align:center; font-size:1.083em}
.pg {}
.pg_page, .pg_current {display:inline-block; padding:0 8px; height:30px; color:#000; letter-spacing:0; line-height:30px; vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {text-decoration:none}
.pg_start {background:url(../img/page_btn.gif) no-repeat 0 0 ; text-indent:-9999px; overflow:hidden; width:30px; height:30px; border:1px solid #eee; padding:0}
.pg_prev {background:url(../img/page_btn.gif) no-repeat -30px 0; text-indent:-9999px; overflow:hidden; width:30px; height:30px; border:1px solid #eee; padding:0}
.pg_end {background:url(../img/page_btn.gif) no-repeat -93px 0; text-indent:-9999px; overflow:hidden; width:30px; height:30px; border:1px solid #eee; padding:0}
.pg_next {background:url(../img/page_btn.gif) no-repeat -63px 0; text-indent:-9999px; overflow:hidden; width:30px; height:30px; border:1px solid #eee; padding:0}
.pg_current {display:inline-block; margin:0 4px 0 0; color:#ee1e1e; text-decoration:underline; font-weight:bold; font-weight:bold}

/* ########## 쇼핑몰 컨텐츠 ########## */
/* 인덱스 이미지 출력 */
#sidx_img {margin:0 0 20px}
#sidx_img img {max-width:100%; height:auto}

/* 마이페이지 */
#smb_my {}

#smb_my_ov {margin:0 0 20px}
#smb_my_ov h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
#smb_my_act {margin:0 0 10px; ; zoom:1}
#smb_my_act:after {display:block; visibility:hidden; clear:both; content:""}
#smb_my_act ul {float:right; margin:0; padding:0; list-style:none}
#smb_my_act li {float:left; margin:0 0 0 4px}
#smb_my_ov dl { margin:0; zoom:1; color:#3d3121; border:3px solid #ee1e1e; padding:5px 40px}
#smb_my_ov dl:after {display:block; visibility:hidden; clear:both; content:''}
#smb_my_ov dt {float:left; padding:10px; width:100px; border-bottom:1px solid #ebebeb; font-weight:bold; background:url(../img/bullet.gif) no-repeat 0 ; padding-left:8px; }
#smb_my_ov dd {float:left; margin:0; padding:10px; width:199px; border-bottom:1px solid #e3e3e3; }
#smb_my_ov dd a {color:#ee1e1e; font-weight:bold}
#smb_my_ovaddt {border-bottom:0 !important}
#smb_my_ovaddd {width:800px !important; border-bottom:0 !important}

#smb_my_od {margin:0 0 20px}
#smb_my_od td {text-align:center}
#smb_my_od h2 {margin:0 0 10px}

#smb_my_wish h2 {margin:0 0 10px}

.smb_my_more {text-align:right}

.smb_my_img {width:90px; text-align:center}

/* 장바구니 */
#sod_bsk {}
.sod_img {width:90px; text-align:center}
.sod_opt {margin:5px 0; border-bottom:0; border-top:1px dotted #aaa; }
.sod_opt ul {margin:0; padding:0; list-style:none}
.sod_opt li {padding:3px; position:relative; background:#fbfbfb; padding:5px 10px; color:#888; font-size:0.92em}

.sod_option_btn .mod_options {margin:0; padding:5px 0; border:1px solid #ee1e1e; color:#ee1e1e; cursor:pointer; background:none; width:100%}
.sod_option_btn .mod_options:hover {background:#ee1e1e; color:#fff}






.sod_opt li.photo-opt-first {border-top:2px dashed #777; }
.sod_opt li.photo-opt-first .photo-opt-date {float:right; margin-left:3px; color:#999; font-size:10px; } 

.sod_opt a {float:right; margin-left:3px; } 
.sod_opt .btn_submit {padding:4px; border-radius:2px; font-size:11px; border:0; background:#aaa; color:#fff; letter-spacing:0; cursor:pointer}
.sod_opt .btn_submit:hover {background:#777; }







#sit_opt_added {margin:0; padding:0; border-bottom:2px solid #505050; background:#fff; list-style:none}
#sit_opt_added li {padding:10px 20px; border-top:1px solid #ddd; background:#fcfbf8; overflow:hidden; line-height:25px}
#sit_opt_added li:after {display:block; visibility:hidden; clear:both; content:""}



#sod_bsk_list {position:relative}
#sod_bsk_list #mod_option_frm h3 {margin-bottom:5px}
#sod_bsk_list #mod_option_frm {z-index:10000; position:absolute; top:0; left:100px; padding:20px; width:500px; height:auto !important; max-height:500px; border:1px solid #000; background:#fff; overflow-y:scroll; overflow-x:none; -webkit-box-shadow:0 3px 3px -3px #777; -moz-box-shadow:0 3px 3px -3px #777; box-shadow:0 6px 7px -6px #777; }
#sod_bsk_list #mod_option_frm table {background:#fafafa; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
#sod_bsk_list #mod_option_frm table td,#sod_bsk_list #mod_option_frm table th {border:none; text-align:left; padding:10px}
#sod_bsk_list #mod_option_frm table td select {width:100%}


#sod_bsk_tot {margin:0 0 20px; background:#f1f1f1; zoom:1}
#sod_bsk_tot:after {display:block; visibility:hidden; clear:both; content:""}
#sod_bsk_tot dt, #sod_bsk_tot dd {float:left; padding:12px 0; border-bottom:1px solid #e9e9e9}
#sod_bsk_tot dt {padding-left:2%; width:50%; font-weight:bold}
#sod_bsk_tot dd {margin:0; padding-right:2%; width:50%; text-align:right}
.sod_bsk_cnt {background:#ee1e1e; color:#fff}
.sod_bsk_point {border-bottom:0 !important}

#sod_bsk_act {text-align:center}
#sod_bsk_act a {padding:12px; }
#sod_bsk_act button {padding:12px; }
#sod_bsk_act button.btn_submit {padding:13px}
#sod_bsk_act p {margin:0 0 10px}

#sit_tot_price {text-align:right; font-size:1.5em; font-weight:bold; position:relative; color:#ee1e1e}
#sit_tot_price span {font-size:12px; color:#666; font-weight:bold; position:absolute; top:0; left:0}

/*수량조절*/
#sit_opt_added div {width:55px; height:auto; border:1px solid #ddd; position:relative; float:right; margin-right:5px}
#sit_opt_added div .frm_input {background:#fff; float:left; border:none; text-align:center; height:23px; width:37px; min-width:37px}
#sit_opt_added div .btn_frmline {background:url(../img/qty_del.gif) no-repeat; width:15px; height:15px; margin-left:5px; position:absolute; top:5px; right:-20px; text-indent:-9999px; overflow:hidden }
#sit_opt_added div .sit_qty_plus {background:url(../img/qty.gif) no-repeat #fff 50% 4px; top:0px; right:0; border-bottom:1px solid #ddd; border-left:1px solid #ddd; width:19px; height:12px}
#sit_opt_added div .sit_qty_minus {background:url(../img/qty.gif) no-repeat #fff 50% -9px; top:12px; right:0; border-bottom:1px solid #ddd; border-left:1px solid #ddd; width:19px; height:12px}
#sit_opt_added div .sit_opt_del {background:url(../img/qty_del.gif) no-repeat; width:15px; height:15px; margin-left:5px; position:absolute; top:5px; right:-20px}

/* 위시리스트 */
#sod_ws {}
.sod_ws_img {width:90px; text-align:center}
#sod_ws_act {text-align:center}

/* 주문서 작성 */
.display_setup_message {margin:0 0 10px; padding:15px; border:1px solid #fccdff; background:#ffeef9}
.display_setup_message strong {display:block; margin:0 0 10px}

#sod_frm {}
#sod_frm h2 {color:#ee1e1e; border-top:2px solid #ee1e1e; padding:15px; background:#fcfbf8}

#sod_frm p {margin:0 0 10px}

#sod_list {position:relative}
#sod_list #cp_frm {z-index:10000; position:absolute; top:0; left:99px; padding:20px; width:500px; height:auto !important; height:500px; max-height:500px; border:1px solid #000; overflow-y:scroll; overflow-x:none; -webkit-box-shadow:0 3px 3px -3px #777; -moz-box-shadow:0 3px 3px -3px #777; box-shadow:0 6px 7px -6px #777; background:#fff}
#sod_list #cp_frm td {text-align:left; }
#sod_list #cp_frm .td_numbig,#sod_list #cp_frm .td_mngsmall {text-align:center !important}
#sod_frm_orderer {margin:20px 0 40px; }
 #sod_frm_taker {margin-top:20px}
#sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon {display:inline-block; margin:5px 0 0}

#sod_frm_same {margin:0 0 10px}

#sod_frm #od_memo {height:50px}

#sod_frm p#sod_frm_pt {margin:10px 0 5px}
#sod_frm #sod_frm_pt_alert {margin:0 0 10px; text-align:center}

#sod_frm #display_pay_process {text-align:center}
#sod_frm #display_pay_process span {display:block; margin:5px 0 0}

#sod_frm_pay {position:relative; clear:both}
#sod_frm_pay h2 {margin:0}

#sod_frm_pay .tbl_wrap th {width:auto !important; font-weight:bold; text-align:left; width:150px !important; border-bottom:1px solid #e9e9e9 }
#sod_frm_pay .tbl_wrap td {padding:10px !important; border-top:1px solid #e9e9e9 !important; border-bottom:1px solid #e9e9e9 !important; line-height:1.5em !important; word-break:break-all !important}
#sod_frm_pay_info {margin:0 0 10px}
#sod_frm_pay .tbl_wrap td.td_numbig {text-align:center !important}
#sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_frm {z-index:10000; position:absolute; top:0; left:99px; padding:20px; width:500px; height:auto !important; height:500px; max-height:500px; border:1px solid #000; overflow-y:scroll; background:#fff}
#od_coupon_frm .btn_submit {padding:5px}
#sod_frm_pay #sc_coupon_frm th, #sod_frm_pay #od_coupon_frm th {text-align:center}
#sod_frm_paysel {margin:0 0 20px; padding:10px; border:1px solid #e9e9e9; background:#f2f5f9; text-align:center}
#sod_frm_paysel legend {position:absolute; font-size:0; line-height:0; overflow:hidden}
#sod_frm_paysel .KPAY {background:url('../../../img/kpay_logo.png') no-repeat; padding-left:37px; display:inline-block}
#sod_frm_paysel .PAYNOW {background:url('../../../img/paynow_logo.png') no-repeat; padding-left:46px; display:inline-block}
#sod_frm_paysel .PAYCO {background:url('../../../img/payco_logo.png') no-repeat 1px; padding-left:46px; display:inline-block}
.kakaopay_icon {background:url('../../../img/kakao.png') no-repeat ; height:21px; width:74px; display:inline-block; overflow:hidden; text-indent:-999px}


#settle_bank {margin:10px 0 0}

#sod_frm_escrow {margin:30px 0 0}

#display_pay_process {padding:20px; text-align:center}
#sod_list .cp_cancel {background:#999}
#display_pay_button {clear:both}
#display_pay_button .btn_submit {padding:13px}
#display_pay_button .btn01 {padding:12px}

#od_coupon_cancel,#sc_coupon_cancel {background:#999}

/* 배송지 목록 */
#sod_addr .td_numbig {text-align:center !important; }
#sod_addr .td_mng button {width:40px; background:#333; color:#fff; border:none; height:28px}
#sod_addr .td_mng a {width:40px; color:#333; background:#eee; display:inline-block; height:28px; line-height:28px}

/* 주문내역 */
#sod_v {}
#sod_v .basic_tbl {text-align:center}
#sod_v_info {margin:0 0 10px}
#sod_v td {text-align:center}

/* 주문상세내역 */

#sod_fin {}

#sod_fin_no {margin:0 0 20px; font-size:1.05em; padding:10px; border:2px solid #ee1e1e; color:#ee1e1e}
#sod_fin_no strong {margin-left:5px}

#sod_sts_wrap {margin:0 0 10px; text-align:right}
#sod_sts_explan {display:none}

#sod_fin_legend {padding:10px ; border:1px solid #e9e9e9; text-align:left; zoom:1}
#sod_fin_legend:after {display:block; visibility:hidden; clear:both; content:''}
#sod_fin_legend dt {clear:both; float:left; margin:0 0 5px; width:50px; font-weight:bold}
#sod_fin_legend dd {float:left; margin:0}

#sod_fin #sod_bsk_tot {border-bottom:0 !important}

#request_form {position:relative}
#request_form div {display:none; z-index:10000; position:absolute; top:23px; left:0; padding:20px 0; width:520px; border:1px solid #000; background:#f2f5f9; text-align:center}
#request_form .frm_input {width:300px; background:#fff !important}
#request_form .btn_frmline, #request_form .btn_cancel {vertical-align:middle !important}
#request_form .btn_frmline {padding:0 10px; line-height:1.6em}

#sod_req_btn {margin:0 0 10px}
#sod_req_btn button {background:#626870}

#sod_req_log {margin:0 0 20px}
#sod_req_log ul {margin:0; padding:0; border-top:1px solid #e9e9e9; background:#f2f5f9; list-style:none}
#sod_req_log li {padding:10px 10px 20px; border:1px solid #e9e9e9; border-top:0}
#sod_req_log h3 {margin:20px 0 10px}
.sod_req_log_view table {margin:0}
.sod_req_log_view caption {padding:10px 0; font-size:1em; font-weight:bold; text-align:left; line-height:1em}
.sod_req_log_view caption span {color:#ff3061}
.sod_req_log_view th {border-top:1px solid #e9e9e9; background:#f7f7f7 !important; color:#000 !important; text-align:center}
.sod_req_log_view td {background:#fff; color:#000}
.sod_req_log_view p {padding:10px 15px; border-bottom:1px solid #e9e9e9; background:#fff; color:#000}
.sod_req_log_view .sod_req_it {width:270px}
.sod_req_log_view button {margin:0; padding:0; border:0; background:transparent; color:#ff3061; text-decoration:underline; vertical-align:middle; cursor:pointer}

#sod_fin_list h2 {margin:0 0 10px}
#sod_fin_list td {height:30px; padding:8px; border:1px solid #e9e9e9}
#sod_fin_list th {; padding:8px; border:1px solid #e9e9e9}

/*#sod_fin_view {border:1px solid #e9e9e9}*/
#sod_fin_view h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
#sod_fin_view h3 {margin:0 0 10px}
#sod_fin_view .basic_tbl th {padding:0 10px; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#f2f5f9; text-align:left}



#sod_fin_dvr .dvr_link {color:#ff3061; text-decoration:underline}

#sod_fin_tot {margin:0 0 30px; padding:10px; border:1px solid #e9e9e9; border-top:0; background:#565e60; color:#fff}
#sod_fin_tot h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
#sod_fin_tot ul {margin:0; padding:0; list-style:none}
#sod_fin_tot li {padding:10px; border-bottom:1px solid #6f7a7d; zoom:1}
#sod_fin_tot li:after {display:block; visibility:hidden; clear:both; content:""}
#sod_fin_tot #alrdy {border-bottom:0 !important}
#sod_fin_tot strong {float:right}

#sod_fin_cancel {text-align:center}
#sod_fin_cancel h2 {position:absolute; font-size:0; line-height:0; overflow:hidden}
#sod_fin_cancel button {padding:10px; border:0; background:#ff3600; color:#fff}
#sod_fin_cancelfrm {display:none; margin:10px 0 0}
#sod_fin_cancelfrm .frm_input {background:#fff}
#sod_fin_cancelfrm .btn_frmline {background:#ee1e1e; color:#fff; border:none; height:30px; padding:0 8px}

#sod_fin_test {padding:10px}

/* 주문상세내역 중 현금영수증 발급 */
#scash {}
#scash section {padding:10px 0}
#scash h2 {margin:0 0 10px; text-align:center}
#scash .basic_tbl th {padding:0 10px; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#f2f5f9; text-align:left}
#scash_apply {padding:10px 0 20px; text-align:center}
#scash_apply button {padding:10px; border:0; background:#565e60; color:#fff}
#scash_copy {text-align:center}

/* 공지사항 및 커뮤니티 새글 */
#sidx_lat {padding:15px 0 0; border-top:1px solid #ddd}
#sidx_lat h2 {text-align:center}

/* 배너 인덱스 출력 */
#sbn_idx {}

/* 상품검색 */
#ssch_frm {padding:20px; border:3px solid #CAC3BA; background:#FCFBF8; zoom:1}
#ssch_frm:after {display:block; visibility:hidden; clear:both; content:""}
#ssch_frm div {margin:0 0 5px}
#ssch_frm strong, #ssch_frm .ssch_lbl {display:inline-block; width:100px; font-weight:bold}
#ssch_frm .frm_input {background:#fff}
#ssch_frm .btn_submit {padding:0 10px; height:30px}
#ssch_frm p {padding:10px 0; border-top:1px solid #e9e9e9; line-height:1.5em}
#ssch_frm #ssch_sort {float:left; margin:0; padding:0; list-style:none; zoom:1}
#ssch_frm #ssch_sort:after {display:block; visibility:hidden; clear:both; content:""}
#ssch_frm #ssch_sort li {float:left; margin:0 0 0  -1px}
#ssch_frm #ssch_ov {float:right}

#ssch_cate {}
#ssch_cate ul {margin:10px 0; padding:10px 20px 20px; border-bottom:1px solid #e9e9e9; list-style:none; zoom:1}
#ssch_cate ul:after {display:block; visibility:hidden; clear:both; content:""}
#ssch_cate li {float:left; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid #e9e9e9}
#ssch_cate a {}
#ssch_cate a span {font-weight:bold}

/* 쇼핑몰 이벤트 */
#sev {}
.sev_admin {margin:0 0 10px; text-align:right}

/* 쿠폰 */
#coupon .td_numbig {width:150px; }
#coupon .td_datetime {width:180px}

/*커뮤니티*/
#container_title {font-size:1.5em; font-weight:bold; padding:20px 0 10px; }

/* 모바일일때 피시버전 주문폼*/
.sod_list {position:relative; margin:0; padding:0; list-style:none}
.sod_list .sod_li {position:relative; padding:0; border:1px solid #e9e9e9; margin:10px 0}
.sod_list .sod_li:after {display:block; visibility:hidden; clear:both; content:""}
.sod_list .li_chk {position:absolute; top:10px; left:10px; }
.sod_list .li_name {min-height:130px}
.sod_list .li_name a,.sod_list .li_name strong {display:block; padding:0 10px 0 25px; border-bottom:1px solid #e9e9e9; height:35px; line-height:35px}
.sod_list .li_name strong {padding-left:10px}
.sod_list .total_img {position:absolute; top:45px; left:10px; }
.sod_list .sod_opt {padding:10px 10px 5px; margin-left:90px; color:#9e9e9e; font-size:0.93em; background:none; border:none}
.sod_list .sod_opt li {margin-bottom:3px; border:none}
.sod_list .li_cp {position:relative}
.sod_list .li_cp .cp_btn, .sod_list .li_cp .cp_cancel, .sod_list .li_mod .mod_btn {margin:0; padding:5px 8px; border:0; background:#000; color:#fff; font-size:0.93em}
.sod_list .li_cp .cp_cancel,.odf_tbl #od_coupon_cancel,.odf_tbl #sc_coupon_cancel {border:1px solid #999; color:#777; background:#fafafa; margin-left:3px; padding:4px 5px}
.sod_list .li_prqty {margin:10px; }
.sod_list .li_prqty:after {display:block; visibility:hidden; clear:both; content:""}
.sod_list .li_prqty .li_prqty_sp {width:33%; display:inline-block; float:left; text-align:center; line-height:2.2em; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; border-left:1px solid #e9e9e9; color:#9e9e9e; font-size:0.93em; margin-left:-1px}
.sod_list .li_prqty  .prqty_price {border-left:1px solid #d3d3d3; }
.sod_list .li_prqty  .prqty_sc {border-right:1px solid #d3d3d3; }
.sod_list .li_prqty .li_prqty_sp span {display:block; background:#f2f2f2; }
.sod_list .li_total {position:relative; border-top:1px solid #e9e9e9; margin:10px 10px 0; }
.sod_list .total_span {display:block; position:relative; padding:5px 0; text-align:right; color:#343434}
.sod_list .total_span span {position:absolute; top:5px; left:0}
.sod_list .total_span strong {font-size:1.2em}

#sod_frm {}
#sod_frm section {margin-bottom:10px}
#sod_frm p#sod_frm_pt_alert {margin:20px 0; text-align:center }
#sod_bsk_list #mod_option_frm .sit_ov_tbl {background:#ededed; margin-top:5px}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th,#sod_bsk_list #mod_option_frm .sit_ov_tbl td {border:none; padding-left:5px; font-weight:normal}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th {width:90px}
#cp_frm {height:auto; max-height:10000px !important; position:absolute; top:0; left:0; width:70%; background:#fff; padding:20px; border:1px solid #000; z-index:9999} 
#sod_frm_deli {position:relative; line-height:2em}
#sod_frm_deli #order_address {display:block; ; width:100px; background:#333; color:#fff; text-align:center}
#sod_frm_orderer {margin:15px 0 30px}
#sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon {display:inline-block; margin:5px 0 0}
#sod_frm .odf_tbl table {width:100%; margin:0; padding:0; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; border-collapse:collapse}
#sod_frm .odf_tbl table tbody td,#sod_frm .odf_tbl table tbody th {; border-bottom:1px solid #e9e9e9; padding:5px 0px 5px 10px ; text-align:left; line-height:26px; position:relative; }
#sod_frm .odf_tbl table th {width:90px; color:#343434; font-weight:normal; letter-spacing:-0.1em}
#sod_frm .odf_tbl table .frm_input {background-color:#fff !important; height:24px; line-height:24px; text-indent:5px}
#sod_frm .odf_tbl table .frm_address {margin-top:5px}
#sod_frm .odf_tbl button.btn_frmline {font-size:0.92em; padding:0 8px; height:26px; line-height:26px}
#sod_frm .odf_tbl textarea {width:99%; border:1px solid #e4eaec; }
#sod_frm_same {margin:0 0 10px}
#sod_frm_pay {position:relative}
#sod_frm_pay .tbl_head01 caption {font-size:0; line-height:0; overflow:hidden}
#sod_frm_pay .tbl_head01 th {width:auto !important; font-weight:bold; text-align:center !important}
#sod_frm_pay .tbl_head01 td {border-top:1px solid #e9e9e9 !important; border-bottom:1px solid #e9e9e9 !important; line-height:1.5em !important; word-break:break-all !important}

html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_frm {height:auto; max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_frm_pay_info {margin:0 0 10px}
#sod_frm_paysel {margin:10px 0 ; padding:10px; background:#f2f2f2; border:1px solid #e0e0e0}
#sod_frm_paysel ul {margin:0; padding:0; }
#sod_frm_paysel ul:after {display:block; visibility:hidden; clear:both; content:""}
#sod_frm_paysel li {float:left; padding:5px 2%; width:46%; height:21px; text-align:left; list-style:none}