@charset "UTF-8";
/*-------------------------------------------------------------------
    공통
-------------------------------------------------------------------*/
body.fixed{position: fixed;}

/*-------------------------------------------------------------------
    header
-------------------------------------------------------------------*/
#slide_map{
    position: fixed; top: 0; left: 0; z-index: -1; opacity: 0; visibility: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; width: 100vw; height: 100vh;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
#slide_map.on{opacity: 1; visibility: visible; z-index: 999;}
#slide_map .close_btn{position: absolute; top: 3.4rem; right: 2rem; width: 3rem; height: 3rem; text-indent: -9999px;}
#slide_map .close_btn:before,
#slide_map .close_btn:after{
    content: ""; display: block; position: absolute; left: 50%; top: 50%; background-color: #fff; width: 100%; height: 2px; border-radius: 3px;
    -webkit-transition: all 0.1s linear; transition: all 0.1s linear;
}
#slide_map .close_btn:before{
    -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg);
}
#slide_map .close_btn:after{
    -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg);
}
#slide_map .close_btn:hover:before,
#slide_map .close_btn:hover:after{height: 4px;}


#header{
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; position: relative; z-index: 11; height: 10rem; padding: 0 2rem; background-color: transparent;
    -webkit-transition: background 0.2s linear; transition: background 0.2s linear;
}
body:not(#onpage) #header{position: fixed; width: 100%;}
#sub #header{top: 0; left: 0; background-color: #fff;}
body:not(#onpage)[data-scroll="on"] #header{background-color: #fff;}
#header:before{content: ""; display: none; position: absolute; top: 100%; left: 0; z-index: -2; width: 100vw; height: calc(100vh -  100%); background-color: rgba(0, 0, 0, 0.60)}
#header.on:before{display: block; }
body:not(#onpage) #header.on,
body:not(#onpage) #header.active,
#header.on{background-color: #1f4998;}
#logo{display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; height: 10rem; font-size: 10px;}
#logo >a{
    display: block; width: 18.7em; height: 5em; background: url(../../../images/site/kor/layout/logo_eng.svg) no-repeat center center / 100% auto; text-indent: -9999px;
    /*transition: background 0.2s linear;*/
}
[data-header="white"] #header #logo >a,
#header.on #logo >a,
body:not(#onpage) #header.active #logo >a{background-image: url(../../../images/site/kor/layout/logo_w_eng.svg);}
#header #nav{height: 10rem;}
#header #nav #blind{position: absolute; top: 100%; left: 0; z-index: -1; width: 100vw; height: 0; background-color: #1f4998;}
#header.on #nav #blind{border-top: 1px solid rgba(255, 255, 255, 0.10);}
#header #nav #gnb{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; height: 10rem; }
#header #nav #gnb >ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 6rem; height: 100%;}
#header #nav #gnb >ul >li{height: 100%;}
#header #nav #gnb >ul >li:last-child{display: none;}
#header #nav #gnb >ul >li >a{height: 100%;}
#header #nav #gnb >ul >li >a >span{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; position: relative; width: 100%; height: 100%; font-size: 2.4rem; color: #151515; font-weight: 700;}
/* body:not(#onpage):not([data-header="white"]) #header{border-bottom:1px solid #eee} */
body#sub:not(#onpage):not([data-header="white"]) #header{border-bottom:1px solid #E3E3E3}
body:not(#onpage):not([data-header="white"]) #header.active,
body#sub:not(#onpage):not([data-header="white"]) #header.active{border-color: rgba(255,255,255,0.1);}
[data-header="white"] #header #nav #gnb >ul >li >a >span,
body:not(#onpage) #header.active #nav #gnb >ul >li >a >span{color: #fff;}
#header #nav #gnb >ul >li >a.on >span:after {
    content: ""; display: block; position: absolute; right: 0; top: 50%; width: 1.2rem; height: 1.2rem; background: url(../../../images/site/kor/layout/v_img01.svg) no-repeat center center / 100% auto;
    -webkit-transform: translate(.5em,-1.2em) scale(1); transform: translate(.5em,-1.2em) scale(1);
}
#header.on #nav #gnb >ul >li >a >span{color: #fff;}
#header #nav #gnb >ul >li >a >span:before{
    content: ""; display: block; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background-color: transparent;
    transition: width 0.2s linear;
    -webkit-transform: translateX(-50%); transform: translateX(-50%);
}
#header #nav #gnb >ul >li >a:hover >span:before,
#header #nav #gnb >ul >li >a.on >span:before{width: 100%;}
#header.on #nav #gnb >ul >li >a:hover >span:before,
#header.on #nav #gnb >ul >li >a.on >span:before{background-color: #fff;}
#header #nav #gnb >ul >li >div{
    opacity: 0; position: absolute; display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; top: 100%; left: 50%; width: 100%; max-width: 1440px;
    -webkit-transform: translateX(-50%); transform: translateX(-50%);
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
#header #nav #gnb >ul >li >div >ul{display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; width: 100%;}

#header #nav #gnb >ul >li >div >ul >li{display: block; position: relative; z-index: 1; width: 30rem; max-width: calc(100% / 4); padding: 3.4rem 5rem 3rem;}
#header #nav #gnb >ul >li >div >ul >li:first-child{border-left: 1px solid rgba(255, 255, 255, 0.10);}
#header #nav #gnb >ul >li >div >ul >li{border-right: 1px solid rgba(255, 255, 255, 0.10);}
#header #nav #gnb >ul >li >div >ul >li >a{
    display: inline-block; color: #FFF; font-size: 2.1rem; font-weight: 600; line-height: 1.4;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
#header #nav #gnb >ul >li >div >ul >li >a.on,
#header #nav #gnb >ul >li >div >ul >li >a:hover{color: #E79A56;}
#header #nav #gnb >ul >li >div >ul >li >ul{display: block; margin-top: 1rem;}
#header #nav #gnb >ul >li >div >ul >li >ul >li{position: relative; width: 100%; padding-left: 1.5rem;}
#header #nav #gnb >ul >li >div >ul >li >ul >li:not(:first-child){margin-top: 0.3rem;}
#header #nav #gnb >ul >li >div >ul >li >ul >li >a{
    color: rgba(255,255,255,0.8); font-size: 1.7rem; line-height: 1.4; letter-spacing: 0.28px; font-weight: 300;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
#header #nav #gnb >ul >li >div >ul >li >ul >li >a.on,
#header #nav #gnb >ul >li >div >ul >li >ul >li >a:hover{color: #E79A56; text-decoration: underline; text-underline-position: under;}
#header #nav #gnb >ul >li >div >ul >li >ul >li >a:before{content: ""; display: block; position: absolute; top: 0.9rem; left: 0.5rem; width: 3px; height: 3px; background-color: rgba(255,255,255,0.8); border-radius: 50%;}
#header #nav #gnb >ul >li >div >ul >li >ul >li >a:hover:before{background-color: #E79A56;}
#header #nav #gnb >ul >li >div >ul >li >ul >li >ul{display:none;}
#header #nav #gnb >ul >li >div >ul >li >ul >li >ul >li >ul{display:none;}
#header .toputil_control{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 1.2rem; height: 100%;}
#header .toputil_control .sns{display:none; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 0.8rem;}
#header .toputil_control .sns >li{}
#header .toputil_control .sns >li >a{display: block; position: relative; width: 3.4rem; height: 3.4rem; background: #FF0000; text-indent: -9999px; border-radius: 50%;}
#header .toputil_control .sns >li >a:before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../../../images/site/kor/layout/h_img01.svg);}
#header .toputil_control .sns >li >a.ins{background: linear-gradient(33deg, #5257A6 11.87%, #E2358C 34.98%, #EF6834 62.43%, #EDC768 84.1%);}
#header .toputil_control .sns >li >a.ins:before{background-image: url(../../../images/site/kor/layout/h_img02.svg);}
#header .toputil_control .sns >li >a.fcb{background: #1877F2;}
#header .toputil_control .sns >li >a.fcb:before{background-image: url(../../../images/site/kor/layout/h_img03.svg);}
#header .toputil_control .sns >li >a.blg{background: #54B848;}
#header .toputil_control .sns >li >a.blg:before{background-image: url(../../../images/site/kor/layout/h_img04.svg);}
#header .toputil_control .sns >li >a.twt{background: #000;}
#header .toputil_control .sns >li >a.twt:before{background-image: url(../../../images/site/kor/layout/h_img05.svg);}
#header .toputil_control >a{display: block; width: 2.8rem; height: 2.8rem; text-indent: -9999px; background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
#header .toputil_control >a.search_btn_open{background-image: url(../../../images/site/kor/layout/h_img06.svg); margin-left: 0.8rem;}
#header.on .toputil_control >a.search_btn_open,
body:not(#onpage) #header.active .toputil_control >a.search_btn_open,
[data-header="white"] #header .toputil_control >a.search_btn_open{background-image: url(../../../images/site/kor/layout/h_img07.svg);}
#header .toputil_control >a.allmenu_btn_open{background-image: url(../../../images/site/kor/layout/h_img08.svg);}
#header.on .toputil_control >a.allmenu_btn_open,
body:not(#onpage) #header.active .toputil_control >a.allmenu_btn_open,
[data-header="white"] #header .toputil_control >a.allmenu_btn_open
{background-image: url(../../../images/site/kor/layout/h_img09.svg);}
#header .r_menu{display:flex;align-items:center;gap:2rem}
#header .r_menu .organ_btn{display:flex;align-items:center;justify-content:center;width:auto;height:4.7rem;padding:0 1.6rem;color:#fff;text-align:center;font-size:1.5rem;font-weight:500;border-radius:3rem;background-color:#151515;border:1px solid transparent;text-indent:0;transition:all .2s}
#header .r_menu .organ_btn:hover,
#header .r_menu .organ_btn:focus{background-color:#fff;border-color:#151515;color:#151515}
#header .r_menu .lang{display:flex; justify-content: flex-start; align-items: center; font-weight: 500; line-height: 1.2; font-size: 2rem; color: #17469E;}
#header .r_menu .lang::before{content: ""; display: block; width: 2.4rem; height: 2.4rem; margin-right: 0.6rem; background: url(../../../images/site/kor/onepage/h_img01.svg) no-repeat center center / 2rem auto;}
[data-header="white"] #header .r_menu .lang{color:#fff}
body:not(#onpage) #header.on .r_menu .lang::before,
body:not(#onpage) #header.active .r_menu .lang::before,
#header.on .r_menu .lang::before,
[data-header="white"] #header .r_menu .lang::before{background-image:url(../../../images/site/kor/layout/icon_global_ov.svg)}
body:not(#onpage) #header.on .r_menu .lang,
body:not(#onpage) #header.active .r_menu .lang,
#header.on .r_menu .lang{color:#fff}

#header #search_wrap{
    opacity: 0; visibility: hidden; position: absolute; top: 10rem; left: 0; width: 100%; height: auto; padding: 0 2rem; background-color: #154192;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
#header.active #search_wrap{opacity: 1; visibility: visible; }
#header.active #search_wrap:before{content: ""; display: block; position: absolute; top: 100%; left: 0; z-index: -1; width: 100vw; height: calc(100vh - 100%); background-color: rgba(0,0,0,0.6);}
#header #search_wrap .inner{position: relative; z-index: 1; width: 100%; max-width: 1440px; margin: 0 auto;}
#header #search_wrap .inner .s_1{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 2rem; padding: 8rem 0;}
#header #search_wrap .inner .s_1 >div{display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 0.8rem; width: auto; max-width: calc(100% - 2rem - 2.4rem);}
#header #search_wrap .inner .s_1 >div select{width: 16rem; height: 6rem; padding: 0 4.6rem 0 1.6rem; color: #FFF; font-size: 1.7rem; font-weight: 400; background: url(../../../images/site/kor/layout/c_img02.svg) no-repeat center right 1.6rem / 2.8rem auto; background-color: transparent; border-radius: 10rem; border: 2px solid #FFF; appearance: none;}
#header #search_wrap .inner .s_1 >div select:focus{outline: none;}
#header #search_wrap .inner .s_1 >div select option{background-color: #fff; color: #151515;}
#header #search_wrap .inner .s_1 >div >div{position: relative; width: 650px; max-width: calc(100% - 16rem - 0.8rem); border: 2px solid #FFF; border-radius: 10rem;}
#header #search_wrap .inner .s_1 >div >div input{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; outline: none; border: none; color: #fff; padding: 0 2.4rem; font-size: 1.7rem; font-weight: 400;}
#header #search_wrap .inner .s_1 >div >div input::placeholder{color: rgba(255, 255, 255, 0.80);}
#header #search_wrap .inner .s_1 >div >div a{display: block; position: absolute; top: 50%; right: 2rem; width: 3rem; height: 3rem; margin-top: -1.5rem; background: url(../../../images/site/kor/layout/s_img04.svg) no-repeat center center / 2.4rem auto; text-indent: -9999px;}
#header #search_wrap .inner .s_1 >.close_btn{
    display: block; width: 6rem; height: 6rem; background: #ffff url(../../../images/site/kor/layout/s_img03.svg) no-repeat center center / 2.4rem auto; text-indent: -9999px; border-radius: 0.6rem; border: 2px solid #fff;
    -webkit-transform: rotate(0deg); transform: rotate(0deg);
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
#header #search_wrap .inner .s_1 >.close_btn:hover{background-color: #093078; border-color: #fff; background-image: url(../../../images/site/kor/layout/s_img05.svg);}
#header #search_wrap .inner .s_2,
#header #search_wrap .inner .s_3{display: none;}

/*-------------------------------------------------------------------
    sub
-------------------------------------------------------------------*/
#path{display: block; position: relative; width:100%; margin-top: 10rem; padding: 0 2rem; background-color: #FAFAFA; /*border-top: 1px solid #E3E3E3;*/ border-bottom: 1px solid #E3E3E3;z-index:3}
#path .inner{display: flex; justify-content: flex-start; align-content: stretch; width: 100%; max-width: 1440px; margin: 0 auto; border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3;}
#path .inner .navi{flex:auto;display: flex; justify-content: flex-start; align-items: stretch;margin-right:-1px}
#path .inner .navi >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; position: relative;}
#path .inner .navi >li:not(:first-child){width:100%;max-width:25rem;border-left: 1px solid #E3E3E3;}
#path .inner .navi >li:last-child{border-right:1px solid #E3E3E3}
#path .inner .navi >li:nth-child(n+6){display: none;}
#path .inner .navi >li >a{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; position: relative; width:100%; height: 100%; padding: 0 4rem 0 2rem; line-height:1; color: #151515; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.016rem; }
#path .inner .navi >li:not(.home) >a:before{
    content: ""; position: absolute; top: 50%; right: 1.4rem; width: 2rem; height: 2rem; margin-top: -1rem; background: url(../../../images/site/kor/layout/p_img02.svg) no-repeat center center / 100% auto;
    -webkit-transform: rotate(0); transform: rotate(0);
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
#path .inner .navi >li:not(.home) >a.active:before{
    -webkit-transform: rotate(-180deg); transform: rotate(-180deg);
}
#path .inner .navi >li.home{flex-shrink:0}
#path .inner .navi >li.home >a{display: block; width: 5rem; height: 5rem; padding: 0; background: url(../../../images/site/kor/layout/p_img01.svg) no-repeat center center / 100% auto; text-indent: -9999px;}
#path .inner .navi >li >ul{
    opacity: 0; visibility: hidden; height: 0; position: absolute; top: 100%; left: -1px; z-index: 1; width: calc(100% + 2px); height: auto; background-color: #fff; border: 1px solid #E3E3E3;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
#path .inner .navi >li >a.active +ul{opacity: 1; visibility: visible; height: auto; }
#path .inner .navi >li >ul >li{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center;}
#path .inner .navi >li >ul >li >a{
    display: block; width: 100%; padding: 1rem 2rem; color: #151515; font-size: 1.6rem;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
#path .inner .navi >li >ul >li.active >a{font-weight:600;color: #17469E; text-decoration: underline; text-underline-position: under;}
#path .inner .navi >li >ul >li >a:hover{color: #17469E; text-decoration: underline; text-underline-position: under;}
#path .inner .share{flex-shrink:0;display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-left: auto;}
#path .inner .share >li{position: relative; width: 5rem; height: 5rem; border-left: 1px solid #E3E3E3;}
#path .inner .share >li >a{display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: 100% auto; text-indent: -9999px;}
#path .inner .share >li >a.sh{background-image: url(../../../images/site/kor/layout/p_img03.svg);}
#path .inner .share >li >a.print{background-image: url(../../../images/site/kor/layout/p_img04.svg);}
#path .inner .share >li >a.sh + ul{
    opacity: 0; visibility: hidden; position: absolute; top: 100%; left: -1px; z-index: 1; width: calc(100% + 2px); height: auto; border: 1px solid #E3E3E3;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
#path .inner .share >li >a.sh.active + ul{opacity: 1; visibility: visible;}
#path .inner .share >li >a.sh + ul >li{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 5rem; background-color: #fff;}
#path .inner .share >li >a.sh + ul >li:not(:first-child){border-top: 1px solid #E3E3E3;}
#path .inner .share >li >a.sh + ul >li >a{display: block; width: 3.25rem; height: 3.25rem; text-indent: -9999px; }
#path .inner .share >li >a.sh + ul >li.fb >a{background: #1877F2 url(../../../images/site/kor/layout/h_img03.svg) no-repeat center center / 100% auto; border-radius: 50%;}
#path .inner .share >li >a.sh + ul >li.nb >a{background: #54B848 url(../../../images/site/kor/layout/h_img04.svg) no-repeat center center / 100% auto; border-radius: 50%;}


#visual{position: relative; z-index: 2; height: auto; padding: 8rem 2rem 5rem; background-color: #fff;}
#visual .inner{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end; width: 100%; max-width: 1440px; height: 100%; margin: 0 auto; }
#visual .inner h2.title{display: flex; justify-content: flex-start; align-items: flex-start; gap: 1rem; color: #151515; font-size: 4.4rem; font-weight: 700; line-height: 1.2; }
#visual .inner h2.title:after{content: ""; display: block; width: 1.8rem; height: 1.8rem; background: url(../../../images/site/kor/layout/v_img01.svg) no-repeat center center / 100% auto;}
#visual .inner .depth_3{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 1rem; margin-left: auto; }
#visual .inner .depth_3 >li{}
#visual .inner .depth_3 >li >a{
    display: flex; position: relative; height: auto; padding: 1.1rem 1rem; font-size: 1.8rem; font-weight: 500; color: #666;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
#visual .inner .depth_3 >li.on >a,
#visual .inner .depth_3 >li >a:hover{color: #17469E; font-weight: 700;}
#visual .inner .depth_3 >li >a:before{
    content: ""; display: block; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background-color: #17469E;
    -webkit-transform: translateX(-50%); transform: translateX(-50%);
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
#visual .inner .depth_3 >li.on >a:before,
#visual .inner .depth_3 >li >a:hover:before{width: 100%;}

/* Container */
#container{display: block; width: 100%; max-width: calc(1440px + 4rem); margin: 0 auto 11rem; padding: 0 2rem; /*max-width: calc(1440px + 4rem); margin: 0 auto 11rem; */}

#container .fix_wrap{
    overflow: hidden; display: flex; flex-direction: column; flex-wrap: wrap; align-content: flex-start; justify-content: flex-start; align-items: stretch; position: fixed; top: 50%; right: 2rem; z-index: 4; 
    -webkit-transform: translateY(-50%); transform: translateY(-50%);
}
#container .fix_wrap .fix_fold{width:6.6rem;overflow:hidden;background:#fff;border:1px solid #2d2d2d;border-radius:1.2rem;}
#container .fix_wrap .fix_fold .fold_btn{width:100%;height:4rem;background:#d8d8d8;color:#353535;font-size:1.5rem;font-weight:600;letter-spacing:.03rem}
#container .fix_wrap .fix_fold #fix_cont{overflow:hidden;transition:all .2s}
#container .fix_wrap.fold .fix_fold #fix_cont{height:0;visibility:hidden}
#container #fix_cont >li{position: relative;}
#container #fix_cont >li:after{content: ""; display: block; width: calc(100% - 1.6rem); height: 1px; margin: 0 auto; background-color: #d8d8d8;}
#container #fix_cont >li:last-child:after{display: none;}
#container #fix_cont >li >a{display: flex;flex-shrink:0; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; width:100%; padding: 1.2rem 0.5rem 1rem; color: #2d2d2d; font-size: 1.3rem; letter-spacing: -0.03rem; font-weight: 500;}
#container #fix_cont >li:not(.t) >a:before{content: "";  display: block; width: 2.2rem; height: 2.2rem; margin: 0 auto 0.5rem; background: url(../../../images/site/kor/layout/t_img05.svg) no-repeat center center / 100% auto;}
#container #fix_cont >li:not(.t) >a[data-icon="2"]:before{background-image: url(../../../images/site/kor/layout/t_img02.svg);}
#container #fix_cont >li:not(.t) >a[data-icon="3"]:before{background-image: url(../../../images/site/kor/layout/t_img03.svg);}
#container #fix_cont >li:not(.t) >a[data-icon="4"]:before{background-image: url(../../../images/site/kor/layout/t_img04.svg);}
#container #fix_cont >li >a >span{display: block; width: 100%; text-align: center; }
#container .fix_wrap .t{
    opacity: 0; visibility: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-content: center;margin-top:.8rem; width: 100%; height: 4rem; color: #fff; font-size: 1.5rem; font-weight: 500; letter-spacing: 0.03rem; background-color: #2D2D2D;border-radius:1.2rem;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}

#container #popup{}
#container #popup:before{z-index: -1; background-color: rgba(0,0,0,0.8)}
#container #popup .in{display: block; width: 100%; max-width: 97.2rem; position: relative; margin: 0 auto; padding: 0 7rem;}
#container #popup .in .swiper{overflow: hidden; position: relative; width: 100%;}
#container #popup .in .swiper .swiper-wrapper{width: 100%;}
#container #popup .in .swiper .swiper-wrapper .swiper-slide{display: block; position: relative;}
#container #popup .in .swiper.single-slide .swiper-wrapper .swiper-slide{max-width: 400px; margin: 0 auto !important;}
#container #popup .in .swiper .swiper-wrapper .swiper-slide img{display: block; width: 100%;}
#container #popup .in .controls{margin-top: 2.4rem;}
#container #popup .in .controls .pagination{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1rem;}
#container #popup .in .controls .pagination >span{opacity: 0.8; display: block; position: relative; z-index: 1;  width: 1rem; height: 1rem; background-color: #fff; }
#container #popup .in .controls .pagination >span.swiper-pagination-bullet-active{background-color: #0073B1; opacity: 1;}
#container #popup .in .controls a{
    opacity: 0.8; display: block; position: absolute; top: calc((100% - 5.8rem - 2.5rem - 2.5rem - 1rem) / 2); z-index: 1; width: 2.3rem; height: 3.9rem; background: url(../../../images/site/kor/layout/popup03.svg) no-repeat center center / 100% auto; text-indent: -9999px;
    -webkit-transform: translateY(-50%); transform: translateY(-50%);
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
#container #popup .in .controls a:hover{opacity: 1;}
#container #popup .in .controls a.prev{
    left: 2rem;
    -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg);
}
#container #popup .in .controls a.next{right: 2rem;}
#container #popup .in .controls .pagination{}
#container #popup .in .c_btns{display: flex; justify-content: center; align-items: center; gap: 2rem; position: relative; z-index: 1; margin-top: 2.5rem;}
#container #popup .in .c_btns a{
    display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: auto; height: 5.8rem; padding: 0 3.2rem; border-radius: 10rem; background-color: #17469E; color: #fff; font-size: 1.8rem; font-weight: 600;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
#container #popup .in .c_btns a:hover{background-color: #fff; color: #17469E;}
#container #popup .in .c_btns a.check_close{display: none; background-color: #fff; color: #2D2D2D;}
#container #popup.show .in .c_btns a.check_close{display: flex;}
#container #popup .in .c_btns a.check_close:hover{background-color: #2D2D2D; color: #fff;}

#container #content{font-size: 1.6rem; color: #555;}
#container #content #txt > script { display: none; }



/*-------------------------------------------------------------------
    footer
-------------------------------------------------------------------*/
#footer {position:relative; z-index: 2; padding: 2rem 0 4.8rem; border-top: 1px solid #DDD; background-color: #fff;}
#footer .inner{display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; width: 100%; max-width: calc(1440px + 4rem); margin: 0 auto; padding: 0 2rem;}
#footer .inner .t_swiper{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; gap: 4.5rem; width: 100%;}
#footer .inner .t_swiper .f_title{display: flex; justify-content: flex-start; align-items: center; width: 21rem; height: 100%;gap:0 .5rem}
#footer .inner .t_swiper .f_title strong{display: block; color: #151515; font-size: 1.4rem; font-weight: 700;}
#footer .inner .t_swiper .f_title .f_btns{display: inline-flex; justify-content: flex-start; align-items: center; gap: 0.8rem; margin-left: auto;}
#footer .inner .t_swiper .f_title .f_btns .s_prev,
#footer .inner .t_swiper .f_title .f_btns .s_next{
    display: block; width: 4rem; height: 4rem; background: #F1F1F1 url(../../../images/site/kor/layout/f_img01.svg) no-repeat center center / 100% auto; border-radius: 50%; text-indent: -9999px;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
#footer .inner .t_swiper .f_title .f_btns .s_prev{
    -webkit-transform: rotate(180deg); transform: rotate(180deg);
}
#footer .inner .t_swiper .f_title .f_btns .s_prev:hover,
#footer .inner .t_swiper .f_title .f_btns .s_next:hover{background-color: #e5e5e5;}
#footer .inner .t_swiper .f_slide{overflow: hidden; width: calc(100% - 21rem - 4.5rem);}
#footer .inner .t_swiper .f_slide .swiper-wrapper{}
#footer .inner .t_swiper .f_slide .swiper-wrapper .swiper-slide{display: block; width: auto; margin-right: 10rem;}
#footer .inner .t_swiper .f_slide .swiper-wrapper .swiper-slide:last-child{margin-right: 0;}
#footer .inner .t_swiper .f_slide .swiper-wrapper .swiper-slide img{display: block;}
#footer .inner .info{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items:center; gap: 2.4rem; width: 100%; margin-top: 2.4rem; padding-top:1.9rem; border-top: 1px solid #EEE; font-size: 10px;}
#footer .inner .info .info_top{display:flex;align-items:flex-end;width:100%;gap:0 4rem}
#footer .inner .info .info_top:before{content: ""; display: block; width: 18.5em; height: 5em; background: url(../../../images/site/kor/layout/logo_eng.svg) no-repeat center center / 100% auto;}
#footer .inner .info .info_top > ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 2.4rem;}
#footer .inner .info .info_top > ul >li >a{font-size: 1.8rem; font-weight: 500; color: #555;}
#footer .inner .info .info_top > ul >li:first-child >a{color: #005596; font-weight: 700;}
#footer .inner .info .info_bottom{display:flex;justify-content:space-between;width:100%}
#footer .inner .info .addr{display:flex;flex-direction:column;justify-content:center;font-size:1.6rem;color:#555}
#footer .inner .info .addr > p{margin-bottom:.8rem;font-weight:700}
#footer .inner .info .inquiry{display:flex;gap:0 4rem}
#footer .inner .info .inquiry .item{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-left:2rem;color: #353535; font-size: 1.5rem; font-weight:500;border-left:1px solid #ddd}
#footer .inner .info .inquiry .item .tit{margin-bottom:1rem;font-size:1.7rem;font-weight:600;color:#111;white-space:nowrap}
#footer .inner .info .inquiry .item a{color: #555; font-weight: 500;}
#footer .inner .info .inquiry .item p{font-weight:700}
#footer .inner .info .inquiry .item.r{font-size:1.6rem;color:#555;line-height:3rem}
#footer .inner .info .inquiry .item.r p{font-weight:700}
#footer .inner .copy{display: block; margin-top:.4rem; color: #919191; font-size: 1.5rem; font-weight: 400;}

#footer .inner .info .l span{color: #AAA;}
#footer .inner .info .r{margin-left: auto;}
#footer .inner .info .r .email{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; color: #555; font-size: 1.8rem; font-weight: 500;}
#footer .inner .info .r .email em{display: inline-flex; align-items: center; gap: 0.6rem; margin-right: 2.4rem;}
#footer .inner .info .r .email em:before{content: ""; display: block; width: 2rem; height: 1.6rem; background: url(../../../images/site/kor/layout/f_img02.svg) no-repeat center center / 100% auto;}
#footer .inner .info .r .email a{color: #005596; font-weight: 700;}

/*-------------------------------------------------------------------
    top
-------------------------------------------------------------------*/
#fix_top{position: fixed; bottom: 4rem; right: 4rem; z-index: 10;}
body:not(#onpage) #fix_top{right: 3rem;}
#fix_top .top{display: block; width: 4.8rem; height: 4.8rem; background: rgba(0,0,0,0.7) url(../../../images/site/kor/layout/t_img01.svg) no-repeat center center / 100% auto; border-radius: 50%; text-indent: -9999px;}
#sub #fix_top .top{background-color: #0073B1;}

@media screen and (max-width: 1640px){
    #header #nav #gnb >ul{gap: 4rem;}
    #header #nav #gnb >ul >li >a >span{font-size: 2.1rem;}
}
@media screen and (max-width: 1450px){
    #header #nav #gnb >ul{gap: 2.5rem;}
    #header #nav #gnb >ul >li >a >span{font-size: 1.8rem;}
    
    #footer{padding: 2rem 0 7rem;}
}
@media screen and (max-width: 1300px){
    #header #nav #gnb >ul{gap: 1.8rem;}
    #header #nav #gnb >ul >li >a >span{letter-spacing: -0.05rem;}
    #header #nav #gnb >ul >li >div >ul >li{padding: 2.8rem 2.4rem 2.4rem;}
    #header #nav #gnb >ul >li >div >ul >li >ul >li >a{font-size: 1.6rem;}
    #header .r_menu{gap:1rem}
    #header .toputil_control >a.search_btn_open{margin-left:0}
}
@media screen and (max-width: 1220px){
    #header #nav #gnb{display: none;}
}
@media screen and (max-width: 1160px){
    #header #nav #gnb >ul{gap: 2rem;}
    #header #nav #gnb >ul >li >a >span{font-size: 1.8rem;}
    #header #nav #gnb >ul >li >div >ul >li{padding: 2.2rem 2rem 2rem;}
    #header #nav #gnb >ul >li >div >ul >li >a{font-size: 1.8rem;}
    #header #nav #gnb >ul >li >div >ul >li >ul{margin-top: 0.8rem;}
    #header #nav #gnb >ul >li >div >ul >li >ul >li >a{font-size: 1.5rem;}
}
@media screen and (min-width: 1025px){
    #slide_map{background-color: rgba(23, 70, 158, 0.90); backdrop-filter: blur(10px);}
    #slide_map:after{content: ""; display: block; width: calc(100% + 4rem); height: 6.2rem; margin: 0 -2rem; background: url(../../../images/site/kor/layout/s_img01.svg) 0 100% repeat-x; animation: marquee 300s linear infinite; background-size: auto 100%;}
    #slide_map .inner{display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; align-items: flex-start; position: relative; width: 100%; height: calc(100vh - 6.2rem); padding: 0 2rem 2rem; margin: 0 auto;}
    #slide_map .inner .top_line{display: block; width: 100%;}
    #slide_map .inner #logo{justify-content: flex-start;}
    #slide_map .inner #logo >a{background-image: url(../../../images/site/kor/layout/logo_w_eng.svg);}
    #slide_map .inner .binds{overflow-y: auto; width: 100%; max-width: 1440px; height: calc(100% - 10rem - 3vh); margin: 3vh auto 0;}
    #slide_map .inner .binds >ul{display: flex; flex-wrap:wrap; align-items: flex-start; align-items: stretch; gap:6rem 2rem; height: 100%; max-height: 100%;}
    #slide_map .inner .binds >ul >li{position: relative; width:calc(25% - 1.5rem)}
    #slide_map .inner .binds >ul >li:before{
        content: ""; opacity: 0; display: block; position: absolute; top: 6.2rem; left: 0; width: 100%; height: calc(100% - 6.2rem); background: linear-gradient(180deg, #17469E 0%, rgba(23, 70, 158, 0.00) 100%);
        transition: all 0.2s linear;
    }
    #slide_map .inner .binds >ul >li.on:before{opacity: 1;}
    #slide_map .inner .binds >ul >li >a{display: block; position: relative; padding-bottom: 2rem; font-size: 2.8rem; font-weight: 600; color: #fff; line-height: 1.5; letter-spacing: -0.028rem; }
    #slide_map .inner .binds >ul >li >a:before{
        content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.2);
        -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
    }
    #slide_map .inner .binds >ul >li.on >a:before,
    #slide_map .inner .binds >ul >li >a:hover:before{background-color: rgba(255, 255, 255, 1);}
    #slide_map .inner .binds >ul >li >a:hover{}
    #slide_map .inner .binds >ul >li >div{
        position: relative;
        -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
    }
    #slide_map .inner .binds >ul >li.on >div{padding: 0 2rem;}
    #slide_map .inner .binds >ul >li >div:before{}
    #slide_map .inner .binds >ul >li >div >ul{margin-top: 4rem;}
    #slide_map .inner .binds >ul >li >div >ul >li{}
    #slide_map .inner .binds >ul >li >div >ul >li:not(:first-child){margin-top: 2.4rem;}
    #slide_map .inner .binds >ul >li >div >ul >li >a{
        display: block; color: #FFF; font-size: 1.9rem; font-weight: 500; line-height: 1.4;
        -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
    }
    #slide_map .inner .binds >ul >li >div >ul >li.on >a,
    #slide_map .inner .binds >ul >li >div >ul >li >a:hover{color: #E79A56;}
    #slide_map .inner .binds >ul >li >div >ul >li >ul{display: block !important; margin-top: 0.8rem;}
    #slide_map .inner .binds >ul >li >div >ul >li >ul >li{display: block; position: relative; padding-left: 1.4rem;}
    #slide_map .inner .binds >ul >li >div >ul >li >ul >li:not(:first-child){margin-top: 0.8rem;}
    #slide_map .inner .binds >ul >li >div >ul >li >ul >li >a{
        display: inline-block; color: rgba(255, 255, 255, 0.8); font-size: 1.7rem; line-height: 1.2; font-weight: 300;
        -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
    }
     #slide_map .inner .binds >ul >li >div >ul >li >ul >li.on >a,
    #slide_map .inner .binds >ul >li >div >ul >li >ul >li >a:hover{color: #E79A56; text-decoration: underline; text-underline-position: under;}
    #slide_map .inner .binds >ul >li >div >ul >li >ul >li >a:before{
        content: ""; display: block; position: absolute; top: 0.9rem; left: 0.5rem; width: 2px; height: 2px; background-color: rgba(255, 255, 255, 0.8); border-radius: 50%;
        -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
    }
    #slide_map .inner .binds >ul >li >div >ul >li >ul >li >a:hover:before{background-color: #E79A56}
    #slide_map .inner .bot_line{display: none;}

    @keyframes marquee{
        0%{background-position:0 100%;}
        100%{background-position:1000% 100%;}
    }
}
@media screen and (max-width: 1200px){
	#slide_map .inner .binds >ul >li{width:calc(33.3% - 1.3rem)}
}
@media screen and (max-width: 1024px){
    #slide_map{justify-content: flex-end; align-content: flex-start; background: rgba(0, 0, 0, 0.60); backdrop-filter: blur(10px);}
    #slide_map .inner{width: 500px; height: 100vh; background-color: #17469E;}
    #slide_map .inner .top_line{width: 100%; padding: 0 2rem; background-color: #fff;}
    #slide_map .inner .top_line #logo{justify-content: flex-start;}
    #slide_map .inner .binds{overflow-y: auto; width: 100%; height: calc(100% - 8rem - 8rem);}
    #slide_map .inner .binds >ul{display: block; }
    #slide_map .inner .binds >ul >li{width:100%}
    #slide_map .inner .binds >ul >li >a{display: block; position: relative; padding: 1.834rem 6.4rem 1.834rem 2rem; color: #FFF; font-size: 2rem; letter-spacing: -0.018rem; font-weight: 600; border-bottom: 1px solid rgba(238, 238, 238, 0.1);}
    #slide_map .inner .binds >ul >li >a:before{
        content: ""; opacity: 0.8; display: block; position: absolute; top: 50%; right: 2rem; width: 3.2rem; height: 3.2rem; margin-top: -1.6rem; background: url(../../../images/site/kor/layout/s_img02.svg) no-repeat center center / 100% auto;
        -webkit-transform: rotate(180deg); transform: rotate(180deg);
        -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
    }
    #slide_map .inner .binds >ul >li >a.show{border-color:#fff}
    #slide_map .inner .binds >ul >li >a.show:before{
        opacity: 1;
        -webkit-transform: rotate(0deg); transform: rotate(0deg);
    }
    #slide_map .inner .binds >ul >li >div{
        opacity: 0; visibility: hidden; height: 0;
        -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
    }
    #slide_map .inner .binds >ul >li >a.show + div{opacity: 1; visibility: visible; height: auto;}
    #slide_map .inner .binds >ul >li >div >ul{padding: 2rem; background-color: rgba(0, 0, 0, 0.08);}
    #slide_map .inner .binds >ul >li >div >ul >li{display: flex; flex-wrap: wrap; flex-direction: column;gap:1.2rem 0}
    #slide_map .inner .binds >ul >li >div >ul >li:not(:first-child){margin-top: 2rem;}
    #slide_map .inner .binds >ul >li >div >ul >li >a{display: block; font-size: 1.8rem; color: #fff; font-weight: 500; line-height: 1.4;}
    #slide_map .inner .binds >ul >li >div >ul >li >a.arrow{width: 15rem;}
    #slide_map .inner .binds >ul >li >div >ul >li >ul{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; flex: 1; gap: 1rem 2rem;}
    #slide_map .inner .binds >ul >li >div >ul >li >ul >li{position: relative; width: calc((100% - 2rem) / 2); padding-left: 1.6rem;}
    #slide_map .inner .binds >ul >li >div >ul >li >ul >li >a{display: block; font-size: 1.6rem; color: rgba(255, 255, 255, 0.8); line-height: 1.5;}
    #slide_map .inner .binds >ul >li >div >ul >li >ul >li >a:before{content: ""; display: block; position: absolute; top: 1rem; left: 0.7rem; width: 2px; height: 2px; background-color: rgba(255, 255, 255, 0.8); border-radius: 50%; }

    #slide_map .inner .bot_line{width: 100%; height: 8rem; padding: 1rem 2rem;}
    #slide_map .inner .bot_line .sns{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.8rem; width: 100%; height: 100%;}
    #slide_map .inner .bot_line .sns >li{}
    #slide_map .inner .bot_line .sns >li >a{display: block; position: relative; width: 3.4rem; height: 3.4rem; background: #FF0000; text-indent: -9999px; border-radius: 50%;}
    #slide_map .inner .bot_line .sns >li >a:before{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../../../images/site/kor/layout/h_img01.svg); background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
    #slide_map .inner .bot_line .sns >li >a.ins{background: linear-gradient(33deg, #5257A6 11.87%, #E2358C 34.98%, #EF6834 62.43%, #EDC768 84.1%);}
    #slide_map .inner .bot_line .sns >li >a.ins:before{background-image: url(../../../images/site/kor/layout/h_img02.svg);}
    #slide_map .inner .bot_line .sns >li >a.fcb{background: #1877F2;}
    #slide_map .inner .bot_line .sns >li >a.fcb:before{background-image: url(../../../images/site/kor/layout/h_img03.svg);}
    #slide_map .inner .bot_line .sns >li >a.blg{background: #54B848;}
    #slide_map .inner .bot_line .sns >li >a.blg:before{background-image: url(../../../images/site/kor/layout/h_img04.svg);}
    #slide_map .inner .bot_line .sns >li >a.twt{background: #000;}
    #slide_map .inner .bot_line .sns >li >a.twt:before{background-image: url(../../../images/site/kor/layout/h_img05.svg);}
    #slide_map .close_btn{top: 2.6rem; width: 2.8rem; height: 2.8rem;}
    #slide_map .close_btn:before,
    #slide_map .close_btn:after{background-color: #000;}

    #header{height: 8rem;}
    #logo{height: 8rem; font-size: 8px;}
    #header .toputil_control .sns{display: none;}
    #header .toputil_control{}
    #header #nav #gnb{display: none;}
    #header #search_wrap{overflow-y: auto; opacity: 1; visibility: visible; top:0; left: auto; right: 100%; height: 100vh; padding: 0; background: #fff;}
    #header.active #search_wrap{right: 0;}
    #header #search_wrap .inner .s_1{padding: 2.7rem 2rem; background: url(../../../images/site/kor/layout/c_img01.jpg);}
    #header #search_wrap .inner .s_1 >div{order: 2; gap: 0; max-width: calc(100% - 2rem - 3.6rem); border: 2px solid #fff; border-radius: 10rem;}
    #header #search_wrap .inner .s_1 >div select{width: 14rem; border: none;}
    #header #search_wrap .inner .s_1 >div >div{max-width: calc(100% - 14rem); border: none;}
    #header #search_wrap .inner .s_1 >.close_btn{order: 1; width: 3.6rem; height: 3.6rem; background-color: transparent;  border: none; background-image: url(../../../images/site/kor/layout/c_img03.svg); }
    #header #search_wrap .inner .s_1 >.close_btn:hover{
        -webkit-transform: rotate(0deg); transform: rotate(0deg);
    }
    #header #search_wrap .inner .s_2{display: block; padding: 2rem 2rem;}
    #header #search_wrap .inner .s_2 .tt{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
    #header #search_wrap .inner .s_2 .tt strong{display: block; color: #2D2D2D; font-size: 2rem;}
    #header #search_wrap .inner .s_2 .tt a{display: block; margin-left: auto; color: #717171; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.014rem;}
    #header #search_wrap .inner .s_2 ul{overflow-x: auto; display: flex; flex-wrap: nowrap; width: auto; gap: 1rem; margin-top: 1.6rem;}
    #header #search_wrap .inner .s_2 ul >li{position: relative; margin-bottom: 1px;}
    #header #search_wrap .inner .s_2 ul >li >a{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; height: 4.3rem; padding: 0 3.2rem 0 1.2rem; color: #353535; font-size: 1.6rem; background-color: #fff; border: 1px solid #D8D8D8; box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.02); border-radius: 40rem; white-space: nowrap;}
    #header #search_wrap .inner .s_2 ul >li button{display: block; position: absolute; top: 50%; right: 1rem; width: 1.6rem; height: 1.6rem; margin-top: -0.8rem; background: url(../../../images/site/kor/layout/c_img04.svg) no-repeat center center / 1.4rem auto; text-indent: -9999px;}
    #header #search_wrap .inner .s_3{display: block; position: relative; padding: 2.4rem 2rem 2rem; border-top: 6px solid #F5F5F5;}

    #header #search_wrap .inner .s_3 .tt{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
    #header #search_wrap .inner .s_3 .tt strong{display: block; color: #2D2D2D; font-size: 2rem;}
    #header #search_wrap .inner .s_3 ol{margin-top: 1.6rem;}
    #header #search_wrap .inner .s_3 ol >li{position: relative; padding-left: 3.5rem; color: #555; font-size: 1.9rem;}
    #header #search_wrap .inner .s_3 ol >li:not(:first-child){margin-top: 1.6rem;}
    #header #search_wrap .inner .s_3 ol >li em{position: absolute; top: 0.1rem; left: 0; color: #2D2D2D; font-weight: 600;}

    #path{margin-top: 8rem;}
    #path .inner .share >li:nth-child(2){display: none;}


    #visual{padding: 5rem 2rem;}
    #visual .inner{display: block;}
    #visual .inner h2.title{font-size: 3.6rem; gap: 0.8rem;}
    #visual .inner h2.title:after{width: 1.6rem; height: 1.6rem;}
    #visual .inner .depth_3{width: 100%; margin-top: 1rem; gap: 0.2rem 0.6rem;}
    #visual .inner .depth_3 >li >a{padding: 0.8rem 0.8rem; font-size: 1.7rem;}

    #container #fix_cont{right: 0; border-right: 0;}

    #container .fix_wrap{bottom:2rem;top:auto;transform:none}

    #fix_top{right: 3rem; bottom: 3rem;}

    #footer{padding: 1.6rem 0 6rem;}
    #footer .inner .t_swiper{gap: 3rem;}
    #footer .inner .t_swiper .f_slide{width: calc(100% - 21rem - 3rem);}
    #footer .inner .t_swiper .f_slide .swiper-wrapper .swiper-slide{margin-right: 4.5rem;}
    #footer .inner .info{margin-top: 1.6rem; padding-top: 2.4rem; font-size: 8px;}
    #footer .inner .info .inquiry{gap:0 4rem}
    #footer .inner .info .addr{display:block;margin-top:2.4rem}
    #footer .inner .info .addr > p{display:inline-block;margin-bottom:0}
    #footer .inner .info .addr > p::after{content:"";display:inline-block;width:1px;height:1.3rem;margin:0 .3rem 0 .7rem;background:#d8d8d8;vertical-align:middle}
    #footer .inner .info .addr > address{display:inline-block}
}
@media screen and (max-width: 840px){
	#path .inner .navi >li:nth-child(2){width:auto}
    #path .inner .navi >li:nth-child(2):before{content: ""; display: block; width: 5rem; height: 5rem; background: url(../../../images/site/kor/layout/p_img05.svg) no-repeat center center / 2.3rem auto;}
    #path .inner .navi >li:nth-child(2) >a{display: none;}
}
@media screen and (max-width: 768px){
    #footer .inner .info{flex-direction:row;gap:2rem}
    #footer .inner .info .item{width:100%;flex:auto;align-items:flex-start}
    #footer .inner .info .info_bottom{flex-direction:column-reverse}
    #footer .inner .info .inquiry .item{padding-left:0;border-left:0}
    #footer .inner .copy{margin-top:1.2rem}
}
@media screen and (max-width: 640px){
    #slide_map .inner .binds{width: 100%; height: calc(100% - 7rem - 7rem);}
    #slide_map .inner .binds >ul >li >a{font-size: 2.2rem;}
    #slide_map .inner .binds >ul >li >div >ul >li >a{font-size: 2rem;}
    #slide_map .inner .binds >ul >li >div >ul >li >ul >li >a{font-size: 1.8rem;}
    #slide_map .inner .bot_line{height: 7rem;}
    #slide_map .close_btn{top: 2rem;}

    #header{height: 7rem;}
    #header #search_wrap .inner .s_1{gap: 1.2rem;}
    #header #search_wrap .inner .s_1 >div{max-width: calc(100% - 1.2rem - 3.6rem);}
    #header #search_wrap .inner .s_1 >div select{width: 12rem; padding: 0 3.4rem 0 1.6rem; background-position: center right 0.4rem;}
    #header #search_wrap .inner .s_1 >div >div{max-width: calc(100% - 12rem);}
    #logo{height: 7rem; font-size: 6px;}
    #path{margin-top: 7rem;}
    #path .inner .navi >li{display: none;}
    #path .inner .navi >li:nth-child(1),
    #path .inner .navi >li:nth-child(2),
    #path .inner .navi >li:last-child{display: block; }
    #path .inner .navi >li:not(:first-child){max-width:23rem}
    #path .inner .navi >li >ul >li >a{padding: 0.7rem 2rem; }
    #header .r_menu .organ_btn{display:none}
    #visual{padding: 4rem 2rem;}
    #visual .inner h2.title{font-size: 3.4rem; gap: 0.5rem;}
    #visual .inner h2.title:after{width: 1.3rem; height: 1.3rem;}
    #visual .inner .depth_3{overflow-x: auto; flex-wrap: nowrap; width: auto; margin-top: 0.8rem; gap: 0.2rem 0.4rem;}
    #visual .inner .depth_3 >li >a{padding: 0.6rem; white-space: nowrap;}


    #container #popup .in .swiper.single-slide .swiper-wrapper .swiper-slide{max-width: 100%;}

    #container .fix_wrap{overflow:visible;right:0;top:auto;bottom:0;width:100%;transform:none;transition:all .2s}
    #container .fix_wrap.fold{width:auto}
    #container .fix_wrap .t{position:absolute;right:0;top:-6.25rem;width:5.75rem;height:5.75rem;margin:0;border-radius:100%;font-size:1.625rem}
    #container .fix_wrap #fix_cont{display:flex;width:100%;background:#fff;border-width:1px 0;border-style:solid;border-color:#2d2d2d}
    #container .fix_wrap #fix_cont >li{flex:1}
    #container .fix_wrap #fix_cont >li >a{width:100%;height:100%}
    #container .fix_wrap .fix_fold{width:100%;height:100%;display:flex;flex-direction: row-reverse;border-radius:0;background:transparent;border:0;transition:0s}
    #container .fix_wrap .fix_fold .fold_btn{display:flex;flex-shrink:0;align-items: center;justify-content:center;width:5.75rem;height:8.5rem;background:#2d2d2d;color:#fff;border-radius:1.2rem 0 0}
    #container .fix_wrap .fix_fold .fold_btn::before{content:"";display:block;width:2.5rem;height:2.5rem;background:url(../../../images/site/kor/layout/icon_close_white.svg) center/contain no-repeat}
    #container .fix_wrap .fix_fold .fold_btn > span{overflow: hidden; position: absolute; width: 0; height: 0; margin: 0; padding: 0; border: 0 none; clip: rect(0, 0, 0, 0)}
    #container .fix_wrap.fold .fix_fold #fix_cont{width:0;height:auto;visibility:visible}
    #container .fix_wrap.fold .fix_fold .fold_btn::before{background-image:url(../../../images/site/kor/layout/icon_plus_white.svg)}
    #container #fix_cont >li >a{padding:0 .8rem;font-size:1.625rem}
    #container #fix_cont >li:not(.t) >a:before{width:2.5rem;height:2.5rem}

    #fix_top{right: 2rem; bottom: 2rem;}
    body:not(#onpage) #fix_top{right: 2rem;}
    #footer{padding: 1.6rem 0 7rem;}
    #footer .inner .info{font-size: 6px;}
    #footer .inner .t_swiper{display: block; }
    #footer .inner .t_swiper .f_title{width:auto;height: auto; margin-bottom: 2rem;}
    #footer .inner .t_swiper .f_slide{width: 100%;}
    #footer .inner .t_swiper .f_title .f_btns{margin-left:1rem}
    #footer .inner .t_swiper .f_slide .swiper-wrapper .swiper-slide{margin-right: 3rem;}
    #footer .inner .t_swiper .f_slide .swiper-wrapper .swiper-slide img{height: 4.5rem;}
}
@media screen and (max-width: 500px){
    #footer .inner .info .info_top{flex-direction: column;align-items: flex-start;}
    #footer .inner .info .info_top > ul{margin-top:2rem;gap:0 1.2rem}
    #footer .inner .info .inquiry{flex-direction:column;gap:1.6rem 0}
    #footer .inner .info .inquiry .item .tit{margin-bottom:.4rem}
    #footer .inner .info .addr > p{width:100%}
    #footer .inner .info .addr > p::after{display:none}
}
@media screen and (max-width: 480px){
    #logo{font-size: 6px;}
    #container #popup .in .c_btns {flex-wrap: wrap;}
    #container #popup .in .c_btns .close {width: 100%;}
}

@media print{
    *{
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    html{font-size: 8px;}
    #header,
    #path,
    #container #fix_cont,
    #footer,
    #fix_top{display: none;}
    #visual{padding: 0;}
    #visual .inner{display: block; }
    #visual .inner .depth_3{margin-top: 1.5rem;}
    #container{margin-top: 4rem; padding: 0;}
}