/*기본 text*/
td { font-family: 돋움,굴림, 바탕, seoul,arial,helvetica; font-size: 12px; color: 444444; line-height: 18px;}
a:link {text-decoration:none;color: #444444;}
a:visited {text-decoration:none;color: #444444;}
a:active {text-decoration:none;color: #444444;}
a:hover {text-decoration:none;color: #e84b4d;}


/*작은 text*/
.stext { font-family: 돋움, 바탕, seoul,arial,helvetica; font-size: 11px;}



/*sub_m*/
.sub { font-family: 돋움, 굴림, 바탕, seoul,arial,helvetica; font-size: 12px; color: #777777; line-height: 14px; height:14px;}
a.sub:link, a.sub:visited, a.sub:active {color: #777777; text-decoration:none;}
a:hover.sub {color: #000000; text-decoration:none; font-weight:normal;}


.sub_cate { font-family: 돋움, 굴림, 바탕, seoul,arial,helvetica; font-size: 12px; color: #666666; line-height: 16px; width:118px;}
a.sub_cate:link{color: #666666; text-decoration:none;}
a.sub_cate:visited {color: #666666; text-decoration:none;}
a.sub_cate:active {color: #666666; text-decoration:none;}
a.sub_cate:hover {color: #666666; text-decoration:none;font: bold;}



/*input box*/
.input_s {font-family:돋움; font-size:12px ; color:#4b4b4b ; background-color:#ffffff ; border: solid #d9d9d9 1px; }
.input_search {background-color: #ffffff; border-bottom: #ffffff 1px solid; border-left: #ffffff 1px solid; border-right: #ffffff 1px solid; border-top: #ffffff 1px solid; height:18px; font-size: 12px}




 /*code text.코드*/
.code { font-family: 돋움,굴림, 바탕, seoul,arial,helvetica; font-size: 12px; color:f7794d;}

/*cash.가격*/
.cash { font-family: verdana,돋움,굴림, 바탕, seoul,arial,helvetica; font-size: 12px; color:4a76f5;}

/*category. 타이틀*/
.cate { font-family: 돋움,굴림, 바탕, seoul,arial,helvetica; font-size: 12px; color:048ddc;}


/*bank*/
.bank { font-family: verdana,돋움,굴림, 바탕, seoul,arial,helvetica; font-size: 12px; color:444444;}





/*num*/
.num { font-family: verdana, 돋움, 굴림, 바탕, seoul,arial,helvetica; font-size: 12px; color: #4c4c4c; line-height: 15px;}
a.num:link{color: #4c4c4c; text-decoration:none;}
a.num:visited {color: #4c4c4c; text-decoration:underline ;}
a.num:active {color: #4c4c4c; text-decoration:underline;}
a.num:hover {color: #ff6c00; text-decoration:underline;}





/* =========== 2015.03.13 최혜선 작업추가 ===========  */


/* basic style 고객센터 바텀 */
.float_left{float:left !important}
.float_right{float:right !important}
.clear{*zoom:1}
.clear:after{content:"";display:block;clear:both}
.clear_left{clear:left}
.clear_right{clear:right}
.clear_both{clear:both}
.txt_center{text-align:center !important}
.txt_left{text-align:left !important}
.txt_right{text-align:right !important}
.bg_none{background:none !important}
.border_none{border:none !important}
.show, .block{display:block !important}

.hide, .dp_none{display:none !important}
table.fixed{table-layout:fixed}
.bold{font-weight:bold}
.hidden{visibility:hidden}
.lsc0{letter-spacing:0}
ul, ol, li, dl, dt, dd{list-style:none}
.middle {position:relative;margin:0 auto;}


/* 고객센터 */
#customer { width:100%; text-align:center; height:auto;  /*background-color:#f32345;*/}
#customer .font {color:#8b8b8b; width:1025px; position:relative;margin:0 auto; padding-bottom:11px; margin-bottom:3px; border-bottom:1px solid #cecece;} 
#customer .layer { /*background-color:#cecece;*/ clear:both;  width:1025px; height:340px; position:relative;margin:0 auto; border-top:1px solid #cecece; border-bottom:1px solid #cecece;  }
#customer .layer .news{/*background-color:#000000;*/ width:300px; height:340px; float:left; padding-right: 20px; border-right:1px solid #cecece;}
#customer .layer .customer{/*background-color:red;*/ width:auto; height:340px; float:left; border-right:1px solid #cecece;}
#customer .layer .printing{/*background-color:blue;*/ width:260px; height:221px; float:right;padding-right: 10px; margin-top:9px;}
#customer .layer .multi { /*background-color:green;*/ width:260px; height:auto; float:right; margin-top:20px ; padding-right: 8px;padding-left: 6px; padding-top: 15px;border-top:1px solid #dddddd; }
#customer .layer .customer .bank {width:280px; border:1px solid #cecece;margin-top:3px; vertical-align:top;}

/* 하단게시판 */
.m_b15 { margin-bottom:15px; }
.pds_line { height:19px; padding:6px 0 5px 0px; }

.bottom_logo { filter: grayscale(100%) }
.bottom_logo img { width: 170px; filter: opacity(70%) }

.l6_main { display: flex; justify-content: space-between; width: 1025px; margin: 0 auto }
.l6_main > div:nth-child(1) { width: 200px }
.l6_main > div:nth-child(2) { width: 820px }

/* 좌측 */
.l6_lnb > div { width: 200px }

/* 메인 */
.main_banner { display: flex; justify-content: space-between }
.main_banner > div:nth-child(1) { width: 607px }
.main_banner > div:nth-child(2) { width: 213px }
.main_banner .mainb { height: 354px; display: flex; flex-wrap: wrap }
.main_banner .mainb > div { border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd }
.main_banner .mainb > div:nth-child(n+1):nth-child(-n+3) { border-top: 1px solid #ddd }
.main_banner .mainb > div:nth-child(3n) { border-right: 1px solid #ddd }

.main_ad { height: 220px; overflow: hidden }

/* 실시간주문리스트 */
.marquee { border: 1px solid #cecece; overflow: hidden; width: 200px; box-sizing: border-box; }
.marquee marquee { height: 250px }

/* 주목해야 할 아이템 */
.issue_item .title { margin-top: 5px; font-family: 'Noto Sans KR', sans-serif; font-size: 22px; color: #222; font-weight: 500 }
.issue_item > div:nth-child(2) { display: flex; justify-content: space-between; flex-wrap: wrap }
.issue_item > div:nth-child(2) > div:nth-child(n+1):nth-child(-n+3) { margin-bottom: 16px }

.bottom_info {width:1025px;margin:20px auto;height:390px;overflow:hidden;border-bottom:1px solid #e0e0e0}

.bottom_info .notice {padding:10px 0;border-bottom:1px double #e0e0e0}

.bottom_info .news,.bottom_info .printing {float:left;box-sizing:border-box;padding:20px 19px;text-align:left}

.bottom_info .news {width:320px}
.bottom_info .news1 {width:281px;margin-bottom:8px}
.bottom_info .news2 {float:left}
.bottom_info .news3 {float:right}


.bottom_info .use {float:left;width:430px;box-sizing:border-box;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;padding:0;text-align:left}
.bottom_info .use .title {margin:20px 19px 10px 19px;}
.bottom_info .use .bank {overflow:hidden;height:170px}
.bottom_info .use .bank .memo1 {margin-left:19px;font-family: 'Noto Sans KR', sans-serif !important;font-size:14px !important;font-weight:bold;line-height:300%;color:#75695D}
.bottom_info .use .no {margin-left:19px}
.bottom_info .use .no .bank_num {font-family: 'Roboto', sans-serif;font-size:28px;line-height:100%;font-weight:500;color:#333}
.bottom_info .use .no .info {font-family: 'Noto Sans KR', sans-serif !important;margin-bottom:10px;font-size:14px !important;color:#7a7a7a;font-weight:700;}
.bottom_info .use .no .info span {font-family: 'Noto Sans KR', sans-serif !important;font-size:14px !important;color:#75695D}
.bottom_info .use .memo {float:left;}
.bottom_info .use .tel {width:100%;float:left;background-color:#ECECEC}
.bottom_info .use .tel .num {float:left;margin-left:19px;min-width:250px;height:70px;font-family: 'Roboto', sans-serif !important;font-size:35px;color:#DF0907;line-height:35px;font-weight:500;display:flex;align-items:center;}
.bottom_info .use .tel .memo {float:left;height:70px;.bottom_info .use .bank {overflow:hidden;height:170px}
background-color:#ECECEC;display:flex;align-items:center;}

.bottom_info .fax {box-sizing:border-box;height:60px;padding:10px 20px;background-color:#76685B;font-size:13px;color:#fff;font-weight:700;line-height:160% !important;clear:both}


.bottom_info .printing {width:275px}
.bottom_info .printing .img {margin-top:15px}

.bottom_info .title {clear:both;font-family: 'Noto Sans KR', sans-serif !important;font-size:14px;color:#000;font-weight:700;margin-bottom:10px}
.bottom_info .title > span {font-size:12px;color:#929292;letter-spacing:-1px;font-weight:normal}