@charset "utf-8"; /* ----------------------------
	초기화
-----------------------------*/

html {overflow-y:scroll;margin:0;padding:0;}
body {margin:0;padding:0;font-size:12px; overflow-x:hidden; background:#fff;}
 
body, article, p, h1, h2, h3, h4, h5, h6, a, div, ul, li, ol, dl, dd, dt, {margin:0;padding:0; font-size:12px; font-family:"Montserrat","Nanum Gothic", Sans-serif;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
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}
div, ol,ul,li{list-style:none;padding:0;margin:0;font-family:"Montserrat","Nanum Gothic", Sans-serif; box-sizing:border-box;}
label, input, button, select, img {vertical-align:middle}
input, button, span, samp {margin:0;padding:0; font-family:"Montserrat","Nanum Gothic", Sans-serif; font-size:1em}
button {cursor:pointer;}
textarea, select {font-family:"Montserrat","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}
fieldset {border:none}

/* a-style */
a {font-size:12px;color:#555; text-decoration:none;}
a:hover, a:active {color:#2bacbc;text-decoration:none;}

.clear {clear:both;}
i {vertical-align:middle;}


/* 팝업레이어 */
#hd_pop {z-index:1000; position:relative; margin:0 auto; width:1000px; 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}

/* 관리자, cp 버튼*/
.float_menu {position:fixed; right:0; top:400px; z-index:9999;}
.float_menu ul li {display:block; width:40px; height:40px; line-height:40px; background:#000; z-index:9999; text-align:center; padding:0;}
.float_menu ul li a {color:#fff;}
.float_menu ul li i {width:40px; font-size:1.25em; line-height:40px;}
.float_menu ul li  b {display:none; position:absolute; right:40px; margin-top:-41px; width:110px; background:#555; font-weight:normal; padding:0 10px; line-height:40px;}
.float_menu ul li:hover b {display:block}

.float_menu2 {margin-top:40px;}
.float_menu2 ul li {background:#88b04c;}
.float_menu2 ul li b {background:#bde287;}

code {font-family:"Montserrat","Nanum Gothic", Sans-serif; font-weight:normal; display:inline-block; line-height:17px; margin-top:5px; padding:3px 5px; font-size:11px; color:#999; background:#fffed8; border-radius:3px;}
@media(max-width:480px) {
	.float_menu {display:none}
}
/* ----------------------------
	상단 레이아웃
-----------------------------*/

/* 메인상단 */
#hd_m {position:fixed; width:100%; background-color:transparent; top:0; left:0; text-align:center; transition:top 0.2s ease-in-out; padding:30px 0; z-index:9999;}
#hd_h1 {position:absolute; font-size:0; line-height:0; overflow:hidden }
#hd_m .hd_wrapper {position:relative; margin:0 auto; zoom:1; max-width:1120px; overflow:hidden; }
#hd_m .hd_wrapper:after {display:block; visibility:hidden; clear:both; content:"" }
 
#hd_m .logo {position:relative; float:left; height:40px; line-height:40px; vertical-align:middle; width:280px; text-indent:-999px; background:url(../img/logo-white.png) left center no-repeat; }

#hd_m .gnb {position:relative; float:right; height:40px; line-height:40px; vertical-align:middle; width:auto; padding:0; text-align:right; margin-right:30px;}
#hd_m .gnb ul {overflow:hidden; font-size:0; padding:0; margin:0;} 
#hd_m .gnb li {display:inline-block; padding:0; margin:0; margin-right:20px;}
#hd_m .gnb li a {display:block; font-weight:300; color:#fff; opacity:0.9; line-height:40px; padding:0; margin:0; font-size:14px;}
#hd_m .gnb li a:hover {color:#fff; opacity:1.0}

#hd_m .gnb li a i {margin:0; padding:0; line-height:40px;}
#hd_m .gnb li.cart {margin-right:40px; position:relative;}
#hd_m .gnb li.cart a .cart-count {position:absolute; z-index:2; left:15px; top:8px; padding:0; margin:0; display:block; width:auto; min-width:16px; height:16px; line-height:16px; text-align:center; background:#88b04c; border-radius:50%; font-size:11px; box-sizing:border-box; font-weight:400;}

/* scroll-nav  */
#hd_m.scroll-nav {background:#ffffff; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=95)'; filter:alpha(opacity=95); opacity:.95; padding:10px 0; box-shadow:0 2px 5px rgba(0,0,0,0.2); }
#hd_m.scroll-nav .logo {height:32px; line-height:32px; background:url(../img/logo-dark.png) left center no-repeat; }

#hd_m.scroll-nav .gnb {height:32px; line-height:32px; }
#hd_m.scroll-nav .gnb li a {color:#777; line-height:32px; }
#hd_m.scroll-nav .gnb li a:hover {color:#222; opacity:1.0}
#hd_m.scroll-nav .gnb li a .cart-count {top:9px; color:#fff; }
 
#hd_m .mobile_menu {display:none;}
#hd_m.scroll-nav .mobile_menu {display:none;}	


@media(max-width:992px) {
	#hd_m .gnb  {margin-right:30px;}
	#hd_m .gnb li {margin-right:15px; }	
}
@media(max-width:768px) {
 	#hd_m .gnb  {margin-right:10px;}
	
	#hd_m .mobile_menu {display:block; padding:5px 7px;  width:auto; float:right; margin-right:0px; border:1px solid rgba(255,255,255,0.2); border-radius:3px; vertical-align:middle;}
	#hd_m .mobile_menu:active {background:rgba(255,255,255,0.1);}
	#hd_m a i {font-size:20px !important; color:#fff; margin-top:0; }
	
	#hd_m .gnb li {display:none; } 
	#hd_m .logo {width:200px; margin-left:10px;background-size:100%; }
	
	#lang {margin-top: -5px;  right: 55px !important;}
 
	/* scroll-nav  */
	#hd_m.scroll-nav .mobile_menu {display:block; border:1px solid rgba(0,0,0,0.1);}
	#hd_m.scroll-nav .mobile_menu:active {background:rgba(0,0,0,0.1);}
	#hd_m.scroll-nav a i {color:#555;}
	
	#hd_m.scroll-nav .logo {width:200px; margin-left:10px;background-size:100%; }
	#hd_m.scroll-nav .gnb a i {margin-top:0; }
	
	#lang.scroll-lang {margin-top:-1px;}
}
@media(max-width:480px) {
}


/*-------------------------------------------------
 모바일 상단메뉴 - gnb
-------------------------------------------------*/
@media(max-width:480px) {
	#lang {display:none;}
}
/*카테고리*/
#category{display:none; position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,1); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-backface-visibility:hidden;z-index:999999;}
#category .ct_wr{width:300px; float:right; height:100%;overflow-y:auto;background:#fff;}
#category h1 {height:50px; line-height:50px; border-bottom:1px solid #ddd; background:#88b04c; color:#fff; text-align:center;}
#cate_close {position:absolute; display:block; right:300px; width:50px;height:50px; line-height:50px; color:#fff; background:transparent; border:none;}
#cate_close img {width:50%;}

.cate_list {background:#fff;width:100%;text-align:left;text-indent:20px;padding-bottom:51px;}
.cate_list li {position:relative;border-bottom:1px solid #e9e9e9;}
.cate_list li a {font-weight:bold; font-size:16px; line-height:50px; color:#545454; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;padding-right:50px;}
.cate_list li a:active {color:#88b04c;}

.cate_list li .ct_op {display:inline-block; height:50px; width:50px;position:absolute;top:0;right:0;border:none; background:#fff;}
.cate_list li .ct_op {display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;font-size:26px; color:#999;}
.cate_list li .ct_op:before {content:"\f107";}
.cate_list li .ct_cl:before {content:"\f106";}

.cate_list .sub_cate{display:none; border-top:1px solid #ddd;}
.cate_list .sub_cate li {padding:0 10px; background:#f8f8f8;}
.cate_list .sub_cate li a {font-size:14px; line-height:42px; color:#555; font-weight:normal;}
.cate_list .sub_cate li:last-child {border-bottom:none;}

.cate_bot {position:absolute; bottom:0; background:#fff;width:300px;text-align:center; border-top:1px solid #e9e9e9;}
.cate_bot li {position:relative; width:50%; float:left; box-sizing:border-box;}
.cate_bot li:first-child { border-right:1px solid #e9e9e9;}
.cate_bot li a {font-size:14px; line-height:50px; color:#989898 !important; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:0;}
.cate_bot li a i {font-size:14px; line-height:50px; color:#989898 !important; margin-right:5px;}
.cate_bot li a .cart-count {position:absolute; left:55%; top:18px; display:block; width:auto; min-width:18px; height:18px; line-height:18px; vertical-align:middle; text-align:center; background:#88b04c; border-radius:50%; font-size:13px; color:#fff; box-sizing:border-box; font-weight:400; padding:0; }


/* ----------------------------
	하단레이아웃
-----------------------------*/
/* 푸터*/
#ft {clear:both; width:100%;}
#ft .ft_top {background-color:#363636; padding-top:50px;}
#ft .ft_bot {background-color:#303030;}
#ft .ft_cont {padding:0 15px; min-height:190px; margin-bottom:30px;}

#ft h1 {font-family:'Montserrat', sans-serif; font-weight:400; color:#eee; font-size:18px; margin-bottom:25px;}
#ft p { text-indent:-0.5px; font-size:13px;line-height:26px; color:#757575;}
#ft .lt_title,
#ft .lt_more {display:none;}

#ft .ft_sns a {font-size:20px; color:#757575; padding:0; margin:0; margin-right:20px;}
#ft .ft_sns a:hover {color:#aaa;}

#ft .ft_bot {padding:20px 0; font-size:12px;line-height:22px; color:#777;}
#ft .ft_bot li {float:right; margin-left:20px;} 
#ft .ft_bot li a { font-size:13px;line-height:22px; color:#888;} 

@media(max-width:768px) {
	#ft {padding:0;}
	#ft .ft_cont {padding:0 30px; margin-bottom:40px; min-height:auto;}
	#ft h1 {font-size:17px; margin-bottom:10px;}
	#ft p {font-size:13px;line-height:22px;}
	#ft .ft_about, 
	#ft .ft_news {display:none;}	
	#ft .ft_bot {padding:20px 30px;line-height:16px;}
	#ft .ft_bot li {float:left; margin-left:0; margin-right:20px; margin-top:10px;} 
	#ft .ft_bot li a {font-size:12px;line-height:20px; color:#888;} 
}
@media(max-width:480px) {
	#ft .ft_top {padding-top:30px;}
	#ft .ft_cont {padding:0 20px; margin-bottom:20px;}
	#ft .ft_sns h1 {display:none;}
	#ft .ft_bot {padding:15px 20px;}
}



/* ----------------------------
	 중간 레이아웃
-----------------------------*/

#wrapper {z-index:5; margin:30px auto; width:1000px; zoom:1}
#wrapper:after {display:block; visibility:hidden; clear:both; content:""}
#wrapper_title {margin-bottom:20px; font-size:1.2em; font-weight:bold}

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

/*가로값*/
.contain_w {width:1120px; margin:0 auto;}
@media(max-width:768px) {
.contain_w {width:100%}
}
/* 텍스트 크기 조절 */
#text_size {display:none; position:absolute; top:-31px; left:-1px}
#text_size button {padding:0 10px; height:30px; border:1px solid #cfded8; border-bottom:0; background:#000; color:#fff; cursor:pointer}

/* 화면낭독기 사용자용 */
#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 {border:1px solid #ddd; padding:10px; display:inline-block}
#captcha #captcha_key {width:70px}

/* 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:0 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%}

/* 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}
.sanchor:after {display:block; visibility:hidden; clear:both; content:""}
.sanchor li {float:left; margin-left:-1px; list-style:none}
.sanchor a {display:inline-block; border:1px solid #e9e9e9; background:#f2f5f9; padding:0 7px; height:30px; text-decoration:none; line-height:2.6em}
.sanchor a:focus, .sanchor a:hover {background:#626870; color:#fff; text-decoration:none}
.sanchor a.sanchor_on {background:#626870; color:#fff !important; text-decoration:none}

/* 콘텐츠별 스타일 */
.cnt_cmt {display:inline-block; margin:0 0 0 3px; font-weight:bold}
div.btn_confirm {text-align:center}
/* 버튼
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:center} /* 서식단계 진행 

.btn_submit {padding:8px; border:0; background:#ff3061; color:#fff; letter-spacing:-0.1em; cursor:pointer}
fieldset .btn_submit {padding:0 7px; height:24px; line-height:1em}

a.btn_cancel {display:inline-block; padding:7px; border:1px solid #ccc; background:#fafafa; color:#000; text-decoration:none; vertical-align:middle}
button.btn_cancel {display:inline-block; padding:7px; border:1px solid #ccc; background:#fafafa; color:#000; vertical-align:top; text-decoration:none}

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

/* 게시판용 버튼 
a.btn_b01 {display:inline-block; padding:7px; border:1px solid #d9ded9; background:#f2f5f9; color:#000; text-decoration:none; vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block; padding:7px 7px; border:1px solid #3b3c3f; background:#4b545e; color:#fff; text-decoration:none; vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block; padding:7px; 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 #d1dee2; border-bottom:1px solid #d1dee2; background:#e5ecef; color:#383838; font-size:0.95em; text-align:center; letter-spacing:-0.1em} */
.tbl_head01 thead th {padding:12px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f5f5f5; color:#383838; font-size:0.95em; text-align:center; letter-spacing:-0.1em}
.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 tfoot th, .tbl_head01 tfoot td {padding:10px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f5f5f5; text-align:center}
.tbl_head01 tbody th {padding:8px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.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 #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}
.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 {}

/*-----------------gallery 게시판 스타일-----------------------
#bo_img_list {margin:10px 0 0; padding:0; list-style:none; zoom:1; display:inline-block}
#bo_img_list .bo_img_list_li {position:relative; float:left; margin-right:10px; margin-bottom:20px;}
#bo_img_list .bo_img_list_li input[type="checkbox"] {position:absolute; left:7px; top:7px;}
#bo_img_list .bo_img_con {margin:0; padding:0; line-height:auto; border:0; border-radius:0px; overflow:hidden;}
#bo_img_list .bo_img_con .bo_img_href a {text-decoration:none;}
#bo_img_list .bo_img_con .bo_img_text_href {position:relative; background:#fff; text-align:left; padding:7px 0px !important;}
#bo_img_list .bo_img_con .bo_img_text_href a {display:inline-block; font-size:13px; color:#343d46; line-height:20px; width:100%; height:40px; overflow:hidden; text-overflow:ellipsis;}
#bo_img_list .bo_img_con li:nth-child(2), #bo_img_list .bo_img_con li:nth-child(3) {padding:20px;}
#bo_img_list .bo_img_con .bo_img_subject {display:inline-block; font-size:13px;}
.text-major {color:#88b04c !important;}
.text-gray {color:#aaa !important;}

@media(max-width:768px) {
#bo_img_list {padding:15px;}
#bo_img_list .bo_img_list_li {position:relative; float:left; margin:0; margin-top:10px; background-color:#fff; width:100% !important;}
#bo_img_list .bo_img_list_li input[type="checkbox"] {position:absolute; left:7px; top:7px;}
#bo_img_list .bo_img_list_li:first-child {margin-top:0;}
#bo_img_list .bo_img_con {width:100%;}
#bo_img_list .bo_img_con .bo_img_href { text-align:center}
#bo_img_list .bo_img_con .bo_img_href span {margin:0 auto;}
#bo_img_list .bo_img_con .bo_img_text_href {width:100%; text-align:center; background-color:#fff; padding:20px 10px !important;min-height:0;}
#bo_img_list .bo_img_con .bo_img_text_href a {width:100% !important;}
#bo_img_list .bo_img_con .bo_img_text_href img {width:100% !important;}
#bo_img_list .bo_img_con li:nth-child(2), #bo_img_list .bo_img_con li:nth-child(3) {padding:0px;}
#bo_img_list .bo_img_con .bo_img_subject {width:100%;}
}*/

/* 폼 테이블 */
.tbl_frm01 {font-size:12px; margin:0; padding:30px 0; border-top:0}
.tbl_frm01 table {width:100%; border-collapse:collapse; border-spacing:0}
.tbl_frm01 th {color:#333; vertical-align:top; text-align:left; padding:18px 10px; font-weight:normal;}
.tbl_frm01 td {line-height:20px; color:#777; vertical-align:top; background:#fff; text-align:left; padding:10px; font-weight:normal;}
.tbl_frm01 textarea {padding:2px 2px 3px}
.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}
span.form-info {display:inline-block !important; line-height:17px; margin-top:5px; padding:3px 5px; font-size:11px; color:#999; background:#fffed8; border-radius:3px;}
/* 자료 없는 목록 */
.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}

/* 테이블 항목별 정의 */
.td_board {width:120px; 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_default {width:60px; text-align:center}
.td_dvr {width:30px; 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}
.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_con {padding:10px 0}
.ctt_img {text-align:center}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 자바스크립트 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:0; padding:30px 0; text-align:center}
.pg {}
.pg_page, .pg_current, .qa_page {display:inline-block; padding:0 8px; height:auto; font-size:13px; color:#000; letter-spacing:0; line-height:2.2em; vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page, .qa_page {background:#e4eaec; text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block; background:#333; color:#fff; font-weight:normal}

@media(max-width:480px) {
.pg_page, .pg_current, .qa_page {padding:0 12px; border-radius:3px; height:auto; font-size:15px; color:#000; letter-spacing:0; line-height:2.2em; vertical-align:middle}
	
}




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

/* ----------------------------
	 마이페이지
-----------------------------*/ 
#smb_my {width:100%; max-width:1120px; margin:0 auto;}

#smb_my h3 {font-size:16px; padding:10px 0; font-weight:600; margin-bottom:0px; margin-top:40px;}
#smb_my h3:before {content:"\f13a"; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; margin-right:7px;}

/* 회원정보개요 */
#smb_my_ov {margin:0 0 20px; padding:30px; background:#f5f5f5; margin-bottom:40px;}
.smb_my_details {overflow:hidden;}
.smb_my_details ul {float:left; width:32.8%; margin-right:0.8%; margin-bottom:9px; padding:20px; background:rgba(255,255,255,0.8); border:1px solid #e9e9e9; border-radius:3px; box-sizing:border-box;}
@media(min-width:769px) {
.smb_my_details ul:nth-child(3n) {margin-right:0;}
}
 {float:left; width:32.2%; margin-right:1%; margin-bottom:5px; padding:20px; background:rgba(255,255,255,0.8); border:1px solid #e9e9e9; border-radius:3px; box-sizing:border-box;}
.smb_my_details ul li {display:block; color:#aaa; min-width:70px; font-size:12px; line-height:20px;} 
.smb_my_details ul li:last-child {font-size:18px; color:#333; padding-top:7px;}
.smb_my_details ul li:last-child a {font-size:18px; color:#333; border-bottom:1px solid #ccc;}

@media(max-width:768px) {
	#smb_my_ov {padding:20px;}
	.smb_my_details ul {width: 48%;margin:1%;}
	.smb_my_details ul li:last-child, .smb_my_details ul li:last-child a {font-size:15px;}
}
@media(max-width:480px) {
	#smb_my_ov {padding:10px;}
	.smb_my_details ul {width: 100%;margin:0; margin-top:10px;}
	.smb_my_details ul:first-child {margin-top: 0}
	
}

/* ----------------------------
	 장바구니
-----------------------------*/ 
/* 장바구니 결제페이지 */ 
.table-summary-wrapper {padding:20px; border:1px solid #ddd; box-sizing:border-box; width:100%;}
.table-summary-wrapper h2 {padding:10px 0px; line-height:20px; color:#333; vertical-align:middle; border-bottom:1px solid #fff; font-size:18px; font-weight:bold; margin-bottom:10px;}
.table-summary {font-size:12px; margin:0 !important; border-top:0; padding:0;}
.table-summary > tbody > tr > th {color:#333; vertical-align:top; text-align:left; padding:8px; font-weight:normal; font-size:13px;}
.table-summary > tbody > tr > td  {line-height:20px; color:#777; vertical-align:top; background:#fff; text-align:left; padding:8px; font-weight:normal; font-size:13px;}
.total-price {color:#88b04c !important; font-weight:bold !important; font-size:17px !important; border-top:1px solid #88b04c; padding:12px 8px !important;}


#sod_frm_paysel {margin:10px 0; padding:15px; background:#f2f5f9; text-align:left;}
#sod_frm_paysel legend {position:absolute; font-size:0; line-height:0; overflow:hidden}
#settle_bank {}








 
 
 
#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_ovaddt {border-bottom:0 !important}
#smb_my_ovaddd {width:590px !important; border-bottom:0 !important}

#smb_my_od {margin:0 0 20px}
#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:1px solid #e9e9e9; border-bottom:0; background:#f2f5f9}
.sod_opt ul {margin:0; padding:0; list-style:none}
.sod_opt li {padding:3px; border-bottom:1px solid #e9e9e9}
.sod_option_btn .mod_options {margin:0; padding:3px 0; width:100%; border:0; background:#ff882a; color:#fff; cursor:pointer}

#sit_opt_added {margin:0; padding:0; border:1px solid #e9e9e9; border-bottom:0; background:#fff; list-style:none}
#sit_opt_added li {padding:10px 20px; border-bottom:1px solid #e9e9e9}
#sit_opt_added li div {margin:5px 0 0; text-align:right}
#sit_opt_added button {margin:0 0 0 1px}

#sod_bsk_list {position:relative}
#sod_bsk_list #mod_option_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; background:#f2f5f9; overflow-y:scroll; overflow-x:none}

#sod_bsk_tot {margin:0 0 20px; padding:10px 20px; border:0; background:#f5f5f5; 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:#fff; color:#333; font-size:15px; border:0;}
.sod_bsk_point {border-bottom:0 !important}

/*#sod_bsk_act {text-align:center}
#sod_bsk_act p {margin:0 0 10px}*/

/* 위시리스트 */
#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}

h2.title {display:block;font-size:16px; padding:10px 0; font-weight:600; border-bottom:1px solid #e3e3e3; margin-bottom:10px;}
h2.title:before {content:"\f13a"; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; margin-right:7px;}

#sod_frm {max-width:1120px; width:100%; margin:0 auto;}

#sod_frm .tbl_frm01 {padding:0; margin:0;}

#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; background:#f2f5f9; overflow-y:scroll; overflow-x:none}

#sod_frm_orderer {margin:20px 0 40px}
#sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon {display:inline-block; margin:5px 0 0}

#sod_frm_addr div {position:relative} /* FF 포지션 */
#sod_frm_addr div div {position:absolute; top:-20px; left:170px}

#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}

#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}
#sod_frm_pay h2 {margin:0 0 10px}
#sod_frm_pay .tbl_wrap th {width:200px !important; font-weight:bold; text-align:center !important}
#sod_frm_pay .tbl_wrap td {border-top:1px solid #e9e9e9 !important; border-bottom:1px solid #e9e9e9 !important; word-break:break-all !important; line-height:30px;}
#sod_frm_pay_info {margin:0 0 10px}

#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; background:#f2f5f9; overflow-y:scroll}

#settle_bank {margin:10px 0 0}

#sod_frm_escrow {margin:30px 0 0}

#display_pay_process {padding:20px; text-align:center}

/* 배송지 목록 */
#sod_addr .td_mng button {margin:0; padding:0; border:0; background:transparent}

/* 주문내역 */
#sod_v {width:100%; max-width:1120px; margin:0 auto;}
#sod_v .basic_tbl {text-align:center}
#sod_v_info {margin:0 0 10px}

/* 주문상세내역 */
#sod_fin {width:100%; max-width:1120px; margin:0 auto;}

#sod_fin_no {margin:0 0 20px}

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

#sod_fin_legend {padding:15px; 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}

#sod_fin_view {position:relative;}
#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_pay {padding:10px; border-bottom:1px solid #e9e9e9}

#sod_fin_orderer {padding:10px; border-bottom:1px solid #e9e9e9}

#sod_fin_receiver {padding:10px; border-bottom:1px solid #e9e9e9}

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

/*총구매액*/
#sod_fin_tot {margin-bottom:50px; padding:15px; border:0; background:#88b40c; 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 rgba(0,0,0,0.1); 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_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:1px solid #e9e9e9; background:#f2f5f9; 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 8px; height:24px}
#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 1px 0 0}
#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}

/* 화면 전환 */
#device_change {display:block; margin:0; padding:0.7em 0; border-top:1px solid #e9e9e9; ; background:#f2f5f9; color:#000; font-size:1.2em; text-decoration:none; text-align:center}

/*메일인증*/
.rg_em{margin-top:5px}
.rg_em caption{padding:0; font-size:0; line-height:0; overflow:hidden}

/* powered by */
#powered_by {padding:6px 10px; font-size:10px; color:#777; text-align:center}
#powered_by a {color:#555; /*text-decoration:none*/}


 
/* 2018-01-12 추가 */
.sit_icon {position:absolute; z-index:9; left:0; top:0;}