@charset "UTF-8";
@import url('./reset.css');

html.no-scroll, body.no-scroll{overflow: hidden;}
/* aos */
[data-aos=fade-up]{transform: translate3d(0, 80px, 0);}
[data-aos][data-aos][data-aos-easing=new-easing], body[data-aos-easing=new-easing] [data-aos]{transition-timing-function: cubic-bezier(0,0,0.5,1)}
/* //aos */


/****************************** icon ******************************/
.icon{display: inline-block;background-repeat: no-repeat;background-position: center center;}
.icon_progress_logo{width: 70px;height: 35px;background-image: url('../images/main/icon_progress_logo.svg');background-size: cover;}
.icon_pg_prev{width: 45px;height: 45px;background-image: url('../images/icon/icon_pg_prev.svg');background-size: 45px 45px;transition: background-image .2s ease-in-out;border-radius: 50%;}
.icon_pg_prev:hover{background-image: url('../images/icon/icon_pg_prev_on.svg');background-size: cover;}
.icon_pg_next{width: 45px;height: 45px;background-image: url('../images/icon/icon_pg_next.svg');background-size: 45px 45px;transition: background-image .2s ease-in-out;border-radius: 50%;}
.icon_pg_next:hover{background-image: url('../images/icon/icon_pg_next_on.svg');background-size: cover;}

.icon_more_arr{width: 32px;height: 18px;background-image: url('../images/icon/icon_more_arr.svg');background-size: cover;}
.icon_home{width: 30px;height: 30px;background-image: url('../images/icon/icon_home_b.svg');background-size: cover;}
.icon_btn_srh{width: 24px;height: 24px;background-image: url('../images/icon/icon_btn_srh.svg');background-size: cover;}

.icon_quick_menu_01{width: 100px;height: 106px;background-image: url('../images/icon/icon_quick_menu_01.svg');background-size: cover;}
.icon_quick_menu_02{width: 100px;height: 101px;background-image: url('../images/icon/icon_quick_menu_02.svg');background-size: cover;}
.icon_quick_menu_03{width: 100px;height: 112px;background-image: url('../images/icon/icon_quick_menu_03.svg');background-size: cover;}
.icon_quick_menu_04{width: 100px;height: 100px;background-image: url('../images/icon/icon_quick_menu_04.svg');background-size: cover;}

.icon_location{width: 36px;height: 36px;background-image: url('../images/icon/icon_location.svg');background-size: cover;}
.icon_subway{width: 36px;height: 36px;background-image: url('../images/icon/icon_subway.svg');background-size: cover;}

.paging_prev{width: 8px;height: 14px;background-image: url('../images/icon/pg_prev_btn.svg');}
.paging_next{width: 8px;height: 14px;background-image: url('../images/icon/pg_next_btn.svg');}

@media (max-width: 1440px){
    .icon_pg_prev{width: 40px;height: 40px;background-size: 40px 40px;}
    .icon_pg_next{width: 40px;height: 40px;background-size: 40px 40px;}
}
@media (max-width: 1100px){
    .icon_more_arr{width: 24px;height: 13px;}
    .icon_home{width: 20px;height: 20px;}
    .icon_location{width: 30px;height: 30px;}
    .icon_subway{width: 30px;height: 30px;}
}


#wrap{padding-top: 80px;}
#wrap.main{padding-top: 0;}

@media (max-width: 1100px){
    #wrap{padding-top: 60px;}
}

/****************************** header ******************************/
#header{width: 100%;height: 80px;position: fixed;left: 0;top: 0;right: 0;z-index: 200;transform: translateY(0);transition: transform .45s;}
#header .hd_wrap{height: 100%;background-color: #fff;}
/* #header.hide .hd_wrap{transform: translateY(-80px);} */
#header .hd_inner{width: 100%;max-width: 1440px;height: 100%;margin: 0 auto;padding: 0 20px;display: flex;align-items: center;flex-wrap: nowrap;}
#header .hd_inner::before{content: '';display: block;width: 100%;height: 1px;background-color: var(--c-d-tundora);position: absolute;left: 0;right: 0;bottom: 0;z-index: 200;}
#header .hd_left{flex: 0 0 auto;}
#header .hd_right{flex: 1;}

#header #logo{}
#header #logo > a{display: block;width: 180px;height: 25px;}

#header #gnb{width: 100%;display: flex;align-items: center;justify-content: center;}
#header #gnb .menu_list{display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;flex: 0 0 auto;position: relative;z-index: 201;}
#header #gnb .menu_list > li{padding: 0 40px;position: relative;}
#header #gnb .menu_list > li:after{content: '';width: 0;height: 9px;background-color: #FFCC00;border-radius: 8px;position: absolute;left: 50%;bottom: 1px;z-index: 201;transform: translateX(-50%);transition: width .4s ease;}
#header #gnb .menu_list > li:hover:after{width: 30px;}
#header #gnb .menu_list > li > a{display: block;font-family: 'Title', sans-serif;font-size: 20px;font-weight: 500;line-height: 80px;color: var(--c-tundora10);}
#header #gnb .menu_list > li.active > a,
#header #gnb .menu_list > li:hover > a{color: #FFCC00;}

#header #gnb .sub_menu{height: 0;padding: 20px 0 0;opacity: 0;position: absolute;left: 0;right: 0;top: 60px;z-index: 201;transition: opacity .6s ease .15s, top .6s ease .15s;pointer-events: none;overflow: hidden;}
#header #gnb .sub_menu.sub_on{display: block;height: 300px;opacity: 1;top: 100%;pointer-events:visible}

#header #gnb .sub_menu > li{text-align: center;}
#header #gnb .sub_menu > li + li{margin-top: 10px;}
#header #gnb .sub_menu > li > a{display: inline-block;font-size: 16px;font-weight: 500;line-height: 24px;color: var(--c-tundora100);text-align: center;position: relative;}
#header #gnb .sub_menu > li > a::before{content : '';width: 0;height: 1px;background-color: var(--c-tundora100);position: absolute;left: 0;bottom: 0;right: 0;transition: width .4s ease;}
#header #gnb .sub_menu > li.active > a,
#header #gnb .sub_menu > li:hover > a{color: #FFCC00;}
#header #gnb .sub_menu > li.active > a::before,
#header #gnb .sub_menu > li:hover > a::before{width: 100%;background-color: #FFCC00;}

#header #hamBtn{display: none;width: 30px;height: 20px;}

#hamBtn .ham_menu,
#hamBtn .ham_menu span{display: inline-block;transition: all .4s;box-sizing: border-box;}
#hamBtn .ham_menu{position: relative;width: 30px;height: 20px;background: none;border: none;appearance: none;cursor: pointer;}
#hamBtn .ham_menu span{position: absolute;left: 0;width: 100%;height: 2px;background-color: var(--c-d-tundora);border-radius: 2px;}
#hamBtn .ham_menu span:nth-of-type(1){top: 0;}
#hamBtn .ham_menu span:nth-of-type(2){top: 9px;}
#hamBtn .ham_menu span:nth-of-type(3){bottom: 0;}
#hamBtn.active span:nth-of-type(1){transform: translateY(9px) rotate(-45deg);}
#hamBtn.active span:nth-of-type(2){opacity: 0;}
#hamBtn.active span:nth-of-type(3){transform: translateY(-9px) rotate(45deg);}

#header .sub_menu_bg{position: absolute;left: 0;top: 100%;right: 0;width: 100%;height: 0;background-color: #fff;transition: height .45s ease;pointer-events: none;}
#header .sub_menu_bg.bg_on{height: 300px;pointer-events: visible;}

@media (max-width: 1100px){
    #header{height: 60px;}
    #header .hd_inner{justify-content: space-between;}
    #header .hd_right{flex: 0 0 auto;}

    #header #logo > a{width: 166px;height: 23px;}
    #header #gnb{display: none;}
    #header #hamBtn{display: block;}
}

/****************************** allMenu ******************************/
#allMenu_mo{display: none;visibility: hidden;z-index: 200;position: fixed;top: 60px;left: 0;right: 0;bottom: 0;width: 100%;height: 0;background: #fff;overflow: hidden;-webkit-transition: all .5s ease;transition: all .5s ease;}
#allMenu_mo.open{visibility: visible;height: 100%;}
#allMenu_mo .aside_inner{width: 100%;height: 100%;}
#allMenu_mo .allMenu_wrap{width: 100%;height: 100%;max-height: calc(100% - 60px);overflow-y: auto;}
#allMenu_mo .allMenu_list{}
#allMenu_mo .allMenu_list > .menu_item{}
#allMenu_mo .allMenu_list > .menu_item .depth1_item{}
#allMenu_mo .allMenu_list > .menu_item .depth1_item{display: block;width: 100%;padding: 25px 20px;font-size: 20px;font-weight: 500;line-height: 26px;color: var(--c-tundora100);text-align: left;position: relative;}
#allMenu_mo .allMenu_list > .menu_item .depth1_item.active:after{transform: translateY(-50%) rotate(-180deg);}
#allMenu_mo .allMenu_list > .menu_item .depth2_menu_list{padding: 10px 0;background-color: #f7f7f7;}
#allMenu_mo .allMenu_list > .menu_item .depth2_item{padding: 10px 20px;}
#allMenu_mo .allMenu_list > .menu_item .depth2_item > a{font-size: 16px;font-weight: 300;line-height: 24px;color: var(--c-d-tundora);}
#allMenu_mo .depth2_menu_list{display: none;}

@media (max-width: 1100px){
    #allMenu_mo{display: block;}
}

/****************************** footer ******************************/
#footer{border-top: 1px solid var(--c-d-tundora);}
#footer .ft_inner{width: 100%;max-width: 1440px;margin: 0 auto;padding: 24px 20px 28px;box-sizing: border-box;}

#footer #ft_logo{}
#footer #ft_logo > a{display: block;width: 180px;height: 25px;background-image: url('/common/0.png');background-repeat: no-repeat;background-size: cover;background-position: center center;}

#footer .info_box{margin-top: 8px;padding-left: 40px;}
#footer .info_box .info_line + .info_line{margin-top: 4px;}
#footer .info_box .info_txt{display: inline-block;font-size: 12px;font-weight: 400;line-height: 18px;color: #666;}
#footer .info_box .slash{display: inline-block;width: 1px;height: 14px;background-color: #666;}

#footer .info_box .info_company{display: flex;align-items: center;column-gap: 6px;}
#footer .info_box .info_number{display: flex;align-items: center;column-gap: 12px;}

#footer .info_box .copyright{margin-top: 4px;font-size: 12px;font-weight: 400;line-height: 18px;color: #666;}


@media (max-width: 1100px){
    #footer .info_box{margin-top: 16px;padding-left: 0;}
    #footer .info_box .info_line + .info_line{margin-top: 8px;}
    #footer .info_box .info_company{flex-wrap: wrap;}
    #footer .info_box .info_number{flex-wrap: wrap;}
}
@media (max-width: 600px){
    #footer .info_box .slash{display: none;}
}

/****************************** pageTit ******************************/
#pageTit{background-repeat: no-repeat;background-size: cover;background-position: center center;}
#pageTit .tit_inner{width: 100%;max-width: 1440px;height: 300px;margin: 0 auto;padding: 0 20px;display: flex;align-items: center;justify-content: flex-start;flex-wrap: nowrap;}
#pageTit .tit{font-family: 'Title', sans-serif;font-size: 54px;font-weight: 700;line-height: 1.45;color: #fff;}
@media (max-width: 1100px){
    #pageTit .tit_inner{height: 200px;}
    #pageTit .tit{font-size: 36px;line-height: 56px;}
}
@media (max-width: 600px){
    #pageTit .tit{font-size: 30px;line-height: 50px;}
}
/****************************** pageNavi ******************************/
#breadCrumb{}
#breadCrumb .bread_inner{width: 100%;max-width: 1440px;margin: 0 auto;padding: 20px;}
#breadCrumb .bread_list{display: flex;align-items: center;flex-wrap: nowrap;column-gap: 10px;}
#breadCrumb .bread_list > li{display: flex;align-items: center;column-gap: 10px;font-size: 16px;font-weight: 500;line-height: 24px;color: var(--c-tundora10);}
#breadCrumb .bread_list > li.now{color: var(--c-d-tundora);}
#breadCrumb .bread_list > li + li::before{content: '-';display: inline-block;font-size: 16px;font-weight: 500;line-height: 24px;color: var(--c-tundora10);}

@media (max-width: 1100px){
    #breadCrumb .bread_inner{padding: 15px 20px;}
    #breadCrumb .bread_list{gap: 8px;}
    #breadCrumb .bread_list > li{gap: 8px;font-size: 14px;line-height: 20px;}
    #breadCrumb .bread_list > li + li::before{font-size: 14px;line-height: 20px;}
}

/****************************** pageNavi ******************************/
#pageNavi{position: sticky;top: 80px;z-index: 150;}
#pageNavi .navi_inner{width: 100%;max-width: 1440px;margin: 0 auto;padding: 30px 20px 40px;background-color: transparent;display: flex;align-items: center;justify-content: center;}
#pageNavi .navi_subject{display: none;}

#pageNavi .navi_list{display: flex;align-items: center;flex-wrap: nowrap;padding: 10px;border-radius: 100px;overflow: hidden;background-color: #fff;box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);}
#pageNavi .navi_item{}
#pageNavi .navi_item > a{display: block;padding: 0 16px;font-size: 16px;font-weight: 500;line-height: 40px;color: var(--c-tundora100);background-color: #fff;border-radius: 100px;overflow: hidden;}
#pageNavi .navi_item.active > a{font-weight: 700;color: #fff;background-color: var(--c-d-tundora);}

@media (max-width: 1100px){
    #pageNavi{top: 60px;}
    #pageNavi .navi_inner{padding: 20px;max-width: 100%;overflow: hidden;}
}
@media (max-width: 600px){
    #pageNavi .navi_tab{max-width: 100%;}
    #pageNavi .navi_list{max-width: 100%;overflow-x: auto;}
    #pageNavi .navi_item > a{font-size: 14px;line-height: 30px;white-space: nowrap;}
}
/****************************** dim ******************************/
.dim{z-index: -1;position: fixed;top: 0;left: 0;right: 0;bottom: 0;opacity: 0;}
.dim.dimed{z-index: 199;background: rgba(0, 0, 0, 0.6);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);opacity: 1;}


/****************************** layout ******************************/
#container{padding-bottom: 70px;position: relative;}
#wrap.main #container{padding-bottom: 0;}

#contents{}
#contents .cnt_wrap{}
#contents .cnt_wrap .cnt_inner{width: 100%;max-width: 1440px;margin: 0 auto;padding: 0 20px;}

/****************************** search_frm ******************************/
.frm_srh_box{}
.frm_srh_box .frm_box{width: 100%;max-width: 1130px;margin: 0 auto;padding: 10px;background-color: #B5ADA4;display: flex;align-items: center;flex-wrap: nowrap;gap: 10px;border-radius: 8px;overflow: hidden;}
.frm_srh_box .frm_inp{flex: 1;}
.frm_srh_box .frm_inp input{width: 100%;height: 60px;padding: 0 20px;font-size: 16px;font-weight: 500;line-height: 58px;color: var(--c-d-tundora);border: 1px solid #B5ADA4;border-radius: 4px;box-sizing: border-box;}
.frm_srh_box .frm_inp input::placeholder{font-size: 16px;line-height: 58px;}
.frm_srh_box .frm_btn{flex: 0 0 auto;width: 100%;max-width: 180px;}
.frm_srh_box .frm_btn button{width: 100%;height: 60px;display: flex;align-items: center;justify-content: center;flex-wrap: nowrap;gap: 10px;}
.frm_srh_box .frm_btn button span{flex: 0 0 auto;display: inline-block;font-size: 18px;font-weight: 500;line-height: 26px;color: #fff;}
.frm_srh_box .frm_btn button .icon{flex: 0 0 auto;}

@media (max-width: 1100px){

}
@media (max-width: 600px){
    .frm_srh_box .frm_box{}
    .frm_srh_box .frm_inp{width: 100%;}
    .frm_srh_box .frm_inp input{height: 50px;line-height: 48px;}
    .frm_srh_box .frm_btn{max-width: 80px;}
    .frm_srh_box .frm_btn button{height: 50px;}
    .frm_srh_box .frm_btn button span{font-size: 16px;line-height: 24px;}
}

/****************************** paging ******************************/
.paging{margin-top: 30px;display: flex;align-items: center;justify-content: center;gap: 20px;}
.paging .paging_btn{width: 34px;height: 34px;background-color: #fff;border: 1px solid var(--c-d-tundora);border-radius: 4px;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.paging ul{display: flex;align-items: center;justify-content: center;gap: 16px;}
.paging ul > li{width: 34px}
.paging ul > li > a{display: block;font-size: 16px;font-weight: 500;line-height: 34px;color: #999;text-align: center;position: relative;}
.paging ul > li.current > a{font-size: 20px;font-weight: 700;color: var(--c-d-tundora);}
.paging ul > li.current > a:after{content: '';display: block;width: 100%;height: 4px;background-color: #FFCC00;border-radius: 4px;position: absolute;left: 0;bottom: 0;}

@media (max-width: 1100px){

}
@media (max-width: 600px){
    .paging{gap: 16px;}
    .paging .paging_btn{width: 28px;height: 28px;}
    .paging ul{gap: 10px;}
    .paging ul > li{width: 28px;}
    .paging ul > li > a{font-size: 14px;line-height: 28px;}
    .paging ul > li.current > a{font-size: 16px;}
}


/****************************** config ******************************/
#mBot{
    padding-bottom: 70px;
}
.lgnWrap { width: 100%; max-width: 500px; margin: 0 auto; }
.mbTile { padding: 50px 0; text-align: center; line-height: 1.2em; color: #000; font-size: 28pt; font-weight: 700; letter-spacing: -0.075em; }
.lgnMenu { margin-top: 50px; }
.lgnMenu dl:first-child { margin-bottom: 10px; }
.lgnMenu dt { float: left; white-space: nowrap; height: 50px; line-height: 50px; font-size: 12pt; font-weight: 300; }
.lgnMenu dd { float: right; }
.lgnMenu dl:first-child dd a { color: #0d4a99; border-color: #0d4a99; }
#config { height: 50px; }
input[type='text'], input[type='password'], input[type='name'], input[type='tel'], input[type='search'], input[type='email'], input[type='number'] { height: 50px; font-family: inherit; font-size: 12pt; margin: 0; background: #fff; padding-left: 10px; vertical-align: middle; box-sizing: border-box; border: 1px solid #cbcbcb; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; max-width: 100%; }
.lgnMenu dd a { display: block; height: 50px; line-height: 48px; text-align: center; width: 190px; border: solid 1px #ccc; color: #515151; font-size: 12pt; }
.lgnMenu dl:after { content: ""; display: table; clear: both; }