@charset "UTF-8";

.header{position:relative;width:100%;border-bottom:1px solid #c6c6c6;background:#fff;box-sizing:border-box}
@media screen and (max-width:1200px) {
    /* 선거시 아래2줄 오픈 */
    /*.header.header--vote{top:0px;position:absolute;}*/
    /*.header.header--vote.fixed{top:0px;position:fixed;}*/
}
.to_shop--img{transform:translateY(50px);}
.loginbox a{display:inline-block;font-size:12px;color:#7c7c7c;padding:0 1em;line-height:30px;height:30px;margin-top:30px;display:block;}
.logobox{margin-top:15px;text-align:center}
.gnb{margin:50px 0 20px;width:100%;}
.gnb .depth1{width:calc(100% / 7)}
.gnb .depth1 > a{display:inline-block;width:100%;font-size:17px;font-weight:700;text-align:center;}
.gnb .depth2{z-index:100;position:absolute;left:0;bottom:-51px;width:100%;text-align:center;height:50px;background:rgba(246,246,246,0.9);border-bottom:1px solid #c6c6c6;box-sizing:border-box;display:none}
.depth2 ul{display:inline-block;}
.depth2 ul a{padding:0 1em;line-height:50px;}
.depth2 ul a:hover{color:#189355}
.mobile_gnb{background:#e9efe6;position:fixed;left:-100%;top:61px;width:100%;height:calc(100% - 60px);overflow: auto;z-index:100;}
.mobile_gnb .m_loginbox{width:100%;padding:1em 0;}
.mobile_gnb .m_loginbox a{display:inline-block;width:46%;margin:0 2%;background:#189355;text-align:center;color:#fff;font-size:1.3rem;padding:0.5em 0;}
.m_gnb > li{transition:all 0.5s;width:100%;background:#189355;padding:0 2em;box-sizing:border-box}
.m_gnb > li > a{position:relative;color:#fff;font-size:1.5rem;height:60px;line-height:60px;border-bottom:1px solid rgba(255,255,255,0.3);display:block;}
.m_gnb > li > a:after{content:'';display:block;width:19px;height:1px;background:#fff;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.m_gnb > li > a:before{transition:all 0.5s;content:'';display:block;width:1px;height:19px;background:#fff;position:absolute;right:9px;top:50%;transform:translateY(-50%);}
.m_gnb > li.on{background:#4c4c4c;border-bottom:1px solid rgba(0,0,0,0.3)}
.m_gnb > li.on > a:before{transform:translateY(-50%) rotate(90deg);}
.m_gnb .m_depth2{padding:1em 0;display:none;}
.m_gnb .m_depth2 li a{display:block;padding:0.5em 0;font-size:1.2rem;color:#fff;}
.m_gnb li:nth-child(9) .m_depth2 li:nth-child(2),
.m_gnb li:nth-child(9) .m_depth2 li:nth-child(3){display:none}
.slidebox{width:100%;position:relative;}
.slider{height:100%;height:755px;}
.slider li.s1{height:100%;background:url(/images/main/visual1.jpg) no-repeat center;background-size:cover;color:#fff;padding:5em 0;box-sizing:border-box}
.slider li.s2{height:100%;background:url(/images/main/visual2.png) no-repeat center;background-size:cover;color:#fff;padding:5em 0;box-sizing:border-box}
.slider li.s3{height:100%;background:url(/images/main/visual3.png) no-repeat center;background-size:cover;color:#fff;padding:5em 0;box-sizing:border-box}
.slider li h2{position:relative;font-size:4.3rem;line-height:1.3;text-shadow:-5px 1px 20px rgba(0,0,0,0.5);padding-bottom:1.3em;margin-top:1em;}
.slider li h2:after{content:'';position:absolute;left:0;bottom:0.5em;width:10%;height:2px;background:#fff;}
.slider li p{font-size:1.3rem;line-height:1.6;font-weight:700;}
.slide-pager{position:absolute;left:50%;top:550px;transform:translateX(-50%);color:#fff;}
.slide-pager a{position:relative;color:#fff;display:inline-block;width:100px;text-align:center;font-size:1.3rem;font-weight:700}
.slide-pager a:before{transition:all 0.5s;content:'';display:block;width:100%;height:5px;background:rgba(255,255,255,0.5);margin-bottom:0.5em;}
.slide-pager a.active:before{background:#fff}
.iconmenu{position:absolute;bottom:0;left:0;width:100%;background:rgba(24,147,85,0.9);}
.iconmenu ul{width:77%;padding:0 5%;box-sizing:border-box;/*border-right:1px solid #fff*/}
.iconmenu li{text-align:center;width:25%;}
.iconmenu li a{display:inline-block;width:100%;padding:20px 0;}
.iconmenu li a p{transition:all 0.5s;position:relative;color:#fff;font-size:1rem;padding-bottom:1em;margin-bottom:1em;font-weight:700;border-bottom:1px solid #fff;}
.iconmenu li a img{height:50px;}
.iconmenu li a p:after{transition:all 0.5s;content:'';left:50%;bottom:-3px;width:50%;height:5px;transform:translateX(-50%);background:#fff;position:absolute;opacity:0}
.iconmenu li a:hover p:after{opacity:1}
.iconmenu .shop_link{width:23%;padding:2em 2em 2.4em 2em;box-sizing:border-box;background:#72c63b;}
.iconmenu .shop_link h3{position:relative;color:#fff;font-size:1.5rem;}
.iconmenu .shop_link h3:after{content:'';display:block;width:19px;height:2px;background:#fff;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.iconmenu .shop_link h3:before{transition:all 0.5s;content:'';display:block;width:2px;height:19px;background:#fff;position:absolute;right:8px;top:50%;transform:translateY(-50%);}
.iconmenu .shop_link p{font-size:1rem;color:#fff;line-height:1.3;margin-top:1em;}
.section.noticebox{background:#f9f9f9;padding:4em 0;}
.section.noticebox .notice{background:#fff;width:100%;max-width:895px;height:380px;overflow:hidden;display:inline-block;border:1px solid #cecece;box-sizing:border-box}
.section.noticebox .notice .text{padding:2em;box-sizing:border-box;width:585px;}
.section.noticebox .notice .text .tabbox button{font-size:1.5rem;font-weight:700;margin-right:1em;padding-bottom:10px;}
.section.noticebox .notice .text .tabbox button.active{border-bottom:4px solid #189355;}
.section.noticebox .notice .text .viewbox .title{border-bottom:1px solid #dfdfdf}
.section.noticebox .notice .text .viewbox .title .tit-text{margin:1em 0;}
.section.noticebox .notice .text .viewbox .title h3{max-width:75%;display:inline-block;margin-right:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.section.noticebox .notice .text .viewbox .title p{font-size:0.9rem;margin-bottom:2em;min-height:4em;}
.section.noticebox .notice .text .viewbox .notice_list{padding:1em 0;}
.section.noticebox .notice .text .viewbox .notice_list li{font-size:1rem;}
.section.noticebox .notice .text .viewbox .notice_list li a{display:inline-block;;width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:38px;}
.section.noticebox .notice .text .viewbox .notice_list li span{line-height:38px;}
.section.noticebox .notice .text .viewbox .view{display:none}
.section.noticebox .notice .text .viewbox .view.view0{display:block;}
.section.noticebox .link{width:100%;display:inline-block;max-width:280px;margin-left:25px;border:1px solid #cecece;box-sizing:border-box;height:380px;overflow:hidden;}
.section.noticebox .link li{width:100%;border-bottom:1px solid #cecece;box-sizing:border-box}
.section.noticebox .link li a{position:relative;display:block;padding:0 1em;font-size:1.3rem;color:#fff;line-height:58px;}
.section.noticebox .link li.lk1{background:#9e8858;}
.section.noticebox .link li.lk2{background:#c39149;}
.section.noticebox .link li.lk3{background:#c59529;}
.section.noticebox .link li a:after{content:'';position:absolute;right:35px;top:65%;width:40px;height:1px;background:#fff;display:inline-block;transition:all 1.2s;}
.section.noticebox .link li a:before{content:'';position:absolute;right:35px;top:65%;width:20px;height:1px;background:#fff;display:inline-block;transform-origin: right;transform:rotate(45deg);transition:all 1.2s;}
.section.noticebox .link li a:hover:after{right:20px;background:#fff;}
.section.noticebox .link li a:hover:before{right:20px;background:#fff;}
.section.noticebox .link .imgbox{overflow:hidden;}
.section.noticebox .link .imgbox img{width:100%;transition:all 0.3s;}
.section.noticebox .link .imgbox img:hover{transform:scale(1.1)}
.section.banking{background:#fff;padding:4em 0;}
.section.banking .ttbox{font-size:2rem;width:245px;line-height:1.2;}
.section.banking .ttbox span{color:#189355;font-weight:900}
.section.banking .ttbox p{font-size:0.9rem;margin-top:0.7em;color:#999}
.section.banking .searchbox{width:510px;border-top:3px solid #189355;padding-top:25px;box-sizing:border-box}
.section.banking .searchbox > div{width:45%;}
.section.banking .searchbox > div h4{font-size:1rem;font-weight:900}
.section.banking .searchbox > div li{height:18px;}
.section.banking .searchbox > div label{margin-right:2em;}
.section.banking .searchbox .select{margin-top:1em;}
.section.banking .linkbox{width:445px;padding-left:45px;box-sizing:border-box}
.section.banking .linkbox li{width:50%;}
.section.banking .linkbox li a{width:100%;height:130px;display:block;border:1px solid #ddd;background:#fff;font-size:1.3rem;font-weight:900;padding-top:42px;padding-left:90px;box-sizing:border-box}
.section.banking .linkbox li a span{display:block;color:#666666;font-size:0.9rem;font-weight:600;}
.section.banking .linkbox li:hover{background:#f5f5f5}
.section.banking .linkbox li:first-child a{border-right:none;background:url(/images/main/icon_bank1.png) no-repeat 30px center;}
.section.banking .linkbox li:last-child a{background:url(/images/main/icon_bank2.png) no-repeat 30px center;}
.section.bannerlink{background:#e9efe6;padding:4em 0;}
.section.bannerlink li{width:285px;margin-right:20px;text-align:center;}
.section.bannerlink li a{display:inline-block;;width:285px;height:285px;padding:3em 0 0 2.3em;box-sizing:border-box;position:relative;text-align:left;}
.section.bannerlink li:nth-child(1) a{background:url(/images/main/bottom_link_bg1.png) no-repeat center;}
.section.bannerlink li:nth-child(2) a{background:url(/images/main/bottom_link_bg2.png) no-repeat center;}
.section.bannerlink li:nth-child(3) a{background:url(/images/main/bottom_link_bg3.png) no-repeat center;}
.section.bannerlink li:nth-child(4) a{background:url(/images/main/bottom_link_bg4.png) no-repeat center;}
.section.bannerlink li:last-child{margin-right:0;}
.section.bannerlink li a h3{font-size:20px;color:#fff;position:relative;z-index:3;}
.section.bannerlink li a:hover:after{opacity:1}
.section.bannerlink li a:after{content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:0;background:rgba(131,194,48,0.7);transition:all 0.3s;opacity:0;}
.section.bannerlink li a p{color:#fff;font-size:1rem;margin-top:1em;position:relative;z-index:3;}
.section.bannerlink li a span{width:40px;height:40px;border-radius:50%;background:#fff;position:absolute;left:2.3em;bottom:3em;z-index:3;}
.section.bannerlink li a span:after{position:absolute;width:15px;height:15px;border:2px solid #189355;display:block;left:40%;top:50%;transform:translate(-50%, -50%) rotate(45deg);content:'';border-width:2px 2px 0 0;}
.footer .slide-banner{height:90px;border-top:1px solid #dcdcdc}
.footer .slide-banner button{background:url(/images/main/btn_footer_slidebanner.png) no-repeat center;height:90px;width:61px;float:left;outline:0;}
.footer .slide-banner button.btn-next{transform:rotate(180deg)}
.footer .slide-banner .bx-wrapper{float:left;margin-top:22px;max-width:1078px!important;}
.footer .slide-banner li{width:161px!important;margin:0 10px;}
.footer .middlebar{border-top:1px solid #dcdcdc;height:60px;}
.footer .nhlogo{width:175px;}
.footer .news_notice{width:450px;overflow:hidden;height:60px;}
.footer .news_notice h3{line-height:60px;margin-right:20px;font-size:0.9rem;font-weight:900}
.footer .news_notice .bx-wrapper{float:left;}
.footer .news_notice li a{line-height:60px;font-size:0.8rem;width:325px;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.footer .news_notice .scroll_buttonbox{width:30px;height:100%;border-right:1px solid #dedede;border-left:1px solid #dedede;}
.footer .news_notice .scroll_buttonbox button{width:100%;height:30px;background:url(/images/main/btn_footer_notice_up.png) no-repeat center;}
.footer .news_notice .scroll_buttonbox button.next{background:url(/images/main/btn_footer_notice_down.png) no-repeat center;border-top:1px solid #dedede}
.footer .ipcount{line-height:60px;padding:0 20px;}
.footer .ipcount h3{font-size:0.9rem;font-weight:900;margin-right:30px;}
.footer .ipcount .userc{font-size:0.8rem;line-height:60px;margin-right:20px;color:#999999}
.footer .ipcount .userc span{vertical-align:baseline;color:#333}
.footer .bottombar{background:#e7e7e7;line-height:60px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.footer .bottombar .privacylist a{color:#333;font-size:0.9rem;margin-right:1.5em;}
.footer .bottombar .privacylist a:hover{color:#ea4152}
.footer .bottombar .privacylist .privacy{color: #ea4152;font-size: 1rem}
.footer .etcbox .viewer p{font-size:0.8rem;color:#333;display:inline-block;vertical-align:middle;}
.footer .etcbox .viewer li{margin-left:10px;line-height:57px;}
.footer .footer-inputbox{margin:15px 0 15px 15px;width:230px;}
.footer .footer-inputbox .commoninput{width:70%;box-sizing:border-box;border:1px solid #65ad4b;width:70%;outline:0;}
.footer .footer-inputbox div{line-height:normal}
.footer .footer-inputbox a{width:30%;height:30px;background:#83c130;vertical-align:middle;color:#333;line-height:30px;text-align:center;}
.footer .copyright{text-align:left;background:#fcfcfc;padding:2em 0;}
.footer .copyright .copy{color:#666;margin-left:5em;font-size:0.9rem;line-height:1.5;}
.footer .copyright .copy p{margin-top:1em;}
@media screen and (max-width:1200px) {
	.to_shop--img{display:none;}
    .section.noticebox .notice .text{width:100%;}
    .section.noticebox .notice{max-width:none;width:calc(100% - 305px)}
    .section.bannerlink li{width:50%;margin-right:0;margin-bottom:20px;}
    .section.bannerlink li:nth-child(n+3){margin-bottom:0;}
    .section.banking{display:none;}
    .header{position:fixed;left:0;top:0;width:100%;z-index:100;box-shadow:0 0 3px rgba(0,0,0,0.5)}
    .logobox{height:60px;padding:18px 2em;box-sizing:border-box;position:relative;margin-top:0;}
    .logobox img{height:24px;}
    .logobox button{width:22px;height:20px;position:absolute;left:20px;top:50%;transform:translateY(-50%);outline:0;}
    .logobox button span{position:absolute;left:0%;display:block;width:100%;height:3px;background:#189355}
    .logobox button span.l1{transition:all 0.5s;top:0;}
    .logobox button span.l2{transition:all 0.5s;width:80%;top:50%;transform:translate(10%, -50%);}
    .logobox button span.l3{transition:all 0.5s;bottom:0;}
    .logobox button.on span.l1{width:80%;transform:translateX(10%);}
    .logobox button.on span.l2{width:100%;transform:translate(0%, -50%);}
    .logobox button.on span.l3{width:80%;transform:translateX(10%);}
}
@media screen and (max-width:768px) {
    .container.main{margin-top:60px;}
    .section.noticebox .notice{height:auto;}
    .section.noticebox .notice .text .viewbox .view{display:block;margin-top:1em;}
    .view .e_tit{font-size:1.5rem;font-weight:900;border-bottom:3px solid #189355;padding-bottom:0.5em;}
    .section.noticebox .notice .text .viewbox .title .tit-text{margin:0.7em 0;}
    .section.noticebox .notice .text .viewbox .title h3{max-width:90%;font-size:1.3rem;font-weight:900}
    .section.noticebox .notice .text .viewbox .title p{font-size:1.1rem;line-height:1.3;margin-bottom:0em;min-height:3.5em}
    .section.noticebox .notice .text .viewbox .notice_list li a{width:70%;line-height:25px;font-size:1.1rem}
    .section.noticebox .notice .text .viewbox .notice_list li span{line-height:25px;font-size:1.1rem}
    .section.noticebox .notice{width:100%;border:none}
    .section.noticebox .notice .title .date{display:none}
    .section.noticebox{padding:1em 0;}
    .section.noticebox .link{width:100%;margin:0;padding:0 1em;border:0;max-width:none;height:auto;}
    .section.noticebox .notice .text .tabbox{display:none;}

    .slider{height:500px;}
    .slider li{background:url(/images/main/m_visual1.png) no-repeat center;background-size:cover;padding:2em!important;box-sizing:border-box}
    .slide-pager{display:none;}
    .iconmenu{position:static;background:#fff;padding:1em;box-sizing:border-box}
    .iconmenu ul{background:#189355;width:100%;padding:0;}
    .iconmenu ul li{width:50%;}
    .iconmenu ul li:nth-child(2n){border-left:1px solid #fff;box-sizing:border-box}
    .iconmenu ul li:nth-child(n+3){border-top:1px solid #fff}
    .iconmenu li a p{border-bottom:0;font-size:1.3rem;margin-bottom:0;}
    .iconmenu li a p:after{display:none}
    .iconmenu li a:hover{background:#127744}
    .iconmenu li a{transition:all 0.5s;}
    .slider li h2{padding-bottom:0.3em;margin-top:2em;}
    .slider li h2:after{display:none;padding-bottom:0;}
    .iconmenu .shop_link{width:100%;background:#189355;padding:0;margin-top:1em;transition:all 0.5s;}
    .iconmenu .shop_link:hover{background:#127744}
    .iconmenu .shop_link h3{height:60px;line-height:60px;padding:0 20px;box-sizing:border-box}
    .iconmenu .shop_link h3:after{right:20px;}
    .iconmenu .shop_link h3:before{right:28px;}
    .iconmenu .shop_link p{display:none;}
    .footer .copyright .footlogo{padding:0 2em;margin-bottom:1em;}
    .footer .copyright .footlogo img{max-width:90%;width:100%;}
    .footer .copyright .copy{margin-left:0em;padding:0 2em;box-sizing:border-box;font-size:1rem;}
    .footer .bottombar{line-height:50px;}
    .footer .bottombar .privacylist{padding:0 2em;width:100%;box-sizing:border-box}
    .footer .bottombar .privacylist a{color:#333;font-size:1rem;margin-right:1em;}
    .footer .bottombar .privacylist li:last-child a{margin-right:0;}

}
@media screen and (max-width:500px) {
    .slider{height:360px;}
    .slider li h2{padding-bottom:0.3em;margin-top:1.5em;font-size:3rem;}

}




.banner{padding:1em 0;background:#1869a5;}
.banner__mobile{display:none;}
.banner__pc{display:block;}
.vote__info{}
.vote__noti{height:70px;}
.vote__noti-title{background:#1e2f4b;height:100%;color:#cddae4;display:flex;}
.vote__noti-title span{margin:11px auto;line-height:2em;font-size:12px;padding:0 .5em;}
.vote__noti-desc{height:100%;background:#cddae4;padding:0 1em;display:flex;line-height:1.3em;font-size:12px;}
.vote__noti-desc p{margin:12.5px auto;}
.vote__declare{height:70px;background:#e7f0f6;margin-left:5px;text-align:center;display:flex;padding:0 1em;}
.vote__declare a{margin:4.5px auto;font-size:12px;}
.vote__declare a p{font-size:14px;color:#fb2435;letter-spacing: -0.1em;font-weight:700;margin:3px 0;}
.vote__declare a img{height:25px;}
.vote__logo{height:70px;background:url(/images/main/vote-img1.png) no-repeat left center;background-size:50px;padding:12px 0 8px;padding-left:60px;color:#fff;box-sizing:border-box;}
.vote__logo h2{margin-top:5px;}
.vote__linkbox{margin:10px 0;margin-left:8em;}
.vote__linkbox a{display:inline-block;padding:0 20px;height:50px;padding-left:40px;margin:0 1em;border-right:2px dashed rgba(255,255,255,.2);line-height:25px;color:#ffffff;font-size:16px;}
.vote__linkbox a:last-child{border-right:0;}
.vote__linkbox a p{color:#69f308;font-weight:600;}
.vote__linkbox a.link1{background:url(/images/main/vote-icon01.png) no-repeat left center;background-size:auto 40px;}
.vote__linkbox a.link2{background:url(/images/main/vote-icon02.png) no-repeat left center;background-size:auto 40px;padding-left:50px;}
.vote__linkbox a.link3{background:url(/images/main/vote-icon03.png) no-repeat left center;background-size:auto 40px;padding-left:60px;}
@media screen and (max-width:1200px) {
    .banner__mobile{display:block;}
    .banner__pc{display:none;}
    .banner{padding:0;}
    .vote__noti{height:auto;}
    .vote__noti-desc{width:100%;padding:0;background:#1e2f4b;}
    .vote__noti-desc p{margin:auto;width:100%;padding:.5em;color:#fff;height:42px;box-sizing:border-box;}
    .vote__logo{height:50px;background-size:30px;padding:8px 0 0;padding-left:40px;margin-left:5px;}
    .vote__logo h2{margin-top:3px;font-size:1.125rem;}
    .vote__declare{height:40px;margin:5px;}
    .vote__declare img{display:inline-block;margin:5px 0;margin-left:1em;}
    .vote__linkbox a{width:33.333%;margin:0;box-sizing:border-box;height:40px;line-height:1.5em;font-size:12px;}
    .vote__linkbox a p{font-size:14px;}
    .vote__linkbox{padding:5px 0 10px;clear:both;width:100%;max-width:400px;margin:0 auto;}
    .vote__linkbox a.link1{background:url(/images/main/vote-icon01.png) no-repeat 1em center;background-size:auto 25px;}
    .vote__linkbox a.link2{background:url(/images/main/vote-icon02.png) no-repeat 1em center;background-size:auto 25px;padding-left:40px;}
    .vote__linkbox a.link3{background:url(/images/main/vote-icon03.png) no-repeat 1em center;background-size:auto 25px;padding-left:45px;}
}