@charset "UTF-8"; 
html.allmenu_opened, 
body.allmenu_opened{overflow: hidden;}
/* **************************** S:header **************************** */
#header{
    width: calc(100% - 60px);margin: 0 auto;box-sizing: border-box;
    position: fixed;top: 30px;left: 0;right: 0;z-index: 300;
    transition: width .4s, top .4s;
    -webkit-transition: width .4s, top .4s; /* Safari, Chrome */
    -moz-transition: width .4s, top .4s; /* Firefox */
    -o-transition: width .4s, top .4s; /* Opera */
}
#header.scrolled{width: 100%;top: 0;}
#header .hd_inner{
    width: 100%;height: 102px;padding-left: 30px;padding-right: 30px;
    box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, .09);background-color: var(--color-white);border-radius: 8px;box-sizing: border-box;
    position: relative;
    transition: border-radius .4s;
    -webkit-transition: border-radius .4s; /* Safari, Chrome */
    -moz-transition: border-radius .4s; /* Firefox */
    -o-transition: border-radius .4s; /* Opera */
}
#header.scrolled .hd_inner{border-radius: 0;}
#header:not(.scrolled).menu_open .hd_inner{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}

#header #logo{position: absolute;left: 30px;top: 50%;transform: translateY(-50%);}
#header #logo > a{display: block;width: auto;height: 46px;}
#header #logo > a > img{width: auto;height: 100%;}

#header #gnb{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;column-gap: 0;}
#header .gnb_list{}
#header .gnb_item{}
#header .gnb_link{display: inline-block;font-size: var(--fs-18);font-weight: 500;line-height: var(--lh-26);color: var(--color-base);padding: 38px 16px;transition: color .4s;position: relative;}
#header .gnb_link::after{content: '';display: block;width: 0;height: 2px;background-color: var(--color-blue);position: absolute;left: 0;bottom: 0;right: 0;transition: width .4s;}
#header .gnb_item:hover .gnb_link{color: var(--color-blue);}
#header .gnb_item:hover .gnb_link::after{width: 100%;}
/* #header .gnb_item:first-child .gnb_link{padding-left: 0;}
#header .gnb_item:last-child .gnb_link{padding-right: 0;} */

#header .depth2_list{
    display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;gap: 20px;
    padding: 20px 0;background-color: var(--color-white);
    border-top: 1px solid #ccc;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px;
    position: absolute;left: 0;top: 100%;right: 0;
    box-sizing: border-box;opacity: 0;transition: opacity .4s, border-radius .4s;
    visibility: hidden;
}
#header.scrolled .depth2_list{border-bottom-left-radius: 0;border-bottom-right-radius: 0;}
#header .gnb_item:hover .depth2_list{opacity: 1;visibility: visible}
#header .depth2_list .depth2_item{}
#header .depth2_list .depth2_item .depth2_link{padding-left: 10px;font-size: var(--fs-16);font-weight:500;line-height: var(--lh-24);color: var(--color-base);white-space: nowrap;position: relative;transition: color .4s;}
#header .depth2_list .depth2_item .depth2_link::before{content: '';display: block;width: 4px;height: 4px;background-color: var(--color-blue);border-radius: 50%;box-sizing: border-box;position: absolute;left: 0;top: 10px;}
#header .depth2_list .depth2_item .depth2_link:hover{color: var(--color-blue);}

#header #utillMenu{position: absolute;right: 30px;top: 50%;transform: translateY(-50%);display: flex;align-items: center;flex-wrap: nowrap;gap: 20px;}
#header #utillMenu .user_menu{display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
#header #utillMenu .user_menu .user_item{padding-right: 10px;position: relative;}
#header #utillMenu .user_menu .user_item::after{content: '';display: block;width: 1px;height: 12px;background-color: #dfdfdf;position: absolute;right: 0;top: 5px;}
#header #utillMenu .user_menu .user_item:last-child{padding-right: 0;}
#header #utillMenu .user_menu .user_item:last-child::after{display: none;}
#header #utillMenu .user_menu .user_item .user_link{font-size: var(--fs-14);font-weight: 400;line-height: var(--lh-20);color: var(--color-gray);}
#header #utillMenu .user_menu .user_item .user_link.user_mypage{display: flex;align-items: center;flex-wrap: nowrap;gap: 5px;font-weight: 500;}
#header #utillMenu .user_menu .user_item .user_link.user_mypage .icon_user{flex: 0 0 auto;width: 24px;height: 24px;background-image: url('/img/icon/icon_hd_user.svg');}
#header #hamBtn{cursor: pointer;line-height: 0;flex: 0 0 auto;}
#header #hamBtn .icon_hamburger{width: 28px;height: 28px;background-image: url('/img/icon/icon_hamburger.svg');}

@media (max-width: 1240px){
    #header #logo > a{height: 44px;}
}
@media (max-width: 1099px){
    #header{width: calc(100% - 40px);top: 20px;}
    #header .hd_inner{height: 72px;padding-left: 20px;padding-right: 20px;}
    #header #logo{left: 20px;}
    #header #logo > a{height: 42px;}
    #header #gnb{display: none;}
    #header #utillMenu{right: 20px;}
    #header #hamBtn{}
}
@media (max-width: 767px){}
@media (max-width: 599px){
    #header{width: calc(100% - 32px);top: 16px;}
    #header .hd_inner{height: 62px;padding-left: 16px;padding-right: 16px;}
    #header #logo{left: 16px;}
    #header #logo > a{height: 32px;}
    #header #utillMenu{gap: 8px;right: 16px;}
    #header #utillMenu .user_menu{gap: 8px;}
    #header #utillMenu .user_menu .user_item{padding-right: 9px;}
    #header #utillMenu .user_menu .user_item .user_link.user_mypage{gap: 3px;}
    #header #utillMenu .user_menu .user_item .user_link.user_mypage .icon_user{width: 20px;height: 20px;}
    #header #utillMenu .user_menu .user_item .user_link{font-size: var(--fs-12);}
    #header #hamBtn .icon_hamburger{width: 24px;height: 24px;}
}
@media (max-width: 340px){
    #header #utillMenu .user_menu{display: none;}
}
@media (max-width: 320px){}
/* **************************** E:header **************************** */
#allMenu{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 299;background-color: var(--color-blue);opacity: 0;pointer-events: none;transition: opacity .4s;}
#allMenu.opened{opacity: 1;}
#allMenu .allMenu_inner{width: 100%;height: 100%;max-width: 1460px;margin: 0 auto;padding: 160px 30px;box-sizing: border-box;display: flex;align-items: center;justify-content: center;visibility: hidden;pointer-events: none;}
#allMenu.opened .allMenu_inner{visibility: visible;pointer-events: visible;}
#allMenu .allMenu_inner .allMenu_cnt_box{width: 100%;max-height: 100%;overflow: hidden;overflow-y: auto;}
#allMenu .allMenu_inner .allMenu_cnt_box::-webkit-scrollbar{width: 8px;background-color: transparent;}
#allMenu .allMenu_inner .allMenu_cnt_box::-webkit-scrollbar-thumb {background-color: #fff;border-radius: 10px;}
#allMenu .allMenu_inner .allMenu_cnt_box::-webkit-scrollbar-track {background-color: transparent;}

#allMenu .allMenu_tit_box{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap;}
#allMenu .allMenu_tit_box .allMenu_tit{font-size: var(--fs-36);font-weight: 700;line-height: var(--lh-52);color: var(--color-white);}
#allMenu .allMenu_tit_box .allMenu_close_btn{display: inline-block;line-height: 0;}
#allMenu .allMenu_tit_box .allMenu_close_btn .icon_allMenu_close{width: 40px;height: 40px;background-image: url('/img/icon/allMenu_close_btn.svg');}

#allMenu .allMenu_list{margin-top: 30px;}
#allMenu .allMenu_list .allMenu_item{display: flex;align-items: flex-start;flex-wrap: nowrap;gap: 50px;width: 100%;padding: 40px 20px;box-sizing: border-box;border-top: 1px solid var(--color-white)}
#allMenu .allMenu_list .allMenu_item:last-child{border-bottom: 1px solid var(--color-white);}
#allMenu .allMenu_list .allMenu_item .allMenu_link{flex: 0 0 200px;padding-right: 50px;position: relative;font-size: var(--fs-24);font-weight: 500;line-height: var(--lh-30);color: var(--color-white);}
#allMenu .allMenu_list .allMenu_item .allMenu_link:after{content: '';display: block;width: 1px;height: 20px;background-color: var(--color-white);position: absolute;right: 0;top: calc(50% + 1px);transform: translateY(-50%);}
#allMenu .allMenu_list .allMenu_item .allMenu_depth2_list{flex: 1;display: flex;align-items: center;flex-wrap: wrap;gap: 24px;}
#allMenu .allMenu_list .allMenu_item .allMenu_depth2_link{font-size: var(--fs-18);font-weight: 400;line-height: var(--lh-30);color: var(--color-white);}

/* **************************** S:header **************************** */

@media (max-width: 1240px){
}
@media (max-width: 1099px){
    #allMenu .allMenu_inner{padding: 120px 20px;}
    #allMenu .allMenu_tit_box .allMenu_tit{font-size: var(--fs-24);line-height: var(--lh-44);}
    #allMenu .allMenu_tit_box .allMenu_close_btn .icon_allMenu_close{width: 30px;height: 30px;}

    #allMenu .allMenu_list .allMenu_item{gap: 40px;padding: 30px 20px;}
    #allMenu .allMenu_list .allMenu_item .allMenu_link{flex: 0 0 160px;padding-right: 40px;font-size: var(--fs-20);line-height: var(--lh-30);}
    #allMenu .allMenu_list .allMenu_item .allMenu_depth2_list{gap: 20px;row-gap: 10px;}
    #allMenu .allMenu_list .allMenu_item .allMenu_depth2_link{font-size: var(--fs-16);line-height: var(--lh-30);}

}
@media (max-width: 767px){}
@media (max-width: 599px){
    #allMenu .allMenu_inner{padding: 100px 16px 30px;}
    #allMenu .allMenu_tit_box .allMenu_tit{font-size: var(--fs-20);line-height: var(--lh-30);}
    #allMenu .allMenu_list{margin-top: 20px;}
    #allMenu .allMenu_list .allMenu_item{flex-direction: column;gap: 16px;padding: 20px 16px;}
    #allMenu .allMenu_list .allMenu_item .allMenu_link{flex: 1;padding-right: 0;font-size: var(--fs-18);line-height: var(--lh-26);}
    #allMenu .allMenu_list .allMenu_item .allMenu_link:after{display: none;}
    #allMenu .allMenu_list .allMenu_item .allMenu_depth2_list{gap: 10px;flex-direction: column;align-items: flex-start;}
    #allMenu .allMenu_list .allMenu_item .allMenu_depth2_link{font-size: var(--fs-14);line-height: var(--lh-20);}
}
@media (max-width: 320px){}
/* **************************** E:header **************************** */


/* **************************** S:side bar **************************** */
#sideBar{padding: 32px 16px;background-color: var(--color-white);box-sizing: border-box;overflow: hidden;border-top-left-radius: 20px;border-bottom-left-radius: 20px;position: fixed;right: 0;top: 50%;z-index: 300;transform: translateY(-50%);box-shadow: 4px 12px 30px 6px rgba(0, 0, 0, .09);}
#sideBar .side_list{}
#sideBar .side_item{}
#sideBar .side_item + .side_item{margin-top: 48px;}
#sideBar .side_item .side_btn{display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 8px;}
#sideBar .side_item .side_btn .icon_box{width: 34px;height: 30px;}
#sideBar .side_item .side_btn .icon_box.icon_side_01{background-image: url('/img/icon/icon_quick_05.svg');}
#sideBar .side_item .side_btn .icon_box.icon_side_02{background-image: url('/img/icon/icon_quick_06.svg');}
#sideBar .side_item .side_btn .icon_box.icon_side_03{background-image: url('/img/icon/icon_quick_07.svg');}
#sideBar .side_item .side_btn .btn_name{display: block;font-size: var(--fs-12);font-weight: 500;line-height: var(--lh-17);color: var(--color-base);}
@media (max-width: 1099px){
    #sideBar{padding: 24px 12px;}
    #sideBar .side_item + .side_item{margin-top: 24px;}
    #sideBar .side_item .side_btn .icon_box{width: 28px;height: 25px;}
}
@media (max-width: 767px){
    #sideBar{display: none;}
}
/* **************************** E:side bar **************************** */


/* **************************** E:footer **************************** */
#footer{background-color: var(--color-white);border-top: 1px solid #afafaf;}
#footer .ft_inner{width: 100%;max-width: 1400px;margin: 0 auto;box-sizing: border-box;}

#footer .ft_hd{width: 100%;padding: 16px 20px;box-sizing: border-box;}
#footer .ft_menu_list{display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;}
#footer .ft_menu_list .ft_menu_item{}
#footer .ft_menu_list .ft_menu_item + .ft_menu_item{padding-left: 15px;position: relative;}
#footer .ft_menu_list .ft_menu_item + .ft_menu_item::before{content: '';display: block;width: 5px;height: 5px;background-color: var(--color-gray);border-radius: 50%;box-sizing: border-box;position: absolute;left: 0;top: 7.5px;}
#footer .ft_menu_list .ft_menu_item .ft_menu{display: inline-block;font-size: var(--fs-16);font-weight: 700;line-height: var(--lh-20);color: var(--color-base);}

#footer .ft_bd{width: 100%;padding: 20px 16px;border-top: 1px solid #B6B6D5;box-sizing: border-box;}
#footer .ft_info_box{display: flex;align-items: center;flex-wrap: nowrap;gap: 50px;}
#footer .ft_info_box + .ft_info_box{margin-top: 32px;}

#footer .ft_info_box .info_left{flex: 0 0 220px;text-align: center;}
#footer .ft_info_box #ftLogo{}
#footer .ft_info_box #ftLogo > a{display: inline-block;width: auto;height: 46px;}
#footer .ft_info_box #ftLogo > a img{height: 100%;}
#footer .ft_info_box .info_tit{font-size: var(--fs-14);font-weight: 700;line-height: var(--lh-20);color: #343465;letter-spacing: -0.01em;text-align: center;}

#footer .ft_info_box .info_right{}
#footer .ft_info_box .info_top{display: flex;align-items: center;flex-wrap: wrap;gap: 8px;}
#footer .ft_info_box .info_top p{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-base);}
#footer .ft_info_box .info_top p + p{padding-left: 9px;position: relative;}
#footer .ft_info_box .info_top p + p::before{content: '';display: block;width: 1px;height: 12px;background-color: var(--color-base);position: absolute;left: 0;top: 5px;}
#footer .ft_info_box .info_bot{margin-top: 6px;display: flex;align-items: center;flex-wrap: wrap;gap: 10px;}
#footer .ft_info_box .info_bot p{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-base);}
#footer .ft_info_box .info_bot p span{display: inline;font-size: var(--fs-14);font-weight: 700;line-height: var(--lh-20);color: var(--color-black);}

#footer .ft_copyright{width: 100%;padding: 20px;border-top: 1px solid #b6b6d5;box-sizing: border-box;}
#footer .ft_copyright .copyright{font-size: var(--fs-14);font-weight: 500;line-height: var(--lh-20);color: var(--color-base);}
@media (max-width: 1099px){
    #footer .ft_info_box .info_top{gap: 6px;}
    #footer .ft_info_box .info_top p + p{padding-left: 7px;}
    #footer .ft_info_box .info_bot{margin-top: 8px;}
}
@media (max-width: 849px){
    #footer .ft_info_box{flex-direction: column;gap: 8px;align-items: flex-start;}
    #footer .ft_info_box .info_left{flex: 1;}
    #footer .ft_info_box .info_tit br{display: none;}
    #footer .ft_info_box .info_bot{gap: 6px;}
}
@media (max-width: 599px){
    #footer .ft_hd{padding: 12px 16px;}
    #footer .ft_bd{padding: 12px 16px;}
    #footer .ft_copyright{padding: 12px 16px;}
    #footer .ft_menu_list .ft_menu_item .ft_menu{font-size: var(--fs-14);line-height: var(--lh-20);}
}
@media (max-width: 319px){
    #footer .ft_info_box #ftLogo > a{height: 40px;}
    #footer .ft_menu_list{flex-wrap: wrap;}
    #footer .ft_menu_list .ft_menu_item .ft_menu{font-size: var(--fs-10);line-height: var(--lh-16);}
}
/* **************************** E:footer **************************** */


/* **************************** S:container **************************** */
#subPage #container{padding-top: 132px;background-color: #F7F8FB;}
@media (max-width: 1099px){
    #subPage #container{padding-top: 92px;}
}
@media (max-width: 599px){
    #subPage #container{padding-top: 78px;}
}
/* **************************** E:container **************************** */