/* 공통 시작 */
.inner{ width: 100%; height: 100%; max-width: 1300px; padding: 0; margin: 0 auto; }
.body_hidden{overflow:hidden !important;}  
.inner {margin-bottom:100px;}  

/* 공통 끝 */


/* 헤더 시작 */
#header{position: fixed; top: 0; left: 0; width: 100%; font-size: 16px; font-weight: 500; z-index: 1000;}

#header .top_menu{width:100%; height: 115px; background-color:white; position:relative; border-bottom:1px white solid;}
#header .top_menu.bor_plus{border-bottom:1px #eee solid;}
#header .top_menu .inner{width:100%; max-width: 1840px; padding: 0 67.5px; margin:0 auto; display: flex; align-items: center; justify-content: space-between;}
#header .top_menu h1.logo{width:396px; height: 31px; background: url(../images/layout/logo.png) center no-repeat; background-size: 396px 31px; margin-top: 7px;}
#header .top_menu h1.logo a{display: inline-block; width:100%; height:100%;}

#header .left_side{display: flex; width: calc(100% - 396px); height: 100%; align-items: center; justify-content: space-between;}
#header #gnb{display:flex; align-items: center; width:100%; height:100%; z-index: 500;}
#header #gnb .gnb_in{max-width: 1020px; width:100%; height:100%; transition: width, max-width 0.3s; padding-left: 100px;}
#header #gnb ul{display:inline-flex; align-items: center; width:100%; height: 100%; line-height:1; z-index:150;}
#header #gnb ul li {position: relative; text-align: center;cursor: pointer;}
#header #gnb ul li.depth-1{width: calc(100% / 4); height: 100%; padding-top:10px; display: flex; align-items: center; justify-content: center; position:relative; text-wrap: nowrap; transition: width 0.5s;}
#header #gnb .depth-1::before{
    content: "";
    width: 0%;
    height: 2px;
    background-color: #0084d8;
    position: absolute;
    bottom: -1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    z-index: 10000;
}
#header #gnb ul li.depth-1:first-child{ margin-left:0;}
#header #gnb ul li.depth-1:last-child{margin-right:0;}
#header #gnb ul li.depth-1 > a{font-size: 20px; line-height:1; color:#222; font-weight: 600; color:black; letter-spacing:-0.25px;}
#header #gnb ul.depth-2{position:absolute; top: 115px; left: 0; display:inline-flex;  flex-wrap: wrap; justify-content: end; align-content: flex-start;  width: 100%; height:0; opacity: 0; visibility: hidden; padding-top:15px; border-right: 1px #eee solid; transition: all ease .2s;}
#header #gnb ul li.depth-1:first-child .depth-2{border-left: 1px #eee solid;}
#header #gnb ul.depth-2 li{width: 100%; padding:7px 0 8px 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all ease .7s; transition: all ease .7s;}
#header #gnb ul.depth-2 li a{font-size:18px; font-weight: 400; line-height: 1.35;}
#header #gnb ul.depth-2 li a:hover{color: #0084d8; font-weight: 600;}
#header #gnb ul.depth-3{padding: 10px 15px; background-color: #ececf1; border-radius: 5px; margin-top: 15px; color: #565656; display:none;}
#header #gnb .mobile_only{border-bottom:1px white solid; transition: border 0.2s;}
#header #gnb .mobile_only.bor_plus{border-bottom:1px #e5e5e5 solid;}
#header #gnb .mobile_only:before{
    content: "";
    width: 1px;
    height: 12px;
    background: #e2e2e2;
    position: absolute;
    top: 29px;
    right: 74px;
}
#header #gnb .mobile_only .mobile_mypage_btn{padding: 7px 20px 6px 20px; border: 1px #111 solid; border-radius: 30px; font-size: 15px; line-height: 1; font-weight: 500; color: white; background-color: #111; position: absolute; top: 22px; right: 88px;}
#header #gnb .mobile_only .mobile_login_btn{padding: 7px 20px 6px 20px; border: 1px #bfbfbf solid; border-radius: 30px; font-size: 15px; line-height: 1; font-weight: 700; color: #7e7e7e; background-color: white; position: absolute; top: 22px; right: 88px;}
#header .top_menu #snb_bg{position: absolute; top: 115px; left: 0; width:100%; opacity: 0; height:0; border-top: 1px #eee solid; border-bottom:1px #eee solid; background-color:white; z-index: 100;-webkit-transition: all ease .7s; transition: all ease .7s;}
#header .top_menu.bor_plus  #snb_bg{border-top:none;}
#header .t_btn_list{display:inline-flex; align-items: center; gap: 3%; margin-top:6px;}
#header .t_btn_list .login_btn{display:inline-flex; align-items: center; justify-content: center; width:125px; height:34px; border-radius:34px; border:2px #4b4b4b solid; background-color:white; transition: background-color 0.3s; cursor:pointer; position:relative; overflow:hidden;}
#header .t_btn_list .login_btn > span{display:inline-block; line-height:1; font-size: 15px; font-weight: 700; margin-top:1px; z-index:5; transition: color 0.3s ease-in-out;  color:#4b4b4b;}
#header .t_btn_list .login_btn:hover{background-color:black; border-color:black;}
#header .t_btn_list .login_btn:hover > span{color:white;}
#header .t_btn_list .mypage_btn{display:inline-flex; align-items: center; justify-content: center; width:125px; height:34px; border-radius:34px; border:2px #4b4b4b solid; background-color:white; transition: border, background-color 0.3s; cursor:pointer;}
#header .t_btn_list .mypage_btn > span{display:inline-block; line-height:1; font-size: 14px; font-weight: 600; padding-left:19px; position:relative;}
#header .t_btn_list .mypage_btn > span:before{
    content: "";
    width: 14px;
    height: 15px;
    background: url(../images/layout/person_icon.svg) center no-repeat;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
}
#header .t_btn_list .mypage_btn:hover{background-color:#222222; border-color:#222222; color:white; font-weight: 300;}
#header .t_btn_list .mypage_btn:hover > span:before{
    content: "";
    width: 14px;
    height: 15px;
    background: url(../images/layout/person_icon_hover.svg) center no-repeat;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
}
#header .r_m_list{display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 10px; margin-left:28px; margin-bottom:1px;}
#header .r_m_list .all_menu button{display: inline-block; width: 24px; height: 10px; font-size: 0; line-height: 0; position: relative;}
#header .r_m_list .all_menu span{display:inline-block; margin: 0 auto; width: 24px; height: 10px; background: none; font-size: 0; line-height: 0; }
#header .r_m_list .all_menu:hover span{width:18px; transition: all 0.2s ease;}	
#header .r_m_list .all_menu span:after, #header .r_m_list .all_menu span:before {position:absolute; display:block; left:0; width:24px; height:2px; background:black;}
#header .r_m_list .all_menu span:before {top:0; transition: all 0.2s ease; content:'';} 
#header .r_m_list .all_menu span:after {bottom:0; transition: all 0.3s ease; content:''; }
#header .r_m_list .all_menu_m{display:none;}
#header .r_m_list .all_menu_m button{display: inline-block; width: 24px; height: 10px; font-size: 0; line-height: 0; position: relative;}
#header .r_m_list .all_menu_m span{display:inline-block; margin: 0 auto; width: 24px; height: 10px; background: none; font-size: 0; line-height: 0; }
#header .r_m_list .all_menu_m:hover span{width:18px; transition: all 0.2s ease;}	
#header .r_m_list .all_menu_m span:after, #header .r_m_list .all_menu_m span:before{position:absolute; display:block; left:0; width:24px; height:2px; background:black;}
#header .r_m_list .all_menu_m span:before {top:0; transition: all 0.2s ease; content:'';} 
#header .r_m_list .all_menu_m span:after {bottom:0; transition: all 0.3s ease; content:''; }

    /* 미디어쿼리 시작 */
    @media (min-width: 1281px){
        #header #gnb .mobile_only{display:none;}
		#header #gnb .d_hover::before {width: 100%;}
        #header #gnb.open ul.depth-2{height: 275px; opacity: 1; transition: all ease .7s; visibility: visible; transition-delay: 0.2s;}
        #header #gnb.open ul.depth-2 li{-webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all ease .7s; transition: all ease .7s;}
        #header .top_menu #snb_bg.open{height:275px; opacity: 1; -webkit-transition: all ease .7s; transition: all ease .7s;}
	}
    @media all and (max-width: 1610px) and (min-width: 1281px){
		#header .left_side{width: calc(100% - 332px);}
		#header .top_menu #snb_bg.open{height:260px;}
		#header #gnb.open ul.depth-2{height:260px;}
	}
    @media all and (max-width: 1400px) and (min-width:1281px){
		#header .left_side{width: calc(100% - 179px);}
		#header .top_menu h1.logo {width: 179px; height: 37px; background: url(../images/layout/logo.png) center no-repeat; background-size: contain;}
		#header #gnb .gnb_in{min-width:auto;}
		#header #gnb .gnb_in{padding-right: 50px;}
	}
	@media all and (max-width: 1770px){
		#header #gnb .gnb_in{max-width:1000px;}
	}
    @media all and (max-width: 1700px){
		#header .top_menu{height:95px;}
		#header .top_menu .inner{max-width:1920px; padding: 0 40px;}
		#header .top_menu #snb_bg{top:95px;}
		#header #gnb .gnb_in{width:950px;}
		#header #gnb ul.depth-2{top:95px;}
		#header #gnb .gnb_in{padding-left:4%;}
    }
    @media all and (max-width: 1630px){
		#header #gnb .gnb_in{max-width:900px;}
		#header #gnb ul.depth-2 li a{font-size:17px; line-height: 1.3;}
	}
    @media all and (max-width: 1550px){
		#header #gnb .gnb_in{width: 100%; min-width: 750px; padding-right: 70px;}
		#header #gnb ul li.depth-1 > a{font-size:18px;}
		#header #gnb ul.depth-2 li a{letter-spacing: -1px;}
	}
    @media all and (max-width: 1430px){
		#header #gnb ul li.depth-1 > a{letter-spacing:-0.75px;}
	}
    @media (max-width: 1280px) {
		#header .top_menu{height:84px;}
		#header .r_m_list{margin-right:0;}
        #header .r_m_list .all_menu{display:none;}
        #header .r_m_list .all_menu_m{display:block;}
		#header .left_side{justify-content: flex-end;}
        #header #gnb{position: fixed; display: block; top: 0; right: -320px; width: 320px; height: 100%; background: #fff; z-index: 110; transition: right 0.3s ease;}
        #header.open_m #gnb{right:0; transition: right 0.3s ease;}
        #header #gnb .gnb_in {width:100%; min-width: auto; height: calc(100% - 70px); overflow: auto; padding-bottom: 10px; overflow-y:scroll; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; overflow-x: hidden; /* Firefox */ padding-left: 0; padding-right:0;}
        #header #gnb .gnb_in::-webkit-scrollbar{display: block; /* Chrome, Safari, Opera*/}
        #header #gnb .gnb_in::-webkit-scrollbar{width: 4px; height: 6px;}
        #header #gnb .gnb_in::-webkit-scrollbar-track{background-color: #eee;}
        #header #gnb .gnb_in::-webkit-scrollbar-thumb{border-radius: 3px; background-color:#9f9f9f;}
        #header #gnb .gnb_in::-webkit-scrollbar-button{width: 0; height: 0;}
        #header #gnb .mobile_only{width: 100%; height: 70px; display: flex; align-items: center; position:relative; padding: 0 20px;}
        #header #gnb .mobile_only .close_btn{width: 30px; height: 30px; background: url(../images/layout/close_x_icon.svg) center no-repeat; background-size: 25px; position: absolute; top: 20px; right: 25px; font-size:0; line-height:0;}

        #header #gnb ul{height: auto; flex-wrap: wrap; padding: 0 20px 50px 20px;}
        #header #gnb ul li.depth-1 {width: 100%; height: auto; padding: 0; justify-content: flex-start; flex-wrap: wrap; position: relative;}
        #header #gnb ul li.depth-1.on > a {height: 65px; border-bottom: 2px #3450c8 solid; color:#3450c8; font-weight: 700;}
        #header #gnb ul li.depth-1 > a{display: flex; align-items: center; position:relative; width: 100%; height: 62px; width: 100%; opacity: 1; visibility: visible; padding: 0 25px 0 10px; font-size: 18px; color: #494949; border-bottom: 1px solid #e5e5e5;  pointer-events: none; letter-spacing:-0.25px;}
        #header #gnb ul li.depth-1 > a:before {
            content: "";
            position: absolute;
            z-index: 2;
            top: 0;
            bottom: 0;
            margin: auto;
            border: none;
            transform: none;
            -webkit-transform: none;
            right: 10px;
            width: 12px;
            height: 2px;
            background: #c2c2c2;
        }
        #header #gnb ul li.depth-1.on > a:before{background: #17b95a;}
        #header #gnb ul li.depth-1 > a:after {
            content: "";
            position: absolute;
            z-index: 2;
            top: 0;
            bottom: 0;
            margin: auto;
            border: none;
            transform: none;
            -webkit-transform: none;
            right: 15px;
            width: 2px;
            height: 12px;
            background: #c2c2c2;
        }
        #header #gnb ul li.depth-1.on > a:after{display:none;}
        #header #gnb ul li.depth-1:first-child .depth-2{border-left:none;}
        #header #gnb ul.depth-2{height:0; position: relative; top: auto; left: auto; opacity: 1; visibility: visible; border:none; display: block; width: 100%; padding: 0 25px; background: #f8f8f8; overflow:hidden; transition: all ease .2s;}
        
        #header #gnb ul.depth-2.on{height: auto; transition: all ease .2s; padding: 15px 25px; border-bottom: 1px solid #e5e5e5;}
        #header #gnb ul.depth-2 li{padding: 12px 0; -webkit-transform: translateY(0px); transform: translateY(0px);}
        #header #gnb ul.depth-2 > li > a{font-weight: 600; position: relative; padding-left: 15px; color: #555;}
        #header #gnb ul.depth-2 > li > a:after{
            content: "";
            height: 1px;
            width: 5px;
            background: #9d9d9d;
            position: absolute;
            top: 10px;
            left: 0px;
        }
        #header #gnb ul.depth-3{display:block; transition: none;}
        #header #gnb ul.depth-3 li{font-size:15px; padding-left: 17px; padding-top: 10px; padding-bottom: 10px; position:relative; transition: none;}
        #header #gnb ul.depth-3 li:hover{color: #0084d8; font-weight: 600; transition: none;}
        #header #gnb ul.depth-3 li:before{
            content: "";
            height: 3px;
            width: 3px;
            background: #868686;
            position: absolute;
            top: 20px;
            left: 6px;
            border-radius: 100%;
        }
        #header #gnb ul.depth-3 li:hover:before{
            background-color: #383f48;
        }
        #header #gnb ul li{text-align: left;}
		#header #gnb ul li#depth_1{width:100%;}
        #header #gnb ul li#depth_6{width:100%;}
        #header.open_m .mask {
            position: fixed;
            z-index: 100;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #000;
            opacity: 0.75;
            transition: all 0.3s linear;
        }
		#header .t_btn_list{margin-top:4px;}
	}
    @media (max-width: 1024px) {
        #header .top_menu{height:72px;}
		#header .top_menu h1.logo{width: 290px; height: 22px; background-size: contain;}
		#header .t_btn_list .login_btn{height:32px;}
		#header .t_btn_list .mypage_btn{height:32px;}
		#header .r_m_list{margin-left:22px;}
		#header .top_menu .inner{padding: 0 20px;}
        #header .top_field{height: 35px;}
        #header .top_field .inner{padding:0;}
    }
    @media (max-width: 600px) {
		#header .t_btn_list .member_btn{display:none;}
	}
    @media (max-width: 500px) {
		#header .r_m_list .all_menu_m{margin-right:3px;}
        #header .top_menu .inner{padding: 0 15px;}
    }
    @media (max-width: 400px) {
		#header .top_menu h1.logo{background: url(../images/layout/logo.png) center no-repeat; width:146px; height:30px; background-size:contain;}
	}
    /* 미디어쿼리 끝 */

/* 헤더 끝 */


/* 푸터 시작 */
#footer{background-color:gray; z-index: 500;}
#footer .inner{position: relative;}
#footer .top_field{width:100%; height:83px; background-color:#111111;}
#footer .top_field > .inner{display:flex; align-items: center; justify-content: space-between;}

#footer .f_menu{display:flex;}
#footer .f_menu > li{margin-right:63px;}
#footer .f_menu > li:last-child{margin-right:0;}
#footer .f_menu > li > a{color:white; font-size:16px;  line-height:1; font-weight:500; -webkit-transition: color ease 0.3s; transition: color ease 0.3s;}
#footer .f_menu > li > a:hover{color:#34e87f;}

#footer .family_link{width: 160px; height: 43px; position: relative; z-index: 100;}
#footer .family_link .family_link_list_default{font-size: 14px; color: #fff; display: inline-flex; align-items: center; width: 100%; height: 100%; padding: 0 19px; border:1px #535353 solid; border-radius:53px; background-color: #111; position:relative; z-index:10;}
#footer .family_link .family_link_list_default:before{
    content: "";
    position:absolute;
    top: calc(50% + 1px);
    right: 19px; 
    transform: translate(0, -50%);
    width: 0;
    height: 0;
	border-top: 4px solid #ffffff;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
    transition:0.3s;
}
#footer .family_link.active .family_link_list_default:before{transform: translate(0, -50%) rotate(180deg);}
#footer .family_link .family_link_list{position: absolute; width: 100%; left: 0; bottom: 19px; background: #111; overflow: auto; padding-bottom: 25px; border: 1px #535353 solid; border-radius:5px;  z-index: 1;}
#footer .family_link .family_link_list li{border-bottom: 1px solid rgba(255,255,255,0.15);}
#footer .family_link .family_link_list li:last-child{border-bottom:none;}
#footer .family_link .family_link_list li a{position: relative; display: block; height: 40px; line-height: 40px; padding: 0 16px; font-size: 14px; color: #bbb; text-align: left; transition: 0.3s;}
#footer .family_link .family_link_list li a:hover{color:white;}
#footer .family_link .family_link_list{overflow-y:scroll; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; overflow-x: hidden; /* Firefox */}
#footer .family_link .family_link_list::-webkit-scrollbar{display: block; /* Chrome, Safari, Opera*/}
#footer .family_link .family_link_list::-webkit-scrollbar{width: 4px; height: 6px;}
#footer .family_link .family_link_list::-webkit-scrollbar-track{background-color: #eee;}
#footer .family_link .family_link_list::-webkit-scrollbar-thumb{border-radius: 3px; background-color:#9f9f9f;}
#footer .family_link .family_link_list::-webkit-scrollbar-button{width: 0; height: 0;}
#footer .family_link .family_link_list.hide{display:none;}

#footer .bottom_field{background-color:white; padding: 73px 0 66px 0;}
#footer .f_logo_zone{display: flex; flex-wrap: wrap;}
#footer .f_logo_zone .f_logo{display:inline-block; width:332px; height: 26px; background: url(../images/layout/logo.png) center no-repeat; background-size: 332px 26px; font-size:0; line-height:0;}
#footer .f_info_detail_zone{margin-top: 29px;}
#footer .f_info_detail_zone .info_detail{display:flex; flex-wrap:wrap; color:black; font-size:15px; line-height:1; letter-spacing:-0.5px;}
#footer .f_info_detail_zone .info_detail .address{position:relative; padding-right:11px;}
#footer .f_info_detail_zone .info_detail .address:before{
    content: "";
	width:1px;
	height:8px;
    position:absolute;
    bottom:5px;;
    right: 0; 
	background-color:#c7c7c7;
}
#footer .f_info_detail_zone .info_detail .call{margin-left:10px;}
#footer .f_info_detail_zone .copy{color:#8f8f8f; font-size:15px; letter-spacing:-0.25px; font-weight:500; line-height:1.2; margin-top:5px;}

#footer .top_btn{position: absolute; top: 0; right:0; display: flex; align-items: center; justify-content: center; width:67px; height:67px; background-color: #676767; border-radius:100%; z-index: 50; -webkit-transition: all ease 0.3s;  transition: all ease 0.3s; }
#footer .top_btn span{position:relative; font-size:15px; color:white; font-weight:600; padding-top:12px; margin-top: 1px;}
#footer .top_btn span:before{
    content: "";
    width: 10px;
    height: 6px;
    background: url(../images/layout/top_btn_arrow.svg) center no-repeat;
	background-size:10px 6px;
    position: absolute;
    top: 0;
	left: 50%;
    transform: translate(-50%, 0);
}
#footer .top_btn:hover{background-color: #314ecb; box-shadow: 3px 3px 10px hsl(0deg 0% 0% / 20%);}

    /* 미디어쿼리 시작 */
    @media (max-width: 1800px){
		#footer .inner{padding: 0 40px;}
       #footer .top_btn{right:40px;}
    }
    @media (max-width: 1440px){
       #footer .top_field{height:73px;}
    }
    @media (max-width: 1200px){
		#footer .inner{padding: 0 25px;}
		#footer .f_menu > li {margin-right: 43px;}
		#footer .bottom_field {padding: 63px 0 56px 0;}
	}
    @media (max-width: 1024px){
		#footer .family_link .family_link_list{max-height: 229px; scrollbar-width: auto;}
		#footer .top_btn{width: 59px; height: 59px;}
		#footer .top_btn span{font-size: 14px; padding-top: 10px; font-weight:500;}
	}
    @media (max-width: 950px){
		#footer .bottom_field{padding:53px 0 35px 0}
		#footer .f_menu > li{margin-right:20px;}
		#footer .f_menu > li > a{font-size:15px; letter-spacing:-0.5px;}
		#footer .f_logo_zone{justify-content: center;}
		#footer .f_info_detail_zone{margin-top:25px;}
		#footer .f_info_detail_zone .info_detail{justify-content: center;}
		#footer .f_info_detail_zone .copy{text-align:center; margin-top:18px; font-weight:400;}
	}
    @media (max-width: 768px){
		#footer .top_field{height: auto; padding-top:28px;}
		#footer .top_field > .inner{flex-wrap:wrap;}
		#footer .f_menu{width:100%; gap:5px; flex-wrap:wrap;}
		#footer .f_menu > li{width:calc((100% - 10px) / 3); height:40px; border:1px #313131 solid; margin-right:0;}
		#footer .f_menu > li:nth-child(1){margin-bottom:5px;}
		#footer .f_menu > li:nth-child(2){margin-bottom:5px;}
		#footer .f_menu > li > a{display:inline-flex; align-items: center; justify-content: center; width:100%; height:100%; font-weight:400;}
		#footer .family_link{width:100%;  height:45px; margin-top:12px;}
		#footer .family_link .family_link_list_default{border:1px #313131 solid; border-radius:5px;}
		#footer .bottom_field{background-color:#111111; padding: 38px 0 40px 0;}
		#footer .f_logo_zone .f_logo{background: url(../images/layout/logo_white.png) center no-repeat; background-size: 332px 26px;}
		#footer .f_info_detail_zone .info_detail{color:#b9b9b9;}
		#footer .f_info_detail_zone .info_detail .address:before{background-color: #505050;}
		#footer .f_info_detail_zone .copy{width:90%; font-size:14px; margin: 18px auto 0 auto;}
		#footer .top_btn{display:none;}
	}
    @media (max-width: 680px){
		#footer .inner{padding: 0 15px;}
	}
    @media (max-width: 600px){
		#footer .f_logo_zone .f_logo{width: 285px; height: 22px; background-size: 285px 22px;}
		#footer .f_info_detail_zone{margin-top: 20px;}
		#footer .f_info_detail_zone .info_detail{font-size:14px; line-height:1.3;}
		#footer .f_info_detail_zone .copy{font-size:13px; margin: 16px auto 0 auto;}
	}
    @media (max-width: 450px){
		#footer .f_menu > li > a{padding-top:1px;}
		#footer .f_menu > li:nth-child(3){width:100%; margin-bottom: 5px;}
		#footer .f_menu > li:nth-child(4){width:100%;}
	}
    @media (max-width: 340px){
		#footer .f_logo_zone .f_logo{width:255px; height:20px; background-size:contain;}
		#footer .f_info_detail_zone {margin-top: 15px;}
		#footer .f_info_detail_zone .copy{margin-top:11px;}
	}
    /* 미디어쿼리 끝 */
/* 푸터 끝 */


/* 탭 */
.tab_box {margin-bottom:50px; width:50%; margin:0 auto;}
.tab_box ul {display: flex; }
.tab_box ul li {display: flex;  background-color: #ddd; padding:17px 20px; font-size:22px; color:#004fa6;}
.tab_box ul li a {color:#004fa6;}
.tab_box ul li.on {background-color: #004fa6;}
.tab_box ul li.on a {color:#fff}

.col2 {width:50%;}
.col3 {width:33%}
.col4 {width:25%}

/*탭 끝 */

/* 2025 06 23 로그아웃,마이페이지 버튼 추가 */
.member_btn {display: none;/*display: flex; gap:2px;*/}
.member_btn a:hover{color:#fff;}

/* 2025 07 01 예약신청 비밀번호 팝업 */
.layer-popup {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.5);}
.layer-content {background: #fff; max-width: 420px; width: 100%; max-height: 200px; height: 100%;}
.layer-content .popup_tp{width: 100%; height: 55px; display: flex; background-color: #353c47; justify-content: space-between;}
.layer-content h3 {margin-left: 17px; color: #fff; font-size: 20px; font-weight: 400; line-height: 55px;}
.layer-popup .layer-content .popup_tp button.btn-close{background: url(../images/ui/ico_close.svg) center no-repeat; margin: 12.5px; width: 30px; font-size: 0; color: transparent; transition: 0.3s;}
.layer-popup .layer-content .popup_tp button.btn-close:hover{background-color: #000;}
.layer-popup .layer-content .popup_wrap{margin: 25px 17px 0 17px;}
.layer-popup .layer-content .popup_wrap p{font-size: 16px; margin-bottom: 25px;}
.layer-popup .layer-content .popup_wrap .popup_res_pw{display: flex; width: 100%;}
.layer-popup .layer-content .popup_wrap .popup_res_pw input{height: 50px; width: 80%;}
.layer-popup .layer-content .popup_wrap .popup_res_pw button.btn-confirm{height: 50px; width: 20%; background-color: #353c47; color: #fff; font-size: 16px; transition: 0.3s;}
.layer-popup .layer-content .popup_wrap .popup_res_pw button.btn-confirm:hover{background-color: #000;}

/* 예약신청view페이지 레이아웃 */
table.res_view{height: 60px; line-height: 40px; padding-left: 19px; border-right: none !important;}
div.res_view_btn{margin-top: 60px !important;}

/* 2025 07 02 예약신청화면 사용자 소속 검색기능 추가 */
td.division_src{display: flex; border-bottom: none !important; border-left: none !important;}
td.division_src input.w50{width: 50% !important;}
td.division_src button.btn_st{height: 42px !important; line-height: 42px !important; min-width: 30%;}

.src_popup{max-height: 445px !important;}
.src_popup .popup_wrap{margin: 12px 0 12px 0 !important;}
.src_popup .popup_wrap .popup_hd{margin: 0 17px 10px 17px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);}
.src_popup .popup_wrap p{font-size: 15px; margin-bottom: 12px !important;}
.popup_search_box{position:relative; width: 100%;}
.popup_search_box input[type="text"]{width: 100%; border: none; border-bottom: 2px solid #353C47; font-size: 16px;}
.popup_search_box button.btn-confirm{position: absolute; top: 3px; right: 0; width:30px; height:30px; background: url(../images/ui/ico_search_gray.png) center no-repeat; font-size: 0; color: transparent; background-size: 20px;}
.src_popup .popup_wrap .popup_cont_wrap{background: #f4f4f4; width: 100%; height: 230px; padding: 14px 20px 0 20px; overflow-y: auto}
.src_popup .popup_wrap .popup_cont_wrap ul{display: flex; flex-direction: column; gap: 5px;}
.src_popup .popup_wrap .popup_cont_wrap ul li.popup_list_row{width: 100%; background: #fff; height: 64px; display: flex; align-items: center; padding: 0 17px 0 17px; position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.src_popup .popup_wrap .popup_cont_wrap ul li.popup_list_row span.pop_company-name{font-size: 16px; font-weight: 600; margin-left: 17px;}
.src_popup .popup_wrap .popup_cont_wrap ul li.popup_list_row span.dept{font-size: 14px; position: absolute; display: inline-block; top: 50%; left: 50%; transform: translateY(-50%); padding: 0 17px; line-height: 28px; vertical-align: middle;}
.src_popup .popup_wrap .popup_cont_wrap ul li.popup_list_row::after{content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 1px; height: 28px; background: #d9d9d9; transform: translateX(-50%) translateY(-50%);}
.src_popup .popup_wrap .popup_ft{padding: 10px 17px; height:70px; box-shadow: 0 -1px 6px rgba(0, 0, 0, 0.1);}
.src_popup .popup_wrap .popup_ft button.btn-confirm{height: 100%; width: 100%; background-color: #353c47; color: #fff; font-size: 16px; transition: 0.3s;}
.src_popup .popup_wrap .popup_ft button.btn-confirm:hover{background-color: #000;}

/* 20250715 로그인 추가사항 */
#gnb .mobile_only > a {display: none;}

/* 20250721 사이트맵 작업중 */
#header div#pc_gnb{position: fixed;top: 0; right: -100%; width: 100%; height: 100%; background: #fff; z-index: 99; font-size: 0;}
#header.open_p div#pc_gnb{right:0; transition: right 0.5s ease;}
div.left_side div#pc_gnb div.pc_only{position: absolute; right: 40px; top: 60px;}
div.left_side div#pc_gnb div.pc_only button.close_btn{display: inline-block; width:50px; height: 50px; background: url(../images/layout/close_pc_icon.svg) center no-repeat; transition:0.3s; background-size: cover;}
div.left_side div#pc_gnb div.pc_only button.close_btn span{color: transparent; font-size: 0;}
div.left_side div#pc_gnb div.sitemap{height: 100%;}
div.left_side div#pc_gnb div.sitemap div.site_cont{height: 100%;}
div.left_side div#pc_gnb div.site_cont ul{display: flex; height: 100%;}
div.left_side div#pc_gnb div.site_cont ul > li{width: calc(100% / 4); padding: 80px 40px; border-right: 1px solid #e0e0e0; transition: background 0.3s ease-out;}
div.left_side div#pc_gnb div.site_cont ul > li:hover{background-color: rgba(0, 83, 165, 0.98);}
div.left_side div#pc_gnb div.site_cont ul > li div strong{display: block; margin-bottom: 20px; padding-bottom: 30px; font-size: 33px; color: #222; border-bottom: 2px solid #222;}
div.left_side div#pc_gnb div.site_cont ul > li:hover div strong{color: #fff; border-bottom: 2px solid #fff;}
div.left_side div#pc_gnb div.site_cont ul > li div ol{height: 630px;}
div.left_side div#pc_gnb div.site_cont ul > li div ol > li{letter-spacing: -0.8px; color: #444; font-size: 20px; line-height: 45px; transition: 0.3s;}
div.left_side div#pc_gnb div.site_cont ul > li div ol > li a{color: #444;}
div.left_side div#pc_gnb div.site_cont ul > li:hover div ol > li a{color: #fff;}
div.left_side div#pc_gnb div.site_cont ul > li div ol > li:hover{transform: translateX(20px);}


/* 20250901 강의실1, 강의실2, 문의게시판 캐챠추가 */
.cacha_box{background: #fcfcfc; border: 1px solid #d9d9d9; display: flex; gap: 20px; padding: 20px 30px; margin-bottom: 50px;}
.cacha_box .cacha_table{display: table;}
.cacha_box .cacha_table .cacha_img{display: table-cell; width: 150px; height: 60px; border-right: 1px solid #ccc; background: #f8f8f9; color: #444468; font-weight: 500; vertical-align: middle;}
.cacha_box .cacha_table .cacha_img img{height: 61px;}
.cacha_box .cacha_table .cacha_txt{display: table-cell; vertical-align: middle; padding: 9px; text-align: left; background: #fff;  border: 1px solid #d9d9d9;  border-left: none;}
.cacha_box .cacha_table .cacha_txt input[type="text"]{height: 43px;}
.cacha_box .cacha_txt{padding: 7px;}
.cacha_box .cacha_txt .table_footer{color: #666 !important;}
@media (max-width: 1024px){
	.cacha_box .cacha_table .cacha_txt input[type="text"]{width: 200px !important;}
}
@media (max-width: 950px){
	.cacha_box .cacha_txt .table_footer{font-size: 15px !important;}
	
}
@media (max-width: 840px){
	.cacha_box{gap: 15px; padding: 10px 12px;}
}
@media (max-width: 620px){
	.cacha_box{flex-direction: column; gap: 10px; padding: 9px 12px;}
	.cacha_box .cacha_table .cacha_txt{width: 100% !important; padding: 9px !important;}
	.cacha_box .cacha_table .cacha_txt input[type="text"]{width: 100% !important;}
}