@charset "utf-8";


*{
	-webkit-tap-highlight-color:rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
	/*-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;*/
}

html {-ms-touch-action:none; -ms-touch-action:manipulation; touch-action:manipulation;}

/* Type Selector */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, aside, acronym, address, big, cite, code,
del, dfn, em, font, 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 {
	margin:0;
	padding:0;
	border:0;
	line-height:normal;
}

html,body {min-height:100%; height:100%;}
body {font-size:1.5em; -webkit-font-smoothing:subpixel-antialiased; -webkit-text-size-adjust:none; background:#fff; color:#666;}

/* Anchor */
a:link {color:#666; text-decoration:none; cursor:pointer;}
a:visited {color:#666; text-decoration:none;}
a:hover {color:#666; text-decoration:none; cursor:pointer;}
a:active {color:#666; text-decoration:none;}

table {width:100%;}
table, th, td {border-collapse:collapse; border-spacing:0;}
table caption {display:none;}

img {border:0px; vertical-align:top;}
hr {display:none;}
col {background:none;}
li {list-style:none;}

/* Form Selector */
input {-webkit-border-radius:0;}
.inputText {-webkit-border-radius:0; /*-webkit-appearance:none;*/}
fieldset {border:none;}
legend {display:none;}

iframe {background:transparent;}

/* Font */
.en {font-family: Arial,sans-serif, sans-serif !important; font-weight:400;}

/* Button */
.button {display:inline-block; height:40px; line-height:40px; color:#666; font-weight:700; padding:0 35px; border:none; border-bottom:2px solid #3bafda; border-radius:5px; font-size:130%;cursor:pointer; overflow:hidden;}
.button.disabled {background:#b4b4b4; border-bottom:2px solid #989898;}
.button.enabled {background:#a0d468; border-bottom:2px solid #80b448;}
.button.delete {background:#ed5565; border-bottom:2px solid #df3e4f;}
input.button {height:42px;}
.button:hover:active:not([disabled]) {background:#5ccaeb; box-shadow:inset 1px 1px 3px #3bafda;}
.button.disabled:hover:active:not([disabled]) {background:#b4b4b4; border-bottom:2px solid #989898; box-shadow:none; cursor:default;}
.button.enabled:hover:active:not([disabled]) {background:#aade72; box-shadow:inset 1px 1px 3px #80b448;}
.button.delete:hover:active:not([disabled]) {background:#ff3c30; box-shadow:inset 1px 1px 3px #df3e4f;}

/* GNB */
#gnb {position:relative;}
.gnb li {float:left; width:20%;margin:12px 0 12px 0;}
.gnb li a {display:block; height:20px; line-height:20px;  color:#333; text-align:center; border-right:1px solid #ccc; font-size:140%;  font-weight:700;letter-spacing:-.1em; overflow:hidden;}
.gnb li:last-child a {border-right:none;}

.gnb.gnb2 li {float:left; width:25%;margin:12px 0 12px 0;}


/* Layout */
#container {}
#content {position:relative; background:#fff;}
#footer {background:#666;overflow:hidden;}
#footer address { width:100%; font-style:normal;line-height:150%; font-size:0.7em; letter-spacing:-.05em;color:#ccc;margin:10px 0 10px 10px;}
#footer address span{dispaly:none}
#footer .nav_footer {max-width:640px; margin:0 auto; height:45px; border-top:1px solid #363636;border-bottom:1px solid #474747;}
#footer .nav_footer .bnt_pc {text-align:center; width:33.5%;border-left:1px solid #474747; display:block;float:right;font-size:130%; color:#fff;height:45px; line-height:45px}
#footer .nav_footer .nav_footer_icon2{float:left;margin-left:16px;margin-top:7px}
#footer .nav_footer .nav_footer_icon2 a{margin-right:7px}
#footer .nav_footer .nav_footer_icon2 img{width:29px;height:auto;}
#footer .copyright{overflow:hidden;}
#footer .footer_logo {float:left; margin:0 0 10px 10px;;width:100%;}
#footer .footer_logo img{width:120px;height:auto;margin-top:10px}


.nav_footer_icon {overflow:hidden; padding:10px 0 10px; background:#fff; border-top:1px solid #ccc;}
.nav_footer_icon li {float:left; width:13%;}
.nav_footer_icon li a {display:block; text-align:center; color:#333; margin:0 5px; font-size:105%; letter-spacing:-.1em;}
.nav_footer_icon li a img {width:80%; height:auto; padding-bottom:9px;}

.msg_footer {width:100%; max-width:640px; margin:0 auto;}
.msg_footer_slider {overflow:hidden;}
.msg_footer_slider li {width:50%;float:left} 
.msg_footer_slider li img{width:100%;}
.msg_footer_slider a {height:40px; line-height:40px;color:#fff;font-size:125%; letter-spacing:-.1em; display:block;width:100%;text-align:center;}
.msg_footer .bx-controls {display:none !important;}

.msg_footer_menu {padding:10px 0;overflow:hidden}
.msg_footer_menu li{width:25%;text-align:center;float:left}
.msg_footer_menu li a{display:block;width:100%;text-align:center;height:20px;line-height:20px;font-size:133%;color:#666;border-left:1px solid #eee;}
.msg_footer_menu li:first-child a{border-left:none}


/* Content 
.main_visual_area {position:relative; border-bottom:1px solid #ccc;}
.main_visual li {text-align:center;}
.main_visual li img {width:100%; height:auto;}
.main_visual_area .bx-pager {position:absolute; left:0; bottom:10px; width:100%; z-index:10; text-align:center;}
.main_visual_area .bx-pager .bx-pager-item {display:inline-block; margin:0 5px;}
.main_visual_area .bx-pager .bx-pager-item a {display:inline-block; width:10px; height:10px; background:url('/mobile/company/common/img/btn_paging.png') no-repeat right top; background-size:20px auto; text-indent:-99999px; overflow:hidden;}
.main_visual_area .bx-pager .bx-pager-item a.active {background-position:left top;}
.main_visual_area .bx-controls-direction {display:none !important;}
*/
.bg_gray {background:#f0f0f0;}

.hot_new {margin:0 10px 10px; overflow:hidden;}
.hot_new .column {float:left; width:50%;}
.hot_new .column h2 {padding:0px 0 0px; color:#666; font-size:125%; font-family: Arial,sans-serif, sans-serif; font-weight:700;}
.hot_new .column h2 strong {color:#89bc53;}
.hot_new .column:first-child .prod_box {margin-right:5px;}
.hot_new .column:last-child .prod_box {margin-left:5px;}
.hot_new .column:last-child h2 {margin-left:5px;}
.hot_new .column a {display:block;}

.prod_box {border:1px solid #ccc; background:#fff; text-align:center;}
.prod_box img {width:80%; height:auto; padding:10px 0 5px 0;}
.prod_box .txt {padding:5px 10px 0; font-size:90%; line-height:130%;letter-spacing:-1px;}
.prod_box .txt1 {padding:0px 10px 0; font-size:90%; line-height:130%;letter-spacing:-1px;}
.prod_box .price {font-size:110%;font-weight:700; color:#ff3399; padding-bottom:10px;}

.banner {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
.banner img {width:100%; height:auto;}

.best_review {margin:0 5px 0; padding-bottom:5px; overflow:hidden;}
.best_review h2 {padding:0px 0 2px 5px; color:#666; font-size:125%; font-family: Arial,sans-serif, sans-serif; font-weight:700; line-height:normal;}
.best_review h2 strong {color:#89bc53; line-height:normal;}
.best_review h2 img {width:12px; height:12px; vertical-align:top; position:relative; top:5px;}
.best_review .column {float:left; width:50%;}
.best_review .column a {display:block; text-align:center; margin:0 5px;}
.best_review .column .img {border:1px solid #999; margin-bottom:5px;}
.best_review .column .img img {width:100%; height:auto;}
.best_review .column .txt {font-size:100%; color:#4c4c4c;}

.tab_nav_area {position:relative; z-index:2; margin-bottom:-1px;}
.tab_nav {overflow:hidden; margin:0 10px;}
.tab_nav li {float:left; width:50%;}
.tab_nav li a {display:block; border:1px solid #89bc53; background:#89bc53; color:#fff; font-size:125%; text-align:center; height:30px; line-height:30px; font-weight:700; border-bottom:none; border-radius:5px 5px 0 0;}
.tab_nav li:first-child a {margin-right:2px;}
.tab_nav li:last-child a {border-left:none; margin-left:2px;}
.tab_nav li a.on {background:#fff; color:#89bc53;}

/*
.prod_list_area {background:#fff; padding:10px 0 0px;}
.prod_list_area.line {border-top:1px solid #89bc53; }
.prod_list {overflow:hidden; margin:0 5px;}
.prod_list li {float:left; width:33.333%; padding-bottom:10px;}
.prod_list li a {text-align:center; display:block;}
.prod_list .img {position:relative;}
.prod_list .img .prod_img {width:99%; height:auto;}
.prod_list .img .label {position:absolute; left:-30px; bottom:-4px;}
.prod_list .img .label img {width:28%; height:auto;}
.prod_list .txt {color:#333; font-size:87%; padding:3px 3px 0px;letter-spacing:-1.5px;}
.prod_list .price {font-family: Arial,sans-serif, sans-serif !important; font-weight:700; color:#333; font-size:110%;}
.prod_list .price span {font-weight:normal; font-size:85%;}
*/
/* Btn Style */
.btn_center {text-align:center; margin:0 10px;}
a.btn_gray {display:inline-block; width:100%; height:40px; line-height:40px; font-size:133%; text-align:center; color:#fff; background:#999;border-radius:2px;}
a.btn_gray2 {display:inline-block; width:100%; height:40px; line-height:40px; font-size:133%; text-align:center; color:#fff; background:#666;border-radius:2px;}
a.btn_gray3 {display:inline-block; padding:7px 15px ; font-size:120%; font-weight:bold; text-align:center; color:#fff; background:#666;}
a.btn_gray4 {display:block; width:100%;text-align:center;font-size:150%; color:#333; background:#e1e1e1;height:44px;line-height:44px;font-weight:bold;;}
a.btn_gray5 {display:block; width:100%;text-align:center;font-size:150%; color:#fff; background:#666;height:44px;line-height:44px;font-weight:bold;;}
a.btn_white {display:inline-block; padding:0 15px; height:26px; line-height:26px; font-size:100%; font-weight:bold; color:#333; background:#fff; border:1px solid #999; border-radius:5px;}

a.btn_violet {display:inline-block; padding:0 15px; line-height:30px; font-size:110%; color:#fff; background:#960051;  }
a.btn_violet2 {display:inline-block; width:100%;  line-height:40px; font-size:140%; font-weight:bold; text-align:center; color:#fff; background:#960051;  }
a.btn_violet3 {display:inline-block; padding:0 15px;  line-height:26px; font-size:100%; color:#fff; background:#960051;  }
a.btn_violet4 {display:inline-block; width:100%; height:35px; line-height:35px; font-size:120%; font-weight:700; text-align:center; color:#fff; background:#f9e81e;}
a.btn_violetBig {display:inline-block; padding:0 30px;  line-height:79px; font-size:140%; font-weight:bold; color:#fff; background:#f9e81e;}

a.btn_basic {display:inline-block; width:100%; height:30px; line-height:30px; font-size:120%; font-weight:700; color:#666; background:#f0f0f0; border:1px solid #bbb; border-radius:2px; text-align:center;letter-spacing:-1px}
a.btn_basic2 {display:inline-block; padding:0 20px; height:30px; line-height:30px; font-size:120%; font-weight:700; color:#666; background:#f0f0f0; border:1px solid #999; border-radius:2px;}
a.btn_basicBig {display:inline-block; width:100%; height:138px; line-height:138px; font-size:140%; font-weight:700; color:#fff; background:#999; border:1px solid #666; border-radius:2px; text-align:center;}

a.btn_purple{margin:0 auto;display:block; width:53%;text-align:center;font-size:150%;color:#fff;background:#f9e81e;height:44px;line-height:44px}
a.btn_pink{display:block; width:100%;text-align:center;font-size:150%;color:#fff;background:#960051;height:44px;line-height:44px;font-weight:bold;letter-spacing:-1px;}

a:hover.btn_violet, a:hover.btn_basic, a:hover.btn_violetBig, a:hover.btn_violet2, a:hover.btn_basicBig, a:hover.btn_gold, a:hover.btn_gray3, a:hover.btn_gray4, a:hover.btn_pink, a:hover.btn_violet4 {text-decoration:none;}

a.btn_buy {display:inline-block; width:100%; height:35px; line-height:35px; font-size:120%; font-weight:700; color:#fff; background:#ff3399; border:1px solid #c71970; border-radius:5px; text-align:center;}
a.btn_gold {display:inline-block; padding:8px 10px; font-size:120%; font-weight:bold; letter-spacing:-1px; text-align:center; color:#fff; background:#c88300;}


/* Category Bar */
.category_bar {position:relative;border-bottom:1px solid #ccc;padding:15px 10px}
.category_bar2 {position:relative;border-bottom:1px solid #b8b8b8;padding:15px 0;text-align:center;font-size:130%; color:#333; font-weight:bold; }
.category_bar .title{font-size:150%; color:#333; font-weight:bold;letter-spacing:-1px;}
.category_bar .command{font-size:125%; color:#666;line-height:130%;margin-top:5px; letter-spacing:-0.09em;}
.category_bar.line {border-top:1px solid #bdbdbd;}
.category_bar .btnR {position:absolute; top:5px; right:10px;}
.category_bar .btnR.btn_violet {top:2px; height:24px; line-height:25px; padding:0 10px; font-size:90%;}
.category_bar .btnR img {height:20px; width:auto;}
.category_bar .desc {display:inline-block; margin-left:4px; font-size:80%; color:#666; font-weight:normal; letter-spacing:-1px;}

.category_path {position:relative;border-bottom:1px solid #666;padding:10px;}
.category_path .location {font-size:140%; color:#333; font-weight:bold;letter-spacing:-1px;}
.category_path .location .normal {padding-right:25px; color:#999; background:url(/mobile/company/common/img/bg_location.png) no-repeat right center; background-size:8px;}
.category_path .location select {padding:0 25px 0 10px;-webkit-appearance: none; border:none; outline:none; color:#333; font-size:100%; font-weight:bold; background:url(/mobile/company/common/img/bg_location_on.png) no-repeat 95% center;background-size:15px;}
.category_path .cate_tit {padding:4px 0; font-size:150%; color:#333; font-weight:bold;letter-spacing:-1px;}

/* Pagination */
.pagination {height:36px; text-align:center; font-size:120%; font-weight:bold; color:#333; }
.pagination .img {margin:0 15px;}
.pagination .img img {width:auto; height:80%;}
.pagination .count {height:36px; display:inline-block; line-height:28px;}

/* Checkbox */
.has-js .label_check{padding:20px 20px;}
.has-js .label_check { background: url(/mobile/company/common/img/check-off.gif) no-repeat; background-size: 23px auto; */}
.has-js label.c_on { background: url(/mobile/company/common/img/check-on.gif) no-repeat;background-size: 23px auto; */ }
.has-js .label_check input{position: absolute; left: -9999px; }

/* Top 
.scrollup {display:none;}
.scrollup img {position: fixed;float:right; right: 10px; bottom:10px; z-index:100; width:44px; height:auto;}
.scrollup.top2 img {bottom:58px;}
*/

/* Side Navigation 
.side_tit {position:relative; height:35px; line-height:35px; border-bottom:1px solid #456219; background:#679a17; font-size:130%; color:#fff; letter-spacing:0px; padding-left:10px;font-family: Arial,sans-serif, sans-serif !important;}
.side_tit .close {position:absolute; top:5px; right:20px;}
.side_tit .close img {width:80%; height:auto;}
.user_ing {padding:15px 0; border-bottom:1px solid #c1c1c1; background:#f0f0f0;}
.user_ing .name {margin-bottom:10px; margin-left:10px; font-size:130%; font-weight:700; color:#333;}
.user_ing .name .mem {display:inline-block; color:#ff3399;}
.user_ing .logout {margin:0 10px;}
.user_ing a.btn_gray {height:30px; line-height:30px; font-size:110%;}
.mem_ing {margin:0 10px 10px 10px; border:1px solid #999;}
.mem_ing li {padding:8px 5px; border-bottom:1px solid #999; color:#666; font-size:110%; font-weight:700; background:#fff;}
.mem_ing li:last-child {border-bottom:none;}
.side_icon_menu {background:#fff; padding:15px 10px 0 10px; border-bottom:1px solid #c1c1c1;}
.side_icon_menu ul {overflow:hidden;}
.side_icon_menu ul li {float:left; width:33.3%; margin-bottom:15px; text-align:center; font-weight:700; font-size:100%; color:#333;}
.side_icon_menu ul li img {margin-bottom:4px; width:60%; height:auto; border:none;}

.side_cate_tit {position:relative; height:40px; line-height:40px;font-size:120%; font-weight:700; color:#333; border-bottom:1px solid #bebebe; background:#d4d4d4;}
.side_cate_tit p {margin-left:10px; line-height:40px;}
.side_cate_tit .all_view {position:absolute; top:4px; right:10px;}
.side_cate_tit .all_view.btn_white {height:30px; line-height:30px; padding:0 10px; font-size:90%; font-weight:normal;}

.tbl_side_cate td {height:40px; padding-left:10px; background:#ebebeb; font-size:110%; color:#333; border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3;}
.tbl_side_cate td.last {border-right:none;}
.tbl_side_cate td a {display:block;}
.tit_today_prod { font-size:120%; font-weight:700; color:#6e6e6e;}
.tit_today_prod span {display:inline-block; margin:10px;}
.today_side {margin:0 10px 10px; overflow-x:hidden;}

#side {overflow-x:hidden;}
#side .bx-pager-item {display:none;}
#side #slide-counter {position:relative; top:-28px; text-align:center; font-size:100%; color:#333;}
.mm-panel {overflow-x:hidden;}

.bx-controls-direction {position:relative; overflow:hidden; height:20px; margin-top:10px; z-index:100;}
#side .bx-prev {position:absolute; top:0; left:0px; width:8px; height:18px; background: url('/mobile/company/common/img/btn_listFirst.gif') no-repeat left top; background-size:100% auto; overflow:hidden; text-indent:-9999px;}
#side .bx-next {position:absolute; top:0; right:16px; width:8px; height:18px; background: url('/mobile/company/common/img/btn_listLast.gif') no-repeat left top; background-size:100% auto; overflow:hidden; text-indent:-9999px;}
*/

/* 슬라이드 메뉴 이미지 */
.tbl_side_cate td {height:40px; padding-left:20px; text-align:left; font-size:120%; border-bottom:1px solid #eee;}
.tbl_side_cate .last td {border-bottom:none;}
.tbl_side_cate td a {color:#333; display:block; height:40px; line-height:40px; padding-left:33px;}
.tbl_side_cate td a.cate1 {background:url('/mobile/company/apyld/img/bg_side_cate1.png') no-repeat left center; background-size:30px auto;}
.tbl_side_cate td a.cate2 {background:url('/mobile/company/apyld/img/bg_side_cate2.png') no-repeat left center; background-size:30px auto;}
.tbl_side_cate td a.cate3 {background:url('/mobile/company/apyld/img/bg_side_cate3.png') no-repeat left center; background-size:30px auto;}
.tbl_side_cate td a.cate4 {background:url('/mobile/company/apyld/img/bg_side_cate4.png') no-repeat left center; background-size:30px auto;}
.tbl_side_cate td a.cate5 {background:url('/mobile/company/apyld/img/bg_side_cate5.png') no-repeat left center; background-size:30px auto;}
.tbl_side_cate td a.cate6 {background:url('/mobile/company/apyld/img/bg_side_cate6.png') no-repeat left center; background-size:30px auto;}
.tbl_side_cate td a.cate7 {background:url('/mobile/company/apyld/img/bg_side_cate7.png') no-repeat left center; background-size:30px auto;}
.tbl_side_cate td a.cate8 {background:url('/mobile/company/apyld/img/bg_side_cate8.png') no-repeat left center; background-size:30px auto;}


/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

.device {
  position: relative;
  height:auto !important;
}

/*���������̼�*/
.pagination {position:relative;}
.pagination .prev {position:absolute; top:0; left:10px; z-index:100;}
.pagination .next {position:absolute; top:0; right:10px; z-index:100;}
.pagination .page {position:relative; top:0px; z-index:50; color:#666; font-size:120%;}
.pagination .prev img,.pagination .next img{width:60%}

/* select */
.designedSelect {position:relative; display: block; width:auto !important; box-sizing:border-box; *display: inline; *zoom: 1; height:30px; vertical-align:middle !important;}
.designedSelect p {position:absolute; top:0; left:0; z-index:0; width:100% !important; box-sizing:border-box;}
.designedSelect p a {display:block; height:30px; color:#666; border:1px solid #ccc; background-color:#fff; overflow:hidden; text-decoration:none;}
.designedSelect p a span.text {display:block; text-indent:8px; height:100%; line-height:30px; font-weight:normal; text-align:left; font-size:130%; letter-spacing:-.8pt;padding-right:40px}
.designedSelect p a span.bg {display:block; position:absolute; right:0; top:1px; width:40px; height:30px; border-left:1px solid #ccc; background:url("/mobile/company/common/img/bg_select.gif") no-repeat center center; background-size:auto 30px;}
.fe_options {display:none; position:absolute; left:0 !important; top:31px !important; z-index:100; border:1px solid #ccc; background-color:#fff; overflow-x:hidden; overflow-y:auto; *zoom: 1;  box-sizing:border-box; width:100% !important;}
.fe_options li a {display:block; height:30px; padding:1px 0 0 6px; color:#333; cursor:pointer; line-height:30px; text-align:left; text-decoration:none; font-size:130%; letter-spacing:-.8pt;overflow: hidden;}
.fe_options li.nowSelected,
.fe_options li:hover {background-color:#f0f0f0;}

/* 20150331 �߰� */
/* Layer popup */
#popCon { border:1px solid #ccc; box-shadow:1px 2px 2px #e5e5e5; background:#f0f0f0;}
#popCon .cart {padding:20px; }
#popCon .cart .txt {margin-bottom:15px; font-size:150%; color:#666; text-align:center;}
#popCon .cart .btnC {text-align:center;}
#popCon .cart .btnC .btn_gray {width:90%; border-radius:0;}

#popCon .pop_wish {min-width:280px; background:#fff; padding-bottom:15px;}
#popCon .pop_wish .tit {padding:10px 15px; font-size:130%; color:#666; border-bottom:1px solid #ccc; background:#f0f0f0;}
#popCon .pop_wish .list {margin-bottom:10px;}
#popCon .pop_wish .list li {position:relative; padding:10px 15px; border-bottom:1px solid #ccc; font-size:120%; color:#666;}
#popCon .pop_wish .list li img{width:20px}
#popCon .pop_wish .txt_info {padding:10px 10px 15px; font-size:110%; color:#333; text-align:center; letter-spacing:-1px;}
#popCon .pop_wish .btnC {text-align:center;}
#popCon .pop_wish .btnC .btn_pink {width:85%; margin:0 auto;}

#popCon .pop_wish input[type="radio"] {display:none;}
#popCon .pop_wish input[type="radio"] + label span {display:inline-block; position:absolute; top:8px; right:15px; width:20px; height:20px; vertical-align:middle; background:url(/mobile/company/common/img/check_sheet.png) no-repeat left top;	background-size:20px auto; cursor:pointer;}
#popCon .pop_wish input[type="radio"]:checked + label span {background:url(/mobile/company/common/img/check_sheet_on.png) no-repeat left top;background-size:20px auto;}

/* �����޴� */
/* Side Navigation */
#side_left {overflow-x:hidden;}
#side_left .bx-pager-item {display:none;}
#side_left #slide-counter {position:relative; top:-28px; text-align:center; font-size:100%; color:#333;}
.mm-panel {overflow-x:hidden;}


.side_tit.cen {text-align:center;}
.side_tit.cen img {width:auto; height:40%; vertical-align:middle;}
.side_tit.txt {font-size:140%; font-weight:700; color:#fff; padding-left:15px; border-bottom:1px solid #231031;}

.side_srch {padding:10px 10px 12px; border-top:1px solid #503367; background:#f9e81e;}
.side_srch .input {position:relative; margin-right:38px;}
.side_srch .input .inputText {width:100%; height:30px; line-height:30px; font-size:120%; color:#333; border:none; padding:0; text-indent:8px;}
.side_srch .input .srch {position:absolute; top:0; right:-40px; height:30px; line-height:30px; background:#fff;}
.side_srch .input .srch img {width:auto; height:20px; padding:5px 10px;}
/* ���޺� ������ �̹��� */
.side_tit .icon_lavel {display:inline-block; height:25px; padding:6px 0 10px 0; font-size:120%; line-height:120%; font-weight:700; letter-spacing:0px; color:#fff;}
.side_tit .lavel_img {display:inline-block; margin:5px 5px 0 10px; vertical-align:top;}
.side_tit .lavel_img img {width:auto; height:32px;}
.side_tit .btnR {position:absolute; top:10px; right:45px;}
.side_tit .btnR .set {display:block; overflow:hidden; text-indent:-9999px; width:20px; height:20px; background:url('/mobile/company/common/img/bg_setting.png') no-repeat right top; background-size:auto 20px;}
.side_visual {border-bottom:1px solid #dadada;}
.side_visual img {width:100%; height:auto;}
.user_login {padding:10px; border-top:1px solid #fff; border-bottom:1px solid #dadada; background:#f0f0f0;}
.user_login .in_tit {position:relative; margin-bottom:6px; padding:4px 0; font-size:120%; font-weight:700; letter-spacing:-1px; color:#6e6e6e;}
.user_login .in_tit .btnR {position:absolute; top:-3px; right:0;}
.user_login .btn {display:inline-block; margin-left:4px; padding:6px 5px; font-size:80%; font-weight:700; letter-spacing:-1px; color:#666; text-align:center; border:1px solid #bbb;}
.user_login .btn2 {background:#fff;}
.user_login .auto_login {position:relative; margin-bottom:5px; padding-top:5px; font-size:120%; color:#6e6e6e;}
.user_login .auto_login span {font-size:90%; padding-top:3px;}
.user_login .auto_login .btnR {position:absolute; top:-2px; right:0;}

#login fieldset{display:none;position:relative}
#login dl{overflow:hidden;position:relative;height:90px;}
#login dl dt,
#login dl dd {width:98.5%;}
#login dd.uid{top:1px;left:1px}
#login dd.upw{top:44px;left:1px}
#login dl dt label{overflow:hidden;position:absolute;top:10px;left:10px;width:0;height:0;font-family:Sans-serif;font-size:0;line-height:0}
#login dt,#login dd{display:block; position:absolute}
#login .input_text{width:100%; height:34px; line-height:34px; padding:0; text-indent:10px; font-size:120%; color:#333; margin-bottom:6px; border:1px solid #ccc;}
#login .input_text.focus{border:1px solid #b9b8b8;background:#fff !important}
#login .input_text.focusnot{background:#fff !important}

.user_login .auto_login input[type="checkbox"] {display:none;}
.user_login .auto_login input[type="checkbox"] + label span {display:inline-block; height:22px; padding-left:27px; vertical-align:middle; background:url(/mobile/company/common/img/check_sheet2.png) no-repeat left top;	background-size:22px auto; cursor:pointer;}
.user_login .auto_login input[type="checkbox"]:checked + label span {background:url(/mobile/company/common/img/check_sheet2_on.png) no-repeat left top;background-size:22px auto;}

#side_left .tit_lately_prod {padding:10px 0; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; background:#ececec; font-size:130%; font-weight:bold; color:#333; text-align:center;}
#side_left .tit_mypage {position:relative; padding:10px 0; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; background:#ececec; font-size:130%; font-weight:bold; color:#333; text-align:center;  font-family: Arial,sans-serif;}
#side_left .tit_mypage .btnR {position:absolute; top:36%; right:10px;}
#side_left .tit_mypage .btnR img {width:20px; height:auto;}

/* lately slider */
.lately_slider {padding:10px 12px 20px 5px; border-bottom:1px solid #d5d5d5;}
.lately_slider .lately_list {width:100%; padding-bottom:10px;}
.lately_slider .lately_list ul {overflow:hidden;}
.lately_slider .lately_list .p_box {overflow:hidden;}
.lately_slider .lately_list .p_box .in {float:left; width:25%;}
.lately_slider .lately_list .p_box .in a {display:block; width:100%; height:auto;}
.lately_slider .lately_list .p_box .in a .img {display:block; margin:0 5px; border:1px solid #eaeaea;}
.lately_slider .lately_list .p_box .in a .img img {width:100%; height:auto;}
/*-- 20150406 ���� */
.lately_slider .mm-list li a img {border:none;}
.lately_slider .lately_list ul li a .img img {width:100%; height:auto;}
.lately_slider .slick-list {padding:0 !important;}
.lately_slider .slick-slide {border:none !important; padding:0 !important; margin-right:-5px;}
.lately_slider .slick-prev {display:inline-block !important; width:30px; margin-left:5px; padding:5px 0 10px; height:auto; background:url('/mobile/company/common/img/btn_prev2.png') no-repeat left top; background-size:auto 23px; border:none; text-indent:-9999px; overflow:hidden;}
.lately_slider .slick-next {display:inline-block !important; width:30px; padding:5px 0 10px; height:auto; background:url('/mobile/company/common/img/btn_next2.png') no-repeat right top;  background-size:auto 23px; border:none; text-indent:-9999px; overflow:hidden;}
.lately_slider .last_num {position:absolute; left:50%; margin-top:-17px; font-size:140%; color:#333; font-family:Arial,sans-serif; vertical-align:middle;}
.lately_slider .last_num .line {display:inline-block; margin:0 10px;}
.lately_slider .slick-dots {text-align:center; vertical-align:middle;}
.lately_slider .slick-dots li {display:none;}
.lately_slider .slick-dots li.slick-active {display:inline-block; background:none;}
.lately_slider .slick-dots li button {border:none; background:none; height:20px; padding:3px 10px 0 0; font-size:140%; font-family:Arial,sans-serif; color:#333 !important; vertical-align:middle;}
/* 20150406 ���� --*/
.lately_slider .variable-width .slick-slide p { background: #fff; height: 100px; color:#3498db; margin: 5px; line-height: 100px; }
.lately_slider .slider-for {display:none;}
.lately_slider .slick-prev {position:absolute; left:0; }
.lately_slider .slick-next {position:absolute; right:0;}

.my_st {overflow:hidden; border-bottom:1px solid #d2d2d2;}
.my_st .box {float:left; width:25%;}
.my_st .box div {border-left:1px solid #d2d2d2; padding:10px 1px; text-align:center;}
.my_st .box div.first {border-right:none;}
.my_st .box div a.menu {display:inline-block; margin-bottom:5px; padding:2px 18px 2px 0; background:url('/mobile/company/common/img/bg_arrow.png') no-repeat right center; background-size:14px auto; font-size:100%; font-weight:700; color:#333; letter-spacing:-1px;}
.my_st .box div a.menu .txt_s {font-size:80%; font-weight:normal;}
.my_st .box div .num {display:block; font-size:140%; font-weight:bold; color:#960051;}

#side_left .type_srch {padding:10px;}
#side_left .type_srch .txt {margin-bottom:10px; font-size:110%; color:#333;}
#side_left .type_srch .txt span {color:#999;}
#side_left .type_srch .btn_srch {display:block; height:40px; line-height:40px; border:1px solid #bbb; background:#f3f3f3; text-align:center; font-size:130%; color:#333; letter-spacing:-1px; box-shadow:0 1px 1px #ddd;}
#side_left .type_srch .btn_srch span {display:inline-block; height:40px; line-height:40px; padding-left:30px; background:url('/mobile/company/common/img/bg_side_srch.png') no-repeat left center; background-size:auto 25px;}

#side_left .process {padding:10px 0 10px 10px; background:#f3f3f3;}
#side_left .process .step {overflow:hidden;}
#side_left .process .step .box {float:left; width:20%;}
#side_left .process .step .box div {position:relative; margin-right:10px; text-align:center;}
#side_left .process .step .box div img {width:auto; height:46px;}
#side_left .process .step .box div .arr {position:absolute; top:10px; right:-8px;}
#side_left .process .step .box div .arr img {width:8px; height:auto;}

#side_left .tbl_mypage {margin:5px 0;}
#side_left .tbl_mypage td {padding:5px 0; text-align:center; vertical-align:top; letter-spacing:-1px;}
#side_left .tbl_mypage td a {font-size:120%; color:#333;}
#side_left .tbl_mypage td .img {display:block; margin-bottom:3px;}
#side_left .tbl_mypage td .img img {width:70%; height:auto;}
#side_left .side_bottom {padding:10px 10px 20px; border-top:1px solid #eee; background:#f3f3f3; text-align:right;}
#side_left .side_bottom .btn {display:inline-block; padding:6px 15px; font-size:120%; color:#303030; letter-spacing:-1px; border:1px solid #ccc; background:#fff; box-shadow:0 1px 1px #d2d2d2;}

/* left category */
.side_cate_area {position:relative; overflow:hidden; background:#f0f0f0;}
.side_cate_area .menu {float:left; width:18%; height:100%;}
.side_cate_area .menu a {display:block; width:auto; margin:0; text-align:center; background:#f0f0f0; border-bottom:1px solid #e5e5e5;}
.side_cate_area .menu a img {width:100%; height:auto; border:none;}
.side_cate_area #tabCategory {height:100%;  }

.side_cate_area .category {float:right; width:81.5%; height:100%; min-height:540px; background:#fff; border-left:1px solid #bdbbb5; }
.side_cate_area .category .list_area {position:relative;}
.side_cate_area .category .list_area dt {position:relative; padding:12px 10px; font-size:140%; font-weight:bold; color:#333; background:#f0f0f0; border-bottom:1px solid #e5e5e5;}
.side_cate_area .category .list_area dt .sub_close {position:absolute; top:18px; right:10px; padding:0; border:0;}
.side_cate_area .category .list_area dt .sub_close img {width:auto; height:10px;}
.side_cate_area .category .list_area dd a {display:block; padding:0px 20px;height:40px; font-size:130%; color:#333; border-bottom:1px solid #e5e5e5;line-height:40px;}

.sub_dl dt {position:relative; padding:15px 10px; font-size:140%; font-weight:bold; color:#333; background:#f0f0f0; border-bottom:1px solid #e5e5e5;}
.sub_dl dt .sub_close {position:absolute; top:15px; right:10px; padding:0; border:0;}
.sub_dl dt .sub_close img {width:auto; height:15px;}
.sub_dl dd a {display:block; padding:13px 20px; font-size:120%; color:#333; border-bottom:1px solid #e5e5e5;}

.open_cont {display:none; width:100%; height:100%; position:absolute; top:0; right:0; background:#fff !important; z-index:500;}

/* 20150406 �߰� */
#side_left {display:block; position:fixed; top:0; left:-100%; width:100%; height:100%; z-index:1001;}
#side_left.bg {background:rgba(0,0,0,0.8);}
#side_left #side_body {position:relative; height:100%; background:#f5f5f5; margin-right:50px; box-shadow:0 0 10px #333; overflow:auto;}
#side_left .close img {width:40px; height:auto;}

.t_style { font-size:12px; background:#ddd; }
.t_name { font-size:12px; font-family:"굴림","돋움"; font-weight:bold; background:#f5f5f5; line-height:15px; padding:10px; height:30px; }
.t_value { font-size:12px; font-family:"굴림","돋움"; color:#555555; background:#ffffff; line-height:20px; padding:10px; height:30px; }

.margin { height:30px; }
.margin2 { height:10px; }

.beauty_title {padding:10px;}
.beauty_title .tit {margin-bottom:4px; font-size:160%; font-weight:bold; font-family:Arial, sans-serif; color:#333;}
.beauty_title .desc {font-size:120%; color:#666; letter-spacing:-1px;}