.mobilemenu.mobilemenu-theme.js-mobilemenu--opened { background: rgba(0, 0, 0, .5) url('http://fs.modenoffice.com/m2c/images/btn_nav_close.gif') no-repeat 360px 0; background-size: 30px 30px; }

@media screen and (max-width:450px) {
	.mobilemenu.mobilemenu-theme.js-mobilemenu--opened { background-position: 86% 0; }
}

@media screen and (max-width:350px) {
	.mobilemenu.mobilemenu-theme.js-mobilemenu--opened { background-position: 87% 0; }
}

.mobilemenu.mobilemenu-theme,
.mobilemenu.mobilemenu-theme.js-mobilemenu--animate-out { background: rgba(0, 0, 0, 0); }

.mobilemenu--open-icon.mobilemenu-theme { display: block; width: 40px; height: 40px; border-radius: 4px; cursor: pointer; background-color: #eee; }
.mobilemenu--open-icon.mobilemenu-theme .slicknav_icon { display: block; padding: 6px; }
.mobilemenu--open-icon.mobilemenu-theme .slicknav_icon .slicknav_icon-bar { display: block; height: 5px; margin-top: 4px; background: #fff; }
.mobilemenu--open-icon.mobilemenu-theme .slicknav_icon .slicknav_icon-bar.slicknav_icon-bar--first { margin-top: 0; }
.nav { display: none; }
.some-text { overflow: hidden; margin: 30px 10px 10px; }

@media (min-width: 620px) {
	.mobilemenu--open-icon.mobilemenu-theme { display: none; }
	.nav { display: block; }
}

@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@font-face { font-family: "NanumGothicWeb"; src: url('/Content/SP/Font/NanumGothic.eot'); src: url('/Content/SP/Font/NanumGothic.eot?#iefix') format('embedded-opentype'), url('/Content/SP/Font/NanumGothic.woff') format('woff'), url('/Content/SP/Font/NanumGothic.ttf') format('truetype'); font-weight: normal; font-style: normal; }

@font-face { font-family: "NanumGothicBoldWeb"; src: url('/Content/SP/Font/NanumGothicBold.eot'); src: url('/Content/SP/Font/NanumGothicBold.eot?#iefix') format('embedded-opentype'), url('/Content/SP/Font/NanumGothicBold.woff') format('woff'), url('/Content/SP/Font/NanumGothicBold.ttf') format('truetype'); }


/* base (기본 설정파일 - 수정하지마세요.)  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 0.75em; font: inherit; vertical-align: baseline; -webkit-tap-highlight-color: rgba(0, 0, 0, .5); }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
audio, canvas, video { display: inline-block }
audio:not([controls]) { display: none; height: 0 }
html, body { }
body { font-family: 'Malgun Gothic','Droid Sans','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif; font-size: 0.7em; line-height: 1.2; color: #555; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-font-smoothing: subpixel-antialiased; }
ul, ol, li { list-style: none; }
table { border-collapse: collapse; width: 100%; }
td, th { vertical-align: middle; }
input, select, select option { color: #555; font-family: 'Malgun Gothic','Droid Sans','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif; font-size: 0.82em; line-height: 1.2; }
/** link style **/
a { color: #555; text-decoration: none; -webkit-tap-highlight-color: rgba(255, 200, 0, 0.5); }
a:hover, a:active { color: #555; text-decoration: none }

/* skip */
.screen_out { display: block; font-size: 0; height: 1px; left: -9999px; line-height: 0; overflow: hidden; position: absolute; text-indent: -9999px; width: 1px; }
.screen_hide { font-size: 0; line-height: 0; visibility: hidden; }

/* layout */
#global_top_menu { position: fixed; width: 100%; min-width: 320px; padding: 10px 0; border-bottom: 1px solid #ccc; background: #fff; z-index: 100; }
#global_foot_menu { width: 100%; min-width: 320px; background: #fff; }
/* #global_foot_menu.fixed{position:fixed;bottom:0;left:0;} */
#wrapper { min-width: 320px; width: 100%; padding: 40px 0 0 0; }


/* .nav_close{position:absolute;top:0;right:0;margin-right:-10px;width:10px;height:10px;background:pink;} */
.user_info { position: relative; padding: 6px 10px; background: #5eb428; }
.nav-home { display: inline-block; vertical-align: middle; width: 28px; height: 28px; background: #3c3c3c; border-radius: 4px; text-align: center; }
.nav-home i { display: inline-block; width: 19px; height: 16px; margin-top: 6px; background: url('http://fs.modenoffice.com/m2c/images/icn_home.gif') no-repeat; background-size: 100% 100%; }
.nav-home i span { font-size: 0; display: none; }
.user_a { margin-left: 10px; color: #fff; font-size: 0.9em; }
.user_a em { font-weight: bold; font-style: normal; }
.btn_log { float: right; margin-top: 3px; padding: 0 8px; line-height: 20px; border: 1px solid #fff; color: #fff; font-size: 11px; border-radius: 4px; }

.mobilemenu.mobilemenu-theme ul { margin: 10px; padding: 0; border: 1px solid #dfdfdf; background: #fff; /* font-size: 0.9em; */ }
.mobilemenu.mobilemenu-theme ul ul { margin: 0; border: none; }
.nav_menu li { background: url('http://fs.modenoffice.com/m2c/images/icn_nav01.gif') no-repeat 95% 50%; background-size: 10px auto; }


/* 공통 */
.slide_nav { padding: 0 0 0 10px; }
.btn_nav { width: 24px; height: 20px; background: url('http://fs.modenoffice.com/m2c/images/btn_nav.png') no-repeat 0 0; background-size: 100% 100%; }
.btn_nav span { display: none; font: 0; }
.gt_util { position: absolute; top: 12px; right: 10px; font-size: 0.85em; letter-spacing: -1px; }
.gt_util a { display: inline-block; margin-left: 5px; line-height: 1em; }
.gt_util a .icn { margin-right: 3px; }
.icn_gt01 { width: 15px; height: 15px; background: url('http://fs.modenoffice.com/m2c/images/icn_lock.png') no-repeat 0 0; background-size: 100% 100%; }
.icn_gt02 { width: 15px; height: 15px; background: url('http://fs.modenoffice.com/m2c/images/icn_cart.png') no-repeat 0 0; background-size: 100% 100%; }
.icn_gt03 { width: 15px; height: 15px; background: url('http://fs.modenoffice.com/m2c/images/icn_mypage.png') no-repeat 0 0; background-size: 100% 100%; }
.icn_gt04 { width: 15px; height: 15px; background: url('http://fs.modenoffice.com/m2c/images/icn_t_join.gif') no-repeat 0 0; background-size: 100% 100%; }
.icn_gt05 { width: 15px; height: 15px; background: url('http://fs.modenoffice.com/m2c/images/icn_t_zzim.gif') no-repeat 0 0; background-size: 100% 100%; }

#global_foot_menu ul { overflow: hidden; width: 100%; border-top: 1px solid #ccc; }
#global_foot_menu ul li { float: left; width: 20%; text-align: center; }
#global_foot_menu ul li a { display: block; padding: 8px 0; color: #888; font-size: 12px; letter-spacing: -1px; }
#global_foot_menu ul li a:hover, #global_foot_menu ul li a:focus, #global_foot_menu ul li a:active { color: #63ca22; }
#global_foot_menu ul li a span { display: block; height: 37px; }
.icn_fm01 { margin-top: 3px; width: 24px; height: 25px; background: url('http://fs.modenoffice.com/m2c/images/fm_icn01.png') no-repeat 0 0; background-size: 100% 100%; }
a:hover .icn_fm01, a:focus .icn_fm01, a:active .icn_fm01 { background-image: url('http://fs.modenoffice.com/m2c/images/fm_icn01_on.png'); }
.icn_fm02 { margin-top: 4px; width: 29px; height: 25px; background: url('http://fs.modenoffice.com/m2c/images/fm_icn02.png') no-repeat 0 0; background-size: 100% 100%; }
a:hover .icn_fm02, a:focus .icn_fm02, a:active .icn_fm02 { background-image: url('http://fs.modenoffice.com/m2c/images/fm_icn02_on.png'); }
.icn_fm03 { margin-top: 5px; width: 35px; height: 23px; background: url('http://fs.modenoffice.com/m2c/images/fm_icn03.png') no-repeat 0 0; background-size: 100% 100%; }
a:hover .icn_fm03, a:focus .icn_fm03, a:active .icn_fm03 { background-image: url('http://fs.modenoffice.com/m2c/images/fm_icn03_on.png'); }
.icn_fm04 { margin-top: 2px; width: 26px; height: 28px; background: url('http://fs.modenoffice.com/m2c/images/fm_icn04.png') no-repeat 0 0; background-size: 100% 100%; }
a:hover .icn_fm04, a:focus .icn_fm04, a:active .icn_fm04 { background-image: url('http://fs.modenoffice.com/m2c/images/fm_icn04_on.png'); }
.icn_fm05 { margin-top: 2px; width: 25px; height: 27px; background: url('http://fs.modenoffice.com/m2c/images/fm_icn05.png') no-repeat 0 0; background-size: 100% 100%; }
a:hover .icn_fm05, a:focus .icn_fm05, a:active .icn_fm05 { background-image: url('http://fs.modenoffice.com/m2c/images/fm_icn05_on.png'); }

.header { padding: 12px 10px 12px 132px; }
.header h1 { position: absolute; top: 48px; left: 0; padding: 0 0 0 10px; }
.header h1 img { width: 104px; }
.header .com_search { border: 1px solid #68bd33; border-radius: 3px; }
.header .com_search .com_search_in { position: relative; padding: 0 25px 0 0; }
.header .com_search select { position: absolute; top: 0; left: 0; width: 75px; height: 24px; line-height: 24px; border: none; background: none; appearance: none; -webkit-appearance: none; }
.header .com_search input[type="text"] { width: 100%; height: 24px; line-height: 24px; border: none; }
.header .com_search button { position: absolute; top: 5px; right: 5px; width: 15px; height: 15px; background: url('http://fs.modenoffice.com/m2c/images/btn_top_search.gif') no-repeat; background-size: 100% 100%; border: none; font-size: 0; }
.main_ctgr { }
.main_ctgr ul { overflow: hidden; width: 100%; background: #5eb428; font-weight: bold; }
.main_ctgr ul li { float: left; width: 18%; text-align: center; letter-spacing: -0.5px; font-size: 1.1em; }
.main_ctgr ul li a { display: block; color: #fff; line-height: 32px; }
.main_ctgr ul li.mn01 { width: 11%; }
.main_ctgr ul li.mn02 { width: 16%; }
.main_ctgr ul li.mn03 { width: 16%; }
.main_ctgr ul li.mn04 { width: 19%; }
.main_ctgr ul li.mn05 { width: 19%; }
.main_ctgr ul li.mn05 { width: 19%; }
.main_ctgr ul li a.on { background: #3c3c3c; }

.footer { }
.footer .f_btn_w { padding: 10px 10px 7px 10px; text-align: center; }
.footer .f_btn_w .btn_ft { width: 31%; line-height: 2.2em; border: 1px solid #c1c1c1; border-radius: 2px; color: #333; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f5f4f4+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f5f4f4 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#f5f4f4 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#f5f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f4f4',GradientType=0 ); /* IE6-9 */ }
.footer .f_menu_w { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; text-align: center; line-height: 2.2em; }
.footer .f_menu_w .f_m01 { width: 40%; background: url('http://fs.modenoffice.com/m2c/images/bar_f_line.gif') no-repeat right 50%; background-size: 1px 11px; font-weight: bold; color: #ed1313; }
.footer .f_menu_w .f_m02 { width: 25%; background: url('http://fs.modenoffice.com/m2c/images/bar_f_line.gif') no-repeat right 50%; background-size: 1px 11px; }
.footer .f_menu_w .f_m03 { width: 25%; }
.footer .f_menu_w a { display: inline-block; }
.footer .f_cs { position: relative; line-height: 1.5em; font-size: 0.8em; padding: 15px 15px 0 110px; color: #888; }
.footer .f_cs .tel { position: absolute; top: 10px; left: 15px; width: 80px; border: 1px solid #ccc; }
.footer .f_cs .tel a { display: block; padding: 5px; text-align: center; }
.footer .f_cs .tel a em { font-weight: bold; font-size: 1.1em; }
.footer .f_cs li { }
.footer .f_info { line-height: 1.5em; padding: 10px 15px; color: #888; }
.footer .f_info span { padding-left: 10px; }

/* main */
.container { padding: 0 10px; }
.main_h3 { padding-bottom: 5px; color: #222; font-weight: bold; letter-spacing: -0.5px; }
.main_h3 em { color: #5eb428; }
.main_h3 span { font-size: 0.75em; color: #555; font-weight: normal; }
.icn_m_best { width: 22px; height: 26px; margin-right: 5px; background: url('http://fs.modenoffice.com/m2c/images/blet_main01.png') no-repeat; background-size: 100% 100%; }
.icn_ctgr { width: 22px; height: 26px; margin-right: 5px; background: url('http://fs.modenoffice.com/m2c/images/blet_main02.png') no-repeat; background-size: 100% 100%; }
.main_visual .bx-wrapper { margin-bottom: 25px; }
.main_visual .bx-wrapper .bx-viewport { box-shadow: none; border: none; left: 0; }
.main_visual .bx-wrapper .bx-viewport .bxslider { width: 100%; text-align: center; }
.main_visual .bx-wrapper .bx-viewport .bxslider img { width: 100%; }
.main_visual .bx-controls-direction { display: none; }
.main_visual .bx-wrapper .bx-pager { bottom: -20px; padding-top: 0; }
.main_visual .bx-wrapper .bx-pager.bx-default-pager a { width: 8px; height: 8px; background: #fff; border: 1px solid #5eb428; border-radius: 4px; }
.main_visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
.main_visual .bx-wrapper .bx-pager.bx-default-pager a.active { background: #5eb428; border: 1px solid #; }

.m_list01 { margin-bottom: 17px; border: 1px solid #e5e5e5; }
.m_list01 li { overflow: hidden; width: 100%; }
.m_list01 li .p_img { float: left; width: 50%; height: 150px; line-height: 0; background: #fff; text-align: center; }
.m_list01 li .p_img img { width: auto; height: 100%; }
.m_list01 li .p_info { float: right; width: 50%; text-align: center; background: url('http://fs.modenoffice.com/m2c/images/main_bg_blet.png') no-repeat 0 50%; background-size: 10px 20px; }
.m_list01 li .p_info span { display: block; }
.m_list01 li .p_info .p_num { margin: 0 auto; width: 25px; height: 22px; line-height: 22px; color: #fff; background: #000000; opacity: 0.7; font-size: 0.75em; }
.m_list01 li .p_info .p_code { padding-top: 10px; font-size: 0.9em; }
.m_list01 li .p_info .p_name { margin: 10px; color: #333; font-weight: bold; overflow: hidden; height: 32px; line-height: 16px; }
.m_list01 li .p_info .p_del { font-size: 0.75em; line-height: 1; color: #888; }
.m_list01 li .p_info .p_price { color: #ed1313; }
.m_list01 li .p_info .p_price em { font-size: 0.9em; font-weight: bold; font-family: Tahoma; }
.m_list01 li:nth-child(2n) .p_img { float: right; }
.m_list01 li:nth-child(2n) .p_info { float: left; background: url('http://fs.modenoffice.com/m2c/images/main_bg_blet02.png') no-repeat right 50%; background-size: 10px 20px; }
.m_list01 li:first-child { background: #ffe450; }
.m_list01 li:nth-child(2) { background: #b0dfff; }
.m_list01 li:nth-child(3) { background: #bdf2bd; }
.m_list01 li:nth-child(4) { background: #cac8ff; }
.m_list01 li:nth-child(5) { background: #ffcfe1; }
.m_list01 li:nth-child(6) { background: #ffdbbb; }
.m_list01 li:nth-child(7) { background: #d5ed97; }

.ctgr_select { width: 100%; height: 28px; background: #68bd33 url('http://fs.modenoffice.com/m2c/images/bg_mselect.gif') no-repeat right top; background-size: 28px 28px; color: #fff; border: none; border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.m_list02 { overflow: hidden; width: 100%; margin-top: 8px; border-top: 1px solid #dfdfdf; background: url('http://fs.modenoffice.com/m2c/images/bar_gray.gif') repeat-y; }
.m_list02 li { float: left; width: 50%; background: url('http://fs.modenoffice.com/m2c/images/bar_gray.gif') repeat-y right top; }
.m_list02 li .p_bx { display: block; padding: 0 1px; background: url('http://fs.modenoffice.com/m2c/images/bar_gray.gif') repeat-x left bottom; }
.m_list02 li .p_img { text-align: center; }
/* .m_list02 li .p_img img{height:139px;} */
.m_list02 li .p_info { margin-top: 5px; padding-bottom: 10px; text-align: center; }
.m_list02 li .p_info span { display: block; }
.m_list02 li .p_info .p_code { color: #4ca316; font-size: 0.9em; }
.m_list02 li .p_info .p_name { padding: 0 5px; margin-bottom: 5px; color: #333; font-weight: bold; overflow: hidden; height: 32px; line-height: 16px; }
.m_list02 li .p_info .p_del { font-size: 0.75em; line-height: 1; color: #888; }
.m_list02 li .p_info .p_price { color: #ed1313; font-weight: bold; line-height: 1; }
.m_list02 li .p_info .p_price em { font-family: Tahoma; }

.main_bn01 { margin-top: 6px; }
.main_bn01 img { width: 100%; }
.main_bn02 { margin-top: 5px; padding: 15px 5px 15px 80px; border: 1px solid #e1e1e1; letter-spacing: -0.5px; font-size: 0.8em; background: url('http://fs.modenoffice.com/m2c/images/bg_coupon.gif') no-repeat 8px 50%; background-size: 60px 30px; }
.main_bn03 { margin-top: 5px; padding: 15px 5px 15px 80px; border: 1px solid #e1e1e1; letter-spacing: -0.5px; font-size: 0.8em; background: url('http://fs.modenoffice.com/m2c/images/bg_point.gif') no-repeat 11px 50%; background-size: 57px 33px; }



.sub_container { padding-bottom: 30px; }

/* list */
.navi { padding: 8px 10px; border-bottom: 1px solid #dcdcdc; font-size: 0.9em; color: #888; }
.navi span { padding-left: 15px; background: url('http://fs.modenoffice.com/m2c/images/blet_navi.png') no-repeat 5px 2px; background-size: 4px auto; }
.navi em { color: #555; }
.tit_h2 { padding: 12px 0; text-align: center; font-weight: bold; font-size: 1.3em; color: #333; }
.tit_h2 i { display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-left: 10px; background: url('http://fs.modenoffice.com/m2c/images/icn_h2.gif') no-repeat; background-size: 100%; }
.sub_menu { overflow: hidden; width: 100%; border-top: 1px solid #5eb428; background: url('http://fs.modenoffice.com/m2c/images/bar_gray02.gif') repeat-x bottom left; }
.sub_menu li { float: left; width: 50%; padding: 8px 0; text-indent: 10px; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: url('http://fs.modenoffice.com/m2c/images/bar_gray02.gif') repeat-y top right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.sub_menu li a { color: #555; }
.sub_menu li .on { color: #5eb428; }
.brandP_box { padding: 7px 10px; background: #f8f8f8; border-bottom: 1px solid #e3e3e3; }
.brandP_box .brandP_view { text-align: center; line-height: 23px; border: 1px solid #5eb428; border-radius: 3px; background: #fff; font-weight: bold; line-height: 2.5em; }
.brandP_box .brandP_view a { color: #5eb428; }
.brandP_box ul { }
.brandP_box ul li { float: left; width: 50%; padding-bottom: 5px; }
.brandP_box ul:after { content: ""; display: block; clear: both; }
.ctgr_total { padding: 15px 10px 7px; }
.ctgr_total span { font-weight: bold; color: #5eb428; }
.list_option_w { border-top: 1px solid #3c3c3c; }
.list_option_w select { width: 99%; height: 26px; border: 1px solid #cbcbcb; background: #fff url('http://fs.modenoffice.com/m2c/images/blet_select.gif') no-repeat 90% 50%; background-size: 8px 5px; text-indent: 5px; }
.list_option01 { position: relative; padding: 8px 10px; border-bottom: 1px solid #e3e3e3; background: #fbfbfb; }
.list_option01 .list_align { position: absolute; top: 7px; left: 10px; width: 95px; }
.list_option01 .list_type { text-align: right; line-height: 26px; }
.list_option01 .list_type a { display: inline-block; vertical-align: top; margin-left: 10px; }
.icn_list { display: inline-block; width: 18px; height: 12px; background: url('http://fs.modenoffice.com/m2c/images/icn_list.gif') no-repeat; background-size: 100%; }
.icn_img { display: inline-block; width: 12px; height: 12px; background: url('http://fs.modenoffice.com/m2c/images/icn_img.gif') no-repeat; background-size: 100%; }
.on .icn_list { background: url('http://fs.modenoffice.com/m2c/images/icn_list_on.gif') no-repeat; background-size: 100%; }
.on .icn_img { background: url('http://fs.modenoffice.com/m2c/images/icn_img_on.gif') no-repeat; background-size: 100%; }

.list_option02 { position: relative; padding: 8px 10px 8px 112px; border-bottom: 1px solid #e3e3e3; }
.list_option02 .list_num { position: absolute; top: 8px; left: 10px; width: 95px; }
.list_option02 .list_search { position: relative; width: 100%; height: 26px; border: 1px solid #cbcbcb; }
.list_option02 .list_search .ls_inp { background: none; border: 0; width: 100%; height: 26px; line-height: 26px; text-indent: 5px; }
.list_option02 .list_search .ls_btn { position: absolute; top: 4px; right: 5px; }
.list_option02 .list_search .ls_btn .ls_search { width: 15px; height: 15px; }
.list_option02 .list_search .ls_btn .ls_reset { vertical-align: top; }


/* 리스트공통 */
.p_txt .p_code { color: #4ca316; }
.p_txt .p_tit { font-weight: bold; color: #333; overflow: hidden; height: 2.4em; line-height: 1.2em; }
.p_txt .p_price del { display: block; color: #888; font-size: 0.9em; }
.p_txt .p_price em { font-weight: bold; color: #ed1111; }
.p_txt .p_price em span { font-family: Tahoma; font-size: 1.25em; }
.p_txt .p_date { color: #f77807; font-weight: bold; }

.ea_bx { position: relative; display: inline-block; vertical-align: middle; width: 75px; height: 26px; border: 1px solid #d7d7d7; border-radius: 3px; text-align: center; background: #f3f3f3; }
.ea_bx a { display: block; vertical-align: middle; width: 23px; height: 26px; }
.ea_bx a img { vertical-align: middle; }
.ea_bx .minus { position: absolute; top: 0; left: 0; width: 23px; height: 26px; background: url('http://fs.modenoffice.com/m2c/images/ea_minus.png') no-repeat 50% 50%; background-size: 11px auto; }
.ea_bx .plus { position: absolute; top: 0; right: 0; width: 23px; height: 26px; background: url('http://fs.modenoffice.com/m2c/images/ea_plus.png') no-repeat 50% 50%; background-size: 12px auto; }
.ea_bx .inp { vertical-align: top; width: 30px; height: 24px; line-height: 24px; padding: 0; border: 1px solid #d7d7d7; border-top: 0; border-bottom: 0; text-align: center; }
.btn_cart { vertical-align: top; height: 26px; line-height: 26px; padding: 0 5px; font-weight: bold; color: #5eb428; border: 1px solid #5eb428; border-radius: 3px; letter-spacing: -0.5px; font-size: 0.9em; }
.btn_wish { vertical-align: top; width: 26px; height: 26px; line-height: 26px; background: url('http://fs.modenoffice.com/m2c/images/icn_zzim.png') no-repeat 50% 50%; background-size: 12px auto; border: 1px solid #c1c1c1; border-radius: 3px; }

.paging { margin-top: 12px; text-align: center; }
.paging a { display: inline-block; vertical-align: top; }
.paging .pg_nav { width: 26px; height: 26px; border: 1px solid #d7d7d7; border-radius: 3px; }
.paging .num { vertical-align: top; }
.paging .num a { width: 26px; height: 26px; line-height: 26px; margin-left: -2px; border: 1px solid #d7d7d7; border-radius: 3px; }
.paging .num a.on { background: #5fb429; color: #fff; border-color: #5fb429; }
.paging .pg_fir { background: url('http://fs.modenoffice.com/m2c/images/icn_pg_fir.png') no-repeat 50% 50%; background-size: 10px auto; }
.paging .pg_prev { background: url('http://fs.modenoffice.com/m2c/images/icn_pg_prev.png') no-repeat 50% 50%; background-size: 6px auto; }
.paging .pg_next { background: url('http://fs.modenoffice.com/m2c/images/icn_pg_next.png') no-repeat 50% 50%; background-size: 6px auto; }
.paging .pg_last { background: url('http://fs.modenoffice.com/m2c/images/icn_pg_last.png') no-repeat 50% 50%; background-size: 10px auto; }
.paging .num02 { display: inline-block; vertical-align: top; line-height: 26px; padding: 0 10px; }
.paging .num02 em { font-weight: bold; color: #5eb428; }

/* 목록형,이미지형 */
.list_type01 li { border-bottom: 1px solid #e3e3e3; }
.list_type01 li .p_w { display: table; position: relative; padding: 14px 10px 14px 10px; }
/* 2016.8.31변경 */
.list_type01 li .p_img { display: table-cell; /* position:absolute; top:14px;left:10px; */ width: 125px; }
/* 2016.8.31변경 */
.list_type01 li .p_img img { width: 100% }
.list_type01 li .p_txt { min-height: 125px; display: table-cell; vertical-align: middle; padding-left: 10px; }
/* 2016.8.31변경 */
.list_type02 { overflow: hidden; width: 100%; background: url('http://fs.modenoffice.com/m2c/images/bar_gray.gif') repeat-x bottom left; }
.list_type02 li { float: left; width: 50%; max-height: 300px; text-align: center; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; }
.list_type02 li .p_img img { width: 135px; height: 135px; }
.list_type02 li .p_txt { padding: 0 10px 16px 10px; }
.list_type02 li .p_txt .p_tit { overflow: hidden; height: 2.4em; }


/* 팝업_로그인 */
.pop_login { position: fixed; top: 50%; left: 50%; margin-left: -150px; margin-top: -150px; width: 300px; border: 1px solid #3c3c3c; background: #fff; z-index: 100; font-size: 0.9em; }
.pop_login .pop_container { padding: 15px; }
.pop_login h1 { padding-bottom: 10px; text-align: center; color: #5eb428; font-size: 1.25em; border-bottom: 1px solid #5eb428; font-weight: bold; }
.pop_login .login_bx01 { position: relative; padding: 15px 73px 12px 0; }
.pop_login .login_bx01 p { padding-bottom: 7px; }
.pop_login .login_bx01 .inp { width: 100%; height: 28px; line-height: 28px; border: 1px solid #bcbcbc; border-radius: 3px; }
.pop_login .login_bx01 .save_id input { vertical-align: middle; }
.pop_login .login_bx01 .btn_p_login { position: absolute; top: 15px; right: 0; width: 65px; height: 63px; border-radius: 3px; background: #5eb428; color: #fff; border: none; font-weight: bold; font-size: 1.1em; }
.pop_login .login_bx02 { padding: 6px 0; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; }
.pop_login .login_bx02 li { position: relative; padding: 3px 0; text-align: right; }
.pop_login .login_bx02 li span { position: absolute; top: 10px; left: 0; display: inline-block; padding-left: 10px; background: url('http://fs.modenoffice.com/m2c/images/icn_nav02.gif') no-repeat 0 50%; background-size: 4px 4px; }
.pop_login .login_bx02 .btn_idpw { width: 94px; border: 1px solid #bcbcbc; border-radius: 3px; font-weight: bold; line-height: 2em; }
.pop_login .login_bx03 { position: relative; padding-top: 10px; font-size: 0.9em; line-height: 2em; }
.pop_login .login_bx03 .btn_join { position: absolute; top: 8px; right: 0; width: 94px; border: 1px solid #5eb428; border-radius: 3px; color: #5eb428; font-weight: bold; }

/* 이벤트 */
.event_bx { padding: 10px 10px 0 10px; }
.event_bx .event_menu { border: 1px solid #5eb428; border-radius: 3px; height: 27px; background: url("http://fs.modenoffice.com/m2c/images/blet_event_select.gif") no-repeat right top; background-size: 27px 27px; }
.event_bx .mt10 { margin-top: 10px; }
.event_bx .event_menu select { width: 100%; border: none; height: 26px; background: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.event_bx .event_banner img { width: 100%; }

/* 상세 */
.item_tit { padding: 10px; font-size: 1.1em; font-weight: bold; color: #333; }
.icn_best { width: 47px; height: 21px; margin-right: 5px; background: url('http://fs.modenoffice.com/m2c/images/icn_best.gif') no-repeat; background-size: 100% 100%; }
.item_tit02 { padding: 0 0 5px 10px; border-bottom: 1px solid #3c3c3c; letter-spacing: -0.5px; }
.item_tit02 em { padding-right: 5px; color: #333; font-weight: bold; font-size: 1.2em; }
.item_tit02 span { }
.item_tit02 span i { color: #4ca316; }

.item_img { border-top: 1px solid #dcdcdc; }
.item_img .bx-wrapper { margin-bottom: 0; }
.item_img .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: 12px; }
.item_img .bx-wrapper img { margin: 0 auto; }

.item_info { border-top: 1px solid #dcdcdc; }
.item_info li { position: relative; padding: 0 10px 0 88px; line-height: 2.2em; }
.item_info li .info_th { position: absolute; top: 50%; left: 10px; margin-top: -1em; font-weight: bold; color: #333; }
.item_info .itif_type01 { padding: 5px 0; }
.item_info .itif_type02 { }
.item_info .itif_type02 li { padding: 6px 10px 6px 88px; border-bottom: 1px solid #dcdcdc; }
.item_info .itif_type02 li:first-child { border-top: 1px solid #dcdcdc; }
.item_info .itif_type03 li { padding: 6px 10px 6px 88px; border-bottom: 1px solid #dcdcdc; }
.item_info li.memo { padding: 6px 60px 6px 88px; }
.item_info li.memo .btn_pr { position: absolute; top: 6px; right: 10px; }
.item_info li.file { padding: 6px 75px 6px 88px; }
.item_info li.file .btn_pr { position: absolute; top: 6px; right: 10px; padding: 0 5px; }
.item_info li.needs .tarea { height: 60px; }
.item_info li del { color: #888; }
.item_info li .p_code { color: #5eb428; font-weight: bold; }
.item_info li .p_price { color: #222; font-weight: bold; font-size: 1.25em; }
.item_info li .p_price span { font-family: Tahoma; }
.item_info li .p_total { color: #ed1414; font-weight: bold; font-size: 1.3em; }
.item_info li .p_total span { font-family: Tahoma; }
.item_info li .sub_desc { line-height: 1.25em; }
.item_info li .ex_stamp_p01 { position: relative; padding-left: 110px; }
.item_info li .ex_stamp_p01 .selc { position: absolute; top: 0; left: 0; width: 105px; }
.item_info li .ex_stamp_p02 img { max-width: 440px; width: 100%; }

/*상세_옵션*/
.order_f_tit em { font-weight: bold; color: #333; }
.option_t01 { border: 1px solid #d7d7d7; }
.option_t01 th { background: #f7f7f7; font-weight: bold; line-height: 2.25em; }
.option_t01 th.th_nmty { padding-left: 10px; text-align: left; font-weight: normal; }
.option_t01 td { padding: 6px 0; text-align: center; border-top: 1px solid #d7d7d7; }
.option_t01 td .stamp_img img { width: 100%; }
.option_t01 td .stp_num_txt { padding-bottom: 5px; font-size: 0.9em; }
.option_t01_stamp td { border: 1px solid #d7d7d7; }

.option_t02 { border: 1px solid #dcdcdc; background: #f7f7f7; }
.option_t02 thead th { padding: 7px 5px; background: #fff; border-bottom: 1px solid #dcdcdc; }
.option_t02 tbody th { vertical-align: top; padding: 7px 0; border-bottom: 1px solid #dcdcdc; text-align: left; text-indent: 5px; line-height: 27px; font-weight: bold; color: #333; }
.option_t02 tbody td { padding: 7px 10px 7px 0; border-bottom: 1px solid #dcdcdc; }
.option_t02 .file_td { position: relative; padding-right: 65px; }
.option_t02 .file_td .btn_pr { position: absolute; top: 0; right: 0; padding: 0 5px; }
.option_t02 .sub_desc { margin-top: 5px; }
.option_t02 .extxt_td .tarea { height: 80px; }
.option_t02 .needs_td .tarea { height: 60px; }
.option_t02 .extxt_th { position: relative; text-align: left; }
.option_t02 .extxt_th span { display: inline-block; line-height: 27px; }
.option_t02 .extxt_th .btn_pr { position: absolute; top: 0; right: 0; padding: 0 5px; }
.option_t02 .flw_td { padding: 7px 5px; }
.option_t02 .flw_td .flw_th { padding-bottom: 5px; color: #333; font-weight: bold; }
.option_t02 .flw_td .flw_th span { color: #555; font-weight: normal; }
.option_t02 .delivery_date { }
.option_t02 .mesg_selc label { padding-right: 25px; }

.option_price { padding: 10px; text-align: right; border-bottom: 1px solid #dcdcdc; font-weight: bold; }
.option_price .info_th { padding-right: 25px; color: #333; }
.option_price .p_total { color: #ed1414; font-weight: bold; font-size: 1.5em; }
.option_price .p_total span { font-family: Tahoma; }

.item_btn { text-align: center; padding: 10px 0; border-bottom: 1px solid #dcdcdc; }
.item_btn .btn { font-size: 1.2em; line-height: 2.5em; font-weight: bold; }
.item_btn .zzim { width: 16px; height: 15px; margin-right: 3px; background: url('http://fs.modenoffice.com/m2c/images/icn_zzim.png') no-repeat; background-size: 100%; }
.item_btn .buy { width: 22px; height: 22px; margin-right: 3px; background: url('http://fs.modenoffice.com/m2c/images/icn_buy.png') no-repeat; background-size: 100%; }
.item_btn .cart { width: 20px; height: 18px; margin-right: 3px; background: url('http://fs.modenoffice.com/m2c/images/icn_btncart.png') no-repeat; background-size: 100%; }
.sns_link { text-align: center; padding: 10px 0 15px; }
.sns_link a { display: inline-block; width: 34px; height: 34px; }
.sns_link a img { width: 100%; }

.relation_p { border-bottom: 1px solid #e3e3e3; }
.relation_p .bx-wrapper { margin-bottom: 35px; }
.relation_p .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: -25px; }
.relation_p .bxslider02 .p_bx { padding: 0 10px; text-align: center; }
.relation_p .list_type01 li { border-bottom: none; }

.tab_bx { overflow: hidden; width: 100%; margin-top: 15px; }
.tab_bx li { float: left; width: 25%; line-height: 2.2em; text-align: center; border: 1px solid #d7d7d7; border-left: none; }
.tab_bx li:last-child { border-right: none; }
.tab_bx li.on { font-weight: bold; background: #5eb428; }
.tab_bx li.on a { color: #fff; }

.datail_con { padding: 10px; }
.detail_img { text-align: center; }
.detail_img img { width: 100%; }
.total_info { position: relative; margin-bottom: 6px; }
.total_info em { font-weight: bold; color: #5eb428; }
.total_info .total_l { line-height: 2em; }
.total_info .total_r { position: absolute; top: 0; right: 0; }
.total_info .total_r .btn_s { line-height: 23px; }
.board_list01 li { border-bottom: 1px solid #d7d7d7; }
.board_list01 li .info { padding-top: 10px; }
.board_list01 li .info span { padding: 0 12px; color: #888; font-size: 0.9em; background: url('http://fs.modenoffice.com/m2c/images/bar_f_line.gif') no-repeat right 50%; background-size: 1px 7px; }
.board_list01 li .info span:last-child { background: none; }
.board_list01 li .info .uid { color: #555; }
.board_list01 li .tit a { display: block; padding: 8px 12px 10px; font-weight: bold; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.board_list01 .review_con { padding: 10px; background: #f9f9f9; border-top: 1px solid #d7d7d7; }
.board_list01 .review_con dt { padding: 0 0 5px 30px; font-weight: bold; color: #333; background: url('http://fs.modenoffice.com/m2c/images/icn_q.gif') no-repeat 0 0; background-size: 26px 16px; }
.board_list01 .review_con dd { padding-left: 30px; background: url('http://fs.modenoffice.com/m2c/images/icn_a.gif') no-repeat 0 0; background-size: 26px 16px; }

.dt_review { border: 1px solid #d7d7d7; border-bottom: none; }
.pop_review { border-top: 1px solid #d7d7d7; }
.pop_review .board_list01 li p span:first-child { padding-left: 0; }
.pop_review .board_list01 li .tit a { padding-left: 0; padding-right: 0; }

.p_board { /* border-top:1px dotted #cecece; */ background: url('http://fs.modenoffice.com/m2c/images/dot.gif.png') repeat-x left top; background-size: 4px 1px; }
/* 2016.10.14수정 */
.p_board .tit a { background: url('http://fs.modenoffice.com/m2c/images/blet_list_open.gif') no-repeat 95% 50%; background-size: 18px 18px; }
.p_board .tit_select a { background: url('http://fs.modenoffice.com/m2c/images/blet_list_close.gif') no-repeat 95% 50%; background-size: 18px 18px; }

.p_board02 .tit a { background: url('http://fs.modenoffice.com/m2c/images/blet_list_open.gif') no-repeat 95% 50%; background-size: 18px 18px; }
.p_board02 .tit_select a { background: url('http://fs.modenoffice.com/m2c/images/blet_list_close.gif') no-repeat 95% 50%; background-size: 18px 18px; }

.dt_qna { margin-top: 20px; }
.dt_qna dt { font-weight: bold; color: #5eb428; font-size: 1.2em; }
.dt_qna dd { padding-top: 5px; }
.dt_qna dd.qna_txt { }
.dt_qna table th { vertical-align: middle; padding: 5px 10px; border: 1px solid #e3e3e3; background: #fbfbfb; font-weight: bold; text-align: left; }
.dt_qna table td { padding: 5px 10px; border: 1px solid #e3e3e3; }
.dt_qna .tarea { height: 60px; }

/* popup */
.pop_w { position: relative; width: 90%; margin: 0 auto; background: #fff; }
.pop_w h1 { padding: 10px 13px; background: #5eb428; color: #fff; font-weight: bold; font-size: 1.2em; }
.pop_w .pop_close { position: absolute; top: 10px; right: 14px; width: 15px; height: 15px; background: url('http://fs.modenoffice.com/m2c/images/btn_pop_close.png') no-repeat 0 0; background-size: 100%; }
.pop_w .pop_container { padding: 14px; border: 1px solid #3c3c3c; border-top: none; }
.pop_w .total_info { margin-bottom: 0; }

.pop_alert { width: 300px; }
.pop_w .alert_con { text-align: center; padding: 10px 0; }
.pop_w .stamp_view { text-align: center; }
.pop_w .stamp_view img { width: 145px; }

.ex_txt_tab { overflow: hidden; width: 100%; line-height: 2.2em; border-top: 1px solid #d7d7d7; background-image: url('http://fs.modenoffice.com/m2c/images/bar_gray.gif'), url('http://fs.modenoffice.com/m2c/images/bar_gray.gif'); background-repeat: repeat-x, repeat-y; background-position: bottom left, top right; }
.ex_txt_tab li { float: left; width: 25%; text-align: center; }
.ex_txt_tab li.on { background: #5eb428; }
.ex_txt_tab li a { display: block; border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; }
.ex_txt_tab li:nth-of-type(4n-3) a { border-left: 1px solid #d7d7d7; }
.ex_txt_tab li.on a { color: #fff; }
.ex_txt_list { border-top: 1px solid #e3e3e3; }
.ex_txt_list li { padding: 10px 10px 10px 35px; border-bottom: 1px solid #e3e3e3; background: url('http://fs.modenoffice.com/m2c/images/btn_selec.gif') no-repeat 0 10px; background-size: 26px 16px; }
.ex_txt_list li { max-height: 115px; overflow-y: auto; }

/* 간편주문 */
/* .order_menu{display:table;overflow:hidden;width:100%;border-collapse:collapse;;border-bottom:1px solid #d6d6d6;}
.order_menu li{display:table-cell;width:33%;height:40px;vertical-align:middle;text-align:center;border:1px solid #d6d6d6;border-top:none;background:#f7f7f7;font-weight:bold;}
.order_menu li.on{background:#798388;border-color:#798388;color:#fff;}
.order_menu li.on a{color:#fff;} */
.order_menu { overflow: hidden; width: 100%; border-bottom: 1px solid #d6d6d6; }
.order_menu li { float: left; width: 33%; padding: 12px 0; text-align: center; border-right: 1px solid #d6d6d6; background: #f7f7f7; font-weight: bold; }
.order_menu li:last-child { width: 34%; border-right: none; }
.order_menu li.on { background: #798388; border-color: #798388; color: #fff; }
.order_menu li.on a { color: #fff; }

.tit_h3 { font-size: 1.4em; font-weight: bold; color: #333; }
.tit_h4 { font-size: 1.25em; font-weight: bold; color: #333; }
.sub_info_txt { padding-left: 33px; font-weight: bold; line-height: 16px; background: url('http://fs.modenoffice.com/m2c/images/icn_info.png') no-repeat 0 0; background-size: 26px 16px; }

.tit_code_bx { position: relative; padding: 10px 0; border-bottom: 1px solid #e3e3e3; }
.tit_code_bx .code_txt { padding-left: 10px; }
.tit_code_bx .code_txt em { color: #5eb428; }
.tit_code_bx .cart_del { position: absolute; top: 10px; right: 10px; width: 16px; }
.tit_code_bx .cart_del img { width: 100%; }


.list_type01 li.code_li .p_w { /* padding-left:125px; */ }
/* 2016.8.31변경 */
.list_type01 li.code_li .p_img { width: 105px; }
.list_type01 li.code_li .p_txt { min-height: 105px; }

.list_type01 li.review_li { border-bottom: none; }
.list_type01 li.review_li .p_w { padding: 0 0 10px 88px; }
.list_type01 li.review_li .p_img { left: 0; top: 0; width: 80px; }
.list_type01 li.review_li .p_txt { min-height: 80px; }

.list_type01 .p_price_w { padding: 12px 0; clear: both; text-align: center; /* border-top:1px dotted #cecece; */ background: url('http://fs.modenoffice.com/m2c/images/dot.gif.png') repeat-x left top; background-size: 4px 1px; }
/* 2016.10.16수정 */
.list_type01 .p_price_w del { color: #888; font-size: 0.8em; }
.list_type01 .p_price_w > span { font-size: 1.1em; font-weight: bold; }
.list_type01 .p_price_w > span > span { font-family: Tahoma; }
.list_type01 .p_price_w > em { font-size: 1.1em; font-weight: bold; color: #ed1111; }
.list_type01 .p_price_w > em > span { font-family: Tahoma; }

.list_option01 .cart_all { position: absolute; top: 11px; left: 10px; line-height: 18px; }
.list_option01 .cart_info { text-align: center; line-height: 2em; }
.list_option01 .cart_del { position: absolute; top: 10px; right: 10px; line-height: 18px; }
.icn_del { width: 18px; height: 18px; background: url('http://fs.modenoffice.com/m2c/images/btn_del.png') no-repeat; background-size: 100%; }
.icn_cart { width: 20px; height: 18px; background: url('http://fs.modenoffice.com/m2c/images/icn_btncart.png') no-repeat; background-size: 100%; }

.item_info .itif_type04 li { padding: 6px 10px 6px 88px; border-bottom: 1px solid #dcdcdc; }
.item_info .itif_type04 li:last-child { border-bottom: none; }

.order_price_bx { border-top: 1px solid #bcbcbc; }
.order_price_bx .order_price_tit { padding: 10px; background: #fbfbfb; border-bottom: 1px solid #e3e3e3; }
.order_price_bx .order_price_tit em { font-weight: bold; color: #333; }
.order_price_bx li { position: relative; padding: 8px 10px; }
.order_price_bx li .p_con { position: absolute; top: 5px; right: 10px; font-weight: bold; color: #333; }
.order_price_bx li .p_con em { font-family: Tahoma; font-size: 1.2em; }
.order_price_bx .order_price_total { position: relative; padding: 10px; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; font-weight: bold; color: #333; }
.order_price_bx .order_price_total .p_con { position: absolute; top: 8px; right: 10px; color: #ed1111; }
.order_price_bx .order_price_total .p_con em { font-family: Tahoma; font-size: 1.2em; }
.order_price_bx .order_price_total02 { position: relative; padding: 10px; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #e3e3e3; font-weight: bold; color: #333; background: #fbfbfb; }
.order_price_bx .order_price_total02 .p_con { position: absolute; top: 8px; right: 10px; color: #ed1111; font-size: 1.25em; }
.search_bx { position: relative; padding-right: 25px; border: 1px solid #cbcbcb; }
.search_bx input[type="text"] { width: 100%; border: none; height: 100%; }
.search_bx input[type="image"] { position: absolute; top: 5px; right: 5px; width: 17px; height: 17px; }

.order_list { border-top: 1px solid #bcbcbc; }
.order_list th { background: #fbfbfb; border-bottom: 1px solid #e3e3e3; font-weight: bold; line-height: 2.5em; }
.order_list td { padding: 10px 0; text-align: center; /* border-bottom:1px dotted #cecece; */ background: url('http://fs.modenoffice.com/m2c/images/dot.gif.png') repeat-x left bottom; background-size: 4px 1px; }
/* 2016.10.14수정 */
.order_list .p_img img { width: 90px; height: 90px; }
.order_list .p_code { font-weight: bold; }
.order_list .p_txt { text-align: left; }
.order_list .p_date { color: #f77807; font-weight: bold; }
.order_list .p_option { }
.order_list .p_price { padding: 15px 0; border-bottom: 1px solid #e3e3e3; font-weight: bold; background: none; }
/* 2016.10.14수정 */
.order_list .p_price .p01 { font-size: 1.1em; font-family: Tahoma; }
.order_list .p_price .p02 { color: #ed1111; }
.order_list .p_price .p02 span { font-size: 1.1em; font-family: Tahoma; }
/* .order_list .p_txt{vertical-align:top;} 2016.10.14수정 */

.zzim_list { padding: 5px 0; background: #fbfbfb; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; }
.zzim_list ul { overflow: hidden; width: 100%; font-weight: bold; }
.zzim_list ul li { float: left; width: 33%; padding: 8px 0; }
.zzim_list ul li a { display: block; width:; padding: 0 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.zzim_list ul li a span { color: #f77807; }

/* 장바구니 */
.cart_w { border-top: 1px solid #3c3c3c; }
.cart_w .list_type01 li { min-height: auto; }
.cart_w .list_type01 li .p_img img { width: 105px; height: 105px; }
.cart_w .list_type01 li .p_txt { min-height: 105px; }
.icn_n01 { width: 23px; height: 23px; background: url('http://fs.modenoffice.com/m2c/images/icn_num01.gif') no-repeat 0 50%; background-size: 100% 100%; }
.icn_n02 { width: 23px; height: 23px; background: url('http://fs.modenoffice.com/m2c/images/icn_num02.gif') no-repeat 0 50%; background-size: 100% 100%; }
.icn_n03 { width: 23px; height: 23px; background: url('http://fs.modenoffice.com/m2c/images/icn_num03.gif') no-repeat 0 50%; background-size: 100% 100%; }
.icn_n04 { width: 23px; height: 23px; background: url('http://fs.modenoffice.com/m2c/images/icn_num04.gif') no-repeat 0 50%; background-size: 100% 100%; }
.icn_n05 { width: 23px; height: 23px; background: url('http://fs.modenoffice.com/m2c/images/icn_num05.gif') no-repeat 0 50%; background-size: 100% 100%; }
.icn_n06 { width: 23px; height: 23px; background: url('http://fs.modenoffice.com/m2c/images/icn_num06.gif') no-repeat 0 50%; background-size: 100% 100%; }
.icn_n07 { width: 23px; height: 23px; background: url('http://fs.modenoffice.com/m2c/images/icn_num07.gif') no-repeat 0 50%; background-size: 100% 100%; }
.con_tit01 { padding-left: 13px; background: url('http://fs.modenoffice.com/m2c/images/blet_contit01.gif') no-repeat 0 3px; background-size: 10px 10px; }
.con_tit01 em { font-weight: bold; color: #333; }
.cart_tit01 { padding-left: 13px; background: url('http://fs.modenoffice.com/m2c/images/blet_contit01.gif') no-repeat 0 3px; background-size: 10px 10px; font-weight: bold; color: #333; font-size: 1.25em; }

.all_orderlist { padding: 10px; background: #fbfbfb; text-align: right; border-bottom: 1px solid #e3e3e3; color: #333; }
.all_orderlist .icn { width: 18px; height: 18px; margin-left: 5px; background: url('http://fs.modenoffice.com/m2c/images/icn_h2.gif') no-repeat; background-size: 100%; }
.cart_coupon_bx { border-top: 1px solid #3c3c3c; border-bottom: 1px solid #e3e3e3; }
.cart_coupon_bx .coupon_total { padding: 10px }
.cart_coupon_bx .coupon_list { position: relative; padding: 10px 100px 10px 10px; border-top: 1px solid #e3e3e3; }
.cart_coupon_bx .coupon_list .btn_bx { position: absolute; top: 8px; right: 10px; }
.addr_option_bx { overflow: hidden; width: 100%; }
.addr_option_bx > label { line-height: 26px; }
.addr_option_bx .p_r { float: right; }

.payment_bx { border-top: 1px solid #3c3c3c; }
.payment_bx > div { padding: 10px; border-bottom: 1px solid #e3e3e3; }
.payment_bx01 { overflow: hidden; width: 100%; }
.payment_bx01 li { float: left; width: 30%; padding: 5px 0; }
.payment_bx01 li:nth-child(3n-2) { width: 30%; }
.payment_bx01 li:nth-child(3n-1) { width: 40%; }
.payment_bx01 li:nth-child(3n) { width: 30%; }
.board_type01 td.payment_bx02 { padding: 10px; }

.order_price_bx .line_type { }
.order_price_bx .line_type li { border-bottom: 1px solid #e3e3e3; }
.order_price_bx .line_type li:last-child { border-bottom: none; }
.order_price_bx .payment_tit { padding: 12px 0; font-weight: bold; color: #333; text-align: center; border-bottom: 1px solid #e3e3e3; background: #fbfbfb; }

.payment_t th { padding-top: 7px; text-align: left; font-weight: bold; color: #333; }
.payment_t td { padding-top: 7px; }

.addr_select_w { position: relative; padding-right: 50px; }
.addr_select_w .pr { position: absolute; top: -6px; right: 0; }

.btn_orderinfo { padding: 0 3px; border: 1px solid #f26522; color: #f26522; font-size: 0.9em; line-height: 15px; border-radius: 2px; }
.btn_orderinfo .icn { width: 4px; height: 15px; vertical-align: top; background: url('http://fs.modenoffice.com/m2c/images/icn_orderinfo.png') no-repeat 0 50%; background-size: 4px 7px; }

.board_type02 .orderinfo_t thead th { border-left: none; }
.board_type02 .orderinfo_t thead th:last-child { border-right: none; }
.board_type02 .orderinfo_t tbody td { border-left: none; }
.board_type02 .orderinfo_t tbody td:last-child { border-right: none; }
.board_type02 .orderinfo_t .a_l { padding-left: 10px; padding-right: 10px; text-align: left; }
.pop_w .item_info { border: none; }
.pop_w .item_info .itif_type02:first-child li:first-child { border-top: 1px solid #3c3c3c; }
.pop_w .order_view08_w { border-top: 1px solid #3c3c3c; }
.pop_w .option_t02 { border: none; background: none; }
.pop_w .option_t02 .extxt_th { margin-top: -7px; }
.pop_w .option_t02 tbody td { padding-right: 0; }

/* 로그인 */
.login_bx11 { position: relative; padding: 25px 90px 25px 20px; border-top: 1px solid #3c3c3c; }
.login_bx11 p { position: relative; padding-left: 54px; padding-bottom: 7px; }
.login_bx11 p .tit { position: absolute; top: 0; left: 0; font-weight: bold; color: #333; line-height: 28px; }
.login_bx11 .inp { width: 100%; height: 28px; line-height: 28px; border: 1px solid #bcbcbc; border-radius: 3px; }
.login_bx11 .save_id input { vertical-align: middle; }
.login_bx11 .btn_p_login { position: absolute; top: 25px; right: 20px; width: 66px; height: 66px; border-radius: 3px; background: #5eb428; color: #fff; border: none; font-weight: bold; font-size: 1.1em; }
.login_bx12 { border-top: 1px solid #d6d6d6; }
.login_bx12 li { position: relative; padding: 9px 20px; text-align: right; border-bottom: 1px solid #d6d6d6; }
.login_bx12 li span { position: absolute; top: 9px; left: 20px; display: inline-block; font-weight: bold; color: #333; line-height: 2em; }
.login_bx12 .btn_idpw { width: 94px; border: 1px solid #bcbcbc; border-radius: 3px; font-weight: bold; line-height: 2em; }
.login_bx13 { position: relative; padding: 9px 20px; line-height: 2em; }
.login_bx13 .btn_join { position: absolute; top: 9px; right: 20px; width: 94px; border: 1px solid #5eb428; border-radius: 3px; color: #5eb428; font-weight: bold; }

.pop_w .seach_idpw_tit { color: #333; font-weight: bold; }
.pop_w .seach_idpw { border-top: 1px solid #3c3c3c; }
.pop_w .seach_idpw p { position: relative; padding: 6px 0 6px 82px; border-bottom: 1px solid #e3e3e3; }
.pop_w .seach_idpw p .tit { position: absolute; top: 6px; left: 0; line-height: 26px; color: #333; font-weight: bold; }
.pop_w .seach_idpw p .bn01 { float: left; width: 40%; }
.pop_w .seach_idpw p .bn02 { float: left; width: 20%; }
.pop_w .seach_idpw p .bn03 { float: left; width: 30%; }
.pop_w .seach_idpw p .bn_bar { float: left; width: 5%; text-align: center; line-height: 26px; }
.pop_w .seach_idpw p:after { content: ""; display: block; clear: both; }
.pop_w .login_bx32 { padding: 6px 0; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; }
.pop_w .login_bx32 li { position: relative; padding: 3px 0; text-align: right; }
.pop_w .login_bx32 li span { position: absolute; top: 10px; left: 0; display: inline-block; padding-left: 10px; background: url('http://fs.modenoffice.com/m2c/images/icn_nav02.gif') no-repeat 0 50%; background-size: 4px 4px; }
.pop_w .login_bx32 .btn_idpw { width: 94px; border: 1px solid #bcbcbc; border-radius: 3px; font-weight: bold; line-height: 2em; }
.pop_w .login_bx33 { position: relative; padding-top: 10px; font-size: 0.9em; line-height: 2em; }
.pop_w .login_bx33 .btn_join { position: absolute; top: 8px; right: 0; width: 94px; border: 1px solid #5eb428; border-radius: 3px; color: #5eb428; font-weight: bold; }

.shop_url { font-size: 1.1em; color: #333; }

.according_agree { width: 100%; /* height: 225px;  */ border: 1px solid #e4e4e4; }
.according_agree .ui-accordion-header { padding: 10px 12px; border-bottom: 1px solid #e4e4e4; color: #333; background: url('http://fs.modenoffice.com/m2c/images/icn_acd_open.png') no-repeat 95% 50%; background-size: 63px 18px; }
.according_agree .ui-accordion-header:last-child { border-bottom: none; }
.according_agree .ui-accordion-content { padding: 15px 12px; background: #fbfbfb; border-bottom: 1px solid #e4e4e4; font-size: 0.9em; line-height: 1.5em; }
.according_agree .ui-state-active { background: url('http://fs.modenoffice.com/m2c/images/icn_acd_close.png') no-repeat 95% 50%; background-size: 63px 18px; }

/* 회원가입*/
.join_bx01 { padding: 10px 10px 10px 64px; border: 1px solid #e7e7e7; background: #fbfbfb url('http://fs.modenoffice.com/m2c/images/bg_join_bx01.gif') no-repeat 15px 50%; background-size: 38px 25px; }
.join_bx01 span { display: block; }
.join_bx02 { overflow: hidden; width: 100%; }
.join_bx02 li { float: left; width: 25%; text-align: center; }
.join_bx02 li .join_b01 img { width: 41px; height: 41px; }
.join_bx02 li .join_b02 img { width: 44px; height: 41px; }
.join_bx02 li .join_b03 img { width: 22px; height: 41px; }
.join_bx02 li .join_b04 img { width: 34px; height: 41px; }
.join_bx02 li span { display: block; padding-top: 10px; color: #333; font-weight: bold; }

.join_type { padding: 15px; border: 1px solid #5fb429; }
.join_type a { display: block; }
.join_type dt { padding-bottom: 8px; color: #5eb428; font-weight: bold; font-size: 1.25em; }
.join_type dt i { width: 16px; height: 16px; margin-left: 5px; background: url('http://fs.modenoffice.com/m2c/images/blet_join01.gif') no-repeat; background-size: 100%; }
.add_mem_p { margin-top: 10px; border-color: #f58220; }
.add_mem_p dt { color: #f58220; }
.add_mem_p dt i { background: url('http://fs.modenoffice.com/m2c/images/blet_join02.gif') no-repeat; background-size: 100%; }

.join_coupon_bx { position: relative; border: 1px solid #dedede; text-align: center; }
.join_coupon_bx .icn { position: absolute; top: 0; left: 0; width: 51px; height: 64px; background: url('http://fs.modenoffice.com/m2c/images/bg_coupon01.png') no-repeat 0 0; background-size: 100%; }
.join_coupon_bx dt { padding: 15px 0; font-size: 1.25em; }
.join_coupon_bx dt em { font-weight: bold; color: #5eb428; }
.join_coupon_bx dd { padding: 20px 0; border-top: 1px solid #dedede; background: #fbfbfb url('http://fs.modenoffice.com/m2c/images/bg_coupon02.png') no-repeat right top; background-size: 30px 46px; font-weight: bold; color: #333; }
.join_coupon_bx dd em { color: #e73b65; }
.join_complete p { padding-bottom:; }
.join_complete p .br { display: block; }

.join_agree_bx h4 { padding: 12px 13px; border: 1px solid #e3e3e3; border-bottom: none; color: #333; font-size: 1.1em; font-weight: bold; }
.join_agree_bx .agree_area { padding: 12px 13px; border: 1px solid #e3e3e3; border-top: none; text-align: center; }

.imp { color: #ef0e0e; margin-right: 4px; }
.cell_num { overflow: hidden; width: 100%; }
.cell_num .bn_bar { float: left; width: 5%; text-align: center; line-height: 26px; }
.cell_num .bn01 { float: left; width: 30%; }
.cell_num .bn02 { float: left; width: 30%; }
.cell_num .bn03 { float: left; width: 30%; }

.board_type01 .b_line { border-bottom: none; padding-bottom: 0; }
.tarea_map { height: 55px; }

.recommend_bx { padding: 12px 0; border-top: 1px solid #3c3c3c; border-bottom: 1px solid #e3e3e3; }
.addr_bx { position: relative; padding-right: 50px; }
.addr_bx .btn_addr_sc { position: absolute; top: 0; right: 0; line-height: 22px; padding: 0 5px; }
.t_addr { border-top: 1px solid #3c3c3c; }
.t_addr th { padding: 10px 0; color: #333; font-weight: bold; border-bottom: 1px solid #e3e3e3; }
.t_addr td { padding: 10px 0; border-bottom: 1px solid #e3e3e3; }
.t_addr .road_addr td { border-bottom: none; }
.t_addr .postnum { text-align: center; }
.t_addr .pn01 { padding-left: 40px; background: url('http://fs.modenoffice.com/m2c/images/icn_addr01.gif') no-repeat 0 3px; background-size: 35px 22px; }
.t_addr .pn02 { padding-left: 40px; background: url('http://fs.modenoffice.com/m2c/images/icn_addr02.gif') no-repeat 0 3px; background-size: 35px 22px; }

/* 마이페이지 */
.mypage_bx { border-bottom: 1px solid #ececec; }
.mypage_bx dt { padding: 15px 10px; border-bottom: 1px solid #ececec; color: #333; }
.mypage_bx dt i { margin-right: 5px; }
.mypage_bx dt i img { width: 46px; height: 20px; }
.mypage_bx dt em { color: #f77807; font-weight: bold; font-size: 1.25em; }
.mypage_bx dd { float: left; width: 25%; padding: 14px 0; border-right: 1px solid #ececec; text-align: center; color: #888; font-weight: bold; }
.mypage_bx dd:last-child { border-right: none; }
.mypage_bx dd span { display: block; padding-bottom: 13px; color: #000; }
.mypage_bx dd em { color: #ff0101; }
.mypage_bx:after { content: ""; display: block; clear: both; }

.myask_board { border-top: 1px solid #3c3c3c; }

/* 삭제할지도 */
/* .order_item{border-top:1px solid #3c3c3c;}
.order_item li{border-bottom:1px solid #e3e3e3;}
.order_item li > div{position:relative;padding:10px 10px 10px 127px;}
.order_item .p_img{position:absolute;top:10px;left:10px;}
.order_item .p_img img{width:105px;height:105px;}
.order_item .p_txt{min-height:105px;}
.order_item .p_txt .p_code{font-weight:bold;}
.order_item .p_price{padding:12px 0;clear:both;text-align:center;border-top:1px dotted #cecece;}
.order_item .p_price del{color:#888;font-size:0.8em;}
.order_item .p_price > span{font-size:1.1em;font-weight:bold;}
.order_item .p_price > span > span{font-family:Tahoma;}
.order_item .p_price > em{font-size:1.1em;font-weight:bold;color:#ed1111;}
.order_item .p_price > em > span{font-family:Tahoma;}
.order_item .in_pop > div{padding-left:85px;}
.order_item .in_pop .p_img{left:0;}
.order_item .in_pop .p_img img{width:71px;height:71px;}
.order_item .in_pop .p_txt{min-height:71px;} */
/* 삭제할지도 */

.list_type01_add01 { border-top: 1px solid #3c3c3c; }
.list_type01_add01 li .p_w { /* padding-left:88px; */ }
/* 2016.10.14수정 */
.list_type01_add01 li .p_img { left: 0; width: 80px; }
.list_type01_add01 li .p_txt { min-height: 80px; }

.total_price_bx { text-align: center; padding: 12px 0; border-bottom: 1px solid #e3e3e3; background: #fbfbfb; font-weight: bold; }
.total_price_bx span { color: #ed1111; }
.total_price_bx span em { font-family: Tahoma; font-size: 1.25em; }


.return_info { position: relative; padding: 10px; border-top: 1px solid #e3e3e3; background: #fbfbfb; }
/* 2016.8.6 수정 */
/* .return_info .rt_m{float:left;} */ /* 2016.8.6 수정 */
.return_info .rt_part { position: absolute; top: 10px; right: 10px; line-height: 26px; }
/* 2016.8.6 수정 */
.return_info:after { content: ""; display: block; clear: both; }

.return_fm { position: relative; padding: 10px 10px 10px 65px; border-bottom: 1px solid #e3e3e3; }
/*.return_fm span { position: absolute; top: 50%; left: 10px; margin-top: -10px; }*/
.return_fm .tarea { height: 50px; }

.btn_period { overflow: hidden; width: 100%; }
.btn_period span { float: left; width: 19%; margin-right: 1%; }
.btn_period span .btn { width: 100%; line-height: 30px; font-weight: bold; }
.btn_period .on .btn { border-color: #5eb428; color: #5eb428; }

.myask_con { }
.myask_con > div { padding: 10px; border-top: 1px solid #e3e3e3; }
.myask_con .myask_a { background: #fbfbfb; }
.myask_con .icn { font-weight: bold; color: #fff; font-size: 0.9em; border-radius: 3px; line-height: 1.5em; padding: 0 4px; }
.myask_con .myask_q .icn { background: #f77807; }
.myask_con .myask_a .icn { background: #5eb428; }
.tarea_myask { height: 65px; }

.myask_con .myqna_a { background: #fbfbfb; }
.myask_con .myqna_a .my_q { min-height: 20px; padding-left: 27px; background: url('http://fs.modenoffice.com/m2c/images/blet_q.png') no-repeat; background-size: 20px 20px; }
.myask_con .myqna_a .my_a { min-height: 20px; padding-left: 27px; margin-top: 14px; background: url('http://fs.modenoffice.com/m2c/images/blet_a.png') no-repeat; background-size: 20px 20px; }

.order_list .p_memo { position: relative; padding: 0 55px 0 70px; }
.order_list .p_memo .p_l { position: absolute; top: 2px; left: 10px; }
.icn_memo img { width: 56px; height: 20px; }
.order_list .p_memo .p_r { position: absolute; top: 0; right: 10px; }
.order_list .p_memo02 { position: relative; padding: 0 100px 0 70px; text-align: left; }
.order_list .p_memo02 .p_l { position: absolute; top: 0; left: 10px; }
.order_list .p_memo02 .p_r { position: absolute; top: -3px; right: 10px; }
.order_list .p_memo02 .memo_text { display: inline-block; vertical-align: middle; line-height: 20px; }

/* .myitem_bx{position:relative;padding:10px 10px 10px 127px;border-bottom:1px dotted #cecece;}
.myitem_bx .p_img{position:absolute;top:10px;left:10px;}
.myitem_bx .p_img img{width:105px;height:105px;}
.myitem_bx .p_txt{min-height:105px;} */

.coupon_bx { padding: 8px 10px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; }
.coupon_bx dt { padding-bottom: 8px; }
.coupon_bx dd { position: relative; padding-right: 70px; }
.coupon_bx dd .btn_pr { position: absolute; top: 0; right: 0; }

.board_type03 { border-top: 1px solid #3c3c3c; }
.board_type03 thead th { color: #333; line-height: 3em; font-weight: bold; border-bottom: 1px solid #e3e3e3; background: #fbfbfb; }
.board_type03 tbody td { padding: 12px 0; text-align: center; border-bottom: 1px solid #e3e3e3; }
.board_type03 .a_r { padding-right: 10px; text-align: right; }

.my_recommend_bx { padding: 13px 13px 75px 13px; border: 1px solid #d7d7d7; background: url('http://fs.modenoffice.com/m2c/images/bg_recommend.jpg') no-repeat 95% 95%; background-size: 107px 62px; }
.my_recommend_bx p { padding-bottom: 15px; }
.my_recommend_bx p span { display: block; }

.zzim_group { position: absolute; top: 0; right: 10px; }
.sms_info { position: absolute; top: 5px; right: 10px; }
.board_type01 .sms_t th { background: none; border-right: none; }
.board_type01 .sms_t td { text-align: center; }

.pst_bx { position: relative; }
.pst_bx .btn_pr { position: absolute; top: -5px; right: 0; }
.group_bx { border-top: 1px solid #3c3c3c }
.group_bx > p { padding: 6px 0; border-bottom: 1px solid #e3e3e3; line-height: 26px; }
.group_bx > p .f_bd { color: #333; }

.group_bx .group_list { position: relative; }
.group_bx .group_list .group_del { position: absolute; top: 10px; right: 0; width: 16px; height: 16px; }
.group_bx .g_nm01 { position: relative; padding-left: 75px; }
.group_bx .g_nm01 .f_bd { position: absolute; top: 6px; left: 10px; display: inline-block; line-height: 26px; }

.pop_review_write .order_item { border: none; }
.pop_review_write .order_item li { border: none; }
.pop_review_write .order_item li > div { padding: 0 0 10px 85px; }
.pop_review_write .order_item .p_img { top: 0; left: 0; }
.pop_review_write .order_item .p_img img { width: 80px; height: 80px; }
.pop_review_write .order_item .p_txt { min-height: 80px; }
.pop_review_write .board_type01 { border-top: 1px solid #e3e3e3; }
.pop_review_write .tarea { height: 50px; }
.star_bx { overflow: hidden; width: 100%; }
.star_bx > p { float: left; width: 50%; padding: 5px 0; }
.star_bx > p > label > img { width: 68px; height: 12px; vertical-align: middle; }
.letter_num { text-align: right; color: #888; }

/* 고객센터 */
.lnb_sub { overflow: hidden; width: 100%; background: url('http://fs.modenoffice.com/m2c/images/bar_gray.gif') repeat-x left bottom; }
.lnb_sub li { float: left; width: 33%; text-align: center; font-weight: bold; line-height: 30px; border-bottom: 1px solid #d7d7d7; }
.lnb_sub li:nth-child(3n) { width: 34%; }
.lnb_sub li a { display: block; color: #888; background: url('http://fs.modenoffice.com/m2c/images/bar_f_line.gif') no-repeat right 50%; background-size: 1px 8px; }
.lnb_sub li.on a { color: #5eb428; }

.according_faq { border-top: 1px solid #3c3c3c; }
.according_faq .ui-accordion-header { padding: 10px 10px; border-bottom: 1px solid #e4e4e4; color: #333; font-weight: bold; }
.according_faq .ui-accordion-content { padding: 10px 10px; background: #fbfbfb; border-bottom: 1px solid #e4e4e4; font-size: 0.9em; line-height: 1.5em; }

.notice_list { border-top: 1px solid #3c3c3c; }
.notice_view { border-top: 1px solid #3c3c3c; }
.notice_view .n_v_tit { padding: 12px 10px; border-bottom: 1px solid #e4e4e4; color: #333; font-weight: bold; }
.notice_view .n_v_con { padding: 12px 10px; border-bottom: 1px solid #e4e4e4; }
.notice_view .n_v_con .nv_img { text-align: center; }
.notice_view .n_v_con .nv_img img { width: 100%; height: auto; }

.board_type01 .ask_tarea { height: 85px; }

.board_type02 { border-top: 1px solid #3c3c3c; }
.board_type02 thead th { border: 1px solid #e3e3e3; border-top: none; background: #fbfbfb; font-weight: bold; color: #333; line-height: 3em; }
.board_type02 tbody td { padding: 12px 0; font-size: 0.9em; border: 1px solid #e3e3e3; text-align: center; }

.con_list01 { }
.con_list01 li { padding-left: 10px; font-size: 0.9em; line-height: 1.5em; background: url('http://fs.modenoffice.com/m2c/images/icn_nav02.gif') no-repeat 0 5px; background-size: 5px 5px; }

.clause_bx { height: 300px; border: 1px solid #dddddd; }
.clause_bx iframe { width: 100%; height: 100%; }

.clause_txt { padding: 10px 15px; line-height: 1.25em; }
.clause_txt p { padding-bottom: 10px; }
.clause_txt .tit { font-weight: bold; color: #333; }

/* 회사소개 */
.tit_lnb { font-size: 1.5em; font-weight: bold; color: #333; }
.lnb { display: table; overflow: hidden; width: 100%; border-bottom: 1px solid #d6d6d6; background: #f7f7f7; }
.lnb li { float: left; width: 25%; line-height: 40px; text-align: center; border-left: 1px solid #d6d6d6; font-weight: bold; }
.lnb li.on { background: #798388; border-color: #798388; color: #fff; }
.lnb li.on a { color: #fff; }

.navi02 { padding: 8px 10px; font-size: 0.9em; color: #888; }
.navi02 span { padding-left: 15px; background: url('http://fs.modenoffice.com/m2c/images/blet_navi.png') no-repeat 5px 2px; background-size: 4px auto; }
.navi02 em { color: #555; }

.intro_a01 { font-size: 1.1em; font-weight: bold; color: #beb09d; }
.intro_a01 span { display: block; }
.intro_a01 em { color: #5eb428; }

.intro_a02 { overflow: hidden; width: 100%; margin-top: 15px; }
.intro_a02 li { float: left; width: 33%; text-align: center; }
.intro_a02 span { display: inline-block; margin-top: 10px; padding: 0 7px; line-height: 1.5em; background: #5eb428; font-weight: bold; color: #fff; border-radius: 10px; }
.icn_intro01 { width: 45px; height: 53px; background: url('http://fs.modenoffice.com/m2c/images/intro_img01.png') no-repeat 0 0; background-size: 100% 100%; }
.icn_intro02 { width: 77px; height: 53px; background: url('http://fs.modenoffice.com/m2c/images/intro_img02.png') no-repeat 0 0; background-size: 100% 100%; }
.icn_intro03 { width: 56px; height: 53px; background: url('http://fs.modenoffice.com/m2c/images/intro_img03.png') no-repeat 0 0; background-size: 100% 100%; }

.intro_a03 { padding-top: 20px; }
.intro_a03 .txt { font-size: 1.1em; font-weight: bold; }
.intro_a03 .txt span { display: block; }
.intro_a03 .txt em { color: #5eb428; }
.intro_a03 ul { padding-top: 8px; }
.intro_a03 ul li { padding-bottom: 15px; }
.intro_a03 ul li em { display: block; min-height: 21px; padding-left: 25px; font-weight: bold; color: #bb9c72; }
.intro_a03 ul li p { padding-left: 25px; padding-top: 6px; }
.intro_a03 ul li:nth-child(1) em { background: url('http://fs.modenoffice.com/m2c/images/icn_n2_01.gif') no-repeat; background-size: 21px; }
.intro_a03 ul li:nth-child(2) em { background: url('http://fs.modenoffice.com/m2c/images/icn_n2_02.gif') no-repeat; background-size: 21px; }
.intro_a03 ul li:nth-child(3) em { background: url('http://fs.modenoffice.com/m2c/images/icn_n2_03.gif') no-repeat; background-size: 21px; }
.intro_a03 ul li:nth-child(4) em { background: url('http://fs.modenoffice.com/m2c/images/icn_n2_04.gif') no-repeat; background-size: 21px; }

.intro_a04 dt { padding-bottom: 10px; font-size: 1.3em; font-weight: bold; color: #333; }
.intro_a04 .cs_call { float: left; width: 50%; font-weight: bold; }
.intro_a04 .cs_call p { min-height: 35px; padding-left: 44px; background: url('http://fs.modenoffice.com/m2c/images/icn_cs_call.gif') no-repeat; background-size: 35px 35px; }
.intro_a04 .cs_call span { display: block; font-size: 1.3em; }
.intro_a04 .cs_fax { float: left; width: 50%; font-weight: bold; }
.intro_a04 .cs_fax p { min-height: 35px; padding-left: 44px; background: url('http://fs.modenoffice.com/m2c/images/icn_cs_fax.gif') no-repeat; background-size: 35px 35px; }
.intro_a04 .cs_fax span { display: block; font-size: 1.3em; }
.intro_a04 .cs_time { clear: both; padding-top: 10px; }

.mileage_bx h4 { display: inline-block; padding: 0 7px; line-height: 1.5em; background: #5eb428; font-weight: bold; color: #fff; border-radius: 10px; }
.mileage_img01 img { width: 170px; }
.mileage_img02 img { width: 250px; }
.mileage_bx dl { padding: 15px 10px; border: 1px solid #dddddd; background: #f9f9f9; }
.mileage_bx dl dt { padding-bottom: 5px; font-weight: bold; color: #333; font-size: 1.1em; }
.mileage_txt { padding-left: 15px; text-indent: -15px; }

.map_tit { color: #bb9c72; font-weight: bold; font-size: 1.1em; }
.map_bx { border: 1px solid #ddd; }
/*.board_type01 { border-top: 1px solid #3c3c3c; }*/
.board_type01 { border-top: 1px solid #3c3c3c; border-collapse: separate; border-spacing: 0; }
.board_type01 th { padding: 10px 0 10px 10px; text-align: left; font-weight: bold; color: #333; border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; background: #fbfbfb; }
.board_type01 td { padding: 6px 10px; border-bottom: 1px solid #e3e3e3; }










* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* font/spacing */
.f_bd { font-weight: bold; }
.f_gr { color: #5eb428 !important; }
.f_org { color: #f77807 !important; }
.f_red { color: #e73b65 !important; }
.f_lred { color: #ff0101 !important; }
.f_gry { color: #333 !important; }
.f_blk { color: #000 !important; }
.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt12 { margin-top: 12px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.pl10 { padding-left: 10px; }
.con_wd { position: relative; padding: 0 10px; }
.btn_w { text-align: center; }
.btn_ar { text-align: right; }

/* btn */
.btn { display: inline-block; vertical-align: middle; text-align: center; letter-spacing: -1px; }
.icn { display: inline-block; vertical-align: middle; }
.btn_grn { background: #5eb428; border: 1px solid #5eb428; border-radius: 3px; color: #fff; }
.btn_grn02 { border: 1px solid #5eb428; border-radius: 3px; color: #5eb428; }
.btn_wt { border: 1px solid #c7c7c7; border-radius: 3px; }
.btn_wt02 { border: 1px solid #969696; border-radius: 3px; font-weight: bold; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ }
.btn_wt03 { border: 1px solid #d7d7d7; border-radius: 3px;; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,efefef+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */ }
.btn_gry { background: #939a9d; border-radius: 3px; color: #fff; font-weight: bold; }

.btn_l { line-height: 3em; font-weight: bold; font-size: 1.2em; }
.btn_ml { line-height: 2.5em; font-weight: bold; font-size: 1.2em; }
.btn_m { padding: 0 10px; line-height: 2.2em; font-weight: bold; }
.btn_s { padding: 0 8px; line-height: 25px; }
.btn_ss { padding: 0 6px; line-height: 20px; }
.btn_25 { width: 25%; padding: 0; }
.btn_30 { width: 30%; padding: 0; }
.btn_40 { width: 40%; padding: 0; }

/* form */
input[type="radio"], input[type="checkbox"] { vertical-align: middle; }
input { margin: 0; padding: 0; vertical-align: middle; }
select { appearance: none; -webkit-appearance: none; }
.inp { width: 100%; height: 26px; line-height: 26px; border: 1px solid #cbcbcb; }
.inp02 { width: 100%; height: 26px; line-height: 26px; border: 1px solid #cbcbcb; background: #f8f8f8; }
.selc { height: 26px; line-height: 26px; border: 1px solid #cbcbcb; background: #fff url('http://fs.modenoffice.com/m2c/images/blet_select.gif') no-repeat 95% 50%; background-size: 8px 5px; }
.tarea { width: 100%; border: 1px solid #cbcbcb; }

.inbl { display: inline-block; }
.w160 { width: 160px; }
.w15p { width: 15%; }

.w20p { width: 20%; }
.w30p { width: 30%; }
.w35p { width: 35%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w70p { width: 70%; }
.w100p { width: 100%; }
img { width: 100%; }


/* 2016.8.6 추가 */
.mr02 { margin-right: 2px; }
.h2_menu { position: relative; }
.h2_menu_bx { display: none; position: absolute; top: 190px; left: 0; width: 100%; border-top: 1px solid #5eb428; border-bottom: 1px solid #5eb428; background: #fafafa; }
.h2_menu_bx ul { padding: 9px 11px; }
.h2_menu_bx ul li { margin: 3px 0; background: #fff; text-align: center; border: 1px solid #c0c0c0; line-height: 2.5em; border-radius: 15px; }

/* .order_list .p_txt_center{text-align:center;}
.p_txt_center{text-align:center;} */ /* 2016.8.31변경 */

.order_agreement { padding: 10px; }
.reply_cpl { background: #5eb428; font-weight: bold; color: #fff; font-size: 0.9em; border-radius: 3px; line-height: 1.5em; padding: 0 4px; }

/* 2016.10.14 추가 */
.delevery_box01 { padding: 10px 0; }
.delevery_box01 p { padding-bottom: 8px; color: #37aa07; }
.delevery_box01 dd { padding-left: 8px; text-indent: -8px; }
.delevery_box02 { padding: 10px 0; }
.delevery_box02 dt { padding: 0 0 6px 0; color: #333; font-weight: bold; }
.delevery_box02 dd { padding-left: 13px; text-indent: -13px; }


/* 20171229 */
.box { background: #f4f4f4; padding: 10px; font-size: 12px; letter-spacing: -1px; text-align: left; margin-right: -15px; margin-left: -15px; padding: 15px }
.login_bx12 .sns .btn { display: block; padding-left: 54px; margin-bottom: 10px; }
.login_bx12 .sns span { top: 50%; }

.pop_container .sns .btn { display: block; padding-left: 76px; }
.box h1 { color: #333; text-align: left; border: none; font-size: 14px; padding-bottom: 10px; font-weight: bold; }
.pop_login { margin-top: -210px; }
.w100 { width: 100%; }
.w80 { width: 80%; }
.tac { text-align: center; }
.tar { text-align: right; }

.btn_gray { background: #ddd; color: #444 }
.btn_red { background: #ff5555; color: #fff }
.btn_sm { border-radius: 2px; line-height: 2.2em; padding: 3px 10px; }
.tit { margin-bottom: 5px; font-size: 14px; font-weight: bold; }