.top_banner{letter-spacing:-1px;flex-wrap:wrap;font-size:16px;display:flex}.top_banner .call_center{color:#fff;background-color:#3673ee;align-items:center;width:500px;min-height:50px;padding:0 0 0 50px;display:flex}.top_banner .call_center_cate{background-color:#1653cf;border-radius:100px;height:35px;padding:0 20px;line-height:35px}.top_banner .call_center_cate .point{font-family:Play,sans-serif;font-weight:700}.top_banner .call_center_desc{margin:0 10px}.top_banner .call_center_content{color:#ffde00;font-family:Play,sans-serif;font-size:26px;font-weight:700}.top_banner .banner_notice{color:#fff;width:calc(100% - 500px)}.top_banner .banner_notice_list{height:50px;line-height:50px;overflow:hidden}.top_banner .banner_notice_list .swiper-slide{align-items:center;display:flex}.top_banner .banner_notice_list .swiper-slide a{color:inherit;align-items:center;width:100%;padding:0 80px 0 50px;display:flex}.top_banner .banner_notice_list .swiper-slide a:hover .notice_content{text-decoration:underline}.top_banner .banner_notice_list .swiper-slide .type1{background-color:#1853cb}.top_banner .banner_notice_list .swiper-slide .type2,.top_banner .banner_notice_list .swiper-slide .type3{background-color:#e52c31}.top_banner .banner_notice_list .notice_cate{flex:none;margin-right:25px;padding-left:30px;font-size:15px;font-weight:500;position:relative}.top_banner .banner_notice_list .notice_cate:before{content:"";background:url(/images/common/icon_noti.png) 50% no-repeat;width:20px;height:18px;margin-top:-9px;display:block;position:absolute;top:50%;left:0}.top_banner .banner_notice_list .notice_content{white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:17px;font-weight:500;overflow:hidden}.top_banner .banner_notice_list_control{z-index:1;flex-direction:column;justify-content:center;height:50px;display:flex;position:absolute;top:0;right:50px}.top_banner .banner_notice_list_control .control_btn{white-space:nowrap;text-indent:100%;background-position:50%;background-repeat:no-repeat;background-size:contain;width:12px;height:7px;margin:7px 0;overflow:hidden}.top_banner .banner_notice_list_control .control_btn.prev{background-image:url(/images/common/icon_prev1.png)}.top_banner .banner_notice_list_control .control_btn.next{background-image:url(/images/common/icon_next1.png)}@media screen and (max-width:1180px){.top_banner .call_center{width:100%;display:none}.top_banner .banner_notice{width:100%}.top_banner .banner_notice_list{height:50px;line-height:50px}.top_banner .banner_notice_list .swiper-slide a{padding:0 40px 0 15px}.top_banner .banner_notice_list .notice_cate{margin-right:20px;font-size:13px}.top_banner .banner_notice_list .notice_content{font-size:14px}.top_banner .banner_notice_list_control{height:50px;right:15px}}@media screen and (max-width:1840px){.top_banner .banner_notice_list_control{right:30px}.top_banner .banner_notice_list .swiper-slide a{padding:0 50px 0 30px}.top_banner .call_center{padding:0 0 0 30px}}
.header_wrap{background:#fff;border-bottom:1px solid #ddd;position:relative}.header_wrap>div{margin:0 auto;padding-right:290px}.header_wrap.sub_header_wrap>div{width:100%;padding:0 8%;position:relative}.header_wrap.sub_header_wrap .logo{background-size:380px;width:380px;position:absolute;left:8%}.header_wrap.sub_header_wrap .gnb_wrap{width:calc(100% - 380px)}.header_wrap .logo{float:left;background:url(/images/common/logo_1.png) 50%/contain no-repeat;width:380px;height:80px;display:block}.header_wrap .logo.web_block{background-size:380px;width:500px;display:block;position:absolute;top:0;bottom:0;left:0}.header_wrap .logo.web_none{display:none}.header_wrap .m_home_logo{background:url(/images/mobile/common/home_icon.png) 50% no-repeat;width:30px;height:50px;display:none;position:absolute;left:40px}.header_wrap .m_main_logo{background:url(/images/mobile/common/callcenter_icon.png) 50%/contain no-repeat;width:221px;height:50px;margin-left:-110.5px;display:none;position:absolute;top:0;left:50%}.header_wrap .m_main_logo.web_none{display:none}.header_wrap .gnb_wrap{float:right;width:calc(100% - 500px);font-size:0;transition:all .3s}.header_wrap .gnb_wrap .gnb{flex-wrap:wrap;display:flex}.header_wrap .gnb_wrap .depth1>li{flex:1 1 0;position:relative}.header_wrap .gnb_wrap .depth1>li>a{text-align:center;letter-spacing:-1px;justify-content:center;align-items:center;height:80px;font-size:20px;font-weight:500;line-height:1.1;display:flex}.header_wrap .gnb_wrap .depth1>li:hover>a,.header_wrap .gnb_wrap .depth1>li.active>a{color:#3673ee}.header_wrap .pc .depth1>li:hover .depth2{display:block!important}.header_wrap .gnb_wrap .depth2{text-align:center;z-index:205;background:#fff;width:100%;display:none;position:absolute;top:100%;left:0;right:0}.header_wrap .gnb_wrap .depth2>li>a{-ms-word-break:keep-all;word-break:keep-all;border:1px solid #ddd;border-top:0;padding:16px 10px;font-size:16px;font-weight:500;line-height:22px;display:block}.header_wrap .gnb_wrap .depth2>li:first-child>a{background:#fff;border-top:1px solid #ddd}.header_wrap .gnb_wrap .depth2>li:hover>a,.header_wrap .gnb_wrap .depth2>li.active>a{color:#fff;background:#3673ee;border-color:#3673ee}.header_wrap .gnb_wrap .depth2.hide{display:none!important}.header_wrap .btn_head{width:80px;height:80px;display:block;position:absolute;top:0;bottom:0;right:0}.header_wrap .btn_head span{background:#f3f3f3 url(/images/main/btn_head_up_1.png) 50% no-repeat;border-radius:15px;width:45px;height:45px;margin:19px auto 0;display:block}.header_wrap .btn_head.active span{background-image:url(/images/main/btn_head_down_1.png)}.header_wrap #gisColor{letter-spacing:-1px;background-color:#f7f7f7;border:1px solid #d3d3d3;border-radius:100px;align-items:center;height:45px;margin-top:-22.5px;padding:0 25px;font-size:15px;font-weight:500;display:flex;position:absolute;top:50%;right:50px}.header_wrap #gisColor.active{color:#fff;background:#3673ee}.header_wrap #gisColor span{padding-left:25px;display:block;position:relative}.header_wrap #gisColor span:before{content:"";background:url(/images/common/icon_noti2.png) 50%/contain no-repeat;width:17px;height:15px;margin-top:-6.5px;display:block;position:absolute;top:50%;left:0}.header_wrap #gisColor span.changed:before{content:"";background:url(/images/common/icon_noti4.png) 50%/contain no-repeat;width:17px;height:15px;margin-top:-6.5px;display:block;position:absolute;top:50%;left:0}.header_wrap #gisColor .pc_none,.sub_header_wrap.header_wrap .btn_head{display:none}@media screen and (max-width:1840px){.header_wrap>div{padding-right:210px}.header_wrap .gnb_wrap .depth1>li>a{letter-spacing:-1.5px;font-size:18px}.header_wrap #gisColor{padding:0 20px;right:30px}}@media screen and (max-width:1590px){.header_wrap .logo{width:300px}}@media screen and (max-width:1480px){.header_wrap>div{padding-right:160px}.header_wrap .gnb_wrap .depth1>li>a{letter-spacing:-2px;font-size:18px}.header_wrap .gnb_wrap .depth2>li>div{letter-spacing:-.5px;font-size:15.5px}.header_wrap.sub_header_wrap>div{padding:0 3%}.header_wrap.sub_header_wrap .logo{background-size:270px;width:270px;left:1%}.header_wrap.sub_header_wrap .gnb_wrap{width:calc(100% - 270px)}.header_wrap .btn_head{width:40px;right:10px}.header_wrap #gisColor .pc_none{display:block}.header_wrap #gisColor .mo_none{display:none}}@media screen and (max-width:1280px){.header_wrap .logo.web_block{background-size:280px;width:500px;display:block;position:absolute;left:0}.header_wrap .logo.web_none{display:none}.header_wrap.sub_header_wrap>div{width:100%;padding:0 30px}.header_wrap.sub_header_wrap .logo{background-size:280px;width:280px;left:30px}.header_wrap.sub_header_wrap .gnb_wrap{width:calc(100% - 280px)}.header_wrap .logo{width:280px;height:70px}.header_wrap .logo.mobile_none{position:absolute;top:0;bottom:0;left:135px}.header_wrap .gnb_wrap .depth1>li>a{height:70px;font-size:16px}.header_wrap .gnb_wrap .depth2>li>a{font-size:15px}.header_wrap .btn_head{width:45px;height:70px;right:10px}.header_wrap .btn_head span{margin-top:15px}}@media screen and (max-width:1180px){.header_wrap{text-align:center;height:60px}.header_wrap>div{width:100%}.header_wrap .btn_gnb{background:url(/images/mobile/common/btn_gnb.png) 50%/20px no-repeat;width:60px;height:60px;position:absolute;top:0;bottom:0;left:0}.header_wrap.sub_header_wrap>div{width:100%}.header_wrap.sub_header_wrap .logo{background-size:280px;width:280px;margin-left:-140px;left:50%}.header_wrap.sub_header_wrap .gnb_wrap{width:280px}.header_wrap .logo{float:none;width:240px;height:60px;margin:0 auto}.header_wrap .logo.web_block{width:280px;margin-left:-140px;left:50%}.header_wrap .gnb_wrap{z-index:200;background:#fff;width:280px;height:100%;padding-right:0;position:fixed;top:0;bottom:0;overflow-y:auto}.header_wrap .gnb_wrap .depth1{padding-top:61px;position:relative}.header_wrap .gnb_wrap .depth1:before{content:"";background:url(/images/common/logo_1.png) 50%/240px no-repeat;border-bottom:1px solid #ddd;width:100%;height:60px;position:absolute;top:0;left:0;right:0}.header_wrap .gnb_wrap .depth1>li{flex:0 auto;width:100%}.header_wrap .gnb_wrap .depth1>li.open>a{background:#0054a6 0 0/18px;color:#fff!important}.header_wrap .gnb_wrap .depth1>li>a{text-align:left;cursor:pointer;background:#fff 0 0/18px;border-bottom:1px solid #ddd;justify-content:flex-start;height:50px;padding:0 20px;font-size:16px;transition:all .3s ease-in-out;color:#333!important}.header_wrap .gnb_wrap .depth1>li>.menu_btn{z-index:205;background:url(/images/mobile/common/ic_arrow_down.png) 50%/18px no-repeat;width:48px;height:48px;position:absolute;top:0;right:0}.header_wrap .gnb_wrap .depth1>li>.menu_btn.open{background:url(/images/mobile/common/ic_arrow_up.png) 50%/18px no-repeat}.header_wrap .gnb_wrap .depth2{display:none;position:static}.header_wrap .gnb_wrap .depth2.open{display:block}.header_wrap .gnb_wrap .depth2.hide{display:none}.header_wrap .gnb_wrap .depth2>li>a{text-align:left;color:#666;background:#eee;border:0;height:40px;padding:10px 30px;font-size:14px;line-height:normal;transition:all .3s ease-in-out}@starting-style{.header_wrap .gnb_wrap .depth2>li>a{height:0;padding:0 30px}}.header_wrap .gnb_wrap .depth2>li>a:before{content:"-";padding-right:5px}.header_wrap .gnb_wrap .depth2>li:first-child>a{background:#eee}.header_wrap .gnb_wrap .depth2>li:last-child>a{border-bottom:0}.header_wrap .gnb_wrap .depth2>li:hover>a,.header_wrap .gnb_wrap .depth2>li.active>a{background:#3673ee}.header_wrap .gnb_bg.on{display:block}.header_wrap .gnb_bg{z-index:150;background:#000000b3 url(/images/mobile/common/btn_close.png) 290px 20px/20px no-repeat;width:100%;height:100%;display:none;position:fixed;inset:0}.header_wrap .btn_head{background:url(/images/mobile/main/btn_head_up.png) 50%/18px no-repeat;width:60px;height:60px}.header_wrap .btn_head.active{background:url(/images/mobile/main/btn_head_down.png) 50%/18px no-repeat}.header_wrap .btn_head span{margin-top:10px}.header_wrap #gisColor{height:35px;margin-top:-17.5px;padding:0 10px;font-size:14px;right:15px}.header_wrap #gisColor span{padding-left:15px}.header_wrap #gisColor span:before,.header_wrap #gisColor span.changed:before{width:12px;height:11px;margin-top:-4.5px}}@media screen and (max-width:640px){.header_wrap{height:50px}.header_wrap .btn_gnb{background-size:16px;width:40px;height:50px}.header_wrap .logo{width:200px;height:50px}.header_wrap .logo.web_block{display:none}.header_wrap .logo.web_none,.header_wrap.sub_header_wrap .logo{background-size:200px;width:200px;margin-left:-100px}.header_wrap .m_home_logo,.header_wrap .m_main_logo{display:block}.header_wrap .gnb_wrap .depth1{padding-top:51px}.header_wrap .gnb_wrap .depth1:before{height:50px}.header_wrap .gnb_bg{z-index:150;background:#000000b3 url(/images/mobile/common/btn_close.png) 290px 15px/20px no-repeat}.header_wrap .btn_head{background-size:16px;width:50px;height:50px}.header_wrap .btn_head.active{background-size:16px}.header_wrap .btn_head span{background-size:15px;width:40px;height:40px;margin-top:5px}}@media screen and (max-width:393px){.header_wrap .m_main_logo{width:190px;margin-left:-95px}}@media screen and (max-width:360px){.header_wrap .btn_gnb{width:30px;padding:0}.header_wrap .m_home_logo{left:30px}}
.footer{text-align:center;color:#939498;z-index:5;background:#3f4149;justify-content:space-between;align-items:center;width:100%;height:50px;padding:0 30px;font-size:14px;display:flex;position:fixed;bottom:0}.footer .address{margin-bottom:3px;font-weight:400}.footer .address strong{font-weight:400}.footer .copy{font-weight:300}@media screen and (max-width:1280px){.footer{flex-wrap:wrap;font-size:13px;justify-content:space-around!important}}@media screen and (max-width:980px){.footer{flex-flow:column wrap;height:60px;padding:5px 20px;font-size:12px;display:flex;justify-content:space-around!important}}@media screen and (max-width:480px){.footer{flex-flow:column wrap;height:40px;padding:0 5px;font-size:10px;display:flex;justify-content:space-around!important}}