@charset "utf-8";

@import url(common.css?v=20240219);/* 20240218 */
@import url("layout.css");
@import url("NotoSans.css");
@import url("main_new2020.css?v=20240219");
@import url("board.css");



/* 컨텐츠 타이틀 */
.contents_title { clear:both; font-size:2rem; color:#333; font-weight:500; line-height:110%; padding:0 0 30px 0;}
.sub_title { clear:both; font-size:1.6rem; color:#000; font-weight:600; width:100%; line-height:110%; padding:10px 0 20px 0; box-sizing:border-box;}

.sub_title_A { position:relative; clear:both; font-size:1.5rem; color:#000; font-weight:600; line-height:130%; padding:10px 0 20px 28px;}
.sub_title_A:before { content:''; position:absolute; left:8px; top:17px; border:3px solid #828282; width:8px; height:8px; border-radius:100%;}
.sub_title_As { position:relative; clear:both; font-size:1.1rem; color:#000; font-weight:600; line-height:130%; padding:5px 0 5px 45px;}
.sub_title_As:before { content:''; position:absolute; left:28px; top:50%; width:6px; height:2px; border-radius:100%; background:#828282;}

.sub_title_B { clear:both; font-size:1.2rem; color:#000; font-weight:500; width:100%; line-height:120%; padding:10px 0 20px 0;}
.sub_title_B > a { color: #2785e6; font-weight: 500; letter-spacing: 0; border: 1px;}

.contents_sub_title { position:relative; clear:both; font-size:1.5rem; color:#000; font-weight:600; line-height:130%; padding:10px 0 20px 0;}





/* 블릿 */
.bullet_A { background:url(../images/sub/bullet_1.png) left 6px no-repeat; line-height:120%; height:100%; padding-left:40px; box-sizing:border-box;}
.bullet_B { background:url(../images/sub/bullet_2.png) left 6px no-repeat; line-height:120%; height:100%; padding-left:40px; box-sizing:border-box;}
.bullet_C { background:url(../images/sub/bullet_3.png) left 6px no-repeat; line-height:120%; height:100%; padding-left:45px; box-sizing:border-box;}

.bullet_sA > li { position:relative; padding-left:28px;}
.bullet_sA > li:before { content:''; position:absolute; left:12px; top:12px; width:6px; height:2px; border-radius:100%; background:#828282;}

.bullet_sB > li { position:relative; padding-left:17px;}
.bullet_sB > li:before { content:'ㆍ'; font-size:17px; font-weight:600; color:#828282; position:absolute; left:0; top:0; }

.bullet_sC > li { position:relative; padding-left:17px;}
.bullet_sC > li:before { content:'ㆍ'; font-size:10px; font-weight:300; color:#828282; position:absolute; left:0; top:0; }
.bullet_sC > .sCBuNO:before { content:''; font-size:10px; font-weight:300; color:#828282; position:absolute; left:0; top:0; }

.bullet_sD { margin-top:5px;}
.bullet_sD > li { position:relative; padding-left:14px;}
.bullet_sD > li:before { content:'ㆍ'; font-size:10px; font-weight:300; color:#828282; position:absolute; left:0; top:3px; }

.sub_title_ml { margin-left:0.5%;}

/* 서브 레이아웃 */
.leftContent { width:220px; margin-right:3%; margin-top:60px; float:left; box-sizing:border-box;}
.leftContent li { color:#888; line-height:110%; font-weight:600; font-size:1.1rem; }
.leftContent li a { padding:0 7px 0 12px; color:#888; display:block; box-sizing:border-box; height:45px; line-height:45px;} 
.leftContent li a:hover { color:#252525; width:100%; box-sizing:border-box; background:url(../images/sub/leftm_back.png) center no-repeat;}
.leftContent li .leftON { color:#252525; width:100%; box-sizing:border-box; background:url(../images/sub/leftm_back.png) center no-repeat;}

/* 서브 레이아웃 */
.rightContent { width:auto; box-sizing:border-box; margin-top:30px; overflow:hidden;}
.rightContent .current_home { margin-top:0; padding-top:0; }
.subList_conts { padding:0 5px; }

.blue_arrow { display:inline-block; }
.blue_arrow img { width:27px; margin:0 0 5px 0;}

/* 사이트맵 */
.sitemap_wrap { clear:both; width:100%; margin-bottom:5%;}
.sitemap_wrap ul { border-bottom:1px solid #e1e1e1; clear:both; width:100%; overflow:hidden; padding:20px 0 25px;}
.sitemap_wrap ul li { float:left; padding:0 7% 0 0; font-weight:bold;}
.sitemap_wrap ul li span { font-weight:normal;}
.sitemap_wrap ul li:first-child { font-weight:bold;/* font-size:1.1rem;*/}
.sitemap_title { clear:both; width:100%; font-size:1.5rem; color:#333; font-weight:600; border-bottom:3px solid #494949; line-height:120%; padding:0 0 30px 0; margin-top:4%; }
.sitemap_title:nth-of-type(1) { margin-top:0;}


/* 자치구소개 탭 A */
.tab_A { clear:both; width:100%; overflow:auto;}
.tab_A li { float:left; text-align:center; width:13.2%; color:#666; font-weight:600; margin:0 0.5% 15px; }
.tab_A li a { background:#fff; color:#666; padding:7px 0; display:block; border-radius:20px; border:1px solid #cfcfd1; box-sizing:border-box; }
.tab_A li a:hover { background:#003399; color:#fff; border-radius:20px; border:1px solid;}
.tab_A li a.tab_A_on { background:#003399; color:#fff; display:block; border-radius:20px; border:1px solid;}

.link_btn { position: relative; left: 20%; border-radius:20px; border:none; text-align:center; width:60%; background:linear-gradient(to right, #11afe0, #2f79d9); color:#fff; font-weight:700; margin:0 0.5% 15px; box-sizing:border-box;}
.link_btn a { color:#fff; padding:7px 0; display:block; font-size: 1.3em;}
/* .link_btn a:hover { background:#fff; color:#666; display:block; border-radius:20px;  border:1px solid #cfcfd1;}
.link_btn a.tab_A_on { background:#fff; color:#666; display:block; border-radius:20px; border:1px solid #cfcfd1;} */



/* faq 탭 */
.tab_faq { clear:both; width:100%; overflow:auto;}
.tab_faq li { float:left; border-radius:20px; border:1px solid #cfcfd1; text-align:center; width:auto; background:#fff; color:#666; font-weight:600; margin:0 0.5% 15px; box-sizing:border-box;}
.tab_faq li a { color:#666; padding:7px 25px; display:block;}
.tab_faq li a:hover { background:#003399; color:#fff; display:block; border-radius:20px; border:none;}
.tab_faq li a.tab_A_on { background:#003399; color:#fff; display:block; border-radius:20px; border:none;}
.tab_faq li a.tab_A_on:focus-visible { outline:2px solid red;}/*20240517*/

.tab_A_blank li { margin:5px 0.5% 5px; box-sizing:border-box;}

/* 센터소개 */
.centerInfo { background:url(../images/sub/center_ico.png) center 20px no-repeat; width:100%; height:100%; min-height:276px;}
.centerInfo .localList_local { font-size:1.3rem; padding-top:70px;}
.centerInfo .localList_local:after { content:''; background:none;}
.centerInfo .localList_txt { margin-top:0; height:45px; }

/* 센터소개 지도 */
.centerMap { background:url(../images/sub/center_map_ico.png) center 20px no-repeat; width:100%; height:100%; min-height:260px; }
.centerMap .localList_local { font-size:1.3rem; padding-top:70px;}
.centerMap .localList_local:after { content:''; background:none;}
.centerMap .localList_txt { margin-top:0;  }


/* 센터소개 지도 상세 */
.cenPhoto_conts { clear:both; margin-top:20px; margin-bottom:10px; overflow:auto;}
.cenPhoto_img { margin-bottom:15px;}
.cenPhoto_img img { width:100%;}
.cenPhoto_arrow { }
.cenPhoto_arrow a { padding:0 25px 0 0; }
.cenPhoto_arrow img { width:17px;}
.cenPhoto_page { color:#868686; padding-left:30px; font-size:1.1rem; font-weight:600;}
.cenPhoto_page span { color:#000;}

/* 사이트맵 */
.ico_blank { background:url(../images/sub/ico_blank.png) right center no-repeat; width:100%; height:100%; padding:0 20px 0 0;}

/* 탭메뉴 */
.tabMenu { position:relative; clear:both; width:100%; overflow:auto; margin-bottom:20px; }
.tabMenu li { width:50%; float:left; display:block; box-sizing:border-box; text-align:center; font-size:1.4rem; font-weight:500;}
.tabMenu li .tabMenu_on { border-left:2px solid #488ff6; background:#fff; border-right:2px solid #488ff6; border-top:2px solid #488ff6; border-bottom:none; border-radius:5px 5px 0 0; box-sizing:border-box;}
.tabMenu li a { display:block; color:#666; padding:12px 0; border-bottom:2px solid #488ff6;}
.tabMenu li a.tabMenu_on { color:#000;}
.tabMenu li a:focus{outline-offset: -2px; }

/* colgroup */
.colgroup { clear:both; position:relative;  overflow:hidden;}
.col2 { float:left; width:50%;}

.col3 { float:left; width:32.5%; margin-right:1%;}
.col3:last-child { margin-right:0%;}
.col3 li { float:left; width:32.5%; margin-right:1%;}
.col3 li:last-child { margin-right:0%;}

.col4 { float:left; width:24%; margin-right:1%;}
.col4:last-child { margin-right:0%;}

/* 센터소개 상세 */
.dl_A { clear:both; width:100%; padding:0 0 10px 0;}
.dl_A dt { position:relative; padding:0 0 0 15px; font-size:1.1rem; font-weight:600;}
.dl_A dt:before { content:'ㆍ'; font-size:17px; font-weight:600; color:#828282; position:absolute; left:0; top:0; }
.dl_A dd { padding:0 0 5px 15px;}


.subLocal_title { color:#fff; font-size:2.2rem; font-weight:600; padding-left:15px;}
.local_conts { color:#fff; display:table; }
.local_conts_posi { padding-right:20px;}
.local_conts ul { clear:both; }
.local_conts ul li { float:left; font-size:1.5rem; font-weight:500; padding:0 25px 0 0; height:30px; line-height:30px; }
.local_conts ul li:first-child { background:url(../images/sub/map_ico.png) left top no-repeat; background-size:30px 25px; padding:0 20px 0 40px;}
.local_conts p { color:#8cbfed; display:block; clear:both; padding:20px 0 0 0;}

/* 참여 자치구 리스트 */
.localList_title { font-size:1.3rem; font-weight:500; color:#333;}
.localList_NoOn { font-weight:500; color:#333; margin-left:10px;}
.localList_NoOff { font-weight:500; color:#787676;}

.localList_box { float:left; width:24.2%; margin-right:1%; margin-bottom:15px; border:1px solid #ddd; padding:25px 10px 15px; border-radius:5px; text-align:center; box-sizing:border-box;}
.localList_box:hover { border:1px solid #2697f4; cursor:pointer;}
.localList_box:hover .localList_btn { background:#2697f4; border:none; color:#fff;}
.localList_box:nth-of-type(4n+4) { margin-right:0;}
.localList_sy { width:80px; height:80px; border:1px solid #d6d5d4; line-height:80px; border-radius:100%; text-align:center; margin:0 auto 15px;}
.localList_local { position:relative; font-size:1.5rem; font-weight:bold; color:#1d1d1d; line-height:120%;}
.localList_local:after { content:''; position:absolute; left:50%; margin-left:-35px; top:40px; width:70px; height:3px; border-radius:1px; background:#c0c0bb; display:inline-block;}
.localList_txt { clear:both; font-size:1.1rem; line-height:140%; padding:15px 0 0 0; margin-top:15px; height:40px;}
.localList_btn { border:1px solid #a9b8c4; border-radius:5px; height:25px; padding:2px 20px; font-size:1.1rem; font-weight:500; margin-top:10px;}

.galler_ATpye { clear:both; margin-top:20px;}
.galler_ATpye p { text-align:center;}



/* FAQ */
.accordion_do { max-width:100%; margin:20px auto 50px; border-top: 1px solid #d4d4d4;}
.accordion_do li { border-bottom: 1px solid #d4d4d4;  position: relative;}
.accordion_do li .accordion_do_conts { display: none; padding: 10px 15px 30px 15px; color: #000;}
.accordion_do .accordion_q { position:relative; width: 100%; display: block; cursor: pointer; font-weight:500; font-size:1.1rem; user-select: none; padding:20px 35px 20px 30px; box-sizing:border-box;}
.accordion_do .accordion_q:before { position:absolute; left:10px; top:50%; margin-top:-14px; content:'Q'; font-size:17px; color:#0c82e9;}
.accordion_do .accordion_q a { display:block;}
/*20240517*/
.accordion_do .accordion_q:after {width: 8px;height: 8px;border-left: 2px solid #666666;border-bottom: 2px solid #666666;position: absolute;right:15px;content: " ";top:23px;transform: rotate(-45deg);-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
/*//20240517*/
.accordion_do .accordion_do_conts { line-height:170%; padding:0;}
.accordion_q.active_do:after { border-left:2px solid #2697f4; border-bottom:2px solid #2697f4; transform: rotate(-225deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.active_do a { color:#2697f4;}

/* faq table */
.bc_table { width:100%;}
.bc_table th, .bc_table td { vertical-align:middle; text-align:center; border:1px solid #dddddd;}
.bc_table th { padding:4px 15px; font-weight:600; font-size:13px; background:#f9f9f9; color:#222;}
.bc_table td { padding:4px 15px; line-height:1.6em; color:#545454; font-size:13px; text-align:left;}
.bc_table td.tc { padding:4px 15px; line-height:1.6em; color:#545454; font-size:13px; text-align:center;}


/* 산지재철 식재료 */
.tab_5col li { width:19%;}

.gallery_food { clear:both; overflow:hidden; margin-top:10px;}
.gallery_food ul li { width:31.9%; margin-right:2%; float:left; border:1px solid #ddd; margin-bottom:20px; box-sizing:border-box;}
.gallery_food ul li:nth-child(3n+3) { margin-right:0;}
.gallery_food ul li img { width:100%; height:200px;}
.gaFood_conts { padding:10px; display:inline-block; background:#f6f6f6; width:100%; box-sizing:border-box;}
.gaFood_conts .gaFood_title { font-size:1.4rem; font-weight:600; color:#36C; height:30px; overflow:hidden; }
.gaFood_conts .gaFood_info { margin-top:5px; color:#535353; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; height:40px;}
.gaFood_conts .gaFood_name { display:block; color:#666666; font-size:0.9rem; margin-top:10px;}
.gaFood_conts .gaFood_name span { display:inline-block; background:#36C; color:#fff; padding:0 5px 2px; border-radius:3px; margin-top:5px; margin-right:5px;}

/* 식재료 상세 */
.foodDetail_info { padding:30px; border-top:0px solid #CCC;}
.foodDetail_info p { line-height:150%;}
.foodDetail_info dl { clear:both; border-top:1px solid #CCC; padding-top:30px; margin-top:30px; overflow:hidden;}
.foodDetail_info dl dt { float:left; width:30%; font-size:1.6rem; font-weight:600;}
.foodDetail_info dl dd { float:left; width:70%; }
.foodDetail_info dl dd p { line-height:170%;}


/* bi 소개 */
.bi_basic { }
.bi_basic > div:nth-child(2) {background:url('../images/sub/bi_logo_background.png') repeat 0 0; height:488px;}/* 20240218 */
.bi_basic > div > span.gray {float:left; margin:30px 0 0 70px; background:#e8e8e8; border-radius:20px; padding:5px 20px; color:#000; font-size:18px; font-weight:600;}
.bi_basic > div > p.img {text-align:center; padding:42px 32px;}/* 20240218 */
.bi_dw_btns {width:100%; float:left; margin-top:50px; text-align:center;}

.bi_other { }
.bi_other > div:nth-child(1) {overflow:hidden;}
.bi_other > div:nth-child(2) {margin-top:24px;}
.bi_other div.img_area {margin:0 auto; overflow:hidden; width:100%;}
.bi_other div.img_area:nth-child(1) {margin-bottom:18px;}
/* 20240218 */
.bi_other div.img_area div.img_line {float:left;height:295px; text-align:center;padding:24px 10px; width:50%; box-sizing:border-box;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;border-left:1px solid #ebebeb;display:flex;flex-direction: row; flex-wrap: nowrap; justify-content: center;  align-items: center;}
.bi_other div.img_area div.img_line:last-child{border-right:1px solid #ebebeb;}
/* //20240218 */
.bi_other > div > span.gray {float:left; margin:30px 0 0 70px; background:#e8e8e8; border-radius:20px; padding:5px 20px; color:#000; font-size:18px; font-weight:600;}
.ot_img_w {float:left; width:100%; padding-top:100px; height:191px;}
.bi_other > .ot_img_w > span.ot_img1 {text-align:center; width:100%; height:92px; float:left; }
.bi_other > .ot_img_w > span.ot_img2 {text-align:center; width:100%; height:92px; float:left; }
.bi_dw_btns2 {width:100%; text-align:center;margin-top:40px;}/* 20240218 */
.bi_dw_btns2 span { display:inline-block;}
.bi_dw_btns2 span a { color:#FFF; height:35px; line-height:35px; display:block; padding:0 30px;}
.bi_dw_btns2 span:first-child { border-radius:30px; background:#053f88}
.bi_dw_btns2 span:last-child { border-radius:30px; background:#57c2b2;}


/* 협력체계 */
.partner_org { clear:both; position:relative; padding:30px; border:1px solid #CCC; border-radius:5px; overflow:hidden;}
.partner_org > div { text-align:center; display:inline}
.partner_org .partner_org_set1 { position:relative; background:#fff; border-radius:30px; border:1px solid #777471; height:40px; line-height:40px; text-align:center; font-size:1.3rem; font-weight:500; padding:0 50px; display:block; }
.partner_org .partner_org_set1:after { content:''; position:absolute; top:40px; left:50%; height:22px; width:1px; background:#666666;}
.partner_org .partner_org_set2 { position:relative; margin:20px 0; border-radius:30px; color:#fff; height:40px; line-height:40px; text-align:center; font-size:1.3rem; font-weight:400; padding:0 50px; display:block; background:linear-gradient(to right, #223a99, #5892ed);}
.partner_org .partner_org_set3 { position:relative; margin:20px 0; border-radius:30px; height:40px; line-height:40px; text-align:center; font-size:1.3rem; font-weight:400; padding:0 50px; display:block; /* background:#57c2b2; color:#fff; */ background:#BDCE01; color:#0C592D; border: 1px solid #BDCE01; }
.partner_org dl { position:relative; float:left; border:1px solid #CCC; border-radius:10px; width:48.7%; margin:0 2% 0 0; padding:20px; box-sizing:border-box;}
.partner_org dl:before { content:''; position:absolute; top:-22px; left:50%; height:22px; width:1px; background:#666666;}
.partner_org dl:last-child { margin:0;}
.partner_org dl dt { text-align:center; font-size:1.2rem; font-weight:500; color:#223a99; margin:0 0 10px 0; padding:0 0 5px 0; border-bottom:1px solid #CCC;}
.partner_org dl dd { position:relative; padding:0 0 0 15px;}
.partner_org dl dd:before { content:'ㆍ'; position:absolute; left:0; top:0; line-height:150%;}

/* 농산물 조회 */
.share_box { min-height:300px;}
.share_box li { border-radius:30px; background:#fafbfd; border:1px solid #e0e9f3; box-sizing:border-box; text-align:center; padding:50px 10px; min-height:170px; }
.share_box li:nth-child(1):hover { border:1px solid #00a651;}
.share_box li:nth-child(2):hover { border:1px solid #ed1c24;}
.share_box li:nth-child(3):hover { border:1px solid #0072bc;}
.share_box li span { font-size:1.2rem;}
.share_box li a img { width:70%; margin-top:20px;}


/* 국가품질 인증마크 */
.nationmark { float:left; width:100%; box-sizing:border-box;}
.nationmark ul {float:left; width:100%; margin-bottom:10px; }
.nationmark ul.linenone {float:left; width:100%; }
.nationmark ul li.mark {width:28%; text-align:center; float:left;}
.nationmark ul li.mark_txt {width:72%; text-align:left; float:left; margin-top:25px;}
.mark_txt strong { color:#393; font-size:1.2rem; line-height:170%; font-weight:500;}


/* 산지공공급식센터 */
.sanji {float:left; width:100%;}
.sji_pic {float:left; width:90%; margin:0 5%;}
.sji_pic ul li {float:left; width:32%; margin:0 9%;}
.sji_pic ul li > img {float:left; width:100%;}


/* 산지공공급식센터 - 나주 */
.respon_pc { display:block;}
.respon_mb { display:none;}

/* 산지공공급식센터 - 담양 */
.sanji_dya {float:left; width:100%;}
.sji_dya_pic_each {float:left; width:90%; margin:0 5%;}
.sji_dya_pic_each ul li {float:left; width:29%; margin:0 2%;}
.sji_dya_pic_each ul li > img {float:left; width:100%;}


/* 모바일 이미지 */
.widthImg img { width:100%;}

/* 공공급식 */
.about_col { clear:both; width:100%;}
.about_col > .col4 > p { width:95%;}
.about_col > .col4 > .b { font-size:1.2rem; margin-bottom:10px; font-weight:500;}
.about_col > .col4:nth-child(1) { background:url(../images/sub/about_ico1.png) left top no-repeat; padding-top:80px;}
.about_col > .col4:nth-child(2) { background:url(../images/sub/about_ico2.png) left top no-repeat; padding-top:80px;} 
.about_col > .col4:nth-child(3) { background:url(../images/sub/about_ico3.png) left top no-repeat; padding-top:80px;} 
.about_col > .col4:nth-child(4) { background:url(../images/sub/about_ico4.png) left top no-repeat; padding-top:80px;} 
.about_dl dl { margin-bottom:20px;}
.about_dl > p { color:#000; font-size:1.2rem; font-weight:500;}
.about_dl dl:nth-of-type(1) { margin-top:30px;}
.about_dl dl dt { font-size:1.1rem; color:#333; font-weight:500; padding-bottom:5px;}
.about_dl dl dd { line-height:170%; color:#666;}


.about_col2type > div, .about_col3type > div { position:relative;}
.about_col2type > .col4:nth-child(1) { background:none; padding-top:0px;}
.about_col2type > .col4:nth-child(2) { background:url(../images/sub/about_ico5.png) left top no-repeat; padding-top:80px;} 
.about_col2type > .col4:nth-child(3) { background:url(../images/sub/about_ico6.png) left top no-repeat; padding-top:80px;} 
.about_col2type > .col4:nth-child(4) { background:url(../images/sub/about_ico7.png) left top no-repeat; padding-top:80px;} 

.about_col3type > .col4:nth-child(1) { background:none; padding-top:0px;}
.about_col3type > .col4:nth-child(2) { background:url(../images/sub/about_ico8.png) left top no-repeat; padding-top:80px;} 
.about_col3type > .col4:nth-child(3) { background:url(../images/sub/about_ico9.png) left top no-repeat; padding-top:80px;} 
.about_col3type > .col4:nth-child(4) { background:url(../images/sub/about_ico10.png) left top no-repeat; padding-top:80px;}

.about_arrow:after { content:''; position:absolute; right:0; top:0; background:url(../images/sub/gray_arrow.png) 75% top no-repeat; width:100%; height:40px;}
.info_arrow:after { content:''; position:absolute; right:0; top:0; background:url(../images/sub/sky_arrow.png) 75% top no-repeat; width:100%; height:40px;}

.about_colOrder > .col3:nth-child(1) { background:#fafafa url(../images/sub/about_ico12.png) 20px 30px no-repeat;}
.about_colOrder > .col3:nth-child(2) { background:#fafafa url(../images/sub/about_ico13.png) 20px 30px no-repeat;} 
.about_colOrder > .col3:nth-child(3) { background:#fafafa url(../images/sub/about_ico14.png) 20px 30px no-repeat; margin-right:0;}
.about_colOrder > .col3 { border:1px solid #e6e7e9; border-radius:5px; min-height:170px; box-sizing:border-box; padding:0 20px 0; letter-spacing:-0.5px;}
.about_colOrder > .col3 > .b { font-size:1.2rem; color:#1f85e1; margin-bottom:10px; font-weight:500; padding-top:50px; text-align:right;}
.about_colOrder > .col3 > p { padding-top:30px;}
.about_colOrder_title { background:url(../images/sub/about_ico11.png) center 20px no-repeat; padding-top:80px;}


/* 공공급식 신청안내 */
.info_title { color:#1f85e1; font-size:1.7rem; font-weight:500; padding-bottom:20px;}
.infoR_back { background:url(../images/sub/about_info_img.png) 95% center no-repeat; width:100%; height:100%; box-sizing:border-box; background-size:250px auto;}
.infoR_back .tlh190 { font-size:1.2rem;}

.info_col1type > .col4 { position:relative; margin-bottom:15px;}
.info_col1type > .col4:nth-child(1) { background:none; padding-top:0px; width:27%;}
.info_col1type > .col4:nth-child(2) { background:url(../images/sub/info_ico1.png) left top no-repeat; padding-top:80px; width:27%;} 
.info_col1type > .col4:nth-child(3) { background:url(../images/sub/info_ico2.png) left top no-repeat; padding-top:80px; width:26%;} 
.info_col1type > .col4:nth-child(4) { background:url(../images/sub/info_ico3.png) left top no-repeat; padding-top:80px; width:auto;}

.info_col1type > .col4 > .b5, .info_col1type > .col4 > p { /* color:#b3e3ff; */ color: #FFFF71; }

.info_col2type > .col4 { position:relative;}
.info_col2type > .col4 > div:first-child { color:#b3e3ff;}
.info_col2type > .col4:nth-child(1) { background:url(../images/sub/info_ico4.png) left top no-repeat; padding-top:80px; width:28%;}
.info_col2type > .col4:nth-child(2) { background:url(../images/sub/info_ico5.png) left top no-repeat; padding-top:80px; width:27%;} 
.info_col2type > .col4:nth-child(3) { background:url(../images/sub/info_ico6.png) left top no-repeat; padding-top:80px; width:27%;} 
.info_col2type > .col4:nth-child(4) { background:url(../images/sub/info_ico7.png) left top no-repeat; padding-top:80px; width:auto;}

.info_col2type > .col3:nth-child(1) { background:url(../images/sub/info_ico8.png) left top no-repeat; padding-top:80px;}
.info_col2type > .col3:nth-child(2) { background:url(../images/sub/info_ico9.png) left top no-repeat; padding-top:80px;} 
.info_col2type > .col3:nth-child(3) { background:url(../images/sub/info_ico10.png) left top no-repeat; padding-top:80px;} 
.info_col2type > .col3 .tc_blue { font-size:1.2rem; color:#1f85e1;}
.info_col2type > .col3 > ul { margin-top:10px;}
.info_col2type > .col3 > ul li { width:80%; color:#666; padding-right:20%; line-height:150%;}

.info_contsDL { clear:both;}
.info_contsDL dl { margin-top:20px;}
.info_contsDL dl dt { color:#1f85e1; font-size:1.1rem;}
.info_contsDL dl dd { color:#000; line-height:170%;}

/* 공공급식 이용후기 */
.after_conts { clear:both;}
.after_conts .after_conts_div { width:100%; margin:0 0 20px 0; overflow:hidden; border:1px solid #c6cedd; border-radius:10px; background:#f4f6fa; box-sizing:border-box; padding:30px;}
.after_conts .after_conts_div .after_conts_photo { width:25%; float:left; margin:0 5% 0 0;}
.after_conts .after_conts_div .after_conts_photo img { width:100%;}
.after_conts .after_conts_div .after_conts_txt { float:left; width:70%; }
.after_conts .after_conts_div .after_conts_txt .b { font-size:1.5rem; color:#488ff6; margin-top:5%; margin-bottom:10px;}


/* 약관동의 */
.provision_conts { background:#f8f8f8 url(../images/sub/people_ico.png) center 50px no-repeat; height:300px; width:300px; text-align:center; border-radius:100%; margin:0 auto; }
.provision_conts p { padding-top:170px; line-height:140%; font-size:1.4rem; color:#666666;}
.provision_conts p span { color:#333; font-weight:400; color:#0e66ae; }


/* 개인정보처리방침 */
.privacy-wrap {display: inline-block; line-height: 1.6;}	
.privacy-wrap .privacy .box {box-sizing: border-box;border:1px solid #ddd;padding:20px;line-height: 25px;background: #f3f9fe;text-align: center;}
.privacy-wrap .privacy h4 {font-size:20px; line-height: 20px; padding:30px 0 0 0;}
.privacy-wrap .privacy ol{}
.privacy-wrap .privacy ol li {margin-bottom: 5px;}
.privacy-wrap .privacy a {color: #2785e6; font-weight:500; letter-spacing: 0;}
.privacy-wrap .privacy a:hover {text-decoration: underline;}
.privacy-wrap .privacy ol {margin:10px 0 0 20px;}
.privacy-wrap .privacy ol li{}
.privacy-wrap .privacy ol li span{margin-left:-20px;}
.privacy-wrap .privacy ol li ol li {line-height: 1.4;}
.privacy-wrap .privacy .list_type_inner {margin: 10px 0;}
.privacy-wrap .privacy .list_type_inner li span {margin-left:-12px;}
.privacy-wrap .privacy .list_type_inner2 li {margin-top: 5px;}
.privacy-wrap .privacy .list_type_inner2 li span {margin-left:5px;}
.privacy-wrap .privacy .ver {margin-top: 20px; font-size: 15px;}

/* 프로그램 신청 */
.input_col3 { clear:both;}
.input_col3 input { width:32.6%; box-sizing:border-box; height:28px; padding:2px 0 3px;}


.pop_footer {height: 30px; line-height:25px;font-size: 13px;padding: 0 10px;background: #222;color: #fff;}
.pop_footer .pop_closeL { float: left;}
.pop_footer .pop_closeL input[type=checkbox] { width:auto; height:auto; vertical-align:middle;}
.pop_footer .pop_closeR { float: right; margin-top:0;}

/* 20220920 모든 제목에 h 태그 붙여주기*/
.sub_title h4,
.contents_title h3{display: inline-block;font-size:inherit;font-weight:inherit;color:inherit;}
/*

/* 유튜브 동영상 */
.video_wrap { margin-bottom:50px;}
.video_h {width: 100%; height:464px; border:0;}
.video_h > a:focus{outline: 3px dashed red; outline-offset: -3px; }

@media screen and (max-width: 640px){
.video_h {height:360px; border:0;}
}
@media screen and (max-width: 480px){
.video_h {height:280px; border:0;}
}
@media screen and (max-width: 400px){
.video_h {height:240px; border:0;}
}




/****************************************************************************************/
/****************************************************************************************/
/*Media Query*/
/****************************************************************************************/
/****************************************************************************************/



@media (max-width:1024px) {
	
.centerInfo { width:48%; margin:0 1% 15px;}
.centerInfo:nth-of-type(2n+2) { margin-right:1%;}


/* 갤러리사진 */
.galler_ATpye p img { width:100%;}
.share_box img { width:100%;}


.respon_pc img { width:100%;}
	
}


@media (max-width:768px) {
	
.leftContent { display:none;}
.rightContent { margin-top:20px;}
/* 자채구소개 탭 A */
.tab_A { clear:both; width:100%; overflow:auto;}
.tab_A li { width:19%; margin-bottom:7px; }



.localList_box { float:left; width:48%; margin:0 1% 15px; padding:25px 10px;}
.localList_box:nth-of-type(3n+3) { margin-right:1%;}

.local_conts_posi { padding-right:0 !important;}
.local_conts ul li { padding:0;}

.subLocal_title { padding-left:0;}

.local_conts p { padding:10px 0 0 0;}

.centerInfo { min-height:286px;}


/* colgroup */
.colgroup .col2 { float:left; width:100%;}

.col4 { float:left; width:48%; margin-right:0.5%; min-height:180px; padding-right:20px; box-sizing:border-box;}


/* faq */
.tab_faq li { width:49%; box-sizing:border-box;}
.tab_faq li a { color:#666; padding:7px 0; width:100%; display:block; box-sizing:border-box;}


/* 산지재철 식재료 */
.gallery_food ul li { width:49%; margin-right:2%;}
.gallery_food ul li:nth-child(3n+3) { margin-right:2%;}
.gallery_food ul li:nth-child(2n+2) { margin-right:0}


.bi_other div.img_area div.img_line {float:none; width:100% !important; overflow:hidden;border-right: 1px solid #ebebeb;}/* 20240218 */
.bi_other div.img_area div.img_line:first-child{border-bottom:0;}/* 20240218 */
.bi_other div.img_case { padding:0 10px; box-sizing:border-box;}
.bi_other div.img_case img { width:100%;}


/* 국가품질 인증마크 */
.nationmark ul {float:left; width:100%; margin:1% 0; padding-bottom:1%;}
.nationmark ul li.mark {width:100%; text-align:center; float:left;}
.nationmark ul li.mark_txt {width:100%; text-align:center; float:left; margin-top:10px;}

.sanji {float:left; width:100%;}
.sji_pic {float:left; width:90%; margin:0 5%;}
.sji_pic ul li {float:left; width:60%; margin:0 20%;}
.sji_pic ul li > img {float:left; width:100%;}

/* 산지공공급식센터 - 나주 */
.respon_pc { display:none;}
.respon_mb { display:block;}

/* 산지공공급식센터 - 담양 */
.sanji_dya {float:left; width:100%;}
.sji_dya_pic_each {float:left; width:90%; margin:0 5%;}
.sji_dya_pic_each ul li {float:left; width:60%; margin:1% 20%;}
.sji_dya_pic_each ul li > img {float:left; width:100%;}

.infoR_back { background:none;}
.infoR_back .w60p { width:100% !important;}
.infoR_back .pad30a { padding:0;}

/* 공공급식 이용후기 */
.after_conts .after_conts_div .after_conts_photo { width:100%; float:left; margin:0 0 10px 0; text-align:center;}
.after_conts .after_conts_div .after_conts_photo img { width:auto; text-align:center;}
.after_conts .after_conts_div .after_conts_txt { float:left; width:100%; }


.about_colOrder > .col3 { border:1px solid #e6e7e9; border-radius:5px; min-height:260px;}
.about_colOrder > .col3 > .b { font-size:1.3rem; color:#1f85e1; margin-bottom:10px; font-weight:500; padding-top:50px; text-align:center;}

/* 공공급식센터 소개 */
.info_col1type > .col4:nth-child(1) { background:none; padding-top:0px; width:49%;}
.info_col1type > .col4:nth-child(2) { background:url(../images/sub/info_ico1.png) left top no-repeat; padding-top:80px; width:49%;} 
.info_col1type > .col4:nth-child(3) { background:url(../images/sub/info_ico2.png) left top no-repeat; padding-top:80px; width:49%;} 
.info_col1type > .col4:nth-child(4) { background:url(../images/sub/info_ico3.png) left top no-repeat; padding-top:80px; width:auto;}

.info_col2type > .col4:nth-child(1) { background:url(../images/sub/info_ico4.png) left top no-repeat; padding-top:80px; width:49%;}
.info_col2type > .col4:nth-child(2) { background:url(../images/sub/info_ico5.png) left top no-repeat; padding-top:80px; width:49%;} 
.info_col2type > .col4:nth-child(3) { background:url(../images/sub/info_ico6.png) left top no-repeat; padding-top:80px; width:49%;} 
.info_col2type > .col4:nth-child(4) { background:url(../images/sub/info_ico7.png) left top no-repeat; padding-top:80px; width:auto;}
	

}



@media (max-width:480px) {
	
/* 탭메뉴 */
.tabMenu li { font-size:1.1rem; }


.faq_last ul li:last-child { width:99%;}


.foodDetail_info { padding:20px 0;}
.foodDetail_info dl dt { width:100%; padding-bottom:20px;}
.foodDetail_info dl dd { width:100%;}

.share_box .col3 { float:left; width:90%; padding-left:30px; padding-right:30px; margin:0 5% 20px;}

.about_colOrder > .col3 { width:100%; margin-bottom:15px; min-height:100%; padding-bottom:15px;}
.about_colOrder > .col3 > p { padding-top:10px;}
.col4 { float:none; width:100%; min-height:100%; margin-bottom:20px; }
.about_arrow:after { content:''; background:url(../images/sub/gray_arrow.png) 95% top no-repeat; transform: rotate(90deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.info_arrow:after { content:''; background:url(../images/sub/sky_arrow.png) right top no-repeat; transform: rotate(90deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; right:-100%; }

.info_col2type > .col3 { width:100%; margin-bottom:20px;}

.link_btn { left: 5%; width:90%;}


/* 20240218 */
.bi_basic > div:nth-child(2){height:auto;}
.bi_basic > div > p.img{padding:20px 25px;}
.bi_other div.img_area div.img_line{height:auto;}
/* 20240218 */
}



@media (max-width:360px) {
	
	
	.subLocal_title { font-size:1.8rem;}
.tab_A li { width:24%; margin-bottom:7px; }

.local_conts { margin-top:20px;}


.localList_box { float:left; width:98%; margin:0 1% 15px;}
.localList_box:nth-of-type(3n+3) { margin-right:1%;}


/* 산지재철 식재료 */
.gallery_food ul li { width:100%; margin-right:0;}
.gallery_food ul li:nth-child(3n+3) { margin-right:2%;}
.gallery_food ul li:nth-child(2n+2) { margin-right:0}

.link_btn { left: 5%; width:90%;}

/* 20240218 */
.bi_dw_btns2 span{display: block;  margin: 5px auto !important; width: 70%;}
.bi_dw_btns2{margin-top:10px;}
/* 20240218 */
}