@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('//fonts.googleapis.com/css?family=Roboto:400,500');
@import url('//fonts.googleapis.com/css?family=Montserrat');
@import url('//fonts.googleapis.com/css?family=Arvo:400,700i');
/*  */
body { margin:0px; font-family:'Noto Sans KR',sans-serif; font-size:12px; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0px;padding:0px;border:0px}
ul { margin:0px; padding:0px; list-style:none;}
ul li { margin:0px; padding:0px;list-style:none;}
a { color:#333; text-decoration:none;}
a:link, a:visited {color:#333;text-decoration:none}
a:hover, a:focus, a:active {color:#333; }
label, input, button, select { font-family:'Noto Sans KR',sans-serif;}
label, input, button, select, img {vertical-align:middle}
table { border-collapse:collapse; }

/* ÀÚµ¿¿Ï¼º */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

/* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url("./img/select_arrow.png") #fff no-repeat right 10px center;  /* È­»ìÇ¥ ¸ð¾çÀÇ À̹ÌÁö */
	padding:5px 30px 5px 15px;
	border:1px solid #ccc;
}
select::-ms-expand { display: none; }
input::-ms-clear {display: none;}
select::-ms-expand { background-color:transparent; border:none; }
select:focus::-ms-value {background: transparent; color:inherit; }
select option {cursor:pointer}

/* IE 10, 11ÀÇ ³×ÀÌƼºê È­»ìÇ¥ ¼û±â±â */
select::-ms-expand {
  display: none;
}

input[type="text"],
input[type="password"] { padding:5px; border:1px solid #ccc;}
textarea {padding:5px; border:1px solid #ccc;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/*  */
.pt32 { padding-top:32px !important;}
.mb3 { margin-bottom:3px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}

/* ¸¶Áø */
.mt0  {margin-top:0px !important;}
.mt10 {margin-top:10px !important;}
.mt13 { margin-top:13px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}

.mr7 { margin-right:7px !important;}
.ml0  {margin-left:0px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml55 {margin-left:55px !important;}

.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}

/* ¹®ÀÚ»ö */
.ssColor     { color: #0095ff !important}  /* Á¦ÀÏ ¸¹ÀÌ ¾²´Â ÆùÆ®»ö */
.ssRed       { color:red !important; }
.ssBlue      { color:blue !important; }
.ssGreen     { color:green !important; }
.ssYellow    { color:yellow !important; }
.ssBlack     { color:black !important; }
.ssWhite     { color:white !important; }
.ssGray      { color:gray !important; }
.ssSilver    { color:silver !important; }
.ssLightgray { color:lightgray !important; }
.ssGainsboro { color:gainsboro !important; }
.ssNavy      { color:navy !important; }
.ssOrange    { color:orange !important; }
.ssPurple    { color:#9149b6 !important; }
.ssDark      { color:#3f4553 !important; }
.ssBrown     { color:#8e7d5c !important;}

.ssPoint { color: #006bb6 !important; }
.t_Blue  { color:#006bb6; }
.ssNum   { font-family: "Tahoma" !important; }  /* ¼ýÀÚ°ü·Ã ÆùÆ® */
.ssFontTahoma { font-family: "tahoma"; }  /* ¼ýÀÚ°ü·Ã ÆùÆ® */

.ssFloatL  { float:left !important;  }
.ssFloatR  { float:right !important; }
.ssPointer { cursor:pointer !important; }
.ssHand,   { cursor:pointer !important; }
.ssShow    { display:block !important; }
.ssHide    { display:none !important; }
.ssNormal  { font-weight:normal !important; }
.ssBold    { font-weight:bold !important; }
.ssClear   { display:block !important; float:none !important; clear:both !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important; }
.ssBoth    { clear:both !important; }
.ssBoth:after { display:block; visibility:hidden; clear:both; content:"" }

/* ¹è°æ»ö */
.ssBgRed       { background:#ff2323 !important; }
.ssBgBlue      { background:#3c4cc7 !important; }
.ssBgGreen     { background:#27c227 !important; }
.ssBgYellow    { background:yellow !important; }
.ssBgBlack     { background:black !important; }
.ssBgWhite     { background:white !important; }
.ssBgGray      { background:#f7f4f0 !important; }
.ssBgSilver    { background:silver !important; }
.ssBgLightgray { color:lightgray !important; }
.ssBgGainsboro { color:gainsboro !important; }
.ssBgNavy      { background:navy !important; }
.ssBgOrange    { background:#ff6600 !important; }
.ssBgPurple    { background:#9149b6 !important; }
.ssBgDark      { background:#3f4553 !important; }
.ssBgBrown     { background:#8e7d5c !important;}

.ssAlignL   { text-align: left !important; }
.ssAlignC   { text-align: center !important; }
.ssAlignR   { text-align: right !important; }
.ssTaLeft   { text-align: left !important; }
.ssTaCenter { text-align: center !important; }
.ssTaRight  { text-align: right !important; }

/* IME ¼³Á¤ */
.ssImeOn  { ime-mode:active !important;   }
.ssImeOff { ime-mode:disabled !important; }

/* ÆùÆ® »çÀÌÁî */
.ssFont10 {font-size:10px;}
.ssFont11 {font-size:11px;}
.ssFont12 {font-size:12px;}
.ssFont13 {font-size:13px;}
.ssFont14 {font-size:14px;}
.ssFont15 {font-size:15px;}
.ssFont16 {font-size:16px;}
.ssFont17 {font-size:17px;}
.ssFont18 {font-size:18px;}
.ssFont19 {font-size:19px;}
.ssFont20 {font-size:20px;}
.ssFont21 {font-size:21px;}
.ssFont22 {font-size:22px;}
.ssFont23 {font-size:23px;}
.ssFont24 {font-size:24px;}
.ssFont25 {font-size:25px;}
.ssFont26 {font-size:26px;}
.ssFont27 {font-size:27px;}
.ssFont28 {font-size:28px;}
.ssFont29 {font-size:29px;}
.ssFont30 {font-size:30px;}
.ssFont31 {font-size:31px;}
.ssFont32 {font-size:32px;}

.ui-datepicker .ui-datepicker-year,
.ui-datepicker .ui-datepicker-month {padding:3px 15px 3px 5px !important;background-position:right 3px center !important;}



#wrap { }
#scroll { }

#hd_top { background:url('./img/hd_top_bg.jpg') center top repeat-y; }
#hd_top .row { position:relative; margin:auto; width:1140px; }
#hd_top .row:after { clear:both; display:block; content:"";}
#hd_top .col1 { float:left; background-color:#53585c; text-align:right;}
#hd_top .col2 { float:right; background-color:#49b691; text-align:left; }
#hd_top #hd_top_button { position:absolute; right:-29px;bottom:0px; cursor:pointer; }
/* #hd_top_button { position:absolute; left:50%;top:51px;margin-left:570px; cursor:pointer; } */

/* side_menu */
#side_menu_wrap { width:120px; position:fixed; top:0px; bottom:0px; right:0px; z-index:99; height:100%; border-left:1px solid #ddd; background-color:#fff; }
#side_menu { }
#side_menu .side_btn { position:absolute; top:50px; left:-24px;}
#side_menu .title { background-color:#3c2313; text-align:center; padding-bottom:16px;}
#side_menu .title h2 { font-family: 'Montserrat', sans-serif; color:#fff; font-size:24px; font-weight:normal; padding-top:18px; padding-bottom:12px; }
#side_menu .title .con { color:#fff; font-size:13px; color:#fff; line-height:16px;}
#side_menu .title a { display:inline-block; color:#fff; background-color:#634f42; width:91px; height:24px; line-height:24px; margin-top:17px;}

#side_menu #side_ico_wrap { }
#side_menu #side_ico_wrap .row { border-top:1px solid #ddd; }
#side_menu #side_ico_wrap .row a { display:block; font-size:13px; color:#333; padding:11px 0px; padding-left:12px; }
#side_menu #side_ico_wrap .row a:hover { color:#9149b6;}
#side_menu #side_ico_wrap .row img { padding-right:10px; vertical-align:top; margin-top:8px;}
#side_menu #side_ico_wrap .row span { display:inline-block; line-height:15px;}
#side_menu #side_ico_wrap .menu { }
#side_menu #side_ico_wrap .menu li { border-top:1px solid #ddd; background:url('./img/side_memu_arrow.png') 107px center no-repeat;}
#side_menu #side_ico_wrap .menu li a { display:block; padding:10px 0px; padding-left:12px; color:#333;}
#side_menu #side_ico_wrap .menu li a:hover { color:#9149b6; }
#side_menu #side_ico_wrap .menu li img { padding-right:12px;}

#side_menu #today { border-top:1px solid #ddd;}
#side_menu #today .subject { color:#333; font-weight:400; text-align:center; padding-top:24px; padding-bottom:18px;}
#side_menu #today .subject span { color:#b69149;}
#side_menu #today ul { text-align:center; }
#side_menu #today ul li div { /* border:1px solid #ddd; width:68px; height:68px; margin:0px auto; margin-bottom:5px; */ }
#side_menu #today #nav_box { margin-top:10px;}
#side_menu #today #nav_box:after { clear:both; display:block; content:"";}
#side_menu #today #nav_box a { display: block; }
#side_menu #today #nav_box .prev { float:left; padding-left:13px; }
#side_menu #today #nav_box .next { float:right; padding-right:15px; }
#side_menu #today #nav_box .paging { float:left; color:#999; font-weight:500; padding-left:17px; letter-spacing:2px; }
#side_menu #today #nav_box .paging #gdscroll_paging_current { color:#333;}
#side_menu #to_top { position:absolute; bottom:0px;}

/* Ä«Åå»ó´ã */
#quick_kakao_wrap { width:100%; position:fixed; z-index:9998;top:0px; bottom:0px; left:0px; right:0px; background-color:rgba(0,0,0,0.5);}
#quick_kakao_wrap #quick_kakao {  background-color:#fff; position:absolute; top:50px; left:50%; margin-left:-320px; width:638px;  border:1px solid #dededc; position:relative;}
#quick_kakao_wrap #quick_kakao p { text-align:center; }
#quick_kakao_wrap #quick_kakao .btn_quick_close { display:block; position:absolute;top:-1px; right:-1px; }

/* °£ÆíÁÖ¹® */
#quick_order_wrap { width:100%; position:fixed; z-index:9998;top:0px; bottom:0px; left:0px; right:0px; background-color:rgba(0,0,0,0.5);}
#quick_order_wrap #quick_order {  background-color:#fff; position:absolute; top:50px; left:50%; margin-left:-320px; width:638px;  border:1px solid #dededc; position:relative;}
#quick_order_wrap #quick_order .quick_header { border-bottom:1px solid #dededc; padding-left:43px; }
#quick_order_wrap #quick_order .quick_header .subject { font-size:30px; color:#222; padding-top:33px; }
#quick_order_wrap #quick_order .quick_header .subject span { font-weight:bold;}
#quick_order_wrap #quick_order .quick_header .sub_title { font-size:18px; color:#888; padding-bottom:35px; }
#quick_order_wrap #quick_order .quick_header .btn_quick_close { display:block; position:absolute;top:-1px; right:-1px; }

#quick_order_wrap #quick_order .quick_con { width:560px; margin:0px auto; border-top:2px solid #333; margin-top:38px; }
#quick_order_wrap #quick_order .quick_con th { text-align:left; font-weight:normal; font-size:14px; color:#000; width:129px; padding:0px;}
#quick_order_wrap #quick_order .quick_con th img { padding-left:15px; padding-bottom:4px; padding-right:11px; }
#quick_order_wrap #quick_order .quick_con td { padding:6px 0px; font-size:13px; color:#666; }
#quick_order_wrap #quick_order .quick_con td .quick_input { border:1px solid #ddd; height:32px; padding:0px 19px; width:391px;  }
#quick_order_wrap #quick_order .quick_con td .quick_input::-webkit-input-placeholder { color: #666; font-size:13px; }
#quick_order_wrap #quick_order .quick_con td .write_textarea { padding:19px; border:1px solid #ddd; width:391px;  height:60px; }
#quick_order_wrap #quick_order .btn_wrap { width:560px; margin:0px auto; border-top:1px solid #ddd; padding-top:25px; text-align:center; margin-top:10px; padding-bottom:40px; }
#quick_order_wrap #quick_order .btn_wrap:after { clear:both; display:block; content:"";}
#quick_order_wrap #quick_order .btn_wrap #btn_quick_order { display:inline-block;  width:126px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; font-weight:bold; background-color:#9149b6;}
#quick_order_wrap #quick_order .btn_wrap #btn_quick_close { display:inline-block;  width:126px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#fff; font-weight:bold; background-color:#222; margin-left:6px; }

.ui-autocomplete { position: absolute; cursor: default;z-index:9999 !important;}
.selectGoods { position: absolute; cursor: default;z-index:9999 !important; max-width:391px;}


/* hd */
#hd { width:1140px; margin:0px auto;}
#hd #tnb_wrap { float:right; margin-top:7px;}
#hd #tnb_wrap #tnb { }
#hd #tnb_wrap #tnb:after { clear:both; display:block; content:"";}
#hd #tnb_wrap #tnb li { float:left; padding:0px 10px; background:url('./img/tnb_bdr.jpg') right center  no-repeat;}
#hd #tnb_wrap #tnb li a { display:block; font-size:13px; color:#666;}
#hd #tnb_wrap #tnb li > a:hover { color:#b69149;}
#hd #tnb_wrap #tnb .col1 img { margin-right:3px; margin-bottom:2px;}
#hd #tnb_wrap #tnb .col1 a:hover { color:#5b76b7;}
#hd #tnb_wrap #tnb .col2 a:hover { color:#9149b6;}
#hd #tnb_wrap #tnb .col3 span { font-size:12px; display:inline-block; color:#fff; background-color:#b69149; font-weight:bold; width:89px; height:19px; text-align:center; line-height:19px; border-radius:3px; letter-spacing:-0.5px; vertical-align:top; margin-right:5px;}
#hd #tnb_wrap #tnb .col3 img { margin-bottom:2px; margin-left:7px; }
#hd #tnb_wrap #tnb .col5 { background:none; padding-right:0px;}
#hd #tnb_wrap #tnb .col5 img { margin-bottom:1px; margin-left:9px;}

#hd #tnb_wrap #tnb #my_hs { position:relative;}
#hd #tnb_wrap #tnb #my_hs .menu { position:absolute; top:27px; left:0px; width:100%; border:1px solid #ddd; background-color:#fff; padding:5px 0px; display:none; z-index:999}
#hd #tnb_wrap #tnb #my_hs .menu .row { padding:0px 4px;}
#hd #tnb_wrap #tnb #my_hs .menu a { color:#888; font-size:12px;}
#hd #tnb_wrap #tnb #my_hs .menu a:hover { color:#9149b6;}


#hd #hd_sch { clear:both; padding-top:21px;}
#hd #hd_sch:after { clear:both; display:block; content:"";}
#hd #hd_sch #logo { float:left;}
#hd #hd_sch #sch_box { float:left; margin-left:138px;}
#hd #hd_sch #sch_box .search_input { border:1px solid #9c876a; border-right:none; height:42px; line-height:42px; padding:0px 22px; width:278px;color: #9c876a; font-size: 14px;}
#hd #hd_sch #sch_box .search_input::-webkit-input-placeholder { color: #9c876a; font-size:14px; }
#hd #hd_sch #sch_box #sch_btn { text-indent:-9999px; border:none; width:44px; height:44px; background:url('./img/hd_sch1.png') center center #b69149 no-repeat; cursor:pointer; margin-left:-3px;}
#hd #hd_sch #sch_box #lt_sch { background:url('./img/hd_sch2.png') no-repeat; padding-left:15px; margin-top:10px;height:13px}
#hd #hd_sch #sch_box #lt_sch #keyword { }
#hd #hd_sch #sch_box #lt_sch #keyword:after { clear:both; display:block; content:"";}
#hd #hd_sch #sch_box #lt_sch #keyword li { float:left; padding:0px 11px; background:url('./img/hd_sch_bdr.png') left center no-repeat;}
#hd #hd_sch #sch_box #lt_sch #keyword li a { display:block; color:#9c876a; font-size:11px; font-family:dotum;}
#hd #hd_sch #sch_box #lt_sch #keyword .col1 { background:none;}
/*
#hd #hd_sch #sch_box #lt_sch #keyword {color:#9c876a; font-size:11px; font-family:dotum; }
#hd #hd_sch #sch_box #lt_sch #keyword a {margin:0px 5px;color:#9c876a; font-size:11px; font-family:dotum; } */

#hd #hd_sch #hd_slide { margin-right:50px; float:right; position:relative;}
#hd #hd_sch #hd_slide .slides {width:213px; height:56px;overflow:hidden;}
#hd #hd_sch #hd_slide .flex-prev { position:absolute; top:26px; right:-33px;}
#hd #hd_sch #hd_slide .flex-next { position:absolute; top:26px; right:-50px;}
#hd #hd_sch #hd_slide .flex-control-paging { display:none;}

#gnb_wrap { border-top:1px solid #ddd; border-bottom:2px solid #333; margin-top:19px;background:url('./img/gnb_wrap_bg.jpg') center center;}
#gnb_wrap #gnb { margin:0px auto; width:1140px; position:relative;}
#gnb_wrap #gnb:after { clear:both; display:block; content:"";}
/* ÀüüīÅ×°í¸® */
#gnb_wrap #gnb #cate_all { background-color:#1f1f1f; width:178px; float:left; text-align:center;border-left:1px solid #1f1f1f;border-right:1px solid #1f1f1f;}
#gnb_wrap #gnb #cate_all a { font-size:16px; color:#3c2313; font-weight:500; display:block; line-height:45px;}
#gnb_wrap #gnb #cate_all span { display:inline-block; padding:0px 10px;color:#fff}
#gnb_wrap #gnb #all_cate {display:none;position:absolute;z-index:100;top:45px;left:0px;margin:0px;padding:0px;width:1140px;border:2px solid #3c2313;background-color:#fff;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;box-shadow: 0px 0px 3px rgba(0,0,0,.3);}
#gnb_wrap #gnb #all_cate dl,
#gnb_wrap #gnb #all_cate dt,
#gnb_wrap #gnb #all_cate dd,
#gnb_wrap #gnb #all_cate ul,
#gnb_wrap #gnb #all_cate li {margin:0px;padding:0px;list-style:none}
#gnb_wrap #gnb #all_cate dl {display:inline-block;margin:19px 18px;width:151px;overflow:hidden; vertical-align:top }
#gnb_wrap #gnb #all_cate dl dt a { display:block; margin:0px;padding:10px 0px; font-size:18px; border-bottom:2px solid #3c2313; color:#3c2313; }
#gnb_wrap #gnb #all_cate ul { margin-top:10px; }
#gnb_wrap #gnb #all_cate ul li a { display:block;padding:6px 0px; font-size:14px; color:#666; line-height:1em; }
#gnb_wrap #gnb #all_cate ul li a:hover { color:#333; }
#gnb_wrap #gnb #all_cate dl.promotion { width:auto; }
#gnb_wrap #gnb #all_cate dl.promotion dt a { border:none; }
#gnb_wrap #gnb #cate_all_close {position:absolute;bottom:0px;right:0px;}

#gnb_wrap #gnb .menu { float:left;width:783px;height:45px;}
#gnb_wrap #gnb .menu:after { clear:both; display:block; content:"";}
#gnb_wrap #gnb .menu li { float:left;line-height:45px; background:url('./img/tnb_bdr.jpg') right center no-repeat;}
#gnb_wrap #gnb .menu li a { display:block; padding:0px 12px;  font-size:15px; color:#fff; font-weight:bold;}
#gnb_wrap #gnb .menu .col1 { }
#gnb_wrap #gnb .menu .col1 .ico { margin-bottom:3px; margin-right:4px; }
#gnb_wrap #gnb .menu .col1 .arrow { margin-bottom:2px; margin-left:7px;}
#gnb_wrap #gnb .menu .col2 { }
#gnb_wrap #gnb .menu .col2 .ico { margin-right:2px; margin-bottom:4px; }
#gnb_wrap #gnb .menu .col2 .arrow { margin-bottom:2px; margin-left:9px;}
#gnb_wrap #gnb .menu .col3 { }
#gnb_wrap #gnb .menu .col3 .ico { margin-bottom:2px; }
#gnb_wrap #gnb .menu .col3 .arrow { margin-bottom:2px; margin-left:7px;}
#gnb_wrap #gnb .menu .col4 { }
#gnb_wrap #gnb .menu .col4 a { font-weight:normal;}
#gnb_wrap #gnb .menu .col4 a:hover { color:#feffd0;}
#gnb_wrap #gnb .menu .last { background:none; padding-right:13px;}

#gnb_wrap #gnb .menu .col1,
#gnb_wrap #gnb .menu .col2,
#gnb_wrap #gnb .menu .col3 { position:relative; }
#gnb_wrap #gnb .menu .promo_layer {display:none;position:absolute;z-index:11;top:45px;left:0px;padding-top:1px;}
#gnb_wrap #gnb .menu .promo_layer ul {margin:0px;padding:5px 0px;width:118px;list-style:none;border:1px solid #6c594d;background:#fff; }
#gnb_wrap #gnb .menu .promo_layer ul li {margin:0px;padding:0px 0px;list-style:none;float:none;display:block;}
#gnb_wrap #gnb .menu .promo_layer ul li a {display:block;margin:0px;padding:13px 18px 11px 18px;list-style:none;color:#777777;height:12px;line-height:12px;overflow:hidden;font-size:12px;}
#gnb_wrap #gnb .menu .promo_layer ul li a.on,
#gnb_wrap #gnb .menu .promo_layer ul li a:hover {background-color:#f8f8f8;color:#b69149;}

#gnb_wrap #gnb #right_menu { position:relative; float:left; }
#gnb_wrap #gnb #right_menu ul { }
#gnb_wrap #gnb #right_menu ul:after { clear:both; display:block; content:"";}
#gnb_wrap #gnb #right_menu ul li { float:left;}
#gnb_wrap #gnb #right_menu ul li a { display:block;}
#gnb_wrap #gnb #right_menu .bg { position:absolute; top:-19px; left:33px; }

#gnb_wrap #gnb #lnb { position:absolute; z-index:99; }

#gnb_wrap #gnb #lnb.idx { top:47px; left:-80px;}
#gnb_wrap #gnb #lnb.sub { top:67px; left:-91px;}

#gnb_wrap #gnb #lnb .lnb_tab,
#gnb_wrap #gnb #lnb .left_menu { float:left; }
#gnb_wrap #gnb #lnb .lnb_tab a { display:block; width:80px; height:108px; text-indent:-9999px;}
#gnb_wrap #gnb #lnb .lnb_tab a.on,
#gnb_wrap #gnb #lnb .lnb_tab a:hover { background-position:0px -118px;}
#gnb_wrap #gnb #lnb .lnb_tab .row1 { background:url('./img/lnb1.png') no-repeat;}
#gnb_wrap #gnb #lnb .lnb_tab .row2 { background:url('./img/lnb2.png') no-repeat;}
#gnb_wrap #gnb #lnb .lnb_tab .row3 { background:url('./img/lnb3.png') no-repeat;}
#gnb_wrap #gnb #lnb .lnb_tab .row4 { background:url('./img/lnb4.png') no-repeat;}
#gnb_wrap #gnb #lnb .lnb_tab .row5 { background:url('./img/lnb5.png') no-repeat;}

#gnb_wrap #gnb #lnb .left_menu { max-width:180px;background:#3a3124 url('./img/left_menu_bg.png') no-repeat;color:#fff4e1;}
#gnb_wrap #gnb #lnb .left_menu a {color:#fff4e1;}
#gnb_wrap #gnb #lnb .left_menu .title { background-color:#3c332b; text-align:center; font-size:16px; color:#fff; font-weight:400; line-height:46px; border-left:1px solid #504841;border-right:1px solid #504841;}
#gnb_wrap #gnb #lnb .left_menu .title:after { clear:both; display:block; content:"";}
#gnb_wrap #gnb #lnb .left_menu .title .prev { float:left; padding-left:18px; display:block; padding-top:10px;}
#gnb_wrap #gnb #lnb .left_menu .title .next { float:right; padding-right:18px; display:block; padding-top:10px;}
#gnb_wrap #gnb #lnb .left_menu .title .curr { cursor:default; }
#gnb_wrap #gnb #lnb .left_menu .title img { }
#gnb_wrap #gnb #lnb .left_menu .title span { display:block; float:left; width:86px; text-align:center; color:#fff;}
#gnb_wrap #gnb #lnb .left_menu .ul_d1 { border:1px solid #534a41; border-top:none; min-height:493px;}
#gnb_wrap #gnb #lnb .left_menu .ul_d1 .li_d1 {  padding-top:15px;}
#gnb_wrap #gnb #lnb .left_menu .ul_d1 .li_d1 > a { font-size:15px; color: #dddd00 /* #fff4e1 */; font-weight:400; display:block; margin:0px 20px; background:url('./img/left_menu_arrow1.png') right center no-repeat; cursor:default}
#gnb_wrap #gnb #lnb .left_menu .ul_d2 .li_d2 { }
#gnb_wrap #gnb #lnb .left_menu .ul_d2 .li_d2 a { font-size:14px; color:#dfd4c5; display:block; padding:4px 20px;}
#gnb_wrap #gnb #lnb .left_menu .ul_d2 .li_d2:hover { background:url('./img/wash-black-25.png'); }
#gnb_wrap #gnb #lnb .left_menu .ul_d2 .li_d2:hover a { color:#fff;}

#gnb_wrap #gnb #lnb .left_menu .ul_d3 .li_d3 { }
#gnb_wrap #gnb #lnb .left_menu .ul_d3 .li_d3 a { display:block; text-align:center; }
#gnb_wrap #gnb #lnb .left_menu .ul_d4 .li_d4 { margin:2px 0px; text-align:center }
#gnb_wrap #gnb #lnb .left_menu .ul_d4 .li_d4 a { }
#gnb_wrap #gnb #lnb .left_menu ._lmb._lmb5 .ul_d1 {border-color:#dededc;background:#fff}
#gnb_wrap #gnb #right_banner { position:absolute; top:78px; right:-140px;}

/* content */
#content { width:1140px; margin:0px auto; min-height:600px;}

/* title bar */
.title_bar { margin:20px auto; padding:0px 0px 10px 0px; border-bottom:1px solid #ddd; overflow:hidden;display:table; width:100%;}
.title_bar:after { display:block; visibility:hidden; clear:both; content:"" }
.title_bar .title_txt {display:table-cell;vertical-align:baseline;/* padding-left:30px; background:url('./img/title_bullet.png') 3px center no-repeat; */}
.title_bar .path {display:table-cell;text-align:right;vertical-align:baseline}
.title_bar .title_txt .title_hdr {display:inline-block;font-size:32px;color:#000;font-weight:normal;letter-spacing:-0.1em;}
.title_bar .title_txt .title_sub {display:inline-block;font-size:14px;color:#999;margin-left:10px;}

.pagediv {margin:20px auto; text-align:center;}


#sec1 { height:540px; overflow:hidden;}
#sec1:after { clear:both; display:block; content:"";}

#sec1 #sec1_slide { float:left; width:783px; position:relative; padding-left: 180px;background:#463b2c;}
#sec1 #sec1_slide:after { display:block; visibility:hidden; clear:both; content:"" }
#sec1 #sec1_slide .flex-control-nav { width:inherit; top:340px; bottom:inherit; left:220px;z-index:99}
#sec1 #sec1_slide .flex-control-nav li { margin:0px 2px;}
#sec1 #sec1_slide .flex-control-paging li a { background:#979797; opacity:0.5;}
#sec1 #sec1_slide .flex-control-paging li a.flex-active { opacity:1;}
#sec1 #sec1_slide .flex-direction-nav { display:none }

#sec1 .state { border:1px solid #4e4949; float:left; width:175px;background-color:#3a3434;color:#dfd4c5}
#sec1 .state a {color:#dfd4c5}
#sec1 .state #order { padding:10px;height:245px}
#sec1 .state #order .title { font-size:16px;}
#sec1 .state #order .title span { font-weight:500;}
#sec1 .state #order .more { font-size:12px; color:#818795; margin-left:5px; }
#sec1 .state #order table { border-collapse:collapse; margin-top:5px; border-top:1px solid #5e5959;  width:100%;}
#sec1 .state #order table th { border-bottom:1px solid #5e5959; border-right:1px solid #5e5959; }
#sec1 .state #order table td { border-bottom:1px solid #5e5959; padding:9px 7px; max-width:0; overflow:hidden;}


#sec1 .state #order table .date1 { font-family: 'Roboto', sans-serif; font-weight:500; font-size:11px;}
#sec1 .state #order table .date2 { font-family: 'Roboto', sans-serif; font-weight:500; font-size:16px;}
#sec1 .state #order table .user { font-size:13px; font-weight:500; white-space:nowrap; overflow:hidden; }
#sec1 .state #order table .sit { color:#efd5ae; font-weight:500;}

#sec1 #outline { clear:both; }
#sec1 #outline .lt_key { padding:10px; height:84px; overflow:hidden; text-align:center; }
#sec1 #outline .lt_key:after { display:block; visibility:hidden; clear:both; content:"" }
#sec1 #outline .lt_key .row { text-align:center; }
#sec1 #outline .lt_key a { font-size:13px; color:#b39e7e;}
#sec1 #outline .lt_key a:hover { color:#fff; border-bottom:1px solid #fff;}
#sec1 #outline .hashtagSelector {display:inline-block; margin:0px 2px !important; padding:0px !important;background:none !important; border:none !important; font:normal normal 13px/18px 'Noto Sans KR' !important; float:none !important; color:#b39e7e !important; }
#sec1 #outline .hashtagSelector:hover {color:#fff !important; text-decoration:underline !important;}

#sec1 #outline .best { height:154px;position:relative; border-top:1px solid #665a48; background-color:#665a48; text-align:center; padding:17px;overflow:hidden;color:#fff4e1;}
#sec1 #outline .best .more1 { position:absolute; top:0px; right:0px;}
#sec1 #outline .best h2 { color:#999; font-style:italic; font-size:12px; color:#dfd4c5}
#sec1 #outline .best h2 span { font-weight:normal;}
#sec1 #outline .best h3 { font-size:14px; font-weight:normal; padding-bottom:9px;height:20px;overflow:hidden;color:#fff4e1; white-space:nowrap}
#sec1 #outline .best .con { font-size:12px; color:#fff4e1; line-height:16px;height:48px;overflow:hidden;}
#sec1 #outline .best .more2 { background-color:#b69149; font-size:12px; color:#fff4e1; font-weight:bold; display:block; width:106px; margin:0px auto; height:25px; line-height:25px; border-radius:15px; margin-top:15px;}
#sec1 #outline .best .more2 img { margin-bottom:2px; margin-left:8px;}

#sec2 { position:relative; clear:both; margin-top:30px; }
#sec2 #sec2_slide { }
#sec2 #sec2_slide .flex-control-nav { display:none}
#sec2 #sec2_slide .flex-prev { position:absolute; top:55px; left:0px; opacity:0.3; transition:opacity 0.5s; -webkit-transition:opacity 0.5s;z-index:99;}
#sec2 #sec2_slide .flex-prev:hover { opacity:1; transition:opacity 0.5s; -webkit-transition:opacity 0.5s;}
#sec2 #sec2_slide .flex-next { position:absolute; top:55px; right:0px; opacity:0.3; transition:opacity 0.5s; -webkit-transition:opacity 0.5s;z-index:99;}
#sec2 #sec2_slide .flex-next:hover { opacity:1; transition:opacity 0.5s; -webkit-transition:opacity 0.5s;}

#sec3 { position:relative;}
#sec3 .title { font-size:24px; color:#222; padding:30px 0px;}
#sec3 .title span { font-family: 'Arvo', serif; font-weight:700; font-style:italic;}

#sec3 #sec3_tab { width:100%; border-collapse:collapse; }
#sec3 #sec3_tab th { position:relative; font-size:18px; color:#222; border:1px solid #e8e8e8; width:14.2%; background-color:#f1f1f1; padding:0px; border-bottom-color:#9c876a;}
#sec3 #sec3_tab th a { display:block; padding:3px 0px;}
#sec3 #sec3_tab th a img { padding-top:8px; padding-bottom:5px;}
#sec3 #sec3_tab th span { display:block;padding-bottom:10px;}
/* #sec3 #sec3_tab th.on { background-color:#fff; border-color:#9c876a; border-bottom-color:#fff; background:url('./img/sec3_tab_bg.jpg') #fff repeat-x;} */
#sec3 #sec3_tab th.on a { position:absolute; top:-1px;right:-1px;bottom:-1px;left:-1px; display:block; background-color:#fff; border:1px solid #9c876a; border-bottom-color:#fff; background:url('./img/sec3_tab_bg.jpg') #fff repeat-x;}

#sec3 #sec3_nav { position:absolute; top:41px; right:0px;}
#sec3 #sec3_nav .prev { }
#sec3 #sec3_nav .next { margin-left:3px; }

#sec3 #tab_con_wrap { border:1px solid #9c876a; border-top:none; text-align:center; padding:40px; margin-bottom:40px; }
#sec3 #tab_con_wrap ul { margin:0px 34px;display:table;border-collapse:collapse;}
#sec3 #tab_con_wrap ul:after { clear:both; display:block; content:"";}

#sec3 #tab_con_wrap table { width:100%; border-collapse:collapse;}
#sec3 #tab_con_wrap table td { border:1px solid #ddd; position:relative;vertical-align:top;padding:0}
#sec3 #tab_con_wrap table td .image {display:block;width:210px;overflow:hidden;}
#sec3 #tab_con_wrap table td .subject { padding-top:20px; padding-bottom:10px;}
#sec3 #tab_con_wrap table td .subject a { font-size:14px; color:#444; display:block;margin:auto;width:200px;height:20px;overflow:hidden;}
#sec3 #tab_con_wrap table td .ex_cost { font-size:12px; color:#999; text-decoration:line-through;}
#sec3 #tab_con_wrap table td .cost { font-size:14px; color:#bd0000; padding-bottom:20px;}
#sec3 #tab_con_wrap table td span { font-family: 'Roboto', sans-serif; }
#sec3 #tab_con_wrap table td .status1 { position:absolute; top:12px; left:12px; color:#fff; background-color:#d51920; width:42px; height:20px; line-height:20px; border-radius:2px; font-family: 'Roboto', sans-serif;}
#sec3 #tab_con_wrap table td .status2 { position:absolute; top:12px; left:12px; color:#fff; background-color:#ffb128; width:42px; height:20px; line-height:20px; border-radius:2px; font-family: 'Roboto', sans-serif;}


#sec4 { clear:both; position:relative;overflow:hidden;}
#sec4 #sec4_slide .flex-control-nav { display:none;}
#sec4 #sec4_slide .flex-prev { position:absolute; top:55px; left:0px; opacity:0.3; transition:opacity 0.5s; -webkit-transition:opacity 0.5s;}
#sec4 #sec4_slide .flex-prev:hover { opacity:1; transition:opacity 0.5s; -webkit-transition:opacity 0.5s;}
#sec4 #sec4_slide .flex-next { position:absolute; top:55px; right:0px; opacity:0.3; transition:opacity 0.5s; -webkit-transition:opacity 0.5s;}
#sec4 #sec4_slide .flex-next:hover { opacity:1; transition:opacity 0.5s; -webkit-transition:opacity 0.5s;}

#sec5 { clear:both; margin-top:40px; }
#sec5 .title { }
#sec5 .title:after { clear:both; display:block; content:"";}
#sec5 .title h2 { font-size:24px; color:#222; float:left;}
#sec5 .title h2 span { font-weight:normal;}
#sec5 .title ul { float:left; margin-top:7px; margin-left:15px; }
#sec5 .title ul li { float:left; margin-right:5px; }
#sec5 .title ul li a { display:block; font-size:14px; color:#fff; background-color:#b2b2ba; min-width:50px; height:25px; line-height:25px; text-align:center; border-radius:3px; padding:0px 8px;}
#sec5 .title ul li a.on { background-color:#b69149;}

#sec5 table { width:100%; border-collapse:collapse; margin-top:30px; margin-bottom:40px;}
#sec5 table td { width:20%; text-align:center; border:1px solid #ddd; padding:0px;}
#sec5 table td .image { display:block;width:196px;height:196px;overflow:hidden;margin:auto;padding-top:15px;}
#sec5 table td .subject { padding-top:20px; padding-bottom:10px;}
#sec5 table td .subject a { display:block; color:#444; font-size:14px; }
#sec5 table td .ex_cost { font-size:12px; color:#999; text-decoration:line-through;}
#sec5 table td .ex_cost span { font-family: 'Roboto', sans-serif;}
#sec5 table td .cost { font-size:14px; color:#bd0000; padding-bottom:10px;}
#sec5 table td .cost span { font-family: 'Roboto', sans-serif;}

#sec31 { clear:both; margin-top:40px;position:relative; }
#sec31 .yuls_main_tit {font-size:24px; color:#222;}
#sec31 .yuls_main_tit b { font-family: 'Arvo', serif; font-weight:700; font-style:italic;}
#sec31 #sec31_nav { position:absolute; top:5px; right:0px;}
#sec31 #sec31_nav .prev { }
#sec31 #sec31_nav .next { margin-left:3px; }

#sec51 { clear:both; margin-top:40px;position:relative; }
#sec51 .yuls_main_tit {float:left; font-size:24px; color:#222;}
#sec51 #sec51_nav { position:absolute; top:5px; right:0px;}
#sec51 #sec51_nav .prev { }
#sec51 #sec51_nav .next { margin-left:3px; }

/* foot */
#ft_wrap { clear:both;margin-top:45px; }
#foot_top { width:1140px; margin:0px auto; margin-bottom:42px; }
#foot_top ul { }
#foot_top ul:after { clear:both; display:block; content:"";}
#foot_top ul li { float:Left; margin-right:16px; }
#foot_top ul li.col4 { margin-right:0px;}


#foot_mid_wrap { border-top:1px solid #333; }
#foot_mid_wrap #foot_mid { width:1140px; margin:0px auto; padding-bottom:40px;}
#foot_mid #ft_snb { border-bottom:1px solid #ddd;}
#foot_mid #ft_snb:after { clear:both; display:block; content:"";}
#foot_mid #ft_snb li { float:left; padding:0px 22px; background:url('./img/ft_bdr.jpg') right center  no-repeat;}
#foot_mid #ft_snb li a { display:block; font-size:15px; color:#666; line-height:47px;}
#foot_mid #ft_snb li a:hover { color:#9149b6;}
#foot_mid #ft_snb li.col1 { padding-left:0px;}
#foot_mid #ft_snb li.col4 { background:none; }

#foot_mid #info { margin-top:33px; }
#foot_mid #info:after { clear:both; display:block; content:"";}
#foot_mid #info .col { float:left; border-right:1px solid #ddd; }
#foot_mid #info .col .title { font-size:18px; background:url('./img/ft_bdr2.jpg') left bottom no-repeat; padding-bottom:15px;}
#foot_mid #info .col2 { width:237px; padding-left:49px; padding-right:49px; }
#foot_mid #info .col2 #tel { border-bottom:1px solid #ddd; margin-bottom:12px; padding-top:30px;}
#foot_mid #info .col2 #tel .num { font-size:38px; color:#eb453f; font-family: 'Roboto', sans-serif; letter-spacing:-1px;}
#foot_mid #info .col2 #tel .txt { font-size:13px; color:#888; letter-spacing:-1.4px; padding-bottom:8px;}
#foot_mid #info .col2 .row { padding-bottom:9px; }
#foot_mid #info .col2 .row:after { clear:both; display:block; content:"";}
#foot_mid #info .col2 .row .subject { float:left; width:57px; height:26px; line-height:26px; text-align:center;  background-color:#3c2313; color:#fff; font-size:14px;  font-family: 'Roboto', sans-serif; border-radius:3px;}
#foot_mid #info .col2 .row .des { float:left; font-size:16px; color:#3c2313; margin-left:10px;}

#foot_mid #info .col3 { width:207px; padding-left:50px; padding-right:53px; }
#foot_mid #info .col3 .bank { font-size:14px; color:#333; line-height:24px; }
#foot_mid #info .col3 .bank span { margin-left:19px;}
#foot_mid #info .col3 .bank_info { font-size:12px; color:#666; background-color:#f8f8f8; width:207px; height:27px; text-align:center; line-height:27px; border-radius:5px;}
#foot_mid #info .col3 .bank_info.info1 { margin-top:14px; margin-bottom:15px;}
#foot_mid #info .col3 .bank_info.info2 { margin-top:6px; margin-bottom:8px;}

#foot_mid #info .col4 { width:206px; padding-left:38px; border-right:none;}
#foot_mid #info .col4 { }
#foot_mid #info .col4 ul { border:1px solid #ddd; border-bottom:none; margin-top:32px;}
#foot_mid #info .col4 ul li { border-bottom:1px solid #ddd; font-size:15px; background:url('./img/favo_arrow.png') 167px center no-repeat;}
#foot_mid #info .col4 ul li a { display:block; padding:7px 0px; padding-left:18px;}
#foot_mid #info .col4 ul li a:hover { color:#9149b6;}
#foot_mid #info .col4 ul li span { color:#6b70b2; font-family: 'Roboto', sans-serif;}

#foot_bot_wrap { border-top:1px solid #ddd; }
#foot_bot_wrap #foot_bot { width:1140px; margin:0px auto; margin-top:40px; padding-bottom:48px;}
#foot_bot_wrap #foot_bot:after { clear:both; display:block; content:"";}
#foot_bot_wrap #foot_bot .logo { float:left; margin-right:52px;}
#foot_bot_wrap #foot_bot .info_wrap { float:left;}
#foot_bot_wrap #foot_bot .info_wrap .info { font-size:13px; color:#777; line-height:22px;}
#foot_bot_wrap #foot_bot .info_wrap .copy { color:#c9c9c9; padding-top:15px; }
#foot_bot_wrap #foot_bot .cert_wrap { float:right; }


/* sub */
#history { font-size:14px; margin-top:18px; }
#history .history_bull { margin:0px 10px; }
#history .history_bull img { margin-bottom:2px; }
#content_title { font-size:18px; background:url('./img/content_title_bg.jpg') left center no-repeat; padding-left:10px; margin-top:12px; margin-bottom:7px;}
/* list */
#list_tab_wrap { border-top:2px solid #222; margin-bottom:30px;}
#list_tab { border:2px solid #ebebeb; border-top:none; }
#list_tab li { background-color:#fbfbfb;padding:5px 0px;}
#list_tab li:after { clear:both; display:block; content:"";}
#list_tab li .col { float:left; border-left:1px solid #ddd; margin:0px; padding-left:19px;}
#list_tab li .col a.first { font-size:16px; font-weight:500;}
#list_tab li .col a { display:block; font-size:14px; color:#666; line-height:28px; width:167px;}
#list_tab li .col a.on { color:#9149b6; font-weight:bold;}
#list_tab li .col a.on span { border-bottom:1px solid #9149b6;}

#list_tab li .col1 { border:none;}
#list_tab .row1 { }
#list_tab .row2 { border-top:1px solid #ddd; }
#list_tab .row1 .col { }
#list_tab .row2 .col { }

#best { text-align:center; position:relative;}

#best .title { margin-bottom:20px;}
#best .best_slide { position:relative; margin-bottom:49px;}
#best .best_slide ul li table { width:100%;}
#best .best_slide ul li td { border:1px solid #ddd; padding:0px; position:relative; padding-top:15px; width:20%;}
#best .best_slide ul li .subject { padding-top:20px; padding-bottom:10px;}
#best .best_slide ul li .subject a { font-size:14px; color:#444; display:block;}
#best .best_slide ul li .ex_cost { font-size:12px; color:#999; text-decoration:line-through;}
#best .best_slide ul li .ex_cost span { font-family: 'Roboto', sans-serif;}
#best .best_slide ul li .cost { font-size:14px; color:#bd0000; padding-bottom:10px;}
#best .best_slide ul li .cost span { font-family: 'Roboto', sans-serif;}
#best .best_slide ul li .num { position:absolute; top:10px; left:10px;}

#best .best_slide .flex-control-nav { display:none;}
#best .flex-prev { position:absolute; top:131px; left:0px; opacity:0.3; transition:opacity 0.5s; -webkit-transition:opacity 0.5s;}
#best .flex-prev:hover { opacity:1; transition:opacity 0.5s; -webkit-transition:opacity 0.5s;}
#best .flex-next { position:absolute; top:131px; right:0px; opacity:0.3; transition:opacity 0.5s; -webkit-transition:opacity 0.5s;}
#best .flex-next:hover { opacity:1; transition:opacity 0.5s; -webkit-transition:opacity 0.5s;}

#list {}
#list .empty_list { height:300px; text-align:center; font-size:20px; line-height:300px; border:1px solid #eee; }
#list_wrap { clear:both;}
#list_wrap:after { clear:both; display:block; content:"";}
#list_wrap #pg_info { margin:15px 0px; font-size:13px; color:#999;}
#list_wrap #pg_info span { font-weight:bold;}

/*
#list_wrap .price_tab { margin:15px 0px; }
#list_wrap .price_tab:after { clear:both; display:block; content:"";}
#list_wrap .price_tab .title { float:left; width:122px; font-size:14px; color:#fff; height:46px; line-height:46px; background:url('./img/price_tab_arrow.png') 108px center #b0a6a0 no-repeat; padding-left:19px; }
#list_wrap .price_tab .title span { font-weight:bold;}
#list_wrap .price_tab ul { float:left;}
#list_wrap .price_tab ul:after { clear:both; display:block; content:"";}
#list_wrap .price_tab ul li { float:left; border-top:1px solid #b0a6a0; border-bottom:1px solid #b0a6a0; border-right:1px solid #ebebeb;}
#list_wrap .price_tab ul li a { display:block; font-size:14px; color:#666; line-height:44px; width:110px; text-align:center; }
#list_wrap .price_tab ul li a.on { color:#9149b6; font-weight:bold;}
#list_wrap .price_tab ul li.last { border-right-color:#b0a6a0;} */

#list_wrap .price_tab { margin:10px 0px; padding:5px; border:1px solid #cdcdcd; background-color:#efefef; }
#list_wrap .price_tab:after { clear:both; display:block; content:"";}
#list_wrap .price_tab .title { float:left; width:100px; padding:8px 10px 8px 20px; font-size:14px; color:#000; background:url('./img/price_tab_arrow1.png') right 20px center no-repeat; line-height:1; }
#list_wrap .price_tab .title span { font-weight:bold;}
#list_wrap .price_tab ul { float:right; overflow:hidden; border: 1px solid #dadada; background-color:#fff; }
#list_wrap .price_tab ul:after { clear:both; display:block; content:"";}
#list_wrap .price_tab ul li { float:left; border-left:1px solid #eee; }
#list_wrap .price_tab ul li a { display:block; font-size:12px; color:#666; padding:8px 18px; width:70px; text-align:center; font-family:'Dotum'; line-height:1; }
#list_wrap .price_tab ul li a.on { color:#9149b6; font-weight:bold;}
#list_wrap .price_tab ul li.first { border:none; }

#list_wrap .product_compare { margin:15px 0px; }
#list_wrap .product_compare:after { clear:both; display:block; content:"";}
#list_wrap .product_compare .col1 { float:left; font-size:13px; color:#999;}
#list_wrap .product_compare .col1 .btn_compare { margin-right:7px;}
#list_wrap .product_compare .col1 .chk_img { margin-left:5px;}

#list_wrap .product_compare .col2 { float:right;}
#list_wrap .product_compare .col2 .title { font-size:13px; color:#888; float:left; line-height:24px; margin-right:11px;}
#list_wrap .product_compare .col2 .line_up { float:left; }
#list_wrap .product_compare .col2 .line_up li { float:left; margin-right:3px;}
#list_wrap .product_compare .col2 .line_up li.last { margin-right:0px; }
#list_wrap .product_compare .col2 .line_up li a { display:block; font-size:13px; color:#888; border:1px solid #ebebeb; width:78px; height:22px; line-height:24px; text-align:center; }
#list_wrap .product_compare .col2 .line_up li a.on { border-color:#9149b6; color:#9149b6;}

#list_wrap #list { clear:both; }
#list_wrap #list table { width:100%; }
#list_wrap #list table td { background-color:#fafafa; border:1px solid #ddd; padding:0px;  vertical-align:top; width:20%;}
#list_wrap #list table td .td_wrap { position:relative; padding-bottom:23px;}
#list_wrap #list table td .image { display:block; margin:auto; padding:15px; text-align:center; }
#list_wrap #list table td .image img { max-width: 300px;}
#list_wrap #list table td .subject { margin:5px 15px; }
#list_wrap #list table td .subject a { font-size:14px; color:#000; display:block; overflow:hidden; text-align:center; }
#list_wrap #list table td .ex_cost { font-size:12px; color:#999; text-decoration:line-through; margin:0px 15px;}
#list_wrap #list table td .ex_cost span { font-family: 'Roboto', sans-serif;}
#list_wrap #list table td .cost { font-size:14px; color:#bd0000; margin:5px 52% 5px 15px; text-align:right;}
#list_wrap #list table td .cost span { font-family: 'Roboto', sans-serif;}
#list_wrap #list table td .ico_wrap { position:absolute; bottom:72px; width:100%; display:block; margin:0px; padding:0px; text-align:center; font-size:0px; }
#list_wrap #list table td .ico_wrap img { margin-right:1px; }
#list_wrap #list table td .ico_wrap .status { color:#fff; display:inline-block; width:43px; height:20px; text-align:center; line-height:20px; vertical-align:middle; margin-right:2px; border-radius:3px; }
#list_wrap #list table td .ico_wrap .status1 { background-color:#d51920; font-size:12px; font-family: 'Roboto', sans-serif;}
#list_wrap #list table td .ico_wrap .status2 { background-color:#ffb128; font-size:12px; font-family: 'Roboto', sans-serif;}
#list_wrap #list table td .ico_wrap .status3 { background-color:#5f6edc; font-size:10px;}
#list_wrap #list table td .ico_wrap .status4 { background-color:#9149b6; font-size:10px;}
#list_wrap #list table td .checkbox_wrap { position:absolute; bottom:28px; left:52%;}
#list_wrap #list table td .checkbox_wrap span { font-family:'dotum'; font-size:11px; color:#999; display:inline-block; vertical-align:middle; margin-right:4px; }
#list_wrap #list table td .checkbox {
	position: relative;
	height: 17px;
	width: 17px;
	display:inline-block;
	vertical-align:middle;
}

#list_wrap #list table td input[type="checkbox"] {
		margin:0px;
    opacity:0;
    height: 17px;
    width: 17px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
		cursor:pointer;
}

#list_wrap #list table td input[type="checkbox"] + label{
    background:url('./img/chk_box.png') no-repeat;
    height: 17px;
    width: 17px;
    display:inline-block;
    padding: 0 0 0 0px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
	background-size:100% 100%;
}

#list_wrap #list table td input[type="checkbox"]:checked + label{
    background:url('./img/chk_box_on.png') no-repeat;
    height: 17px;
    width: 17px;
    display:inline-block;
    padding: 0 0 0 0px;
	background-size:100%  100%;
}

#pg_wrap { padding:0px 284px; margin-top:50px; margin-bottom:52px; clear:both;}
#pg_wrap:after { clear:both; display:block; content:"";}
#pg_wrap .prev { display:block; float:left;}
#pg_wrap .next { display:block; float:left;}
#pg_wrap .paging { display:block; float:left; padding:0px 94px; }
#pg_wrap .paging:after { clear:both; display:block; content:"";}
#pg_wrap .paging li { float:left; }
#pg_wrap .paging li a { display:block; font-family: 'Roboto', sans-serif; font-size:15px; color:#222; font-weight:bold; width:48px; height:48px; line-height:48px; text-align:center;}
#pg_wrap .paging li span { display:block; font-family: 'Roboto', sans-serif; font-size:15px; color:#222; font-weight:bold; width:48px; height:48px; line-height:48px; text-align:center;}
#pg_wrap .paging li a.on { background-color:#b69149; color:#fff; border-radius:3px; }

#price_tab_bot_wrap { padding:19px; background-color:#f4f4f4; border:1px solid #ddd; clear:both; margin-bottom:26px;}
#price_tab_bot_wrap:after { clear:both; display:block; content:"";}
#price_tab_bot_wrap .title { background-color:#b69149; float:left; font-size:16px; color:#fff; width:131px; height:50px; line-height:50px; text-align:center; }
#price_tab_bot_wrap .title span { font-weight:bold; }
#price_tab_bot { float:left; border-right:1px solid #ddd; }
#price_tab_bot:after { clear:both; display:block; content:"";}
#price_tab_bot li { float:left; border:1px solid #ddd; border-right:none; background-color:#fff;}
#price_tab_bot li a { display:block; height:50px; line-height:50px; width:120px; text-align:center; font-size:14px; color:#666;}
#price_tab_bot li a.on { color:#b69149; font-weight:bold;}

#sch_wrap { float:right; margin-bottom:53px; }
#sch_wrap select {height:44px; font-size:14px; color:#333; padding-left:20px; border:1px solid #ddd; padding-right:66px; margin-right:-1px; }
#sch_wrap .sch_bar { border:1px solid #ddd; padding:0px 12px; height:42px; width:253px; margin-left:-3px; margin-right:-3px; }
#sch_wrap .sch_bar::-webkit-input-placeholder { color: #999; font-size:14px; }
#sch_wrap #btn_sch { width:44px; height:44px; background:url('./img/sch_bg.png') center center  #b69149 no-repeat; border:none; text-indent:-9999px;}

/* view */
#view_wrap { margin-top:21px;}
#view_wrap #view_header { margin-bottom:41px; }
#view_wrap #view_header:after { clear:both; display:block; content:"";}
#view_wrap #view_header #view_img { float:left; margin-right:40px; }
#view_wrap #view_header #header_info { float:left; width:587px; position:relative; }
#view_wrap #view_header #header_info .title { border-bottom:2px solid #ddd; font-size:26px; color:#222; line-height:20px; padding-bottom:25px; }
#view_wrap #view_header #header_info .ico_wrap { position:absolute; top:4px; right:0px; }
#view_wrap #view_header #header_info .ico_wrap .status { color:#fff; display:inline-block; width:43px; height:20px; text-align:center; line-height:20px; vertical-align:middle; margin-right:2px; border-radius:3px; }
#view_wrap #view_header #header_info .ico_wrap .status1 { background-color:#d51920; font-size:12px; font-family: 'Roboto', sans-serif;}
#view_wrap #view_header #header_info .ico_wrap .status2 { background-color:#ffb128; font-size:12px; font-family: 'Roboto', sans-serif;}
#view_wrap #view_header #header_info .ico_wrap .status3 { background-color:#5f6edc; font-size:10px;}
#view_wrap #view_header #header_info .ico_wrap .status4 { background-color:#9149b6; font-size:10px;}

#view_wrap #view_header #goods_spec {position:relative}
#view_wrap #view_header #goods_spec #ico_wrap {position:absolute;top:3px;right:0px}

#view_wrap #view_header #goods_spec .price_consumer,
#view_wrap #view_header #goods_spec .price_price,
#view_wrap #view_header #goods_spec .price_reserve { display:inline-block;vertical-align:middle;font-size:14px;line-height:24px;}
#view_wrap #view_header #goods_spec .price_consumer {color:#999999; text-decoration:line-through;margin-right:10px;}
#view_wrap #view_header #goods_spec .price_price {color:#bd0000;}
#view_wrap #view_header #goods_spec .price_reserve {margin-left:10px;}
#view_wrap #view_header #goods_spec .price_reserve dfn {text-indent:-9999em; display:inline-block; width:24px; height:24px; background:url('./img/ico_reserve.png') no-repeat;}
#view_wrap #view_header #goods_spec #price {font-size:18px;font-weight:bold}

#view_wrap #view_header #goods_spec .prc_info { width:100%; margin-top:20px; }
#view_wrap #view_header #goods_spec .prc_info th { font-size:14px; color:#222; font-weight:normal; padding:0px; width:100px; text-align:left; vertical-align:top; padding-bottom:15px;}
#view_wrap #view_header #goods_spec .prc_info td { padding:0px; font-size:14px; color:#666; padding-bottom:15px;color:#666;}

#view_wrap #view_header #goods_spec .tbl_info { width:100%;font-size:14px; line-height:30px; }
#view_wrap #view_header #goods_spec .tbl_info th { height:30px; padding:8px 0px; color:#222; border-top:1px solid #eee; vertical-align:top; font-weight:normal; width:100px; text-align:left; }
#view_wrap #view_header #goods_spec .tbl_info td { height:30px; padding:8px 0px; color:#666; border-top:1px solid #eee; vertical-align:top; }

#view_wrap #view_header #goods_spec .tbl_info .ex_cost { display:inline-block; font-size:14px; color:#999; text-decoration:line-through;}
#view_wrap #view_header #goods_spec .tbl_info .ex_cost span { font-family: 'Roboto', sans-serif;}
#view_wrap #view_header #goods_spec .tbl_info .cost { display:inline-block; color:#bd0000; font-size:18px; margin-left:3px; margin-right:8px; }
#view_wrap #view_header #goods_spec .tbl_info .cost span { font-family: 'Roboto', sans-serif; font-weight:bold;}
#view_wrap #view_header #goods_spec .tbl_info .point { display:inline-block; font-size:14px; color:#b69149; }
#view_wrap #view_header #goods_spec .tbl_info .point span { display:inline-block; width:22px; height:22px; line-height:22px; background-color:#b69149; color:#fff; border-radius:100%; font-size:14px; text-align:center; }
#view_wrap #view_header #goods_spec .tbl_info .vat { width:91px; height:22px; line-height:22px; text-align:center; font-size:12px; color:#999; border:1px solid #ddd; border-radius:5px; margin-top:10px; }
#view_wrap #view_header #goods_spec .tbl_info .use { width:410px; height:40px; overflow:hidden; text-overflow:ellipsis;}

#view_wrap #view_header #goods_spec .opt_info select { background: url("./img/view_select_arrow.png") #fff no-repeat right 15px center; border:1px solid #ddd; padding-left:15px; font-size:14px; color:#333; padding-right:30px; outline:none; }

#view_wrap #view_header #goods_spec .tbl_opt { width:100%;font-size:14px; line-height:30px; }
#view_wrap #view_header #goods_spec .tbl_opt th { height:30px; padding:8px 0px; color:#222; border-top:1px solid #eee; vertical-align:top; font-weight:normal; width:100px; text-align:left; }
#view_wrap #view_header #goods_spec .tbl_opt td { height:30px; padding:8px 0px; color:#666; border-top:1px solid #eee; vertical-align:top; }



/*
#view_wrap #view_header #goods_spec .opt_info.double select { background: url("./img/view_select_arrow.png") #fff no-repeat right 15px center; border:1px solid #ddd; padding-left:18px; font-size:14px; color:#333; padding-right:30px;width:100%; }
#view_wrap #view_header #goods_spec .opt_info.single select { background:none; border:none; padding:0px; font-size:14px; color:#333; width:100%; overflow:hidden; outline:none; }
#view_wrap #view_header #goods_spec .opt_info.single option { outline:none; line-height:18px; } */

#view_wrap #view_header #goods_spec .tbl_info .minus { border:1px solid #ddd; width:28px; height:28px;display:inline-block; cursor:pointer; text-indent:-9999em; background:url('./img/view_minus.png') center center #fff no-repeat;vertical-align: middle;}
#view_wrap #view_header #goods_spec .tbl_info .plus { border:1px solid #ddd; width:28px; height:28px;display:inline-block;cursor:pointer;text-indent:-9999em; background:url('./img/view_plus.png') center center #fff no-repeat;vertical-align: middle;}
#view_wrap #view_header #goods_spec .tbl_info .num { border:1px solid #ddd; width:38px; height:28px; display:inline-block;text-align:center; font-family: 'Roboto', sans-serif; font-size:14px; color:#222; font-weight:bold; margin-left:-4px; margin-right:-4px;  padding:0px; text-align:center;vertical-align: middle; }

#view_wrap #view_header #goods_spec .tbl_info .bell { clear:both; padding:10px 0px;color:#ff8390; }
#view_wrap #view_header #goods_spec .tbl_info .bell img { margin-right:3px; }

#view_wrap #view_header #goods_spec .view_btn { display:block;}
#view_wrap #view_header #goods_spec .view_btn1 { margin-bottom:4px; }


#view_wrap .view_tab { width:100%;}
#view_wrap .view_tab td { width:25%; text-align:center; border:1px solid #ddd; padding:0px; }
#view_wrap .view_tab td a { display:block; font-size:15px; color:#222; height:58px; line-height:58px; }
#view_wrap .view_tab td a.on { background-color:#3c2313; color:#fff; }
#view_wrap .view_title { margin-top:50px; }
#view_wrap #view_sec1 { }
#view_wrap #view_sec1 .detail_img { text-align:center; border-bottom:1px solid #ddd; padding-top:63px; padding-bottom:77px; margin-bottom:68px; }
#view_wrap #view_sec1 #write_wrap { }
#view_wrap #view_sec1 #write_wrap:after { clear:both; display:block; content:"";}
#view_wrap #view_sec1 #write_wrap .col {  }
#view_wrap #view_sec1 #write_wrap .col .title { font-size:18px; color:#222; background:url('./img/content_title_bg.jpg') left center no-repeat; padding-left:10px; margin-bottom:10px; }
#view_wrap #view_sec1 #write_wrap .col1 { float:left; width:560px; }
#view_wrap #view_sec1 #write_wrap .col2 { float:right;}
#view_wrap #view_sec1 .order_process { margin-bottom:112px; text-align:center; }
#view_wrap .view_info { margin-top:112px; }


#view_wrap #view_sec1 #write { border-top:2px solid #333; width:100%; padding-top:9px; }
#view_wrap #view_sec1 #write .row { margin-bottom:12px; }
#view_wrap #view_sec1 #write .row:after { clear:both; display:block; content:"";}
#view_wrap #view_sec1 #write .row .subject { float:left; font-size:14px; color:#222; width:129px; margin:7px 0px;}
#view_wrap #view_sec1 #write .row .subject img { padding-left:15px; padding-right:10px; }
#view_wrap #view_sec1 #write .row .subject .view_example { display:block; width:58px; height:28px; line-height:28px; border:1px solid #e3e3e3; background-color:#9149b6; color:#fff; text-align:center; border-radius:5px; margin-left:26px; margin-top:5px; }
#view_wrap #view_sec1 #write .row .con { float:left; font-size:13px; color:#666; }
#view_wrap #view_sec1 #write .row .con .write_text { border:1px solid #ddd; padding:0px 19px; height:32px; width:391px; }
#view_wrap #view_sec1 #write .row .con .write_text::-webkit-input-placeholder { color: #666; font-size:13px; }
#view_wrap #view_sec1 #write .row .con select { font-size:13px; color:#666; border:1px solid #ddd; padding-left:18px; padding-right:35px;  height:34px; }
#view_wrap #view_sec1 #write .row .con .year { padding-right:51px; margin-right:7px;}
#view_wrap #view_sec1 #write .row .con .month { margin:0px 7px;}
#view_wrap #view_sec1 #write .row .con .day  { margin:0px 7px;}
#view_wrap #view_sec1 #write .row .con .write_textarea { padding:19px; border:1px solid #ddd; width:391px;  height:60px; }
#view_wrap #view_sec1 #write .row .con .write_textarea::-webkit-input-placeholder { color: #666; font-size:12px; }
#view_wrap #view_sec1 #write .row2 { background-color:#fbf9f6; margin-bottom:0px; border-bottom:1px solid #ddd; padding:12px 0px;}
#view_wrap #view_sec1 #write .row2.first { border-top:1px solid #ddd; }
#view_wrap #view_sec1 #write .row2 .subject { margin:0px; }
#view_wrap #view_sec1 #write .row2 .con .homepage { width:240px; height:32px; border:1px solid #ddd; padding:0px 19px; background-color:#eee; margin-left:20px; }


#view_wrap #view_sec1 #write_wrap #write_btn { border-top:2px solid #333; padding-top:12px; }
#view_wrap #view_sec1 #write_wrap #write_btn:after { clear:both; display:block; content:"";}
#view_wrap #view_sec1 #write_wrap #write_btn a { display:block; float:left; }
#view_wrap #view_sec1 #write_wrap #write_btn .mid { margin:0px 4px; }



.file_box input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}
.file_box label { display: inline-block;  color: #fff; font-size: inherit;  vertical-align: middle; background-color: #333; cursor: pointer; border:1px solid #dededc; width:78px; height:32px; line-height:32px;  text-align:center; font-size:13px; }
.file_box .upload-name { display: inline-block;  /* labelÀÇ Æеù°ª°ú ÀÏÄ¡ */ font-size: 13px; color:#666; font-family: inherit;  vertical-align: middle; border:none; background-color:transparent; -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none; appearance: none; }





/*½Ç½Ã°£ ÁÖ¹®ÇöȲ*/
#orderlist { margin:20px 0px;}
#orderlist table { width:100%; margin-top:10px; border-top:2px solid #333; }
#orderlist table th { border:1px solid #ddd; border-left:none; border-right:none; background-color:#f8f8f8; text-align:center; padding:10px; }
#orderlist table td { border:1px solid #ddd; border-left:none; border-right:none;  padding:10px; text-align:center; }


/* ÆäÀÌ¡ */
#pg_wrap {margin:20px auto;padding:0px; text-align:center;}
#pg_wrap a.navi, #pg_wrap b { display:inline-block; margin:8px; width:46px; height:46px; line-height:46px; text-align:center; font-size:15px; font-weight:bold;font-family:'Noto Sans KR'; box-shadow: 1px 1px 2px transparent; border-radius:5px;}
#pg_wrap a.navi:hover,
#pg_wrap b { box-shadow: 1px 1px 2px rgba(0,0,0,0.1);background-color:#b69149; color:#fff }
#pg_wrap a.navi.navi_first,
#pg_wrap a.navi.navi_last { display:none; }
#pg_wrap a.navi.navi_prev,
#pg_wrap a.navi.navi_next { text-indent:-9999em;box-shadow: 1px 1px 2px rgba(0,0,0,0.1); }
#pg_wrap a.navi.navi_prev {background:url('./img/pg_prev.png') center center no-repeat; }
#pg_wrap a.navi.navi_next {background:url('./img/pg_next.png') center center no-repeat; }

/* »óÇ°°Ë»ö */
#goods_search { margin:0px; padding:20px;border:1px solid #dedede; background-color:#f5f5f5; }
#goods_search .goods_search { margin:auto; width:550px;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#goods_search .search_box {}
#goods_search .search_box .search_input {width:250px;}
#goods_search .search_box .button { width:60px;height:31px;border:none;background:#000;color:#fff;cursor:pointer; }
#goods_search .search_word { margin-top:10px; background: url(./img/hd_sch2.png) no-repeat; padding-left: 20px; color:#9c876a;font-size:11px;font-family:'Dotum' }
#goods_search .search_word a {display:inline-block; margin:0px 5px; color:#9c876a;font-size:11px;font-family:'Dotum'}

/* Á¦Ç°ºñ±³ */
#compare_popup { width:100%; position:fixed; z-index:9998;top:0px; bottom:0px; left:0px; right:0px; background-color:rgba(0,0,0,0.5); display:none;}
#compare_popup #compare_window { position:absolute; top:50px; left:50%; margin-left:-425px; width:850px;height:850px;  border:1px solid #dededc; background-color:#fff; }
#compare_popup #compare_window #compare_header,
#compare_popup #compare_window #compare_wrapper { padding:39px; }
#compare_popup #compare_window #compare_footer { padding:0px 39px 39px 39px; }
#compare_popup #compare_window #compare_header { border-bottom:1px solid #dededc; }
#compare_popup #compare_window #compare_header h3 { font:normal normal 30px/30px 'Noto Sans KR'; }
#compare_popup #compare_window #compare_header .compare_desc { margin-top:15px;font:normal normal 18px/18px 'Noto Sans KR'; color:#999; letter-spacing:-1px; }
#compare_popup #compare_window #compare_header .compare_close {position:absolute; right:-1px; top:-1px; text-indent:-999em; border:none; background:none; display:block; width:48px; height:48px; background:url('./img/compare_close.png') no-repeat; cursor:pointer; }
#compare_popup #compare_window #compare_wrapper {height:540px; overflow:hidden;}
#compare_popup #compare_window #compare_wrapper table {width:100%; border-collapse:collapse;border-top:2px solid #333; }
#compare_popup #compare_window #compare_wrapper th,
#compare_popup #compare_window #compare_wrapper td { padding:15px;border:1px solid #ddd;font-size:15px; text-align:center;font-weight:normal }
#compare_popup #compare_window #compare_wrapper th {color:#222;}
#compare_popup #compare_window #compare_wrapper td {color:#666;}
#compare_popup #compare_window #compare_wrapper .row4 {background-color:#fbf9f6; }
#compare_popup #compare_window #compare_wrapper .row3 td { font-family: 'Roboto', sans-serif; color:#999; text-decoration:line-through}
#compare_popup #compare_window #compare_wrapper .row4 td { font-family: 'Roboto', sans-serif; color:#bd0000;}
#compare_popup #compare_window #compare_wrapper .row3 td b,
#compare_popup #compare_window #compare_wrapper .row4 td b { font-weight:normal; }
#compare_popup #compare_window #compare_wrapper .row5 td,
#compare_popup #compare_window #compare_wrapper .row6 td {vertical-align:top;font-size:13px;line-height:1.2;}
#compare_popup #compare_window #compare_wrapper .row6 td {color:#b69149;}
#compare_popup #compare_window #compare_footer {text-align:center;}
#compare_popup #compare_window #compare_footer .compare_close {width:126px;height:50px;background:#000;color:#fff;border:none;cursor:pointer;font-size:16px;font-weight:bold}

#b_lookup {margin-left: 10px; font-size: 12px;}