@charset "utf-8";

@font-face {
	font-family: 'NotoKrL';
	font-style: normal;
	font-weight: 100;
	src: local('Noto Sans Light'), local('NotoSans-Light'), url(/fonts/notokr-light.eot);
	src: url(/fonts/notokr-light.eot?#iefix) format('embedded-opentype'),
		 url(/fonts/notokr-light.woff2) format('woff2'),
		 url(/fonts/notokr-light.woff) format('woff');;
}

@font-face {
	font-family: 'NotoKrR';
	font-style: normal;
	font-weight: 300;
	src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(/fonts/notokr-regular.eot);
	src: url(/fonts/notokr-regular.eot?#iefix) format('embedded-opentype'),
		 url(/fonts/notokr-regular.woff2) format('woff2'),
		 url(/fonts/notokr-regular.woff) format('woff');
}

@font-face {
	font-family: 'NotoKrM';
	font-style: normal;
	font-weight: 500;
	src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(/fonts/notokr-medium.eot);
	src: url(/fonts/notokr-medium.eot?#iefix) format('embedded-opentype'),
		 url(/fonts/notokr-medium.woff2) format('woff2'),
		 url(/fonts/notokr-medium.woff) format('woff');
}

@font-face {
	font-family: 'NotoKrB';
	font-style: normal;
	font-weight: 700;
	src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(/fonts/notokr-bold.eot);
	src: url(/fonts/notokr-bold.eot?#iefix) format('embedded-opentype'),
		 url(/fonts/notokr-bold.woff2) format('woff2'),
		 url(/fonts/notokr-bold.woff) format('woff');
}

/* 초기화 */
html {overflow-y:scroll}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,strong,span,em,iframe,img, textarea,input {margin:0px;padding:0px}
body {width:100%;font-family:'NotoKrR', '나눔 고딕', NotoKrR Gothic, "맑은 고딕", Malgun Gothic, '돋움',dotum,Helvetica,sans-serif;font-size:13.5px;line-height:150%;color:#666; letter-spacing:-0.5px; text-align:left;word-break:break-all;-ms-word-break:break-all; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {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, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:'NotoKrR','나눔 고딕', NotoKrR Gothic, "맑은 고딕", Malgun Gothic, '돋움',dotum,Helvetica,sans-serif; }
button {cursor:pointer}

textarea, select {font-family:'NotoKrR','나눔 고딕', NotoKrR Gothic, "맑은 고딕", Malgun Gothic, '돋움',dotum,Helvetica,sans-serif; }
select {margin:0; }
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none}

li{list-style:none; margin:0px; padding:0px;}

.txtLef {text-align:left !important;}
.txtRig {text-align:right !important;}
.txtCen {text-align:center !important;}
.txtJus {text-align:justify !important;}
.clear {clear:both; content:''; display:block;}



/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {min-width:1200px;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_qnb {border-bottom:1px solid #cdcdcd;background:#f3f3f3;zoom:1}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_qnb div {text-align:center;letter-spacing:-4px}
#hd_qnb a {letter-spacing:0}

#hd_wrapper {position:relative;margin:15px auto;width:1200px;text-align:center;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {height:80px; line-height:80px; text-align:left;}
.header_adban {position:absolute; top:0px; right:0px; }

#hd_sch {position:absolute;top:50%;left:50%; margin-left:-200px; width:400px;text-align:left;margin-top:-20px}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch .tsearchfA { border-bottom:4px solid #ec8c01; }
#hd_sch #sch_str {padding-left:0px;width:370px;height:30px;line-height:30px;border:0;background:#fff;font-size:1.1em; font-family: 'NotoKrM'; outline:none; margin:0px; }
#hd_sch #sch_submit {padding:0 5px 0px 0px;height:30px;line-height:24px;border:0;background:none;color:#ec8c01;cursor:pointer;font-size:18px; margin:0px; }
#ppl_word{text-align:right;margin-top:12px}
#ppl_word li{display:inline-block;padding:0 0 0 8px;font-size:1em; font-family: 'NotoKrM';  }
#ppl_word li a{color:#333}
#ppl_word li a:hover {text-decoration:underline;}

#tnb {border-bottom:1px solid #cdcdcd; font-family: 'NotoKrM'; background:#f3f3f3; }
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {margin:0 auto;;width:1200px;text-align:right;font-size:0;position:relative;zoom:1;}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {display:inline-block;font-size:12.5px; height:30px;text-transform:capitalize}
#tnb a {display:inline-block;padding:0 15px;color:#6f6e6e;line-height:30px;}
#tnb a:hover{color:#ff6b00;}
#tnb a:focus, #tnb a:hover {text-decoration:none}
#tnb b{font-weight:normal; color:#cf2025;font-family: 'NotoKrB';  }
#tnb .tnb_bookmark{position:absolute;top:0;left:0; }
#tnb .tnb_bookmark i{font-size:14px; display:inline-block; margin-right:5px; color:#ff6b00;}
#tnb .tnb_bookmark span {color:#ff6b00;font-family: 'NotoKrB'; }
#tnb .tnb_cart{ }
#tnb .thene_adm_btn{position:fixed;height:40px;line-height:40px;top:53px;left:0;background:#333;color:#fff;z-index:9999;text-align:center;padding:0;}
#tnb .thene_adm_btn a{color:#fff;padding:0}
#tnb .thene_adm_btn i{width:40px;font-size:1.25em;float:left;line-height:40px;}
#tnb .thene_adm_btn  b{display:none;float:left;background:#555;font-weight:normal;padding:0 10px;float:left;line-height:40px;}
#tnb .thene_adm_btn:hover b{display:block}
#tnb .thene_adm_btn a:hover {border-bottom:0 !important}

/* aside:gnb */
#gnb {margin:0 auto ;width:1200px;position:relative;}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}


#gnb .cate_btn{float:right;position:relative;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1; text-align:center;}
#gnb .cate_btn #menu_open{width:150px;height:68px;border:0;background:none; color:#f2881a; outline:none;font-size:16.5px; outline:none;}
#gnb .cate_btn #menu_open i{font-size:20px;  display:inline-block; margin-left:8px; }
#category .close_btn{position:absolute;width:149px;height:70px;border:0; top: -70px;right:0px;background: #fff; color:#ff6b00;  outline:none;}
#category .close_btn i{font-size:20px; display:inline-block; margin-left:8px; }

#gnb .gnb_1dli {word-wrap: break-word;float:left;position:relative;width:auto}
#gnb .gnb_1dli_on {color:#333;text-decoration:none}
#gnb .gnb_1da {display:block;padding:0 20px;height:68px;line-height:68px; text-decoration:none;color:#fff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#gnb .gnb_1da:hover{color:#55bccb}
#gnb .gnb_1dli_on .gnb_1dam {;text-decoration:none}

#gnb .gnb_2dul {display:none;z-index:1000; position:absolute;border:3px solid #231606;min-height:559px;max-width:443px;    min-width: 100%;white-space: nowrap;}
#gnb .gnb_1dli_over .gnb_2dul,#gnb  .gnb_1dli_over2 .gnb_2dul {display:block;background:#fff}
#gnb .gnb_2dul:before {content: "";position: absolute;top: -8px;left: 25px;;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #000 transparent;}
#gnb .gnb_2dul:after {content: "";position: absolute;top: -7px;left:25px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;}
#gnb .gnb_2da {display:none; }
#gnb .gnb_1dli_over .gnb_2da {display:block;padding:6px 0 2px 0;color:#6d6d6d;line-height:18px; font-size:12.5px;}
#gnb .gnb_1dli_over .gnb_2da:hover{color:#f1881a}
#gnb  .gnb_2ul_tit{color:#000; margin-bottom:10px; font-weight:normal; 	font-family: 'NotoKrB'; font-size:1.2em;}

.gnb_2dul_left{display:inline-block;width:140px;padding:15px;vertical-align:top}
.gnb_2dul_right{display:inline-block;width:242px;border-left:1px solid #ddd;padding:13px 15px;vertical-align:top}
.gnb_2dul_right img{width:240px;height:529px;}
.gnb_2dul_left .gnb_2ul_tit{border-bottom:1px solid #bfbfbf;display:block;padding-bottom:10px;}
.gnb_2dul_left ul{padding:10px 0}
.gnb_2dul_left li {clear:both;}


#gnb .gnb_menu {position:absolute; top:0px; left:0px;font-family: 'NotoKrM';letter-spacing:-1px;}
#gnb .gnb_menu ul{float:right; list-style:none; padding:0px; margin:0px; }
#gnb .gnb_menu ul:after {clear:both; content:''; display:block;}
#gnb .gnb_menu li{float:left; }
#gnb .gnb_menu li a {display:block; height:68px; line-height:68px; color:#000; padding:0px 35px; font-size:18.5px;}
#gnb .gnb_menu li a:hover{color:#a8aab7;}
#gnb .gnb_menu li a i{display:inline-block; margin-right:8px; font-size:22px;}

.nav { background: #f1f1f1;border-top:1px solid #e1e1e1 ;border-bottom:2px solid #ff6b00;}
.fixed {position: fixed;  top:0; left:0;  width: 100%;z-index:90 }

/*카테고리*/
#category{display:none;position:absolute;top:68px;right:-1px;width:1196px;border:2px solid #ff6b00;background:#fff;z-index:100;text-align:left;font-family: 'NotoKrM'; }
#category .ct_wr{padding:20px 20px 20px 5px;}
#category ul:after {display:block;visibility:hidden;clear:both;content:""}
#category .cate{margin-left:10px;line-height:20px;}
#category .cate_li_1{float:left;text-align:left;width:175px;min-height:150px; margin:5px 0px 10px 15px;}
#category .cate_li_1_a{background:#f1f1f1;margin-bottom:5px; padding:5px 0px; text-align:center; display:block;font-family: 'NotoKrB'; font-size:1.05em;}
#category .cate_li_2 {width:100%;float:none;font-size:1.05em;line-height:24px;height:24px;margin:0}
#category .cate_li_2  a {color:#6d6d6d;display:block}
#category a:hover{color:#ff6b00}

/* 중간 레이아웃 */
#wrapper {z-index:5;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#wrapper_title, #container_title {font-size:1.6em; padding:30px 0px 20px 0px; font-weight:normal;font-family: 'NotoKrM'; color:#000; }

/* aside wrapper */

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





/*퀵메뉴*/
#quick{height:100%;position:fixed;top:0;right:0;z-index:120}
#quick .qk_btn{position:absolute;top:50%;left:-48px;margin-top:-112px}
#quick .qk_btn button{width:50px;height:50px;color:#777;background:#fff;border:1px solid #ddd;border-right:0;margin-top:-1px;font-size:14px}
#quick .qk_btn a{display:inline-block;text-align:center;width:48px;height:48px;line-height:48px;;color:#777;background:#fff;border:1px solid #ddd;border-right:0;margin-top:-1px;font-size:14px}
#quick .qk_btn button:hover{color:#000;border-left:1px solid #000}
#quick .qk_btn a:hover{color:#000;border-left:1px solid #000}

#quick .tabsCon{height:100%;text-align:center}
#quick .qk_con{position:relative;background:#fff;height:100%;width:230px;display:none;overflow-y:auto;border-left:1px solid #ddd;
box-shadow: -1px 0px 6px rgba(0, 0, 0, 0.2) ;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) -1px 0px 6px ; 
        -moz-box-shadow:rgba(0, 0, 0, 0.2) -1px 0px 6px}
#quick .qk_con_wr{padding:20px;padding-top:90px;}
#quick .qk_con h3{text-align :center;padding:0 15px;margin-bottom:20px;font-family:'dotum',sans-serif;display:inline-block;font-size:1.167em}
#quick .qk_con h3 span,#quick .qk_con h3 a{display:inline-block;background:#fff;font-weight:bold;padding:0 10px}
#quick .con_close{position:absolute;top:0;left:0;width:100%;height:70px;background:#eee;border:0;color:#fff;font-size:40px;text-shadow: 1px 2px 3px #ddd;}
#quick .con_close:hover{color:#999;background:#ddd}
.qk_prdli {border-top:1px solid #e6e6e6;text-align:left;}
.qk_prdli li{border-bottom: 1px solid #e6e6e6;padding: 10px 0;position:relative}
.qk_prdli li:after{display:block;visibility:hidden;clear:both;content:""}
.qk_prdli .qk_img{float:left;width:80px;padding-right: 10px;}
.qk_prdli .qk_txt{float:left;width:80px;text-align:left;}
.qk_prdli .info_date{color:#999;font-size:0.92em}
.qk_prdli .qk_name{font-weight:bold;line-height:1.3em;margin:5px 0;display:block;}
.qk_prdli .qk_opt{font-size:0.92em;color:#888;margin:5px 0;line-height:1.3em}
.qk_prdli .prd_del{;display:none;position:absolute;bottom:0;right:0;width:25px;height:25px;background:#ddd;color:#999;border:0;}
.qk_prdli li:hover .prd_del{display:block}
.qk_cart_btn{margin:10px 0}
.qk_cart_btn .qk_go_cart{width:100%;background:#242424;font-weight:bold;color:#fff;border:0;height:40px;line-height:40px;margin:0 0 5px;transition: all 0.3s ease;display:inline-block}
.qk_cart_btn .qk_go_cart:hover{background:#ae1548}
.qk_cart_btn .qk_go_buy{width:100%;background:#fff;font-weight:bold;color:#444;border:1px solid #ccc;height:40px;margin:0 0 5px}
#quick .cart_al{text-align:left;margin:10px 0;position:relative;;line-height:1.5em}
#quick .cart_al strong{position:absolute;top:0;right:0}
#quick_open{display:none;background:#000;height:43px;width:43px;border-radius:50%;color:#fff;border:0;font-size:15px;z-index:99}
#top_btn{border:0;background:none;position:fixed;bottom:20px;right:20px;}
#top_btn img{opacity:0.6}
#top_btn img:hover{opacity:1}

/* 하단 레이아웃 */
#ft {clear:both;padding:0 0 20px;border-top:1px solid #000;margin-top:40px; background:#f1f1f1;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft .ft_wr {position:relative;width:1200px;margin:0 auto;}
#ft .ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
#ft #idx_notice{float:right;width:310px;border:1px solid #ddd;height:255px}
#ft_logo {position:absolute;top:20px;left:0}
#ft a {text-decoration:none}
#ft .ft_info {margin:0;padding:20px 0;line-height:18px;float:left;width:800px}
.ft_info h2{margin-bottom:10px;}
.ft_info p{font-size:0.92em;color:#555;}
#ft span {display:inline-block;margin:0 10px 0 0}
#ft .copyright{margin-top:10px;display:inline-block;}
#ft b {display:inline-block;font-weight:normal}
.ft_link{border-bottom:1px solid #ddd;font-size:0.92em}
.ft_link:after {display:block;visibility:hidden;clear:both;content:""}
.ft_link li{float:left;padding:15px 0;margin-right:10px;font-weight:bold}
#ft .ft_sns{position:absolute;top:0;right:0;padding:13px 0}
#ft .ft_sns h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft .ft_sns a{display:inline-block;margin-left:10px;font-size:15px;color:#888}
#ft .ft_sns a:hover{color:#000}


.ft_board{float:right;width:200px;padding-left:20px;border-left:1px solid #ddd;margin-top:20px}
.ft_board h2{margin-bottom:10px;}
.ft_board li{font-size:0.92em;line-height:18px}
.ft_board li a{;color:#555}
/*메인 index*/
.idx_ev_nt{}
.idx_ev_nt:after {display:block;visibility:hidden;clear:both;content:""}


#cate_best{margin:90px 0;text-align:center}
#cate_best h2{display:inline-block;padding-bottom:5px;margin-bottom:20px;border-bottom:2px solid #000;font-size:1.25em}
#cate_best .sct_noitem{line-height:270px;padding:0;color:#999}
#cate_best .tab ul{text-align:center;border-left:1px solid #ddd;}
#cate_best .tab ul:after {display:block;visibility:hidden;clear:both;content:""}
#cate_best .tab li{float:left;margin:0;padding:0;width:20%}
#cate_best .tab li button{border:0;background:none;line-height:35px;color:#6f6f6f;border:1px solid #ddd;font-size:11px;padding: 0 20px;width:100%;border-left:0;}
#cate_best .tab .tab-1 button{}
#cate_best .tab li .tab_selected{border-bottom:1px solid #fff;font-weight:bold;border-top:1px solid #000;background:#fff;;color:#333}
#cate_best .tab li a{border:0;background:none;border-left:1px solid #ddd;border-bottom:1px solid #ddd;line-height:40px;color:#6f6f6f;display:block;text-align:center}
#cate_best .tab .tab-1 a{border-left:0}
#cate_best .tab_content{background:#fff;border:1px solid #ddd;border-top:0;padding:20px;min-height:200px}
#cate_best_item{border:1px solid #ddd;padding:50px;margin-top:-1px}
#idx_magazine{text-align:center;margin:80px 0 30px}
#idx_magazine h2{display:inline-block;padding-bottom:5px;margin-bottom:20px;border-bottom:2px solid #000;font-size:1.25em}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

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

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

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle}
.cke_sc_def {margin: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}
*/
/* 목록 바로가기 */
.sanchor {margin:0 0 0px;padding:0;height:52px; border-bottom: 1px solid #333;}
ul.sanchor:after {clear:both; content:''; display:block;}
.sanchor li {position:relative;float:left;list-style:none; width: 20%;}
.sanchor li:first-child {border-left:none;}
.sanchor a {display:block; text-align:center; border-left:none; padding:8px 0;  height:35px; color:#959595;border-right:1px solid #cccccc;border-top:1px solid #cccccc;text-decoration:none;line-height:250%; font-size:14.5px; background:#f5f5f5;}
.sanchor li:first-child a{border-left:1px solid #ccc;}
.sanchor a:hover {background:#e9e9e9;}
.sanchor a.sanchor_on {background:#fff; color:#313131; font-family: 'NotoKrM'; text-decoration:none; border-top:2px solid #333; border-left:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #fff;}
.sanchor li:first-child a.sanchor_on{border-left:1px solid #333;}
.sanchor a.sanchor_on .sanchor_count {}
/* 콘텐츠별 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 버튼 */
a.btn01 {display:inline-block;padding:0 7px;height:35px;line-height:35px;border:1px solid #ccc;background:#fff;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:0 7px;height:35px;border:1px solid #ccc;background:#fff;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:0 7px;height:35px;;line-height:35px;border:1px solid #333;background:#333;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:0 7px;height:35px;border:1px solid #333;background:#333;color:#fff;text-decoration:none}

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

.btn_submit {padding:0 10px;height:35px;line-height:35px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 10px;height:35px;line-height:1em}

a.btn_cancel {display:inline-block;padding:0 10px;height:35px;line-height:35px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:0 10px;height:35px;;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:0 10px;height:35px;line-height:35px;border:1px solid #d9ded9;background:#fff;color:#000;text-decoration:none;vertical-align:middle;font-weight:bold}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:0 10px;height:35px;line-height:35px;border:1px solid #333;background:#333;color:#fff;text-decoration:none;vertical-align:middle;font-weight:bold}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:0 10px;height:35px;line-height:35px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;font-weight:bold} /* 관리자 전용 버튼 */
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 #000;border-bottom:1px solid #ddd;background:#f3f3f3;color:#333;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 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 #ddd;border-bottom:1px solid #ddd;background:#f3f3f3;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;background:#fff;}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:100px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f7f7f7;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_address {margin-top:5px}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center;color:#999;font-size:0.92em;}
.empty_list {padding:50px 0 !important;text-align:center;color:#999;font-size:0.92em;}

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

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

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width: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}


/* 자바스크립트 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;text-align:center;padding:20px 0 ;text-align:center}
.pg{display:inline-block;border:1px solid #ddd;border-left:0}
.pg:after {display:block;visibility:hidden;clear:both;content:""}
.pg_page, .pg_current, .qa_page {display:inline-block;float:left;padding:0 10px;height:30px;color:#000;letter-spacing:0;line-height:30px;min-width:10px;vertical-align:middle;border-left:1px solid #ddd;background:#fff}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_start,.qa_start{background:url(../img/page_btn.gif) no-repeat 0 0 ;text-indent:-9999px;overflow:hidden;width:30px;height:30px;padding:0}
.pg_prev,.qa_prev {background:url(../img/page_btn.gif) no-repeat -30px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;padding:0}
.pg_end,.qa_end{background:url(../img/page_btn.gif) no-repeat -93px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;padding:0}
.pg_next ,.pg_next{background:url(../img/page_btn.gif) no-repeat -63px 0;text-indent:-9999px;overflow:hidden;width:30px;height:30px;padding:0}
.pg_current {display:inline-block;margin:0;background:#000;color:#fff;font-weight:normal}

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

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

#smb_my_ov {margin:0 0 20px}
#smb_my_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#smb_my_act {margin:0 0 10px;;zoom:1}
#smb_my_act:after {display:block;visibility:hidden;clear:both;content:""}
#smb_my_act ul {float:right;margin:0;padding:0;list-style:none}
#smb_my_act li {float:left;margin:0 0 0 4px}
#smb_my_act a{height:30px;line-height:30px;font-size:0.92em}
#smb_my_ov dl {margin:0;border:3px double #000;background:#fff;zoom:1}
#smb_my_ov dl:after {display:block;visibility:hidden;clear:both;content:''}
#smb_my_ov dt {float:left;padding:7px 10px;width:100px;border-bottom:1px solid #e9e9e9;font-weight:bold}
#smb_my_ov dd {float:left;margin:0;padding:7px 10px;width:258px;border-bottom:1px solid #e9e9e9}
#smb_my_ov dd a{text-decoration:underline;font-weight:bold}
#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_od td{text-align:center;width:14%}
#smb_my_od .td_numbig{text-align:right}
#smb_my_wish h2 {margin:0 0 10px}

.smb_my_more {text-align:right}
.smb_my_more a{border-color:#aaa}

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

//* 장바구니 */
#sod_bsk {background:#fff;;padding:30px; border-top:1px solid #000}
#sod_bsk td{padding:10px}
#sod_bsk .td_num,#sod_bsk .td_dvr,#sod_bsk .td_numbig{border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9}
#sod_bsk .sod_img {width:80px;text-align:center;vertical-align:top;padding-right:0}
#sod_bsk .td_numbig{width:70px}
.sod_opt {margin:5px 0 0;}
.sod_opt ul {margin:0;padding:0;list-style:none}
.sod_opt li {padding:3px;border-top:1px dotted #bbb;font-size:0.92em}
.sod_option_btn .mod_options {margin:0;padding:3px 3px ;font-size:0.92em;border:0;border:1px solid #ccc;color:#666;font-size:0.92em;background:#f3f3f3;cursor:pointer}

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


#sod_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:#fff;overflow-y:scroll;overflow-x:none}
#mod_option_frm{
-moz-box-shadow:    2px 2px 5px 0 rgba(0,0,0,0.4);
-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.4);
box-shadow:         2px 2px 5px 0 rgba(0,0,0,0.4);}
#mod_option_frm td select{width: 100%;height:25px}

#sod_bsk_tot {margin:20px 0 20px;padding:10px;border:4px solid #c8c8c8;background:#fff;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:48%;font-weight:bold}
#sod_bsk_tot dd {margin:0;padding-right:2%;width:48%;text-align:right}
.sod_bsk_cnt {background:#364d98;color:#fff}
.sod_bsk_point {border-bottom:0 !important}

#sod_bsk_act {text-align:center}
#sod_bsk_act a{height:43px;line-height:43px;padding:0 10px;width:100px;font-weight:bold}
#sod_bsk_act button {height:45px;padding:0 10px;width:120px;font-weight:bold}
#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}

#sod_frm {}
#sod_frm h2 {margin:0 0 10px}

#sod_frm p {margin:10px 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:#f3f3f3;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_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 td {padding:8px 5px 6px !important;border-top:1px solid #e9e9e9 !important;border-bottom:1px solid #e9e9e9 !important;line-height:1.5em !important;word-break:break-all !important}
#sod_frm_pay_info {margin:0 0 10px}

#sod_frm_pay #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:#f3f3f3;overflow-y:scroll}

#sod_frm_paysel {margin:0 0 20px;padding:10px;border:1px solid #e9e9e9;background:#f2f5f9;text-align:center}
#sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden}

#sod_frm_paysel .KPAY{background:url('../../../img/kpay_logo.png') no-repeat;width:37px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;}
#sod_frm_paysel .PAYNOW{background:url('../../../img/paynow_logo.png') no-repeat;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;}
#sod_frm_paysel .PAYCO{background:url('../../../img/payco_logo.png') no-repeat 1px;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;}

.kakaopay_icon{background:url('../../../img/kakao.png') no-repeat ;height:21px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px}

#display_pay_button .btn_submit{height: 45px;padding: 0 10px;width: 120px;font-weight: bold;}
#display_pay_button .btn01{height: 43px;line-height:43px;padding: 0 10px;font-weight: bold;}
#settle_bank {margin:10px 0 0;background:#fff;padding:20px}
#settle_bank select{margin-bottom:5px}
#settle_bank .frm_input{margin-left:5px}
#sod_frm_escrow {margin:30px 0 0}

#display_pay_process {padding:20px;text-align:center}
#sod_frm .cp_cancel,#od_coupon_cancel,#sc_coupon_cancel{background:#999}

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

/* 주문내역 */
#sod_v {}
#sod_v .basic_tbl {text-align:center}
#sod_v td{text-align:center;width:14%}
#sod_v td.td_numbig{text-align:right}
#sod_v_info {margin:0 0 10px}

/* 주문상세내역 */
#sod_fin {}
#sod_fin .tbl_head01 tbody th{background:#f3f3f3;text-align:left;padding:10px}
#sod_fin_no {margin:20px 0;padding:10px;border:2px solid #b9c7d6;background:#e2e9ef;border-radius:5px}

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

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


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

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

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

#sod_fin_list h2 {margin:0 0 10px}
#sod_fin_list td {height:30px;padding:5px}
#sod_fin_list td a{font-weight:bold}
#sod_fin_list .td_numbig,#sod_fin_list .td_num{text-align:right;width:100px}
#sod_fin_list .td_imgsmall,#sod_fin_list .td_mngsmall,#sod_fin_list .td_dvr{width:80px}
#sod_fin_view {}
#sod_fin_view:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_view h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_view h3 {margin:0 0 10px}
#sod_fin_view .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}
#sod_fin_pay {margin-bottom:30px}

#sod_fin_orderer {float:left;width:590px;margin:20px 0}

#sod_fin_receiver {float:right;width:590px;margin:20px 0}

#sod_fin_dvr {;clear:both;margin:20px 0}
#sod_fin_dvr .dvr_link {color:#ff3061;text-decoration:underline}

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

#sod_fin_cancel {text-align:center}
#sod_fin_cancel h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_cancel button {padding:10px;border:0;background:#ff3600;color:#fff}
#sod_fin_cancelfrm {display:none;margin:10px 0 0}
#sod_fin_cancelfrm .frm_input {background:#fff}
#sod_fin_cancelfrm .btn_frmline{border:0;background:#999;color:#fff;height:24px;padding:0 5px}
#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 #000;background:#f3f3f3;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;line-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}

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

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

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

/*네이버페이*/
.itemform-naverpay{padding-top:15px;clear:both}
.cart-naverpay{margin-top:15px}

/* 메인중간광고*/
#showcase{position:relative;}
#showcase .showcase-onepage .showcase-content{}
#showcase .showcase-button-wrapper{clear:both; position:absolute; top:10px; right:15px;  text-align:right; z-index:11;}
#showcase .showcase-button-wrapper span{display:inline-block; width:12px; height:12px; margin-left:4px; cursor:pointer; text-indent:-99999px; overflow:hidden; background:#fff; font-size:0px;border-radius: 20px !important;  -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; }
#showcase .showcase-button-wrapper span.active{  background:#ec8c01; }

#showcase_event{position:relative; width:1200px;}
#showcase_event .showcase-onepage .showcase-content{ width:1200px;}
#showcase_event .showcase-button-wrapper{clear:both; position:absolute; top:10px; right:15px;  text-align:right; z-index:11;}
#showcase_event .showcase-button-wrapper span{display:inline-block; width:12px; height:12px; margin-left:4px; cursor:pointer; text-indent:-99999px; overflow:hidden; background:#fff; font-size:0px;border-radius: 20px !important;  -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; }
#showcase_event .showcase-button-wrapper span.active{  background:#ec8c01; }

#showcase_event .showcase-arrow-next {position:absolute; top:83px;outline:0; width:34px; height:34px; margin-top:0px; text-indent:-9999px; z-index:11;left:30px; background:url(/img/prev_next_btn.png) no-repeat 0 0px;  cursor:pointer; opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);}
#showcase_event .showcase-arrow-previous{position:absolute; top:83px; outline:0; width:34px; height:34px; margin-top:0px; text-indent:-9999px; z-index:11;right:30px; background: url(/img/prev_next_btn.png) no-repeat -35px 0; cursor:pointer;opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50); }
#showcase_event .showcase-arrow-next:hover, #showcase_event .showcase-arrow-previous:hover  {opacity:1.0; 	-moz-opacity:1.0; 	filter: alpha(opacity=100);-webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}


.sleventA  {display:block; width:1200px; height:200px; overflow:hidden;position:relative;}
.sleventA ul{margin:0px 0px 0px 0px; padding:0px;  }
.sleventA ul:after {clear:both; content:''; display:block;}
.sleventA li {float:left; margin:0px; padding:0px;}
.sleventA #prevBtn{position:absolute;left:0px;top:83px; cursor:pointer; width:34px; height:34px; text-indent:-9999999px;background:url(/img/prev_next_btn.png) no-repeat 0 0px;  cursor:pointer; opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50); cursor:pointer;  opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);  -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
.sleventA #nextBtn{position:absolute;right:0px;top:83px; cursor:pointer;width:34px; height:34px; text-indent:-9999999px; background: url(/img/prev_next_btn.png) no-repeat -35px 0; cursor:pointer;  opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);  -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}


.pott {color:#ff6b00 !important;}
.pt80 {padding-top:80px !important;}

#idx_bot{clear:both; display:block; width:1200px; margin:0 auto; border-top:1px solid #333;  padding-top:20px;}
#idx_bot h2{display:block;padding:10px 0px 10px 0px;font-size:1.4em;font-weight:normal;font-family: 'NotoKrM'; color:#000;}
#idx_notice{float:left;width:380px;  padding-top:10px;}
#idx_bank{float:left; width:340px; padding:0px 60px;}
#idx_bank .bankimg {margin:7px 0px 15px 0px;}
#idx_bank strong {font-weight:normal;font-family: 'NotoKrB'; color:#000; font-size:1.65em; }
#idx_bank span {display:inline-block; margin-left:10px;  font-family: 'NotoKrM'; }

#idx_cs{float:right;  width:360px; padding:0px 0px;}
#idx_cs .info {background:#f6f6f6; padding:15px 20px;}
#idx_cs .cs_tel{ margin-bottom:10px;display:block; font-weight:normal; font-family: 'NotoKrB'; color:#ff6b00; font-size:1.8em; }
#idx_cs .cs_tel i {display:inline-block; margin-right:10px;}
#idx_cs .cs_info{font-size:0.95em;line-height:1.4em}

ul.eveList {margin:0px; padding:0px;}
ul.eveList:after {clear:both; content:''; display:block;}
ul.eveList  li{float:left; width:388px; margin-right:18px; margin-bottom:18px;}
ul.eveList  li.el{margin-right:0px;}
ul.eveList  li.el:after {clear:both; content:''; display:block;}

#brandMain {display:block; background:#f4f4f4; padding:30px;}
ul.brandList {margin:0px; padding:0px;}
ul.brandList:after {clear:both; content:''; display:block;}
ul.brandList  li{float:left; width:200px; margin-right:35px; margin-bottom:35px; text-align:center;}
ul.brandList  li.el{margin-right:0px;}
ul.brandList  li.el:after {clear:both; content:''; display:block;}
ul.brandList  li a{display:block; border:1px solid #e5e5e5; background:#fff;}
ul.brandList  li a .imgA {height:74px; overflow:hidden;}
ul.brandList  li a .sbjA {background:#f8f8f8;border-top:1px solid #e5e5e5;  height:34px; line-height:34px; overflow:hidden;font-family: 'NotoKrM';  }
ul.brandList  li a:hover {border:1px solid #ff6b00;}

.bestnum {position:absolute; top:-1px; left:-1px; width:40px; height:40px; text-align:center; line-height:40px; z-index:99; background:rgba(50,50,50,0.95); color:#fff;  font-size:1.2em; }
.bestnum_el {position:absolute; top:-1px; left:-1px; width:40px; height:40px; text-align:center; line-height:40px; z-index:99; background:#ff6b00; color:#fff;font-family: 'NotoKrB'; font-size:1.2em;  }


/*********** 20190524 추가 css *********/
/*로고 이미지 사이즈*/ #logo a img {height:100%;}
/*탑배너*/
.header_adban {width:270px;}
.header_adban img {float:left;}
.header_adban p { float: left; font-size: 16px; width: 160px; text-align: left; margin: 10px 0 0 10px;}
.header_adban p strong {color:#ec8c01;}
/*탑배너*/