@charset "utf-8"; @import url('board.css'); @import url('crop_contents.css'); /* 공공데이터신청 팝업 */ /* ui-dialog:팝업 */ .ui-front{z-index: 12000 !important;background: rgba(0,0,0,0.5) !important;position: fixed;width: 100%;height: 100%;left: 0;top: 0;} /*.ui-dialog .ui-dialog-titlebar {display: none !important;}*/ .ui-dialog .ui-dialog-titlebar {background: #045288 !important; border: 0px solid #aaaaaa !important; } .ui-dialog .ui-dialog-title{color:#fff !important; font-size:1.2rem !important; line-height:50px;font-weight:500;letter-spacing:-0.05em;padding:0 1em;} .ui-dialog.ui-widget-content{z-index: 12001 !important;background:#fff !important;border: none !important;z-index: 12001 !important;} .ui-dialog .ui-corner-all, .ui-dialog.ui-corner-all, .ui-dialog.ui-corner-top, .ui-dialog.ui-corner-right, .ui-dialog.ui-corner-bottom, .ui-dialog.ui-corner-left, .ui-dialog.ui-corner-tr, .ui-dialog.ui-corner-tl, .ui-dialog.ui-corner-br, .ui-dialog.ui-corner-bl{border-radius:0 !important;} .ui-dialog .ui-state-default .ui-icon{display: none !important; background: none !important; border: none !important; } .ui-button .ui-icon{display:none;} .ui-dialog .ui-dialog-titlebar-close {top: 7px;right: 33px;} .ui-dialog .ui-dialog-titlebar-close:before, .ui-dialog .ui-dialog-titlebar-close:after {background-color: #FFF;} /* close 버튼 */ .ui-dialog .ui-dialog-titlebar-close {position: absolute;z-index: 901;width: 36px !important;right:30px !important;height: 36px !important;-webkit-transform: rotate(45deg) translateY(-35%);transform: rotate(45deg) translateY(-35%);background: transparent;text-indent: -999999px;} .ui-dialog button.ui-state-default { top: 16px;} .ui-dialog .ui-dialog-titlebar-close:before, .ui-dialog .ui-dialog-titlebar-close:after {position: absolute; content: "";} .ui-dialog .ui-dialog-titlebar-close:before {top: 4px;left: 50%;width: 2px; height: 28px;margin-left: -1px;} .ui-dialog .ui-dialog-titlebar-close:before {top: 2px;height: 33px;} .ui-dialog .ui-dialog-titlebar-close:after {top: 50%;left: 4px;width: 28px; height: 2px;margin-top: -1px;} .ui-dialog .ui-dialog-titlebar-close:after {left: 2px;width: 33px;} /* 팝업 */ .pop-area{position:relative; top:0; left:0; z-index:1; margin:20px auto; background-color: #fff} .pop-area .title{height:40px; background:#65C230; border:1px solid #aaa;} .pop-area h1{font-size:16px; color:#fff; padding-left:10px; line-height:40px;} .pop-area .btn-clo-foot {position:relative; text-align: center;padding-top:10px;} .pop-area .btn-clo {position:relative; margin-top:10px; text-align: center} .pop-area .btn-clo{position:absolute; top:3px; right:10px;} .pop-area .pop-bx{ border-top:0; padding:20px;background: #fff} .pop-area .pop-bx .con-head {margin:10px ; } .pop-area .pop-bx .con-bx {margin:0; overflow:hidden; overflow-y:auto; min-height:60px;} .pop-area .pop-bx .con-bx.no-scroll {margin:10px; overflow:hidden; } .pop-area textarea {padding: 0 .6rem;border: 1px solid #ddd; margin-right: 0;} .pop-area .txt-c {text-align:center;} .pop-area .btn-2-w { display: inline-block; min-width: 100px; height: 36px; line-height: 34px; margin: 0 2px; padding: 0 20px; border-radius: 4px; text-align: center; vertical-align: middle; cursor: pointer; transition: 0.5s; background-color: #3c3e45; border: 1px solid #3c3e45;font-weight: 400;color: #fff;} .pop-area .p5 { background-color: #2055a3; color:#fff; font-size:13px; padding:1px 10px; } .pop-area select {position:relative;display: inline-block; min-width: 100px; height: 38px;border: 1px solid #ddd;font-size:.925rem; vertical-align: top; -webkit-appearance:auto; appearance:auto;} /* 서브소개 */ #container .contents .subImg { position: relative;overflow: hidden;padding: 2.6rem;} #container .contents .subImg:before {content:'';position: absolute; top: 0; left: 0;width: 50px;height:40px;border-top:2px solid #2055a3; border-left:2px solid #2055a3;} #container .contents .subImg:after {content:'';display:block;position: absolute; top:0; left:0;width: 100%;} #container .contents .subImg .allimg {position: absolute; top: 0; right: 0;} #container .contents .subImg.hrd {min-height: 320px;} #container .contents .subImg.hrd:before {width: 100%;height:100%;border:0;background-image: url('/ps/img/cmmImg_2020/common/bg_book.png');background-repeat: no-repeat;background-position: 100% bottom;background-size: auto;z-index: -1;} #container .contents .subImg.hrd .btnArea {text-align: left;} #container .contents .subImg.hrd .allimg {position: absolute; top: 0; right: 0;} #container .contents .subImg.hrd .allimg p.lImg {position:relative; } #container .contents .subImg.hrd .allimg p.lImg em.sImg {position: absolute; bottom: 1px; } #container .contents .subImg .info { margin-top: 10px;padding-top: 10px; border-top: 1px dashed #ddd; font-size: .925rem;} #container .contents .subImg.clean {background: #f0f5fb;height:220px;padding: 2.6rem;padding-right: 350px;} #container .contents .subImg.clean:after {width: 100%;height:100%; background-image: url('/ps/img/cmmImg_2020/sub/clean_Subimg.png');background-repeat: no-repeat;background-position: 100% bottom;background-size: auto;} #container .contents .subImg.fEdu {background: #f0f5fb;padding: 2.2rem 2.6rem;padding-right: 250px;} #container .contents .subImg.fEdu .fEdu_info { margin-top: 10px;padding-top: 10px; border-top: 1px dashed #ddd; font-size: .925rem;} #container .contents .subImg.fEdu:after {width: 100%;height:100%; background-image: url('/ps/img/cmmImg_2020/sub/fedu_Subimg.png');background-repeat: no-repeat;background-position: 100% bottom;background-size: auto;} #container .contents .subImg.fFood {background: #f0f5fb;padding: 2.2rem 2.6rem;padding-left: 220px;} #container .contents .subImg.fFood:after {width: 100%;height: 140px;background-image: url('/ps/img/cmmImg_2020/sub/ffood_Subimg.png');background-repeat: no-repeat;background-position: 3% bottom;background-size: auto;} #container .contents .subImg.careFarm {background: #f0f5fb;padding: 2.6rem;padding-right: 300px;min-height: 200px;} #container .contents .subImg.careFarm:after {width: 100%;height:100%; background-image: url('/ps/img/cmmImg_2020/sub/careFarm_Subimg.png');background-repeat: no-repeat;background-position: 100% bottom;background-size: auto;} #container .contents .subImg.womenFarm {background: #f0f5fb;padding: 2.6rem;padding-right: 240px;min-height: 240px;} #container .contents .subImg.womenFarm:after {width: 100%;height:100%; background-image: url('/ps/img/cmmImg_2020/sub/womenFarm_Subimg.png');background-repeat: no-repeat;background-position: 100% bottom;background-size: auto;} #container .contents .subImg.curation{padding: 2.6rem;padding-right: 300px;} #container .contents .subImg.curation:after {width: 100%;height: 200px;background-image: url('/ps/img/cmmImg_2020/sub/curation_Subimg.png');background-repeat: no-repeat;background-position: 100% bottom;background-size: auto;} #container .contents .subImg dt {font-size: 1.5rem; letter-spacing: -.05em;margin-bottom:5px} #container .contents .subImg dt strong {position: relative; display: inline-block;z-index: 0;color: #2055a3; } #container .contents .subImg dt strong:after {content: '';display: block;position: absolute; bottom:2px; left:0; z-index:-1; width:100%; height:8px;background:#e2edf8;} #container .contents .subImg dd { font-size: .925rem; color: #6d6c76;} #container .contents .subImg dd strong {font-weight: 500;} #container .contents .subImg.hrd dd em{display: inline-block; margin-left:.5rem; font-weight: 500; font-size: 25px; color: #2e2e2e;} #container .contents .subImg .refer {display:block;position:relative; padding-left:16px; font-size: 13px;} #container .contents .subImg .refer:before {content:'*';display:inline-block; margin:0 5px 0 -11px; left:0;top: 0; } #container .contents .subImg p {display: block;} #container .contents .subImg img {display:block;margin-top: 6px;} #container .contents .subImg.ruralCulture {height:250px;} #container .contents .subImg.ruralCulture:after {width: 100%;height:250px; background-image: url('/ps/img/cmmImg_2020/sub/ruralCulture_Subimg.png');background-repeat: no-repeat;background-position: 100% bottom;background-size: auto;} #container .contents .subImg.ruralCulture:before { content: none;} /***************************************************************** Tabs : tab-nav *****************************************************************/ .tab-nav.t1 {position: relative;} .tab-nav.t1{border-width:0 0 1px 0;border-style:solid;border-color:#464748} .tab-nav.t1>ul>li{display:inline-block;cursor:pointer} .tab-nav.t1>ul>li>a{display:block;position:relative;height:46px;line-height:44px;padding:0 1.5rem;border-width:1px 1px 0 1px;border-style:solid;border-color:#c2c4c6;background-color:#fff;border-radius:10px 10px 0 0;color:#767676;text-align:center} .tab-nav.t1>ul>li>a span{display:inline-block;line-height:18px;margin-top:-5px;vertical-align:middle} .tab-nav.t1>ul>li.active>a{background-color:#fff;font-weight:500;color:#252525} .tab-nav.t1>ul>li.active>a:before{content:'';position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-width:1px;border-style:solid;border-color:#464748 #464748 #fff #464748;border-radius:10px 10px 0 0;z-index:1} .tab-nav.t2 {position: relative;} .tab-nav.t2 {border-width:0 0 1px 0;border-style:solid;border-color:#e2e2e2} .tab-nav.t2 li{display:inline-block;cursor:pointer} .tab-nav.t2 li a{display:block;position:relative;height:50px;line-height:48px;padding:0 17px;color:#767676} .tab-nav.t2 li a span{display:inline-block;line-height:24px} .tab-nav.t2 li.active a{font-weight:500;color:#157941;border-bottom:1px solid #157941} .tab-nav.t3{ position: relative;} .tab-nav.t3 {width:100%;margin:0 auto;text-align:center;} .tab-nav.t3 ul {display: table;} .tab-nav.t3.iCon ul {display: table;margin:0 auto; position: absolute; right: 0; top: 10px;} .tab-nav.t3 li{display:table-cell} .tab-nav.t3 li a{display:block;position:relative;border: 1px solid #d9d9d9;border-left: 0;height:50px;line-height:48px;padding:0 30px;color:#767676;letter-spacing: -.05em;} .tab-nav.t3 li:first-child a {border-left: 1px solid #d9d9d9;} .tab-nav.t3 li a span{display:inline-block;line-height:24px} .tab-nav.t3 li.active a{border: 1px solid #252525;margin-left: -1px;border-left: 1px solid #252525; border-bottom: 2px solid #252525;font-weight:500;color:#252525; } .tab-nav.t3 li.active:first-child a {margin-left: 0;} .tab-nav.t3.iCon li a {position: relative;display: block;vertical-align: middle;padding:0 20px;line-height: 55px;} .tab-nav.t3.iCon li a:before {content:'';display: flex;position: relative;top: 50%;margin-top: -11px;width:22px;height:22px;background-image: url('/ps/img/cmmImg_2020/common/icon_listV.png');} .tab-nav.t3.iCon li:nth-child(1) a:before {background-position: -22px 0;} .tab-nav.t3.iCon li.active:nth-child(1) a:before {background-position: 0 0;} .tab-nav.t3.iCon li:nth-child(2) a:before {background-position: -66px 0;} .tab-nav.t3.iCon li.active:nth-child(2) a:before {background-position: -44px 0;} .tab-section .tab-contents {margin-top:3rem} .curation .tab-section .tab-contents {margin-top:1.25rem} /* contTitle : h3 */ .contTitle_area {position: relative;} .contTitle_area h3.subTitle { display:inline-block;position: relative; margin-bottom: 1.5rem; color: #333; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.05em; text-align: left;} /*.contTitle_area h3.subTitle:before {content:'';display:block;height:8px;width:8px; top: 0;margin-bottom: .3rem;background-color:#11881f; background-image:linear-gradient(135deg,#11881f 0%,#156da9 100%); }*/ .introTitle_area h3.subTitle { display:block;position: relative; margin-bottom: 1.5rem; color: #333; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.05em; text-align: center;} .introTitle_area h3.subTitle:after {content:'';display:block;height:30px;width:1px; top: 0; margin: .3rem auto;background-color:#11881f; background-image:linear-gradient(135deg,#11881f 0%,#156da9 100%); } h3.subTitle { display:block;position: relative; margin-bottom: 1.25rem; color: #333; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.05em; text-align: left;} h4.subTitle { display:block;position: relative; margin-bottom: 1rem;padding-top: 5px; color: #555; font-size: 1.025rem; font-weight: 500; letter-spacing: -0.03em; text-align: left;} h4.subTitle:before {content:'';display:inline-block; position: absolute; left: 0;top:0;width:14px;height:2px; background-color:#156da9; background-image:linear-gradient(135deg,#156da9 0%,#11881f 100%); } h4.subTitle em {display:inline-block; margin-left: 5px; color: #fff; font-size: .85rem; border-radius: 20px; padding: 0 .6rem;background: #11881f;letter-spacing: 0;} /* h3.contTitle */ h3.contTitle {position:relative; display:block; padding-left:30px; font-size:1.38rem;color:#181818;font-weight:600;margin-bottom:18px; line-height: 1.6;letter-spacing: -.05em;word-break:keep-all;} h3.contTitle:before {content:'';position:absolute; top:50%; margin-top:-8px; left:1px; width:18px; height:18px; border: 6px solid transparent; border-radius:50%; background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0)), linear-gradient(101deg, rgba(0,209,197,1) 0%,rgba(5,70,204,1) 100%); background-origin: border-box; background-clip: content-box, border-box; box-shadow:2px 2000px 1px #fff inset;} h3.contTitle span {color: #e52a0f;} h3.contTitle span:before{ content: '[';} h3.contTitle span:after{ content: ']';} /* h4.vodTitle */ h4.vodTitle { display:block;position: relative; margin-bottom: 1rem; color: #555; font-size: 1.2rem; font-weight: 500; letter-spacing: -0.06em; text-align: left;} h4.contTitle { display:block;position: relative; padding-left: 30px; margin-bottom: 1rem; color: #156da9; font-size: 1.2rem; font-weight: 500; letter-spacing: -0.06em; text-align: left;} h4.contTitle:before {content:'';display:inline-block;position: absolute; left: 0;top:12px;width:14px;height:5px; margin-bottom: .3rem;background-color:#156da9; background-image:linear-gradient(135deg,#156da9 0%,#11881f 100%); } h4.contTitle span {color:#333; font-size: 1rem;} h4.contTit { display:block;position: relative; padding:0;padding-left: 20px; margin-bottom: 1rem; color: #156da9; font-size: 1.2rem; font-weight: 500; letter-spacing: -0.06em; text-align: left;} h4.contTit span {color: #333;} h4.contTit:before {content:'';display:inline-block;position: absolute; left: 0;top:12px;width:11px;height:5px; margin-bottom: .3rem;background-color:#156da9; background-image:linear-gradient(135deg,#156da9 0%,#11881f 100%); } /* 리스트 */ .list-1st,.list-2st,.list-3st {margin: 6px 0; padding: 0; } .list-1st dd, .list-1st li, .txt_bul {position: relative; min-height: 25px;padding-left:10px;line-height: 1.6;margin:3px 0;} .list-1st dd:before, .list-1st li:before, .txt_bul:before {content:'';position: absolute;display:inline-block;width: 3px;height:3px;border-radius:50%;background: #156da9;top: 12px;left:0;} .list-2st dd:before, .list-2st li:before, .txt_bul2:before {content:'';position: absolute;display:inline-block;width:5px;height:1px;top: 10px;left:0;border-radius: 0;background:#29323b;} .list-3st dd:before, .list-3st li:before, .txt_bul3:before {content:'';position: absolute;display:inline-block;top: 11px;left:0;width:3px;height:3px;border:solid #666;border-width:1px 1px 0 0;background:none;-webkit-transform:rotate(45deg);transform:rotate(45deg);} .list-1st dd,.list-1st li,.list-2st dd,.list-2st li,.list-3st dd,.list-3st li {position: relative; min-height:25px;line-height: 25px;padding-left:10px;line-height: 1.6;margin:3px 0;} /* 박스 */ .box_1st {position:relative; padding:1rem 1.5rem; border:0px; background:#f6faff;} .box_1st.wbule { background:#e8eef8; border-radius:8px;} .box_2st {position:relative; padding:1rem 1.5rem; border:1px dashed #bfbfbf; background:#fff;} .box_2st.darkPbak{ color:#fff; border-radius:8px; background:#6166a0 url('/ps/img/cmmImg_2020/common/pattern_01.png') repeat;} .box_3st {position:relative; padding:1rem 1.5rem; border:1px solid #bfbfbf; background:#f8f8f8;} .box_4st { padding:5px; background:url("/ps/img/cmmImg_2020/common/patt_box.png") repeat;} .box_4st .inner {position:relative; padding:1rem 1.5rem; background:#fff;} .box_5st {position:relative; padding:1rem 1.5rem; border-top:2px solid #000; border-bottom:1px solid #000;} .box_6st {position:relative; padding:1rem 1.5rem; border:1px solid #e8e9ee; background:#fff;} .box_1st .list-1st,.list-2st,.list-3st {font-size: .925rem;} .box_1st .list-1st dd:before, .list-1st li:before, .txt_bul:before { top: 10px;} /* sectionIntro_layout */ .sectionIntro {position:relative;display:block;clear: both; box-sizing:border-box; margin: 0 auto; padding: 80px 0 60px;overflow: hidden;} .sectionIntro:nth-child(odd) {background-color:#fff;} .sectionIntro:nth-child(even) {background-color:#f7f7f7;} .sectionIntro .sectionInner {width: 100%; max-width: 1200px; position: relative; display: block; margin:0 auto; } /* step_box */ .step_box{margin-top:20px; border:1px solid #dddddd; border-radius: 8px;} .step_box ul{overflow:hidden;} .step_box > ul > li{position:relative;float:left;width:25%;min-height:220px;border-right:1px dashed #eaeaea;border-bottom:0px solid #eaeaea;-moz-box-sizing:border-box;box-sizing:border-box;} .step_box > ul > li:last-child{border-right:0;} .step_box > ul > li:after{content:'';position:absolute;top:50%;right:-17px;width:34px;height:34px;margin:-17px 0 0 0;background:url('/ps/img/cmmImg_2020/common/ico_step_arrow2.png') no-repeat left top;z-index: 1;} .step_box > ul > li:first-child:after{display:block;} .step_box > ul > li:last-child:after{display:none;} .step_inner{padding:28px;text-align:center;-moz-box-sizing:border-box;box-sizing:border-box;} .step_inner .step01{display:inline-block;min-width:85px;height:30px;line-height:30px; margin:0 auto; padding:0 14px; border-radius:15px;font-size:.925rem;font-weight:500;color:#fff;background-color: #11881f;background-image: linear-gradient(135deg,#11881f 10%,#156da9 90%);} .step_inner .stit {font-size:30px;color:#efefef;line-height:1;display:block;margin:10px 0;} .step_inner dl dt{margin-top:20px;font-size:1.125rem;font-weight:600;color:#333;text-align:center;} .step_inner dl dd{margin-top:17px;text-align:left;} .step_inner dl dd ul.lst_dash li{line-height:24px;font-size:0.925rem;} .step_inner dl dd ul.lst_dash li:first-child{margin-top:0;} .step_inner dl dd ul.lst_dash li a{color:#0265d1;} .step_inner dl dd ul.lst_dash li a:hover{text-decoration:underline;} .step_inner .txtCon {font-size:.95rem; letter-spacing: -.05em;} .step_inner .txtCon span {font-size:1.1rem;display:block;font-weight:500;margin-bottom:5px;margin-top:10px;line-height:1.2;} .step_box.openData .txtCon:before {content:"";display:block;margin:auto;width:80px;height:80px;background-image:url('/ps/img/cmmImg_2020/sub/ico_openData.png');background-repeat: no-repeat; background-size: 320px;} .step_box.openData li:nth-child(1) .txtCon::before {background-position: 0 0;} .step_box.openData li:nth-child(2) .txtCon::before {background-position: -80px 0;} .step_box.openData li:nth-child(3) .txtCon::before {background-position: -160px 0;} .step_box.openData li:nth-child(4) .txtCon::before {background-position: -240px 0;} /* 리스트 */ .list_bar {display: inline-block;width: 100%;margin-bottom: 10px;text-align: left;margin: 0 !important;} .list_bar > li {position: relative;display: inline-block;width: 100%;font-size: .925rem;padding-left: 15px !important;color: #545454 !important;line-height: 1.4; margin-bottom: .3rem;word-break: keep-all;font-weight: 400 !important;} .list_bar > li:before { position: absolute; top: 11px; left: 4px; content: ''; display: inline-block; width: 5px; height: 1px; background-color: #222; color: #222; line-height: 1.2;} .list_bar > li:last-child {margin-bottom: 0;} .list_dot { position: relative;display: inline-block; width: 100%; margin-bottom: .8rem; text-align: left; font-weight: 300;} .list_dot > li { position: relative; display: inline-block; width: 100%; font-size: .925rem; margin-bottom: .3rem;font-weight: 400 !important;padding-left: 12px !important;color: #545454 !important; line-height: 1.4;} .list_dot > li:before { position: absolute; top: 11px; left: 2px; content: ''; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background-color: #E22631; color: #999; line-height: 1.2;} .list_dot > li:last-child {margin-bottom: 0;} .list_number { display: inline-block; width: 100%; margin-bottom: .8rem; text-align: left;} .list_number > li {position: relative;display: inline-block;width: 100%;font-size: .925rem;margin-bottom: .3rem;padding-left: 30px !important;color: #545454 !important;line-height: 1.4;word-break: keep-all;/* font-weight: 300; */} .list_number > li .num {position: absolute;top: 0px;left: 2px;display: inline-block;font-size: 12px;width: 21px;height: 21px;background-color: #4a506b;color: #fff;border-radius: 25px;text-align: center;line-height: 21px;letter-spacing: 0;} .list_number > li:last-child {margin-bottom: 0;} /* 리스트 */ /* 리스트_in리스트 */ .list_cont > li{display:block; position:relative; color:#555;font-size: .925rem; } .list_cont > li:after{display:block; content:''; clear:both; } .list_cont > li strong {font-weight: 500;vertical-align: baseline;} .list_cont > li b {display:block; font-weight: 500;font-size: 1rem;margin-bottom: 3px;vertical-align: baseline;} ol.list_cont > li {padding:2px 0 2px 10px !important; text-align:left; } .list_cont.ldot {margin-left: 0;} .list_cont.ldot > li {padding:2px 0 2px 10px !important; text-align:left; background:none;} .list_cont.ldot > li:before{display:block; content:''; position:absolute; top: 13px; left:0; width:3px; height:3px; background-color:#484848;} .list_cont.lbar > li{padding:2px 0 2px 10px !important; text-align:left; background:none;} .list_cont.lbar > li:before{display:block;content:''; position:absolute; left:0; top: 13px; width:5px; height:1px; background:#464646;} .list_cont.larr > li{padding:2px 0 2px 10px !important; text-align:left; background:none;} .list_cont.larr > li:before{display:block;content:''; position:absolute; left:0; top: 11px; border-bottom: 3px solid transparent; border-top: 3px solid transparent; border-left: 3px solid #1f4a6f;} .list_cont.ldot > li .list_cont.lbar {margin: 3px 0;} .list_cont.ldot > li .list_cont.lbar > li, .list_cont.ldot > li .list_cont.lbar > li strong {font-size: .925rem; color: #555;} .list_cont.col2 > li {width: 50%; float: left;display: inline-block; min-height: 100px;} /* 준비중, 에러 메시지, 안내 페이지 */ .message-wrap {width:100%;text-align:center;font-size: .925rem;padding:100px 0;letter-spacing:-.05em;} .message-wrap .tit {font-size:1.55rem;font-weight:600;letter-spacing:-.05em;margin:15px 0;color:#175aaf;line-height:1.3;} .message-wrap a {min-width:100px;} .message-wrap a.bp-btn {background:#175aaf;} .message-wrap a.bp-btn span {color:#fff;} .message-wrap:before {content:"";display:block;width:260px;height:180px;background:url('/ps/img/cmmImg_2020/sub/message_sprite.png') no-repeat;margin:0 auto 30px;} .message-wrap.wait:before {background-position:0 0;} .message-wrap.error:before {background-position:0 -180px;} .message-wrap.info:before {background-position:0 -360px;} /* table */ .tbl-wrap.table_scroll { margin-bottom: 1em; overflow-x: hidden;overflow-y: hidden;-webkit-overflow-scrolling : touch;} .tbl-wrap .tbl {border-top: 1px solid #899097;font-size: 1rem;letter-spacing: -.03em;} .tbl-wrap .tbl th, .tbl-wrap .tbl td {padding: .8rem;border-bottom: 1px solid #dedede;vertical-align: middle;} .tbl-wrap .tbl th + th, .tbl-wrap .tbl th + td, .tbl-wrap .tbl td + td {border-left: 1px solid #dedede;} .tbl-wrap .tbl th {background-color: #f6f8fa;color: #2e2d2e;font-weight: 500;} .tbl-wrap .tbl td {background-color: #fff;font-size: 95%;} .tbl-wrap .tbl.col th, .tbl-wrap .tbl.col td {text-align: center;} .tbl-wrap .tbl td.subject {text-align: left;} .tbl-wrap .tbl.first-left tbody tr td:first-child {text-align:left;} .tbl-wrap .tbl.last-left tbody tr td:last-child {text-align:left;} /* contIn-photo */ .contIn-photo {} .contIn-photo h4.contTitle {margin-top: 2rem;} .contIn-photo h4.contTitle:first-child{margin-top:0} .contIn-photo ul {overflow:hidden; margin-left:-.8%;margin-right:-.8%;} .contIn-photo li {position: relative; float: left; width: 25%; padding: .8%;} .contIn-photo ul.col3 li {width: 33.333%;} .contIn-photo li a,.contIn-photo li div {display: block;} .contIn-photo li a .thumB,.contIn-photo li div .thumB {position: relative;overflow: hidden;display:block;height: 186px;max-height: 186px; border-radius: 6px;background-color: #e3e3e3} .contIn-photo ul.col3 li a .thumB,.contIn-photo ul.col3 li div .thumB {height: 255px;max-height: 255px;} .contIn-photo li a .thumB img, .contIn-photo li div .thumB img {width: 100%; height:100%; -moz-transition:.5s transform ease; -o-transition:.5s transform ease; transition:.5s transform ease;} .contIn-photo li a:hover .thumB img {-moz-transform:scale(1.08) rotate(0.1deg); -ms-transform:scale(1.08) rotate(0.1deg); -o-transform:scale(1.08) rotate(0.1deg); transform:scale(1.08) rotate(0.1deg);} .contIn-photo li div:hover .thumB img {} .contIn-photo li .imgTit {display:block;position: absolute;bottom: 0;width: 100%;color:#fff;font-size: 0.85rem;font-weight: 300;letter-spacing: -0.03rem;padding: .3rem.5rem;background: rgba(0,0,0,0.5);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;} /* 이달의 식재료 */ .foodReser_wrap {position: relative; width: 100%; overflow: hidden; text-align: left; margin: 0 auto 3rem;} .foodReser_wrap .foodlist {} .foodReser_wrap .foodlist:after {display:block;content:'';clear:both;} .foodReser_wrap .foodlist li {float:left; width:33.3333%; text-align:center; box-sizing: border-box;} .foodReser_wrap .foodlist li a {position:relative; display:block;} .foodReser_wrap .foodlist li a:after {content: ''; width: 100%; height: 48px; position: absolute; left:0; bottom:0; margin:0 auto; border-radius:0 0 8px 8px; font-weight: 500; background: linear-gradient(to bottom,rgba(32,32,32,0) 0,rgba(32,32,32,0.7) 100%);} .foodReser_wrap .foodlist li .pimg {display: block; width: 100%; overflow: hidden; max-height: 188px;border-radius: 6px;} .foodReser_wrap .foodlist li img {width: 100%; max-width: 100%; border-radius: 6px; } .foodReser_wrap .foodlist li .txt_mask {position:absolute; display:block; left:0; bottom:8px; padding:0 1rem; text-align:left; z-index: 1; width: 100%;color:#fff;font-size: 0.9rem;letter-spacing: -0.03rem;} .foodReser_wrap .bx-controls-direction { top: 0; width: 100%; } .foodReser_wrap .bx-controls-direction .bx-prev { display: block; position: absolute; left:0; width: 30px; height: 52px; top: 50%; margin-top:-26px; background: rgba(0,0,0,0.2); border-radius:0 8px 8px 0;z-index: 2;} .foodReser_wrap .bx-controls-direction .bx-next { display: block; position: absolute; right:0; width: 30px; height: 52px; top: 50%; margin-top:-26px; background: rgba(0,0,0,0.2); border-radius:8px 0 0 8px;z-index: 2;} .foodReser_wrap .bx-controls-direction .bx-prev:hover, .foodReser_wrap .bx-controls-direction .bx-next:hover {background:rgba(0,0,0,0.5);} .foodReser_wrap .bx-controls-direction .bx-prev:after{display: block;content: '';position: absolute;left: 12px;top: 50%; margin-top: -5px;width:10px;height: 10px;border-bottom:2px solid #fff;border-left: 2px solid #fff;transform:rotate(45deg);transition: transform 150ms ease-in-out;} .foodReser_wrap .bx-controls-direction .bx-next:after{display: block;content: '';position: absolute;right: 12px;top: 50%; margin-top: -5px;width:10px;height: 10px;border-top:2px solid #fff;border-right: 2px solid #fff;transform:rotate(45deg);transition: transform 150ms ease-in-out;} /* 음식 설명 */ .contSummary {} .contSummary h3.subTitle {font-size: 1.78rem; font-weight: 300;color:#888} .contSummary dl.dl { border-bottom:0;} .contSummary dt.subTit, .contSummary h4.subTit{position: relative;padding:0;padding-left: 24px;font-size: 1.28rem;margin: 20px 0;font-weight: 500;letter-spacing: -0.05em;color: #222;} .contSummary dt.subTit:before, .contSummary h4.subTit:before {content:'';position:absolute;top:50%;margin-top: -7px;left:1px;width: 16px;height: 16px;border: 5px solid transparent;border-radius:50%;background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0)), linear-gradient(101deg, rgba(0,209,197,1) 0%,rgba(5,70,204,1) 100%);background-origin: border-box;background-clip: content-box, border-box;box-shadow:2px 2000px 1px #fff inset;} .contSummary dt.contTit, .contSummary h4.contTit { display:block;position: relative; padding:0;padding-left: 20px; margin-bottom: 1rem; color: #156da9; font-size: 1.2rem; font-weight: 500; letter-spacing: -0.06em; text-align: left;} .contSummary dt.contTit span, .contSummary h4.contTit span {color: #333;} .contSummary dt.contTit:before, .contSummary h4.contTit:before {content:'';display:inline-block;position: absolute; left: 0;top:12px;width:11px;height:5px; margin-bottom: .3rem;background-color:#156da9; background-image:linear-gradient(135deg,#156da9 0%,#11881f 100%); } .contSummary dd.contText {clear: both; margin-bottom: 1.5rem; padding-left: 1.2rem;font-size: .95rem;color: #676767;} .contSummary dd.contText:last-child {padding-bottom: 1.5rem; border-bottom: 1px dashed #ddd;} .contSummary .type_Basic + .txtlist {margin-top: 1rem;} .contSummary .txtlist ul li br {display:none;} .contSummary .txtlist ul li span{ display: inline-block;position: relative; padding:0;padding-left: 20px; margin-bottom: .5rem; color: #156da9; font-size: 1.2rem; font-weight: 500; letter-spacing: -0.06em; text-align: left;} .contSummary .txtlist ul li span:before {content:'';display:inline-block;position: absolute; left: 0;top:12px;width:11px;height:5px; margin-bottom: .3rem;background-color:#156da9; background-image:linear-gradient(135deg,#156da9 0%,#11881f 100%); } .contSummary .txtlist ul li p {padding-left: 20px;font-size: 1.125rem; font-weight: 500;letter-spacing: -0.06em; } /* contWrap */ .cont {clear: both; font-size: .95rem;letter-spacing: -.03em; padding-bottom: 1.5rem; margin-bottom: 1.5rem;border-bottom: 1px dashed #ddd;} .cont > ul:after {display:block; clear:both; visibility:hidden; content:'';} .cont > ul > li {position:relative;margin-left: 1%;} .cont > ul > li strong {display:block; color:#2f2f2f;font-size: 1rem;font-weight:500; } .cont > ul > li strong span {display:block; font-weight:normal; color:#545454;} .cont > ul > li p {color:#545454;} .cont > p strong {display:block; color:#2f2f2f;font-size: 1.025rem;font-weight:500; } .cont > p em {position: relative; display: inline-block;z-index: 0;color: #2055a3;font-weight:500; } .cont > p em:after {content: '';display: block;position: absolute; bottom:2px; left:0; z-index:-1; width:100%; height:6px;background:#e2edf8;} .cont > ul > li em {position: relative; display: inline-block;z-index: 0;color: #2055a3;font-weight:500; } /* 교육안내 */ .contIcon_list.typeA {font-size: .95rem;} .contIcon_list.typeA > ul {margin:-.3%} .contIcon_list.typeA > ul > li {width:25%;float: left;position:relative;padding:.3%;} .contIcon_list.typeA > ul > li dl {border: 1px solid #d9d9d9;padding: 25px;min-height: 520px;} .contIcon_list.typeA > ul > li dt {display:block;margin: auto;color:#2f2f2f;font-size: 1.2rem;font-weight:500;vertical-align: middle;margin-bottom: 10px;text-align: center;letter-spacing: -.05em;} .contIcon_list.typeA > ul > li dt .i {position:relative;display: inline-block;margin-bottom: 5px;width:30px;height:30px;line-height:30px;background: #2159b3;background: linear-gradient(180deg,#18a3c2,#2159b3);text-align:center;font-size:.85rem;color:#fff;} .contIcon_list.typeA > ul > li dt .i:before, .contIcon_list.typeA > ul > li dt .i:after {content:"";position:absolute;left:0;display:block;width:100%;height:0;border-left:9px solid #fff;border-right:9px solid #fff;} .contIcon_list.typeA > ul > li dt .i:before{top:0;border-bottom: 9px solid #1a8bbd;} .contIcon_list.typeA > ul > li dt .i:after {bottom:0;border-top: 9px solid #1e69b6;} .contIcon_list.typeA > ul > li dt span {display:block;} .contIcon_list.typeA > ul > li dd p { color:#545454;} .contIcon_list.typeA > ul > li dd p + p { margin-top: 10px;} .contIcon_list.typeA > ul > li dd p span {display:block;color:#676767;font-size:.85rem;font-weight:300;} .contIcon_list.typeA > ul > li dd em {position: relative; display: inline-block;z-index: 0;color: #2055a3;font-weight:500; } .contIcon_list.typeA > ul > li dd em:after {content: '';display: block;position: absolute; bottom:2px; left:0; z-index:-1; width:100%; height:6px;background:#e2edf8;} .contIcon_list.edu {letter-spacing: -.05em;} .contIcon_list.edu > ul > li dl:before {content: ''; display:block; width: 100px; height: 70px; margin: 30px auto;background-repeat: no-repeat; background-size: 400px;background-image: url('/ps/img/cmmImg_2020/sub/ico_edu.png');} .contIcon_list.edu > ul > li:nth-child(1) dl:before {background-position: 0 0;} .contIcon_list.edu > ul > li:nth-child(2) dl:before {background-position: -100px 0;} .contIcon_list.edu > ul > li:nth-child(3) dl:before {background-position: -200px 0;} .contIcon_list.edu > ul > li:nth-child(4) dl:before {background-position: -300px 0;} .listIcon {letter-spacing: -.03em;} .listIcon > ul:after {display:block; clear:both; visibility:hidden; content:'';} .listIcon > ul > li strong {display:block; color:#2f2f2f; font-size: 1.125rem; font-weight:500;} .listIcon > ul > li strong span {display:block; font-weight:normal; color:#545454;} .listIcon > ul > li p {font-size:.925rem; color:#545454;} .listIcon.typeA {border-top:2px solid #3a67b9;} .listIcon.typeA > ul {border-bottom:1px solid #d9d9d9;} .listIcon.typeA > ul > li {position:relative;padding: 20px;overflow: hidden;border-bottom:1px dashed #d9d9d9;} .listIcon.typeA > ul > li:last-child {border:none;} .listIcon.typeA > ul > li .ico {position:absolute; left:25px; top:30px;} /* 공공Data신청 */ .dataInfo {position: relative;display: block;} .dataInfo i.iCo {position: relative;display: inline-block;left: 0;float: left;width:80px;margin: auto; margin-right: 12px;overflow: hidden;box-sizing: border-box;vertical-align: middle;} .dataInfo i.iCo:before {content:'';display:block;position: absolute;width:80px;height: 50px;margin: auto;background-image:url("/ps/img/cmmImg_2020/sub/openDataIcon.png");background-size: 480px auto;background-repeat:no-repeat;vertical-align: middle;transition: all 0.3s ease;} .dataInfo i.iCo.iF01:before { background-position:0 0;}/* 품종 */ .dataInfo i.iCo.iF02:before { background-position:-80px 0;} /* 농업기술 */ .dataInfo i.iCo.iF03:before { background-position:-160px 0;}/* 농업경영 */ .dataInfo i.iCo.iF04:before { background-position:-240px 0;}/* 농자재 */ .dataInfo i.iCo.iF05:before { background-position:-320px 0;}/* 생활문화 */ .dataInfo i.iCo.iF06:before { background-position:-400px 0;}/* 기타정보 */ .dataInfo i.iCo em {position: relative;display: block;text-align: center;font-size: .8rem;margin: auto;padding-top: 45px; font-weight: 500;} .dataInfo .infoTxt {position: relative;width: 78%;float: left;} .dataInfo .infoTxt strong {display:block; color:#2f2f2f; font-size: 1.125rem; font-weight:500;} .dataInfo .infoTxt p {font-size:.925rem; color:#545454;display: -webkit-box;} .dataInfo .infoTxt:after {content:'';position: absolute;right: 0;top: 0;width:1px;height: 100%;background: #eee;} .dataInfo .infoBtn {display: inline-block;width: 22%;padding-left: 20px;} .dataInfo .infoBtn dl {font-size: .925rem;} .dataInfo .infoBtn dt {float: left;font-size: .85rem;line-height: 34px;vertical-align: middle;width: 74px;display: inline-block;} .dataInfo .infoBtn dd {} .dataInfo .infoBtn span.btnArea {display: inline-flex;} .dataInfo .infoBtn span.btnArea .btn {font-size: .8rem;min-width: auto;height: 26px;line-height: 24px;font-weight: 300;} .dataInfo .infoBtn span.btnArea .btn.down {display: block;font-weight: 500;} /* dataOpan_list_공공Data신청 */ div.dataOpan_list {} div.dataOpan_list h3.icoTitle { position: relative; vertical-align: middle;color:#111;margin: 30px auto 18px;} div.dataOpan_list h3.icoTitle + h3.icoTitle {margin-top: 30px;} div.dataOpan_list h3.icoTitle span {position: relative; background: #fff;font-size: 1.125rem; vertical-align: middle; font-weight: 500; padding: 0 10px;} div.dataOpan_list h3.icoTitle:before {content: ''; position:absolute;left:0; top: 50%;margin-top :-2px; display: inline-block; box-sizing: border-box; width: 100%; height: 5px; border-bottom: 1px dashed #ddd;/*background: url('/ps/img/cmmImg_2020/common/ptBox_title.gif') repeat;*/} div.dataOpan_list i.iCo {position: relative; display: inline-block;width: 40px;margin: auto;overflow: hidden;box-sizing: border-box;vertical-align: middle; background: #fff;} div.dataOpan_list i.iCo:before {content:'';display:block;width: 40px;height: 40px;margin: auto;background-image:url("/ps/img/cmmImg_2020/sub/openDataIcon_s.png");background-size: 240px auto;background-repeat:no-repeat;vertical-align: middle;transition: all 0.3s ease;} div.dataOpan_list i.iCo.iF01:before { background-position:0 0;}/* 품종 */ div.dataOpan_list i.iCo.iF02:before {background-position: -40px 0;} /* 농업기술 */ div.dataOpan_list i.iCo.iF03:before { background-position:-80px 0;}/* 농업경영 */ div.dataOpan_list i.iCo.iF04:before { background-position:-120px 0;}/* 농자재 */ div.dataOpan_list i.iCo.iF05:before { background-position:-160px 0;}/* 생활문화 */ div.dataOpan_list i.iCo.iF06:before { background-position:-200px 0;}/* 기타정보 */ div.dataOpan_list i.iCo em {position: relative;display: block;text-align: center;font-size: .8rem;margin: auto;padding-top: 50px; font-weight: 500;} div.dataOpan_list ul {overflow: hidden; margin:0 -.5%;} div.dataOpan_list li {position: relative; float: left; width: 33.333%; padding: .5%;} div.dataOpan_list li div.dataBox {display: block;overflow: hidden;border: 1px solid #d4d4d4;font-size: .925rem;color: #555;-webkit-border-radius: 6px;border-radius: 6px;letter-spacing: -0.05em; transition: 0.5s;} div.dataOpan_list li div.dataBox .dataTxt {position: relative;display: block;padding: 1rem;} div.dataOpan_list li div.dataBox .dataTxt strong {display:block; color:#2159b3;margin-bottom: 3px; font-size: 1.125rem; font-weight:500; letter-spacing: -.05em;} div.dataOpan_list li div.dataBox .dataTxt strong em {font-size: .88rem; font-weight:400;color: #454545;} div.dataOpan_list li div.dataBox .dataTxt p {font-size:.88rem;height: 44px; color: #666; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5;} div.dataOpan_list li div.dataBox .dataBtn {display: block;padding: 1rem; overflow: hidden;background: #f9f9f9;} div.dataOpan_list li div.dataBox .dataBtn dl { width: 50%; float: left; display: inline-block;} div.dataOpan_list li div.dataBox .dataBtn dt {position: relative;float: left;font-size: .8rem;line-height: 32px;vertical-align: middle;width: 74px;padding-left:7px; display: inline-block;} div.dataOpan_list li div.dataBox .dataBtn dl:first-child dt {width: 57px;} div.dataOpan_list li div.dataBox .dataBtn dt:before {content:'';position:absolute; left:0; top:12px; display:block; width:2px; height:2px; background:#f55d2b; border-radius:4px;top: 50%; border-radius: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} div.dataOpan_list li div.dataBox .dataBtn dd {} div.dataOpan_list li div.dataBox .dataBtn span.btnArea {display: inline-flex;} div.dataOpan_list li div.dataBox .dataBtn span.btnArea .btn {font-size: .75rem;min-width: auto;height: 26px;line-height: 24px;font-weight: 300; padding: 0 10px;margin: 2px; border-radius: 30px;} div.dataOpan_list li div.dataBox .dataBtn span.btnArea .btn.down {font-size: .8rem;display: block;font-weight: 500;} /* CI소개 */ .ci_info { position:relative;margin: 0;overflow: hidden;} .ci_info .ci{ border: 1px solid #dbdbdb; background: url('/ps/img/cmmImg_2020/common/img_ci_bg.gif') left top repeat; padding: 4.2%; text-align: center;width: 100%;margin-bottom:20px;overflow: hidden; box-sizing: border-box;} .ci_info .ci img {display: inline-block;vertical-align: bottom;} .ci_info .ci img {margin:0 30px;} .ci_info .ci ul {overflow: hidden;margin:-1%} .ci_info .ci ul li {width:33.333%;float: left;position:relative;padding:1%;} .ci_info .ci ul li img {width:150px} .ci_info .btnArea {position: absolute;top:0; right:0;margin: 0;} .ci_info .btnArea .btn {border-radius: 6px 0;} .ci_info .colorWrap {margin-bottom:30px;} .ci_info .colorWrap ul {overflow: hidden;margin:-.5%} .ci_info .colorWrap ul li {width:33.333%;float: left;position:relative;padding:.5%;} .ci_info .colorWrap .colorArea {} .ci_info .colorWrap .colorArea .color_tit {font-size: 1.1rem;height:100px;padding: 22px;text-shadow: 0 0 2px rgba(0,0,0,.4);} .ci_info .colorWrap .colorArea .cr_blue {background:#00a9ff;color: #fff;} .ci_info .colorWrap .colorArea .cr_green {background:#8cde3f;color: #fff;} .ci_info .colorWrap .colorArea .cr_yellow {background:#ffc200;color: #fff;} .ci_info .colorWrap .colorArea .color_txt {padding:22px;border: 1px solid #dadada;border-top: 0;} .ci_info .colorWrap .colorArea .color_txt dl {overflow: hidden;} .ci_info .colorWrap .colorArea .color_txt dt {float: left; display: inline-block;margin-right: 5px;font-size: .88rem;color:#545454;font-weight:400;} .ci_info .colorWrap .colorArea .color_txt dd {display: block;font-size: .88rem;color:#676767;font-weight:300;} .ci_info .colorWrap .colorArea .color_txt .colT {margin: 0;} .ci_info .colorWrap .colorArea .color_txt .colT li {width:100%;display: block;font-size: .88rem;color: #676767; font-weight: 300;} .ci_info .colorWrap .colorArea .color_txt .colT li strong {margin-right: 5px; font-size: .88rem; color: #545454; font-weight: 400;} /* 공공Data활용기관 */ .chartWrap {position: relative; display: block; text-align: center; overflow-x: auto;} /* 작목정보(품종):검색 */ .cropSearchWrap{ overflow: hidden; border: 1px solid #ddd; background-color: #fff;margin-bottom:50px; } .cropSearchWrap .cropSet {} .cropSearchWrap .cropSearchArea { padding:2rem; } .cropSearchWrap .cropSearchArea .inner {} .cropSearchWrap .cropSearchArea .inner:after{content:'';display:block;clear:both;visibility:hidden;} .cropSearchWrap .cropSearchArea .inner div {float:left;margin:0 1%;margin-bottom:5px; width:48%;} .cropSearchWrap .cropSearchArea .inner div:after{content:'';display:block;clear:both;visibility:hidden;} .cropSearchWrap .cropSearchArea .inner div label {float:left;width:65px; font-size:16px; color:#2d2d2d;line-height:40px; font-weight: 500; text-align: center;} .cropSearchWrap .cropSearchArea .inner div select {float:left;margin-left:15px; width:130px; height:40px; line-height:40px; } .cropSearchWrap .cropSetGroup{ padding: 0 0 20px; margin-bottom:20px; border-bottom:1px dashed #ddd;} .cropSearchWrap .cropSetGroup:after{content:'';display:block;clear:both} .cropSearchWrap .cropSetGroup div{float:left;margin:0 auto;width:14.2857%; padding: 0 .25%;text-align:center; } .cropSearchWrap .cropSetGroup button{ display: inline-block;padding: 10px 0;width:100%; font-size:0.925rem; color:#666;border:1px solid #ddd; border-radius:5px;} .cropSearchWrap .cropSetGroup button.cropBtn.on{font-weight:500;background-color:#11881f; background-image:linear-gradient(120deg,#11881f 10%,#156da9 90%); color:#fff; border:1px solid #156da9; } .cropSearchWrap .cropSetGroup button.on{color:#2055a3;border:1px solid #2055a3; } .cropSearchWrap button.cropBtn:hover, .cropSearchWrap button.cropBtn:focus {border:1px solid #156da9;outline: none;} .cropSearchWrap .cropSetGroup button i.iCo {position: relative; display: block; width:40px; height:40px;line-height:40px; margin: auto;overflow: hidden; box-sizing: border-box; /*background:#FFF;*/} .cropSearchWrap .cropSetGroup button i.iCo:before { content:'';display:block; position: absolute;width:30px;height:30px;left: 0; top: 0; bottom: 0; right: 0; margin: auto; background-image:url("/ps/img/cmmImg_2020/common/crop-icon.png");background-size: 210px auto; background-repeat:no-repeat;vertical-align: middle; transition: all 0.3s ease;} .cropSearchWrap .cropSetGroup button i.iCo.iC01:before { background-position:0 0;} /* 식량작물 */ .cropSearchWrap .cropSetGroup button i.iCo.iC02:before { background-position:-30px 0;} /* 특용작물 */ .cropSearchWrap .cropSetGroup button i.iCo.iC03:before { background-position:-60px 0;} /* 채소 */ .cropSearchWrap .cropSetGroup button i.iCo.iC04:before { background-position:-90px 0;} /* 과수 */ .cropSearchWrap .cropSetGroup button i.iCo.iC05:before { background-position:-120px 0;} /* 화훼 */ .cropSearchWrap .cropSetGroup button i.iCo.iC06:before { background-position:-150px 0;} /* 축산 */ .cropSearchWrap .cropSetGroup button i.iCo.iC07:before { background-position:-180px 0;} /* 녹비작물 */ .cropSearchWrap .cropSetGroup button.on i.iCo.iC01:before { background-position:0 -30px;} /* 식량작물 */ .cropSearchWrap .cropSetGroup button.on i.iCo.iC02:before { background-position:-30px -30px;} /* 특용작물 */ .cropSearchWrap .cropSetGroup button.on i.iCo.iC03:before { background-position:-60px -30px;} /* 채소 */ .cropSearchWrap .cropSetGroup button.on i.iCo.iC04:before { background-position:-90px -30px;} /* 과수 */ .cropSearchWrap .cropSetGroup button.on i.iCo.iC05:before { background-position:-120px -30px;} /* 화훼 */ .cropSearchWrap .cropSetGroup button.on i.iCo.iC06:before { background-position:-150px -30px;} /* 축산 */ .cropSearchWrap .cropSetGroup button.on i.iCo.iC07:before { background-position:-180px -30px;} /* 녹비작물 */ .cropSearchWrap .searchWord {width:100%;display: inline-flex;overflow: hidden;background:#f8f8f8;padding: 20px;box-sizing: border-box;} .cropSearchWrap .searchWord .inner {width: 70%;display: inline-block;float: left;} .cropSearchWrap .searchWord .inner:after{content:'';display:block;clear:both;visibility:hidden;} .cropSearchWrap .searchWord .inner button {float:left;margin: .2rem;display: inline-block;width:40px;height:40px;background:#fff;text-align: center;line-height:40px;border:1px solid #ddd;border-radius:5px;font-size:15px;color:#666;} .cropSearchWrap .searchWord .inner button.on {color:#2055a3; border:1px solid #2055a3;} .cropSearchWrap .searchWord .inner button.conso00 {width:88px;} .cropSearchWrap .searchWord button:hover, .cropSearchWrap .searchWord button:focus {border:1px solid #156da9;outline: none;} .cropSearchWrap .searchKeyWord {display: inline-block;position:relative;width: 30%;} .cropSearchWrap .searchKeyWord span.tiT {float:left; position:absolute; top:0; left:0; line-height:40px;} .cropSearchWrap .searchKeyWord fieldset {margin: .2rem;} .cropSearchWrap .searchKeyWord input {float:left;} .cropSearchWrap .searchKeyWord input[type="text"] {width: 100%;height:40px;display: block;position: relative;padding-right: 46px;background:#fff;border:1px solid #ddd;border-radius: 5px;text-indent: 8px;} .cropSearchWrap .searchKeyWord input[type="text"]::-webkit-input-placeholder {font-weight: 300;color:#999;} .cropSearchWrap .searchKeyWord input[type="text"]:-moz-placeholder {font-weight: 300;color:#999;} .cropSearchWrap .searchKeyWord input[type="text"]::-moz-placeholder {font-weight: 300;color:#999;} .cropSearchWrap .searchKeyWord input[type="text"]:-ms-input-placeholder {font-weight: 300;color:#999;} .cropSearchWrap .searchKeyWord input[type="submit"]{width: 50px;position: absolute;right: 0;height: 40px;vertical-align: middle;background-image:url('/ps/img/cmmImg_2020/main/micon_search.png');/* background-color:#3b3c3d; */font-size:0;background-size: 24px auto;background-repeat: no-repeat;background-position: 50% 50%;/* border-radius: 0 5px 5px 0; */} /* 작목정보(품종):검색내용 */ .cropContArea {position: relative;overflow: hidden;} .cropConTab {position:relative; } /* depth01_Tab */ .cropConTab .depth01_Tab {position:relative; margin:0 0 10px;} .cropConTab .depth01_Tab ul {display:table; width:100%; border-spacing:1px 0;} .cropConTab .depth01_Tab li {position:relative; display:table-cell;} .cropConTab .depth01_Tab.col3 li {width: 33.333%;background:#eee;} .cropConTab .depth01_Tab li a {display:block; padding: .8rem; /*border:1px solid #dddddd; border-bottom:0; border-radius:6px 6px 0 0;*/ color:#333333; text-align:center;} .cropConTab .depth01_Tab li.on a {color:#fff; font-weight: 500; background:#63676d; /*background-image:linear-gradient(135deg,#11881f 10%,#156da9 90%);*/ } .cropConTab .depth01_Tab li.on a:hover {color:#fff;} .cropConTab .depth01_Tab li.on a:hover,.depth01_Tab li.on a:focus,.depth01_Tab li.on a:active {cursor:pointer !important; color:#fff ; text-decoration:none;} .cropConTab .depth01_Tab button {display:none;} .cropConTab .depth02_Tab {position: relative; width:100%; text-align: center; margin: 0 0 40px;} .cropConTab .depth02_Tab ul {overflow: hidden;} .cropConTab .depth02_Tab ul li {position: relative; float: left;display: inline-block;text-align: center;padding:.4rem 1rem;} .cropConTab .depth02_Tab ul li a {display:block; font-weight:300;color:#666;} .cropConTab .depth02_Tab ul li:nth-child(even):after {content: '';position:absolute;display: inline-block;width:1px;height: 14px;top: 12px;left:0;background: rgba(0,0,0,.1);} .cropConTab .depth02_Tab ul li.on a {color:#156da9; font-weight: 500; } .cropConTab .depth02_Tab ul li.on a:hover {} .tab_conts {} .tab_conts div + div {margin-top: 3rem;} /* 작목정보(품종) 선택 */ .cropSearchArea .desc-items { display: none; margin: 1.5rem auto 0; font-size: 0.9rem; color: #666;} .cropSearchArea .desc-items .colList { overflow-y: auto; height: 118px; height: 118px;} .cropSearchArea .desc-items .colList li { float: left; position: relative; width: 16.6666%; padding: .25%;display: inline-block;} .cropSearchArea .desc-items .colList li a { text-align: center; display: block; padding: .25rem; border: 1px dashed #b6c2ce; border-radius: 4px;} .cropSearchArea .desc-items .colList li a:hover {background: #f6f8fa;} .cropSearchArea .desc-items .colList li.active a {font-weight: 500; color:#fff; background:#156da9;border: 1px solid #156da9;} .cropSearchArea .desc-items.in { display: block;} .cropSearchArea .desc-items .itemsGrid.selected .colList{height:100%;} .cropSearchArea .desc-items .itemsGrid .more-view span:after { width: 9px; height: 9px;margin-top: -7px;border-left: 1px solid;border-bottom: 1px solid;border-color: #444;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} /* 제품정보 */ .cropDiv{} .cropDiv .cropDivTab{position:relative; margin:10px auto 45px; width:100%; text-align:center} .cropDiv .cropDivTab .cropTabs{display:table; margin:0 auto;} .cropDiv .cropDivTab .cropTabs button{position:relative;display:table-cell; text-indent: 1.2rem; width:300px; height:54px; color:#666; background:#f2f2f2; text-align:left; vertical-align:middle} .cropDiv .cropDivTab .cropTabs button:before{content:'';position:absolute;top:50%;left:90%;display:block;width:14px;height:2px;background:#b4b4b4;margin:-1px 0 0 -7px;} .cropDiv .cropDivTab .cropTabs button:after{content:'';position:absolute;top:50%;left:90%;display:block;width:2px;height:14px;background:#b4b4b4;margin:-7px 0 0 -1px;} .cropDiv .cropDivTab .cropTabs select{position:relative; padding: 0 1.2rem; width:300px; height:54px; color:#666; background: #f2f2f2 url('/ps/img/cmmImg_2020/common/select_Plus.png') center right 8% no-repeat; text-align:left; vertical-align:middle;-webkit-appearance: none; -moz-appearance: none; -o-appearance:none;} .cropDiv .cropDivTab .cropTabs select::-ms-expand { display: none; } .cropDiv .cropDivTab .cropTabs select:hover { font-weight: 500; background-color: #11881f; background-image: linear-gradient(120deg,#11881f 10%,#156da9 90%); color: #fff;} .cropDiv .cropDivTab .cropTabs button.on{font-weight:500; color:#fff; background-color: #11881f; background-image: linear-gradient(120deg,#11881f 10%,#156da9 90%);} .cropDiv .cropDivTab .cropTabs button.on:before{content:'';position:absolute;top:50%;left:90%;display:block;width:14px;height:2px;background:#fff;margin:-1px 0 0 -7px;} .cropDiv .cropDivTab .cropTabs button.on:after{content:none;} .cropDiv .cropDivTab .cropTabs button + button{border-left:1px solid #fff} .cropDiv .cropDivTab .cropTabs button.on + a{border-left:1px solid #11881f} .cropDiv .cropDivTab .cropTabs button + button.on{background-color: #11881f; background-image: linear-gradient(120deg,#11881f 10%,#156da9 90%);} .cropDiv .cropDivTab .twoD{position:absolute; top:54px; left:50%; transform:translateX(-50%); width:100%; background:#fff; border:1px solid #5bae2a; overflow:hidden; z-index:2; display:none} .cropDiv .cropDivTab .typeA{} .cropDiv .cropDivTab .typeA .clickArea{padding:14px 9px; overflow:hidden} .cropDiv .cropDivTab .typeA a{position:relative; float:left; min-width:180px; padding:0 20px; height:50px; font-size:16px; line-height:50px; color:#666} /* 2019-10-23 수정 */ .cropDiv .cropDivTab .typeA a:after{content:''; display:block; position:absolute; top:17px; left:100%; width:1px; height:16px; background:#eee} /* .cropDiv .cropDivTab .typeA a:nth-child(7n):after{display:none} 2019-10-23 삭제 */ .cropDiv .cropDivTab .typeA a.on{color:#fff; background:#5bae2a} .cropDiv .cropDivTab .typeA a.on:after{display:none} .cropDiv .cropDivTab .typeB{} .cropDiv .cropDivTab .typeB .clickArea{padding:40px 80px; overflow:hidden} .cropDiv .cropDivTab .typeB .tit{font-weight:500; font-size:18px; color:#222; text-align:center} .cropDiv .cropDivTab .typeB .choiceD{margin:20px auto 25px; height:130px; overflow-y:auto;} .cropDiv .cropDivTab .typeB .choiceD:after{content:''; display:block; clear:both} .cropDiv .cropDivTab .typeB .choiceD > div{position:relative; float:left; width:16.666%; padding:0 .5%; background:#fff; text-align:left} .cropDiv .cropDivTab .typeB .choiceD > div button {position:relative; width: 100%;display:block; padding:8px 15px 8px 10px; font-size:16px; line-height:22px; color:#555; border:1px solid #e1e1e1;} .cropDiv .cropDivTab .typeB .btnSch{display:inline-block; margin:0 2px; width:94px; height:45px; font-size:18px; line-height:45px; color:#fff; background:#54a922; text-align:center} .cropDiv .cropDivTab .typeB .reset{display:inline-block; margin:0 2px; width:94px; height:45px; font-size:18px; line-height:43px; color:#555; border:1px solid #666; text-align:center} /* category_form_wrap */ .category_form_wrap{position:relative;margin:2rem 0;background-color: #fff} .sub_content>.category_form_wrap:first-child{margin-top:0} .category_form_wrap .inner{position:relative} .category_form_wrap .label_wrap{display:none;border:1px solid #156da9} .category_form_wrap .label{position:relative;display:block;width:100%;height:40px;padding:0 1.5rem 0 1.2rem;font-size:1.125rem;text-align:left} .category_form_wrap .label:after{display: block; content: ''; position: absolute; right:16px; top:18px; width:10px; height: 10px; border-bottom:2px solid #444; border-right:2px solid #444; transform:rotate(45deg);transition: transform 150ms ease-in-out; } .category_form_wrap .category_form_link.open {display:block;} .category_form_wrap .category_form_link{display:table;width:100%;table-layout:fixed} .category_form_wrap .category_form_item{display:table-cell;position:relative;width:100%;height:50px;padding:1rem 0;font-size:1rem;color:#494949;border:1px solid #dcdcdc;border-left-color:#fff;border-bottom-color:#666;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;border-right:none;vertical-align:middle;} .category_form_wrap .category_form_item a{display:block;border-right:1px solid #dcdcdc;} .category_form_wrap .category_form_item:last-child a{border-right:none;} .category_form_wrap .category_form_item:first-child{border-left-color:#dcdcdc} .category_form_wrap .category_form_item:last-child{border-right:1px solid #dcdcdc;} .category_form_wrap .category_form_item.is_actived{z-index:1;border:1px solid #666;border-bottom-color:#fff} .category_form_wrap .category_form_item.is_actived a{border:none;font-weight: 500;} .board_category{padding:1.4rem;border:1px solid #dadada;border-top:0;font-size:0;} .board_category .brd_category_item{display:inline-block;position:relative;margin:0 1.4rem 0 0; line-height: 2; font-size:.925rem;color:#626262;} .board_category .brd_category_item.is_actived{color:#11881f;font-weight: 500;border-bottom: 2px solid #11881f;} .board_category .brd_category_item + .brd_category_item:before {position:absolute;top:50%;left: -.7rem;width:2px;height:2px;background:#dedede;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:'';} /* ctgForm_wrap */ .ctgForm_wrap{position:relative;margin:0 0 2rem;background-color: #fff} .ctgForm_wrap .ctgTab_Ty01 {} .ctgForm_wrap .ctgTab_Ty01 .label {display:none;} .ctgForm_wrap .ctgTab_Ty01 .ctgTab_link {display:table;width:100%;table-layout:fixed} .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item{display:table-cell;position:relative;width:100%;height:48px;font-size:1rem;color:#494949;border:1px solid #dcdcdc;border-left-color:#fff;border-bottom-color:#666;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;border-right:none;vertical-align:middle;} .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item a{display:block;border-right:1px solid #dcdcdc;} .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item:last-child a{border-right:none;} .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item:first-child{border-left-color:#dcdcdc} .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item:last-child{border-right:1px solid #dcdcdc;} .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item.selected{z-index:1;border:1px solid #666;background-color: #666;color: #fff;} .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item.selected a{border:none;font-weight: 500;} .ctgForm_wrap .ctg_Blist {position: relative;/*margin:0 0 3rem;*/} .ctgForm_wrap .ctg_Blist .ctg_link {padding:.8rem;border-bottom:1px dashed #dadada;border-top:0;font-size:0;} .ctgForm_wrap .ctg_Blist .ctg_link li{display:inline-block;position:relative;margin:.4rem; font-size:.9rem;color:#6d6c76;} /* .ctgForm_wrap .ctg_Blist .ctg_link li:before {position:absolute;top:50%;right: -.7rem;width:2px;height:2px;background:#dedede;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:'';} */ .ctgForm_wrap .ctg_Blist .ctg_link li:last-child:before{display:none;} .ctgForm_wrap .ctg_Blist .ctg_link li.selected a {color: #fff; background-color: #2055a3;border:1px solid #2055a3 !important; font-weight: 500;} .ctgForm_wrap .ctg_Blist .ctg_link li.selected a:hover {color: #fff;} .ctgForm_wrap .ctg_Blist .ctg_link li a {display: inline-block;padding: .2rem .5rem; background-color: #f7f7f7; border: 1px solid #eee; border-radius: 4px;cursor: pointer;transition: 0.5s;} .ctgForm_wrap .ctg_Blist .ctg_link li a:hover {border:1px solid #2055a3;color: #2055a3;} .ctgForm_wrap .ctg_Blist .ctg_link2 li {color:#ccc;} .ctgForm_wrap .ctg_Blist .ctg_link2 li a {border:1px solid #f7f7f7; cursor: default;} .ctgForm_wrap .ctg_Blist .ctg_link2 li a:hover {border:1px solid #f7f7f7; cursor: default;color: #ccc;} .ctgForm_wrap .ctg_Blist .ctg_link2 li.on {color:#6d6c76;} .ctgForm_wrap .ctg_Blist .ctg_link2 li.on a {border: 1px solid #eee; cursor: pointer;} .ctgForm_wrap .ctg_Blist .ctg_link2 li.on a:hover {border:1px solid #2055a3;color: #2055a3;} .ctgForm_wrap .ctg_Blist .ctg_link2 li.selected a:hover {color: #fff;} /****************************************/ /* Name: 치유농업 careFarming /****************************************/ #careFarming main {display:block;} #careFarming section {position:relative; display: block; margin:50px auto 0;} #careFarming .mainSection01 {position:relative; overflow: hidden;} #careFarming .mainSection02 {position:relative; overflow: hidden;} #careFarming .mainSection03 {position:relative; overflow: hidden;} #careFarming section .mTitle {display:block; font-size: 1.75rem; letter-spacing: -.05em; font-weight: 500; color:#333;text-align: center;} #careFarming section .sTitle {display:block; font-size: .9rem; margin:0 0 2rem; letter-spacing: -.05em; text-align: center;color:#676767;} /* 두번째 섹션 슬라이드 변경 추가 */ #careFarming .mainSection01{ height: auto; position: relative; margin: 2rem 0;} #careFarming .mainSection01 .bx-wrapper{ margin: 0 auto;width: 100%; overflow: hidden; height: auto;} #careFarming .mainSection01 ul{ overflow: hidden; height: auto;margin:0;} #careFarming .mainSection01 ul.clearfix:before{display:none;} #careFarming .mainSection01 ul > li{ height: auto;border: 1px solid #eeeeee; padding:15px;background: #FFF;position: relative;box-sizing:border-box;} #careFarming .mainSection01 ul > li a img{width:256px;height:146px;} #careFarming .mainSection01 ul > li h2 { font-weight:500;font-size: 1rem; color: #323232; padding: 8px 0 0 0;letter-spacing:-.03em;overflow: hidden; height: 50px; line-height: 1.2;word-wrap: break-word;display: -webkit-box;text-overflow: ellipsis; white-space: normal; -webkit-line-clamp: 2;-webkit-box-orient: vertical;} #careFarming .mainSection01 ul > li p{ text-overflow: ellipsis;font-size: .9rem; white-space: nowrap;width: 100%; overflow: hidden;display: inline-block;} #careFarming .mainSection01 ul > li .field_re{line-height: 15px;margin-top:20px;display: inline-block; background:#84b053;color:#FFF;padding: 3px 5px; border-radius: 3px;font-size: 12px; } #careFarming .mainSection01 ul > li .field_is{line-height: 15px;margin-top:20px;display: inline-block; background:#f7941d;color:#FFF;padding: 3px 5px; border-radius: 3px;font-size: 12px; } #careFarming .mainSection01 ul > li .field_li{line-height: 15px;margin-top:20px;display: inline-block; background:#0072bc;color:#FFF;padding: 3px 5px; border-radius: 3px;font-size: 12px; } #careFarming .mainSection01 ul > li i.ico{ position: absolute; width: 58px; height: 15px; display: block; right: 20px; bottom: 18px;font-size: 12px;text-align:right;top: auto;left: auto;top: inherit;left: inherit; border-radius:0; border: 0px solid #f7941d; } #careFarming .mainSection01 ul ul{ margin: 5px 10px 0} #careFarming .mainSection01 li li{ width: auto; height: auto; border: 0; background: none; border-radius: 0;} #careFarming .mainSection01 li li a{ display: block; line-height: 25px; color: #333; font-size: 14px; padding-left: 16px; position: relative} #careFarming .mainSection01 li li a i{ width: 3px; height: 3px; display: block; position: absolute; left: 8px; top: 12px; background: #474747} #careFarming .mainSection01 .bx-controls-direction { top: 0; width: 100%; } #careFarming .mainSection01 .bx-controls-direction .bx-prev { display: block; position: absolute; left:0; width: 30px; height: 52px; top: 50%; margin-top:-26px; background: rgba(0,0,0,0.2); border-radius:0 8px 8px 0;z-index: 2;} #careFarming .mainSection01 .bx-controls-direction .bx-next { display: block; position: absolute; right:0; width: 30px; height: 52px; top: 50%; margin-top:-26px; background: rgba(0,0,0,0.2); border-radius:8px 0 0 8px;z-index: 2;} #careFarming .mainSection01 .bx-controls-direction .bx-prev:hover, #careFarming .mainSection01 .bx-controls-direction .bx-next:hover {background:rgba(0,0,0,0.5);} #careFarming .mainSection01 .bx-controls-direction .bx-prev:after{display: block;content: '';position: absolute;left: 12px;top: 50%; margin-top: -5px;width:10px;height: 10px;border-bottom:2px solid #fff;border-left: 2px solid #fff;transform:rotate(45deg);transition: transform 150ms ease-in-out;} #careFarming .mainSection01 .bx-controls-direction .bx-next:after{display: block;content: '';position: absolute;right: 12px;top: 50%; margin-top: -5px;width:10px;height: 10px;border-top:2px solid #fff;border-right: 2px solid #fff;transform:rotate(45deg);transition: transform 150ms ease-in-out;} #careFarming .mainSection02 {background-color: #e4f3ff;border-radius: 10px;padding: 1.5rem;} #careFarming .mainSection02 .cBanner_wrap {} #careFarming .mainSection02 .cBlist {clear: both; margin: -1%;} #careFarming .mainSection02 .cBlist:after {display:block;content:'';clear:both;} #careFarming .mainSection02 .cBitem {position: relative; float: left; display:inline-block;text-align:center; width:33.3333%;padding: 1%;} #careFarming .mainSection02 .cBitem a {position: relative; display: block; background-color: #fff;padding: 1.6rem 1rem; border-radius: .5rem;letter-spacing: -.05em;} #careFarming .mainSection02 .cBitem .cBtxt {position: relative;padding-left:60px;display: inline-block;text-align: left; font-size: .95rem;} #careFarming .mainSection02 .cBitem .cBtxt:before {content:'';position: absolute; display:inline-block;left:0; top:0;bottom:0;margin:auto;background-image:url('/ps/img/cmmImg_2020/sub/careFarming_icon.png'); background-repeat: no-repeat;background-size: 150px auto;} #careFarming .mainSection02 .cBitem .cBtxt em {font-size: .88rem;} #careFarming .mainSection02 .cBitem.ic1 .cBtxt:before {width:50px;height:50px;background-position: 0 0;} #careFarming .mainSection02 .cBitem.ic2 .cBtxt:before {width:50px;height:50px;background-position: -50px 0;} #careFarming .mainSection02 .cBitem.ic3 .cBtxt:before {width:50px;height:50px;background-position: -100px 0;} #careFarming .mainSection02 .cBitem:hover .cBtxt {text-decoration:underline;text-underline-position: under;color:#0377e2; font-weight:500} #careFarming .mainSection03 .cState_wrap{} #careFarming .mainSection03 .cState_list {clear:both; margin:-.8%} #careFarming .mainSection03 .cState_list:after {clear:both; overflow:hidden; display:block; content:'';} #careFarming .mainSection03 .cState_list li {float:left; width:25%; height:auto;padding: .8%;} #careFarming .mainSection03 .cState_list li .pic {display:block; position: relative; width:100%;height: 0; padding-bottom: 61%; overflow:hidden; background:#e3e3e3 url('/ps/img/cmmImg_2020/common/no_img.png') no-repeat 50%;background-size: 250px auto;} #careFarming .mainSection03 .cState_list li .pic img {width:100%; -moz-transition:.5s transform ease; -o-transition:.5s transform ease; transition:.5s transform ease;} #careFarming .mainSection03 .cState_list li .pic img:hover { -moz-transform:scale(1.08) rotate(0.1deg); -ms-transform:scale(1.08) rotate(0.1deg); -o-transform:scale(1.08) rotate(0.1deg); transform:scale(1.08) rotate(0.1deg);} #careFarming .mainSection03 .cState_list li .pic em{position: absolute;left: .8rem;top: 0;background: #ee5f4a;color: #fff;border-radius: 0 0 4px 4px; line-height: 30px;padding: 0 .5rem;font-size: 13px} #careFarming .mainSection03 .cState_list li .pic em.typeA {background: #3f51b5;color: #fff;}/* 국내 */ #careFarming .mainSection03 .cState_list li .pic em.typeB {background: #9c27b0;color: #fff;}/* 국외 */ #careFarming .mainSection03 .cState_list li a {position: relative;display:block;} #careFarming .mainSection03 .cState_list li a:after {content: '';position: absolute; display:block; top:0;left:0;right:0;bottom:0;border: 1px solid rgba(0,0,0,.1);} #careFarming .mainSection03 .cState_list li a:hover {background: #f7f7f7;} #careFarming .mainSection03 .cState_list li div.contBox {position:relative;padding:1rem; } #careFarming .mainSection03 .cState_list li div.contBox > label {display:block; margin:0 0 .3rem 0; color:#f95c11; font-size:0.9rem; font-weight:500} #careFarming .mainSection03 .cState_list li div.contBox > label i {position:relative; padding:0 .5rem 0 0; color:#6d6c76; font-size:0.9rem; font-weight:500} #careFarming .mainSection03 .cState_list li div.contBox > strong {display:block; letter-spacing: -0.05em;margin-bottom:.5rem; font-size:1.1rem; color:#333; font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} #careFarming .mainSection03 .cState_list li div.contBox > p.txt {font-size:.9rem;margin-bottom:.4rem;height:44px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;} #careFarming .mainSection03 .cState_list li div.contBox > .date {position:relative;color:#8e8e8e; font-weight:400; font-size:13px; display: block; text-align: right;} /* tab 더보기 */ #careFarming .tabMore{position:absolute;top:8px;right: 0;display:block;width:40px;height:40px;background:#fff;border:1px solid #dbdbdb;border-radius:50%; text-indent: 100%; overflow: hidden;} #careFarming .tabMore span {display: block; overflow: hidden;position: absolute; width: 0; height: 0; left: -99999999999999999px; font-size: 0;} #careFarming .tabMore:before{content:'';position:absolute;top:50%;left:50%;display:block;width:14px;height:2px;background:#b4b4b4;margin:-1px 0 0 -7px;} #careFarming .tabMore:after{content:'';position:absolute;top:50%;left:50%;display:block;width:2px;height:14px;background:#b4b4b4;margin:-7px 0 0 -1px;} /****************************************/ /* Name: 농촌문화 RuralCulture /* day: 2019-11-25 /****************************************/ /* MAIN */ #RuralCulture main {display:block;} #RuralCulture section {position:relative; display: block; margin:30px auto 0;} #RuralCulture .section01 {position:relative; overflow: hidden;} #RuralCulture .section02 {position:relative; overflow: hidden;} #RuralCulture .section03 {position:relative; overflow: hidden;} #RuralCulture .section04 {position:relative; overflow: hidden;} #RuralCulture section h3.wrapTitle {display:block; font-size: 1.2rem;letter-spacing: -.05em; font-weight: 500;line-height: 1.5;color:#333;} #RuralCulture section h3.wrapTitle.wT {font-size: 1.125rem;letter-spacing: -.05em; color:#fff;} /* 농업유산 */ #RuralCulture .section01 article {display:block;} #RuralCulture .section01 article.aHeritage_wrap {position:relative; box-sizing: border-box;} #RuralCulture .section01 article.aHeritage_wrap .aHlist {/*margin-left: -1%; margin-right: -1%;*/} #RuralCulture .section01 article.aHeritage_wrap .aHlist:after {display:block;content:'';clear:both;} #RuralCulture .section01 article.aHeritage_wrap .aHlist li {float:left; width:33.3333%; text-align:center; /*padding:1% 1%;*/ box-sizing: border-box;} #RuralCulture .section01 article.aHeritage_wrap .aHlist li a {position:relative; display:block;} #RuralCulture .section01 article.aHeritage_wrap .aHlist li a:after {content: ''; width: 100%; height: 60px; position: absolute; left:0; bottom:0; margin:0 auto; border-radius:0 0 8px 8px; font-weight:600; background: linear-gradient(to bottom,rgba(32,32,32,0) 0,rgba(32,32,32,0.8) 100%);} #RuralCulture .section01 article.aHeritage_wrap .aHlist li .pimg {display: block; width: 100%; overflow: hidden;} #RuralCulture .section01 article.aHeritage_wrap .aHlist li img {width: 100%; max-width: 100%; border-radius: 8px; } #RuralCulture .section01 article.aHeritage_wrap .aHlist li .txt_mask {position:absolute; display:block; left:0; bottom:8px; padding:0 20px; text-align:left; z-index: 1;} #RuralCulture .section01 article.aHeritage_wrap .aHlist li .txt_mask strong {display: block; font-size:18px; color:#fff; font-family: 'Nanum Myeongjo', serif; letter-spacing: -0.1em; font-weight: 700; line-height: 1.3; } #RuralCulture .section01 article.aHeritage_wrap .aHlist li .txt_mask em {display: block; color:#e0e0e0; font-size:13px;} #RuralCulture .bx-controls-direction { top: 0; width: 100%; } #RuralCulture .bx-controls-direction .bx-prev { display: block; position: absolute; left:0; width: 30px; height: 52px; top: 50%; margin-top:-26px; background: rgba(0,0,0,0.2); border-radius:0 8px 8px 0;z-index: 2;} #RuralCulture .bx-controls-direction .bx-next {display: block;position: absolute;right:0;width: 30px;height: 52px;top: 50%;margin-top:-26px;background: rgba(0,0,0,0.2);border-radius:8px 0 0 8px;z-index: 2;} #RuralCulture .bx-controls-direction .bx-prev:hover, #RuralCulture .bx-controls-direction .bx-next:hover {background:rgba(0,0,0,0.5);} #RuralCulture .bx-controls-direction .bx-prev span {background: url('/ps/img/nongsaroAdd/ruralCulture/visual_nav.png') no-repeat left top; width: 30px; height: 52px; left:0; top :0; text-indent: -999999px; } #RuralCulture .bx-controls-direction .bx-next span {background: url('/ps/img/nongsaroAdd/ruralCulture/visual_nav.png') no-repeat right top; width: 30px; height: 52px; left: inherit; right:0; top :0; text-indent: -999999px;} /* 농업유산_banner */ #RuralCulture .section01 article.aBanner_wrap {display:block; position:relative; margin:30px auto 0; padding: 15px; box-sizing: border-box; border-radius:8px; background:#f5f5f5;} #RuralCulture .section01 article.aBanner_wrap h3.wrapTitle {display: inline-block; position: absolute; left: 30px; top:30px;} #RuralCulture .section01 article.aBanner_wrap .aBlist {padding-left:120px; width:100%;} #RuralCulture .section01 article.aBanner_wrap .aBlist:after {display:block;content:'';clear:both;} #RuralCulture .section01 article.aBanner_wrap .aBlist li {float:left; width:33.3333%; text-align:center; border-radius:8px; padding:0 1%; box-sizing: border-box;} #RuralCulture .section01 article.aBanner_wrap .aBlist li div {display:table; width: 100%;} #RuralCulture .section01 article.aBanner_wrap .aBlist li a {display:table-cell; background:#fff; border-radius:8px; height: 60px; font-weight: 500; vertical-align: middle; } #RuralCulture .section01 article.aBanner_wrap .aBlist li a img {vertical-align: middle;} #RuralCulture .section01 article.aBanner_wrap .aBlist li:nth-child(3) a { } #RuralCulture .section01 article.aBanner_wrap .aBlist li:nth-child(3) a:before {content: ''; display:inline-block; width: 33px; height: 25px; vertical-align: middle; margin-right: 10px; background:url('/ps/img/nongsaroAdd/ruralCulture/00/ban_03.png') no-repeat 0 0; transition: all 0.5s;} /* 최신소식 */ #RuralCulture .section02 article.nNotice_wrap {position:relative; float: left; width: 66%; /*max-width: 530px;*/ height: 262px; display:inline-block; border-radius:8px; background:#f5f5f5; padding: 30px; box-sizing: border-box;} #RuralCulture .section02 article.nNotice_wrap .nNotice_list {margin-top: 20px;} #RuralCulture .section02 article.nNotice_wrap .nNotice_list:after {display:block; content:'';clear:both;} #RuralCulture .section02 article.nNotice_wrap .nNotice_list li {display:block; margin-bottom: 3px; overflow: hidden;} #RuralCulture .section02 article.nNotice_wrap .nNotice_list li a {float: left; width: 80%; height: 30px; line-height: 30px; display:inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} #RuralCulture .section02 article.nNotice_wrap .nNotice_list li:hover a {text-decoration: underline } #RuralCulture .section02 article.nNotice_wrap .nNotice_list li .notice_date {float: right; display: inline-block; width: 20%; font-size:13px; text-align:right; height: 30px; line-height: 30px; color: #666;padding: 0 2px;} #RuralCulture .section02 article.nNotice_wrap .nNotice_list li em {float:left; display:inline-block; border-radius: 20px; margin-right:5px; margin-top: 5px; vertical-align: baseline;} #RuralCulture .section02 article.nNotice_wrap .nNotice_list li em.tagA { background: #306ed5;} #RuralCulture .section02 article.nNotice_wrap .nNotice_list li em.tagA:after {content:'동영상'; display:block; color:#fff; font-size:12px; padding: 1px 8px; text-align:center;} #RuralCulture .section02 article.nNotice_wrap .nNotice_list li em.tagB { background: #f26520;} #RuralCulture .section02 article.nNotice_wrap .nNotice_list li em.tagB:after {content:'심포지엄'; display:block; color:#fff; font-size:12px; padding: 1px 8px; text-align:center;} #RuralCulture .section02 article.nNotice_wrap .more_warp {position: absolute; top:30px; right:30px; } #RuralCulture .section02 article.nNotice_wrap .more_warp .mView {display:block; position: relative; font-size:0; width: 30px; height: 30px; line-height: 30px; z-index:1;} #RuralCulture .section02 article.nNotice_wrap .more_warp .mView:after {content:''; position: absolute; font-size:20px; right:0; z-index:-1; width: 30px; height: 30px; line-height: 26px; background:#fff url('/ps/img/nongsaroAdd/ruralCulture/icon_more.png') no-repeat 3px center; border-radius: 50%;} /* 농촌관광 */ #RuralCulture .section02 article.rTour_wrap {position:relative; float: right; width: 32.5%; /*max-width: 262px;*/ height: 262px; display:inline-block; border-radius:8px; background:#2d54af;} #RuralCulture .section02 article.rTour_wrap:before {content:''; position:absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('/ps/img/nongsaroAdd/ruralCulture/pattern_01.png') repeat;} #RuralCulture .section02 article.rTour_wrap .rTour_list {} #RuralCulture .section02 article.rTour_wrap .rTour_list:after {display:block;content:'';clear:both;} #RuralCulture .section02 article.rTour_wrap .rTour_list li {float:left; width:50%; text-align:center;} #RuralCulture .section02 article.rTour_wrap .rTour_list li a {position:relative; display: block; width:100%; height: 100%;letter-spacing: -.03em;color:#fff; line-height: 1.4; font-size: .9rem; padding: 10px 0;} #RuralCulture .section02 article.rTour_wrap .rTour_list li:hover a { font-weight: 500; /*text-decoration: underline;*/} #RuralCulture .section02 article.rTour_wrap .rTour_list li a em {display:block; vertical-align: baseline;} #RuralCulture .section02 article.rTour_wrap .rTour_list li a:before {content: ''; display:block; width: 60px; height: 60px; margin: 5px auto; background:url('/ps/img/nongsaroAdd/ruralCulture/00/tour_icon.png') no-repeat 0 0; transition: all 0.5s;} #RuralCulture .section02 article.rTour_wrap .rTour_list li:hover a:before {background: #ffffff12 url('/ps/img/nongsaroAdd/ruralCulture/00/tour_icon.png') no-repeat 0 0; border-radius: 50%; transform:rotateY(180deg); -webkit-transform:rotateY(180deg);} #RuralCulture .section02 article.rTour_wrap .rTour_list li:nth-child(1) a:before{ background-position: 0px 0px;} #RuralCulture .section02 article.rTour_wrap .rTour_list li:nth-child(2) a:before{ background-position: -60px 0px;} #RuralCulture .section02 article.rTour_wrap .rTour_list li:nth-child(3) a:before{ background-position: -120px 0px;} #RuralCulture .section02 article.rTour_wrap .rTour_list li:nth-child(4) a:before{ background-position: -180px 0px;} /* 신규직업 */ #RuralCulture .section03 article.nJoblist_wrap {position:relative; display: inline-block; width:100%; height: 180px; background: #e8eef8; border-radius:8px; } #RuralCulture .section03 article.nJoblist_wrap .nJoblist {} #RuralCulture .section03 article.nJoblist_wrap .nJoblist:after {display:block;content:'';clear:both;} #RuralCulture .section03 article.nJoblist_wrap .nJoblist li { position:relative; display: table; float:left; width:20%; height: 180px; text-align:center;} #RuralCulture .section03 article.nJoblist_wrap .nJoblist li:nth-child(even) {background: #f5f5f5;} #RuralCulture .section03 article.nJoblist_wrap .nJoblist li a {position:relative; display: table-cell; color:#111; text-align:center; font-size: .925rem;line-height: 1.4;vertical-align: middle; } #RuralCulture .section03 article.nJoblist_wrap .nJoblist li:hover a { font-weight: 500; color:#434498;/*text-decoration: underline;*/} #RuralCulture .section03 article.nJoblist_wrap .nJoblist li a:before {content: ''; display:block; width: 90px; height: 90px; margin: 2px auto; background:url('/ps/img/nongsaroAdd/ruralCulture/00/njob_icon.png') no-repeat 0 0; transition: all 0.5s; border-radius: 50%;} #RuralCulture .section03 article.nJoblist_wrap .nJoblist li:hover a:before {background: #ffffff5c url('/ps/img/nongsaroAdd/ruralCulture/00/njob_icon.png') no-repeat 0 0; border-radius: 50%; } #RuralCulture .section03 article.nJoblist_wrap .nJoblist li:nth-child(even):hover a:before {background: #e8eef8c2 url('/ps/img/nongsaroAdd/ruralCulture/00/njob_icon.png') no-repeat 0 0; border-radius: 50%; } #RuralCulture .section03 article.nJoblist_wrap .nJoblist li a em {display:block; font-weight: 500; vertical-align: baseline;} #RuralCulture .section03 article.nJoblist_wrap .nJoblist li:nth-child(1) a:before{ background-position: 0px 0px;} #RuralCulture .section03 article.nJoblist_wrap .nJoblist li:nth-child(even):nth-child(2) a:before{ background-position: -90px 0px;} #RuralCulture .section03 article.nJoblist_wrap .nJoblist li:nth-child(3) a:before{ background-position: -180px 0px;} #RuralCulture .section03 article.nJoblist_wrap .nJoblist li:nth-child(even):nth-child(4) a:before{ background-position: -270px 0px;} #RuralCulture .section03 article.nJoblist_wrap .nJoblist li:nth-child(5) a:before{ background-position: -360px 0px;} /* 전통지식 */ #RuralCulture .section04 article.tKnow_wrap {position:relative; float: left; width: 38%; height: 328px; display:inline-block; border-radius:8px 0 0 8px; background:#969db0; padding: 27px; box-sizing: border-box;} #RuralCulture .section04 article.tKnow_wrap:before {content:''; position:absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('/ps/img/nongsaroAdd/ruralCulture/pattern_01.png') repeat;} #RuralCulture .section04 article.tKnow_wrap .tKnow_area {position:relative; margin-top: 23px;} #RuralCulture .section04 article.tKnow_wrap .tKnow_area .tKlist {} #RuralCulture .section04 article.tKnow_wrap .tKnow_area .tKlist:after {display:block;content:'';clear:both;} #RuralCulture .section04 article.tKnow_wrap .tKnow_area .tKlist li {float:left; width:100%; text-align:center; box-sizing: border-box;} #RuralCulture .section04 article.tKnow_wrap .tKnow_area .tKlist li a {position:relative; display:block;} #RuralCulture .section04 article.tKnow_wrap .tKnow_area .tKlist li a:after {content: ''; width: 100%; height: 40px; position: absolute; left:0; bottom:0; margin:0 auto; border-radius:0 0 8px 8px; font-weight: 500; background: linear-gradient(to bottom,rgba(32,32,32,0) 0,rgba(32,32,32,0.8) 100%);} #RuralCulture .section04 article.tKnow_wrap .tKnow_area .tKlist li .pImg {display: block; width: 100%; overflow: hidden; border-radius: 8px;} #RuralCulture .section04 article.tKnow_wrap .tKnow_area .tKlist li .pTxt {position:absolute; display:block; left:0; bottom:8px; padding:0 20px; text-align:left; z-index: 1; color:#fff; font-size:14px;} #RuralCulture .section04 article.tKnow_wrap .tKnow_area .tKlist li img {width: auto; height: 218px; /*max-width: 100%;*/ border-radius: 8px; } /* 디자인 */ #RuralCulture .section04 article.aDesign_wrap {position:relative; float: right; width: 62%; height: 328px; display:inline-block; border-radius:0 8px 8px 0; background:#f5f5f5; padding: 27px; box-sizing: border-box;} #RuralCulture .section04 article.aDesign_wrap .aDesign_area {position:relative; float: left; width: 69%; margin-top: 20px;} #RuralCulture .section04 article.aDesign_wrap .aDesign_area .aDlist {} #RuralCulture .section04 article.aDesign_wrap .aDesign_area .aDlist:after {display:block;content:'';clear:both;} #RuralCulture .section04 article.aDesign_wrap .aDesign_area .aDlist li {float:left; width:100%; text-align:center; box-sizing: border-box;} #RuralCulture .section04 article.aDesign_wrap .aDesign_area .aDlist li a {position:relative; display:block;} #RuralCulture .section04 article.aDesign_wrap .aDesign_area .aDlist li a:after {content: ''; width: 100%; height: 30px; position: absolute; left:0; bottom:0; margin:0 auto; border-radius:0 0 8px 8px; font-weight: 500; background: rgba(0,0,0,0.5);} #RuralCulture .section04 article.aDesign_wrap .aDesign_area .aDlist li .pImg {display: block; width: 100%; overflow: hidden; border-radius: 8px;} #RuralCulture .section04 article.aDesign_wrap .aDesign_area .aDlist li img {width: 100%; max-width: 100%; max-height: 218px; border-radius: 8px; } #RuralCulture .section04 article.aDesign_wrap .aDesign_area .aDlist li .pTxt_mask {position:absolute; display:block; left:0; bottom:4px; padding:0 20px; color: #fff; text-align:left; z-index: 1;} #RuralCulture .section04 article.aDesign_wrap .aDesign_banner {position:relative; float: right; width: 28%; margin-top: 20px;} #RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist {} #RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist:after {display:block;content:'';clear:both;} #RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist li { display:block; width:100%; text-align:center; box-sizing: border-box;} #RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist li + li {margin-top: 20px;} #RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist li a {position:relative; display:block; color:#fff; text-align:left; max-height: 98px; padding: 36px 12px 22px; border-radius: 8px; font-size:.925rem; line-height:1.4; background:#6d7fe5; background: linear-gradient(60deg, #5d98e4 30%, #6d7fe5 70%);} #RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist li a b {display:block;} #RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist li a:before {content: ''; display: inline-block; position: absolute; top: 0; right: 10px; width: 50px; height: 30px; margin: 10px auto 0; background:url('/ps/img/nongsaroAdd/ruralCulture/00/design_icon.png') no-repeat 0 0; transition: all 0.5s;} #RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist li a:hover {background:#2858d2;} #RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist li:nth-child(1) a:before{ background-position: 0px 0px;} #RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist li:nth-child(2) a:before{ background-position: -50px 0px;} /****************************************/ /* Name: 여성농업인 womenFarmers /* day: 2020-11-20 /****************************************/ /* MAIN */ #womenFarmers main {display:block;} #womenFarmers section {position:relative; display: block; margin:30px auto 0;} #womenFarmers .section01 {position:relative; overflow: hidden;} #careFarming .mainSection03 {position:relative; overflow: hidden;} #womenFarmers section .mTitle {display:block; font-size: 1.75rem; letter-spacing: -.05em; font-weight: 500; color:#333;text-align: center;} /*#womenFarmers section .mTitle:before {content:''; display:block; width: 36px; height: 1px; margin:0px auto 12px; background:#333 }*/ #womenFarmers section .sTitle {display:block; font-size: .9rem; margin:0 0 2rem; letter-spacing: -.05em; text-align: center;color:#676767;} #womenFarmers .section01 .wBanner_wrap {} #womenFarmers .section01 .wBlist {clear: both; margin: -1%;} #womenFarmers .section01 .wBlist:after {display:block;content:'';clear:both;} #womenFarmers .section01 .wBitem {position: relative; float: left; display:inline-block;text-align:center; width:33.3333%;padding: 1%;} #womenFarmers .section01 .wBitem a {position: relative; display: block; background-color: #ececec;padding: 1.2rem; border-radius: .5rem;letter-spacing: -.05em;} #womenFarmers .section01 .wBitem .wBtxt {position: relative;padding-left:50px;} #womenFarmers .section01 .wBitem .wBtxt:before {content:'';position: absolute; display:inline-block;left:0; top:0;bottom:0;margin:auto;background-image:url('/ps/img/cmmImg_2020/sub/womenFarm_icon.png'); background-repeat: no-repeat;background-size: 105px auto;} #womenFarmers .section01 .wBitem.iw1 .wBtxt:before {width:35px;height:35px;background-position: 0 0;} #womenFarmers .section01 .wBitem.iw2 .wBtxt:before {width:35px;height:35px;background-position: -35px 0;} #womenFarmers .section01 .wBitem.iw3 .wBtxt:before {width:35px;height:35px;background-position: -70px 0;} #womenFarmers .section01 .wBitem:hover .wBtxt {text-decoration:underline;text-underline-position: under;} #womenFarmers .section02 .wNotice_wrap{} #womenFarmers .section02 .wNotice_list {clear:both; margin:-.8%} #womenFarmers .section02 .wNotice_list:after {clear:both; overflow:hidden; display:block; content:'';} #womenFarmers .section02 .wNotice_list li {float:left; width:25%; height:auto;padding: .8%;} #womenFarmers .section02 .wNotice_list li .pic {display:block; position: relative; width:100%;height: 0; padding-bottom: 61%; overflow:hidden; background:#e3e3e3 url('/ps/img/cmmImg_2020/common/no_img.png') no-repeat 50%;background-size: 250px auto;} #womenFarmers .section02 .wNotice_list li .pic img {width:100%; -moz-transition:.5s transform ease; -o-transition:.5s transform ease; transition:.5s transform ease;} #womenFarmers .section02 .wNotice_list li .pic img:hover { -moz-transform:scale(1.08) rotate(0.1deg); -ms-transform:scale(1.08) rotate(0.1deg); -o-transform:scale(1.08) rotate(0.1deg); transform:scale(1.08) rotate(0.1deg);} #womenFarmers .section02 .wNotice_list li .pic em{position: absolute;left: .8rem;top: 0;background: #ee5f4a;color: #fff;border-radius: 0 0 4px 4px; line-height: 30px;padding: 0 .5rem;font-size: 13px} #womenFarmers .section02 .wNotice_list li .pic em.typeA {background: #00B3E0;color: #fff;}/* 알림마당 */ #womenFarmers .section02 .wNotice_list li .pic em.typeB {background: #e00085;color: #fff;}/* 연구성과 */ #womenFarmers .section02 .wNotice_list li a {position: relative;display:block;} #womenFarmers .section02 .wNotice_list li a:after {content: '';position: absolute; display:block; top:0;left:0;right:0;bottom:0;border: 1px solid rgba(0,0,0,.1);} #womenFarmers .section02 .wNotice_list li a:hover {background: #f7f7f7;} #womenFarmers .section02 .wNotice_list li div.contBox {position:relative;padding:1rem; } #womenFarmers .section02 .wNotice_list li div.contBox > label {display:block; margin:0 0 .3rem 0; color:#f95c11; font-size:0.9rem; font-weight:500} #womenFarmers .section02 .wNotice_list li div.contBox > label i {position:relative; padding:0 .5rem 0 0; color:#6d6c76; font-size:0.9rem; font-weight:500} #womenFarmers .section02 .wNotice_list li div.contBox > strong {display:block; letter-spacing: -0.05em;margin-bottom:.3rem; font-size:1.1rem; color:#333; font-weight:500;height:56px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;} #womenFarmers .section02 .wNotice_list li div.contBox > .date {position:relative;color:#8e8e8e; font-weight:400; font-size:13px; display: block; text-align: right;} /* tab 더보기 */ #womenFarmers .tabMore{position:absolute;top:15px;right: 0;display:block;width:40px;height:40px;background:#fff;border:1px solid #dbdbdb;border-radius:50%; text-indent: 100%; overflow: hidden;} #womenFarmers .tabMore span {display: block; overflow: hidden;position: absolute; width: 0; height: 0; left: -99999999999999999px; font-size: 0;} #womenFarmers .tabMore:before{content:'';position:absolute;top:50%;left:50%;display:block;width:14px;height:2px;background:#b4b4b4;margin:-1px 0 0 -7px;} #womenFarmers .tabMore:after{content:'';position:absolute;top:50%;left:50%;display:block;width:2px;height:14px;background:#b4b4b4;margin:-7px 0 0 -1px;} /****************************************/ /* Name: 제휴서비스 /****************************************/ /* MAIN */ #nongMin #main {display:block;} #nongMin section {position:relative; display: block; margin:30px auto 0;} #nongMin .section01 {position:relative; overflow: hidden;} #nongMin .section02 {position:relative; overflow: hidden;} #nongMin .section03 {position:relative; overflow: hidden;} #nongMin .section04 {position:relative; overflow: hidden;} #nongMin section h3.wrapTitle {display:block; font-size: 1.35rem;letter-spacing: -.05em; font-weight: 600;line-height: 1.5;color:#333;} #nongMin section h3.wrapTitle.wT {font-size: 1.125rem;letter-spacing: -.05em; color:#fff;} /* 농업소식 */ #nongMin section article {display:block;} /* #nongMin .main-newsGroup {} #nongMin .main-newsGroup .newsView {position:relative;display:block;height: 230px;overflow:hidden;border: 1px solid #eee;border-radius:10px;background-color:#f7f9fa; } #nongMin .newsView .optionArea {float: left; width: 20%;height: 100%; background-color:#f7f9fa; } #nongMin .newsView .optionArea .optionList {display:block;position: relative;height: 100%;overflow-y:auto;} #nongMin .newsView .optionArea .optionList ul { overflow: hidden; margin: 0; padding: 1rem;} #nongMin .newsView .optionArea .optionList li {position: relative; height: 36px;line-height: 36px;padding: 1px;} #nongMin .newsView .optionArea .optionList li a {display:block;font-size:.925rem; text-indent: 1rem;} #nongMin .newsView .optionArea .optionList li a:hover {font-weight:500;text-decoration: underline;color:#326dbd;} #nongMin .newsView .optionArea .optionList li.on a {background: #326dbd;font-weight:500;color: #fff;border-radius: .3rem;background: linear-gradient(135deg, #326dbd 35%, #26afb8);} #nongMin .newsView .optionArea .optionList li.on a::after{display: block;content: '';position: absolute;right:1rem;top:16px;width:7px;height: 7px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform:rotate(45deg);transition: transform 150ms ease-in-out;} */ #nongMin .main-newsGroup {overflow: hidden;border: 1px solid #d5e3e9;border-radius: 10px;background-color: #e9eff1;padding: 1.6rem;} #nongMin .main-newsGroup .newsView {position:relative;display: block;height: 285px;} #nongMin .newsView .optionArea {float: left;width: 18%;height: 100%;background-color: #e9eff1;padding-right: 1rem;} #nongMin .newsView .optionArea .optionList {display:block;position: relative;height: 100%;overflow-y:auto;} #nongMin .newsView .optionArea .optionList ul {overflow: hidden;margin: -1% 0;} #nongMin .newsView .optionArea .optionList li {position: relative;height: 36px;line-height: 36px;margin: 2% 0;padding: 1%;/*float: left;*/width: 100%;} #nongMin .newsView .optionArea .optionList li a {display:block;font-size:.925rem;text-indent: .8rem;background: rgba(255,255,255,1);border-radius: .3rem;letter-spacing: -.05em;} #nongMin .newsView .optionArea .optionList li a::after{display: block;content: '';position: absolute;right:.8rem;top:16px;width:7px;height: 7px;border-top: 2px solid rgba(0,0,0,.3);border-right: 2px solid rgba(0,0,0,.3);transform:rotate(45deg);transition: transform 150ms ease-in-out;} #nongMin .newsView .optionArea .optionList li a:hover {font-weight:500;text-decoration: underline;color:#326dbd;} #nongMin .newsView .optionArea .optionList li.on a {background: #326dbd;font-weight:500;color: #fff;border-radius: .3rem;background: linear-gradient(135deg, #326dbd 35%, #26afb8);} #nongMin .newsView .optionArea .optionList li.on a::after{display: block;content: '';position: absolute;right:.8rem;top:16px;width:7px;height: 7px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform:rotate(45deg);transition: transform 150ms ease-in-out;} #nongMin .newsView .newsArea {float: right; width: 82%;} #nongMin .newsView .newsArea .newsBox {clear:both;overflow:hidden;position:relative;padding: 1.6rem 2.2rem;min-height: 216px; background: #fff;border-radius: .3rem;} #nongMin .newsView .newsArea .newsBox a {display:block;} #nongMin .newsView .newsArea .newsBox .pic {display:inline-block; float: left;position: relative;margin-right: 30px;width:250px;height: 170px;overflow:hidden;background:#e3e3e3 url('/ps/img/cmmImg_2020/common/no_img.png') no-repeat 50%;background-size: 200px auto;} #nongMin .newsView .newsArea .newsBox .pic img {width:100%; height:100%;-moz-transition:.5s transform ease; -o-transition:.5s transform ease; transition:.5s transform ease;} #nongMin .newsView .newsArea .newsBox .pic img:hover {-moz-transform:scale(1.08) rotate(0.1deg); -ms-transform:scale(1.08) rotate(0.1deg); -o-transform:scale(1.08) rotate(0.1deg); transform:scale(1.08) rotate(0.1deg);} #nongMin .newsView .newsArea .newsBox > div {float:none; overflow:hidden; height:100%; padding:1rem 0 0 0} #nongMin .newsView .newsArea .newsBox div.contBox {/*margin:0 0 0 280px;*/} #nongMin .newsView .newsArea .newsBox div.contBox > label {display:block; margin:0 0 .5rem 0; color:#f95c11; font-size:0.95rem; font-weight:500} #nongMin .newsView .newsArea .newsBox div.contBox > label i {position:relative; padding:0 .7rem 0 0; color:#6d6c76; font-size:1rem; font-weight:500} #nongMin .newsView .newsArea .newsBox div.contBox > strong {display:block; letter-spacing: -0.03em; margin-bottom:.5rem; font-size:1.28rem; color:#333; font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} #nongMin .newsView .newsArea .newsBox div.contBox > p.txt {font-size:.95rem; height:66px;color:#666;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:0;line-height:1.5;} #nongMin .newsView .newsArea .newsBox div.contBox > .date {position:absolute; right: 2.2rem; bottom:1.8rem; color:#8e8e8e; font-weight:400; font-size:.9rem;} #nongMin .newsView .mediaArea {float: right;width: 82%;} #nongMin .newsView .mediaArea .mediaBox {clear:both;overflow:hidden;position:relative;padding: 1.8rem 2.2rem;min-height: 216px; background: #fff;border-radius: .3rem;} #nongMin .newsView .mediaArea .mediaBox a {display:block;} #nongMin .newsView .mediaArea .mediaPhoto {position:relative;float: left;width: 300px;height: auto;margin-right: 2.5rem;} #nongMin .newsView .mediaArea .mediaPhoto .pic {position: relative;width:100%;height: 100%;overflow:hidden;background:#e3e3e3 url('/ps/img/cmmImg_2020/common/no_img.png') no-repeat 50%;background-size: 200px auto;} #nongMin .newsView .mediaArea .mediaPhoto .pic img {width:100%; height:100%;-moz-transition:.5s transform ease; -o-transition:.5s transform ease; transition:.5s transform ease;} /*#nongMin .newsView .mediaArea .mediaPhoto .pic img:hover {-moz-transform:scale(1.08) rotate(0.1deg);-ms-transform:scale(1.08) rotate(0.1deg);-o-transform:scale(1.08) rotate(0.1deg);transform:scale(1.08) rotate(0.1deg); }*/ #nongMin .newsView .mediaArea .mediaPhoto > a .imgText { display: block; padding: .4rem 0 0; min-height: 50px;font-size:.925rem;font-weight: 500;-webkit-line-clamp: 2;text-overflow:ellipsis;overflow:hidden;white-space: normal;color:#444; } #nongMin .newsView .mediaArea .mediaList {} #nongMin .newsView .mediaArea .mediaList ul {} #nongMin .newsView .mediaArea .mediaList > ul > li {overflow:hidden;position:relative;padding: .15rem 0;} #nongMin .newsView .mediaArea .mediaList > ul > li a {display: block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#666;font-size:.95rem;} #nongMin .newsView .mediaArea .mediaList > ul > li a:hover {text-decoration: underline;color:#111;} #nongMin .newsAWrap {clear: both; position: relative; overflow: hidden; margin-left:-1%;margin-right:-1%;} #nongMin .newsAWrap .newsAArea {position: relative; padding: 1% 2%;} #nongMin .newsAWrap.col2 .newsAArea {float: left; width: 50%;} #nongMin .newsAWrap.col2 .newsAArea div.newsAbox { min-height: 300px;} #nongMin .newsAWrap .newsAArea div.newsAbox + .newsAbox {margin-top: 1.4rem;} #nongMin .newsAWrap .newsAArea div.newsAbox {position: relative;overflow: hidden;padding: 1rem 0;/*background: #fff;border: 1px solid #eaeaea;-webkit-border-radius: 4px;border-radius: 4px; */} #nongMin div.thumbsList {} #nongMin div.thumbsList > ul {clear:both;} #nongMin div.thumbsList > ul > li {clear:both;overflow:hidden;position:relative;padding: .8rem 0;min-height: 100px;} #nongMin div.thumbsList > ul > li + li {padding: .5rem 0 1rem 0;} #nongMin div.thumbsList > ul > li > a {display:block} #nongMin div.thumbsList > ul > li .pic {display:inline-block; float: left;position: relative;margin-right: 14px;width:140px;height: 93px;overflow:hidden;background:#e3e3e3 url('/ps/img/cmmImg_2020/common/no_img.png') no-repeat 50%;background-size: 200px auto;} #nongMin div.thumbsList > ul > li .pic img {width:100%; height:100%;-moz-transition:.5s transform ease; -o-transition:.5s transform ease; transition:.5s transform ease;} #nongMin div.thumbsList > ul > li .pic img:hover {-moz-transform:scale(1.08) rotate(0.1deg); -ms-transform:scale(1.08) rotate(0.1deg); -o-transform:scale(1.08) rotate(0.1deg); transform:scale(1.08) rotate(0.1deg);} #nongMin div.thumbsList > ul > li > div {float:none; overflow:hidden; height:100%; padding:1rem 0 0 0} #nongMin div.thumbsList > ul > li div.contBox {} #nongMin div.thumbsList > ul > li div.contBox > label {display:block; margin:0 0 .5rem 0; color:#f95c11; font-size:0.95rem; font-weight:500} #nongMin div.thumbsList > ul > li div.contBox > label i {position:relative; padding:0 .7rem 0 0; color:#6d6c76; font-size:1rem; font-weight:500} #nongMin div.thumbsList > ul > li div.contBox > strong {display:block; letter-spacing: -0.03em; margin-bottom:.5rem; font-size:1.125rem; color:#333; font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} #nongMin div.thumbsList > ul > li div.contBox > p.txt {font-size:.9rem; height:44px;color:#666;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0;line-height:1.5;} #nongMin div.thumbsList + #nongMin div.textList {padding: 1rem 0 0 0;} #nongMin div.textList ul {clear:both;} #nongMin div.textList > ul > li {clear:both;overflow:hidden;position:relative;padding: .25rem 0;} #nongMin div.textList > ul > li a {display: block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#444;} /* 더보기 */ #nongMin .newsAWrap .newsAArea div .moreAWarp{position:absolute;top:1rem;right: 0;display:block;width:30px;height:30px;background:#fff;border:1px solid #dbdbdb;border-radius:50%; text-indent: 100%; overflow: hidden;} #nongMin .newsAWrap .newsAArea div .moreAWarp span {display: block; overflow: hidden;position: absolute; width: 0; height: 0; left: -99999999999999999px; font-size: 0;} #nongMin .newsAWrap .newsAArea div .moreAWarp:before{content:'';position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;background:#b4b4b4;margin:-1px 0 0 -5px;} #nongMin .newsAWrap .newsAArea div .moreAWarp:after{content:'';position:absolute;top:50%;left:50%;display:block;width:2px;height:10px;background:#b4b4b4;margin:-5px 0 0 -1px;} #nongMin div.photoList {} #nongMin div.photoList > ul {clear:both; overflow: hidden; margin: .6rem -1% 0 !important;} #nongMin div.photoList > ul > li {position:relative;float: left;width: 50%; height: auto; padding: 1% !important;} #nongMin div.photoList.col3 > ul > li {width: 33.3333%;} #nongMin div.photoList > ul > li > a {display:block} #nongMin div.photoList > ul > li > a .pic { display: block;position: relative; width: 100%; height: auto; overflow: hidden;} #nongMin div.photoList > ul > li > a .imgText {display: block; padding: .6rem 0; min-height: 70px;} #nongMin div.photoList > ul > li > a .imgText .inText {display: block;position: relative;color:#545454;font-size: .925rem;word-break: keep-all; } #nongMin div.photoList > ul > li > a .imgText .inText b {position: relative;display: inline-block;font-weight:500;z-index: 1;} #nongMin div.bannerList {} #nongMin div.bannerList > ul {clear:both; overflow: hidden; margin: -1% !important;} #nongMin div.bannerList > ul > li {position:relative;float: left;width: 33.333%; height: auto; padding: 1% !important;} #nongMin div.bannerList > ul > li > a {display: block;text-align: center;padding: 1rem .5rem;border: 1px dashed #dedede;border-radius: 10px;font-weight:500;letter-spacing: -.05em;background: #fdfdfd;font-size: 1.25rem;} #nongMin div.bannerList > ul > li .nhn {position: relative;display: inline-block;text-indent: -999999px;padding-left: 66px;vertical-align: middle;} #nongMin div.bannerList > ul > li .nhn:before {content:'';display: inline-block;position: absolute;width: 60px;height: 29px;left: 0;top: 0;background-image:url("/ps/img/cmmImg_2020/imgs/nongmin/logo_nhn.png");background-size: 60px auto;background-position: 50% 50%;background-repeat:no-repeat;vertical-align: middle;transition: all 0.3s ease;} #nongMin div.bannerList > ul > li .nmin {position: relative;display: inline-block;text-indent: -999999px;padding-left: 104px;vertical-align: middle;} #nongMin div.bannerList > ul > li .nmin:before {content:'';display: inline-block;position: absolute;width: 100px;height: 28px;left: 0;top: 0;background-image:url("/ps/img/cmmImg_2020/imgs/nongmin/logo_nmin.png");background-size: 100px auto;background-position: 50% 50%;background-repeat:no-repeat;vertical-align: middle;transition: all 0.3s ease;} #nongMin div.bannerList > ul > li > a:hover{border:1px solid #3671ba;} /* 농사로 소개 */ div.conts_wrap div.section {margin-bottom: 2rem;} div.conts_wrap div.section:first-child {padding-bottom: 2rem; border-bottom: 1px dashed #d7d9da;} div.conts_wrap div.section:last-child { margin-bottom: 0;} div.conts_wrap div.section:first-child h4.title {font-size: 1.5rem;font-weight: 600;margin-bottom: 12px;color: #01317b; letter-spacing: -.05em;} div.conts_wrap h4.title {font-size: 1.5rem;font-weight: 500;margin-bottom: 15px;color: #01317b; letter-spacing: -.05em;} div.conts_wrap h5.title {font-size: 1.28rem;margin-bottom: 10px;font-weight: 500;color: #222;letter-spacing: -.05em;} div.conts_wrap h5.title:after{content:''; display:block; width:15px; height:2px; margin:5px 0 0 3px; background-color:#000;} div.conts_wrap div.bg_sky {margin-bottom: 65px;padding: 2rem; background-color: #f4f4f4;} div.conts_wrap div.section div.conts_box {margin-top: 1rem;} div.conts_wrap div.section div.conts_box:first-of-type {margin-top: 0;} div.conts_wrap div.section p.exconts {word-break: keep-all;color: #5a5a5a;} div.conts_wrap div.section p.exconts img {margin-top: 30px;} div.conts_wrap div.section div.conts_box div.detail { margin: 5px 0;} div.conts_wrap div.section div.conts_box div.detail a {font-weight: 500; color: #01317b;} div.conts_wrap div.section div.conts_box div.detail ul>li {display: table;margin-bottom: 5px;word-break: keep-all;color: #5a5a5a;} div.conts_wrap div.section div.conts_box div.detail ul>li:last-child {margin-bottom: 0;} div.conts_wrap div.section div.conts_box div.detail ul>li:before {content: '-';display: table-cell;padding-right: 8px;vertical-align: top;} div.conts_wrap div.section div.conts_box p.exconts+ol.desc {margin-top: 10px;} div.conts_wrap div.section div.conts_box ol.desc>li { display: table; margin-bottom: 10px;word-break: keep-all;color: #5a5a5a;} div.conts_wrap div.section div.conts_box ol.desc>li strong {font-weight: 500;font-size: 1.025rem;} div.conts_wrap div.section div.conts_box ol.desc>li:before { display: table-cell;padding-right: 8px;} div.conts_wrap div.section div.conts_box ol.desc>li:first-child:before { content: '1.';} div.conts_wrap div.section div.conts_box ol.desc>li:nth-child(2):before{ content: '2.';} div.conts_wrap div.section div.conts_box ol.desc>li:nth-child(3):before{ content: '3.';} div.conts_wrap div.section div.conts_box ol.desc>li:nth-child(4):before{ content: '4.';} div.conts_wrap div.section div.conts_box ol.desc>li:nth-child(5):before{ content: '5.';} div.conts_wrap div.section div.conts_box ol.desc>li:nth-child(6):before{ content: '6.';} div.conts_wrap div.section div.conts_box ol.desc>li:nth-child(7):before{ content: '7.';} div.conts_wrap div.section div.conts_box ol.desc>li:nth-child(8):before{ content: '8.';} div.conts_wrap div.section div.conts_box ol.desc>li:nth-child(9):before{ content: '9.';} /* 동영상 */ div.video_wrap {width: 100%;height: auto;margin: 55px 0 30px 0; position: relative; background-color: #000;text-align: center;} div.video_wrap iframe {width: 100%;height: 100%;position: absolute;left:0;top:0;} div.video_wrap .video_play {position: relative; width: 790px; height: 500px;} /* 배너다운로드 */ div.banner_list ul {overflow: hidden; margin:-1%;} div.banner_list li {position: relative; float: left; width: 50%; padding: 1%;} div.banner_list.inDown {position: relative;border-top: 1px dashed #ddd; padding-top: 2rem; margin-top: 2rem;} div.banner_list.inDown li { width: 33.333%; } div.banner_list li div.dataBox {position: relative;display: block;overflow: hidden;border: 1px solid #d4d4d4;font-size: .925rem;color: #555;-webkit-border-radius: 6px;border-radius: 6px;letter-spacing: -0.05em; transition: 0.5s;} div.banner_list li div.bannerBox .bannerImg {position: relative;display: block; border: 1px solid #dbdbdb; background: url('/ps/img/cmmImg_2020/common/img_ci_bg.gif') left top repeat; text-align: center;width: 100%;margin-bottom:20px;overflow: hidden; box-sizing: border-box;} div.banner_list li div.bannerBox .bannerImg img {padding: 5%;} div.banner_list.inDown li div.bannerBox .bannerImg p {min-height: 170px;} div.banner_list.inDown li div.bannerBox .bannerImg img {} div.banner_list.inDown li div.bannerBox strong {display:block; color:#2159b3;margin-bottom: 1rem; font-size: 1.125rem; font-weight:500; letter-spacing: -.05em;} div.banner_list li div.bannerBox .bannerBtn {display: block;padding: 1rem; overflow: hidden;background: #f9f9f9;} div.banner_list li div.bannerBox .bannerBtn dl {width: 50%;float: left;text-align: center;margin: auto;display: inline-block;} div.banner_list li div.bannerBox .bannerBtn dt {position: relative;display: inline-block;font-size: .8rem;line-height: 32px;vertical-align: middle;text-align: center;} div.banner_list li div.bannerBox .bannerBtn dd {display: inline-block;} div.banner_list li div.bannerBox .bannerBtn span.btnArea {display: inline-flex;} div.banner_list li div.bannerBox .bannerBtn span.btnArea .btn {font-size: .75rem;min-width: auto;height: 26px;line-height: 24px;font-weight: 300; padding: 0 10px;margin: 2px; border-radius: 30px;} div.banner_list li div.bannerBox .bannerBtn span.btnArea .btn.down {font-size: .8rem;display: block;font-weight: 500;} div.banner_list.inDown li div.bannerBox .bannerBtn span.btnArea .btn { padding: 0 15px} /* toggle */ .toggle-list {margin: 30px auto;border-top:1px solid #2e2d2e;} .toggle-list.gray-line {border-top:1px solid #dfe0e6;} .toggle-list > ul > li {border-bottom:1px solid #dfe0e6; background:#ffffff;} .toggle-list > ul > li button {position:relative;padding:0 20px; min-height: 60px; text-align:left; background:#ffffff; font-size:20px; color:#000000; width:100%;} .toggle-list > ul > li button span {position:relative; display:block; padding-left:6px; padding-right: 50px; font-size: 18px;} .toggle-list > ul > li button strong { font-size: 18px; font-weight: normal;} .toggle-list > ul > li.current button span {font-size: 21px;font-weight:500;} .toggle-list > ul > li.current button span .point1 {font-size:21px;font-weight:600;color:#5469d0;letter-spacing:-1px;} .toggle-list > ul > li button span:after {position:absolute; content:''; right:3px; top:50%; margin-top:-10px; transform:rotate(-45deg); width:16px; height:16px; border-bottom:2px solid #777576; border-left:2px solid #777576;} .toggle-list > ul > li.current button em {position: absolute; left:20px; top: 50%; margin-top: -19px; width:38px; height:38px; line-height: 38px; text-align:center; font-size:18px; color:#fff; z-index: 1;} .toggle-list > ul > li.current button em:before {position:absolute; content:''; top: 50%; margin-top: -19px; left:0; width:38px; height:38px; border-radius:50%; background:#596fd6; z-index: -1; } .toggle-list > ul > li.current {background:#f2f4f7;} .toggle-list > ul > li.current button {/*background:#f2f4f7;*/ border-bottom:1px solid #dfe0e6; } .toggle-list > ul > li.current button span:after {position:absolute; content:''; margin-top:-3px; transform:rotate(135deg); border-color:#2a2a2e;} .toggle-list > ul > li .accoCont {position:relative;display: none; padding:30px 30px; font-size:16px; line-height:26px; color:#555555; background:#f9f9f9;} .toggle-list > ul > li.current .accoCont{display: block;} .toggle-list > ul > li .accoCont .pRS_content.active {background:transparent !important;} @media screen and (max-width:1200px) { #container .contents .subImg.ruralCulture:after {background-size: contain;} #container .contents .subImg.hrd:before {background-size: contain;} } @media screen and (max-width:1140px) { /* dataOpan_list_공공Data신청 */ div.dataOpan_list li {width: 50%;} /* 제휴서비스- 농업소식 */ #nongMin .newsView .optionArea .optionList li {float: none; width: 100%;} } @media screen and (max-width:1024px) { #container .contents .subImg.ruralCulture {height: 190px;} #container .contents .subImg.ruralCulture:after{height: 200px;} /* 서브소개 */ #container .contents .subImg.clean {padding-right: 200px} #container .contents .subImg.clean:after {background-size: 250px;} /* 전통지식 */ #RuralCulture .section04 article.tKnow_wrap { height: 290px;} #RuralCulture .section04 article.tKnow_wrap .tKnow_area .tKlist li img { height: 180px; } /* 디자인 */ #RuralCulture .section04 article.aDesign_wrap {height: 290px;} #RuralCulture .section04 article.aDesign_wrap .aDesign_area .aDlist li img {max-height: 180px; } #RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist li a {max-height: 80px;padding:28px 12px 15px; font-size:13px; } /* contIn-photo */ .contIn-photo li { width: 33.333%;} /* 여성농업인 - 알림마당 */ #womenFarmers .section02 .wNotice_list li {width: 33.333%;} /* 치유농업 - 치유농장 현황 */ #careFarming .mainSection03 .cState_list li {width: 33.333%;} } @media screen and ( max-width:960px){ /* contIn-photo */ .contIn-photo ul.col3 li {width: 50%;} /* 교육안내 */ .contIcon_list.typeA > ul {margin:-.3%} .contIcon_list.typeA > ul > li {width:100%;float: none;position:relative;padding:.3%;} .contIcon_list.typeA > ul > li dl {min-height: auto;} .contIcon_list.edu > ul > li dl {position:relative; padding-left: 120px;} .contIcon_list.edu > ul > li dl:before { position: absolute; left:0; top:0;margin: 15px 10px;} .contIcon_list.typeA > ul > li dt { display: inline-block;} .contIcon_list.typeA > ul > li dt .i { margin-right: 5px;} .contIcon_list.typeA > ul > li dt span{ display: inline-block;} } @media screen and ( max-width:900px){ /* 제휴서비스- 농업소식 */ #nongMin .main-newsGroup {height: auto;} #nongMin .main-newsGroup .newsView { height: auto;} #nongMin .newsView .optionArea{float: none; width: 100%;height: auto; padding-right: 0;} #nongMin .newsView .optionArea .optionList {clear: both;display: block !important;height: auto; position: relative; overflow-x: auto; overflow-y: hidden;white-space: nowrap;} #nongMin .newsView .optionArea .optionList ul { overflow: initial; padding: 0 0 1rem 0; margin: -.5%;} #nongMin .newsView .optionArea .optionList li {display: inline-flex; width: auto;height: inherit; line-height: inherit;padding:.5%; margin: 1px 0;} #nongMin .newsView .optionArea .optionList li a {text-indent: inherit;padding: .2rem .5rem;} #nongMin .newsView .optionArea .optionList li a::after {content:none;} #nongMin .newsView .optionArea .optionList li.on a::after {content:none;} #nongMin .newsView .newsArea {float: none; width: 100%;} #nongMin .newsView .mediaArea {float: none; width: 100%;} #nongMin .newsView .newsArea .newsBox { margin-top:1rem; padding: 1rem;} #nongMin .newsView .newsArea .newsBox .pic {width: 240px; height: 140px;margin-right: 1.2rem;} #nongMin .newsView .newsArea .newsBox div.contBox > label {margin:0;} #nongMin .newsView .mediaArea {float: none; width: 100%;} #nongMin .newsView .mediaArea .mediaBox {margin-top:1rem;padding: 1rem;} #nongMin .newsAWrap.col2 .newsAArea {float: none; width: 100%;} #nongMin div.bannerList > ul > li {width: 50%;} } @media screen and ( max-width:840px){ /* 서브소개 */ #container .contents .subImg.clean dd img {width: 150px;} #container .contents .subImg .allimg {position: relative;margin: auto; display: block; width: 100%;text-align: center;} #container .contents .subImg .allimg img {margin: auto; margin-top: 10px;} #container .contents .subImg.hrd { padding: 1rem 0;} #container .contents .subImg.hrd .allimg {position: relative;margin: auto; display: block; width: 100%;text-align: center;} #container .contents .subImg.hrd .allimg img {text-align: center; margin: auto;} #container .contents .subImg.hrd .btnArea {text-align: center;} /* 배너다운로드 */ div.banner_list.inDown li { width: 50%; } /* 동영상 */ div.video_wrap .video_play { width: 767px; height: 485px;} } @media screen and ( max-width:767px){ /* 준비중, 에러 메시지, 안내 페이지 */ .message-wrap {font-size:.9rem;padding: 60px 0;} .message-wrap .tit {font-size:1.25rem;} .message-wrap:before {transform:scale(.7);} /* 서브소개 */ #container .contents .subImg dt {font-size: 1.28rem;} #container .contents .subImg dd {font-size: .9rem;} #container .contents .subImg {padding: 1.8rem;} #container .contents .subImg.clean {height: auto;padding: 1.8rem;} #container .contents .subImg.clean:after { content: none;} #container .contents .subImg.fEdu {height: auto;padding: 1.8rem;} #container .contents .subImg.fEdu:after { content: none;} #container .contents .subImg.fFood {height: auto;padding: 1.8rem;} #container .contents .subImg.fFood:after { content: none;} #container .contents .subImg.careFarm {height: auto;padding: 1.8rem;padding-right: 200px;} #container .contents .subImg.careFarm:after {background-size: 200px;} #container .contents .subImg.womenFarm {height: auto;padding: 1.8rem;padding-right: 180px;} #container .contents .subImg.womenFarm:after {background-size: 180px;} #container .contents .subImg.curation{min-height: auto;padding: 1.8rem;padding-right: 200px;} #container .contents .subImg.curation:after {background-size: 200px; height: 180px;} .tab-section .tab-contents { margin-top: 1rem;} .tab-nav.t3 ul { width: 100%;} .tab-nav.t3.iCon ul { position: relative; right: inherit; top: inherit; width:auto;} /* contTitle : h3 */ .contTitle_area h3.subTitle { margin-bottom: 1rem; font-size: 1.5rem; } /* h4.vodTitle */ h4.contTitle { padding-left: 22px; } h4.contTitle:before {width:12px;} /* step_box */ .step_box{margin-top:20px;border:1px solid #dddddd;} .step_box ul{display:block;} .step_box > ul > li{position:relative;display:block;width:100%;min-height:auto;border-right:none;border-bottom:1px solid #eaeaea;} .step_box > ul > li:last-child{border-bottom:0;} .step_box > ul > li:after{content:'';position:absolute;top:100%;right:50%;width:34px;height:34px;margin:-17px -17px 0 0;background:url('/ps/img/cmmImg_2020/common/ico_step_arrow.png') no-repeat left top; background-size:34px 34px;} .step_box > ul > li:first-child:after{display:block;} .step_box > ul > li:last-child:after{display:none;} /* 작목정보(품종) 선택 */ .cropSearchArea .desc-items .colList li { width: 25%; } .cropSearchWrap .searchWord {display: block;} .cropSearchWrap .searchWord .inner {display: block;float: none;width: 100%;} .cropSearchWrap .searchKeyWord {display: block;width: 100%;} .cropSearchWrap .cropSetGroup div{width:20%; padding: 0 .25% .5%;} /*Tabs : tab-nav */ .tab-nav.t3 li a{border-left: 0;height:40px;line-height:38px;padding:0 10px;font-size: .9rem;letter-spacing: -.03em;} .tab-nav.t3 li a span{display:inline-block;line-height:24px} .tab-nav.t3 li.active a {font-weight: 600;} /* contIn-photo */ .contIn-photo li { width: 50%;} /* 음식 설명 */ .foodSummary h3.subTitle {font-size: 1.58rem; margin-bottom: .8rem;} .foodSummary dt.contTitle { display:block;position: relative; padding:0;padding-left: 20px; margin-bottom: .6rem; color: #156da9; font-size: 1.2rem; font-weight: 500; letter-spacing: -0.06em; text-align: left;} .foodSummary dd.summary_cont {clear: both; margin-bottom: 1rem; padding-left: 0;font-size: .9rem;color: #676767;} /* table */ .tbl-wrap .tbl {font-size: 87.5%;} .tbl-wrap .tbl th, .tbl-wrap .tbl td {padding: .7rem; } .category_form_wrap{margin-top:25px} .category_form_wrap .label_wrap{display:block;border-width:2px;} .category_form_wrap .label{height:50px;font-weight: 500;} .category_form_wrap .category_form_link{display:none;position:absolute;top:50px;left:0;z-index:10;width:100%;background:#fff} .category_form_wrap .category_form_item{display:block;position:static;height:auto;padding:0px;border:none;} .category_form_wrap .category_form_item:first-child{border-left:none;} .category_form_wrap .category_form_item a{display:block;position:relative;border:1px solid #dcdcdc;color:inherit;height:auto;min-height:35px;margin:-1px 0 0 0;padding:6px 18px 6px 14px;border-color:#156da9;text-align:left;font-size:inherit;box-sizing:inherit;} .category_form_wrap .category_form_item:first-child a{border-left-color:#156da9} .category_form_wrap .category_form_item.is_actived a{border-color:#156da9;border-top-width:0;background:#156da9;color:#fff} .category_form_wrap .category_form_item:last-child a{border-right:1px solid #156da9;margin-right:-1px;} /* ctgForm_wrap */ .ctgForm_wrap {margin:0 0 1.5rem} .ctgForm_wrap .ctgTab_Ty01 {} .ctgForm_wrap .ctgTab_Ty01 .label{display:block;position:relative;width:100%;background-color: #666; color: #fff;height:48px;font-weight: 500;padding:0 1rem;font-size:1rem;text-align:left} .ctgForm_wrap .ctgTab_Ty01 .label:after{display: block; content: ''; position: absolute; right:16px; top:18px; width:9px; height: 9px; border-bottom:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg);transition: transform 150ms ease-in-out; } .ctgForm_wrap .ctgTab_Ty01.open .label:after{top:22px;transform:rotate(-135deg);transition: transform 150ms ease-in-out; } .ctgForm_wrap .ctgTab_Ty01 .ctgTab_link{display:none;position:absolute;border: 1px solid #e5e5e5;top:48px;left:0;z-index:2;width:100%;background:#fff} .ctgForm_wrap .ctgTab_Ty01.open .ctgTab_link {display:block;} .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item{display:block;position:static;height:auto;padding:0px;border:none;} .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item:first-child{border-left:none;} .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item.selected{z-index:1;border:0;background: #f1f1f1; color: #005891;} .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item {border-bottom: 1px solid #e5e5e5;text-align:left;font-size:inherit;box-sizing:inherit;} .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item a{display:block;position:relative;color:inherit;height:auto;border-right: none;font-size:.9rem;min-height:35px;margin:-1px 0 0 0;padding:6px 18px 6px 14px;} .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item a:hover {cursor:pointer !important; color:#0366ca; text-decoration:none;} .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item:last-child { border-bottom: none; border-right: 0;} .ctgForm_wrap .ctgTab_Ty01 .ctgTab_item:last-child a{border-right: 0;margin-right:-1px;} .ctgForm_wrap .ctg_Blist {margin:0 0 1rem;} /****************************************/ /* Name: 농촌문화 RuralCulture /****************************************/ /* main */ /* 최신소식 */ #RuralCulture .section02 article.nNotice_wrap {position:relative; float: none; width: 100%; height: auto; } /* 농촌관광 */ #RuralCulture .section02 article.rTour_wrap {float: none; width: 100%; height: 262px; margin-top:10px; } /* 농업유산_banner */ #RuralCulture .section01 article.aBanner_wrap h3.wrapTitle {display: block; position: relative; left:0 ; top:0;text-align: center;} #RuralCulture .section01 article.aBanner_wrap .aBlist {padding-left:0; position: relative; width: 100%;} #RuralCulture .section01 article.aBanner_wrap .aBlist li {float:none; width:100%; margin-top:10px;} #RuralCulture .section01 article.aBanner_wrap .aBlist li a {vertical-align: middle !important;} /* 신규직업 */ #RuralCulture .section03 article.nJoblist_wrap {position:relative; display: block; width:100%; height: auto; background: #e8eef8; border-radius:8px; } #RuralCulture .section03 article.nJoblist_wrap .nJoblist li { width:33.333%; } #RuralCulture .section03 article.nJoblist_wrap .nJoblist li:nth-child(4) {width:50%;} #RuralCulture .section03 article.nJoblist_wrap .nJoblist li:nth-child(5) {width:50%;} /* 전통지식 */ #RuralCulture .section04 article.tKnow_wrap {position:relative; float: none; width: 100%; height: 290px; display:block; border-radius:8px;} #RuralCulture .section04 article.tKnow_wrap { height: auto;} #RuralCulture .section04 article.tKnow_wrap .tKnow_area .tKlist li img {width: 100%; height: auto; } /* 디자인 */ #RuralCulture .section04 article.aDesign_wrap {position:relative; float: none; width: 100%; height: 290px; display:block; border-radius:8px; margin-top: 10px;} /****************************************/ /* Name: 치유농업 /****************************************/ #careFarming .mainSection02 .cBitem {float: none; width: 100%;} .careFarming section + section + section ul {padding: 20px 0;} .careFarming section + section + section ul.infom {} .careFarming section + section + section ul.infom li {display: block;float:none; width: 100%;margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ddd;} .careFarming section + section + section ul.infom li:last-child {border-bottom: 0;} .careFarming section + section + section ul.infom li dl:before {height: 60px; width: 60px; background-size: 50px;} .careFarming section + section + section + section +section .likeBox li {display: block;float:none; width: 100%;margin-bottom: 10px;} .careFarming section + section + section + section .opCase dl dt {position: relative;left: inherit; top: inherit; display: block; width: 100%; text-align: center;margin-bottom: 20px;} .careFarming section + section + section + section .opCase dl dt a {display: block;} .careFarming section + section + section + section .opCase dl dd {padding-left: 0;} .careFarming section + section + section + section .opCase dl dd .etc { height: auto;} /* 동영상 */ div.video_wrap .video_play { width: 680px; height: 440px;} /* 여성농업인 - 알림마당 */ #womenFarmers .section01 .wBlist li {float:none;width: 100%;} #womenFarmers .section02 .wNotice_list li {width: 50%;} #careFarming .mainSection03 .cState_list li {width: 50%;} /* 제휴서비스- 농업소식 */ #nongMin .newsView .newsArea .newsBox {padding: 0;min-height: 180px;background: none;} #nongMin .newsView .newsArea .newsBox .pic {width: 200px; height: 120px;margin-right: 1.2rem;} #nongMin .newsView .newsArea .newsBox div.contBox > .date {right: 0; bottom: 0;} } @media screen and (max-width:720px) { /* dataOpan_list_공공Data신청 */ div.dataOpan_list li {display: block;float:none;width: 100%;} div.dataOpan_list li div.dataBox .dataTxt p {height: auto; display: block;} } @media screen and (max-width:640px) { #nongMin .newsView .mediaArea .mediaPhoto {float: none; width: 100%;} #nongMin .newsView .mediaArea .mediaList {margin-top: 1rem;} } @media screen and (max-width:600px) { /* 배너다운로드 */ div.banner_list li { float: none; width: 100%;} div.banner_list.inDown li { width: 100%; } div.banner_list.inDown li div.bannerBox .bannerImg p { min-height: inherit;} /* contIn-photo */ .contIn-photo li a .thumB, .contIn-photo li div .thumB {height: 166px; max-height: 166px;} /* main */ /* 디자인 */ #RuralCulture .section04 article.aDesign_wrap { height: auto;} #RuralCulture .section04 article.aDesign_wrap .aDesign_area {position:relative; float: none; width: 100%; margin-top: 20px;} #RuralCulture .section04 article.aDesign_wrap .aDesign_banner {position:relative; float:none; width: 100%; margin-top: 20px;} #RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist li { float: left; display:inline-block; width:48%; text-align:center; box-sizing: border-box;} #RuralCulture .section04 article.aDesign_wrap .aDesign_banner .aD_Blist li + li { float: right; margin-top: 0;} /* 모바일 테이블 가로스크롤 */ #RuralCulture .table_scroll{position:relative;} #RuralCulture .table_scroll .tableBox{position:relative;padding-top:30px;width:100%;overflow:auto} #RuralCulture .table_scroll table{width:640px} #RuralCulture .table_scroll::before{position:absolute;top:0;left:50%;content:'좌우로 스크롤하여 확인하세요';font-size:13px;display: inline-block;padding: 2px 0 2px 82px;background: url('/ps/img/nongsaroAdd/ruralCulture/mb_scroll.png')left center no-repeat;transform: translateX(-50%);-ms-transform: translateX(-50%);white-space: nowrap;} /* 박스 : 박스 기본 타입 */ #RuralCulture .box_st_ico {padding-left:0;} #RuralCulture .box_st_ico .ico_boxImg {position:relative; left:auto; top:auto; margin:0 auto 10px; text-align:center;} /* 동영상 */ div.video_wrap .video_play { width: 540px; height: 342px;} /* 제휴서비스- 농업소식 */ #nongMin .newsAWrap.col2 .newsAArea div.newsAbox {min-height: auto;} } @media screen and ( max-width:560px){ #container .contents .subImg.careFarm {height: auto;padding: 1.8rem;padding-right: 140px;} #container .contents .subImg.careFarm:after {background-size: 160px; } #container .contents .subImg.womenFarm {height: auto;padding: 1.8rem;} #container .contents .subImg.womenFarm:after {background-size: 140px; } #container .contents .subImg.womenFarm dd + dd {padding-right: 100px;} #container .contents .subImg.curation{padding: 1.6rem;padding-right: 130px;} #container .contents .subImg.curation:after {background-size: 150px;} } @media screen and ( max-width:540px){ /* contWrap */ .cont {font-size: .9rem;padding-bottom: 1rem; margin-bottom: 1rem;} .cont > p strong {font-size: .95rem;} /* CI소개 */ .ci_info .ci img {width: 160px;} .ci_info .ci ul li {width:50%;} .ci_info .ci ul li img {width:100px} .ci_info h3.subTitle .btnArea {position:absolute;top:0; right:0;margin:0;} .ci_info .btnArea {position: relative;top:0; right:0;margin: 1rem auto;} .ci_info .colorWrap {margin-bottom:15px;} .ci_info .colorWrap ul li {width:100%;float: none;position:relative;} .ci_info .colorWrap .colorArea .color_tit {height: auto;} .ci_info .colorWrap .colorArea .color_txt { padding: 1rem;} .cropSearchWrap .cropSearchArea { padding:1.5rem 1rem; } .cropSearchWrap .cropSetGroup button{ font-size:0.85rem; } .cropSearchWrap .searchWord .inner {padding: 5px 3px;} .cropSearchWrap .searchWord .inner button {margin: .1rem;} .cropSearchWrap .searchWord .inner button.conso00 {width:83px;} /* 작목정보(품종) 선택 */ .cropSearchArea .desc-items .colList li { width: 33.3333%; } /* depth01_Tab */ .cropConTab .depth01_Tab {position:relative;z-index:10;font-size:14px;text-align:left;line-height:40px;/* padding: 20px 1em; */} .cropConTab .depth01_Tab button {display:block;position:relative;width:100%;height: 48px;color: #fff;padding-left:15px;text-align:left;background: #63676d;} /*.depth01_Tab button:after {content:'';position:absolute; top:15px; right:14px; width:14px; height: 8px; background: url('/ps/img/nongsaroAdd/ruralCulture/btn_arrow.png') no-repeat; transition:transform 0.4s;}*/ .cropConTab .depth01_Tab button:after{display: block; content: ''; position: absolute; right:16px; top:16px; width:10px; height: 10px; border-bottom:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg);transition: transform 150ms ease-in-out; } .cropConTab .depth01_Tab ul {display:none; position:absolute; top:48px; left:0; width:100%; border:1px solid #63676d;} .cropConTab .depth01_Tab li+li {border-top:1px solid #d5d9de;} .cropConTab .depth01_Tab.col3 li {width: 100%;background:#eee;display: block;} .cropConTab .depth01_Tab li a {display:block; text-align:left;padding: 0;padding-left:15px; background:#fff; line-height:40px;} .cropConTab .depth01_Tab li.on a { color: #11881f;background:#f7f7f7; padding-left:15px;} .cropConTab .depth01_Tab li a:hover {color: #63676d;display:block; background:#f7f7f7; line-height:40px;} .cropConTab .depth01_Tab li.on a:hover {color: #11881f;} .cropConTab .depth01_Tab.open ul {display:block;} .cropConTab .depth01_Tab.open button:after {top:21px; transform:rotate(-135deg); } /* contIn-photo */ .contIn-photo ul.col3 li {float: none; width: 100%;} .contIn-photo ul.col3 li a .thumB, .contIn-photo ul.col3 li div .thumB { height: inherit; max-height: inherit;} /* main */ /* 신규직업 */ #RuralCulture .section03 article.nJobTest_wrap { float: none; width: 100%; height: 140px; } #RuralCulture .section03 article.nJoblist_wrap {width:100%; margin-left: 0; margin-top: 10px; } /* 이미지_list_설명무 */ #RuralCulture .imgListBox.col2 li {width:100%;} #RuralCulture .imgListBox.col3 li {width:100%;} #RuralCulture .imgListBox.col5 li {width:100%;} #RuralCulture .imgListBox.col6 li {width:100%;} /* 이미지_list_설명유_in */ #RuralCulture .imgListCon li{float:none;margin-bottom:15px;width:auto;} #RuralCulture .imgListCon.col2 li {width:100%;} #RuralCulture .imgListCon.col4 li {width:100%;} #RuralCulture .imgListCon.col5 li {width:100%;} #RuralCulture .imgListCon.col6 li {width:100%;} /* 이미지+텍스트 */ #RuralCulture .imgContBox .imgThumb { width:100%; display: block; } #RuralCulture .imgContBox .txtInfoBox { width:100%; display: block; padding:20px 0 0 0; } #RuralCulture .process_step li {position:relative; width:50%; float: left; padding: 1%;} /* 동영상 */ div.video_wrap .video_play { width: 480px; height: 330px;} /* 제휴서비스- 농업소식 */ #nongMin .newsView .newsArea .newsBox .pic {width: inherit; height: inherit;margin-right: 0;margin-bottom: 1rem;} #nongMin .newsView .newsArea .newsBox div.contBox > .date {display: block;position:relative; text-align: right;right: inherit; bottom: inherit;margin-top: .5rem;} } @media screen and ( max-width:460px){ /* 서브소개 */ #container .contents .subImg {padding: 1.2rem;} #container .contents .subImg.clean { padding: 1.2rem;} #container .contents .subImg.clean dd img {width: 120px;} #container .contents .subImg.curation { padding: 1.2rem;} #container .contents .subImg.curation:after {content: none;} /* 교육안내 */ .contIcon_list.edu > ul > li dl {padding: 20px;} .contIcon_list.edu > ul > li dl:before { position: relative; left:inherit; top:inherit;margin: 10px auto;} .contIn-photo li {width:100%; float: none;} .contIn-photo li a .thumB, .contIn-photo li div .thumB {height:auto;max-height:inherit;} /*Tabs : tab-nav */ .tab-nav.t1>ul>li>a{padding:0 1rem; height: 40px; line-height: 38px;font-size: .85rem;letter-spacing: -.05em;} .tab-nav.t2 li a{padding:0 8px;height: 40px; line-height: 38px;font-size: .85rem;letter-spacing: -.05em;} .tab-nav.t3 li a{padding:0 8px;font-size: .85rem;letter-spacing: -.05em;} /* 농촌문화 */ #RuralCulture .section02 article.nNotice_wrap .nNotice_list li a {width: 70%; } #RuralCulture .section02 article.nNotice_wrap .nNotice_list li .notice_date { width: 30%;} /* 여성농업인 - 알림마당 */ #womenFarmers .tabMore { position: relative; top: inherit; right: inherit; display: block; margin: 20px auto 0;} /* 제휴서비스- 농업소식 */ #nongMin div.bannerList > ul > li {float: none;width: 100%;} } @media screen and ( max-width:425px){ #container .contents .subImg.careFarm {padding: 1.8rem;min-height: inherit;} #container .contents .subImg.careFarm:after {content: none;} /*Tabs : tab-nav */ .tab-nav.t3 li a{padding:0 4px;font-size: .8rem;letter-spacing: -.05em;} /* 동영상 */ div.video_wrap .video_play { width: 320px; height: 230px;} /* 제휴서비스- 농업소식 */ #nongMin div.photoList > ul > li {width:100%; float: none;} #nongMin div.photoList.col3 > ul > li {float: left; width:50%;} #nongMin div.photoList.col3 > ul > li:last-child {display: none;} /* 열기/닫기 */ .drop-content{overflow:hidden;position:relative;height: 220px;min-height: 180px !important;box-sizing:border-box;} .drop-content .drop-text ol {padding-bottom: 2.4rem;max-height: inherit !important;} .drop-content .drop-btn{display:block;position:absolute;left:0;bottom:0;width:100%;padding: 1rem 0 0;background-color:#fff;text-align:center;cursor:pointer;margin: 0;} .drop-content .drop-btn .more_arr{font-size: .8rem;} .drop-content.selected{height:100%;} .drop-content.selected .drop-text {margin-bottom: 1rem;} } @media screen and (max-width: 360px){ /* 여성농업인 - 알림마당 */ #womenFarmers .section02 .wNotice_list li {float: none; width: 100%;} #careFarming .mainSection03 .cState_list li {float: none; width: 100%;} /* 제휴서비스- 농업소식 */ #nongMin div.thumbsList > ul > li {padding: .6rem 0;min-height: auto;} #nongMin div.thumbsList > ul > li .pic {width: 110px; height: 63px; margin-right: 12px;background-size: 100px auto;} #nongMin div.thumbsList > ul > li div.contBox > strong {font-size: 1rem;margin-bottom: .2rem;} #nongMin div.thumbsList > ul > li div.contBox > p.txt {font-size: .85rem; height: 40px;line-height: 1.4;} #nongMin div.textList > ul > li a {font-size: .925rem;} #nongMin div.photoList.col3 > ul > li {width:100%; float: none;} #nongMin div.photoList.col3 > ul > li:last-child {display: block;} }