@charset "UTF-8";

/* 삭제 예정*/
.header_dumy{height: 190px;display: flex;align-items: center;justify-content: center;font-size: 30px; color:#000;background-color: #ccc;}
.footer_dumy{height: 300px;display: flex;align-items: center;justify-content: center;font-size: 30px; color:#000;background-color: #ccc;}
.cont_dumy{padding-top:190px}
@media screen and (max-width: 768px){
    .header_dumy{height: 56px;}
    .cont_dumy{padding-top: 0;}
}

/* commone */
/**** layout */
.contbox{width: 100%;max-width: 1280px;margin: 0 auto;}
.header_wp{position: fixed;top: 0;left: 0;right: 0;z-index: 100; } 

/* etc menu */
.util_wp{background-color:#fff;border-bottom: 1px solid #d8d8d8;}
.newWin{padding-right:20px; background:url(../images/icn_newWin2.png) no-repeat 100% 50%;}

.login_menu{display:flex;gap: 20px;justify-content: flex-end;}
.login_menu > li{display: flex; height: 40px; align-items: center;justify-content: center;box-sizing: border-box;}
.login_menu > li:last-child > a{padding-right: 0;}
.login_menu a{font-size: 18px;letter-spacing: -1px;color: #2f2f2f;}
.login_menu a[class^="icn"]{padding-left:30px;background-position: 0 50%;background-repeat: no-repeat;}
.login_menu a.icn1{background-image: url(../images/icn_login.png);}
.login_menu a.icn2{background-image: url(../images/icn_login2.png);}
.login_menu a.icn3{background-image: url(../images/icn_login3.png);}
.login_menu a.icn4{background-image: url(../images/icn_login4.png);}

/* logo, utill menu */
.gnb_wp{position: relative;min-height: 70px; background-color: #fff;border-bottom: 1px solid #d8d8d8;}
.gnb_wp .contbox{position: relative;  height: 70px; box-sizing: border-box;}
.gnb_wp h1{position: absolute;top:0; height: 100%;display: flex;align-items: center;}
.gnb_wp h1 img{display: block;width: 220px;} 

/* gnb menu */
.gnb{ margin-left: 250px;margin-right: 70px;}
.gnb_menu{ display: flex; justify-content: space-around;}
.gnb_menu > li{position: relative;display: flex;height: 70px;padding:0 ;align-items: center; font-size:24px;color: #2d2d2d; font-weight: 500;}
.gnb_menu > li .subMenu{position: absolute;top: 80px;left:0 ; display: none;}

.gnb_menu > li .subMenu{display: none;letter-spacing: -0.5px;}
.gnb_menu > li .subMenu > li{padding: 5px 0 10px;color: #2d2d2d;}
.gnb_menu > li .subMenu > li a{display: block; font-size: 18px;white-space: nowrap;}
.gnb_menu > li ul{margin-top: 10px;}
.gnb_menu > li .subMenu .subMenu2 a{position: relative; font-size: 16px;line-height: 1.5;padding-left: 10px;color: #666; font-weight: 100;}
.gnb_menu > li .subMenu .subMenu2 a::before{content: "- ";position: absolute;left: 0;}
.gnb_wp.active .gnb_menu > li .subMenu{display: block; }
.gnb_wp.active{height: 660px;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);}
.gnb_wp.active:after{content: ""; position: absolute;top:70px;left:0;right: 0;border-bottom:1px solid #ccc;} 

/* sitemap, mobile nav */
.allMenu_btn{position: absolute;top:60px; right: 50%;margin-right: -640px; width:28px;height: 28px;text-indent: -9999px; background: url(../images/btn_menu.png) no-repeat 50% 50%;z-index: 10;}
.allMenu.show{display: block;}
.allMenu.show .allMenu_wp:focus{outline: 1px dashed #000;}
.allMenu .login_menu{display: none;}
.allMenu{display:none;position:fixed;top:0;left:0;width:100%;height:100%; background-color:rgba(0, 0, 0, 0.5);-webkit-transition:all .3s ease;transition:all .3s ease;z-index:1000 ;}
.allMenu_wp{position:absolute;top:50%;left:50%;width: 95%; max-width:1220px;margin:0 auto;transform:translate(-50%,-50%);overflow: hidden;background: #fff;border-radius: 8px;}
.allMenu_wp .allMenu_tit{display: block; height: 56px; border-bottom:1px solid #ccc;}
.allMenu_menu{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;overflow-y: auto;max-height: 740px;}

.allMenu_close{position:absolute;top:5px;right:10px;width:40px;height:40px;cursor: pointer;}
.allMenu_close::before{content: "";position:absolute;left:50%;top:25%;display:inline-block;width:2px;height:24px;transform:rotate(135deg);background-color:#000 ;}
.allMenu_close::after{content: "";position:absolute;left:50%;top:25%;display:inline-block;width:2px;height:24px;transform:rotate(45deg);background-color:#000;}

.allMenu_menu > li{width:16.6%;}
.allMenu_menu{padding:10px 50px 50px }

.allMenu_menu > li > .tit{display: block; margin-top: 20px; font-size: 24px;color: #2d2d2d;font-weight: 500;}
.allMenu_menu > li:last-child{width: 100%;margin-top: 0;}
.allMenu_menu > li:last-child .subMenu{display: flex;align-items: center;gap: 30px;margin-top: 0;}
.allMenu_menu > li ul{margin-top: 10px;}
.allMenu_menu .subMenu{font-size: 18px;letter-spacing: -0.5px;}
.allMenu_menu .subMenu > li > a{display: block;margin-top: 10px;color: #2d2d2d;font-weight: 500;}
.allMenu_menu .subMenu2 > li > a{display: block;line-height: 1.5;padding-left: 10px;text-indent: -10px;white-space: nowrap;}
.allMenu_menu .subMenu2{font-size: 16px;}
.allMenu_menu .subMenu2 a::before{content: "- ";} 

/* quick*/
.quick_wp{position: fixed;right: 50%;bottom:0;margin-right: -750px;z-index: 15;}
.quick_menu{width: 94px;padding: 5px; background: #fff; border:1px solid #cfcfcf;border-radius:8px;box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);}
.quick_menu dt{padding: 10px; color: #000; background-color: #edd9c6;border-radius: 4px;text-align: center;}
.quick_menu dd{display: flex;padding: 10px 6px;height: 50px;justify-content: center;align-items: center;text-align: center; letter-spacing: -1px;color: #000; border-bottom: 1px solid #c1c1c1;}
.quick_menu dt + dd{padding: 10px 12px; background-color: #edd9c6;border-radius: 4px;border-bottom: 0;}
.quick_menu dd:last-child{border-bottom: 0;}

.top_wp{margin: 20px 0 0;}
.top_wp > a{display:flex;height: 60px;width: 60px; margin: 10px auto;padding:5px;justify-content: center;align-items: center; flex-flow: column;color: #000;border-radius: 50%;border: 1px solid #d8d8d8;background:#fff ;box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);}
.top_wp > a .icn{display: inline-block;width:30px;height: 30px;}
.top_wp > a > span{display: block;}
.top_wp .chatBot{position: relative; margin-bottom: 30px;}
.top_wp .chatBot > span{position: absolute;bottom: -20px;text-shadow: 1px 1px 2px #fff;}
.top_wp .chatBot .icn{width:35px;height: 35px;}

.top_wp .chatBot .icn{background: url(../images/icn_chatting.png) no-repeat 50% 50%;background-size:contain;}
.top_wp .topBtn .icn{background: url(../images/icn_scrollTop.png) no-repeat 50% 0%;background-size:contain;}

/* location */
.location_wp{position: relative; display: flex;height: 50px;margin-top: 110px; background-color: #f5f7fa;z-index: 10;}
.location_wp .contbox{display: flex;height: 100%;justify-content: space-between;}
.location{display: flex;align-items: center; height: 100%;font-size: 15px;}
.location > li{position: relative;color: #777;}
.location > li:after{content: "" ;position: absolute;right: -5px; top:2px; display: block;width: 7px;height: 12px; background: url(../images/icn_location.png) no-repeat 0 50%;}
.location > li:last-child{color: #000;}
.location > li:last-child::after{content: none;}
.location > li {padding: 0 12px;}
.location > li a.home{padding-left:25px;background: url(../images/icn_home.png) no-repeat 0 50%;}

/* 전자 점자 */
.braille{display: flex;}
.braille > li{display: flex;height: 100%; justify-content: center;align-items: center;}
.braille > li > a{width: 35px;height: 35px;border-radius: 6px;border: 1px solid #666;}
.braille > li + li{margin-left: 10px;}
.braille > li > .icn1{background:#fff url(../images/btn_braille5.png) no-repeat 50% 50%;}
.braille > li > .icn2{background:#fff url(../images/btn_braille6.png) no-repeat 50% 50%; }

body.mobile{overflow: hidden;}
[data-pop="true"] body {overflow:hidden}
.contbox{width: 100%;max-width: 1280px;margin: 0 auto;}
.pc_hide{display: none;}

/* contnet */
#contents .cont_wp{position: relative; width: 100%;max-width: 1280px; min-height: 650px; margin: 0 auto;padding: 0 0  80px; }


/* footer */
.foot_wp{background-color:#333;color:#c1c1c1;position: relative;z-index: 10;}
.foot_menu_wp{ border-bottom: 1px solid #919191;}
.foot_menu_lst{display: flex;flex-wrap: wrap; justify-content: center;align-items: center;}
.foot_menu_lst > li:after{content: "·";margin-left: 10px;margin-right: 10px; }
.foot_menu_lst > li:last-child:after{content: none;}
.foot_menu_lst > li:last-child{margin-right: 0;}
.foot_menu_lst > li:first-child{padding-left: 0;}
.foot_menu_lst > li{padding: 15px 0;}
.foot_menu_lst > li > a{ color:#c1c1c1; }
.foot_menu_wp .mo_tit > strong{display: none;}

.foot_wp a:focus{outline: 1px dashed #fff;}
.footer_detail_wp > .contbox{padding:30px 0}
.footer_item1{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 20px;}
.footer_policy{display: flex;gap: 15px;flex-wrap: wrap;align-items:center}
.footer_policy strong{font-weight: 400;color:#fff}

.footer_item2{display: flex;padding: 30px 0; gap: 20px; flex-wrap: wrap; justify-content: space-between;}

.footer_addr > address{font-style: normal;}
.footer_tel{display: flex;gap: 15px;flex-wrap: wrap; margin-top: 10px; color: #fff;}

.footer_info > li{display: flex;gap: 10px;align-items: center;line-height: 1.5;}
.footer_info span{color:#fff}
.footer_info .tit{display: inline-block;font-weight: 400;}

.footer_info  li >.tit:first-child{width: 100px;}

.footer_copyright{font-weight: 300;color: #c1c1c1;}

@media screen and (max-width: 1440px){
    .quick_wp{margin-right: -720px;}
}

@media screen and (max-width: 1280px){    
    .allMenu_btn{right: 10px;margin-right: 0;}      
    .contbox{padding:0 10px}
    #contents .cont_wp{padding-left:10px;padding-right: 10px;}
    .quick_wp .quick_menu{display: none;}       
    .quick_wp{right: 10px;margin-right: 0;}
    .footer_detail_wp > .contbox{padding: 30px 10px;}        
}
@media screen and (max-width: 1100px){   
    .gnb_menu > li .subMenu a{white-space: normal;}
 }

@media screen and (max-width: 1024px){    
    .gnb_wp h1 img{width: 200px;}
    .gnb{margin-left: 210px; margin-right: 10px;}
    .gnb_menu > li{padding-right:30px;}
    .gnb_menu > li:first-child{padding-right: 10px;}
    .gnb_menu > li > .tit{letter-spacing: -2.5px;font-size: 22px;}    
    .gnb_menu > li .subMenu a{font-size: 16px;white-space: normal;}
    .gnb_menu > li .subMenu .subMenu2 a{font-size: 14px;}

    /* sitemap, mobile nav */
    .allMenu_menu{gap: 15px;}
    .allMenu_menu > li{width: auto;}
    .allMenu_menu > li:last-child{margin-top: 0;}
    .allMenu_menu{ padding:10px 30px 30px;max-height: 600px;}
    .allMenu_menu > li:last-child .subMenu{gap: auto;flex-wrap: wrap;}
    .allMenu_menu > li > .tit{font-size: 18px;}
    .allMenu_menu .subMenu{font-size: 16px;}
    .allMenu_menu .subMenu2{font-size: 14px;}
    .allMenu_menu .subMenu > li > a{margin-top: 10px;}
    .allMenu_menu > li:last-child .subMenu{gap: 10px;}

    .footer_detail_wp{padding-right: 80px;}

}

@media screen and (max-width: 768px){
    #contents .cont_wp{padding:66px 10px 50px;}       
    .logo_wp .contbox{height: 56px;padding-left: 10px;}
    .util_wp,    
    .login_menu,    
    .location_wp,
    .gnb{display: none;}  
    
    .gnb_wp {min-height: 56px; }
    .gnb_wp .contbox {height: 56px; }
    
    /* 퀵 메뉴 */
    .top_wp .chatBot{position: relative; margin-bottom: 10px;}
    .top_wp .chatBot > span{overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;width: 1px;height: 1px;padding: 0;margin: -1px;text-indent: -10000px; }    
    .top_wp > a > span{font-size: 12px;}
    .top_wp > a{width: 50px;height: 50px;}

    /* sitemap, mobile nav */ 
    .allMenu_btn{right: 10px; margin-right: 0; top: 15px;}        
    .allMenu{position: fixed;top:0;right: -1000px; bottom:0;width: 100%;height: 100%; transition: all 0.3s;}    
    .allMenu .login_menu{display: flex;position: absolute;top:12px;left: 12px;gap: 10px;}
    .allMenu_wp{width: 100%;left:0;top:0;right:0;bottom: 0;transform: none;border-radius:0;z-index: 10;}    
    .allMenu_menu{display:block;position: relative;margin-top: 0;padding: 0;max-height: none;overflow-y:auto;height: 100%;}
    .allMenu.show{display: block;}
    .allMenu.show .allMenu_menu > li .subMenu{display: none;position: absolute;top:10px;left:140px;right: 0; z-index: 10;bottom: 60px;overflow-y: auto;overflow-x: hidden; box-sizing: border-box;}
    .allMenu.show .allMenu_menu > li.on .subMenu{display: block;width: auto;}    
    .allMenu.show:after{content: none;}    
    .allMenu.show .subMenu{display: block;}
    .allMenu.show .allMenu_menu > li.on .subMenu > li:last-child{padding-bottom: 30px;}

    .allMenu .login_menu .btnTy{display: inline-block; height:30px; padding:0 15px; border: 1px solid #d8d7d7; border-radius:30px;}
    .allMenu .login_menu .btnTy > span{display: flex;height: 100%; justify-content: center;align-items: center; pointer-events: none;white-space: nowrap;}
        
    .allMenu_wp:before{content: "";position: absolute;top:56px;left: 0;bottom: 0; width: 150px;height: 100%;border-right: 1px solid #d8d7d7; background-color: #eaeaea;z-index: -1;}    
    .allMenu_menu > li ul{margin-top: 0;}
    .allMenu_menu > li.on{width: 150px; background-color:#911b2b;}
    .allMenu_menu > li.on > .tit{color: #fff;padding-top: 3px;}
    .allMenu_menu > li:last-child{margin-top: 0;}
    .allMenu_menu > li > .tit{display: flex; width: 150px;height: 40px;padding-left: 20px;margin-top: 10px; align-items: center;}
    .allMenu_menu > li.on .subMenu{margin-left: 25px;}
    .allMenu_menu .subMenu > li a{display: flex;align-items: center;margin-top: 0;height: 40px;}    
    .allMenu_menu .subMenu2{padding-left: 10px;}
    .allMenu_menu .subMenu2 > li > a{height: 30px;} 
    .allMenu_menu .subMenu2 a::before{content: none;}

    /* 팝업 */
    .lypop_wp{width: 95% !important;}

    /* footer */
    .foot_menu_wp{border-bottom: 0;}
    .foot_menu_wp .contbox{padding-top:20px;}
    .footer_item1{flex-flow: column-reverse;}
    .foot_menu{position: relative;display: block;}
    .foot_menu .mo_tit {position: relative;}
    .foot_menu .mo_tit > .tit{position: relative; display: flex;height: 40px; padding-left: 20px; align-items: center; border:1px solid #959595;z-index: 11;}
    .foot_menu .mo_tit::before{content: "";position:absolute;right:20px;top:30%;display:inline-block;width:2px;height:14px;transform:rotate(0deg);background-color:#959595;}
    .foot_menu .mo_tit::after{content: "";position:absolute;right:20px;top:30%;display:inline-block;width:2px;height:14px;transform:rotate(90deg);background-color:#959595;z-index: 11;}
    
    .foot_menu_lst{display: none;padding : 5px 10px 40px;position: absolute;bottom:0;left: 0;right: 0;background-color:#fff;border:1px solid #000;border-radius:10px;z-index: 10;}    
    .foot_menu_lst > li{padding: 0;}
    .foot_menu_lst > li:first-child > a{padding-left: 10px;}
    .foot_menu_lst > li:after{content: none;}
    .foot_menu_lst > li{border-bottom:1px solid #c3c3c3}
    .foot_menu_lst > li > a:after{content: none;}
    .foot_menu_lst > li > a{display: block;padding: 10px;font-size: 16px; color: #333;text-align: center;}

    .foot_menu_lst > li:last-child{border-bottom: 0;}
    

    .foot_menu .mo_tit.show .foot_menu_lst{display: block;}
    .foot_menu .mo_tit.show  > strong{background-color: #ededed;color:#777;border-top: 0;border-color: #000;  border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
    
    .footer_detail_wp{padding-right: 10px;}
}
@media screen and (max-width: 480px){
    /* sitemap, mobile nav */   
    .allMenu_menu > li > .tit{width: 120px;padding-left: 10px;}
    .allMenu_menu > li.on,
    .allMenu_wp:before,
    .allMenu.show .allMenu_menu > li .subMenu{width: 120px;}    
    .allMenu.show .allMenu_menu > li .subMenu{left: 110px;}
    
    .allMenu_menu > li > .tit{font-size: 16px;}
    .allMenu_menu .subMenu{font-size: 16px;}
    .allMenu_menu .subMenu2{font-size: 14px;padding-left: 10px;}

    .footer_info > li{flex-wrap: wrap;gap: 5px;}
    .footer_info li >.tit:first-child,
    .footer_info .tit{width: 50%;}
}