/* font */
/***** font-family *****/
@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:100;
	src:url(https://data.hanmi.co.kr/font/pretendard/Pretendard-Thin.subset.woff2) format('woff2'),
	url(https://data.hanmi.co.kr/font/pretendard/Pretendard-Thin.subset.woff) format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:200;
	src:url(https://data.hanmi.co.kr/font/pretendard/Pretendard-ExtraLight.subset.woff2) format('woff2'),
	url(https://data.hanmi.co.kr/font/pretendard/Pretendard-ExtraLight.subset.woff) format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:300;
	src:url(https://data.hanmi.co.kr/font/pretendard/Pretendard-Light.subset.woff2) format('woff2'),
	url(https://data.hanmi.co.kr/font/pretendard/Pretendard-Light.subset.woff) format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:400;
	src:url(https://data.hanmi.co.kr/font/pretendard/Pretendard-Regular.subset.woff2) format('woff2'),
	url(https://data.hanmi.co.kr/font/pretendard/Pretendard-Regular.subset.woff) format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:500;
	src:url(https://data.hanmi.co.kr/font/pretendard/Pretendard-Medium.subset.woff2) format('woff2'),
	url(https://data.hanmi.co.kr/font/pretendard/Pretendard-Medium.subset.woff) format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:600;
	src:url(https://data.hanmi.co.kr/font/pretendard/Pretendard-SemiBold.subset.woff2) format('woff2'),
	url(https://data.hanmi.co.kr/font/pretendard/Pretendard-SemiBold.subset.woff) format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:700;
	src:url(https://data.hanmi.co.kr/font/pretendard/Pretendard-Bold.subset.woff2) format('woff2'),
	url(https://data.hanmi.co.kr/font/pretendard/Pretendard-Bold.subset.woff) format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:800;
	src:url(https://data.hanmi.co.kr/font/pretendard/Pretendard-ExtraBold.subset.woff2) format('woff2'),
	url(https://data.hanmi.co.kr/font/pretendard/Pretendard-ExtraBold.subset.woff) format('woff');
}
@font-face {
	font-family:'Pretendard';
	font-style:normal;
	font-weight:900;
	src:url(https://data.hanmi.co.kr/font/pretendard/Pretendard-Black.subset.woff2) format('woff2'),
	url(https://data.hanmi.co.kr/font/pretendard/Pretendard-Black.subset.woff) format('woff');
}

/* @layout */
/*body{color:#666;font-size:12px;line-height:1.2;font-family:"돋움",dotum, AppleGothic, sans-serif;overflow-y:no;}*/
body{color:#666;font-size:13px;line-height:1.2;/*font-family:"나눔고딕",NanumGothic,"돋움",Dotum,Helvetica,"Apple SD Gothic Neo",Sans-serif;*/font-family: 'Pretendard';overflow-y:no;}
* {font-family: 'Pretendard';}


/* hearder */
#header{}
.colgroup_gnb{width:100%;height:30px;border-bottom:solid 1px #c6c6c6;background-color:#f2f2f3;}
.gnb{position:relative; width:960px;height:30px;margin:0 auto;border-bottom:solid 1px #c6c6c6;background-color:#f2f2f3;font-size:11px;}
.gnb .name{font-weight:bold; color:#333}
.gnb .Rating{font-weight:bold; color:#15b5cd}
.info_area{float:left;display:inline;width:160px;padding-left:90px;line-height:30px;}
.mr_info_area{float:left;display:inline;padding-left:0px;line-height:30px;}
.nav_info li{display:inline;float:left; line-height:30px}
.nav_info .nav1{position:relative;top:0;left:0;width:70px;border:solid 1px;border-color:#FFF #c6c6c6;border-top:none;background-color:#FFF;text-align:center}
.nav_info .nav2{padding:0 6px; background:url(../imgs/line_info.gif) no-repeat 0 50%}
.nav_info .nav2 span{padding-right:20px; background:url(../imgs/ico_meno.gif) no-repeat 100% 50%}
.nav_info .nav3{padding:0 10px; background:url(../imgs/line_info.gif) no-repeat 0 50%}
.nav_info .nav3 span{padding-right:20px; background:url(../imgs/ico_sms.gif) no-repeat 100% 50%}
.nav_info a,.nav_log a{display:block;color:#000;text-decoration:none}
.nav_log li{display:inline;;float:right;padding:0 6px;background:url(../imgs/line_info.gif) no-repeat 0 50%;line-height:30px}
.nav_log .line_del{background:none}
.nav_log .nav{width:88px;padding-right:0;padding-top:5px;line-height:0}
.nav_log .hmp{width:88px;background:url(../imgs/btn_hmpgo.gif) no-repeat 0 50%;letter-spacing:-1px;font-size:11px;font-weight:bold;color:#666;line-height:21px;cursor:pointer}
.nav_log .remote{width:97px;background:url(../imgs/btn_remote.gif) no-repeat 0 50%;letter-spacing:-1px;font-size:11px;font-weight:bold;color:#666;line-height:21px;cursor:pointer}

/* quick menu */
.section_quick{position:absolute; top:180px; left:965px; width:82px; background-color:#FFF}
.section_quick .quick_area{width:80px; border:1px solid #6cbee7; background-color:#FFF}
.section_quick .group_nav li{height:22px; padding-top:7px; border-bottom:1px solid #e8e8e8; text-indent:-1000em; font-size:0; line-height:0}
.section_quick .group_nav li span{display:block; width:59px; height:11px;  margin-left:10px; background:url(../imgs/bg_quick.gif) no-repeat}
.section_quick .group_nav .order span{background-position:-10px 0}
.section_quick .group_nav .basket span{background-position:-10px -11px}
.section_quick .group_nav .inquiry span{background-position:0 -22px}

.section_quick .group_pro h3{height:11px; margin-top:5px; margin-left:10px; margin-bottom:10px; background:url(../imgs/bg_quick.gif) no-repeat 0 -34px; font-size:0; line-height:0; text-indent:-1000em}
.section_quick .group_pro ul{width:72px; margin:0 auto}
.section_quick .group_pro li{position:relative; border:1px solid #dcdcdc; margin-bottom:5px}
.section_quick .group_pro li button{position:absolute; top:-1px; right:-1px;  width:19px; height:19px; background:url(../imgs/btn_quick_close.gif) no-repeat 0 0}
.section_quick .btn_position{text-align:center}
.section_quick .btn_position span{padding:0 10px}
.section_quick .btn_position .lft{width:13px; height:16px; background:url(../imgs/bg_btn_quick.gif) no-repeat 0 0}
.section_quick .btn_position .rgt{width:13px; height:16px; background:url(../imgs/bg_btn_quick.gif) no-repeat -14px 0}


.section_quick .btn_top button{margin-top:5px; width:82px; height:21px; background:url(../imgs/btn_top.gif)}
.section_quick .jvm_hist button{margin-top:5px; width:82px; height:21px; background:url(../imgs/jvm_hist.gif)}

/*category */
.category{overflow:hidden; clear:both; position:absolute; top:41px; left:0; width:157px; height:248px; background:url(../imgs/bg_snb.gif) repeat-y; z-index:8000}
.category li{padding-top:6px; padding-bottom:6px}
.category li span{display:block; height:13px; margin-left:14px;  background:url(../imgs/snb_nav.png) no-repeat; text-indent:-1000em}
.category .ca_presription span, .category .on .ca_presription span{width:53px; background-position:0 0}
.category .ca_nomal span, .category .on .ca_nomal span{width:53px; background-position:0 -14px}
.category .ca_other span, .category .on .ca_other span{width:53px; background-position:0 -28px}
.category .ca_health span, .category .on .ca_health span{width:63px; background-position:0 -42px}
.category .ca_cosmetic span, .category .on .ca_cosmetic span{width:83px; background-position:0 -56px}
.category .ca_consumables span, .category .on .ca_consumables span{width:53px; background-position:0 -70px}
.category .ca_han span, .category .on .ca_han span{width:83px; background-position:0 -84px}
.category .ca_sports span, .category .on .ca_sports span{width:83px; background-position:0 -98px}
.category .ca_super span, .category .on .ca_super span{width:83px; background-position:0 -112px}
.category .on{background:#2290c7; width:157px;}
.category .on span{background:#2290c7 url(../imgs/snb_nav_on.png) no-repeat}

.category_s {position:absolute; top:37px; left:157px; width:803px;  background:#FFF url(../imgs/snb_nav_on_arrow_bg.png) repeat-y 0 0; z-index:8000}
.category_s ul{overflow:hidden; border:4px solid #2290c7; border-left:0 none; padding:13px 13px 13px 18px}
.category_s li{float:left; font-size:11px; color:#868686; width:20%}
.category_s li dl{padding-left:10px; letter-spacing:-1px;}
.category_s li dt{color:#5e9cc3; font-weight:bold}
.category_s li dd{background:url(../imgs/snb_nav_icon.gif) no-repeat 0 50%; padding:7px 7px 0 5px; color:#868686}
.category_s li dt a{color:#5e9cc3}
.category_s li dd a{color:#868686}
.category_s li em{font-style:normal; padding-left:5px; letter-spacing:normal}

.category_s .arrow1{background:url(../imgs/snb_nav_on_arrow.png) no-repeat 0 9px}
.category_s .arrow2{background:url(../imgs/snb_nav_on_arrow.png) no-repeat 0 33px}
.category_s .arrow3{background:url(../imgs/snb_nav_on_arrow.png) no-repeat 0 57px}
.category_s .arrow4{background:url(../imgs/snb_nav_on_arrow.png) no-repeat 0 81px}
.category_s .arrow5{background:url(../imgs/snb_nav_on_arrow.png) no-repeat 0 107px}
.category_s .arrow6{background:url(../imgs/snb_nav_on_arrow.png) no-repeat 0 132px}

.category .ad_olp{position:absolute; bottom:10px; left:9px}

/* 브랜드관 */
.brand{overflow:hidden; clear:both; position:absolute; top:41px; left:0; width:157px; height:248px; background:url(../imgs/bg_snb.gif) repeat-y; z-index:8000}
.brand li span{display:block; padding-left:15px; background:url(../imgs/icon_notice.gif) no-repeat 7px 50%; line-height:20px; color:#FFF; }
.brand .on {background:#2290c7; width:157px; font-weight:bold;}

/* 세일존 */
.saleZone{overflow:hidden; clear:both; position:absolute; top:30px; left:157px; width:100px; padding:10px; background:#395e7e; z-index:8000; }
.saleZone li span{display:block; padding-left:10px; background:url(../imgs/icon_notice.gif) no-repeat 0 50%; font-size:11px; line-height:20px; color:#FFF; }
.saleZone .on { font-weight:bold;}


/* 부가서비스 */
.service{overflow:hidden; clear:both; position:absolute; top:30px; right:10px; width:100px; padding:10px; background:#395e7e; z-index:8000; }
.service li span{display:block; padding-left:10px; background:url(../imgs/icon_notice.gif) no-repeat 0 50%; font-size:11px; line-height:20px; color:#FFF; }
.service .on { font-weight:bold;}

/* 공급사 */
.provision{overflow:hidden; clear:both; position:absolute; top:41px; left:0; width:157px; height:248px; background:url(../imgs/bg_snb.gif) repeat-y; z-index:8000}
.provision li{padding:0; padding-top:6px; padding-bottom:6px}
.provision li span{display:block; height:13px; margin-left:14px;  background:url(../imgs/snb_nav2.png) no-repeat; text-indent:-1000em}
.provision .su_olp span{width:44px; background-position:0 0}
.provision .su_hanmi span{width:93px; background-position:0 -14px}
.provision .su_inchun span{width:43px; background-position:0 -28px}
.provision .su_shinhan span{width:53px; background-position:0 -42px}
.provision .su_ydp span{width:43px; background-position:0 -56px}
.provision .su_ep span{width:22px; background-position:0 -70px}
.provision .su_go span{width:53px; background-position:0 -84px}
.provision .su_tj span{width:43px; background-position:0 -98px}
.provision .su_mire span{width:53px; background-position:0 -112px}

.provision .on{background:#2290c7; width:157px;}
.provision .on span{background:#2290c7 url(../imgs/snb_nav2_on.png) no-repeat}

/* detail search */
.detail_srch{ position:absolute; top:200px; left:200px; width:630px; padding:10px; border:1px solid #dcdcdc; background:#f6f6f6; z-index:9999}
.detail_srch .area_select{padding:5px 0}
.detail_srch .area_select input{border:3px solid #6cbee7; width:300px; height:10px; line-height:10px; padding:5px}
.detail_srch .area_radio{padding:5px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc}
.detail_srch .area_radio span{display:inline-block; *display:inline; *zoom:1}
.detail_srch .radio_ca, .detail_srch .radio_th{padding:10px 0}
.detail_srch .area_radio .title{font-weight:bold; width:60px}
.detail_srch .area_radio label{padding-left:5px; padding-right:10px;}
.detail_srch .nav{text-align:center; margin-top:10px}
.detail_srch .nav button{height:35px; background:url(../imgs/bg_btn_detail.gif) no-repeat}
.detail_srch .nav .btn1{width:85px; background-position:0 0}
.detail_srch .nav .btn2{width:65px; margin-left:10px; background-position:-90px 0}

/* 빠른구매 */
.quick_purchase{position:absolute; overflow:hidden; top:37px; left:157px; width:648px; border:5px solid #345a7a; background-color:#FFF; z-index:9999}
.quick_purchase h3{position:relative; padding:10px 8px 8px 15px}
.quick_purchase .colgroup{margin:0 auto; width:618px; overflow:hidden; margin-bottom:15px}
.quick_purchase .lft{float:left; width:296px; padding:5px; padding-top:40px; background:url(../imgs/bg_quick_layer_step1_on.gif) no-repeat 0 0}
.quick_purchase .lft .nav li{float:left; width:50%;text-align:center; line-height:26px; color:#FFF; background-color:#568ba5}
.quick_purchase .lft .nav li a{display:block; border:1px solid #426374; color:#FFF}
.quick_purchase .lft .nav .on a{border-bottom:1px solid #f6f6f6; background-color:#f6f6f6; color:#666}
.quick_purchase .lft .pro_area{overflow:auto; height:304px; border:1px solid #426374; border-top:0 none; padding:5px; background-color:#f6f6f6}
.quick_purchase .lft .pro_area ul{border:1px solid #dcdcdc; overflow:hidden}
.quick_purchase .lft .pro_area li{padding:5px; overflow:hidden; border-bottom:1px solid #dcdcdc; background-color:#FFF}
.quick_purchase .lft .name{float:right; width:200px; padding-top:3px}
.quick_purchase .lft .photo{float:left}

.quick_purchase .rgt{float:right; width:296px; padding:5px; padding-top:40px; background:url(../imgs/bg_quick_layer_step2_on.gif) no-repeat 0 0}
.quick_purchase .rgt .pro_area{overflow:auto; height:180px; border:1px solid #426374; border-bottom:1px solid #d9d9d9; padding:5px; background-color:#f6f6f6}
.quick_purchase .rgt .pro_area ul{border:1px solid #dcdcdc; overflow:hidden}
.quick_purchase .rgt .pro_area li{padding:5px; overflow:hidden; border-bottom:1px solid #dcdcdc; background-color:#FFF}
.quick_purchase .rgt .name{float:right; width:200px; padding-top:3px}
.quick_purchase .rgt .photo{float:left}
.quick_purchase .close{position:absolute; top:7px; right:15px; width:19px; height:19px; background:url(../imgs/btn_quick_close.gif) no-repeat 0 0}

.quick_purchase .info{border:1px solid #426374; border-top:0 none; background-color:#FFF}
.quick_purchase .info table{width:100%}
.quick_purchase .info th, .quick_purchase .info td{border-bottom:1px solid #d9d9d9; padding:5px}
.quick_purchase .info th{background-color:#f8f8f8; font-weight:bold; width:100px; font-size:11px}
.quick_purchase .info td{background-color:#FFF}
.quick_purchase .by{text-align:center}
.quick_purchase .by button{width:127px; height:38px; margin:5px; background:url(../imgs/bg_btn_detail_main.gif) no-repeat -130px 0}

/* footer */
#footer {margin-top:50px; background:url(../imgs/bg_copy.gif) repeat-x 0 0}
.area_footer{overflow:hidden; width:960px; margin:0 auto; }
.area_footer .nav{width:635px; height:40px; margin:0 auto}
.area_footer .nav li{float:left}
.area_footer .nav span{display:block; height:40px; background:url(../imgs/bg_copy_nav.gif) no-repeat 0 50%; text-indent:-1000em; font-size:0; line-height:0}
.area_footer .company span{width:81px; background-position:0 50%}
.area_footer .alliance span{width:77px; background-position:-81px 50%}
.area_footer .customer span{width:77px; background-position:-158px 50%}
.area_footer .guide span{width:77px; background-position:-235px 50%}
.area_footer .email span{width:129px; background-position:-312px 50%}
.area_footer .info span{width:116px; background-position:-441px 50%}
.area_footer .clause span{width:78px; background-position:-557px 50%}

.group_address {clear:both; width:895px; margin:10px auto}
.group_address address, .group_address p{display:inline; line-height:18px; color:#aeaeae; text-align:center; font-size:11px} 
.group_address span{margin-right:15px; font-weight:bold}
.copyright{clear:both; background:url(../imgs/icon_copy_logo.gif) no-repeat 30% 0; height:26px; margin:10px 0 20px 0; padding-left:120px; line-height:26px; text-align:center; font-size:11px}

/* @common */
a, a:link {color:#666666;text-decoration:none}
a:visited {color:#666666;text-decoration:none}
a:hover {color:#666666;text-decoration:underline}
a:focus {color:#666666;text-decoration:none}
a:active {color:#666666;text-decoration:none;} 




.bd_none{border:0 none !important}
.bd_btm0{border-bottom:0 none !important}
.bd_lft0{border-left:0 none !important}
.bd_rgt0{border-right:0 none !important}
.pd_top0{padding-top:0 !important}
.pd_btm0{padding-bottom:0 !important}
.pd_rgt0{padding-right:0 !important}
.pd_rgt50{padding-right:50px !important}
.pd_bottom5{padding-bottom:5px !important}
.pd_lft10{padding-left:10px !important}
.pd_top10{padding-top:10 !important}
.pd5{padding:5px !important}
.pd10{padding:10px !important}
.pd_none{padding:0 !important}

.block{display:block}


.bd_top0{border-top:0 none !important}
.bd_btm1{border-bottom:1px solid #dcdcdc !important}
.bd_top3_dblue{border-top:3px solid #439bc8 !important}

.bg_none{background:none !important}

.bold{font-weight:bold !important}
.bold_none{font-weight:normal !important}
.mr_lft5{margin-left:5px !important}
.mr_rgt10{margin-right:10px !important}
.mr_rgt20{margin-right:20px !important}
.mr_top5{margin-top:5px !important}
.mr_bottom5{margin-bottom:5px !important}
.mr_top10{margin-top:10px !important}
.mr_top20{margin-top:20px !important}
.mr_top40{margin-top:40px !important}
.mr_rgt0{margin-right:0 !important}
.mr_none{margin:0 !important}

.al_lft{text-align:left !important}
.al_rgt{text-align:right !important}
.al_cen{text-align:center !important}

.tx_s{font-size:11px !important}
.tx_s_2{font-size:11px; height:13px; border-bottom:1px solid #ffffff!important}
.tx_m{font-size:12px !important}
.tx_l{font-size:14px !important}
.tx_xl{font-size:16px !important}
.tx_20{font-size:20px !important}

.tcolor_dgray{color:#333}
.tcolor_red{color:#F00}
.tcolor_bk{color:#000}
.tcolor_brown{color:#ba7e59}
.tcolor_dblue{color:#00a7cb !important}
.tcolor_gray{color:#999999}
.tcolor_pink{color:#ff00bf}
.tcolor_rblue{color:#91ccfe}
.letter{letter-spacing:-1px !important}

.new_icon{padding-bottom:2px; padding-left:5px}

.flo_lft{float:left; margin-right:10px}

/* 버튼 모음 */
.bg_btn{width:46px !important; height:21px !important; margin-right:5px !important; background:url(../imgs/bg_btn.gif) no-repeat 0 0; color:#666 !important; font-size:11px !important; line-height:21px !important}/* 기간선택 */
.bg_on{background:url(../imgs/bg_btn.gif) no-repeat 0 -40px !important; color:#FFF !important}
.calendar_btn{width:17px; height:15px; margin-left:5px; background:url(../imgs/bg_btn.gif) no-repeat 0 -23px}/* 달력 */

/* Bottom Quick 메뉴 */
.quick_btm_wrap{position:fixed; bottom:0; left:0; width:100%; background:url(../imgs/quick_body_bg.gif) repeat-x 0 12px; z-index:8000}
.quick_btm_wrap .rowgroup{width:960px; margin:0 auto}
.quick_btm_wrap .header{overflow:hidden; position:relative; height:51px; background:url(../imgs/quick_header_bg.gif) repeat-x 0 100%}
.quick_btm_wrap .header ul{position:absolute; bottom:0; left:0}
.quick_btm_wrap .header li{float:left; width:88px; height:22px; line-height:22px; font-size:11px; background-color:#838183; border:1px solid #6d6d6d; border-bottom-color:#585858; text-align:center}
.quick_btm_wrap .header li a{color:#FFF; display:block}
.quick_btm_wrap .header .on{background-color:#FFF; border-bottom-color:#f6f6f6}
.quick_btm_wrap .header .on a{color:#6d6d6d !important}
.quick_btm_wrap .header .info{position:absolute; top:30px; right:0}
.quick_btm_wrap .header .info span{margin-right:10px; font-size:11px; color:#FFF}
.quick_btm_wrap .header .info em{color:#fff000; font-weight:bold}
.quick_btm_wrap .header .btn{position:absolute; top:0; left:0; width:100%; text-align:center}
.quick_btm_wrap .header .btn .on{width:52px; height:14px; background:url(../imgs/quick_body_off.gif) no-repeat}
.quick_btm_wrap .header .btn .off{width:52px; height:14px; background:url(../imgs/quick_body_on.gif) no-repeat}

.quick_btm_wrap .container{padding:2px; margin-bottom:1px; border:1px solid #6d6d6d; border-top:0 none; background-color:#FFF}
.quick_btm_wrap .container .colgroup_lately{height:105px; background-color:#f6f6f6}
.quick_btm_wrap .container .date{text-align:center; padding-top:5px}
.quick_btm_wrap .container .date button{width:38px; height:22px; border:1px solid #dcdcdc; background:#FFF; letter-spacing:-1px; font-size:11px; color:#6d6d6d; margin-left:2px; padding:0}
.quick_btm_wrap .container .lft_con{float:left; border:1px solid #dcdcdc; width:268px}
.quick_btm_wrap .container .cont{float:right; overflow:auto; overflow-x:hidden; border:1px solid #dcdcdc; width:680px; height:103px}
.quick_btm_wrap .container .lft_con2{float:left; border:1px solid #dcdcdc; width:151px}
.quick_btm_wrap .container .cont2{float:right; overflow:auto; overflow-x:hidden; border:1px solid #dcdcdc; width:797px; height:103px}
.quick_btm_wrap .container .callender{text-align:center; padding-bottom:5px; line-height:30px; height:30px}
.quick_btm_wrap .container .callender input{width:57px; height:18px; border:1px solid #CCC; font-size:12px; margin-bottom:10px; vertical-align:middle !important}
.quick_btm_wrap .container .callender button{vertical-align:middle}
.quick_btm_wrap .container .callender .btn_srch{width:50px; height:28px; margin-left:5px; background:url(../imgs/quick_btn_srch.gif) no-repeat 0 0}
.quick_btm_wrap .container .btn{text-align:center; padding:4px 0; border-top:1px solid #CCC}
.quick_btm_wrap .container .btn button{width:129px; height:31px; color:#FFF; font-weight:bold}
.quick_btm_wrap .container .btn .bg_a{background:url(../imgs/quick_btn_bg.gif) no-repeat 0 0}
.quick_btm_wrap .container .btn .bg_b{background:url(../imgs/quick_btn_bg.gif) no-repeat -129px 0}
.quick_btm_wrap .container .total{color:#585858; line-height:16px; font-weight:bold; text-align:center; padding:2px; font-size:11px}
.quick_btm_wrap .container .total span{display:block; color:#00a7cb; font-size:14px}

.quick_btm_wrap .tbl_quick{width:100%}
.quick_btm_wrap .tbl_quick .bg{background:url(../imgs/quick_tbl_th_bg.gif) repeat-x 0 0}
.quick_btm_wrap .tbl_quick th{height:18px; color:#FFF; line-height:18px; letter-spacing:-1px; font-size:11px}
.quick_btm_wrap .tbl_quick td{border-bottom:1px solid #dcdcdc; padding:2px 0; font-size:11px}

.quick_btm_wrap .btn_change{width:38px; height:20px; margin-left:2px; background:url(../imgs/quick_btn_change.gif) no-repeat 0 0; vertical-align:middle}

.quick_btm_wrap .interest_list{position:relative; width:960px; padding-top:5px}
.quick_btm_wrap .interest_list ul{margin:0 auto; padding-top:7px; width:870px}
.quick_btm_wrap .interest_list li{float:left; position:relative; width:70px; height:70px; margin-right:10px; z-index:8000}
.quick_btm_wrap .interest_list li a{display:block; }
.quick_btm_wrap .interest_list li img{border:1px solid #dcdcdc}
.quick_btm_wrap .interest_list .btn_del{position:absolute; top:0; right:-2px; width:19px; height:19px; background:url(../imgs/btn_quick_close.gif) no-repeat 0 0}
.quick_btm_wrap .interest_list .btn_lft{position:absolute; top:25px; left:15px}
.quick_btm_wrap .interest_list .btn_lft button{width:14px; height:25px; background:url(../imgs/quick_body_lft_btn.gif) no-repeat 0 0}
.quick_btm_wrap .interest_list .btn_rgt{position:absolute; top:25px; right:15px}
.quick_btm_wrap .interest_list .btn_rgt button{width:14px; height:25px; background:url(../imgs/quick_body_rgt_btn.gif) no-repeat 0 0}
.quick_btm_wrap .interest_list .page{clear:both; padding:5px 0; text-align:center}

.quick_btm_wrap .tooltip{position:absolute; width:150px; z-index:8000}
.quick_btm_wrap .tooltip p{overflow:hidden; padding:5px; text-align:center; font-size:11px; border:1px solid #6d6d6d; border-bottom:0 none !important; background-color:#FFF}
.quick_btm_wrap .tooltip .won{display:block; font-weight:bold; color:#00a7cb}
.quick_btm_wrap .tooltip .arrow{height:6px; border:0 none; background:url(../imgs/quick_layer_arrow.gif) no-repeat 50% 0}


/* @secect */
/* jsSelect loose (dohoons, 201011) */
div.jsSelect_on { z-index:100 !important; }
div.jsSelect_on .itemList { left:0 !important; }

/* Type 1 */
div.jsSelect { display:inline-block; *display:inline; *zoom:1; _display:inline; width:101px; margin-right:2px; padding-top:4px; height:26px; color:#636363; font-size:11px; background:#e6e6e6; position:relative; z-index:10; cursor:pointer; white-space:nowrap; vertical-align:middle; }
div.jsSelect .bg_left { width:100%; height:30px; background:url('../imgs/bg_jsSelect.gif') no-repeat 0 0; position:absolute; top:0; left:0; }
div.jsSelect .bg_right { width:30px; height:30px; background:url('../imgs/bg_jsSelect.gif') no-repeat 100% 0; position:absolute; top:0; right:0; }
div.jsSelect .value { position:relative; z-index:20; margin:5px 30px 0 12px; }
div.jsSelect a:hover, div.jsSelect a:active { text-decoration:none; }
div.jsSelect .itemList { width:100%; padding:26px 0 0 0; position:absolute; top:0; left:-9999px; overflow:hidden}
div.jsSelect .itemList .bg_lt { width:400px; height:400px; font-size:0; line-height:0; background:url('../imgs/bg_jsSelect_on.gif') no-repeat 0 0; position:absolute; top:0; left:0; }
div.jsSelect .itemList .bg_rt { width:35px; height:400px; font-size:0; line-height:0; background:url('../imgs/bg_jsSelect_on.gif') no-repeat 100% 0; position:absolute; top:0; right:0; }
div.jsSelect .itemList .bg_lb { width:400px; height:35px; font-size:0; line-height:0; background:url('../imgs/bg_jsSelect_on.gif') no-repeat 0 100%; position:absolute; bottom:0; _bottom:-1px; left:0; }
div.jsSelect .itemList .bg_rb { width:35px; height:35px; font-size:0; line-height:0; background:url('../imgs/bg_jsSelect_on.gif') no-repeat 100% 100%; position:absolute; bottom:0; _bottom:-1px; right:0; }
div.jsSelect .itemList ul { max-height:98px; _height:expression(this.scrollHeight>98?"98px":"auto"); margin:5px 2px 13px; overflow:auto; overflow-x:hidden; position:relative; z-index:1; }
div.jsSelect .itemList ul li { padding:0 4px 0 2px; margin-bottom:4px;  }
div.jsSelect .itemList ul li a { display:block; height:15px; padding-left:10px;background:url('../imgs/bu_jsSelect.gif') no-repeat 4px 40%; color:#00a7cb}


div.jsSelect {
	scrollbar-highlight-color:#ffffff; 
	scrollbar-3dlight-color:#ffffff; 
	scrollbar-face-color:#ffffff; 
	scrollbar-shadow-color:#cbcbcb; 
	scrollbar-darkshadow-color:#e6e6e6; 
	scrollbar-track-color:#ededed; 
	scrollbar-arrow-color:#cbcbcb;
}



/* 회원비밀번호 확인 레이어팝업 css [by JJH]*/
#headerForLayer{height:40px; background:url(../imgs/bg_header_popup.gif) repeat-x 0 0}
#headerForLayer h1{position:relative; height:40px; line-height:40px; background:url(../imgs/icon_header_popup.gif) no-repeat 10px 50%; padding-left:20px; font-weight:bold; color:#FFF}
#headerForLayer p{position:absolute; top:0; right:10px}
#containerForLayer{padding:10px}
.group_srch_layer{overflow:hidden; padding:5px; border-top:3px solid #439bc8; border-bottom:1px solid #dcdcdc; background-color:#f6f6f6}
.group_srch_layer button{vertical-align:top}
.group_srch_layer input{border:1px solid #dcdcdc; height:18px; line-height:18px; margin-right:1px}

.coupon_tx_layer{overflow:hidden; border-bottom:1px solid #dcdcdc; padding-bottom:10px}
.coupon_tx_layer p{background:url(../imgs/icon_guide_tx.gif) no-repeat 5px 8px; padding:5px 5px 5px 15px; font-size:11px}
.nav_layer{text-align:center}
.nav_layer button{margin-left:5px; margin-top:10px;}
.nav_layer .cancel{width:87px; height:41px; background:url(../imgs/bg_btn_popup_bottom.gif) no-repeat 0 0}
.nav_layer .confirm{width:87px; height:41px; background:url(../imgs/bg_btn_popup_bottom.gif) no-repeat -1149px 0}

#drug_re_header {height:40px; background:url(../imgs/bg_drug_supply_top.gif) repeat-x 0 0 }
#drug_re_header h1{position:relative; height:40px; line-height:40px; background:url(../imgs/icon_header_popup.gif) no-repeat 10px 50%; padding-left:20px; font-weight:bold; color:#FFF}

.drug_re_supply .close_btn{ position:absolute; margin-right:8px; width:40px; top:0; right:0; height:40px; background:url(../imgs/layer_pop_cl_btn.png) no-repeat 0 0; border:0}

/* 팝업 상단 Tab */
.popup_tab_box { margin-top:15px; border-bottom:1px solid #439bc8 }
.popup_tab_box li { position:relative; bottom:-1px; display:inline-block; zoom:1; *display:inline; width:120px; background-color:#ffffff; border-bottom:1px solid #439bc8 }
.popup_tab_box li.on { border:1px solid #439bc8; border-bottom:1px solid #ffffff }
.popup_tab_box li a { display:block; height:25px; line-height:25px; text-align:center }

.drug_re_supply{ background:#fff; border:1px solid #929292;}
.return_list{padding:5px;  background:#fff; letter-spacing:-0.06em; line-height:18px;  overflow:hidden; word-break:break-all;}
.return_list th{border-top:2px solid #84c97f !important; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; height:34px; color:#666; border-bottom:1px solid #d1d1d1;  font-weight:bold;}
.return_list td{ padding-right:8px; border-left:1px solid #d1d1d1; background:#fff; text-align:right; height:30px; color:#666;border-bottom:1px solid #d1d1d1;}
.return_list td:last-child{ border-right:1px solid #d1d1d1; }
.return_list .count_num{ letter-spacing:0.02em; font-size:12px; margin-left:10px;  color:#212121;}
.return_list .count_bg_r{ background:#ffefeb;}
.return_list .count_bg_g{ background:#f5f5f5;}
.return_list .red_txt{color:#fc554c;}
.return_list .lef_txt{text-align:left; padding-left:10px;}
#maskForLayer {  
	position:absolute;  
	z-index:9000;  
	background-color:#000;  
	display:none;  
	left:0;
	top:0;
}