@charset "utf-8";
/*******************************************
Author: GABIA
Author URL: http://www.gabia.com
Creation Date : 2014-09-25
Modify Date : 2014-10-16
*******************************************/
/*@import url("main.css");
@import url("product.css");
@import url("order.css");
@import url("event.css");
@import url("myinvil.css");
@import url("member.css");
@import url("reset.css");
@import url("base.css");
@import url("search.css");
@import url("cscenter.css");
@import url("popup.css");*/

/* 스킵네비 */
#skipNavi {position:relative; width:100%; z-index:9999;}
#skipNavi a {position:absolute; left:0; top:0; width:100%; height:0; overflow:hidden; /*z-index:9999;*/}
#skipNavi a:active, #skipNavi a:focus {position:absolute; top:0; left:0; width:100%; height:auto; background:#0071ce; padding:10px 0 15px; text-align:center; font-size:16px; line-height:16px; font-weight:bold; color:#fff; text-decoration:none;}

/* 레이아웃 */
#contWrap {position:relative; width:100%;}
#contWrap .bg_best {position:absolute; bottom:702px; left:0; width:100%; height:825px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:url('../../../images/egovframework/ecf/sample/img_main_best_bg.gif') repeat; z-index:-1;}
#header {position:relative; background:url('../../../images/egovframework/ecf/default/bg_header.gif') repeat-x; width:100%; height:200px; text-align:center;}
#footer {position:relative; background:url('../../../images/egovframework/ecf/default/bg_footer.gif') repeat-x; width:100%; height:326px; text-align:center;}
#container {position:relative; width:1020px; margin:0 auto 60px; min-height:700px;}
#snb {position:relative; float:left; width:180px;}
#content {position:relative; float:right; width:820px;}

/* QUICK - top, side 배너 */
#quickTop .quickTop_close, #quickTop .quickTop_open {position:relative; z-index:1;}
.quick_top_bg {background:url('../../../images/egovframework/ecf/sample/img_quick_top_bg.jpg') repeat; text-align:center;}
.quick_top_close {position:absolute; top:32px; right:30px; display:inline-block; background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -410px -80px; width:60px; height:60px;}
.quick_top_open {position:absolute; top:0px; left:50%; margin-left:-50px; display:inline-block; background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -370px -80px; width:33px; height:17px;}
#quickWrap {position:relative; width:1020px; margin:0 auto; z-index:1;}
#quickWrapClone.flyingMode {position:fixed; top:-200px; left:50%; margin-left:-510px;}
#quickLeft {position:absolute; top:220px; margin-left:-125px;}
#quickRight {position:absolute; top:220px; margin-left:1035px;}
.quick_left {border:1px solid #d9d9d9; background:#fff; width:108px;}
.quick_left li {background:url('../../../images/egovframework/ecf/default/bg_dot_col2.gif') repeat-x top; height:133px; padding-top:1px;}
.quick_left li:first-child {background:url(); padding-top:0;}
.quick_title {width:110px; height:35px; line-height:32px; background:#434854; text-align:center; font-size:12px; font-weight:bold; color:#fff;}
.quick_right {border:1px solid #d9d9d9; border-top:0; background:#fff; width:108px;}
.quick_right li {border-top:1px solid #d9d9d9; text-align:center;}
.quick_right li:first-child {border-top:0;}
.quick_right li .icon, .quick_right li .icon a {height:55px; font-size:11px; color:#333; letter-spacing:-0.05em;}
.quick_right li .icon .ico_zzim {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -320px -50px; width:20px; height:20px; margin:10px 0 2px 0;}
.quick_right li .icon .ico_cart {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -350px -50px; width:20px; height:20px; margin:10px 0 2px 0;}
.quick_right li .icon .ico_ship {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -380px -50px; width:20px; height:20px; margin:10px 0 2px 0;}
.quick_right li .num, .quick_right li .num a {background:#fafafa url('../../../images/egovframework/ecf/default/bg_dot_col.gif') repeat-x top; height:27px; line-height:24px; padding-top:1px; font-size:12px; font-weight:bold; color:#ff7200; letter-spacing:-0.05em;}
.quick_right2 {border:1px solid #d9d9d9; border-top:0; background:#fff; padding:3px 3px 0; text-align:center;}
.quick_right2 ul {border-top:1px solid #d9d9d9;}
.quick_right2 li {border:1px solid #d9d9d9; border-top:0;}
.quick_right2 a.area {display:inline-block; padding:3px 5px 8px;}
.quick_right2 .ico_prev {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -410px -50px; width:5px; height:9px;}
.quick_right2 .ico_next {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -420px -50px; width:5px; height:9px;}
.quick_right2 a:hover .ico_prev {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -410px -60px;}
.quick_right2 a:hover .ico_next {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -420px -60px;}
.quick_title2 {width:110px; height:20px; line-height:18px; background:#757575; text-align:center; font-size:13px; font-weight:bold; color:#fff;}
.quick_right3 {border:1px solid #d9d9d9; border-top:0; background:#fff; text-align:center;}
.quick_right3 li {border-top:1px solid #d9d9d9;}
.quick_right3 li:first-child {border-top:0;}
.quick_right3 li a.area {display:inline-block; padding:0 20px 3px;}
.quick_right3 li .ico_up {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -430px -50px; width:9px; height:5px;}
.quick_right3 li .ico_down {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -440px -50px; width:9px; height:5px;}
.quick_right3 li a:hover .ico_up {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -430px -60px;} 
.quick_right3 li a:hover .ico_down {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -440px -60px;}

/* 헤더/풋터 */
#header .header_wrap {width:1020px; margin:0 auto;}
#header .gnb_wrap {position:relative; background:#eee; height:30px; line-height:26px;}
#header .gnb_wrap .gnb_left {position:absolute; top:0; left:2px;}
#header .gnb_wrap .gnb_left li {float:left; padding:0 8px 0 9px; background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat 0 -171px;}
#header .gnb_wrap .gnb_left li:first-child {background:url('');}
#header .gnb_wrap .gnb_left li a {font-size:12px; color:#333; letter-spacing:-0.05em;}
#header .gnb_wrap .gnb_right {position:absolute; top:0; right:2px;}
#header .gnb_wrap .gnb_right li {float:left; padding:0 8px 0 9px; background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat 0 -171px;}
#header .gnb_wrap .gnb_right li:first-child {background:url('');}
#header .gnb_wrap .gnb_right li a {font-size:12px; color:#333; letter-spacing:-0.05em;}
#header .gnb_wrap .gnb_right li .icon {background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -232px; padding-left:8px; line-height:18px;}
#header .util_wrap {position:relative; height:115px;}
#header .util_wrap .logo {position:absolute; top:0; left:0; line-height:105px; text-indent:10px; text-align:left; font-size:24px; font-weight:bold; color:#58b552; letter-spacing:-2px; text-decoration:none;}
#header .util_wrap .logo em {display:inline-block; background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat 0 0; width:135px; height:50px; vertical-align:middle;}
#header .util_wrap .search {position:absolute; top:35px; left:340px;}
#header .util_wrap .search .search_box {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -140px 0; width:270px; height:35px;}
#header .util_wrap .search .search_box input {margin:4px -1px 1px 10px; border:0; width:210px; height:26px; font-size:14px; vertical-align:top; /**margin-right:2px;*/}
#header .util_wrap .search .search_box button {border:0; background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -370px 0; width:37px; height:35px;}
#header .util_wrap .search .name {padding:7px 10px 0 0; text-align:center;}
#header .util_wrap .search .name li {display:inline-block; background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat 0 -176px; padding-left:6px; /**padding-right:4px; *display:inline; *zoom:1;*/}
#header .util_wrap .search .name li:first-child {background:url('');}
#header .util_wrap .search .name li a {font-size:12px; color:#333;}
#header .util_wrap .util {position:absolute; top:30px; right:4px;}
#header .util_wrap .util li {float:left; padding:0 5px 0 6px; text-align:center;}
#header .util_wrap .util li:first-child {background:url('');}
#header .util_wrap .util li a {font-size:11px; color:#333; letter-spacing:-0.05em;}
#header .util_wrap .util li .ico_event {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat 0 -50px; width:25px; height:28px; margin-bottom:3px;}
#header .util_wrap .util li .ico_plan {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -30px -50px; width:17px; height:28px; margin-bottom:3px;}
#header .util_wrap .util li .ico_good {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -50px -50px; width:23px; height:28px; margin-bottom:3px;}
#header .util_wrap .util li .ico_special {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -80px -50px; width:23px; height:28px; margin-bottom:3px;}
#header .util_wrap .util li .ico_best {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -110px -50px; width:25px; height:28px; margin-bottom:3px;}
#header .util_wrap .util li .ico_eco {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -140px -50px; width:27px; height:28px; margin-bottom:3px;}
#header .util_wrap .util li .ico_purchase {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -170px -50px; width:19px; height:28px; margin-bottom:3px;}
#header .nav_wrap {position:relative; background:#474f64; height:52px;}
#header .nav_wrap .nav_home {position:absolute; top:0; left:0;}
#header .nav_wrap .nav_home em {display:inline-block; background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -200px  -50px; width:62px; height:55px;}
#header .nav_wrap .nav_all {position:absolute; top:0; left:55px;}
#header .nav_wrap .nav_all a {display:inline-block; background:#353945; width:136px; height:55px; line-height:50px; text-align:center; font-size:18px; font-weight:bold; color:#fff; letter-spacing:-1px; text-decoration:none;}
#header .nav_wrap .nav_all a .ico_all {display:inline-block; background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -263px  -50px; width:17px; height:14px;}
#header .nav_wrap .nav {position:absolute; top:0; left:196px;}
#header .nav_wrap .nav li {float:left;}
#header .nav_wrap .nav li a {display:inline-block; padding:0 29px 0 31px; background:#474f64 url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat 0 -240px; height:52px; line-height:50px; text-align:center; font-size:14px; font-weight:bold; color:#fff; letter-spacing:-1px; text-decoration:none;}
#header .nav_wrap .nav li:first-child a {background:url(''); padding-left:31px;}
#header .nav_wrap .nav_sp {position:absolute; top:0; right:0;}
#header .nav_wrap .nav_sp a {display:inline-block; background:#353945; width:156px; height:55px; line-height:50px; text-align:center; font-size:18px; font-weight:bold; color:#fff; letter-spacing:-1px; text-decoration:none;}
#header .nav_wrap .nav_sp a .ico_sp {display:inline-block; background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -290px  -50px; width:19px; height:14px;}
#snb .myinvil {border:2px solid #60bb46;}
#snb .myinvil .title {background:#60bb46; text-align:center; line-height:75px;}
#snb .myinvil .title a {font-size:30px; font-weight:bold; color:#fff; letter-spacing:-1px; text-shadow:0 1px 1px rgba(0,0,0, 0.1); text-decoration:none;}
#snb .myinvil .wrap {padding:20px 0; text-align:center; font-size:14px; letter-spacing:-0.05em;}
#snb .myinvil .wrap dl {margin-left:15px;}
#snb .myinvil .wrap dt {float:left; width:60px; line-height:30px;}
#snb .myinvil .wrap dd {font-weight:bold; color:#333; line-height:30px;}
#snb .myinvil .wrap dd .ico_vip {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -70px -200px; width:25px; height:25px; margin:5px 0 0 3px;}
#snb .myinvil .wrap dd .ico_gold {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -100px -200px; width:25px; height:25px; margin:5px 0 0 3px;}
#snb .myinvil .wrap dd .ico_silver {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -130px -200px; width:25px; height:25px; margin:5px 0 0 3px;}
#snb .myinvil .wrap dd .ico_bronze {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -160px -200px; width:25px; height:25px; margin:5px 0 0 3px;}
#snb .myinvil .wrap button {margin-top:28px; border:1px solid #d9d9d9; background:url('../../../images/egovframework/ecf/default/bg_button.gif') repeat-x 0 0; text-align:center; padding-bottom:3px; width:130px; height:28px; font-size:12px; color:#666; letter-spacing:-0.05em; text-shadow:0 1px 1px rgba(0,0,0, 0.0);}
#snb .myinvil .wrap button span, .btn_qna button span {display:inline-block; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -103px -169px; width:12px; height:8px; /**vertical-align:middle;*/}
#snb .cscenter {border:2px solid #5396fe;}
#snb .cscenter .title {background:#5396fe; text-align:center; line-height:75px;}
#snb .cscenter .title a {font-size:30px; font-weight:bold; color:#fff; letter-spacing:-1px; text-shadow:0 1px 1px rgba(0,0,0, 0.1); text-decoration:none;}
#snb .bul_snb {border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:#fcfcfc;}
#snb .bul_snb > li {border-bottom:1px solid #d9d9d9; padding:0 0 3px 25px; line-height:37px; font-size:16px; font-weight:bold; color:#333; letter-spacing:-1px;}
#snb .bul_snb > li.lh20 {padding:7px 0 10px 25px; line-height:20px}
#snb .bul_snb > li > a {color:#333;}
#snb .bul_snb > li.active {background:url('../../../images/egovframework/ecf/default/bul_snb1.gif') no-repeat 150px 13px;}
#snb .bul_snb > li.lh20.active {background:url('../../../images/egovframework/ecf/default/bul_snb1.gif') no-repeat 150px 21px;}
#snb .bul_snb > li.active a {color:#000;}
#snb .bul_snb > li > ul {margin-bottom:10px;}
#snb .bul_snb > li > ul > li {line-height:22px; font-size:14px; font-weight:normal; color:#666; letter-spacing:-0.05em;}
#snb .bul_snb > li > ul > li > a {color:#333;}
#snb .bul_snb > li > ul > li.active {background:url('../../../images/egovframework/ecf/default/bul_snb2.gif') no-repeat 125px 7px;}
#snb .bul_snb > li > ul > li.active > a {color:#5396fe; font-weight:bold;}
#footer .footer_wrap {width:1020px; margin:0 auto;}
#footer .menu {width:780px; margin:0 auto; background:#666d7c; height:45px; line-height:42px;}
#footer .menu li {float:left; padding:0 30px 0 32px; background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat 0 -284px;}
#footer .menu li:first-child {background:url('');}
#footer .menu li a {font-size:14px; font-weight:bold; color:#fff; letter-spacing:-0.05em; text-decoration:none; text-shadow:1px 1px 1px rgba(0,0,0, 0.1);}
#footer .address dl {padding:30px 0;}
#footer .address dt {float:left; width:250px; text-align:center; margin-top:5px; font-size:21px; font-weight:bold; color:#58b552; letter-spacing:-2px; text-decoration:none;}
#footer .address dt .logo {display:inline-block; background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat 0 0; width:135px; height:50px;}
#footer .address dd {float:left; text-align:left;}
#footer .address dd .copy {margin:0 0 0 15px;}
#footer .address dd .copy li, #footer .address dd .copy li a {font-size:12px; color:#b3b3b3; line-height:18px;}
#footer .address dd .copy li span {display:inline-block; font-size:11px; color:#ccc;}
#footer .address dd .inicis {margin:20px 0 0 25px; width:230px; font-size:11px; color:#ccc;}
#footer .address dd .inicis .ico_inicis {float:left; margin-top:-5px; background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat 0 -110px; width:70px; height:61px;}
#footer .address .mospa {padding:15px 0 15px 265px; text-align:left; font-size:11px; color:#999; line-height:18px;}
#footer .address .mospa .ico_mospa {float:left; margin:7px 5px 0 0; background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -70px -110px; width:90px; height:25px;}
#footer .cert {width:900px; line-height:65px; margin:0 auto;}
#footer .cert li {float:left; padding:0 50px 0 10px; font-size:11px; font-weight:bold; color:#9d9d9d;}
#footer .cert li .ico_verisign {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -160px -110px; width:58px; height:32px;}
#footer .cert li .ico_mediation {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -220px -110px; width:36px; height:32px;}
#footer .cert li .ico_square {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -260px -110px; width:48px; height:32px;}
#footer .cert li .ico_etrust {background:url('../../../images/egovframework/ecf/default/bg_include.png') no-repeat -310px -110px; width:36px; height:32px;}

/* 초기화 */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block;}
body, div, p, span, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, select, textarea, button {margin:0; padding:0;}
body, input, textarea, select, button, table {font-family:'Malgun Gothic', 'dotum', 'gulim', 'Arial', sans-serif; font-size:12px; color:#666;}
input, select, textarea, button {vertical-align:middle;/*border:0; outline:0 none; resize:none; */}
img, fieldset {border:0; vertical-align:middle;}
/*html {overflow-y:scroll;}*/
ul, ol {list-style:none;}
em, address {font-style:normal;}
table {width:100%; border-spacing:0; table-layout:fixed; /**border-collapse:collapse;*/}
table td {word-wrap:break-word; word-break:break-all;}
caption {visibility:hidden; width:0px; height:0px; overflow:hidden; font-size:0; line-height:0;}
col {display:table-column;}
th {text-align:left;}
legend, hr {display:none;}
.hidden {display:block; font-size:0; width:1px; height:1px; line-height:0; overflow:hidden; position:absolute; left:-9999px; text-indent:-9999px;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a, a:active, a:focus {color:#666; text-decoration:none;}
a:hover {color:#5396fe; text-decoration:underline;}
iframe {border:0; margin:0; overflow:hidden;}
button {cursor:pointer; /**overflow:visible;*/}
button+button {/**margin-left:5px;*/}

/* 공통요소 */
.inblock, .inblock li {display:inline-block !important; /**display:inline !important; *zoom:1 !important; *margin-right:5px !important;*/ vertical-align:middle !important;}
.block {display:block !important;}
.block li {display:block !important; margin-top:3px;}
.block li:first-child {margin-top:0;}
.clearfix {/**zoom:1;*/}
.clearfix:after {display:block; clear:both; content:'';}
.scroll {overflow-x:hidden; overflow-y:scroll;}

/*.clearfix li {float:left;}*/
.f_clear {clear:both;}
.f_left {float:left !important;}
.f_right {float:right !important;}
.f_center {display:inline-block; margin:0 auto;}
.t_left {text-align:left !important;}
.t_center {text-align:center !important;}
.t_right {text-align:right !important;}
.v_top {vertical-align:top !important;}
.v_mid {vertical-align:middle !important;}
.v_bot {vertical-align:bottom !important;}
.p_relative {position:relative;}
.p_absolute {position:absolute;}
.c_pointer {cursor:pointer !important;}
.c_default {cursor:default !important;}
.over_hidden {overflow:hidden !important;}
.over_auto {overflow:auto !important;}
.normal {font-weight:normal !important;}
.bold {font-weight:bold !important;}
.small {font-size:11px !important;}
.underline {text-decoration:underline !important;}
.gray, .gray strong {color:#888 !important;}
.gray2, .gray2 strong {color:#555 !important;}
.orange, .orange strong {color:#ff3600 !important;}
.red, .red strong {color:#f81a1a !important;}
.brown, .brown strong {color:#822500 !important;}
.green, .green strong {color:#00976e !important;}
.blue, .blue strong {color:#5396fe !important;}
.navy, .navy strong {color:#457ac7 !important;}
.purple, .purple strong {color:#7400aa !important;}
.wine, .wine strong {color:#da0085 !important;}
.pa_no {padding:0 !important;}
.ma_no {margin:0 !important;}
.bo_no {border:0 !important;}
.img_no {background:url('../../../images/egovframework/ecf/default/img_noimg.gif') no-repeat; width:52px; height:35px; display:inline-block; vertical-align:middle;}
.decimal {list-style:decimal; padding:5px 0 0 18px;}
.decimal li {padding-top:3px;}
.spacing0 {letter-spacing:0 !important;}
.spacing05 {letter-spacing:-0.05em !important;}
.spacing1 {letter-spacing:-0.1em !important;}
.fx12 {font-size:12px !important;}
.fx14 {font-size:14px !important;}
.fx16 {font-size:16px !important;}
.fx18 {font-size:18px !important;}
.fx20 {font-size:20px !important;}
[class^="ico_"] {display:inline-block; vertical-align:middle;}
[class^="btn_"] {display:inline-block; vertical-align:middle; cursor:pointer;}

/* Padding */
.pt_5 {padding-top:5px !important;}
.pt_10 {padding-top:10px !important;}
.pt_15 {padding-top:15px !important;}

.pl_5 {padding-left:5px !important;}
.pl_10 {padding-left:10px !important;}
.pl_15 {padding-left:15px !important;}
.pl_20 {padding-left:20px !important;}
.pl_25 {padding-left:25px !important;}
.pl_30 {padding-left:30px !important;}
.pl_40 {padding-left:40px !important;}

.pr_20 {padding-right:20px !important;}

.pb_20 {padding-bottom:20px !important;}

/* Margin */
.mt_5 {margin-top:5px !important;}
.mt_10 {margin-top:10px !important;}
.mt_15 {margin-top:15px !important;}
.mt_20 {margin-top:20px !important;}
.mt_25 {margin-top:25px !important;}
.mt_30 {margin-top:30px !important;}
.mt_35 {margin-top:35px !important;}

.mb_5 {margin-bottom:5px !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_15 {margin-bottom:15px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_30 {margin-bottom:30px !important;}

.ml_5 {margin-left:5px !important;}
.ml_10 {margin-left:10px !important;}
.ml_20 {margin-left:20px !important;}
.ml_40 {margin-left:40px !important;}

.mr_5 {margin-right:5px !important;}
.mr_10 {margin-right:10px !important;}

.hx20 {height:20px !important;}

.contents {width:100%;}

/* 폼컨트롤 */
input[type="text"], input[type="password"] {border:1px solid #ccc; background:#fff; padding:0 0 2px 5px; height:18px; line-height:18px;}
input[type="radio"], input[type="checkbox"] {width:13px; height:13px; vertical-align:middle; margin-bottom:1px;}
textarea {border:1px solid #ccc; background:#fff; padding:5px 0 0 5px;}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, input[type="text"]:focus, input[type="password"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, textarea:focus {border:1px solid #5396fe; background:#fff;}
select {border:1px solid #ccc; background:#fff; padding:0; height:18px; line-height:18px;}
select:hover, select:focus {border:1px solid #5396fe; background:#fff;}

/* select 스타일 */
div.selector {margin-top:1px;}
div.selector, div.selector span {text-align:left; background:url('../../../images/egovframework/ecf/default/bg_select.png'); cursor:pointer; z-index:100;}
div.selector {overflow:hidden; position:relative; display:inline-block; vertical-align:middle; padding-left:5px; height:23px; line-height:20px; background-position:0 -30px; /**display:inline; *zoom:1;*/}
div.selector span.selected {display:inline-block; width:100%; height:23px; line-height:20px; padding-right:24px; white-space:nowrap; text-overflow:ellipsis; font-size:12px;}
div.selector span.selectbtn {position:absolute; top:0px; right:0; width:24px; height:23px; background:url('../../../images/egovframework/ecf/default/bg_select.png') no-repeat 100% 0;}
select {position:absolute; top:0px; left:0; padding-right:3px; width:100%; height:23px; /*filter:alpha(opacity=0);*/ -moz-opacity:0; opacity:0; cursor:pointer; z-index:100; font-size:12px;}
div.selector.hover, div.selector.active {background-position:0px -90px;}
div.selector.hover span.selected, div.selector.active span.selected {background-position:0 -60px;}
div.selector.hover span.selectbtn, div.selector.active span.selectbtn {background-position:100% -60px;}
.ui-datepicker-title select {position:relative; /*filter:alpha(opacity=100);*/ -moz-opacity:1; opacity:1;}
select.opacity {/*filter:alpha(opacity=100);*/ -moz-opacity:1; opacity:1;}

/* 타이틀 영역 */
.title_box {position:relative; border-top:1px solid #ddd; border-bottom:5px solid #b2b2b2; background:#f9f9f9; padding:15px 20px; margin-bottom:30px;}
.title_box .title {font-size:30px; color:#474747; letter-spacing:-3px;}
.title_box .title span {font-size:30px; font-weight:normal; color:#5396fe;}
.title_box p {line-height:30px; font-size:14px; color:#666; letter-spacing:-1px;}
.title_box2 {position:relative; border-top:1px solid #ddd; border-bottom:5px solid #b2b2b2; background:#fcfcfc; padding:22px 20px 26px; margin-bottom:30px;}
.title_box2 .title {font-size:24px; color:#333; letter-spacing:-2px;}

/* 탭메뉴 */
.tabMenu {overflow:hidden; margin-bottom:28px;}
.tabMenu li {float:left; margin-left:1px; text-align:center;}
.tabMenu li:first-child {margin-left:0;}
.tabMenu li a {display:block; border:1px solid #d8d8d8; background:#e9e9e9; font-size:20px; font-weight:bold; color:#999; height:58px; line-height:54px; letter-spacing:-2px; text-decoration:none;}
.tabMenu li a:hover {color:#999;}
.tabMenu li.active a {border:1px solid #2f3138; background:#33353d; color:#fff;}
.tabMenu .tab_2x li {width:509px;}
.tabMenu .tab_2x li:first-child {width:510px;}
.tabMenu .tab_3x li {width:339px;}
.tabMenu .tab_3x li:first-child {width:340px;}
.tabMenu .tab_4x li {width:254px;}
.tabMenu .tab_4x li:first-child {width:255px;}
.tabMenu .tab_5x li {width:203px;}
.tabMenu .tab_5x li:first-child {width:204px;}

#content .tabMenu .tab_3xs li {width:272px;}
#content .tabMenu .tab_3xs li:first-child {width:274px;}
#content .tabMenu .tab_4x li {width:204px;}
#content .tabMenu .tab_4x li:first-child {width:205px;}
#content .tabMenu .tab_5x li {width:163px;}
#content .tabMenu .tab_5x li:first-child {width:164px;}
#content .tabMenu .fx16 a {font-size:16px;}
#content .tabMenu li a.sp3 {letter-spacing:-3px;}

/* 테이블 - 세로형 */
.tbl_row {border-top:1px solid #d9d9d9;}
.tbl_row th {border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#fcfcfc; padding:9px 0 11px 30px; text-align:left; font-size:12px; color:#666;}
.tbl_row th:first-child {border-left:0;}
.tbl_row th:first-child.line {border-left:1px solid #d9d9d9;}
.tbl_row td {border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#fff; padding:9px 0 11px 20px; text-align:left; font-size:12px; color:#666;}
.tbl_row td.cont {border:1px solid #d9d9d9; border-top:0; background:#fcfcfc; min-height:200px; height:200px; padding:20px 30px 25px; vertical-align:top; color:#888; line-height:20px;}
/* @-moz-document url-prefix(){.tbl_row td.cont {width:758px; display:block; min-height:200px;}} 파이어폭스핵 */
.tbl_row td.cont img {margin-top:20px; max-width:100%;}
.tbl_row th .ico_up {margin:0 10px 1px -10px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -120px -440px; width:7px; height:4px;}
.tbl_row th .ico_down {margin:1px 10px 0 -10px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -120px -450px; width:7px; height:4px;}
.tbl_row .checkbox label {display:inline-block; width:80px; line-height:22px;}
.tbl_row .checkbox label.wx100 {width:100px;}
.tbl_row td.dot {padding:9px 15px 11px;}
.tbl_row td.dot p {background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -289px; padding-left:10px; line-height:18px; color:#666;}
.tbl_row td .ico_del {vertical-align:top; margin-top:4px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -160px -130px; width:11px; height:11px;}
.tbl_row td .order_tb td:first-child {border-left:0;}
.tbl_row td .order_tb td {background:#fcfcfc; padding:9px 10px 9px; text-align:center;}
.tbl_row.cscenter th {padding:12px 0 12px 30px;}
.tbl_row.cscenter td {padding:12px 0 12px 30px;}

/* 테이블 - 가로형 */
.tbl_col {border-top:1px solid #d9d9d9;}
.tbl_col .bg_focus {background:#f9f9f9;}
.tbl_col thead th {border-bottom:1px solid #d9d9d9; background:#fcfcfc url('../../../images/egovframework/ecf/default/bg_table_th.gif') repeat-y left; padding:11px 0 13px; text-align:center; vertical-align:middle; color:#888;}
.tbl_col thead th:first-child {background:#fcfcfc url('');}
.tbl_col tbody th {border-bottom:1px solid #d9d9d9; background:#fcfcfc url(''); padding:9px 0 12px; text-align:center; vertical-align:middle; color:#888;}
.tbl_col td {border-bottom:1px solid #d9d9d9; background:url('../../../images/egovframework/ecf/default/bg_table_td.gif') repeat-y left; padding:9px 0 10px; text-align:center; vertical-align:middle; color:#888;}
.tbl_col td:first-child {background:url('');}
.tbl_col th.left, .tbl_col td.left {text-align:left; padding-left:20px;}
.tbl_col td.nodata {height:50px; color:#666;}

/* 테이블 - 가로형2 */
.tbl_col_2 {border-top:1px solid #e1e1e1;}
.tbl_col_2 .bg_focus {background:#f9f9f9;}
.tbl_col_2 thead th {border-bottom:1px solid #e1e1e1; background:#f6f6f6; padding:11px 0 13px; text-align:center; vertical-align:middle; color:#888;}
.tbl_col_2 tbody th {border-bottom:1px solid #dadada; border-right:1px solid #dadada; background:#f9f9f9; padding:9px 0 12px; text-align:center; vertical-align:middle; color:#888;}
.tbl_col_2 td {border-bottom:1px solid #dadada; padding:9px 0 12px; text-align:center; vertical-align:middle; color:#888;}
.tbl_col_2 th.left, .tbl_col_2 td.left {text-align:left; padding-left:20px;}
.tbl_col_2 td.nodata {height:50px; color:#666;}

/* 테이블 - 가로형3 */
.tbl_col01 {border-top:1px solid #d9d9d9;}
.tbl_col01 thead th {border-bottom:1px solid #d9d9d9; background:#f6f6f6; padding:11px 10px 13px; text-align:center; vertical-align:middle; font-weight:bold;}
.tbl_col01 tbody th {border-bottom:1px solid #d9d9d9; border-right:1px solid #dadada; background:#f9f9f9; padding:10px 10px 12px; text-align:center; vertical-align:middle; font-weight:bold;}
.tbl_col01 td {line-height:16px; border-bottom:1px solid #dadada; padding:10px 10px 12px; text-align:center; vertical-align:middle;}
.tbl_col01 td.left {text-align:left;}
.tbl_col01 td.nodata {height:50px; color:#666;}
.tbl_col01 td .ico_img, .tbl_row td .ico_img {margin-bottom:1px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -90px -440px; width:13px; height:13px;}

/* 페이징 */
.paginate {padding-top:20px; text-align:center; line-height:21px; overflow:hidden;}
.paginate a, .paginate strong {display:inline-block; border:0px solid #fff; padding:2px; min-width:12px; font-size:12px; color:#666; text-decoration:none; margin-left:-5px; /**line-height:16px; *vertical-align:middle;*/}
.paginate a:hover {text-decoration:underline;}
.paginate .strong {font-weight:bold; color:#5396fe; text-decoration:underline;}
.paginate a.pre2 {border:none; padding:2px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat 0 -110px; width:21px; height:21px; vertical-align:middle;}
.paginate a.pre {border:none; padding:2px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -30px -110px; width:21px; height:21px; vertical-align:middle; margin-right:5px;}
.paginate a.next {border:none; padding:2px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -60px -110px; width:21px; height:21px; vertical-align:middle; margin-left:5px;}
.paginate a.next2 {border:none; padding:2px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -90px -110px; width:21px; height:21px; vertical-align:middle;}
.paginate a.pre2:hover {border:none; padding:2px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat 0 -140px; width:21px; height:21px; vertical-align:middle;}
.paginate a.pre:hover {border:none; padding:2px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -30px -140px; width:21px; height:21px; vertical-align:middle; margin-right:5px;}
.paginate a.next:hover {border:none; padding:2px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -60px -140px; width:21px; height:21px; vertical-align:middle; margin-left:5px;}
.paginate a.next2:hover {border:none; padding:2px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -90px -140px; width:21px; height:21px; vertical-align:middle;}

/* 상품 1차 메뉴 */
.navigation {position:relative; margin:20px 0 30px; /**padding-bottom:1px;*/}
.navigation > ul > li {float:left; background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -3px; margin-left:9px; padding-left:13px; height:22px; line-height:20px;}
.navigation > ul > li:first-child {background:url(''); margin-left:0; padding-left:0;}
.navigation > ul > li > a {font-size:14px; color:#333; letter-spacing:-1px;}
.navigation > ul > li div.selector {margin-top:-2px;}
.navigation .navi_btn {position:absolute; top:0; right:0;}
.navigation .navi_btn button {border:1px solid #ccc; background:#fff; height:22px; text-align:center; font-size:12px; color:#333; padding:0 24px 3px; /**padding:0 7px 3px;*/}

/* ------------------------------------------------------------ 메인 ------------------------------------------------------------ */

/* 메인 - 기획전/이벤트 */
.event_wrap {padding-top:20px;}
/* @-moz-document url-prefix(){.event_wrap {margin-top:-15px;}} 파이어폭스핵 */
/*.event_wrap > ul {margin:0 0 0 0;}*/
.event_wrap li {float:left; /*margin-left:0px;*/}
.event_wrap .plan {position:relative; overflow:hidden; background:#e9e9e9; width:762px; height:389px;}
.event_wrap .plan ul.img {width:9999px; height:337px;}
.event_wrap .plan ul.img li {float:left;}
.event_wrap .plan div.prev {position:absolute; top:140px; left:15px; z-index:1;}
.event_wrap .plan div.prev a.btn_prev {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -220px 0; width:60px; height:60px;}
.event_wrap .plan div.prev a.btn_prev:hover {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -360px 0;}
.event_wrap .plan div.next {position:absolute; top:140px; right:15px; z-index:1;}
.event_wrap .plan div.next a.btn_next {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -290px 0; width:60px; height:60px;}
.event_wrap .plan div.next a.btn_next:hover {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -430px 0;}
.event_wrap .plan ul.tab {position:absolute; top:337px; left:0; width:762px; height:52px; background:#525252; z-index:1;}
.event_wrap .plan ul.tab li {float:left; position:relative; margin-left:0; width:152px;}
.event_wrap .plan ul.tab li:first-child {width:154px;}
.event_wrap .plan ul.tab li a {display:inline-block; border-top:2px solid #525252; border-left:2px solid #525252; background:#444; text-align:center; width:150px; height:50px; line-height:48px; font-size:14px; color:#fff; letter-spacing:-0.05em; text-decoration:none;}
.event_wrap .plan ul.tab li:first-child a {border-left:0; width:154px;}
.event_wrap .plan ul.tab li .mask {display:none;}
.event_wrap .plan ul.tab li:hover .mask, .event_wrap .plan ul.tab li.active .mask {display:inline-block;position:absolute; top:-9px; left:2px; background:url('../../../images/egovframework/ecf/default/ico_main_mask.png') no-repeat 65px 0px; width:152px; height:61px;}
.event_wrap .plan ul.tab li:first-child:hover .mask, .event_wrap .plan ul.tab li:first-child.active .mask {left:0; width:154px;}
.event_wrap .plan ul.tab li .mask .border {position:absolute; top:11px; left:0; border:2px solid #5396fe; width:146px; height:46px;}
.event_wrap .plan ul.tab li:first-child .mask .border {width:150px;}
.event_wrap .special {position:relative; overflow:hidden; background:#e9e9e9; width:246px; height:389px; margin-left:12px;}
.event_wrap .special ul.img {margin:0 0 0 0; width:9999px; height:389px;}
.event_wrap .special ul.img li {float:left;}
.event_wrap .special div.prev {position:absolute; top:155px; left:0; z-index:1;}
.event_wrap .special div.prev a.btn_prev {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -250px -70px; width:27px; height:32px;}
.event_wrap .special div.prev a.btn_prev:hover {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -310px -70px;}
.event_wrap .special div.next {position:absolute; top:155px; right:0; z-index:1;}
.event_wrap .special div.next a.btn_next {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -280px -70px; width:27px; height:32px;}
.event_wrap .special div.next a.btn_next:hover {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -340px -70px;}
.event_wrap .event {margin:12px 0 0 -12px;}
.event_wrap .event > ul > li {float:left; position:relative; margin-left:12px; overflow:hidden; background:#e9e9e9; width:246px; height:174px;}
.event_wrap .event li .thumb {position:absolute; top:114px; left:0; width:246px; height:60px;}
.event_wrap .event li .thumb ul {position:relative; z-index:1;}
.event_wrap .event li .thumb li p.village {position:absolute; top:10px; left:18px;font-size:12px; color:#fff; letter-spacing:-0.05em;}
.event_wrap .event li .thumb li p.name {position:absolute; top:28px; left:18px;font-size:14px; font-weight:bold; color:#fff; letter-spacing:-0.05em;}
.event_wrap .event li .thumb li.preview {position:absolute; top:18px; left:130px;}
.event_wrap .event li .thumb li.cart {position:absolute; top:18px; left:160px;}
.event_wrap .event li .thumb li.zzim {position:absolute; top:18px; left:190px;}
.event_wrap .event li .thumb li.preview .ico_preview {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -390px -70px; width:26px; height:26px;}
.event_wrap .event li .thumb li.cart .ico_cart {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -420px -70px; width:26px; height:26px;}
.event_wrap .event li .thumb li.zzim .ico_zzim {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -450px -70px; width:26px; height:26px;}
.event_wrap .event li .thumb .mask {width:246px; height:60px; background:#000; /*filter:alpha(opacity=50);*/ -moz-opacity:0.5; opacity:0.5;}
	
/* 메인 - 개인화 영역 */
.person_wrap {padding-top:35px;}
.person_wrap .product_title, .recom_wrap .product_title, .eco_wrap .product_title {/*height:50px;*/ line-height:55px; font-size:22px; color:#333; letter-spacing:-2px; border-bottom:1px solid #333; margin-bottom:8px;}
.person_wrap .product_title .title_text, .recom_wrap .product_title .title_text, .eco_wrap .product_title .title_text {font-size:22px; font-weight:normal;}
.person_wrap .product_title .s_text, .recom_wrap .product_title .s_text, .eco_wrap .product_title .s_text {display:inline-block; margin-bottom:-5px; font-size:14px; color:#666; letter-spacing:-0.05em;}
.person_wrap .product_made .ico_made {margin:0 0 3px 10px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -220px -110px; width:32px; height:32px;}
.person_wrap .product_made .made_count {top:20px;}
.person_wrap .product_made .made_box {margin-top:20px;}
.person_wrap .product_made .made_box .made_prev {position:absolute; top:204px; left:-1px;}
.person_wrap .product_made .made_box .made_prev .btn_prev {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -250px -70px; width:27px; height:32px;}
.person_wrap .product_made .made_box .made_prev .btn_prev:hover {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -310px -70px;}
.person_wrap .product_made .made_box .made_next {position:absolute; top:204px; right:-1px;}
.person_wrap .product_made .made_box .made_next .btn_next {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -280px -70px; width:27px; height:32px;}
.person_wrap .product_made .made_box .made_next .btn_next:hover {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -340px -70px;}
.person_wrap .product_other .ico_other {margin:0 0 3px 10px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -260px -110px; width:32px; height:32px;}
.person_wrap .product_other .other_count {top:20px;}
.person_wrap .product_other .other_box {margin-top:20px;width:760px;}
.person_wrap .product_other .other_box .other_prev {position:absolute; top:204px; left:-1px;}
.person_wrap .product_other .other_box .other_prev .btn_prev2 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -250px -70px; width:27px; height:32px;}
.person_wrap .product_other .other_box .other_prev .btn_prev2:hover {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -310px -70px;}
.person_wrap .product_other .other_box .other_next {position:absolute; top:204px; right:-1px;}
.person_wrap .product_other .other_box .other_next .btn_next2 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -280px -70px; width:27px; height:32px;}
.person_wrap .product_other .other_box .other_next .btn_next2:hover {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -340px -70px;}

/* 메인 - 추천상품 */
.recom_wrap {position:relative; padding-top:30px;}
.recom_wrap .ico_recom {margin:0 0 3px 10px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -300px -110px; width:28px; height:32px;}
.recom_wrap > ul {margin-left:-12px;}
.recom_wrap > ul > li {float:left; margin:12px 0 0 12px;}
.recom_wrap > ul > li > ul {margin:-12px 0 0 -12px; width:516px;}
.recom_wrap > ul > li > ul > li {float:left; margin:12px 0 0 12px;}
.recom_wrap .btn_wrap {position:absolute; top:55px; right:10px;}
.recom_wrap .btn_wrap a:hover {color:#333;}
.recom_wrap .btn_wrap .ico_more {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -110px -170px; width:4px; height:8px;}
	
/* 메인 - 친환경상품 */
.eco_wrap {position:relative; padding:35px 0 45px;}
.eco_wrap .ico_eco {margin:0 0 3px 10px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -340px -110px; width:32px; height:32px;}
.eco_wrap .tabMenu_eco {position:absolute; top:41px; right:0px; overflow:hidden; height:50px;}
.eco_wrap .tabMenu_eco li {float:left; margin:0; background:url('../../../images/egovframework/ecf/default/bg_tab_col.gif') repeat-x; width:194px; height:48px; text-align:center;}
.eco_wrap .tabMenu_eco li a {display:block; border:1px solid #d9d9d9; border-bottom:1px solid #333; border-right:0; background:#ededed; height:48px; line-height:46px; font-size:16px; font-weight:bold; color:#999; letter-spacing:-1px; text-decoration:none;}
.eco_wrap .tabMenu_eco li.active {margin:0;}
.eco_wrap .tabMenu_eco li.active a {border-top:3px solid #33353d; border-right:1px solid #33353d; border-left:1px solid #33353d; border-bottom:0; background:#f9f9f9; height:47px; line-height:42px; color:#333;}
.eco_wrap .tabMenu_eco li.last a {border-right:1px solid #d9d9d9;}
.eco_wrap .tabMenu_eco li.active a {border-right:1px solid #33353d;}
.eco_wrap .tab_sub {padding-top:20px; height:250px;}
.eco_wrap ul {margin-left:-12px;}
.eco_wrap li {float:left; margin-left:12px;}

/* 메인 - 베스트상품 */
.best_wrap {position:relative; margin-top:45px; padding-bottom:45px;}
.best_wrap .tabMenu_best {margin:0 0 0 -4px; overflow:hidden;}
.best_wrap .tabMenu_best li {float:left; margin-left:4px; width:252px; height:80px; text-align:center;}
.best_wrap .tabMenu_best li a {display:block; border:0; background:#fff; height:70px; line-height:65px; font-size:20px; font-weight:normal; color:#333; letter-spacing:-1px; text-decoration:none;}
.best_wrap .tabMenu_best li.active {background:url('../../../images/egovframework/ecf/default/ico_main_mask2.png') no-repeat 116px 70px;}
.best_wrap .tabMenu_best li.active a {background:#33353d; font-weight:bold; color:#fff;}
.best_wrap .tabMenu_best li .ico_best1 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -220px -150px; width:34px; height:34px;}
.best_wrap .tabMenu_best li .ico_best2 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -260px -150px; width:34px; height:34px;}
.best_wrap .tabMenu_best li .ico_best3 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -300px -150px; width:32px; height:34px;}
.best_wrap .tabMenu_best li .ico_best4 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -340px -150px; width:36px; height:34px;}
.best_wrap .tabMenu_best li.active .ico_best1 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -220px -190px; width:34px; height:34px;}
.best_wrap .tabMenu_best li.active .ico_best2 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -260px -190px; width:34px; height:34px;}
.best_wrap .tabMenu_best li.active .ico_best3 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -300px -190px; width:32px; height:34px;}
.best_wrap .tabMenu_best li.active .ico_best4 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -340px -190px; width:36px; height:34px;}
.best_wrap .tab_sub {height:660px; overflow:hidden;}
.best_wrap .prev_wrap {position:absolute; top:375px; left:-80px;}
.best_wrap .prev_wrap .btn_prev {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -220px -230px; width:40px; height:73px;}
.best_wrap .prev_wrap .btn_prev:hover {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -300px -230px;}
.best_wrap .next_wrap {position:absolute; top:375px; right:-80px;}
.best_wrap .next_wrap .btn_next {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -260px -230px; width:40px; height:73px;}
.best_wrap .next_wrap .btn_next:hover {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -340px -230px;}
.best_wrap .best {margin:5px 0 0 -12px;}
.best_wrap .best li {float:left; position:relative; margin:12px 0 0 12px;}
.best_wrap .best li.num1 {width:504px; height:432px;}
.best_wrap .best li.num2 {width:504px; height:210px;}
.best_wrap .best li.num3 {width:246px; height:210px;}
.best_wrap .best li.num4 {width:246px; height:210px;}
.best_wrap .best li.num1:hover .mask {width:500px; height:428px;}
.best_wrap .best li.num2:hover .mask {width:500px; height:206px;}
.best_wrap .best li.num3:hover .mask {width:242px; height:206px;}
.best_wrap .best li.num4:hover .mask {width:242px; height:206px;}
.best_wrap .best li.num1 .ico_num1 {position:absolute; top:0; left:20px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -390px -110px; width:80px; height:80px; text-align:center; font-size:30px; font-weight:bold; color:#fff; letter-spacing:-1px; text-shadow:0 1px 1px rgba(0,0,0, 0.1);}
.best_wrap .best li.num1 .ico_num1 em {display:block; margin:10px 0 -5px; font-size:20px; font-weight:normal;}
.best_wrap .best li .ico_num2 {position:absolute; top:0; left:10px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -390px -200px; width:60px; height:60px; text-align:center; font-size:26px; font-weight:bold; color:#fff; letter-spacing:-1px; text-shadow:0 1px 1px rgba(0,0,0, 0.1);}
.best_wrap .best li .ico_num2 em {display:block; margin:6px 0 -6px; font-size:16px; font-weight:normal;}
.best_wrap ul {margin:12px 0 0 -10px;}
.best_wrap li {float:left; position:relative; margin-left:10px;}
.best_wrap li:hover .mask {position:absolute; top:0; left:0; border:2px solid  #5396fe; width:192px; height:192px;}

/* 메인 - 고객센터 */
.cscenter_wrap {margin-top:40px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.cscenter_wrap > ul > li {float:left; position:relative; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.cscenter_wrap .cscenter1 {background:#f5f5f5; width:254px; height:114px;}
.cscenter_wrap .cscenter1 .icon {position:absolute; top:26px; left:35px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -220px -310px; width:62px; height:62px;}
.cscenter_wrap .cscenter1 p {position:absolute; top:34px; left:115px; font-size:13px; color:#333; letter-spacing:-0.05em;}
.cscenter_wrap .cscenter1 .color {font-size:18px; font-weight:bold; color:#60bb46; letter-spacing:-1px; line-height:25px;}
.cscenter_wrap .cscenter2 {background:#f5f5f5; width:253px; height:114px;}
.cscenter_wrap .cscenter2 .icon {position:absolute; top:26px; left:35px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -290px -310px; width:62px; height:62px;}
.cscenter_wrap .cscenter2 p {position:absolute; top:34px; left:115px; font-size:13px; color:#333; letter-spacing:-0.05em;}
.cscenter_wrap .cscenter2 .color {font-size:18px; font-weight:bold; color:#f2a80a; letter-spacing:-1px; line-height:25px;}
.cscenter_wrap .cscenter3 {background:#f5f5f5; width:509px; height:114px;}
.cscenter_wrap .cscenter3 .icon {position:absolute; top:26px; left:35px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -360px -310px; width:62px; height:62px;}
.cscenter_wrap .cscenter3 p {position:absolute; top:34px; left:115px; font-size:13px; color:#333; letter-spacing:-0.05em;}
.cscenter_wrap .cscenter3 .color {font-size:18px; font-weight:bold; color:#497ab9; letter-spacing:-1px; line-height:25px;}
.cscenter_wrap .cscenter3 .color em {font-size:20px; font-weight:normal; color:#333; letter-spacing:0;}	
.cscenter_wrap .cscenter4 {background:#fff; width:508px; height:155px;}
.cscenter_wrap .cscenter4 .icon {position:absolute; top:26px; left:35px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -430px -310px; width:62px; height:62px;}
.cscenter_wrap .cscenter4 .cs1 {position:absolute; top:26px; left:35px;}	
.cscenter_wrap .cscenter4 .cs2 {position:absolute; top:26px; left:260px;}
.cscenter_wrap .cscenter4 li {border:0; font-size:12px; color:#333; letter-spacing:-0.05em;}
.cscenter_wrap .cscenter4 li .title {padding-left:80px; font-size:13px; font-weight:bold; color:#333;}
.cscenter_wrap .cscenter4 li .color {padding-left:80px; font-size:18px; font-weight:bold; color:#ff7200; letter-spacing:-0.05em; line-height:25px;}
.cscenter_wrap .cscenter4 li .txt {padding-left:80px;}
.cscenter_wrap .cscenter4 li .txt2 {padding-left:30px; line-height:16px;}
.cscenter_wrap .cscenter4 li .txt2 em {font-size:13px; font-weight:bold; color:#60bb46; letter-spacing:0;}
.cscenter_wrap .cscenter4 li .lh {line-height:25px;}
.cscenter_wrap .cscenter4 button {margin-top:15px; border:1px solid #cfcfcf; background:#f5f5f5; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding-bottom:2px; width:213px; height:28px; text-align:center; font-size:12px; font-weight:bold; color:#333; letter-spacing:-0.05em; box-shadow:0px 3px 1px rgba(0,0,0, 0.1);}
.cscenter_wrap .cscenter5 {background:#fff; width:509px; height:155px;}
.cscenter_wrap .cscenter5 .tab_sub {margin:50px 30px 0;}
.cscenter_wrap .cscenter5 .title {position:absolute; top:18px; left:30px;}
.cscenter_wrap .cscenter5 .title a {font-size:16px; font-weight:bold; color:#999; letter-spacing:-0.05em;}
.cscenter_wrap .cscenter5 .title2 {position:absolute; top:18px; left:105px; background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -53px; padding-left:15px;}
.cscenter_wrap .cscenter5 .title2 a {font-size:16px; font-weight:bold; color:#999; letter-spacing:-0.05em;}
.cscenter_wrap .cscenter5 .title a.active, .cscenter_wrap .cscenter5 .title2 a.active {color:#333;}
.cscenter_wrap .cscenter5 li {background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -80px; padding-left:10px; height:22px; line-height:18px;}
.cscenter_wrap .cscenter5 li a {vertical-align:middle; display:inline-block; overflow:hidden; width:380px;}
.cscenter_wrap .cscenter5 li a:hover {color:#333;}
.cscenter_wrap .cscenter5 li span.date {vertical-align:middle;}
.cscenter_wrap .cscenter5 .btn_wrap {position:absolute; top:22px; right:30px;}
.cscenter_wrap .cscenter5 .btn_wrap a:hover {color:#333;}
.cscenter_wrap .cscenter5 .btn_wrap .ico_more {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -110px -180px; width:3px; height:6px;}

/* ------------------------------------------------------------ 상품리스트 ------------------------------------------------------------ */

/* 작은 탭메뉴 */
.tabMenu_pdt {overflow:hidden; height:39px; border-bottom:1px solid #33353d;}
.tabMenu_pdt li {float:left; margin-left:1px; text-align:center;}
.tabMenu_pdt li:first-child {margin-left:0;}
.tabMenu_pdt li a {display:block; border:1px solid #d9d9d9; border-bottom:0; background:#e9e9e9; font-size:16px; font-weight:normal; color:#666; height:39px; line-height:34px; letter-spacing:-2px; text-decoration:none;}
.tabMenu_pdt li a:hover {color:#999;}
.tabMenu_pdt li.active a {border:1px solid #33353d; border-bottom:0; background:#33353d; font-weight:bold; color:#fff;}
.tabMenu_pdt .tab_3x li {width:160px;}

/* 텍스트 탭메뉴 */
.tabMenu_sub ul > li {float:left; background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -58px; margin-left:10px; padding-left:11px; height:13px; line-height:13px;}
.tabMenu_sub ul > li:first-child {background:url(''); margin-left:0; padding-left:0;}
.tabMenu_sub ul > li.active {font-weight:bold;}
.tabMenu_sub ul > li > a {font-size:14px; color:#333; letter-spacing:-1px;}
.tabMenu_sub ul > li > a:hover {color:#333;}

/* 분류 안내 배너 */
.product_banner {}
.ma_bot25 {margin-bottom:25px;}
.ma_bot30 {margin-bottom:30px;}
.ma_bot35 {margin-bottom:35px;}

/* 상품 2~3차 메뉴 */
.product_menu {margin-bottom:35px;}
.product_menu dt {float:left; border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; background:#f9f9f9; text-align:center; width:105px; height:89px; line-height:89px; font-size:16px; font-weight:bold; color:#333; letter-spacing:-2px;}
.product_menu dd {float:left; border:1px solid #d9d9d9; border-style:none solid solid solid; background:#fff; width:912px; height:89px;}
.product_menu dd li {float:left; background:url('../../../images/egovframework/ecf/default/bg_dot_row.gif') no-repeat; width:113px; height:89px; padding-top:8px; vertical-align:middle;}
.product_menu dd li:first-child {background:url('');}
.product_menu dd li a {display:block; overflow:hidden; height:25px; line-height:20px; text-indent:15px; font-size:12px; color:#797979; letter-spacing:-0.05em;}

/* 상품리스트 - 타이틀 */
.product_title {font-size:18px; color:#333; letter-spacing:-2px; margin-bottom:18px;}
.product_title span {font-size:18px; font-weight:normal;}
.product_title span.title_text {font-size:14px; color:#666; letter-spacing:-0.05em;}
.product_title span.title_now {background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -25px; margin-left:10px; padding-left:11px; font-size:14px; color:#666; letter-spacing:-1px;}
.product_title span.title_now em {font-size:inherit; font-weight:bold; color:#5396fe;}
.product_title_2 {font-size:16px; color:#333; letter-spacing:-1px; margin-bottom:18px;}
.product_title_2 em {font-size:inherit; font-weight:bold; color:#5396fe;}

/* 상품리스트 - 이미지보기 */
.product_img a:hover {text-decoration:underline; color:#333;}
.product_img {text-align:center;}
.product_img .thumb {position:relative; background:#f1f1f1 url('../../../images/egovframework/ecf/default/img_noimg_100.png') no-repeat 47px 78px; width:194px; height:194px; margin-bottom:18px;}
.product_img .preview {position:absolute; top:78px; left:26px;}
.product_img .cart {position:absolute; top:78px; left:78px;}
.product_img .zzim {position:absolute; top:78px; left:130px;}
.product_img .ico_preview {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat 0 0; width:38px; height:38px;}
.product_img .ico_cart {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -50px 0; width:38px; height:38px;}
.product_img .ico_zzim {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -100px 0; width:38px; height:38px;}
.product_img .village {font-size:12px; color:#666; line-height:12px; letter-spacing:-0.05em; margin-bottom:9px;}
.product_img .village a {color:#666;}
.product_img .name {font-size:14px; color:#333; line-height:18px; letter-spacing:-1px; margin-bottom:9px;}
.product_img .name a {color:#333;}
.product_img .before {font-size:14px; color:#999; line-height:14px; text-decoration:line-through; margin-bottom:9px;}
.product_img .price {margin-bottom:9px; vertical-align:top;}
.product_img .price .price_b {/*display:inline-block;*/ vertical-align:middle; font-size:16px; font-weight:bold; color:#ff3600; margin-bottom:3px; /**display:inline;*/}
.product_img .price .price_s {display:inline-block; font-size:12px; font-weight:bold; color:#ff3600; margin-left:-3px;}
.product_img .price .save {font-size:12px; color:#333;}
.product_img .price .ico_save {border:1px solid #666; background:#666; padding-bottom:2px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center; width:17px; font-size:10px; color:#fff; text-shadow:0 1px 1px rgba(0,0,0, 0.1);}
.product_img .icon {margin-bottom:9px;}
.product_img .icon .ico_farm {border:1px solid #0ab04c; background:#0ab04c; text-align:center; width:50px; height:20px; line-height:18px; font-size:12px; font-weight:normal; color:#fff; text-shadow:0 1px 1px rgba(0,0,0, 0.0);}
.product_img .icon .ico_low {border:1px solid #a6cd39; background:#a6cd39; text-align:center; width:50px; height:20px; line-height:18px; font-size:12px; font-weight:normal; color:#fff; text-shadow:0 1px 1px rgba(0,0,0, 0.0); margin-left:-3px;}
.product_img .assess {line-height:18px; vertical-align:top;}
.product_img .assess .star {display:inline-block; margin:3px 3px 0 0; position:relative; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat 0 -70px; width:68px; height:12px;}
.product_img .assess .star .on {position:absolute; top:0; left:0; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -70px -70px; width:68px; height:12px;}
.product_img .assess .hit {display:inline-block; font-size:12px; color:#333; vertical-align:top;}

/* 상품리스트 - 리스트보기 */
.product_list a:hover {text-decoration:underline; color:#333;}	
.product_list {text-align:center;}
.product_list .preview {position:absolute; top:84px; left:30px;}
.product_list .preview .ico_preview {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -120px -90px; width:30px; height:30px;}
.product_list .thumb {position:absolute; top:32px; left:80px; background:#f1f1f1 url('../../../images/egovframework/ecf/default/img_noimg_100.png') no-repeat 17px 48px; width:135px; height:135px;}
.product_list .cont_info {position:absolute; top:50px; left:235px; text-align:left;}
.product_list .cont_info .name {font-size:14px; color:#333; line-height:18px; letter-spacing:-1px; margin-bottom:9px;}
.product_list .cont_info .name a {color:#333;}
.product_list .cont_info .village {font-size:12px; color:#666; line-height:12px; letter-spacing:-0.05em; margin-bottom:30px;}
.product_list .cont_info .village a {color:#666;}
.product_list .cont_info .ico_farm {border:1px solid #0ab04c; background:#0ab04c; text-align:center; width:50px; height:20px; line-height:18px; font-size:12px; font-weight:normal; color:#fff; text-shadow:0 1px 1px rgba(0,0,0, 0.0);}
.product_list .cont_info .ico_low {border:1px solid #a6cd39; background:#a6cd39; text-align:center; width:50px; height:20px; line-height:18px; font-size:12px; font-weight:normal; color:#fff; text-shadow:0 1px 1px rgba(0,0,0, 0.0); margin-left:-3px;}
.product_list .price_info {position:absolute; top:80px; left:560px;}
.product_list .price_info .before {width:100px; font-size:14px; color:#999; text-decoration:line-through;}
.product_list .price_info .price {width:100px; vertical-align:top;}
.product_list .price_info .price .price_b {vertical-align:middle; font-size:16px; font-weight:bold; color:#ff3600;}
.product_list .price_info .price .price_s {display:inline-block; vertical-align:middle; font-size:12px; font-weight:bold; color:#ff3600; margin-left:-3px;}
.product_list .save_info {position:absolute; top:90px; left:670px; width:90px;}
.product_list .save_info .ico_save {border:1px solid #666; background:#666; padding-bottom:2px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center; width:17px; font-size:10px; color:#fff; text-shadow:0 1px 1px rgba(0,0,0, 0.1); margin-bottom:3px; /**margin-bottom:0;*/}
.product_list .save_info .save {font-size:12px; color:#333;}
.product_list .assess_info {position:absolute; top:85px; left:780px; width:68px;}
.product_list .assess_info .star {display:block; position:relative; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat 0 -70px; width:68px; height:12px; margin-bottom:5px;}
.product_list .assess_info .star .on {position:absolute; top:0; left:0; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -70px -70px; width:68px; height:12px;}
.product_list .assess_info .hit {font-size:12px; color:#333;}
.product_list .button_info {position:absolute; top:50px; left:904px; width:74px;}
.product_list .button_info .btn_cart {border:1px solid #1e80c6; background:#34ace9; padding-bottom:2px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; width:74px; height:30px; text-align:center; font-size:12px; font-weight:bold; color:#fff; letter-spacing:-0.05em; text-shadow:0 1px 1px rgba(0,0,0, 0.1); margin-bottom:6px;}
.product_list .button_info .btn_buy {border:1px solid #e67437; background:#ff813c; padding-bottom:2px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; width:74px; height:30px; text-align:center; font-size:12px; font-weight:bold; color:#fff; letter-spacing:-0.05em; text-shadow:0 1px 1px rgba(0,0,0, 0.1); margin-bottom:6px;}
.product_list .button_info .btn_zzim {border:1px solid #d9d9d9; background:#eee; padding-bottom:2px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; width:74px; height:30px; text-align:center; font-size:12px; font-weight:bold; color:#999; letter-spacing:-0.05em; text-shadow:0 1px 1px rgba(0,0,0, 0);}

/* 농산물 최근 본 상품 */
.product_made {float:left; position:relative;}
.product_made .made_count {position:absolute; top:5px; right:0px; font-size:14px; color:#747373;}
.product_made .made_box {position:relative; border:1px solid #d9d9d9; background:#f9f9f9; width:244px; height:440px;}	
.product_made .made_box .made_prev {position:absolute; top:204px; left:0px;}
.product_made .made_box .made_prev .btn_prev {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat 0 -40px; width:25px; height:25px;}
.product_made .made_box .made_prev .btn_prev:hover {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -60px -40px;}
.product_made .made_box .made_next {position:absolute; top:204px; right:0px;}
.product_made .made_box .made_next .btn_next {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -30px -40px; width:25px; height:25px;}
.product_made .made_box .made_next .btn_next:hover {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -90px -40px;}
.product_made .made_box .made_wrap {position:absolute; top:30px; left:25px; overflow:hidden; width:194px; height:410px;}
.product_made .made_box .made_wrap ul {width:9999px; height:410px;}
.product_made .made_box .made_wrap ul > li {float:left; position:relative; margin-right:25px; width:194px; height:410px;}

/* 남들은 뭐살까 */
.product_other {float:right; position:relative;}	
.product_other .other_count {position:absolute; top:5px; right:0px; font-size:14px; color:#747373;}
.product_other .other_box {position:relative; border:1px solid #d9d9d9; background:#fff; width:756px; height:440px;}
.product_other .other_box .other_prev {position:absolute; top:204px; left:0px;}
.product_other .other_box .other_prev .btn_prev2 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat 0 -40px; width:25px; height:25px;}
.product_other .other_box .other_prev .btn_prev2:hover {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -60px -40px;}
.product_other .other_box .other_next {position:absolute; top:204px; right:0px;}
.product_other .other_box .other_next .btn_next2 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -30px -40px; width:25px; height:25px;}
.product_other .other_box .other_next .btn_next2:hover {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -90px -40px;}
.product_other .other_box .other_wrap {position:absolute; top:30px; left:41px; overflow:hidden; width:674px; height:410px;}
.product_other .other_box .other_wrap ul {width:9999px; height:410px;}
.product_other .other_box .other_wrap ul > li {float:left; position:relative; margin-right:46px; width:194px; height:410px;}

/* MD 추천상품 */
.product_recomm {position:relative; margin-bottom:35px;}
.product_recomm .recomm_count {position:absolute; top:5px; right:0px; font-size:14px; color:#747373; letter-spacing:-1px;}
.product_recomm .recomm_box {position:relative; border:1px solid #d9d9d9; background:#fff; height:440px;}
.product_recomm .recomm_box.bg {background:#fcfcfc;}
.product_recomm .recomm_box .recomm_wrap {position:absolute; top:30px; left:41px; overflow:hidden; width:938px; height:410px;}
.product_recomm .recomm_box .recomm_wrap ul {width:938px; height:410px;}
.product_recomm .recomm_box .recomm_wrap ul > li {float:left; position:relative; margin-left:54px; width:194px; height:410px;}
.product_recomm .recomm_box .recomm_wrap ul > li:first-child {margin-left:0;}
.product_recomm .recomm_box .recomm_wrap ul > li .ico_best {position:absolute; top:0; left:0; border:1px solid #f57c3a; background:#ff813c; text-align:center; width:38px; height:38px; font-size:20px; color:#fff; letter-spacing:-1px; text-shadow:0 1px 1px rgba(0,0,0, 0.1); z-index:1;}
.product_recomm .recomm_box .recomm_wrap ul > li .ico_best em {display:block; margin-bottom:-5px; font-size:12px; line-height:17px; letter-spacing:0;}
.product_recomm .recomm_box .recomm_wrap ul > li .ico_num {position:absolute; top:0; left:0; border:1px solid #72b712; background:#77be13; text-align:center; width:38px; height:38px; line-height:36px; font-size:20px; color:#fff; letter-spacing:-1px; text-shadow:0 1px 1px rgba(0,0,0, 0.1); z-index:1;}

/* 농산물 판매우수상품 */
.product_excell {position:relative; margin-bottom:35px;}
.product_excell .excell_date {position:absolute; top:52px; right:0px; font-size:14px;}
.product_excell .excell_box {position:relative; border:1px solid #d9d9d9; background:#fff; height:878px;}
.product_excell .excell_box .excell_tab {position:absolute; top:20px; left:41px;}
.product_excell .excell_box .excell_tab ul > li {float:left; background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -56px; margin-left:10px; padding-left:11px; height:16px; line-height:16px;}
.product_excell .excell_box .excell_tab ul > li:first-child {background:url(''); margin-left:0; padding-left:0;}
.product_excell .excell_box .excell_tab ul > li.active {font-weight:bold;}
.product_excell .excell_box .excell_tab ul > li > a {font-size:14px; color:#333; letter-spacing:-1px;}
.product_excell .excell_box .excell_tab ul > li > a:hover {color:#333;}
.product_excell .excell_box .excell_link {position:absolute; top:20px; right:38px;}
.product_excell .excell_box .excell_link .ico_more {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -110px -170px; width:4px; height:8px;}
.product_excell .excell_box .excell_wrap {position:absolute; top:55px; left:41px; overflow:hidden; width:938px; height:878px;}
.product_excell .excell_box .excell_wrap ul {height:878px; margin-left:-54px;}
.product_excell .excell_box .excell_wrap ul > li {float:left; position:relative; margin-left:54px; width:194px; height:412px;}
.product_excell .excell_box .excell_wrap ul > li .ico_best {position:absolute; top:0; left:0; border:1px solid #f57c3a; background:#ff813c; text-align:center; width:38px; height:38px; font-size:20px; color:#fff; letter-spacing:-1px; text-shadow:0 1px 1px rgba(0,0,0, 0.1); z-index:1;}
.product_excell .excell_box .excell_wrap ul > li .ico_best em {display:block; margin-bottom:-5px; font-size:12px; line-height:17px; letter-spacing:0;}
.product_excell .excell_box .excell_wrap ul > li .ico_num {position:absolute; top:0; left:0; border:1px solid #72b712; background:#77be13; text-align:center; width:38px; height:38px; line-height:36px; font-size:20px; color:#fff; letter-spacing:-1px; text-shadow:0 1px 1px rgba(0,0,0, 0.1); z-index:1;}

/* 상품 2~3차 메뉴 */
.product_depth {border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; margin-bottom:35px;}
.product_depth li {float:left; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; width:169px; height:40px;}
.product_depth li.last {width:168px;}
.product_depth li a {display:inline-block; background:#f9f9f9; width:149px; height:40px; line-height:38px; padding-left:20px; font-size:14px; color:#333; letter-spacing:-1px;}
.product_depth li.last a {width:148px;}
.product_depth li.active a {font-weight:bold; color:#5396fe;}

/* 상품 2~3차 리스트 */
.product_now {position:relative;}
.product_now .now_box {position:relative; border:1px solid #d9d9d9; background:#fff;}
.product_now .now_box .now_tab {position:relative; border-bottom:1px solid #d9d9d9; background:#f9f9f9; height:40px;}
.product_now .now_box .now_tab .ranking {position:absolute; top:10px; left:41px;}
.product_now .now_box .now_tab .ranking > li {float:left; background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -55px; margin-left:10px; padding-left:11px; height:16px;}
.product_now .now_box .now_tab .ranking > li:first-child {background:url(''); margin-left:0; padding-left:0;}
.product_now .now_box .now_tab .ranking > li.active > a {font-weight:bold; color:#5396fe;}
.product_now .now_box .now_tab .ranking > li.active > a:hover {color:#5396fe;}
.product_now .now_box .now_tab .ranking > li > a {font-size:14px; color:#333; letter-spacing:-1px;}
.product_now .now_box .now_tab .ranking > li > a:hover {color:#333;}
.product_now .now_box .now_tab .viewnum {position:absolute; top:8px; right:41px; width:320px;}
.product_now .now_box .now_tab .viewnum > ul {float:left; margin-top:2px;}
.product_now .now_box .now_tab .viewnum > ul > li {float:left; width:95px;}
.product_now .now_box .now_tab .viewnum > ul > li.active > a {font-size:14px; color:#333; letter-spacing:-1px; text-decoration:none;}
.product_now .now_box .now_tab .viewnum > ul > li > a {font-size:14px; color:#999; letter-spacing:-1px; text-decoration:none;}
.product_now .now_box .now_tab .viewnum > ul > li .ico_img {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat 0 -90px; width:13px; height:13px; margin:0 5px 3px 0; /**margin-bottom:0;*/}
.product_now .now_box .now_tab .viewnum > ul > li.active .ico_img {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -40px -90px; width:13px; height:13px;}
.product_now .now_box .now_tab .viewnum > ul > li .ico_list {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -20px -90px; width:13px; height:13px; margin:0 5px 3px 0; /**margin-bottom:0;*/}
.product_now .now_box .now_tab .viewnum > ul > li.active .ico_list {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -60px -90px; width:13px; height:13px;}
.product_now .now_box .now_tab .viewnum .num_select {float:right; width:117px;}
.product_now .now_box .now_img {margin:30px 0 0 41px; width:938px; /*position:absolute; top:70px; left:41px; overflow:hidden; height:815px;*/}
.product_now .now_box .now_img > ul {margin-left:-54px;}
.product_now .now_box .now_img > ul > li {float:left; position:relative; margin-left:54px; width:194px; height:412px;}
.product_now .now_box .now_list {width:1018px; /*position:absolute; top:41px; left:0; overflow:hidden; height:815px;*/}
.product_now .now_box .now_list > dl {}
.product_now .now_box .now_list > dl > dt {border-bottom:1px solid #d9d9d9; background:#fcfcfc; height:40px; line-height:40px;}
.product_now .now_box .now_list > dl > dt > ul {width:100%;}
.product_now .now_box .now_list > dl > dt > ul > li {float:left; text-align:center; font-size:12px; color:#333; letter-spacing:-1px;}
.product_now .now_box .now_list > dl > dt > ul > li.wx10p {width:10%;}
.product_now .now_box .now_list > dl > dt > ul > li.wx15p {width:14%;}
.product_now .now_box .now_list > dl > dt > ul > li.wx55p {width:55%;}
.product_now .now_box .now_list > dl > dd {position:relative; width:1018px; height:202px; background:url('../../../images/egovframework/ecf/default/bg_line_col.gif') no-repeat 0 0;}
.product_now .now_box .now_list > dl > dd.first {background:url('');}

/* 상품 분류옵션 */
.product_option {margin-bottom:35px;}
.product_option table {border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; }
.product_option th {border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; background:#fcfcfc; text-align:left; height:38px; padding:0 0 2px 20px; font-size:14px; color:#5396fe;}
.product_option td {border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; background:#fff;}
.product_option td li {margin-left:20px;}
.product_option td li {float:left; width:70px;}
.product_option td.reset {text-align:center;}
.product_option td.reset a {font-size:14px; color:#5396fe;}
.product_option td.reset .ico_reset {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -80px -90px; width:18px; height:14px; margin-bottom:2px; /**margin:0 5px 0 0;*/}

/* ------------------------------------------------------------ 상품상세 ------------------------------------------------------------ */

/* 상품상세 - 타이틀 */
.product_title_box {position:relative; border-top:1px solid #ddd; border-bottom:5px solid #b2b2b2; background:#f9f9f9; height:80px;}
.product_title_box .title {position:absolute; top:18px; left:20px; font-size:30px; color:#474747; letter-spacing:-3px;}
.product_title_box .title .ico_subscript {border:1px solid #4d8beb; background:#5396fe; text-align:center; width:60px; height:20px; line-height:16px; font-size:12px; font-weight:bold; color:#fff; letter-spacing:0; text-shadow:0 1px 1px rgba(0,0,0, 0.1); margin:0 0 5px 10px; /**margin-bottom:-5px;*/}
.product_title_box .title .ico_soldout {border:1px solid #5e5e5e; background:#666; text-align:center; width:60px; height:20px; line-height:16px; font-size:12px; font-weight:bold; color:#fff; letter-spacing:0; text-shadow:0 1px 1px rgba(0,0,0, 0.1); margin:0 0 5px 10px; /**margin-bottom:-5px;*/}
.product_title_box .button {position:absolute; top:30px; right:20px;}
.product_title_box .button .btn_facebook {display:inline-block; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat 0 -170px; width:21px; height:21px; vertical-align:top;}
.product_title_box .button .btn_twitter {display:inline-block; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -30px -170px; width:21px; height:21px; vertical-align:top;}
.product_title_box .button button {border:1px solid #ccc; background:url('../../../images/egovframework/ecf/default/bg_button.gif') repeat-x 0 -40px; width:60px; height:21px; line-height:12px; padding-bottom:2px; text-align:center; font-size:12px; color:#666; letter-spacing:-0.05em; text-shadow:0 1px 1px rgba(255,255,255, 0.1); vertical-align:top; /**margin-left:5px; *padding-bottom:5px;*/}

/* 상품상세 - 상품기본정보 */
.product_info .ie7_ma_left5 {/**margin-left:5px;*/}
.product_default {border:1px solid #d9d9d9; border-top:0; background:#fff; margin-bottom:35px;}
.product_default .left {float:left; width:355px; height:100%; padding:30px 20px 0;}
.product_default .left .thumb {position:relative; width:354px; height:426px; overflow:hidden;}
.product_default .left .thumb .img {background:#f1f1f1 url('../../../images/egovframework/ecf/default/img_noimg_200.png') no-repeat 78px 140px; width:354px; height:354px;}
.product_default .left .thumb .product_thumb {position:absolute; top:354px; left:0; overflow:hidden; width:354px; height:71px;}
.product_default .left .thumb .product_thumb ul {width:9999px; height:71px;}
.product_default .left .thumb .product_thumb li {float:left; margin:1px 1px 0 0; background:#f1f1f1; width:70px; height:70px;}
.product_default .left .thumb .product_thumb li.active span {position:absolute; top:0px; left:0px; background:url('../../../images/egovframework/ecf/default/bg_product_border.gif') no-repeat; width:70px; height:70px;}
.product_default .left .thumb .btn_prev {position:absolute; top:177px; left:0px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat 0 -40px; width:25px; height:25px;}
.product_default .left .thumb .btn_prev:hover {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -60px -40px; width:25px; height:25px;}
.product_default .left .thumb .btn_next {position:absolute; top:177px; right:0px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -30px -40px; width:25px; height:25px;}
.product_default .left .thumb .btn_next:hover {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -90px -40px; width:25px; height:25px;}
.product_default .left .button {margin:15px 0 22px; text-align:center;}
.product_default .left .button button {border:1px solid #ccc; background:url('../../../images/egovframework/ecf/default/bg_button.gif') repeat-x 0 -40px; width:115px; height:21px; line-height:12px; padding-bottom:2px; text-align:center; font-size:12px; color:#666; letter-spacing:-0.05em; text-shadow:0 1px 1px rgba(255,255,255, 0.1);}
.product_default .left .button button span {display:inline-block; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -103px -170px; width:12px; height:8px; /**height:10px;*/}
.product_default .left .saving {background:#f9f9f9; padding:15px 0;}
.product_default .left .saving dt {float:left; padding-left:15px; width:90px; font-size:12px; font-weight:bold; color:#666; letter-spacing:-0.1px;}
.product_default .left .saving dt span {margin:0 0 5px 10px; display:block; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat 0 -200px; width:66px; height:43px;}
.product_default .left .saving dd {float:left; border-left:1px solid #d9d9d9; padding-left:10px; width:230px; height:68px;}
.product_default .center {float:left; width:434px; height:100%; border-right:1px solid #ebebeb; padding-top:30px;}
.product_default .center .price {background:url('../../../images/egovframework/ecf/default/bg_dot_col.gif') repeat-x bottom; width:422px; padding-bottom:10px;}
.product_default .center .price dl {background:#f9f9f9; padding:15px 0;}
.product_default .center .price dt {float:left; clear:both; width:130px; height:30px; line-height:30px; text-indent:20px; font-size:18px; font-weight:bold; color:#333; letter-spacing:-1px;}
.product_default .center .price dd {float:left; width:285px; height:30px; line-height:30px; font-size:18px; color:#888;}
.product_default .center .price dd .before {vertical-align:top; font-size:14px; font-weight:bold; color:#888; text-decoration:line-through;}
.product_default .center .price dd .price_b {vertical-align:top; font-size:24px; font-weight:bold; color:#ff3600; letter-spacing:-0.05em;}
.product_default .center .price dd .price_s {vertical-align:top; font-size:20px; font-weight:bold; color:#ff3600; vertical-align:top;}
.product_default .center .info {background:url('../../../images/egovframework/ecf/default/bg_dot_col.gif') repeat-x bottom; width:422px; padding:10px 0 12px;}
.product_default .center .info dt {float:left; clear:both; width:130px; line-height:25px; text-indent:20px; font-size:12px; font-weight:bold; color:#333; letter-spacing:-0.05em;}
.product_default .center .info dd {float:left; width:285px; line-height:25px; font-size:12px; color:#888;}
.product_default .center .info dd p {line-height:20px;}
.product_default .center .info dd span {display:inline-block; width:60px;}
.product_default .center .info dd button {border:1px solid #ccc; background:url('../../../images/egovframework/ecf/default/bg_button.gif') repeat-x 0 -40px; height:21px; line-height:12px; padding:0 7px 3px; text-align:center; font-size:12px; color:#666; letter-spacing:-0.05em; text-shadow:0 1px 1px rgba(255,255,255, 0.1); margin-bottom:2px; /**margin-top:2px; *margin-bottom:0; *padding:0 6px 5px; *vertical-align:middle;*/}
/* @-moz-document url-prefix(){ .product_default .center .info dd button {padding:0 4px 3px;}} 파이어폭스핵 */
.product_default .center .info dd .selector {margin-bottom:2px; margin-right:-3px}
.product_default .center .sum {width:422px; background:#f9f9f9;}
.product_default .center .sum .info {background:url('../../../images/egovframework/ecf/default/bg_dot_col.gif') repeat-x bottom;}
.product_default .center .sum .info dt {float:left; clear:both; width:130px; line-height:25px; text-indent:20px; font-size:12px; font-weight:bold; color:#333; letter-spacing:-0.05em;}
.product_default .center .sum .info dd {float:left; position:relative; width:130px; padding-right:15px; text-align:right; line-height:25px; font-size:12px; color:#ff3600;}
.product_default .center .sum .info dd .ico_up {position:absolute; top:4px; right:20px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -120px -130px; width:13px; height:11px; /**top:2px;*/}
.product_default .center .sum .info dd .ico_down {position:absolute; top:15px; right:20px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -120px -141px; width:13px; height:10px; /**top:13px;*/}
.product_default .center .sum .info dd .ico_del {vertical-align:top; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -140px -130px; width:17px; height:17px; margin-top:5px; /**margin-top:0;*/}
.product_default .center .sum .info dd input {text-align:right; width:45px; height:19px; margin-right:17px; padding:0 2px 0 0;}
.product_default .center .sum .info dd strong {font-size:13px;}
.product_default .center .sum .info dd strong.total {font-size:16px;}
.product_default .center .coupon {position:relative; width:422px; border-bottom:1px solid #efefef;}
.product_default .center .coupon dl {margin:5px 0; background:#f9f9f9; height:50px; line-height:50px;}
.product_default .center .coupon dt {float:left; clear:both; width:130px; line-height:48px; text-indent:20px; font-size:12px; font-weight:bold; color:#333; letter-spacing:-0.05em;}
.product_default .center .coupon dd {float:left; width:285px; line-height:48px; font-size:12px; color:#888;}
.product_default .center .coupon dd .btn_coupon {border:1px solid #5396fe; background:#5396fe; height:30px; line-height:25px; box-shadow: 0 2px 0 0 #dbdbdb;}
.product_default .center .coupon dd .btn_coupon .c_tit {display:inline-block; background:#5396fe; padding:0 7px 5px; text-align:center; font-size:12px; font-weight:bold; color:#fff; letter-spacing:-0.05em; text-shadow:0 1px 1px rgba(0,0,0, 0.1);}
.product_default .center .coupon dd .btn_coupon .c_price {display:inline-block; padding:0 7px 5px; background:#fff; font-size:14px; font-weight:bold; color:#666; text-shadow:0 1px 1px rgba(255,255,255, 0.1);}
.product_default .center .coupon dd a {margin-left:10px; color:#888; text-decoration:underline;}
.product_default .center .coupon dd .ico_cinfo {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -180px 0; width:22px; height:22px; margin-right:5px;}
.product_default .center .coupon dd .ico_cguide {position:absolute; top:18px; right:20px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -160px 0; width:15px; height:15px; margin:0 0 0 5px}
.product_default .center .coupon .c_box {position:absolute; top:40px; left:385px; width:320px; border:1px solid #666; background:#fff; padding:10px 15px 12px; line-height:18px; z-index:1;}
.product_default .center .coupon .c_box ul {margin-bottom:5px;}
.product_default .center .coupon .c_box li {background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -232px; padding-left:10px;  font-weight:bold; color:#666;}
.product_default .center .coupon .c_box p {color:#999;}
.product_default .center .like {border-bottom:1px solid #efefef; width:422px; padding:10px 0 12px;}
.product_default .center .like dt {float:left; clear:both; width:130px; line-height:25px; text-indent:20px; font-size:12px; font-weight:bold; color:#333; letter-spacing:-0.05em;}
.product_default .center .like dd {float:left; width:285px; line-height:25px; font-size:12px; color:#888;}
.product_default .center .like dd li, .product_default .center .like dd p {line-height:20px;}
.product_default .center .like dd li {display:block; background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -140px; padding-left:10px; font-size:12px; color:#888;}
.product_default .center .button {margin:30px 0;}
.product_default .center .button .btn_buy {border:1px solid #e67437; background:#ff813c; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding-bottom:5px; width:160px; height:50px; text-align:center; font-size:16px; font-weight:bold; color:#fff; letter-spacing:-0.1px; text-shadow:0 1px 1px rgba(0,0,0, 0.1);}
.product_default .center .button .btn_buy span {display:inline-block; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -60px -167px; width:24px; height:17px;}
.product_default .center .button .btn_cart {border:1px solid #1e80c6; background:#34ace9; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding-bottom:5px; width:140px; height:50px; text-align:center; font-size:16px; font-weight:bold; color:#fff; letter-spacing:-0.1px; text-shadow:0 1px 1px rgba(0,0,0, 0.1); margin-left:3px; /**margin-left:7px;*/}
.product_default .center .button .btn_zzim {border:1px solid #d9d9d9; background:#eee; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding-bottom:5px; width:105px; height:50px; text-align:center; font-size:16px; font-weight:bold; color:#999; letter-spacing:-0.1px; text-shadow:0 1px 1px rgba(0,0,0, 0); margin-left:3px; /**margin-left:7px;*/}
.product_default .center .button .btn_zzim span {display:inline-block; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -90px -167px; width:18px; height:17px;}
.product_default .right {float:right; width:188px;}
.product_default .right .tit {padding:40px 20px 20px; font-size:16px; font-weight:bold; color:#777; letter-spacing:-0.1px;}
.product_default .right .tit .ico {display:inline-block; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -120px -170px; width:26px; height:24px;}
.product_default .right .tit .ico_2 {display:inline-block; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -150px -170px; width:26px; height:24px;}
.product_default .right .tit span {font-size:12px; font-weight:normal; color:#adadad;}
.product_default .right .mark {margin:0 10px; background:url('../../../images/egovframework/ecf/default/bg_dot_col.gif') repeat-x bottom; text-align:center; padding:20px 0 50px;}
.product_default .right .score {text-align:center; font-size:16px; font-weight:bold; color:#f55100; /**padding-bottom:10px;*/}
.product_default .right .score span {font-family:'Arial'; font-size:30px; font-weight:normal; color:#f55100; line-height:16px; letter-spacing:-0.05em;}
.product_default .right .star {margin:10px auto 0; width:150px; padding:10px 0; background:#f9f9f9;}
.product_default .right .star em {display:block; position:relative; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat 0 -250px; width:102px; height:16px; margin:0 auto 5px;}
.product_default .right .star span {position:absolute; top:0; left:0; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -110px -250px; width:102px; height:16px;}
.product_default .right .txt {margin:15px 10px 25px; width:170px; overflow:hidden;}
.product_default .right .txt li {display:block; background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -82px; padding-left:7px; font-size:12px; color:#888;}
.product_default .right .button {text-align:center;}
.product_default .right .button button {border:1px solid #d9d9d9; background:url('../../../images/egovframework/ecf/default/bg_button.gif') repeat-x 0 0; width:80px; height:28px; padding-bottom:2px; text-align:center; font-size:12px; color:#666; letter-spacing:-0.05em; text-shadow:0 1px 1px rgba(0,0,0, 0.0);}

/* 상품상세 - 인기상품 */
.product_cart {position:relative;}
.product_cart .titMenu_view {height:40px; background:#34ace9;}
.product_cart .titMenu_view .title {margin-left:30px; font-size:16px; font-weight:bold; color:#fff; line-height:37px; letter-spacing:-1px; text-shadow:0 1px 1px rgba(0,0,0, 0.1);}
.product_cart .titMenu_view .icon {position:absolute; top:10px; right:30px;}
.product_cart .titMenu_view .icon .ico_off {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -160px -30px; width:12px; height:12px; margin-left:5px;}
.product_cart .titMenu_view .icon .ico_on {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -180px -30px; width:12px; height:12px; margin-left:5px;}
.popular_box {position:relative; border:1px solid #d9d9d9; border-top:0; background:#fff; height:300px;}
.popular_box .popular_prev {position:absolute; top:130px; left:0px;}
.popular_box .popular_prev .btn_prev {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat 0 -40px; width:25px; height:25px;}
.popular_box .popular_prev .btn_prev:hover {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -60px -40px; width:25px; height:25px;}
.popular_box .popular_next {position:absolute; top:130px; right:0px;}
.popular_box .popular_next .btn_next {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -30px -40px; width:25px; height:25px;}
.popular_box .popular_next .btn_next:hover {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -90px -40px; width:25px; height:25px;}
.popular_box .popular_wrap {position:absolute; top:30px; left:41px; overflow:hidden; width:975px; height:270px;}
.popular_box .popular_wrap ul {width:9999px; height:270px;}
.popular_box .popular_wrap ul li {float:left; margin-left:40px; width:155px; height:270px;}
.popular_box .popular_wrap ul li:first-child {margin-left:0;}
.popular_img:hover {cursor:pointer;}
.popular_img a:hover .village, .popular_img a:hover .name {text-decoration:underline;}	
.popular_img {text-align:left;}
.popular_img .thumb {position:relative; background:#f1f1f1 url('../../../images/egovframework/ecf/default/img_noimg_100.png') no-repeat 27px 59px; width:155px; height:155px; margin-bottom:18px;}
.popular_img .name {font-size:14px; color:#333; line-height:18px; letter-spacing:-1px; margin-bottom:8px;}
.popular_img .name a {color:#333;}
.popular_img .village {font-size:12px; color:#666; line-height:12px; letter-spacing:-0.05em; margin-bottom:10px;}
.popular_img .village a {color:#666;}
.popular_img .price {line-height:20px;}
.popular_img .price .price_b {display:inline-block; font-size:16px; font-weight:bold; color:#ff3600; vertical-align:bottom;}
.popular_img .price .price_s {display:inline-block; font-size:12px; font-weight:bold; color:#ff3600; margin-left:-3px;}

/* 상품상세 - 탭메뉴 */
.tabMenu_view {overflow:hidden; height:39px; border-bottom:1px solid #34ace9;}
.tabMenu_view li {float:left; margin-left:1px; text-align:center;}
.tabMenu_view li:first-child {margin-left:0;}
.tabMenu_view li a {display:block; border:1px solid #d9d9d9; border-bottom:0; background:#e9e9e9; font-size:16px; font-weight:bold; color:#999; height:39px; line-height:34px; letter-spacing:-1px; text-decoration:none;}
.tabMenu_view li a:hover {color:#999;}
.tabMenu_view li.active a {border:1px solid #34ace9; border-bottom:0; background:#34ace9; font-weight:bold; color:#fff; text-shadow:0 1px 1px rgba(0,0,0, 0.1);}
.tabMenu_view li.wx250 {width:250px;}
.tabMenu_view li.wx280 {width:280px;}
.tabMenu_view .fx14 a {font-size:14px;}
.tabMenu_view .tab_2x li {width:204px;}
.tabMenu_view .tab_2x li:first-child {width:205px;}
.tabMenu_view .tab_3x li {width:249px;}
.tabMenu_view .tab_3x li.wx320 {width:320px;}
.tabMenu_view .tab_6x li {width:136px;}
.tabMenu_view .tab_6x li:first-child {width:135px;}

/* 상품상세 - 탭메뉴2 */
.tabMenu_view_2 {overflow:hidden; height:50px; margin:40px 0 25px; /**padding-top:40px;*/}
.tabMenu_view_2 li {float:left; background:url('../../../images/egovframework/ecf/default/bg_tab_col.gif') repeat-x; padding-left:1px; width:254px; height:50px; text-align:center;}
.tabMenu_view_2 li:first-child {padding-left:0;}
.tabMenu_view_2 li a {display:block; border:1px solid #d9d9d9; border-bottom:0; background:#ededed; height:48px; line-height:44px; font-size:16px; font-weight:bold; color:#999; letter-spacing:-1px; text-decoration:none;}
.tabMenu_view_2 li a:hover {color:#999;}
.tabMenu_view_2 li.active {width:255px;}
.tabMenu_view_2 li.active a {border:1px solid #33353d; border-top:3px solid #33353d; border-bottom:0; background:#f9f9f9; height:47px; line-height:42px; color:#333;}

/* 상품상세 - 상품상세정보 */
.product_detail, .product_assess, .product_qna, .product_shipping {position:relative;}
.btn_village {position:absolute; top:72px; right:20px; /**top:110px;*/}
.btn_qna {position:absolute; top:0px; right:0px;}
.btn_village button, .btn_qna button {border:1px solid #d9d9d9; background:url('../../../images/egovframework/ecf/default/bg_button.gif') repeat-x 0 0; width:102px; height:28px; padding-bottom:2px; text-align:center; font-size:12px; color:#666; letter-spacing:-0.05em; text-shadow:0 1px 1px rgba(0,0,0, 0.0);}
.btn_village button span, .btn_qna button span {display:inline-block; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -103px -169px; width:12px; height:8px; /**vertical-align:middle;*/}
.btn_producer {position:absolute; top:5px; right:0px; font-size:14px; color:#666; letter-spacing:-0.05em;}
.btn_producer span {display:inline-block; vertical-align:middle; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -180px -170px; width:20px; height:20px;}
.tbl_col td .star {display:inline-block; position:relative; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat 0 -250px; width:102px; height:16px; margin-bottom:-4px;}
.tbl_col td .star span {position:absolute; top:0; left:0; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -110px -250px; width:102px; height:16px;}
.tbl_col td .gold {display:inline-block; position:relative; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -70px -200px; width:25px; height:25px; margin:-4px 0 -10px 0;}
.tbl_col td .silver {display:inline-block; position:relative; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -100px -200px; width:25px; height:25px; margin:-4px 0 -10px 0;}
.tbl_col td .bronze {display:inline-block; position:relative; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -130px -200px; width:25px; height:25px; margin:-4px 0 -10px 0;}
.tbl_col td .default {display:inline-block; position:relative; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -160px -200px; width:25px; height:25px; margin:-4px 0 -10px 0;}
.tbl_col .ico_vip {vertical-align:bottom; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -70px -200px; width:17px; height:18px; margin-bottom:-2px;}
.tbl_col .ico_gold {vertical-align:bottom; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -100px -200px; width:17px; height:18px; margin-bottom:-2px;}
.tbl_col .ico_silver {vertical-align:bottom; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -130px -200px; width:17px; height:18px; margin-bottom:-2px;}
.tbl_col .ico_bronze {vertical-align:bottom; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -160px -200px; width:17px; height:18px; margin-bottom:-2px;}
.tbl_col_2 td .star {display:inline-block; position:relative; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat 0 -290px; width:53px; height:8px;}
.tbl_col_2 td .star span {position:absolute; top:0; left:0; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -110px -290px; width:53px; height:8px;}

/* 상품상세 - 고객상품평, 상품Q&A */
.product_box {border:1px solid #d9d9d9; border-top:0; background:#fff; margin-top:-25px; padding:30px 20px; font-size:12px; color:#888; line-height:20px;}
.product_box .eva {padding-bottom:25px; border-bottom:1px solid #efefef; margin-bottom:25px;}
.product_box .eva > dt {float:left; margin-left:130px; width:200px; text-align:center;}
.product_box .eva > dt .score {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat 0 -310px; width:117px; height:117px; margin:0 auto 10px;}
.product_box .eva > dt .score span {display:block; padding-top:75px; font-size:25px; color:#fff; letter-spacing:-1px;}
.product_box .eva > dt .star {display:block; position:relative; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat 0 -270px; width:86px; height:13px; margin:0 auto 5px;}
.product_box .eva > dt .star span {position:absolute; top:0; left:0; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -110px -270px; width:86px; height:13px;}
.product_box .eva > dt .txt {font-size:12px; color:#999; line-height:24px;}
.product_box .eva > dt .txt strong {color:#555;}
.product_box .eva > dd {float:left; padding:20px 0 0 0;}
.product_box .eva > dd dl {width:500px;}
.product_box .eva > dd dt {float:left; margin-right:15px; width:120px; text-align:right; font-size:14px; font-weight:bold; color:#888; letter-spacing:-0.05em; line-height:30px;}
.product_box .eva > dd dd.graph {float:left; position:relative; margin-top:8px; width:300px; height:15px; background:#e4e4e4;}
.product_box .eva > dd dd.graph .on {position:absolute; top:0; left:0; height:13px; border:1px solid #799aca; background:#97c0fc;}
.product_box .eva > dd dd.percent {float:left; margin-left:15px; width:30px; text-align:right; font-size:14px; color:#888; line-height:30px;}
.product_box .tip {padding:5px 0 0 30px;}
.product_box .tip dt {float:left; display:inline-block; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -120px -310px; width:77px; height:77px; text-align:center;}
.product_box .tip dt span {display:inline-block; padding-top:27px; font-size:18px; font-weight:bold; color:#333; letter-spacing:-0.05em;}
.product_box .tip dd {float:left; padding:5px 0 0 30px;}
.product_box .tip dd strong {display:block; margin:-5px 0 5px 0;}
.product_box .tip dd strong span {color:#35ae12;}
.product_box .tip dd li {display:block; background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -140px; padding-left:10px; font-size:12px; color:#888;}
.product_box .tip dd .btn_cscenter {border:1px solid #309fd8; background:#34ace9; padding-bottom:2px; text-align:center; width:115px; height:28px; font-size:12px; font-weight:bold; color:#fff; letter-spacing:-0.05em; text-shadow:0 1px 1px rgba(0,0,0, 0.1);}

.product_qna tr td {position:relative;}
.product_qna tr.dd td {border-left:1px solid #fcfcfc; border-bottom:1px solid #dadada; background:#fcfcfc; padding:9px 20px 12px;}
.product_qna tr.dd td li {position:relative; background:url('../../../images/egovframework/ecf/default/bg_dot_col.gif') repeat-x top; padding:10px 0 0 25px; margin-top:10px;}
.product_qna tr.dd td li .ico_a {position:absolute; top:12px; left:0; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -70px -440px; width:18px; height:18px;}
.product_qna tr.dd td li .tit {display:inline-block; font-weight:bold; color:#555; margin-bottom:5px;}
.product_qna tr.dd td li:first-child {position:relative; background:url(); padding:0 0 0 25px; margin-top:0;} 
.product_qna tr.dd td li:first-child .ico_q {position:absolute; top:2px; left:0; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -50px -440px; width:18px; height:18px;}
.product_qna tr.dt td > .ico_q {position:absolute; top:10px; left:0; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -50px -440px; width:18px; height:18px;}
.product_qna tr.dd td > .ico_a {position:absolute; top:10px; left:0; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -70px -440px; width:18px; height:18px;}

/* 상품상세 - 배송/반품/환불 */
.product_box_2 {border:1px solid #d9d9d9; background:#fff; padding:25px 30px 30px; font-size:12px; color:#888; line-height:20px;}
.product_box_2 .title {font-size:12px; font-weight:bold;}
.product_box_2 dt {float:left; clear:both; width:70px;}
.product_box_2 dd {/*float:left;*/}
.product_box_2 p, .product_box_2 ul {margin-bottom:20px;}
.product_box_2 li {display:block; background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -110px; padding-left:10px; font-size:12px; color:#888;}
.product_box_2 .last {margin-bottom:0;}

/* ------------------------------------------------------------ 장바구니/주문 ------------------------------------------------------------ */

/* Step */
.step_wrap {overflow:hidden; padding:30px 24px 20px 20px; background:#f9f9f9; border-bottom:3px solid #b2b2b2; border-top:1px solid #ddd;}
.step_wrap .title {float:left; font-size:30px; color:#474747; font-weight:bold;}
.step_wrap .step {overflow:hidden; float:right;}
.step_wrap .step li {float:left; height:60px; text-indent: -9999px;}
.step_wrap .step li.step01 {width:215px; background:url('../../../images/egovframework/ecf/default/icon_cart_step.png') no-repeat 0 0;}
.step_wrap .step li.step01.on {background:url('../../../images/egovframework/ecf/default/icon_cart_step.png') no-repeat 0 -98px;}
.step_wrap .step li.step02 {width:227px; background:url('../../../images/egovframework/ecf/default/icon_cart_step.png') no-repeat 0 -205px;}
.step_wrap .step li.step02.on {background:url('../../../images/egovframework/ecf/default/icon_cart_step.png') no-repeat 0 -310px;}
.step_wrap .step li.step03 {width:165px; background:url('../../../images/egovframework/ecf/default/icon_cart_step.png') no-repeat 0 -413px;}
.step_wrap .step li.step03.on {background:url('../../../images/egovframework/ecf/default/icon_cart_step.png') no-repeat 0 -521px;}

/* Title */
.h_wrap {position:relative; margin-top:40px;}
.h_wrap.mg_15 {margin-top:15px;}
.h_wrap.mg_15 .title {font-size:16px;}
.h_wrap.mg_25 {margin-top:25px; margin-bottom:-5px}
.h_wrap.mg_35 {margin-top:35px;}
.h_wrap .title {font-size:18px; color:#333; letter-spacing:-1px;}
.h_wrap .s_txt {margin-left:5px; font-size:14px; line-height:20px; font-weight:normal; color:#666; vertical-align:-1px; letter-spacing:-0.05em;}
.h_wrap .title2 {font-size:16px; color:#444; letter-spacing:-1px; margin-bottom:5px;}
.h_wrap .title2 .ico_a {margin:-5px 5px 0 10px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -110px -440px; width:7px; height:7px;}
.h_wrap .title2 .ico_d {margin:0 5px 0 10px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -110px -450px; width:4px; height:4px;}
.h_wrap .s_txt2 {font-size:14px; line-height:20px; font-weight:normal; color:#777; letter-spacing:-0.05em;}
.h_wrap .r_btn {position:absolute; bottom:0; right:0;}

/* 상품정보_테이블 */
.order_tb {border-top:1px solid #d9d9d9;}
.order_tb th {border-bottom:1px solid #d9d9d9; padding:11px 10px 13px; background:#f9f9f9; text-align:center; vertical-align:middle; font-weight:bold;}
.order_tb td {line-height:20px; border-bottom:1px solid #dadada; border-left:1px solid #dadada; padding:9px 10px 9px; text-align:center; vertical-align:middle; color:#333;}
.order_tb td:first-child {border-left:none;}
.order_tb td.line {border-left:1px solid #dadada;}
.order_tb td.left {text-align:left;}
.order_tb td.right {text-align:right;}
.order_tb td.bg {background:#f9f9f9;}
.order_tb td a {color:#333;}
.order_tb td.nodata {height:50px; color:#666;}
.order_tb .no_bd {border-left:none; text-align:left}
.order_tb .product_info {/*overflow:hidden; width:335px;*/}
.order_tb .product_info.ml- {margin-left:-5px;}
.order_tb .product_info dt {float:left; width:80px; height:80px; border:1px solid #e6e6e6;}
.order_tb .product_info dd {margin-left:95px; text-align:left;}
.order_tb .product_info dd p {padding-bottom:3px;}
.order_tb .product_info dd p.txt01, .order_tb .product_info2 dd p.txt01 {color:#333; font-weight:bold;}
.order_tb .product_info dd p.txt02, .order_tb .product_info2 dd p.txt02 {background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -134px; padding-left:10px; color:#5396fe; font-weight:bold; line-height:30px;}
.order_tb .product_info dd p.txt03, .order_tb .product_info2 dd p.txt03 {background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -176px; padding-left:10px; color:#333; line-height:16px;}
.order_tb .product_info dd p .ico_del, .order_tb .product_info2 dd p .ico_del {vertical-align:top; margin-top:4px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -160px -130px; width:11px; height:11px;}
.order_tb .product_info2 {/*overflow:hidden; width:260px;*/}
.order_tb .product_info2 dt {float:left; width:50px; height:50px; border:1px solid #e6e6e6;}
.order_tb .product_info2 dd {margin-left:60px; text-align:left;}
.order_tb td .star {display:inline-block; margin:3px 3px 0 0; position:relative; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat 0 -70px; width:68px; height:12px;}
.order_tb td .star .on {position:absolute; top:0; left:0; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -70px -70px; width:68px; height:12px;}
.order_tb2 {border-top:1px solid #d9d9d9;}
.order_tb2 dt {border-bottom:1px solid #d9d9d9; padding:13px 10px 15px; background:#f9f9f9; line-height:22px; text-align:center; font-size:14px; font-weight:bold;}
.order_tb2 dd {border-bottom:1px solid #dadada; padding:13px 10px 15px; line-height:22px; text-align:center; font-size:14px; color:#333;}

/* 가로 테이블 */
.tbl_row01 {border-top:1px solid #777;}
.tbl_row01.btop {border-top:1px solid #d9d9d9;}
.tbl_row01.none {border-top:0;}
.tbl_row01 th {border-bottom:1px solid #d9d9d9; font-size:14px; padding:11px 20px 13px; background:#f9f9f9; vertical-align:middle; text-align:left;}
.tbl_row01 th.line {border-left:1px solid #d9d9d9;}
.tbl_row01 td {line-height:18px; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:9px 10px 9px; text-align:left; vertical-align:middle; color:#333;}
.tbl_row01 td .coupon {color:#333;}
.tbl_row01 td .coupon span {color:#5396fe;}
.tbl_row01 td .evidence {height:25px}
.tbl_row01 td .ico_del {vertical-align:top; margin-top:4px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -160px -130px; width:11px; height:11px;}
.tbl_row01 td li {display:inline-block; background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -110px; padding-left:10px; margin-bottom:5px;}
.tbl_row01 td .bo_top {border-top:1px solid #dadada; margin:10px -10px 0; padding-left:10px;}
.tbl_row01 .num_choice {overflow:hidden;}
.tbl_row01 .num_choice p {float:left; width:500px;}
.tbl_row01 .checkbox label {display:inline-block; width:80px; line-height:22px;}
.tbl_row01 .checkbox label.wx100 {width:100px;}
.tbl_row01.sale_tb {float:left; width:762px;}
.tbl_row01.wid500 {float:left; width:500px;}

/* 테이블안의 테이블(스타일 없음) */
.no_tb th, .no_tb td {border:none; background:none; padding:5px 0;}
.no_tb th {font-size:12px; color:#333;}
.price {margin-top:3px; line-height:16px;}
.price em {color:#333;}
.price .ico_save {display:inline-block; border:1px solid #666; background:#666; padding-bottom:2px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center; width:17px; font-size:10px; color:#fff; text-shadow:0 1px 1px rgba(0,0,0, 0.1); margin-bottom:3px; /**margin-bottom:0*/}
.price .price_b {font-size: 14px; font-weight: bold; color: #ff3600; vertical-align: middle;}
.order_btn {overflow:hidden; padding:15px 0 0 10px;}
.order_btn .txt_bl, .txt_bl {color:#333;}

/* 장바구니_총 합계 */
.all_sum {overflow:hidden; margin-top:55px; height:124px; background:url('../../../images/egovframework/ecf/default/bg_order_sum.gif') no-repeat 0 0;}
.all_sum.mt20 {margin-top:20px;}
.all_sum dl {float:left; padding-bottom:35px;}
.all_sum dl dt {padding-top:35px; font-size:16px; color:#999; font-weight:bold;}
.all_sum dl dd {font-size:20px; font-weight:bold; padding-top:5px;}
.all_sum .sum01 {width:190px; padding-left:90px;}
.all_sum .sum02 {width:150px; padding-left:60px;}
.all_sum .sum03 {width:150px; padding-left:60px;}
.all_sum .sum04 {padding-left:50px;}
.all_sum .sum04 dt {padding-top:33px;}
.all_sum .sum04 dd.f_red {font-size:24px; color:#ff3c00;}
.all_sum .sum04 dd.f_red span.gray {font-size:20px; color:#666;}

/* 주문결제_총 합계 */
.total_sum {float:right; width:204px; padding:18px; border:2px solid #34ace9; background:#f9f9f9;}
.total_sum .title {font-size:16px; text-align:center; color:#333;}
.total_sum ul {margin-top:15px; padding:12px 0; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.total_sum ul li {line-height:18px;}
.total_sum dl {overflow:hidden;}
.total_sum dl dt {float:left;}
.total_sum dl dd {float:right;}
.total_sum dl.sum_txt01 {color:#333; font-size:14px; font-weight:bold;}
.total_sum dl.sum_txt02 {color:#333; font-size:12px;}
.total_sum dl.sum_txt02 dd span {color:#ff3c00;}
.total_sum .t_sum {padding-top:12px; font-size:20px; font-weight:bold;}

/* 주문완료 */
.complete_txt {margin-top:60px; padding:46px 0; text-align:center; background:url('../../../images/egovframework/ecf/default/bg_order_complete.gif') no-repeat 0 0;}
.complete_txt p.txt01 {font-size:36px; color:#474747; font-weight:bold;}
.complete_txt p.txt02 {font-size:30px; color:#474747; padding-top:20px;}

/* Button */
.btn {display:inline-block; border:1px solid #ccc; background:url('../../../images/egovframework/ecf/default/bg_button.gif') repeat-x 0 -40px; /* height:22px;*/ line-height:18px; padding:0 7px 2px; text-align:center; font-size:12px; color:#666; letter-spacing:-0.05em; text-shadow:0 1px 1px rgba(255,255,255, 0.1); /**line-height:16px; *padding:0 6px 2px;*/}
/* @-moz-document url-prefix(){.btn {padding:0 4px 3px;}}파이어폭스핵 */
.btn.blue {border:1px solid #4d8beb; background:#5396fe; font-weight:bold; color:#fff !important; text-shadow:0 1px 1px rgba(0,0,0, 0.1);}
.btn.blue2 {border:1px solid #4d8beb; background:#5396fe; width:60px; height:54px; line-height:50px; font-weight:bold; color:#fff !important; text-shadow:0 1px 1px rgba(0,0,0, 0.1);}
.btn.date {border:1px solid #c9c9c9; background:url('../../../images/egovframework/ecf/default/bg_button.gif') repeat-x 0 0; width:60px; text-shadow:0 1px 1px rgba(0,0,0, 0.1);}
.btn.date_on {border:2px solid #34ace9; background:url('../../../images/egovframework/ecf/default/bg_button.gif') repeat-x 0 0; width:60px; text-shadow:0 1px 1px rgba(0,0,0, 0.1);}
.btn.gray {border:1px solid #5e5e5e; background:#666; font-weight:bold; color:#fff !important; text-shadow:0 1px 1px rgba(0,0,0, 0.1);}
.btn.write {padding-left:0; padding-right:0;}
.wid60 {width:60px;}
.wid70 {width:70px;}
.wid80 {width:80px;}
.wid100 {width:100px;}
.wid120 {width:120px;}
.wid140 {width:140px;}
.wid160 {width:160px;}
.btn_gray01 {border:1px solid #d9d9d9; background:url('../../../images/egovframework/ecf/default/bg_button.gif') repeat-x 0 0; width:100px; height:30px; padding-bottom:3px; text-align:center; font-size:12px; color:#666; letter-spacing:-0.05em; text-shadow:0 1px 1px rgba(0,0,0, 0.0)}
.btn_gray02 {border:1px solid #d9d9d9; background:url('../../../images/egovframework/ecf/default/bg_button.gif') repeat-x 0 0; width:110px; height:28px; padding-bottom:3px; text-align:center; font-size:12px; color:#666; letter-spacing:-0.05em; text-shadow:0 1px 1px rgba(0,0,0, 0.0)}
.btn_gray02 span, .btn span {display:inline-block; vertical-align:top; margin-top:5px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -103px -169px; width:12px; height:8px;}
.btn_blue {border:1px solid #309fd8; background:#34ace9; width:80px; height:22px; line-height:12px; padding-bottom:2px; text-align:center; font-size:12px; font-weight:bold; color:#fff; letter-spacing:-0.05em; text-shadow:0 1px 1px rgba(0,0,0, 0.1); /**padding-bottom:5px;*/}
.btn_blue01 {border:1px solid #4d8beb; background:#5396fe; width:100px; height:30px; padding-bottom:3px; text-align:center; font-size:12px; font-weight:bold; color:#fff; letter-spacing:-0.05em; text-shadow:0 1px 1px rgba(0,0,0, 0.0);}
.button .btn_gray {border:1px solid #d9d9d9; background:#e9e9e9; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:180px; height:50px; margin-right:3px; padding-bottom:2px; text-align:center; font-size:16px; font-weight:bold; letter-spacing:-0.1px;}
.button .btn_gray1 {border:1px solid #585858; background:#666; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:180px; height:50px; margin-right:3px; padding-bottom:2px; text-align:center; font-size:16px; font-weight:bold; color:#fff; letter-spacing:-0.1px;}
.button .btn_blue02 {border:1px solid #1e80c6; background:#34ace9; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; width:180px; height:50px; padding-bottom:2px; text-align:center; font-size:16px; font-weight:bold; color:#fff; letter-spacing:-0.1px; text-shadow:0 1px 1px rgba(0,0,0, 0.1); margin-right:3px;}
.button .btn_orange {border:1px solid #cc6731; background:#ff813c; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:180px; height:50px; margin-right:3px; padding-bottom:2px; text-align:center; font-size:16px; font-weight:bold; color:#fff; letter-spacing:-0.1px;}

/* ------------------------------------------------------------ 이벤트/기획전 ------------------------------------------------------------ */

/* 진행중인이벤트 */
.event_tab dt {position:relative; height:188px; border:1px solid #d9d9d9; background:#fcfcfc; text-align:center;}
.event_tab dt .event_prev {position:absolute; top:78px; left:20px;}
.event_tab dt .event_prev .btn_prev {background:url('../../../images/egovframework/ecf/default/btn_event_arrow.png') no-repeat 0 0; width:19px; height:31px;}
.event_tab dt .event_prev .btn_prev:hover {background:url('../../../images/egovframework/ecf/default/btn_event_arrow.png') no-repeat 0 -31px; width:19px; height:31px;}
.event_tab dt .event_next {position:absolute; top:78px; right:20px;}
.event_tab dt .event_next .btn_next {background:url('../../../images/egovframework/ecf/default/btn_event_arrow.png') no-repeat -19px 0; width:19px; height:31px;}
.event_tab dt .event_next .btn_next:hover {background:url('../../../images/egovframework/ecf/default/btn_event_arrow.png') no-repeat -19px -31px; width:19px; height:31px;}
.event_tab dt .event_thumb {position:absolute; top:29px; left:71px; overflow:hidden; width:878px; height:135px;}
.event_tab dt .event_thumb ul {width:9999px; height:130px;}
.event_tab dt .event_thumb li {float:left; position:relative; margin-right:19px; border:1px solid #d9d9d9; background:#f1f1f1 url('../../../images/egovframework/ecf/default/img_noimg_100.png') no-repeat 29px 45px; width:158px; height:128px;}
/*.event_tab dt .event_thumb li:first-child {margin-left:0;}*/
.event_tab dt .event_thumb li.active span, .event_tab dt .event_thumb li:hover span {position:absolute; top:-1px; left:-1px; background:url('../../../images/egovframework/ecf/default/bg_event_border.gif') no-repeat; width:160px; height:130px;}
.event_tab dd {border:1px solid #d9d9d9; background:#fff; border-top:0; padding:30px; text-align:center;}

/* 지난이벤트 */
.event_box {margin:-20px 0 0 -20px; overflow:hidden;}
.event_box dl {float:left; margin:20px 0 0 20px; border:1px solid #d9d9d9; background:#fcfcfc; padding:20px; width:458px; height:128px; overflow:hidden;}
.event_box dt {float:left; border:1px solid #d9d9d9; background:#f1f1f1 url('../../../images/egovframework/ecf/default/img_noimg_100.png') no-repeat 29px 45px; width:158px; height:128px; text-align:center;}
.event_box dt img {border:0;}
.event_box dd {margin-left:178px;}
.event_box dd .event_title {font-size:16px; font-weight:bold; color:#333; letter-spacing:-0.05em; line-height:35px; border-bottom:1px solid #d9d9d9;}
.event_box dd .event_date {font-size:14px; color:#666; line-height:30px;}
.event_box dd .event_btn {margin-top:15px; text-align:center;}
.event_box dd .event_btn .btn.blue {width:120px; height:30px;}

/* 이벤트 댓글영역 */
.comment_input {margin:30px 0; border-top:1px solid #d9d9d9; background:#f6f6f6; padding:15px 30px;}
.comment_input div {margin:10px 0 7px;}
.comment_input textarea {float:left; margin-right:20px; border:1px solid #d9d9d9; padding:15px 20px;}
.comment_input button {float:left; border:1px solid #4d8beb; background:#5396fe; width:80px; height:62px; text-align:center; font-size:12px; font-weight:bold; color:#fff; text-shadow:0 1px 1px rgba(0,0,0, 0.1);}
.comment_list {color:#aaa;}
.comment_list .tit {height:25px; border-bottom:1px solid #d9d9d9;}
.comment_list .tit .ico_arr {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -110px -180px; width:3px; height:7px; margin-right:7px;}
.comment_list .view {border-bottom:1px solid #d9d9d9;}
.comment_list .view dl {position:relative; background:url('../../../images/egovframework/ecf/default/bg_dot_col.gif') repeat-x bottom; padding:12px 10px 25px;}
.comment_list .view dt.name {float:left; padding-right:10px; color:#4d8beb;}
.comment_list .view dd.date {float:left; background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -57px; padding-left:12px; color:#888;}
.comment_list .view dd.cont {clear:both; padding-top:5px; color:#444;}
.comment_list .view dd.button {position:absolute; top:7px; right:50px; width:70px;}
.comment_list .view dd.button .btn {margin-top:5px; border:1px solid #d9d9d9; background:#fff url(''); color:#858585; text-decoration:none;}
.comment_list .view dd.button .btn .ico_cmt {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -180px -129px; width:9px; height:10px; margin-right:5px;}
.comment_list .view dd.button .btn .ico_del {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -180px -148px; width:9px; height:11px; margin-right:5px;}
.comment_list .view dl.reply {padding-left:35px;}
.comment_list .view dt.name .ico_n {position:absolute; top:15px; left:18px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -180px -129px; width:9px; height:10px;}
.comment_list .view ul {position:relative; padding:12px 10px;}
.comment_list .view li {float:left;}
.comment_list .view li .ico_n {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -180px -129px; width:9px; height:10px; margin:15px 10px 0 8px;}
.comment_list .view li textarea {border:1px solid #d9d9d9; padding:5px;}
.comment_list .view li.button {position:absolute; top:25px; right:55px;}
.comment_list .nodata {border-bottom:1px solid #d9d9d9; text-align:center; line-height:50px;}
.comment_list table {border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.comment_list th {border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; background:#fcfcfc; text-align:left; padding-left:30px; font-size:14px; color:#5396fe;}
.comment_list td {border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9;  background:#fff;}
.comment_list td .comment_cont {position:relative; padding:13px 0 12px 30px; min-height:35px;}
.comment_list td .comment_cont p {width:650px; line-height:inherit; /**width:600px;*/}
.comment_list td .comment_cont ul {position:absolute; top:13px; right:52px; text-align:right;}
.comment_list td .comment_cont li {line-height:inherit;}
.comment_list td .comment_cont a.comment_delete {position:absolute; top:19px; right:20px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -130px -40px; width:22px; height:22px;}

/* 기획전 */
.plan_list dl {border:1px solid #d9d9d9; background:#fcfcfc; padding:20px; height:190px; margin-top:20px;}
.plan_list dl:first-child {margin-top:0;}
.plan_list dt {float:left; border:1px solid #d9d9d9; background:#f1f1f1 url('../../../images/egovframework/ecf/default/img_noimg_200.png') no-repeat 234px 56px; width:668px; height:188px; /* line-height:188px;*/ margin-right:20px; text-align:center;}
.plan_list dt img {border:0;}
.plan_list dd a:hover {color:#666;}
.plan_list dd .plan_icon {padding:15px 0 5px;}
.plan_list dd .plan_title, .plan_list dd .plan_title a {font-size:16px; font-weight:bold; color:#333; letter-spacing:-1px; line-height:35px;}
.plan_list dd .plan_cont, .plan_list dd .plan_cont a {font-size:14px; color:#666; line-height:22px;}
.plan_list dd .plan_date {font-size:14px; font-weight:bold; color:#666; line-height:30px;}
.plan_list dd .ico_ing {border:1px solid #4d8beb; background:#5396fe; text-align:center; width:60px; height:20px; line-height:18px; font-size:12px; font-weight:bold; color:#fff; text-shadow:0 1px 1px rgba(0,0,0, 0.1);}
.plan_list dd .ico_end {border:1px solid #5e5e5e; background:#666; text-align:center; width:60px; height:20px; line-height:18px; font-size:12px; font-weight:bold; color:#fff; text-shadow:0 1px 1px rgba(0,0,0, 0.1);}
.plan_view {border:1px solid #d9d9d9; background:#fff; padding:30px; text-align:center; margin-bottom:30px;}
.plan_box {position:relative; border:1px solid #d9d9d9; background:#fff; height:854px; text-align:center;}
.plan_box .box_wrap {position:absolute; top:30px; left:41px; overflow:hidden; width:938px; height:854px;}
.plan_box .box_wrap ul {height:878px; margin-left:-54px;}
.plan_box .box_wrap ul > li {float:left; position:relative; margin-left:54px; width:194px; height:412px;}

/* 특가상품 */
.special_box {border:1px solid #d9d9d9; background:#f9f9f9; padding:20px;}
.special_box > dl {border:1px solid #d9d9d9; background:#fff;}
.special_box > dl > dt {float:left; position:relative; height:360px; background:#fcfcfc;}
.special_box > dl > dt .ico_sale {position:absolute; top:-5px; left:20px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') repeat-x 0 -520px; width:76px; height:95px; padding:15px 0 0 9px; font-size:28px; font-weight:bold; color:#fff;}
.special_box > dl > dt .img dt {overflow:hidden; background:url('../../../images/egovframework/ecf/default/img_noimg_200.png') no-repeat 75px 100px; width:350px; height:280px; text-align:center; border-bottom:1px solid #d9d9d9;}
.special_box > dl > dt .img dd {padding:18px 0 0 20px;}
.special_box > dl > dt .img dd p {font-size:12px; font-weight:bold; color:#666; letter-spacing:-0.05em;}
.special_box > dl > dt .img dd strong {font-size:20px; color:#333; letter-spacing:-0.1em;}
.special_box > dl > dd {float:left; position:relative; border-left:1px solid #d9d9d9; width:505px; height:100%; padding:20px 0 0 60px;}
.special_box > dl > dd .ico_txt {position:absolute; top:95px; left:340px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') repeat-x -90px -520px; width:52px; height:54px;}
.special_box > dl > dd .name {height:50px; border-bottom:1px solid #efefef; margin-bottom:10px; text-indent:20px; font-size:24px; font-weight:bold; color:#333; letter-spacing:-0.1em;}
.special_box > dl > dd .price {background:url('../../../images/egovframework/ecf/default/bg_dot_col.gif') repeat-x bottom; padding-bottom:10px;}
.special_box > dl > dd .price dl {background:#f9f9f9; padding:15px 0;}
.special_box > dl > dd .price dt {float:left; clear:both; width:180px; height:30px; line-height:30px; text-indent:20px; font-size:18px; font-weight:bold; color:#333; letter-spacing:-0.1em;}
.special_box > dl > dd .price dd {float:left; width:320px; height:30px; line-height:30px; font-size:18px; color:#888;}
.special_box > dl > dd .price dd .before {vertical-align:top; font-size:14px; font-weight:bold; color:#888; text-decoration:line-through;}
.special_box > dl > dd .price dd .price_b {vertical-align:top; font-size:24px; font-weight:bold; color:#ff3600; letter-spacing:-0.05em;}
.special_box > dl > dd .price dd .price_s {vertical-align:top; font-size:20px; font-weight:bold; color:#ff3600; vertical-align:top;}
.special_box > dl > dd .info {border-bottom:1px solid #efefef; padding:10px 0 12px;}
.special_box > dl > dd .info dt {float:left; clear:both; width:180px; line-height:25px; text-indent:20px; font-size:12px; font-weight:bold; color:#333; letter-spacing:-0.05em;}
.special_box > dl > dd .info dd {float:left; width:320px; line-height:25px; font-size:12px; color:#888;}
.special_box > dl > dd .info dd button {border:1px solid #ccc; background:url('../../../images/egovframework/ecf/default/bg_button.gif') repeat-x 0 -40px; height:21px; line-height:12px; padding:0 7px 3px; text-align:center; font-size:12px; color:#666; letter-spacing:-0.05em; text-shadow:0 1px 1px rgba(255,255,255, 0.1); margin-bottom:2px; /**margin-top:2px; *margin-bottom:0; *padding:0 6px 5px; *vertical-align:middle;*/}
.special_box > dl > dd .button {margin:20px 0; text-align:center;}
.special_box > dl > dd .button .btn_view {border:1px solid #1e80c6; background:#34ace9; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding-bottom:3px; width:140px; height:40px; text-align:center; font-size:16px; font-weight:bold; color:#fff; letter-spacing:-0.1em; text-shadow:0 1px 1px rgba(0,0,0, 0.1);}

/* 대량구매 */
.purchase_box {border:1px solid #d9d9d9; background:#fcfcfc; padding:20px; margin-bottom:30px;}
.purchase_box .product_title {color:#666; letter-spacing:0; margin-bottom:10px;}
.purchase_box .btn.blue {width:120px; height:30px; margin-top:-5px;}
.purchase_box li {background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -231px; padding-left:10px; font-size:13px; color:#666; line-height:20px;}
.purchase_wrap {position:relative; border:1px solid #d9d9d9; background:#fff; height:400px;}
.purchase_wrap ul {margin:30px 0 0 -15px;}
.purchase_wrap li {float:left; position:relative; margin-left:54px; width:194px; height:370px;}
.purchase_wrap li .product_img .name, .purchase_wrap li .product_img .name a {font-weight:bold; color:#5396fe;}
.purchase_wrap li .product_img .village, .purchase_wrap li .product_img .village a {color:#333;}
.purchase_wrap li .product_img .price .txt {font-size:14px; font-weight:bold; color:#333; line-height:14px; margin-bottom:9px;}
.purchase_wrap li .product_img .price .price_b {margin-bottom:4px;}
.purchase_wrap li .product_img .btn_order {border:1px solid #e67437; background:#ff813c; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding-bottom:2px; width:70px; height:28px; text-align:center; font-size:12px; font-weight:bold; color:#fff; letter-spacing:-0.1px; text-shadow:0 1px 1px rgba(0,0,0, 0.1);}
.purchase_wrap li .product_img .btn_view {border:1px solid #d9d9d9; background:#eee; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding-bottom:2px; width:70px; height:28px; text-align:center; font-size:12px; font-weight:bold; color:#999; letter-spacing:-0.1px; text-shadow:0 1px 1px rgba(0,0,0, 0);}

/* ------------------------------------------------------------ 회원 ------------------------------------------------------------ */

/* Title */
.h3_wrap {overflow:hidden;  padding:0 10px 15px 0;  border-bottom:3px solid #d9d9d9;}
.h3_wrap .title {float:left; font-size:30px;  color:#333;  font-weight:bold;}
.h3_wrap .step {overflow:hidden;  float:right;}
.h3_wrap .step li {float:left; font-size:16px;  color:#999;  font-weight:bold; margin:10px 0 0 17px; padding-left:25px; background:url('../../../images/egovframework/ecf/default/icon_step_arrow.gif') no-repeat left 2px;}
.h3_wrap .step li:first-child {background:0; padding:0;}
.h3_wrap .step li.on {color:#666;}

/* 본인인증 */
.txt_cont {padding:77px 0; border-bottom:1px solid #d9d9d9; text-align:center;}
.txt_cont .txt_b {font-size:24px; color:#444; padding-top:22px;}
.txt_cont .txt_s {font-size:16px; padding-top:22px; line-height:24px;}
.txt_cont .txt_b strong {font-size:26px; color:#5396fe;  font-weight:bold;}
.certification_cont {min-height:233px; margin-top:40px; padding-bottom:47px; border:1px solid #d9d9d9; background:#f9f9f9;}
.certification_cont .certification_link {overflow:hidden; width:540px; margin:0 auto; border-bottom:1px solid #d9d9d9; box-shadow:0px 1px 0px 0px #fff; padding:60px 22px 38px 22px;}
.certification_cont .certification_link li {float:left; padding-left:60px; text-align:center;}
.certification_cont .certification_link li:first-child {padding:0;}
.certification_cont .certification_link li dd {padding-top:15px;  font-size:16px; font-weight:bold;}
.certification_cont .certification_txt {overflow:hidden; width:664px; margin:0 auto; margin-top:15px; padding:18px 0 0 82px;}
.certification_cont .certification_txt p.txt_bold {float:left; font-size:14px; font-weight:bold; letter-spacing:-1px; line-height:20px;}
.certification_cont .certification_txt .txt_nor {float:left; font-size:14px; letter-spacing:-1px; border-left:1px solid #d9d9d9; line-height:20px; padding-left:18px; margin-left:18px;}
.certification_cont .mb_form {overflow:hidden; width:600px; margin:0 auto; padding-top:60px;}
.certification_cont .mb_form .form_tit {float:left; padding:15px 30px 0 0; font-size:20px; font-weight:bold;}
.certification_cont input.fm {font-size:20px; border:1px solid #ccc; padding:20px; width:310px;}
.certification_cont .text_w {padding-top:40px;}
.certification_cont .btn_blue02.wx130 {width:130px;}

/* 약관동의 */
.certification_cont .agree_w {padding:30px 60px 40px 60px;}
.certification_cont .agree_w .title {font-size:20px; font-weight:bold; padding-bottom:25px; border-bottom:1px solid #d9d9d9; box-shadow:0px 1px 0px 0px #fff;}
.certification_cont .agree_w dl {margin-top:35px;}
.certification_cont .agree_w dl dt {font-size:16px;}
.certification_cont .agree_w dl dd {overflow:auto; height:30px; margin-top:15px; padding:15px 20px; background:#fff; border:1px solid #c9c9c9; line-height:20px;}
.certification_cont .agree_w dl dd.h120 {height:90px;}
.certification_cont .f_st01 {font-size:16px; font-weight:bold; letter-spacing:-2px;}
.certification_cont .f_st02 {font-size:20px; letter-spacing:-1px;}
.certification_cont .c_st01 {color:#5396fe;}

/* 회원정보입력 */
.compel_txt {margin:10px 10px -30px 0; text-align:right; font-size:14px;}
.tbl_row.member {margin-top:40px; border-top:1px solid #d9d9d9;}
.tbl_row.member th {position:relative; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#f9f9f9; padding:12px 0 12px 20px; text-align:left;  font-size:14px; font-weight:bold;}
.tbl_row.member th:first-child {border-left:0;}
.tbl_row.member th span.date {position:absolute; top:13px; right:20px; font-size:12px; font-weight:normal;}
.tbl_row.member td {border-left:1px solid #d9d9d9;  border-bottom:1px solid #d9d9d9;  background:#fff; padding:12px 0 12px 20px;  text-align:left;  font-size:12px;  color:#333;}
.tbl_row.member td .txt {padding-left:40px;}
.tbl_row.member td input.fm, .tbl_row.member td textarea.fm {font-size:12px; border:1px solid #e6e6e6; padding:1px 5px;}

/* 로그인(팝업) */
#popWrap {position:relative; min-width:420px; padding:22px 20px 25px; border-top:8px solid #353945; margin: auto;}
#popWrap > .title {font-size:24px; color:#444; padding:0 0 25px 10px; border-bottom:3px solid #d9d9d9; margin-bottom:25px;}
#popWrap > .close {position:absolute; top:28px; right:30px;}
#popWrap .tabMenu_pdt {overflow:hidden; border-bottom:none;}
#popWrap .tabMenu_pdt .tab_2x, #popWrap .tabMenu_pdt .tab_3x {height:38px; border-bottom:1px solid #33353d;}
#popWrap .tabMenu_pdt .tab_2x li, #popWrap .tabMenu_pdt .tab_3x li {width:auto; margin-left:1px;  float:left;  text-align:center; line-height:18px;}
#popWrap .tabMenu_pdt .tab_2x li:first-child, #popWrap .tabMenu_pdt .tab_3x li:first-child {margin-left:0;}
#popWrap .tabMenu_pdt .tab_2x li a {width:207px;}
#popWrap .tabMenu_pdt .tab_2x li:first-child a {width:208px;}
#popWrap .tabMenu_pdt li a {display:block;  width:100px; height:auto; line-height:18px; padding:9px 0; font-size:14px; font-weight:bold; text-align:center; border:1px solid #d9d9d9; background:#ededed;  color:#999;}
#popWrap .tabMenu_pdt li.active a {color:#333; border-bottom:none; border:1px solid #33353d; border-top:3px solid #33353d; border-bottom:none; background:#f9f9f9;}
#popWrap .tab_box {padding:30px; border:1px solid #d9d9d9; border-top:none; box-shadow:0 2px 0 0 #ededed; background:#fff;}
#popWrap .tab_box.pa20 {padding:20px;}
#popWrap .tab_box .login_fm, #popWrap .box_gray .login_fm {overflow:hidden; width:360px; margin:0 auto;}
#popWrap .tab_box .login_fm .mb_form {float:left;}
#popWrap .tab_box .login_fm .mb_form dt {float:left; width:70px; font-size:14px; color:#333;}
#popWrap .tab_box .login_fm .mb_form dd {float:left;}
#popWrap .tab_box .login_fm .mb_form dd input.fm {width:170px; font-size:12px; border:1px solid #ccc; padding:1px 5px;}
#popWrap .tab_box .login_fm .btn_blue02.wx90 {width:90px; height:50px;}
#popWrap .tab_box .login_fm .btn_blue02.wx110 {width:110px; height:50px;}
#popWrap .tab_box .login_fm .id_save {clear:both; padding:10px 0 0 70px; color:#333;}
#popWrap .box_gray {background:#f6f6f6; border:1px solid #d9d9d9; padding:15px 0; box-shadow:0 2px 0 0 #ededed; letter-spacing:-1px; line-height:18px;}
#popWrap .box_gray div {padding:5px 0 10px 0;}
#popWrap .box_gray .text {float:left; width:242px;}
#popWrap .box_gray button {display:block; margin-top:10px; width:87px;}
#popWrap .box_gray button.h30 {height:30px;}
#popWrap .box_gray .nonmember {margin-top:5px;}
#popWrap .box_gray .nonmember .button, #popWrap .box_gray .nonmember .button button {width:123px; margin:20px auto 0 auto;}
#popWrap .tab_box .social .text {padding:10px 0;  text-align:center; background:#f9f9f9; font-size:14px; letter-spacing:-1px; line-height:20px;}
#popWrap .tab_box .social button {width:358px;}
#popWrap .tab_box .social .btn_facebook {border:1px solid #496296; background:#5470ac; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; width:356px; height:48px; line-height:42px; text-align:center; font-size:16px; font-weight:bold; color:#fff; letter-spacing:-0.1px; text-shadow:-1px -1px 1px rgba(0,0,0, 0.1);}
#popWrap .tab_box .social .btn_facebook em {float:left; border-right:1px solid #496296; width:70px; height:48px; text-align:center;}
#popWrap .tab_box .social .btn_facebook em .ico_facebook {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat 0 -620px; width:12px; height:26px;}
#popWrap .tab_box .social .btn_naver {border:1px solid #2fad0a; background:#2db900; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; width:356px; height:48px; line-height:42px; text-align:center; font-size:16px; font-weight:bold; color:#fff; letter-spacing:-0.1px; text-shadow:-1px -1px 1px rgba(0,0,0, 0.1);}
#popWrap .tab_box .social .btn_naver em {float:left; border-right:1px solid #2fad0a; width:70px; height:48px; text-align:center;}
#popWrap .tab_box .social .btn_naver em .ico_naver {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -20px -620px; width:19px; height:17px;}
#popWrap .tab_box .social .btn_kakao {border:1px solid #f2b200; background:#f7c000; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; width:356px; height:48px; line-height:42px; text-align:center; font-size:16px; font-weight:bold; color:#fff; letter-spacing:-0.1px; text-shadow:-1px -1px 1px rgba(0,0,0, 0.1);}
#popWrap .tab_box .social .btn_kakao em {float:left; border-right:1px solid #f2b200; width:70px; height:48px; text-align:center;}
#popWrap .tab_box .social .btn_kakao em .ico_kakao {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -50px -620px; width:26px; height:23px;}
#popWrap .tab_box .login_fm.nonmember div {letter-spacing:-1px;}
#popWrap .tab_box .login_fm.nonmember .mb_form dd input.fm {width:140px;}
#popWrap .tab_box .login_fm.nonmember .mb_form dd input.fm2 {width:40px;}
#popWrap .tab_box .nonmember .text {clear:both; padding-top:10px; letter-spacing:-2px;}

/* 아이디,비번찾기 */
#popWrap .w_box {border:1px solid #d9d9d9; box-shadow:0 2px 0 0 #ededed; background:#fff; padding:30px;}
#popWrap .w_box.pd0 {padding:30px 0;}
#popWrap .w_box.pd0 dl.mb_form {padding:0 40px 30px 40px; border-bottom:1px solid #d9d9d9;}
#popWrap .w_box.pd0 dl.mb_form dt {width:60px;}
#popWrap .w_box.pd0 dl.mb_form dd input.fm {width:260px;}
#popWrap .w_box.pd0 .certification_link {margin-top:30px;}
#popWrap .w_box p {letter-spacing:-0.05em; line-height:20px;}
#popWrap .w_box .certification_link {overflow:hidden; width:340px; margin:0 auto;}
#popWrap .w_box .certification_link li {float:left; padding-left:20px; text-align:center;}
#popWrap .w_box .certification_link li:first-child {padding:0;}
#popWrap .w_box .certification_link li dd {padding-top:15px;  font-size:14px; font-weight:bold;}
#popWrap .w_box .certification_txt {overflow:hidden; width:664px; margin:0 auto; margin-top:15px; padding:18px 0 0 82px;}
#popWrap .w_box .certification_txt p.txt_bold {float:left; font-size:14px; font-weight:bold; letter-spacing:-1px; line-height:20px;}
#popWrap .w_box .certification_txt .txt_nor {float:left; font-size:14px; letter-spacing:-1px; border-left:1px solid #d9d9d9; line-height:20px; padding-left:18px; margin-left:18px;}
#popWrap .w_box button.btn_id {width:120px; margin:0 7px; /*padding:0; */}
#popWrap .g_box {/*height:90px; */padding:25px 30px 30px; background:#f6f6f6; border:1px solid #d9d9d9; box-shadow:0 2px 0 0 #ededed; letter-spacing:-1.53px; line-height:18px;}
#popWrap .g_box span {letter-spacing:0;}
#popWrap .w_box .login_fm {overflow:hidden; width:360px; margin:0 auto;}
#popWrap .w_box .login_fm .mb_form {float:left;}
#popWrap .w_box .login_fm .mb_form dt, #popWrap .mb_form dt {float:left; width:70px; font-size:14px; color:#333;}
#popWrap .w_box .login_fm .mb_form dd, #popWrap .mb_form dd {float:left;}
#popWrap .w_box .login_fm .mb_form dd input.fm {width:170px; font-size:12px; border:1px solid #ccc; padding:1px 5px;}
#popWrap .w_box .login_fm .btn_blue02 {width:80px; height:77px; padding:0;}
#popWrap .w_box .login_fm.pw .mb_form dt, #popWrap .mb_form.pw dt {width:90px;}
#popWrap .w_box .login_fm.pw .mb_form dd input.fm {width:150px;}
#popWrap .w_box .login_fm.pw .btn_blue02 {width:80px; height:49px;}
#popWrap .tit_txt {font-size:14px; color:#333; padding-bottom:20px; letter-spacing:-1px;}

/* 팝업창 */
.lyr_wrap {min-width:460px; background:#d9d9d9; padding:0px;}
.lyr_bo {position:relative; border:1px solid #9f9f9f; background:#fff;}
.lyr_bo .close {position:absolute; top:35px; right:30px; background:url('../../../images/egovframework/ecf/default/icon_close.gif') no-repeat; width:22px; height:22px;}
.pop_wrap {min-width:400px; border-top:8px solid #353945; padding:15px 20px 20px;}
.pop_wrap h1 {font-size:24px; color:#444; padding:5px 0 25px 10px; border-bottom:3px solid #d9d9d9; }
.pop_wrap h1 span {font:normal 14px 'Malgun Gothic';}
.pop_wrap h2 {font-size:16px; color:#333; padding:0 0 15px 0; letter-spacing:-0.1px;}
.pop_wrap .box_wrap {border:1px solid #dedede; background:#f7f7f7; padding:12px 10px 10px;}
.pop_wrap .tbl_wrap {border-top:1px solid #777; border-bottom:1px solid #dadada; padding:11px 10px 9px;}

.pop_cont {position:relative;}
.pop_cont .title2 {font-size:16px; color:#333; padding:0 0 15px 0; letter-spacing:-0.1px;}
.pop_cont .title_txt {font-size:12px; font-weight:normal; color:#333; letter-spacing:-0.05em;}
.pop_cont .tbl_col {border-top:1px solid #d9d9d9;}
.pop_cont .tbl_col thead th {border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; background:#f6f6f6; padding:10px 0 12px; text-align:center; vertical-align:middle; color:#666;}
.pop_cont .tbl_col thead th:first-child {border-left:0; background:#f6f6f6;}
.pop_cont .tbl_col thead th.line {border-left:1px solid #d9d9d9; background:#f6f6f6;}
.pop_cont .tbl_col tbody th {border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; background:#fcfcfc; padding:9px 0 11px; text-align:center; vertical-align:middle; font-weight:normal; color:#666;}
.pop_cont .tbl_col tbody th:first-child {border-left:0;}
.pop_cont .tbl_col td {border-bottom:1px solid #d9d9d9; border-left:1px solid #d9d9d9; background:#fff; padding:9px 0 11px; text-align:center; vertical-align:middle; color:#666;}
.pop_cont .tbl_col td:first-child {border-left:0;}

.pop_cont .tbl_row {margin-top:0px; border-top:1px solid #d9d9d9;}
.pop_cont .tbl_row th {border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#f9f9f9; padding:10px 0 13px 20px; text-align:left;  font-size:14px; font-weight:bold;}
.pop_cont .tbl_row th:first-child {border-left:0;}
.pop_cont .tbl_row td {border-left:1px solid #d9d9d9;  border-bottom:1px solid #d9d9d9;  background:#fff; padding:11px 0 12px 20px;  text-align:left;  font-size:12px;  color:#333;}
.pop_cont .tbl_row td .cmt {}
.pop_cont .tbl_row td .cmt dt {float:left; width:110px; line-height:22px;}
.pop_cont .tbl_row td .cmt dd {float:left; line-height:22px;}
.pop_cont .tbl_row td .cmt dd.num1 {width:57px;}
.pop_cont .tbl_row td .cmt dd.num2 {width:77px;}
.pop_cont .tbl_row td .cmt dd.num3 {width:97px;}
.pop_cont .tbl_row td .cmt dd.num4 {width:117px;}
.pop_cont .tbl_row td .cmt dd.num5 {width:137px;}
.pop_cont .tbl_row td .cmt dd .ico_star1 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -110px -250px; width:17px; height:17px;}
.pop_cont .tbl_row td .cmt dd .ico_star2 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -110px -250px; width:38px; height:17px;}
.pop_cont .tbl_row td .cmt dd .ico_star3 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -110px -250px; width:60px; height:17px;}
.pop_cont .tbl_row td .cmt dd .ico_star4 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -110px -250px; width:80px; height:17px;}
.pop_cont .tbl_row td .cmt dd .ico_star5 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -110px -250px; width:100px; height:17px;}

.pop_cont .guide {padding:10px 10px 25px;}
.pop_cont .guide li {background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -232px; padding-left:10px; line-height:18px;}
.pop_cont .guide2 {padding:20px 0 25px;}
.pop_cont .guide2 ul {border:1px solid #d9d9d9; background:#f6f6f6; padding:15px 20px 18px;}
.pop_cont .guide2 li {background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -232px; padding-left:10px; line-height:18px;}

.pop_cont .button {text-align:center;}
.pop_cont .button.bo_line {margin-top:10px; border-top:1px solid #d9d9d9; padding-top:30px;}
.pop_cont .button .btn_gray {width:120px; height:40px; padding-bottom:3px;}
.pop_cont .button .btn_gray01 {box-shadow:0 2px 0 0 #ededed;}
.pop_cont .button .btn_blue02 {width:120px; height:40px; padding-bottom:3px;}
.pop_cont .button .btn_blue02.zoom {width:160px;}

.pop_cont .search_wrap {margin-top:0;}
.pop_cont .product_box {border:0; padding:30px 20px 20px;}
.pop_cont .product_box.pb {padding-bottom:0;}
.pop_cont .product_box .tip {min-width:800px;}
.pop_cont .product_box .tip dd {padding:0 0 10px 30px;}
.pop_cont .product_box .tip dd strong {font-size:14px;}

.pop_cont .txt_box {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#f9f9f9; padding:9px 20px 9px; font-size:14px; color:#666; letter-spacing:-0.05em;}
.pop_cont .txt_box .btn_blue {border:1px solid #309fd8; background:#34ace9; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:100px; height:28px; line-height:12px; padding-bottom:2px; text-align:center; font-size:12px; font-weight:bold; color:#fff; letter-spacing:-0.05em; text-shadow:0 1px 1px rgba(0,0,0, 0.1); /**padding-bottom:5px;*/}

.pop_cont .zoom_box {border:1px solid #d9d9d9; margin:0 auto; width:500px; height:500px; overflow:hidden;}
.pop_cont .zoom_box img {width:100%;}

.pop_cont .gift_wrap {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#f9f9f9; padding:30px;}
.pop_cont .gift_wrap ul {margin:-30px 0 0 -30px;}
.pop_cont .gift_wrap ul li {float:left; margin:30px 0 0 30px;}
.pop_cont .gift_wrap ul li .gift_img {text-align:center;}
.pop_cont .gift_wrap ul li .gift_img .thumb {border:1px solid #d9d9d9; background:#f1f1f1 url('../../../images/egovframework/ecf/default/img_noimg_100.png') no-repeat 10px 42px; width:120px; height:120px; overflow:hidden; margin-bottom:10px;}
.pop_cont .gift_wrap ul li .gift_img .thumb img {width:100%;}
.pop_cont .gift_wrap ul li .gift_img .name {font-size:12px; color:#333; line-height:18px; letter-spacing:-0.05em;}
.pop_cont .gift_wrap ul li .gift_img .price {font-size:14px; font-weight:bold; color:#333; line-height:18px;}
.pop_cont .gift_wrap ul li .gift_img .button {margin-top:10px;}
.pop_cont .gift_wrap ul li .gift_img .button .btn_blue {border:1px solid #309fd8; background:#34ace9; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; width:80px; height:28px; line-height:12px; padding-bottom:2px; text-align:center; font-size:12px; font-weight:bold; color:#fff; letter-spacing:-0.05em; text-shadow:0 1px 1px rgba(0,0,0, 0.1); /**padding-bottom:5px;*/}

.pop_cont .inagree_wrap {border:1px solid #d9d9d9; background:#f9f9f9; padding:20px;}

.pop_cont .product_default {margin:0 auto; border:1px solid #d9d9d9; background:#fff; overflow:hidden; width:820px;}
.pop_cont .product_default .left {padding:10px 20px 0 10px;}
.pop_cont .product_default .center {border-right:0; padding-top:10px;}
.pop_cont .product_default .center .sum .info dd {line-height:24px;}

.pop_cont .use_guide {padding:0 0 25px;}
.pop_cont .use_guide li {background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -231px; margin-left:5px; padding-left:10px; line-height:18px;}
.pop_cont .use_guide2 {padding:0 0 25px;}
.pop_cont .use_guide2 li {line-height:18px;}

.pop_cont .btn_cert {border:1px solid #cecece; background:#f9f9f9; width:126px; height:48px; line-height:40px; padding-bottom:2px; text-align:center; font-size:13px; font-weight:bold; color:#666; letter-spacing:-0.05em; box-shadow:0px 1px 0px 0px #fff;}

.pop_cont.sale_cont {margin:0 auto; width:820px;}
.pop_cont .sale_box ul {border-bottom:1px solid #d9d9d9; background:#f9f9f9; width:820px; overflow:hidden;}
.pop_cont .sale_box li {border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; float:left; vertical-align:top; background:#f9f9f9; width:100%; height:55px; line-height:20px; font-size:12px; color:#333; letter-spacing:-0.05em;}
.pop_cont .sale_box li.goods {border-left:0; width:467px; padding:25px 0 10px 30px;}
.pop_cont .sale_box li.nums {width:130px; padding:35px 30px 0px 0; text-align:right;}
.pop_cont .sale_box li.prices {width:130px; padding:25px 30px 10px 0; text-align:right;}
.pop_cont .sale_box li.nos {border-left:0; width:100%; padding:33px 0 0 30px;}

.pop_cont .all_sum {background:url('../../../images/egovframework/ecf/default/bg_order_sum2.gif') no-repeat; width:820px; height:124px; overflow:hidden;}
.pop_cont .all_sum dl {float:left; padding-bottom:35px;}
.pop_cont .all_sum dl dt {padding-top:35px; font-size:16px; color:#999; font-weight:bold;}
.pop_cont .all_sum dl dd {font-size:20px; font-weight:bold; padding-top:5px;}
.pop_cont .all_sum .sum01 {width:180px; padding-left:91px;}
.pop_cont .all_sum .sum02 {width:180px; padding-left:91px;}
.pop_cont .all_sum .sum03 {padding-left:100px;}

.pop_cont .secu_box {overflow:hidden; margin-top:-5px;}
.pop_cont .secu_box ul {margin-left:-1px; border-top:1px solid #d9d9d9;}
.pop_cont .secu_box li {float:left; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; width:33%; height:54px; line-height:50px; font-size:12px; color:#666;}
.pop_cont .secu_box li .txt {display:inline-block; width:130px; text-indent:30px;}


.pop_cont .mobile_box {overflow:hidden; padding-bottom:25px;}
.pop_cont .mobile_box ul {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:8px 0 10px; background:#fcfcfc;}
.pop_cont .mobile_box li {line-height:35px; font-size:12px; color:#666;}
.pop_cont .mobile_box li .icon {display:inline-block; width:155px; text-align:center;}
.pop_cont .mobile_box li .icon .ico_all {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat 0 -470px; width:61px; height:13px;}
.pop_cont .mobile_box li .icon .ico_sk {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -70px -470px; width:73px; height:13px;}
.pop_cont .mobile_box li .icon .ico_kt {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat 0 -490px; width:59px; height:16px;}
.pop_cont .mobile_box li .icon .ico_lg {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -70px -490px; width:87px; height:19px;}
.pop_cont .mobile_box li .txt {margin:-20px 0 0 155px;}

.pop_cont .cert_box {overflow:hidden; width:655px;}
.pop_cont .cert_box li {float:left;}
.pop_cont .cert_box li .icon {display:inline-block; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -540px -410px; margin:17px 14px 14px 16px; width:9px; height:17px;}
.pop_cont .cert_box li p {border:1px solid #d9d9d9; box-shadow:0 5px 0 0 #ededed; width:132px; text-align:center; vertical-align:middle; background:#f9f9f9; font-size:13px; font-weight:bold; color:#666; letter-spacing:-0.05em;}
.pop_cont .cert_box li .box {padding:3px 0 5px; line-height:38px;}
.pop_cont .cert_box li .box.lh18 {padding:3px 0 5px; line-height:19px;}


/* 주소찾기 */
.pop_cont .zip_search {overflow:hidden; margin:10px 0;}
.pop_cont .zip_search ul {margin:-5px 0 0 -10px;}
.pop_cont .zip_search li {float:left; margin:5px 0 0 10px;}
.pop_cont .zip_result {margin-top:10px; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#f9f9f9; padding:0 10px;}
.pop_cont .zip_result li {border-top:1px solid #d9d9d9; padding:8px 10px 9px; line-height:18px;}
.pop_cont .zip_result li:first-child {border-top:0;}
.pop_cont .zip_result li p {float:left; width:70px; line-height:35px;}
.pop_cont .zip_search2 {position:relative; margin-top:10px; border:1px solid #d9d9d9;}
.pop_cont .zip_search2:hover, .pop_cont .zip_search2:focus {border:1px solid #5396fe;}
.pop_cont .zip_search2 input, .pop_cont .zip_search2 input:hover, .pop_cont .zip_search2 input:focus {border:0;}
.pop_cont .zip_search2 .btn {position:absolute; top:3px; right:10px; border:0; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -140px -440px; width:14px; height:14px;}

/* 생산자 정보 */
.pop_cont .pdc_thumb {margin-bottom:20px;}
.pop_cont .pdc_thumb .thumb {float:left; border:1px solid #d9d9d9; background:#f1f1f1 url('../../../images/egovframework/ecf/default/img_noimg_100.png') no-repeat 15px 51px; width:130px; height:140px;}
.pop_cont .pdc_thumb .cont_box {overflow:hidden; margin-left:150px; border:1px solid #d9d9d9; background:#fcfcfc;}
.pop_cont .pdc_thumb .cont_box .cont {padding:20px; height:100px; line-height:18px;}
.pop_cont .pdc_wrap {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#f9f9f9; padding:0 10px;}
.pop_cont .pdc_wrap li {border-top:1px solid #d9d9d9; line-height:36px;}
.pop_cont .pdc_wrap li:first-child {border-top:0;}
.pop_cont .pdc_wrap li span {display:inline-block; width:30%; text-indent:20px; /**zoom:1; *display:inline; *width:25%; *text-indent:10px;*/}
.pop_cont .pdc_wrap li span.pdt {width:40%;} 

/* ------------------------------------------------------------ 마이인빌 ------------------------------------------------------------ */

/* 마이인빌 */
.myinvil_title {position:relative; border-top:1px solid #666; border-bottom:1px solid #666; background:#fcfcfc; height:210px;}
.myinvil_title th {height:55px; padding:0 0 4px 24px; border-bottom:1px solid #ddd; }
.myinvil_title td {text-align:center;}
.myinvil_title td .ico_money {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -220px -390px; width:64px; height:64px; margin-bottom:5px;}
.myinvil_title td .ico_coupon {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -290px -390px; width:64px; height:64px; margin-bottom:5px;}
.myinvil_title td .bg_order {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -360px -380px;}
.myinvil_title td .ico_order {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -220px -460px; width:62px; height:68px; margin-bottom:5px;}
.myinvil_title td .ico_order2 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -290px -460px; width:75px; height:68px; margin-bottom:5px;}
.myinvil_title td .ico_order3 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -370px -460px; width:70px; height:68px; margin-bottom:5px;}
.myinvil_title td .ico_order4 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -450px -460px; width:73px; height:68px; margin-bottom:5px;}
.myinvil_title td .service {font-size:16px; height:25px; font-weight:bold; color:#666; letter-spacing:-1px;}
.myinvil_title td .num {font-size:14px; color:#666;}
.myinvil_title td .num strong {vertical-align:top; font-size:16px; color:#5396fe;}
.myinvil_title .title {font-size:18px; color:#333; letter-spacing:-2px;}
.myinvil_title .line {border-left:1px solid #ddd;}
.myinvil_wrap {position:relative;}
.myinvil_wrap .h_wrap {margin:35px 0 -5px 0;}
.myinvil_wrap .btn_wrap {position:absolute; top:10px; right:10px;}
.myinvil_wrap .btn_wrap a:hover {color:#333;}
.myinvil_wrap .btn_wrap .ico_more {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -110px -170px; width:4px; height:8px;}
.myinvil_wrap.f_left {float:left; width:49%;}
.myinvil_wrap.f_left .btn_wrap {top:43px;}
.myinvil_wrap.f_right {float:right; width:49%;}
.myinvil_wrap.f_right .btn_wrap {top:43px;}
.myinvil_wrap .myinvil_box {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#fcfcfc;}
.myinvil_wrap .myinvil_box li {float:left; margin:30px 0 0 40px; width:140px; height:240px;}
.myinvil_wrap .myinvil_box .interest_img {text-align:center;}
.myinvil_wrap .myinvil_box .interest_img .thumb {border:1px solid #d9d9d9; background:#f1f1f1 url('../../../images/egovframework/ecf/default/img_noimg_100.png') no-repeat 20px 51px; width:140px; height:140px; margin-bottom:10px;}
.myinvil_wrap .myinvil_box .interest_img .thumb img  {width:100%;}
.myinvil_wrap .myinvil_box .interest_img .name {font-size:14px; color:#333; letter-spacing:-1px;}
.myinvil_wrap .myinvil_box .interest_img .price {font-size:18px; font-weight:bold; color:#ff3c00; line-height:25px;}
.myinvil_wrap .myinvil_box .interest_img .village {font-size:14px; font-weight:bold; color:#999; line-height:25px;}
.myinvil_dot {border:2px dashed #aaa; background:#fcfcfc; padding:10px 15px 12px 20px;}
.myinvil_dot dt, .myinvil_dot dd {float:left; line-height:30px;}
.myinvil_dot dt {width:170px; font-size:14px; font-weight:bold; color:#666; letter-spacing:-1px;}
.myinvil_dot dd.cont {background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -50px; padding-left:20px; width:520px; font-size:12px; color:#333;}

/* 조회기간 검색창 */
.search_wrap {margin-top:30px; position:relative; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#f9f9f9; padding:15px 20px;}
.search_wrap.boder {border:1px solid #d9d9d9;}
.search_wrap dt {float:left; width:100px; line-height:30px; font-size:16px; font-weight:bold; color:#333; letter-spacing:-1px;}
.search_wrap dd {float:left; width:350px; line-height:28px; /**line-height:30px;*/}
.search_wrap dd.wx150 {width:150px;}
.search_wrap dd.wx250 {width:250px;}
.search_wrap dd.wx700 {width:700px;}
.search_wrap dd .ico_calendar {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -20px -440px; width:22px; height:21px;}
.search_wrap .button {position:absolute; top:20px; right:20px; /**top:19px;*/}
.search_wrap .button.bot {top:49px; /**top:48px;*/}
.search_wrap .coupon {margin-top:10px;}
.search_wrap .coupon dt {float:left; width:70px; line-height:22px; font-size:12px; font-weight:bold; color:#666; letter-spacing:-0.05em;}
.search_wrap .coupon dd {float:left; width:240px; line-height:22px;}
.search_wrap .coupon dd label {margin-right:20px;}

/* 알아두세요! */
.guide_wrap {margin-top:40px; border:1px solid #d9d9d9; background:#f9f9f9; padding:15px 15px 18px;}
.guide_wrap .title {font-size:16px; font-weight:bold; color:#333; letter-spacing:-1px;}
.guide_wrap .title span {display:inline-block; vertical-align:middle; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat 0 -440px; width:17px; height:12px; /**margin:5px 5px 0 0;*/}
.guide_wrap ol {list-style:decimal; margin:10px 0 0 20px;}
.guide_wrap ol > li {font-size:14px; font-weight:bold; line-height:20px; letter-spacing:-0.05em;}	
.guide_wrap p {font-size:14px; font-weight:bold; line-height:20px; letter-spacing:-0.05em; margin:10px 0 -5px 0;}	
.guide_wrap ul {margin:10px 0 0 5px;}
.guide_wrap ol > li > ul {margin:5px 0;}
.guide_wrap ul > li {background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -110px; padding-left:10px; font-size:12px; font-weight:normal; color:#666; line-height:20px; letter-spacing:-0.05em;}

/* 나의쇼핑 - 주문진행단계 */
.odr_process {margin-top:25px; border-top:1px solid #d9d9d9; padding-top:15px;}
.odr_process ul {margin:20px 0 5px;}
.odr_process li {float:left; width:150px; background:url('') !important;}
.odr_process li:first-child {width:130px;}
.odr_process dt, .odr_process dd {text-align:center; padding-left:20px;}
.odr_process li:first-child dt, .odr_process li:first-child dd {text-align:center; padding-left:0px;}
.odr_process dt.bg_order {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -360px -380px;}
.odr_process dt .ico_order {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -220px -460px; width:62px; height:68px; margin-bottom:5px;}
.odr_process dt .ico_order2 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -530px -460px; width:62px; height:68px; margin-bottom:5px;}
.odr_process dt .ico_order3 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -290px -460px; width:75px; height:68px; margin-bottom:5px;}
.odr_process dt .ico_order4 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -370px -460px; width:70px; height:68px; margin-bottom:5px;}
.odr_process dt .ico_order5 {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -450px -460px; width:73px; height:68px; margin-bottom:5px;}
.odr_process dd.service {font-size:16px; height:25px; font-weight:bold; color:#666; letter-spacing:-1px;}
.odr_process dd.txt {font-size:12px; color:#999; line-height:16px;}

/* 나의쇼핑 - 주문/배송 상세 */
.myshop {}
.myshop .all_sum {overflow:hidden; margin-top:20px; height:124px; background:url('../../../images/egovframework/ecf/default/bg_order_sum3.gif') no-repeat 0 0;}
.myshop .all_sum.mt20 {margin-top:20px;}
.myshop .all_sum dl {float:left; padding-bottom:35px;}
.myshop .all_sum dl dt {padding-top:35px; font-size:16px; color:#999; font-weight:bold;}
.myshop .all_sum dl dd {font-size:20px; font-weight:bold; padding-top:5px;}
.myshop .all_sum .sum01 {width:140px; padding-left:40px;}
.myshop .all_sum .sum02 {width:135px; padding-left:45px;}
.myshop .all_sum .sum03 {width:135px; padding-left:45px;}
.myshop .all_sum .sum04 {padding-left:45px;}
.myshop .all_sum .sum04 dt {padding-top:35px;}
.myshop .all_sum .sum04 dd.f_red {font-size:20px; color:#ff3c00;}
.myshop .all_sum .sum04 dd.f_red span.gray {font-size:20px; color:#666;}
.myshop .saved {margin-top:20px; border:1px solid #d9d9d9; background:#f9f9f9; padding:10px 30px;}
.myshop .saved dt {float:left; width:150px; font-size:14px; font-weight:bold; color:#666; line-height:30px;}
.myshop .saved dd {margin-left:120px; border-left:1px solid #d9d9d9; padding-left:20px;}

/* 나의쇼핑 - 개인결제 */
.individ_wrap {margin-top:30px; /*width:820px;*/}
.individ_wrap ul {overflow:hidden; margin-left:-29px;}
.individ_wrap ul li {float:left; margin-left:29px; width:140px; height:240px;}
.individ_img {text-align:center;}
.individ_img .thumb {border:1px solid #d9d9d9; background:#f1f1f1 url('../../../images/egovframework/ecf/default/img_noimg_100.png') no-repeat 20px 51px; width:140px; height:140px; margin-bottom:10px;}
.individ_img .name {font-size:12px; color:#333; line-height:20px; letter-spacing:-1px;}
.individ_img .price {font-size:14px; font-weight:bold; color:#333; line-height:20px;}

/* 나의 혜택 - 인빌머니 */
.invilm_wrap {margin-top:30px; border:4px solid #d9d9d9; background:#fcfcfc; padding:15px 20px; font-size:12px; color:#666; letter-spacing:-0.05em;}
.invilm_wrap p {margin-bottom:10px; font-size:14px; font-weight:bold; color:#333; letter-spacing:-0.05em;}
.invilm_wrap strong {color:#333;}

/* 나의 관심상품 - 단골생산자 */
.paginate_wrap {position:relative; height:45px;}
.paginate_wrap .btn_wrap {position:absolute; top:15px; left:15px;}

/* 나의 관심상품 - 인빌체험 */
.interest_wrap {margin-top:25px; margin-bottom:-10px; font-size:14px; letter-spacing:-0.05em;}
.interest_wrap dt {float:left; width:70px; padding-top:2px; font-weight:bold}
.interest_wrap dd {float:left; width:130px;}
/* @-moz-document url-prefix(){.interest_wrap dd div.selector {margin-top:0;}} 파이어폭스핵 */

/* 나의 활동 - 1:1문의, 상품문의 */
.order_tb.product_qna tr.dt td {vertical-align:top;}
.order_tb.product_qna tr.dd td {border-left:1px solid #fcfcfc; background:#fcfcfc; vertical-align:top;}
.order_tb.product_qna td .ico_q {position:absolute; top:12px; left:15px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -50px -440px; width:18px; height:18px;}
.order_tb.product_qna td .ico_a {position:absolute; top:12px; left:15px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -70px -440px; width:18px; height:18px;}
.spacing {/*display:inline-block; vertical-align:middle;*/ font-family:'arial'; letter-spacing:0; /**vertical-align:bottom;*/}

/* 나의 정보 - 회원탈퇴 */
.myinfo_wrap {border-top:1px solid #d9d9d9; background:#f9f9f9; padding:15px 30px;}
.myinfo_wrap .radio label {display:inline-block; width:180px; line-height:25px; color:#333;}
.myinfo_wrap textarea {width:100%; height:70px;}
.agree_wrap {margin:15px 0 0 10px; font-size:14px;}


/* ------------------------------------------------------------ 고객센터 ------------------------------------------------------------ */

/* 고객센터 메인 */
.cs_wrap {overflow:hidden; margin-left:-10px;}
.cs_wrap .sub {float:left; position:relative; margin-left:10px;}
.cs_wrap .sub .h_wrap {margin:5px 0 -5px 0;}
.cs_wrap .sub .h_wrap .title .normal {font-size:18px; font-weight:normal; letter-spacing:0;}
.cs_wrap .sub .btn_wrap {position:absolute; top:12px; right:10px;}
.cs_wrap .sub .btn_wrap a:hover {color:#333;}
.cs_wrap .sub .btn_wrap .ico_more {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -110px -180px; width:3px; height:6px;}
.cs_wrap .cs_box {margin-top:20px; border:1px solid #d9d9d9; background:#fcfcfc; padding:18px 30px 20px; width:343px; height:160px;}
.cs_wrap .cs_box li, .cs_wrap .cs_box li a {vertical-align:middle; font-size:12px; color:#666; letter-spacing:-0.05em; line-height:30px;}
.cs_wrap .cs_box li strong {vertical-align:bottom; font-style:italic; font-size:16px; color:#5396fe; margin-right:5px;}
.cs_wrap .cs_box2 {margin-top:20px; border:1px solid #d9d9d9; background:#fcfcfc; padding:18px 30px 20px; width:343px; height:160px;}
.cs_wrap .cs_box2 li a {display:inline-block; width:270px; font-size:12px; color:#666; letter-spacing:-0.05em; line-height:32px;}
.cs_wrap .cs_box2 li .ico_cs {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -110px -180px; width:3px; height:6px; margin-right:7px;}
.cs_wrap .cs_box2 li .ico_date {color:#888;}
.cs_use {overflow:hidden; margin:5px 0 0 -10px;}
.cs_use dl {float:left; margin:10px 0 0 10px; border:1px solid #d9d9d9; padding:24px 30px 23px; width:343px; height:64px;}
.cs_use dt {float:left; width:75px;}
.cs_use dt .ico_news {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -220px -540px; width:49px; height:63px;}
.cs_use dt .ico_shop {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -290px -540px; width:57px; height:63px;}
.cs_use dt .ico_tour {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -370px -540px; width:57px; height:63px;}
.cs_use dt .ico_study {background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -450px -540px; width:69px; height:63px;}
.cs_use dd, .cs_use dd a {font-size:12px; color:#666; letter-spacing:-0.05em; line-height:18px;}
.cs_use dd .cs_tit {font-size:18px; color:#666; letter-spacing:-0.05em; margin-bottom:10px;}
.cs_use dd .cs_tit span {color:#34ace9;}

/* 자주 묻는 질문 */
.faq_wrap {position:relative; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; background:#f9f9f9; padding:15px 135px;}
.faq_wrap dt {float:left; line-height:27px; font-size:16px; font-weight:bold; color:#333; letter-spacing:-1px;}
.faq_wrap dd {float:left; padding-left:20px; line-height:27px;}
.faq_wrap .button {position:absolute; top:19px; right:135px;}

/* 이용안내 */
.tabMenu_guide {border:1px solid #d9d9d9; padding:10px; box-shadow:0 2px 0 0 #ededed;}
.tabMenu_guide li {float:left; position:relative; margin-left:10px; background:url('../../../images/egovframework/ecf/default/bg_bullet.gif') no-repeat 0 -55px; width:90px; text-indent:15px;}
.tabMenu_guide li:first-child {background:url('');}
.tabMenu_guide li a {display:block; height:20px; line-height:18px; font-size:12px; color:#333; letter-spacing:-0.05em; text-decoration:none;}
.tabMenu_guide li.active a {border:1px solid #3c7cba; background:#4792db; color:#fff; text-shadow:0 1px 1px rgba(0,0,0, 0.1);}
.tabMenu_guide li.active a .ico_g {position:absolute; top:9px; right:10px; background:url('../../../images/egovframework/ecf/default/bg_icon.png') no-repeat -130px -440px; width:5px; height:4px;}

/* 2017.08.07, 정경석, 비밀번호변경 스타일 추가 */
.button .btn_blue03 {border:1px solid #1e80c6; background:#34ace9; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; width:150px; height:50px; padding-bottom:2px; text-align:center; font-size:16px; font-weight:bold; color:#fff; letter-spacing:-0.1px; text-shadow:0 1px 1px rgba(0,0,0, 0.1); margin-right:3px;}