/* wrapper - container  basic */
#wrapper {position: relative; width: 100%; height: 100%; margin: 0 auto;}
#container {position: relative; width: 100%; height: auto; margin: 0 auto; background: #fff; /*display: inline-block;*/}

/*메인 해더배너 브라우져 경고*/
.main_top_banner_alert {position: absolute; top: 0; left: 50%; width: 560px; height: 90px; margin: 0 0 0 -280px; padding: 20px; background: #fff; border: 7px solid #ff0000; text-align: center; display: none; z-index: 999999999;}
.main_top_banner_alert p {font-weight: 600;}
.main_top_banner_alert a {padding: 10px 20px; margin: 15px 5px 0 5px; color: #fff; font-weight: 600; display: inline-block;}
.main_top_banner_alert a.ieUpgade {background: #ff0000;}
.main_top_banner_alert a.chromeDown {background: #ff0000;}

/*세금계산서 레이어 팝업*/
#taxInfo_Popup {position: absolute; top: 205px; left: 35%; width: 500px; background: url(/image/taxPopBg.jpg) #f9f8f8 no-repeat right bottom; border: 7px solid #000; z-index: 9999;}
#taxInfo_Popup .info {padding: 20px;}
#taxInfo_Popup .info p {font-size: 13px;}
#taxInfo_Popup .info p span {color: red; font-weight: bold;}
#taxInfo_Popup .info p span.st {font-weight: bold; color: #000;}
#taxInfo_Popup .info p.title {font-size: 24px; font-weight: 600; margin: 0 0 15px 0;}
#taxInfo_Popup .info p.notice {width: 300px; margin: 20px 0 10px 0; font-size: 12px;}
#taxInfo_Popup .info p.last {font-weight: 600;}
#taxInfo_Popup .taxPopClose {width: 500px; padding: 5px 0 0 0; background: #000; color: #fff; text-align: right; clear: both;}
#taxInfo_Popup .taxPopClose label {vertical-align: middle;}
#taxInfo_Popup .taxPopClose input {vertical-align: middle;}
#taxInfo_Popup .taxPopClose span {font-weight: bold; margin: 0 10px 0 40px; cursor: pointer;}

/*긴급공지팝업*/
/*.notice_alert {position: absolute; top: 157px; left: 50%; margin: 0 0 0 -410px; background: #fff; border: 7px solid #cc1d22;}
.notice_alert div.close {margin: 0 0 20px 0; font-weight: 600; color: #cc1d22; text-align: center; cursor: pointer;}*/



/*header */
.wrap {position: relative; width: 100%; border-bottom: 4px solid #5ab2d8; /*z-index: 9998;*/}
.header {position: relative; width: 1133px; height: 83px; margin: 0 auto;}
.header:after {content: ""; display: block; clear: both;}
.header h1 {padding: 25px 0 0 8px;}
/*button {cursor:pointer;}*/

/* GNB topmenu01 */
.gnb {position: absolute; top: 7px; right: 20px;}
.gnb li {float: left; padding: 2px 10px; background: url('/image/gnb_line.png') no-repeat left center;}
.gnb li:hover{border-bottom: 3px solid #bee7fc;}
.gnb li:first-child {background: none; border: none;}
.gnb li.mypage {border: none;}

.mypage_sub{position: absolute; top: 23px; right: 195px; width: 95px; background: #fff; border: 2px solid #007fc2; border-top: none; display: none; z-index: 9999;}
.mypage_sub li {margin: 0 0 5px 0; font-size: 11px; letter-spacing: -1px; background: none;}
.mypage_sub li:hover {border: none;}
.mypage_sub li a:hover {color: #d40000;}

/* LNB topmenu02 */
.lnb {position: absolute; top: 55px; right: 20px;}
.lnb li {float: left; height: 14px; background: url('/image/point_bg.png') no-repeat; padding: 0 0 0 15px; margin-right: 10px; cursor: pointer; overflow: hidden;}
.lnb li:hover{background: url('/image/lnb_point.png') no-repeat left center;}
.lnb li img.on {margin: -14px 0 0 0;}

/* topmenu*/
.container_body {position: relative; width: 1133px; height: 100%; margin:0 auto;}
.style_mainbody {position: relative; width: 1133px; height: auto; /*display: inline-block;*/ zoom: 1;}
.style_mainbody:after {content: ""; display: block; clear: both;}
.mainbody_bg {position: relative; width:1003px; height: auto; float: left; /*display: inline-block;*/}
/*.mainbody_bg:after {content: ""; display: block; clear: both;}*/
.top_bg {width: 1003px; height: 41px; background:#fff; display:block; border-bottom: 1px solid #5ab2d8;}
.top_bg:after {content: ""; display: block; clear: both;}
.top_bg .all_cate {width: 160px; height: 40px; background: url('/image/all_cate.png') no-repeat left center; cursor:pointer; float:left; text-indent: -9999px;}
.top_bg .navi_step2 {width: 561px; height: 41px; float: right; background: url('/product/product_img/step02.png');}
.top_bg .navi_step3 {width: 561px; height: 41px; float: right; background: url('/product/product_img/step03.png');}
.top_bg .navi_step4 {width: 561px; height: 41px; float: right; background: url('/product/product_img/step04.png');}
.top_bg .navi_step1_esti {width: 561px; height: 41px; float: right; background: url('/product/product_img/step01_esti.png'); text-indent: -9999px;}
.top_bg .navi_step2_esti {width: 561px; height: 41px; float: right; background: url('/product/product_img/step02_esti.png'); text-indent: -9999px;}
.navi li {position: relative; float:left;}

/*전체카테고리 보기*/
.mainbody_bg .allcate_menu {position: absolute; top: 41px; width: 995px; height: 477px; border: 4px solid #d40000; margin: 0 auto; z-index: 99999999; background: #fff; display: none;}
.allcate_menu ul li {line-height: 22px; text-align: right; letter-spacing: -1px;}
.allcate_menu ul li a {padding: 5px;}
.allcate_menu ul li a:hover {color: #d40000;}
.allcate_menu ul li a.on {background: #d40000; color: #fff; font-weight: bold;}

.allcate_menu .first_line {width: 969px; margin: 0 auto;}
.allcate_menu .first_line ul.depth1 {position: relative; float: left; width: 153px; height: 200px; border-left: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 20px;}
.allcate_menu .first_line ul.depth1:first-child {border-left: none;}
.allcate_menu .first_line ul li a:hover {font-weight: bold;}
.allcate_menu .first_line ul.depth1>li.title {font-size: 16px; font-weight: bold; margin: 0 0 10px 0; padding: 0 5px 0 0;}
.allcate_menu .first_line ul.depth1>li.title a {color: #000;}
.allcate_menu .first_line ul.depth1>li.title a:hover {color: #5ab2d8;}
.allcate_menu .first_line ul.depth2 {position: absolute; right: -70px; padding: 10px; background: #fff; border: 2px solid #d40000; display: none; z-index: 999;}
.allcate_menu .first_line ul.depth2 li a:hover {background: #d40000; color: #fff; font-weight: bold;}

.allcate_menu .second_line {width: 969px; margin: 0 auto;}
.allcate_menu .second_line ul.depth1 {position: relative; float: left; width: 153px; height: 196px; border-left: 1px solid #eaeaea; padding: 20px;}
.allcate_menu .second_line ul.depth1:first-child {border-left: none;}
.allcate_menu .second_line ul li a:hover {font-weight: bold;}
.allcate_menu .second_line ul.depth1>li.title {font-size: 16px; font-weight: bold; margin: 0 0 10px 0; padding: 0 5px 0 0;}
.allcate_menu .second_line ul.depth1>li.title a {color: #000;}
.allcate_menu .second_line ul.depth1>li.title a:hover {color: #5ab2d8;}
.allcate_menu .second_line ul.depth2 {position: absolute; right: -70px; padding: 10px; background: #fff; border: 2px solid #d40000; display: none; z-index: 999;}
.allcate_menu .second_line ul.depth2 li a:hover {background: #d40000; color: #fff; font-weight: bold;}

.allcate_menu .banner {position: absolute; right: 0; bottom: 0; /*display: none;*/}
.allcate_menu .banner li {/*width: 207px;*/ float: left; line-height: 0; margin: 0; padding: 0;}
.allcate_menu .banner li a {padding: 0;}
.allcate_menu .allcate_close {position: absolute; right: -4px; bottom: -54px; cursor: pointer;}

.mainbody_bg .topline_blue {width: 1003px; height: 1px; background: #5ab2d8;}

/* topmenu*/
#container .cate_mainbody {position: relative; width: 1133px; /*height: 1500px;*/ margin: 0 auto;}
/*.cate_mainbody .mainbody_bg {position: relative; width: 1003px; height: 100%; display: inline-block; margin: 0 auto; float:left;}*/
/*.mainbody_bg .top_bg {width: 1003px; height: 41px;}*/
.top_bg .navi_step1 {width: 535px; height: 41px; float: right; background: url('/product/product_img/step01.png');}

/*.mainbody_bg .allcate_menu {width: 1003px; height: 600px; position: absolute; background: #d40000; display: none; z-index: 99;}
.allcate_menu .allcate_close {position: absolute; cursor: pointer; width: 37px; height: 37px; margin: 555px 0 0 960px; background: url('/image/btn_close.png');}
.allcate_close:active {margin: 556px 0 0 960px;}
.mainbody_bg .topline_blue {width:1003px; height:1px; background-color:#5ab2d8;}*/

/*sub quick menu*/
/*.style_mainbody*/
.sub_quick_bg {position: fixed; float: right; display: inline-block; z-index: 1; *zoom: 1;}

.sub_qmenu_body {margin: 40px 0 0 15px; border: 3px solid #5ab2d8;}

.sub_qmenu_body li {width: 88px; height: 88px; overflow: hidden; margin: 0 3px; border-top: 1px solid #ddd; font-size: 0;}
.sub_qmenu_body li.sub_qmenu img:hover{margin: -88px 0 0 0;}

.sub_qmenu_body li:first-child {border: none;}

.sub_qmenu_body li.qmenu_goTop {height: 26px; margin: 0; padding: 0 3px; background: #5ab2d8;}
.sub_quick_bg:after {content: ""; display: block; clear: both;}

/*아이콘팝업*/
#icon_popup {position: absolute; top: 37px; right: -45px; z-index: 999; display: none;}
#icon_popup img {cursor: pointer;}
#icon_popup img.icon_pop_close {position: absolute; top: -8px; right: -8px;}




/*footer*/
.footer_bg {position: relative; width: 1133px; /*height: 160px;*/ margin: 0 auto; clear: both;}
.footer_bg .footer_body {width: 1003px; /*height: 160px;*/}
.footer_body .news_bg {width: 1001px; height: 36px; border: 1px solid #b2b4b6;}
.footer_body .news {width: 400px; height: 36px; background-color: #fff; background: url('../image/footer_news_title.png') no-repeat 20px center; color: #007fc2; float: left; margin: 0 0 0 20px; padding:  0 0 0 80px;}
.footer_body .news .open-event {height: 16px; position: relative; /*border:1px solid #ccc;*/ margin: 9px 0 0 0; overflow: hidden;}
.footer_body .news .open-event ul{position: absolute; top: 0px;}
.footer_body .news .open-event ul#notice1 {left: 0;}
.footer_body .news .open-event ul#notice2 {right:20px;}
.footer_body .news .open-event ul li {height:20px;}
.footer_body .news .open-event ul li a {display:inline-block; width:310px;}
.footer_body .news .open-event ul li a:hover {color:#8f7614; text-decoration:underline;}
.footer_body .news .open-event ul li a strong {margin-right:10px;}
.footer_body .news .open-event ul li span.date {display:inline-block; width:60px;}
.footer_body .news .open-event .prev{position: absolute; top:3px; right:2px; width:7px; height:4px; line-height:0; font-size:0;}
.footer_body .news .open-event .next{position: absolute; bottom:1px; right:2px; width:7px; height:4px; line-height:0; font-size:0;}
.footer_body .news .news_more {position: absolute; left: 530px; top: 15px;  width: 41px; height: 11px; background: url('/image/footer_news_more.png') no-repeat; cursor: pointer; text-indent: -9999px;}
.news_bg .news_etc {position: relative; width: 404px; height: 36px; background-color: #f4f4f4; float: right; border-left: 1px solid #b2b4b6;}
.news_etc li {list-style: none; float: left; cursor: pointer; text-indent: -9999px;}

.news_etc .facebook {width: 134px; height: 36px; border-right: 1px solid #b2b4b6; background: url('/image/facebook_logo.png');}
.news_etc .facebook a {width: 134px; height: 36px; display: block;}
.facebook:hover {background: url('/image/facebook_logo_h.png') #016194;}


.news_etc .blog {width: 134px; height: 36px; border-right: 1px solid #b2b4b6; background: url('../image/blog_logo.png');}
.news_etc .blog a {width: 134px; height: 36px; display: block;}
.blog:hover {background: url('../image/blog_logo_h.png') #016194;}


.news_etc .ecard21 {width: 134px; height: 36px; background: url('../image/twiter_logo.png');}
.news_etc .ecard21 a {width: 134px; height: 36px; display: block;}
.ecard21:hover {background: url('../image/twiter_logo_h.png') #016194;}







.footer_body ul.fmenu {position: absolute; top: 17px; left: 210px;}
.footer_body ul.fmenu li {float: left; padding: 0 20px; background: url('../image/ver_line_bullet.gif') no-repeat left center;}
.footer_body ul.fmenu li:first-child {background: none;}
.footer_body ul.fmenu li a {color: #000; font-weight: 600;}




.footer_body .footer_text {position: relative; width: 1003px; height: 130px; /*background: url('/image/footer_text.png') no-repeat;*/}
.footer_body .footer_text address {position: absolute; top: 40px; left: 230px;}
.footer_body .footer_text span a{display: inline-block; padding: 2px 5px; margin-left: 5px; font-size: 11px; background: #848484; color: #fff;}
.footer_body .footer_text p{font-size: 10px; padding-top: 5px;}
.footer_body .footer_text .footer_logo {position: absolute; left: 25px; top: 45px;}
.footer_body .footer_text .footer_img {position: absolute; right: 10px; top: 25px;}




/*.footer_body .footer_menubg {position: relative; width: 1003px; height: 32px; background-color: #f0f0f0;}
.footer_menubg ul {position: absolute; left: 50%; margin-left: -460px; width: 1003px; height: 32px;}
.footer_menubg li {height: 32px; float: left; padding: 0 25px; line-height: 32px; font-weight: bold; color: #939393; cursor: pointer;}
.footer_menubg li:hover {color: #000;}*/






/*가리기*/
.hide {position: absolute; left: -9999px; top: -9999px; display: inline-block; overflow: hidden; visibility: hidden; width: 0; height: 0; padding: 0; font-size: 0; color: rgba(255,255,255,0); text-align: -999em;}




/*button 모음*/
.btn_190{position:absolute; width:190px; height:58px; background-color:#5ab2d8; cursor:pointer; margin:0 0 0 39px;}
.btn_190 .in_border {position:absolute; width:186px; height:54px; border:1px solid #ffffff; margin:1px; background:url('/product/product_img/btn_next_text.png') no-repeat 47px 14px;}
.btn_190:hover {background:#009ece;}
.btn_190:active {margin:1px 0 0 39px;}

.btn_219 {position:absolute; width:219px; height:58px; background-color:#5ab3d8; cursor:pointer; margin:0 0 0 394px;}
.btn_219 .in_border {position:absolute; width:213px; height:52px; border:1px solid #ffffff; margin:2px; background:url('/esti/img/esti_order_btn01.png') no-repeat 47px 14px;}
.btn_219:hover {background-color:#009ece;}
.btn_219:active {margin:1px 0 0 394px;}

.btn_219_2 {position:relative; width:219px; height:58px; background-color:#d40000; cursor:pointer; margin:0 0 0 300px; float:left;}
.btn_219_2 .in_border {position:absolute; width:213px; height:52px; border:1px solid #ffffff; margin:2px; background:url('/esti/img/esti_order_btn02.png') no-repeat 47px 6px;}
.btn_219_2:hover {background-color:#b70000;}
.btn_219_2:active {margin:1px 0 0 300px;}

.btn_219_3 {position:relative; width:219px; height:58px; background-color:#cccccc; cursor:pointer; margin:0 0 0 530px;}
.btn_219_3 .in_border {position:absolute; width:213px; height:52px; border:1px solid #ffffff; margin:2px; background:url('/esti/img/esti_order_ad_btn_cancel.png') no-repeat 75px 15px;}
.btn_219_3:hover {background:#bbbbbb;}
.btn_219_3:active {margin:1px 0 0 530px;}

.btn_219_4 {position:absolute; width:219px; height:58px; background-color:#d40000; cursor:pointer; margin:0 0 0 287px;}
.btn_219_4 .in_border {width:213px; height:52px; border:1px solid #ffffff; margin:2px; background: url('/esti/img/esti_order_a_btn_order.png') no-repeat 44px 15px;}
.btn_219_4:hover {background-color:#b70000;}
.btn_219_4:active {margin:1px 0 0 287px;}

.btn_219_5 {position:absolute; width:219px; height:58px; background-color:#66a800; cursor:pointer; margin:0 0 0 516px; }
.btn_219_5 .in_border {width:213px; height:52px; border:1px solid #ffffff; margin:2px; background: url('/esti/img/esti_order_a_btn_re.png') no-repeat 40px 15px;}
.btn_219_5:hover {background-color:#5c9700;}
.btn_219_5:active {margin:1px 0 0 516px;}

.btn_219_6 {position: absolute; width: 219px; height: 58px; background: #cccccc; cursor:pointer; margin:0 0 0 743px;}
.btn_219_6 .in_border {width: 213px; height: 52px; border: 1px solid #ffffff; margin: 2px; background: url('/esti/img/esti_order_a_btn_cancel.png') no-repeat 40px 15px;}
.btn_219_6:hover {background-color:#bbbbbb;}
.btn_219_6:active {margin:1px 0 0 743px;}

.btn_219_7 {position:absolute; width:219px; height:58px; background-color:#d40000; cursor:pointer; margin:28px 0 0 0;}
.btn_219_7 .in_border {width:213px; height:52px; border:1px solid #ffffff; margin: 2px; background: url('/esti/img/esti_order_ad_btn_auto.png') no-repeat 40px 15px;}
.btn_219_7:hover {background-color:#b70000;}
.btn_219_7:active {margin:29px 0 0 0;}

.btn_219_8 {position:absolute; width:219px; height:58px; background-color:#5ab2d8; cursor:pointer; margin:28px 0 0 230px;}
.btn_219_8 .in_border {width:213px; height:52px; border:1px solid #ffffff; margin:2px; background: url('/esti/img/esti_order_ad_btn_nomal.png') no-repeat 40px 15px;}
.btn_219_8:hover {background-color:#4fa3c7;}
.btn_219_8:active {margin:29px 0 0 230px;}

.btn_65 {position:relative; width:65px; height:22px; background-color:#009ece; cursor:pointer; margin:0 ;}
.btn_65 .in_border {position:absolute; width:59px; height:16px; border:1px solid #ffffff; margin:2px; background: url('/esti/img/esti_order_btn_search.png') no-repeat 12px 2px;}
.btn_65:hover {background-color:#0281a8;}
.btn_65:active {margin:1px 0 0 0;}

.btn_65_deli {position:relative; width:65px; height:22px; background-color:#959595; cursor:pointer; margin:0;}
.btn_65_deli .in_border{position:absolute; width:59px; height:16px; border:1px solid #ffffff; margin:2px; background:url('/esti/img/esti_order_btn_search.png') no-repeat 12px 2px;}
.btn_65_deli:hover {background-color:#848484;}
.btn_65_deli:active {margin:1px 0 0 0;}

.btn_125_preview {position:relative; width:125px; height:36px; background-color:#5ab2d8; cursor:pointer; margin:0 ;}
.btn_125_preview .in_border {position:absolute; width:119px; height:30px; border:1px solid #ffffff; margin:2px; background:url('/preview/img/preview_pop_btnbig.png') no-repeat 13px 5px;}
.btn_125_preview:hover {background:#51a1c3;}
.btn_125_preview:active {margin:1px 0 0 0;}

.btn_218_preview01 {position:relative; width:218px; height:57px; background-color:#d40000; cursor:pointer; margin: 0;}
.btn_218_preview01 .in_border {position:absolute; width:212px; height:51px; border:1px solid #ffffff; margin:2px; background: url('/preview/img/preview_pop_orderbtn.png') no-repeat 42px 12px;}
.btn_218_preview01:hover {background:#c60101;}
.btn_218_preview01:active {margin:1px 0 0 0;}

.btn_218_preview02 {position:relative; width:218px; height:57px; background-color:#66a800; cursor:pointer; margin:0 ;}
.btn_218_preview02 .in_border {position:absolute; width:212px; height:51px; border:1px solid #ffffff; margin:2px;background:url('/preview/img/preview_pop_reworkbtn.png') no-repeat 44px 12px;}
.btn_218_preview02:hover {background: #5b9600;}
.btn_218_preview02:active {margin:1px 0 0 0;}

.btn_218_preview03 {position:relative; width:218px; height:57px; background-color:#a1a1a1; cursor:pointer; margin: 0;}
.btn_218_preview03 .in_border {position:absolute; width:212px; height:51px; border:1px solid #ffffff; margin:2px; background: url('/preview/img/preview_pop_cancelbtn.png') no-repeat 34px 12px;}
.btn_218_preview03:hover {background: #898888;}
.btn_218_preview03:active {margin: 1px 0 0 0;}

.btn_218_preview04 {position:relative; width:218px; height:57px; background-color:#d40000; cursor:pointer; margin: 0;}
.btn_218_preview04 .in_border {position:absolute; width:212px; height:51px; border:1px solid #ffffff; margin:2px; background: url('/preview/img/preview_pop_endbtn.png') no-repeat 42px 12px;}
.btn_218_preview04:hover {background: #c60101;}
.btn_218_preview04:active {margin: 1px 0 0 0;}

.btn_124_preview05 {position:relative; width:124px; height:28px; background-color:#d40000; cursor:pointer; margin: 0;}
.btn_124_preview05 .in_border {position:absolute; width:118px; height:22px; border:1px solid #ffffff; margin:2px; background: url('/preview/img/preview_pop_textupbtn.png') no-repeat 37px 5px;}
.btn_124_preview05:hover {background: #c60101;}
.btn_124_preview05:active {margin:1px 0 0 0;}

.btn_138_qna01 {position: relative; width:138px; height:35px; background-color:#5ab2d8; cursor:pointer; margin: 0;}
.btn_138_qna01 .in_border {position: absolute; width:132px; height:29px; border:1px solid #ffffff; margin:2px; background: url('/qna/img/qna_btn_write.png') no-repeat 46px 8px;}
.btn_138_qna01:hover {background: #51a1c3;}
.btn_138_qna01:active {margin:1px 0 0 0;}


/*제품 페이지 견적 답변 폼*/
.esti_admin {width: 490px;}
.esti_admin em {font-size: 14px; font-weight: bold; color: #d40000;}
.esti_admin select {padding: 2px 0;}
.esti_admin input[type="text"] {padding: 3px 0;}
.esti_admin table {margin: 10px 0 0 0;}
.esti_admin table tr>td:first-child {background: #eee; text-align: center;}
.esti_admin table td {padding: 5px; border: 1px solid #000; text-indent: 10px;}

.esti_admin_input input[type="text"] {padding: 3px 0;}

/*.esti_admin table input {width: 145px; height: 20px;}*/
/*.esti_admin table label {display: inline-block; padding: 5px 0 0 0;}*/
/*.esti_admin table td.last {vertical-align: bottom; }*/
/*.esti_admin button {display: block; width: 100px; height: 40px; margin: 0 0 0 40px; border: none; background: #000; font-size: 12px; color: #fff; text-align: center; line-height: 40px;}*/













/*로그인 레이어팝업*/
#login_form {position: absolute; top: 35px; right: 30%; width: 450px; height: 500px; background: #fff; border: 1px solid #888; z-index: 99999; display: none;}    
#login_form h3.title {display: block; height: 30px; line-height: 30px; background: #5ab2d8; color: #fff; font-size: 14px; font-weight: bold; text-indent: 20px;}
#login_form span.logo {display: block; width: 149px; height: 39px; background: url('/image/ecard_logo.png') no-repeat; text-indent: -9999px; margin: 40px auto;}        
#login_form .welcome {font-size: 16px; font-weight: bold; text-align: center; margin: 0 0 10px 0;}
#login_form form {text-align: center; border-bottom: 1px solid #d5d5d5; padding: 0 0 20px 0;}
#login_form input[type="text"] {width: 200px; padding: 4px 0; margin: 0 0 10px 0; text-indent: 10px;}
#login_form input[type="password"] {width: 200px; padding: 4px 0; margin: 0 0 10px 0; text-indent: 10px;}
#login_form input[type="button"] {width: 202px; height: 35px; margin: 0 0 20px 0; border: 1px solid #000; cursor: pointer;}
#login_form form  a{color: #000;}
#login_form form #pwsearch {cursor: pointer;}
#login_form form a:hover {font-weight: bold; text-decoration: underline;}
#login_form p.NoticeLine {padding: 0 0 10px 0; font-weight: bold; color: #d40000;}
#login_form .info {text-align: center; margin: 15px 0 0 0;}
#login_form .join {display: block; width: 200px; height: 30px; line-height: 30px; background: #5ab2d8; text-align: center; margin: 10px auto; color: #fff;}
#login_form .close {position: absolute; top: 4px; right: 20px; width: 20px; height: 20px; background: url('/image/login_close_btn.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}
#login_form .naver_kakao_login {position: relative; /*display:block;*/ width:203px; height:35px; /*background:#ff0000;*/ margin: 10px 0 0 125px;}
.naver_kakao_login .naver {float:left;}
.naver_kakao_login .kakao {float:right;}

/*비밀번호 찾기 레이어 팝업*/
#pwSearch {position: absolute; top: 35px; right: 30%; width: 450px; height: 500px; background: #fff; border: 1px solid #888; z-index: 99999; display: none;}    
#pwSearch h3.title {display: block; height: 30px; line-height: 30px; background: #5ab2d8; color: #fff; font-size: 14px; font-weight: bold; text-indent: 20px;}
#pwSearch span.logo {display: block; width: 149px; height: 39px; background: url('/image/ecard_logo.png') no-repeat; text-indent: -9999px; margin: 40px auto;}        
#pwSearch .notice {font-size: 16px; font-weight: bold; text-align: center; margin: 0 0 20px 0;}
#pwSearch form {text-align: center; border-bottom: 1px solid #d5d5d5; padding: 0 0 20px 0;}
#pwSearch input[type="text"] {width: 200px; padding: 4px 0; margin: 0 0 10px 0; text-indent: 10px;}
#pwSearch input[type="button"] {width: 100px; height: 35px; margin: 20px 0 20px 0; border: none; background: #5ab2d8; color: #fff; cursor: pointer;}
#pwSearch input[type="button"].confirm {background: #3b80ad; color: #fff;}
#pwSearch form span:hover {font-weight: bold; text-decoration: underline;}
#pwSearch .idsearch {text-align: center; margin: 30px 0 0 0;}
#pwSearch .sch {display: block; width: 200px; height: 30px; line-height: 30px; background: #a8a8a8; text-align: center; margin: 10px auto; color: #fff;}
#pwSearch .close {position: absolute; top: 4px; right: 20px; width: 20px; height: 20px; background: url('/image/login_close_btn.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}


/*신용카드결제 레이어 팝업*/
/*step1*/
.ecredit {position: absolute; left: 310px; top: 0; background: #fff; border: 1px solid #000; border-top: none; padding: 0 0 50px 0; width: 550px; margin: 0 auto; display: none; z-index: 99999;}
.ecredit .top {width: 550px; height: 30px; background: #5ab2d8; color: #fff; line-height: 30px; font-size: 14px; text-indent: 20px;}
.ecredit .title {display: block; width: 316px; height: 159px; background: url('/image/ecredit_main_top.jpg') no-repeat center center; margin: 50px auto; text-indent: -9999px;}
.ecredit .choice_info {display: block; font-size: 18px; font-weight: 600; text-align: center;}
.ecredit ul.choice {width: 170px; color: red; font-weight: bold; margin: 30px auto;}
.ecredit ul.choice li {line-height: 25px;}
.ecredit .confirm {width: 220px; margin: 0 auto;}
.ecredit .confirm span {display: inline-block; width: 100px; height: 30px; background: #888; color: #fff; line-height: 30px; text-align: center; cursor: pointer; margin: 0 auto;}
.ecredit .confirm span.next{background: #3b80ad;}
/*step2-1*/
.ecredit_card {position: absolute; left: 310px; top: -3px; background: #fff; border: 1px solid #000; border-top: none; padding: 0 0 50px 0; width: 550px; margin: 0 auto; display: none; z-index: 99999;}
.ecredit_card .top {width: 550px; height: 30px; background: #5ab2d8; color: #fff; line-height: 30px; font-size: 14px; text-indent: 20px;}
.ecredit_card .title {display: block; width: 316px; height: 159px; background: url('/image/ecredit_main_top.jpg') no-repeat center center; margin: 50px auto; text-indent: -9999px;}
.ecredit_card .sub_title {display: block; font-size: 18px; font-weight: bold; text-align: center;}
.ecredit_card ul.info {width: 400px; font-weight: bold; margin: 20px auto;}
.ecredit_card ul.info li {line-height: 25px; text-align: center;}
.ecredit_card ul.info li.macInfo {color: red;}
.ecredit_card form div {width: 300px; margin: 0 auto 50px auto;}
.ecredit_card form label {font-weight: bold;}
.ecredit_card form input[type="text"] {height: 25px;}
.ecredit_card form input[type="button"] {width: 70px; height: 27px; background: #3b80ad; color: #fff; border: none;}
.ecredit_card .confirm {width: 220px; margin: 0 auto;}
.ecredit_card .confirm span {display: inline-block; width: 100px; height: 30px; background: #888; color: #fff; line-height: 30px; text-align: center; cursor: pointer; margin: 0 auto;}
/*step2-2*/
.ecredit_wongo {position: absolute; left: 310px; top: -3px; background: #fff; border: 1px solid #000; border-top: none; padding: 0 0 50px 0; width: 550px; margin: 0 auto; display: none; z-index: 99999;}
.ecredit_wongo .top {width: 550px; height: 30px; background: #5ab2d8; color: #fff; line-height: 30px; font-size: 14px; text-indent: 20px;}
.ecredit_wongo .title {display: block; width: 316px; height: 159px; background: url('/image/ecredit_main_top.jpg') no-repeat center center; margin: 50px auto; text-indent: -9999px;}
.ecredit_wongo .sub_title {display: block; font-size: 18px; font-weight: bold; text-align: center;}
.ecredit_wongo .sub_title span {font-size: 14px; color: blue;}
.ecredit_wongo ul.info {width: 500px; font-weight: bold; margin: 20px auto;}
.ecredit_wongo ul.info li {line-height: 25px; text-align: center; padding: 5px 0;}
.ecredit_wongo ul.info li.red {color: red;}
.ecredit_wongo form table {width: 300px; margin: 0 auto 20px auto; border: 1px solid #000; border-bottom: none;}
.ecredit_wongo form table tr {border-bottom: 1px solid #000;}
.ecredit_wongo form table td {padding: 7px 0;}
.ecredit_wongo form table td.left {text-align: center; background: #eaeaea; border-right: 1px solid #000;}
.ecredit_wongo form table td.right {text-align: center;}
.ecredit_wongo form table label {font-weight: bold;}
.ecredit_wongo form table input[type="text"] {width: 150px; height: 25px;}
.ecredit_wongo form input[type="button"] {display: block; width: 223px; height: 35px; background: #3b80ad; color: #fff; margin: 10px auto; border: none; cursor: pointer;}
.ecredit_wongo .confirm {width: 224px; margin: 0 auto;}
.ecredit_wongo .confirm span {display: inline-block; padding: 0 5px; width: 100px; height: 30px; background: #888; color: #fff; line-height: 30px; text-align: center; cursor: pointer; margin: 0 auto;}
/*step3*/
.ecredit_payment {position: absolute; left: 310px; top: -3px; background: #fff; border: 1px solid #000; border-top: none; padding: 0 0 50px 0; width: 550px; margin: 0 auto; display: none; z-index: 9998;}
.ecredit_payment .top {width: 550px; height: 30px; background: #5ab2d8; color: #fff; line-height: 30px; font-size: 14px; text-indent: 20px;}
.ecredit_payment .title {display: block; width: 316px; height: 159px; background: url('/image/ecredit_main_top.jpg') no-repeat center center; margin: 50px auto; text-indent: -9999px;}
.ecredit_payment .sub_title {display: block; font-size: 18px; font-weight: bold; text-align: center;}
.ecredit_payment table {width: 300px; margin: 20px auto; border: 1px solid #000; border-bottom: none;}
.ecredit_payment table tr {border-bottom: 1px solid #000;}
.ecredit_payment table td {padding: 7px 0;}
.ecredit_payment table td.left {text-align: center; font-weight: bold; background: #eaeaea; border-right: 1px solid #000;}
.ecredit_payment table td.right {text-align: center;}
.ecredit_payment ul.info {width: 500px; font-weight: bold; margin: 20px auto;}
.ecredit_payment ul.info li {line-height: 25px; text-align: center; padding: 5px 0;}
.ecredit_payment span.close {position: absolute; top: 5px; right: 10px; width: 20px; height: 20px; background: url('/image/login_close_btn.png'); cursor: pointer; text-indent: -9999px;}

.err_color {color:#d40000;}

/*!
 * Bootstrap Modal
 *
 * Copyright Jordan Schroter
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}


.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: 1060px;
    margin: 10px auto;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 1060px;
    margin: 10px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.clearfix:before,
.clearfix:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.modal-footer:after {
  clear: both;
}





.hz_chk1{
	color:#007fc2 !important; 
}

.hz_chk2{
	color:#ff9000 !important;
	
}
.hz_wait{
	color:#ff0000 !important;
	
}

/*.hz_chk3{
	color:#007fc2 !important; 
	font-weight: 600;
}*/

#today_print_div{
	display:none;
}




.card_loading {
    display:none;
    position:fixed;
    z-index:9999;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:rgba(255,255,255, .8);
    background-image:url('../image/card_loading2.gif');
    background-position:50% 50%;
    background-repeat:no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4cffffff', endColorstr='#4cffffff');
}




.join_complete_pop {width: 600px;padding: 30px; background: #fff; border: 5px solid #5ab2d8; text-align: center;margin:0 auto;}
.join_complete_pop h3 {font-size: 28px; font-weight: 600;}
.join_complete_pop h3 span {color: #5ab2d8;}
.join_complete_pop .idpw_info {padding: 10px; margin: 20px 0; border-top: 1px solid #5ab2d8; border-bottom: 1px solid #5ab2d8;}
.join_complete_pop .idpw_info p span {color: red;}
.join_complete_pop button {width: 100px; height: 40px; background: #5ab2d8; color: #fff; border: none;}


/*new 로그인 팝업 2015-12-17*/
.login_pop {position: relative; padding: 30px; background: #fff; border: 5px solid #5ab2d8; display: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.login_pop img {margin: 20px auto; display: block;}
.login_pop h3 {font-size: 16px; font-weight: 600; text-align: center; margin: 0;}
.login_pop h4 {font-size: 14px; background: #5ab2d8; padding: 3px 0; margin: 0 0 10px 0; color: #fff; text-align: center;}
.login_pop .login_area {position: relative; float: left; width: 260px; padding: 0 20px; margin: 20px 0; /*border-right: 1px solid #ddd;*/}
.login_pop .login_area div {margin: 0 0 9px 0;}
.login_pop .login_area div.ids {margin: 0 0 0 55px;}
.login_pop .login_area label {width: 50px; display: inline-block;}
.login_pop .login_area label.idsave {width: 80px;}
.login_pop .login_area input[type="text"], .login_pop .login_area input[type="password"] {width: 130px; height: 20px;}
.login_pop .login_area button {position: absolute; top: 37px; right: 20px; width: 70px; height: 53px; font-size: 14px; color: #000; border: 1px solid #000;}
.login_pop .join_area {float: left; width: 260px; padding: 0 20px; margin: 20px 0;}
.login_pop .join_area button {width: 100%; height: 53px; font-size: 14px; color: #000; border: 1px solid #000;}
.login_pop .msg {padding: 15px 0 0 10px; clear: both; border-top: 1px dashed #ddd; /*display: none;*/}
.login_pop .msg p a {color: #000;}
.login_pop .msg p a:hover {text-decoration: underline;}
.login_pop .msg p em {color: red; padding: 0 0 0 10px;}
.login_pop .b-close {position: absolute; top: -24px; right: -24px;}
.login_pop .b-close button {width: 43px; height: 43px; background: url(../cloud//img/b-pop-close.png); border: none;}


.login_pop .id_search {padding: 15px 0 0 0; margin: 15px 0 0 0; border-top: 1px dashed #ddd; display: none;}
.login_pop .id_search div {width: 260px; padding: 0 20px; float: left;}
.login_pop .id_search div>div {width: 194px; padding: 0; margin: 0 0 9px 0;}
.login_pop .id_search div.section {position: relative;}
.login_pop .id_search h4 {font-size: 14px; background: #5ab2d8; padding: 3px 0; margin: 0 0 10px 0; color: #fff; text-align: center;}
.login_pop .id_search label {margin: 0 5px 0 0; display: block;}
.login_pop .id_search input {width: 130px; height: 20px;}
.login_pop .id_search div.number input {width: 40px; margin: 0 2px 0 0;}
.login_pop .id_search div button {position: absolute; top: 55px; right: 20px; width: 117px; height: 71px; border: 1px solid #000; color: #000;}
.login_pop .id_search:after {content: ""; display: block; clear: both;}


.login_pop .pw_search {padding: 15px 0 0 0; margin: 15px 0 0 0; border-top: 1px dashed #ddd; display: none;}
.login_pop .pw_search>div {position: relative; width: 260px; padding: 0 20px; margin: 0 auto;}
.login_pop .pw_search>div>div {width: 194px; padding: 0; margin: 0 0 9px 0;}
.login_pop .pw_search h4 {font-size: 14px; background: #5ab2d8; padding: 3px 0; margin: 0 0 10px 0; color: #fff; text-align: center;}
.login_pop .pw_search label {margin: 0 5px 0 0; display: block;}
.login_pop .pw_search input {width: 130px; height: 20px;}
.login_pop .pw_search button {position: absolute; top: 55px; right: 20px; width: 117px; height: 71px; border: 1px solid #000; color: #000;}


/*전체카테고리 best, sale, hot 아이콘*/

.allcate_menu .best_bullet {vertical-align: middle;}
.allcate_menu .hot_bullet {vertical-align: middle;}
.allcate_menu .sale_bullet {vertical-align: middle;}

/* .cate_cloud {display:none;}
ul.banner li:last-child{display:none;} */