@charset "utf-8";
/* CSS Document */

#header .site_wrap .site .list > li.on > a .t1,
#header .site_wrap .site .list > li > a:hover .t1,
#header .site_wrap .site .list > li > a:focus .t1 {font-size:1.025; font-weight:600;}


/*quick*/
#quick{ position:fixed; right:0; top:20%; z-index:1001; width:18.5em; max-height:96vh; transform:translateX(100%); transition:.3s}
#quick .quickBtn{ position:absolute; z-index:9; width:3.5em; height: 3em; line-height: 3em; left:0; top:40%; margin-top:-2.5em; border:1px solid transparent; background: rgba(218,53,88,1); overflow:hidden; text-align:center; color:#fff; margin-right:-.5em; transform: rotate(90deg); transform-origin: left top; padding: 0 1em;}
#quick .quickBtn:hover {background: rgba(218,53,88,1);}
#quick .quickBtn:after{ content:""; position:absolute; z-index:1; right:0; top:0; width:1px; height:100%}
#quick .quickBtn .tt{ width:100%; text-transform:uppercase; font-weight: 700; letter-spacing: .063em;}
.scroll #quick {top:30%; transition:.5s;}

/*#quick .quickBtn .xi{ width:100%; line-height:4em;}
#quick .quickBtn .xi:before{content:"\e93e"}*/
.on#quick{ right:.5em; transform:translateX(0);}
.on#quick .quickBtn{margin-right:-1px; height: 5em; width: 1em; transform:translateX(-3em); right: -6em; line-height:5em;}
.on#quick .quickBtn .tt{ display:none}
.on#quick .quickBtn .xi:before{content:"\e93e"}
.on#quick .quick_menu{ box-shadow:0 .25em .75em rgba(27,60,111,.15);}

#quick .quick_menu .list { background-color:#fff;}
#quick .quick_menu .list li a { padding:2em 1em; text-align:center;}
#quick .quick_menu .list li a:hover,
#quick .quick_menu .list li a:focus {background-color:#d8dae4;}
#quick .quick_menu .list li a .t1 { font-size:1em; margin-right: 1em; min-width: 8em; text-align: left; font-weight:700;}
#quick .quick_menu .list li a .icon { width: 2.5em; height: 2.5em; margin-right: 1.5em; margin-left: 1.5em;}
#quick .quick_menu .list li:nth-child(1) a .icon { background:url(../images/main/icon/m_quick01.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
#quick .quick_menu .list li:nth-child(2) a .icon {background:url(../images/main/icon/m_quick02.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
#quick .quick_menu .list li:nth-child(3) a .icon {background:url(../images/main/icon/m_quick03.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
#quick .quick_menu .list li:nth-child(4) a .icon {background:url(../images/main/icon/m_quick04.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
#quick .quick_menu .list li:nth-child(5) a .icon {background:url(../images/main/icon/m_quick05.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
#quick .quick_menu .list li:nth-child(6) a .icon {background:url(../images/main/icon/m_quick06.svg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}

#footer .viewAll{ position:fixed; right:0; bottom:0; width:3.5em; line-height:3.5em; text-align:center; background:#e60044; color:#fff; box-shadow:0 0 1em rgba(0,0,0,.1); opacity:0; transform:translateY(100%); transition:.5s}
#footer .viewAll .xi{ font-size:1.5em; transition:.3s}
#footer .viewAll:hover .xi{ transform:translateY(-.25em)}
.scroll #footer .viewAll{ opacity:1; transform:translateY(0)}

/* 메인 주요사업 */

.visualSlider .el .vod{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.visualSlider .el .vod_wrap:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.4);}

.main_busin {position:relative;}
.main_busin .left_tit { width:32%;padding-left: 15%;}
.main_busin .left_tit .bg { position:absolute; top:0; left:-10%; z-index:-1;}
.main_busin .left_tit .main_tit.s2 { color:#fff; line-height: 1.6;padding-left: 1.5em; }
.main_busin .left_tit .arrow {margin-top: 4em; margin-right:1.5em;}
.main_busin .left_tit .arrow .tt { font-size:1.125em; font-weight:600; margin-right:1em;}
.main_busin .left_tit .arrow .btn { width:3em; height:3em; color:#0060ae; border:1px solid #0060ae; border-radius:50%;line-height: 3em;}
.main_busin .left_tit .arrow .btn.prev {margin-right:.3em;}
.main_busin .left_tit .arrow .btn .xi {margin-left: 0.7em; font-size: 1.25em; font-weight: 500;}
.main_busin .main_prod_list {width:68%; position:relative;}
.main_busin .main_prod_list .bg { position:absolute; top:0; right:0;z-index: -10;}
.main_busin .main_prod_list .prodSlider {width: 95%; margin-top: 2%;}
.main_busin .main_prod_list .prodSlider .busin_icon { background-color:#fff; width:7em; height:7em; border-radius:50%; margin:0 auto;}
.main_busin .main_prod_list .prodSlider .t1 { text-align:center; color:#fff; font-size:1.125em; font-weight:500; margin-top:1em;}
.main_busin .main_prod_list .prodSlider .t2 { font-size:0.9em;text-align:center; color:#fff; margin-top:1em;}


/**/

.a11y-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: polygon(0 0, 0 0, 0 0);
}

.sub_list.st5 {gap: 2em 0.5em;}
.sub_list.st5 li {flex: 1 1 48%;}
.sub_list.st5 li .in_top {margin-bottom:1em;}
.sub_list.st5 li .in_top .in {border-radius:50%;; background:#fff; border:1px solid #0060ae; padding:2.5em; width: 9em; height: 9em; margin:0 auto;}
.sub_list.st5 li .in_top .in .ico { margin-bottom:.5em;}
.sub_list.st5 li .in_top .in .con { font-size:0.95em; font-weight:500; color:#0060ae;}
.sub_list.st5 li .in_bott { padding:1em; background-color:rgba(13,98,172,.1); margin-top:.5em; border-radius:1em;min-height: 7em;}
.sub_list.st5 li .in_bott .tt {font-size:0.9em; font-weight: 500; min-height:2em;}
.sub_list.st5 li .in_bott .tt[data-ico]{ padding-left:1.3em; position:relative}
.sub_list.st5 li .in_bott .tt[data-ico]:before{ content:attr(data-ico); position:absolute; left:0; top:0}

/* ci소개 */

.bg_grid{background-image: repeating-linear-gradient(#eee, #eee 1px, transparent 0, transparent .5em), repeating-linear-gradient(90deg, #eee, #eee 1px, transparent 0, transparent .5em);
background-image: repeating-linear-gradient(#eee, #eee 1px, transparent 0, transparent .5em), repeating-linear-gradient(90deg, #eee, #eee 1px, transparent 0, transparent .5em);
border-top:none; border-left:none; overflow:hidden}
.imgH_ci{ height:10em}
.sub_imgwrap{ padding:3em; text-align:center; border:1px solid #eee;min-width: 39%;}

.sub_bg {background-color: #f4f4f4; padding: 2em;}

.business_tit {padding: 4em 4em;}
.business_tit .tt { font-size:1.8em; color:#fff; font-weight:600;}
.business_tx {padding: 0 4em;}
.business_tx .tt{ font-size:1.125em; margin-top:1em; line-height: 1.6;}
.business_tx .tt:first-child {margin-top:2em;}


/* policy */
.sub_process{}
.sub_process .process_inner{ text-align:center;}
.sub_process .process_inner *{ box-sizing:border-box;}
.sub_process .process_inner .in{ position:relative; display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; width:20em; height:6.5em; background-color:#fff; border-radius:.5em;}
.sub_process .process_inner .in > .tt{ font-size:1.188em; font-weight:600;}
.sub_process .process_inner .in > .tt > span {font-size:0.9em; font-weight:400;}
.sub_process .process_inner .pro_ceo .in{ height:5em; background-color:#182766; color:#fff;}
.sub_process .process_inner .pro_ceo .in:before{ content:""; position:absolute; top:50%; left:50%; width:calc(100% + .375em); height:calc(100% + .375em); border:2px dotted #bbb; border-radius:.75em; box-shadow:0 2px .625em rgba(0,0,0,.2); transform:translate(-50%,-50%);}
.sub_process .process_inner .pro_ceo .in > .tt{ font-size:1.375em; font-weight:700;}
.sub_process .process_inner .pro_group{ margin-top:2em;}
.sub_process .process_inner .group{ display:flex; flex-wrap:wrap; justify-content:center; gap:0 .5em; align-content:center; align-items:center}
.sub_process .process_inner .group.st2 {margin-top: 1em;}
.sub_process .process_inner .group > li{ flex:1;}
.sub_process .process_inner .group > li.w2{ flex:2.5 !important;}
.sub_process .process_inner .group > li.w2 .in{ width:100%;}
.sub_process .process_inner .group .circle {width: 5em; height: 5em; border: 1px solid #fff;line-height: 5em; color:#0060ae; font-weight:600; background-color:#fff; border-radius: 50%; margin-right: 1.5em; position:relative;}
.sub_process .process_inner .group .circle:last-child { margin-right:0;}
.sub_process .process_inner .group .circle:last-child:before {display:none;}
.sub_process .process_inner .group .circle:before {position:absolute; top:0; right:-1em; content:'>'; color:#fff;}
.sub_process .process_inner .pro_part2 .pro_group{ position:relative; z-index: -1;}
.sub_process .process_inner .pro_part2 .pro_group > .group > li{ flex:1;}
.sub_process .process_inner .pro_part2 .pro_group > .group > li .in{ width:100%;}
.sub_process .process_inner .pro_part2 .pro_group .pos1{ position:absolute; left:calc(100% + .5em); top:0; width:50%;}
.sub_process .process_inner .pro_dep1{ margin-top:.5em;}
.sub_process .process_inner .pro_dep1 > .group{ flex-direction:column; border-radius:.75em; overflow:hidden;}
.sub_process .process_inner .pro_dep1 > .group > li{ width:100%;}
.sub_process .process_inner .pro_dep1 > .group > li .in{ height:auto; padding:1.5em 1.5em; background-color:#f2f2f2; border-radius:0; color:#444;}
.sub_process .process_inner .pro_dep1 > .group > li + li .in{ border:solid #ddd; border-width:1px 0 0 0;}
.sub_process .process_inner .pro_dep1 > .group > li .in:before,
.sub_process .process_inner .pro_dep1 > .group > li .in:after{ display:none;}
.sub_process .process_inner .txt{}
.sub_process .process_inner .txt > *{ padding:.125em 0;}
.sub_process .process_inner .txt > .tt{ min-width:8em; color:#000; font-weight:500;min-height: 3em;}
.sub_process .process_inner .txt > .info{ flex:1;}
.sub_process .process_inner .txt > .info > li{ display:flex;}
.sub_process .process_inner .txt > .info > li + li{ margin-top:.5em;}
.sub_process .process_inner .txt > .info > li > *{ flex:1; padding-left:.5em;}
.sub_process .process_inner .txt > .info > li:before{ content:""; margin-top:.375em; width:.25em; height:.25em; background:#0060ae; border-radius:50%;}

.sub_process .process_inner .in.s1{ height:3em;}
.sub_process .process_inner .in.c1{ background:#0060ae; border-radius:1em; color:#fff;}
.sub_process .process_inner .in.c1.re{ background:#fff; border:1px solid #0060ae; color:#0060ae;}
.sub_process .process_inner .in.c2{ background:#444; color:#fff;}
.sub_process .process_inner .in.c3{ background:#019dd8; color:#fff;}
.sub_process .process_inner .in.c4{ background:#748191; color:#fff;}
.sub_process .process_inner .in.c5{ background:#0060ae; color:#fff; height:12em; width:23em;}

.sub_process .process_inner .arrow { color:#748191; min-width: 4em;}
.sub_process .process_inner .arrow img {}
.sub_process .process_inner .arrow.st1 {width: 30%; margin:0 auto;}
.sub_process .process_inner .arrow.st3 {width: 20%;}
.sub_process .process_inner .arrow .rotate90 {transform: rotate(90deg);}
.sub_process .process_inner .arrow .rotate45 {transform: rotate(45deg);}
.sub_process .process_inner .arrow .rerotate45 {transform: rotate(-45deg);}

.sub_process .process_inner .pro_group .linew .in{}
.sub_process .process_inner .pro_group .linew .in.st2{ width:50%;}
.sub_process .process_inner .pro_group .linew .in.st2:before,
.sub_process .process_inner .pro_group .linew .in.st2:after{ top:50%; bottom:auto; width:100%; height:1px;}
.sub_process .process_inner .pro_group .linew .in.st2:before{ left:100%;}
.sub_process .process_inner .pro_group .linew .in.st2:after{ right:100%; left:auto; z-index: -1;}
.sub_process .process_inner .pro_group .linew > li:first-child .in:after,
.sub_process .process_inner .pro_group .linew > li:last-child .in:before{ display:none;}


.sub_btn { background-color:#002144; color:#fff; border:1px solid #002144; font-size:1.188em; padding:1em 2em; border-radius:0.5em; transition:.3s;}
.sub_btn:hover {background-color:#fff; color:#002144;}

/* sub */

.sec_vision li { margin-bottom:1em;}
.sec_vision li .tit {padding:1em; text-align:center; background-color:#0060ae; color:#fff; border-radius:50%; width:6em; height:6em; line-height:6em; font-weight:500; font-size:1.188em; position:relative; margin-right: 5em;}
.sec_vision li .tit.st2 {background-color:#002144;}
.sec_vision li .tit.st2:before {background-color:#002144;}
.sec_vision li .tit:before { position:absolute; top:50%; right:-50%;; content:''; width:5em; height:1px; background-color:#0060ae;}
.sec_vision li .txt.st1 {background-color: rgba(0,96,174,.1); padding: 2em; border-radius: 0.5em; min-width: 68.5%;}
.sec_vision li .txt.st2 {}
.sec_vision li .txt.st2 .txt_min { padding:2em; border:1px solid #ccc; border-radius:0.5em; width:19em;}
.sec_vision li .txt.st2 .txt_min .page_tt { min-height:10em;}
.vision_tt { background-color:#0060ae; color:#fff; padding:0.5em 2em; border-radius:1em; display:inline-block; margin:0 auto;}

.num_wrap_1 { margin: 3em 0 3em 0; }
.num_wrap_1 .num_con { position: relative; flex: 1; padding: 0 1em; box-sizing: border-box; }
/*.num_wrap_1 .num_con:after { position: absolute; content: ""; width: 1px; height: 100%; background: #ddd; right: 0; }*/
.num_wrap_1 .num_con:last-of-type:after { width: 0; }
.num_wrap_1 .num_con .num { width: 3em; height: 3em; background: #0060ae; border-radius: 50%; color: #fff; margin-bottom: 1em; font-size: .9em; }
.num_wrap_1 .num_con .t2 { margin-bottom: .5em; }
.num_wrap_1 .num_con .icon { margin-top: 1.5em; }
.num_wrap_1 .num_con .num:before{ width:100%; background:#ddd}
.num_wrap_1 .num_con .num:after{ width:0; background:#0077cf}
.num_wrap_1 .num_con.on{ transform:translateY(-1em); border-color:#0077cf; transition:.5s}
.num_wrap_1 .num_con.before .num{ background:#0060ae; transition:.5s;}
.num_wrap_1 .num_con.before .num:after{ width:100%; transition:1s}

.rightArr{ position:relative;}
.rightArr .here{ position:absolute; right:-2.9em; top:50%; margin-top:-1em;}

/* sub_kepic */

.page_arrow.re {transform: scaleY(-1);}

.sub_kepic .sub_list.st1 > li .wrap_in .ico .in:before {display:none;}
.sub_list.st1 .wrap_in .con .bar { background-color:#000; width:1em; height:1px; margin:0.5em auto;}
.sub_list.st3 .wrap_in .tit {background-color: #0060ae; color: #fff; padding: 1em 0; font-weight: 600; font-size: 1.1em;}

.page_tt.dot { position: relative; padding: 0 0 0.3em 0.8em; }
.page_tt.dot:last-of-type { padding: 0 0 0 0.8em; }
.page_tt.dot:before { position: absolute; content: ""; width: 5px; height: 5px; background: #0060ae; top: 9px; left: 0; }

.kepic_inn .in .tt {color:#fff; font-weight:600; font-size:1.188em; padding:1em 0;}
.kepic_inn .in .tit {font-size:1.188em; font-weight:600; padding:1em 0;}
.kepic_inn .in .tx_box {padding: 0.5em 3em; text-align: left; background-color: #fff; border: 1px solid #ddd;}

.kepic_inn .in.s1 { width:34.5em;}
.kepic_inn .in.s2 { width:17em;}
.kepic_inn .in.c1 { background-color:#0060ae; border-radius:0.5em;}
.kepic_inn .in.c2 {background-color:#ccc; border-radius:0.5em;}

.sub_kepic .arrow .rotate90 {transform: rotate(90deg);}
.sub_kepic .arrow .rotate45 {transform: rotate(45deg);}
.sub_kepic .arrow .rerotate45 {transform: rotate(-45deg);}
.sub_kepic .arrow.st2 {padding-top:2em;}

/* sub_eva */

.eva_step_wrap .list{margin:2em 0 -3em -3em;}
.eva_step_wrap .list > li{flex:1 1 25%; max-width:25%;}
.eva_step_wrap .list.st2 > li{flex:1 1 50%; max-width:50%;}
.eva_step_wrap .list > li .in{margin:0 0 3em 3em; text-align:center; background:#fff; padding: 0 1.313em; position:relative; border-radius:10px; height:7.5em; border: 1px solid #0060ae;}
.eva_step_wrap .list > li .in .icon{}
.eva_step_wrap .list > li .in .icon > img{}
/*.eva_step_wrap .list > li .in .tt{padding-top:1em;}*/
.eva_step_wrap .list > li .in .tt > p{font-weight:600; font-size:1.22em; color:#222; line-height:1.4;}
.eva_step_wrap .list > li .in .tt > .span {/*letter-spacing: .375em !important;*/ text-transform:uppercase; font-weight:400;font-size:.92em; margin-bottom:.3em;}
.eva_step_wrap .list > li .in .tt > p.en{font-size:.84em; color:#666; font-weight: 400; margin-top:.5em;}
.eva_step_wrap .list > li .in .arrow{ position:absolute; width:3em; line-height:3em; right:-3em; text-align:center; bottom:50%; margin-bottom:-1.5em; font-size:1em}
.eva_step_wrap .list > li:last-child .in{background:#0060ae;}
.eva_step_wrap .list > li:last-child .in .tt > p {color:#fff;}

/* found */
.found_img {width:48%; margin-right:3%;}
.found_tx {width:49%;}
.found_tx > p {}


/* location */

.bus_cir {background-color: #0d79d0; padding: 0.5em 1em; border-radius: 2em; color:#fff; margin-right:0.5em;}
.bus_cir.st2 { background-color:#4ecc22;}
.bus_cir.st3 { background-color:#e54c0f;}

.car_cir {background-color: #ce0045; padding: 0.5em; border-radius: 50%; width:2em; height:2em; line-height:2em; color:#fff; margin-left:.5em; text-align:center;}
.car_cir.st2 {background-color: #3faa13;}
.car_cir.st3 {background-color: #3434ad;}
.car_cir.st4 {background-color: #d6af07;}
.car_cir.st5 {background-color: #00b7a1;}
.car_cir.st6 {background-color: #ff4d00;}
.car_cir.st7 {background-color: #c82363;}

.train_cir {background-color: #ff4d00; padding: 0.5em; border-radius: 50%; width:1em; height:1em; line-height:1em; color:#fff; margin-left:.5em; text-align:center;}
.train_cir.st2 {background-color: #c82363;}

/* service */
.board_cate.d3 > li { width:20%;}
.board_cate.d4 > li { width:33.3%;}

.sub_service .page_twrap {margin-top:0em;}
.sub_service .page_twrap .page_tit {padding-top:1em;}

.wrap_box2{ margin-top:4em;}
.wrap_box2.flex > *{ padding:1.4em .4em; border-top:2px solid #e8e8e8;}
.wrap_box2.flex > .flex_w1{ flex:1; position:relative; padding-left:0; padding-right:0; border-top-color:#c6cad1;}
.wrap_box2.flex > .flex_w1:before,
.wrap_box2.flex > .flex_w1:after { content:""; position:absolute; top:-2px; height:2px; width:.8em;}
.wrap_box2.flex > .flex_w1:before{ left:0; background:#6574b7;}
.wrap_box2.flex > .flex_w1:after { left:.8em; background:#6574b7;}
.wrap_box2.flex > .flex_w1 .f_tit{ font-size:1.3em; font-weight:600;}
.wrap_box2.flex > .flex_w2{ flex:4; margin-left:2em;}
.wrap_box2.flex > .flex_w2 .tw{ font-size:1.1em; line-height:1.5; color:#222;}
.wrap_box2.flex > .flex_w2 .inner {padding-left:1em;}

/*sitemap*/

#sitemap .all_wrap .all{ z-index:1; color:#333; flex-direction:column;}
#sitemap .all_wrap .all .wrap_bg{ position:relative;}
#sitemap .all_wrap .all .wrap_bg .btn{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:3em; line-height:3em; background:#fff; border-radius:50%; color:#1a4e87; text-align:center}
#sitemap .all_wrap .all .wrap_con{ height:calc(100% - 5em); min-width:90%; box-sizing:border-box; margin:0 auto; background:#fff;}
#sitemap .all_wrap .all .wrap_con .wrap_in{ height:100%; box-sizing:border-box;}
#sitemap .all_wrap .all .top{ padding:1em 0}
#sitemap .all_wrap .all .top .logo{ gap:0 1.5em;}
#sitemap .all_wrap .all .top .logo img{ height:2em;}
#sitemap .all_wrap .all .top .logo .tt{ font-size:1.375em; color:#000; font-weight:700;}
#sitemap .all_wrap .all .top .lang{ gap:0 2em}
#sitemap .all_wrap .all .top .lang > li > a{ font-weight:700; font-size:1.125em; color:#999; padding:.25em}
#sitemap .all_wrap .all .top .lang > li > a.on{ color:#0060ae; position:relative}
#sitemap .all_wrap .all .top .lang > li > a.on:before{ content:""; position:absolute; left:0; bottom:0; width:100%; height:.25em; background:#0060ae; opacity:.2; z-index:-1}
#sitemap .all_wrap .all .top .lang:hover{ opacity:1}
#sitemap .all_wrap .all .bottom{ padding:1.5em 0; box-sizing:border-box}
#sitemap .all_wrap .all .bottom .link{ gap:0 2em}
#sitemap .all_wrap .all .bottom .link > li > a{ font-size:.938em; color:#666}
#sitemap .all_wrap .all .bottom .link > li > a.point{ font-weight:500; color:#0060ae}
#sitemap .all_wrap .all .bottom .link > li > a .xi{ font-size:1em; vertical-align:middle}
#sitemap .all_wrap .all .bottom .link > li > a .t1{ font-weight:500}
#sitemap .all_wrap .all .bottom .link > li > a:hover,
#sitemap .all_wrap .all .bottom .link > li > a:focus{ text-decoration:underline}
#sitemap .all_wrap .all .bottom .etc{ margin-top:2em}
#sitemap .all_wrap .all .bottom .etc > li > a{ font-size:.938em; color:#777}
#sitemap .all_wrap .all .menu{ position:relative}
#sitemap .all_wrap .all .menu:before{ content:""; position:absolute; left:0; top:0; width:calc(100% - 1px); height:100%; z-index:-1; box-sizing:border-box; border:1px solid #eee; border-bottom-color:#ddd}
#sitemap .all_wrap .all .gnb{ height:100%; position:relative; flex-wrap: wrap;}
#sitemap .all_wrap .all .gnb ul{ display:block}
#sitemap .all_wrap .all .gnb a{ text-align:left; position:relative; line-height:1.2}
#sitemap .all_wrap .all .gnb li{ position:relative; flex:1 1 33%}
#sitemap .all_wrap .all .gnb a .arrow{ position:absolute; right:.5em; opacity:.5; transition:.3s; font-size:1em}
#sitemap .all_wrap .all .gnb a .arrow:before{ content:"\e907"; font-size:.75em}
#sitemap .all_wrap .all .gnb li.more > a .arrow:before{ content:"\e943"; font-size:1em}
#sitemap .all_wrap .all .gnb > li:not(.m_hide){ display:flex; flex-direction:column}
#sitemap .all_wrap .all .gnb > li .dp1{ padding:0 1em; height:4em; background:#0060ae; box-sizing:border-box; border-right:1px solid rgba(255,255,255,.2); color:#fff}
#sitemap .all_wrap .all .gnb > li .dp1 .va{ font-size:1.25em; font-weight:700}
#sitemap .all_wrap .all .gnb > li .dp1 .arrow{ top:50%; transform:translateY(-50%)}
#sitemap .all_wrap .all .gnb > li .dp2{ flex:1 1 0%; min-height:0; border-left:1px solid transparent; border-right:1px solid #eee; border-bottom:1px solid #eee; padding:1em 0}
#sitemap .all_wrap .all .gnb > li .dp2 > li > a{ padding:.5em 1em; padding-right:2em; font-weight:500; transition:.3s}
#sitemap .all_wrap .all .gnb > li .dp2 > li > a .arrow{ right:.75em; top:.5em}
#sitemap .all_wrap .all .gnb > li .dp2 > li.more > a .arrow:before{ content:"\e942"}
#sitemap .all_wrap .all .gnb > li .dp2 > li.act > a .arrow{ opacity:1}
#sitemap .all_wrap .all .gnb > li .dp2 > li.act > a .va .tt{ text-decoration:underline}
#sitemap .all_wrap .all .gnb > li .dp3{ background:#f5f5f5; margin:0 .5em; border-radius:.5em; padding:.5em; margin-bottom:.5em}
#sitemap .all_wrap .all .gnb > li .dp3 > li > a{ padding:.188em .5em; padding-left:.75em; color:#666; display:flex}
#sitemap .all_wrap .all .gnb > li .dp3 > li > a:before{ content:"-"; position:absolute; left:0; top:.125em; width:auto; height:auto}
#sitemap .all_wrap .all .gnb > li .dp3 > li > a .arrow{ display:none}
#sitemap .all_wrap .all .gnb > li .dp3 > li > a .va{ font-size:.938em}
#sitemap .all_wrap .all .gnb > li .dp3 > li.act > a{ color:#0060ae; font-weight:500}
#sitemap .all_wrap .all .gnb > li.act .dp1{ background:#002144}

.facility_wrap1 {padding: 0em 2em;}
.facility_wrap1 .floor_box{display:flex; flex-direction:column; position:relative; height:100%;}
.facility_wrap1 .floor_box .img_slides_wrap{height:100%; width:100%;}
.facility_wrap1 .floor_box .img_slides_wrap .el{height:100%;}
.facility_wrap1 .floor_box .img_slides_wrap .el .img{width:100%; height:28.5em; background-size:cover; background-position:center; background-repeat:no-repeat;}
.facility_wrap1 .floor_box .img_slides_wrap .el .txt{height:10em; padding:2em; box-sizing:border-box; background:rgba(0,0,0,.6); width:100%;}

.facility_wrap1 .floor_box .img_slides_wrap .el .txt.st2{height:14em;}
.facility_wrap1 .floor_box .img_slides_wrap .el .txt .tt{font-size:1.3em; color:#fff; font-weight:600; margin-bottom:1.125rem;}
.facility_wrap1 .floor_box .img_slides_wrap .el .txt .tt .s_tit{ font-weight:400; font-size:.75em;}
.facility_wrap1 .floor_box .img_slides_wrap .el .txt .t1{color:#fff; line-height:1.4;}

.facility_wrap1 .floor_box .arrows_wrap{position:absolute; right:0%; bottom:10em; width:80px; height:40px; z-index:2; display:flex;}
.facility_wrap1 .floor_box .arrows_wrap > span{width:40px; display:flex; justify-content:center; align-items:center; background:#fff; color:##0060ae; cursor:pointer; border-bottom:1px solid #0060ae; border-right:1px solid #0060ae;}
.facility_wrap1 .floor_box .arrows_wrap > span .xi{font-size:1.25em;}
.facility_wrap1 .floor_box .arrows_wrap > span:hover .xi{color:#ed1c24;}

.facility_wrap2 {gap: 3em 1em;}
.facility_wrap2 .list {flex: 1 49%;}
.facility_wrap2 .list .tx_box {width: 77%;min-height: 4.4em; margin:0 auto;}
.facility_wrap2 .list .page_tt.s1 {padding-left: 1.5em; margin: 1em 0;}


/**/
.main_Linfo {padding: 2em 1em; }
.main_Linfo .left_box .tit_t {font-size: 1.3em; font-weight: 600; margin-bottom: 2em;}
.main_Linfo .left_box .ratio_tit { margin-right:1em;}
.main_Linfo .left_box .ratio_tit .tit {font-size: 1em; margin-bottom:.5em;}
.main_Linfo .left_box .ratio_tit .date {font-size: 0.9em; opacity: .9;}
.main_Linfo .right_box {gap: 3em; padding-right:2em;}
.main_Linfo .right_box .tit {font-size: 0.95em; font-weight: 300; margin-top:.3em;}
.main_Linfo .right_box .tit .t2 i { font-size:1.4em; font-weight:600; margin-right:.3em;}
.circle { width: 100px; height:50px;  position: relative; overflow:hidden; text-align: center; line-height: 1.2;}
.circle strong { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center;}