@charset "utf-8";

/*========================================== Basic ================================================*/
/* 접근성 */
.hidden{position:absolute !important; left:-99999px !important;}

/* 위치 */
.rel {position:relative;}
.abs {position:absolute;}
.blind {position: absolute; overflow: hidden; margin: -1px; border: 0; padding: 0; width: 1px; height: 1px; clip: rect(0 0 0 0);}
.table_fixed {table-layout:fixed;}

/*======================================= Margin/Padding ==========================================*/
/* margin */
.m_0{margin:0px;}
.m_5{margin:5px;}
.m_10{margin:10px;}
.m_15{margin:15px;}
.m_20{margin:20px;}
.m_25{margin:25px;}
.m_30{margin:30px;}
.m_35{margin:35px;}
.m_40{margin:40px;}
.m_45{margin:45px;}
.m_50{margin:50px;}

.mt_5{margin-top:5px;}
.mt_10{margin-top:10px;}
.mt_15{margin-top:15px;}
.mt_20{margin-top:20px;}
.mt_25{margin-top:25px;}
.mt_30{margin-top:30px;}
.mt_35{margin-top:35px;}
.mt_40{margin-top:40px;}
.mt_45{margin-top:45px;}
.mt_50{margin-top:50px;}

.ml_0{margin-left:0px;}
.ml_5{margin-left:5px;}
.ml_10{margin-left:10px;}
.ml_15{margin-left:15px;}
.ml_17{margin-left:17px;}
.ml_20{margin-left:20px;}
.ml_25{margin-left:25px;}
.ml_30{margin-left:30px;}
.ml_35{margin-left:35px;}
.ml_40{margin-left:40px;}
.ml_45{margin-left:45px;}
.ml_50{margin-left:50px;}
.ml_100{margin-left:100px;}
.ml_200{margin-left:200px;}

.mr_0{margin-right:0px;}
.mr_5{margin-right:5px;}
.mr_10{margin-right:10px;}
.mr_15{margin-right:15px;}
.mr_20{margin-right:20px;}
.mr_25{margin-right:25px;}
.mr_30{margin-right:30px;}
.mr_35{margin-right:35px;}
.mr_40{margin-right:40px;}
.mr_45{margin-right:45px;}
.mr_50{margin-right:50px;}

.mb_0{margin-bottom:0px;}
.mb_5{margin-bottom:5px;}
.mb_10{margin-bottom:10px;}
.mb_15{margin-bottom:15px;}
.mb_20{margin-bottom:20px;}
.mb_25{margin-bottom:25px;}
.mb_30{margin-bottom:30px;}
.mb_35{margin-bottom:35px;}
.mb_40{margin-bottom:40px;}
.mb_45{margin-bottom:45px;}
.mb_50{margin-bottom:50px;}

/* padding */
.p_0{padding:0px;}
.p_5{padding:5px;}
.p_10{padding:10px;}
.p_15{padding:15px;}
.p_20{padding:20px;}

.pt_0{padding-top:0px;}
.pt_5{padding-top:5px;}
.pt_10{padding-top:10px;}
.pt_15{padding-top:15px;}
.pt_20{padding-top:20px;}
.pt_25{padding-top:25px;}
.pt_30{padding-top:30px;}
.pt_35{padding-top:35px;}
.pt_40{padding-top:40px;}
.pt_45{padding-top:45px;}
.pt_50{padding-top:50px;}

.pr_0{padding-right:0px;}
.pr_5{padding-right:5px;}
.pr_10{padding-right:10px;}
.pr_15{padding-right:15px;}
.pr_20{padding-right:20px;}
.pr_25{padding-right:25px;}
.pr_30{padding-right:30px;}
.pr_35{padding-right:35px;}
.pr_40{padding-right:40px;}
.pr_45{padding-right:45px;}
.pr_50{padding-right:50px;}

.pl_0{padding-left:0px;}
.pl_5{padding-left:5px;}
.pl_10{padding-left:10px;}
.pl_15{padding-left:15px;}
.pl_20{padding-left:20px;}
.pl_25{padding-left:25px;}
.pl_30{padding-left:30px;}
.pl_35{padding-left:35px;}
.pl_40{padding-left:40px;}
.pl_45{padding-left:45px;}
.pl_50{padding-left:50px;}
.pl_70{padding-left:70px;}
.pl_130{padding-left:100px;}

.pb_0{padding-bottom:0px;}
.pb_5{padding-bottom:5px;}
.pb_10{padding-bottom:10px;}
.pb_15{padding-bottom:15px;}
.pb_20{padding-bottom:20px;}
.pb_25{padding-bottom:25px;}
.pb_30{padding-bottom:30px;}
.pb_35{padding-bottom:35px;}
.pb_40{padding-bottom:40px;}
.pb_45{padding-bottom:45px;}
.pb_50{padding-bottom:50px;}

/* width */
.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}
.w95{width:95%;}
.w99{width:99%;}
.w100{width:100%;}
.max_w100{max-width:100%;}

/* display */
.inline{display:inline;}
.inline_b{display:inline-block;}
.block{display:block!important;}
.ir_img{font-size:0;line-height:0;text-indent:-9999px;}

/*=========================================== Align ==============================================*/
/* align style */
.clear{clear:both;}
.clearfix{width:100%;}
.clearfix:after{content:"";display:block;visibility:hidden;clear:both;}
.fl{float:left;}
.fr{float:right;}
.fn{float:none !important;}

.left{text-align:left !important;}
.right{text-align:right !important;}
.center{text-align:center !important;}
.justify{text-align:justify !important;}

/* 세로정렬 */
.vmiddle{vertical-align:middle;}
.vtop{vertical-align:top;}
.vbottom{vertical-align:bottom;}

/*========================================== img ================================================*/
/* img */
.img_area{display:inline-block; width:100%; padding:20px 0 40px 0; text-align:center;}
.img_area img{display:inline-block; max-width:100%;}
.max_img100{max-width:100%;}
.img_web{max-width:770px;}
.img_mobile{max-width:350px; display:none !important;}

/*========================================== Font ================================================*/
/* title */
h3{margin:3px 0 3px 0px;padding:0 0 5px 10px;font-size:18px; color:#333;} 
h4{margin:3px 0 3px 0px;padding:0 0 5px 20px;font-size:18px; color:#333;} 
h5{margin:3px 0 3px 0px;padding:0 0 5px 30px;font-size:16px; color:#333;}
h6{margin:3px 0 3px 0px;padding:0 0 5px 35px;font-size:16px; color:#333;}

h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small{font-size:80%; font-weight:normal;}
.small{font-size:80%; font-weight:normal;}

/* title type */
.tit1{font-size:1.714em;} 

/* text type */
.txt1{color:#554ede; font-size:1.286em;}

/* 들여쓰기 */
.txt_h3{margin-left:10px !important;}
.txt_h4{margin-left:20px !important;}
.txt_h5{margin-left:30px !important;}
.txt_h6{margin-left:35px !important;}

/* 폰트 사이즈 */
.txt_s1{font-size:1em;} /*14px*/
.txt_s2{font-size:1.143em;} /*16px*/
.txt_s3{font-size:1.286em;} /*18px*/
.txt_s4{font-size:1.429em} /*20px*/
.txt_s5{font-size:1.714em} /*24px*/

.txt_s100p{font-size:100% !important;}
.txt_s110p{font-size:110% !important;}
.txt_s115p{font-size:115% !important;}
.txt_s120p{font-size:120% !important;}
.txt_s130p{font-size:130% !important;}
.txt_s95p{font-size:95% !important;}
.txt_s90p{font-size:90% !important;}
.txt_s80p{font-size:80% !important;}
.txt_s70p{font-size:70% !important;}
.txt_s60p{font-size:60% !important;}
.txt_s50p{font-size:50% !important;}

/* 폰트 기타 */
.txt_u{text-decoration:underline !important;}
.txt_normal{font-weight:normal !important;}
.txt_bold{font-weight: 500;}
.txt_deco_none {text-decoration:none !important;}

/* color-point */
.c_site{color:#4b93e1 !important;}
.c_green{color:#1D674E !important;}
.c_gray{color:#ccc !important;}
.c_bk1{color:#333 !important;}
.c_bk2{color:#111 !important;}
.c_blue{color:#5b79b9 !important;}
.c_red{color:#e13d00 !important;}
.c_point{color:#9833a0 !important;}
.c_normal{color: #6c6e72 !important;}
.c_orange{color: #f15922 !important;}

/* 말줄임 ··· */
.ellipsis{overflow:hidden;white-space:nowrap;}

/* 블릿 스타일01 */
/*.bl_h2:before{content:""; display:inline-block; width:8px; height:8px; margin:0 6px 3px -22px; border:4px solid ; border-radius:0%; vertical-align:middle}
.bl_h3{background:url(/localfood/images/common/bl_h2.png) no-repeat 1px 2px; color:#4c8bdb; margin:0 6px 3px -22px; padding:0 0 5px 25px;}
.bl_h4:before{content:""; display:inline-block; width:8px; height:8px; margin:0 6px 3px -22px; border:4px solid ; border-radius:0%; vertical-align:middle}
.bl_h5:before{content:""; display:inline-block; width:6px; height:6px; margin:0 5px 3px -15px; border:3px solid ; border-radius:0%; vertical-align:middle}
.bl_h6:before{content:""; display:inline-block; width:4px; height:4px; margin:0 5px 3px -10px; border-radius:0%; vertical-align:middle}*/

/* 블릿 스타일02 */
.bl_h2{background:url(/localfood/images/common/bl_h2.png) no-repeat 1px 2px;}
.bl_h3{background:url(/localfood/images/common/bl_h3.png) no-repeat 1px 2px;}
.bl_h4{background:url(/localfood/images/common/bl_h3_2.png) no-repeat 5px 5px; padding-left:26px;}
.bl_h5{background:url(/localfood/images/common/bl_dot_gray.gif) no-repeat left center;}
.bl_h6{background:url(/localfood/images/common/bl_h6.gif) no-repeat 29px 8px;}

.bl_arr{padding:3px 0 3px 13px; background:url(/localfood/images/common/bl_arr.png) no-repeat 0px 11px;}

/*.bl_h2{background:url(/localfood/images/common/bl_h2.png) no-repeat 1px 2px; padding-bottom:5px;color:#4c8bdb;}
.bl_h3{background:url(/localfood/images/common/bl_h3.gif) no-repeat 1px 2px;} 
.bl_h4{background:url(/localfood/images/common/bl_h4.gif) no-repeat 1px 2px;padding-bottom:5px;} 
.bl_h5{background:url(/localfood/images/common/bl_dot_gray.gif) no-repeat left center;padding-bottom:5px;}
.bl_h6{background:url(/localfood/images/common/bl_h6.gif) no-repeat 1px 2px;padding-bottom:5px;}*/

/*=========================================== Border ==============================================*/
/* line */
.line_none{border:none !important;}
.line_r_none {border-right:none !important;}
.line_l_none {border-left:none !important;}
.line_b_none {border-bottom:none !important;}
.line_t_none {border-top:none !important;}

.line_b {width:100%;border-bottom:1px solid #ccc;box-sizing:border-box;}
.line_b_all > *{width:100%;padding:30px 0;border-bottom:1px solid #ccc;box-sizing:border-box;}
.line_t {width:100%;border-top:1px solid #ccc;box-sizing:border-box;}

.line_t {border-top:1px solid #999 !important}
.line_b {border-bottom:1px solid #999 !important}
.line_t.gray {border-top-color:#ccc !important;}
.line_b.gray {border-bottom-color:#ccc !important;}

.bgnone {background:none !important;}

/*=========================================== list ==============================================*/
/* list */
/*ul,li,dd,dt,dl{font-size:15px;}*/
.list{margin-bottom:0px;}
.list li{margin-bottom:6px;}
.list li:before, .list dt:before{content:""; display:inline-block; width:6px; height:2px; margin:0 6px 3px -10px; background:#6c6e72; vertical-align:middle; no-repeat left 9px;}
.list li ul{margin:6px 0 6px 0px;}
.list li li:before, .list dd:before{content:""; display:inline-block; width:2px; height:2px; margin:0 5px 3px -6px; background:#6c6e72; vertical-align:middle }

.list1{margin-bottom:20px;margin-left:27px;margin-top:6px;}
.list1 li{margin-bottom:6px;}
.list1 li:before, .list1 dt:before{content:""; display:inline-block; width:6px; height:2px; margin:0 6px 3px -10px; background:#6c6e72; vertical-align:middle;}
.list1 li ul{margin:6px 0 6px 0px;}
.list1 li li:before, .list1 dd:before{content:""; display:inline-block; width:2px; height:2px; margin:0 5px 3px -6px; background:#6c6e72; vertical-align:middle }
dl.list1{margin-bottom:20px;margin-left:27px;}
.list1 dt{margin-bottom:6px; font-weight:500; }
.list1 li li, .list1 dd{margin:0 0 6px 15px;}

.list2{margin:6px 0 20px 42px;}
.list2 li{margin-bottom:6px;}
.list2 li:before, .list2 dt:before{content:""; display:inline-block; width:6px; height:2px; margin:0 6px 3px -10px; background:#6c6e72; vertical-align:middle;}
.list2 li ul{margin:6px 0 6px 0px;}
.list2 li li:before, .list1 dd:before{content:""; display:inline-block; width:2px; height:2px; margin:0 5px 3px -6px; background:#6c6e72; vertical-align:middle }
.list2 li li, .list2 dd{margin:0 0 6px 15px;}

.list3{margin-bottom:20px;margin-left:55px ;margin-top:6px;}
.list3 li{margin-bottom:6px;}
.list3 li:before, .list3 dt:before{content:""; display:inline-block; width:6px; height:2px; margin:0 6px 3px -10px; background:#6c6e72; vertical-align:middle;}
.list3 li ul{margin:6px 0 6px 0px;}
.list3 li li:before, .list1 dd:before{content:""; display:inline-block; width:2px; height:2px; margin:0 5px 3px -6px; background:#6c6e72; vertical-align:middle }
.list3 li li, .list2 dd{margin:0 0 6px 15px;}

/* Box Type */
.box1{display:block; position:relative; padding:40px; border:8px solid #eee; ; margin:0 0 20px 0;}
.box1 .title{font-weight:500; font-size: 1.2em; line-height: 1.2em; margin-bottom: 5px; color: #000;}
.box2{display:block; position:relative; padding:40px; border:1px solid #e6e6e6; margin:20px 0 20px 0; background:#f9f9f9;}
.box3.obq {background:url(/localfood/images/common/box_bg_obq2.gif) repeat; overflow:hidden; padding:5px;}
.box3.line {background:#fff; border:1px solid #ddd; overflow:hidden; padding:20px;}
.box4{border:6px solid #dadef1; background:#dadef1; overflow:hidden; border-radius:5px;}
.box4.line{padding:20px 30px 10px 40px; border:1px solid #4a558d; border-radius:5px; background:#fff;}
.box5{border:1px solid #4a558d; background:#dadef1; overflow:hidden; border-radius:5px;}
.box5.line{padding:20px 30px 10px 40px; border:6px solid #dadef1; border-radius:5px; background:#fff;}

/*=========================================== Button ==============================================*/
/*.btn Reset */
.btn{position:relative; overflow: visible; display:-moz-inline-stack; display:inline-block; margin-bottom:2px;/* margin:0 2px; */ padding:0; vertical-align: top;  white-space: nowrap; text-decoration:none;  border-radius: 5px; color:#fff; background-color:#444; border:1px solid #474a52; border-width:0 1px 1px 0; font-family:'Nanum Gothic', '나눔고딕','Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif'; cursor:pointer }
a.btn{margin:0 2px 2px;} 
p.btn{cursor: no-drop; }

/*.btn Size */
.btn.small{height: 25px; padding:0 15px; line-height: 25px; font-size: 12px; }
.btn.medium{height: 38px; padding: 0 15px; line-height:38px; font-size:13px;} 
.btn.large{height: 42px; padding:0 30px; line-height:42px; font-size:14px;}

/*.btn Color */
.btn.white{border:1px solid #d6d9e0; border-width:1px 1px 1px 1px; color:#333; background:#f4f5f7;}

/*.btn Hover */
.btn:hover, .btn:active, .btn:focus{border-right:1px solid #999; border-bottom:1px solid #999; color:#fff; text-decoration:none; background:#777;} 
.btn.color:hover, .btn.color:active, .btn.color:focus{color:#fff; text-decoration: none;} 
.btn.white:hover, .btn.white:active, .btn.white:focus{border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #aaa; border-bottom:1px solid #aaa; color:#333; text-decoration: none; background: #eee;} 

input[type="submit"].btn.ico:hover, input[type="button"].btn.ico:hover,
input[type="submit"].btn.ico:active, input[type="button"].btn.ico:active,
input[type="submit"].btn.ico:focus, input[type="button"].btn.ico:focus{background-image:url(/localfood/images/common/btn_ico_w.png); background-repeat:no-repeat; background-color:#333}

input[type="submit"].btn.ico.color:hover, input[type="button"].btn.ico.color:hover,
input[type="submit"].btn.ico.color:active, input[type="button"].btn.ico.color:active,
input[type="submit"].btn.ico.color:focus, input[type="button"].btn.ico.color:focus{background-image:url(/localfood/images/common/btn_ico_w.png); background-repeat:no-repeat; background-color:#333}

input[type="submit"].btn.ico.white:hover, input[type="button"].btn.ico.white:hover,
input[type="submit"].btn.ico.white:active, input[type="button"].btn.ico.white:active,
input[type="submit"].btn.ico.white:focus, input[type="button"].btn.ico.white:focus{background-image:url(/localfood/images/common/btn_ico_b.png); background-repeat:no-repeat; background-color:#ebedf0}

/* btn Area */
.btn_area{overflow:hidden; margin:20px 0}
.btn_area.btn_center{text-align:center}
.btn_area.btn_right{text-align:right }
.btn_area.btn_left{text-align:left }
.btn_area:after{content:''; display:block; font-size:0; line-height:0;}

/* 텍스트가 없는 아이콘 버튼 */
.btn.ico.no_txt{padding-right:23px;}

/* 버튼 icon */
.btn.ico{position:relative; padding-right:35px }
.btn.ico:after{position:absolute; top:0; right:0; content:""; display:inline-block; width:20px; padding:0 5px; background:url(/localfood/images/common/btn_ico_w.png) no-repeat; }
.btn.ico.white:after{position:absolute; top:0; right:0; content:""; display:inline-block; width:20px; padding:0 5px; background:url(/localfood/images/common/btn_ico_b.png) no-repeat; }

.btn.small:after{height:20px; margin:1px 2px 0 8px}
.btn.medium:after{height:20px; margin:7px 2px 0 8px}
.btn.large:after{height:20px; margin:10px 2px 0 8px}
input[type="submit"].btn.ico, 
input[type="button"].btn.ico{background:url(/localfood/images/common/btn_ico_w.png)no-repeat #333;}
input[type="submit"].btn.ico.color, 
input[type="button"].btn.ico.color{background:url(/localfood/images/common/btn_ico_w.png)no-repeat;}
input[type="submit"].btn.ico.white, 
input[type="button"].btn.ico.white{background:url(/localfood/images/common/btn_ico_b.png) no-repeat #f4f5f7;}

/* 검색 */
.btn.small.srch:after, 
.btn.medium.srch:after, 
.btn.large.srch:after{background-position: -3px -287px;}
input[type="submit"].btn.ico.srch, input[type="button"].btn.ico.srch,
input[type="submit"].btn.ico.color.srch, input[type="button"].btn.ico.color.srch,
input[type="submit"].btn.ico.white.srch, input[type="button"].btn.ico.white.srch{background-position: right -285px;}
input[type="submit"].btn.medium.ico.srch, input[type="button"].btn.medium.ico.srch,
input[type="submit"].btn.medium.ico.color.srch, input[type="button"].btn.medium.ico.color.srch,
input[type="submit"].btn.medium.ico.white.srch, input[type="button"].btn.medium.ico.white.srch{background-position: right -281px;}
input[type="submit"].btn.large.ico.srch, input[type="button"].btn.large.ico.srch,
input[type="submit"].btn.large.ico.color.srch, input[type="button"].btn.large.ico.color.srch, 
input[type="submit"].btn.large.ico.white.srch, input[type="button"].btn.large.ico.white.srch{background-position: right -278px;}

/* 새창 */
.btn.small.jump:after, 
.btn.medium.jump:after, 
.btn.large.jump:after{background-position:center -432px;}
input[type="submit"].btn.ico.jump, input[type="button"].btn.ico.jump,
input[type="submit"].btn.ico.color.jump, input[type="button"].btn.ico.color.jump,
input[type="submit"].btn.ico.white.jump, input[type="button"].btn.ico.white.jump{background-position: right -430px;}
input[type="submit"].btn.medium.ico.jump, input[type="button"].btn.medium.ico.jump, 
input[type="submit"].btn.medium.ico.color.jump, input
[type="button"].btn.medium.ico.color.jump,
input[type="submit"].btn.medium.ico.white.jump, input
[type="button"].btn.medium.ico.white.jump{background-position: right -425px;}
input[type="submit"].btn.large.ico.jump, input[type="button"].btn.large.ico.jump,
input[type="submit"].btn.large.ico.color.jump, input[type="button"].btn.large.ico.color.jump,
input[type="submit"].btn.large.ico.white.jump, input[type="button"].btn.large.ico.white.jump{background-position: right -423px;}
a.btn[title="새 창"], a.btn[title="팝업"]{padding-right:30px;}
a.btn[title="새 창"]:after, 
a.btn[title="팝업"]:after{position:absolute; top:50%; right:0; content:""; display:inline-block; width:20px; height:20px; margin-top:-10px; padding:0 5px; background:url
(/localfood/images/common/btn_ico_w.png) no-repeat center -434px; }
a.newBrsW[title="새 창"]:after, 
a.newBrsW[title="팝업"]:after{position:absolute; top:0; right:0; content:""; display:inline-block; width:20px; height:20px; padding:0 5px; background:url(/localfood/images/common/btn_ico_w.png) no-repeat 
center -434px; }
a.btn.white[title="새 창"]:after, 
a.btn.white[title="팝업"]:after{position:absolute; top:50%; right:0; content:""; display:inline-block; width:20px; height:20px; margin-top:-10px; padding:0 5px; background:url
(/localfood/images/common/btn_ico_b.png) no-repeat center -434px; } 
a.newBrsB[title="새 창"]:after, 
a.newBrsB[title="팝업"]:after{position:absolute; top:0; right:0; content:""; display:inline-block; width:20px; height:20px; padding:0 5px; background:url(/localfood/images/common/btn_ico_b.png) no-repeat 
center -434px; }
a.newBrsW, a.newBrsB{display:inline-block; position:relative; padding-right: 30px; /*_border:1px solid red; _padding:20px;*/ }

/* 다운로드 */
.btn.small.down:after,
.btn.medium.down:after, 
.btn.large.down:after{background-position:center -481px;}
input[type="submit"].btn.ico.down, input[type="button"].btn.ico.down,
input[type="submit"].btn.ico.color.down, input[type="button"].btn.ico.color.down,
input[type="submit"].btn.ico.white.down, input[type="button"].btn.ico.white.down{background-position: right -480px;}
input[type="submit"].btn.medium.ico.down, input[type="button"].btn.medium.ico.down,
input[type="submit"].btn.medium.ico.color.down, input[type="button"].btn.medium.ico.color.down,
input[type="submit"].btn.medium.ico.white.down, input[type="button"].btn.medium.ico.white.down{background-position: right -475px;}
input[type="submit"].btn.large.ico.down, input[type="button"].btn.large.ico.down,
input[type="submit"].btn.large.ico.color.down, input[type="button"].btn.large.ico.color.down,
input[type="submit"].btn.large.ico.white.down, input[type="button"].btn.large.ico.white.down{background-position: right -473px;}
/* 수정, 변경 */
.btn.small.modify:after,
.btn.medium.modify:after,
.btn.large.modify:after{background-position: center -189px;}
input[type="submit"].btn.ico.modify, input[type="button"].btn.ico.modify,
input[type="submit"].btn.ico.color.modify, input[type="button"].btn.ico.color.modify,
input[type="submit"].btn.ico.white.modify,input[type="button"].btn.ico.white.modify{background-position: right -187px;}
input[type="submit"].btn.medium.ico.modify, input[type="button"].btn.medium.ico.modify,
input[type="submit"].btn.medium.ico.color.modify, input[type="button"].btn.medium.ico.color.modify,
input[type="submit"].btn.medium.ico.white.modify,input[type="button"].btn.medium.ico.white.modify{background-position: right -183px;}
input[type="submit"].btn.large.ico.modify, input[type="button"].btn.large.ico.modify,
input[type="submit"].btn.large.ico.color.modify, input[type="button"].btn.large.ico.color.modify,
input[type="submit"].btn.large.ico.white.modify,input[type="button"].btn.large.ico.white.modify{background-position: right -180px;}
/* 삭제 */
.btn.small.delete:after,
.btn.medium.delete:after, 
.btn.large.delete:after{background-position: center -141px;}
input[type="submit"].btn.ico.delete, input[type="button"].btn.ico.delete,
input[type="submit"].btn.ico.color.delete, input[type="button"].btn.ico.color.delete, 
input[type="submit"].btn.ico.white.delete, input[type="button"].btn.ico.white.delete{background-position: right -139px;}
input[type="submit"].btn.medium.ico.delete, input[type="button"].btn.medium.ico.delete,
input[type="submit"].btn.medium.ico.color.delete, input[type="button"].btn.medium.ico.color.delete,
input[type="submit"].btn.medium.ico.white.delete, input[type="button"].btn.medium.ico.white.delete{background-position: right -134px;}
input[type="submit"].btn.large.ico.delete, input[type="button"].btn.large.ico.delete,
input[type="submit"].btn.large.ico.color.delete, input[type="button"].btn.large.ico.color.delete,
input[type="submit"].btn.large.ico.white.delete, input[type="button"].btn.large.ico.white.delete{background-position: right -132px;}
/* 기본 */
.btn.small.default:after,
.btn.medium.default:after, 
.btn.large.default:after{background-position: center 5px;}
input[type="submit"].btn.ico.default, input[type="button"].btn.ico.default,
input[type="submit"].btn.ico.color.default, input[type="button"].btn.ico.color.default, 
input[type="submit"].btn.ico.white.default, input[type="button"].btn.ico.white.default{background-position: right 7px;}
input[type="submit"].btn.medium.ico.default, input[type="button"].btn.medium.ico.default,
input[type="submit"].btn.medium.ico.color.default, input[type="button"].btn.medium.ico.color.default,
input[type="submit"].btn.medium.ico.white.default, input[type="button"].btn.medium.ico.white.default{background-position: right 12px;}
input[type="submit"].btn.large.ico.default, input[type="button"].btn.large.ico.default,
input[type="submit"].btn.large.ico.color.default, input[type="button"].btn.large.ico.color.default,
input[type="submit"].btn.large.ico.white.default, input[type="button"].btn.large.ico.white.default{background-position: right 14px;}

/* links */
.links {color:#056DAE; text-decoration:none; word-break:break-all;}
.links:hover {color:#002a54; text-decoration:underline;}
/*.links:before, .links:after{content:''; display:inline-block;}*/

/*=========================================== Table ==============================================*/
/* table */
table caption{overflow:hidden; line-height:0; text-indent:-2000em;}
table tfoot th, table tfoot td{text-align:center;  border-top:1px solid #abafb9; background:#f6f6f7; }
table tfoot th{border-right:1px solid #c8ccd4; }
table tfoot td{border-right:1px solid #c8ccd4; }
table tfoot th:first-child{border-left:none;}
table tfoot td:first-child{border-left:none;}
.table_c.tl td, .table_cr.tl td, .table_r.tl td, .table_m.tl td, .tableInner.tl td{text-align:left; }
tbody th.style1{background: #f6f6f7; text-align: left; }
tbody th.style2{background: #fff; text-align: left; }
tbody td.left{text-align: left !important;}
tbody td.right{text-align: right !important;}
tbody td.style1{text-align: left; padding-left: 30px; }
tbody td.td_bg1{background: #f6f6f7;}
tbody td.td_bg02{background: #fdf3f0;}
tbody td.td_bg3{background: #e7edf5;}

.table_c{width:100%; margin-top:10px; border-collapse:collapse; border:0; border-spacing:0; border-top:3px solid #666; border-bottom:1px solid #61646c; border-left:1px solid #c8ccd4; border-right:1px solid #c8ccd4;}
.table_c th, .table_c td{padding:15px 10px 13px; }
.table_c thead th{background:#f6f6f7; border-bottom:1px solid #61646c; border-right:1px solid #c8ccd4;}
.table_c tbody td,
.table_c tbody th{text-align:center; border-top:1px solid #c8ccd4; border-right:1px solid #c8ccd4; }
.table_c tbody td:first-child{border-left:0}  
.table_c tbody td.title{text-align: left;}

/* 양쪽 라인 삭제 */
.table_c{border-left:0px solid #000 !important; border-right:0px solid #000 !important;}
.table_c thead th:last-child{border-right:0px solid #000 !important;}
.table_c tbody td:last-child{border-right:0px solid #000 !important;}
table tfoot th:last-child, table tfoot td:last-child{border-right:0px solid #000 !important;}

.table_cr{width:100%; margin-top:10px; border-collapse:collapse; border:0; border-spacing:0; border-top:3px solid #2f9066; border-bottom:1px solid #2f9066; border-left:1px solid #c8ccd4; border-right:1px solid #c8ccd4;}
.table_cr th, .table_cr td{padding:15px 10px 13px; }
.table_cr thead th{border-bottom:1px solid #2f9066; border-right:none; background:url(/localfood/images/common/bg_table_line.png)100% 50% no-repeat; background-color:#f4f9f7; color:#097949;}
.table_cr tbody th{background: #f4f9f7; border-top:1px solid #d1d5d6;}
.table_cr tbody td{text-align:center; border-top:1px solid #d1d5d6; border-left:1px solid #d1d5d6; }

.table_cr {border-left:0px solid #000 !important; border-right:0px solid #000 !important;}
.table_cr thead th:last-child {border-right:0px solid #000 !important; background:none; background-color:#f4f9f7;}
.table_cr tbody td:last-child {border-right:0px solid #000 !important;}

.table_cr2{width:100%;margin-top:10px;border-collapse:collapse;border:0;border-
spacing:0;border-top:3px solid #2f9066;border-bottom:1px solid #2f9066;border-left:1px solid 
#c8ccd4;border-right:1px solid #c8ccd4;}
.table_cr2 th, .table_cr2 td{padding:15px 10px 13px; }
.table_cr2 thead th{border-bottom:1px solid #2f9066; border-right:none; background:url
(/localfood/images/common/bg_table_line.png)100% 50% no-repeat; background-color:#f4f9f7; 
color:#097949;}
.table_cr2 tbody th{background: #f4f9f7; border-top:1px solid #d1d5d6;}
.table_cr2 tbody td{text-align:center; border-top:1px solid #d1d5d6; border-bottom:1px solid 
#2f9066; border-left:1px solid #d1d5d6; }

.table_cr2 {border-left:0px solid #000 !important; border-right:0px solid #000 !important;}
.table_cr2 thead th:last-child {border-right:0px solid #000 !important; background:none; 
background-color:#f4f9f7;}
.table_cr2 tbody td:last-child {border-right:0px solid #000 !important;}



table td{/*font-size:13px;*/}
.table_r, .table_r2{width:100%; margin:10px 0 50px 0; border:0; border-spacing:0; border-collapse:collapse; border-bottom:1px solid #2f9066; border-left:1px solid #d1d5d6; }
.table_r:before, .table_r2:before{content:""; display:table-caption; width:100%; border-top:3px solid #2f9066; }
.table_r tbody tr:first-child th, .table_r tbody tr:first-child td, .table_r2 tbody tr:first-child th, .table_r2 tbody tr:first-child td{border-top:0}
.table_r th, .table_r td{padding:18px 30px 18px;}
.table_r tbody th, .table_r2 tbody th{background:#f4f9f7; border-top:1px solid #c8ccd4; border-right:1px solid #d1d5d6;color:#097949; font-weight:500; font-size:18px;}
.table_r tbody td, .table_r2 tbody td{text-align:left; border-top:1px solid #c8ccd4;  border-right:1px solid #d1d5d6; } 
.table_r tbody td:first-child, .table_r2 tbody td:first-child{border-left:0;}

/* 양쪽 라인 삭제 */
.table_r, .table_r2 {border-left:0px solid #000 !important; border-right:0px solid #000 !important;}
.table_r thead th:last-child, .table_r2 thead th:last-child {border-right:0px solid #000 !important;}
.table_r tbody td:last-child, .table_r2 tbody td:last-child {border-right:0px solid #000 !important;}
table tfoot th:last-child, table tfoot td:last-child{border-right:0px solid #000 !important;}

.table_r ul li, .txt2{background:url(/localfood/images/common/bl_dot_gray.gif) no-repeat left center; padding-left:10px;}

.table_r2{margin:10px 0 20px 0;}
.table_r2 th, .table_r2 td{padding:13px 30px 13px 30px;}
.table_r2 tbody th{color:#333;}

.area1{margin-bottom:50px;}
.area1 p.txt2{margin:0 0 10px 15px;}

/* 각 셀의 패딩을 좁힘 */
.table_p th, .table_p td{padding:5px 8px;}

/* list_num */
.list_num_box1 li{position:relative; border:1px solid;padding:15px 15px 15px 60px;  border-radius:10px; margin-bottom: 10px; }
.list_num_box1 li span{position: absolute; top: 50%; left: 0; width: 30px; height: 30px; line-height: 30px; margin: -15px 0 0 15px; color: #fff; text-align: center; font-size: 1.4em; font-weight: 500; background-color: #555; border-radius: 5%;}

.list_num_box2 li{position:relative; border:1px solid;padding:15px 15px 15px 60px;  border-radius:10px; margin-bottom: 10px; }
.list_num_box2 li span{position: absolute; top: 0; left: 0; width: 30px; height: 30px; line-height: 30px; margin: 20px 0 0 15px; color: #fff; text-align: center; font-size: 1.4em; font-weight: 500; background-color: #555; border-radius: 50%;}

.list_num2{overflow: hidden; margin-bottom: 10px; }
.list_num2 li{position:relative; margin: 20px 0; padding: 0 0 10px 35px;}
.list_num2 li span{width:23px; height: 23px;  line-height: 23px; text-align: center; position: absolute; left: 0; top: 0; box-sizing: border-box; border-radius: 50%; color: #111; border: 1px solid #999; font-weight: 500; }

.list_num3{overflow: hidden; margin-bottom:10px;}
.list_num3 li{position:relative; margin: 20px 0; padding: 0 0 10px 35px;}
.list_num3 li span{width:23px; height: 23px; line-height: 23px; text-align: center; position: absolute; left: 0; top: 0; box-sizing: border-box; border-radius: 50%; color: #fff; background-color: #4a4f5a; font-weight: 500;margin:0px 0 0 0;}

/* list_numPro*/
.list_numPro li{position:relative; padding:20px 20px 20px 250px; border:2px solid; margin-bottom: 10px; }
.list_numPro li span{position: absolute; top: 50%; left: 0; width: 200px; height: 40px; line-height: 40px; margin: -20px 0 0 0; color: #fff; text-align: center; font-size: 1.4em; font-weight: 500; background-color: #555; }

/*board*/
.tb_bo{margin-bottom:10px;}

/*============================================== Form ================================================*/
/* form */
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], textarea, select 
{font-family:'Nanum Gothic', '나눔고딕','Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], textarea{border:1px solid #d3d6db; border-radius:5px; vertical-align:middle; }
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"]{height:auto; padding:11px; margin:0; box-sizing:border-box;}
input[type="file"]{display:inline-block; height:38px; padding:5px; border:1px solid #cccfd5; border-radius:5px; vertical-align:middle; background:#fff}
input[type="radio"], input[type="checkbox"]{margin:5px;}
input[type="radio"]:first-child, input[type="checkbox"]:first-child{margin-left:0;}
input[type="radio"] + label, input[type="checkbox"] + label{margin-right:15px;}
textarea{padding:10px;}
select{display:inline-block; padding:3px; border:1px solid #d3d6db;  border-radius:5px; -webkit-appearance:menulist; line-height:39px; height:39px; margin:0 0 0 0; vertical-align:middle; box-sizing:border-box;}

input.text{padding:0 8px; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
input.text_form{border:1px solid #ccc; border-radius:5px; max-width:100%; min-width: 90px; height:2.857em; padding:0 0.786em;line-height:normal; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
input.text_form:not([readonly]):focus{border:1px solid #1e4da4; outline:0;}
input.text_form.success{border-color:#4fb76f !important; color:#4fb76f;}
input.text_form.error{border-color:#f23d52 !important; color:#f23d52;}
input.text_form[disabled], input.text_form[readonly]{background-color:#eee; color:#999;}

input[type=radio], input[type=checkbox]{width:1.286em; height:1.286em; margin:0.357em;}

textarea{max-width:100%; border:1px solid #ccc; border-radius:5px; padding:10px; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
select{border:1px solid #ccc; border-radius:5px; padding:0 18px 0 10px; background:url('/localfood/images/common/bg_select_arrow.png') no-repeat 85% 50%; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
select::-ms-expand{display:none;}
select.selectForm{max-width:100%;}
select[disabled]{background-color:#eee !important;}
select:not([readonly]):focus{border:1px solid #1e4da4; outline:0;}

input:not([readonly]):focus, #fileMemo:not([readonly]):focus{border:1px solid #1e4da4; outline:0;} /*0616추가*/

.form_mg{margin:5px;}

.search {height:41px;margin:15px 0;padding:0 1%;}
.search .searchForm{text-align:right;}
/*============================================== Board ================================================*/

/*게시판*/
.td_block{display:block; margin-top:2px;}
.label_wrap{display:inline-block; vertical-align:middle; padding:2px;}
.hyphen{color:#b5b5b5; vertical-align:middle;}

/* 게시판 버튼 */
.btn_type1{display:inline-block; vertical-align:middle; position:relative; border-radius:3px; background:#949494; border:1px solid #949494; padding:10px 12px; color:#fff; font-size:110%; line-height:1; font-weight:500; white-space:nowrap; text-decoration:none !important; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn_type1:hover, .btn_type1:focus{background-color:#a0a0a0; border-color:#a0a0a0;}
.btn_type_s{display:inline-block; vertical-align:middle; position:relative; border-radius:2px; background:#999; height:1.923em; padding:0 0.615em; color:#fff; font-size:13px; line-height:1.923em; font-weight:normal; white-space:nowrap; text-decoration:none !important; font-family:'NanumGothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Helvetica, Arial, Sans-serif; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn_type_s[class*='line_type']{line-height:1.615em;}
.btn_type_sm{display:inline-block; vertical-align:middle; position:relative; border-radius:2px; background:#999; height:2.143em; padding:0 0.857em; color:#fff; font-size:14px; line-height:2.143em; font-weight:500; white-space:nowrap; text-decoration:none !important; font-family:'NanumGothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Helvetica, Arial, Sans-serif; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn_type_sm[class*='line_type']{line-height:1.857em;}
.btn_type_m{display:inline-block; vertical-align:middle; position:relative; border-radius:2px; background:#333; height:2.857em; padding:0 1.143em; color:#fff; font-size:14px; line-height:2.857em; font-weight:500;  text-decoration:none !important; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn_type_m[class*='line_type']{line-height:2.571em;}
.btn_type_l{display:inline-block; vertical-align:middle; position:relative; border-radius:2px; background:#999; height:2.778em; padding:0 2.111em; color:#fff; font-size:18px; line-height:2.778em; font-weight:500; white-space:nowrap; text-decoration:none !important; font-family:'NanumGothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Helvetica, Arial, Sans-serif; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn_type_l01{display:inline-block; vertical-align:middle; position:relative; border-radius:5px; background:#999; height:4.778em; padding:0 2.111em; color:#fff; font-size:18px; line-height:2.778em; font-weight:500; white-space:nowrap; text-decoration:none !important; font-family:'NanumGothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Helvetica, Arial, Sans-serif; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn_type_l02{display:inline-block; vertical-align:middle; position:relative; border-radius:5px; background:#999; height:7.778em; padding:0 2.111em; color:#fff; font-size:18px; line-height:2.778em; font-weight:500; white-space:nowrap; text-decoration:none !important; font-family:'NanumGothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Helvetica, Arial, Sans-serif; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn_type_l03{display:inline-block; vertical-align:middle; position:relative; border-radius:5px; background:#999; height:2.778em; padding:0 2.111em; color:#fff; font-size:18px; line-height:2.778em; font-weight:500; white-space:nowrap; text-decoration:none !important; font-family:'NanumGothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Helvetica, Arial, Sans-serif; -webkit-box-sizing:border-box; box-sizing:border-box;}
.btn_type_l[class*='line_type']{line-height:2.556em;}
.btn_type_xl{display:inline-block; vertical-align:middle; position:relative; border-radius:2px; background:#999; height:3.222em; padding:0 1.444em; color:#fff; font-size:18px; line-height:3.222em; font-weight:500; white-space:nowrap; text-decoration:none !important; font-family:'NanumGothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, Helvetica, Arial, Sans-serif; -webkit-box-sizing:border-box; box-sizing:border-box;}

.color_type1{background-color:#999 !important; color:#fff !important;}
.color_type2{background-color:#474e61 !important; color:#fff !important;}
.color_type3{background-color:#e45a5e !important; color:#fff !important;}
.color_type4{background-color:#57a534 !important; color:#fff !important;}
.color_type5{background-color:#fff !important; color:#999 !important;}
.color_type6{background-color:#aaa !important; color:#fff !important;}
.color_type7{background-color:#f2803c !important; color:#fff !important;}
.color_type8{background-color:#ecc613 !important; color:#fff !important;}
.color_type9{background-color:#5c89e4 !important; color:#fff !important;}
.color_type10{background-color:#41c2b4 !important; color:#fff !important;}
.color_type11{background-color:#7f71e6 !important; color:#fff !important;}
.color_type12{background-color:#32aff0 !important; color:#fff !important;}
.color_type13{background-color:#fa4747 !important; color:#fff !important;}
.color_type14{background-color:#164578 !important; color:#fff !important;}
.color_type15{background-color:#df4556 !important; color:#fff !important;}
.color_type16{background-color:#f56f34 !important; color:#fff !important;}
.color_type17{background-color:#eb4d59 !important; color:#fff !important;}
.color_type18{background-color:#3080e8 !important; color:#fff !important;}
.color_type19{background-color:#6056bc !important; color:#fff !important;}

.line_type1{border:2px solid #999 !important; color:#767676 !important; background-color:#fff !important;}
.line_type2{border:2px solid #1e4da4 !important; color:#1e4da4 !important; background-color:#fff !important;}
.line_type3{border:2px solid #e45a5e !important; color:#e45a5e !important; background-color:#fff !important;}
.line_type4{border:2px solid #57a534 !important; color:#57a534 !important; background-color:#fff !important;}
.line_type5{border:2px solid #ccc !important; color:#999 !important; background-color:#fff !important;}
.line_type6{border:2px solid #aaa !important; color:#aaa !important; background-color:#fff !important;}
.line_type7{border:2px solid #f2803c !important; color:#f2803c !important; background-color:#fff !important;}
.line_type8{border:2px solid #ecc613 !important; color:#ecc613 !important; background-color:#fff !important;}
.line_type9{border:2px solid #5c89e4 !important; color:#5c89e4 !important; background-color:#fff !important;}
.line_type10{border:2px solid #41c2b4 !important; color:#41c2b4 !important; background-color:#fff !important;}
.line_type11{border:2px solid #7f71e6 !important; color:#7f71e6 !important; background-color:#fff !important;}
.line_type12{border:2px solid #32aff0 !important; color:#32aff0 !important; background-color:#fff !important;}
.line_type13{border:2px solid #fa4747 !important; color:#fa4747 !important; background-color:#fff !important;}
.line_type14{border:2px solid #164578 !important; color:#164578 !important; background-color:#fff !important;}
.line_type15{border:2px solid #df4556 !important; color:#df4556 !important; background-color:#fff !important;}
.line_type16{border:2px solid #f56f34 !important; color:#f56f34 !important; background-color:#fff !important;}
.line_type17{border:2px solid #eb4d59 !important; color:#eb4d59 !important; background-color:#fff !important;}
.line_type18{border:2px solid #3080e8 !important; color:#3080e8 !important; background-color:#fff !important;}
.line_type19{border:2px solid #6056bc !important; color:#6056bc !important; background-color:#fff !important;}
*[class^='btn'].btn_type_wide{display:block; text-align:center;}

/*--------- color---------*/ /* color 따로 관리 가능(수정에 용이) */
/* box */
.con_color1 .box1{border-color:#4a558d}
.con_color1 .box1:before{background-color:#4a558d}
/* list_num */
.con_color1 .list_num_box1 li{border-color: #4a558d}
.con_color1 .list_num_box1 span{background-color: #4a558d}
.con_color1 .list_num_box2 li{border-color: #4a558d}
.con_color1 .list_num_box2 span{background-color: #4a558d}
.con_color1 .list_num2 li span{border-color: #999}
.con_color1 .list_num3 span{background-color: #4a558d}
.con_color1 .list_numPro li{border-color: #4a558d}
.con_color1 .list_numPro span{background-color: #4a558d}
/* btn Color */
.con_color1 .btn.color{border:1px solid #323b66; border-width:0 1px 1px 0; color: #fff; background-color: #4a558d;}
/* hover */
.con_color1 .btn.color:hover, 
.con_color1 .btn.color:active, 
.con_color1 .btn.color:focus{border-right:1px solid #313963; border-bottom:1px solid #313963; background-color: #3d4677; } 
.con_color1 input[type="submit"].btn.ico.color:hover, .con_color1 input[type="button"].btn.ico.color:hover,
.con_color1 input[type="submit"].btn.ico.color:active, .con_color1 input[type="button"].btn.ico.color:active,
.con_color1 input[type="submit"].btn.ico.color:focus, .con_color1 input[type="button"].btn.ico.color:focus{background-color:#3d4677}
/* icon */
.con_color1 input[type="submit"].btn.ico.color, 
.con_color1 input[type="button"].btn.ico.color{background-color:#4a558d}
/* headding */
.con_color1 .bl_h4:before, .con_color1 .bl_h5:before{border-color:#4a558d;}
.con_color1 .bl_h6:before{background:#4a558d;}

/*************************************************************
	Style : 반응형 스타일
*************************************************************/
@media all and (max-width:1280px){
}
@media all and (max-width:1024px){
}
@media all and (max-width:768px){
}
@media all and (max-width:640px){
input[type="file"]{width:100%;}
.table_r2 tbody th{padding:10px 5px 10px 5px; font-size:1em;}
.table_r2 td{padding:10px 5px 10px 15px;}
}

@media all and (max-width:480px){
    /*폼*/
input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], textarea, select 
{width:117px;}
select{width:80px; padding:0 10px 0 10px;}
.search .searchForm{text-align:center;}
}