@charset "utf-8";
/*공통*/
* {padding:0;margin:0;box-sizing:border-box;}

/*-----------------------------------------*/
/*head.php*/
/*-----------------------------------------*/
/*header 최상단*/
.hd-top{
    display: flex;
    justify-content: space-between;
    padding: 0 1rem;
    max-width: 1500px;
    margin: 0 auto;
    margin-bottom: 4rem;
}
.hd-top-right{
    display: flex;
    align-items: center;
}
.hd-top-right .menu > div{
    display: inline-block;
    width: 80px;
    height: 80px;
    background: url(../../img/top_menu2.png) no-repeat center / cover;
    cursor: pointer;
}


/* END : //header 최상단*/

/*상단 메뉴 관리*/
#header { 
    display: block;      
    position: fixed;
    z-index: 200;    
    width:100%;
    top:0;        
    max-width:1920px;
}
#header .color-logo{
    display: none;    
}
#header .white-logo{
    display: block;    
}
#header.header_main {
    position: absolute;
}
#header .brochure{
    border: 2px solid #fff;    
    border-radius: 0px 32px 32px 32px;
    padding: 11px 24px;
    font-size: 0.875rem;
    color: #fff;
    display: block;
}

#header .hd-nav {display: none;}
#header .hd-nav .hd-menu {
    height: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    padding-bottom: 5rem;
    border-bottom: 4px solid #1B3C8B;
}
/* START : 메뉴 1차 뎁스 */
#header .hd-nav .hd-menu li {
    width: 300px;
    text-align: center;    
}
#header .hd-nav .hd-menu .gnb_dot::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: transparent linear-gradient(88deg, #1B3C8B 0%, #534491 100%) 0% 0% no-repeat padding-box;
    border-radius: 50%;
    vertical-align: -webkit-baseline-middle;
}
#header .hd-nav .hd-menu .gnb_dot:last-child { display: none; }
#header .hd-nav .hd-menu > li > a {
    display: block;    
    font-size: 22px;
    opacity: 1;
    letter-spacing: 0px;
    font-weight: 700;
    color: #333;
    margin-bottom: 40px;
}
/* END : // 메뉴 1차 뎁스 */

/* START : 메뉴 2차 뎁스 */
#header .hd-nav .hd-menu .menu-2dp a{
    font-weight: 300;
    font-size: 1rem;
    line-height: 50px;
}
#header .hd-nav .hd-menu .menu-2dp a:hover{
    font-weight: 600;
    color:#1D3D8C;
    text-decoration: underline;
}
/* END :// 메뉴 2차 뎁스 */

/* END //상단 메뉴 관리*/

/*메뉴 오픈시*/
#header.on{
    display: block;
    background: rgb(255, 255, 255, 0.85);
}
#header.on .color-logo{
    display: block;    
}
#header.on .white-logo{
    display: none;    
}
#header.on .brochure{
    border: 2px solid #1D3D8C;   
    color: #1D3D8C; 
}

#header.on .hd-nav {display: block; overflow: hidden;}
#header.on .hd-top-right .menu > div{
    background: url(../../img/icon_close.png) no-repeat 
}

/* END //메뉴 오픈시*/





#quick-menu {display:none;}
#side-menu {position:fixed;width:80px;right:0;bottom: 0;background:#EFEFEF;z-index: 1000; border-radius: 32px 0px 0px 0px;}
#side-menu ul {}
#side-menu ul li {display:flex;align-items:center;justify-content:center;min-height:40px;}
#side-menu ul li:nth-of-type(2) {background:#000000;}
#side-menu ul li:nth-of-type(3) {background: transparent linear-gradient(134deg, #1B3C8B 0%, var(--unnamed-color-534491) 100%) 0% 0% no-repeat padding-box; background: transparent linear-gradient(134deg, #1B3C8B 0%, #534491 100%) 0% 0% no-repeat padding-box;}
#side-menu ul li:last-of-type {border-bottom:0;}
#side-menu ul .quick-responsive {display:none;}
#side-menu ul li a {display:block;width:100%;padding:25px 0;}
#side-menu ul li a .icon-wr {height:18px;display:flex;align-items: center;justify-content: center;}
#side-menu ul li a .icon-wr2 {height:30px;display:flex;align-items: center;justify-content: center;}
#side-menu ul li a .icon-wr3 {height:30px;display:flex;align-items: center;justify-content: center;}
#side-menu ul li:last-of-type a .icon-wr {height:10px;}
#side-menu ul li a .icon-wr img {height:100%;}
#side-menu ul li a .text-wr {margin-top:10px;text-align: center; display: flex;align-items: center;justify-content: center; transform: rotate(180deg);}
#side-menu ul li a .text-wr .side-tit {font-size:18px;letter-spacing: -1px; writing-mode: vertical-lr; text-orientation: sideways; color: #000;}
#side-menu ul li a .text-wr span {display:block;font-size:14px;letter-spacing: -0.42px;line-height:1.5;color:#fff;margin-top:9px;}

/*하단 footer*/
#ft {
    background: #111;
    color:#fff;
}
#ft #ft-wr {}

#ft #ft-wr .ft-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80px;    
    margin: 0 auto;
    max-width: 1640px;
    border-bottom: 1px solid rgb(255,255,255,0.2);
}
#ft #ft-wr .ft-top .ft-logo {
    font-size: 1.125rem;
    font-weight: 600;
}

#ft #ft-wr .ft-top .ft-policy {}
#ft #ft-wr .ft-top .ft-policy ul {display: flex;align-items: center;}
#ft #ft-wr .ft-top .ft-policy ul li {margin-right:30px;}
#ft #ft-wr .ft-top .ft-policy ul li:last-of-type {margin-right:0;}
#ft #ft-wr .ft-top .ft-policy ul li a {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
}

#ft #ft-wr .ft-con {
    position: relative;
    max-width: 1640px;
    width: 100%;    
    margin: 0 auto;
    padding-top: 2.56rem;
    display: flex;
    justify-content: space-between;
    font-size: 1rem;
}
#ft #ft-wr .ft-info{
    line-height: 26px;
    text-align: left;
    opacity: 0.6;
    font-weight: 300;
}
#ft #ft-wr .ft-info .info span{
    margin-right: 16px;
}
#ft #ft-wr .cs-info{
    text-align: right;
    line-height: 26px;
}

#ft #ft-wr .cs-info .tel{
    font-size: 2rem;
    font-weight: 800;
    margin: 8px 0px;
}
#ft #ft-wr .cs-info .time{
    font-size: 14px;
    opacity: 0.5;
}
#ft #ft-wr .copyright{
    font-size: 14px;
    text-align: left;
    max-width: 1640px;
    width: 100%;
    margin: 0 auto;
    font-weight: 300;
    position: relative;
    top: -20px;
    padding-bottom: 2rem;
}

#header-mo {display:none;}

/*반응형 - 태블릿*/
@media (max-width:1400px) {
    #header {display:none;}
    #header-mo .hd-nav .hd-nav-right .mo-menu > div{
        display: inline-block;
        width: 50px;
        height: 100px;
        background: url(../../img/top_menu2.png) no-repeat center / cover;
        cursor: pointer;
    }
    #header-mo .hd-nav .hd-nav-right {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
    }
    #header-mo.on .hd-nav .hd-nav-right .mo-menu > div{
        background: url(../../img/icon_close.png) no-repeat;
        background-position-x: center;
    background-position-y: center;
    }
    #header-mo {
        display: grid;               
        padding: 0 20px;
        position: fixed;
        z-index: 2000;
        width:100%;
        top:0;}
    #header-mo .color-logo{
        display: none;    
    }
    #header-mo .white-logo{
        display: block;    
    }
    #header-mo .brochure{
        border: 2px solid #fff;    
        border-radius: 0px 32px 32px 32px;
        padding: 11px 24px;
        font-size: 0.875rem;
        color: #fff;
        display: block;
        margin-right: 30px;
    }
    #header-mo.on .brochure{
        border: 2px solid #1D3D8C;   
        color: #1D3D8C; 
    }
    #header-mo.on {background: #fff;border-bottom:1px solid #B5B2B2;}
    #header-mo.on .color-logo{
        display: block;    
    }
    #header-mo.on .white-logo{
        display: none;    
    }
    #header.on .brochure{
    border: 2px solid #1D3D8C;   
    color: #1D3D8C; 
    }
    #header-mo .hd-nav {position:relative; display: flex; justify-content: space-between;}
    #header-mo .hd-nav .hd-logo {
        text-align: left;
        padding: 15px 0px 0px 20px;
    }
    /* #header-mo .hd-nav .hd-logo a {display:block;width:174px;} */
    #header-mo .hd-nav .hd-btn {position:absolute;top:22px;right:-5px;}
    #header-mo .hd-nav .hd-btn .menu-btn {position:relative;display:inline-block;width:45px;height:32px;top:0;right:0;}
    
    #header-mo .hd-nav__sub_menu {position:relative;top:0;left:0;width:100%;height:0;background: #fff;overflow: hidden;}    
    #header-mo .hd-nav__sub_menu .menu-1dp_mo>li span {
        display: inline-block;
        width: 100%;
        height: 100%; 
        padding: 20px 38px;
        vertical-align: middle;
        cursor: pointer;
        color: #333;
        font-size: 1.375rem;
        font-weight: 600;
    }
    #header-mo .hd-nav__sub_menu .menu-1dp_mo .open2 > span{
        background: transparent linear-gradient(104deg, #1B3C8B 0%, #534491 100%) 0% 0% no-repeat padding-box;
        border-radius: 0px 16px 16px 16px;
        color: #fff;
    }
    #header-mo .hd-nav__sub_menu .menu-1dp_mo>li .menu-2dp_mo {
        height: 0;
        overflow: hidden;        
        grid-template-columns: 1fr 1fr;        
        width: 90%;
        margin: 0 auto;
    }   
    #header-mo .hd-nav__sub_menu .menu-1dp_mo>li .menu-2dp_mo li a {
        display: inline-block;
        width: 100%;
        height: 100%;       
        opacity: 1;
        letter-spacing: 0px;
        color: #555;
        padding: 15.5px 0px;
        font-size: 1.125rem;
    }
        #header-mo .hd-nav__sub_menu .menu-1dp_mo>li .menu-2dp_mo li:last-child a {
            margin-bottom: 80px;
        }
    /* //END : 모바일 메뉴*/
    
    

    #quick-menu {display:none;position:fixed;left:0;top:0;width:100vw;background:#fff;border-bottom:1px solid #9F9F9F;z-index: 1500;}
    .quick-hd {display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 20px;border-bottom:1px solid #9F9F9F;}
    .quick-hd .quick-logo {}
    .quick-hd .quick-logo img {width:155px;height:22px;}
    .quick-hd .quick-close {width:26px;height:26px;background:url(/theme/basic/img/quick_close.png) no-repeat center / 20px;margin-right:10px;cursor:pointer;}

    .quick-nav {}
    .quick-nav ul {}
    .quick-nav ul .responsive-quick {display:none;}
    .quick-nav ul li {position:relative;padding:20px;border-bottom:1px solid #D9D9D9;}
    .quick-nav ul li span {display:flex;align-items:center;justify-content:space-between;width:100%;font-size:17px;font-weight:bold;color:#1E1E1E;cursor:pointer;}
    .quick-nav ul li span img {width:15.22px;height:8.68px;margin-right:15px;transform: rotate(0);transition: all .3s linear;}
    .quick-nav ul li.active span {color:#1A18C7;}
    .quick-nav ul li.active span img {transform: rotate(180deg);}

    .quick-nav ul li ol {height:100%;max-height:0;overflow:hidden;transition: max-height .3s linear, padding-top .3s linear;}
    .quick-nav ul li ol.on {max-height:250px;padding-top:10px;}
    .quick-nav ul li ol li {position:relative;padding:10px 0;border-bottom: 0;}
    .quick-nav ul li ol li:last-of-type {margin-bottom:0;}
    .quick-nav ul li ol li.active2nd {}
    .quick-nav ul li ol li a {font-size:16px;font-weight:500;letter-spacing:-0.48px;color:#555;}

    .quick-language {display:inline-block;padding:15px 20px 25px;}
    .quick-language ul {display:flex;align-items:center;}
    .quick-language ul li {padding-right:15px;border-right:1px solid #9A9A9A;margin-right:15px;}
    .quick-language ul li a {font-size:16px;font-weight:500;color:#1e1e1e;}
    .quick-language ul li button {font-size:16px;font-weight:500;color:#1e1e1e;background:transparent;border:0;}
    .quick-language ul li:last-of-type {padding-right:0;border-right:0;margin-right:0;}

    .quick-admin {display:inline-block;font-size:16px; color:#ccc;margin-left:10px;vertical-align: middle;}

    #ft #ft-wr .ft-top{margin: 0 16px;}
    #ft #ft-wr .ft-top .ft-policy {padding:0}
    #ft #ft-wr .ft-top .ft-policy ul li a {font-size:15px;letter-spacing: -0.45px;}

    #ft #ft-wr .ft-con {padding: 0px 16px;}
       
    #ft #ft-wr .ft-info {
        margin-bottom: 24px;
    }
    
    #ft #ft-wr .ft-info .info span.business-num{
        display: block;
    }

    #ft #ft-wr .ft-con {
         padding-top: 2rem;
         flex-direction: column-reverse;
         gap: 24px;
    }
    #ft #ft-wr .cs-info {
         text-align: left;
    }
     
     
     #ft #ft-wr .copyright {
        padding-left: 16px;
        top: 0px;
         padding-bottom: 2rem;
    }
}

/*반응형 - 모바일*/
@media (max-width:768px) {
    #hd #hd-wr {min-height:80px;padding: 0 20px;}
    #hd-wr #hd-logo {height:80px;}
    #hd-wr #hd-logo a {}
    #hd-wr #hd-gnb .hd-menu {display:none;}
    

    

    .quick-hd .quick-close {margin-right:0;}
    .quick-nav ul li span img {margin-right:5px;}

    .quick-admin {float:right;line-height:24px;margin:15px 20px;}

    #side-menu {
        width: 48px;           
    }
    #side-menu ul li a {        
        padding: 15px 0;
    }

    #side-menu ul li .top-btn{
        padding-bottom: 11px;
    }

    #header .brochure,
    #header-mo .brochure{
        display: none;
    }

    #header-mo .hd-nav__sub_menu .menu-1dp_mo>li .menu-2dp_mo {        
        display: grid;   
        grid-template-columns: 1fr 1fr;        
    }   
    #header-mo .hd-nav__sub_menu .menu-1dp_mo>li:nth-child(2) .menu-2dp_mo {        
        display: block;           
    }       
    #header-mo .hd-nav__sub_menu .menu-1dp_mo>li .menu-2dp_mo li:last-child a {
        margin-bottom: 64px;
    }

    /*footer쪽 */
    #ft #ft-wr .ft-top {        
        flex-direction: column;                
        align-items: flex-start;
        margin:0px 16px;
        padding-top: 40px;
        height: auto;
    }
    #ft #ft-wr .ft-top .ft-logo {
        margin-bottom: 16px;
    }
    #ft #ft-wr .ft-top .ft-policy {
        margin-bottom: 24px;
    }
    #ft #ft-wr .ft-top .ft-policy ul li a {
        font-size: 14px;
        letter-spacing: 0px;
    }
    #ft #ft-wr .ft-info {
       margin-bottom: 24px;
    }
    #ft #ft-wr .ft-info .info span{
        display: block;
    }
   
    
}

@media (max-width:500px) {
    #hd-wr #hd-logo a {width: 200px;}
    #side-menu{width: 60px;}
    #side-menu ul li a .icon-wr{height: 15px;}
    #side-menu ul li a .text-wr .side-tit{font-size: 14px;}
    #side-menu ul li a .icon-wr2{height: 25px;}
    #side-menu ul li a .icon-wr3{height: 25px;}
    #side-menu ul li a .icon-wr2 img{width: 25px;}
    #side-menu ul li a .icon-wr3 img{width: 19px;}
    #side-menu ul li a{padding: 16px 0;}

    #header-mo .hd-nav .hd-logo {        
        padding: 22px 0px 0px 0px;
    }
    #header-mo .hd-nav .hd-logo img{
        width: 190px;
    }
    #header-mo .hd-nav .hd-nav-right .mo-menu > div {
        width: 40px;
        height: 90px;
    }    
    #header-mo .hd-nav__sub_menu .menu-1dp_mo>li span {
        padding: 20px 0px;
    }
    #header-mo .hd-nav__sub_menu .menu-1dp_mo .open2 > span {
        padding-left: 16px;
    }


    #ft #ft-wr .ft-top .ft-policy ul li {
        margin-right:12px;
    }
}

/* 스크롤에 따른 동작*/
#header.scrollOn,
#header-mo.scrollOn {
    background-color: rgb(255, 255, 255, 0.85);
}
#header.scrollOn .hd-top,
#header-mo.scrollOn .hd-top {
    margin-bottom: 20px;
}
#header.scrollOn .color-logo,
#header-mo.scrollOn .color-logo{
    display: block;    
}
#header.scrollOn .white-logo,
#header-mo.scrollOn .white-logo{
    display: none;    
}
#header.scrollOn .brochure,
#header-mo.scrollOn .brochure{
    border: 2px solid #1D3D8C;   
    color: #1D3D8C; 
}
#header.scrollOn .hd-top-right .menu > div,
#header-mo.scrollOn .hd-nav .hd-nav-right .mo-menu > div{    
    background: url(../../img/top_menu3.png) no-repeat center / cover;
}
#header.scrollOn.on .hd-top-right .menu > div,
#header-mo.scrollOn.on .hd-nav .hd-nav-right .mo-menu > div{
    background: url(../../img/icon_close.png) no-repeat;
    background-position-x: center;
    background-position-y: center;
}