@charset "utf-8";

/* 차대번호 검색 결과 */
#sh_result input[type=text]:focus, #sh_result input[type=password]:focus,  #sh_result textarea:focus,select:focus{box-shadow:none;border:none!important}

#sh_result{padding:20px 0 50px;font-size:15px;line-height:1.6;color:#999;letter-spacing:-.15px;font-family:'notokr-regular'}
#sh_result .txt_area{font-size:14px;color:#777;line-height:1.6;text-align:center;font-family:'notokr-regular'}
#sh_result .txt_area h3{padding-bottom:10px;font-size:22px;color:#222;font-family:'notokr-bold'}

#sh_result .sch_area{position:relative;padding:40px 0 0;font-size:14px;text-align:center}
#sh_result .sch_area .sch_area_form{overflow:hidden;display:inline-block;position:relative;width:300px;height:50px;margin:0 5px;border-radius:6px;border:2px solid #00acd7;text-align:left}
#sh_result .sch_area .sch_area_form input[type=text]{width:83%;height:100%;padding-left:15px;border:none;border-radius:0;box-shadow:none;font-family:'notokr-regular'}
#sh_result .sch_area .sch_area_form .sch_btn{position:absolute;right:0;top:0;width:17%;height:100%;border:none;font-size:0;background:url(/sh_img/hd/top_menu/sch.png) center no-repeat #00acd7;cursor:pointer}
#sh_result .sch_area .required{background-image:none!important}

#sch_ajax{padding:0 50px}
#sch_ajax .cate_tit{margin:40px 0 15px;text-align:center;font-size:18px;line-height:40px;color:#222;text-align:center;background-color:#f2f2f2;font-family:'notokr-medium'}
#sch_ajax .no_prd{margin:50px 0;font-size:18px;color:#333;text-align:center}
#sch_ajax .s_text{margin:0 20px;font-size:20px;line-height:28px;color:#333;text-align:center;font-family: 'notokr-bold'}
#sch_ajax .s_text:after{display:block;width:35px;height:2px;margin:20px auto 20px;background:#2a2a4c;content:""}

#sch_ajax .item_area{overflow:hidden;position:relative;width:100%;text-align:center}
#sch_ajax .item_area li{overflow:hidden;display:inline-block;vertical-align:top;position:relative;width:180px!important;height:305px;margin:0 5px 25px;padding-bottom:15px;border:1px solid #ddd;-webkit-transition: border .2s;transition: border .2s}
#sch_ajax .item_area li .tit{margin-bottom:-1px;padding:9px 0;border-bottom:1px solid #ddd;font-size:16px;color:#2a2a4c;-webkit-transition: border .2s;transition: border .2s;font-family:'notokr-bold'}
#sch_ajax .item_area li .tit p{font-size:15px}
#sch_ajax .item_area li .float_area{overflow:hidden;margin:0 15px;line-height:25px}
#sch_ajax .item_area li .inquiry_btn{float:left;padding:4px 5px;border:none;border-radius:3px;background:#bf1e2e;font-size:12px;color:#fff;font-family:'notokr-medium'}
#sch_ajax .item_area li .float_area p{float:right;padding:0;font-size:13px}
#sch_ajax .item_area li .img_wrap{overflow:hidden;position:relative;width:100%;min-height:115px;padding-top:10px;margin-bottom:15px}
#sch_ajax .item_area li:hover,#sch_ajax .item_area li:hover .tit{border-color:#00acd7} 
#sch_ajax .item_area li .item_img{width:55%;height:auto}
#sch_ajax .item_area li .name_area{position:relative}
#sch_ajax .item_area li .re_name{padding:0 15px;font-size:16px;color:#222;text-align:left;font-family:'notokr-medium'}
#sch_ajax .item_area li .re_name .txt{font-size:14px;color:#f00;text-align:left;font-family:'notokr-bold'}
#sch_ajax .item_area li .re_name .copy_btn{margin-left:5px;padding:2px 3px;border-radius:3px;font-size:13px;background:#2a2a4c;color:#fff;font-family:'notokr-medium'}
#sch_ajax .item_area li .re_txt{padding:0 15px;font-size:14px;color:#888;text-align:left}
#sch_ajax .item_area li .re_price{position:absolute;bottom:20px;right:15px;font-size:16px;color:#00acd7;text-align:right;font-family:'notokr-bold'}
#sch_ajax .item_area li .cust_price{font-size:14px;color:#999;text-decoration:line-through;font-family:'notokr-regular'}
#sch_ajax .sct_icon{position:absolute;top:-25px;left:15px}



#sch_ajax .item_area li a{display:block;width:100%}
#sch_ajax .item_area li .more{position:absolute;right:15px;bottom:5px;z-index:1;width:45px;height:45px;border-radius:50%;font-size:13px;color:#fff;text-align:center;background-color:#999;opacity:0;-webkit-transition:all .2s .1s;transition:all .2s .1s}
#sch_ajax .item_area li .more i{padding-top:15px}
#sch_ajax .item_area li:hover .overlay{opacity:1}
#sch_ajax .item_area li:hover .more{bottom:25px;opacity:1}

#plus_srh{display:none;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.3)}
#plus_srh .cont{position:absolute;top:50%;left:50%;width:800px;margin:-87.5px 0 0 -400px;padding:40px;background:#fff;}
#plus_srh .cont p{margin-bottom:24px;font-size:17px;color:#333;text-align:center;font-family:'notokr-regular',sans-serif}
#plus_srh .cont p span{color:var(--primary);font-family:'notokr-medium'}
#plus_srh #plus_select:after{display:block;clear:both;content:""}
#plus_srh #plus_select select{float:left;width:40%;height:47px;margin-right:2%;padding-left:15px;box-sizing:border-box;font-size:15px;line-height:47px;font-family:'notokr-regular',sans-serif}
#plus_srh #plus_select #plus_btn{float:left;width:16%;height:47px;border:none;border-radius:3px;background:url(/sh_img/hd/top_menu/sch_w.png) center no-repeat var(--primary);cursor:pointer;text-indent:-99999px}
#plus_srh #plus_select .s_btn{float:left;width:7.5%!important;height:47px;border:none;border-radius:3px;cursor:pointer;}
#plus_srh #plus_select #save_btn{margin-right:1%;background:#555;font-size:15px;color:#fff;font-family:'notokr-medium'}
#plus_srh #plus_close{position:absolute;top:20px;right:20px;width:22px;height:22px;border:none;text-indent:-99999px;background:url(/sh_page/img/close.png) no-repeat;cursor:pointer}

#engine_area{position:relative;float:left;width:40%;margin-right:2%;font-family:'notokr-regular',sans-serif}
#engine_area #sh_engine{display:block;width:100%;height:47px;padding-left:15px;border-color:#ddd;font-size:15px;line-height:47px}
#engine_list{display:none;overflow-y:scroll;position:absolute;top:46px;left:0;width:100%;height:240px;padding:15px;border:1px solid #ddd;background:#fff}
#plus_srh .cont #engine_list p{font-size:15px;text-align:left}
#engine_list .engine_search{display:block;width:100%;line-height:30px;margin-bottom:5px;padding-left:7px;border-color:#ddd;font-size:14px}
#engine_list ul button{display:block;width:100%;margin-bottom:5px;padding:2px;border:none;border-radius:3px;background:#555;font-size:13px;color:#fff;font-family:'notokr-medium'}

#sh_result .inq_btn{display:block;width:210px;height:55px;margin:0 auto ;border-radius:55px;font-size:15px;line-height:55px;text-align:center;color:#fff;background-color:#2a2a4c;-webkit-transition:all .3s;transition:all .3s;font-family:'notokr-medium'}
#sh_result .inq_btn span{position:relative;-webkit-transition:all .3s;transition:all .3s}
#sh_result .inq_btn span:after{display:block;content:"";position:absolute;left:1px;top:50%;opacity:0;width:14px;height:13px;margin-top:-6.5px;background:url(/sh_page/img/pen.png) no-repeat;-webkit-transition:all .3s;transition:all .3s}
#sh_result .inq_btn:hover{background-color:#00acd7}
#sh_result .inq_btn:hover span{padding-left:21px}
#sh_result .inq_btn:hover span:after{opacity:1}

#sh_result .cat_area .first{position:relative;margin-bottom:65px}
#sh_result .cat_area .first:after{display:block;content:"";clear:both}
#sh_result .cat_area .sec{display:none;position:absolute;top:50px;left:0}
#sh_result .cat_area .first li{float:left;margin-left:-1px}
#sh_result .cat_area li:first-child{margin-left:0}
#sh_result .cat_area button{display:block;padding:10px 15px;border:1px solid #d1d1d1;background:#dfdfdf;font-size:15px;font-family:'notokr-medium'}
#sh_result .cat_area button.on{background:#2a2a4c;border:1px solid #2a2a4c;color:#fff}

#sch_ajax .loading{width:800px;margin:0 auto 25px;padding:30px 0;background:#f1f1f1;text-align:center}
#sch_ajax .loading svg{margin:20px 0}
#sch_ajax .loading p{font-size:20px;color:#333;letter-spacing:-0.2px;font-family:'notokr-regular'}
#sch_ajax .loading p b{font-weight:400;font-family:'notokr-bold'}

#inquiry_pop{display:none;position:fixed;bottom:50px;left:50px;min-width:180px;padding:15px;border:1px solid #bf1e2e;box-shadow:0px 0px 5px rgba(0,0,0,0.25);background:#fff;font-family:'notokr-medium'}
#inquiry_pop h3{margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #ededed;font-size:14px;color:#333;font-family:'notokr-bold'}
#inquiry_pop li{position:relative;margin-bottom:7px;padding:0 25px 0 7px;border:1px solid #ccc;font-size:12px;line-height:24px;color:#222;letter-spacing:-0.1px}
#inquiry_pop li button{position:absolute;top:50%;right:5px;margin-top:-9px;background:none;border:none;font-size:18px;color:#888}
#inquiry_pop .txt_area{width:100%;height:60px;margin-bottom:15px;padding:7px}
#inquiry_pop input[type=submit]{display:block;width:100%;padding:5px 0;border:none;background:#bf1e2e;color:#fff;cursor:pointer}
/*주문하기*/
#cng_area th,#cng_area td{font-size:12px}
#plus_btn{display:block;width:180px;height:40px;margin:0px auto;text-align:center;line-height:40px;font-size:12px;border-radius:0 0 5px 5px;background:#2a2a4c;color:#fff;transition:0.3s}
#plus_btn:hover{background:#60bb46}
#qat_btn{background:#2a2a4c;color:#fff;border:none}
#cng_area .del{width:22px;cursor:pointer}

/* 이용안내 */
#pageCM{padding-bottom:50px;font-size:15px;color:#777;line-height:1.7;letter-spacing:-.15px;font-family:'notokr-regular'}
.page59 dl{overflow:hidden;width:1200px;margin:0 auto}
.page59 .dl_wrap{padding:55px 0;margin: 55px 0;background-color:#f7f7f7}
.page59 dt{float:left;margin-right:50px}
.page59 dd{float:left;width:380px;padding-top:30px}
.page59 dd p{margin-bottom:20px;font-size:16px;color:#222;font-family:'notokr-medium'}
.page59 dd p span{display:inline-block;width:45px;height:45px;margin-right:12px;border-radius:100%;color:#fff;line-height:45px;text-align:center;background-color:#444}


.table_pdt{width:1200px;margin:0 auto;border-top:2px solid #333}
.table_pdt th{font-weight:normal;font-size:16px;line-height:30px;color:#333;background:#f7f7f7;font-family:'notokr-medium'}
.table_pdt td{font-size:15px;line-height:26px;color:#666;text-align:center;background:#fff;font-family:'notokr-regular'}
.table_pdt td span{font-size:14px;color:#f00;font-family:'notokr-bold'}
.table_pdt td a{color:#666}
.table_pdt .re_price{font-size:16px;color:#60bb46;font-family:'notokr-bold'}
.table_pdt .cust_price{display:block;font-size:14px;line-height:14px;color:#999;text-decoration:line-through;font-family:'notokr-regular'}

/*주문하기 결과페이지*/
#order_result{letter-spacing:-0.3px}
#order_result h4{margin-bottom:20px;font-size:20px;color:#333;text-align:center;font-family:'notokr-bold'}
#order_result .area{overflow:hidden}
#order_result .area .list{float:left;width:32%;margin-right:2%;padding:30px;background:#f1f1f1;font-family:'notokr-regular'}
#order_result .area .list:last-child{margin-right:0}
#order_result .area .list h5{margin-bottom:20px;font-size:17px;color:#bf1e2e;text-align:center;font-family:'notokr-medium'}
#order_result .area .list li{overflow:hidden;position:relative;padding-left:10px;font-size:15px;line-height:25px;color:#333}
#order_result .area .list li:before{position:absolute;top:50%;left:0;width:3px;height:3px;margin-top:-1.5px;border-radius:100%;background:#2a2a4c;content:""}
#order_result .area .list b{float:left;font-weight:400;font-family:'notokr-medium'}
#order_result .area .list span{float:right;font-family:'notokr-regular'}
#order_result .btn{display:block;width:170px;height:auto;margin:30px auto 0;padding:10px 0;border-radius:3px;background:#2a2a4c;font-weight:400;font-size:15px;color:#fff;font-family:'notokr-medium'}

/*문자인증*/
#num_chk{display:table;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;background:rgba(0,0,0,0.6)}
#num_chk .area{display:table-cell;vertical-align:middle}
#num_chk .cont{overflow:hidden;position:relative;width:30%;padding:30px;margin:0 auto;background: #fff}
#num_chk #number{width:67%}
#num_chk form{float:left;width:78%}
#num_chk .txt{margin-bottom:5px;font-size:15px;color:#333;font-family:'notokr-medium'}
#num_chk .btn{width:30%;border:none;background:#2a2a4c;color:#fff;font-family:'notokr-medium'}
#num_chk .re_btn{float:left;width:22%;height:35px;border-radius:3px;;border:none;background:#666;line-height: 0px;color:#fff;font-family:'notokr-medium'}
#num_chk .fa-times{position:absolute;top:10px;right:10px;font-size:18px}