@charset "utf-8";

::-webkit-scrollbar {width: 7px;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);  border-radius: 10px;}
::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5); }

/*기본 레이아웃----------------------------------------------------------------------*/

#wrap {width:100%;}
#header{width:100%;}
#contents {width:100%;}
#footer {width:100%; margin-top:20px;}
#footer2 {width:100%;}

/*기본 레이아웃------------------------------------------------------------------------*/

.arrowTop{position: fixed;right: 0px;bottom: 0px;font-size: 0;background: url('/static/img/arrow2.png');height: 50px;width: 
    50px;background-size: 100% auto;cursor:pointer;opacity: 0.8;}


/*일반 style----------------------------------------------------------------------------*/

.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.li_none_st{list-style:none;}
.clear{clear:both;}
.main_top { width:100%; background:#f8f8f8; border-bottom:1px solid #e3e3e3; height:33px; }
.title { color:#2b2b2b; }
.gray { color:#8a8a8a; }
.join_form { border:1px solid #bdbdbd; height:21px; line-height:20px; padding-left:3px; }
.guide_txt { font-size:11px; color:#909090; }
.input_st{ border:1px solid #bdbdbd; height:21px; line-height:20px; padding-left:3px; }




img.grayscale {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

#dong_btn input{width:135px; height:21px; margin-bottom:5px; font-size:12px; border:0px solid; background:url('/static/img/btnbg_dong.gif') no-repeat 0 0; cursor:pointer; margin-left:5px; margin-right:5px;}
.button_report { width:59px; height:25px; background:url('/static/img/detail_report.gif') no-repeat 0 0; cursor:pointer; }



/* input style--------------------------------------------------------------------------*/

.input_style input[type=text],.input_style input[type=file],.input_style input[type=password]{
border:1px solid #bdbdc0; background:#ffffff; padding-left:5px; height:28px; line-height:27px;}

.input_style select {padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px;}

.input_style textarea{
border:1px solid #bdbdc0; background:#ffffff; padding:5px; height:200px;}

/* input style--------------------------------------------------------------------------*/


.search_input_st select {padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px;}


.search_input_mypage_st select {padding:5px; border:1px solid #bdbdc0; height:30px; line-height:22px;}


.search_input_mypage_st input[type=text],.search_input_mypage_st input[type=file],.search_input_mypage_st input[type=password]{
border:1px solid #bdbdc0; background:#ffffff; padding-left:5px; height:28px; line-height:27px;}

.search_input_mypage_st textarea{
border:1px solid #bdbdc0; background:#ffffff; padding:5px;}


.search_input_mypage_st input[type=checkbox], .search_input_mypage_st input[type=radio]{
vertical-align:middle; margin:-2px 0 1px;  cursor:pointer;}



.point_charge_input_st input[type=text]{
border:1px solid #bdbdc0; background:#f3f3f3; padding:0 5px; height:32px; line-height:31px; font-size:14px; font-weight:bold;}

.point_charge_input_st textarea{
border:1px solid #bdbdc0; background:#ffffff; padding:5px;}

.point_charge_input_st input[type=checkbox], .point_charge_input_st input[type=radio]{
vertical-align:middle; margin:-1px 0 0 0;  cursor:pointer;}


.point_charge_input_st_mypa input[type=text]{
border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:28px; line-height:27px; margin:2px 0;}

.point_charge_input_st_mypa select{
padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px;}



/*폰트 style-----------------------------------------------------------------------------*/

.font_10 { font-size:10px;}
.font_11 { font-size:11px;}
.font_12 { font-size:12px;}
.font_13 { font-size:13px;}
.font_14 { font-size:14px;}
.font_15 { font-size:15px;}
.font_16 { font-size:16px;}
.font_17 { font-size:17px;}
.font_18 { font-size:18px;}
.font_19 { font-size:19px;}
.font_20 { font-size:20px;}
.font_26 { font-size:26px;}
/*
.font_number {font-family:tahoma,'굴림',Gulim,'돋움',Dotum,'맑은고딕',NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif}


.font_dotum{font-family:'돋움',Dotum,'맑은 고딕','굴림',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_tahoma{font-family:Tahoma,'돋움',Dotum,'맑은 고딕','굴림',Gulim,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_gulim{font-family:'굴림',Gulim,'돋움',Dotum,'맑은 고딕',tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_malgun{font-family:'맑은 고딕','돋움',Dotum,'굴림',Gulim,tahoma,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif !important;}
*/
/*폰트 style------------------------------------------------------------------------------*/


.bullet_icon_01 {background:url('/static/img/new_img/icon_bullet_list.jpg') no-repeat 5px 5px;}
.bullet_icon_02 {background:url('/static/img/skin_icon/make_icon/skin_icon_184.jpg') no-repeat 5px 0; padding-left:13px;}
.bullet_icon_03 {background:url('/static/img/new_img/icon_bullet_list.jpg') no-repeat 5px 7px;}
.bullet_icon_04 {background:url('/static/img/new_img/icon_bullet_list_03.gif') no-repeat 0 8px;  padding:7px 0 7px 19px;}
.bullet_icon_05 {background:url('/static/img/new_img/icon_bullet_list.jpg') no-repeat 5px 10px;}
.bullet_icon_06 {background:url('/static/img/new_img/icon_bullet_list_04.gif') no-repeat 0 12px; padding-left:12px;}
.bullet_icon_07 {background:url('/static/img/skin_icon/make_icon/skin_icon_184.jpg') no-repeat 5px 0; padding-left:13px; padding-top:1px;}
.bullet_icon_08 {background:url('/static/img/new_img/icon_bullet_list.jpg') no-repeat 5px 12px;}
.bullet_icon_09 {background:url('/static/img/new_img/icon_bullet_list_04.gif') no-repeat 0 11px; padding-left:12px;}
.bullet_icon_10 {background:url('/static/img/new_img/icon_bullet_all_search_title.jpg') no-repeat 4px 0; padding-left:23px; height:16px;}
.bullet_icon_11 {background:url('/static/img/new_img/icon_bullet_list_05.gif') no-repeat 0 12px;}
.bullet_icon_12 {background:url('/static/img/new_img/icon_bullet_list_06.jpg') no-repeat 0 0; height:15px; padding-left:18px;}
.bullet_icon_13 {background:url('/static/img/new_img/icon_bullet_list_03.gif') no-repeat 0 8px;  padding:8px 0 7px 19px;}
.bullet_icon_14 {background:url('/static/img/new_img/icon_bullet_all_search_title.jpg') no-repeat 4px 4px; padding-left:22px;}
.bullet_icon_15 {background:url('/static/img/new_img/icon_bullet_list_04.gif') no-repeat 0 14px; padding-left:12px;}
.bullet_icon_16 {background:url('/static/img/skin_icon/make_icon/skin_icon_184.jpg') no-repeat 5px 3px; padding-left:13px; padding-top:1px;}



.list_st_over:hover .font_underline {text-decoration:underline;}


.tab_on1{color:#333333; border:1px solid #d6d6d8; border-bottom:1px solid #fafafc; border-right:none; font-weight:bold; width:50%; height:38px; text-align:center; cursor:pointer;}
.tab_off1{color:#989b9f; border:1px solid #d6d6d8; border-bottom:1px solid #b4b4b6; border-right:none; background:#ffffff; width:50%; height:38px; text-align:center; cursor:pointer;}


.tab_on2{font-size:11px; font-family:'돋움',Dotum,tahoma,'굴림',Gulim,'맑은고딕',NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif; color:#4a4a4a; font-weight:bold; text-align:center; cursor:pointer;}
.tab_off2{font-size:11px; font-family:'돋움',Dotum,tahoma,'굴림',Gulim,'맑은고딕',NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif; color:#8a8a8a; text-align:center; cursor:pointer;}


/* member_join input style--------------------------------------------------------------------------*/

.input_style_mem input[type=text],.input_style_mem input[type=password]{
border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:28px; line-height:27px; margin:2px 0;}

.input_style_mem input[type=file]{
border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:30px; line-height:29px; margin:2px 0;}

.input_style_mem select {padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px; }

.input_style_mem textarea{
border:1px solid #bdbdc0; background:#f3f3f3; padding:5px; height:200px;}


.input_style_mem input[type=checkbox], .input_style_mem input[type=radio]{
vertical-align:middle; margin:-2px 0 1px;  cursor:pointer;}

/* member_join input style--------------------------------------------------------------------------*/


/* product_add input style--------------------------------------------------------------------------*/

.category_st select{padding:15px; border:none; height:450px; width:100%; color:#262626; line-height:30px;}
.category_st select option{padding-bottom:5px;}

.product_add_st input[type=text],.product_add_st input[type=password]{
border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:28px; line-height:27px; margin:2px 0;}

.product_add_st input[type=file]{
border:1px solid #bdbdc0; background:#f3f3f3; padding-left:5px; height:30px; line-height:29px; margin:2px 0;}

.product_add_st select {padding:5px; border:1px solid #bdbdc0; height:30px; line-height:24px; }

.product_add_st textarea{
border:1px solid #bdbdc0; background:#f3f3f3; padding:5px; height:100px;}


.product_add_st input[type=checkbox], .product_add_st input[type=radio]{
vertical-align:middle; margin:-2px 0 1px;  cursor:pointer;}


.option_st select{padding:8px; border:1px solid #bdbdc0; color:#262626; background:#f2f2f2;}

.option_st input[type=text]{
border:1px solid #bdbdc0; background:#f2f2f2; padding-left:5px; height:28px; line-height:27px; margin:2px 0;
}

/* product_add input style--------------------------------------------------------------------------*/



/* detail input style--------------------------------------------------------------------------*/

.detail_st select {width:428px !important;height:25px;line-height:25px;margin:0;padding:0;text-indent:10px;border:1px solid #e6e6e6;background:#fff url("/static/img/renew/view_select.gif") 98% center no-repeat;border-radius:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;font-size:13px;color:#808080;box-sizing:inherit}


/* detail input style--------------------------------------------------------------------------*/


/* ranking_search input style--------------------------------------------------------------------------*/
.ranking_search select {padding:5px; border:1px solid #dadada; background:#ffffff;font-size:12px; color:#393939; font-family:tahoma,'굴림',Gulim,'돋움',Dotum,'맑은고딕',NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
/* ranking_search input style--------------------------------------------------------------------------*/


.img_preview {max-width:200px; margin-top:5px;}

.chating_btn {background:url(/static/img/chating/btn_chating_submit.jpg) no-repeat; width:100px; height:95px; cursor:pointer;}




.category_layer_over a{text-decoration:none;}
.category_layer_over a:hover{text-decoration:underline;}


/* 문의하기 */
.input_inquiry { border:1px solid #E7E7E7; height:32px; line-height:32px; padding-left:3px; }

/* 상세 스크롤 기본위치 선점 - js 소스 영향을 주기위한 소스 */
.scrollfixed {position:fixed; top:0px;}

.detail_tab {display:block; border-right:1px solid #cccccc; width:170px; height:37px; padding-top:15px; text-align:center;}
.end {border:none !important;}

/* 170801 추가 */
#wrap{overflow:hidden;min-width: 1000px;}
.default_wrap{width:1000px;margin:0 auto;}
.clear_box{clear:both;}

/* header */
#header{background-color:#fff;margin-bottom: 10px; border-bottom: 1px solid #e6e6e6; padding-bottom: 20px;}
.mainHeader {margin-bottom: 0 !important;}
.head_top{overflow:hidden;padding-top:10px;height:80px;}
.btn_favo{float:left;}
.ut{float:right;}
.btn_favo img,
.ut img{vertical-align:middle;margin-right:2px;margin-bottom:2px;}
.btn_favo a,
.ut a{display:block;font-size:12px;line-height:20px;}
.ut > li{float:left;margin-left:8px;padding-left:10px;background:url("/static/img/renew/ut_bar.gif") 0 7px no-repeat}
.ut > li.first{background:none;margin-left:0;padding-left:0;}
.ut a{color:#999;}
.searchWrap {height: 89px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
.logo {width: 180px; text-align: center;}
/* .logo img {width: 245px; } */
.searchWrap .searchArea { position: relative; width: 549px; margin-right: 10px; height: 48px; line-height: 45px; border: 2px solid transparent; border-radius: 10px; background-image: linear-gradient(#fff, #fff), linear-gradient(
105deg, #A874E1, #A874E1);background-origin: border-box; background-clip: content-box, border-box; }
.searchWrap .searchArea .searchListArea {display:none;position: absolute; top:42px; left: -2px; width: 100%; height: 400px; z-index: 2; border: 2px solid #A874E1; border-top: 0; background: linear-gradient(rgba(255,255,255,.0) 8px, #fff 1px,#fff); padding-top: 8px; overflow: hidden; z-index:99999}
#searchList1, #searchList2 {height: 400px;}
#searchList1 .leftArea {width: calc(70% - 2px); height: 400px; border-right: 2px solid #A874E1; overflow: hidden;}
#searchList1 .rightArea {width: 30%; height: 400px;}
.searchListArea h6 {display: block; color: #A874E1; font-size: 18px; margin: 22px 0 13px; text-align: center; font-weight: 400;}
#searchList1 ul.favoriteGame li {padding: 0 20px; height: 34px; align-items: center;}
#searchList1 ul.favoriteGame li a {color: #5E5E5E; width: calc(100% - 52px);}
#searchList1 ul.favoriteGame li a:hover {color: #A874E1; text-decoration: underline;}
#searchList1 ul.ranking li {padding: 0 10px; height: 32px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
#searchList1 ul.ranking li span {line-height:1.4; display: inline-block; text-align: center; background: #707070; width: 20px; height: 20px; border-radius: 3px; color: #fff;}
#searchList1 ul.ranking li:nth-child(1) span, #searchList1 ul.ranking li:nth-child(2) span, #searchList1 ul.ranking li:nth-child(3) span {background: #A874E1;}
#searchList1 ul.ranking li a {display: inline-block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #5E5E5E; width: calc(100% - 27px);}
#searchList1 ul.ranking li a:hover {color: #A874E1; text-decoration: underline;}
#searchList2 {display: none; overflow-y: auto;}
#searchList2 ul.gameList {margin-top: 20px;}
#searchList2 ul.gameList li {padding: 0 10px; height: 31px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
#searchList2 ul.gameList li:hover {background: rgba(168, 116, 225, 0.4);}
#searchList2 ul.gameList li ~ li {margin-top: 4px;}
#searchList2 ul.gameList li span {cursor: pointer; display: inline-block; background-image: url("/static/img/main/star2.png"); width: 22px; height: 22px; text-indent: -9999px; background-position: 0 -22px;}
#searchList2 ul.gameList li span.on {background-position: 0 0;}
#searchList2 ul.gameList li b.chColor {color: #A874E1;}
#searchList2 ul.gameList li a {display: inline-block; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #5E5E5E; width: calc(100% - 29px);}
#gameName {width: calc(100% - 95px);margin: 6px 0 0 20px;display: block;height: calc(100% - 10px);box-sizing: border-box;border: 0;line-height: 24px;font-size: 18px;color: #444;}
#gameName::-webkit-input-placeholder {color: #A8A8A8;font-style: normal;}
#gameName:-ms-input-placeholder {color: #A8A8A8;font-style: normal;}
#gameName::placeholder {color: #A8A8A8;font-style: normal;opacity: 1;}
.searchWrap .searchArea .searchBtn {position: absolute;content: "";top:-3px; right: 2px;border: 0;display: block;width: 53px;height: 53px;text-align: center;background-image: url("/static/img/main/search.png");z-index: 3;}
.emptyArea {width: 170px;}
/* main */
.flexCenter {display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
.mainVisualArea {height: 400px; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
.mainVisualArea .leftArea {width: 160px; height: 400px; background: #373737; overflow: hidden;}
.mainVisualArea .leftArea .leftHader {height: 67px;background:url("/static/img/main/mainVisualLeftHader.png") 0 0 no-repeat; text-indent: -9999px;}
ul.favoriteGame {margin-top: 8px; overflow-y: auto;height: 325px;}
ul.favoriteGame::-webkit-scrollbar {width: 5px;background-color: grey;}
ul.favoriteGame::-webkit-scrollbar-thumb {background-color: #7e7e7e;}
ul.favoriteGame::-webkit-scrollbar-track {background-color: #505050;}
ul.favoriteGame li {height: 40px; display: flex; justify-content: space-between; align-items: center; padding: 0 10px;}
ul.favoriteGame li a {display: inline-block; width: 117px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
ul.favoriteGame li span.gameDelete {cursor: pointer;}
.mainVisualArea .rightArea {width: 840px; height: 400px; background: #373737;position: relative;}
.mainVisualArea .rightArea button {width: 163px; height: 45px; position: absolute; top:-45px; right: 0; background: none;font-weight:600;letter-spacing:1.1px;}
.mainVisualArea .rightArea button span.allView{display: block;height: 100%;width: 100%; background: #a874e1; color:#f5effc; font-size: 18px;line-height: 45px; border-top-left-radius:20px; border-top-right-radius:20px;  text-shadow: 3px 3px 3px gray;}
.mainVisualArea .rightArea .allMenuArea {background: #fff; border:1px solid #A874E1; box-sizing: border-box; width: 840px; height: 400px; position: absolute; top: 0; right: 0; z-index: 1;overflow-y: auto; display: none;}
.mainVisualArea .allMenuArea ul {padding: 13px 0 0 13px;}
.mainVisualArea .allMenuArea ul:after {content: " "; display: block; clear: both;}
.mainVisualArea .allMenuArea ul li {width: 80px; height: 102px; overflow: hidden; float: left; margin: 10px 10px;}
.mainVisualArea .allMenuArea ul li img {width: 80px; height: 80px; border-radius: 23px;}
.mainVisualArea .allMenuArea ul li span.title {width: 80px; padding-top: 5px; text-align: center; font-weight: bold; font-size: 12px;display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mainGuideArea { margin: 40px auto 40px auto;}
.mainGuideArea .leftArea {width: 500px;}
.mainGuideArea .leftArea .guide {margin:0 auto;width: 300px; height: 80px; background:url("/static/img/main/guide1.png") center center no-repeat;text-indent: -9999px;}
.mainGuideArea .leftArea ul {text-align: center;margin-top: 30px;}
.mainGuideArea .leftArea ul li {display: inline-block; width: 96px; height: 130px;background-image: url("/static/img/main/guide2.png"); }
.mainGuideArea .leftArea ul li a {width: 96px; height: 130px; display: block; text-indent: -9999px;}
.mainGuideArea .leftArea ul.guidBtns1 li:nth-child(1) {background-position: 0 0;}
.mainGuideArea .leftArea ul.guidBtns1 li:nth-child(2) {background-position: -116px 0;}
.mainGuideArea .leftArea ul.guidBtns1 li:nth-child(3) {background-position: -232px 0;}
.mainGuideArea .leftArea ul.guidBtns1 li:nth-child(4) {background-position: -348px 0;}
.mainGuideArea .leftArea ul li ~ li {margin-left: 17px;}
.mainGuideArea .leftArea ul.guidBtns2 li:nth-child(1) {background-position: -59px 149px;}
.mainGuideArea .leftArea ul.guidBtns2 li:nth-child(2) {background-position: -175px 149px;}
.mainGuideArea .leftArea ul.guidBtns2 li:nth-child(3) {background-position: -291px 149px;}
.mainGuideArea .rightArea {width: 500px;}
.mainGuideArea .rightArea .previewGame ul {margin-top: 25px;}
.mainGuideArea .rightArea .previewGame ul li {/*border:1px solid #ccc;*/ width: 497px; display: none;}
.mainGuideArea .rightArea .previewGame ul li:nth-child(1), .mainGuideArea .rightArea .previewGame ul li:nth-child(2) {display: block;}
.mainGuideArea .rightArea .previewGame ul li img {width: 100% !important;}
.mainGuideArea .rightArea .previewGame ul li ~ li {margin-top: 22px;}
.mainBannerArea {/*height: 168px;*/}

/* nav */
.nav_wrap{position:relative;margin-top:33px;height:53px;z-index:1000}
.btn_menu{float:left;}
.btn_menu a{display:block;padding:11.5px 10px 11.5px 0;}

.gnb{float:left;width:800px;}
.gnb > li{float:left;width:20%;line-height:40px;}
.gnb > li > a{display:block;text-align:center;font-size:16px;color:#333;line-height:40px;}

.gnb > li:hover .sgnb2{display:block;}
.gnb > li.on > .sgnb2{display:block;}
.gnb > li.off > .sgnb2{display:block;}
.sgnb2{display:none;position:absolute;background-color:#FFF;}
.sgnb2 > li{width:160px;margin-bottom:2px;background-color: #ede574;/*border: 2px solid #808080;*/}

.sgnb2 > li > a{text-align:center;height:35px;line-height:35px;display:block;color:#000000;font-weight:600;}
.sgnb2 > li > a:hover{color:#242424;background-color:#FFF;border:2px solid #d2b086;height:31px;line-height:31px;}
.sgnb2 > li.on > a{color:#242424;background-color:#FFF;border:2px solid #d2b086;height:31px;line-height:31px;}



.btn_add_product{float:right;line-height:40px;}
.btn_add_product a{display:block;width:160px;font-size:16px;line-height:40px;text-align:center;color:#fff;background:url("/static/img/renew/btn_add_product.png") center center no-repeat;}

.all_menu_wrap{overflow:hidden;position:absolute;top:53px;left:0;right:0;height:0;}
.all_menu{overflow:hidden;width:940px;height:240px;margin:0 auto;padding:0 30px;background:url("/static/img/renew/white_bg95.png");}
.all_menu h3 a{display:block;color:#333;font-size:15px;line-height:15px;padding:15px 0;}
.all_menu > table{float:left;width:770px}
.all_menu td{text-align:left !important}
.all_menu .bbs_list{float:left;width:170px;}
.sgnb{width:170px;margin:0;padding-top:10px;border-top:1px solid #e6e6e6;}
.sgnb > li{line-height:28px;}
.sgnb a{color:#808080;font-size:14px;}
.sgnb a:focus,
.sgnb a:hover{color:#b99261;border-bottom:1px solid #b99261;}
/* //header */

/* visual */
#visual{position:relative;width:3000px;top:0;left:50%;margin-left:-1500px;}
#visual .bg{position:absolute;top:0;bottom:0;left:50%;width:1000px;background:url("/static/img/renew/black_bg60.png");}
#visual .slider{overflow:hidden;width:5000px;}
#visual .slider > li{float:left;}
#visual .left{margin-left:-1500px;}
#visual .right{margin-left:500px;}
#visual .mbtn{top:90% !important;}
#visual .mbtn a{margin-right:7px !important;}


/* //visual */

#main_product_list{background-color:#f5f5f5;margin-bottom:45px;}
#main_product_list > div{position:relative;padding:35px 0 95px;}
#main_product_list .banner{position:absolute;left:0;right:0;bottom:-45px;}
.mttl_box{overflow:hidden;}
.mttl_box h3{float:left;font-size:22px;line-height:25px;color:#404040;margin-right:25px;}
.main_tab{float:left;}
.main_tab > li{float:left;line-height:25px;margin-right:8px;padding-right:10px;background:url("/static/img/renew/tab_bar.gif") 100% center no-repeat;}
.main_tab > li.last{margin-right:0;padding-right:0;background:none;}
.main_tab a{font-size:14px;color:#808080;}
.main_tab > li.on a{color:#b99261;border-bottom:1px solid #b99261}
.mttl_box .more{float:right;}
.mttl_box .more a{display:block;padding:5.5px 0;}
.main_tab_cont{margin-top:20px;padding-top:25px;border-top:1px solid #e6e6e6}

.prod_layer:hover .prod_over{display:block !important;}
.prod_over{display:none;position:absolute;top:0;left:0;right:0;bottom:0;border:none !important;background:url("/static/img/renew/product_list_ov.png") center center no-repeat;z-index:1000}

.main_banner{overflow:hidden;padding:40px 0 20px;}
.main_banner > li{float:left;width:241px;height:141px;padding:26px 1px 1px 246px;margin-right:20px;margin-bottom:20px;border:1px solid #e6e6e6}
.main_banner > li:nth-child(2n+2){margin-right:0;}
.main_banner > li:hover{padding:25px 0 0 245px;border:2px solid #b99261}
.main_banner .banner1{background:url("/static/img/renew/mbnr1.jpg") 20px 20px no-repeat;}
.main_banner .banner2{background:url("/static/img/renew/mbnr2.jpg") 20px 20px no-repeat;}
.main_banner .banner3{background:url("/static/img/renew/mbnr3.jpg") 20px 20px no-repeat;}
.main_banner .banner4{background:url("/static/img/renew/mbnr4_1.jpg") 20px 20px no-repeat;}
.main_banner > li:hover{background-position:19px 19px;}
.main_banner h4{font-size:18px;line-height:20px;color:#404040;}
.main_banner h4 img{margin-left:5px;}
.main_banner .txt{font-size:14px;line-height:22px;color:#666;margin:10px 0 15px;}
.main_banner .more{}
.main_banner .more a{display:block;width:100px;height:30px;line-height:30px;font-size:13px;text-align:center;color:#b99261;background:url("/static/img/renew/btn_mbnr_more.gif") center center no-repeat;}

/* footer */
.ft_top{font-size:0;line-height:0;text-align:center;padding:25px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.ft_top > li{display:inline-block;*display:inline;*zoom:1;vertical-align:top;height:235px;}
.ft_top .customer,
.ft_top .quick{width:240px;}
.ft_top .notice{width:422px;margin:0 24px;padding:0 24px;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}
.mttl2{font-weight:normal;font-size:18px;line-height:20px;color:#404040;}
.mttl2 span{border-bottom:1px solid #404040;}
.ft_top .customer .tel{text-align:center;}
.ft_top .customer .tel1{margin-top:25px;}
.ft_top .customer .tel2{margin-top:15px;}
.ft_top .customer .txt{margin:12px 0;text-align:center;font-size:12px;color:#999;line-height:22px;}
.ft_top .customer .txt strong{font-size:13px;color:#666;font-weight:normal}
.ft_top .customer .kakao{}
.mttl3{overflow:hidden;font-size:18px;color:#404040;line-height:20px;}
.mttl3 a{display:block;float:right;}
.ft_top .bbs_list{margin-top:20px;}
.ft_top .bbs_list td{line-height:28px;}
.ft_top .bbs_list .title{font-size:14px;color:#666;}
.ft_top .bbs_list .rdate{font-size:12px;color:#999}
.ft_top .bbs_btn{text-align:center;font-size:0;line-height:0;margin-top:20px;}
.ft_top .bbs_btn li{display:inline-block;*display:inline;*zoom:1;vertical-align:top;margin-right:7px;}
.ft_top .bbs_btn li.last{margin-right:0;}
.ft_top .bbs_btn a{display:block;height:30px;line-height:30px;text-align:center;font-size:13px;color:#999;}
.ft_top .bbs_btn .btn1{width:120px;background:url("/static/img/renew/btn_notice1.gif") center center no-repeat;}
.ft_top .bbs_btn .btn2{width:90px;background:url("/static/img/renew/btn_notice2.gif") center center no-repeat;}
.ft_top .bbs_btn .btn3{width:90px;background:url("/static/img/renew/btn_notice3.gif") center center no-repeat;}
.ft_top .bbs_btn .btn4{width:100px;background:url("/static/img/renew/btn_notice4.gif") center center no-repeat;}
.quick_list{overflow:hidden;margin-top:20px;border:2px solid #e6e6e6;}
.quick_list > li{float:left;width:50%;}
.quick_list > li > a{display:block;padding:63px 0 13px;text-align:center;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.quick_list > li:nth-child(2n+2) > a{border-right:none;}
.quick_list > li:nth-child(1n+3) > a{border-bottom:none;}
.quick_list > .quick1 a{background:url("/static/img/renew/ico_quick1.gif") center 15px no-repeat;}
.quick_list > .quick2 a{background:url("/static/img/renew/ico_quick2.gif") center 15px no-repeat;}
.quick_list > .quick3 a{background:url("/static/img/renew/ico_quick3.gif") center 20px no-repeat;}
.quick_list > .quick4 a{background:url("/static/img/renew/ico_quick4.gif") center 15px no-repeat;}
.quick_list > .quick1 a:hover{background:url("/static/img/renew/ico_quick1_ov.gif") center 15px no-repeat;}
.quick_list > .quick2 a:hover{background:url("/static/img/renew/ico_quick2_ov.gif") center 15px no-repeat;}
.quick_list > .quick3 a:hover{background:url("/static/img/renew/ico_quick3_ov.gif") center 20px no-repeat;}
.quick_list > .quick4 a:hover{background:url("/static/img/renew/ico_quick4_ov.gif") center 15px no-repeat;}

.quick_list span{display:block;font-size:13px;color:#999;line-height:15px;font-weight:bold;}
.quick_list > li:hover span{color:#b99261;}

.ft_cont{padding:20px 0 25px;text-align:center;font-size:12px;line-height:20px;color:#b2b2b2;position: relative;}
.ft_cont .address{letter-spacing:0;font-size:12px;line-height:20px;color:#b2b2b2;}
.ft_cont .copy{letter-spacing:0;line-height:20px;color:#b2b2b2;font-size:10px;text-transform:uppercase}
.ft_cont .copy strong{color:#808080;}
.ft_cont .warning{margin-top:10px;letter-spacing:0;line-height:20px;font-size:13px;color:#b99261;}
.ft_cont .warning img{vertical-align:middle;margin-bottom:3px;}
#changeMobile {position: absolute; top:23px; left: 50%; margin-left: -450px; border: 1px solid #ddd; background: #fff; padding: 3px 15px 2px; border-radius: 25px;}
/* //footer */

/* 카테고리 리스트 */
.sttl{overflow:hidden;font-size:26px;font-weight:normal;color:#404040;line-height:30px;padding:20px 0;}
.sttl .small{float:right;font-weight:normal;font-size:14px;color:#808080}
.sttl .txt{display:block;font-size:14px;color:#666;}
.sttl3{width:100%; height:108px;background:url('/static/img/new_img/bg_board_top.jpg') no-repeat;}
.sttl3 h2{padding: 40px 65px; font-size: 27px;color:#000;font-weight:900}
.sttl4{width:100%; height:40px;background:url('/static/img/new_img/bg_board_top.jpg') 0px -40px no-repeat;}
.sttl4 h2{padding-top: 2px;padding-left: 60px; font-size: 24px;color:#000;font-weight:700}
.sttl4 h2 img{height: 35px; margin-top: -5px; margin-left: -60px; margin-right: 10px;border-radius:10px;box-shadow: 2px 2px 0px 2px #ddd;}
.TopButton{float:right}
.TopButton input{width:150px;height:40px;border:1px solid #3a3a3a;background-color:#3a3a3a;color:#FFF;font-weight:600;cursor:pointer;}

.sub_search_box{position:relative;margin-bottom:-50px;z-index:10;}
.search_ttl{color:#404040;font-size:16px;font-weight:normal;line-height:40px;}
.search_btn{width:130px;}
.search_option{width:140px;}
.search_option select{width:139px !important;height:38px;line-height:38px;margin:0;padding:0;text-indent:10px;border:1px solid #e6e6e6;border-right:none;background:#fff url("/static/img/renew/ico_select.gif") 116px center no-repeat;border-radius:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;font-size:13px;color:#808080;box-sizing:inherit;}
.search_option select::-ms-expand{display:none;}
.search_txt{padding-right:10px;}
.search_txt input{width:100% !important;height:38px !important;line-height:38px !important;background-color:#fff;border:1px solid #e6e6e6 !important;border-radius:0;font-size:13px;color:#808080;text-indent:10px;padding:0 !important;margin:0 !important}

.cate_tab_box{padding:15px 0;border-top:1px solid #4d4d4d;border-bottom:1px solid #e6e6e6}
.cate_tab{overflow:hidden;background: url('/img/b_btn_01.jpg') repeat-x;}
.cate_tab > li{float:left;width:175px;height:53px;line-height:53px;/*border-right:1px solid #b4b4b4 ;*/    background: url('/img/btn_line.png') no-repeat;}
.cate_tab > li > a{display:block;height:100%;line-height:20px;text-align:center;font-size:14px;color:#fcfcfc}
.cate_tab > li.last{border-right:none;}
.cate_tab > li.on > a,
.cate_tab > li > a:focus,
.cate_tab > li > a:hover{color:#b99261;font-weight:bold;background: url('/img/w_btn_01.jpg') repeat-x;}

/* 카테고리 상세 */
.view_info_list .ttl{width:110px;font-size:13px;line-height:15px;color:#999;padding:7px 0 7px 10px;}
.view_info_list .cont{font-size:14px;color:#666;line-height:15px;padding:3px 0;}

.view_tab{overflow:hidden;margin-bottom:20px;}
.view_tab > li{float:left;width:33.3333%;}
.view_tab.col2 > li{width:50%;}
.view_tab > li > a{display:block;text-align:center;line-height:48px;color:#808080;font-size:15px;background-color:#f5f5f5;border-top:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-bottom:1px solid #404040}
.view_tab > li:first-child > a{border-left:1px solid #e6e6e6}
.view_tab > li.on > a{font-size:16px;color:#404040;font-weight:bold;background-color:#fff;border:1px solid #404040;border-bottom:1px solid #fff;}

.warning_title1{font-size:18px;color:#404040;line-height:31px;}
.warning_title1 img{margin-right:5px;}
.warning_title2,
.warning_title2 a{font-size:18px;line-height:22px;color:#404040;font-weight:normal}
.warning_title2 > span{border-bottom:1px solid #404040}
.warning_title3{margin-top:30px;font-size:18px;line-height:22px;color:#404040;font-weight:normal}
.warning_list1{margin-top:15px;}
.warning_list1 > li{font-size:14px;line-height:28px;}
.warning_list1 .ico{color:#b99261}
.warning_box{display:none;padding:18px;margin-top:20px;border:1px solid #e6e6e6}
.warning_list2{margin-top:10px;}
.warning_list2 > li{font-size:13px;color:#808080;line-height:26px;padding-left:12px;text-indent:-12px;}
.warning_list2 strong{color:#666}
.warning_guide{margin-top:20px;}

.mypage_info_list .font_number,
.mypage_info_list .font_number font{color:#fffa99 !important}

/* 마이페이지 */
.mypage_active_list{border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6}
.mypage_active_list td{border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;text-align:center;padding:12px 0;}
.mypage_active_list .font_number{font-size:16px;color:#b99261;font-weight:bold;}

.mypage_content .warning_title2{margin-bottom:15px;}

.mypage_confirm_list{border-top:1px solid #404040;}
.mypage_confirm_list .row{border-bottom:1px solid #e6e6e6}
.mypage_confirm_list .ttl{padding:8px 0 8px 15px;width:65px;}
.mypage_confirm_list .cont{text-align:left;}
.mypage_confirm_list .bdr{background:url("/static/img/renew/mypage_bar.gif") 100% center no-repeat;}
.mypage_confirm_list .font_number{color:#b99261;font-size:16px;}
.mypage_confirm_list.list2 .ttl{width:auto;}
.mypage_confirm_list.list2 .cont{text-align:right;padding-right:10px;}

/* 물품등록 */
.product_add_ttl{height:40px;line-height:40px;color:#fff;font-size:16px;text-align:center;background-color:#808080}

/* 회원가입 */
.join_step_wrap{margin-top:20px;}
.join_step{border-top:1px solid #4d4d4d;border-bottom:1px solid #e6e6e6;}
.join_step td{height:70px;padding:30px 0;}
.join_step .step{padding-left:145px;}
.join_step .step1{background:url("/static/img/renew/join_step1.gif") 58px center no-repeat;}
.join_step .step2{background:url("/static/img/renew/join_step2.gif") 58px center no-repeat;}
.join_step .step3{background:url("/static/img/renew/join_step3.gif") 58px center no-repeat;}
.join_step .step1.on{background:url("/static/img/renew/join_step1_on.gif") 58px center no-repeat;}
.join_step .step2.on{background:url("/static/img/renew/join_step2_on.gif") 58px center no-repeat;}
.join_step .step3.on{background:url("/static/img/renew/join_step3_on.gif") 58px center no-repeat;}
.join_step h4{font-size:18px;color:#999;font-weight:normal;}
.join_step .on h4{color:#404040}
.join_step .on h4 strong{color:#b99261;}

.join_ipin_hp_check{overflow:hidden;border:2px solid #e6e6e6}
.join_ipin_hp_check > li{float:left;width:50%;height:126px;padding-top:30px;}
.join_ipin_hp_check .txt{padding-left:135px;}
.join_ipin_hp_check .btn{margin-top:15px;text-align:center;}
.join_ipin_hp_check .ipin{width:495px;border-right:1px solid #e6e6e6;background:url("/static/img/renew/join_ico_ipin.gif") 70px 30px no-repeat;}
.join_ipin_hp_check .hp{background:url("/static/img/renew/join_ico_hp.gif") 70px 30px no-repeat;}

/* 로그인 */
.login_wrap{overflow:hidden;margin:20px 0 60px;padding:30px 10px;border-top:1px solid #4d4d4d;border-bottom:1px solid #e6e6e6}
.login_box{float:left;width:470px;height:100%;margin-right:20px;padding-right:19px;border-right:1px solid #e6e6e6;}
.login_box .input_box{float:left;width:325px;}
.login_box .input_box > li{margin-bottom:10px;}
.login_box .input_box > li.last{margin-bottom:0;}
.login_box .input_box input{width:323px;height:38px;text-indent:10px;background-color:#fff;color:#666;font-size:14px;line-height:38px;border-radius:0;border:1px solid #e6e6e6;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;box-sizing:inherit;}
.login_box .login_btn{float:left;margin-left:15px;}
.login_sttl{clear:both;padding-top:25px;font-size:18px;color:#404040;line-height:22px;}
.login_sttl span{display:block;font-size:13px;color:#999;font-weight:normal}
.login_sns{overflow:hidden;margin-top:15px;}
.login_sns > li{float:left;margin-right:11px;}
.login_sns > li.last{margin-right:0;}
.login_box .find_box{clear:both; margin-top:40px;background-color:#f3f3f3;padding:20px;font-size:14px;color:#999;line-height:28px;}
.login_box .find_box a,
.login_box .find_box strong{font-size:15px;color:#4c4c4c;font-weight:bold;}
.banner_box{float:left; border:3px solid #e6e6e6; padding:20px 10px; width:444px; text-align:center; }
.banner_box p{ padding:18px 0; font-size:14px; color:#4c4c4c; letter-spacing:-1.5px;}
.getout{ display:inline-block; width:140px; height:35px; text-align:center;  background:url(/static/img/renew/login_19icon2.gif) no-repeat center center; }
.getout a{ line-height:35px; font-size:15px; font-weight:bold; color:#fff; }
/* 커뮤니티 */
.color1,
.color1 > a{color:#b99261 !important;}
.color2{color:#cc1414;}
.sttl2{overflow:hidden;color:#404040;font-size:18px;line-height:22px;}
.sttl2 a{float:right;}
.sttl2 .more{padding:6px;}
.commu_title{font-size:26px;color:#404040;line-height:30px;padding:30px 0;font-weight:normal}
.commu_title span{font-size:14px;color:#666;}

/* 주문완료 */
.complete_num_box{text-align:center;margin:20px 0 15px;padding:30px 0 40px;border:1px solid #e6e6e6;}
.complete_num_box .ico{}
.complete_num_box .txt{color:#404040;font-size:22px;line-height:24px;margin:20px 0 30px;}
.complete_num{display:inline-block;padding:10px 25px;color:#404040;font-size:18px;font-weight:bold;line-height:22px;border-top:1px solid #4d4d4d;border-bottom:1px solid #4d4d4d}


/* 이용안내 */
.warning_box_info{ padding:18px;margin-top:20px;border:1px solid #e6e6e6}

/** 마일리지 충전 **/
.pointChargeBox{ background:#fff; padding:20px; }
.pointChargeInfo{border-bottom:1px solid #e0e0e0; margin-bottom:20px; }
.pointChargeBox h3{font-size:16px; /*color:#4c4c4c;*/ color:#ff0000; padding-bottom:15px;  }
.pointChargeBox ul li{ font-size:13px; line-height:22px; color:#808080; letter-spacing:-2px; }
.pointChargeBox p{padding:20px 0; text-align:right; font-size:16px; color:#b99261; font-weight:bold; }
.totalPrice{ font-size:22px; color:#b99261; font-weight:bold; }
.totalPrice span{font-size:13px; color:#666; font-weight:normal; }

.payment h2{font-size:18px; color:#404040; padding-bottom:20px; border-bottom:1px solid #4d4d4d; }
.payment table{width: 100%;}
.payment table tr th,.payment table tr td{ border-bottom:1px solid #e0e0e0;}
.payment table tr th {padding:13px 0; text-align:left; width:103px;  background:url(/static/img/renew/point_line.jpg) no-repeat center right; }
.payment table tr td { text-align:left; padding-left:18px; }
.selling{display:none; }

.allTrade{ border-collapse:collapse; margin-bottom:8px; }
.allTrade tr td{text-align:center; border:1px solid #e2d5c6; padding:10px 0; }
.allTrade tr td.widthSt01{text-align:center;  width:14.4%; }
.allTrade tr td.widthSt02{  width:150px; }
.allTrade tr td.widthSt03{  width:150px;  }
.allTrade tr td.widthSt03 > div{position:relative; }
.allTrade tr td.widthSt03 > div .arrowIcon{position:absolute; top:50%; right:-11px; margin-top:-11px;}
.allTrade tr td.widthSt03 h3{text-align:center; }
.allTrade tr td.whiteBg{background:#fff; }
.sellBlue tr td.widthSt02 .myStatus01{display:block; }
.allTrade tr td.twoBox{ width:25%; }
/*.sellBlue tr td.widthSt03 .myStatus03 a{margin:5px auto 0 auto; display:block; width:60px; height:15px; line-height:15px; text-align:center; font-size:10px; color:#fff; background:#689ee6; border:1px solid #4b83cd; } */
.allTrade tr td.widthSt03 .myStatus02{display:block; }
.allTrade tr td.widthSt03 .myStatus02 strong{ color:#555; }
.allTrade tr td.ttlStyle01{font-size:17px; font-weight:bold;}
.allTrade tr td.ttlStyle01 span{display:block; font-weight:bold; color:#b89261;  font-size:16px; }
.allTrade tr td.widthSt01_1 span{ color:#a6a6a6; }
.sellBlue tr td.ttlStyle01{color:#555; width:80px; }
.sellBlue{ width:100%; border-top:3px solid #808080; border-bottom:1px solid #3f79c5;}
.sellBlue tr td{ background:; }
.sellBlue tr td h3.stepStyle span{display:inline-block; margin-bottom:10px; color:#fff; width:60px; height:20px; line-height:20px;  background:url(/static/img/renew/sell_step_bg.png) no-repeat center center; }
.buyGreen{ width:100%; border-top:3px solid #808080; border-bottom:1px solid #6eb838;}
.buyGreen tr td{ background:#eee; }
.buyGreen tr td h3.stepStyle span{display:inline-block; margin-bottom:10px; color:#fff; width:60px; height:20px; line-height:20px;  background:url(/static/img/renew/sell_step_bg.png) no-repeat center center; }
.buyGreen tr td.ttlStyle01{color:#555; }
.allTrade tr td.widthSt01_1{ border:1px solid #d6d6d6; }
.seller_info_style{border-collapse:collapse; }
.seller_info_style > tbody > tr > td{font-size:14px; padding:10px;  width:20%; border:1px solid #d8d8d8; }
.ingBox p { font-size:14px; color:#555; }
.allProduct{ overflow:hidden; }
.allProduct > div{ float:left;  }
.allProduct > div:first-child{  width:100%; }
.allProduct .iframe{ margin-left:10px; }

.service_add{ margin:10px 0 0 0; }
.service_add table{ border-collapse:collapse; }
.service_add table tr th{width:140px; border:1px solid #e0e0e0;  padding:15px 0; background:#eef1f3; }
.service_add .serviceBox tr td{ border:1px solid #e0e0e0; padding:15px; }
.service_add .serviceBox small{ color:#3284c5; }
.service_add .serviceBox i{ cursor:pointer; }
.balloonTip{display:none;  background:#fff; padding:10px; border:1px solid #a0a0a0; z-index:999; }
.balloonTip1{position:absolute; right:-188px; top:38px; }
.balloonTip2{ position:absolute; right:47px; top:50px;  width:300px; }
.balloonTip > p{ color:#b3251d; }

.ft_cont .link {width:100px; margin:0 auto;}
.ft_cont .link a {text-decoration: none;letter-spacing:0;font-size:12px;line-height:20px;color:#b2b2b2;}

.ft_banner li {margin:15px 0 -15px 0}

/* 에러 레이어를 생성 */
.validLayer {display:none;position: fixed;z-index: 99999999;bottom: 0;left: 0;width: 100%;height: auto;background-color: rgba(64, 167, 255, 0.8);text-align: center;font-weight: bold;}
.validLayer .errors ul {margin: 10px 0;}
.validLayer .errors ul li {color:#fff;}
.validLayer .errors ul li ~ li {margin-top: 3px;}
/* 에러 레이어를 생성 */



/*폰트 style------------------------------------------------------------------------------*/

nav.page, nav.page2 {margin: 15px auto;width: auto;text-align: center;}
nav.page ul, nav.page2 ul {}
nav.page ul li, nav.page2 ul li {
	background: #f1f1f1;
    border: 1px solid #cccccc;
	min-width: 25px;
    color: #616161;
    display: inline-block;
    padding: 9px 6px;
    text-align: center;
    margin-right: 2px;
	font-size: 14px;
	cursor: pointer;
}
nav.page ul li a, nav.page2 ul li a {
	color: #616161;
	text-decoration: none;
}
nav.page ul li.active, nav.page2 ul li.active {
    background: #6a6a6a;
    border: 1px solid #393939;
}

nav.page ul li.active a, nav.page2 ul li.active a {
    color: #ffffff;
}

nav.homePage {margin: 30px auto;width: auto;text-align: center;}
nav.homePage ul {}
nav.homePage ul li {
	background: #fff;
    border: 1px solid #e6e6e6;
	min-width: 34px;
    color: #999;
    display: inline-block;
    padding: 5px 4px;
    text-align: center;
    margin-right: 5px;
	font-size: 13px;
	cursor: pointer;
    box-sizing: border-box;
    vertical-align: middle;
    font-weight: bold;
}
nav.homePage ul li a {
	color: #999;
	text-decoration: none;
}
nav.homePage ul li.active{
    background: #A874E1;
    border: 1px solid #A874E1;
}

nav.homePage ul li.active a {
    color: #fff;
}

/* 페이징 style--------------------------------------------------------------------------*/

/*마이페이지*/
.MypageBody{width:100%;display:inline-block; margin-top: 30px;}
.MypageBody .couponMainSection{display:inline-block; width: calc(100% - 40px);}
.MypageBody .couponMainSection .payList{width: 100%;}
.MypageBody .couponMainSection .payList li{width: 49%;float:left; margin-right: 1%; margin-top: 20px;}
.MypageBody .couponMainSection .payList .couponTitle{background:url(/static/img/mypagetitle.png) no-repeat left center;text-indent:25px}
.MypageBody .couponMainSection .payList .couponMemo{font-size: 13px;font-weight:600; color:#000}
.MypageBody .couponMainSection .payList .couponStatus{font-weight:600; color:#888; font-size: 13px;}
.MypageBody .couponMainSection .payList .couponLink{background-image:url(/static/img/payproduct.png) ;background-repeat:no-repeat; background-position: right 10px center; font-size: 15px;}
.MypageBody .couponMainSection .rank{width: 100%;height: 100%;display: inline-block;margin: 0;padding: 0;}
.MypageBody .couponMainSection .rank dt{width: 10%;float: left;margin: 0;padding: 0;}
.MypageBody .couponMainSection .rank dd{width: 90%;float: left;margin: 0;padding: 0;height: 50px;}
.MypageBody .couponMainSection .rank dd span{display: block; width: 10%;float: left;font-size: 27px;letter-spacing:1.5px;font-weight:900;padding-bottom: 20px;}
.MypageBody .couponMainSection .rank dd em{display: block;padding-top: 23px;color:#000;font-weight:600;letter-spacing:1px;}
.sae_conf{color:#5eec0e}
.silver_conf{color:#9e9e9e}
.gold_conf{color:#fede0c}
.vip_conf{color:#a979df}
.MypageBody .mypagetitle{font-size: 18px;color:#000;padding: 30px 0;font-weight:600; }
.MypageBody .mypagetitle a{font-size: 18px;color:#000;padding: 30px 0;font-weight:600; }
.mymenu{width: 220px;float:left;}
.mymenu a{padding: 0px; margin: 0px;}
.MypageBody li,.MypageBody dd,.MypageBody dt,.MypageBody dl,.MypageBody ul{list-style:none;}
.mymenutitle{width:100%;padding: 0px; margin: 0px; background: #808080;}
.mymenutitle ul{width:100%;padding: 0px; margin: 0px; background: #4d4d4d;display:inline-block}
.mymenutitle ul dt{width:50%;float:left;padding: 0px; margin: 0px; color:#fff;padding: 13px 10px;font-size: 13px;}
.mymenutitle ul dd{width:30%;float:right;padding: 0px; margin: 0px;text-align:right;padding: 13px 10px;}
.mymenutitle dl{width: calc(100% - 24px); margin: 0px; display:inline-block;padding: 8px 12px ;}
.mymenutitle dl dt{float:left;padding: 0px; margin: 0px; color:#fff;font-size: 12px;}
.mymenutitle dl dd{float:right;padding: 0px; margin: 0px;color:#fff;text-align:right;font-size: 12px;}
.mymenutitle dl .font_number{color:#f7fa98}
.mymenu .menu{margin-top: 15px;border: solid 1px #cacaca; background: #f8f8f8;}
.mymenu .menu dl{margin: 0;border-bottom: solid 1px #cacaca; padding: 15px;width: calc(100% - 30px);}
.mymenu .menu dl dt{margin: 10px 0; font-size: 15px;color:#353535;font-weight:700;}
.mymenu .menu dl dd{margin: 8px 0; font-size: 14px;color:#747474;}
.mymenu .menu dl:last-child{border:noen;}
.mymenu .menu dl dd span{font-size: 11px;font-family:'돋움',Dotum,'굴림',Gulim; color:#9f9f9f;}
.mymenu .menu dl dd .bullet_icon_11{padding-left:10px;padding-top: 7px;}
.mymenu{width: 220px;float:left;}
.mycontent{float:right;width: calc(100% - 240px); padding-left: 20px;}
.MypageBody .mycontent li{margin-bottom: 20px;}
.MypageBody .style li{list-style: disc; margin: 3px 0px;}



/*마이페이지 물품*/
.Daeltitle{width:100%;border-bottom:2px solid #364751; padding: 10px 0px;display:inline-block}
.Daeltitle h2 {float:left; font-size: 20px; color:#000;}
.Daeltitle span {float:right; font-size: 12px; color:#5d5d5d;}
.Daeltitle span em{color:#f00;font-weight:600;}
.DaelList{position: relative;}
.DaelList .tableList{width: 100%;position: relative; }
.DaelList .opacity{position: absolute;width: 100%;height: 100%; background: #000;opacity:0.1;z-index:9999}

.DaelList .tableList th,.DaelList .tableList td{border-bottom:1px solid #b8b8b8;border-right:1px solid #b8b8b8;}
.DaelList .tableList tr:first-child	th,.DaelList .tableList tr:first-child td{border-top:1px solid #b8b8b8;}
.DaelList .tableList th{ width: 130px; padding:20px 10px;background-color: #f6f6f8;font-weight:400;}
.DaelList .tableList td{ padding:20px 10px;}
.DaelList .tableList th .orno{border-bottom:1px dashed #e1e1e3; padding:15px 0 5px;font-size: 12px;}
.DaelList .tableList td .category{color:#a1a1a1;font-size: 11px;}
.DaelList .tableList td .title{color:#6b6a6a;padding-top:7px; }
.DaelList .tableList td .title strong{display: block; width: 450px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.DaelList .tableList td .table{display: table;width: calc(100% - 5px); border:1px solid #d8d8d8; margin-top: 10px;font-size: 11px;}
.DaelList .tableList td .table dl{display: table-row;}
.DaelList .tableList td .table dl dt,.DaelList .tableList td .table dl dd{display: table-cell;}
.DaelList .tableList td .table dl dt{border-right:1px solid #d8d8d8; width: 460px; padding: 10px 10px;}
.DaelList .tableList td .table dl dd{text-align:center;vertical-align: top}
.DaelList .tableList td .table dl dd img{cursor:pointer;margin-top:8px;width:70px;}
.DaelList .tableList td .table dl dt .pay{display:inline-block;width: calc(100% - 40px); padding:0 20px;}
.DaelList .tableList td .table dl dt .pay li{padding: 0px; margin: 0px;}
.DaelList .tableList td .table dl dt .box{width: (100% - 42px);border:1px solid #d8d8d8; background:#fcfcfc; padding: 10px 20px;}
.DaelList .tableList td .table dl dt .box ul{display:inline-block;width:100%;padding: 0; margin: 0;}
.DaelList .tableList td .table dl dt .box ul li{padding: 0; margin: 0;}
.DaelList .tableList td.user{background: #f6f6f8;}
.DaelList .tableList td.user table{width: 100%; margin-top: 10px;}
.DaelList .tableList td.user table tr td:first-child{border-left: 1px solid #b8b8b8;}
.DaelList .tableList td.user table tr td{padding: 10px;}
.DaelList .tableList td.user table tr td.hecheat{background: #116db3;}
.DaelList .tableList td.user table tr.cancel div h2{background: url(/static/img/new_img/icon_bullet_list_06.jpg) no-repeat top 3px left 0; height: 18px; padding-left: 20px;}
.DaelList .tableList td.user table tr.cancel dt{width: 80%; float: left; margin: 0px; padding: 0px;}
.DaelList .tableList td.user table tr.cancel dd{width: 20%; float: left; margin: 0px; padding: 0px;}
.DaelList .tableList td.user table tr.cancel textarea{background:#ffffff; width: calc(100% - 20px); height:80px; padding: 10px;} 

/*table*/
.table1 {border: 0px; width: 100%; border-spacing: 0px 0px;}
.table1 tr th{border-top: 1px solid #4d4d4d;font-size: 14px;word-break: keep-all;padding:10px 0;text-align:center}
.table1 tr td{padding:10px 0;border-bottom:1px solid #e6e6e6;font-size: 13px;font-weight:400;text-align:center}
.table2 {border: 0px; width: 100%; border-spacing: 0px 0px;border-bottom: 2px solid #525252;}
.table2 tr th,.table2 tr td{padding:10px 0;border-bottom:1px solid #e6e6e6;font-size: 13px;font-weight:400;text-align:left;text-indent:20px;}
.table2 tr th{font-weight:600;background: url(/static/img/renew/point_line.jpg) no-repeat center right;}
.table3 {width:100%;}
.table3 tr:first-child{background:#fbfbfb; border:1px solid #e2e2e2;height:38px;}
.table3 tr th{border-top:1px solid;border-bottom:1px solid;border-color: #e2e2e2;}
.table3 tr th:first-child{border-left:1px solid #e2e2e2;}
.table3 tr th:last-child{border-right:1px solid #e2e2e2;}
.table3 tr td{border-bottom:1px solid #e2e2e2;text-align:center; padding: 5px 0px;font-size: 12px;}
div.table{display: table;margin: 0 auto ;}
div.table dl {display: table-row;}
div.table dl dt,div.table dl dd{display: table-cell;font-weight:400;font-size: 12px;}
div.table dl dt{text-align:left;margin: 0; padding: 0;}
div.table dl dd{text-align:right;margin: 0; padding: 0;  margin-inline-start:0px}
.table4 {width:100%;}
.table4 tr:first-child{background:#fbfbfb; border:1px solid #e2e2e2;height:38px;}
.table4 tr th{border-top:1px solid;border-bottom:1px solid;border-color: #e2e2e2;}
.table4 tr th:first-child{border-left:1px solid #e2e2e2;}
.table4 tr th:last-child{border-right:1px solid #e2e2e2;}
.table4 tr td{border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2;text-align:left; padding: 15px 10px;font-size: 12px;}
.table4 tr td:first-child{border-left:none;}
.table4 tr th,.table4 tr td{font-size: 13px;font-weight:400}
.table4 tr td .title,.table4 tr td .title a{width:350px;display:inline-block;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;font-size: 13px;letter-spacing:-0.5px;font-weight:600;}
.table4 tr td div{padding: 0; margin: 0;}
.table4 tr td div li{padding: 0; margin: 0;}
.table4 tr td .autostart{display:inline-block;width: 100%;text-align: right;color:#40a7ff;}
.table4 tr td .autostart span{display:inline-block;width: 100%;text-align: right;font-size: 12px; margin: 0px;padding: 0px 0px;line-height:18px;height: 0px;}
.table4 tr td .sub_title{width: 100%; max-height: 45px;overflow: hidden;position: relative;}

.table5 {border: 0px; width: 100%; border-spacing: 0px 0px;border-top: 1px solid #000;}
.table5 tr td{font-weight:600;padding:10px 0;border-bottom:1px solid #e6e6e6;font-size: 13px;font-weight:400;text-align:left;text-indent:20px;}
.table5 tr td:nth-child(2){background: url(/static/img/renew/point_line.jpg) no-repeat center right;}

.table6 {border: 0px; width: 100%; border-spacing: 0px 0px;border-top: 3px solid #808080;z-index: 1;}
.table6 tr td{font-weight:600;padding:10px 0;border:1px solid #e2d5c6;font-size: 13px;font-weight:400;text-align:center;text-indent:20px; position: relative;text-indent:0px;padding: 10px 5px;}
.table6 tr td img{position: absolute; right: -10px; top: 40px;z-index: 2;}
.table6 tr td .step{display:inline-block;background: url(/static/img/renew/sell_step_bg.png) no-repeat center center; font-size: 15px;line-height:20px; height: 20px; text-align:center;width:60px;color:#fff;font-weight:600; margin-bottom: 10px;}
.table6 tr td.deal{font-weight:600;}
.table6 tr td .type{color:#b89261;}
.table6.buy{background:#eeeeee ;}
.table6.buy .type{color:#a6a6a6;}


.sub_title i {
    padding-left: 20px;
    width: 350px;
    display: inline-block;
    background-image: url(/static/img/ICON/joinbottom.gif);
    background-repeat: no-repeat;
    background-position: left 0 top 3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 20px;
    vertical-align: top;
}
.sub_title i a{font-size: 12px;vertical-align: top;}
.sub_title i a:hover{color:#0078cb}
.sub_title span {
    background: linear-gradient(to bottom, #ffffff 5%, #f0f0f0 100%);
    background-color: #ffffff;
    border-radius: 2px;
    border: 1px solid #f0f0f0;
    display: block;
    cursor: pointer;
    color: #4f4f4f;
    text-align: center;
    font-size: 12px;
    width: 95%;
    text-decoration: none;
    text-shadow: 0px 1px 0px #c9bfc9;
    position: absolute;
    bottom: 0px;
    left: 15px;
}
.expandbtn{max-height: none !important;}


.table4 .table{ display: table; width: 100%;max-width: 100%; margin: 0 auto;}
.table4 .table dl {display: table-row;}
.table4 .table dl dd,.table4 .table dl dt{display: table-cell;font-size: 13px;font-weight:600}
.table4 .table dl dt{text-align:left;width: 60px;}
.table4 .table dl dd{text-align:right;}
.table4 .table dl dt img{max-width: 100%;}
.table4 .table .sub{width: 100%;display: block; margin: 5px;text-indent:20px; background: url('/static/img/enter_icon.gif') no-repeat left 2px top 2px;}
.table4 .box{ display: table; width: 98%;max-width: 98%; margin: 0 auto ;border: solid 1px #eee;background: #fafafa; padding: 1%;}
.table4 .box dl {display: table-row;}
.table4 .box dl dd,.table4 .box dl dt{display: table-cell; padding: 5px 0; font-size: 12px;}
.table4 .box dl dt{text-align:left; background: url("/static/img/boxline.gif") no-repeat center  right 0;width: 130px;}
.table4 .box dl dd{text-align:right;}
.goodsStatusButton {
    height: 22px;
    line-height: 22px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    display: inline-block;
    border-radius: 15px;
    padding: 0 5px;
}
.goodsStatusButton.buttonHide { background-color: #0e5ab2;}
.goodsStatusButton.buttonShow { background-color: #b20e0e;}
/*유료옵션*/
.Daeltitle.item span{margin-left: 10px; font-size: 13px;}
.itemtype {float:right;}
.couponListLayout { margin-top: 25px; width: 100%; display: inline-block;}
.couponListLayout ul.couponList {display: block; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
ul.couponList > li.couponBack { background-image: url(/static/img/mypage/couponBack.gif);position: relative;}
ul.couponList > li:not(:nth-child(3n)) {margin-right: 20px;}
ul.couponList > li.couponBack .ribbon1 {
    position: absolute;
    top: -6.1px;
    right: 7px;
    display: block;
}
.ribbon1 span {
    position: relative;
    display: block;
    text-align: center;
    background: #F8463F;
    font-size: 14px;
    padding: 10px 3px 5px;
    border-top-right-radius: 8px;
    line-height: 16px !important;
    width: 49px;
    vertical-align: middle;
    font-family: 'Noto Sans KR', sans-serif;
    color: #fff;
}
ul.couponList > li {
    border: 1px solid #ddd;
    background-color: #fff;
    height: 140px;
    width: 208px;
    margin-bottom: 20px;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: space-between;
    float: left;
}
ul.couponList li.couponBack .itemTitle {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.5px;
    line-height: 28px;
    margin-bottom: 3px;
    margin-top: 12px;
    text-align: center;
}
ul.couponList li.couponBack .itemPrice {
    color: #ff3737;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.5px;
    line-height: 20px;
    margin-bottom: 5px;
    text-align: center;
}
ul.couponList li.couponBack .itemBuy {
    border-top: none;
    padding-top: 0;
    margin-bottom: 15px;
    padding: 0 20px;
}
ul.couponList li.couponBack .itemButton {
    background-color: #0078cb;
    width: 100%;
    height: 35px;
    text-align:center;
    line-height: 35px;
    color: #fff;
    font-size: 15px;
    cursor:pointer;
    font-family: 'Noto Sans KR', sans-serif;
}
.searchHistory .fr select {
    border: 1px solid #ddd;
    height: 30px;
    width: 100%;
    line-height: 30px;
    padding: 0 10px;
    color: #4d4d4d;
    font-size: 15px;
    font-family: noto sans kr,sans-serif;
}

.searchHistory .fl input[type=text] {
    width: 186px;
    border: 1px solid #ddd;
    line-height: 30px;
    height: 30px;
    padding: 0 10px;
    color: #4d4d4d;
    font-size: 15px;
    font-family: noto sans kr,sans-serif;
}
.searchHistory .fl .sbtn {
    cursor: pointer;
    margin-left: 6px;
    text-align: center;
    display: inline-block;
    width: 50px;
    line-height: 30px;
    height: 35px;
    color: #fff;
    font-size: 16px;
    font-family: noto sans kr,sans-serif;
    background-color: #40a7ff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.myButton {
    box-shadow: inset 0px 1px 0px 0px #7a8eb9;
    background: linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
    background-color: #637aad;
    border: 1px solid #314179;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding: 16px 55px;
    text-decoration: none;
}
/*레이어*/
.layer .layerTitle{width: 100%; background: #258dc8; font-size: 14px; line-height: 40px;    text-indent: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ipt {padding: 5px 5px;border:1px solid #aaa; border-radius: 2px;}


/*스크랩한 물품*/
.MypageBody .zzim{display:inline-block; width: 100%; border-bottom:1px solid #cecece;}
.MypageBody .zzim .list{width: 240px; height: 323px; margin: 5px 5px;border:1px solid #cecece; display:block;float:left}
.MypageBody .zzim .list ul{width:100%;height:185px;position: relative;}
.MypageBody .zzim .list ul i{position: absolute; top:10px; right: 0; padding: 7px 10px; background: #eabc1f;font-weight: bold; color:#000;border:1px solid #daae18;}
.MypageBody .zzim .list dl{width:100%;height:60px; padding: 10px;margin: 0px;}
.MypageBody .zzim .list dl dd{width: 100; margin: 0px; padding: 0px; font-size: 11px;}
.MypageBody .zzim .list dl dt{width: 90%; margin: 0px; padding: 0px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.MypageBody .zzim .list dl dt a{color:#000;font-weight: bold; font-size: 12px;}
.MypageBody .zzim .list div {width: 100%; margin: 10px 0 0; padding: 10px 0;text-align:center;border-top:1px solid #eaeaea;  }

/*마일리지충전*/
.Mileage{margin-top:30px;width:100%;}
.Mileage li,.Mileage dd,.Mileage dt,.Mileage dl,.Mileage ul{list-style:none;}
.Mileage .title{background: #4d505e; padding: 30px 20px; width: calc(100% - 40px); }
.Mileage .title li{color:#bdc0ca; font-size: 11px;}
.Mileage .subject{width:calc(100% - 40px); padding: 30px 20px;}
.Mileage .subject h2{font-size:23px;font-weight:bold;color:#000000;}
.Mileage .subject dt{margin-top: 10px; color:#f00;font-size: 16px;font-weight:600;}
.Mileage .subject dd{margin-top: 10px;text-align:right; color:#b99261;font-size: 16px;font-weight:600;vertical-align: middle;line-height:20px;}
.Mileage .payItems{cursor:pointer; margin-right: 10px;}
.Mileage .payItems input{margin-right: 2px;}
.Mileage .pay{font-size:22px;color:#b99261;font-weight:bold;}
.Mileage .MileageDone{display:inline-block;width: calc(100% - 20px);margin-top: 5px;  border-top: 2px solid #000; border-bottom: 1px solid #202020; padding: 20px 10px; color: rgb(102, 102, 102); font-size: 30px; font-weight:700;background:#f8f8f8}
.Mileage .MileageDone em{display: block;float:left;font-size: 12px; font-weight:400; margin-left: 5px; margin-top: 5px;}
.Mileage .mentEachCard {border: 1px solid #ddd; font-family: noto sans kr,sans-serif; margin: 40px auto; padding: 10px; width: 350px;}
.Mileage .mentEachCard .cardHeader { font-size: 16px; color: #333; line-height: 22px; font-weight: 400; text-align: center; margin: 0 0 10px;}
.Mileage .mentEachCard .cardHeader p{padding: 0px; font-family: noto sans kr,sans-serif;}
.Mileage .mentEachCard .cardHeader span { background: linear-gradient(to top, rgba(136,136,136,0.4) 50%, transparent 50%); font-weight: 500;}
.Mileage .mentEachCard .cardLine { display: flex; flex-wrap: wrap; justify-content: flex-start; color: #333; font-size: 14px;}
.Mileage .mentEachCard .cardLine p { margin: 4px 0;text-align: left; padding: 0; color: #333; font-size: 14px; font-weight: 500; font-family: noto sans kr,sans-serif; line-height: 20px;}
.Mileage .mentEachCard .cardLine p span { color: #ff373c; font-weight: 500;}
.Mileage .mentEachCard .cardWarning { font-size: 12px; border-top: 1px solid rgb(221, 221, 221); font-weight: 600; padding-top: 5px; }

/*회원가입*/
.join .title{width: 100%; display: inline-block; margin-top: 20px;}
.join li,.join dd,.join dt,.join dl,.join ul{list-style:none;}
.join .title h2{font-size: 26px;  color: #404040;   line-height: 30px;font-weight:400}
.join .title span{display:block;width: 100%; margin-top: 10px;}
.join .agree{display: inline-block;width: calc(100% -40px);margin-top: 15px;  border:1px solid #dddddd;padding: 20px;}
.join .agree .scroll{overflow-y:scroll;overflow-x:hidden; width:calc(100% -40px);border:1px solid #d8d8d8;padding: 20px;word-break:break-all !important; font-size: 15px;line-height: 22px;}
.join .agree .scroll p{padding: 4px 0;}
.join .kcb{margin-top: 30px; width: 100%;}
.join .kcb .title{width: 100%;display: inline-block; }
.join .kcb .title li{font-size: 12px;}
.join .kcb .box{display: inline-block; margin-top: 10px;width: calc(100% - 182px);border:1px solid #d8d8d8; padding: 30px 90px;}
.join .kcb .box li{font-size: 12px; width: 49%;}

.joinform{width: 100%;display: inline-block; margin-top: 20px;}
.joinform .title{font-size: 18px;font-weight:700; color:#000;}
.joinform .title span{float:right;font-size: 12px;font-weight:400;}
.joinform .box{width: calc(100% - 40px);display: inline-block;border:1px solid #d8d8d8;padding: 20px; border-radius: 5px; margin-top: 10px;}
.joinform table {border: 0px; width: 100%; border-spacing: 0px 0px;border-top:1px solid #e6e6e6; margin-top: 10px;}
.joinform table tr th,.joinform table tr td{font-size: 13px;font-weight:400;border-bottom:1px solid #e6e6e6;padding:10px 10px;text-align:left;line-height: 20px;}
.joinform table tr td{font-size: 11px;}
.joinform table tr td em.text{font-size: 13px;}
.joinform .mody table{border-top:2px solid #000;}
.joinform .stitle{margin-top: 30px; font-size: 18px;color:#404040;font-weight:600;}
.joinform .stitle span{font-weight:400;font-size: 12px;}
.joinform .stitle span em{color: #f00;font-weight:600; }

.arrow_box {
    text-indent:30px;
	position: absolute;
	background: #ffffff url(/static/img/arrow.png) no-repeat left 10px center;
	border: 1px solid #696969;
    padding: 10px 20px;
    margin-top: 10px;
    margin-left: 5px;
    border-radius: 5px;
    color: #4e4e4e;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    box-shadow: 2px 2px 3px 1px rgb(192, 192, 192);
    z-index:999;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 20px;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 8px;
	margin-left: -8px;
}
.arrow_box:before {
	border-color: rgba(105, 105, 105, 0);
	border-bottom-color: #696969;
	border-width: 9px;
	margin-left: -9px;
}
#service.arrow_box{
    margin-left:-15px;

}
/*회원탈퇴*/
.MemberOut{width: 100%; margin-top: 30px;}
.MemberOut .title{font-size: 30px; color:#000;font-weight: 900;}
.MemberOut .title span{font-size: 14px;color:#737373;font-weight:400;float:right;}
.MemberOut .line{width:100%; margin-top:30px; height:15px; background:url('/static/img/new_img/bg_cross_line_02.jpg');}
.MemberOut .notice{margin-top: 20px; width: calc(100% - 32px); padding: 10px 15px;border:1px solid #ececec; background:#f8f8f8;}
.MemberOut .login{margin-top: 30px;width:calc(100% - 62px); border:2px solid #202020;padding:30px;text-align:center }

/*아이디 비번 찾기*/
.find {margin: 70px auto;width: 810px;}
.find li,.find dd,.find dt,.find dl,.find ul{list-style:none;}
.find .idfind{background:url('/static/img/new_img/bg_title_login.jpg') no-repeat bottom right; padding-bottom:30px;}
.find .idfind div{ font-size: 12px;font-weight:400; margin-top: 10px;}
.find .line{width: calc(100% - 20px); padding: 30px 10px; border-top:2px solid #363b50; border-bottom:1px solid #bdbdbd;display:inline-block}
.find .line li{width: 50%;font-size: 12px;}
.find #newpass{width:calc(100% - 2px); background:#f8f8f8; border:1px solid #e9e9e9;text-align:center;font-size: 12px; font-weight:600; color:#000;padding: 15px; margin-top: 10px;}


/*채팅*/
.chating {width: 100%;margin: 0; padding: 0; width: 700;min-height: 555px;background: #101d24;}
.chating li,.chating dd,.chating dt,.chating dl,.chating ul{list-style:none;}
.chating .banner{width: 100%; margin: 0; padding: 0;}
.chating #banner li img{ width: 100%;}
.chating .lists{height: 555px;}


/*배너*/
.view_banner li{list-style:none;}

/*고객센터*/
.ServiceBody{width: 100%; }
.ServiceBody td{border-left:1px solid #e6e6e6 ;}
.ServiceMenu {padding:20px 0 10px;width:100%; display: block;}
.ServiceMenu h2 {margin-bottom: 40px;}
.ServiceMenu h2 a{color:#404040;font-size:22px;line-height:24px;font-weight:bold;}
.ServiceMenu dl{width: calc(20% - 11px);display: inline-block;margin:0px;padding: 10px 5px; float: left;border:1px solid #e6e6e6; margin-right: -1px;z-index:0; }
.ServiceMenu dl.active {width: calc(20% - 13px);border:2px solid #a874e1; z-index: 999;}
.ServiceMenu dl dt,.ServiceMenu dl dd{float:left;margin:5px 0 0; padding: 0;height:22px; }
.ServiceMenu dl dt{width: 110px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ServiceMenu dl dd{width: 55px;text-align:center;background:url('/static/img/renew/commu_number_box.gif') center center no-repeat;color:#999;font-size: 12px;}
.ServiceMenu dl.active a,.ServiceMenu dl.active dd{color: #a874e1; font-weight:600 ;}
.Servicecontent {width: 100%; display: inline-block;}

.Servicecontent .servicetitle{width:1000px; height:100px;}
.Servicecontent .servicetitle h2{padding: 40px 15px; font-size: 27px;color:#000;font-weight:400}
.Servicecontent .servicemain{width:  calc(100% - 30px); padding: 0 15px; margin-bottom: 50px; display: inline-block;}
.Servicecontent .servicemain dl{width: 48%; float:left;margin-right: 2%;}
.Servicecontent .servicemain dt{width: 100%;padding-bottom: 15px;border-bottom:1px solid #4d4d4d;color: #000; font-size: 18px; font-weight:900; margin-bottom: 10px;}
.Servicecontent .servicemain dt a{float: right;}
.Servicecontent .servicemain dd {width: 90%; padding: 0; margin: 5px 0;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.Servicecontent .servicemain dd a{font-size: 13px;}
.Servicecontent .servicemain dd a:hover{color: #000;}

.Servicecontent .title{width:1000px; height:108px;background:url('/static/img/new_img/bg_board_top1.gif') no-repeat;}
.Servicecontent .title h2{padding: 40px 65px; font-size: 27px;color:#000;font-weight:900}
.Servicecontent .list{width: calc(100% - 30px); padding: 30px 15px;}

.Servicecontent .list .category{width: 100%; display: inline-block; height: 30px;margin-bottom: -3px;}
.Servicecontent .list .category li{list-style:none;float:left;height: 100%; width:  100px; margin: 0; padding: 0;text-align:center;  border: 1px solid #cacaca; background: #f0f0f0;}
.Servicecontent .list .category li a{color: #9494a0;font-size: 12px;line-height:30px;}
.Servicecontent .list .category li.on{ background: #767676;color:#fff;}
.Servicecontent .list .category li.on a{color: #fff;}

.Servicecontent .list table{width: 100%; border-top:1px solid #4d4d4d;margin: 0;}
.Servicecontent .list table,.Servicecontent .list table th,.Servicecontent .list table td{border-spacing:  0px;border-collapse: collapse;font-weight:400;font-size: 13px;}
.Servicecontent .list table tr th{width: 14%;border-top:2px solid #4d4d4d; height: 40px; background: #eaf6ff;}
.Servicecontent .list table tr th:nth-child(2){width: 50%;}
.Servicecontent .list table tr th:first-child{width: 8%;}
.Servicecontent .list table tr td{height: 37px; border-left: none; padding: 0 15px;text-align:center;font-size: 12px;}
.Servicecontent .list table tr th,.Servicecontent .list table tr td{border-bottom:1px solid #e7e7e6; }
.Servicecontent .list table tr td:nth-child(2){text-align:left;font-size:13px;cursor:pointer;}
.Servicecontent .list table tr:hover td{background: rgb(250 250 250);}
.Servicecontent .list table tr td div{display:display;max-width: 320px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;float:left }
.Servicecontent .notice {width:  calc(100% - 20px); padding: 0 10px; margin: 40px 0;}
.Servicecontent .notice table{width: 100%; border-top:3px solid #000;border-bottom:3px solid #000;margin: 0;}
.Servicecontent .notice table,.Servicecontent .notice table td{border-spacing:  0px;border-collapse: collapse;}
.Servicecontent .notice table td,.Servicecontent .notice table th{height: 50px; padding: 0 10px;border-left: none;border-bottom:1px dotted #ddd; color:#a8a8a8;font-weight:400;font-size: 12px;}
.Servicecontent .notice table td b{color:#505050;font-size:13px;}
.Servicecontent .notice table td em{font-size: 12px;float:right}
.Servicecontent .notice table th{color:#6d6d6d;text-align:left;}
.bbspass{width:350px; margin:0 auto; border:1px solid #e2e2e2; background:#f9f9f9;text-align:center;padding: 10px 20px;}
.bbspass dl,.bbspass ul{padding: 0; margin: 10px 0;}
.bbspass ul{ border-top:1px solid #e2e2e2;padding-top:20px}
.bbspass dl dt,.bbspass dl dd,.bbspass ul li{width: 100%;padding: 0; margin: 0;font-size: 13px;}
.bbspass dl dt{color:#f00;font-size: 15px;}
.Servicecontent .comment{width: calc(100% - 40px); padding: 10px 20px;background:#f9f9f9;}
.Servicecontent .comment dl{width: 100%;}
.Servicecontent .comment dl dt{font-size: 12px; color: #6f6f6f;font-weight:400;}
.Servicecontent .comment dl dt span{margin-left: 10px; color:#a8a8a8; font-size: 11px;}
.Servicecontent .comment dl dt em:hover{cursor:pointer; text-decoration: underline;}
.Servicecontent .comment dl dd {width: 100%; padding: 10px 0; margin: 0; font-size: 13px;font-weight:400; border-bottom:1px dotted #ddd;}
.Servicecontent .comment dl dd textarea{width: 800px; padding: 5px; height: 48px;}
.Servicecontent .comment dl dd img{margin: 0;vertical-align:top;margin-left: 2px;}
.Servicecontent .reviewtd{position: relative;}
.Servicecontent .reviewtd .attach{position: absolute; top:10px;right: 10px;border:1px solid #e2e2e2; background: #fff url('/static/img/form_icon2.gif') top 10px right 5px no-repeat; padding: 3px 20px 3px 10px;border-radius: 5px;width: 80px;cursor:pointer}
.Servicecontent .reviewtd .attach li{display: none;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.Servicecontent .reviewtd .attach:hover {width: 120px;}
.Servicecontent .reviewtd .attach:hover li{display: block;}
.Servicecontent .reviewtd .attach li:hover a{color:#0078cb}
.Servicecontent .reviewtd .reviewcontent > * {max-width: 100%;word-break:break-all}
.Servicecontent #review *{font-size: 13px;}
.Servicecontent #review img{max-width: 960px;}
.Servicecontent .serviceadd{width: calc(100% - 40px); padding: 10px 20px;}
.Servicecontent .serviceadd table{width: 100%; border-top:3px solid #000;border-bottom:3px solid #000;margin: 0;}
.Servicecontent .serviceadd table th,.Servicecontent .serviceadd table td{border-spacing:  0px;border-collapse: collapse;    border-bottom: 1px solid #e7e7e6;padding-left: 17px; }
.Servicecontent .serviceadd table th{height: 43px;color: #695555; background: #f6f6f6 url('/static/img/bbs_img/icon_bullet_title.gif') no-repeat 10px center;text-align: left;font-size: 12px;}

.mark{background: linear-gradient(to top, #cae6ff 50%, transparent 50%);}



.data{text-align:center; padding-right: 25px !important; background-color:#fff;background-image: url('/static/img/calendar_icon.png') !important;background-size: 20px auto !important; background-position: center right !important; background-repeat: no-repeat !important;cursor:pointer;}


.signWarranty .sellopt{width: 100%; margin-top: 20px;display: none;}
.signWarranty .sellopt dl{width: 100%;display:inline-block;margin: 0;color:#444}
.signWarranty .sellopt dl dt{width: 20%; padding-left: 20px; float: left;}
.signWarranty .sellopt dl dd{width: 60%; float: right; text-align:right;color:#999}
.signWarranty .sellopt dl dd em{color:#444}

.sellopt2::placeholder { color:#ff76fa}

.image_password {width: 100%;height: 100%; position: fixed; top: 0px; left: 0px; z-index: 99999;background-color: rgba(0, 0, 0, 0.6);}
.image_password_text {position: relative;top: 50%;left: 50%; width: 400px; height: 250px;margin-top:-100px;margin-left:-200px;background:#fff;border-radius:10px; box-shadow: 0px 0px 2px 2px gray;z-index: 100;}
.image_password_text dd{position: absolute;top:3px;right:5px;cursor:pointer;}
.image_password_text h2{position: absolute;font-size: 24px;width: 100%;margin-top:20px;text-align:left;padding-left: 20px; color: #737373;}
.image_password_text li{position: absolute;font-size: 13px;font-weight: 900; width: 100%;margin-top:60px;text-align:left;padding-left: 20px;list-style:none;cursor:pointer; box-sizing: border-box;}
.image_password_text li em{color: #f99b84;}
.image_password_text li:last-child{margin-top:205px; font-size: 11px; text-decoration: underline;text-align:center;padding-left:0px}
.image_password_text li:last-child:hover{color: #0078cb;}
.image_password_text a{ position: absolute; display:inline-block;margin-top:225px; font-size: 11px; text-decoration: underline;text-align:center;padding-left:0px; width: 100%;cursor:pointer; box-sizing: border-box;}
.image_password_text a:hover{color: #0078cb;text-decoration: underline;}
.image_password_text i {position: absolute; top: 45%; left: 0;line-height: 30px; text-align: center; width: 100%;}
.image_password_text i input{border:1px solid #ddd; width: 180px;border-radius:3px; height: 30px;padding: 0 10px;letter-spacing:1px;font-size:24px;}
.image_password_text i input::placeholder { color:#ff76fa; font-size: 12px;vertical-align: top;}
.image_password_text i img{cursor:pointer; margin-top: 10px; width: 110px;}
.phonAccept { width: 310px; margin-left: -155px; height: 160px; margin-top: -80px; }
.phonAccept i { top: 54%; }
.phonAccept button.btn {background: #fff; border: 1px solid #aaa; padding:2px 8px; border-radius: 3px;}
.phonAccept i input { width: 130px;}
.phonAccept span { text-align: center; padding: 0;}

.tooltip {position: relative;display: inline-block; cursor:pointer; font-size: 13px;}
.tooltip img{margin-top: -3px; }
.tooltip .tooltiptext {visibility: hidden; width: 430px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; opacity: 0.65; position: absolute; z-index: 1; top:-35px; left:0px;}
.tooltip .tooltiptext em{background: #f00; padding: 0 3px;}
.tooltip .tooltiptext mark{padding: 0 3px; color:#000}
.tooltip:hover .tooltiptext { visibility: visible;}
.soosooryoformula {display: table;margin-top: 10px;}
.soosooryoformula dl{display: table-row;}
.soosooryoformula dl dt,.soosooryoformula dl dd{display: table-cell;padding: 5px 0px 5px 10px;}
.soosooryoformula dl dt{width: 80px; }
.soosooryoformula dl dd{width:100px; text-align:right;}
.soosooryoformula dl:last-child dt,.soosooryoformula dl:last-child dd{border-top:1px solid #aaa; padding-top: 5px; }
.soosooryoformula dl dd em{color:#f00;font-weight: bold; font-size: 21px;}
.menutab{width:100%; }
.menutab a{box-sizing: border-box; display: block; width: 50%; padding: 10px 0; float: left;text-align:center;cursor:pointer; border: 1px solid #A874E1;border-bottom: none; background: #4d5f6e; color:#fff;font-size: 18px;}
.menutab a.active{background: #A874E1;}

/* ---------------------------- help_style 도움말 박스 ---------------------------- */
.help_style{ clear:both; position:relative; border:1px solid #ced3d5; padding:15px;	margin-bottom:15px;}
.help_style p{line-height:18px;}
.help_style p span{font-size:12px;color:#cc1414}
.help_style .help{display:block; position:absolute; top:-10px; left:20px; background:#FFF; padding:0 10px 0 10px; font:10pt '맑은 고딕'; color:gray;}
.help_style .box_1{ background:url('/static/img/admin/box_round_01.gif') left top no-repeat; top:-1px; left:-1px; width:4px; height:4px; position:absolute;}
.help_style .box_2{ background:url('/static/img/admin/box_round_01.gif') right top no-repeat; top:-1px; right:-1px; width:4px; height:4px; position:absolute;}
.help_style .box_3{ background:url('/static/img/admin/box_round_01.gif') right bottom no-repeat; bottom:-1px; right:-1px; width:4px; height:4px; position:absolute;}
.help_style .box_4{ background:url('/static/img/admin/box_round_01.gif') left bottom no-repeat; bottom:-1px; left:-1px; width:4px; height:4px; position:absolute;}
/* ---------------------------- help_style 도움말 박스 END ---------------------------- */

.myPageBtn { background: #eee; display: inline-block; cursor: pointer; padding: 0 0.5em; border-radius: 3px; color: #fff; text-align: center; height: 1.6em; line-height: 1.6em; font-size: 11px; }
.myPageBtn.change {background: #40a7ff;}
.myPageBtn.sellbtn {background: #40a7ff;}
.myPageBtn.buybtn {background: #ff7e7e;}
.myPageBtn.showBtn {background: #63A6F3;}
.myPageBtn.hideBtn {background: #666666;}
.myPageBtn.saveBtn {background: #1B792E;}
.myPageBtn.modifyBtn {background: #ED9C5F;}
.myPageBtn.deleteBtn {background: #F36565;}
.myPageBtn.addBtn {background: #fff; color:#a874e1; border:1px solid #a874e1; padding: 0 0.7em; font-weight: 500; font-size: 15px; border-radius: 50px; height: 1.9em; line-height: 1.9em;}
.myPageBtn.autoRenewBtn, .myPageBtn.autoShowBtn {background: #977eff;}

.Write {width:calc(100% - 15px);padding:3px;border-radius:5px ; border:1px solid #CED3D5;background:#fff }
.Write table{width:100%; border:none;background:#fff;border-spacing:0px 0px; border-collapse: collapse;}
.Write table th,.Write table td{height: 25px;text-align:left;border:1px solid #9EADC0;padding: 10px;font-weight:500;}
.Write table th{background:#F3F3F3;}


.saveBtn {
	box-shadow:inset 0px -3px 7px 0px #29bbff;
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	background-color:#2dabf9;
	border-radius:3px;
	border:1px solid #1273c9;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	padding:16px 60px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.saveBtn:hover {
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	background-color:#0688fa;
}
.saveBtn:active {
	position:relative;
	top:1px;
}

.mypageBtn {
	box-shadow:inset 0px 1px 3px 0px #91b8b3;
    background:linear-gradient(to bottom, #c123de 5%, #a20dbd 100%);
	background-color:#c123de;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:16px 59px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
}
.mypageBtn:hover {
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	background-color:#6c7c7c;
}
.mypageBtn:active {
	position:relative;
	top:1px;
}

.cancelBtn {
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	background-color:#d0451b;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding:16px 40px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.cancelBtn:hover {
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	background-color:#bc3315;
}
.cancelBtn:active {
	position:relative;
	top:1px;
}


.saveBtn {
	box-shadow:inset 0px 1px 0px 0px #e184f3;
	background:linear-gradient(to bottom, #c123de 5%, #a20dbd 100%);
	background-color:#c123de;
	border-radius:3px;
	border:1px solid #a511c0;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	padding:16px 60px;
	text-decoration:none;
	text-shadow:0px 1px 0px #9b14b3;
}
.saveBtn:hover {
	background:linear-gradient(to bottom, #a20dbd 5%, #c123de 100%);
	background-color:#a20dbd;
}
.saveBtn:active {
	position:relative;
	top:1px;
}
.mypageBtn {
	box-shadow:inset 0px 1px 3px 0px #91b8b3;
	background:linear-gradient(to bottom, #768d87 5%, #6c7c7c 100%);
	background-color:#768d87;
	border-radius:5px;
	border:1px solid #566963;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:16px 59px;
	text-decoration:none;
	text-shadow:0px -1px 0px #2b665e;
}
.mypageBtn:hover {
	background:linear-gradient(to bottom, #6c7c7c 5%, #768d87 100%);
	background-color:#6c7c7c;
}
.mypageBtn:active {
	position:relative;
	top:1px;
}

.cancelBtn {
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	background-color:#d0451b;
	border-radius:3px;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	padding:16px 40px;
	text-decoration:none;
	text-shadow:0px 1px 0px #854629;
}
.cancelBtn:hover {
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	background-color:#bc3315;
}
.cancelBtn:active {
	position:relative;
	top:1px;
}

.terms{text-align:center; margin-top: 10px; }
.terms a{font-family: '맑은 고딕', 'Malgun Gothic', sans-serif;padding: 0 30px;letter-spacing:1px;font-size: 13px;}
.termsview{width: calc(100% - 20px); padding: 10px 10px; text-align: left; margin-bottom: 40px;display: inline-block; }
.termsview h2{width: 100%; background: #a874e1; color:#fff;height: 40px; margin-bottom: 10px;line-height: 40px ;text-indent:10px;font-size: 18px;}
.termsview p{padding: 4px 0;}

.btn {
	background-color:#c123de;
	border-radius:3px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	padding:0px 10px;
	text-decoration:none;
}

/* 회원등급 정책 */
.rank{display: inline-block;width: 100%;}
.rank dl{width: 100%; margin: 5px 0 20px;display: inline-block;}
.rank dl dt{width: 100%;font-size: 15px;color: #000; margin: 5px 0;color:#000}
.rank dl dd{ font-size: 13px;margin: 0; background: #f0f0f0; padding: 10px;border-radius:5px;}
.rank dl dd table{width: 100%;}
.rank dl dd table tr td,.rank dl dd table tr th{text-align: center;}
.rank dl dd table tr th{height: 60px;background: #f8f8f8;font-size: 18px;letter-spacing:1px}
.rank dl dd table tr th img{height: 30px;}
.rank dl dd table tr td{width: 17%;height: 40px; background:#ffd7d7;color:#000;font-size: 13px;}
.rank dl dd table tr:nth-child(2n) td{background: #dd8989;}
.rank dl dd table tr td:first-child{width: 30%;}
.rank dl dd table tr td,.rank dl dd table tr th{border: solid 1px #ddd;}
.rank dl dd li{text-align: right; padding: 5px 0 0; margin-bottom:0px !important;}