@charset "utf-8";

/* 초기화 */
html {  }
html.scrollno { overflow-y: hidden !important; }
/*
html.expand #wrap {
    -webkit-transform: translate(87%,0);
    -moz-transform: translate(87%,0);
    -ms-transform: translate(87%,0);
    -o-transform: translate(87%,0);
    transform: translate(87%,0);
}

html.expand #aside_panel {
    z-index: 0;
    overflow-x: hidden;
}
*/
body { margin:0;padding:0; padding-top: 68px; font-size: 14px; font-weight: 400; line-height: 1.4; font-family: "-apple-system",BlinkMacSystemFont,"Apple SD Gothic Neo",Inter,Lato,"Noto Sans KR","Spoqa Han Sans","Segoe UI",sans-serif; background:#f3f7fa; color: #555;}
body { overflow-x: hidden; overflow-y: auto; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {line-height: 1.2; font-weight: 400; font-family: "-apple-system",BlinkMacSystemFont,"Apple SD Gothic Neo",Inter,Lato,"Noto Sans KR","Spoqa Han Sans","Segoe UI",sans-serif; }

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, textarea { font-family: "-apple-system",BlinkMacSystemFont,"Apple SD Gothic Neo",Inter,Lato,"Noto Sans KR","Spoqa Han Sans","Segoe UI",sans-serif; font-size: 14px; line-height: 1.2; }
img { vertical-align:middle; }
input, button {margin:0;padding:0;font-family: "-apple-system",BlinkMacSystemFont,"Apple SD Gothic Neo",Inter,Lato,"Noto Sans KR","Spoqa Han Sans","Segoe UI",sans-serif; font-size:14px; font-weight: 400; line-height: 1.2; }
input[type="submit"] {cursor:pointer}
button { cursor:pointer; color: #333; border: 0; }
select { margin:0 }
p { margin:0; padding:0; word-break:break-all }
hr {display:none}
pre {overflow-x:scroll;font-size: 14px; line-height: 1.2; }
address,em { font-style: normal; }
b,strong { font-weight: bold; }
a {color: #333; text-decoration: none}
a:hover { color: #333; text-decoration: none; }
*, :after, :before { -webkit-box-sizing:border-box; moz-box-sizing:border-box; box-sizing:border-box; }
input[type=text],input[type=password], textarea { outline:none; }
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus { -webkit-box-shadow:0 0 5px #9ed4ff; -moz-box-shadow:0 0 5px #9ed4ff; box-shadow:0 0 5px #9ed4ff; border:1px solid #558ab7 !important; }
.placeholdersjs {color:#777 !important}
.displaynone { display: none !important; }

/* 레이아웃 크기 지정 */
#wrap { min-width: 1160px; }
#hd, #wrapper, #ft {  }
#hd_pop,.hd_wrapper,#tnb .inner,#gnb .gnb_wrap,div.container_wr,#ft_wr {  }
div.container_wr { position: relative; z-index: 1; }
/* 팝업레이어 */
#hd_pop {z-index: 999999;position:relative;margin:0 auto;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 img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
div#hd { position: fixed; z-index: 10; left: 0; top: 0; width: 100%; }
div#hd h1.hd_h1 { position:absolute;font-size:0;line-height:0;overflow:hidden }

/* 중간 레이아웃 */
h1.container_title { width: 1160px; margin: 30px auto; font-size: 22px; font-weight: normal; color: #555; }
h1.container_title span { margin:0 auto 10px; display: inline-block; line-height:40px}
h1.container_title strong,div#wrapper div.container_wr h1.container_title strong a { color: #000; }
h1.container_title a span { display: inline-block; margin: 0 5px 0 0; text-align: center; }
h1.container_title a span i { color: #555; line-height: 40px; }
h1.container_title a span i svg { width: 20px; height: 20px; }

body.main div.quick_l,body.main div.quick_r { top: 475px; }

#aside {float: left; width:270px; padding: 20px; margin:20px 0 0 0; border: 1px solid #EEE; }
#aside div.menu h3 { display: block; border: 0px solid #EEE; border-bottom: 0px; margin-top: 40px; padding: 15px; background-color: #FFF; font-size: 14px; font-weight: normal;}
#aside div.menu h3.state { background-color: #FFF; border: 0px solid #EEE; margin-top: 0px; }
#aside div.menu h3.theme { background-color: #FFF; border: 0px solid #EEE; }
#aside div.menu h3 a { display: block; font-size: 17px; font-weight: normal; }
#aside div.menu ul { display: block; border: 0px solid #EEE; }
#aside div.menu ul:after { display:block;visibility:hidden;clear:both;content:"" }
#aside div.menu ul li {  }
#aside div.menu ul.menu_2 li { float: left; width: 50%; }
#aside div.menu ul li a { position:relative; z-index: 1; display: inline-block; padding: 15px; padding-right: 0; line-height:1; font-size:14px; letter-spacing: -1px; transition: color .2s; }
#aside div.menu ul li a:hover { color: #fe5488; }
#aside div.menu ul li a.active {  }
#aside div.menu .new_icon {position: absolute; right: -8px; top: 50%; display:block;width: 4px;height: 4px;line-height:0;font-size:0; margin-left: 3px;background:#E64B40;text-align:center;border-radius:50%;margin-left:2px;font-weight:normal;vertical-align:middle;}

.lt_wr {width:32%}
.lt_wr:nth-child(3n+1) {clear:both}
.latest_wr {margin-bottom:20px}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
.latest_top_wr {margin:0 -10px 20px}
.latest_top_wr:after {display:block;visibility:hidden;clear:both;content:""}

/* 하단 레이아웃 */
.ft.top_btn { position:fixed; z-index:10; bottom: 10px; right: 10px; width: 50px; height: 50px; border-radius: 50%; line-height:46px; border:1px solid #FFF; color:#777; text-align:center; font-size:15px; background:rgba(255,255,255,1); outline: none; }

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap {margin:20px}
#copymove .win_btn {padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height: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; text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#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 legend > label { display: none; }
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em; text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span {display:none}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em; text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px; border:1px solid #ccc;background:#fafafa; text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;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%; }
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

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

.btn_submit {border:0;background:#111;color:#fff;cursor:pointer;border-radius:1px}
.btn_submit:hover {background:#000}
.btn_close {border:1px solid #DDD;cursor:pointer;border-radius:1px;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#555;color:#fff;text-decoration:none;vertical-align: top;border-radius:1px}
button.btn_cancel {display:inline-block;background:#555;color:#fff;text-decoration:none;vertical-align: top;border-radius:1px}
.btn_cancel:hover {background:#AAA}
a.btn_frmline, button.btn_frmline {display:inline-block;width:128px;padding:0 5px;height:40px;border:0;background:#555;border-radius:1px;color:#fff;text-decoration:none;vertical-align:top;border-radius:1px} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block; text-decoration:none;vertical-align:top;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover { }
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #DDD; text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #DDD; text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover { background:#f9f9f9 }
a.btn_admin,.btn_admin {display:inline-block;  text-decoration:none;vertical-align:top} /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover {  }


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0 5px; border-top:1px solid #ececec;border-bottom:1px solid #ececec} 
.tbl_wrap caption {padding:10px 0; 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:20px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ececec;height:40px}
.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-bottom:1px solid #e8e8e8}
.tbl_head01 td { padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td {background:#fafafa}
.tbl_head01 a:hover {text-decoration:underline}

.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 #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;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;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;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:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input { font-size: 15px; border:1px solid #DDD; background:#fff; vertical-align:middle; border-radius: 1px; padding: 15px; height: 56px; }
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {  }

.full_input {width:100%}
.half_input {width:49.5%}
.twopart_input {width:385px;margin-right:10px}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 ul {border-top:1px solid #ececec}
.list_01 li {border-bottom:1px solid #ececec;background:#fff;padding:10px 15px;list-style:none;position:relative}
.list_01 li:nth-child(odd) {background:#f6f6f6}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}
.list_01 li.empty_li {text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/
.form_01 h2 {font-size:1.167em}
.form_01 li {margin-bottom:10px}
.form_01 ul:after,
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 .left_input {float:left}
.form_01 .margin_input {margin-right:1%}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}

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

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 항목별 정의 */
.td_board {width: 140px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width: 150px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left; width: 33.33333%; background:#fff; text-align:center; }
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#E64B40;border-color:#E64B40;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff; }
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#E64B40;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px; font-size:1.083em}

/* 검색결과 색상 */
.sch_word {color:#ff005a; /* background:#ff005a;padding:2px 5px 3px;line-height:18px;margin:0 2px */ }

/* 자바스크립트 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 {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;width:150px;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
.sv_wrap .sv:before {content:"";position:absolute;top:-6px;left:15px;width:0;height:0;border-style:solid;border-width:0 6px 6px 6px;border-color:transparent transparent #333 transparent}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width: 100%;font-weight:normal;color:#FFF}
.sv_wrap .sv a:hover {background:#000;color:#fff}
.sv_member { font-size: 14px; }
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap { clear:both; display:block; margin: 20px 0; }
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg { display: block; width: 100%; text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#FFF;border:1px solid #DDD}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page { display: inline-block; font-size: 15px; width: 40px; height: 40px;line-height: 40px; text-decoration:none; border-radius:0}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #FFF;padding:0;border:1px solid #DDD}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #FFF;padding:0;border:1px solid #DDD}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #FFF;padding:0;border:1px solid #DDD}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #FFF;padding:0;border:1px solid #DDD}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#555;border:1px solid #555;color:#fff;font-weight: normal;height:40px; line-height:40px; width:40px; border-radius:0}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}

/* Mobile화면으로 */
#device_change {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}

div.state_form_area { width: 100%; text-align: center; }
div.state_form_area:after{ display: block; clear: both; content: ''; }
div.state_form_area > form {  }
div.state_form_area > form:after{ display: block; clear: both; content: ''; }
div.state_form_area > form > fieldset { padding: 30px; border: 1px #DDD solid; background: #fff; }
div.state_form_area > form > fieldset > div.form_field { display:inline-block; margin-left: 10px; vertical-align: top; }
div.state_form_area > form > fieldset > div.form_field:first-child{ margin-top: 0px; margin-left: 0px; }
div.state_form_area > form > fieldset > div.form_field > select{ border: 1px solid #DDD; color: #777; font-size: 17px; line-height: 1.2; padding: 10px; min-width: 430px; height: 60px; vertical-align: top; border-radius: 3px; }
div.state_form_area > form > fieldset > div.form_field > button{ min-width: 200px; height: 60px; border-style: none; background-color: #f2074c; color: #FFF; font-size: 17px; line-height: 1.2; border-radius: 3px; transition: background 0.3s; }
div.state_form_area > form > fieldset > div.form_field > button > svg { color: #FFFFFF; vertical-align: -1px; }
div.state_form_area > form > fieldset > div.form_field > button:hover { background-color: #b30035; }

div.state_area { position: fixed; z-index: 11; left: 0; right: 0; top: 0; bottom: 0; display: none; background-color: rgba(255,255,255,.99); padding: 10px; overflow: hidden; overflow-y: auto; }
div.state_area h1 { position: relative; z-index: 1; margin: 10px auto; font-size: 20px; color: #555; }
div.state_area > ul { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -2px; font-size: 0; line-height: 0; white-space: nowrap; overflow: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
div.state_area > ul li { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding: 1px; }
div.state_area > ul li a { padding: 19.2px; font-size: 14px; display: block; position: relative; line-height: 1; text-align: center; letter-spacing: -.3px; border: 1px #EEE solid; margin: 1px; }
div.state_area > ul li a.active { color: #f2074c; border: 1px solid #f2074c; }
div.state_area div.sido_area { padding: 0 1px; }
div.state_area div.sido_area ul { position: relative; z-index: 1; font-size: 0; line-height: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -2px; }
div.state_area div.sido_area ul:after{ display: block; clear: both; content: ''; }
div.state_area div.sido_area ul li { position: relative; vertical-align: top; white-space: normal; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; padding: 1px; }
div.state_area div.sido_area ul li a { padding: 15px 0; font-size: 14px; display: block; position: relative; line-height: 1; text-align: center; margin: 1px; letter-spacing: -.3px; border: 1px #EEE solid; }
div.state_area a.state_close { position: absolute; z-index: 2; right: 10px; top: 10px; font-size: 30px; }

div.theme_area { display: none; }
div.theme_area ul {  }
div.theme_area ul:after{ display: block; clear: both; content: ''; }
div.theme_area ul li { float: left; }
div.theme_area ul li a { display: block; padding: 10px; font-size: 18px; }

/* 인기검색어 */
.popular { position: absolute; top: 80px; left: 50%; width: 300px; margin-left: -150px; }
.popular h2 { font-size: 14px; font-weight: bold; line-height: 1; }
.popular div.popular_inner { width: 100%; background-color: #FFF; border-radius: 3px; padding: 20px; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2); }
.popular div.popular_inner ul { display: block; width: 100%; padding:0; margin:0}
.popular div.popular_inner ul:after {display:block;visibility:hidden;clear:both;content:""}
.popular div.popular_inner ul li { font-size: 14px; line-height: 1; margin: 15px 0; }
.popular div.popular_inner ul li a { color: #00796b; }
.popular div.popular_inner ul li:first-child {border-left:0}
.popular div.popular_inner ul li a:hover {  }

.popular_inner .popular_btns{display:none}
.popular_btns .pp-next {position: absolute;top:68%;right:0px;width:18px;height:18px;line-height:15px;text-align:center;border:1px solid #53555a;margin-top:-12px;color:#d3d2d2}
.popular_btns .pp-prev {position: absolute;top:68%;right:17px;width:18px;height:18px;line-height:15px;text-align:center;border:1px solid #53555a;margin-top:-12px;color:#d3d2d2}

div.promotion_area { width: 100%; margin-bottom: 30px; padding: 0 5px; }
div.promotion_area ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; }
div.promotion_area ul:after {display:block;visibility:hidden;clear:both;content:""}
div.promotion_area ul li { position: relative; z-index: 1; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 5px; }
div.promotion_area ul li.first {  }
div.promotion_area ul li a { background-repeat: no-repeat; background-size: 100%; background-color: #FFF; border-radius: 3px; }
div.promotion_area ul li.first a {  }
div.promotion_area ul li a { display: block; border: 1px #EEE solid; height: 200px; }
div.promotion_area ul li a span.text_area { position: absolute; z-index: 2; left: 40px; top: 40px; display: block; }
div.promotion_area ul li a span.text_area h2 { font-size: 28px; font-weight: bold; line-height: 1.2; color: #17a2b8; margin-bottom: 20px; }
div.promotion_area ul li.first a span.text_area h2 { color: #f2074c; }
div.promotion_area ul li a span.text_area p { font-size: 20px; line-height: 1.2; color: #999; }
div.promotion_area ul li a span.button--mid { position: absolute; width: 45px; height: 1px; background-color: #f2074c; bottom: 50px; right: 50px; margin-left: 20px; padding-right: 40px; }
div.promotion_area ul li a span.button--mid:after { content: "ー"; color: #f2074c; position: absolute; transform: rotate(50deg); right: -3px; top: -12px; }
div.promotion_area ul li a span.button--mid:before { content: ""; position: absolute; width: 70px; height: 70px; border-radius: 50%; top: -35px; left: -13px; }
div.promotion_area ul li a span.button--mid:before { background-color: rgba(23, 162, 184, .1); }
div.promotion_area ul li.first a span.button--mid:before { background-color: rgba(242, 7, 76, .1); }
div.promotion_area ul li a div.background { position: absolute; z-index: 1; left: 5px; top: 5px; right: 5px; bottom: 5px; background-color: rgba(0,0,0,0); }

div.counters { position: relative; z-index: 1; justify-content: center; }
div.counters:afterd { content: "";
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    height: 200px;
    -webkit-box-shadow: 0 -1px 0 0 #e7e7e7;
    box-shadow: 0 -1px 0 0 #e7e7e7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-image: linear-gradient(286deg,#d3e3ef,#f3f7fa);
    -webkit-transform: skewY(-6.5deg);
    transform: skewY(-6.5deg); }
div.counters-row { text-align: center; }
div.counters-row h3 { position: relative; z-index: 2; font-size: 17px; font-weight: normal; padding-bottom: 0px; color: #999; }
div.counters-row h3:after { content: ''; display: inline-block; clear: both; position: absolute; left: 50%; top: 35px; width: 50px; margin-left: -25px; height: 0px; background-color: #FFF; }
div.counters-row div.counter { position: relative; z-index: 3; display: block; margin-top: 20px; font-size: 60px; line-height: 1; font-weight: bold; font-family: Roboto,Sans-serif; letter-spacing: -.5px; color: #333; }

div.lnb { position: fixed; top: 100px; right: 10px; }
div.lnb div.lnb_mn { width:82px; text-align:center; }
div.lnb div.lnb_mn ul { width: 100%; background-color: #FFF; border-radius: 3px; border:1px solid #DDD; box-sizing: border-box; }
div.lnb div.lnb_mn ul li { line-height: 64px; }
div.lnb div.lnb_mn ul li a { display:block; padding:20px 0; margin:0; font-weight: normal; line-height: 20px; background-color: #FFF; border-top:1px solid #EEE; border-bottom:1px solid #FFF; }
div.lnb div.lnb_mn ul li a:hover { color: #333; }
div.lnb div.lnb_mn ul li:first-child a{ border-top:0; }
div.lnb div.lnb_mn ul li:last-child a{ border-bottom:0; }
div.lnb div.lnb_mn ul li a span{ display: inline-block; }

div.visual { background-color: #EEE; background-repeat: no-repeat; background-position: 0% 40%; background-image: url(./../img/tabe-massage.jpg); background-attachmentd: fixed; background-size: cover; padding: 125px; margin-bottom: 30px; font-size: 24px; color: #FFF; text-shadow: 1px 1px 2px rgba(0,0,0,0.23); border-radius: 3px; }
div.visual strong { font-weight: bold; }
div.visual p { display: block; }

/* 갤러리 목록 */
.latest_store { width: 100%; clear:both; }
.latest_store:after {display:block;visibility:hidden;clear:both;content:""}
.latest_store .lat_title { position:relative; z-index: 1; display:block; font-size: 20px; font-weight: normal; letter-spacing: -1px; margin: 0 0 30px; }
.latest_store .lat_title strong { font-weight: normal; color: #333; }
.latest_store .lat_title a { display:inline-block;position:relative; font-size: 17px; color: #999; }
.latest_store .lat_title a i { vertical-align: top; font-size: 0; line-height: 0; }
.latest_store .lat_title a i svg { width: 20px; height: 20px; }
.latest_store .lat_title span.promotion { display:inline-block; position: absolute; right: 0px; top: 50%; margin-top: -10px; font-size: 14px; font-weight: normal; line-height: 1.2; }
.latest_store .lt_more {position:absolute;top:11px;right:10px;display:block;width:25px;line-height:50px;color:#aaa;border-radius:3px;text-align:center;}
.latest_store .lt_more:hover {color:#777}
.latest_store .gall_ul {margin: 5px -5px 0;padding:0;list-style:none;zoom:1}
.latest_store .gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
.latest_store .gall_ul .gall_li { margin-bottom: 45px; }
.latest_store .gall_ul .gall_li .gall_chk {position:absolute;top:0;left:0;padding:5px;z-index: 2; }
.latest_store .gall_box { position:relative; z-index: 1; margin:0 0 20px 0;border-radius:0 0 2px 2px; }
.latest_store .gall_con {position:relative; background-color: #fff; box-shadow: 0 1px 0 0 rgba(0,0,0,.08);}
.latest_store .gall_ul .col-gn-0, .latest_store .gall_ul .col-gn-1, .latest_store .gall_ul .col-gn-2, .latest_store .gall_ul .col-gn-3, .latest_store .gall_ul .col-gn-4, .latest_store .gall_ul .col-gn-5, .latest_store .gall_ul .col-gn-6, .latest_store .gall_ul .col-gn-7, .latest_store .gall_ul .col-gn-8, .latest_store .gall_ul .col-gn-9, .latest_store .gall_ul .col-gn-10 {position:relative;min-height:1px;padding-left:5px;padding-right:5px;*padding-left:0;*padding-right:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0}
.latest_store .gall_ul .col-gn-0,.latest_row .col-gn-1 {width:100%}
.latest_store .gall_ul .col-gn-2 {width:50%}
.latest_store .gall_ul .col-gn-3 {width:33.33333333%}
.latest_store .gall_ul .col-gn-4 {width:25%}
.latest_store .gall_ul .col-gn-5 {width:20%}
.latest_store .gall_ul .col-gn-6 {width:16.66666667%}
.latest_store .gall_ul .col-gn-7 {width:14.28571428%}
.latest_store .gall_ul .col-gn-8 {width:12.5%}
.latest_store .gall_ul .col-gn-9 {width:11.11111111%}
.latest_store .gall_ul .col-gn-10 {width:10%}
.latest_store .gall_ul .box_clear {clear:both}

.latest_store .gall_ul .gall_text_href a {color:#ff3061}
.latest_store .gall_href a:link, .latest_store .gall_href a:focus, .latest_store .gall_href a:hover {text-decoration:none}
.latest_store .gall_text_href {margin:10px 0}
.latest_store .gall_text_href a { }
.latest_store .gall_text_href img {  }

.latest_store .gall_info {  }
.latest_store .gall_info a { display: block; }
.latest_store .gall_info a .thumb_area { position:relative; z-index: 1; overflow: hidden; border-radius: 3px; background-color: #EEE; border: 1px #EEE solid; }
.latest_store .gall_info a .thumb_area img { width:100%; height:auto; }
.latest_store .gall_info a .thumb_area .gra_black_vertical { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; padding: 0 24px; background-color: transparent; transition: background-color .2s; }
.latest_store .gall_info a:hover .thumb_area {  }
.latest_store .gall_info a:hover .thumb_area img {  }
.latest_store .gall_info a:hover .thumb_area .gra_black_vertical { background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); }
.latest_store .gall_info a .thumb_area span.state { position:absolute; z-index: 1; top:0; left:0; display:inline-block; background: rgba(0, 0, 0, 0.5); text-align:center; text-transform:uppercase; font-size: 14px; line-height:1.4; color:#FFF; padding: 5px 10px; width: 35px; }
.latest_store .gall_info a .option_area { margin-top: 5px; min-height: 20px; padding: 0 15px; }
.latest_store .gall_info a .option_area .icon_benefit { display: inline-block; height: 20px; padding: 0 6px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 11px; line-height: 20px; color: #999; letter-spacing: -.9px; }
.latest_store .gall_info a .option_area .icon_benefit.hot { color: #FFF; background-color: #f2074c; border: 1px #f2074c solid; }
.latest_store .gall_info a .option_area .icon_benefit.new { color: #FFF; background-color: #2dab9b; border: 1px #2dab9b solid; }
.latest_store .gall_info a .option_area .icon_benefit.coupon { color: #f2074c; background-color: #FFF; border: 1px #f2074c solid; }

.latest_store .gall_info a .price_area { display: block; padding: 15px; padding-top: 0; font-size: 18px; letter-spacing: .5px; }
.latest_store .gall_info a .price_area span.custom_price { font-size: 15px; font-weight: bold; letter-spacing: .5px; color: #999; margin-right: 10px; }
.latest_store .gall_info a .price_area strong { font-size: 18px; font-family: Roboto,Sans-serif; letter-spacing: .5px; color: #333; }


.latest_store .gall_info a .review_area { background-color: #FFF; text-align: center; padding: 15px 0; border-top: 1px #EEE solid; }
.latest_store .gall_info a .review_area .review_num { color: #f66; letter-spacing: 0; }
.latest_store .gall_info a .review_area .review_percent { color: #999; letter-spacing: 0; }
.latest_store .gall_info a .review_area .review_store { display: inline-block; font-size: 13px; line-height: 1; color: #666; letter-spacing: -.5px; }
.latest_store .gall_info a .review_area .review_store em { font-style: normal; }
.latest_store .gall_info a .review_area .review_store+.review_store:before { display: inline-block; width: 1px; height: 2px; margin: 0 3px; background-color: #FFF; vertical-align: top; content: ''; vertical-align: middle; }

.latest_store .gall_info i {font-size:12px}
.latest_store .gall_info .gall_date,.latest_store .gall_info .gall_view {display:inline-block;margin-left:10px; }
.latest_store .gall_option {position:absolute;top:10px;right:10px}
.latest_store .gall_option strong {background:#fff;padding:5px 10px;border-radius:30px;-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2) }
.latest_store .bo_none { display: none; }
.latest_store .bo_none a { display: inline-block; }


nav#aside_panel { position: fixed; z-index: 1021; right: -195px; top: 68px; bottom: 0; width: 190px; height: 100%; background-color: #FFF; box-shadow: -2px 0 2px 0 rgba(0,0,0,.05), 0 2px 4px 0 rgba(0,0,0,.05); }
nav#aside_panel div.panel_member { margin-bottom: 20px; text-align:center; }
nav#aside_panel div.panel_member a.myinfo { display: block; background-color: #343a40; font-size: 17px; font-weight: 400; color: #FFF; padding: 30px 10px; }
nav#aside_panel div.panel_member a.myinfo span.mb_img { display: block; overflow: hidden; width: 50px; height: 50px; border-radius: 50%; border: 1px #32373c solid; margin: 0 auto 10px; }
nav#aside_panel div.panel_member a.myinfo span.mb_nick { display: block; font-size: 14px; }
nav#aside_panel dl { display: block; padding: 0 10px; margin-bottom: 10px; }
nav#aside_panel dl dt {  }
nav#aside_panel dl dt a { display: block; padding: 10px; font-size: 12px; font-weight: normal; color: #f2074c; }
nav#aside_panel dl dd {  }
nav#aside_panel dl dd a { display: block; padding: 10px; font-size: 13px; border-radius: 1px; color: #555; background-color: transparent; -webkit-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; }
nav#aside_panel dl dd a:hover { background-color: #EEE; color: #333; }
nav#aside_panel a.top-btn { position: absolute; bottom: -100px; left: 50%; margin-left: -25px; display: inline-block; background-color: #333; border: 1px #EEE solid; padding: 10px; }
nav#aside_panel a.aside-open-btn { position: absolute; top: 50%; left: -42px; margin-top: -10px; display: inline-block; background-color: #FFF; border: 1px #EEE solid; border-right: 1px #FFF solid; border-radius: 3px 0 0 3px; padding: 10px; box-shadow: -2px 0 2px 0 rgba(0,0,0,.05), 0 2px 4px 0 rgba(0,0,0,.05); }
nav#aside_panel a.aside-open-btn svg { width: 20px; height: 20px; color: #999; }



/* 마이페이지 */
#smb_my {position:relative; margin-bottom:30px }
#smb_my:after { display:block;visibility:hidden;clear:both;content:"" }

/* 마이페이지 aside */
#smb_my_ov {position:relative; border:1px solid #e8e8e8; background:#fff; padding: 20px; }
#smb_my_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#smb_my_ov .smb_me {display:block;background:#fff;border-bottom:1px solid #e8e8e8;padding:20px;text-align:center;font-size:1.167em}
#smb_my_ov .smb_me img { border-radius:50%; }
#smb_my_ov .smb_me .my_ov_name {display:inline-block;margin-bottom:10px;line-height:28px}
#smb_my_ov .smb_me a {display:inline-block;font-size:0.85em;height:28px;line-height:22px;border:1px solid #d5d9dd;color:#8a8a8a;border-radius:2px;padding:2px 5px}
#smb_my_ov .smb_me a.smb_info {color:#3a8afd}

#smb_private:after {display:block;visibility:hidden;clear:both;content:""}
#smb_private {padding:10px 0}
#smb_private li {text-align:left;position:relative;text-align:left}
#smb_private a {display:block;background:#fff;color:#465168;line-height:20px;padding:10px 20px 10px 25px}
#smb_private a strong {display:inline-block;float:right;max-width:87px;overflow:hidden;white-space:nowrap;text-overflow:clip;color:#3a8afd;padding:0 5px;border-radius:15px;font-size:0.92em}
#smb_private a:hover strong {background:#4b8bff}
#smb_private li a:hover {color:#4b8bff}
#smb_private li a:hover:after {position:absolute;left:0;top:0;width:2px;height:100%;background:#3a8afd;content:""}
#smb_private li i {width:25px;color:#8c9eb0;margin-right:5px}
#smb_private li:hover i {color:#3a8afd}
#smb_private .win_point strong {background:#37bc9b;color:#fff}
#smb_private .win_memo strong {background:#ff8b77;color:#fff}
#smb_private .win_scrap strong {background:#8cc152;color:#fff}
#smb_private .win_coupon strong {background:#a352c1;color:#fff}

#smb_my_ov h3 {font-size:1.2em;padding:20px 20px 10px;border-top:1px solid #e8e8e8}
#smb_my_ov .op_area {border-top:0;padding:0 20px;line-height:18px;color:#555}
#smb_my_ov .op_area:after {display:block;visibility:hidden;clear:both;content:""}
#smb_my_ov .op_area dt {margin:5px 0;padding-top:5px;font-weight:bold;color:#8c9eb0;line-height:20px}
#smb_my_ov .op_area dd {margin:5px 0;padding-bottom:10px;border-bottom:1px dashed #e5e5e5}
#smb_my_ovaddt {border-bottom:0 !important}
#smb_my_ovaddd {border-bottom:0 !important}

.withdrawal {display:block;padding:10px 20px;border-top:1px solid #e8e8e8;color:#c7c7c7}

/* 마이페이지 list */
#smb_my_list {float:left;width:915px}

#smb_my_od h2 {margin:0 0 10px;font-size:1.25em}
#smb_my_od {position:relative;margin:0 0 50px}
.smb_my_od {background:#fff}
.smb_my_od li {padding:15px;border-bottom:1px solid #ececec}
.smb_my_od li:last-child {border-bottom:0}
.smb_my_od li:after {display:block;visibility:hidden;clear:both;content:""}
.smb_my_od li:hover {background:#fff6f6}
.smb_my_od .smb_my_od_li {float:left;line-height:18px}
.smb_my_od .smb_my_od_li1 {width:140px;text-align:center}
.smb_my_od .smb_my_od_li2 {width:75%;padding:0 20px}
.smb_my_od .smb_my_od_li3 {width:80px;float:right;text-align:center}

.smb_my_od .ord_num,
.smb_my_od .ord_name {font-size:1.2em;font-weight:bold;letter-spacing:-0.5px}
.smb_my_od .date {color:#b5b5b5}
.smb_my_od .cost {color:#3a8afd;font-weight:bold}
.smb_my_od .misu {color:#6d6d6d}

#smb_my_wish {position:relative;margin-bottom:30px}
#smb_my_wish h2 {font-size:1.25em;padding:0 0 20px;border-bottom:1px solid #d9dde2}
#smb_my_wish li {position:relative;background:#fff;border-bottom:1px solid #ececec;padding:15px}
#smb_my_wish li:after {display:block;visibility:hidden;clear:both;content:""}
#smb_my_wish .smb_my_chk {display:inline-block;float:left;margin-right:10px;color:red}
#smb_my_wish .smb_my_img {float:left;margin-right:20px}
#smb_my_wish .smb_my_tit {margin:5px 0;font-size:1.167em;font-weight:bold}
#smb_my_wish .smb_my_price {font-weight:bold;font-size:1.2em;margin-bottom:30px}
#smb_my_wish .smb_my_date {font-size:1em;color:#777}
.smb_my_more {position:absolute;top:0;right:0}
.smb_my_more a {display:block;background:url('../img/more-btn.gif') no-repeat 0 2px;padding-left:20px;height:30px}
#smb_my_wish li .wish_del {position:absolute;right:20px;top:50px;font-size:1.4em;color:#b2b2b2}
#smb_ws_act {text-align:center;margin:20px 0 30px}
#smb_ws_act .btn01 {width:180px;height:50px;font-weight:bold;font-size:1.167em;border:1px solid #98a3b3;border-radius:3px}
#smb_ws_act .btn02 {width:180px;height:50px;font-weight:bold;font-size:1.167em;border:1px solid #1c70e9;border-radius:3px;background:#3a8afd}


.theme-area {  }
.theme-area div.row {  }
.theme-area div.row div.col-2 {  }
.theme-area div.row div.col-2 div.theme-box { border-radius: 50px; overflow: hidden; background-color: #000; }
.theme-area div.row div.col-2 div.theme-box a { position: relative; z-index: 1; display: block; }
.theme-area div.row div.col-2 div.theme-box a span.theme-txt { position: absolute; z-index: 2; top: 50%; left: 0; margin-top: -9px; width: 100%; display: block; text-align: center; color: #FFF; font-size: 17px; font-weight: bold; line-height: 18px; }
.theme-area div.row div.col-2 div.theme-box a img { position: relative; z-index: 1; opacity: 0.5;/* -ms-filter: grayscale(100%); -webkit-filter: grayscale(100%); filter: grayscale(100%); */ transition: all .3s; }
.theme-area div.row div.col-2 div.theme-box a:hover img { -ms-filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: grayscale(0%); opacity: 0.7; }

.conversionpc { display: none; }
.conversionpc a { display: block; padding: 1rem 0; font-size: 5rem; line-height: 7rem; margin: 1rem 12rem; border-radius: 2rem; background-color: #000; color: #FFF; text-align: center; }
.conversionpc a svg { width: 7rem; height: 7rem; }

.table { color: #777; }

.navbar-member { line-height: 30px; }
.navbar-member span.profile_img { font-size: 0; line-height: 0px; vertical-align: middle; display: inline-block; width: 30px; height: 30px; border-radius: 50%; overflow: hidden; }
.navbar-member span.profile_img img { width: 30px; height: 30px; }
.navbar-member span.profile_name { vertical-align: middle; display: inline-block; height: 30px; }

.text-primary { color: #f2074c!important; }
.modal-header { background-color: #FFF; color: #000; }
.modal-header .close { color: #000; }
.modal-footer { justify-content: center; }
.navbar { padding: .7rem 1rem; }
.btn { border-radius: 0.1rem; }
span.nav-search {  }
span.nav-search svg { width: 20px; }
.container, .container-lg, .container-md, .container-sm, .container-xl {  }

.dropdown-menu { padding: 0; margin: 0; border-radius: 1px; box-shadow: 0 7px 22px -5px rgba(47,56,68,0.2); line-height: 1.5; }
.dropdown-item { padding: .5rem 1.5rem; font-size: 14px; color: #777; }
.dropdown-item.active, .dropdown-item:active { background-color: #EEE; color: #f2074c; }

.navbar-brand { display: inline-block; margin: 0; width: 150px; height: 36px; padding: 0; font-size: 0; line-height: 0; background-color: #FFF; background-position: 0 0; background-size: 100%; background-repeat: no-repeat; }
.navbar-nav .nav-link { font-size: 17px; color: #222!important; padding: .5rem 1rem!important; }
.navbar-nav .btn-dark {  color: #FFF!important;  }
.navbar-light .navbar-nav .nav-link .i-home { display: inline-block; }
.navbar-light .navbar-nav .nav-link .i-home svg { vertical-align: top; }
.tooltip { font-weight: normal; }
.tooltip-inner { color: #FFF; background-color: #000; border-radius: 1px; }
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before { border-top-color: #000; }

.modal-title { font-size: 20px; }

.dropdown:hover .dropdown-menu { display: block;-webkit-animation: dropdown-menu-show 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); animation: dropdown-menu-show 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.container { max-width: 1160px; }
@-webkit-keyframes dropdown-menu-show{ from{-webkit-transform:scale(0.85);transform:scale(0.85);opacity:0} to{-webkit-transform:scale(1);transform:scale(1);opacity:1} }
@keyframes dropdown-menu-show{ from{-webkit-transform:scale(0.85);transform:scale(0.85);opacity:0} to{-webkit-transform:scale(1);transform:scale(1);opacity:1} }
@media (max-width: 1200px) {
    div.lnb { display: none; }
}

.btn-outline-dark:hover {
    color: #343a40;
    background-color: #FFF;
    border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled).active, 
.btn-outline-dark:not(:disabled):not(.disabled):active, 
.show>.btn-outline-dark.dropdown-toggle {
    color: #343a40;
    background-color: #FFF;
    border-color: #343a40;
}

.btn-outline-dark.focus, .btn-outline-dark:focus {
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.btn-outline-primary:hover {
    color: #007bff;
    background-color: #FFF;
    border-color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, 
.btn-outline-primary:not(:disabled):not(.disabled):active, 
.show>.btn-outline-primary.dropdown-toggle {
    color: #007bff;
    background-color: #FFF;
    border-color: #007bff;
}

.btn-outline-primary.focus, .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.btn-outline-info:hover {
    color: #17a2b8;
    background-color: #FFF;
    border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled).active, 
.btn-outline-info:not(:disabled):not(.disabled):active, 
.show>.btn-outline-info.dropdown-toggle {
    color: #17a2b8;
    background-color: #FFF;
    border-color: #17a2b8;
}

.btn-outline-info.focus, .btn-outline-info:focus {
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.btn-outline-secondary:hover {
    color: #6c757d;
    background-color: #FFF;
    border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled).active, 
.btn-outline-secondary:not(:disabled):not(.disabled):active, 
.show>.btn-outline-secondary.dropdown-toggle {
    color: #6c757d;
    background-color: #FFF;
    border-color: #6c757d;
}

.btn-outline-secondary.focus, .btn-outline-secondary:focus {
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.btn-outline-light:hover {
    color: #212529;
    background-color: #FFF;
    border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled).active, 
.btn-outline-light:not(:disabled):not(.disabled):active, 
.show>.btn-outline-light.dropdown-toggle {
    color: #f8f9fa;
    background-color: #FFF;
    border-color: #f8f9fa;
}

.btn-outline-light.focus, .btn-outline-light:focus {
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.btn-outline-warning:hover {
    color: #ffc107;
    background-color: #FFF;
    border-color: #ffc107;
}
.btn-outline-warning:not(:disabled):not(.disabled).active, 
.btn-outline-warning:not(:disabled):not(.disabled):active, 
.show>.btn-outline-warning.dropdown-toggle {
    color: #ffc107;
    background-color: #FFF;
    border-color: #ffc107;
}

.btn-outline-warning.focus, .btn-outline-warning:focus {
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.btn-outline-danger:hover {
    color: #dc3545;
    background-color: #FFF;
    border-color: #dc3545;
}
.btn-outline-danger:not(:disabled):not(.disabled).active, 
.btn-outline-danger:not(:disabled):not(.disabled):active, 
.show>.btn-outline-danger.dropdown-toggle {
    color: #dc3545;
    background-color: #FFF;
    border-color: #dc3545;
}

.btn-outline-danger.focus, .btn-outline-danger:focus {
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.btn-outline-success:hover {
    color: #28a745;
    background-color: #FFF;
    border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled).active, 
.btn-outline-success:not(:disabled):not(.disabled):active, 
.show>.btn-outline-success.dropdown-toggle {
    color: #28a745;
    background-color: #FFF;
    border-color: #28a745;
}

.btn-outline-success.focus, .btn-outline-success:focus {
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.toast_wrap { position: fixed; z-index: 1111; right: 10px; bottom: 70px; }
.toast { opacity: 1; display: none; }
.toast-body img { width: 50px; float: left; border: 1px #EEE solid; margin-right: 10px; }

.container {
    padding-right: 5px;
    padding-left: 5px;
}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.row {
    margin-right: -5px;
    margin-left: -5px;
}

.box-shadow {
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .05);
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 5px;
    padding-left: 5px;
}

.card { flex-direction: row; }

.card-body {
    padding: 1rem;
}

.mt-6,.my-6 { margin-top: 3.5rem!important; }
.mt-7,.my-7 { margin-top: 4rem!important; }
.mt-8,.my-8 { margin-top: 4.5rem!important; }
.mt-9,.my-9 { margin-top: 5rem!important; }

.col-md-auto {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

@media (min-width: 768px) {
    .col-md-5 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 1120px;
    }
}

.sub-menu-user { padding: 10px; background-color: #f2f2f2; }
.sub-menu-user:after {display:block;visibility:hidden;clear:both;content:""}
.sub-menu-user a { display: block; }
.sub-menu-user a:after {display:block;visibility:hidden;clear:both;content:""}
.user-ava,.user-info { float: left; }
.user-ava { overflow: hidden; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #e1e7ec; }
.user-ava img { width: 100%; height: auto; }
.user-info { padding-left: 8px; font-size: 12px; }
.user-info h6 { font-size: 14px; font-weight: bold; }


/* 갤러리 목록 */
div.card a { position: relative; display: block; z-index: 1; }
div.card a .chk_box {position:absolute; top:0; right:0; padding:5px;z-index: 2; }
div.card a .thumb_area { position:relative; z-index: 1; overflow: hidden; min-height: 275px; background-color: #EEE; background-image: url('/gn/img/no_img.gif'); background-size: cover; background-position: center; }
div.card a .thumb_area img { width:100%; height:auto; }
div.card a .thumb_area .gra_black_vertical { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: 0; padding: 0 24px; transition: opacity .2s; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);}
div.card a:hover .thumb_area {  }
div.card a:hover .thumb_area img {  }
div.card a .thumb_area.ad_thumb_area img {  }
div.card a:hover .thumb_area .gra_black_vertical { opacity: 1; }
div.card a div.title_area { overflow: hidden; display: block; padding: 0px; margin-bottom: 10px; letter-spacing: -.5px; }
div.card a div.title_area div.title { color: #333; margin-bottom: 10px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 30px; box-sizing: border-box; }
div.card a div.title_area div.desc { color: #999; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height: 30px; box-sizing: border-box; }
div.card a div.card-icon { min-height: 20px; }
div.card a div.card-icon .icon_benefit { display: inline-block; padding: 0 6px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 11px; line-height: 20px; color: #999; letter-spacing: -.9px; }
div.card a div.card-icon .icon_benefit.hot { color: #FFF; background-color: #f2074c; border: 1px #f2074c solid; }
div.card a div.card-icon .icon_benefit.new { color: #ffffff; background-color: #2dab9b; border: 1px #2dab9b solid; }
div.card a div.card-icon .icon_benefit.coupon { color: #f2074c; background-color: #FFF; border: 1px #f2074c solid; }
div.card a .price_area { display: block; font-size: 18px; letter-spacing: .5px;  }
div.card a .price_area div.custom_price { display: inline-block; font-size: 15px; font-weight: bold; letter-spacing: .5px; color: #333; margin-right: 10px; }
div.card a .price_area strong { font-size: 18px; font-family: Roboto,Sans-serif; letter-spacing: .5px; color: #f2074c/*#17a2b8*/; }
div.card a .review_area { background-color: #FFF; text-align: center; padding: 15px 0; border-top: 1px #EEE solid; }
div.card a .review_area .review_num { color: #f66; letter-spacing: 0; }
div.card a .review_area .review_percent { color: #999; letter-spacing: 0; }
div.card a .review_area .review_store { display: inline-block; font-size: 13px; color: #666; letter-spacing: -.5px; }
div.card a .review_area .review_store em { font-style: normal; }
div.card a .review_area .review_store+.review_store:before { display: inline-block; width: 1px; height: 2px; margin: 0 3px; background-color: #FFF; vertical-align: top; content: ''; vertical-align: middle; }
div.card div.state { position:absolute; z-index: 2; top:0; left:0; display: none; background: rgba(0, 0, 0, 0.5); text-align:center; text-transform:uppercase; font-size: 14px; line-height:1.4; color:#FFF; padding: 5px 10px; width: 35px; }
div.empty_list { width: 100%; padding:85px 0;text-align:center }

.embed-container { position: relative; z-index: 1; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe,.embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.bnr-ad { position: relative; z-index: 1; min-height: 300px; background-image: url('/gn/data/banner/10'); background-repeat: no-repeat; background-size: cover; background-position: center; margin-bottom: 30px; text-align: center; color: #FFF; }
.bnr-ad:after {display:block;visibility:hidden;clear:both;content:""}
.bnr-ad h1 { display: block; padding: 100px 0; font-size: 3.5rem; }


.btn-sm { padding: 0.25rem 0.5rem; font-size: .875rem; line-height: 1.5; border-radius: 0.2rem; }

.footer { background: #e9eef2; color: rgba(0,0,0,0.38); }



div#dralex_layer {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    min-width: 380px;
    max-width: 380px;
    z-index: 999999999;
}

div#dralex_layer div.dralex_layer_inner {
    background: white;
    padding: 15px;
    border-radius: 30px;
    box-shadow: rgba(0,0,0,0.3) 0px 12px 60px 5px;
    animation: 0.25s ease-out 0s 1 normal none running scaleAni;
}

@keyframes scaleAni{
    0%{ opacity: 0; transform: scale(0.7); }
    100%{ opacity: 1; transform: scale(1); }
}

@-webkit-keyframes scaleAni{
    0%{ opacity: 0; transform: scale(0.7); }
    100%{ opacity: 1; transform: scale(1); }
}

div#dralex_layer div.dralex_layer_inner div.dralex_layer_body_img {

}

div#dralex_layer div.dralex_layer_inner div.dralex_layer_body_img img {
    border-radius: 7px;
    box-shadow: rgb(0 0 0 / 10%) 0px 2px 16px 1px;
    width: 100%;
}

div#dralex_layer div.dralex_layer_inner a.dralex_layer_header_closed {
    position: absolute;
    top: 2px;
    right: 0px;
    width: 36px;
    height: 36px;
    padding: 8px;
    border-radius: 13px;
    opacity: 1;
    display: block;
}

div#dralex_layer div.dralex_layer_inner a.dralex_layer_header_closed svg.close_icon {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin: 0px;
    color: #777;
    opacity: 1;
}

div#dralex_layer div.dralex_layer_inner p.dralex_layer_body_content {
    letter-spacing: -0.1px;
    max-height: 16.8rem;
    padding: 20px 0;
    overflow: hidden;
    font-size: 0.95rem;
    line-height: 1rem;
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: pre-line;
}

div#dralex_layer div.dralex_layer_inner a.dralex_layer_body_more {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    padding: 14px;
    letter-spacing: -0.1px;
    font-weight: bold;
    color: #402519;
    cursor: pointer;
    background: linear-gradient(90deg, #efdc00 48.41%, #ecd900) 100% center;
    border-radius: 17px;
    box-shadow: rgba(0,0,0,0.05%) 0px 0px 2px 1px, rgba(0,0,0,0.08%) 0px 2px 6px, rgba(255, 255, 255,0.12) 0px 0px 2px inset;
    opacity: 1;
    transition: box-shadow 0.2s ease-out 0s;
    font-size: 1rem !important;
    line-height: 1.7rem !important;
}

div#dralex_layer div.dralex_layer_inner div.dralex_layer_header {
    position: relative;
    z-index: 1;
}

div#dralex_layer div.dralex_layer_inner div.dralex_layer_header div.dralex_layer_header_title {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

div#dralex_layer div.dralex_layer_inner div.dralex_layer_header div.dralex_layer_header_title div.dralex_layer_title_text {
    max-width: 210px;
    margin-left: 8px;
    overflow: hidden;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.85);
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: -0.1px;
    font-size: 1.2rem;
    line-height: 2.52rem;
}

div#dralex_layer div.dralex_layer_inner div.dralex_layer_header div.dralex_layer_header_title div.dralex_layer_title_text span.dralex_layer_title_time { 
    color: #999; 
    font-size: 0.75rem;
    line-height: 2.52rem;
}

div#dralex_layer div.dralex_layer_inner div.dralex_layer_header div.dralex_layer_header_title div.dralex_layer_title_text span.dralex_layer_title_time:before {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin: 2px 2px;
    content: "";
    border-radius: 50%;
    background-color: #31a552;
    opacity: 1;
    animation: opacityAni 0.5s infinite;
}

@keyframes opacityAni{
    0%{ opacity: 0; }
    100%{ opacity: 1; }
}

@-webkit-keyframes opacityAni{
    0%{ opacity: 0; }
    100%{ opacity: 1; }
}