@charset 'utf-8';


.top {height: 37px;background:#fafafa;}
.top li {list-style:none; float:left; position:relative;}
.hap_lang{
    width: 228px;
}

.top .left_menu {float:left; position:relative; margin-left:-10px}
.top .right_menu {float:right; position:relative; margin-right:-10px}
.top li+ li:before {content:""; position:absolute; left:0; top:50%; width:1px; height:8px; background:#ddd; margin-top:-4px; z-index:5}
.top .btn {padding:0 11px 0 10px;height: 38px;line-height: 37px;font-size: 11px;line-height: 36px\0;position:relative;}
.top .btn .tx {color:#888; font-size:11px; letter-spacing:-0.5px;}
.top .btn.log {color:#333; font-weight:600;}
.top .btn.cart {padding-left:27px; background:transparent url('../images/skin/top_cart.gif') 10px 10px no-repeat;}
.top .btn.cart strong {color:#000; font-weight:600; letter-spacing:0px; margin-left:2px;}
.top .flag {margin-top:11px; margin-right:5px; float:left; border:1px solid #ddd;}
.top .flag img {width:13px; height:10px;}
.top li:hover .btn .tx {color:#333;}
.top .if_more .btn .tx {background:transparent url('../images/skin/top_arrow.gif') right 15px no-repeat; padding-right:12px;}
.top .if_more:hover .btn {background:#fff;}
.top .if_more:hover .btn:before {content:""; background:#ddd; width:1px; height:100%; position:absolute; right:-1px; top:0; z-index:101}
.top .if_more:hover .btn:after {content:""; background:#ddd; width:1px; height:110%; position:absolute; left:0; bottom:-1px; z-index:101}
.top .if_more:hover:after {content:""; background:#fff; width:100%; height:1px; position:absolute; left:0; bottom:-1px; z-index:100;}


.top .language {position:absolute; left:0; top:34px; z-index:100; padding:5px 10px; background:#fff; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; display:none;}
.top .language .mall {color:#888; white-space:nowrap; font-size:11px; letter-spacing:-0.5px; padding:3px 10px 3px 0; display:block; margin-right:10px;}
.top .language .mall:hover {text-decoration:underline;}
.top .language .flag {margin-top:3px;}
.top li:hover .language {display:block;}


.top .qr_code {position:absolute; left:0px; top:34px; background:#fff; border:1px solid #ddd; box-sizing:border-box; z-index:100; padding:15px; width:250px; display:none;}
.top .qr_code .img_box {float:left; text-align:center; width:58px; margin-right:10px; height:58px; background:#f5f5f5 url('../images/skin/qr-code.png') center center no-repeat;}
.top .qr_code .img_box img {width:58px; height:58px;}
.top .qr_code .txt_box {letter-spacing:-0.5px; color:#aaa; line-height:15px; width:150px; float:left; word-wrap:break-word; word-break:keep-all; white-space:normal; margin-top:5px; font-size:11px;}
.top li:hover .qr_code {display:block}


.top .point { position:absolute; left:50%; top:30px; z-index:3; background:#000; height:19px; line-height:18px; border-radius:3px; margin-left:-26px; cursor:default}
.top .point:before {content:""; width:0; height:0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid #000; position:absolute; left:50%; top:-4px; margin-left:-2px;}
.top .point .num { color:#fff; font-weight:600; font-size:10px; padding:0 4px; position:relative; min-width:52px; box-sizing:border-box; text-align:center; white-space:nowrap}


.top .open_box {position:absolute;left:50%;top: 38px;z-index:100;padding:15px;background:#fff;border:1px solid #ddd;width:155px;box-sizing:border-box;margin-left:-77px;display:none;}
.top .open_box .tit {color:#333; font-size:13px; letter-spacing:-1px; font-weight:600; display:block; text-align:center;}


.top .sub_menu {border:1px solid #ddd; border-top:0; overflow:hidden; box-sizing:border-box; background:#f5f5f5; border:1px solid #ddd;  }
.top .sub_menu li {float:none; box-sizing:border-box;  position:relative;}
.top .sub_menu .menu { display:block; padding:5px 10px 7px 10px;}
.top .sub_menu .menu+ .menu {border-top:1px solid #ddd;}
.top .sub_menu .menu .tx {color:#666; letter-spacing:-1px; font-size:11px; background:transparent url('../images/skin/top_right_arrow.gif') right center no-repeat; display:block; padding-right:15px; line-height:1.4;}
.top .sub_menu .menu:hover {background:#fff;}


.top .about_level {text-align:center; border-bottom:1px solid #333; padding-bottom:10px; position:relative;}
.top .about_level .level_img {overflow:hidden; font-size:0px; border-radius:100px; overflow:hidden; height:30px; height:30px;}
.top .about_level .level_img img {height:30px;}
.top .about_level .level_name {color:#999; font-size:11px; border:1px solid #ddd; border-radius:100px; display:inline-block; margin-top:5px; height:19px; padding:0 10px; line-height:18px;}
.top .about_level .name {color:#333; font-weight:600; margin-top:5px;}



.top .my_data {display:table; width:100%; margin-bottom:5px;}
.top .my_data .data {padding:3px 3px 6px; display:block;overflow:hidden;}
.top .my_data .data+ .data {border-top:1px solid #eee;}
.top .my_data .tx {color:#333; font-weight:600; letter-spacing:-0.5px; font-size:11px; float:left;}
.top .my_data .num {color:#cd3726; font-weight:600; letter-spacing:-0.5px; float:right;}


.top .cs_info {text-align:center; overflow:hidden; margin-bottom:15px;}
.top .cs_info strong {color:#cd3726; font-weight:600; font-size:16px; padding-top:5px; display:block;}
.top .cs_info em { color:#666; font-size:11px; padding-top:3px; display:block;}
.top li:hover .open_box {display:block}










.header {}
.header {list-style:none;}


.header .ul {display:table; width:100%; height:110px;}
.header .li {display:table-cell; vertical-align:middle;}
.header li.logo {width:265px;}
.header li.search {text-align:center;}
.header li.side_nav {width:265px;}
.header li.side_nav a{
 /* box-shadow: 2px 0px 0px 0px rgb(0 0 0 / 20%); */
 -moz-box-shadow: 2px 0px 4px 0px rgb(0 0 0 / 20%);
 /* -webkit-box-shadow: 2px 0px 1px 0px rgb(0 0 0 / 20%); */
 /* background: transparent; */
 /* border-radius: 10px; */
}


.header .logo_box {overflow:hidden;}
.header .logo_box img {max-height:80px; max-width:265px}


.header .search_area {position:relative;display:inline-block;border-radius: 10px;}
.header .form_box {position:relative;border-radius: 10px;}
.header .form_box .search_form {height:41px;box-sizing:border-box;}
.header .form_box .input_search {height:41px;width:330px;padding:10px 60px 13px 15px;box-sizing:border-box;letter-spacing:-0.5px;border: 1px solid #662d91;font-size:13px;border-radius: 10px;}
.header .form_box .btn_search {position:absolute; right:0px; top:0; width:58px; height:100%; background:transparent url('/skin/site/basic/images/skin/header_search.png') center center no-repeat!important;}
.header .form_box .input_search:focus {background:#fafafa;}


.header .open_keyowrd {background:#fff; position:absolute; left:0; top:40px; border:1px solid #c9c9c9; width:100%; z-index:100; box-sizing:border-box; display:none;}
.header .keyowrd_tab {display:table; width:100%; table-layout:fixed;}
.header .keyowrd_tab li {display:table-cell; text-align:center; list-style:none; border-bottom:1px solid #ccc; box-sizing:border-box; height:31px; line-height:29px; color:#666; font-weight:600; letter-spacing:-0.5px;}
.header .keyowrd_tab li+ li {border-left:1px solid #ccc;}
.header .keyowrd_tab .btn {display:block; height:31px; line-height:29px; color:#666; font-weight:600;}
.header .keyowrd_tab .hit {border-bottom:1px solid #fff;}
.header .keyowrd_tab .hit .btn {color:#333;}
.header .keyword_box {padding:15px 5px 0px; overflow-x:hidden; overflow-y:auto; max-height:150px}
.header .keyword_box .wrapping {overflow:hidden; padding-bottom:15px}
.header .keyword_box .link {float:left; padding:3px 11px 4px 10px; color:#888; letter-spacing:-0.5px; position:relative; letter-spacing:-0.5px; margin-left:-1px}
.header .keyword_box .link:before {content:''; position:absolute; left:0; top:50%; width:1px; height:9px; background:#ddd; float:left; margin-top:-4px;  margin-top:-3px\0;}
.header .keyword_box .link:hover {text-decoration:underline;}
.header .search_area:hover .open_keyowrd {display:block; }


.header .nav_box {float:right; margin-right:-13px;}
.header .nav_box li {list-style:none; float:left;}
.header .nav_box .btn { color:#333; font-size:13px; padding:5px 13px 5px 12px; position:relative;}
.header .nav_box li+ li .btn:before {content:""; position:absolute; left:0; top:50%; width:1px; height:9px; background:#ddd; margin-top:-4px; margin-top:-3px\0;}
.header .nav_box .btn:hover {text-decoration:underline;}







.nav {
	box-shadow: 2px 0px 4px 0px rgb(0 0 0 / 20%);
	-moz-box-shadow: 2px 0px 4px 0px rgb(0 0 0 / 20%);
	-webkit-box-shadow: 2px 0px 4px 0px rgb(0 0 0 / 20%);
	position:relative;
	height:47px;
	text-align:center;
	}
.nav li {list-style:none; }
.nav .layout_fix {width:1250px; height:47px; }


.nav .nav_box {display:table; box-sizing:border-box; margin:0 auto;}
.nav .li {display:table-cell; position:relative;}
.nav .li+ .li:before {content:""; position:absolute; left:0; top:50%; width:1px; height:12px; background:#ddd; margin-top:-6px}
.nav .hit:after {content:""; width:80%; height:1px; background:#666; position:absolute; left:50%; bottom:0; z-index:1; margin-left:-40%;}
.nav .depth1 {padding: 0px 25px;line-height:47px;text-overflow: ellipsis;color:#555;font-size:15px;letter-spacing:-0.5px;position:relative;display:block;overflow:hidden;white-space: nowrap;}
.nav .edge {position:absolute; left:50%; bottom:0; width:15px; height:8px; background:transparent url('../images/skin/nav_arrow.gif') center top no-repeat; margin-left:-7px; z-index:101; display:none;}

.nav .depth2_box {position:absolute; left:0; top:46px; z-index:100; background:#fff; border:1px solid #999; padding:20px 0; text-align:left; min-width:100%; display:none !important; box-sizing:border-box;}
.nav .depth2_box li {list-style:none; padding:0 15px; box-sizing:border-box; min-width:90px; box-sizing:border-box;}
.nav .depth2_box .ctg2 {color:#888; padding:4px 3px 5px 2px; display:block; white-space:nowrap;}
.nav .depth2_box .ctg2:hover {text-decoration:underline; color:#555;}
.nav .li:hover .edge {display:block;}
.nav .li:hover .depth2_box {display:block !important}


.nav .if_more10.depth2_box {display:table;}
.nav .if_more10.depth2_box ul {display:table-cell; position:relative;}
.nav .if_more10.depth2_box ul+ ul {border-left:1px solid #ddd;}
.nav .if_more10.depth2_box li {min-width:130px;}
.nav .if_last .depth2_box {left:auto; right:0;}
.nav .if_nodepth .edge {display:none !important;}








.fly_left {position:absolute;right:50%;top:735px;z-index:5;width:85px;margin-right:540px}
.fly_left ul {margin-top:-10px;}
.fly_left li {list-style:none; overflow:hidden; margin-top:10px}
.fly_left li a {float:left; display:block;}
.fly_left li img {float:left; width:85px;}

.fly_right {position:absolute; left:50%; top:735px; z-index:100; width:85px; margin-left:540px;}
.fly_right li {list-style:none;}

.fly_right .today_view {border: 1px solid #e4e4e4;box-sizing:border-box;box-sizing:border-box;background:#fff;position:relative;padding-bottom:35px;height:335px;box-shadow: #f3f3f3 2px 2px 4px 2px;border-radius: 10px;border-radius: 1;ing:border-box;}
.fly_right .today_view .tit {font-size:13px;font-weight:600;color: #662d91;text-align:center;margin-top:5px;}
.fly_right .today_view ul { margin:0 auto; width:63px; min-height:260px}
.fly_right .today_view li {position:relative; margin-top:5px; box-sizing:border-box;}
.fly_right .today_view .thumb {overflow:hidden;width:63px;border-radius: 5px;min-height:60px;box-sizing:border-box;background:#f5f5f5 url('../images/skin/quick_none.png') center center no-repeat;position:relative;border: 1px solid #662d91;}
.fly_right .today_view .thumb img {width:100%;height:100%;border-radius: 5px;float:left;}
.fly_right .today_view .thumb a {display:block;height:62px;border-radius: 5px;float:left;}
.fly_right .today_view .btn_del {position:absolute; right:0; top:0; display:none; width:15px; height:15px; background:transparent url('../images/skin/today_delete.png') center center no-repeat; z-index:50}
.fly_right .today_view li:hover .thumb {border:1px solid #666;}
.fly_right .today_view li:hover .ov_box {display:block}
.fly_right .today_view li:hover .btn_del {display:block}


.fly_right .ov_box {position:absolute; right:63px; top:0; width:200px; height:100%; border:1px solid #666; box-sizing:border-box; background:#fff; padding:10px 15px; border-right:0; z-index:50; display:none;}
.fly_right .ov_box .item_name {color:#666; letter-spacing:-0.5px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block;}
.fly_right .ov_box .price {color:#333; font-size:12px; font-weight:600; margin-top:5px; margin-top:4px\0; margin-left:1px; line-height:13px;}
.fly_right .ov_box .price strong {float:left; font-weight:600; color:#333; font-size:15px; letter-spacing:-0.5px; line-height:15px;}
.fly_right .ov_box:hover .item_name {text-decoration:underline;}


.fly_right .btn_nate {box-sizing:border-box; overflow:hidden;text-align:center; height:30px; position:relative; position:absolute; left:0; bottom:0; width:100%;}
.fly_right .btn_nate .number {overflow:hidden; color:#999; font-size:12px; display:block; line-height:28px;}
.fly_right .btn_nate .number strong {color:#000; font-weight:600;}
.fly_right .btn_nate .prevnext {position:absolute; top:0px; z-index:3;}
.fly_right .btn_nate .prevnext.prev {left:2px }
.fly_right .btn_nate .prevnext.next {right:2px;}
.fly_right .btn_nate .prevnext a {display:block; padding:10px;}
.fly_right .btn_nate .prevnext .icon {background:transparent url('../images/skin/today_nate.gif') left top no-repeat; width:5px; height:9px;}
.fly_right .btn_nate .prevnext.next .icon { background-position:right top; }

.fly_right .today_none {height:190px; padding-top:110px; box-sizing:border-box; font-size:11px; text-align:center; letter-spacing:-1px; color:#aaa; line-height:14px;}


.fly_right .today_btn {overflow:hidden;background:#fff;margin-top: 13px;border: 1px solid #e4e4e4;border-radius: 10px;box-shadow: #f3f3f3 2px 2px 4px 2px;}
.fly_right .today_btn .btn {width:100%;height:32px;border-bottom: 1px solid #e8e8e8;box-sizing:border-box;border-top:0;padding:0px 7px;line-height:31px;line-height:30px\0;color: #662d91;letter-spacing:-0.5px;}
.fly_right .today_btn .btn:last-child{border-bottom:0;}
.fly_right .today_btn .num {float:right; color:#333; font-weight:600; letter-spacing:-0.5px;}
.fly_right .today_btn .btn.wish {line-height:29px; line-height:28px\0;}
.fly_right .today_btn .btn.wish .num {line-height:30px;;}
.fly_right .today_btn .btn:hover {background:#fafafa;}


.fly_right .btn_move {margin-top:30px; background:#fff; overflow:hidden;}
.fly_right .btn_move li {float:left;width: 48%;margin-right: 2%;}
.fly_right .btn_move li+ li .btn {}
.fly_right .btn_move .btn {display:block;height:45px;box-shadow: #f3f3f3 2px 2px 4px 2px;border: 1px solid #e4e4e4;box-sizing:border-box;position:relative;padding-top:16px;border-radius: 10px;text-align:center;font-size:0px;}
.fly_right .btn_move .btn:hover {background-color:#f5f5f5;}






.footer { margin-top:80px; padding-bottom:50px}
.footer li {list-style:none;}


.footer .bottom_menu {text-align:center; 	box-shadow: 2px 0px 4px 0px rgb(0 0 0 / 20%);
	-moz-box-shadow: 2px 0px 4px 0px rgb(0 0 0 / 20%);
	-webkit-box-shadow: 2px 0px 4px 0px rgb(0 0 0 / 20%);}
.footer .bottom_menu ul {display:inline-block;}
.footer .bottom_menu li {float:left; margin:4px 0 7px}
.footer .bottom_menu .btn {color:#888; letter-spacing:-0.5px; padding:10px 18px 10px 19px; position:relative;}
.footer .bottom_menu li+ li .btn:before {content:""; position:absolute; left:0; top:50%; width:1px; height:9px; background:#ccc; margin-top:-3px}
.footer .bottom_menu .btn:hover {text-decoration:underline;}


.footer .copyright {display:table; width:100%; table-layout:fixed; margin-top:40px; box-sizing:border-box;}
.footer .copyright .li {display:table-cell; list-style:none; vertical-align:top; box-sizing:border-box;}
.footer .copyright .li.info {padding-right:30px;}
.footer .copyright .li.pg {width:310px;}


.footer .shop_name {color:#666; font-size:23px; letter-spacing:-1px; float:left; margin-bottom:10px;}
.footer .sns_box {float:left;  margin-left:20px; margin-bottom:10px;}
.footer .sns_box li {list-style:none; float:left;}
.footer .sns_box .sns {padding:5px 15px 5px 16px; position:relative;}
.footer .sns_box .sns img {height:19px;}
.footer .sns_box li+ li .sns:before {content:""; position:absolute; left:0; top:4px; width:1px; height:21px; background:#ebebec;}


.footer .info_box {overflow:hidden;}
.footer .info_box li {overflow:hidden;}
.footer .info_box .txt {position:relative; padding:0 20px 0 0; color:#888; float:left; word-wrap:break-word; word-break:keep-all; white-space:normal; line-height:18px;}
.footer .info_box .txt+ .txt:before {content:""; position:absolute; left:-10px; top:50%; width:2px; height:2px; background:#888;}
.footer .info_box .btn {color:#999; text-decoration:underline; font-size:11px; margin-left:5px; letter-spacing:-0.5px; font-weight:600;}
.footer .info_box .btn:hover {color:#666;}
.footer .info_box .copy {color:#999; margin-top:14px; margin-left:2px}

.footer .pg_box {border:1px solid #ddd;box-sizing:border-box;padding:15px 25px;overflow:hidden;border-radius: 10px;margin-top:30px;}
.footer .pg_box .ic_pg {float:left; width:68px; padding:4px 0 0 3px; box-sizing:border-box;}
.footer .pg_box .ic_pg img {width:50px; max-height:70px;}
.footer .pg_box .pc_txt {float:left; width:185px; padding-top:3px; box-sizing:border-box; margin-bottom:-3px}
.footer .pg_box .txt {color:#888; font-size:11px; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all;}
.footer .pg_box .btn {color:#888; font-size:11px; letter-spacing:-1px; position:relative; padding:5px 10px 5px 0; margin-top:5px; background:transparent url('../images/skin/pg_arrow.gif') right 10px no-repeat;}
.footer .pg_box .btn:hover {text-decoration:underline;}

.footer .ssl {padding-top:35px; overflow:hidden;}
.footer .ssl li {list-style:none; float:left;}
.footer .ssl li+ li {margin-left:10px}
.footer .ssl img {height:40px !important; }











.main_title {text-align:center; font-size:23px; color:#000;}






.main_visual {position:relative;overflow:hidden;border: 0;box-shadow: 4px 5px 4px 0px rgb(0 0 0 / 30%);-moz-box-shadow: 4px 5px 4px 0px rgb(0 0 0 / 30%);-webkit-box-shadow: 4px 5px 4px 0px rgb(0 0 0 / 30%);}


.main_visual .rolling_box {position:relative;}
.main_visual .visual_box {height:400px; background-position:center top;}
.main_visual .visual_img {width:1050px; height:400px; background-position:center top; position:absolute; left:50%; top:0; margin-left:-525px}


.main_visual .rolling_icon {position:absolute; left:0; bottom:30px; width:100%; text-align:center; z-index:11;}
.main_visual .rolling_icon .lineup {display:inline-block; overflow:hidden;}
.main_visual .rolling_icon .icon {width:12px; height:12px; float:left; margin:0 6px; background:transparent url('../images/skin/main_nate.png') left top no-repeat;}
.main_visual .rolling_icon .active {background-position:right top !important;}
.main_visual .rolling_icon .icon:hover {background-position:right bottom;}


.main_visual .prevnext {position:absolute; top:50%; z-index:3; margin-top:-29px}
.main_visual .prevnext.prev {left:20px; }
.main_visual .prevnext.next {right:20px;}
.main_visual .prevnext a {display:block; }
.main_visual .prevnext .icon {width:55px;height:55px;box-sizing:border-box;border:1px solid rgba(0,0,0,0.3);border-radius: 50px;}
.main_visual .prevnext.prev .icon {background:transparent url('../images/skin/main_visual_prev.gif') center center no-repeat;}
.main_visual .prevnext.next .icon {background:transparent url('../images/skin/main_visual_next.gif') center center no-repeat;}
.main_visual .prevnext a:hover .icon {background-color:#fff; border-color:#666;}






.main_md {border: 0;margin-top:45px;text-align:center;}


.main_md .md_tab {text-align:center; overflow:hidden; margin-top:15px}
.main_md .md_tab ul {display:inline-block;}
.main_md .md_tab li {list-style:none;float:left;}
.main_md .md_tab .btn {display:block;text-align:center;min-width:120px;border: 1px solid #c9c9c9;border-left:0 !important;background:#f5f5f5;position:relative;box-sizing:border-box;}
.main_md .md_tab .btn {height:31px;line-height:28px;box-shadow: 2px 0px 4px 0px rgb(0 0 0 / 20%);-moz-box-shadow: 2px 0px 4px 0px rgb(0 0 0 / 20%);-webkit-box-shadow: 2px 0px 4px 0px rgb(0 0 0 / 20%);font-size:13px;color: #662d91;padding:0 10px;border-radius: 33px;}
.main_md .md_tab li:first-child .btn {/* border-left: 1px solid #662d91 !important; */}
.main_md .md_tab li:hover .btn {background:#662d91;color: #fff;}
.main_md .md_tab .hit .btn {border: 1px solid #d4d4d4 !important;border-left:0 !important;color: #ffffff;background: #662d91;}
.main_md .md_tab .hit .btn:before {display:none;}


.main_md .rolling_icon {text-align:center; position:relative; margin-top:-10px;}
.main_md .rolling_icon .lineup {display:inline-block; position:relative; height:12px;}
.main_md .rolling_icon .icon {width:12px; height:12px; float:left; margin:0 6px; background:transparent url('../images/skin/main_nate.png') left top no-repeat;}
.main_md .rolling_icon .active {background-position:right top !important;}
.main_md .rolling_icon .icon:hover {background-position:right bottom;}


.main_md .prevnext {position:absolute; top:-5px; z-index:10; display:none;}
.main_md .prevnext.prev {left:-35px; }
.main_md .prevnext.next {right:-35px;}
.main_md .prevnext a {display:block; padding:5px 10px; overflow:hidden;}
.main_md .prevnext .icon {width:7px; height:12px; background:transparent url('../images/skin/main_nate_pvnx.gif') left top no-repeat !important;}
.main_md .prevnext.next .icon {background-position:right top !important;}
.main_md .prevnext.prev:hover .icon {background-position:left bottom !important;}
.main_md .prevnext.next:hover .icon {background-position:right bottom !important;}


.main_md .item_list {margin-top:20px;}
.main_md .item_box .item_name {font-weight:400; color:#666;}
.main_md .item_box .info {border:0 !important; }

.main_md .c_none {height:411px; margin:0px; padding-top:150px; box-sizing:border-box; border:1px solid #eee; margin-top:20px;}





.main_ad {margin-top:50px}
.main_ad li {list-style:none;}
.main_ad a {
    border-radius: 10px;
}
.main_ad .banner {overflow:hidden;}


.main_ad .triple {border-radius: 10px;overflow:hidden;}
.main_ad .triple ul {margin-left:-18px; margin-top:-18px}
.main_ad .triple li {display: inline-block;width: 48.555%;height: 190px;overflow:hidden;margin-top:18px;margin-right: 26px;box-sizing:border-box;border-radius:10px;background: transparent;box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 20%);-moz-box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 20%);-webkit-box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 20%);}
.main_ad .triple li:last-child{margin-right:0}
.main_ad .triple .banner {padding: 0 0 20px 0;border-radius: 10px;text-align: center;}
.main_ad .triple li img {width: 100%;box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 20%);-moz-box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 20%);-webkit-box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 20%);border-radius: 10px;}


.main_ad .single {overflow:hidden;}
.main_ad .single ul {margin-top:-18px}
.main_ad .single li {margin-top:18px; overflow:hidden;}
.main_ad .single li img {width: 100%;border-radius: 10px;float:left;box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 20%);-moz-box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 20%);-webkit-box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 20%);}


.main_ad .triple+ .single {margin-top:18px; border-radius:10px;	box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 20%);	-moz-box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 20%);-webkit-box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 20%);}
.main_ad .single+ .triple {margin-top:18px; border-radius:10px;	box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 20%);	-moz-box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 20%);-webkit-box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 20%);}










.main_ctg {margin-top:50px; background:#f5f5f5; overflow:hidden;}
.main_ctg .layout_fix {padding:40px 0;}
.main_ctg .best_box {background:#f5f5f5; margin-top:20px; overflow:hidden; padding:40px 0; position:relative;}
.main_ctg .main_title {background:#fff; padding-bottom:15px;}



.main_ctg .best_tab { border-bottom:1px solid #ccc; box-sizing:border-box; position:relative;}
.main_ctg .best_tab ul {display:table; box-sizing:border-box;}
.main_ctg .best_tab li {list-style:none; display:table-cell; border:1px solid #ccc; border-bottom:0;}
.main_ctg .best_tab .btn {display:block; text-align:center; height:33px; line-height:31px; letter-spacing:-0.5px; color:#888; position:relative; padding:0 15px;}
.main_ctg .best_tab .hit { border-color:#ccc; }
.main_ctg .best_tab .hit .btn {color:#333; background:#fff !important;}
.main_ctg .best_tab .hit .btn:after {content:""; position:absolute; left:-1px; top:-1px; width:1px; height:35px; background:#ccc;}
.main_ctg .best_tab .hit .btn:before {content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff; z-index:2}
.main_ctg .best_tab li:hover .btn {background:#fff;}
.main_ctg .best_tab .btn_more {position:absolute; right:0; top:3px; z-index:10}
.main_ctg .best_tab .btn_more .tx {padding:5px 10px 5px 5px; background:transparent url('../images/skin/main_ctg_arrow.gif') right 9px no-repeat; letter-spacing:-1px; color:#999;}
.main_ctg .best_tab .btn_more:hover .tx {color:#333;}

.main_ctg .rolling_wrap {border:1px solid #ccc; background:#fff; padding:30px 40px; margin-top:-1px; text-align:center;}
.main_ctg .rolling_icon {text-align:center; position:relative;}
.main_ctg .rolling_icon .lineup {display:inline-block; position:relative; height:12px;}
.main_ctg .rolling_icon .icon {width:12px; height:12px; float:left; margin:0 6px; background:transparent url('../images/skin/visual_nate.png') left top no-repeat;}
.main_ctg .rolling_icon .active {background-position:right top !important;}
.main_ctg .rolling_icon .icon:hover {background-position:right bottom;}


.main_ctg .prevnext {position:absolute; top:-5px; z-index:10; display:none;}
.main_ctg .prevnext.prev {left:-35px; }
.main_ctg .prevnext.next {right:-35px;}
.main_ctg .prevnext a {display:block; padding:5px 10px; overflow:hidden;}
.main_ctg .prevnext .icon {width:7px; height:12px; background:transparent url('../images/skin/md_arrow.gif') left top no-repeat !important;}
.main_ctg .prevnext.next .icon {background-position:right top !important;}
.main_ctg .prevnext a:hover {background:#fff;}


.main_ctg .item_list .item_name {font-weight:400; color:#666;}
.main_ctg .item_list .sub_name {display:none !important;}
.main_ctg .item_list .info {border:0 !important; padding-bottom:20px; height:74px;}
.main_ctg .item_list .info .price {top:36px; }

.main_ctg .item_list.if_col3 .ul { margin-left:-20px}
.main_ctg .item_list.if_col3 .item_box {margin-left:20px}
.main_ctg .item_list.if_col3 .sub_name {display:block;}
.main_ctg .item_list.if_col3 .price {top:13px}
.main_ctg .item_list.if_col3 .after {margin-top:18px}

.main_ctg .item_list.if_col5 ul {margin-left:-15px}
.main_ctg .item_list.if_col5 .item_box {margin-left:15px}
.main_ctg .item_list.if_col5 .info {padding:15px 14px 15px 15px}
.main_ctg .item_list.if_col5 .price {bottom:21px;}
.main_ctg .item_list.if_col5 .before {margin-bottom:2px}

.main_ctg .c_none {height:355px; margin:0px; padding-top:150px; box-sizing:border-box;}







.main_item {margin-top:50px}
.main_item .item_list {margin-top:15px}
.main_item .rolling_box .item_list li {clear:none !important}










.main_wide {margin-top:60px}
.main_wide .bx-viewport{border-radius:10px;}

.main_wide .banner {position:relative;height:220px;overflow:hidden;text-align:center;border-right: 10px;	box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 20%);
	-moz-box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 20%);
	-webkit-box-shadow: 4px 4px 4px 0px rgb(0 0 0 / 20%); border-radius:10px; border:1px solid #f3f3f3;}
.main_wide .banner img {max-width:100%;border-radius: 10px;}


.main_wide .prevnext {position:absolute; top:50%; z-index:3; margin-top:-27px}
.main_wide .prevnext.prev {left:15px; }
.main_wide .prevnext.next {right:15px;}
.main_wide .prevnext a {display:block; padding:10px}
.main_wide .prevnext .icon {width:18px; height:34px; background:transparent url('../images/skin/main_full_pvnx.png') left top no-repeat;}
.main_wide .prevnext.next .icon {background-position:right top;}
.main_wide .prevnext.next:hover .icon {background-position:right bottom;}
.main_wide .prevnext.prev:hover .icon {background-position:left bottom;}










.main_review {margin-top:50px}
.main_review .review {display:table; width:100%; table-layout:fixed; margin-top:15px}
.main_review .review .li {list-style:none; display:table-cell; border:1px solid #ddd; vertical-align:top;}


.main_review .review_box {position:relative; padding:25px 30px 24px; box-sizing:border-box; overflow:hidden;}


.main_review .review_item {overflow:hidden; position:relative;}
.main_review .review_item .thumb {width:95px; background:#f5f5f5 url('../images/skin/none_photo.png') center center no-repeat; overflow:hidden; border:1px solid #eee; box-sizing:border-box; float:left;}
.main_review .review_item .thumb {position:relative;}
.main_review .review_item .thumb img {width:100%; float:left;}
.main_review .review_item .thumb .real_img {position:absolute; left:0; top:0; width:100%; height:100%;}
.main_review .review_item .thumb .fake_img {overflow:hidden;}
.main_review .review_item .info {padding-left:110px; box-sizing:border-box;}
.main_review .review_item .ctg {color:#999; letter-spacing:-0.5px; margin-top:3px;}
.main_review .review_item .item_name {font-size:13px; color:#666; letter-spacing:-0.5px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; margin-top:1px}
.main_review .review_item .price { margin-top:16px;  font-size:12px; color:#333; font-weight:600; letter-spacing:-0.5px; line-height:13px; overflow:hidden;}
.main_review .review_item .price .won {float:left; font-size:15px; float:left; line-height:15px; letter-spacing:-0.5px;}
.main_review .review_item:hover .thumb {border-color:#aaa;}
.main_review .review_item:hover .item_name {text-decoration:underline;}


.main_review .review_list {padding-top:14px}
.main_review .review_list li { list-style:none; overflow:hidden; padding:3px 0}
.main_review .review_list .mark {background:transparent url('../images/skin/main_review_star.png') no-repeat; width:63px; height:10px; display: inline-block; float:left; margin:3px 13px 0 2px;}
.main_review .review_list .star {background:transparent url('../images/skin/main_review_star.png') 0 bottom no-repeat; width:100%; height:100%; float:left;}
.main_review .review_list .txt {letter-spacing:-0.5px; color:#666; float:left; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; width:211px;}









.main_insta {margin-top:60px; }


.main_insta .insta_title {position:relative; text-align:center;}
.main_insta .insta_title .title {font-size:23px; color:#000; height:30px; line-height:30px; padding-left:30px; background:transparent url('../images/skin/main_insta.png') left center no-repeat;}
.main_insta .insta_title .insta_id {position:absolute; right:0px; bottom:-1px; font-size:13px; color:#666;}
.main_insta .insta_title .insta_id:hover {text-decoration:underline;}


.main_insta .insta_list {margin-top:20px; overflow:hidden; text-align:center;}
.main_insta .insta_list ul {margin-left:-15px; margin-top:-22px;}
.main_insta .insta_list li {list-style:none; width:12.5%; overflow:hidden; float:left; margin-top:22px; }


.main_insta .insta_box {overflow:hidden; position:relative; margin-left:15px; border:1px solid #f5f5f5; height:116px; background:#f5f5f5 url('../images/skin/main_insta_no.png') center center no-repeat;}
.main_insta .insta_box img {width:100%; height:100%; float:left;}
.main_insta .insta_box .fake {overflow:hidden;}
.main_insta .insta_box .real {position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; overflow:hidden;}
.main_insta .insta_box .ov_box {position:absolute; left:0; top:0; width:100%; height:100%; padding:30px 15px 15px; box-sizing:border-box; text-align:center; visibility:hidden; z-index:2}
.main_insta .insta_box .ov_box {background:transparent url('../images/skin/black_60.png') left top repeat; }
.main_insta .insta_box .text {color:#fff; font-size:11px; letter-spacing:-0.5px; text-align:left; max-height:45px; line-height:15px;}
.main_insta .insta_box .text {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box;}
.main_insta .insta_box .date {color:#fff; font-size:11px; letter-spacing:-0.5px;}
.main_insta .insta_list li:hover .ov_box {visibility:visible;}









.main_cs {padding-top:50px; border-top:1px solid #ddd; margin-top:50px;}
.main_cs .ul {display:table; width:100%;  overflow:hidden; table-layout:fixed;}
.main_cs .li {list-style:none; display:table-cell; vertical-align:top; position:relative; box-sizing:border-box;}
.main_cs .li+ .li {border-left:1px solid #ddd; }


.main_cs .title_box { overflow:hidden; margin-bottom:15px; }
.main_cs .title_box .tit {font-size:17px; color:#000; font-weight:600; float:left; height:25px; line-height:1;}
.main_cs .title_box .btn_more {float:right; color:#999; letter-spacing:-1px; background:transparent url('../images/skin/top_right_arrow.gif') right center no-repeat; height:20px; line-height:20px; line-height:18px\0; padding:0 8px;}
.main_cs .title_box .btn_more:hover {color:#666;}


.main_cs .btn_box { position:absolute; left:0; bottom:0; box-sizing:border-box;}
.main_cs .btn_box ul {display:table; width:100%; table-layout:fixed; box-sizing:border-box;}
.main_cs .btn_box li {display: inline-block;text-align:center;box-sizing:border-box;position:relative;width: 46%;margin-right: 10px;}
.main_cs .btn_box .btn {display:block;height:41px;line-height:40px;line-height:39px\0;font-size:13px;letter-spacing:-1px;box-shadow: 2px 0px 4px 0px rgb(0 0 0 / 20%);-moz-box-shadow: 2px 0px 4px 0px rgb(0 0 0 / 20%);-webkit-box-shadow: 2px 0px 4px 0px rgb(0 0 0 / 20%);border-radius: 10px;margin: 0 auto;box-sizing:border-box;overflow:hidden;border-radius: 39px;color: #662d91;position:relative;border: 1px solid #efefef;}
.main_cs .btn_box li:first-child .btn {}
.main_cs .btn_box li:hover .btn:before {content:""; width:1px; height:43px; position:absolute; left:-1px; top:-1px; background:#999;}
.main_cs .btn_box li:hover .btn {border-color:#999;}


.main_cs .notice_box {padding-right:40px}
.main_cs .notice_tab {box-sizing:border-box;}
.main_cs .notice_tab ul {display:table; width:100%; table-layout:fixed; box-sizing:border-box;}
.main_cs .notice_tab li {list-style:none;display: inline-block;width: 48%;background: #f5f5f5;border-radius: 40px;margin-right: 5px;}
.main_cs .notice_tab li:last-child{margin-right:0;}
.main_cs .notice_tab .btn {	box-shadow: 2px 0px 4px 0px rgb(0 0 0 / 20%);
	-moz-box-shadow: 2px 0px 4px 0px rgb(0 0 0 / 20%);
	-webkit-box-shadow: 2px 0px 4px 0px rgb(0 0 0 / 20%);
	border-radius: 10px;
	margin: 0 auto;box-sizing:border-box;overflow:hidden;border-radius: 10px;display:block;text-align:center;height:33px;line-height:31px;border-radius: 10px;font-size:13px;letter-spacing:-0.5px;color:#888;position:relative;}
.main_cs .notice_tab .hit {font-weight: bold;}
.main_cs .notice_tab .hit .btn {border-radius: 50px;color: #662d91;background:#fff !important;}
.main_cs .notice_tab li:hover .btn {background:#f5f5f5;}


.main_cs .notice_list {padding-top:2px; min-height:120px; box-sizing:border-box; margin-top:16px}
.main_cs .notice_list ul {margin:-5px 0}
.main_cs .notice_list li {padding:5px 0; position:relative; padding-left:10px; padding-right:50px; display:block; clear:both; overflow:hidden;}
.main_cs .notice_list .posting {float:left; display:inline-block; max-width:100%; overflow:hidden;}
.main_cs .notice_list .posting:before {content:""; width:2px; height:2px; background:#666;  position:absolute; top:13px; left:2px; }
.main_cs .notice_list .date {color:#999; position:absolute; top:6px; right:3px; letter-spacing:0px;}
.main_cs .notice_list .state {position:absolute; top:6px; right:3px; letter-spacing:-1px; }
.main_cs .notice_list .state.end {color:#ccc;}
.main_cs .notice_list .state.ing {color:#333;}
.main_cs .notice_list .txt {letter-spacing:-0.5px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; word-wrap: normal !important; display:block; position:relative; padding-right:5px;}
.main_cs .notice_list .new {width:12px; height:12px; float:right; display:inline-block; margin-top:4px}
.main_cs .notice_list .new img {width:100%; height:100%;}
.main_cs .notice_list .posting:hover .txt {text-decoration:underline;}


.main_cs .notice_list.if_event li {padding-right:80px}


.main_cs .post_none {margin-top:20px; text-align:center; padding-top:45px; background:transparent url('../images/skin/main_post_none.png') center top no-repeat; color:#aaa; letter-spacing:-0.5px;}


.main_cs .cs_box {padding:0 40px 60px 40px; width:37%;}
.main_cs .cs_box .btn_box {padding:0 40px}
.main_cs .cs_box .cs_info {padding-left:50px; background:transparent url('../images/skin/main_cs_tel.png') left 0 no-repeat;}
.main_cs .cs_box .cs_info .tel {color:#333; font-weight:600; font-size:25px; line-height:26px;}
.main_cs .cs_box .cs_info .email { font-size:14px; color:#666; margin-top:3px}
.main_cs .cs_box .cs_info .email:hover a {text-decoration:underline;}
.main_cs .cs_box .cs_time { color:#666; padding-left:50px; margin-top:15px; line-height:19px;}


.main_cs .bank_box {padding-bottom:60px; padding-left:40px;}
.main_cs .bank_box .btn_box {padding-left:40px}
.main_cs .bank {display:table; width:100%; margin-top:-9px}
.main_cs .bank ul {display:table-row;}
.main_cs .bank li {display:table-cell; list-style:none; vertical-align:top}
.main_cs .bank .left_tit {letter-spacing:-0.5px; color:#666; position:relative; padding-left:11px; padding-top:10px; width:68px; box-sizing:border-box;}
.main_cs .bank .left_tit:before {content:""; position:absolute; left:4px; top:18px; width:2px; height:2px; background:#666;}
.main_cs .bank .right_num {padding-top:10px}
.main_cs .bank .number { font-size:13px; color:#333;}
.main_cs .bank .name {color:#888; letter-spacing:-0.5px; margin-top:1px;}


.skiptranslate {display:none;position:absolute;height:0;}
#google_translate_element {display:none; position:absolute;height:0;}

body{top:0!important;}

/*상품DB센터*/
/* ●리스트영역 */
.data_list {}
.data_list.if_entershop td {background:#f7f8f9; padding:15px;}
.data_list *+ .tip_box {padding-top:10px;}
.data_list table tbody td:first-child label.design {float:none; margin:0px;}



/* ●리스트 컨트롤 */
.list_ctrl {margin-bottom:10px; overflow:hidden;}
.list_ctrl .left_box {float:left;}
.list_ctrl .right_box {float:right;}
.list_ctrl .right_box * {margin-right:0px !important; margin-left:5px !important;}


/* 폼테이블 */
.table_form {border:1px solid #d9dee3; width:100%; max-width:100%; table-layout:fixed;}
.table_form tr {border-top:1px solid #d9dee3;}
.table_form th {background:#f4f5f7; border-left:1px solid #d9dee3; text-align:left; padding:15px 20px 16px; box-sizing:border-box; font-weight:600; word-wrap:break-word; word-break:keep-all;}
.table_form th.ess:after {content:""; color:#ff0000; font-size:13px; line-height:1; margin-left:5px; width:10px; height:10px; background:transparent url('../images/ess.gif') left center no-repeat; display:inline-block;}
.table_form td {padding:10px 20px 10px 20px; vertical-align:middle}
.table_form select {max-width:100%;}
.table_form .only_text {padding-top:9px;}

.table_form table { margin-top:5px; margin-bottom:5px; border-bottom:1px solid #d9dee3; width:100%; table-layout:fixed;}
.table_form table th {border-left:0 !important; padding:12px 0 13px; text-align:center;}

.table_form table.it_only_text tr {border:0;}
.table_form table.it_only_text th {background:none; border:1px solid #ddd !important; padding:5px !important; text-align:left}
.table_form table.it_only_text td {border:1px solid #ddd !important;  padding:5px !important;}

.table_form+ .tip_box {padding-left:20px; margin-top:15px;}

.data_form.if_search .table_form th {padding:8px 20px 8px 20px !important;}
.data_form.if_search .table_form td {padding: 14px !important;}
.data_form.if_search .c_btnbox {margin-top:30px;}

.data_form.if_nobottom .c_btnbox {padding-bottom:0px; border-bottom:0; margin-bottom:0px;}
.data_form.if_nobottom+ .group_title {margin-top:10px;}
.data_form .table_list {margin:0px;}
.data_form .table_list th {padding:8px !important; border-left:1px solid #d9dee3 !important; background:#f4f5f7;}
.data_form .table_list td {padding:8px 10px !important;}
.data_form .list_ctrl {margin-bottom:5px;}
/* ●●● 버튼타입 */
.c_btn {float:left; background:#fff; border:1px solid #ccc; box-sizing:border-box; padding:0 10px; overflow:hidden; white-space:nowrap; text-decoration:none !important; text-align:center !important;}
.c_btn {color:#666 !important; font-weight:400 !important; font-size:12px !important; margin-right:5px;}
/* .c_btn+ .c_btn {margin-left:5px;} */
.c_btn+ .c_tag {margin-left:5px;}

.c_btn.h22 {height:22px; line-height:18px !important; line-height:17px\0 !important; font-size:11px !important; padding:0 5px; }
.c_btn.h23 {height:23px; line-height:19px !important; line-height:19px\0 !important;}
.c_btn.h24 {height:24px; line-height:20px !important; line-height:21px\0 !important;}
.c_btn.h25 {height:25px; line-height:21px !important; line-height:21px\0 !important;}
.c_btn.h26 {height:25px; line-height:21px !important; line-height:21px\0 !important;}
.c_btn.h27 {height:27px; line-height:23px; line-height:22px\0 !important;}
.c_btn.h28 {height:28px; line-height:25px; line-height:24px\0 !important;}
.c_btn.h34 {height:34px; line-height:31px; line-height:30px\0 !important; padding:0 21px; font-size:15px !important; letter-spacing:-1px; font-weight:600 !important;}
.c_btn.h46 {height:46px; line-height:40px; line-height:41px\0 !important; padding:0 24px; font-size:17px !important; letter-spacing:-1.5px; font-weight:600 !important;}

span.c_btn.icon input {padding-left:0px !important;}
span.c_btn.line input {color:#666}
span.c_btn {padding:0px !important;}
span.c_btn input {letter-spacing:-1px; color:#666; }

span.c_btn.h22 input {padding:1px 6px 4px 6px; font-size:11px;}
span.c_btn.h23 input {padding:1px 11px 5px 11px; }
span.c_btn.h24 input {padding:2px 11px 4px 11px; }
span.c_btn.h25 input {padding:2px 11px 4px 11px; }
span.c_btn.h26 input {padding:2px 11px 4px 11px; }
span.c_btn.h27 input {padding:3px 11px 3px 11px; }
span.c_btn.h28 input {padding:4px 11px 4px 11px; }
span.c_btn.h34 input {padding:5px 21px 9px 21px;font-size:15px;font-weight:600 !important;letter-spacing:-1px;background: #666!important;}
span.c_btn.h46 input {padding:8px 24px 13px 24px; padding-top:9px\0; font-size:17px; font-weight:600 !important; letter-spacing:-1.5px;}

.c_btn.gray {background:#efefef; border-color:#ccc !important; color:#666 !important;}
.c_btn.gray input {color:#666;}
.c_btn.black {background:#353c43 !important; border-color:#353c43 !important; color:#fff !important;}
.c_btn.black input {color:#fff;}
.c_btn.red {background:#f40000 !important; border-color:#f40000 !important; color:#fff !important;}
.c_btn.red input {color:#fff;}
.c_btn.green {background:#01c73c !important; border-color:#01c73c !important; color:#fff !important;}
.c_btn.green input {color:#fff;}
.c_btn.blue {background-color:#008aff !important; border-color:#008aff !important; color:#fff !important;}
.c_btn.blue input {color:#fff;}


.c_btn.light {border-color:#666 !important; color:#666 !important;}
.c_btn.dark {border-color:#000 !important; color:#000 !important;}

.c_btn.black.line {color:#353c43 !important; background:#fff  !important;}
.c_btn.black.line input {color:#353c43; background:#fff !important;}
.c_btn.red.line {color:#f40000 !important; background:#fff !important;}
.c_btn.red.line input {color:#f40000; background:#fff !important;}
.c_btn.green.line {color:#01c73c !important; background:#fff  !important;}
.c_btn.green.line input {color:#01c73c; background:#fff !important;}

.c_btn.light.line {border-color:#666 !important; color:#666 !important;}
.c_btn.dark.line {border-color:#000 !important; color:#000 !important;}

.c_btn.normal {font-weight:400 !important;}

.c_btn.light {color: #fff !important;border-color:#999 !important;}
.c_btn.dark {color:#000 !important; background:#efefef !important;}

/* ●●● 폼요소 */
input.design {float:left; background:#fff; box-sizing:border-box; border:1px solid #d9dee3; padding:0 5px; margin-right:5px; overflow:hidden; padding:4px 10px 5px 9px; width:190px; font-weight:400;}
input.design.disabled {background:#f5f5f5; cursor:no-drop; color:#888;}
input.design:focus {border-color:#aaa; color:#333;}
input[type=file].design {padding:0; height:27px;}


textarea.design {width:100%; box-sizing:border-box; background:#fff; box-sizing:border-box; border:1px solid #d9dee3; padding:10px; }
textarea.design:focus {border-color:#aaa; color:#333;}

label.design {height:27px; line-height:25px; float:left; margin-right:15px;}
label.design {overflow:hidden; float:left;}
label.design input {float:left; margin:7px 4px 0 0 !important;}
label img {vertical-align:middle}


/* 아이콘버튼 */
.c_btn.icon {padding-left:9px; height:27px; line-height:23px; line-height:22px\0; letter-spacing:0px;}
.c_btn.icon.h28 {height:28px; line-height:24px; line-height:28px\0; font-size:11px !important;}
.c_btn.icon:before {content:""; width:21px; height:20px; float:left; margin:4px 2px 0 0;}
.c_btn.icon_excel:before {background:transparent url('/totalAdmin/images/icon_excel.png') left top no-repeat;}
.c_btn.icon_print:before {background:transparent url('/totalAdmin/images/icon_print.png') left top no-repeat;}

.c_btn.icon_up {width:23px; background:#fff url('/totalAdmin/images/btn_up.png') center center no-repeat; margin-right:0px !important;}
.c_btn.icon_down {width:23px; margin-left:-1px !important; background:#fff url('../images/btn_down.png') center center no-repeat;}
.c_btn.icon_up:hover {background-color:#fafafa;}
.c_btn.icon_down:hover {background-color:#fafafa;}
.c_btn.icon_top {width:23px; background:#fff url('../images/btn_top.png') center center no-repeat;}
.c_btn.icon_bottom {width:23px; margin-left:-1px; background:#fff url('../images/btn_bottom.png') center center no-repeat;}
.c_btn.icon_top:hover {background-color:#fafafa;}
.c_btn.icon_bottom:hover {background-color:#fafafa;}
.c_btn.icon_down+ .c_btn {margin-left:5px;}

.c_btn.icon_plus:before {background:transparent url('/totalAdmin/images/icon_plus.gif') left center no-repeat; margin-top:2px; margin-top:3px\0; width:10px;}
.c_btn.icon_minus:before {background:transparent url('/totalAdmin/images/icon_minus.gif') left center no-repeat; margin-top:2px; margin-top:3px\0; width:10px;}
.c_btn.icon_plus_b:before {background:transparent url('/totalAdmin/images/icon_plus_b.gif') left center no-repeat; margin-top:2px; margin-top:3px\0; width:10px;}
.c_btn.icon_minus_b:before {background:transparent url('/totalAdmin/images/icon_minus_b.gif') left center no-repeat; margin-top:2px; margin-top:3px\0; width:10px;}

/* ●●● 페이지네이트 */
.paginate {text-align:center; overflow:hidden; position:relative; clear:both; padding-top:30px;}
.paginate a {float:left;}
.paginate .nextprev {border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; float:left; overflow:hidden;}
.paginate .nextprev .btn {float:left; position:relative; overflow:hidden; height:35px;}
.paginate .nextprev .btn .ok {display:none;}
.paginate .nextprev .click .ok {display:block;}
.paginate .nextprev .click .no {display:none;}
.paginate .nextprev .ok {width:40px; height:35px; border-right:1px solid #dbdbdb;  background:#fff; float:left;}
.paginate .nextprev .ok:hover {background:#f5f5f5;}
.paginate .nextprev .icon {background:transparent url('/totalAdmin/images/paginate.png') no-repeat; width:20px; height:20px; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px}
.paginate .nextprev .no {width:40px; height:35px; border-right:1px solid #dbdbdb; background:#fff;}
.paginate .nextprev .ok .ic_first {background-position:0 0}
.paginate .nextprev .ok .ic_prev {background-position:-20px 0}
.paginate .nextprev .ok .ic_next {background-position:-40px 0}
.paginate .nextprev .ok .ic_last {background-position:-60px 0}
.paginate .nextprev .no .ic_first {background-position:0 -20px; }
.paginate .nextprev .no .ic_prev {background-position:-20px -20px}
.paginate .nextprev .no .ic_next {background-position:-40px -20px}
.paginate .nextprev .no .ic_last {background-position:-60px -20px}
.paginate .number {float:left; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin:0 15px;}
.paginate .number a {line-height:35px; color:#666; padding:0 15px; font-size:14px; border-right:1px solid #dbdbdb; background:#fff}
.paginate .number a:hover {text-decoration:underline; background:#f5f5f5}
.paginate .number .hit {color:#ff0000; font-weight:600;}
.paginate .btn_area {position:absolute; right:0;}


select {border:1px solid #d9dee3; padding:1px 22px 4px 8px; padding:1px 22px 3px 6px\0; float:left; font-size:12px !important; height:27px; margin-right:5px;}
select {-webkit-appearance: none; appearance: none;  -moz-appearance: none; -webkit-user-select: none; background:#fff url('/totalAdmin/images/select.gif') right center no-repeat;}
select:focus {border-color:#aaa;}
select::-ms-expand {display:none;}
select+ select {margin-left:5px;}
select+ .c_btn {margin-left:5px;}
.c_btn+ select {margin-left:5px;}

.fr_tx {float:left; color:#666; letter-spacing:0px; margin-right:5px; line-height:26px; line-height:25px\0; height:27px;}
.fr_tx+ label {margin-left:10px;}

.fr_url {float:left; color:#666; letter-spacing:0; margin-right:5px; line-height:26px; line-height:25px\0; height:27px;}
.fr_url.h22 {line-height:22px; line-height:22px\0; height:22px;}

    input[type="checkbox"] {
        -webkit-appearance: none;
        position: relative;
        width: 16px;
        height: 16px;
        cursor: pointer;
        outline: none !important;
        border: 1px solid #eeeeee;
        border-radius: 2px;
        background: #fbfbfb;
    }
 
    input[type="checkbox"]::before {
        content: "\2713";
        position: absolute;
        top: 46%;
        left: 50%;
        overflow: hidden;
        transform: scale(0) translate(-50%, -50%);
        line-height: 1;
    }
 
    input[type="checkbox"]:hover {
        border-color: rgba(170, 170, 170, 0.5);
    }
 
    input[type="checkbox"]:checked {
        background-color: #662d91!important;
        border-color: rgba(255, 255, 255, 0.3);
        color: white;
    }
 
    input[type="checkbox"]:checked::before {
        border-radius: 2px;
        transform: scale(1) translate(-50%, -50%)
    }