@charset "UTF-8";
@import url("common_2021.css");


/*** sub_contents ***/
#contents {width:995px; min-height:1000px; margin:160px auto 0;}/* 기존css */

main {position:relative; padding-top:55px; display:block;}
main section{margin-bottom:30px;}
.asideFrameDiv {position:absolute; top:0; right:0; z-index:2;}
#aside_bottom {}
#aside_bottom.recipe .share_bottom{margin-top:30px;}
#aside_bottom.vertical{float:left;padding-left:30px;width:142px;padding-top:30px;border-top:1px solid #D7D7D7;}
#aside_bottom .launch_bottom{border: 1px solid #D7D7D7;border-radius: 3px;padding: 10px 15px;background: #F6F6F6;margin-bottom: 30px;margin-left: 0px;width: 14%;position: relative;top: 235px;}
#aside_bottom .launch_bottom ul{margin:0;padding:0;list-style:none;}
#aside_bottom .launch_bottom ul li{margin:0;list-style:none;background:url(../../img/common/icon-launch.gif) no-repeat 2px 3px;}
#aside_bottom .launch_bottom ul li a{padding-left:25px;line-height:22px;font-size:12px;color:#424251;}

p.excerpt{font-size:14px; margin-bottom:30px; color:#646472;}
.excerpt{font-size:0;}
.excerpt br{padding-bottom:0;}
.share_bottom{margin:0;padding:0;}

.share_bottom li{float:left;list-style:none;margin:0;padding:0;margin-left:5px;}
.share_bottom a{background-image: url(../../images/2021/common_2021/sub_share_icon.png);  background-repeat: no-repeat; width:34px;height:34px;border-radius:100px !important; display:block;text-indent:-99999px;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;}

.share_bottom .print{background-color: rgba(92, 187, 0, 0.7); background-position:0 0;}
.share_bottom .email{background-color: rgba(0, 164, 170, 0.7); background-position:-42px 0;}
.share_bottom .fb{background-color: rgba(0, 43, 129, 0.7); background-position:-84px 0;}
/*.share_bottom .tw{background-color: rgba(0, 161, 232, 0.7); background-position:-126px 0;}*/
.share_bottom .tw{background-color: rgba(0, 0, 0, 1); background-position:-126px 0;}
.share_bottom .url{background-color: rgba(77, 77, 77, 0.7); background-image:none; text-indent:0; text-align: center; color:#fff; line-height: 32px; font-family: 'Nanum Gothic'; letter-spacing: -0.05em;}
.share_bottom .bookmark{background-color: rgba(246, 138, 33, 0.7); background-position:-168px 0;}
.share_bottom a.print:hover{background-color: rgba(92, 187, 0, 1);}
.share_bottom a.fb:hover{background-color: rgba(0, 43, 129, 1);}
.share_bottom a.email:hover{background-color: rgba(0, 164, 170, 1);}
/*.share_bottom a.tw:hover{background-color: rgba(0, 161, 232, 1);}*/
.share_bottom a.tw:hover{background-color: rgb(60, 60, 60);}
.share_bottom a.url:hover{background-color: rgba(77, 77, 77, 1); text-decoration: none;}
.share_bottom a.bookmark:hover{background-color: rgba(246, 138, 33, 1);}

.share_bottom:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}

section > #sub_header{position:relative;height:auto;z-index:1;}

section > #sub_header .h1 {box-sizing:border-box;}
main #sub_header h3{font-size:36px; font-weight:bold; margin-bottom:40px; margin-top:0px; box-sizing:border-box;}
/* 2021.07.30 이민슬 추가 */
.hide-ir, .pop-c{display:block; width:1px; height:1px; color:#fff; position:absolute; left:0; top:0; overflow:hidden; min-width:1px; min-height:1px; opacity:0.01; color:rgba(255,255,255,0) !important;}
.sub01_cont strong span{font-size:17px !important; }
.sub01_cont{font-size:1.1em; line-height:1.96em;}
.businessRule h3{margin:6px 0;}
.page-container > article > div span{font-size:15px !important;}
.businessRule .compliance-title {font-size:17px; color:#5c5c5d; text-align:left; margin-top:15px; position:relative;}
/*.businessRule .compliance-title:before{content:''; position:absolute; left:0; top:50%; width:5px; height:5px; background:#0070bd; display:block;}*/


@media all and (max-width:1000px){
    .businessRule #summer img{width:100% !important;}
}
.title-radius{width:50%; margin:0 auto; padding:8px 30px; border-radius:0 15px 0 15px; font-size:18px !important; amrgin-bottom:10px;}
.new_tab_05 li p{font-size:16px !important; font-family: 'NanumBarunGothic',Dotum,'굴림',Gulim,Helvetica,sans-serif !important;}

@media all and (max-width:640px){
    .new_tab_05 li p{font-size:15px !important;}
    .title-radius{width:90%;}
}
/* 유통기간 설정 */
.col-wrap h3{font-size:20px; margin-bottom:10px;}
.col-wrap .col-md-3{width:260px; float:left; margin-right:30px;}
.col-wrap .col-md-9{width:calc(100% - 290px); float:left;}
.col-wrap .col-search {margin:10px 0; display:inline-block; float:right;}
.col-wrap .col-search ul li{float:left; margin-right:5px;}
.col-wrap .col-search div{display:inline-block; vertical-align: middle; margin-bottom:5px;}

span.fancytree-node{box-sizing: border-box;}
@media all and (max-width:1000px){
    .col-wrap .col-md-3{width:100%; float:none; margin-bottom:90px;}
    .col-wrap .col-md-3 #productContainer{height:auto !important;}
    .col-wrap .col-md-9{width:100%; float:none;}
}
@media all and (max-width:640px){


}

/* 영양성분표 산출 */
.btn-del{display:inline-block; width:16px;height:16px;text-indent:-9999px;background:url(../../img/healthyfoodlife/btn-del.png) no-repeat;display:inline-block;margin:4px 0 4px 4px;}
.btn-edit2{display:inline-block; width:16px;height:16px;text-indent:-9999px;background:url(../../img/healthyfoodlife/btn-edit.png) no-repeat;margin:2px 0 0 4px;text-align:left;}
.btn-ok{display:inline-block; width:16px;height:16px;text-indent:-9999px;background:url(../../img/healthyfoodlife/btn-ok.png) no-repeat;margin:2px 0 0 4px;text-align:left;}
.btn-copy{display:inline-block; width:16px;height:16px;text-indent:-9999px;background:url(../../img/healthyfoodlife/btn-copy.png) no-repeat;margin:0 0 0 4px;text-align:left;}
/* 2017-01-22 건강한 식생활 > 영양성분표산출 >> 영양성분표등록 css 수정 */
.my-label2 .emphasis p:last-child{margin-bottom:0;}
.my-label2 .label-process{width:100%; display:inline-block;}  /* 2017-01-20수정 */
.my-label2 .label-process.step01{background-position:0 0;}
.my-label2 .label-process.step02{background-position:0 -55px;}
.my-label2 .label-process.step03{background-position:0 -110px;}
.my-label2 .label-process ul{margin:0;padding:0 !important;list-style:none;}
.my-label2 .label-process ul li{position:relative;display:inline-block;width:32.6%; background:#eee; margin-right:1%; float:left;}
.my-label2 .label-process ul li:last-child{margin-right:0;}
.my-label2 .label-process ul li.active{background:#f9ad63;}
.my-label2 .label-process ul li.active:after{border-left-color:#f9ad63;}
.my-label2 .label-process ul li:after,
.my-label2 .label-process ul li:before{display:block; position:absolute; top:0; right:-17px; width:0; height:0; border-top:24px solid transparent; border-bottom:24px solid transparent; border-left:17px solid #eee; z-index:2; transition:border-color 0.2s ease;}
.my-label2 .label-process ul li:before{display:block; right:auto; left:0; border-left:17px solid #fff; z-index:1;}
.my-label2 .label-process ul li:first-child:before{border:none;}
.my-label2 .label-process ul li:last-child:after{border:none;}
.my-label2 .label-process ul li a{display:block;padding:15px 5px; font-weight:bold;font-size:15px;color:#000;text-align:center;}
.my-label2 .label-process ul li.active a{color:#FFF;}
@media all and (max-width:640px){
    .my-label2 .label-process ul li{width:100%; margin-top:25px; border-radius: 10px 0 10px 0;}
    .my-label2 .label-process ul li:before{display:none;}
    .my-label2 .label-process ul li:after{display:block; top:19px; right:52%; content:'∨'; font-size:7px; color:#c3bfbf; border-left-color:transparent !important;}
    .my-label2 .label-process ul li.active:after, .my-label2 .label-process ul li.active:before{border-left-color:transparent !important;}
    .my-label2 .label-process ul li:last-child:after{display:none;}
    .my-label2 .label-process ul li a{font-size:14px; padding:11px 5px;}
}
/*.nutrition-search-container div{clear:both;}*/
.nutrition-search-container dl fieldset{width:33.3333% !important; display:inline-block; float:left;}
.my-label2 .my-info fieldset dd{width:calc(100% - 95px);}
.my-label2 .my-info dd{} /* 2017-01-20 수정 */
.my-label2 .my-info dd input{width:100%;}  /* 2017-01-20 수정 */
.my-label2 .my-info dt{clear:both;}
.my-label2 .my-info dt:nth-child(3),.my-label .my-info dt:nth-child(11){clear:both;float:left;}
.my-label2 .my-info dd.full li{float:left;display:inline-block;margin-right:0;}
.my-label2 .my-info dd.full li:first-child{margin-right:10px;}
.my-label2 .my-info dd.full li .selecter .selecter-selected,.my-label .my-info dd.full li .selecter .selecter-item{padding:2px 10px;}
.my-label2 .nutrition-btn{border:none;background:none;}
.my-label2 .search-container{padding:8px 0;}
.my-label2 .search-container li{margin-left:5px;}
.my-label2 .total{padding-top:16px;}

.my-label2 .my-info .gram-wrap{width:100% !important;}
.my-label2 .my-info .gram-wrap .gram1{display:inline;}
.my-label2 .my-info .gram-wrap .gram1 input[type="text"]{width:22% !important;}
.my-label2 .my-info .health-btn{padding:10px;}
.my-label2 .my-info .health-btn > img {width: 18px !important;}
.my-label2 .my-info .health-btn .health-txt{width:calc(100% - 298px);}
@media all and (max-width:640px){
    .nutrition-search-container dl fieldset{width:50% !important;}
}
@media all and (max-width:480px){
    .nutrition-search-container dl fieldset{width:100% !important;}
    .nutrition-search-container dl dd.full ul.mb-full li,
    .nutrition-search-container dl dd.full ul.mb-full li .select-container,
    .nutrition-search-container dl dd.full ul.mb-full li select{width:100% !important;}
    .nutrition-search-container dl dd.full ul.mb-full li{margin-bottom:5px;}
    .my-label2 .my-info .gram-wrap .gram1 input[type="text"]{width:38% !important; margin-bottom:5px;}
    .my-label2 .my-info .health-btn a.btn{width:100% !important; margin-bottom:10px;}
    .my-label2 .my-info .health-btn .health-txt{width:calc(100% - 136px) !important;}
}
.page-container2.my-label2 .emphasis h3{margin-top:0 !important;}
.page-container2.my-label2 .emphasis ul{padding:0 !important;font-size:12px;}
.page-container2.my-label2 .emphasis ul li{float:left;display:inline-block;width:33.333333%;}
.my-label2 .scroll-xx{margin-bottom:30px;}
.my-label2 .scroll-xx table{margin-bottom:0 !important;}
.my-label2 .scroll-xx table.ingredients-list tbody td span.table_td{display:none !important;}
.my-label2 table td a.btn-edit,.my-label2 table td a.btn-del{position:static;display:inline-block;}
/* 2017-01-22 건강한 식생활 > 영양성분표산출 >> 출력설정 css 수정 */
.print-option-container2{border:1px solid #D7D7D7;margin-top:-1px;padding:20px;}
.print-option-container2 + .print-option-container{border-radius:0;padding:20px}
.print-option-container2 ul{clear:both;margin:0;padding:0 !important;list-style:none;margin-top:-10px;}
.print-option-container2 li{float:left;display:inline-block;width:20%;}
/*.print-option-container2 li:nth-child(5n+1){clear:both;float:left;display:inline-block;}*/
.print-option-container2 label{visibility:visible;position:static;text-indent:0;font-weight:normal;}
.print-option-container2 label input {vertical-align:middle;margin-top:0;} /* 2017-01-20 추가 */
.print-option-container2 h4{padding-bottom:15px;border-bottom:1px solid #F3F3F3;font-size:15px;}
.print-option-container2 p span{color:#FD0000;text-align:right;display:inline-block;font-weight:normal;float:right;font-size:12px;margin-top:3px;}
.print-option-container2 dl.dl-row dt,.print-option-container2 .dl-row dd{float:left;display:inline-block;margin:0;}
.print-option-container2 dl{margin:0;}
.print-option-container2 dl.dl-row dt{width:140px !important;margin-top:10px;}
.print-option-container2 dl.dl-row dd .btn{padding:9px 15px 7px 15px;font-size:13px;}
.print-option-container2 ul:after,.print-option-container2 dl:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}

.print-option-container2 dl dt h4{font-size:17px; margin:0; padding:0; margin-bottom:22px; padding-bottom:3px; color:#000 !important;}

@media all and (max-width:1000px){
    .print-option-container2 li{width:33%;}
    .print-option-container2 dl.dl-row dd #preview img{width:100%;}
}
@media all and (max-width:640px){
    .print-option-container2 li{width:49%;}
    .print-option-container2 dl.dl-row dd{width:100%;}
    .print-option-container2 dl.dl-row dd .btn-group > .btn {float:left;}
    .print-option-container2 p span{text-align:left; float:none; display:block;}

}
/* 2017-01-22 건강한 식생활 > 영양성분표산출 >> 결과확인 도안서식 css 수정 */
#tabl_knd{overflow:hidden; overflow-x:auto;}
.nutrition-label2{margin:auto;border:6px solid #000;margin-bottom:1px;font-family:'Malgun Gothic', 'Apple Gothic', Arial, Helvetica, sans-serif}/*2017-02-09 수정*/
.nutrition-label2.horizon{margin:auto;border:5px solid #000;margin-bottom:10px;overflow:hidden;}
.nutrition-label2.standard{width:320px !important;}
.nutrition-label2.standard .bg_gray.fnm {text-align:left !important;padding-left:3px;}
.nutrition-label2.standard .str {color:#666 !important;font-size:22px;}
.nutrition-label2.standard .str span {font-size:24px;font-weight:bold;color:#000;}
.nutrition-label2.standard .str span.fn {font-weight:normal;color:#666 !important;}
.nutrition-label2.standard.vertical {width:295px !important;}/*2017-02-09 수정*/
.nutrition-label2.standard.erratic {width:572px !important;}
.nutrition-label2.standard.add {width:auto !important;border-radius:12px;float:left;}/*2017-02-09 수정*/
.nutrition-label2.standard.standard.add table{white-space: nowrap;}
.nutrition-label2.standard table{border:none;padding:0;margin:0 auto;width:100%;color:#222 !important;letter-spacing:-1px;}
.nutrition-label2.standard.vertical table{}
.nutrition-label2.standard .sec_td {font-weight:bold !important;padding:2px 0;}
.nutrition-label2.standard table tr td{border-top:1px solid #000; font-size:22px;line-height:1;padding:5px 0;}
.nutrition-label2.standard table tr td.grp{border-left:1px solid #000;border-right:1px solid #000;text-align:left !important;background:url('../../img/healthyfoodlife/tbl_grp_etl.gif') repeat 0 0;padding:0;}
.nutrition-label2.standard table tr td.grp span {display:inline-block;background:url('../../img/healthyfoodlife/tbl_grp2.gif') repeat 0 0;height:34px;vertical-align:middle;}
.nutrition-label2.standard table tr td.brl{border-left:1px solid #ddd;border-right:1px solid #ddd;text-align:left !important;}
.nutrition-label2.standard table tr td:first-child{text-align:left;font-weight:bold;padding-left:5px;letter-spacing:-2px;}
.nutrition-label2.standard table tr td:first-child span {display:inline-block;font-weight:normal;color:#666;padding-left:4px;font-size:22px;}
.nutrition-label2.standard table tr td:not(:first-child){text-align:right;}
.nutrition-label2.standard table tr td:last-child{font-weight:500;color:#000;padding-right:7px;}
.nutrition-label2.standard table tr td:last-child.kn {font-weight:normal;}
.nutrition-label2.standard table tr:first-child td {font-size:15px;color:#000;line-height:2;}
.nutrition-label2.standard table tr:first-child td span.opn {text-align:right;font-weight:bold;float:right;font-size:15px;color:#000;line-height:18px;}
.nutrition-label2.standard table tr:last-child td{font-weight:bold;font-size:14px;padding:3px 5px 5px;border:none;color:#000;line-height:15px;letter-spacing:-1.3px;}
.nutrition-label2.standard table tr:last-child td span {color:#999;display:inline;font-size:12px;padding-left:0;}
.nutrition-label2.standard table tr:last-child td.core01 {letter-spacing:-0.2px;}
.nutrition-label2.standard table tr:last-child td.core01 span {letter-spacing:-1px;}
.nutrition-label2.standard .sub-item{padding:0px !important;border-top:none;}
.nutrition-label2.standard .sub-item div {margin-left:14px;display:block;padding:5px 0 !important;height:35px; border-top:1px solid #b1afaf !important; margin-top:-1px;}
.nutrition-label2.standard .sub-item span{color:#0078cc;}
.nutrition-label2.standard .sub-item02{padding:0px !important;border-top:1px solid #b1afaf !important;}
.nutrition-label2.standard .sub-item02 div {padding:5px 7px 5px 0 !important; height:35px; line-height:35px;}
.nutrition-label2.standard .sub-item02 div.gpp {padding:0 !important;}
.nutrition-label2.standard .fnm.sub-item02 div {border-top:1px solid #b1afaf !important;padding:5px 0 5px 3px !important;}
.nutrition-label2.standard table .saperate{background-color:#000;padding:1px 0;}
.nutrition-label2.standard .label-layout {margin:0px;background-color:#000;height:56px;overflow:hidden;}
.nutrition-label2.standard .label-title{padding:13px 0 10px 4px;font-size:32px;line-height:28px;font-weight:600;color:#fff;float:left;letter-spacing:-3px;}
.nutrition-label2.standard .label-legend{font-size:15px;color:#fff;padding:10px 6px 0 0;line-height:15px;float:right;text-align:right;font-weight:600;letter-spacing:-1px;}
.nutrition-label2.standard .label-legend span{font-size:25px;display:inline-block;padding-top:6px;}
.nutrition-label2.standard.add table {border-top:none;}
.nutrition-label2.standard.add table tr td:first-child{text-align:left;font-weight:normal;padding-left:0;}
.nutrition-label2.standard.add table tr:last-child td {text-align:left !important;padding:0;}
.nutrition-label2.standard.add table th {background-color:#fff;padding-bottom:4px !important;}
.nutrition-label2.standard.add table td {border-top:none;border-right:1px solid #ddd;color:#000;}
.nutrition-label2.standard.add table td:last-child {border-right:none;}
.nutrition-label2.standard.add table th,.nutrition-label2.standard.add table td {text-align:center !important;}
.nutrition-label2.standard.add table tr th{font-size:20px;line-height:15px;padding:8px 0 12px !important;color:#fff;background-color:#000;font-weight:600;letter-spacing:-3px;white-space:nowrap;}/*2017-02-09 수정*/
.nutrition-label2.standard.add table tr:first-child td {font-size:18px;font-weight:normal;color:#000;padding:0px !important;}
.nutrition-label2.standard.add table tr td.f_top {padding:4px 20px 0 !important;line-height:1;}
.nutrition-label2.standard.add table tr td.f_bottom {padding:0 20px 4px !important;}/*2017-02-09 수정*/
.nutrition-label2.standard.add span {font-weight:600 !important;font-size:26px !important;color:#000 !important;padding:0 !important;}
.nutrition-label2.standard.add span.kn {font-weight:normal !important;}
.nutrition-label2.standard.add .label-layout {margin:0;background-color:#000;width:560px;height:50px;overflow:hidden;}
.nutrition-label2.standard.add .label-title{padding:0 0 0 12px;font-size:27px;line-height:48px;font-weight:600;color:#fff;float:left;}
.nutrition-label2.standard.add .pdl00 {padding-right:0px !important;}
.nutrition-label2.standard.vertical .label-layout {margin:0;background-color:#000;height:109px;overflow:hidden;}/*2017-02-09 수정*/
.nutrition-label2.standard.vertical .label-title{padding:16px 0 14px 6px;font-size:32px;line-height:30px;font-weight:600;color:#fff;float:left;width:220px;}
.nutrition-label2.standard.vertical .label-legend{font-size:15px;color:#fff;padding:0 14px 0 10px;line-height:14px;float:left;text-align:left;}
.nutrition-label2.standard.vertical .label-legend span{font-size:25px;display:inline-block;padding-top:8px;}
.nutrition-label2.standard.erratic .label-layout {margin:0;background-color:#000;height:62px;overflow:hidden;}
.nutrition-label2.standard.erratic .label-title{padding:14px 0 16px 8px;font-size:32px;line-height:28px;font-weight:600;color:#fff;float:left;}
.nutrition-label2.standard.erratic .label-legend{font-size:15px;color:#fff;padding:14px 14px 0 0;line-height:6px;float:right;text-align:right;}
.nutrition-label2.standard.erratic .label-legend span{font-size:24px;display:inline-block;padding-top:16px;}
.nutrition-label2.standard.erratic table{border:none;padding:0;margin:0 auto 18px;width:95%;color:#222 !important;border-top:5px solid #696969;}
.nutrition-label2.standard.erratic table tr td{font-size:12px;line-height:15px;padding:2px 0;}
.nutrition-label2.standard.erratic table tr td.brl{border-left:1px solid #ddd;border-right:1px solid #ddd;text-align:center !important;}
.nutrition-label2.standard.erratic table tr td{text-align:center;font-weight:bold}
.nutrition-label2.standard.erratic table tr td span {display:inline-block;font-weight:normal;color:#0078cc;padding-left:6px;}
.nutrition-label2.standard.erratic table tr td span + span {color:#0078cc;}
.nutrition-label2.standard.erratic table tr td {font-weight:bold;}
.nutrition-label2.standard.erratic table tr td:last-child{font-weight:bold;color:#000;}
.nutrition-label2.standard.erratic table tr:last-child td{font-weight:normal;font-size:11px;padding:5px 0 0 0;border:none;text-align:left;}
.nutrition-label2.standard.erratic table tr:last-child td span {color:#999;display:inline;}
.nutrition-label2.standard.erratic table .sub-item{padding-left:40px;font-weight:normal !important;}
.nutrition-label2.standard.erratic table .saperate{background-color:#696969;padding:1px 0;}
.nutrition-label2.standard .w160 {width:160px;}
.nutrition-label2.standard .w164 {width:164px;}
.nutrition-label2.standard .w166 {width:166px;}
.nutrition-label2.standard .w194 {width:194px;}
.nutrition-label2.standard .w200 {width:200px;}
.nutrition-label2.irregular{width:500px !important;}/*2017-02-09 수정*/
.nutrition-label2.irregular .label-layout {margin:0;background-color:#000;height:60px;overflow:hidden;}/*2017-02-09 수정*/
.nutrition-label2.irregular .fenge {border-right:1px solid #000 !important;padding-right:7px;}
.nutrition-label2.irregular .bg_gray {background-color:#c6c6c6;}
.nutrition-label2.horizon{width:705px !important;}/*2017-02-09 수정*/
.nutrition-label2.horizon .str {color:#666 !important;padding-right:7px !important;}
.nutrition-label2.horizon .str span {font-weight:600;color:#000 !important;font-size:26px;}
.nutrition-label2.horizon table{float:left;clear:none;border:none;padding:0;margin:0;color:#000 !important;width:564px;}/*2017-02-09 수정*/
.nutrition-label2.horizon table table{border:none;padding:0;margin:0;color:#000 !important;width:100%;}
.nutrition-label2.horizon .label-layout {float:left;margin:0;background-color:#000;height:202px;width:141px;overflow:hidden;}
.nutrition-label2.horizon .label-title{padding:13px 0 16px 4px;font-size:30px;line-height:28px;font-weight:600;color:#fff;float:left;}
.nutrition-label2.horizon .label-legend{font-size:15px;color:#fff;padding:0 14px 0 8px;line-height:22px;float:left;text-align:left;font-weight:600;letter-spacing:-1px;}
.nutrition-label2.horizon .label-legend span{font-size:25px;display:inline-block;letter-spacing:-1px;}
.nutrition-label2.horizon .fenge {border-right:5px solid #000 !important;}
.nutrition-label2.horizon > table.layout tr td{font-size:12px;line-height:26px;padding:2px 0;}
.nutrition-label2.horizon > table.layout tr td.pdl07 {padding-left:7px !important;}
.nutrition-label2.horizon > table.layout tr:first-child td{text-align:left;font-weight:600;font-size:15px;}
.nutrition-label2.horizon > table.layout tr:first-child td:first-child{font-weight:600;font-size:15px;}
.nutrition-label2.horizon > table.layout tr:first-child td:first-child.fb{font-weight:bold;padding-left:7px;}
.nutrition-label2.horizon > table.layout > tbody > tr:first-child > td:not(:first-child){text-align:left;}
.nutrition-label2.horizon > table.layout > tbody > tr:first-child > td:not(:first-child).ar{text-align:right;padding-right:10px;font-size:15px;line-height:18px;letter-spacing:-2px;}
.nutrition-label2.horizon > table.layout > tbody > tr:first-child > td:first-child + td + td + td,.nutrition-label2.horizon > table.layout > tbody > tr:first-child > td:first-child + td + td + td + td + td + td{text-align:right;}
.nutrition-label2.horizon > table.layout tr td:first-child{font-weight:bold;text-align:left;}
.nutrition-label2.horizon > table.layout tr:last-child td{font-weight:bold;font-size:12px;border:none !important;text-align:left;}
.nutrition-label2.horizon > table.layout tr:last-child td span {color:#999;font-weight:bold;}
.nutrition-label2.horizon > table.layout tr:last-child td.core02 span {letter-spacing:-1.2px;}
.nutrition-label2.horizon table .label-title{padding:30px 0 10px 8px;text-align:center !important;letter-spacing:8px;font-size:25px;font-weight:bold;display:block;}
.nutrition-label2.horizon table .label-legend{font-size:11px;padding:10px 0;line-height:15px;display:block;text-align:center;}
.nutrition-label2.horizon table .space{background-color:#FFF;border:1px solid #FFF !important; border-top:1px solid #000;}
.nutrition-label2.horizon > table.layout table tr:first-child td:first-child,.nutrition-label2.horizon > table.layout table tr:first-child td{background:#FFF;font-size:12px;padding:4px 0;}
.nutrition-label2.horizon > table.layout > tbody > tr:first-child + tr > td{padding-bottom:0;border-bottom:4px solid #000;}
.nutrition-label2.horizon > table.layout table td{font-size:22px !important;padding:2px 0;letter-spacing:-2px; border-top:1px solid #000;}
.nutrition-label2.horizon > table.layout table td.pdr10 {padding-right:10px !important;}
.nutrition-label2.horizon > table.layout table td.pdt00 {padding-top:0px !important;}
.nutrition-label2.horizon > table.layout table td.pdl07 {padding-left:7px !important;}
.nutrition-label2.horizon > table.layout table td:first-child{text-align:left !important;padding-left:7px;}
.nutrition-label2.horizon > table.layout table td:first-child span {font-weight:normal;display:inline-block;padding-left:4px;color:#666 !important;}
.nutrition-label2.horizon > table.layout table tr td:not(:first-child){text-align:right !important;font-weight:normal;}
.nutrition-label2.horizon > table.layout table td:last-child,.nutrition-label2.horizon > table.layout table tr:last-child td:first-child{font-weight:bold;}
.nutrition-label2.horizon > table.layout table tr:last-child td{border-top:1px solid #000 !important;}
.nutrition-label2.horizon > table.layout table .sub-item{padding:0px !important;border-top:1px solid #b1afaf !important;}
.nutrition-label2.horizon > table.layout table .sub-item div {margin-left:14px;display:block;padding:3px 0 !important;font-weight:600 !important;}
.nutrition-label2.horizon > table.layout table .sub-item02{border-top:1px solid #b1afaf !important;}
.nutrition-label2.horizon .zuihou {line-height:14px !important;padding:4px 8px !important;letter-spacing:-1.8px;}
.nutrition-label2.horizon .zuihou span{font-weight:normal !important;}
.nutrition-label2.horizon .tdzuihou {font-size:15px !important;line-height:18px !important;color:#000 !important;letter-spacing:-2px;}
.nutrition-label2.linear,.nutrition-label2.multiple{width:680px !important;}
.nutrition-label2.linear table{border:none;padding:0;margin:0;color:#000 !important;}
.nutrition-label2.linear table tr td{font-size:12px;line-height:18px;padding:10px 0;border-bottom:none;}
.nutrition-label2.linear table tr:first-child td{text-align:left;font-weight:bold;border-bottom:5px solid #696969;padding-bottom:10px;}
.nutrition-label2.linear table tr td:first-child{text-align:center;}
.nutrition-label2.linear table tr td:last-child{text-align:left;}
.nutrition-label2.linear table tr:last-child td{font-weight:normal;font-size:11px;padding:0 0 0 200px;border:none;}
.nutrition-label2.linear table .label-title{padding:0 0 10px 15px;text-align:center !important;letter-spacing:15px;font-size:25px;font-weight:bold;}
.nutrition-label2.linear table .label-legend{font-size:11px;vertical-align:bottom;}
.nutrition-label2.multiple table{border:none;padding:0;margin:0;color:#000 !important;}
.nutrition-label2.multiple table tr td{font-size:12px;line-height:15px;padding:2px 0;}
.nutrition-label2.multiple table tr:first-child td{text-align:left;font-weight:bold;border-bottom:5px solid #696969;padding-bottom:10px;}
.nutrition-label2.multiple table tr:first-child td:not(:first-child){text-align:left;}
.nutrition-label2.multiple table tr:first-child td:last-child{padding-top:25px;font-size:11px;}
.nutrition-label2.multiple table tr:first-child + tr td{text-align:left;font-weight:normal !important;font-size:11px !important;border-bottom:2px solid #696969;padding:7px 0;}
.nutrition-label2.multiple table tr td:not(:first-child){text-align:right;}
.nutrition-label2.multiple table tr td:first-child{font-weight:bold;text-align:left;}
.nutrition-label2.multiple table tr:last-child td{font-weight:normal;font-size:11px;padding:5px 0 0 0;border:none !important;text-align:center;}
.nutrition-label2.multiple table .label-title{padding:10px 0 10px 15px;text-align:center !important;letter-spacing:15px;font-size:25px;font-weight:bold;}
.nutrition-label2.multiple table .label-legend{font-size:11px;padding:10px 0;border-bottom:5px solid #696969;line-height:15px;}
.nutrition-label2.multiple table .sub-item{padding-left:40px;font-weight:normal !important;}
.nutrition-label2.multiple table .space{background-color:#FFF;border:1px solid #FFF !important;}
.nutrition-label2 + p{display:block;margin-bottom:30px;text-align:center;}
.my-label .nutrition-btn{border:none;border-top:1px solid #D7D7D7;background:none;}
.inner-body .my-label{border-top:none;}

.nutrition-label2.grp {width:375px !important;}/*2017-02-09 수정*/
.nutrition-label2.grp .label-layout {width:363px;}/*2017-02-09 수정*/
.nutrition-label2.grp table tr:first-child td {font-size:15px;color:#000;line-height:18px;}
.nutrition-label2.grp .sec_td {padding:4px 0 8px;}



.nutrition-search-container{border:1px solid #D7D7D7;padding:20px 20px 10px 20px}
.re-search-container{border:1px solid #D7D7D7;padding:0 0 10px 20px;margin-top:-1px;}
.nutrition-search-container input[type=text]{height:36px;width:210px;border:1px solid #D7D7D7;}
.re-search-container input[type=text]{height:36px;width:95px;border:1px solid #D7D7D7;border-radius:4px;}
.re-search-container h3{font-size:15px;margin:20px 0 10px 0;}
.nutrition-btn{border-radius:0 0 4px 4px;margin-top:0px;margin-bottom:30px;text-align:center;padding:20px;}
.nutrition-search-container .btn-default{padding:7px 17px;}
.nutrition-btn .btn-default{padding:7px 20px;}
.nutrition-search-container dd,.nutrition-search-container dt,.re-search-container dd,.re-search-container dt{float:left;display:inline-block;}
.nutrition-search-container dt,.re-search-container dt{width:95px;padding-top:10px; padding-left:10px;}
.nutrition-search-container dt label,.re-search-container dt label{position:static;visibility:visible;text-indent:0;}
.nutrition-search-container dd,.re-search-container dd{width:210px;margin-bottom:10px;}
.nutrition-search-container dd.full{width:calc(100% - 95px);}
.nutrition-search-container dd .select-container,.re-search-container dd .select-container{display:inline-block;margin-right:9px;}
.nation-search{background:url(../../img/healthyfoodlife/btn-search.png) no-repeat 50% 50%;width:25px;height:25px;text-indent:-99999px;position:absolute;margin-left:180px;margin-top:-31px;z-index:1;}
.nutrition-search-container:after,.re-search-container:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
.page-container.my-label2 .emphasis.column-ct ul li{display:inline-block; width:49%;}
.nutrition-search-container fieldset.display-block{width:50% !important;}
.nutrition-search-container fieldset.display-block dd{width:63%;}
.nutrition-search-container dl.col-2 dd{width:37%;}
.nutrition-search-container dl.col-2 dd input[type="text"]{width:80%;}
.nutrition-search-container dl ul.weight{margin:10px 0;}
.nutrition-search-container dl ul.weight li strong{display:block; margin-top:10px;}

@media all and (max-width:1000px){
    .nutrition-search-container dl.col-2 dd{width:30%;}
}
@media all and (max-width:640px){

    .picAndnoty {
        display : flex;
        flex-direction : column !important;}
    .nutrition-btn .btn-default{width:100%; margin-bottom:5px;}
    .page-container.my-label2 .emphasis.column-ct ul li{width:100%;}
    .nutrition-search-container fieldset.display-block{width:100% !important; display:block;}
    .nutrition-search-container fieldset.display-block dd .btn-group > .btn{float:left;}
    .nutrition-search-container fieldset.display-block dd{width:calc(100% - 95px);}
    .nutrition-search-container dl.col-2 dd{width:calc(100% - 95px);}
}
/* 2017-01-22 건강한 식생활 > 영양성분표산출 >> 결과확인 도안서식 css 추가 */
.tbl_su {width:100%;letter-spacing:-1px;}
.tbl_su ul {padding:0;margin:0;}
.tbl_su li {border-top:1px solid #000;padding:0 10px;list-style:none;line-height:30px;overflow:hidden;}
.tbl_su li.first_line {line-height:45}
.tbl_su li.first_line div {font-size:14px !important;color:#444 !important;}
.tbl_su li.first_line div.gf01 {height:45px;line-height:34px;padding:6px 0;}
.tbl_su li.first_line div.gf02 {text-align:right;height:45px;line-height:17px;padding:6px 0;}
.tbl_su li.sb_item {margin-left:20px;border-top:1px solid #ccc;}
.tbl_su li.sb_item .flt_l {margin-left:0px;}
.tbl_su .flt_l {float:left;font-size:18px;font-weight:600;}
.tbl_su .flt_l span {display:inline-block;font-weight:normal;color:#666;padding-left:4px;font-size:16px;}
.tbl_su .flt_r {float:right;font-size:14px;font-weight:600;color:#666;}
.tbl_su .flt_r span {font-size:18px;font-weight:600;color:#000;}
.tbl_su li.last_line {border-top:4px solid #000;border-bottom:none;}
.tbl_su li.last_line div {font-size:11px;color:#000;line-height:14px;font-weight:600;padding:5px 0;}
.tbl_su li.last_line div span {color:#666;font-weight:normal;}

.tbl_luan {width:100%;letter-spacing:-2px;}
.tbl_luan ul {overflow:hidden;padding:0;margin:0;border-bottom:1px solid #000;}
.tbl_luan ul.s02 li {padding:0 3px;}
.tbl_luan ul.s02 li span:first-child {}
.tbl_luan ul.s03 {border-bottom:5px solid #000;}
.tbl_luan li {float:left;color:#000;border-right:1px solid #000;font-size:18px;padding:0 6px;list-style:none;line-height:30px;overflow:hidden;}
.tbl_luan li.brn {border-right:none;}
.tbl_luan li span {font-size:22px;font-weight:600;}
.tbl_luan .lst {padding:0 2px 3px 4px;color:#000;font-size:12px;font-weight:600;letter-spacing:-0.3px;}
.tbl_luan .lst span {color:#666;}
.sens01 {width:770px;margin:0 auto;color:#000;font-weight:700;font-size:15px;margin-bottom:5px;margin-left:5px;}
.sens02 {width:770px;margin:0 auto;color:#000;font-weight:700;font-size:14px;margin-bottom:2px;margin-left:5px;clear:both;}/*2017-02-09 수정*/
.sens02 span {color:#666;font-weight:normal;}
.let01 {letter-spacing:-1px !important;}
.let02 {letter-spacing:-2px !important;}
.let03 {letter-spacing:-3px !important;}
.let04 {letter-spacing:-4px !important;}
/*============================================================
나의영양성분표(영양성분표 산출) 메뉴 관련 CSS 추가 END
============================================================*/



/* 식품 안전이슈 20가지 */
#container.chapter_wrap{line-height:1.3;}
.main_page_content .mid{font-size:22px; color:#fd3c3c; border-bottom:4px solid #fd3c3c; line-height:1.2; padding-bottom:10px;}
.main_page_content .mid, .main_page_content .bot{taxt-align:center;}
.chapter_text_page{font-size:15px;}
.sub_tit strong span, .sub_tit span{display:block; margin:12px 0 5px 0; font-size:16px; font-weight:bold;}
.chapter_content .chapter_question .qna_title p strong, .chapter_content .chapter_question .qna_title p{font-weight:bold; display:block; font-size:22px; margin:25px 0; color:#1d8800;}
.question_article .q_txt{font-size:15px; font-weight:bold;}
.question_article .q .q_img{font-size:15px; font-weight:bold;}
.question_article .a_txt{font-size:15px;}
#container.chapter_wrap .download{display:block; text-align:right; font-size:16px;}
#container.chapter_wrap .download a{color:#0848cf;}
#container.chapter_wrap .download a img{display:inline-block; margin-left:11px; width: 25px !important;} /*2023-08-18 peb*/
#container.chapter_wrap > .tabs{display:none;}
#container.chapter_wrap .chapter_content .main_page_content .top p{display:none;}
.main_page_content .mid p{padding:50px 0 0 0 !Important;}
.related_content{font-size:15px;}
.chapter_content table{font-size:15px !important;}
.left_line .left_line_article .left_line_num, .left_line .left_line_article .left_line_txt,
.related_content .related_article .related_num, .related_content .related_article .related_txt {display:inline-block;}

/* 인포그래픽 */
.info_wrap div.inner{max-width: 800px; margin: 0 auto;}
@media all and (max-width:1000px) {
    .info_wrap img {
         width: 100% !important;
         height:100% !important;
     }
}
/* Magazine-F */
.magazine{margin-bottom:50px;}
.cover-story{background-size:100%; background-repeat: no-repeat;}
.magazine:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
.cover-story,.magazine-content{float:left;display:inline-block;}
.cover-story a{width:665px;height:790px;display:block;text-indent:-99999px;}
.magazine-content{width:330px;height:790px;background:#313140;}
.magazine-content img{width:100%;}
@media all and (max-width:1300px){
    .cover-story{background-repeat:no-repeat; background-position-y:50%; width:70%; padding-top:calc(548 / 665 * 100%);}
    .cover-story a{width:100%; height:0;}
    .magazine{background:#313140;}
    .magazine-content{width:30%; height:100%;}
    .magazine-content img{height:100%;}

}
@media all and (max-width:1000px){
    .cover-story{width:65%;}
    .magazine-content{width:35%;}
}
@media all and (max-width:640px){
    .cover-story{width:60%; padding-top:calc(636 / 665 * 100%);}
    .magazine-content{width:40%;}
}

.emphasis{padding:20px;margin-bottom:30px;border:1px solid #faebcc;border-radius:4px;color:#8a6d3b;background-color:#fff;}
.emphasis p, .emphasis h3{margin:0;}
.emphasis span{font-weight:bold; line-height:30px;}


.emphasis.trace-emphasis .trace-comment{font-size:15px;}
.emphasis.trace-emphasis .trace-search .select-container.w180 span{width:145px;}
.emphasis.trace-emphasis .trace-search li a.btn,
.emphasis.trace-emphasis .trace-search li input[type=text],
.emphasis.trace-emphasis .trace-search li select{height:48px !important;}

/* CODEX */
.page-container .emphasis ul.codex, .page-container .emphasis ul.codex:first-child{padding:0 0 0 10px !important;margin:0;}
.page-container .emphasis ul.codex li{float:left;width:33.3333%; margin:3px 0;}
.page-container .emphasis ul.codex li:nth-child(3n+1){/* clear:both; *//* float:left; */}
.page-container .emphasis ul.codex li a{color:#8a6d3b; font-size:15px;}
.page-container .emphasis ul.codex li a:hover{color:#0070bd;}
.page-container .emphasis ul.codex:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
@media all and (max-width:1000px){
    .page-container .emphasis ul.codex li{width:50%;}
}
@media all and (max-width:640px){
    .page-container .emphasis ul.codex li{width:100%;}

    .emphasis.trace-emphasis .trace-search li,
    .emphasis.trace-emphasis .trace-search li a.btn,
    .emphasis.trace-emphasis .trace-search li input[type=text],
    .emphasis.trace-emphasis .trace-search .select-container.w180 span{width:100%;}

    ul.trace-search li,
    ul.trace-search li input[type=text],
    ul.trace-search li a.btn{width:100%;}
}


/***** Board List ******/
.fp-search-container .select-container.w120 .selecter,.select-container.w120 .selecter .selecter-selected,.select-container.w120 .selecter .selecter-options{width:120px;}
.total{float:left;display:inline-block;padding-top:27px;padding-left:3px;font-family:Tahoma;font-size:13px;color:#9797A5;}
.btn_guide{float:right;display:inline-block;font-family:Tahoma;font-size:13px;vertical-align: middle;}
/*search */
.search-container{position:relative; margin:0;padding:5px 0 12px 0;}
.search-container .total{position:absolute; bottom:10px;}
.search-container .search-wrap .search-bl{display:inline-block; margin-top:5px;}
.search-container .search-wrap .search-bl a.btn{height:37px; box-sizing: border-box; vertical-align: bottom;}
.search-container .search-wrap .search-cnt-wrap{display:inline-block; margin-left:5px; margin-top:5px;}
.search-container .search-wrap .search-cnt-wrap2{display:inline-block;}
.search-container input[type=text]{color:#333;background-color:#fff;border:1px solid #DFDDDD;height:37px;font-size:14px;padding:5px 7px;width:230px;line-height:13px;}
.search-container02{position:relative; padding:5px 0 25px 0;}
.search-container02 .search-wrap{float:none; margin:0; display:block;}
.search-container02 .search-wrap .search-btn-wrap{display:inline-block;}
.search-container02 .total{position:absolute; bottom:0;}



.tab-container:after,.search-container:after,.cat-container:after,.category:after,.keyword:after,.board-footer:after,.view-container:after,.write-container:after,.write-container form .file-container:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
.search-wrap{float:right;display:inline-block;text-align:right; margin-bottom:20px;}
.search-wrap ul{margin:0;padding:0;list-style:none;}
.search-wrap ul li{float:left;/* display:inline-block; */}
.search-wrap ul li:nth-child(3){margin-right:10px;}
.search-wrap ul li:last-child{margin-right:0;}

.search-container .search-btn-box{float:right; margin-bottom:6px;}
.search-container .search-btn-box ul li{margin-left:5px; display:inline-block;}

@media all and (max-width:640px){
    .fp-search-container ul.condition li{display:inline-block; width:44%; text-align:left; float:left; margin-left:5%; font-size:13px; margin-bottom:8px;}
    .search-container .search-wrap{width:100%;}
    .search-container .search-wrap .search-cnt-wrap{margin-top:5px; margin-left:0;}
    .search-container .search-wrap .search-cnt-wrap input[type=text]{margin-top:5px;}
    .search-container .search-wrap #search_keyword, .search-container .search-wrap > input[type=text],  .search-container .search-wrap #search_word,
    .search-container .search-wrap #search_keyword01{width:calc(100% - 135px);}
    .search-container #search_type, .search-container #search_code, .search-wrap #search_type_all{width:75px;}
    .search-container02 .search-wrap .search-btn-wrap{display:block; margin-top:5px;}
    .search-container02 .search-wrap .select-container{width:49%;}
    .search-container02 .search-wrap .select-container select{width:100%;}
    .search-container02 .search-wrap .select-containers{width:100%; margin-top:5px;}
    .search-container02 .search-wrap .select-containers input[type=text]{width:calc(100% - 74px) !important;}
    .search-container .search-bl{width:100%;}

    .search-container .search-wrap .search-cnt-wrap2{display:block; margin-top:5px;}
    .search-container .search-wrap .search-cnt-wrap2 input{width:calc(100% - 56px) !important;}

    .search-container .search-wrap .search-cnt-wrap3 input{width:calc(100% - 151px) !important;}

    .search-container .search-btn-box{float:none; margin-bottom:22px; margin-top:-18px; display:inline-block; width:100%;}
    .search-container .search-btn-box ul li{ margin-left:0; float:left; width:50%; margin-bottom:3px;}
    .search-container .search-btn-box ul li a.btn{width:98%;}
}


.cat-container > .keyword{font-size:14px;line-height:12px;display:block;list-style:none;margin:0;padding:0;text-align:center;}
.cat-container > .keyword li{list-style:none;display:inline-block;margin-bottom:15px; float:none; margin-left:30px;}
.cat-container > .keyword li:before{display:inline-block; content:''; width:5px; height:5px; background:#0070bd; position:relative; bottom:3px; right:5px;}
.cat-container > .keyword a{font-size:15px;}

.cat-container > .keyword a:hover,.cat-container > .keyword a.active{color:#0070bd;}
.cat-container > .keyword button.active {background:#0070bd !important; color:#fff;}
.cat-container > .category.keyword a.active{line-height:1; background:#0070bd !important; color:#fff;padding:8px 22px; border-radius: 15px 0 15px 0; box-shadow: 5px 5px 8px rgb(0 0 0 / 10%); text-shadow: 1px 1px 2px rgb(0 0 0 / 50%);}

.list-container.recipe .cat-container{margin:20px 0 30px 0;}

.cat-container > .category.keyword li{margin-left:0; margin-bottom:0; margin:0 12px !important; display:inline-block;}
.cat-container > .category.keyword li:before{display:none;}
.cat-container > .category.keyword li:after{display:none;}
.cat-container > .category.keyword button{font-size:15px;}
.cat-container > .category.keyword button.active{background:#0070bd !important; color:#fff;padding:8px 22px; border-radius: 15px 0 15px 0; box-shadow: 5px 5px 8px rgb(0 0 0 / 10%); text-shadow: 1px 1px 2px rgb(0 0 0 / 50%);}
.cat-container > .category.keyword button:hover{text-decoration:underline;}

.cat-container .category{text-align:center; background:#f6f6f6; padding:20px 30px 15px; margin-bottom:30px; margin-top:7px;}
.cat-container .category h2{margin: 0 5px 5px 0;}
.cat-container .category li{float:none !important; line-height:44px; display:inline-block; padding:0 5px 5px 0; font-size:18px; text-align:center; color:#56504b; box-sizing:border-box;}
.cat-container .category li:after{display:inline-block; content:''; width:1px; height:13px; background:#56504b; margin:0 25px;}
.cat-container .category li:last-child:after{display:none;}
.cat-container .category li a{font-size:18px !important;}
.cat-container .category li a.active{background:#4e9509; padding:8px 22px; border-radius: 15px 0 15px 0; box-shadow: 5px 5px 8px rgb(0 0 0 / 10%); font-weight:600; color:#fff; text-shadow:1px 1px 2px rgb(0 0 0 / 50%);}

.cat-container2 .category{padding:10px; margin-bottom:35px; border-top:1px solid #dedbdb; border-bottom:1px solid #dedbdb;}
.cat-container2 .category{text-align:center;}
.cat-container2 .category li{display:inline-block; margin-right:10px; margin-top:5px; margin-bottom:5px;}
.cat-container2 .category li a{display:block; width:30px; height:30px; line-height:30px; color:#fff; background:#a2a2a2; text-align:center; font-size:18px; border-radius: 2px;}
@media all and (max-width:640px){
    .cat-container .category li{display:block; font-size:17px;}
    .cat-container .category li a{display:block; font-size:17px;}
    .cat-container .category li a.active{display:block; padding:0 22px;}
    .cat-container .category li:after{display:none;}
    ul.category.teacher-list li{width:50%; float:left !important;}

    /*.cat-container > .category.keyword li{width:48%;}*/

    /*.cat-container.bl > .category.keyword li{width:100%; margin:0 !important;}*/
}

.tab-container{width:100% !important; border-bottom:1px solid #ddd; /*border:1px solid #D7D7D7;border-bottom:none; border-top:1px solid #818181;*/margin:0;padding:0;}
.tab-content{display:inline-block; width:100%;}
.tab-container.sp{/*border-right:none;border-bottom:none;*/margin:0;padding:0;}
.tab-container > li{float:left;display:inline-block;line-height:50px;height:50px;list-style:none;margin:0;padding:0;}
.tab{font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block;background-color:#f7f7f7;line-height:50px;height:50px;margin:0 2px;padding:0; border-radius:0 10px 0 0; text-align:center;/*border-bottom:1px solid #D7D7D7;border-right:1px solid #D7D7D7;*/font-size:15px;font-weight:bold;color:#31313F;}
/*.tab-container > li:last-child .tab{border-right:none;}*/
/*.tab-container.sp > li:first-child .tab{border-left:1px solid #D7D7D7;}*/
/*.tab-container.sp > li:last-child .tab{border-right:1px solid #D7D7D7;}*/
/*.tab.active{background-color:#FFF;border-bottom:none;}*/
li.active .tab{background-color:#f9ad63;color:#fff; border-bottom:none; box-shadow: 0px 4px 9px rgb(0 0 0 / 10%); text-shadow: 2px 2px 1px rgb(0 0 0 / 10%);}
.tab:hover{color:#818181;}
.list-container.recipe li.active .tab,.list-container.recipe li > .tab:hover{color:#FD0000;}
.tab-mb{display:none;}
.line-box{margin:20px 0;}
/*.tab-8 > li a {padding:8px 16.5px;line-height:17px; font-size:12px;}*/
/*.tab-8 > li:first-child a,.tab-8 > li:last-child a {padding:17px 20.5px;line-height:17px;}*/
/*.tab-7 > li a {padding:8px 20px;line-height:17px; font-size:12px;}*/
/*.tab-7 > li:first-child a {padding:17px 23px;line-height:17px;}*/
.tab-12 > li{width:16.6666666%;}
.tab-11 > li{width:16.6666666%;}
.tab-10 > li{width:25%;}
.tab-9 > li{width:25%;}
.tab-8 > li{width:25%;}
.tab-7 > li{width:14.28%;}
.tab-6 > li{width:16.6666666%;}
.tab-5 > li{width:20%;}
.tab-4 > li{width:25%;}
.tab-3 > li{width:33.33333333%;}
.tab-2 > li{width:50%;}
.tab-1 > li{width:100%;}

@media all and (max-width:640px){
    .tab-container > li{display:table;}
    .tab{font-size:13px; overflow:visible; white-space: pre-line; word-break: keep-all; vertical-align: middle; display:table-cell; line-height: 120%;}
}
@media all and (max-width:380px){
    .tab{font-size:12px;}
}

/* GALLERY LIST */
.gallery {margin-top:30px;}
.gallery.col-4 ul{width:309px;}
.gallery.col-4 ul{margin:0;padding:0;margin-right:33px;margin-bottom:33px;}
/*.gallery.col-4 ul:nth-child(4n+0),.gallery.col-4 ul:last-child{margin-right:0;}*/
.gallery ul{float:left;display:inline-table; box-sizing:border-box; position:relative;}
.gallery ul:hover{}
.gallery.recipe ul:hover{border:1px solid #FD0000;}
.gallery.col-4 ul li{list-style:none;width:100%;}
.gallery ul li {box-sizing:border-box;}

.gallery ul li.class{display:inline-block;color:#4c6aa7;padding:8px 15px 8px 10px; font-size:15px;}
.gallery ul li.class .hit{display:inline-block;float:right;text-align:right;padding:0 8px 13px 23px;background:url(../../img/common/eye_icon.png) no-repeat 0 16%;font-size:13px; position:absolute; bottom:0; right:0;}
.gallery ul li.class .like{display:inline-block;float:right;text-align:right;padding:0 0 13px 20px;background:url(../../img/common/eye_icon.png) no-repeat 0 2%;font-size:11px;}

.gallery.recipe ul li.class{display:block;color:#FD0000;padding:15px 15px 13px 15px;}
.gallery ul li.dept{display:block;color:#0070bd;padding:15px 15px 13px 15px;}
.gallery ul a, .gallery ul a.photo {display:block;}


.gallery.recipe ul li.chef{background:url(../../img/common/icon_chef.gif) no-repeat 15px 45%;display:block;padding:15px 15px 13px 37px;}
.gallery.recipe ul li.chef .new{margin-left:-35px !important;}
.gallery ul li.nation{background-repeat:no-repeat;background-position:15px 45%;display:block;color:#4c6aa7;line-height:22px;}
.gallery ul li.product-name-kor,.gallery ul li.company-name-kor{display:block;color:#20202F;padding:13px 8px 15px 8px;padding-bottom:5px;font-size:24px;font-weight:bold;}
.gallery ul li.street-name{display:block;color:#20202F;padding:15px;font-size:15px;font-weight:bold;}
.gallery ul li.product-name-eng,.gallery ul li.company-type,.gallery ul li.product-name{display:block;color:#4c6aa7;padding:10px 8px 12px 8px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gallery ul li.product-info,.gallery ul li.issue-info-2{display:block;color:#646473;padding:13px 15px 5px 15px;border-top:1px solid #2e2d2d;border-bottom:1px solid #D7D7D7;background:#F6F6F6;font-size:14px;}
.gallery ul:hover li.company-name-kor{color:#79c62e;}
.gallery ul li.issue-info,.gallery ul li.issue-date{display:block;color:#646473;padding:4px 15px 5px 15px;font-size:13px;}
.gallery ul li.product-info dl dt,.gallery ul li.issue-info dl dt{clear:both;display:inline-block;float:left;width:120px;margin-bottom:7px;}
.gallery ul li.issue-info-2 dl dt,.gallery ul li.issue-date dl dt{clear:both;display:inline-block;float:left;width:60px;font-weight:bold;margin-bottom:7px;}
.gallery ul li.product-info dl dd,.gallery ul li.issue-info dl dd{display:inline-block;float:left;width:330px;margin-bottom:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gallery ul li.issue-info-2 dl dd,.gallery ul li.issue-date dl dd{height:17px; display:inline-block;float:left;width:380px;margin-bottom:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gallery ul li.product-name div {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gallery ul li.issue-info dd.issue{color:#0070bd;overflow:auto;text-overflow:inherit;white-space:normal;}
.gallery ul li.issue{display:block;font-size:15px; color:#4c6aa7;padding:6px 10px 5px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:222px;}
.gallery ul li.datetxt{max-width:310px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gallery.recipe ul li.chef .hit{display:inline-block;float:right;text-align:right;padding:0 0 13px 20px;background:url(../../img/common/icon_view_2.gif) no-repeat 0 23%;font-family:Tahoma;font-size:11px;color:#FD0000;}
.gallery.recipe ul li.chef .like{display:inline-block;float:right;text-align:right;padding:0 0 13px 20px;background:url(../../img/common/icon_like_2.gif) no-repeat 0 23%;font-family:Tahoma;font-size:11px;color:#FD0000;}
.gallery ul li.img-480x205{border-top:1px solid #D7D7D7;border-bottom:1px solid #D7D7D7;height:207px;background-position:0 0;background-repeat:no-repeat;overflow:hidden;background-size:480px;-ms-behavior:url(/css/backgroundsize.min.htc);}
.gallery ul li.img-222x264{background-color:#eee !important; height:264px;background-position:50% 0% !important;background-repeat:no-repeat;overflow:hidden;background-size:cover !important;-ms-behavior:url(/css/backgroundsize.min.htc);}
.gallery ul li.img-222x222{border-top:1px solid #D7D7D7;border-bottom:1px solid #D7D7D7;height:224px;background-position:50% 50% !important;background-repeat:no-repeat;overflow:hidden;background-size:222px !important;-ms-behavior:url(/css/backgroundsize.min.htc);}
.gallery ul li.img-222x175{background-color:#eee !important;height:177px;background-position:50% 0% !important;background-repeat:no-repeat;overflow:hidden;background-size:100% !important;-ms-behavior:url(/css/backgroundsize.min.htc);}
.gallery ul li.img-222x150{background-color:#eee !important; height:230px;background-position:50% 0% !important;background-repeat:no-repeat;overflow:visible;background-size:100% 230px !important;-ms-behavior:url(/css/backgroundsize.min.htc);}
.gallery ul li.img-222x175 .video{display:block;width:222px;height:177px;background: url(../../img/common/icon-video.png) no-repeat 50% 50%;overflow:hidden;background-size:222px !important;-ms-behavior:url(/css/backgroundsize.min.htc);}
.gallery ul li.img-222x150 .video{display:block;width:222px;height:152px;background: url(../../img/common/icon-video.png) no-repeat 50% 50%;overflow:hidden;background-size:222px !important;-ms-behavior:url(/css/backgroundsize.min.htc);}
.gallery ul li.no,ul li.no{background-position:50% 50%;background-repeat:no-repeat;background-image:url(../../img/common/no-img.jpg);background-size:800px !important;-ms-behavior:url(/css/backgroundsize.min.htc);}
.gallery ul li.news-title{border-top:1px solid #D7D7D7;border-bottom:1px solid #D7D7D7;height:92px;padding:18px 10px 17px;font-size:15px;font-weight:bold;display:block;color:#20202F;background:#F6F6F6;}
.gallery ul li.news-title .title-box{overflow:hidden; height:55px; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.gallery.recipe ul:hover li.img-222x222{border-top:1px solid #FD0000;border-bottom:1px solid #FD0000;}
.gallery ul li.product{display:block;color:#20202F;padding:15px 8px 15px 8px;font-size:18px; border-bottom:1px solid #333; font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:311px;}

.gallery ul li.issue-title{display:block;color:#20202F;padding:15px 8px 15px 8px;font-size:16px;font-weight:bold;width:309px; border-bottom:1px solid #272727;}
.gallery ul li.issue-title a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.gallery.col-4.issue-wrap .class a{color:#4c6aa7;}
.gallery.col-4.issue-wrap ul li.img-222x150{overflow:hidden;}



.gallery ul a:hover li.title,.gallery ul a:hover li.product,.gallery ul:hover li.news-title,.gallery ul:hover li.issue-title{color:#0070bd;}
.gallery.recipe ul a:hover li.title{color:#FD0000;}
.gallery ul li.company{display:block;color:#525261;font-size:12px;padding:0 15px 5px 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:222px;}
.gallery ul li.street-addr{display:block;color:#525261;font-size:14px;padding:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:480px;}
.gallery ul li.origin{display:block;color:#525261;font-size:12px;padding:15px 15px 5px 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:222px;}
.gallery ul li.date{display:block;padding:0 0px 15px 10px;font-size:14px;color:#9797A5;}
.gallery ul li.datetxt{display:block;padding:0px 10px 3px 7px;font-family:Tahoma;font-size:13px;color:#515152;height:18px;}
.gallery ul li.issue-dscr{display:block;padding:0 8px 10px 8px;font-size:12px;color:#9797A5;height:45px;}
.gallery ul li.date-2{display:block;padding:15px;font-family:Tahoma;font-size:11px;color:#9797A5;}
.gallery:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
.gallery ul li > .new{position:absolute; top:-5px; margin-left:-13px;z-index:0;text-indent:-99999px;background:url(../../img/common/icon-new-2.png) no-repeat;height:24px;width:17px !important;display:block !important;}
.gallery ul li.nation > .new{position:absolute;margin-top:-20px !important;margin-left:-43px;z-index:9;text-indent:-99999px;background:url(../../img/common/icon-new-2.png) no-repeat;height:24px;width:17px !important;display:block !important;}
.gallery ul li.product-info:after,.gallery ul li.issue-info:after,.gallery ul li.issue-info-2:after,.gallery ul li.issue-date:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
.gallery a.recall, .gallery a.openinfo {display:block;}
.gallery > a.openinfo {display:inline-block; float:left;}
.gallery.col-2 > a.openinfo:nth-child(even) ul {margin-right:0;}
.gallery.col-4 > a.recall {display:inline-block; float:left;}
.gallery.col-4 > a.recall ul {margin-right:33px;}
.gallery.col-4 > a.recall:nth-child(4n+0) ul, .gallery.col-4 > a.recall:last-child ul {margin-right:0;}
.gallery.col-4 > a.photo {display:inline-block; float:left;}
.gallery.col-4 > a.photo ul {margin-right:33px;}
.gallery.col-4 > a.photo:nth-child(4n+0) ul, .gallery.col-4 > a.photo:last-child ul {margin-right:0;}
.gallery.col-4#listFrame > a {display:inline-block; float:left;}
.gallery.col-4#listFrame > a ul {margin-right:33px;}
.gallery.col-4#listFrame > a:nth-child(3n+0) ul, .gallery.col-4#listFrame > a:last-child ul {margin-right:0;}
.gallery a ul li.title {max-width:309px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;display:block;color:#20202F;padding:15px 8px 15px 8px;font-size:16px;font-weight:bold;margin-bottom:4px; border-bottom:1px solid #272727;}
.gallery a:hover ul li.title,.gallery a:hover ul li.product,.gallery a:hover ul li.news-title,.gallery a:hover ul li.issue-title{color:#0070bd;}

.gallery.col-2 > a.openinfo{display:inline-block; float:left; width:47.9%; margin-right:4.2%; margin-bottom:10px;}
.gallery.col-2 > a.openinfo:nth-child(2n+0){margin-right:0 !important;}
.gallery.col-2 a.openinfo ul{width:100%;}
.gallery.col-2 > a.openinfo{ border-bottom:1px solid #e4e3e3;}
.gallery.col-2 > a.openinfo li.issue-date dl dt, .gallery.col-2 > a.openinfo li.issue-date dl dd{margin-bottom:0;}
.gallery.col-4.issue-wrap ul:nth-child(3n+0){margin-right:0;}


@media all and (max-width:1300px){
    .gallery ul li.issue-info-2 dl dd, .gallery ul li.issue-date dl dd, .gallery ul li.product-name{width:34vw;}
    .gallery ul li.issue-title{width:28vw !important;}
}
@media all and (min-width:1001px) and (max-width:1300px){
    /* 갤러리 게시판 */
    .gallery a.photo:nth-child(3n+0){margin-right:0 !important;}
    .gallery a.recall:nth-child(3n+0){margin-right:0 !important;}

    .gallery.col-4#listFrame > a{width:31.9% !important; margin-right:2.1%; margin-bottom:33px;}
    .gallery.col-4#listFrame > a ul, .gallery ul li.class, .gallery.col-4 ul li{width: 100%;}
    .gallery.col-4#listFrame > a ul{margin: 0 !important;}
    /*.gallery ul li.img-222x150, .gallery ul li.img-222x175{background-size:100% !important;}*/
    .gallery ul li.product{max-width:29vw !important;}
    .gallery a ul li.title{max-width:28vw !important;}

    .gallery.col-4.issue-wrap ul:nth-child(3n+0){margin-right:0;}
    .gallery.col-4.issue-wrap ul{width:31.9% !important; margin-right:2.1%; margin-bottom:33px;}

    .gallery ul li.origin{width:222px !important;}
}
@media all and (max-width:640px){
    .gallery ul li.issue-info-2 dl dd, .gallery ul li.issue-date dl dd, .gallery ul li.product-name{width:78vw;}
    .gallery ul li.issue-info-2 dl dt, .gallery ul li.issue-date dl dt{width:100%;}
    .gallery a ul li.title, .gallery ul li.product-name-kor, .gallery ul li.company-name-kor{font-size:16px;}
    .gallery ul li.product{font-size:16px;}
    .gallery.col-2 > a.openinfo{width:100%;}

}
@media all and (min-width:641px) and (max-width:1000px){
    /* 갤러리 게시판 */
    .gallery a.photo:nth-child(2n+0){margin-right:0 !important;}
    .gallery a.recall:nth-child(2n+0){margin-right:0 !important;}
    .gallery.col-4.issue-wrap ul:nth-child(2n+0){margin-right:0 !important;}
    .gallery.col-4#listFrame > a,  .gallery.col-4.issue-wrap ul{width:47.9% !important; margin-right:4.1%; margin-bottom:33px;}
    .gallery.col-4.issue-wrap ul{width:47.9% !important; margin-right:3.4% !important; margin-bottom:33px;}
    .gallery.col-4#listFrame > a ul, .gallery ul li.class, .gallery.col-4 ul li{width: 100% !important;}
    .gallery.col-4#listFrame > a ul{margin: 0 !important;}
    .gallery ul li.img-222x150, .gallery ul li.img-222x175{background-size:cover !important;}
    .gallery ul li.product, .gallery ul li.datetxt{max-width:42vw !important;}
    .gallery ul li.issue-title{width:42vw !important;}
    .gallery a ul li.title{max-width:42vw !important;}
    .gallery ul li.origin{width:41vw !important;}
}
@media all and (max-width:640px){
    /* 갤러리 게시판 */
    .gallery.col-4#listFrame > a{width:100% !important; margin-bottom:33px;}
    .gallery.col-4#listFrame > a ul, .gallery ul li.class, .gallery.col-4 ul li{width: 100% !important;}
    .gallery.col-4.issue-wrap ul{width: 100% !important;}
    .gallery.col-4#listFrame > a ul{margin: 0 !important;}
    .gallery ul li.img-222x150, .gallery ul li.img-222x175{background-size:cover !important;}
    .gallery ul li.product{max-width:87vw !important;}
    .gallery ul li.img-222x150{height:210px;}
    .gallery ul li.issue-title{width:87vw !important;}
    .gallery a ul li.title{max-width:87vw !important;}
    .gallery a ul li.datetxt{max-width:84vw !important;}
    .gallery ul li.origin{width:80vw !important;}
}
/*@media all and (max-width:400px){*/
/*    .gallery.col-4#listFrame > a{width:100% !important;}*/
/*    .gallery.col-4#listFrame > a ul, .gallery ul li.class, .gallery.col-4 ul li{width: 100% !important;}*/
/*    .gallery ul li.img-222x150, .gallery ul li.img-222x175{background-size:cover !important;}*/
/*    .gallery ul li.product{white-space: normal; max-width:100%;}*/

/*}*/

/* View */
/*.view-container{padding-top:30px;}*/
/*.view-container{border-top:1px solid #333;}*/
.view-container > article{margin-top:0;}
.view-container > article > .article-head{border-bottom:1px solid #d9d9d9; border-top:1px solid #333; padding:25px 15px 25px 15px;}
.view-container .article-head .category{font-size:15px; margin-bottom:6px; color:#4c6aa7;}
.view-container .article-head .view_title{font-size:25px; color:#333; font-weight:bold; margin:0; line-height:30px;}
.article-head .meta .meta_list {display: inline-block; margin: 0 30px 5px 0;}
.article-head .meta .tit{color:#9b9b9b;}
.article-head .meta .con{font-weight:300;margin-left:5px; color:#5d5a5a;}
.view-container article .meta{position:relative;width:100%; font-size:14px;color:#868695; margin-top:30px;}
.view-container .article-head .writer{font-size:14px;color:#000;display:inline-block;margin-left:20px;}
.view-container .article-head .view{float:right;background:url(../../img/common/icon-view.gif) no-repeat 0 50%;padding-left:20px;display:inline-block;}
.view-container .attached-file,.view-container .launch,.view-container .launch_bottom{border:1px solid #D7D7D7;border-radius:3px;padding:10px 15px;background:#F6F6F6;margin-bottom:30px;}
.view-container .attached-file ul{margin:0;padding:0;list-style:none;}
.view-container .attached-file ul li{margin:0;list-style:none;background:url(../../img/common/icon-file-down.gif) no-repeat 2px 3px;}
.view-container .attached-file ul li a{padding-left:25px;line-height:22px;font-size:12px;color:#424251;}
.view-container .attached-file ul li span{padding-left:5px;font-size:10px;color:#878787;}
.view-container .post{margin:30px 0; font-size:15px; line-height: 30px;}
.view-container   .post p{font-size: 15px; line-height:30px; max-width: 800px; margin: 0 auto;}
.view-container .post.newsletter img{margin:0;}
.view-container .post.newsletter p{margin-top:30px;}
.view-container .post pre{margin:0;padding:0;border:none;background:#FFF;font-family:ng, Arial, Helvetica, sans-serif;font-size:14px;line-height:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #646473;border-radius:0;}
.view-container pre:last-child{margin:0;}
.view-container .caution{margin:30px 0;font-size:14px;color:#9797A5;background:url(../../img/common/icon-caution-gray.jpg) no-repeat;padding-left:20px;}
.view-container .file-container table{border-top:1px solid #333;}
.view-container .file-container table tbody tr{border-bottom:1px solid #ddd;}
.view-container .file-container table tbody td a.fileName{background:url(../../img/common/icon_download4.png) no-repeat; padding-left:28px;}
.view-container .file-container table td.fileName .file-size{font-size:13px; margin-left:10px; color:#858484;}
.view-container .file-container table td.file{width:5%;}
.view-container .file-container .fileName span.title{font-size:14px; margin-right:15px; color:#737474;}
.view-container.video-container .bv_movie_box{padding:30px 10px;}
.view-container.video-container .bv_movie_box .bv_movie .bv_player iframe{width:100%; display:block; margin:0 auto;}
.view-container.video-container .bv_movie_box .bv_subtitle{font-size:15px; line-height:1.5; margin-top:50px;}
.view-container.video-container .post .title_movi_txt{margin-top:25px;}
.board-footer .list-btn-wrap2{display:inline-block; float:right; clear:both; margin-top:7px;}
/*.view-container .post img{max-width:995px !important;}*/
.view-container .post img{width:100% !important; height: auto !important;} /* 20230706 sbj 식품안전지식, 적발사례 반응형때문에.*/
.view-container > article > .post > div > img { width: 100% !important; height: auto !important;} /* 20230706 sbj 식품안전지식, 적발사례 반응형때문에.*/

.poster_ebook{max-width:500px;}
.poster_ebook + a{display:block;margin:0 auto;width:150px;height:40px;line-height:40px;color:#fff;background-color:#333;border-radius:15px 0 15px 0;text-align:center;cursor:pointer;text-decoration:none;}
.file_list{border-top:1px solid #333}.file_list ul li{padding:20px;position:relative;border-bottom:1px solid #ccc;}
.file_list ul li .add_file_item{position:absolute;right:10px;top:50%;transform:translateY(-50%);}
.file_list ul li .add_file_item a{display:inline-block;margin-right:10px;}
.file_list ul li .file_tit{display:block;word-break:keep-all;width:64%;line-height:1.5;padding:10p;}
.file_list ul li .file_view,
.file_list ul li .file_down{border:1px solid #a0a0a0;padding:5px 15px;border-radius:3px;}

@media(width<=768px) {
    .file_list ul li .add_file_item {
        width: 100px;
    }

    .file_list ul li .add_file_item a {
        display: block;
        margin: 5px;
    }
}
@media all and (max-width:1000px){
    /*.view-container .post img{width:100% !important; height:100% !important;}*/
    .view-container.video-container .post video{width:100%; height:auto;}
    .view-container.video-container .article-head .post div{width:100%; height:auto !important;}
}
@media all and (max-width:640px){
    .board-footer .prev-btn-wrap a.btn:first-child{float:left;}
    .board-footer .prev-btn-wrap a.btn:last-child{float:right;}
    .board-footer .list-btn-wrap{display:inline-block; margin-top:10px; width:100%;}
    .board-footer .list-btn-block a.btn{width:100%; margin-bottom:5px !important; margin-left:0 !important;}

    .view-container .file-container table td.fileName .file-size{font-size:12px; margin-left:0px;display:block;}
}
/* Q&A Write*/
.write-container{padding-top:30px;}
.write-container > article{margin-top:0;width:100%;}
.write-container .ctg{margin-bottom:10px;}
.write-container legend{border:0;text-indent:-9999px;line-height:0;margin:0;padding:0;}
.write-container .write-header{border-top:1px solid #333; border-bottom:1px solid #D7D7D7; padding:25px 10px; margin-bottom:22px; display:inline-block; width:100%; box-sizing:border-box;}
.write-container #title{height:50px;padding:0 15px;font-size:25px;line-height:50px;font-weight:bold;border:1px solid #DFDDDD;}
.write-container #file,.write-container #content-editor{font-size:14px;font-weight:normal;border:1px solid #DFDDDD;}
.write-container #title,.write-container #file, .write-container #imgFile,.write-container #content-editor{width:100%;}
.write-container #content-editor{height:600px;margin-bottom:20px;}
/*.write-container .meta{position:relative;width:100%;font-family:Tahoma;font-size:11px;color:#868695;border-bottom:1px solid #E8E8E8;padding:20px 0;border-top:none;padding-left:2px;}*/
.write-container .meta{padding:20px 0;}
.write-container .writer{font-size:19px;color:#000;display:inline-block;}
.write-container .fl .meta{border-bottom:none;margin-bottom:10px;}
.write-container .file-container{margin-bottom:20px; position:relative;}
.write-container .file-tit{font-size:17px; padding:0 0 0 30px; font-weight:bold; color:#828282; margin-bottom:10px; background:url(../../img/common/icon_download4.png) no-repeat left;}
.write-container input.required, textarea.required{background:url(../../img/common/label-need.gif) no-repeat top right;}
.write-container label{position:absolute; text-indent:-9999px; top:-9999px; right:-9999px;}
.write-container #file, .write-container #imgFile{float:left;height:36px;border:1px solid #DFDDDD;padding:0 15px;}
.write-container .file-input{position:absolute;width:90px;height:36px;overflow:hidden;top:0;right:0;}
.write-container .file-input:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
.write-container .file-input > .btn{width:90px;position:absolute;top:0;right:0;height:36px;border-radius:0;background:#FFF;line-height:19px;border:1px solid #DFDDDD;cursor:pointer;}
.write-container .file-hidden{width:90px;height:36px;position:absolute;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;}
.write-container .file-container > .attached-file{clear:both;float:none;width:100%;margin-top:50px;}
.write-container .attached-file ul{margin:0;padding:0;list-style:none;}
.write-container .attached-file ul li{margin:0;list-style:none;background:url(../../img/common/icon-file-down.gif) no-repeat 2px 3px;}
.write-container .attached-file ul li a{padding-left:25px;line-height:22px;font-size:12px;color:#424251;background:url(../../img/common/bt-del.png) no-repeat right 50%;padding-right:20px;height:14px;}
.write-container .attached-file ul li span{padding-left:5px;font-size:10px;color:#878787;}
/* timeLine */
/* Timeline Article */
article.timeline .article-head{float:none !important;}
article.timeline .issue-excerpt{padding-bottom:30px;}
article.timeline .issue-excerpt .issue-img{float:left;display:inline-block;border:1px solid #DBDBEB;width:125px;height:125px;background-position:50% 50%;background-repeat:no-repeat;background-size:125px;-ms-behavior:url(/css/backgroundsize.min.htc);}
article.timeline .issue-excerpt p.excerpt{width:530px;float:right;display:inline-block;font-size:15px;color:#757585;}
article.timeline .issue-excerpt .btn{font-family:Tahoma;font-size:12px;font-weight:bold;display:table;margin-top:10px;}
article.timeline .issue-excerpt .btn-lg{padding:15px 30px;line-height:20px;}
article.timeline .btn span.icon-heart-empty{background:url(../../img/common/icon-like.gif) no-repeat 0 50%;width:24px;height:20px;text-indent:-99999px;display:inline-block;}
article.timeline .issue-excerpt:after,article.timeline .article-head:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
article.timeline #desc, article.timeline #asc{position:relative;}
article.timeline .sort{background:url(../../img/news/bt-sort.png) no-repeat 0 0;width:25px;height:25px;display:block;text-indent:-99999px;position:absolute; top:2px;}
article.timeline .sort.old{background:url(../../img/news/bt-sort.png) no-repeat -25px 0;}
article.timeline .log-item{margin-bottom:30px;}
article.timeline .log-item .log-date{background:url(../../img/news/bullet-log.png) no-repeat 0 50%;height:25px;padding-top:3px;padding-left:43px;font-family:Tahoma;font-size:17px;font-weight:bold;margin-bottom:10px;color:#868696;}
article.timeline .log-item .origin{margin-bottom:15px;color:#757585;font-size:12px;padding:5px 10px;background:#F6F6F6;border:1px solid #E8E8D8;}
article.timeline .log-item .log-article{font-size:15px; padding:10px 30px 20px 30px;border-top:1px solid #A8A8B8;border-bottom:none; width:88%; margin:0 auto;}
article.timeline .log-item .more{padding:20px;border:1px solid #E8E8D8;display:block;text-align:center;font-size:15px;color:#414152;font-weight:bold;}
article.timeline .log-item .more:hover{border:1px solid #0070bd;color:#0070bd;}

article img{margin: 20px auto; display:block; width: 100% !important; height: auto !important;} /* 20230706 sbj 식품안전 서포터즈 반응형때문에..*/
/*article img{margin: 20px auto; display:block;}*/
article .post p img{width: 100% !important; height: auto !important;}
article img.read_news{width:100%;}
article .like{text-align:center;margin:50px 0;}
article .like .btn{font-family:Tahoma;font-size:12px;font-weight:bold;}
article .like .btn-lg{padding:15px 30px;line-height:20px;}
article span.icon-heart-empty{background:url(../../img/common/icon-like.gif) no-repeat 0 50%;width:24px;height:20px;text-indent:-99999px;display:inline-block;}
article span.icon-heart-empty.recipe{background:url(../../img/common/icon-like_3.gif) no-repeat 0 50%;width:24px;height:20px;text-indent:-99999px;display:inline-block;}
article h2{font-size:23px;color:#1d8800; /*margin:50px 0 30px 0;*/ line-height:35px;}
article > h2:first-child{margin-top:0;}
article h3{font-size:17px;color:#222;margin-top:10px; /* margin-bottom:15px;*/ line-height:30px;}
article h4{font-size:14px;color:#0070bd;margin-top:0px;margin-bottom:15px;line-height:20px;}
article h5{font-size:15px;color:#6d7071;margin-top:0px;margin-bottom:20px;}
/*article h5:before{display:inline-block; content:''; width:5px; height:5px; background:#f68a21; position:relative; bottom:3px; margin-right:10px;}*/

/* Article Tag */
article .tag-wrap{padding-bottom:10px;background:url(../../img/common/icon-tag.gif) no-repeat 0 0;padding-left:25px;margin-bottom:20px;}
article .tag{padding-left:5px;color:#525261;}
article .tag:first-child{padding-left:0;}
article .tag:hover{color:#0070bd;}


h6.conH4{margin-bottom:10px;}

.cont-list{border:none !important; margin-bottom:10px; !important; text-align:center !important; background:#f6f6f6; border-radius: 0 !important; padding:9px 15px; margin-top:10px;}
.cont-list ul li{width:auto !important; padding:8px 15px !important; font-size:15px; margin-right:15px;}
.cont-list ul li a{color:#4c6aa7;}
.cont-list ul li:before{display:inline-block; content:''; width:5px; height:5px; background:#4c6aa7; position:relative; bottom:3px;}
@media all and (max-width:1000px){
    article h2{font-size:20px;}
}
@media all and (max-width:640px){
    .cont-list li{font-size:15px;}
}

ul.ul_h3{font-size:15px;}
ul.ul_h3_clear{font-size:15px; list-style-type: disc;}
ul.ul_h3 li{margin-bottom:20px;}
ul.ul_h3 li b{font-size:16px; color:#f68a21; margin-bottom:5px;}
ul.ul_h3 li ul li{margin-left:5px; line-height:30px;}
ul.ul_h2 li{font-size:14px; margin-bottom:14px !important; line-height:30px;}

/* Table Default */
.page-container table,.scroll-container table{clear:both;width:100%;border-top:1px solid #818181;margin-bottom:30px;margin-top:-1px;}
.page-container table caption,.scroll-container table caption{overflow:hidden; width:1px; height:1px; color:rgba(255,255,255,0);position: absolute; display: block;}
.page-container table th,.scroll-container table th{background:#F6F6F6;border-bottom:1px solid #D7D7D7; font-size:14px;color:#000;text-align:center;padding:15px 5px;line-height:20px;font-weight:bold;border-collapse:collapse}
.page-container table td,.scroll-container table td{background:#fff; border-bottom:1px solid #D7D7D7;font-size:14px;padding:12px 5px;line-height:19px;text-align:left;font-weight:normal;color:#000;border-collapse:collapse}
.page-container .highlight4 table td p{font-size:14px;}
.page-container table.tc td{border-bottom:1px solid #D7D7D7;font-size:13px;padding:12px 5px;line-height:20px;text-align:center;font-weight:normal;color:#000;border-collapse:collapse}
.page-container table .img{padding:0;}
.page-container table .tr{text-align:right !important;} /* 우측정렬 */
.page-container table .tl{text-align:left !important;} /* 좌측정렬 */
/*.page-container table .tc{text-align:center !important;} !* 중앙정렬 *!*/
.page-container table td.num,.scroll-container table td.num{font-size:11px;padding:15px 5px;line-height:15px;text-align:center;font-weight:normal;color:#9797A6;}
.page-container table td a.content-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;line-height:23px;}
.page-container table td a,.scroll-container table td a{color:#005baa;} /*2015-03-18 수정*/
.page-container table td a:hover,.scroll-container table td a:hover{color:#0070bd;}
.page-container table td img{margin:0;padding:0;display:inline;}

table.movie_list td .fl, table.movie_list td .fr{display:inline-block;}
table.movie_list td .fl p{margin-bottom:0;}
table.movie_list td .fr{padding-top:0 !important; vertical-align:middle;}
table.movie_list td .fr p{margin-bottom:0;}
table.movie_list td .fl p img{width:100%; max-width:200px; max-heght:287px;}

.page-container .bg05_2 .list_text li{font-size:16px;}
@media all and (max-width:640px){
    table.movie_list td, table.movie_list th{text-align:center !important;}
    .page-container table.movie_list .fl, .page-container table.movie_list .fr{float:none; width:100% !important; }
}
.view-container table,.scroll-container table{clear:both;width:100%;border-top:1px solid #818181;margin-bottom:30px;margin-top:-1px;}
.view-container table caption,.scroll-container table caption{overflow:hidden; width:1px; height:1px; color:rgba(255,255,255,0);position: absolute; display: block;}
.view-container table th,.scroll-container table th{background:#F6F6F6;border-bottom:1px solid #D7D7D7;font-size:15px;color:#000;text-align:center;padding:15px 5px;line-height:20px;font-weight:bold;border-collapse:collapse}
.view-container table td,.scroll-container table td{background:#fff; border-bottom:1px solid #D7D7D7;font-size:15px;padding:12px 5px;line-height:19px;text-align:left;font-weight:normal;color:#000;border-collapse:collapse}
.view-container table.tc td{border-bottom:1px solid #D7D7D7;font-size:13px;padding:12px 5px;line-height:20px;text-align:center;font-weight:normal;color:#000;border-collapse:collapse}
.view-container table .img{padding:0;}
.view-container table .tr{text-align:right !important;} /* 우측정렬 */
.view-container table .tl{text-align:left !important;} /* 좌측정렬 */
.view-container table .tc{text-align:center !important;} /* 중앙정렬 */
.view-container table td.num,.scroll-container table td.num{font-size:15px;padding:15px 5px;line-height:15px;text-align:center;font-weight:normal;color:#9797A6;}
.view-container table td a.content-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;line-height:23px;}
.view-container table td a,.scroll-container table td a{color:#005baa;} /*2015-03-18 수정*/
.view-container table td a:hover,.scroll-container table td a:hover{color:#0070bd;}
.view-container table td img{margin:0;padding:0;display:inline;}

.responsive-table{overflow-x:auto; padding-top:1px; margin-bottom:10px;}
.responsive-table table{min-width:800px; width:100%; margin-bottom:0 !important;}
.responsive-table table th{white-space: nowrap;}
@media all and (max-width:640px){
    .page-container table.mb-table.left-txt td, .page-container table.mb-table.left-txt th{text-align:left !important;}
    /*.page-container table.mb-table.mb-view{border-left:1px solid #ddd; border-right:1px solid #ddd;}*/
    .page-container table.mb-table colgroup col {width:100% !important;}
    .page-container table.mb-table thead tr{border-bottom:1px solid #ddd;}
    .page-container table.mb-table thead th{border-bottom:none; padding:5px 5px;}
    .page-container table.mb-table tbody tr{border-bottom:1px solid #ddd;}
    .page-container table.mb-table tbody td.tc{text-align:left;}
    .page-container table.mb-table thead th, .page-container table.mb-table tbody td, .page-container table.mb-table tbody th{display:block; width:100% !important; font-size:13px; box-sizing: border-box; padding:10px 5px;  }
    .page-container table.mb-table tbody td{min-height:40px; text-align:center !important;}

    .page-container table.mb-list-table colgroup col{width:100% !important;}
    .page-container table.mb-list-table th, .page-container table.mb-list-table thead th, .page-container table.mb-list-table tbody td{display:block; width:100%; box-sizing: border-box;}
    .page-container table.mb-list-table thead{border-bottom:1px solid #dadada;}
    .page-container table.mb-list-table thead th{border-bottom:none; text-align:left; font-size:14px; padding:8px 10px;}
    .page-container table.mb-list-table tbody tr{border-bottom: 1px solid #ddd;}
    .page-container table.mb-list-table tbody td{border-bottom:none; padding:8px 10px; text-align:left;}
    .page-container table.mb-list-table td.num{font-size:13px; padding:6px 5px; text-align:left;}
    .page-container table.mb-list-table td a{color:#79c62e; font-weight:bold;}


    /*.view-container table.mb-table.mb-view{border-left:1px solid #ddd; border-right:1px solid #ddd;}*/
    .view-container table.mb-table colgroup col {width:100% !important;}
    .view-container table.mb-table thead tr{border-bottom:1px solid #ddd;}
    .view-container table.mb-table thead th{border-bottom:none; padding:5px 5px;}
    .view-container  table.mb-table tbody tr{border-bottom:1px solid #ddd;}
    .view-container table.mb-table tbody td{border-bottom:none; padding:5px 5px;}
    .view-container table.mb-table tbody td.tc{text-align:left !important;}
    .view-container table.mb-table thead th, .view-container table.mb-table tbody td, .view-container table.mb-table tbody th{display:block; width:100%; text-align:left !important; font-size:14px; box-sizing: border-box;}

    /*.page-container table.mb-table.mb-view{border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}*/
    .responsive-info-table .info-tbl colgroup col{width:100% !important;}
    .responsive-info-table .info-tbl tr{display:flex; flex-direction: row; flex-wrap:wrap; border-bottom: none !important;}
    .responsive-info-table .info-tbl tr th{width:30%; flex-basis: 30%; max-width:30%; display:flex; flex-direction: column; justify-content: space-around;}
    .responsive-info-table .info-tbl tr td{width:70%; flex-basis: 70%; max-width:70%;}
}
.list-container table{clear:both;width:100%;border-top:1px solid #818181;margin-bottom:30px;margin-top:-1px;border-collapse:collapse;}
.list-container table caption,table caption{line-height:0;text-indent:-99999px;}
.list-container table th{background:#F6F6F6;border-bottom:1px solid #D7D7D7;font-size:15px;color:#000;text-align:center;padding:15px 5px;line-height:15px;font-weight:bold;}
.list-container table td{border-bottom:1px solid #D7D7D7;font-size:15px;padding:12px 5px;text-align:center;color:#000;}
.list-container table td a{color:#0075a9;}
.list-container table td a.btn{color:#0075a9;}
.list-container table td a:hover{color:#0070bd;font-weight:600;}
.list-container table td.subject{text-align:left !important;}
.list-container table td.subject a{display:block;padding-left:25px;line-height:25px; max-width:460px; width:100%; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
.list-container table td.subject a.ellipsis{display:block;padding-left:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:625px;}
.list-container table td.subject a.re{padding-left:45px;background:url(../../img/common/icon-reply.gif) no-repeat 25px 50%;}
.list-container table td.subject.n{background:url(../../img/common/icon-new-2.png) no-repeat 0 50%;}
.list-container table td.num{font-size:14px;padding:15px 5px;line-height:15px;text-align:center;font-weight:normal;font-family:Tahoma;color:#515152;}
.list-container table .tr{text-align:right;} /* 우측정렬 */
.list-container table .tl{text-align:left;} /* 중앙정렬 */
.list-container .board-footer, .board-footer{text-align:center;margin-bottom:30px; margin-top:10px;}
.list-container table td.no-data,td.no-data,.no-data{text-align:center;margin:100px 0;background:url(../../img/common/icon-alert.gif) no-repeat 50% 0;padding-top:85px;font-size:14px;font-weight:bold;color:#9797A6;}
.list-container.recipe table{margin-top:20px;border-top:1px solid #FD0000;border-collfapse:collapse;table-layout:fixed;}
.list-container.recipe table tbody tr:hover td{background:#F6F6F6;}
.list-container.recipe table td a.btn:hover{color:#FD0000;}
.board-footer > a.btn{margin-left:5px;}
.board-footer > a.btn:first-child{margin-left:0 !important;}

table td span.table_td{display:none;}

@media all and (max-width:1300px){
    .list-container table td.subject a{max-width:42vw;}
}
@media all and (max-width:1000px){
    .list-container table td.subject a{max-width:37vw;}
}
@media all and (max-width:640px){
    .list-container table td.subject a{width:100%; max-width:100%; white-space:normal;}


    .list-container table colgroup col{width:100% !important;}
    .list-container table thead th, .list-container table tbody td,
    .list-container table tfoot th, .list-container table tfoot td{display:block; width:100%; box-sizing: border-box;}
    .list-container table thead{border-bottom:1px solid #dadada;}
    .list-container table thead th, .list-container table tfoot th{border-bottom:none; text-align:left; font-size:14px; padding:8px 10px;}
    .list-container table tbody tr, .list-container table tfoot tr{border-bottom: 1px solid #ddd;}
    .list-container table tbody td, .list-container table tfoot td{border-bottom:none; padding:8px 10px; /*text-align:left;*/ font-size:14px;}
    .list-container table td.num{font-size:14px; padding:6px 5px; /*text-align:left;*/}
    .list-container table td a{color:#0070bd; font-weight:bold; padding-left:0 !important;}
    .list-container table td.subject a.re{background:url(../../img/common/icon-reply.gif) no-repeat 5px 50%; padding-left:25px !important;}

    .list-container .mobile_table thead th{display:none !important;}
    table td span.table_td, table td span.table_txt{color:#000;}
    table td span.table_td{display:table-cell; width:105px; font-weight:bold; position:relative; text-align:left; padding-right:8px;}
    table td span.table_txt{display:table-cell; width:calc(100% - 131px);}
    .mobile_table tbody td{text-align:left !important;}
    .mobile_table tbody td{padding:8px 5px !important;}
    .mobile_table tbody span.table_txt a{line-height:1;}
    .mobile_table tbody span.table_txt p{display:inline-block;}
    .mobile_table tbody .subject .table_txt a{max-width:58vw; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%;}
    .mobile_table tbody .subject .table_txt a.re{max-width:35vw;}
    .mobile_table tbody tr:nth-child(2n-0), .mobile_table tbody tr:nth-child(2n-0) td{background:#f5f5f5;}

    .responsive-table table colgroup col{width:auto !important;}
    .responsive-table table thead th{text-align:center;}
    .responsive-table table thead th, .responsive-table table tbody td{display:table-cell; width:auto; padding:15px 5px; font-size:14px;}
    .responsive-table table td a{font-weight:normal; color:#000;}

    .cus-sort-out .cus-sort-p li a{font-weight:normal; color:#000;}
}
@media all and (max-width: 480px){
    .mobile_table tbody .subject .table_txt a{max-width:42vw;}
}

table.infomap{margin-top:-2px;border-collapse:separate; border:1px solid #d5d5d5;} /* 2015.02.05 임재록: 식품안전정보맵 테두리 설정 */
table.infomap th{background:#646473;color:#FFF;}
/*table.infomap th.agri{background:url("../../img/common/bg-graph-pattern-01.png") repeat left top #F8C13D;color:#604200;}*/
table.infomap th.agri{background:#e8a80f;color:#ffffff;}
/*table.infomap td.agri,table.infomap td.agri a{background: url("../../img/common/bg-graph-pattern-01.png") repeat left top #F6E6AE;color:#604200;}*/
table.infomap td.agri,table.infomap td.agri a{background:#F6E6AE;color:#583f01;}
/*table.infomap th.livestock{background:#70B454 url("../../img/common/bg-graph-pattern-02.png") repeat left top ;color:#104000;}*/
table.infomap th.livestock{background:#70B454;color:#ffffff;}
table.infomap td.livestock,table.infomap td.livestock a{background:#BDDEAF;color:#134D00;}
/*table.infomap th.fishery{background: url("../../img/common/bg-graph-pattern-03.png") repeat left top #00A5BD;color:#003137;}*/
table.infomap th.fishery{background:#00A5BD;color:#ffffff;}
table.infomap td.fishery,table.infomap td.fishery a{background:#AADDE2;color:#004650;}
table.infomap th.process{background:#5A8AC1;color:#ffffff;}
/*table.infomap td.process,table.infomap td.process a{background: url("../../img/common/bg-graph-pattern-04.png") repeat left top #A2BCDB;color:#002954;}*/
table.infomap td.process,table.infomap td.process a{background: #cfdcea;color:#002954;}
table.infomap td.consumer,table.infomap td.consumer a{background:#FFC89F;color:#803C00;}
table.infomap th,table.infomap td{border:2px solid #FFF;line-height:23px;font-weight:bold;}
table.infomap tr:hover td,table.infomap tr:hover th{cursor:auto;}

/* 데이터맵_추가 */
.infomap_mo {display: none;}
.infomap_mo img {width:100%; height: auto;}

@media (max-width: 1000px) {
    .infomap_pc {display: none;}
    .infomap_mo {display: block;}
}


/* Table column-line */
table.col{clear:both;width:100%;border-top:1px solid #818181;margin-bottom:30px;margin-top:-1px;border-collapse:collapse;}
table.col th{background:#F6F6F6;border-bottom:1px solid #D7D7D7;border-right:1px solid #D7D7D7;font-size:14px;color:#000;text-align:center;padding:15px 5px;line-height:20px;font-weight:bold;border-collapse:collapse}
table.col td{border-bottom:1px solid #D7D7D7;border-right:1px solid #D7D7D7;font-size:13px !important;padding:12px 5px;line-height:20px;text-align:center;font-weight:normal;color:#000;border-collapse:collapse}
table.col th:last-child,table.col td:last-child{border-right:none;}
table.col .tl{text-align:left;} /* 좌측정렬 */
.board-footer{text-align:center;margin-bottom:30px;}
@media all and (max-width:1000px){
    table.col th{font-size:12px;}
}
/*** list-container ****/
.list-container h4.list-title{color:#1d8800; font-size:23px; margin:50px 0 30px 0;}

/*** page-container ****/
.page-container .bs-callout-info, .bs-callout-info{border-left-color:#0070bd;}
.page-container .bs-callout p,.bs-callout p{margin:0;padding:0;line-height:20px;}
.page-container article h2, .page-container article h4{font-size:22px;color:#1d8800 !important; margin:20px 0 10px 0; line-height:35px;}
.page-container article span{font-size:17px;}
.page-container article h1 span{font-size:23px !important; color:#1d8800 !important; display:block; margin-bottom:20px;}
.page-container article > span{font-size:15px !important; line-height:30px;}
h1 span strong font{color:#1d8800 !important;}
.page-container .faq_cont{font-size:16px;}
.page-container .faq_cont .toggle_title.t2 > div {margin-bottom:25px;}
.divTop25{margin-top:25px;}
/*fancybox */
.fancybox-outer .fancybox-inner .inner-body .tab-pane.active{display:block;}
.fancybox-outer .fancybox-inner .inner-body .tab-pane{display:none;}

.fancybox-outer .fancybox-inner #inner-view{padding:32px 20px !important;}
.fancybox-outer .fancybox-inner .inner-head{display:inline-block; border-bottom:1px solid #0070bd; width:100%; padding-bottom:20px;}
.fancybox-outer .fancybox-inner .inner-head .category{font-size:20px; font-weight:bold; margin-bottom:10px; color:#0070bd;}
.fancybox-outer .fancybox-inner .inner-head > h1{font-size:24px; font-weight:bold; float:left; width:80%;}
.fancybox-outer .fancybox-inner .inner-head > span.meta{float:right; margin-right:10px;}
.fancybox-outer .fancybox-inner .inner-body{padding:30px 15px;}
.fancybox-outer .fancybox-inner .inner-body .product-img-wrap{float:left; width:40%;}
.fancybox-outer .fancybox-inner .inner-body .product-img-wrap .bx-wrapper .bx-viewport{box-shadow:none;}
.fancybox-outer .fancybox-inner .inner-body .issue-info{float:right; width:52%; margin-bottom:30px; }
.fancybox-outer .fancybox-inner .inner-body .issue-info h2{font-size:18px; font-weight:bold; }
.fancybox-outer .fancybox-inner .inner-body .issue-info ul{margin:0;padding:0;width:100%;list-style:none;overflow:hidden;}
.fancybox-outer .fancybox-inner .inner-body .issue-info ul li{margin:0;padding:0;list-style:none;font-size:13px;color:#646472;}
.fancybox-outer .fancybox-inner .inner-body .issue-info .title:before{display:inline-block; content:''; width:5px; height:5px; background:#0070bd; margin-right:6px; position:relative; bottom:3px;}
.fancybox-outer .fancybox-inner .inner-body .issue-info ul li span{margin-right:10px; font-size:15px !important;}
.fancybox-outer .fancybox-inner .inner-body .info-caption{clear:both;border:1px solid #D7D7D7;background:#F0F1F3;padding:15px 15px 12px 15px;font-size:12px;color:#424251;}
.fancybox-outer .fancybox-inner .inner-body .info-caption span{display:inline-block;}
.fancybox-outer .fancybox-inner .inner-body .info-caption .info-text{float:left;background:url(../../img/common/icon-info-2.gif) no-repeat 0 45%;padding-left:22px;}
.fancybox-outer .fancybox-inner .inner-body .info-caption .charge{float:right;text-align:right;}
.fancybox-outer .fancybox-inner .inner-body dl{border-bottom:1px solid #D7D7D7;margin-bottom:20px;}
.fancybox-outer .fancybox-inner .inner-body dl:last-child{border-bottom:none;margin-bottom:0;}
.fancybox-outer .fancybox-inner .inner-body dl dt,.issue-info dl dd{float:left;display:inline-block;margin:0 0 10px 0;font-size:15px;}
.fancybox-outer .fancybox-inner .inner-body dl dt{clear:both;width:95px; color:#0070bd; font-weight:bold;}
.fancybox-outer .fancybox-inner .inner-body dl dd{width:260px;}
.fancybox-outer .fancybox-inner .inner-body.full dl dt{clear:both;width:80px;}
.fancybox-outer .fancybox-inner .inner-body.full dl dd{width:720px;}
.fancybox-outer .fancybox-inner .inner-body dl.set dt{clear:both;width:80px;}
.fancybox-outer .fancybox-inner .inner-body dl.set dd{width:320px;}
#inner-view .inner-body:after,.issue-info dl:after,.info-caption:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}

.fancybox-outer .fancybox-inner .inner-body table.default-table{ white-space:normal !important; border-top:1px solid #ddd; margin-top:10px;}
.fancybox-outer .fancybox-inner .inner-body table.default-table th,
.fancybox-outer .fancybox-inner .inner-body table.default-table td{padding:8px 5px;}
.fancybox-outer .fancybox-inner .inner-body table.default-table th{background:#eee;}
.fancybox-outer .fancybox-inner .inner-body table.default-table td{border-bottom:1px solid #ddd; text-align:center;}

.fancybox-outer .fancybox-inner .inner-body .tab-content .info-container{padding:25px 10px;}
.fancybox-outer .fancybox-inner .inner-body .tab-content .info-container dl{margin-bottom:5px; width:100%; display:inline-block; font-size:16px;}
.fancybox-outer .fancybox-inner .inner-body .tab-content .info-container dl dt{width:30%;}
.fancybox-outer .fancybox-inner .inner-body .tab-content .info-container dl dd{width:70%; float:right; margin-bottom:10px;}
.fancybox-outer .fancybox-inner .inner-body.full{width:100%; box-sizing: border-box; padding:0 !important; margin-top:15px;}

@media all and (max-width:1000px){
    .fancybox-lock .fancybox-overlay{overflow:hidden !important;}
    .fancybox-outer, .fancybox-inner, .fancybox-inner{height:100% !important;}

    .fancybox-outer .fancybox-inner .inner-body.full{width:auto;}
}
@media all and (max-width:850px){
    .fancybox-outer .fancybox-inner .inner-body .product-img-wrap, .fancybox-outer .fancybox-inner .inner-body .issue-info{float:none; width:100%;}
    .fancybox-outer .fancybox-inner .inner-body .product-img-wrap .bx-wrapper .bx-viewport .product-img li{text-align:center;}
    .bx-wrapper img{display:inline-block !important;}
    .fancybox-outer .fancybox-inner .inner-body dl dd{width:80%;}
    .fancybox-outer .fancybox-inner .inner-head .category{font-size:18px;}
    .fancybox-outer .fancybox-inner .inner-head > h1{font-size:22px;}

}
@media all and (max-width:640px){
    .fancybox-outer .fancybox-inner .inner-body .tab-content .info-container dl{margin-bottom:10px;}
    .fancybox-outer .fancybox-inner .inner-body .tab-content .info-container dl dt{width:100%;}
    .fancybox-outer .fancybox-inner .inner-body .tab-content .info-container dl dd{margin-bottom:10px; width:100%;}
}



/*============================================================
메뉴실명제관련 CSS 추가
============================================================*/
.page-container .box03{padding:15px 20px;border:1px solid #ececec;border-radius:4px;background-color:#f8f8f8; margin-bottom:20px;}
.menu-admin{clear:both;}
.menu-admin .box03{display: block; background-color: #f0f0f354;margin-bottom: 32px;padding: 0;text-align: center;border-top: 1px solid #D7D7D7;border-bottom: 1px solid #d7d7d7;font-size: 13px;font-weight: bold; color: #31313F;margin: 30px auto 0; width: 100%;    margin-bottom: 40px;padding:15px 0;}
.menu-admin .box03 span { font-size:larger; margin-right:20px; margin-left:20px;}
.menu-admin .box03 span b{font-weight: bold;}
.menu-admin .box03 span h{font-weight: lighter; padding-left: 5px; padding-right:5px;}
.p-box{border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
.p-box b{padding-right:10px; border-right:0px solid #c0c0c0; margin-right:10px; position:relative;}
.p-box b:before{content:""; display:block; width:1px; height:15px; background:#c0c0c0; position:absolute; right: -3px; top: 5px; }
.p-icon{height:30px; line-height:30px; background:url("../../img/common/p-i.png") no-repeat left center; display:inline-block; padding-left:35px; margin:0px; margin-right: 40px; font-weight:400;}
.p-icon1{height:30px; line-height:30px; background:url("../../img/common/p-i2.png") no-repeat left center; display:inline-block; padding-left:35px; margin:0px; font-weight:400;}
/*============================================================
메뉴실명제관련 CSS 추가
============================================================*/

/*============================================
  healthy-food-life > My Nutrition Management
==============================================*/
.dashboard{border:1px solid #D7D7D7;border-radius:4px;margin-top:30px;}
.dashboard .date,.dashboard .calorie{width:33.33333%;border-right:1px solid #D7D7D7;float:left;display:inline-block;height:100px;text-align:center;position:relative;}
.dashboard .block{width:100%; text-align:center;}
.dashboard > div:last-child{border-right:none;border-radius:4px 4px 0 0;}
.dashboard > div:first-child{border-radius:4px 0 0 4px;background:#F6F6F6; position:relative;}
.dashboard .date .year-month,.dashboard .week .year-month{position:relative;font-size:15px;color:#868695;margin-top:65px;}
.dashboard .date .day,.dashboard .week .day{position:relative;font-size:50px;color:#0070bd;font-weight:bold;margin-top:-55px;}
.dashboard .date a.prev{background:url(../../img/healthyfoodlife/btn-date-nav.png) no-repeat 0 0;width:20px;height:40px;text-indent:-99999px;position:absolute;top:30px;left:30% !important;}
.dashboard .date a.next{background:url(../../img/healthyfoodlife/btn-date-nav.png) no-repeat -20px 0;width:20px;height:40px;text-indent:-99999px;position:absolute;top:30px;right:30% !important;}
.dashboard .week a.prev{background:url(../../img/healthyfoodlife/btn-date-nav.png) no-repeat 0 0;width:20px;height:40px;text-indent:-99999px;position:absolute;left:35%; top:30px !important;}
.dashboard .week a.next{background:url(../../img/healthyfoodlife/btn-date-nav.png) no-repeat -20px 0;width:20px;height:40px;text-indent:-99999px;position:absolute;right:35%; top:30px !important;}

.dashboard a.prev:hover{background-position:0 -40px;}
.dashboard a.next:hover{background-position:-20px -40px;}
.dashboard .calorie .t-cal{position:relative;font-size:15px;color:#868695;margin-top:65px;}
.dashboard .calorie .data-cal{position:relative;font-size:50px;color:#0070bd;font-weight:bold;margin-top:-55px;}
.dashboard .week ul{margin:0 auto;padding:0 !important;list-style:none;width:auto;height:100px; display:inline-block;}
.dashboard .week ul li{float:left;display:inline-block;text-align:center;}
.dashboard .week ul li span{display:block;width:40px;text-align:center;line-height:100px;font-size:20px;color:#868695;font-weight:bold;}
.dashboard:after,.dashboard .week:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
.search-container label.btn{height:37px;padding:9px 10px;line-height:19px;}
@media all and (max-width:1000px){
    .dashboard .week a.prev, .dashboard .date a.prev{position:absolute;left:10% !important; top:30px;}
    .dashboard .week a.next, .dashboard .date a.next{position:absolute;right:10% !important; top:30px;}


}
@media all and (max-width:640px){
    .dashboard .date, .dashboard .calorie{width:100%; border-right:none;}
    .dashboard .date .year-month, .dashboard .week .year-month{font-size:12px; margin-top:65px;}
    .dashboard .date .day, .dashboard .week .day{margin-top:-44px; font-size:37px;}
    .dashboard .calorie .t-cal{font-size:13px;}
    .dashboard .calorie .data-cal{font-size:37px;}
}
.my-nutrition .search-container li > label{visibility:visible;text-indent:0;line-height:39px;position:static;margin-right:20px;}
.my-nutrition .search-container li:first-child + li{margin-right:30px;}
.my-nutrition .search-container li:first-child + li + li + li + li{margin-right:5px;}
.my-nutrition .search-container li:first-child + li + li + li input[type=text]{width:222px;}
.my-nutrition .search-container li:last-child{margin-right:0;}
.my-nutrition .nutrition-result tbody tr:hover{cursor:auto;}
.my-nutrition .nutrition-result td > span{font-family:'맑은고딕',Malgun Gothic;font-weight:bold;font-size:12px;color:#000;}
.my-nutrition .nutrition-result tr td:first-child + td{text-align:left;font-family:'맑은고딕',Malgun Gothic;}
.my-nutrition .meal tr td:first-child{font-family:'맑은고딕',Malgun Gothic;font-size:12px;color:#424252;}
.my-nutrition .meal tr td:first-child + td + td + td,.my-nutrition .my-meals tr td:first-child + td + td + td,.my-nutrition .action tr td:first-child + td + td,.my-nutrition .my-actiontd:first-child + td + td + td{font-weight:bold;color:#0070bd;}
.btn-del{width:16px;height:16px;text-indent:-9999px;background:url(../../img/healthyfoodlife/btn-del.png) no-repeat;display:inline-block;margin:4px 0 4px 4px;}
.btn-edit{width:16px;height:16px;text-indent:-9999px;background:url(../../img/healthyfoodlife/btn-edit.png) no-repeat;position:absolute;margin:0 0 0 4px;text-align:left;}
.btn-ok{width:16px;height:16px;text-indent:-9999px;background:url(../../img/healthyfoodlife/btn-ok.png) no-repeat;position:absolute;margin:2px 0 0 4px;text-align:left;}
.my-nutrition .my-meals td input[type=text]{width:40px;padding-right:3px;text-align:right;border-radius:3px;color:#333;border:1px solid #D7D7D7;height:20px;}
.my-nutrition .my-meals td:first-child + td + td,.my-nutrition .my-action td:first-child + td + td{text-align:left;padding-right:25px !important;}
.my-nutrition .my-meals td:first-child,.my-nutrition .action td:first-child,.my-nutrition .my-action td:first-child{font-size:14px;color:#9797A6;}
.my-nutrition .my-action a.btn-ok{margin:-28px 0 0 57px;text-align:left;}
.my-nutrition .my-action .select-container > .selecter .selecter-selected{display:inline-block;line-height:19px;padding:0 5px;font-size:11px;}
.my-action + p{display:block;margin-top:-10px;text-align:right;}
.sub-tab-wrap{text-align:center;}
.sub-tab{list-style:none;margin:0;padding:15px 0 0 0;display:inline-block;}
.sub-tab li{float:left;display:inline-block;padding:0 15px;border-right:1px solid #D7D7D7; font-size:18px;}
.sub-tab li:last-child{border-right:none;}
.sub-tab li a{color:#424252;}
.sub-tab li a:hover,.sub-tab li.active a{color:#0070bd;}
.graph-container{border:1px solid #D7D7D7;border-radius:4px 4px 0 0;border-bottom:none;padding:30px;margin-top:30px;}
.graph-container .kcal, .graph-container .kg{width:24% !important;}
.graph-container .kcal,.graph-container .kg{float:left;display:inline-block;text-align:right;font-size:18px;color:#646472;}
.graph-container .kcal span,.graph-container .kg span{font-size:13px !important;display:block;font-weight:normal;}
.graph-container .graph{overflow:hidden; float:right;display:inline-block;background:url(../../img/healthyfoodlife/bg-graph-01.png) no-repeat 0 0; background-size:100%; width:75%;}
.graph-container .y-axis{position:absolute;float:left;display:inline-block;text-align:right;width:50px;font-size:18px;font-weight:bold;color:#646472;line-height:30px;margin:-15px 0 0 0;padding:0 !important;list-style:none;}
.graph-container .action-time{background:url(../../img/healthyfoodlife/bg-graph-03.png) no-repeat 0 0; background-size:100%;}
.graph-container .action-time ul{margin-left:5%;}
.graph ul{margin:0;padding:0;}
.graph ul li{position:relative; float:left;display:inline-block;width:14.2%;text-align:center;font-size:30px;font-weight:bold;line-height:30px;padding-top:56%;}
.graph ul li span{font-size:13px;font-weight:normal;display:block;}
.graph ul li div{width:25px;margin:auto;position:absolute;top:calc(100% - 97px); left:37%;}
.graph.action-time ul li div{width:25px;margin:auto;position:absolute; left:34%}
.graph ul li div span{background-color:#0070bd;text-align:left;text-indent:-999999px;width:25px;position:absolute;bottom:0;}
.graph ul li div span.minus{background-color:#0070bd;text-align:left;text-indent:-999999px;width:25px;position:absolute;top:0;}
.graph ul li.sun,.graph ul li.sun p{color:#FD0000;}
.graph ul li.sat, .graph ul li.sat p{color:#4DA6FF;}
.my-nutrition .comment{border:1px solid #D7D7D7;padding:20px;border-radius:0 0 4px 4px;background:#F6F6F6;}
.my-nutrition .comment p:first-child{margin-bottom:0;}
.graph-container ul,.comment ul{padding:0 !important;margin:0;list-style:none;display:block;}
.comment p + ul{margin-top:15px;}
.graph-container.nutrition ul ul > li,.comment > ul > li{float:left;display:inline-block;height:30px;}
.graph-container.nutrition > ul{margin-bottom:30px;}
.graph-container.nutrition > ul:last-child{margin-bottom:0;}
.graph-container.nutrition > ul > li:first-child{float:left;display:inline-block;font-weight:bold;}
.graph-container.nutrition > ul > li:first-child + li{float:right;display:inline-block;text-align:right;font-size:20px;}
.graph-container.nutrition > ul > li:first-child + li span{font-size:13px;}
.graph-container.nutrition > ul > li:first-child + li + li{clear:both;height:30px;width:100%;}
.graph-container.nutrition > ul > li:first-child + li + li + li{clear:both;color:#747484;width:100%;margin-top:10px;}
.graph-container .now{position:absolute;display:block;margin-left:-3px;background:url(../../img/healthyfoodlife/graph-now.png) no-repeat 0 0;width:624px;height:14px;text-indent:-99999px;z-index:1;}
.comment > ul > li{margin-right:20px;height:35px;font-weight:bold;}
.type01{background:url(../../img/healthyfoodlife/graph-01.png) repeat-x 0 bottom;padding-bottom:15px;}
.type02{background:url(../../img/healthyfoodlife/graph-02.png) repeat-x 0 bottom;padding-bottom:15px;}
.type03{background:url(../../img/healthyfoodlife/graph-03.png) repeat-x 0 bottom;padding-bottom:15px;}
.type04{background:url(../../img/healthyfoodlife/graph-04.png) repeat-x 0 bottom;padding-bottom:15px;}
.type05{background:url(../../img/healthyfoodlife/graph-05.png) repeat-x 0 bottom;padding-bottom:15px;}
.type06{background:url(../../img/healthyfoodlife/graph-06.png) repeat-x 0 bottom;padding-bottom:15px;}
.type07{background:url(../../img/healthyfoodlife/graph-07.png) repeat-x 0 bottom;padding-bottom:15px;}
.type08{background:url(../../img/healthyfoodlife/graph-08.png) repeat-x 0 bottom;padding-bottom:15px;}
.type09{background:url(../../img/healthyfoodlife/graph-09.png) repeat-x 0 bottom;padding-bottom:15px;}
.type10{background:url(../../img/healthyfoodlife/graph-10.png) repeat-x 0 bottom;padding-bottom:15px;}
.type11{background:url(../../img/healthyfoodlife/graph-11.png) repeat-x 0 bottom;padding-bottom:15px;}
.type12{background:url(../../img/healthyfoodlife/graph-12.png) repeat-x 0 bottom;padding-bottom:15px;}
.type13{background:url(../../img/healthyfoodlife/graph-13.png) repeat-x 0 bottom;padding-bottom:15px;}
.type14{background:url(../../img/healthyfoodlife/graph-14.png) repeat-x 0 bottom;padding-bottom:15px;}
#tab4 h3 + span{display:block;margin:-15px 0 20px 0;color:#0070bd;}
@media all and (max-width:1000px){
    .graph-container .graph{width:80%;}
    .graph-container .kcal, .graph-container .kg{width:18% !important;}
    .graph ul li{padding-top:54%; font-size:20px;}
    .graph-container .kcal, .graph-container .kg{font-size:15px;}
    .graph ul li p{font-size:12px; line-height:1;}

    .graph ul li div{top:calc(100% - 64px); left:37%;}
    .graph ul li div span{width:3vw;}

    .graph.action-time ul li div{top:calc(100% - 62px); left:31%;}
}
@media all and (max-width:640px){
    .graph-container .kcal, .graph-container .kg{width:10% !important; font-size:10px;}
    .graph-container .graph{width:88%;}
    .graph ul li{font-size:15px;}
    .graph-container .kcal span, .graph-container .kg span{font-size:5px !important;}
    .graph-container .graph.action-time{width:100%;}
    .sub-tab li{width:50%; margin-bottom:13px;}
    .sub-tab li:nth-child(2n-0){border-right:none;}
    .graph ul li div{top:calc(100% - 62px); left:37%;}
}
/*.my-info{padding:20px 0 0 0!important;}*/
/*.my-info dl{border-bottom:1px solid #D7D7D7;padding-bottom:10px;}*/
/*.my-info dl:not(:first-child) dt{line-height:8px;}*/
/*.my-info dl:last-child{border-bottom:none;padding-bottom:10px;margin-bottom:0;}*/
/*.my-info dl dt:nth-child(odd){padding-left:20px;width:105px;}*/
/*.my-info label{position:static;visibility:visible;text-indent:0;}*/
/*.my-info dd ul{padding:0 !important;margin:0;list-style:none;display:block;line-height:30px;}*/
/*.my-info dd ul.weight li{float:left;display:inline-block;margin-right:20px;}*/
/*.my-info dd ul li label{font-weight:normal !important;}*/
/*.my-info dd ul.weight li:first-child,.my-info dd ul.weight li:first-child + li + li + li,.my-info dd ul.weight li:first-child + li + li + li + li + li{clear:both;width:60px;float:left;display:inline-block;}*/
/*.my-info dd ul li{padding:0 !important;margin:0;list-style:none;display:block;line-height:30px;}*/
.my-bmi > div{float:left;display:inline-block;width:25%;border-right:1px solid #D7D7D7;height:100px;text-align:center;}
.my-bmi > div .t-cal,.my-bmi > div .data-cal span{position:relative;font-size:15px;color:#868695;margin-top:65px;font-weight:normal;font-family:'맑은고딕',Malgun Gothic;}
.my-bmi > div .data-cal{position:relative;font-size:30px;color:#0070bd;font-weight:bold;margin-top:-55px;}
.sub-tab:after,.graph-container:after,.graph-container ul:after,.graph-container ul ul:after,.comment ul:after,.my-info dl:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
@media all and (max-width:640px){
    /*.my-bmi > div .t-cal, .my-bmi > div .data-cal span{font-size:12px;}*/
    .my-bmi > div .data-cal{font-size:22px;}
    .my-bmi > div{width:50%; border-right:none; box-shadow: 1px 0 0 0 #ddd, 0 1px 0 0 #ddd;}
}
/* My Menu Management */
.my-menu article > h3:first-child,.my-label article > h3:first-child{margin-top:0;}
.my-menu .search-wrap li:last-child,.my-meals .search-wrap li:last-child,.my-label .search-wrap li:last-child{margin-left:5px;}
.my-menu table td,.my-meals table td,.my-label table td{text-align:center;}
.my-menu table td a,.my-meals table td a,.my-label table td a{font-weight:bold;}
.my-menu table td a.btn-edit,.my-menu table td a.btn-del,.my-meals table td a.btn-edit,.my-meals table td a.btn-del,.my-label table td a.btn-edit,.my-label table td a.btn-del{position:static;display:inline-block;}
.menu-list td{border-right:1px solid #D7D7D7;vertical-align:top;}
.menu-list tr td:last-child{border-right:none;}
.menu-list ul{padding:0 !important;margin:0;list-style:none;display:block;height:190px;}
.menu-list ul li{margin-bottom:10px;}
.menu-list ul li:last-child{margin-bottom:0;}
.menu-list ul li.img{background-position:50% 0;background-repeat:no-repeat;height:95px;overflow:hidden;margin-bottom:0;background-size:120px;-ms-behavior:url(/css/backgroundsize.min.htc);}
.menu-list ul li span{font-size:11px;color:#9797A6;line-height:15px;display:block;}
@media all and (max-width:640px){
    table.menu-list tr td{text-align:center; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7;}
    table.menu-list tr td a{color:#005baa; padding-left:5px !important;}
    .menu-list tr td:last-child{border-right:1px solid #d7d7d7;}
    .menu-list tr td:last-child{border-bottom:none;}
}
.list-container table.my-menu-list tbody tr:hover{cursor:auto;}
.btn-bottom .btn-sm{font-size:11px;padding:5px;}
.btn-bottom .btn-bf, .btn-bf{background-color:#F9979A;}
.btn-bottom .btn-lc, .btn-lc{background-color:#A2CB63;}
.btn-bottom .btn-dn, .btn-dn{background-color:#FFD424;}
.btn-bottom .btn-ds, .btn-ds{background-color:#EEEEEE;}
.btn-bottom .btn-sm:hover{color:#000;}
.my-menu-list th,.my-menu-list td{border-right:1px solid #D7D7D7;}
.my-menu-list thead th:last-child,.my-menu-list td:last-child{border-right:none;}
.my-menu-list tfoot td{background:#FCFCFC;}
.my-menu-list tbody td:not(:first-child),.my-menu-list tfoot td{text-align:right;font-size:14px;padding:15px 5px;line-height:15px;font-weight:normal;color:#9797A6;}
.my-menu-list ul{padding:0 !important;margin:0;list-style:none;display:block;}
.my-menu-list ul li.img{background-position:50% 0;background-repeat:no-repeat;height:95px;overflow:hidden;margin-bottom:0;background-size:120px;-ms-behavior:url(/css/backgroundsize.min.htc);}
.my-menu-list a.btn-del{position:absolute !important;margin:-7px 0 0 36px;}
.my-menu-list{margin-bottom:0 !important;}
.my-menu-list:last-child{margin-bottom:30px !important;}
.my-menu-list:first-child{border-top:2px solid #0070bd;margin-top:-2px;}
@media all and (max-width:640px){
    .my-menu-list{border-left:1px solid #d7d7d7;}
    .my-menu-list th{text-align:center !important; padding:14px 10px !important;}
    .my-menu-list td{text-align:center !important;}
    .my-menu-list tbody td:not(:first-child), .my-menu-list tfoot td{padding:15px 10px !important; text-align:left !important;}
    .my-menu-list span.mb-show-inline{font-weight:bold; margin-right:11px; font-size:13px !important; margin-left:11px; color:#000;}
    .my-menu-list thead th:last-child, .my-menu-list td:last-child{border-right:1px solid #d7d7d7;}
    tfoot.mb-blue-tbl th{background: #0070bd; color:#fff;}
    tfoot.mb-blue-tbl td{background: #f0f6fb;}
}
.dashboard.ratio{border:1px solid #0070bd;}
.ratio > div{float:left;display:inline-block;width:33.3333%;border-right:1px solid #0070bd;height:100px;text-align:center;background:#FFF !important;}
.ratio > div:first-child{border-radius:4px 0 0 4px;}
.ratio > div:last-child{border-radius:0 4px 4px 0;}
.ratio > div .n-title{position:relative;font-size:15px;color:#868695;margin-top:24px;font-weight:normal;margin-bottom:10px;}
.ratio > div .n-data{position:relative;font-size:30px;color:#0070bd;font-weight:bold;}
.ratio > div .n-data span{position:relative;font-size:15px;margin-top:65px;font-weight:normal;}
.inner-body dl.weight{margin-top:20px;padding-bottom:20px;}
.inner-body dl.weight > dt{width:80px;line-height:37px;margin:0;}
.inner-body dl.weight > dt:first-child + dd + dt,.inner-body dl.weight > dt:first-child + dd + dt + dd{margin:10px 0;}
.inner-body dl.weight > dd{width:400px;line-height:37px;}
.inner-body dl.weight ul{padding:0 !important;margin:0;list-style:none;display:block;width:230px;}
.inner-body dl.weight li input[type=text]{margin:5px 0;width:50px;line-height:28px;text-align:right;border:1px solid #0070bd;border-radius:4px;padding:0 5px;height:30px;}
.inner-body dl.weight li input[disabled]{background:#F6F6F6;border:1px solid #D7D7D7;color:#9797A6;}
.inner-body dl.weight .btn-group .btn{font-size:12px;padding:8px 13px;}
.inner-body dl.weight .btn-group-vertical{float:left;margin-right:20px;}
.inner-body dl.weight .btn-group-vertical + ul{float:left;}
.inner-body dl.weight dl dt{clear:none;width:50px;float:left;margin-top:12px;}
.inner-body dl.weight dl dd{clear:none;width:80px;float:left;}
.inner-body dl.weight dl dt:nth-child(4n+1){clear:both;float:left;}
.inner-body dl.weight dl dd:nth-child(4n+2){width:50px;margin-top:12px;color:#0070bd;}
.my-menu-edit{margin-top:-30px;}
.my-menu-edit ul{padding:0 !important;margin:0;list-style:none;display:block;}
.my-menu-edit ul li{float:left;margin-right:5px;}
.my-menu-edit ul li .btn{padding:8px 20px;}
.my-menu-edit:after,.inner-body dl.weight:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
.page-container .my-menu-edit + h3{padding-bottom:0;border:none;margin-bottom:-15px;}
.page-container .my-menu-edit + h3 span{color:#0070bd;font-weight:bold;float:none;font-size:17px;}
.dashboard + h3 + .list-container{border:none;}

/*h2 textarea{width:680px;height:37px;padding:0;border:1px solid #FFF;overflow:hidden;resize:none;margin-bottom:15px;}*/
/*h2 textarea:hover{border-bottom:1px solid #D7D7D7;}*/
#inner-view.my-nutrition .inner-head header{float:left;display:block;}
#inner-view.my-nutrition .inner-head h1{float:none;margin:5px 0 0 0;line-height:.7em;}
#inner-view.my-nutrition .inner-head h1 span{font-size:15px;color:#0070bd;margin-bottom:12px;display:block;}
#inner-view.my-nutrition .inner-head h1 i{font-size:15px;font-style:normal;color:#9797A6;margin-bottom:12px;}
#inner-view.my-nutrition .inner-head .my-meta{display:block;margin:10px 0 0 0;}
#inner-view.my-nutrition .inner-head .my-meta span{display:inline-block;margin-left:10px;padding-left:10px;font-size:11px;color:#9797A6;border-left:1px solid #D7D7D7;}
#inner-view.my-nutrition .inner-head ul{position:absolute;margin-top:45px;padding:0 !important;right:15px;list-style:none;display:block;}
#inner-view.my-nutrition .inner-head ul.single{margin-top:0;margin-right:30px;}
#inner-view.my-nutrition .inner-head ul li{margin-left:10px;float:left;}
#inner-view.my-nutrition .inner-head ul li .btn-default{padding:7px 10px;}
#inner-view.my-nutrition .inner-head:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
table.my-graph{margin-bottom:0;}
table.my-graph th{padding:5px;font-size:12px;border-right:1px solid #D7D7D7;}
table.my-graph td{padding:5px 0;font-size:11px;font-weight:normal;border-right:1px solid #D7D7D7;}
table.my-graph thead th:last-child,table.my-graph td:last-child{border-right:none;}
table.my-graph thead tr:nth-child(even) th:last-child,table.my-graph tbody tr:nth-child(even) td:last-child{border-right:1px solid #D7D7D7;}
table.my-graph td:last-child{text-align:left;}
table.my-graph td:first-child{text-align:center;}
table.my-graph td:last-child div{margin-bottom:5px;}
table.my-graph td:last-child span{display:block;font-weight:bold;font-size:12px;padding-left:10px;}
table.my-graph tbody tr:hover th,table.my-graph tbody tr:hover td{cursor:auto;}
table.plan-menu{margin-bottom:10px;}
table.plan-menu th{padding:7px 5px;font-size:12px;border-right:1px solid #D7D7D7;}
table.plan-menu td{padding:7px 5px !important;font-size:11px;font-weight:normal;border-right:1px solid #D7D7D7;text-align:right !important;white-space:nowrap;}
table.plan-menu thead th:last-child,table.plan-menu td:last-child{border-right:none;}
table.plan-menu tbody th{background:#FBFBFB;font-size:11px;}
table.plan-menu tbody tr:hover th,table.plan-menu tbody tr:hover td{cursor:auto;}
tr.fisrt-th th{background:#FFF;color:#0070bd;}
.mark01{background:#d1ddf0 !important;}
.mark02{background:#e4eaf9 !important;}
.mark03{background:#eefbff !important;}
.btn-close{background:url(../../img/common/bt_close.gif);height:16px;width:16px;position:absolute;right:0;top:0;margin-top:15px;margin-right:15px;text-indent:-99999px;}
/* My Meals Management - 테이블 설정은 나의 식단관리에서 공통 적용 */
.my-meals table td:nth-child(5){color:#0070bd;}
.my-meals table td.red{color:#FD0000;}
.my-meals .ratio > div{float:left;display:inline-block;width:16.66666%;border-right:1px solid #0070bd;height:75px;text-align:center;background:#FFF !important;}
.my-meals .ratio > div:first-child{border-radius:4px 0 0 4px;}
.my-meals .ratio > div:last-child{border-radius:0 4px 4px 0;border-right:none;}
.my-meals .ratio > div .n-title{position:relative;font-size:13px;color:#868695;margin-top:45px;font-weight:normal;font-family:'맑은고딕',Malgun Gothic;}
.my-meals .ratio > div .n-data{position:relative;font-size:20px;color:#0070bd;font-weight:bold;margin-top:-45px;}
.my-meals .ratio > div .n-data span{position:relative;font-size:13px;margin-top:50px;font-weight:normal;}
.my-meals h3 i{font-size:12px;color:#868695;font-weight:normal;font-style:normal;}

@media all and (max-width:1000px){
    .my-meals .ratio > div{width:33.3333%; }
    .my-meals .ratio > div:nth-child(3n-0){border-right:none;}
    .my-meals .ratio > div:nth-child(-n+3){border-bottom:1px solid #0070bd;}
}

.ingredients-list th,.ingredients-list td{border-right:1px solid #D7D7D7;padding:9px 5px !important;line-height:15px !important;font-size:13px;}
.ingredients-list th:last-child,.ingredients-list td:last-child{border-right:none;text-align:center;}
.ingredients-list tbody td,.ingredients-list tfoot td{text-align:right;font-size:11px;font-weight:normal;color:#9797A6;}
.ingredients-list tbody td:first-child + td{text-align:left;font-size:13px;font-weight:bold;color:#000;}
.ingredients-list tbody td:first-child{text-align:center;}
.ingredients-list tbody td:first-child + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td{font-size:12px;font-family:'맑은고딕',Malgun Gothic;color:#333;text-align:center;}
.ingredients-list tbody td:first-child + td + td + td + td{color:#9797A6;}
.ingredients-list a.btn-del{text-align:left;text-indent:-99999px;}
.ingredients-list{margin-bottom:30px !important;}
.ingredients-list .btn-del{margin:5px;}
.new-weight{width:35px;padding-right:5px;text-align:right;}
.food-nutrition{border:1px solid #D7D7D7;border-top:none;border-bottom:none;padding:17px 20px 10px 20px;}
.food-nutrition h3{margin:0;color:#0070bd;}
.food-nutrition h3 + div{margin-top:10px;padding-top:20px;border-top:1px solid #F3F3F3;}
.food-nutrition div > dl{float:left;display:inline-block;margin-right:20px; margin-bottom:20px; width:23%;}
.food-nutrition div > dl:nth-child(4n+1){clear:both;float:left;display:inline-block;}
.food-nutrition div > dl:nth-child(4n+4){margin-right:0;}
.food-nutrition dl dt label{position:static;text-indent:0;visibility:visible;line-height:20px;}
.food-nutrition dl dd input{padding-right:10px;text-align:right;width:90%;border:1px solid #D7D7D7;border-radius:4px;height:35px;}
.food-nutrition:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
@media all and (max-width:1000px){
    .food-nutrition div > dl{width:22%;}
    .food-nutrition dl dd input{width:100%;}

}
@media all and (max-width:640px){
    .food-nutrition div > dl:nth-child(2n-0){margin-right:0 !important;}
    .food-nutrition div > dl:nth-child(4n+0){margin-right:20px;}
    .food-nutrition div > dl:nth-child(2n+1){clear:both;float:left;display:inline-block;}
    .food-nutrition div > dl:nth-child(4n+1){clear:none;}
    .food-nutrition div > dl{width:45%}


}
/* My Label Management - 테이블 설정은 나의 식단관리에서 공통 적용 */
.my-label .emphasis p:last-child{margin-bottom:0;}
.my-label .label-process{background:url(../../img/healthyfoodlife/process-arrow.png) no-repeat 0 0;width:680px;height:55px;}
.my-label .label-process.step01{background-position:0 0;}
.my-label .label-process.step02{background-position:0 -55px;}
.my-label .label-process.step03{background-position:0 -110px;}
.my-label .label-process ul{margin:0;padding:0 !important;list-style:none;height:55px;}
.my-label .label-process ul li{float:left;display:inline-block;width:33.3333%;}
.my-label .label-process ul li a{display:block;height:55px;line-height:55px;font-weight:bold;font-size:15px;color:#000;text-align:center;}
.my-label .label-process ul li.active a{color:#FFF;}
.my-label .my-info dd{width:97px;}
.my-label .my-info dd input{width:97px;}
.my-label .my-info dt:nth-child(3),.my-label .my-info dt:nth-child(11){clear:both;float:left;}
.my-label .my-info dd.full{width:545px;}
.my-label .my-info dd.full li{float:left;display:inline-block;margin-right:0;}
.my-label .my-info dd.full li:first-child{margin-right:10px;}
.my-label .my-info dd.full li .selecter .selecter-selected,.my-label .my-info dd.full li .selecter .selecter-item{padding:2px 10px;}
.nutrition-btn + h3{margin-bottom:0;padding-bottom:12px;border-bottom:2px solid #424252;}
.my-label .search-container{padding:8px 0;}
.my-label .search-container li{margin-left:5px;}
.my-label .total{padding-top:16px;}
.page-container.my-label .emphasis h3{margin-top:0 !important;}
.page-container.my-label .emphasis ul, .page-container.my-label .emphasis ul:first-child{padding:0 !important;font-size:12px;}
.page-container.my-label .emphasis ul li{float:left;display:inline-block;width:33.333333%;}
.my-label .scroll-xx,.scroll-xx{margin-bottom:30px;}
.my-label .scroll-xx table,.inner-body .ingredients-list{margin-bottom:0 !important;}
.inner-body .ingredients-list th{font-size:12px !important;padding:4px !important;}
.inner-body .ingredients-list th .sort{height:12px;}
.inner-body .ingredients-list tbody td:first-child + td{text-align:center;font-size:12px;font-weight:normal;color:#000;}
.inner-body .ingredients-list tbody td:first-child + td + td{text-align:left;font-size:13px;font-weight:bold;color:#666;}
.inner-body .ingredients-list tbody td:first-child + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td,.inner-body .ingredients-list tbody td:first-child + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td{font-size:12px;color:#333;}
.inner-body table.direct{border:1px solid #D7D7D7;border-radius:4px;margin:0;margin-bottom:30px;border-collapse:collapse;}
.inner-body table.direct td{font-weight:normal;text-align:left;}
.inner-body table.direct tr:hover td,.inner-body table.additives tr:hover td{cursor:auto !important;}
.inner-body table.direct label{visibility:visible;position:static;text-indent:0;}
.inner-body table.direct input,.inner-body table.additives input{border:1px solid #D7D7D7;border-radius:4px;padding:0 5px;height:30px;text-align:right;margin:2px 0;font-weight:normal;color:#333;}
.inner-body table.direct input.additive-name{text-align:left;width:100%;font-family:'맑은고딕',Malgun Gothic;font-weight:normal;}
.inner-body table.direct th,.inner-body table.direct td{border:1px solid #D7D7D7;border-collapse:collapse;font-size:12px;padding:5px 10px;}
.inner-body table.direct dt,.inner-body table.direct dd{clear:none;float:left;display:inline-block;width:110px;}
.inner-body table.direct dt{margin:7px 0 0 0;width:80px;}
.inner-body table.direct dd:nth-child(6n+0){width:95px;}
.inner-body table.direct dt:nth-child(6n+1){clear:both;float:left;display:inline-block;}
.inner-body table.direct dl + span{display:inline-block;float:right;color:#FD0000;padding-top:10px;}
.inner-body table.direct dl:first-child{margin-bottom:0;border-bottom:none;float:left;}
.inner-body span.required{display:block;text-align:right;margin-top:10px;padding:5px 10px 10px 0;font-size:12px;background:url(../../img/common/label-need.gif) no-repeat top right !important;}
.inner-body table.direct dl:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
.inner-body table.direct th.required{background:#F6F6F6 url(../../img/common/label-need.gif) no-repeat top right !important;}
.inner-body table.additives th{font-size:13px;padding:12px 5px;}
.inner-body table.additives td{font-size:13px;padding:5px;}
.inner-body table.additives td:first-child + td + td,.inner-body table.additives td:first-child + td + td + td{font-weight:normal;color:#9797A6;font-size:11px;}
.inner-body table.revision{margin-top:10px !important;}
.inner-body table.revision tbody td:first-child + td{text-align:left;font-size:13px;font-weight:bold;font-family:'맑은고딕',Malgun Gothic;color:#666;}
.inner-body table.revision tbody td:first-child + td + td{text-align:right;font-size:11px;font-weight:normal;color:#9797A6;}
.inner-body table.revision tbody td:first-child + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td{text-align:center;font-size:12px;font-weight:normal;font-family:'맑은고딕',Malgun Gothic;color:#666;}
.inner-body table.revision tbody td:first-child + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td + td{text-align:center;font-size:11px;font-weight:normal;color:#9797A6;}
.print-option-container{border:1px solid #D7D7D7;border-bottom:none;padding:20px;border-radius:4px 4px 0 0;}
.print-option-container + .print-option-container{border-radius:0;padding:20px}
.print-option-container ul{clear:both;margin:0;padding:0 !important;list-style:none;margin-top:-10px;}
.print-option-container li{float:left;display:inline-block;width:20%;}
.print-option-container li:nth-child(5n+1){clear:both;float:left;display:inline-block;}
.print-option-container label{visibility:visible;position:static;text-indent:0;font-weight:normal;}
.print-option-container h4{padding-bottom:15px;border-bottom:1px solid #F3F3F3;font-size:15px;}
.print-option-container h4 span{color:#FD0000;text-align:right;display:inline-block;font-weight:normal;float:right;font-size:12px;margin-top:3px;}
.print-option-container dl.dl-row dt,.print-option-container .dl-row dd{float:left;display:inline-block;margin:0;}
.print-option-container dl{margin:0;}
.print-option-container dl.dl-row dt{width:140px !important;margin-top:10px;}
.print-option-container dl.dl-row dd .btn{padding:9px 15px 7px 15px;font-size:13px;}
.page-container.my-label .emphasis:after,.print-option-container ul:after,.print-option-container dl:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
.nutrition-label{margin:auto;border:2px solid #000;padding:15px;margin-bottom:10px;}
.nutrition-label.standard{width:300px !important;}
.nutrition-label.standard table{border:none;padding:0;margin:0;color:#000 !important;}
.nutrition-label.standard table tr td{font-size:12px;line-height:15px;padding:2px 0;}
.nutrition-label.standard table tr td:first-child{text-align:left;font-weight:bold}
.nutrition-label.standard table tr td:not(:first-child){text-align:right;}
.nutrition-label.standard table tr td:last-child{font-weight:bold;}
.nutrition-label.standard table tr:first-child + tr + tr td{font-weight:normal;font-size:11px;}
.nutrition-label.standard table tr:last-child td{font-weight:normal;font-size:11px;padding:5px 0 0 0;border:none;}
.nutrition-label.standard table .label-title{padding:20px 0 20px 15px;background-color:#eee;border:1px solid #ddd;text-align:center !important;letter-spacing:15px;font-size:25px;}
.nutrition-label.standard table .label-legend{font-size:11px;padding:10px 0;border-bottom:5px solid #696969;line-height:15px;}
.nutrition-label.standard table .sub-item{padding-left:40px;font-weight:normal !important;}
.nutrition-label.standard table .saperate{background-color:#696969;padding:1px 0;}
.nutrition-label.horizon,.nutrition-label.linear,.nutrition-label.multiple{width:680px !important;}
.nutrition-label.horizon table{border:none;padding:0;margin:0;color:#000 !important;}
.nutrition-label.horizon > table.layout tr td{font-size:12px;line-height:15px;padding:2px 0;}
.nutrition-label.horizon > table.layout tr:first-child td{text-align:left;font-weight:bold;border-bottom:5px solid #696969;padding-bottom:10px;font-size:11px;}
.nutrition-label.horizon > table.layout > tbody > tr:first-child > td:not(:first-child){text-align:left;}
.nutrition-label.horizon > table.layout > tbody > tr:first-child > td:first-child + td + td + td,.nutrition-label.horizon > table.layout > tbody > tr:first-child > td:first-child + td + td + td + td + td + td{text-align:right;}
.nutrition-label.horizon > table.layout tr td:first-child{font-weight:bold;text-align:left;}
.nutrition-label.horizon > table.layout tr:last-child td{font-weight:normal;font-size:11px;padding:5px 0 0 0;border:none !important;text-align:right;}
.nutrition-label.horizon > table.layout tr:first-child td:first-child{background-color:#eee;border:1px solid #ddd}
.nutrition-label.horizon table .label-title{padding:30px 0 10px 8px;text-align:center !important;letter-spacing:8px;font-size:25px;font-weight:bold;display:block;}
.nutrition-label.horizon table .label-legend{font-size:11px;padding:10px 0;line-height:15px;display:block;text-align:center;}
.nutrition-label.horizon table .space{background-color:#FFF;border:1px solid #FFF !important;}
.nutrition-label.horizon > table.layout table tr:first-child td:first-child,.nutrition-label.horizon > table.layout table tr:first-child td{background:#FFF;border:none;border-bottom:1px solid #D7D7D7;font-size:12px;padding:2px 0;}
.nutrition-label.horizon > table.layout > tbody > tr:first-child + tr > td{padding-bottom:0;border-bottom:1px solid #696969;}
.nutrition-label.horizon > table.layout table td{font-size:12px !important;padding:3px 0 !important;}
.nutrition-label.horizon > table.layout table td:first-child{text-align:left !important;}
.nutrition-label.horizon > table.layout table tr td:not(:first-child){text-align:right !important;font-weight:normal;}
.nutrition-label.horizon > table.layout table td:last-child,.nutrition-label.horizon > table.layout table tr:last-child td:first-child{font-weight:bold !important;}
.nutrition-label.horizon > table.layout table tr:last-child td{border-bottom:1px solid #D7D7D7 !important;}
.nutrition-label.horizon > table.layout table .sub-item{padding-left:40px !important;font-weight:normal !important;}
.nutrition-label.linear table{border:none;padding:0;margin:0;color:#000 !important;}
.nutrition-label.linear table tr td{font-size:12px;line-height:18px;padding:10px 0;border-bottom:none;}
.nutrition-label.linear table tr:first-child td{text-align:left;font-weight:bold;border-bottom:5px solid #696969;padding-bottom:10px;}
.nutrition-label.linear table tr td:first-child{text-align:center;}
.nutrition-label.linear table tr td:last-child{text-align:left;}
.nutrition-label.linear table tr:last-child td{font-weight:normal;font-size:11px;padding:0 0 0 200px;border:none;}
.nutrition-label.linear table .label-title{padding:0 0 10px 15px;text-align:center !important;letter-spacing:15px;font-size:25px;font-weight:bold;}
.nutrition-label.linear table .label-legend{font-size:11px;vertical-align:bottom;}
.nutrition-label.multiple table{border:none;padding:0;margin:0;color:#000 !important;}
.nutrition-label.multiple table tr td{font-size:12px;line-height:15px;padding:2px 0;}
.nutrition-label.multiple table tr:first-child td{text-align:left;font-weight:bold;border-bottom:5px solid #696969;padding-bottom:10px;}
.nutrition-label.multiple table tr:first-child td:not(:first-child){text-align:left;}
.nutrition-label.multiple table tr:first-child td:last-child{padding-top:25px;font-size:11px;}
.nutrition-label.multiple table tr:first-child + tr td{text-align:left;font-weight:normal !important;font-size:11px !important;border-bottom:2px solid #696969;padding:7px 0;}
.nutrition-label.multiple table tr td:not(:first-child){text-align:right;}
.nutrition-label.multiple table tr td:first-child{font-weight:bold;text-align:left;}
.nutrition-label.multiple table tr:last-child td{font-weight:normal;font-size:11px;padding:5px 0 0 0;border:none !important;text-align:center;}
.nutrition-label.multiple table .label-title{padding:10px 0 10px 15px;text-align:center !important;letter-spacing:15px;font-size:25px;font-weight:bold;}
.nutrition-label.multiple table .label-legend{font-size:11px;padding:10px 0;border-bottom:5px solid #696969;line-height:15px;}
.nutrition-label.multiple table .sub-item{padding-left:40px;font-weight:normal !important;}
.nutrition-label.multiple table .space{background-color:#FFF;border:1px solid #FFF !important;}
.nutrition-label + p{display:block;margin-bottom:30px;text-align:center;}
.my-label .nutrition-btn{border:none;border-top:1px solid #D7D7D7;background:none;}
.inner-body .my-label{border-top:none;}


/*============================
  healthy-food-life > GMO
==============================*/
.page-container table#accordion td.subject{border-bottom:1px solid #D7D7D7;font-size:15px;padding:12px 5px;text-align:left;font-weight:bold;color:#000;}
.page-container table.panel-group td.a p{margin-bottom:10px;}
.gmo-search-container{border:1px solid #D7D7D7;padding:20px 20px 10px 20px;margin-top:30px;}
/*.gmo-search-container input[type=text]{height:36px;width:210px;border:1px solid #D7D7D7;border-radius:4px;}*/
.gmo-btn{margin-top:-1px;margin-bottom:30px;text-align:center;padding:20px;}
.gmo-search-container .btn-default{padding:7px 17px;}
.gmo-btn .btn-default{padding:7px 20px;}
.gmo-search-container dd,.gmo-search-container dt{float:left;display:inline-block;height:33px;}
.gmo-search-container dt{width:10%; font-weight:normal; font-size:14px; line-height:35px;}
.gmo-search-container dt label{position:static;visibility:visible;text-indent:0;}
.gmo-search-container dd{width:210px;margin-bottom:10px;}
.gmo-search-container dt + dd{margin-right:2%; width:39%;}
.gmo-search-container dd.full{width:90%;margin-right:0;}
.gmo-search-container dd.full .select-container{width:100%;}
.gmo-search-container dd.full select{width:100%;}
.gmo-search-container dd .select-container{display:inline-block;margin-right:9px;}
.gmo-search-container:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
.gmo-search-container dt + dd > .select-container, .gmo-search-container dt + dd > .select-container > select, .gmo-search-container dt + dd > input{width:100%;}
.gmo-search-container .selecter .selecter-selected{width:100%;}

/*======================================
  Safety Food Life > pack,Sterilization
========================================*/
/*.page-container{border-top:2px solid #424252;}*/
.page-container > article{margin-top:0;}
.page-container .bs-callout, .bs-callout{padding:20px;margin-bottom:50px;border:1px solid #eee;border-left-width:5px;border-radius:3px;}
.page-container .bs-callout-info, .bs-callout-info{border-left-color:#79c62e;}
.page-container .bs-callout-danger, .bs-callout-danger{border-left-color:#FD0000;}
.page-container .bs-callout p,.bs-callout p{margin:0;padding:0;line-height:20px;}
.page-container h2{font-size:23px;color:#1d8800; /*margin:50px 0 30px 0; */ line-height:35px;}
.page-container > article > h2:first-child{margin-top:0;}
.page-container article .title_type_01{font-size:23px; color:#1d8800 !important; margin:17px 0px;}
/***220512padding 추가****/
.page-container article .title_type_02{font-size:15px; margin-bottom:7px;color:#424242; padding-top: 60px;}
.page-container h3{font-size:17px;color:#222; /*margin-bottom:20px;*/ line-height:30px;}
.page-container p{font-size:15px;color:#222;line-height:60px;}
.page-container p.lh30{line-height:30px;}
.page-container p.lh40{line-height:40px;}
.page-container p.p-01{font-size:20px; margin-top:20px; margin-bottom:30px;}
.page-container p.p-02{font-size:15px; margin-top:25px; margin-bottom:6px; text-align:center;}
.page-container h2 span.get{display:inline-block; float:none; font-size:20px; margin-left:10px; color:#3e7806;}

.page-container img{margin:0;}
.page-container .img_lay{display:block; text-align:center; margin-top:15px; clear:both;}
.page-container .img_lay ul li{display:inline-block;}

.page-container fieldset,fieldset{margin:0;padding:0;width:100%;}
.page-container .pack-box{margin-top:32px;padding:25px;border:1px solid #ececec;border-radius:4px;color:#ececec;background-color:#f8f8f8;}
.page-container .pack-box .block{float:left;padding:0;margin-left:15px;margin-bottom:3px;width:600px;}
.page-container .pack-box ul{float:left;padding:0;margin:0;list-style:none;}
.page-container .pack-box ul li{background:none;padding:0;}
.page-container .pack-box img{margin:0;}
.page-container .pack-box .space{clear:both;float:left;padding:0;margin-left:20px;width:425px;}
.page-container .pack-box .space h1{clear:both;padding-left:20px;margin:0;line-height:20px;color:#222;font-size:14px;text-align:left;}
.page-container .pack-box .space h1.bullet{clear:both;float:left;background:url(../../img/common/list_icon_01.gif) no-repeat 0 3px;}
.page-container .pack-box .space p{clear:both;padding-left:20px;margin:0;line-height:20px;color:#222;font-size:15px;text-align:left;font-weight:normal;}
.page-container .box02{border:1px solid #ececec;color:#ececec;background-color:#f8f8f8;}
.page-container .pack-box:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}

.page-container h3.tab-title{font-size:20px; color:#1d8800;}
/*============================================
  healthy-food-life > Food Poisoning Stats
==============================================*/
.sub-btn{margin:0;margin-bottom:20px;text-align:right;}
.btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; }
.btn-group > .btn, .btn-group-vertical > .btn {position: relative;float: left;}
/*.btn-group label,.btn-group-vertical label{visibility:visible !important;text-indent:0 !important;overflow: visible;*/
/*    width: auto;*/
/*    height: auto;*/
/*    display: block;*/
/*    position: relative;*/
/*    color:#111;}*/


.fp{padding-top:0;}
.fp > .search-container{margin-bottom:30px;}
.fp-search-container{border:1px solid #D7D7D7;border-radius:4px;background:#F6F6F6;padding:20px;margin-bottom:30px;text-align:center;}
.fp-search-container ul{margin:0 auto;padding:0;list-style:none;}
.fp-search-container ul li{display:inline-block;margin:0 3px;font-size:12px;}
.fp-search-container .btn-default{padding:7px 20px;font-weight:normal !important;}
.fp-chart{border:1px solid #D7D7D7;border-radius:4px;}
.fp-chart > .legend{text-align:right;padding:20px;font-size:12px;border-bottom:1px solid #D7D7D7;}
.fp-chart > .chart{padding:20px;float:none;width:100%;border:none;display:block;}
.fp-data > .legend{text-align:right;padding-bottom:10px;font-size:12px;}
.fp-data > table th,.fp-data > table td{border-right:1px solid #D7D7D7;padding:5px;}
.fp-data > table thead th:last-child,.fp-data > table tfoot th:last-child,.fp-data > table td:last-child{border-right:none;}
.fp-data > table tfoot th.sum{background:#f4ead8;color:#841c11;font-size:12px;text-align:right;font-weight:bold;}
.fp-data > table tbody td{color:#5E6068 !important;}
.fp-data > table tbody td.sum{color:#000 !important;}
.fp-data > table td,.fp-data > table td.sum,.fp-data > table th.sum{font-size:12px;text-align:right;}
.fp-data > table tbody th,.fp-data > table td.sum,.fp-data > table tfoot td{background:#FBFBFB;}

.fp-data .responsive-table > table th,.fp-data .responsive-table > table td{border-right:1px solid #D7D7D7;padding:5px;}
.fp-data .responsive-table > table thead th:last-child,.fp-data .responsive-table > table tfoot th:last-child,.fp-data .responsive-table > table td:last-child{border-right:none;}
.fp-data .responsive-table > table tfoot th.sum{background:#f4ead8;color:#841c11;font-size:12px;text-align:right;font-weight:bold;}
.fp-data .responsive-table > table tbody td{color:#5E6068 !important;}
.fp-data .responsive-table > table tbody td.sum{color:#000 !important;}
.fp-data .responsive-table > table td,.fp-data .responsive-table > table td.sum,.fp-data .responsive-table > table th.sum{font-size:12px;text-align:right;}
.fp-data .responsive-table > table tbody th,.fp-data .responsive-table > table td.sum,.fp-data .responsive-table > table tfoot td{background:#FBFBFB;}
.fp-search-container ul.condition{margin-top:20px;padding-top:20px;border-top:1px solid #D7D7D7;}
.fp-search-container ul.condition label{position:relative;display:inline;visibility:visible;font-size:14px;}
@media all and (max-width:640px){
    .fp-search-container .btn-default{width:100%;}
}
/*=========================================
  Safety Food Life > Food-raw-material-db
===========================================*/

.page-container .view{width:100% !important; margin:0 0 10px 0;font-size:13px;line-height:20px;float:left;}
.page-container .view-img{width:350px;float:right;margin:0;display:inline-block;}
.page-container .view-img:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
.view-img .roller-item{width:350px;height:350px;}
.view-img .refs{padding:10px;background:#F6F6F6;border:1px solid #D7D7D7;border-top:none;}
.view-img .comment{text-align:center;margin-top:20px;color:#9797A5;}
.view-img .comment span{color:#39C;font-weight:bold;}
.roller{width:100%;}
.roller *{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-touch-callout:none;}
.roller,.roller .roller-viewport{position:relative;}
.roller .roller-canister{margin:0;overflow:hidden;position:relative;-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.roller .roller-item{float:left;margin:0;}
.roller .roller-item img{border:1px solid #D7D7D7;padding:1px;}
.roller .roller-canister,.roller .roller-item{overflow:hidden; width:1px; height:1px; color:rgba(255,255,255,0); position: absolute; display: block;}
.roller .roller-controls,.roller .roller-pagination{display:none;margin:0;padding:0;width:100%;}
.roller .roller-controls.visible,.roller .roller-pagination.visible{display:block;}
.roller .roller-pagination{position:absolute;text-align:center;margin-top:-24px;width:300px;margin-left:25px;}
.roller .roller-control{cursor:default;text-indent:-99999px;display:inline-block;height:24px;width:24px;background:#F6F6F6;}
.roller .roller-page,.roller .roller-control.enabled{cursor:pointer;}
.roller .roller-control.previous{background:url(../../img/common/bt_prev.gif) no-repeat 50% 50%;}
.roller .roller-control.previous:hover{background-position:50% -81px;}
.roller .roller-control.next{float:right;display:inline-block;background:url(../../img/common/bt_next.png) no-repeat 50% 50%;}
.roller .roller-control.next:hover{background-position:50% -81px;}
.roller .roller-page{padding:0;margin:1px;background:#F6F6F6;height:24px;width:24px;font-size:11px;display:inline-block;line-height:24px;}
.roller .roller-page.active{background:#777;color:#FFF;}
.roller .roller-caption{display:none;}
.roller .roller-caption.active{display:block;}
.roller.single .roller-item{display:none;}
.roller.single .roller-item.active{display:block;}
.ndsl label{overflow:hidden; width:1px; height:1px; color:rgba(255,255,255,0); position: absolute; display: block;}
.ndsl input[type=text]{height:30px}
.ndsl p{margin:0;margin-top:10px;}
/*============================================
  healthy-food-life > health-functional-food
==============================================*/
.img-list {clear:both;padding:0;margin:0;list-style:none;margin-top:-13px;}
.img-list li {clear:both;display:inline-block;margin-top:0;margin-left:0;margin-right:-4px;height:170px;}
.img-list a img{width:calc(170 / 170 * 100%) !important;}
.icon {float:left;margin-top:-20px;margin-right:15px;}
.return-box-line01 {clear:both;padding:20px;margin-bottom:10px;border-radius:4px;color:#8a6d3b;background-color:#ffffff;}
.return-box-line02 {clear:both;height:350px;padding:20px;margin-bottom:30px;border:1px solid #bcbcbc;border-radius:4px;color:#8a6d3b;background-color:#ffffff;}
.return-box-line02 .box-text {float:left;width:76%;text-align:left;margin:0;}
.return-box-line02 .box-img {float:right;margin:0;}
.health .emphasis h3:first-child{margin-top:0;}
.health .emphasis p:last-child{margin-bottom:0;}
.health .emphasis h6{font-size:18px !important;}
.health .emphasis ul.health{display:block; font-size:14px; margin:20px 0; border:none;}
ul.health{padding:0 !important;margin:0;font-size:13px;list-style-type:disc;}
ul.health li {float:left;display:inline-block;margin-bottom:15px;width:33.3333%;padding-left:15px;background:url(../../img/common/bullet_b.png) no-repeat 2% 5px;}
ul.health:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
.search-container label {position:absolute;text-indent:-99999px; top:-9999px; left:-9999px;}
.search-container .btn-group.search{width:auto;}
.search-container .btn-group.search label{position:relative; text-indent:0px; top:-5px; left:0;}
/*.search-container .btn-group.search label.btn{position:relative; float:left; top:0; left:0;}*/
.search-container select{color:#333;background-color:#fff;border:1px solid #DFDDDD;height:37px;font-size:14px;padding:5px 7px;font-weight:normal;line-height:13px;}
.search-container .health{margin:0;padding:0;}
.search-container .health input[type=text]{color:#333;background-color:#fff;border:1px solid #DFDDDD;height:37px;font-size:13px;padding:5px 7px;width:150px;display:inline-block;font-weight:bold;line-height:27px;margin-right:5px;}
.search-container .health .search-wrap{float:right;margin-top:-10px;margin-bottom:16px;display:inline-block;text-align:right;}
.search-container .health .total{float:left;display:inline-block;padding-top:22px;padding-left:3px;font-size:11px;color:#9797A5;}
.health-img {float:left;padding:0;margin-bottom:30px;}
.health-img02 {float:left;margin-top:-20px;margin-bottom:30px;padding:0;}
.health-p {text-align:left;margin-top:20px;margin-left:370px;}
.health-pregnantwoman {text-align:left;margin-top:20px;margin-left:250px;}
.health-line {float:left;padding-left:15px;margin-left:15px;border-top:1px solid #DFDDDD;border-bottom:1px solid #DFDDDD;height:180px;width:340px;}
.health-icon{float:left;display:inline-block;width:140px;height:32px;margin-right:20px;margin-top:20px;text-align:left;padding-left:35px;font-weight:bold;line-height:30px;background:no-repeat 0% 0;}
.page-container .health {clear:both; display:inline-block; width:100%; margin:0;padding:4px 5px 4px 5px; border:1px solid #ddd; border-radius:5px; margin-bottom:10px;}
.page-container .health  h2{height:38px; line-height:33px; margin-bottom:10px;color:#0070bd;border:1px solid #bcbcbc;border-radius:6px;font-size:25px;margin-top:0;text-align:left;background:url(../../img/common/bg-bar.gif) repeat-x 0% 0;}
.page-container .health  h2 span{padding-left:10px;background:#FFF;padding-right:10px;float:left;font-size:14px;font-weight:bold;}
.page-container .health  .title span{font-size:17px !important; line-height:30px;}
.page-container .health .btn-toggle{margin-right:10px; float:left;border-radius:6px;background:url(../../img/common/bt_bar.jpg)100% 0;display:block;height:32px;width:35px;background-repeat:no-repeat;cursor:pointer;text-indent:-99999px;}
.page-container .health .btn-toggle:hover{background-position:50% -32px;}
.page-container .health .btn-toggle.active{background-position:50% -64px;}
.page-container .health .ox {width:83%;float:right;padding:0;}
.page-container .health .ox-text-type-01{font-size:15px; margin-left:10px; margin-bottom:10px;}
.page-container .health .ox-text-type-01 a{display:block; padding:8px 15px; background:#E4F6F7; border-radius:0 10px 0 10px; color:#f2bdfc; font-weight: bold; }
.page-container .health .ox-text-type-01 div{display:block; padding:8px 15px; background:#E4F6F7; border-radius:0 10px 0 10px; color:#000000; line-height: 21px;}
.page-container .health .ox-text-type-01 a:hover{background:#0a7280;}
.page-container .health .ox-text-type-01 a span{font-size:21px !important; margin-right:10px; font-weight:bold;}
.page-container .health .ox-text-type-01 .quz{cursor: pointer; color: #000000;}

.page-container .health .emphasis {padding:20px;margin-left:10px;margin-bottom:15px;border:1px solid #faebcc;border-radius:4px;color:#8a6d3b;background-color:#fcf8e3;}
.page-container .health h4{text-align:left;font-size:15px;color:#222;margin-top:10px;margin-left:10px;margin-bottom:20px;line-height:15px;}
.page-container .health h5{text-align:left;font-size:15px;color:#D80000;margin-top:0;margin-bottom:10px;line-height:20px;}
@media all and (max-width:640px){
    .page-container .health .title span{font-size:16px !important;}
}

/* bmi */
.bmi-search .col-3:first-child .col-3-title {border-top-left-radius:5px;}
.bmi-search .col-3:last-child .col-3-title {border-top-right-radius:5px;}
.bmi-search .col-3 .col-3-title {margin:0;text-align:center;border-bottom:1px solid #D7D7D7;padding:10px 20px;font-size:15px;background:#F6F6F6;}
.bmi-search{border:1px solid #D7D7D7;border-bottom:none;margin:0;padding:0;text-align:center;background:#FFF;margin-bottom:0;}
.bmi-search .col-3{width:33.3333333%;float:left;display:inline-block;}
.bmi-search .col-3:first-child h3{border-top-left-radius:5px;}
.bmi-search .col-3:first-child + .col-3{border-right:1px solid #D7D7D7;border-left:1px solid #D7D7D7;}
.bmi-search .col-3:last-child h3{border-top-right-radius:5px;}
.bmi-search .col-3 h3{margin:0;text-align:center;border-bottom:1px solid #D7D7D7;padding:2px 20px;font-size:15px;background:#F6F6F6;}
.bmi-search .col-3 dl{padding:20px 20px 10px;margin:0;}
.bmi-search .col-3 dl input[readonly]{border:1px solid #F90;}
.bmi-search .col-3 dl label{visibility:visible !important;text-indent:0 !important;     overflow: visible;
    width: auto;
    height: auto;
    display: block;
    position: relative;
    color:#111;
    font-size:14px;
    line-height:0;
}
/*.bmi-search .col-3 dl label input{width:55px;}*/
.bmi-search .col-3 dl dt,.bmi-search .col-3 dl dd{float:left;display:inline-block;margin-bottom:10px;}
.bmi-search .col-3 dl dt{clear:both;float:left;width:84px;text-align:left;padding-top:20px;}
.bmi-search .col-3 dl dd{width:calc(100% - 85px); text-align:left;}
.bmi-search .col-3 dl dd input, .bmi-search .col-3 dl dd select{width:100%;}
.bmi-search .col-3 .btn-default{padding:9px 15px;}
.bmi-search .col-3 dl dd.ddfull{margin-left:84px;}
.bmi-search:after,.bmi-search .col-3 dl:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
h2 span,h3 span{display:inline-block;float:right;font-size:11px;font-weight:normal;color:#9797A6;}
h2:after,h3:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
table.bmi{margin:10px 0;}
table.bmi thead th{padding:7px;}
table.bmi tbody th,table.bmi td{text-align:center;font-size:15px;background:#FFF;padding:7px;}
table.bmi th,table.bmi td{border-right:1px solid #D7D7D7;}
table.bmi thead tr th:last-child,table.bmi tr td:last-child{border-right:none;}
table.bmi tbody tr:hover td{cursor:auto;}
table.bmi th span{font-size:11px;padding:2px;font-weight:normal;}
table.bmi .overweight{background:#fff6d8 !important; color:#714b27 !important;}
table.bmi .obesity{background:#ffe3d1 !important; color:#663100 !important;}
@media all and (max-width:1000px){
    .bmi-search .col-3 dl dt{float:none; width:100%; text-align:center; padding-top:0; padding-bottom:5px;}
    .bmi-search .col-3 dl dd{width:100%; text-align:center;}
    .bmi-search .col-3 dl dd.ddfull{margin-left:0;}
    .bmi-search .btn-group .btn{float:none !Important;}
    .bmi-search .btn-group label input{width:auto !important;}
}
@media all and (max-width:450px){
    .bmi-search .col-3{width:100%; float:none;}
    .bmi-search .btn-group .btn{float:left !important;}
    .btn-group, .btn-group-vertical{width:auto !important;}
    .bmi-search .col-3:first-child + .col-3{border-right:none !important; border-left:none !important;}
    .bmi-search .col-3{border-top:1px solid #d7d7d7;}
    .bmi-search .col-3:first-child{border-top:none;}
}



/*================================
  Safety Food Life > food-additives
==================================*/
.page-container * {box-sizing:border-box;}
.page-container .bs-underline02{padding:0;margin:0;margin-top:30px;margin-bottom:30px;padding:0;}
.page-container .bs-underline02 li{float:left;display:inline-block;list-style:none;border-bottom:1px solid #d7d7d7;padding:15px 0 15px 5px;font-weight:bold;width:33.3333%;}
.page-container .bs-underline02 li:nth-child(3n+1){clear:both;float:left;}
.page-container .bs-underline02:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
.box-container02{margin-top:90px;padding:0;}
.box-container02.sp{border:1px solid #D7D7D7;border-right:none;border-bottom:none;margin:0;padding:0;}
.box-container02 > li{float:left;display:inline-block;background-color:#F0F1F3;line-height:50px;height:50px;list-style:none;margin:0;padding:0;}
.box-container02 > li a{color:#000;}
.box-container02 > li a:hover{color:#0070bd;}
.box{display:block;background-color:#F0F1F3;line-height:50px;height:50px;margin:0;padding:0;text-align:center;border-bottom:1px solid #D7D7D7;border-right:1px solid #D7D7D7;font-size:13px;font-weight:bold;color:#31313F;}
.box-container02 > li:last-child .tab{border-right:none;}
.box-container03{margin-top:33px;padding:0;}
/* search */
.search-container03{margin-top:32px;padding:0;}
.search-container03 li{float:left;}
.search-container03 form{line-height:40px;display:inline-table;}
.search-container03 fieldset,fieldset{margin:0;padding:0;}
.search-container03 legend,legend{overflow:hidden; width:1px; height:1px; color:rgba(255,255,255,0);  position: absolute; display: block;}
/*.search-container03 label,label{overflow:hidden; width:1px; height:1px; color:rgba(255,255,255,0);  position: absolute; display: block;}*/
.search-container03 .selecter{display:inline-table;margin-right:5px;}
.search-container03 .btn,.board-footer .btn{padding:9px 20px;}
.search-container03 .selecter span{padding:5px 27px 5px 7px;height:35px;line-height:25px;border-color:#DFDDDD;}
.search-container03 input[type=text]{color:#333;background-color:#fff;border:1px solid #DFDDDD;height:37px;font-size:13px;padding:5px 7px;width:230px;display:inline-block;font-weight:bold;line-height:27px;margin-right:5px;}



.search-container04{margin-top:32px;padding:0;}
.search-container04 .btn-right{margin-bottom:20px !important;}
.search-container04 li{float:left;}
.search-container04 form{line-height:40px;}
.search-container04 fieldset,fieldset{padding:0;}
.search-container04 legend,legend{overflow:hidden; width:1px; height:1px; color:rgba(255,255,255,0); position: absolute; display: block;}
/*.search-container04 label,label{overflow:hidden; width:1px; height:1px; color:rgba(255,255,255,0); position: absolute; display: block;}*/
.search-container04 .selecter{width:100%; display:inline-table;margin-right:5px;}
/*.search-container04 .btn,.board-footer .btn{height:37px;padding:9px 20px;}*/
.search-container04 .selecter span{font-weight:normal; width:100%; padding:5px 27px 5px 7px;height:35px;line-height:25px;border-color:#DFDDDD; text-align:left;}
.search-container04 input[type=text]{color:#333;background-color:#fff;border:1px solid #DFDDDD;height:37px;font-size:13px;padding:5px 7px;width:160px;display:inline-block;font-weight:bold;line-height:27px;margin-right:5px;}
.search-container04 .box03{background:#f8f8f8; display:inline-block;width:100%;line-height:50px;margin-top:32px;padding:0;text-align:center;border:1px solid #D7D7D7;font-size:13px;font-weight:bold;color:#31313F;}
.search-container04 .box04{display:block;background-color:#F0F1F3;line-height:50px;height:347px;margin-top:32px;padding:0;text-align:center;border:1px solid #D7D7D7;font-size:13px;font-weight:bold;color:#31313F;}
.search-container04 .search-wrap03 .select-container{display:inline-block;}
.search-container04 .search04-btn{text-align:center; margin-top:10px;}

.search-container04 .search-wrap03 fieldset.search-02 ul li:nth-child(2n+0){width:20%;}
.search-container04 .search-wrap03 fieldset.search-03 ul li:nth-child(2n+0){width:20%;}
.search-container04 .search-wrap03 fieldset.search-03 ul li:last-child{width:12%;}
.search-container04 .search-wrap03 fieldset.search02-input ul li:nth-child(2){width:51%;}
.search-container04 .search-wrap03 fieldset.search02-input ul li:nth-child(2) .select-container.s-b{width:150px;}
.search-container04 .search-wrap03 fieldset.search02-input ul li:nth-child(2) .select-container.i-t{width:calc(100% - 154px);}
.search-container04 .search-wrap03 fieldset.search02-input ul li:nth-child(2) .select-container input[type=text]{width:100% !important;}
.search-container04 .search-wrap03 .search02-input-btn{float:left; margin-left:10px;}
.search-container04 .search-wrap03 .search03-input .select-container{width:66px;}
.search-container04 .search-wrap03 .search03-input ul li.s-ipt{width:13.8%;}
.search-container04 .search-wrap03 .search03-input ul li.s-ipt input{width:98%;}

.selecter .selecter-item{text-align:left;}
.selecter .selecter-selected{padding-right:28px !important;}
@media all and (max-width:1300px){
    .search-container04 .search-wrap03 fieldset.search02-input ul li:nth-child(2){width:50%;}
    .search-container04 .search-wrap03 .search03-input ul li.s-ipt{width:13.8%;}
}
@media all and (max-width:1000px){
    .search-container04 .search-wrap03 fieldset.search-03 ul li:nth-child(2n+0),
    .search-container04 .search-wrap03 fieldset.search-02 ul li:nth-child(2n+0),
    .search-container04 .search-wrap03 fieldset.search-03 ul li:last-child{width:34%;}
    .search-wrap03 p{width:78px !important; line-height:15px !important;}
    .search-container04 .search-wrap03 fieldset.search02-input ul li:nth-child(2){width:78%;}

    .search-container04 .search-wrap03 .search02-input-btn{float:none; display:inline-block; text-align:center; width:100%; margin-top:0px; margin-left:0px;}

    .search-container04 .search-wrap03 fieldset.search03-input input[type=text]{width:224px;}

    .search-container04 .search-wrap03 .search03-input ul li.s-ipt{width:26.8%;}
}
@media all and (max-width:810px){
    .search-wrap03{padding-right:20px !important; padding-left:20px !important; box-sizing: border-box;}
    .search-container04 .search-wrap03 fieldset.search-03 ul li:nth-child(2n+0),
    .search-container04 .search-wrap03 fieldset.search-02 ul li:nth-child(2n+0),
    .search-container04 .search-wrap03 fieldset.search-03 ul li:last-child{width:calc(100% - 120px);}
    .search-container04 .search-wrap03 .search03-input ul li.s-ipt{width:calc(100% - 180px);}
}
@media all and (max-width:640px){
    .search-wrap03{text-align:left !important;}
    .search-container04 .search-wrap03 fieldset.search-03 ul li:nth-child(2n+0),
    .search-container04 .search-wrap03 fieldset.search-02 ul li:nth-child(2n+0),
    .search-container04 .search-wrap03 fieldset.search-03 ul li:last-child,
    .search-container04 .search-wrap03 fieldset.search02-input ul li:nth-child(2),
    .search-container04 .search-wrap03 fieldset.search02-input ul li:last-child{width:100%;}
    .search-container04 .search04-btn a.btn{width:100%;}

    .search-container04 .search-wrap03 .search02-input-btn{display:block; width:100%;}
    .search-container04 .search-wrap03 .search02-input-btn a.btn{width:100%;}

    .search-container04 .search-wrap03 .search03-input ul li.s-ipt{width:calc(100% - 63px);}

}
.search-wrap03{float:left;display:inline-block;text-align:right; width:100%; padding:20px 0 20px;}
.search-wrap03 ul{margin:0;padding:0;list-style:none;}
.search-wrap03 ul li{float:left;display:inline-block;}
.search-wrap03 p{font-weight:normal; float:left;margin-top:10px;margin-right:20px;padding:0;line-height:20px;width:90px; font-size:14px; margin-bottom:0;}
.search-wrap03 .text{text-align:left;margin-top:10px;margin-left:40px;padding:0;line-height:20px;color:#31313F;}
.search-wrap03 .btn02{float:right;margin-right:5px;margin-top:10px;padding:0;}



/* .search-container05 label, label{line-height:0; text-indent:-999999px;} */
/*label{display:inline-block; max-width:100%;}*/
.searchForm{font-weight:bold;}
.searchForm > .ddSearch DT{margin-top:0 !important; height:auto !important; font-weight:normal;}
.searchForm .ddSearch DD{height:auto !important; margin-bottom:7px;}
.searchForm .ddSearch DD INPUT[type="text"], .searchForm .ddSearch DD select{height:37px !important; box-sizing: border-box; vertical-align:0 !important;}
.searchForm > .ddSearch{padding:15px 0; border:1px solid #d7d7d7 !important;}
.searchForm .ddSearch .bt A{background:#818181 !important; border:none !important;}
.searchForm .ddSearch #appendDiv DT{height:100%;}
.searchForm .ddSearch #appendDiv DL{padding-right:12px;}
.searchForm .ddSearch #appendDiv DT, .searchForm .ddSearch #appendDiv DD{float:left !important; min-height:30px;}
.searchForm .ddWrap{border:1px solid #d7d7d7 !important; border-top:none;}
/*.searchForm .ddSearch DD INPUT{height:28px !important; border:1px solid #ddd;}*/
@media all and (max-width:768px){
    .searchForm .ddSearch #appendDiv dd span.btn-danger{margin: 10px auto; }
}
.category02{margin:0;padding:0;}
.category02 li{margin:0 0 5px 0;padding:0;list-style:none;}
.category02 li a,.category02 li span{margin:0 7px 10px 7px;padding:7px 20px 7px 20px;float:left;display:block;border:1px solid #BBB;background-color:#FFF;line-height:22px;border-radius:5px;text-align:center;font-size:13px;font-weight:bold;color:#31313F;}
.category02 li a.active,.category02 li a:hover{background-color:#0070bd;color:#FFF;}
.list-container02.recipe .category02 li a.active,.list-container.recipe .category02 li a:hover{background-color:#FD0000;color:#FFF;}
section .bs-callout02{padding:20px;border:1px solid #eee;border-left-width:5px;border-radius:3px;}
section .bs-callout02-danger{border-left-color:#FD0000;}
section .bs-callout02 p{margin:0;padding:0;line-height:20px;}
section .bs-callout02 p img{margin:0 20px 0 0;border:1px solid #CACAD9;width:190px;float:left;}
section .bs-callout02:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}

/*================================
  Safety Food Life > trace.html
==================================*
//* gog_2021고도화 반응형 웹 개편 - 주소가 다른 메뉴에서 사용하는 css 추가 */
.lnb-viewer{display:none;}
/* gog_2021고도화 반응형 웹 개편 - 주소가 다른 메뉴에서 사용하는 css 추가 종료 */
ul.trace-comment li{color:#8a6d3b;}
.page-container .emphasis ul.trace-search, .page-container .emphasis ul.trace-search:first-child{display:block;margin:0;padding:0 !important;list-style:none;}
ul.trace-search li{float:left;display:inline-block;margin-right:5px;color:#8a6d3b;}
ul.trace-search li label{position:absolute;}
ul.trace-search li:last-child{padding-top:10px;}
ul.trace-search input{border:1px solid #D7D7D7;height:40px;width:250px;padding:0 10px;font-size:20px;font-weight:bold;margin-top:10px;}
ul.trace-search:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}
.result h2{margin-bottom:5px !important;}
.result h2 .meta{width:40%;font-size:15px;font-weight:normal;border:none;display:inline-block;}
.result table tr:hover th,.result table tr:hover td{cursor:auto;}
.result .table-board td{text-align:center;}

table.tableset tr th.required{background:url(../../img/common/label-need.gif) no-repeat top right #F6F6F6;}
/*********************************************
for eggNongga.jsp
**************************************c********/
ul.trace-search select {
    border: 1px solid #D7D7D7;
    height: 49px;
    width: 200px;
    padding: 0 10px;
    font-size: 20px;
    font-weight: bold;
}

ul.trace-search select:focus{
    outline: none;
}

.custom-align-c {
    padding: 0 0 0 0px;
}

.custom-subtl{
    width:100%;
    text-align: right;
}

.custom-subtl li{

}
.custom-sub-tl{
    color: #ff2d2d;
    font-size: 15px;
    margin-left:10px;
}
.trace-search li a.btn.btn-default.egg-btn{padding:0 12px; line-height:48px; font-weight:bold; font-size:16px; box-sizing:border-box;}
/**************************************************/
/**/

/* 적발사례 모음 */
.img-table-wrap div {line-height:30px;}
.img-table-wrap table{border:1px solid #ddd !important; margin-bottom:10px;}
.img-table-wrap table tbody td span{color:#6f6c6c !important; font-weight:bold; margin-left:10px; font-size:16px;}
.img-table-wrap table tbody td p{font-size:14px !important; margin:0px 10px 17px 10px;}
.img-table-wrap table tbody td br{display:none;}
.img-table-wrap table tbody td img{display:block; margin:0 auto;}
.img-table-wrap table tbody td span:before{display:inline-block; content:''; width:5px; height:5px; background:#8dcf4c; position:relative; bottom:3px; left:-6px;}
.img-table-wrap .colblue{color:#444 !important; font-size:17px; margin-top:20px; margin-bottom:8px; display:block;}
.img-table-wrap ul.ul_h4.lineM li{font-size:16px; margin-bottom:20px;}

@media all and (max-width:640px){
    .img-table-wrap table th, .img-table-wrap table td{display:block; width:100% !important; text-align: center; }
    .img-table-wrap table colgroup col{width:100% !important;}
    .img-table-wrap ul.ul_h4.lineM li{font-size:15px;}
    .img-table-wrap table tbody td img{width:100% !important; height:auto !important;}
}

/* 기능별정보 */
.functionality {border-top: 1px solid #333; padding-top: 40px;}
.functionality_wrap {position: relative; height:749px; background: url(../../images/2021/sub_2021/functionality_img2.png) no-repeat center top; background-size:contain;}
.functionality_item {position: absolute; width:30%; min-height: 88px; background-color: #fff; box-sizing: border-box; background-repeat: no-repeat; line-height: 1; z-index: 1; border-radius: 50px;}
.functionality_item.item_left {left:0; text-align: right; padding-right: 105px; background-position: right 0;}
.functionality_item.item_right {right:0; padding-left: 105px; background-position: left 0;}
.functionality_item.item01 {top:20px; background-image: url(../../images/2021/sub_2021/functionality_icon_01.png);}
.functionality_item.item02 {top:195px; background-image: url(../../images/2021/sub_2021/functionality_icon_02.png);}
.functionality_item.item03 {top:423px; background-image: url(../../images/2021/sub_2021/functionality_icon_03.png);}
.functionality_item.item04 {top:20px; background-image: url(../../images/2021/sub_2021/functionality_icon_04.png);}
.functionality_item.item05 {top:172px; background-image: url(../../images/2021/sub_2021/functionality_icon_05.png);}
.functionality_item.item06 {top:290px; background-image: url(../../images/2021/sub_2021/functionality_icon_06.png);}
.functionality_item.item07 {top:460px; background-image: url(../../images/2021/sub_2021/functionality_icon_07.png);}
.functionality_item.item08 {top:630px; left:80px; background-image: url(../../images/2021/sub_2021/functionality_icon_08.png);}
.functionality_item.item09 {top:630px; right:80px; background-image: url(../../images/2021/sub_2021/functionality_icon_09.png);}

.functionality_item .functionality_tit {font-family: 'NotoB'; font-size: 24px; color:#105f7e; margin: 10px 0 13px;}
.functionality_item .functionality_txt {font-weight: 600; font-size: 18px; color:#1f1f1f; line-height: 1.4; margin-top: 5px;}
.functionality_item .functionality_txt a {display: inline-block; position: relative;}
.functionality_item .functionality_txt a:before {content: ''; display: block; width: 0; height:22px; position: absolute; left: 0; bottom:0; background-color: #bceaf9; z-index: -1; transition: width .3s;}
.functionality_item .functionality_txt a:hover {text-decoration: none; transform:scale(1.5); transition:.2s; z-index:10;}
.functionality_item .functionality_txt a:hover:before,
.functionality_item .functionality_txt a:focus:before {width: 100%;}

.functionality.mobile {display: none;}
.functionality.mobile img {width: 100%;}

.functionality_ox {display: block; width:100%; border: 1px solid #eaeaea; box-sizing: border-box; padding: 30px 0 33px 270px; margin-top: 55px; background-image: url(../../images/2021/sub_2021/functionality_ox_bg.png); background-repeat: no-repeat; background-position: 77px bottom;}
.functionality_ox dl {overflow: hidden;}
.functionality_ox dt, .functionality_ox dd {float: left; min-height: 50px;}
.functionality_ox dt {width: 250px; text-indent: -9999px;  background: url(../../images/2021/sub_2021/functionality_ox_tit.png) no-repeat 0 bottom;}
.functionality_ox dd li {font-size: 16px; line-height: 28px; font-family: 'Nanum Gothic';}

@media (max-width: 1000px) {
    .functionality_item {background-size: 30%;}
    .functionality_item.item_left {padding-right: 10%;}
    .functionality_item.item_right {padding-left: 10%;}
    .functionality_item.item08, .functionality_item.item09 {width:300px; background-size: 25%;}
    .functionality_item.item08 {left: 0; padding-right: 11%;}
    .functionality_item.item09 {right:0;padding-left: 11%;}

    .functionality_item .functionality_tit {font-size: 22px;}
    .functionality_item .functionality_txt {font-size: 17px;}

    .functionality_ox {padding: 30px 0 33px 220px; background-position: 50px bottom;}
    .functionality_ox dt {width: 220px;}
}

@media all and (max-width:784px){
    .functionality_item {border-radius: 35px;}
    .functionality_item.item01, .functionality_item.item04 {top:30px;}

    .functionality_ox dd {margin-top: 15px;}
}

@media all and (max-width:767px){
    .functionality.pc {display: none;}
    .functionality.mobile {display: block;}
    .functionality_wrap {height:370px;}
    .functionality_item {background-image: none !important; border-radius: 0; min-height: auto;}
    .functionality_item.item_left {padding-right: 2%;}
    .functionality_item.item_right {padding-left: 2%;}
    .functionality_item.item01 {top:13px;}
    .functionality_item.item02 {top:105px;}
    .functionality_item.item03 {top:205px;}
    .functionality_item.item04 {top:13px;}
    .functionality_item.item05 {top:65px;}
    .functionality_item.item06 {top:152px;}
    .functionality_item.item07 {top:240px;}
    .functionality_item.item08, .functionality_item.item09 {width:38%;}
    .functionality_item.item08 {top:310px;}
    .functionality_item.item09 {top:310px;}

    .functionality_item .functionality_tit {font-size: 18px; margin: 0 0 5px;}
    .functionality_item .functionality_txt {font-size: 15px; margin-bottom: 5px; letter-spacing: -0.15em;}

    .functionality_ox {padding: 20px 0 20px 220px; margin-top: 30px; background-position: 40px bottom; background-size: 20%;}
    .functionality_ox dt, .functionality_ox dd {float: none;}
    .functionality_ox dt {width: 100%; min-height: 35px; background-size: contain;}
    .functionality_ox dd li {font-size: 15px;}
}

@media (max-width: 640px) {
    .functionality_item .functionality_txt {}
    .functionality_ox {padding: 20px 30px; background-image:none;}
    .functionality_ox dt {min-height: 30px;}
}

@media (max-width: 480px) {
    .functionality_item .functionality_tit {font-size: 16px;}
    .functionality_item .functionality_txt {font-size: 12px; letter-spacing: -0.2em;}
}

@media (max-width: 320px) {
    .functionality_item {width: 34%;}
    .functionality_item.item02 {top:100px; width:25%;}
    .functionality_item.item05 {top:60px; width:25%;}
    .functionality_item.item06 {top:143px; width:27%;}
    .functionality_item.item07 {top:230px;}
    .functionality_item.item09 {top:290px;}
    .functionality_item .functionality_tit {font-size: 15px; letter-spacing: -0.15em;}

    .functionality_ox {padding: 20px 20px;}
}



/*** CSS themes for simplePagination.js */
ul.simple-pagination{list-style:none;}
.simple-pagination{overflow:hidden;padding:0 5px 5px 0;margin:0 auto; display:inline-block;}
.simple-pagination ul{list-style:none;padding:0;margin:0;}
.simple-pagination li{list-style:none;padding:0;margin:0;float:left;}
.compact-theme a, .compact-theme span{font-family:Tahoma;float:left;color:#0070bd;font-size:14px;line-height:37px;font-weight:normal;text-align:center;border:1px solid #dedede;border-left:none;min-width:14px;background:#FFF;height:37px;padding:0 15px; box-sizing:border-box;}
.recipe .compact-theme a,.recipe .compact-theme span{font-family:Tahoma;float:left;color:#FD0000;font-size:14px;line-height:37px;font-weight:normal;text-align:center;border:1px solid #BBB;border-left:none;min-width:14px;background:#FFF;height:37px;padding:0 15px;}
.compact-theme a:hover{text-decoration:none;background:#F6F6F6;}
.compact-theme a:focus{text-decoration:none;background:#F6F6F6;}
.compact-theme li:first-child a, .compact-theme li:first-child span{border-left:1px solid #dedede;}
.compact-theme .current,.recipe .compact-theme .current{background-color:#F6F6F6 !important;color:#414151;cursor:default; box-sizing:border-box;}
.compact-theme .ellipse{background:#FFF;padding:0 15px;cursor:default;}
.compact-theme .prev,.compact-theme .next{color:transparent; font-size:1px; padding:0px !important;}
.compact-theme .prev{background:url(../../img/common/bt_prev.gif) no-repeat 50% 0;height:37px;padding:0 18px;}
.compact-theme .prev:hover{background:#F6F6F6 url(../../img/common/bt_prev.gif) no-repeat 50% -74px;height:37px;}
.compact-theme .prev:focus{background:#F6F6F6 url(../../img/common/bt_prev.gif) no-repeat 50% -74px;height:37px;}
.compact-theme .prev.current{background:url(../../img/common/bt_prev.gif) no-repeat 50% -37px;height:37px;}
.compact-theme .next{background:url(../../img/common/bt_next.png) no-repeat 50% 0;height:37px;padding:0 18px;}
.compact-theme .next:hover{background:#F6F6F6 url(../../img/common/bt_next.png) no-repeat 50% -74px;height:37px;}
.compact-theme .next:focus{background:#F6F6F6 url(../../img/common/bt_next.png) no-repeat 50% -74px;height:37px;}
.compact-theme .next.current{background:#F6F6F6 url(../../img/common/bt_next.png) no-repeat 50% -37px;height:37px;}
.recipe .compact-theme .prev{background:url(../../img/common/bt_prev_2.gif) no-repeat 50% 0;height:37px;padding:0 18px;}
.recipe .compact-theme .prev:hover{background:#F6F6F6 url(../../img/common/bt_prev_2.gif) no-repeat 50% -74px;height:37px;}
.recipe .compact-theme .prev:focus{background:#F6F6F6 url(../../img/common/bt_prev_2.gif) no-repeat 50% -74px;height:37px;}
.recipe .compact-theme .prev.current{background:url(../../img/common/bt_prev_2.gif) no-repeat 50% -37px;height:37px;}
.recipe .compact-theme .next{background:url(../../img/common/bt_next_2.gif) no-repeat 50% 0;height:37px;padding:0 18px;}
.recipe .compact-theme .next:hover{background:#F6F6F6 url(../../img/common/bt_next_2.gif) no-repeat 50% -74px;height:37px;}
.recipe .compact-theme .next:focus{background:#F6F6F6 url(../../img/common/bt_next_2.gif) no-repeat 50% -74px;height:37px;}
.recipe .compact-theme .next.current{background:#F6F6F6 url(../../img/common/bt_next_2.gif) no-repeat 50% -37px;height:37px;}

div#highlight1{font-size:15px; padding-bottom:10px; line-height:30px;}

@media all and (max-width:640px){
    .compact-theme a, .compact-theme span{font-size:13px !important; height:33px !important; line-height:33px !important; padding:0 13px !important;}
    .compact-theme .prev.current, .compact-theme .prev{width:33px; background-position-y: -40px;}
    .compact-theme .next{width:33px; background-position-y: -3px;}
    .compact-theme .next:hover, .compact-theme .prev:hover{background-position-y: -77px;}
}


/* 업체 검색 */
.t-label{text-indent: 0px !important; font-size: 14px !important; line-height: 100% !important;}
.ss-tab{padding-top: 60px; position: relative;}
.ss-tab > li h2{position: absolute; top:0px; left:0px; box-sizing:border-box; width: 50%;}
.ss-tab > li h2 a{
    display: block;
    padding: 12px 0;
    border: 1px solid #d9d9d9;
    border-bottom: 1px solid #0074c7;
    background: #fafafa;
    text-align: center;
    color: #666;
    font-size: 14px;
}
.ss-tab > li.on h2{}
.ss-tab > li.on h2 a{
    background: #fff;
    border: 1px solid #0074c7;
    border-bottom: 1px solid #fff;
    color: #0074c7;
    font-weight: bold;
}
.ss-tab > li:nth-child(2) h2{left:50%;}
.ss-tab > li.on .ddWrap{display: block;}
.ss-tab > li .ddWrap{display: none;}
.searchForm .ss-tab .ddSearch{border:none !important;}
.searchForm .ddCheck2c .dsR.li4c ul{display:flex; flex-wrap: wrap;}
.searchForm .ddCheck2c .dsR.li4c LI {
    width:50% !important;
}
.searchForm .ddCheck2c .dsR.li4c label {
    display:none;
}




/* 반응형 */
@media all and (max-width:1300px){
    #contents {width:90%; margin:180px auto 0;}
    .searchForm > .ddSearch DD{margin-right:0 !important; width:28% !important;}
    .searchForm > .ddSearch DD INPUT{width:90% !important;}
    .searchForm > .ddSearch .bt A.srch{margin:38px 16px !important;}

    /* 살충제 검출 계란 확인 */
    .emphasis .trace-search.custom-align-c li img{max-width:390px !important; width:100% !important;}
    ul.trace-search li{margin-left:0px !important;}
    .trace-search.custom-align-c li:nth-child(2){margin-left:12px;}
    .trace-search.custom-align-c li:nth-child(3){width:calc(100% - 678px);}
    .trace-search.custom-align-c li:nth-child(3) input{width:100%;}
    .trace-search.custom-align-c li:last-child span{padding-left:0px !important; font-size:13px !important;}


}
@media all and (max-width:1000px){
    #contents {margin:90px auto 0;}
    main #sub_header h3{font-size:32px; margin-bottom:30px;}
    .tab-pc{display:none;}
    .tab-mb{display:block;}
    .tab-mb #tab-select{ height:45px; line-height:45px; font-weight:bold; font-size:15px; width:100%;}
    .page-container > img{width:80%;}
    .page-container .health .ox{width:100%;}
    .searchForm > .ddSearch > .bt{position:relative !important; top:0 !important;}
    .searchForm > .ddSearch .bt A.srch{width:130px; text-align:center; padding:0; height:35px; line-height:35px; margin:15px auto !important;}
    .searchForm > .ddSearch DD{width:26% !important;}
    .searchForm .ddSearch #appendDiv dd .auth_rate_result{width:166px !important;}
    .searchForm .ddSearch #appendDiv .append_cont .auth_rate_result{width:116px !important;}
    dl.append_cont dt{width:70px !important;}
    dl.append_cont dd{margin-right:0 !important;}
    .page-container table,.scroll-container table{width:100% !important;}

    /* img size */
    .list-container .tab-content .con div > img{width:70%;}
    /*.page-container article > div > img, .page-container article .emphasis > p > a > img{width:100% !important; height:auto !important;}*/
    /*.page-container > article >  img{width:50% !important; height:auto !important;}*/
    /*.page-container article p > img{width:80% !important; height:auto !important;}*/

    .return-box-line02{height:430px; }
    .return-box-line02 .box-text{width:61%;}

    /* GMO */
    .gmo-search-container dt{width:15%;}
    .gmo-search-container dd.full{width:85%;}
    .gmo-search-container dt + dd{width:34%;}

    /* 살충제 검출 계란 확인 */
    .trace-search.custom-align-c li:first-child{width:100%; text-align:center;}
    .trace-search.custom-align-c li:nth-child(2){margin-left:0 !important;}
    .trace-search.custom-align-c li:nth-child(3){width:calc(100% - 271px);}
    .trace-search.custom-align-c li:nth-child(3) input{width:100%;}
    .trace-search.custom-align-c li:last-child span{padding-left:0 !important;}
    ul.trace-search li{margin-left:0 !important;}

    /* table scroll */
    .fp-data{overflow:auto;}
    .fp-data table{white-space:nowrap; min-width:600px;}

    /* font size setting */
    section p span, page-container p, .view-container .post p, .page-container > article > div span{font-size:14px !important;}
    .page-container > h3, article > h3, .sub01_cont > strong > span, .businessRule .compliance-title{font-size:16px !important;}
    .page-container > article > .title_type_01, .page-container > article > h2, .page-container > article > h4, article > h2, .page-container > article > h1 > span, .page-container article .title_type_01{font-size:20px !important;}
    main .h1{font-size:30px;}
}

@media all and (max-width:768px) {
    .searchForm > .ddSearch DT, .searchForm > .ddSearch DD{width:100% !important; float:none !Important; margin-bottom:10px;}
    .searchForm > .ddSearch DD{height:auto !important; line-height:0;}
    .searchForm > .ddSearch DD INPUT{width:100% !important; }
    .searchForm > .ddSearch DL{margin-right:12px;}
    .searchForm .ddSearch #appendDiv DT, .searchForm .ddSearch #appendDiv DD{display:block; width:100% !important; min-height:auto !important; height:100%; margin-bottom:5px;}
    .append_cont dd input, .searchForm .ddSearch #appendDiv .append_cont .auth_rate_result{width:100% !important;}
    .searchForm .ddSearch .append_result dl dt span.bt{position:relative; top:0; margin-left:0; display:inline-block; text-align:center; width:100%;}
    .searchForm .ddSearch .append_result dl dt{width:100% !important;float:none !important; height:100%;}
    .searchForm .ddSearch .append_result dl dt span.bt a{display:inline-block; width:120px; margin-top:10px;}
}
@media all and (max-width:640px){
    #contents {margin:70px auto 0;}
    main #sub_header h3{margin-bottom:30px;}
    .page-container h3{font-size:16px;}
    ul.health li{width:50%;}
    .gmo-search-container dd, .gmo-search-container dt{float:none; width:100% !important;}
    .gmo-search-container dt{margin-bottom:5px;}
    .list-container .tab-content .con div > img{width:90%;}
    /*.page-container > article > img, .page-container article p > img{width:90% !important; height:auto !important;}*/
    .return-box-line02{height:100%;}
    .return-box-line02 .box-text{float:none; width:100%;}
    .return-box-line02 .box-img{display:none;}
    .page-container article h1 span{font-size:20px !important;}

    /* 살충제 검출 계란 확인 */
    .trace-search.custom-align-c li:nth-child(2),.trace-search.custom-align-c li:nth-child(2) select,
    .trace-search.custom-align-c li:nth-child(3),
    .trace-search.custom-align-c li:nth-child(4){width:100%; text-align:center;}
    .trace-search.custom-align-c li:nth-child(3){padding-top:0px !important;}
    .trace-search.custom-align-c li:nth-child(4){padding-top:10px !important;}
    .trace-search.custom-align-c li:nth-child(4) a.btn{width:100%;}
    /* 식중독 통계 */
    .fp-search-container ul li{display:block; width:100%; margin-bottom:5px;}
    .btn-group, .btn-group-vertical{width:100%;}
    .fp-search-container .select-container.w120 .selecter, .select-container.w120 .selecter .selecter-selected, .select-container.w120 .selecter .selecter-options{width:100%;}
    .btn-group > .btn, .btn-group-vertical > .btn{float:none;}

    /* view table */
    .page-container .view{width:100% !important;}
    .page-container .view table.col tbody td, .view table.col tbody th{display:block; width:100% !important; text-align:center !important;}
    .page-container .view table.col colgroup col {width:100% !important;}
    .page-container .view table.col tbody td{border-right:1px solid #d7d7d7;}
    .page-container .view table.col tbody td, .view table.col tbody th{border-right:none; padding:9px 5px;}


}

/* 용어사전 */
/*================================
  Advanced Information > glossary
==================================*/
.glossary-search{border:1px solid #D7D7D7;border-radius:5px;margin:0;padding:20px;text-align:center;background:#F6F6F6;margin-bottom:20px}
.glossary-search ul{margin:0;padding:0;list-style:none;}
.glossary-search ul li{float:left;margin-right:10px;}
.glossary-search ul li:last-child{margin-right:0;}
.glossary-search .btn{height:38px;}
.glossary-search input[type=text]{height:38px;width:399px;border:1px solid #D7D7D7;border-radius:3px;padding:0 7px;}
.glossary{height:697px;width:100%;display:block;}
/*.glossary:before{content:'';background:url(../../img/advanced-information/bg-dic-top.png) no-repeat;height:26px;width:995px;display:block;}*/
/*.glossary:after{clear:both;content:'';background:url(../../img/advanced-information/bg-dic-bottom.png) no-repeat;height:120px;width:995px;display:block;}*/
.glossary > div{float:left;display:inline-block;}
.glossary > .word-list{width:203px; background:#f0f0f0;}
.glossary > .word-list > .keyword{width:203px;background:url(../../img/advanced-information/bg-keyword.png) no-repeat;height:50px;padding:11px 0 0 25px;font-weight:bold;font-size:15px;}
.glossary > .word-list > ul{height:500px;margin:0;padding-left:25px;line-height:25px;list-style:none;}
.glossary > .word-list > ul a{color:#444;width:175px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.glossary > .word-list > ul a:hover{color:#0070bd;}
.glossary > .word-list > ul a.active{color:#0070bd;font-weight:bold;}
.glossary > .word-list > .page{width:203px;height:50px;padding:22px 0 0 15px;}
.glossary > .word-list > .page > .prev{width:14px;background:url(../../img/advanced-information/glossary-page.png) no-repeat 0 0;height:17px;text-indent:-99999px;display:inline-block;}
.glossary > .word-list > .page > .next{width:14px;background:url(../../img/advanced-information/glossary-page.png) no-repeat -14px 0;height:17px;text-indent:-99999px;display:inline-block;margin-left:5px;}
.glossary > .word-list > .page > .prev:hover{background:url(../../img/advanced-information/glossary-page.png) no-repeat 0 -17px;}
.glossary > .word-list > .page > .next:hover{background:url(../../img/advanced-information/glossary-page.png) no-repeat -14px -17px;}
.glossary > .word-dscr{background-color:#fafafa; width:calc(100% - 256px);height:600px;padding:0 20px 30px 30px;overflow:hidden;}
.glossary > .word-dscr h2{margin:30px 0 20px 0;line-height:25px;}
.glossary > .word-dscr h2 span{color:#A8A8B7;font-size:15px;font-weight:normal;display:block;}
.glossary > .word-dscr dt{margin-bottom:5px; font-size:16px;}
.glossary > .word-dscr dd{margin-bottom:15px;color:#868695;font-size:15px;width:100%;max-height:400px;overflow:auto;}
.glossary > .word-index{width:53px;}
.glossary > .word-index .language{position:absolute;height:53px;width:39px;background:url(../../img/advanced-information/bg-change.png) no-repeat;margin-left:-35px;margin-top:-10px;text-align:center;padding-top:10px;}
.glossary > .word-index .language a,.glossary > .word-index .eng a,.glossary > .word-index .kor a{color:#FFF;font-weight:bold;}
.glossary > .word-index .eng{background:url(../../img/advanced-information/bg-tab-eng.png) no-repeat;height:430px;width:53px;margin-left:9px;}
.glossary > .word-index ul{padding:0;margin:0;line-height:30px;list-style:none;}
.glossary > .word-index ul li{float:left;width:30px;text-align:center;font-size:15px;margin-bottom:2px;height:30px;margin-top:-16px;}
.glossary > .word-index ul li:nth-child(even){float:left;width:23px;text-align:center;font-size:15px;margin-bottom:2px;height:30px;margin-top:0px;}
.glossary > .word-index ul li:first-child{float:left;width:30px;text-align:center;font-size:15px;margin-bottom:2px;height:30px;margin-top:0px;}
.glossary > .word-index .eng ul li:first-child + li{float:left;width:23px;text-align:center;font-size:15px;margin-bottom:2px;height:30px;margin-top:16px;}
.glossary > .word-index .kor{background:url(../../img/advanced-information/bg-tab-kor.png) no-repeat;height:446px;width:53px;margin-left:9px;}
.glossary > .word-index .kor ul > li{float:none;width:30px;text-align:center;font-size:15px;margin-bottom:2px;height:30px;margin-top:0px;}
.glossary > div:last-child:after,.glossary > .word-index ul li:after{content:"\0020";display:block;height:0;overflow:hidden;clear:both;}

@media all and (max-width:640px){
    /*식품 표시봇 */
    .hc_section .hc_right, .hc_section .hc_left{width:100% !important;}



    .glossary{position:relative; }
    .glossary > .word-list{width:100%; background:#f4f4f4;}
    .glossary > .word-list > .keyword{width:100%; background-size:48% 100%; }
    .glossary > .word-list > ul{padding:0 15px;}
    .glossary > .word-list > ul li{width:83%;}
    .glossary > .word-list > ul a{width:100%;}
    .glossary > .word-index{position:absolute; width:auto; top:0; right:0;}
    .glossary > .word-list > .page{width:100%; text-align:center; padding:11px 0 0 0;}
    .glossary > .word-dscr{padding:0 20px; background:#fafafa; width:100%; height:auto; min-height:0; max-height:100%; margin-bottom:30px;}
}

/* gog_2021고도화 - 반응형 웹 개편 rss아이콘 관련 이미지 추가  */
.rss_cnt .cicon_rss{width: 28px;height: 27px;background:url(../../images/common/icon_rss.png);display: inline-block;font-size: 0;vertical-align: middle;}

/* gog_2021고도화 - 반응형 웹 개편 - 즐겨찾기 서브에 추가 */
/* 즐겨찾기 */
.bookmark_wrap a {text-decoration: none;}
.bookmark_wrap:before{display:block; visibility:hidden; opacity:0; position:fixed; top:0; left:0; z-index:40; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); transition-property:visibility, opacity; transition-duration:0.25s; transition-timing-function:linear;}
.bookmark_wrap.open:before{visibility:visible; opacity:1;}
.bookmark_open {position: absolute; right:0px; top:252px; display: flex; background: #76756d; height: 150px; width:45px; border-radius: 14px 0 0 0 ; z-index: 9; overflow: hidden; color: #fff;/* transform: rotateX(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform-origin:right; -webkit-transform-origin:right;*/ flex-direction: column;}
.bookmark_open span.bookmark_icon {display: inline-block; width:45px; height: 43px; background: #4f4f4d url(../../images/2021/common_2021/bookmark_icon.png) no-repeat center center;}
.bookmark_open span.bookmark_txt {display: inline-block; font-size: 17px; line-height: 22px; margin-left: 15px; margin-top:10px; margin-bottom:10px;}
.bookmark_contents {min-height:425px; position: absolute; right:-360px; top:154px; padding: 20px 30px 30px; background: #fff; z-index: 101; width: 251px; transition-property:right, right; transition-duration:0.25s; transition-timing-function:linear; z-index: 200;}
.bookmark_wrap.open .bookmark_contents {right:0;}

.bookmark_contents .bookmark_tit {font-size: 30px; color: #333; line-height: 1; margin-bottom: 20px; font-weight: 600;}
/*.bookmark_list {border:1px solid #e0e0e0;}*/
.bookmark_list:after {display: block; clear: both;}
.bookmark_list div {margin-bottom: -1px; margin-right: -1px;/* overflow: hidden;*/}
.bookmark_list ul li {box-shadow:1px 0 0 0 #ddd, 0 1px 0 0 #ddd, 1px 0 0 0 #ddd inset, 0 1px 0 0 #ddd inset; background: url(../../images/2021/common_2021/bookmark_icon.png) no-repeat center center; background-size:35px; overflow:hidden; position:relative; float: left; display: inline-block; width: 125px; /* padding: 72px 5px 0;*/ text-align: center; height:125px; box-sizing: border-box; word-break: break-all; font-size: 14px; font-family: 'NotoR'; color:#666; background-repeat: no-repeat; background-position: center 23px; transition: all .2s; -webkit-transition: all .2s;}
.bookmark_list ul li:nth-child(2n-0){border-left:none;}
.bookmark_list ul li:hover, .bookmark_list ul li:focus {background-position: center 18px; font-family: 'NotoM'; color:#222;}
.bookmark_list ul li:hover {text-decoration: none;}
.bookmark_list ul li a{display:block; height:60px; padding:42px 5px 0; position:relative; top:24px;}
.bookmark_list .bookmark_ct{height:70px; padding-top:193px; text-align:center; font-size:20px; line-height:35px; font-weight:bold; background:url(../../images/2021/common_2021/bookmark_img2.png) no-repeat center 60px; color:#ffb203; background-size:80px;}
/*.bookmark_list ul li:nth-child(1) {background-image: url(../../images/2021/main_2021/sec1_iconlist_list1_icon01.png);}*/
/*.bookmark_list ul li:nth-child(2) {background-image: url(../../images/2021/main_2021/sec1_iconlist_list1_icon02.png);}*/
/*.bookmark_list ul li:nth-child(3) {background-image: url(../../images/2021/main_2021/sec1_iconlist_list1_icon03.png);}*/
/*.bookmark_list ul li:nth-child(4).bookmark_list {background-image: url(../../images/2021/main_2021/sec1_iconlist_list1_icon04.png);}*/
/*.bookmark_list ul li:nth-child(5) {background-image: url(../../images/2021/main_2021/sec1_iconlist_list1_icon05.png);}*/
/*.bookmark_list ul li:nth-child(6) {background-image: url(../../images/2021/main_2021/sec1_iconlist_list1_icon06.png);}*/
/*.bookmark_list ul li:nth-child(7) {background-image: url(../../images/2021/main_2021/sec1_iconlist_list1_icon07.png);}*/
/*.bookmark_list ul li:nth-child(8) {background-image: url(../../images/2021/main_2021/sec1_iconlist_list1_icon08.png);}*/
.bookmark_list ul li .bookmark_del_btn{font-size:12px; position:absolute; top:0; right:0; width:25px; height:25px;}
.bookmark_list ul li .bookmark_del_btn:before,
.bookmark_list ul li .bookmark_del_btn:after{content: ''; background: #36435e; width: 2px; height: 13px; display: block; position: absolute; top: 5px; right:12px; transform: rotate(0deg); transition: all 1s ease-out;}
.bookmark_list ul li .bookmark_del_btn::before {transform: rotate(135deg); transition: all 1s ease-out;}
.bookmark_list ul li .bookmark_del_btn::after {transform: rotate(-135deg); transition: all 1s ease-out;}
.bookmark_list ul li .bookmark_del_btn:hover{top:-1px;}

.bookmark_close {position: absolute; top:0; left:-45px; display: inline-block; width: 45px; height: 45px; border-radius: 14px 0 0 0; background:#79c62e; text-indent: -9999px;}
.bookmark_close::before,
.bookmark_close::after {content: ''; background: #fff; width: 3px; height: 30px; display: block; position: absolute; top: 8px; left: 50%; transform: rotate(0deg); transition: all 1s ease-out;}
.bookmark_close::before {transform: rotate(135deg); transition: all 1s ease-out;}
.bookmark_close::after {transform: rotate(-135deg); transition: all 1s ease-out;}

.m_alarm_left{width:77%; float:left;}
.m_alarm_appl { width:19%; height:100%; font-size:14px; float:right; color:#fff; padding:8px 15px 8px 15px; background:#f54d64;  line-height:22px; margin-bottom:20px; }
.m_alarm_appl h4 {font-weight:normal; text-align:center; font-size:20px; margin:9px 0 9px 0 ; }
.m_alarm_appl p{text-align:center;}
.m_alarm_appl .btn_apply { width:100%; height:35px; font-size:14px;  line-height:35px;  display:block; color:#fff; border:1px solid #fff; text-align:center; margin:5px 0;background:#d74156; background:url(/img/hazard/arrow_white.png) no-repeat 96% 13px; }
.m_alarm_appl .btn_apply:hover { background-color:#f96e81; }
@media all and (max-width:1300px){
    .m_alarm_appl{margin-top:20px;}
    /*.m_alarm_left{width:65%;}*/
    /*.m_alarm_appl{width:28%;}*/
}
@media all and (max-width:1000px){
    .m_alarm_left{width:63%; float:left;}
    .m_alarm_appl { width:33%; height:100%; font-size:14px; float:right; color:#fff; padding:8px 7px 8px 7px; background:#f54d64;  line-height:22px; margin-bottom:20px; }
    .m_alarm_appl h4{font-size:17px;}
}
@media all and (max-width:640px){
    .m_alarm_left{width:100%; float:none;}
    .m_alarm_left > p.excerpt{margin-bottom:10px;}
    .m_alarm_appl{width:100%; float:none; margin:10px auto; padding:8px 15px; box-sizing: border-box;}
    .m_alarm_appl p{text-align:center;}
}

@media all and (max-width:1550px){
    .bookmark_wrap {display: none;}
}


.page-container {
    padding-top:5px !important;
}


#header.tabBG {
    position:absolute;
    width:100%;
    height:162px;
    top:216px;
    left:0;
    background:#ecf3f8;
    z-index:-1;
}

/* 상단탭 */
.bTab {
    height:180px;
    /*margin-top:-15px;*/
    border-top:1px solid #0070bd;
    border-bottom:1px solid #0070bd;
}

.bTab UL {
    margin:0 auto;
    padding-top:20px;
}

.bTab LI {
    position:relative;
    display:inline-block;
    /*padding:0 50px;*/
    vertical-align:top;
    text-align:center;
    width:24%
}

.bTab LI A {
    display:block;
    /*width:130px;*/
    /*height:100px;*/
    padding-top:90px;
    text-align:center;
    font-size:16px;
    vertical-align:top;
}

.bTab LI.l1 A {
    background:url("/images/businessrule/tabimg_01.png") 50% 0% no-repeat;
}

.bTab LI.l2 A {
    background:url("/images/businessrule/tabimg_02.png") 50% 0% no-repeat;
}

.bTab LI.l3 A {
    background:url("/images/businessrule/tabimg_03.png") 50% 0% no-repeat;
}

.bTab LI.l4 A {
    background:url("/images/businessrule/tabimg_04.png") 50% 0% no-repeat;
}

.bTab LI.l1 A:hover,
.bTab LI.l1.on A {
    background:url("/images/businessrule/tabimg_01_on.png") 50% 0% no-repeat;
    font-weight:bold;
}

.bTab LI.l2 A:hover,
.bTab LI.l2.on A {
    background:url("/images/businessrule/tabimg_02_on.png") 50% 0% no-repeat;
    font-weight:bold;
}

.bTab LI.l3 A:hover,
.bTab LI.l3.on A {
    background:url("/images/businessrule/tabimg_03_on.png") 50% 0% no-repeat;
    font-weight:bold;
}

.bTab LI.l4 A:hover,
.bTab LI.l4.on A {
    background:url("/images/businessrule/tabimg_04_on.png") 50% 0% no-repeat;
    font-weight:bold;
}

.bTab LI A IMG {
    display:block;
    margin:0 auto;
}

.bTab .here {
    position:absolute;
    bottom:-41px;
    left:50%;
    margin-left:-13px;
    display:block;
    width:27px;
    height:14px;
    text-indent:-9999px;
    background:url("/images/businessrule/ico_tabarr.png") 0 0 no-repeat;
}

.businessRule {
    /*margin-top:-30px;*/
}

.businessRule H2 {
    font-size:28px;
}

.businessRule H3 {
    height:36px;
    line-height:34px !important;
    padding-left:40px;
    background:url("/images/businessrule/t_titlebar.png") 0 0 no-repeat;
    color:#fff !important;
    font-size:16px;
    margin-bottom:23px;
}

.businessRule H3 STRONG {
    padding-left:10px;
    font-size:15px;
    color:#000;
}

.businessRule .compliance-title {
    /*height:36px;*/
    /*line-height:34px !important;*/
    /*padding-left:40px;*/
    /*background:url("/images/businessrule/t_titlebar.png") 0 0 no-repeat;*/
    /*color:#fff !important;*/
    font-size:16px;
    text-align:left;
    /*text-shadow:-1px 0 2px #196998, 0 1px 2px #196998, 1px 0 2px #196998, 0 -1px 2px #196998;*/
}
.businessRule .compliance-title:before{display:none;}
.businessRule .compliance-title strong {
    padding-left:10px;
    font-size:15px;
    color:#000;
}

.businessRule .exBox {
    /*height:105px;*/
    padding:35px;
    padding-left:130px;
    background-color:#ecf3f8;
    background-image:url("/images/businessrule/ico_law.gif");
    background-position:40px 50%;
    background-repeat:no-repeat;
    font-size:15px;
}

.businessRule P {
    padding-left:20px;
    margin-bottom:30px;
    font-size:15px;
}

.businessRule .stt {
    display:block;
    margin-bottom:10px;
    padding-left:20px;
    font-size:16px;
}

.businessRule .bbt {
    display:inline-block;
    /*margin-left:20px;*/
    padding:10px;
    margin-bottom:10px;
    border:1px solid #ccc;
    border-radius:3px;
    font-size:16px;
}

.businessRule .note {
    display:block;
    padding:5px 0;
    padding-left:20px;
    font-size:12px;
    color:#006f00;
}

.businessRule .note.nop {
    padding-left:0px;
}

.businessRule IMG {
    display:inline-block !important;
    margin:0 !important;
    padding:0 !important;
}

.businessRule .imgArea {
    border:1px solid #ccc;
    text-align:center;
}
.businessRule .imgArea img{max-width:800px; width:100% !important; height:100% !important;}
.businessRule TABLE,
.businessRule TABLE TH,
.businessRule TABLE TD{
    margin:0;
    padding:0;
    border:none;
    background:none;
    text-align:left;
    font-size:15px;
}
@media all and (max-width:640px){
    .businessRule TABLE,
    .businessRule TABLE TH,
    .businessRule TABLE TD{
        font-size:13px !important;
    }
}
.businessRule TABLE {
    margin-bottom:10px;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
}

.businessRule TABLE TH {
    padding:10px;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    font-size:13px;
    background:#eee;
    text-align:center;
}

.businessRule TABLE TD {
    padding:10px;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    font-size:15px;
    background:#fff;
}

.businessRule TABLE TD.tc {
    text-align:center;
}


.pageAttach {
    padding:40px;
    background:#f5f5f5;
    border:1px solid #e5e5e5;
}

.pageAttach H3 {
    margin:0;
    padding:0;
    font-size:12px;
    font-weight:normal;
}

.pageAttach H3 STRONG {
    font-size:24px;
    font-weight:bold;
}

.pageAttach .exBox {
    padding:20px;
    border:1px solid #e5e5e5;
    background:#fafafa;
}

.pageAttach H4 {
    margin-top:30px;
    font-size:22px;
    font-weight:100;
    text-align:left;
}

.pageAttach H5 {
    margin-top:30px;
    font-size:16px;
    color:#333;
    font-weight:bold;
    text-align:left;
}

.pageAttach P {
    padding-left:20px;
}

#content-wrap section .board-head h1{font-size:23px; color:#0070bd; font-weight:bold; border-bottom:1px solid #0070bd; padding-bottom:15px; margin-bottom:20px;}
#content-wrap section .page-container .inqq-info{margin-bottom:20px;}
#content-wrap section .page-container .inqq-info h3,  #content-wrap section .page-container .inqq-info b, #content-wrap section .page-container .inqq-info span{display:inline-block; font-size:22px; color:#000; font-weight: normal;}
#content-wrap section .page-container .infodong_h3{font-size:18px; font-weight:bold; margin-bottom:10px;}
@media all and (max-width:450px){
    .bTab{height:260px;}
    .bTab .here{display:none;}
    .bTab LI{width:49%; margin-bottom:10px;}
    .businessRule .exBox{background-image:none; padding-left:0; padding:15px;}

}

/* 해외직구  */
.page-container.oversea {position: relative; border-top: 2px solid #00a3e0; background: url(/images/2021/sub_2021/oversea_img_01.png) no-repeat right top;}
.oversea_h4 {margin-top: 35px; font-size: 25px; font-family: 'NanumGothic'; font-weight: bold;}
.oversea_h4 span {font-size: 22px; font-family: 'NanumGothic';}
.oversea_txt {display: inline-block; margin: 30px 0; width:57%; font-size: 15px; line-height: 1.6; color: #555; word-break: keep-all;}
.oversea_txt strong {font-family: 'NanumGothic'; color: #444; font-weight: bold;}

.oversea_chart_wrap {position: absolute; right: 0; top:234px; width: 365px; height:189px; border-radius: 10px; border: 1px solid #e1e1e1; padding: 16px 25px; box-sizing: border-box;}
.oversea_chart_h4 {color: #0092f8; font-size: 19px; line-height: 1; text-align: center; font-family: 'NanumGothic'; font-weight: bold;}
.oversea_chart {margin-top: 22px;}
.oversea_chart li {font-size: 15px; white-space:nowrap;  overflow: hidden; text-overflow: ellipsis; line-height: 17px; margin-bottom:5px; letter-spacing: -0.02em;}
.oversea_chart li span {display: inline-block; width: 18px; height: 18px; line-height: 16px; border-radius: 3px; background: #d7d7d7; text-align: center; color: #333333; font-size: 12px; font-family: 'NanumGothic'; margin-right: 8px; vertical-align: top;}

.oversea_search {position: relative; display: block; min-height: 60px; line-height: 56px; padding-left:20px; box-sizing: border-box; margin-top: 53px; border-radius: 10px; background: #007ccb; color: #fff; font-size: 18px; font-family: 'NanumGothic';}
.oversea_search:hover {text-decoration: none;}
.oversea_search strong {color: #00fcff; font-size: 22px; font-weight: 500;}
.oversea_search_input {position: absolute; right:10px; top:10px; width:calc(100% - 630px); height:42px; background: #fff; border-radius: 8px; font-size: 14px; color: #626262; padding-left: 16px; box-sizing: border-box; line-height: 40px;}
.oversea_search_input input[type="text"]{width:calc(100% - 40px); border:0; margin-left:-10px; display:inline-block}
.oversea_search_btn {width:40px; height:33px; display:inline-block; background: url(/images/2021/sub_2021/oversea_img_02.png) no-repeat 13px 11px; text-indent:-9999px;}
/*.oversea_search_input:after {content: ''; position: absolute; right:10px; top:11px; display: inline-block; width: 20px; height: 19px; background: url(/images/2021/sub_2021/oversea_img_02.png) no-repeat 0 0; cursor: pointer;}*/

.oversea_link_wrap {display: flex; flex-wrap: wrap; margin-top: 60px; border: 1px solid #0095cb; box-sizing: border-box;}
.oversea_link_wrap > li {position:relative; width: 25%; border-left: 1px solid #0095cb; box-sizing: border-box; padding: 23px 0 15px;}
.oversea_link_wrap > li:before, .oversea_link_wrap > li:after {content: ''; position: absolute; left:0; top: 64px; display: block; width: 100%; height: 49px; background-repeat: no-repeat; background-position: center 0;}
.oversea_link_wrap > li:nth-child(1) {border-left: none;}
.oversea_link_wrap > li:nth-child(1):before {background-image: url(/images/2021/sub_2021/oversea_img_03.png)}
.oversea_link_wrap > li:nth-child(1):hover:before {animation: up-down 1s ease-in-out infinite;}
.oversea_link_wrap > li:nth-child(2):before {background-image: url(/images/2021/sub_2021/oversea_img_04.png)}
.oversea_link_wrap > li:nth-child(2):after {background-image: url(/images/2021/sub_2021/oversea_img_04_2.png)}
.oversea_link_wrap > li:nth-child(2):hover:after {animation: blink-effect 1s step-end infinite;}
.oversea_link_wrap > li:nth-child(3):before {background-image: url(/images/2021/sub_2021/oversea_img_05.png)}
.oversea_link_wrap > li:nth-child(3):hover:before {animation: rotate 1.5s ease-in-out infinite;}
.oversea_link_wrap > li:nth-child(3):after {background-image: url(/images/2021/sub_2021/oversea_img_05_2.png)}
.oversea_link_wrap > li:nth-child(4):before {background-image: url(/images/2021/sub_2021/oversea_img_06.png)}
.oversea_link_wrap > li:nth-child(4):after {background-image: url(/images/2021/sub_2021/oversea_img_06_2.png)}
.oversea_link_wrap > li:nth-child(4):hover:after {animation: blink-effect 1s step-end infinite;}

@keyframes up-down {
    0%   { top:64px; }
    50%  { top: 60px; }
    100% { top:64px; }
}
@keyframes blink-effect { 50% { opacity: 0; } }
@keyframes rotate {
    0%   { transform: rotateY( 0deg ); }
    50%  { transform: rotateY( 180deg ); }
    100% { transform: rotateY( 0deg ); }
}

.oversea_link_tit {font-size: 22px; font-family: 'NanumGothic'; text-align: center; margin-bottom: 107px; font-weight: bold;}
.oversea_link_tit span {font-size: 16px;}
.oversea_link_wrap > li:nth-child(1) .oversea_link_tit {color:#eb7b04;}
.oversea_link_wrap > li:nth-child(2) .oversea_link_tit {color:#4a8e00;}
.oversea_link_wrap > li:nth-child(3) .oversea_link_tit {color:#006caa;}
.oversea_link_wrap > li:nth-child(4) .oversea_link_tit {color:#8f00d2;}
.oversea_link_list {padding: 0 33px;}
.oversea_link_list > li {padding: 0 0 12px 0; box-sizing: border-box; font-size: 16px; font-family: 'NanumGothic'; word-break: keep-all; line-height: 1.2; letter-spacing: -0.15em;}
.oversea_link_list > li a {display: block; padding-right: 15px; background-image: url(/images/2021/sub_2021/oversea_img_07.png); background-repeat: no-repeat; background-position: 99% 2px;}
.oversea_link_list > li a:hover, .oversea_link_list > li a:focus {color:#0095cb; background-image: url(/images/2021/sub_2021/oversea_img_07_on.png);}
.oversea_link_list > li.list_link a {display: block; padding-right: 25px; background-image: url(/images/2021/sub_2021/location_home_icon_on.png); background-repeat: no-repeat; background-position: 99% 2px;}
.oversea_link_list > li.list_link a:hover, .oversea_link_list > li a:focus {color:#0095cb; background-image: url(/images/2021/sub_2021/location_home_icon.png);}

/* 2017-01-22 건강한 식생활 > 영양성분표산출 >> 출력설정 레이어팝업(confirm alert) css 추가 */
.flow_chart_modal_bg{position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;min-height:800px;background:rgba(0,0,0,.7);}
.flow_chart_popup{position:fixed;z-index:10001;left:50%;top:-9999px;border-radius:5px;background:#f9f9f9;box-shadow:0 0 20px #555;}
.flow_chart_popup.s400{width:400px;}

.flow_chart_popup .pop_header{margin-top:4px;height:45px;line-height:45px;font-size:18px;font-weight:bold;border-radius:5px 5px 0 0;background:#f1f3f4;border-bottom:1px solid #cccfd3;}
.flow_chart_popup .pop_container{padding:20px; background:#fff; border-radius:5px 5px 5px 5px;}
.flow_chart_popup .pop_container .customer_tab:first-child {margin-top:20px;}
.flow_chart_popup .pop_con_scroll{padding-bottom:0 !important;max-height:500px;overflow-y:auto;}
.flow_chart_popup .pop_con_scroll .foot_btn{padding-bottom:25px;}
.flow_chart_popup .popup_close{overflow:hidden;text-indent:-9999px;width:49px;height:49px;display:block;z-index:3200;position:absolute;right:0;top:0;cursor:pointer;background:url(images/btn_pop_close.png) no-repeat 50% 50%;}
.flow_chart_popup .txt_dialog{text-align:center;padding:20px 0 20px 0;font-size:16px;color:#333;line-height:20px;font-weight:bold;}
.flow_chart_popup .foot_btn{font-size:0;line-height:0;padding-top:20px;text-align:center;}
.flow_chart_popup .btn_n{display:inline-block;width:100px;height:38px;line-height:38px;font-size:14px;font-weight:bold;text-align:center;color:#fff;border-radius:4px;border-bottom:2px solid #eee;font-size:14px; padding:0;}
.flow_chart_popup .foot_btn .btn_n + .btn_n {margin-left:10px;}
.flow_chart_popup .bg_red{border-color:#d52929;background:#fb3939;}
.flow_chart_popup .bg_gray{border-color:#727272;background:#8e8e94;}
.flow_chart_popup .bg_blue{border-color:#727272;background:#00A5BE;}

@media (max-width: 1000px) {
    .page-container.oversea {background-size: 75%;}
    .oversea_txt {width:100%; margin: 25px 0 15px;}

    .oversea_chart_wrap {position: relative; right: 0; top:0; width: 100%; margin-top: 30px;}

    .oversea_search {padding-left:15px; margin-top: 45px; font-size: 16px;}
    .oversea_search strong {font-size: 19px;}
    .oversea_search_input {width:calc(100% - 530px);}

    .oversea_link_wrap {margin-top: 50px;}
    .oversea_link_wrap > li {width: 50%;}
    .oversea_link_wrap > li:nth-child(3), .oversea_link_wrap > li:nth-child(4) {border-top:1px solid #0095cb;}
    .oversea_link_wrap > li:nth-child(3) {border-left: none;}
}

@media all and (max-width:767px){
    .oversea_chart_wrap {margin-top: 25px;}

    .oversea_search {line-height: 1.2; padding-left:20px; padding-right:20px; padding-top:8px; padding-bottom: 25px; margin-top: 35px;}
    .oversea_search_input {position: relative; left:0; width:100%;}

    .oversea_link_wrap {margin-top: 35px;}
    .oversea_link_wrap > li {width: 100%; border-left: none; border-top:1px solid #0095cb;}
    .oversea_link_wrap > li:nth-child(1) {border-top: none;}
    .oversea_link_wrap > li:before, .oversea_link_wrap > li:after {top: 15px; background-position: 95% top; width:70px; left:inherit; right:20px;}

    @keyframes up-down {
        0%   { top:15px; }
        50%  { top:11px; }
        100% { top:15px; }
    }

    .oversea_link_tit {font-size: 22px; text-align: left; margin-left: 20px; margin-bottom: 40px;}
    .oversea_link_list {padding: 0 20px;}
}

@media (max-width: 640px) {
    .page-container.oversea {background-size: 65%;}
}

@media (max-width: 540px) {
    .page-container.oversea {background-size: 60%;}
    .oversea_h4 {margin-top: 30px; font-size: 23px;}
    .oversea_h4 span {font-size: 20px;}
    .oversea_h4:first-child {margin-top: 50px;}
    .oversea_txt {margin: 20px 0 5px;}
    .oversea_txt br {display: none;}
}

@media (max-width: 480px) {
    .oversea_h4:first-child {margin-top: 35px;}
}

@media (max-width: 320px) {
    .oversea_link_tit span {display: block; margin-top: 5px;}
}

#example {font-size: 10px; line-height : -1; margin-top: 0px;}
.flex2 > img {width: 100%}

.new_select select {width: 100%;}
input.w100[type=text]{width: 100%;}

.w50_p.d_flex,
.w30_p.d_flex{display: flex;}
.w50_p .new_select{width: calc(30% - 2px); margin-right: 4px;}
.w50_p .new_input{width: calc(70% - 2px);}
.w30_p.d_flex > div.num01{width: calc(60% - 3px); }
/*.w30_p.d_flex > div.num02{width: calc(40% - 2px); margin-left: 4px;}*/
.w30_p.d_flex > div.num02{width: 40% ; margin-left: 4px;}

#secondLine {letter-spacing: 0.1px; margin-left: 19px;}

@media(max-width: 1090px){
    input#rawIrdntNm {
        margin-left: 0!important;
    }
}

@media(max-width: 1024px){
    .new_flex {
        display: flex;
        flex-direction: column;
        align-items: flex-start !important;
    }
    .new_flex > div{
        margin: 10px 0;
        display: block !important;
        widht: 100%;
    }
    .new_flex > div > br{
        display: none;
    }
    .new_flex > div > div{
        margin-left:0 !important;
    }
    .new_flex > div > div > div{
        margin-left: 0;
    }
    .new_flex input[type=text]{
        width: 100% !important;
        margin-right: 0 !important;
    }
    #title01{
        display: flex;
        flex-direction: column;
    }
    #titleSecondLine{
        margin-top : 0px;
    }
    #secondLine{
        margin-left: 0px !important;
    }
}

@media(max-width: 480px){
    .new_flex > div > div{
        width: 300px !important;
    }
}

/* 2023.10.26 sbj 다국어서비스 추가 */
.page_langs {
    margin-bottom: 100px;
}

.page_langs .image-container ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.page_langs .image-container ul li{
    display: flex;
    width: 30%;
    margin: 10px;
    text-align: center;
    padding: 30px 0;
}

.page_langs .image-container ul li a img{
    width: 100% !important;
    height: 100% !important;
    margin-bottom: 6px;
}
.page_langs .image-container ul li a span{
    position: relative;
    padding-left: 30px;
    line-height: 2;
}
.page_langs .image-container ul li a:hover{
    text-decoration: none;
}
.page_langs .image-container ul li a span::before{
    content:'';
    position: absolute;
    display: inline-block;
    top: -4px;
    left: 0;
    width: 27px;
    height: 27px;
    background: url(../../images/ebook/reading_glasses.png) no-repeat;
}

@media (width <= 683px){
    .page_langs .image-container ul li{
        width: 40%;
    }
}