@charset "utf-8"; /* '=================================================================================================== ' File Name : ~/_ui.all_v1.02.css ' Version : 1.02 ' Precedence : ' License : nics.go.kr Code y inni.kr (nics.go.kr 사이트 이외 사용을 금지 합니다.) '--------------------------------------------------------------------------------------------------- ' Service Name : UI Styles ' Description : 홈페이지 기본 적용 공통 스타일 ' Create Date : 2016년 05월 16일 ' Author : 유재인 ' Author E-Mail : inni@inni.kr '--------------------------------------------------------------------------------------------------- ' History : [2016.05.16] [유재인] - 기본 스타일 정의 ' ----------------------------------------------------------------------------- ' : [2016.10.04] [유재인] - 국립식량과학원 스타일을 고려하여 내용 수정 ' ----------------------------------------------------------------------------- ' : [2016.12.16] [유재인] - HTML5 Tag 및 IE Edge 사용자를 위한 스타일 수정 '--------------------------------------------------------------------------------------------------- ' Table Of Contents : [Basic Settings] - 홈페이지 디자인에 맞는 기본 스타일 정의 ' ----------------------------------------------------------------------------- ' : [Form Styles] - 홈페이지 Form 요소 디자인 정의 ' ----------------------------------------------------------------------------- ' : [Layout] - 홈페이지 공통 디자인 '=================================================================================================== */ /*================================================================================================== # Basic Settings */ body {font-size:14px;font-family:'Noto Sans KR', "맑은 고딕", "Malgun Gothic", Dotum, Verdana, Geneva, sans-serif;} select {font-family:'Noto Sans KR', "맑은 고딕", "Malgun Gothic", Dotum, Verdana, Geneva, sans-serif;} img[usemap] {max-width:100%;width:auto;height:auto} /*================================================================================================== # Form Styles */ input {padding:0.55em 0 0.6em 0.8em;border:1px solid #b2b2b2;border-radius:0.18em;line-height:1.1em} input[type=text] {height:1em} select {border:2px solid #157993; font-size:13px; color:#1b559c; font-weight:400; height:34px; border-radius:0;} input[type=image] {padding:0;border:0 none;border-radius:0} input.searchValue {border:2px solid #157993 !important; height:18px; font-size:13px; font-weight:400; vertical-align:middle;} /* 기존 border:1px solid #b2b2b2 !important; */ /*================================================================================================== # Form Styles - Color DarkBlue */ .color-darkblue input[type=text] ,.color-darkblue input[type=file] ,.color-darkblue textarea {background-color:#ffffff} .color-darkblue input[type=text]:hover ,.color-darkblue input[type=text]:focus ,.color-darkblue input[type=file]:hover ,.color-darkblue input[type=file]:focus ,.color-darkblue textarea {background-color:#d7e0f0} .color-darkblue input[type=text]:focus ,.color-darkblue input[type=file]:focus {border:1px solid #2167d1;outline-width:0} .color-darkblue input[type=text].lock ,.color-darkblue input[type=file].lock ,.color-darkblue textarea.lock {border:1px solid #a2a2a2;background-color:#e2e2e2} /*================================================================================================== # Layout */ #wrap {text-align:center} .agCenter {display:block;position:relative; max-width:1400px; margin:0 auto;padding:0 30px; text-align:left;} #wrMiddle {clear:both;} /*================================================================================================== # #itmTopImage < #bxHeader < #wrHeader */ #itmTopImage {position:relative} #itmTopImage.off {display:none} #itmTopImage .image {border-bottom:1px solid #c2c2c2} #itmTopImage .image img {width:100%} #itmTopImage .button {z-index:2;position:absolute;width:100%;margin-top:2px;text-align:center} /*================================================================================================== # wrHeader : 상단 로고 */ #itmLogo-top {z-index:99;position:absolute;top:49px} /*국정지표 20170818 */ .govindex { position:absolute;top:49px;left:240px;z-index:100} @media (max-width: 1110px) { .govindex { display: none; } } /*국가상징 20170915 */ /*.top_flog { position:absolute;top:47px;left:410px;z-index:100} @media (max-width: 950px) { .top_flog { display: none; } }*/ /*보다나은정부 20190415 */ .top_flog { position:absolute;top:50px;left:370px;z-index:100} @media (max-width: 1110px) { .top_flog { display: none; } } /*================================================================================================== # wrHeader : 홈페이지 공통 메뉴 */ #bxGnb {background-color:#01355e;overflow:hidden} #itmGnb {text-align:right} #itmGnb>li {float:left;display:inline-block;border-right:1px solid #004071} #itmGnb>li:first-child ,#itmGnb>li.dic {border-left:1px solid #004071} #itmGnb>li.dic {float:none;background-color:#2f568b} #itmGnb a {display:inline-block;height:14px;padding:9px 25px 11px 25px;color:#ffffff;font-weight:400;} /*================================================================================================== # wrHeader : 통합검색 */ #itmTotalSearch {padding-top:15px;padding-bottom:7px;text-align:right} #itmTotalSearch .itmSearch {display:inline-block;border:3px solid #aaafb9;background-color:#fafafa} #itmTotalSearch .itmSearch label ,#itmTotalSearch .itmSearch #search {vertical-align:bottom} #itmTotalSearch .itmSearch label {display:inline-block;height:23px;padding:8px 17px 2px 15px;color:#5d5f64;font-family:'Noto Sans KR', "맑은 고딕", "Malgun Gothic", Dotum, Verdana, Geneva, sans-serif;font-weight:400;background:url('../img/totalSearch-line.gif') right 10px no-repeat} #itmTotalSearch .itmSearch #search {margin-left:15px;width:237px;height:33px;padding:0px;border:0px none;background-color:transparent !important} #itmTotalSearch .itmTotalSearch-tag {display:inline-block;width:383px;height:1.1em;padding-top:5px; padding-bottom:3px; padding-left:19px;text-align:left;background:url('../img/totalSearch-icon-tag.png') left 10px no-repeat;overflow:hidden} #itmTotalSearch .itmTotalSearch-tag a {font-size:13px} #itmTotalSearch .itmTotalSearch-tag span {margin:0 15px; font-size:10px; color:#ccc;} /*================================================================================================== # wrHeader : 전체메뉴 열기 */ #bxTop .itmTnb-all-open {display:none} /*================================================================================================== # wrHeader : 전체메뉴 */ #bxAllMenu .title ,#bxAllMenu a {font-family:'Noto Sans KR', "맑은 고딕", "Malgun Gothic", Dotum, Verdana, Geneva, sans-serif;font-weight:bold} #bxAllMenu {z-index:9999;display:none;position:absolute;top:0;left:-9999999px;width:240px;border-top:10px solid #2f568b;border-bottom:1px solid #2f568b;text-align:left;background-color:#ffffff} #bxAllMenu .title {display:block;padding:1.2em 0;border-bottom:1px solid #2f568b !important;text-align:center;font-size:1.4285em;font-weight:bold;background-color:#eeeeef} #bxAllMenu a {font-size:16px;} #bxAllMenu .tnb-navi-dp2>li {border-bottom:1px solid #b2b2b2} #bxAllMenu .tnb-navi-dp2>li:last-child {border-bottom:0 none} #bxAllMenu .tnb-navi-dp2>li>h2 {padding:1em 0.7143em} #bxAllMenu .tnb-navi-dp2>li>h2>a {display:block;min-height:16px} #bxAllMenu .tnb-navi-dp3 {display:none} #bxAllMenu .tnb-navi-dp3 a {margin-bottom:0.8em;font-size:1em !important} #bxAllMenu .tnb-navi-dp3>li {padding:0.5714em 1.8em;background:url('../img/dot_basic.png') 1em 0.8714em no-repeat} #bxAllMenu .tnb-navi-dp4 {display:block;padding-top:0.8em} #bxAllMenu .tnb-navi-dp4>li {padding:0.5714em 0} #bxAllMenu .tnb-navi-dp4>li>h4:before {content:'-';padding-right:0.5em} #bxAllMenu .tnb-navi-dp4>li a {font-weight:normal} #bxAllMenu .tnb-navi-dp2 h2>a.sub-plus {background:url('../img/icon-menu-open.gif') right top no-repeat} #bxAllMenu .tnb-navi-dp2 h2>a.sub-minus {background:url('../img/icon-menu-close.gif') right top no-repeat} #bxAllMenu .on>li>h2>a {color:#0044a1} #bxAllMenu .on>.tnb-navi-dp3 {display:block} #bxAllMenu .on>h3>a {color:#0044a1} #bxAllMenu .on>.tnb-navi-dp4 {display:block} #bxAllMenu .on>h4>a {color:#0044a1} /*================================================================================================== # wrHeader : 주 메뉴 */ #bxTnb {height:2.578em;border-top:1px solid #d2d2d2;border-bottom:3px solid #07304f;font-size:1.35em; } #bxTnb .tnb-navi-dp {position:absolute;left:-9999999px;} #bxTnb .tnb-navi-dp2 {position:static;width:100%;text-align:right} #bxTnb .tnb-navi-dp2>li {display:inline-block;margin-left:4.5% !important;margin-right:4.5%;padding:0.789em 0} #bxTnb .tnb-navi-dp2>li.first {padding-left:0px !important}} ,#bxTnb .tnb-navi-dp2>li.last {padding-right:0px !important}} #bxTnb .tnb-navi-dp2>li.menu-30 {float:left;padding:0.47em 0 0.65em 0} #bxTnb .tnb-navi-dp2 h2 {line-height:0.5;} #bxTnb .tnb-navi-dp2 h2 a {display:block; font-size:18px;font-weight:700;font-family:'Noto Sans KR', "맑은 고딕", "Malgun Gothic", Dotum, Verdana, Geneva, sans-serif; position:relative;} #bxTnb .tnb-navi-dp2 h2 a:before {content:''; position:absolute;border-top:5px solid none; border-bottom:5px solid #07304f; border-right: 5px solid transparent; border-left: 5px solid transparent; bottom:-16px; left:50%; margin-left:-5px; display:none;} #bxTnb .tnb-navi-dp2 h2 a:hover, #bxTnb .tnb-navi-dp2 h2 a:focus {text-decoration:none;} #bxTnb .tnb-navi-dp2 h2 a:hover:before, #bxTnb .tnb-navi-dp2 h2 a:focus:before, #bxTnb .tnb-navi-dp2 h2 a.on:before {display:block;} /*#bxTnb .tnb-navi-dp2 h2 a:hover:before, #bxTnb .tnb-navi-dp2 h2 a:focus:before {width:100%;-webkit-transition:all .5s ease; transition: all .5s ease;} #bxTnb .tnb-navi-dp2 h2 a.on:before {width:100%;}*/ #bxTnb .tnb-navi-dp2>li>ul>li>a { font-size: 0.75em;font-weight: normal;font-family: 'Noto Sans KR', "맑은 고딕", "Malgun Gothic", Dotum, Verdana, Geneva, sans-serif;color:#585858;margin-right: -20px;} #bxTnb .tnb-navi-dp2>li>ul>li>a:hover { color:#578ad5; text-decoration:none;} #bxTnb .focus {display:block} #bxTnb .tnb-navi-dp2>li.title {display:none;padding:15px 10px;color:#ffffff;font-size:1.2em;font-weight:bold;background-color:#012649} #bxTnb a.on {color:#0044a1 !important} #bxTnb .tnb-navi-dp3 {display:none} /*================================================================================================== # Sub : 서브화면 공통 */ .sub #wrSidebar { background:#676767; float:left; display:inline-block; width:250px;padding-bottom:10px; border-bottom:1px solid #2674b2; } .sub #wrContents {margin-left:250px; padding-bottom:0;position:relative; } .titArea {background-color: #f3f6f8;} .sub #bxLocation {} .sub #itmPageTitle { position:absolute; top:30px; left:30px; font-size:18px; font-family:'Noto Sans KR', "맑은 고딕", "Malgun Gothic", Dotum, Verdana, Geneva, sans-serif;font-weight:500; color:#225898;text-align:left; margin-top:10px;} .sub .itmNaviLstNm {color:#225898;} .sub #itmNavi {position:absolute; top:6px; padding:10px 0 0 32px; font-family:'Noto Sans KR', "맑은 고딕", "Malgun Gothic", Dotum, Verdana, Geneva, sans-serif; color:#aaa; font-size:13px;font-weight:400;} .sub #itmNavi strong { color:#585858; font-weight:500;} .sub #bxPageButton {padding:17px 0 17px 0;text-align:right; width: 100%; max-width: 1150px; margin: 0 auto; border-bottom: 2px solid #2675b2;} .sub #bxPageButton .left {float:right; position: absolute; right:165px;} .sub #bxPageButton .left a {margin:0;} /* 공유 배경 이미지 제거 2017.08.24 .sub #bxPageButton .sns {display:inline-block;width:102px;margin-left:1em;padding:4px 0 4px 49px;text-align:left;background:url('/nics/img/sub-pageBtn-sns-bg.png') no-repeat} .sub #bxPageButton .sns {display:inline-block;padding:3px 7px;text-align:left;border:1px solid #b3b3b3;border-radius:3px}*/ .sub #bxPageButton .sns {display:inline-block;padding:3px 7px;text-align:left} .sub #bxPageButton .sns a { margin-right:2px} .sub #bxContents { margin: 0 auto;position:relative; padding: 0 0 30px 30px;} /* .sub #bxContents:after {content:'';display:block;padding-bottom:5.7142em} */ .sub .MgTopCon {margin-top:1.5em} /* padding 2021.11 */ @media (max-width:1170px){ .sub #bxContents { margin: 0 auto;position:relative; padding:60px 30px ;} .sub #bxLocation { position:relative;} .sub .itmNaviLstNm {color:#225898;} .sub #itmNavi { position:absolute; top:0px; left:0; margin-left:100px; padding-top:0.242em; text-indent:-999999999999px;} .sub #itmPageTitle { position:relative; top:0px; left:0;font-size:22px; font-family:'Noto Sans KR', "맑은 고딕", "Malgun Gothic", Dotum, Verdana, Geneva, sans-serif;font-weight:500; color:#225898;text-align:center;} .sub #bxPageButton .left {float:right;position: relative; right:0;} } @media (max-width:1100px){ #itmSatisfaction .satisfy input {width:82%;margin-right:1%} } @media (max-width:930px){ .sub #bxContents { margin: 0 auto;position:relative; padding:0px ;} } /* 20200818 반응형 관련 장주연 추가 */ @media all and (max-width:1024px){ .sub #wrSidebar {display:none;} .sub #wrContents {margin-left:0;} } /*=============;===================================================================================== # Sub : 왼쪽 메뉴 */ /* 202111수정*/ .sub #wrSidebar #bxLnb { background:#f1f3f4; } .sub #wrSidebar #bxLnb>h2 {display:block;padding:28px 0 20px 0; background:#234870; border-bottom:2px solid #225898;text-align:center;font-family:'Noto Sans KR', "맑은 고딕", "Malgun Gothic", Dotum, Verdana, Geneva, sans-serif; font-size:1.4em; color:#fff;font-weight:500;} .sub #wrSidebar #bxLnb a {font-family:'Noto Sans KR', "맑은 고딕", "Malgun Gothic", Dotum, Verdana, Geneva, sans-serif;font-weight:400; padding-left:10px; font-size:14px;} .sub #wrSidebar #bxLnb .tnb-navi-dp3>li {border-bottom:1px solid #e8e8e8} .sub #wrSidebar #bxLnb .tnb-navi-dp3>li:hover {background:#6fc6cf;color:#fff; cursor:pointer;} .sub #wrSidebar #bxLnb .tnb-navi-dp3>li>h3 {padding:1em 0.7143em} .sub #wrSidebar #bxLnb .tnb-navi-dp3>li>h3>a {display:block;min-height:16px;font-size:15px;} .sub #wrSidebar #bxLnb .tnb-navi-dp3>li>h3>a:hover {color:#fff; font-weight:500;} .sub #wrSidebar #bxLnb .tnb-navi-dp4 {display:none;} .sub #wrSidebar #bxLnb .tnb-navi-dp4>li {padding:0.5714em 1.8em;/*background:url('../img/dot_basic.png') 1em 0.8714em no-repeat*/ position:relative;} .sub #wrSidebar #bxLnb .tnb-navi-dp4>li:before { content: ""; background-color: #225898; width: 2px; height: 2px; position: absolute; left: 16px; top: 17px;} .sub #wrSidebar #bxLnb .tnb-navi-dp3 h3>a.sub-plus {background:url('../img/icon-menu-open2.gif') right top no-repeat} /* 202007 배경이미지 수정 */ .sub #wrSidebar #bxLnb .tnb-navi-dp3 h3>a.sub-minus {background:url('../img/icon-menu-close2.gif') right top no-repeat} /* 202007 배경이미지 수정 */ .sub #wrSidebar #bxLnb .focus>h3 {border-bottom:1px solid #148285; background:#148285} .sub #wrSidebar #bxLnb .focus>h3>a {color:#fff; font-weight:400;} .sub #wrSidebar #bxLnb .on>.tnb-navi-dp4 {display:block; background:#f5f6fa; box-sizing:border-box;} .sub #wrSidebar #bxLnb .on>.tnb-navi-dp4>li {display:block; background:#f5f6fa; border-bottom:1px solid #f5f6fa; box-sizing:border-box;} .sub #wrSidebar #bxLnb .on>.tnb-navi-dp4>a {color:#0aaeb0; border-bottom:1px solid #f5f6fa; } .sub #wrSidebar #bxLnb .on>.tnb-navi-dp4>li:hover {display:block; background:#fff; border-bottom:1px solid #0aaeb0; box-sizing:border-box;} .sub #wrSidebar #bxLnb .on>.tnb-navi-dp4>.on {color:#0aaeb0; background:#fff;border-bottom:1px solid #0aaeb0; } .sub #wrSidebar #bxLnb .on>h4>a {color:#06888a; font-weight:700;} /*================================================================================================== # Sub : 왼쪽 메뉴 기존....*/ /*.sub #wrSidebar #bxLnb>h2 {display:block;padding:36px 0 20px 0;border-bottom:3px solid #2f568b;text-align:center;font-family:'Noto Sans KR', "맑은 고딕", "Malgun Gothic", Dotum, Verdana, Geneva, sans-serif;font-size:1.8571em;color:#0044a1;font-weight:bold} .sub #wrSidebar #bxLnb a {font-family:'Noto Sans KR', "맑은 고딕", "Malgun Gothic", Dotum, Verdana, Geneva, sans-serif;font-weight:normal;} .sub #wrSidebar #bxLnb .tnb-navi-dp3>li {border-bottom:1px solid #b2b2b2} .sub #wrSidebar #bxLnb .tnb-navi-dp3>li>h3 {padding:1em 0.7143em} .sub #wrSidebar #bxLnb .tnb-navi-dp3>li>h3>a {display:block;min-height:16px;font-size:1.1428em} .sub #wrSidebar #bxLnb .tnb-navi-dp4 {display:none;padding-bottom:0.8em} .sub #wrSidebar #bxLnb .tnb-navi-dp4>li {padding:0.5714em 1.8em;/*background:url('../img/dot_basic.png') 1em 0.8714em no-repeat position:relative;} .sub #wrSidebar #bxLnb .tnb-navi-dp4>li:before { content: ""; background-color: #225898; width: 2px; height: 2px; position: absolute; left: 16px; top: 17px;} .sub #wrSidebar #bxLnb .tnb-navi-dp3 h3>a.sub-plus {background:url('../img/icon-menu-open2.gif') right top no-repeat} 202007 배경이미지 수정 .sub #wrSidebar #bxLnb .tnb-navi-dp3 h3>a.sub-minus {background:url('../img/icon-menu-close2.gif') right top no-repeat} 202007 배경이미지 수정 .sub #wrSidebar #bxLnb .focus>h3 {background:#2f568b} .sub #wrSidebar #bxLnb .focus>h3>a {color:#fff; font-weight:500;} .sub #wrSidebar #bxLnb .on>.tnb-navi-dp4 {display:block; background:#f5f6fa;} .sub #wrSidebar #bxLnb .on>h4>a {color:#0044a1}*/ /*================================================================================================== # Sub : 콘텐츠 만족도 평가 */ #itmSatisfaction {margin-top:30px;} #itmSatisfaction .itemHeader {background-color:#b2bac9; padding:20px 40px; color: #213152; font-size: 14px; font-weight: 400;} #itmSatisfaction .radio {display:inline} #itmSatisfaction .satisfy {padding-top:0.5em} #itmSatisfaction .satisfy * {vertical-align:top} #itmSatisfaction .satisfyLeft {display:inline-block;width:84%} #itmSatisfaction .satisfyRight {display:inline-block;width:16%;text-align:center} #itmSatisfaction input[type=radio] { margin-left: 3%;width: 20px; height: 20px; margin-top: -5px;} #itmSatisfaction textarea {width:98%;height:40px;border:1px solid #999999;vertical-align:top;background-color:#ffffff} #itmSatisfaction .satisfy input {width:85%;margin-right:1%} /* 2022-01-12 width:87% -> 85%로 변경 */ #itmSatisfaction label {color: #213152; font-size: 14px; font-weight: 400;} #itmSatisfaction a.btn {padding:0.65em 1.2em 0.7em !important;font-size:14px;vertical-align:middle; color:#fff !important; border-radius:0; border:none; background-color: #1b559c; background: #1b559c; float: right;} /* 2022-01-11 margin-top: -8px; 제거*/ #itmSatisfaction .charge { padding: 5px 40px; background-color: #eaedf2; overflow: hidden;} #itmSatisfaction .charge p {font-size:14px; color:#474747; font-weight: 400; float:left; padding-top:10px;} /* #itmSatisfaction .charge p:first-child {padding-top:10px;} */ #itmSatisfaction .line {margin:0 10px; font-size:10px; color:#ccc; vertical-align:top;} @media (max-width:1204px){ #itmSatisfaction .radio {display:block;padding-top:0.5em} #itmSatisfaction input[type=radio] {margin-left:0} #itmSatisfaction .satisfy input {width:85%;margin-right:1%} /* #itmSatisfaction a.btn {margin-top: -30px;} 2022-01-11 주석*/ } @media (max-width:1100px){ #itmSatisfaction .satisfy input {width:82%;margin-right:1%} } @media (max-width:930px){ #itmSatisfaction .satisfy input {width:75%;margin-right:1%} } @media (max-width:780px){ #itmSatisfaction .satisfy input {width:70%;margin-right:1%} } @media (max-width:700px){ #itmSatisfaction .satisfy input {width:67%;margin-right:1%} } /*================================================================================================== # Sub : 콘텐츠 담당자 정보 */ #itmAdministrator {margin-top:10px;padding:0.8em 0;border:1px solid #d2d2d2} #itmAdministrator .box {display:inline-block;width:33.3333%;text-align:center} #itmAdministrator .box b {margin-right:1em;font-weight:bold} /*================================================================================================== # Sub : 게시판 - 검색 */ .sub .bxSearch {text-align:right;margin-bottom:1em;margin-top:30px;} .sub .bxSearch-btm-dark {clear:both;padding:0.5em;border:1px solid #a2a2a2;text-align:right;margin-top:1em;background-color:#f7f7f7} /*================================================================================================== # Sub : 게시판 - 상세보기 */ #itmBbsView .subject {padding:1em 1.2em;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;font-weight:bold;background-color:#f8f8f8} #itmBbsView .menu {padding:0.8em 1.2em 0.6em 1.2em;border:1px dashed #b2b2b2} #itmBbsView .info {padding:1em 1.2em;border-bottom:1px solid #e2e2e2;text-align:right} #itmBbsView .info b {margin-left:1.5em} #itmBbsView .info.l {text-align:left} #itmBbsView .info span {margin-left:0.6em} #itmBbsView .infoReply {padding:1em 1.2em;border-bottom:1px solid #e2e2e2;text-align:right;background-color:#f8f8f8} #itmBbsView .infoReply b {margin-right:0.6em} #itmBbsView .infoReply.l {text-align:left} #itmBbsView .infoReply span {margin-right:1.5em} #itmBbsView .content {padding:2.2em 1.4em} #itmBbsView .imgShow {margin-top:2em;border:1px solid #e2e2e2} #itmBbsView * {line-height:1.8em !important;} /* #itmBbsView dl * */ /* ,#itmBbsView ul * {padding-bottom:0.3em} */ .sub .bxButton-list-top {padding:0.5em 0;text-align:right} .sub .bxButton-bottom {padding:2em 0;text-align:center} #itmBbsView .files ,.sub .itmCopyright ,.sub .itmTag ,.sub .itmUrl {clear:both;} #itmBbsView .files .header {text-align:right} .indent1 {padding-left:0.1em; text-indent:-0.1em} .indent2 {padding-left:0.2em; text-indent:-0.2em} .indent3 {padding-left:0.3em; text-indent:-0.3em} .indent4 {padding-left:0.4em; text-indent:-0.4em} .indent5 {padding-left:0.5em; text-indent:-0.5em} .indent6 {padding-left:0.6em; text-indent:-0.6em} .indent7 {padding-left:0.7em; text-indent:-0.7em} .indent8 {padding-left:0.8em; text-indent:-0.8em} .indent9 {padding-left:0.9em; text-indent:-0.9em} .indent10 {padding-left:1.0em; text-indent:-1.0em} .indent11 {padding-left:1.1em; text-indent:-1.1em} .indent12 {padding-left:1.2em; text-indent:-1.2em} .indent13 {padding-left:1.3em; text-indent:-1.3em} .indent14 {padding-left:1.4em; text-indent:-1.4em} .indent15 {padding-left:1.5em; text-indent:-1.5em} /*================================================================================================== # Sub : 첨부파일 */ #itmBbsView .files {padding-top:0.5em;border-top:1px solid #d2d2d2; overflow:hidden;} #itmBbsView .files .header {float:left;width:100px;padding:0 0.5em 0.51em 0.51em; font-weight:bold; position:relative; height:auto;} #itmBbsView .files .header:after {content:''; position:absolute; top:50%; right:0; margin-top:-7px; width:1px; height:11px; background:#bbbdbf;} #itmBbsView .files ul {margin-left:125px;} #itmBbsView .files li {padding:0px 1.5em 0 0;} #farmViewTable .files {padding-top:0.5em;border-top:0px solid #d2d2d2; overflow:hidden;} #farmViewTable .files .header {line-height:1.8em !important;float:left;width:100px;padding:0 0.5em 0.51em 0.51em; font-weight:bold; position:relative} #farmViewTable .files .header:after {content:''; position:absolute; top:50%; right:0; margin-top:-7px; width:1px; height:11px; background:#bbbdbf;} #farmViewTable .files ul {margin-left:125px;} #farmViewTable .files li {padding:0px 1.5em 0 0;} /*================================================================================================== # Sub : 저작권정보 */ .sub .itmCopyright {padding:1.2em 1.2em 0; background-color:#ffffff;} /*================================================================================================== # Sub : 콘텐츠 태그 출력 */ .sub .itmTag {padding:1em 1.2em; background:#fcfcfc; margin-bottom:1.5em;} .sub .itmTag a {margin-left:2em} /*================================================================================================== # Sub : 관련 URL */ .sub .itmUrl {border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;background-color:#ffffff;} .sub .itmUrl .header {width:110px; display:table-cell; padding:0.5em 0.5em 0.51em 0.51em; font-weight:bold; position:relative;} .sub .itmUrl .header:after {content:''; position:absolute; top:50%; right:0; margin-top:-6px; width:1px; height:11px; background:#bbbdbf;} .sub .itmUrl dd {display:table-cell; padding:0.5em 1.5em;} /*================================================================================================== # Sub : 텝 메뉴 */ .sub .bxTab {height:1em;margin-bottom:10px} .sub .bxTab:after {content:'';display:block;clear:both} .sub .bxTab .tab {display:block;float:left;margin-right:0.5em;margin-bottom:0.5em; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background-color:#fafafa} .sub .bxTab .tab:last-child {margin-right:0} .sub .bxTab .tab a {display:block;} .sub .bxTab .tab a.on {color:#ffffff;font-weight:bold;cursor:default;background-color:#02264a;} .sub .bxTab .tab a.on h5 {color:#ffffff} .sub .bxTab .tab a.on:hover {text-decoration:none} /*================================================================================================== # wrBottom : 화면 위로 */ #itmGo-top {z-index:999;display:block;position:relative;top:82px;right:10px;width:43px;height:43px; float: right;} /*================================================================================================== # wrBottom : 하단 배너 */ #bxBanner .button {z-index:99;display:block;position:absolute;bottom:-25px;right:103px;height:25px} #bxBanner .button a {display:block;height:100%} #itmBanner {display:none;padding:1em 0;border-top:1px solid #a2a2a2;overflow:hidden} #itmBanner>li {display:inline-block;width:14.2857%;margin-bottom:7px;text-align:center} #itmBanner>li img {width:96%} #itmBanner>li:last-child {margin-right:0} #bxBanner .on {display:block} /*================================================================================================== # wrFooter : 하단 메뉴 */ #bxFnb {border-top:2px solid #02233b;background-color:#07385d; clear:both;} #itmFnb {background-color:#003156} #itmFnb>li {display:inline-block;height:1em;padding:1.16em 30px 1.96em;} #itmFnb a {color:#ffffff} #itmFnb a.emp {color:#f0ff00;font-weight:500;} /*================================================================================================== # wrFooter : 사이트 정보 및 링크 */ #itmInfo-link ,#itmInfo {padding-left:230px} #itmInfo-link {padding-top:15px;font-weight:bold} #itmInfo-link span {margin:0 30px;color:#18437f;font-weight:bold} #itmInfo-link a {font-weight:bold} #itmInfo {padding-top:10px; padding-bottom:20px;} #itmInfo div {padding-top:4px;line-height:1.6em; float:left;} #itmInfo div>div {display:inline} #itmInfo div b {margin-right:1em; font-weight:500;} #itmInfo div span {margin-right:2.2em} /* #itmInfo li {padding-top:10px;line-height:1.6em} #itmInfo li>div {display:inline} #itmInfo li b {margin-right:1em} #itmInfo li span {margin-right:2.6em} */ /*================================================================================================== # wrFooter : 마크 (배너) */ #itmMark {position:absolute;top:15px;right:40px} #itmMark a {margin-left:1.5em} #itmMark a:first-child {margin-left:0em} #itmMark img {height:3em} /*================================================================================================== # wrFooter : 하단 로고 */ #itmLogo-footer {position:absolute;top:16px} /*================================================================================================== # itmBbsHeader : 게시판 상단 내용 */ #itmBbsHeader {margin-top:30px; margin-bottom:2em;padding:0.8em 1.5em 0.6em 1.5em;border-radius:3px;border:1px solid #cdd4dd;line-height:1.6em;background-color:#f2f2f2} /*================================================================================================== # itmBbsFooter : 게시판 하단 내용 */ #itmBbsFooter {margin-bottom:2em;padding:0.8em 1.5em 0.6em 1.5em;border-radius:3px;border:1px solid #cdd4dd;line-height:1.6em;background-color:#f2f2f2} /*================================================================================================== # #itmContentView : 켈린더 상세보기 */ #itmContentView {display:none;z-index:999;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#ffffff} /* 20170121 수정_left 값이랑 width값 미디어쿼리 적용 필요 */ #itmContentView>.Box {height:70%;padding:4em 0} #itmContentView>.Box>.Scroll {padding:0 1em;height:100%;border:1px solid #cbcbcb;overflow-y:scroll;overflow-x:auto} #itmContentView>.Box>.Button {padding:1em 0;text-align:right} #itmContentView .Subject {padding:0.8em 1.5em;border:1px solid #cbcbcb;border-bottom:none 0px;font-weight:bold;background-color:#f2f2f2} #itmContentView .Writer {padding:0.8em 0.5em;font-weight:bold} #itmContentView .Writer span {margin-left:1.5em;color:#989898;font-weight:100} #itmContentView .Duration {padding:0.8em 0.5em;border-bottom:1px solid #cccccc} #itmContentView .File {padding:0.8em 0.5em;border-bottom:1px solid #cccccc} #itmContentView .File>li {margin-top:0.4em;padding-top:0.4em;padding-left:1em;border-top:1px dashed #cccccc} #itmContentView .File>li:first-child {margin-top:0px;padding-top:0px;border-top:none 0;} #itmContentView .File .btn {margin-left:2em;font-size:10px} #itmContentView .Content {padding:0.5em} #itmContentView.on {display:block} .popover {display:none !important} /* 켈린더 라이브러리 기본 상세보기 팝업창 보이지 않게 설정 */ .scheduler-view-agenda-info-container .scheduler-view-agenda-info .scheduler-view-agenda-info-biggie {font-size:1em !important} .scheduler-event-title {display:none !important} .scheduler-view-agenda-event-content {text-decoration:none !important} .scheduler-event {border:none 0 !important;background:none !important;background-color:transparent !important} .scheduler-view-table-header-day {background-color:#F2F2F2} /*================================================================================================== # FAQ 목록 스타일 */ .faqlist {border-top:2px solid #666} .faqlist dt {padding:4px 20px 3px 30px;line-height:1.5em;border-bottom:1px solid #c7c7c7;background:url(../../images/board/icon_faq_q.png) no-repeat 5px 50%} .faqlist dt a {display:block;padding:8px 0;font-weight:bold;color:#606060;} .faqlist dd {padding:17px 20px 17px 30px;line-height:1.5em;border-bottom:1px solid #c7c7c7;background:#f9f9f9 url(../../images/board/icon_faq_a.png) no-repeat 5px 16px} .faqlist dd.none {padding:4em 0;text-align:center} #tech_div dl {margin-bottom:1em;} #tech_div dd {display:inline-block;} .tech_div dl {margin-bottom:1em;} .tech_div dd {display:inline-block;} #bxContents .faqlist dd div {line-height:1.7em;} /* 조직도 */ #organization {display:inline-block;position:relative;background:url(../img/bg_organ.jpg) no-repeat 70% 0;overflow:hidden; margin:0 auto;} #organization .depth1 {display:inline-block;padding:12px 0;background-color:rgb(225,240,247);border:1px solid rgb(183,207,219);color:#363636;font-size:16px;text-align:center; min-width:140px;} #organization .depth1_1 {display:inline-block;padding:12px 3px;background-color:#fff;border:1px solid #c9c9c9;color:#363636;font-size:15px;text-align:center; width:25px;min-height:215px; line-height:1.3;} #organization .depth2 {display:inline-block;width:20px;padding:7px 3px;margin:17px 2px 0 2px;background-color:#fff;border:1px solid #c9c9c9;color:#363636;font-size:14px;text-align:center; min-height:164px; line-height:1.3;} #organization .list1 {display:block;float:left;margin-right:15px; text-align:center;} #organization .list1 > ul {overflow:hidden; margin:0 auto;} #organization .list1 > ul li {float:left;} /* 사이트 맵 */ #site_map_div .block {width: 24%;display: inline-block;vertical-align: top;} #site_map_div dl {padding:1em} #site_map_div dt ,#site_map_div dd {} #site_map_div dt {padding:0.5em 1em;background-color:#323c73} #site_map_div dt a {color:#fff;font-weight:bold} #site_map_div dd {padding:0.6em 1em 0.5em 0.5em;border-bottom:1px solid #d2d2d2} #site_map_div dd p {padding:0.2em 0 0 0.5em;line-height:1.6em} #site_map_div dd p:before {content:"- "} #site_map_div dd>a {font-weight:bold} #site_map_div .block05 {clear:both} .video-container { margin:0 auto;padding-bottom: 75%; max-width: 85%; height: 0; position: relative;overflow: hidden;} .video-container iframe, .video-container object, .video-container embed { margin: 0;padding: 0; width: 100%; height: 95%;position: absolute; top: 0;left: 0; } /*================================================================================================== # FAQ _ 바로처리한 농업 궁금증 현장사례집 20170824 */ .faq_ezpdf { border-radius:5px;border:1px solid #ddd;padding:15px;margin-top:30px;overflow:hidden} .faq_ezpdf .infotxt { margin-top:10px;line-height:1.5em} .faq_ezpdf .conDp3 { margin-bottom:10px} .faq_ezpdf .bxTab { margin-bottom:0;display:table;width:100%} .faq_ezpdf .bxTab .tab { display:table-cell;width:24%} .faq_ezpdf .bxTab .tab a { text-align:center} @media (max-width:1115px){ .faq_ezpdf .bxTab .tab {width:22%;word-break:keep-all} } /* 이미지 반응형 size 처리 20170824*/ #bxContents img { max-width: 100%;} /* html 문서 변환 파일다운로드 아이콘 */ .file_down { width:17px; height:17px; min-width: 18px; } /* 메인화면 서브메뉴*/ .mainsubmenu {display:none;padding-top:24px; position:absolute; z-index:9998; text-align:left} .mainsubmenu>li {width:150px; margin-top:7px;} .mainsubmenu>li>a {text-align:center;} .sub-menu-tab {display:none; position:absolute;z-index: 9997;background:white;width:100%; height:290px; border-left:1px solid #01355E;border-right:1px solid #01355E;border-bottom:2px solid #01355E; border-top:1px solid #07304f; margin-top:1px;} /* 브이월드 */ .vw-notice img{ display : none; }