body{position:relative;}
body, button, input, select, textarea, body h1, body h2, body h3,
body h4, body h5, body h6, body .h1, body .h2, body .h3, body .h4, body .h5,
body .h6{font-size:16px;}
a, a:hover,
button, button:hover{transition: all .5s;}
/* 사이즈 */
body{
	/* header */
    --header-height: 86px;
    --header-wdith: 1700px;
    
    /* container */
    --container-width: 1280px;
    --location-height:50px;
    --container-padding:50px 0 80px 0;
}

#header_wrap a,
.footer a{color:var(--color-basic);}
#header_wrap a:hover{color:var(--color-red)}
.footer a:hover{text-decoration:underline;}

/* 헤더 공통 */
#header_wrap{width:100%; position:fixed; top:0; left:0; z-index:1002; height:var(--header-height); background:var(--color-background); box-shadow: var(--box-shadow-gray);}
#header_wrap .header{width:100%; max-width:var(--header-wdith); height:100%; margin:0 auto; display:flex; align-items:center; justify-content:space-between; }
#header_wrap .header h1 .navbar-brand{width:320px; height:auto; display:block; padding:0;}
#header_wrap .header h1 .navbar-brand .header_logo_w{display:none;}

body{padding-top:var(--header-height)}


#header_wrap a.head-search-btn{cursor: pointer;}

/* 헤더 메뉴 */
/* .header #gnb{width:50%;} */
.header #gnb .nav{text-align:center; display:flex; align-items:center; justify-content:center; gap: 0 80px;}
.header #gnb .nav .nav-menu > a{font-size:19px; font-weight:500;}
.header #gnb .nav .nav_depth{display:none; position:absolute; width:100%; background:var(--color-white); left:0; top:var(--header-height) !important; width:100%; border-top: 1px solid #ddd; box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1);}
.header #gnb .nav .nav_depth .nav_depth_wr{width:100%; max-width:var(--container-width); margin:0 auto; display:flex; padding:30px 0;}
.header #gnb .nav .nav_depth .nav_depth_wr .nav_depth_con_tit{width:300px; font-weight:bold; font-size:25px; text-align:left; padding:10px 0; color:var(--color-blue-deep);}
.header #gnb .nav .nav_depth .nav_depth_wr .nav_depth_con{width:calc(100% - 300px); display:flex; flex-wrap:wrap;}
.header #gnb .nav .nav_depth .nav_depth_wr .nav_depth_con_txt{width:calc(100% / 5); text-align:left; padding:10px;}
.header #gnb .nav .nav_depth .nav_depth_wr .nav_depth_con_txt a{font-size:17px;}
.header #gnb .nav .nav_depth .nav_depth_wr .nav_depth_con_txt a:hover{color:var(--color-red);}

/* 헤더 오른쪽 버튼 */
.header .header_btn_wr{display:flex; align-items:center; gap:0 15px; justify-content:end;}
.header .header_btn_wr .header_btn{color:var(--color-basic); background:none; padding:0; line-height: 1.0; font-size:18px;}
.header .header_btn_list .header_btn{padding:0;}
.header .header_btn_wr .header_btn:hover{color:var(--color-red)}
.header .header_btn_wr .header_btn_menu{font-size: 28px;}
.header .header_btn_list .header_btn:hover{transform: translateY(-5px); transition:all .5s;}

.header .header_btn_wr .header_btn_dropdown .dropdown-toggle{height:35px; border: 1px solid var(--color-gray-light); background:#fff; border-radius:50px; padding:5px 15px; display: flex; align-items: center; gap: 0 15px;}
.header .header_btn_wr .header_btn_dropdown .dropdown-toggle:hover,
.header .header_btn_wr .header_btn_dropdown .dropdown-toggle.show{border-color:var(--color-sky); box-shadow: var(--box-shadow-blue);}
.header .header_btn_wr .header_btn_dropdown .dropdown-toggle::after{content:"\f282"; font-family: bootstrap-icons !important; font-size:12px; border:0;}
.header .header_btn_wr .header_btn_dropdown .dropdown-toggle.show::after{content:"\f286"}
.header .header_btn_wr .header_btn_dropdown .dropdown-menu{border-radius:20px; overflow:hidden; box-shadow: var(--box-shadow-gray);}
.header .header_btn_wr .header_btn_dropdown .dropdown-menu .dropdown-item{font-size:15px;}
.header .header_btn_wr .header_btn_dropdown .dropdown-menu a.dropdown-item:hover{color:var(--color-blue);}
.header .header_btn_wr .header_btn_dropdown .dropdown-menu .dropdown-item i{font-size:14px;}

.header .header_btn_wr .header_btn_list{display:flex;align-items:center; gap:0 5px;}

.header .header_btn_wr .header_btn_mobile{display:none; font-size: 28px;}

/* 통합검색 */
.head-search{height:35px; display:flex; align-items:center; border: 1px solid var(--color-gray-light); background: #fff; border-radius: 50px; padding: 0 15px; gap: 0 10px;}
.head-search .form-control{width:150px; border-radius:0; border:0; font-size:15px; padding:0; height:100%;}
/* .head-search .head-search-btn{padding:10px;} */

/* 전체메뉴 */
.all_menu_wr{display:none; position:absolute; width:100%; background:var(--color-white); left:0; top:var(--header-height) !important; width:100%; border-top: 1px solid #ddd; box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1);}
.all_menu_wr.active{display: block;}
.all_menu_wr .all_menu_con{width:100%; max-width:var(--container-width); margin:0 auto; display:flex;}
.all_menu_wr .all_menu_con .all_menu_nav{width:calc(100% / 4); border-right:1px solid var(--color-gray-light); padding:30px;}
.all_menu_wr .all_menu_con .all_menu_nav:first-child{border-left:1px solid var(--color-gray-light)}
.all_menu_wr .all_menu_con .all_menu_nav .all_menu_tit{font-size:20px; font-weight:600; color:var(--color-blue-deep); margin-bottom:10px;}
.all_menu_wr .all_menu_con .all_menu_nav .all_menu_dept_txt{margin-bottom:5px;}
.all_menu_wr .all_menu_con .all_menu_nav .all_menu_dept_txt:last-child{margin:0;}
.all_menu_wr .all_menu_con .all_menu_nav .all_menu_dept_txt a{display:block; padding:3px 0; position:relative; transition:all .5s;}
.all_menu_wr .all_menu_con .all_menu_nav .all_menu_dept_txt a:before{content:""; position:absolute; left:0; bottom:0; width:0%; height:1px; background:var(--color-red);}
.all_menu_wr .all_menu_con .all_menu_nav .all_menu_dept_txt a:hover:before{width:100%;transition:all .5s;}

/* 브레드크럼 */
#location_wrap{background:var(--color-blue-deep); height:var(--location-height); display:flex; align-items:center;}
#location_wrap .grab{width:100%; max-width:var(--container-width); margin:0 auto;}
#location_wrap .location{display:flex; align-items:center; }
#location_wrap .home a,
#location_wrap .dropdown-toggle{position:relative; color:var(--color-white); font-size:14px; background:none; display: flex; align-items: center; justify-content:center; height:var(--location-height); min-width:var(--location-height); }
#location_wrap .home a{background:#353a59;}
#location_wrap .home a:hover{background:#000}
#location_wrap .dropdown-toggle{min-width:150px; justify-content: start; padding:0 20px; border-right: 1px solid #353a59; padding-right:50px;}
#location_wrap .dropdown-toggle:hover{background:#070d31;}
#location_wrap .dropdown-toggle::after{content:"\f282"; border:0; font-family: bootstrap-icons !important; font-size:12px; position:absolute; right: 20px; top:50%; transform:translateY(-50%);}
#location_wrap .dropdown-toggle.show::after{content:"\f286"}
#location_wrap .dropdown-toggle span{display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#location_wrap .location .dropdown a span{padding-right:10px;}
#location_wrap .dropdown-menu{min-width:100%;overflow:hidden; box-shadow: var(--box-shadow-gray);}
#location_wrap .dropdown-item{font-size:15px;}
#location_wrap .dropdown-item:hover{color:var(--color-blue);}

/* 푸터 공통 */
.footer{width:100%; position:relative; padding:25px 0; background:#f9f9f9;}
.footer .grab{width:100%; max-width:var(--container-width); margin:0 auto; }

/* .kr_main_footer .footer{background:#fff;} */

.footer .footer_wr{width:100%;margin-bottom:30px;}
.footer .footer_wr .ft_logo{max-width:320px; display: block; margin-bottom:20px;}
.footer .footer_wr .txt p.add{margin-bottom:15px;}
.footer .footer_wr .txt p b{font-weight:bold; display:inline-block; padding-right:10px; }

.footer .footer_bottom{padding-top:15px; border-top: 1px solid var(--color-gray-light); display:flex; align-items:center; justify-content:space-between}
.footer .footer_bottom .link{display:flex; gap:0 20px;}
.footer .footer_bottom .link a{position:relative; font-size:15px; display: flex; align-items: center; justify-content: center; gap: 0 5px;}
.footer .footer_bottom .link a:first-child{padding-left:0; font-weight:bold;}
.footer .footer_bottom .link a:before{content:""; position:absolute; right:-10px; top:6px; width:1px; height:10px; background:#ddd;}
.footer .footer_bottom .link a:last-child:before{display:none;}
.footer .footer_bottom .copyright{font-size:15px;}

/* .footer .footer_left .txt{font-size:15px; padding-top:20px;} */
/* .footer .footer_left .txt p{padding-bottom:5px;} */
/* .footer .footer_left .txt p.copyright{padding:0;} */
/* .footer .footer_right{display:flex; justify-content:end; gap:0 20px; align-items:center;} */
/* .footer .footer_right .ft_ico{max-width:50px;} */
/* .footer .footer_right .ft_logo{max-width:180px;} */

/* .footer .footer_top .link{display:flex; gap:0 40px;} */
/* .footer .footer_top .link a{position:relative; font-size:15px; display: flex; align-items: center; justify-content: center; gap: 0 5px;} */
/* .footer .footer_top .link a:first-child{padding-left:0; font-weight:bold;} */
/* .footer .footer_top .link a:before{content:""; position:absolute; right:-20px; top:6px; width:1px; height:10px; background:#ddd;} */
/* .footer .footer_top .link a:last-child:before{display:none;} */

/* 퀵메뉴 
.quick_wr{position:fixed; right:0; top:50%; transform:translateY(-50%); display: flex; flex-direction: column; align-items: center;    z-index: 50;transition: all .5s;}

.quick_wr .quick_con{background:var(--color-white); border-radius: 20px 0 0 20px; border-right:0; overflow:hidden;}
.quick_wr .guick_list{border-bottom: 1px solid #ddd;}
.quick_wr .guick_list:last-child{border:0;}
.quick_wr .guick_list a{padding:10px 15px 15px 15px; display:block; color:var(--color-basic); text-align:center; line-height: 1.2; font-size:14px;}
.quick_wr .guick_list a:hover{color:var(--color-red);}
.quick_wr .guick_list_img a{display:flex; align-items:center; flex-direction: column; gap:0;}
.quick_wr .guick_list_img a img{width:80px; transition:all .5s;}
.quick_wr .guick_list_img a:hover img{transform:translateY(-5px); transition:all .5s;}
.quick_wr .btn-top{display:none; padding:5px; background:none; color:var(--color-basic); text-align:center; transition:all .5s;  position:absolute; right:10px; bottom:-80px; transition: all .5s;border-radius: 50%; width: 60px; height: 60px;border:1px solid var(--color-gray-light); background: rgba(255, 255, 255, 0.5); backdrop-filter: saturate(180%) blur(20px);}
.quick_wr .btn-top i{font-size:18px;}
.quick_wr .btn-top span{display:block; font-size:13px;}
.quick_wr .btn-top:hover{transform: translateY(-5px); transition:all .5s;}

.quick_wr .quick_tit{background: var(--color-blue-deep); width: 100%; height: 25px; font-size: 12px; color: var(--color-white); font-weight: 500; display: flex; align-items: center; justify-content: center;}

.quick_wr .quick_btn_wr{display:none;}
.quick_wr .quick_btn{transition: all .5s; border: 1px solid var(--color-gray-light); cursor: pointer; border-radius: 50%; position: absolute; left: -30px; top: 50px; background: rgba(255, 255, 255, 0.5); backdrop-filter: saturate(180%) blur(20px); width: 44px; height: 44px; font-size: 18px; color: var(--color-blue-deep); font-weight: 500; display: flex; align-items: center; justify-content: center;}
.quick_wr.active .quick_btn .bi-arrow-right-short:before{content: "\f12c";}
.quick_wr .quick_btn i{line-height: 1.0;}

.quick_wr.active{transform: translate(100%, -50%); transition: all .5s;}
.quick_wr.active .btn-top{left:-70px; margin:0; transition: all .5s;}
.quick_wr.active .quick_btn{left:-54px;}

.quick_wr .quick_btn:hover{transform:translateX(3px); transition: all .5s;}
.quick_wr.active .quick_btn:hover{transform:translateY(-3px); transition: all .5s;}
*/

/* 맨위로 이동 버튼 */
.btn-top{z-index:99; display:none; padding:5px; color:var(--color-blue-deep); text-align:center; transition:all .5s;  position:fixed; right:20px; bottom:20px; border-radius: 50%; width: 60px; height: 60px;border:1px solid var(--color-gray-light); background: rgba(255, 255, 255, 0.5); backdrop-filter: saturate(180%) blur(20px);}
.btn-top i{font-size:18px;}
.btn-top span{display:block; font-size:13px;}
.btn-top:hover{transform: translateY(-5px); transition:all .5s;}

/* body공통 */
.container{width:100%; max-width:var(--container-width); padding:var(--container-padding); margin:0 auto; min-height:510px;}

/* 모바일 메뉴 */
.mobile-menu-modal .modal-dialog{margin: 0; margin-left: auto; width: 320px; max-width: 85%;  height: 100%; transform: translateX(100%); transition: transform 0.3s ease;}
.mobile-menu-modal .modal-content{  height: 100%;  border-radius: 0;  border: 0;}
.mobile-menu-modal.fade .modal-dialog {  transform: translateX(100%);  transition: transform 0.3s ease-out;}
.mobile-menu-modal.show .modal-dialog {  transform: translateX(0);}

.mobile-menu-modal .modal-header{background:var(--color-background-light-blue) !important; border-radius:0;}
.mobile-menu-modal .modal-header a{max-width:220px; display: block;}
.mobile-menu-modal .head-search{border:0; border-radius:5px; height:40px;}
.mobile-menu-modal .head-search .form-control{width:180px;}
.mobile-menu-modal .head-search a{color:var(--color-basic);}
.mobile-menu-modal .modal-body{padding:0; overflow-y:auto;}

.mobile-menu-modal .btn-close{    filter: initial !important;}

.mobile-menu-modal .modal-footer{justify-content: space-between;border: 0; padding:5px !important;}
.mobile-menu-modal .header_btn_dropdown .dropdown-toggle{height:35px; border: 1px solid var(--color-gray-light); background:#fff; border-radius:50px; padding:5px 15px; display: flex; align-items: center; gap: 0 15px;}
.mobile-menu-modal .header_btn_dropdown .dropdown-toggle:hover,
.mobile-menu-modal .header_btn_dropdown .dropdown-toggle.show{border-color:var(--color-sky); box-shadow: var(--box-shadow-blue);}
.mobile-menu-modal .header_btn_dropdown .dropdown-toggle::after{content:"\f282"; font-family: bootstrap-icons !important; font-size:12px; border:0;}
.mobile-menu-modal .header_btn_dropdown .dropdown-toggle.show::after{content:"\f286"}
.mobile-menu-modal .header_btn_dropdown .dropdown-menu{border-radius:20px; overflow:hidden; box-shadow: var(--box-shadow-gray);}
.mobile-menu-modal .header_btn_dropdown .dropdown-menu .dropdown-item{font-size:15px;}
.mobile-menu-modal .header_btn_dropdown .dropdown-menu .dropdown-item i{font-size:14px;}


.mobile-menu-list {border:0; border-bottom: 1px solid var(--color-gray-light);}
.mobile-menu-list:first-of-type .mobile-menu-tit,
.mobile-menu-list:last-of-type .mobile-menu-tit.collapsed,
.mobile-menu-list:first-of-type,
.mobile-menu-list:last-of-type{border-radius:0;}

.mobile-menu-tit{color: var(--color-blue-deep); border-color: var(--color-gray-light); font-size: 15px; font-weight: 500;}
.mobile-menu-tit:not(.collapsed){color: var(--color-blue-deep); background-color: var(--color-background-light-blue); box-shadow: 0; font-weight:600;}

.mobile-menu-dept-txt{padding: 10px 20px; font-size: 14px;}
.mobile-menu-dept-txt a{color:var(--color-basic)}


/* 탭 부분 */
.contents_tab_wr{position:relative;}
.contents_tab_wr .contents_wr02 .contents_right_wr{margin-top:80px;}

.convert_tab_wr{position:absolute; width: calc(100% - 300px - 50px); right:0; display:flex; align-items:center; flex-wrap:wrap; margin: 0; gap:0}
.convert_tab_wr li{width:calc(100% / 4) !important;}

.convert_tab_wr02 li{width:calc(100% / 2) !important;}

.convert_tab_wr li a{width:100%; display:block; text-align:center; padding:13px 5px; border-radius:20px 20px 0 0 ; background:var(--color-white); border: 1px solid var(--color-gray-light); border-width:1px 1px 1px 0; color:var(--color-gray);}
.convert_tab_wr li:first-child a{border-left:1px solid var(--color-gray-light);}
.convert_tab_wr li a.active,
.convert_tab_wr li.active a,
.convert_tab_wr li a:hover{background:var(--color-red); border-color:var(--color-red); color:var(--color-white);font-weight:500;box-shadow:var(--box-shadow-red);}
.convert_tab_wr li:first-child a{border-left:1px solid var(--color-gray-light);}

.tab_accordion_wr,
.tab.sub_tab{display:flex; align-items:center; border: 0; box-shadow: none;}
.tab_accordion_wr .tab_accordion_list,
.tab.sub_tab li{width:100% !important; border:0; border-radius:0;}
.tab_accordion_wr .tab_accordion_list .accordion-button,
.tab.sub_tab li a{box-shadow: none; width:100%; display:block; text-align:center; padding:13px; border-radius:20px 20px 0 0 ; background:var(--color-white); border: 1px solid var(--color-gray-light); border-width:1px 1px 1px 0; color:var(--color-gray);}
.tab_accordion_wr .tab_accordion_list a.accordion-button:after{display:none;}
.tab_accordion_wr .tab_accordion_list:first-child .accordion-button,
.tab.sub_tab li:first-child a{border-left: 1px solid var(--color-gray-light);}
.tab_accordion_wr .tab_accordion_list .accordion-button.active,
.tab_accordion_wr .tab_accordion_list .accordion-button:hover,
.tab.sub_tab li a:hover,
.tab.sub_tab li.active a{background:var(--color-red); color:var(--color-white);font-weight:500;box-shadow:var(--box-shadow-red); border-color:var(--color-red)}

/* 서브 왼쪽  탭 */
#printbody .print_tit_wr{font-weight:bold; color: var(--color-blue-deep); font-size: 28px; margin-bottom:15px;}
.sub_container_tab_wr{display:flex; flex-wrap:wrap;align-items: start;}

.sub_container_tab_wr #printtitle{width:100%;}
.sub_container_tab_wr #printbody{width:calc(100% - 200px); padding-left:50px; position:relative;}

.sub_container_tab_wr .tab_accordion_wr{display:block; width:200px; margin:0; border-top: 1px solid var(--color-blue-deep);}
.sub_container_tab_wr .tab_accordion_wr .tab_accordion_list{border:0; border-radius:0;}
.sub_container_tab_wr .tab_accordion_wr .tab_accordion_list .accordion-header{margin:0;}

.sub_container_tab_wr .tab_accordion_wr .tab_accordion_list .accordion-button{color:var(--color-gray); border:0; border-bottom: 1px solid var(--color-gray-light); border-radius:0; width:100%; display: flex; align-items: center; justify-content: space-between; padding: 10px; height:55px;}
.sub_container_tab_wr .tab_accordion_wr .tab_accordion_list .accordion-button:not(.collapsed){box-shadow:none; background:rgba(var(--color-sky-rgb), .2); color:var(--color-blue); font-weight: 500;}
.sub_container_tab_wr .tab_accordion_wr .tab_accordion_list .accordion-button:after{width:14px; height:14px; background-size:100%;}

.sub_container_tab_wr .tab_accordion_wr .tab_accordion_list a.accordion-button{display:flex; align-items:center; justify-content: space-between;}
.sub_container_tab_wr .tab_accordion_wr .tab_accordion_list a.accordion-button:not(.collapsed){box-shadow:none; background:var(--color-white); color:var(--color-gray); font-weight: 300;}
.sub_container_tab_wr .tab_accordion_wr .tab_accordion_list a.accordion-button:after{display:none;}
.sub_container_tab_wr .tab_accordion_wr .tab_accordion_list .accordion-button:hover,
.sub_container_tab_wr .tab_accordion_wr .tab_accordion_list .accordion-button.active
.sub_container_tab_wr .tab_accordion_wr .tab_accordion_list a.accordion-button:hover,
.sub_container_tab_wr .tab_accordion_wr .tab_accordion_list a.accordion-button.active{box-shadow:none; background:rgba(var(--color-sky-rgb), .2); color:var(--color-blue); font-weight: 500;}
.sub_container_tab_wr .tab_accordion_wr .tab_accordion_list .accordion-button .label{font-size:12px;padding:3px 10px; border-radius:50px; border: 1px solid var(--color-gray-light);}
.sub_container_tab_wr .tab_accordion_wr .tab_accordion_list a.accordion-button:hover .label,
.sub_container_tab_wr .tab_accordion_wr .tab_accordion_list a.accordion-button.active .label{ color:var(--color-white); background:var(--color-gray); border-color:gray}

.sub_container_tab_wr .tab_accordion_dept .tab_accordion_dept_txt{padding:0;}
.sub_container_tab_wr .tab_accordion_dept .tab_accordion_dept_txt a{display:block; color:var(--color-gray); padding:10px 15px; border-bottom: 1px dashed var(--color-gray-light); font-size: 15px; background:rgba(var(--color-gray-rgb), .02);}
.sub_container_tab_wr .tab_accordion_dept .tab_accordion_dept_txt:last-child a{border-bottom: 1px solid var(--color-gray-light);}
.sub_container_tab_wr .tab_accordion_dept .tab_accordion_dept_txt a:hover,
.sub_container_tab_wr .tab_accordion_dept .tab_accordion_dept_txt a.active{color:var(--color-blue-deep); font-weight:500;}