@charset "utf-8"; @import url(/Web-home/frame/css/layout_common.css); /*@import url(/user/hsc/style/css/NotoSans.css);*/ @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); /* * {font-family: 'NanumSquare' !important}*/ * {font-family: "Noto Sans", "Noto Sans KR", "NotoSans-DemiLight", sans-serif !important;letter-spacing:-0.8px;} /*1a46b5*/ #content-container .content-header{position: relative;margin-bottom:50px} #header-container{width: 2000px !important;z-index: 100 !important;position: fixed !important;} /*#header-container .content-header:before{content:"";position: absolute; z-index: -1; top: 142px; left: 50%; margin-left: -1000px; width: 2000px; min-width: 1200px; height: 227px; background: url(./../../mycodyimages/s_visual.png) no-repeat 50% 0}*/ #header-container .content-header {display:none;position: absolute; z-index: -1; top: 142px; left: 50%; margin-left: -1000px; width: 2000px; min-width: 1200px; height: 227px; /*background: url(./../../mycodyimages/s_visual.png) no-repeat 50% 0;*/} #header-container .content-header .slogan {text-indent:-9999px;position: absolute; top: 36px; right: 500px; width: 1000px; text-align: left; padding-left: 230px; box-sizing: border-box;overflow:hidden} #header-container .content-header .slogan .item-01 {margin: 0; line-height: 32px; font-size: 24px; color: #ffffff;} #header-container .content-header .slogan .item-02 {margin: 0; line-height: 32px; font-size: 17px; color: #ffffff;} /* lnb */ .lnb .logo {margin: 0;} .lnb .logo a {height: 88px;} /* 메뉴 공통 */ .lnb .wizard_func_area #menuTopUI #top_div {width: auto !important;} .lnb .wizard_func_area #menuTopUI #top_div>ul {width: auto !important;} .lnb .wizard_func_area #menuTopUI #top_div>ul:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .lnb .wizard_func_area #menuTopUI #top_div>ul>li {position: static !important;} .lnb .wizard_func_area #menuTopUI #top_div>ul>li >a{position:relative} .lnb .wizard_func_area #menuTopUI #top_div>ul li a{} /* 글꼴적용*/ .lnb .wizard_func_area #menuTopUI #top_div>ul>li.liActive > a:after{content:"";position:absolute;bottom:-19px;right:0;left:0;height:9px;background:#1151a8} .lnb .wizard_func_area #menuTopUI #top_div>ul>li:hover > a:after{content:"";position:absolute;bottom:-19px;right:0;left:0;height:9px;background:#1151a8} .lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2 {left: auto !important; width: auto;} .lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul {font-size: 0; white-space: nowrap; text-align: center;position: relative;z-index: 100;} .lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul>li {display: inline-block !important; float: none !important;} /* 해당 템플릿 전용 */ .lnb .wizard_func_area #menuTopUI {position: absolute; right: 0; bottom: 15px;} /* .lnb .wizard_func_area #menuTopUI #top_div>ul>li+li {margin-left: 40px;} */ .lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul>li>a {} .lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul>li>a:hover, .lnb .wizard_func_area #menuTopUI #top_div>ul>li .div_2>ul>li>a.active {} /* mid-container */ #mid-container {overflow: visible !important; margin: 232px auto 60px auto;position: relative;z-index: 2;} #mid-container:before{content:"";position: absolute; z-index: -1; top: -90px; left: 50%; margin-left: -1000px; width: 2000px; min-width: 1200px; height: 227px; background: url(./../../mycodyimages/s_visual.png) no-repeat 50% 0} #mid-container:after {content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} #content-container:after{content:"";height:51px;width:2000px;position: absolute;;top:138px;left:50%;margin-left:-1000px;background-color:#eee;border-bottom:1px solid #ccc;z-index: -1;} /* quick-link */ #mid-container #left-container .quick-link {margin-top: 20px; width: 190px; background-color: #f3f3f3;} #mid-container #left-container .quick-link h3 {overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} #mid-container #left-container .quick-link ul {list-style: none; margin: 0; padding: 0 20px;} #mid-container #left-container .quick-link ul li {vertical-align: top;} #mid-container #left-container .quick-link ul li+li {border-top: 1px dashed #dadada;} #mid-container #left-container .quick-link ul li a {display: block; padding-top: 13px; height: 29px; line-height: .9; font-size: 14px; color: #1f5a98; text-decoration: none; background: url(./../../mycodyimages/s_quick_link.png) no-repeat 100% 50%;} /* content-container */ #mid-container #content-container {overflow: initial !important;;} #mid-container #content-container .h2Title {position: absolute;top: 0;line-height: .9; font-size: 48px; color: #fff;text-align: center;;width: 100%;} #pageNavi {;} #pageNavi {;} #pageNavi .pLocation{float: none !important;margin-top: 137px;} #pageNavi .pLocation strong {font-weight: bold;;color: #333 !important;font-size: 17px;display: inline-block;padding: 18px 20px 0 20px ;height: 33px;border-color: #ccc;border-style: solid;border-width: 0 1px 0 1px ;background-color: #eee;margin-left: -12px;color:#38659f;} #pageNavi .pLocation span{color: #333 !important; font-size: 17px;display: inline-block;padding: 18px 20px 0 20px ;height: 33px;border-color: #ccc;border-style: solid;border-width: 0 0 0 1px;background-color: #eee;} #pageNavi .pLocation span + span{margin-left: -11px;} /*footer 로고*/ #footer .division-03:before {background-image: url(./../../mycodyimages/logo_footer.png);width: 220px;top:-24px} /* quick menu */ #slide-container {top: 253px;} /* family-site */ .division-01{position:relative} .division-01 .family-site-btn{float:left;;} .division-01 .family-site-btn span{display: block;color: #333 !important;border-color: #ccc !important;height: 38px !important;padding-top: 20px !important;font-size: 18px !important;width: 210px;} #family-site{position:absolute; top:-69px;right:0; z-index:100;height:280px; width:1200px; border:2px solid #565656;background: #fff;} #family-site h2{position:absolute; top:94px;left:26px;font-size:20px;line-height:28px;text-align: center;} #family-site h2 .wbr{display:block} #family-site h2 .color-point{color:#000;font-size: 28px;} #family-site .wrap-scroll{height:265px;width:982px;padding-left:212px;margin-top: 7px;overflow-y:scroll} #family-site .wrap{display: table;} #family-site .box ul{margin:0;padding:0} #family-site .box ul li{list-style:none;} #family-site .box ul li a{text-decoration:none} #family-site .box{display: table-cell; width:200px; padding:10px 0 10px 40px;border-left:1px solid #e8e8e8;} #family-site .box h3{margin:0 0 18px 0;px;color:#000000;font-size:18px;line-height:18px} #family-site .box li{margin-bottom:8px; line-height: .9;} #family-site .box a{color:#6e6e6e;font-size:16px} #family-site .box a:hover{text-decoration:underline} #family-site .close{position:absolute; top:0px; left:0; width:30px; height:30px; cursor:pointer; background:#565656;border:1px solid #565656;text-align:center;line-height:.9;padding-top:2px;font-weight:bold;color:#fff;font-size:14px;} #family-site .box ul .item-01{background: #000;width: 135px;} #family-site .box ul .item-01 a{display: inline-block;width: 136px;height: 67px;background: url(/user/nhabgroup/mycodyimages/division.png) no-repeat -174px 0;position: relative;color: transparent;} #family-site .box ul .item-02{background: #000;width: 135px;} #family-site .box ul .item-02 a{display: inline-block;width: 136px;height: 67px;background: url(/user/nhabgroup/mycodyimages/division.png) no-repeat -174px -73px;position: relative;color: transparent;} #footer .division-01 .policy{} #footer .division-01 .policy h2{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0} #footer .division-01 .policy ul{} #footer .division-01 .policy ul li{height: 60px;float: left;width: 210px;text-align: center;border-left:1px solid #ccc} #footer .division-01 .policy ul li a{display: block;font-size:18px;color:#333333;line-height:.9;padding-top:24px} #footer .division-01 .goto-top{margin: 0;position: absolute;top: 0px;right: 0;} #footer-container{padding-top:50px;} /* 게시판 컨텐츠 영상*/ .movie-wrap{} .movie-wrap .movie-view{width:768px;height:auto;margin:20px 0} .movie-wrap .movie-view video{width:768px} .movie-wrap .point{font-size:12px;margin-top:12px;text-align: right;} /*skip*/ #skipnavi{display: block !important;text-align: center;z-index: 99999;overflow:hidden;position:absolute;left:0;} #skipnavi li a{height:0px;overflow:hidden;display:block;font-size:20px;color:#fff;} #skipnavi li a:focus{display:block; height:auto; padding:10px; background-color:#1457a2; color:#fff;} .sm_list li li a{color:#555 !important} .htmlWrap .title3rd{color: #01715d !important;} /* 인증서 마크 */ .accessibility-logo{position:absolute;width:96px;right:0;top:40px} .accessibility-logo a{display:block} .accessibility-logo a img{width: 100%;} /* index */ #content .content-primary{} #content .content-primary .shortcut{position: absolute;top: 50%;left: 50%;margin-left: -548px;margin-top: -342px;min-width: 1000px;} #content .content-primary .shortcut h2{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;} /* 레이아웃 */ #header .posts,#header .util{display:none} #header{padding-top:0 !important} #header:before{background-color: #fff !important;height: 142px !important;top: 0 !important;border:none !important;left: 50% !important;margin-left: -1000px;} #header.active:before{border-bottom:1px solid #1a46b5 !important} #header:after{height:1px !important;width:2000px !important;background-color:#666;position:absolute;top:88px;left:50%;margin-left:-1000px;visibility: visible !important} #footer-container{width: 1200px !important;} #footer:after{background-color: #dbdbdb !important;border-top: 1px solid #ccc !important;border-bottom: none !important;top: 59px !important;height:auto;bottom:0;z-index: -1;left: 50%;margin-left: -1000px;} #footer .division-01 .goto-top a{background-image: url(/user/nhabgroup/mycodyimages/icon-top.png);background-position: 25px 11px;width: 70px;height: 60px;background-color: transparent;border-color: #ccc;border-width: 0 1px 0 1px;border-style: solid;} #footer .division-01 .goto-top a span{color:#333;font-size:14px;padding-top: 34px;width: auto;} #footer .division-03{border-top: none !important;margin: -1px 0 0 0 !important;width: 958px;z-index: 0 !important;padding: 40px 0 40px 242px !important;} #footer .division-03 .coop-site ul li{font-size:18px;letter-spacing: -1px;} #footer .division-03 .copyright{font-size:18px;padding-top: 12px;color: #666;} #footer .division-03 .browser_info{font-size:14px;padding-top: 12px;color: #666;line-height: 1;} #header-container, #pageTop{height: 142px !important;;} #header{position: fixed !important;;width: 1200px !important;left: 50%;margin-left: -600px;background-color: #fff;} #mid-container{width: 1200px !important;} #menuSubUI{display:none} /* tap 메뉴 수정 */ #menuTabUI{padding-bottom: 64px !important;} #menuTabUI .div_1{text-align: center;} #menuTabUI ul#tab_k2wiz_GNB{border-bottom: none !important;} #menuTabUI ul#tab_k2wiz_GNB li.li_1{float: none !important;display: inline-block;} #menuTabUI ul#tab_k2wiz_GNB li.li_1+li{margin-left: -7px !important;} #menuTabUI ul#tab_k2wiz_GNB li.li_1>a{color:#333 !important;height: 30px !important;padding: 15px 24px 0 24px !important;font-size: 17px !important;border: 1px solid #000 !important;background-color: #fff !important;min-width: 110px;} #menuTabUI ul#tab_k2wiz_GNB li.li_1>a.active{color:#333 !important;background-color: #cee7f2 !important;} /* GNB 수정 */ div.list ul.list li div.thumb a{width:200px; height:132px} #top_k2wiz_GNB div{left:0 !important; overflow:hidden; display:block !important; height:0; transition:ease all .5s; visibility: visible !important;} #top_k2wiz_GNB div .div_3{display:none !important} #top_k2wiz_GNB .liActive .div_2 .ul_2 .li_2.liActive a.a_2{color:#1151a8;} #top_k2wiz_GNB .liActive .div_2 .ul_2 .li_2.active a.a_2{color:#1151a8;} #top_k2wiz_GNB .liActive .a_1{background-color:#fff; color:#1151a8;} #top_k2wiz_GNB .liActive > div{display:block;} #top_k2wiz_GNB .liActive > div{height:45px;} #menuTopUI #top_div:after{content:''; height:0; transition:ease all .3s; position:absolute; left:50%;; top:73px; width:2000px;margin-left:-1211px; z-index:-1; display:block;background: #fff;} #menuTopUI #top_div:after{content:''; height:0; transition:ease all .3s; position:absolute; left:50%;; top:73px; width:2000px;margin-left:-1211px; z-index:-1; display:block;background: #fff;} #menuTopUI:hover #top_div:after{height:53px;} #menuTopUI:focus #top_div:after{height:53px;} #menuTopUI .div_3{display:none !important;} .UIdiv{margin-bottom:0 !important} /* 컨텐츠 font-size */ .history_tbl{font-size:17px !important} .wizUser .list table { font-size: 17px !important;} #album-container div.list ul.list li dl dd.contents, .wizUser .viewTop dl dt, .wizUser .viewTop dl dd, .htmlWrap .k2conWrap .conbuilContent, .nhpolicy,.prevTxt,.agreeSelect, #board-container{font-size: 17px !important;} .wizUser .list table td{line-height: 180% !important;} #divView{font-size: 17px !important;} #album-container .view dl.viewdata dt{ font-size: 20px !important;padding: 20px 30px !important;} .htmlWrap .title1st{font-size: 20px !important;} .htmlWrap .title2st{font-size: 19px !important;} .htmlWrap .title2nd{font-size: 18px !important;} .htmlWrap .k2conWrap ul li{line-height: 26px !important;font-size: 17px !important;} .htmlWrap div.newcont{width:800px;padding-right:50px;float:right;} .htmlWrap .titleUser1st{font-size: 28px;font-weight:bold;margin-bottom:20px;color:#1a46b5;} .htmlWrap .titleUser2st{font-size: 24px;font-weight:bold;margin-bottom:15px;color:#000;} .htmlWrap .titleUser3st{font-size: 20px;font-weight:bold;margin-bottom:10px;color:#000;} .blue{color:#000 !important;;} /* 농촌사랑상품권 */ #top_k2wiz_GNB_475445564{color: transparent !important;width: 104px;background-position-y: 4px !important} #top_k2wiz_GNB_475445564:hover,#top_k2wiz_GNB_475445564.active{color: transparent !important;} /**이사회***/ .directors .directors-conts{width:100%;overflow: hidden;height:192px;padding-bottom:50px;margin:0 50px 50px 103px;border-bottom:1px solid #d6d6d6;} .directors .imgbox{float:left;margin-right:50px;width:150px;border: 2px solid #d6d6d6} .directors .imgbox img{width:100%} .directors .textbox{float:left;padding-top:10px;} .directors .textbox strong{font-size:22px;color:#000;} .directors .textbox strong span{color:#888;} .directors .textbox span{font-size:22px;line-height: 1.7;padding-left:20px;} .directors .textbox span.cn_name{padding-left:20px;padding-right:10px;font-weight:100;} .directors .textbox p{font-size: 18px;margin-bottom:15px;} .directors .textbox dl{font-size: 18px;} .directors .textbox dl dt{font-weight: 600;margin-bottom:5px;} .directors .textbox dl dd{line-height: 1.7;font-size:15px;} .directors .textbox ul li{float:left;width:380px;height:120px;border-right: 1px solid #d4d4d4;display: inline-block;vertical-align: top;background:none !important;padding-left:0 !important;margin-right:80px;} .directors .textbox ul li + li{border-right:none;} .directors .textbox ul{padding-top:20px;} /* 게시판 목록간격 */ .regDate.title_bg{width:150px} .readCnt.title_bg, .fileName.title_bg.last{width:100px} .userName.title_bg{width:80px} /* 게시판 글쓴이 숨김 */ #album-container div.list ul.list li dl dd.name {display:none} .wizUser .viewTop .id{margin-right:-1px !important;} .wizUser .viewTop .id dl > dt:nth-child(5),.wizUser .viewTop .id dl > dd:nth-child(6) {display:none;} /* 연혁 */ .hisTle{font-size:28px !important;;color:#144299;width:200px;padding:0 100px 0 50px;display:table !important;;float:left;text-align:center;} .history_tbl{width:800px !important;} .history_tbl tbody th{width:150px !important;} .history_tbl{border-top:2px solid #999;background:none !important;} .history_tbl tbody td{padding:15px 0 15px 30px !important;} /* 보도자료 */ #album-container div.list ul.list li div.thumb{max-width: 260px !important;margin: 0 40px 0 0 !important;height:200px !important} #album-container div.list ul.list li dl dd.contents{line-height: 180% !important;margin-top: 68px !important;} #album-container div.list ul.list li dl dd.date, #album-container div.list ul.list li dl dd.hit{font-size: 16px !important;} #album-container div.list ul.list li div.thumb a{height: 100%;} #album-container div.list ul.list li div.thumb a:focus-visible{border:2px solid #000;width: 98% !important;height: 98%;} #album-container div.list ul.list li dl dt{font-size: 20px !important;} .etctable #album-container .view dl.viewdata dt{margin-bottom:0px !important;} .etctable #album-container .view dd.nopadding{font-size:16px;} .etctable #album-container .view dd.nopadding th{height:30px;} .etctable #album-container .view dl.viewdata dd.imageView{border-top:1px solid #aaa;padding-top:20px;} /* 페이지 준비중 */ .comingSoon{width: 450px;margin: 0 auto;} @media screen and (max-width: 1024px) { #wrap-container{width: 1300px !important;padding-right:10px;} } html {-text-size-adjust: none;; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; } /* 계열사 sns */ .thumb .sns{float:left;} .thumb .sns + .sns{margin-left:10px;} .sns_s{display:block;width:300px;float:left;} .sns_s .sns{float:left;margin:3px;} .sns_s .sns img{width:35px} .sns_s .sns + .sns{margin-left:5px;} /* 홍보센터 SNS */ .sns-wrap{border-bottom: 1px solid #eee;} .sns-wrap .sns-item-wrap{border-top: 1px solid #000;} .sns-wrap .sns-item-wrap:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .sns-wrap .sns-item-wrap .sns-title{float: left;;margin: 24px 0 0 20px;line-height: 42px;box-sizing: border-box;font-size:20px;color:#000} .sns-wrap .sns-item-wrap .sns-box-wrap{float:right;width:700px} .sns-wrap .sns-item-wrap .sns-box-wrap .sns-box{} .sns-wrap .sns-item-wrap .sns-box-wrap .sns-box + .sns-box{border-top: 1px solid #eee} .sns-wrap .sns-item-wrap .sns-box-wrap .sns-box:after{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .sns-wrap .sns-item-wrap .sns-box-wrap .sns-box .sns-box-title{float: left;width: 336px;font-size: 20px;line-height: 1;;margin-top: 36px;} .sns-wrap .sns-item-wrap .sns-box-wrap .sns-box ul{display: table;float:left;width:363px;} .sns-wrap .sns-item-wrap .sns-box-wrap .sns-box ul li{position: relative;float:left;display: table-cell;width:110px;height:90px;background: none;border-left: 1px solid #eee} .sns-wrap .sns-item-wrap .sns-box-wrap .sns-box ul li a{display: block;text-align: center;position: absolute;top:0;bottom:0;left:0;right:0} .sns-wrap .sns-item-wrap .sns-box-wrap .sns-box ul li a .hide-txt{display: block;font-size: 0;width: 0;height: 0;overflow: hidden;line-height: 0;} .sns-wrap .sns-item-wrap .sns-box-wrap .sns-box ul li a:after{content:"";display:block;width:100%;height:100%} .sns-wrap .sns-item-wrap .sns-box-wrap .sns-box ul li.youtube a:after{background:url("/user/nhabgroup/mycodyimages/sns_youtube.png") no-repeat center} .sns-wrap .sns-item-wrap .sns-box-wrap .sns-box ul li.instagram a:after{background:url("/user/nhabgroup/mycodyimages/sns_instagram.png") no-repeat center} .sns-wrap .sns-item-wrap .sns-box-wrap .sns-box ul li.facebook a:after{background:url("/user/nhabgroup/mycodyimages/sns_facebook.png") no-repeat center} .sns-wrap .sns-item-wrap .sns-box-wrap .sns-box ul li.blog a:after{background:url("/user/nhabgroup/mycodyimages/sns_blog.png") no-repeat center} /* FAQ */ .notice-faq{} .notice-faq .listTopSearch{display:none} .notice-faq table{border-top:2px solid #333} .notice-faq table thead{display:none} .notice-faq table tbody td{background: #fff;padding: 0 !important;;} .notice-faq table tbody td.check input[type=checkbox]{position: relative;top: 25px;} .notice-faq table tbody td.title > a{display: inline-block;position: relative;padding: 24px 20px 24px 70px !important;;font-size: 18px;line-height: .9;} .notice-faq table tbody td.title > a:after{content:"";position:absolute;left:12px;top:12px;width:41px;height:41px;background: url(/user/nhabgroup/mycodyimages/icon_q_on.png) no-repeat;border-radius: 12px;overflow: hidden;} .notice-faq table tbody td.title .modifyBtn{padding: 4px 14px !important;font-size: 14px;} .notice-faq table tbody td.title .modifyBtn:after{display:none} #board-container .list table td.title .antext{position: relative;background: #f1f1f1 !important;border: none !important;padding: 20px 40px 20px 70px !important;} #board-container .list table td.title .antext:after{content:"";position:absolute;left:12px;top:12px;width:41px;height:41px;background: url(/user/nhabgroup/mycodyimages/icon_a.png) no-repeat;border-radius: 12px;overflow: hidden;} /* 게시판 접근성 color */ .wizUser .paging li.on{border: 1px solid #3561ab !important;background-color:#3561ab !important} /* FAQ 게시판*/ #board-container .list table td.title span{width: auto !important;} /* 웹접근성 */ #menuTopUI #top_div>ul>li .div_2>ul li a:focus{background:#fff} .wizUser .listTop label{text-indent: -999px;display: inline-block !important} .lnb .wizard_func_area #menuTopUI #top_div>ul li a.active:focus ~ .div_2 .ul_2{background: #fff} .blind{position:absolute;top:-10000px;left:0;overflow:hidden}