@charset "utf-8";
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
* { margin:0; padding:0; font-family:'NanumSquare','³ª´®½ºÄù¾î', sans-serif;box-sizing:border-box;letter-spacing:-1px;}
html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,canvas,details,figcaption,summary,time,mark,audio,video { margin:0; padding:0; font-family:'NanumSquare','³ª´®½ºÄù¾î', sans-serif; font-size:16px; line-height:160%; list-style-type:none; text-decoration:none; color:#484848 }
.welfare_box .cont_box:after, .link_cont:after, .welfare_box .cont_box>ul:after{content:'';display:block;clear:both;}
#gnb{height:50px; border-bottom:1px solid #e5e5e5; background:#fff;}
#gnb ul.family{height:50px;}
#gnb ul.family li{float:left; position:relative;}
#gnb ul.family li:after{top:20px; background:#d7d7d7; height:10px;}
#gnb ul.family li a{font-size:16px; padding:13px 18px; font-weight:normal;}
#top{height:100px; background:#fff;}
#top .wrapper{position:relative;height:100%;}
#top .wrapper h1{padding-top:27px;}
#top .top_menu{position:absolute;right:15px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);line-height:0;}
#top .top_menu li{display:inline-block;}
#top .top_menu li a{width:28px;height:28px;background-size:100%;background-repeat:no-repeat;}
#top .top_menu li.login a{background-image:url(/welfare/images/main/gnb_login.png);}
#top .top_menu li.logout a{background-image:url(/welfare/images/main/gnb_logout.png);}
#top .top_menu li.allmenu a{background-image:url(/welfare/images/main/gnb_allmenu.png);}
#top .top_menu li + li{margin-left:38px;}

.visual_cont{width:100%;background:url(/welfare/images/main/main_bg.png) no-repeat center top;padding-bottom:64px;background-size:cover;}
.welfare_box{margin-top:-50px;}
.welfare_box .cont_box{height:240px;}
.welfare_box .cont_box .l_box{float:left;width:260px;border-radius:10px 0 0 10px;}
.welfare_box .cont_box .l_box h2{font-size:35px;line-height:40px;padding:65px 55px 65px 45px;font-weight:bold;color:#fff;}
.welfare_box .cont_box .l_box h2:after{content:'';display:block;width:82px;height:2px;background:#fff;margin-top:28px;}
.welfare_box .cont_box>ul{float:left;width:calc(100% - 260px);padding:0 90px 0 90px; background:rgba(255,255,255,0.9);border-radius:0 10px 10px 0;}
.welfare_box .cont_box>ul>li{float:left;width:20%;text-align:center;padding:60px 0 46px;background-size:100px 100px;background-repeat:no-repeat;background-position:center top 60px;transition-duration: .3s;transition-timing-function:linear;transition-property:background-position;}
.welfare_box .cont_box>ul>li:hover{background-position:center 48px;}
.welfare_box .cont_box>ul>li a{padding-top:110px;display:block;font-size:18px;}
.welfare_box .cont_box>ul>li.cycle1{background-image:url(/welfare/images/main/ic_main01.png);}
.welfare_box .cont_box>ul>li.cycle2{background-image:url(/welfare/images/main/ic_main02.png);}
.welfare_box .cont_box>ul>li.cycle3{background-image:url(/welfare/images/main/ic_main03.png);}
.welfare_box .cont_box>ul>li.cycle4{background-image:url(/welfare/images/main/ic_main04.png);}
.welfare_box .cont_box>ul>li.cycle5{background-image:url(/welfare/images/main/ic_main05.png);}
.welfare_box .cont_box.life .l_box{background:#863ba5;}
.welfare_box .cont_box.target{margin-top:20px;}
.welfare_box .cont_box.target .l_box{background:#fe5041;}
.welfare_box .cont_box>ul>li.target1{background-image:url(/welfare/images/main/ic_main06.png);}
.welfare_box .cont_box>ul>li.target2{background-image:url(/welfare/images/main/ic_main07.png);}
.welfare_box .cont_box>ul>li.target3{background-image:url(/welfare/images/main/ic_main08.png);}
.welfare_box .cont_box>ul>li.target4{background-image:url(/welfare/images/main/ic_main09.png);}
.welfare_box .cont_box>ul>li.target5{background-image:url(/welfare/images/main/ic_main10.png);}
.link_cont{padding:60px 0 50px;}
.link_cont .l_cont{float:left;width:calc(100% - 355px);border:1px solid #d5d5d5;border-radius:10px;}
.link_cont .l_cont>ul>li{float:left;width:25%;padding:30px 0 20px;text-align:center;border-right:1px solid #d5d5d5;}
.link_cont .l_cont>ul>li a{display:block;padding-top:65px;background-size:54px 54px;background-repeat:no-repeat;background-position:top center;}
.link_cont .l_cont>ul>li:nth-child(n+5):nth-child(-n+8){border-top:1px solid #d5d5d5;}
.link_cont .l_cont>ul>li:nth-child(4), .link_cont .l_cont>ul>li:nth-child(8){border-right:none;}
.link_cont .l_cont>ul>li.cont1 a{background-image:url(/welfare/images/main/ic_msub01.png);}
.link_cont .l_cont>ul>li.cont2 a{background-image:url(/welfare/images/main/ic_msub02.png);}
.link_cont .l_cont>ul>li.cont3 a{background-image:url(/welfare/images/main/ic_msub03.png);}
.link_cont .l_cont>ul>li.cont4 a{background-image:url(/welfare/images/main/ic_msub04.png);}
.link_cont .l_cont>ul>li.cont5 a{background-image:url(/welfare/images/main/ic_msub05.png);}
.link_cont .l_cont>ul>li.cont6 a{background-image:url(/welfare/images/main/ic_msub06.png);}
.link_cont .l_cont>ul>li.cont7 a{background-image:url(/welfare/images/main/ic_msub07.png);}
.link_cont .l_cont>ul>li.cont8 a{background-image:url(/welfare/images/main/ic_msub08.png);}
.link_cont .r_cont{float:right;width:340px;background:#0a59bb url(/welfare/images/main/ic_hand.png) no-repeat right center;border-radius:10px;padding:50px 40px 45px;}
.link_cont .r_cont p{font-size:35px;color:#fff;line-height:40px;}
.link_cont .r_cont a{display:inline-block;width:118px;height:36px;background:#e7eff8;color:#0a59bb;line-height:36px;font-weight:bold;border-radius:20px;text-align:center;margin-top:30px;}

#btn_top{display:none;width:70px;height:70px;line-height:70px;text-align:center;border-radius:50%;color:#fff;font-size:18px;background:#484848;position:fixed;right:5%;bottom:65px;} 

footer.main{border-top:none;background:#f5f5f5;padding:50px 0;}
footer.main .wrapper{position:relative;}
footer.main .btm_menu{margin:10px 0 0;position:absolute;left:0}
footer.main .btm_menu li{float:none;text-align:left;margin-top:3px;}
footer.main .btm_menu li:first-child{margin:0;padding:0;}
footer.main .btm_menu li a:hover{color:#000;text-decoration:none;}
footer.main .copy{margin-top:10px}
footer.main .btm_menu li:first-child::after, footer .btm_menu li:first-child:after{content:none;}

@media screen and (max-width:1200px){
  .link_cont .l_cont{width:calc(70% - 15px);}
  .link_cont .r_cont{width:30%;}
  #btn_top{right:0;}
}
@media screen and (max-width:1024px){
  .wrapper{padding:0 15px;}
  #allmenu div.wrapper.allmenuBox{padding:0;}
  .visual_cont{background-size:contain;background-color:#f6eeea;}
  .welfare_box .cont_box .l_box{width:28%;}
  .welfare_box .cont_box .l_box h2{padding:65px 20px 65px 20px;font-size:30px;}
  .welfare_box .cont_box>ul{width:72%;padding:0;}
  .link_cont .l_cont{width:100%}
  .link_cont .r_cont{width:100%;margin-top:15px}
  #btn_top{width:50px;height:50px;line-height:50px;font-size:16px;right:15px;}
  
}

@media screen and (max-width:768px){
  #top .wrapper h1{width:250px;padding-top:18px;}
  #top .wrapper h1 img{width:100%}
  .visual_cont{padding-bottom:20px;}
  .slogan, .slogan img{width:100%}
  .welfare_box .cont_box{height:auto;}
  .welfare_box .cont_box.target{margin-top:15px}
  .welfare_box .cont_box .l_box{width:100%;border-radius:10px 10px 0 0;float:none;}
  .welfare_box .cont_box .l_box h2{padding:30px 20px 25px 20px;}
  .welfare_box .cont_box .l_box h2:after{margin-top:10px;}
  .welfare_box .cont_box>ul{float:none;width:100%;border-radius:0 0 10px 10px;padding:0;}
  .welfare_box .cont_box>ul>li{background-size:90px 90px;padding:30px 0 25px;background-position:center 30px}
  .welfare_box .cont_box>ul>li:hover{background-position:center 25px}
  .welfare_box .cont_box>ul>li a{padding-top:100px;}
  .link_cont{padding:20px 0 15px;}
  .link_cont .l_cont>ul>li{width:50%}
  .link_cont .r_cont{padding:20px}
  .link_cont .r_cont p{font-size:25px;}
  .link_cont .r_cont a{margin-top:20px;}
  .link_cont .l_cont>ul>li:nth-child(odd){border-right:1px solid #d5d5d5;}
  .link_cont .l_cont>ul>li:nth-child(even){border:none;}
  .link_cont .l_cont>ul>li:nth-child(n+3):nth-child(-n+8){border-top:1px solid #d5d5d5;}
  footer.main{padding:20px 0;}
  footer.main .btm_menu{position:relative;width:auto;}
  footer.main .btm_menu li{display:inline-block;}
  footer.main .btm_menu li + li{margin-left:10px}
  footer.main .btm_logo{margin-top:10px}
}
@media screen and (max-width:767px){
  .visual_cont{background-image:none}
  .welfare_box{padding-top:20px;margin:0;}
  
}
@media screen and (max-width:600px){
  .welfare_box .cont_box>ul{padding-bottom:20px;}
  .welfare_box .cont_box>ul>li{width:33.33%;background-size:80px 80px;padding:20px 0 0;}
  .welfare_box .cont_box .l_box h2{padding:20px;font-size:25px;}
  .welfare_box .cont_box .l_box h2:after{margin-top:10px}
}
@media screen and (max-width:414px){
  #top{height:60px}
  #top .wrapper h1{width:200px;}
  #top .top_menu li a{width:24px;height:24px;background-size:24px;}
  #top .top_menu li + li{margin-left:20px;}
  .welfare_box .cont_box>ul>li{background-size:70px 70px;}
}