@charset "utf-8"; 
/************************************************************************
 * 설명         : 프린피아 공통정의 by UXT
 * 버젼         : 25_1 영문홈페이지글로벌버튼수정
************************************************************************/
@import url(font.css); 
@import url(/common/css/ui/swiper.min.css); 
@import url(/common/css/ui/aos.css); 

:root { 
    --white : #fff; 
    --black : #000; 
    --color1: #478a6e; 
    --easeOutQuint:cubic-bezier(0.22, 1, 0.36, 1); 


    --font1 : "Pretendard", sans-serif; 
    --font2 : "Obvia", sans-serif; 
    --font3 : "Pretendard", sans-serif; 

    --ease1:0.1s; 
    --ease2:0.2s;    
    --ease3:0.3s; 
    --ease4:0.4s; 
    --ease5:0.5s; 
    --ease7:0.7s; 
    --ease10:1s; 
 } 

/* Font Weight */
.p-f400 { font-weight: 400 !important; } 
.p-f500 { font-weight: 500 !important; } 
.p-f600 { font-weight: 600 !important; } 
.p-f700 { font-weight: 700 !important; } 
.p-f800 { font-weight: 800 !important; } 

/* Font Size */
.p_f88 { font-size:88rem } 
.p_f66 { font-size:66rem } 
.p_f60 { font-size:60rem } 
.p_f54 { font-size:54rem } 
.p_f48 { font-size:48rem } 
.p_f44 { font-size:44rem } 
.p_f40 { font-size:40rem } 
.p_f38 { font-size:38rem } 
.p_f34 { font-size:34rem } 
.p_f30 { font-size:30rem } 
.p_f28 { font-size:28rem } 
.p_f26 { font-size:26rem } 
.p_f24 { font-size:24rem } 
.p_f22 { font-size:22rem } 
.p_f20 { font-size:20rem } 
.p_f18 { font-size:18rem } 
.p_f16 { font-size:16rem } 

.white { color:var(--white) !important; } 
.black { color:var(--black) !important; } 
.color1 { color:var(--color1) !important; } 

.p-text-left { text-align: left !important; } 
.p-text-center { text-align: center !important; } 
.p-text-right { text-align: right !important; } 

.p-ib { display: inline-block; } 


/* skip_area */
a.skip_area { display:block; position:absolute; left:0; top:-95px; width:100%; height:48px; background:#0382e1; color:#fff; text-align:center; line-height:48px; z-index:9999; outline:none; } 
a.skip_area:focus { top:0; } 

/* Reset */
* { -webkit-tap-highlight-color :transparent } 
html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select { margin:0; padding:0 } 
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption { display:block; margin:0; padding:0 } 
legend { display:block; overflow:hidden; position:absolute; width:1px; height:1px; font-size:1px; line-height:0; text-indent:-999em; white-space:nowrap; } 
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr { border:0 none } 
img { vertical-align:middle; } 
body li { vertical-align:top } 
ul, li, ol { list-style:none; padding:0; margin:0; } 
table { border-collapse:collapse } 
caption { visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0; } 
button { overflow:visible; border:0 none; cursor:pointer; border-radius:0; background: none; } 
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner { padding: 0; border: 0 none } 
a { text-decoration:none; color: var(--black); } 
address,
em { font-style:normal } 
body,input,select,textarea,button,h1,h2,h3,h4,h5,h6 { font-family:'Pretendard', sans-serif; font-size:14px; line-height: 1.55; color: var(--black); text-decoration: none; letter-spacing: -0.5px; word-break: keep-all; } 
textarea,select { border:0; border-radius:0; resize:none; box-shadow:none; -webkit-appearance:none; appearance:none; font-weight: normal; } 
a:hover { text-decoration: none; } 
body { -webkit-text-size-adjust: none; background:none; } 
form { padding: 0; margin: 0; } 
* { box-sizing: border-box; -webkit-box-sizing:border-box; } 
::-ms-clear { display: none; } 
select::-ms-expand { display:none; } 
a,a:active,a:visited { text-decoration:none !important; } 
strong { font-weight: 600; } 
b { font-weight: 700; } 
* { box-sizing: border-box; } 
html { font-size:10px; } 
img { max-width:100%; } 


::-ms-clear { display: none; } 
select::-ms-expand { display:none; } 
::-webkit-input-placeholder { color: #375649; } 

input:focus::placeholder { color: transparent !important; } 
input:focus:-ms-input-placeholder { color: transparent !important; } 
input:focus::-ms-input-placeholder { color: transparent !important; } 

.hidden { position: absolute; width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; display: none; } 

/* skip_area */
a.skip_area { display:block; position:absolute; left:0; top:-95px; width:100%; height:48px; background:#0382e1; color:#fff; text-align:center; line-height:48px; z-index:9999; outline:none; } 
a.skip_area:focus { top:0; } 


/* margin */
/* margin top */
.mt80 { margin-top:80px !important; } 
.mt60 { margin-top:60px !important; } 
.mt40 { margin-top:40px !important; } 
.mt30 { margin-top:30px !important; } 
.mt24 { margin-top:24px !important; } 
.mt20 { margin-top:20px !important; } 
.mt18 { margin-top:18px !important; } 
.mt16 { margin-top:16px !important; } 
.mt10 { margin-top:10px !important; } 
.mt8 { margin-top:8px !important; } 
.mt0 { margin-top:0px !important; } 
/* margin bottom */
.mb100 { margin-bottom:100px !important; } 
.mb80 { margin-bottom:80px !important; } 
.mb60 { margin-bottom:60px !important; } 
.mb40 { margin-bottom:40px !important; } 
.mb30 { margin-bottom:30px !important; } 
.mb24 { margin-bottom:24px !important; } 
.mb20 { margin-bottom:20px !important; } 
.mb18 { margin-bottom:18px !important; } 
.mb16 { margin-bottom:16px !important; } 
.mb10 { margin-bottom:10px !important; } 
.mb8 { margin-bottom:8px !important; } 
.mb5 { margin-bottom:5px !important; } 
.mb0 { margin-bottom:0px !important; } 
/* margin left */
.ml80 { margin-left:80px !important; } 
.ml60 { margin-left:60px !important; } 
.ml40 { margin-left:40px !important; } 
.ml30 { margin-left:30px !important; } 
.ml24 { margin-left:24px !important; } 
.ml20 { margin-left:20px !important; } 
.ml18 { margin-left:18px !important; } 
.ml16 { margin-left:16px !important; } 
.ml10 { margin-left:10px !important; } 
.ml8 { margin-left:8px !important; } 
.ml0 { margin-left:0px !important; } 
/* margin right */
.mr80 { margin-right:80px !important; } 
.mr60 { margin-right:60px !important; } 
.mr40 { margin-right:40px !important; } 
.mr30 { margin-right:30px !important; } 
.mr24 { margin-right:24px !important; } 
.mr20 { margin-right:20px !important; } 
.mr18 { margin-right:18px !important; } 
.mr16 { margin-right:16px !important; } 
.mr10 { margin-right:10px !important; } 
.mr8 { margin-right:8px !important; } 
.mr0 { margin-right:0px !important; } 

.pl0 { padding-left: 0 !important; } 

@media all and (max-width: 767px) { 
/* margin */
.mt80 { margin-top:40px !important; } 
.mt60 { margin-top:40px !important; } 
.mt40 { margin-top:24px !important; } 
.mt30 { margin-top:20px !important; } 
.mt24 { margin-top:18px !important; } 
.mt16 { margin-top:8px !important; } 

.mb80 { margin-bottom:40px !important; } 
.mb60 { margin-bottom:40px !important; } 
.mb40 { margin-bottom:24px !important; } 
.mb30 { margin-bottom:20px !important; } 
.mb24 { margin-bottom:18px !important; } 
.mb16 { margin-bottom:8px !important; } 

.ml80 { margin-left:40px !important; } 
.ml60 { margin-left:40px !important; } 
.ml40 { margin-left:24px !important; } 
.ml30 { margin-left:20px !important; } 
.ml24 { margin-left:18px !important; } 
.ml16 { margin-left:8px !important; } 

.mr80 { margin-right:40px !important; } 
.mr60 { margin-right:40px !important; } 
.mr40 { margin-right:24px !important; } 
.mr30 { margin-right:20px !important; } 
.mr24 { margin-right:18px !important; } 
.mr16 { margin-right:8px !important; } 
 } 


html { font-size:6.25% } 

/**************************************************************************************************************** 
 Font Size Media Query 
****************************************************************************************************************/
/* PC_1920(1201~1920) */ 
@media (min-width: 1207px) { 
 :root { 
 --scale-minfont: 1; 
 } 
 html { font-size: 6.25%; } 
 html { font-size: 1px; } 
 } 


/* PC_1200(1200~1025) */
@media (max-width: 1206px) { 
 :root { 
 --scale-minfont: 1; 
 } 
 html { font-size: 4.69%; } /* ios % 인식 못함 */
html { font-size: 0.75px; } 
 } 

/* Tablet_1024(1024~753) */
@media (max-width: 1026px) { 
 :root { 
 --scale-minfont: 1; 
 } 
 html { font-size: 4.69%; } /* ios % 인식 못함 */
html { font-size: 0.75px; } 
 } 

/* Mobile_380(752~380) */
@media (max-width: 752px) { 
 :root { 
 --scale-minfont: 1.125; 
 } 
 html { font-size: 4.06%; } /* ios % 인식 못함 */
html { font-size: 0.65px; } 
 } 



/**************************************************************************************************************** 
 Common
****************************************************************************************************************/


/* Common Layout & UI */
.p-w1220 { max-width:1320px; margin:0 auto; padding:0 50rem; } 
.p-w1456 { max-width:1556px; margin:0 auto; padding:0 50rem; } 
.p-w1060 { max-width:1060px; margin:0 auto; padding:0 50rem; } 
.p-w1700 { max-width:1700px; margin:0 auto; padding:0 50rem; } 
.p-width-full { max-width:100%; padding:0 70rem; } 
.p-full { max-width:1920px; margin:0 auto; } 
.p-mb0 { margin-bottom: 0 !important; } 
.p-mb15 { margin-bottom: 15rem !important; } 
.p-mb25 { margin-bottom: 25rem !important; } 
.p-mb35 { margin-bottom: 35rem !important; } 
.p-mb40 { margin-bottom: 40rem !important; } 
.p-mb45 { margin-bottom: 45rem !important; } 
.p-mb50 { margin-bottom: 50rem !important; } 
.p-mb60 { margin-bottom: 60rem !important; } 
.p-mb70 { margin-bottom: 70rem !important; } 
.p-mb80 { margin-bottom: 80rem !important; } 
.p-mb90 { margin-bottom: 90rem !important; } 
.p-mb100 { margin-bottom: 100rem !important; } 
.p-mb120 { margin-bottom: 120rem !important; } 
.p-mb150 { margin-bottom: 150rem !important; } 
.p-flex { display: flex; } 
.p-justity-content-between { justify-content: space-between; } 
.p-align-items-center { align-items: center; } 

.header-wrap-a { position: fixed; left:0; top:0; right:0; z-index:100; transition: all 0.5s ease; } 
.header-area { display: flex; justify-content: center; } 
.header-wrap-inner { overflow: hidden; height: 100px; transition: all var(--ease5) ease; position: relative; } 
.header-wrap-a .space { flex:1; position: relative; z-index:2; } 
/* .header-wrap-a:after { content:''; position: absolute; left:0; right:0; top:0; opacity:0; height: 100px; transition: all var(--ease5) ease; background-color: #fff; pointer-events: none; z-index:-1; } */
.header-wrap-a.active:after { height: 100%; opacity:1; } 
.header h1 { position: absolute; left:70rem; top:0; display: flex; align-items: center; height: 100px; z-index:3; } 
.header h1 a { width:142px; height: 44px; background: url(/common/image/img_inc/logo_white.png) no-repeat 0 50%; } 
.header .right { position: absolute; right:70rem; top:30px; display: flex; align-items:flex-start; z-index:3; } 
.header .right .btn-mall { width:135rem; height:37rem; line-height: 36rem; border-radius:36rem; text-align: center; font-size:16rem; color:#000000; background-color: #fff; transition: all var(--ease5) ease; margin-top:2px; } /*영어*/
.header .right .btn-mall:hover { background-color: #478a6e !important; color:#fff; } 
.header .right .lang { position: relative; border-radius:5rem; border:1px solid transparent; transition: all var(--ease10) ease; margin-left: 20rem; margin-right: 30rem;} /*ljh-250114*/
.header .right .lang .btn-lang { width:77px; height: 38px; text-align: center; background: url(/common/image/img_inc/ico_top_lang_white.png) no-repeat 17px 50%; position: relative; vertical-align: top; } 
.header .right .lang .btn-lang:before { content:''; position: absolute; right:14px; top:12px; width:8px; height: 8px; border-left:1px solid #fff; border-bottom:1px solid #fff; transform: rotate(-45deg); transition: all var(--ease7) ease;; } 
.header .right .lang ul { max-height: 0; overflow: hidden; opacity:0; } 
.header .right .lang ul li:first-child { padding-top:3px } 
.header .right .lang ul li:last-child { padding-bottom:10px } 
.header .right .lang ul a { display: block; line-height: 30px; text-align: center; font-size:16rem; transition: all var(--ease7) ease; } 
.header .right .lang.active { border-color:#000; background-color: #fff; } 
.header .right .lang.active .btn-lang { background-image: url(/common/image/img_inc/ico_top_lang_black.png); } 
.header .right .lang.active .btn-lang:before { border-color:#000; transform: rotate(135deg); top:17px; } 
.header .right .lang.active ul { max-height: 200px; overflow: unset; opacity:1; transition: all var(--ease10) ease; } 
.header .right .lang.active ul a:hover { color:#478a6e; } 
.header .right .btn-menu { height: 37px; width:37px; display: flex; align-items: flex-end; flex-direction: column; gap:8px; justify-content: center; margin-left: 40rem; padding:6rem 0 } 
.header .right .btn-menu span { width:22px; height: 2px; background-color: #fff; } 
.header .right .btn-menu span:last-child { width:30px; } 
.gnb-wrap .gnb-area { max-width:840rem; margin:0 auto; } 
.gnb-wrap .gnb-area > ul { display: flex; } 
.gnb-wrap .gnb-area > ul > li { width:100%; }
.gnb-wrap .gnb-area > ul > li.m1 a.btn-dep1 {white-space: nowrap;} /*영어*/
.gnb-wrap .gnb-area > ul .btn-dep1 { width:140px; display: block; text-align: center; height: 100px; line-height: 100px; font-size:20rem; font-weight:400; position: relative; z-index:2; color:#fff;transition: all var(--ease5) ease; } 
.gnb-wrap .gnb-area > ul .dep2 { height: auto; } 
.gnb-wrap .gnb-area .dep2-wrap { visibility: hidden; opacity:0; transition: all 0.2s ease; pointer-events:none } 
.gnb-wrap .gnb-area .dep2-box { display: flex; position: absolute; z-index:1; top:0; left:0; width:100%; padding:130rem 70rem 30rem; transition:all var(--ease3) ease; gap:20rem; } 
.gnb-wrap .gnb-area .dep2-box:before { content:''; position: absolute; left:70rem; right:70rem; top:100rem; height: 1px; background-color: #e0e0e0; } 
.gnb-wrap .gnb-area .dep2-box .dep2 { display: block; overflow: hidden; border-radius:8rem; position: relative; width:100%; height: 300rem; padding:80rem 20rem 0; } 
.gnb-wrap .gnb-area .dep2-box .dep2 h4 { font-size:24rem; font-weight:400; margin-bottom: 40px; color:#fff; position: relative; } 
                /* 삭제 .gnb-wrap .gnb-area .dep2-box .dep2 ul { position: relative; }*/
.gnb-wrap .gnb-area .dep2-box .dep2 .btn-dep2,
.gnb-wrap .gnb-area .dep2-box .dep2 p { display: block; line-height: 27px; font-size:16rem; font-weight:500; color:#fff; position: relative; } 
.gnb-wrap .gnb-area .dep2-box .dep2:before { content:''; position: absolute; left:0; top:0; right:0; bottom:0; background: url(/common/image/img_inc/bg_gnb1_1.jpg) no-repeat 50% 50%; background-size: cover; transition: all 1s ease; filter: brightness(70%);} 
.gnb-wrap .gnb-area .dep2-box .dep2:hover:before { transform: scale(1.1); } 
    .gnb-wrap .gnb-area .dep2-box .dep2.bg1-1:before {background-image: url(/common/image/img_inc/bg_gnb1_1.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg1-2:before {background-image: url(/common/image/img_inc/bg_gnb1_2.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg1-3:before {background-image: url(/common/image/img_inc/bg_gnb1_3.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg1-4:before {background-image: url(/common/image/img_inc/bg_gnb1_4.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg1-5:before {background-image: url(/common/image/img_inc/bg_gnb1_5.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg1-6:before {background-image: url(/common/image/img_inc/bg_gnb1_6.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg1-7:before {background-image: url(/common/image/img_inc/bg_gnb1_7.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg1-8:before {background-image: url(/common/image/img_inc/bg_gnb1_8.jpg)}

    .gnb-wrap .gnb-area .dep2-box .dep2.bg2-1:before {background-image: url(/common/image/img_inc/bg_gnb2_1.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg2-2:before {background-image: url(/common/image/img_inc/bg_gnb2_2.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg2-3:before {background-image: url(/common/image/img_inc/bg_gnb2_3.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg2-4:before {background-image: url(/common/image/img_inc/bg_gnb2_4.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg2-5:before {background-image: url(/common/image/img_inc/bg_gnb2_5.jpg)}

    .gnb-wrap .gnb-area .dep2-box .dep2.bg3-1:before {background-image: url(/common/image/img_inc/bg_gnb3_1.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg3-2:before {background-image: url(/common/image/img_inc/bg_gnb3_2.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg3-3:before {background-image: url(/common/image/img_inc/bg_gnb3_3.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg3-4:before {background-image: url(/common/image/img_inc/bg_gnb3_4.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg3-5:before {background-image: url(/common/image/img_inc/bg_gnb3_5.jpg)}

    .gnb-wrap .gnb-area .dep2-box .dep2.bg4-1:before {background-image: url(/common/image/img_inc/bg_gnb4_1.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg4-2:before {background-image: url(/common/image/img_inc/bg_gnb4_2.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg4-3:before {background-image: url(/common/image/img_inc/bg_gnb4_3.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg4-4:before {background-image: url(/common/image/img_inc/bg_gnb4_4.jpg)}

    .gnb-wrap .gnb-area .dep2-box .dep2.bg5-1:before {background-image: url(/common/image/img_inc/bg_gnb5_1.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg5-2:before {background-image: url(/common/image/img_inc/bg_gnb5_2.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg5-3:before {background-image: url(/common/image/img_inc/bg_gnb5_3.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg5-4:before {background-image: url(/common/image/img_inc/bg_gnb5_4.jpg)}

    .gnb-wrap .gnb-area .dep2-box .dep2.bg6-1:before {background-image: url(/common/image/img_inc/bg_gnb6_1.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg6-2:before {background-image: url(/common/image/img_inc/bg_gnb6_2.jpg)}
    .gnb-wrap .gnb-area .dep2-box .dep2.bg6-3:before {background-image: url(/common/image/img_inc/bg_gnb6_3.jpg)}

.gnb-wrap .gnb-area > ul > li.active .dep2-wrap { opacity:1; visibility: visible; pointer-events: inherit; } 
.gnb-wrap .gnb-area > ul > li.active .dep2 { visibility: visible; } 
.bg-gnb { position: fixed; left:0; top:0; right:0; bottom:0; height: calc(100vh + 200px); background-color: rgba(0,0,0,0.3); opacity:0; visibility: hidden; transition: all var(--ease5) ease; z-index:-1; } 
.header-wrap-a.active .bg-gnb { opacity:1; visibility: visible; } 
.header-wrap-a.active .header-wrap-inner { height: 460rem; background-color: #fff; } 
.header-wrap-a.active .gnb-wrap .gnb-area > ul .btn-dep1 { color:#333 } 
.header-wrap-a.active .header h1 a { background-image: url(/common/image/img_inc/logo_black.png); } 
.header-wrap-a.active .header .right .btn-mall { background-color: #111; color:#fff; } 
.header-wrap-a.active .header h1 a { background-image: url(/common/image/img_inc/logo_black.png); } 
.header-wrap-a.active .gnb-wrap .gnb-area > ul .btn-dep1 { color:#888; } 
.header-wrap-a.active .gnb-wrap .gnb-area > ul > li.active .btn-dep1 { color:#111; } 
.header-wrap-a.active .header .right .btn-mall { background-color: #000; color:#fff; } 
.header-wrap-a.active .header .right .lang .btn-lang { background-image: url(/common/image/img_inc/ico_top_lang_black.png); } 
.header-wrap-a.active .header .right .btn-menu span { background-color: #000; } 
.header-wrap-a.active .header .right .lang .btn-lang:before { border-color:#000; } 

.sub-header { height: 500rem; position: relative; } 
.sub-header:after { content: ''; position: absolute; left:0; right:0; top:0; height: 100rem; background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); pointer-events: none; } 
.sub-header:before { content:''; position: absolute; left:0; right:0; top:0; bottom:0; background: url(/common/image/menu_aboutus/bg_head.jpg) no-repeat 50% 50%; background-size: cover; } 
.sub-header-wrap-a.menu_aboutus .sub-header:before { background-image: url(/common/image/menu_aboutus/bg_head.jpg); } 
.sub-header-wrap-a.menu_services .sub-header:before { background-image: url(/common/image/menu_services/bg_head.jpg); } 
.sub-header-wrap-a.menu_portfolio .sub-header:before { background-image: url(/common/image/menu_portfolio/bg_head.jpg); } 
.sub-header-wrap-a.menu_facilities .sub-header:before { background-image: url(/common/image/menu_facilities/bg_head.jpg); } 
.sub-header-wrap-a.menu_careers .sub-header:before { background-image: url(/common/image/menu_careers/bg_head.jpg); } 
.sub-header-wrap-a.menu_support .sub-header:before { background-image: url(/common/image/menu_support/bg_head.jpg); } 
.sub-header-wrap-a.menu_common .sub-header:before { background-image: url(/common/image/menu_support/bg_head.jpg); } 
.sub-header-wrap-a .sub-header:before { background-image: url(/common/image/menu_aboutus/bg_head.jpg) } 
.sub-header h2 { padding-top:200rem; text-align: center; color:#fff; position: relative; margin-bottom: 30rem; } 
.sub-header h2 small { font-size:20rem; font-weight:100; font-family: "Geologica", sans-serif; line-height: 1; } 
.sub-header h2 strong { display: block; font-size:48rem; font-weight:500; } 

.sub-gnb-wrap { position: relative; display: flex; transition: transform 0.5s ease; pointer-events: none } 
.sub-gnb-wrap .sub-gnb { margin:0 auto; pointer-events:all} 
.sub-gnb-wrap ul { display: flex; margin:0 auto; border-radius:9px; background: rgba(255,255,255,0.8); padding:10rem; } 
.sub-gnb-wrap ul a { display: block; height: 40rem; line-height: 39rem; padding:0 15rem; border-radius:9rem; font-size:20rem; color:#666; transition:all var(--ease7) ease; font-weight:500; } 
.sub-gnb-wrap ul a:hover { color:#000; } 
.sub-gnb-wrap ul .active a { background-color: #375649; color:#fff; } 
.is-sticky .sub-gnb-wrap { z-index:10 !important; transition: all 0.3s ease; } 
.is-sticky .sub-gnb-wrap .sub-gnb ul { background-color: rgba(55,86,73,0.85); backdrop-filter:blur(4px); } 
.is-sticky .sub-gnb-wrap ul a { color:#cbded6; } 
.is-sticky .sub-gnb-wrap ul a:hover { color:#fff; } 
.is-sticky .sub-gnb-wrap ul .active a { background-color: #fff; color:#111;; } 
.sub-gnb-wrap.type2 ul { background:rgba(55,86,73,0.8); } 
.sub-gnb-wrap.type2 ul li a { color:#cbded6; } 
.sub-gnb-wrap.type2 ul li a:hover { color:#fff; } 
.sub-gnb-wrap.type2 ul li.active a { background-color: #fff; color:#000; } 

body.menu-on .header-wrap-a { background-color: #fff; } 
body.menu-on .header h1 a { background-image: url(/common/image/img_inc/logo_black.png); } 
body.menu-on .gnb-wrap .gnb-area > ul .btn-dep1 { color:#000;} 
body.menu-on .header .right .btn-mall { background-color: #000; color:#fff; } 
body.menu-on .header .right .lang .btn-lang { background-image: url(/common/image/img_inc/ico_top_lang_black.png); } 
body.menu-on .header .right .btn-menu span { background-color: #000; } 
body.menu-on .header .right .lang .btn-lang:before { border-color:#000; } 
body.menu-on.mobile-scroll-up .header-wrap-a { transform: translateY(0); } 
body.menu-on.mobile-scroll-up .mobile-submenu-a { top:80px; } 
body.menu-on.mobile-scroll-up .is-sticky .sub-gnb-wrap { transform: translateY(100px); } 
body.menu-on .header-wrap-a { transform: translateY(-200px); } 

.footer-sitemap { border-top:1px solid #e5e5e5; padding:35rem 0 40rem; } 
.footer-sitemap .p-width-full { display: flex; justify-content: space-between; } 
.footer-sitemap .menu { width: 100%; } 
.footer-sitemap .menu > ul { display: flex; width: 100%; max-width: 960rem; } 
.footer-sitemap .menu > ul > li { flex-grow: 1; max-width:160rem; } 
.footer-sitemap .menu .btn-dep1 { display: block; line-height: 40px; font-size:22rem; color:#375649; font-weight:600; margin-bottom: 5px; transition: all var(--ease5) ease; } 
.footer-sitemap .menu .btn-dep1:hover { color:#478a6e; } 
.footer-sitemap .menu .dep2 .btn-dep2 { display: block; line-height: 27px; font-size:18rem; color:#888888; font-weight:300; transition: all var(--ease5) ease; } 
.footer-sitemap .menu .dep2 .btn-dep2:hover { color:#111; } 
.footer-sitemap .downloads p { margin-bottom: 10px;; } 
.footer-sitemap .downloads a { display: block; width:226rem; height: 40rem; border-radius:40rem; background: #efefef url(/common/image/img_inc/ico_download.png) no-repeat right 50%; background-position: right 20px center; padding-left: 20rem; font-size:18rem; color:#333; line-height: 40rem; background-size: 17rem auto; transition: all var(--ease5) ease; } 
.footer-sitemap .downloads a:hover { background-color: #ddd; } 

.footer-etc { padding: 25rem 0; border-top:1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } 
.footer-etc .p-width-full { display: flex; justify-content: space-between; align-items: center; } 
.footer-etc .logo-box { display: flex; align-items: center; gap:70px; } 
.footer-etc .logo-box .logo a { display: block; width:200px; height: 50px; background: url(/common/image/img_inc/foot_logo.png) no-repeat 0 50%; background-size: contain; } 
.footer-etc .logo-box ul { display: flex; } 
.footer-etc .logo-box ul li + li { position: relative; } 
.footer-etc .logo-box ul li + li:before { content: '';; position: absolute; left:0; top:50%; margin-top:-8rem; width:1px; height: 15rem; background-color: #9a9a9a; } 
.footer-etc .logo-box ul li a { display: block; padding:5rem 18rem; font-size:18rem; color:#333; transition: all var(--ease5) ease; } 
.footer-etc .logo-box ul li:last-child a { font-weight:600 } 
.footer-etc .logo-box ul li a:hover { color:#478a6e; } 
.footer-etc .sns-box { display: flex; align-items: center; gap:30px; } 

.sns div { display: flex; gap:10px; align-items: center; } 
.sns div a { width:45px; height: 45px; border-radius:100%; background: #3d574c url(/common/image/img_inc/btn_sns1.png) no-repeat 50% 50%;; transition: all var(--ease5) ease; } 
.sns div a:hover { background-color: #478a6e; } 
.sns div a.btn-sns1 { background-image: url(/common/image/img_inc/btn_sns1.png); background-position: 55% 50%; background-size: 13px auto; } 
.sns div a.btn-sns2 { background-image: url(/common/image/img_inc/btn_sns2.png); background-size: 25px auto; } 
.sns div a.btn-sns3 { background-image: url(/common/image/img_inc/btn_sns3.png); background-size: 21px auto; } 
.sns div a.btn-sns4 { background-image: url(/common/image/img_inc/btn_sns4.png); background-size: 11px auto; } 

.footer-etc .sns-box .family-box { position: relative; } 
.footer-etc .sns-box .family-box .btn-family { width:226rem; height: 47rem; background:#efefef; padding-left: 20rem; font-size:18rem; color:#333; text-align: left; position: relative;; } 
.footer-etc .sns-box .family-box .btn-family:before { content:''; position: absolute; right:20rem; top:50%; margin-top:-4rem; width: 0px; height: 0px; border-style: solid; border-width: 7px 5.5px 0 5.5px; border-color: #333 transparent transparent transparent; transform: rotate(180deg); transition: all var(--ease5) ease; } 
 
.footer-etc .sns-box .family-box ul { position: absolute; left:0; right:0; bottom:47rem; background-color: #efefef; max-height: 0; overflow: hidden; opacity: 0; transition: all 0.5s ease; padding-top: 10px; padding-bottom: 10px; } 
.footer-etc .sns-box .family-box ul::-webkit-scrollbar { width:5px; height: 5px; } 
.footer-etc .sns-box .family-box ul li a { display: block; line-height: 33rem; padding-left: 20rem; font-size:18rem; color:#333; transition: all var(--ease5) ease; } 
.footer-etc .sns-box .family-box ul li a:hover { color:#478a6e } 
.footer-etc .sns-box .family-box.active .btn-family { background-color: #dddddd; } 
.footer-etc .sns-box .family-box.active .btn-family:before { transform: rotate(0); } 
.footer-etc .sns-box .family-box.active ul { max-height: 230px; visibility: visible; opacity:1; overflow: auto; } 
.footer-etc .sns-box .family-box ul::-webkit-scrollbar { width:5px; height: 5px; } 
.footer-etc .sns-box .family-box ul::-webkit-scrollbar-thumb { width:5px; border-radius:5px; background: #ccc; } 
.footer-etc .sns-box .family-box ul::-webkit-scrollbar-track { background:#efefef } 

.footer-a { position: relative; z-index:2; background-color: #fff; } 
.footer-address { padding: 35rem 70rem; font-size:18rem; color:#333; line-height: 1.5; } 
.footer-address p { display: inline-block; margin-right:17rem; } 
.footer-address p span { color:#888888 } 
.footer-address div + div { margin-top:37px } 

.allmenu-a { display: none; position: fixed; left:0; top:0; right:0; bottom:0; z-index:1000; background-color: #fff; } 
.allmenu-a .logo { position: absolute; left:70rem; top:0; height: 100px; display: flex; align-items: center; } 
.allmenu-a .logo a { display:block; width:142px; height: 44px; background: url(/common/image/img_inc/logo_black.png) no-repeat 0 50%; } 
.allmenu-a .btn-close-menu { position: absolute; right:70rem; top:30px; width:30rem; height: 50rem; background: url(/common/image/img_inc/btn_close_allmenu.png) no-repeat 50% 50%; background-size: 30rem auto; } 
.allmenu-a .sns { position: absolute; right:70rem; bottom:100rem; } 
.allmenu-a .nav { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100vh; } 
.allmenu-a .nav .menu > ul { display: flex; } 
.allmenu-a .nav .menu > ul > li { width:170rem; min-height: 320px; } 
.allmenu-a .nav .menu .btn-dep1 { display: block; font-size:24rem; color:#375649; font-weight:600; line-height: 50rem; margin-bottom: 10rem; transition: all 0.5s ease; } 
.allmenu-a .nav .menu .btn-dep1:hover { color:#478a6e; } 
.allmenu-a .nav .menu .btn-dep2 { display: block; font-size:20rem; color:#999; font-weight:300; line-height: 33rem; transition: all 0.5s ease; } 
.allmenu-a .nav .menu .btn-dep2:hover { color:#000; } 
.allmenu-a .etc ul { display: none; } 
.allmenu-a .mobile-banner { display: none; } 
body.overflow-hidden { overflow: hidden; } 
body:after { content:'1200px 이상'; position: fixed; left:0; top:0; padding:5px; background-color: rgba(0,0,0,0.5); font-size:11px; color:#fff; font-weight:600; z-index:99999; } 


/************************************************************************************************************************ 
MODAL 
************************************************************************************************************************/
body.popup-on { /*overflow: hidden;*/ } 
.popup-wrap { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 5000; background: rgba(0, 0, 0, 0.5); display: none; } 
.popup-box { display: table; width: 100%; height: 100%; } 
.popup-cont { display: table-cell; vertical-align: middle; padding: 20px; } 
.popup { padding: 0; border-radius: 10rem; background: #fff; margin: 0 auto; position: relative; } 
.popup-head { height: 110px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #efefef; padding:0 40rem 0 50rem } 
.popup-head .h3-popup { font-size: 38rem; font-weight: 700; color:#000; line-height: 1.2; word-break: break-all; } 
.popup .btn-close { width:55rem; height:55rem; background: url(/common/image/img_inc/btn_close_modal.png) no-repeat 50% 50%; background-size: 31px auto; } 
.popup-btns { display: flex; justify-content: center; gap:10px; } 
.popup-body { padding: 50px 25px 50px 50px; } 
.popup-content { max-height: calc(100vh - 100px - 110px - 40px); overflow: auto; padding-right:25px } 
.popup-content::-webkit-scrollbar { width:5px; height: 5px; } 
.popup-content::-webkit-scrollbar-thumb { width:5px; border-radius:5px; background: #ccc; } 
.popup-content::-webkit-scrollbar-track { height: calc( 100vh - 80px ); background:#f5f5f5 } 
.popup-wrap.type-fixed .popup-box { position: fixed; right:0; top:0; bottom:0; width:1060px; max-width:100%; } 
.popup-wrap.type-fixed .popup-cont { padding:0; display: block; } 
.popup-wrap.type-fixed .popup { border-radius:0; position: absolute; right:0; top:0; left:0; bottom:0; } 
.popup-wrap.type-fixed .popup-content { height: calc(100vh - 100px - 110px); max-height: inherit; overflow-x:hidden; } 
.popup .complete-area { position: absolute; left:0; right:0; top:80px; bottom:0; display: flex; align-items: center; justify-content: center; flex-direction: column; padding:0 20px; } 


/*요소 재정의*/
.popup-wrap.pf_t01{}
.popup-wrap.pf_t01 .popup-cont { padding: 0px; } 






/************************************************************************************************************************ 
Sub Content 
************************************************************************************************************************/
.content-wrap-a { background-color: #fff; } 
.content { padding:140rem 0 160rem; } 
.h2 { text-align: center; margin-bottom: 150rem; } 
.h2 small { display: block; font-size:28rem; font-weight:600; } 
.h2 small:after { content:''; display: block; width:1px; height: 44rem; background-color: #676767; margin:15px auto } 

.h2 strong { display: block; font-size:66rem; font-weight:600; line-height: 1.2; margin-bottom: 15rem; } 
.h2 p { display: block; font-size:40rem; font-weight:400; line-height: 1.2; } 
.h2 p em { display: block; font-size:28rem; color:#333; margin-top:16rem; } 
.h3 { margin-bottom: 40rem; text-align: center; } 
.h3 strong { display: block; font-size:48rem; font-weight:600; line-height: 1.2; } 
.h3.left-type { text-align: left; padding: 0 0 0 30rem; margin-bottom: 25rem; } 
.h3 p { font-size:26rem; font-weight:200; margin-top:30rem; line-height: 1.3; } 

.p-btns1 { display: flex; gap:10px; } 
.p-btns2 { display: flex; justify-content: center; gap:20px; } 
.p-btn { display: inline-block; vertical-align: middle; padding:0 30rem; height: 60rem; border:1px solid #aaaaaa; border-radius:6px; text-align: center; line-height: 58rem; font-size:20rem; font-weight:500; transition: all var(--ease5) ease; } 
.p-btn.active { background-color: #375649 !important; border-color:#375649 !important; color:#fff !important; } 
.p-btn:hover { color:#fff; border-color:#478a6e; background-color: #478a6e; }

.p-btn1 { display:flex; justify-content:center; align-items: center; vertical-align: middle; width:190rem; min-height: 70rem; border:1px solid #bfbfbf; border-radius:6px; text-align: center; font-size:20rem; font-weight:600; transition: all var(--ease5) ease; } /*영어*/
.p-btn1 > P{ line-height: 1.2;}
.p-btn1 i { display: inline-block; vertical-align: middle; margin:-5px 0 0 7px; width:18rem; height: 18rem; background: url(/common/image/img_inc/ico_target_blank.png) no-repeat 50% 50%; background-size: contain; transition: all var(--ease5) ease; } 
.p-btn1:hover { color:#478a6e; border-color:#666; } 
.p-btn1:hover i { background-image: url(/common/image/img_inc/ico_target_blank_on2.png); } 
.p-btn2 { display: inline-block; vertical-align: middle; width:281rem; height: 65rem; border-radius:6px; text-align: center; line-height: 65rem; font-size:20rem; transition: all var(--ease5) ease; background-color: #375649; color:#fff; } 
.p-btn2 i { display: inline-block; vertical-align: middle; margin:-5px 0 0 7px; width:19rem; height: 19rem; background: url(/common/image/img_inc/ico_download_white.png) no-repeat 50% 50%; background-size: contain; transition: all var(--ease5) ease; } 
.p-btn2:hover { background-color: #478a6e; } 
.w220 { width:220rem; } 
.w350 { width:350rem; } 

.p-btn3 { display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; width:350rem; height: 100rem; padding: 0 15rem; border:1px solid #aaa; border-radius:6px; text-align: center; line-height: 1.2; font-size:24rem; transition: all var(--ease5) ease; } 
.p-btn3:hover { color:#478a6e; border-color:#666; } 
.p-btn4 { display: inline-block; vertical-align: middle; width:350rem; height: 100rem; border:1px solid #375649; background-color: #375649; border-radius:6px; text-align: center; line-height: 98rem; font-size:24rem; transition: all var(--ease5) ease; color:#fff; } 
.p-btn4:hover { background-color: #478a6e; border-color:#478a6e; } 

.p-btn5 { display: inline-block; vertical-align: middle; width:280rem; height: 66rem; background-color: #fff; border-radius:6px; text-align: center; line-height: 66rem; font-size:20rem; font-weight:500; transition: all var(--ease5) ease; color:#333 } 
.p-btn5:hover { color:#478a6e } 
.p-btn6 { display: inline-block; vertical-align: middle; width:281rem; height: 65rem; border-radius:6px; text-align: center; line-height: 63rem; border:1px solid #bfbfbf; font-size:20rem; transition: all var(--ease5) ease; } 
.p-btn6:hover { color:#478a6e; border-color:#666; } 
.p-btn7 { display: inline-block; vertical-align: middle; width:281rem; height: 65rem; border-radius:6px; text-align: center; line-height: 65rem; font-size:20rem; transition: all var(--ease5) ease; background-color: #375649; color:#fff; } 
.p-btn7:hover { background-color: #478a6e; } 
.p-btn8 { display: inline-block; vertical-align: middle; width:281rem; height: 65rem; border-radius:6px; text-align: center; line-height: 65rem; font-size:20rem; transition: all var(--ease5) ease; background-color: #efefef; font-weight:600 } 
.p-btn8:hover { background-color: #478a6e; color:#fff; } 
.p-btn-popup { display: inline-block; vertical-align: middle; width:130rem; height:130rem; border-radius:6px; text-align: center; line-height:1.2; font-size:20rem; transition: all var(--ease5) ease; background-color: #333; font-weight:500; color:#fff; } 
.p-btn-popup:hover { background-color: #000; } 

.p-tabs { margin-bottom: 50rem; } 
.p-tabs ul { display: flex; border:1px solid #bfbfbf } 
.p-tabs ul li { flex:1; } 
.p-tabs ul li a { display: flex; justify-content: center; align-items: center; width:100%; min-height: 105px; height: 100%; line-height: 1.2; text-align: center; font-size:28rem; font-weight:600; position: relative; transition: all var(--ease5) ease;} /*영어*/
.p-tabs ul li + li { border-left: 1px solid #bfbfbf; } 
.p-tabs ul li a:before { content:''; position: absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; border:1px solid #375649; opacity:0; transition: all var(--ease5) ease; } 
.p-tabs ul li.active a { background-color: #375649; color:#fff } 
.p-tabs ul li.active a:before { opacity: 1; } 
.p-tabs.type2 ul { flex-wrap: wrap; } 
.p-tabs.type2 ul li { width:25%; flex:1 0 25%; display: flex; justify-content: center; align-items: center;} 
.p-tabs.type2 ul li:nth-child(4n + 1) { border-left: 0; } 
.p-tabs.type2 ul li:nth-child(n+5) { border-top:1px solid #bfbfbf; } 
.p-tabs ul li.empty a { background: #eeeeee; pointer-events: none; } 

.p-table1 { margin-bottom: 70rem; } 
.p-table1 table { width:100%; border-collapse: collapse; } 
.p-table1 table thead th { height: 85rem; text-align: center; background-color: #888888; font-size:24rem; font-weight:600; color:#fff; line-height: 1.2; padding:0 2px;} /*영어*/
.p-table1 table tbody td { text-align: center; padding:15rem 10rem; font-size:24rem; font-weight:600; border-bottom: 2px solid #efefef; height: 85rem; word-break: break-all; } 
.p-table1 table tbody th { text-align: center; padding:15rem 10rem; font-size:24rem; font-weight:600; border-bottom: 2px solid #efefef; } 
.p-table1 table tbody td.p-text-left { padding-left: 40rem; } 
.p-table1 table tbody td.p-text-left span:before { content:'['; display: inline; } 
.p-table1 table tbody td.p-text-left span:after { content:']'; display: inline; } 
.p-table1.tbody-border table tbody { position: relative; border-bottom: 2px solid #888; } 
.p-table1.tbody-border table tbody th,
.p-table1.tbody-border table tbody tr:last-child td { border-bottom: 0; } 
/* .p-table1 table tbody:before { content:''; position: absolute; left:0; right:0; bottom:-1px; height: 2px; background-color: #888; } */

/* Form */
.f-h4 { font-size:26rem; font-weight:600; margin-bottom: 25rem; } 
.f-desc { font-size:20rem; font-weight:200; color:#478a6e } 
.textarea-count { font-size:20rem; font-weight:200; } 
.textarea-count span { color:#478a6e } 
.check-box { display: flex; flex-wrap: wrap; gap:15px 0; margin:0 -7.5px; } 
.check-box label { width:20%; padding:0 7.5px; } 
.form-tab-group { display: none; } 
.form-tab-group.active { display: block; } 

.checkbox-txt { position: absolute; z-index:-1; display: none; } 
.checkbox-txt + p { height: 60rem; line-height: 1.2; display: flex; justify-content: center; align-items: center; border-radius:10px; background-color: #f3f3f3; font-size:20rem; text-align: center; transition: all var(--ease2) ease; cursor: pointer; } /*영어*/
.checkbox-txt:checked + p { background-color: #375649; color:#fff; } 

.check-list { display: flex; flex-wrap: wrap; gap:20px; } 
.check-list label { min-width:150px; } 
.check-list.type-auto { gap:20px; } 
.check-list.type-auto label { width:auto; } 

.radio { position: absolute; z-index:-1; display: none; } 
.radio + div { cursor: pointer; } 
.radio + div em { display: inline-block; vertical-align: middle; width:20px; height: 20px; border-radius:100%; border:1px solid #cdcdcd; position: relative; margin:-1px 4px 0 0 } 
.radio + div em:before { content:''; position: absolute; left:-1px; top:-1px; right:-1px; bottom:-1px; border:7px solid #375649; opacity:0; transition: all var(--ease5) ease; border-radius:100% } 
.radio + div p { display: inline-block; vertical-align: middle; font-size:20rem;; } 
.radio:checked + div em:before { opacity:1; } 

.checkbox { position: absolute; z-index:-1; display: none; } 
.checkbox + div { cursor: pointer; } 
.checkbox + div em { display: inline-block; vertical-align: middle; width:20px; height: 20px; border-radius:3px; border:1px solid #cdcdcd; position: relative; margin:-1px 4px 0 0; transition: all var(--ease5) ease; } 
.checkbox + div em:before { content:''; position: absolute; left:0; top:0; width:100%; height: 100%;; background: url(/common/image/img_inc/ico_checkbox.png) no-repeat 50% 50%; opacity:0; transition: all var(--ease5) ease; } 
.checkbox + div p { display: inline-block; vertical-align: middle; font-size:20rem;; } 
.checkbox:checked + div em { border-color:#375649; background-color: #375649; } 
.checkbox:checked + div em:before { opacity:1; } 

.inp-area { display: flex; flex-wrap: wrap;; gap:20rem; } 
.inp-area > div { flex:1; } 
.inp { width:100%; height:56px; padding-left: 17rem; font-size:20rem; font-weight:200; color:#375649; border:1px solid #dbe2dd; background-color: #ebeeec; border-radius:10rem; transition: all var(--ease5) ease; outline:none; padding-top:10px;} 
.inp + label { position: absolute; left:17rem; top:12rem; font-size:20rem; font-weight:200; color:#375649; transition:all 0.3s ease; } 
.inp:focus { background-color: #fafafa; border-color:#ccc; color:#111; } 
.inp.on { padding-top:10px; } 
.inp:focus + label,
.inp + label.freeze { font-size:12px; top:3rem; } 
.inp-box { position: relative; } 

.inp-search { position: relative; max-width: 800rem; margin: 0 auto; } 
.inp-search::after { content: ""; position: absolute; right: 34rem; top: 50%; transform: translateY(-50%); z-index: 2; width: 27rem; height: 27rem; background-image: url(/common/image/img_inc/ico_search_black.png); background-repeat: no-repeat; background-position: center; background-size: contain; } 
.inp-search .inp { padding: 0 64rem 0 40rem; background-color: #fff; border: 1px solid #bfbfbf; border-radius: 90rem; } 
.inp-search .inp + label { left: 40rem; color: rgba(0, 0, 0, 0.5); } 

.textarea { width:100%; height:330rem; padding: 24rem; font-size:20rem; font-weight:200; color:#375649; border:1px solid #dbe2dd; background-color: #ebeeec; border-radius:10rem; transition: all var(--ease5) ease; outline:none; } 
.textarea:focus { background-color: #fafafa; border-color:#ccc; color:#111; } 
 
/* Contents */
.subsidiary-box { display: flex; align-items: center; } 
.subsidiary-box.reverse { flex-direction: row-reverse; } 
.subsidiary-box.reverse .info { padding: 0 100rem 0 50rem; } 
.subsidiary-box > div { width:50%; } 
.subsidiary-box .info { padding: 0 50rem 0 100rem; } 
.subsidiary-box .info h3 { font-size:48rem; font-weight:600; margin-bottom: 15px; } 
.subsidiary-box .info .t1 { font-size:28rem; line-height: 1.4; font-weight:500; margin-bottom: 15px; } 
.subsidiary-box .info .t2 { font-size:20rem; font-weight:300; line-height: 1.6; margin-bottom: 40rem; } 
.subsidiary-box .img-box { position: relative; overflow: hidden; height: 750px; } 
.subsidiary-box .img-box > img { transition: all 5s ease; width:100%; height: 100%; object-fit: cover; object-position:top; } 
.subsidiary-box .img-box p { position: absolute; left:0; top:0; right:0; bottom:0; display: flex; align-items: center; justify-content: center; } 
.subsidiary-box .img-box:hover > img { transform: scale(1.2); } 
.subsidiary-box.type2 .img-box { height: 500px; } 

.partners ul { display: flex; flex-wrap: wrap; gap:20px 0; margin:0 -10px 20px } 
.partners ul li { width:calc(100% / 6); padding:0 10px; } 
.partners ul li p,
.partners ul li a { display: flex; height: 145px; border-radius:6rem; background-color: #efefef; align-items: center; justify-content: center; cursor: default;} 
.partners.type2 ul li a,
.partners.type2 ul li p { padding:0; overflow: hidden; height: auto; } 
.partners.type3 ul li a,
.partners.type3 ul li p { border:1px solid #efefef; background-color: #fff; } 

.auth-list ul li { margin-bottom: 20px;; } 
.auth-list ul li .box { display: flex; align-items: center; background-color: #f1f1f1; border-radius:5rem; padding-right:50px; padding-top: 20px; padding-bottom: 20px; } 
.auth-list ul li .box.active .logo .before { opacity:0; } 
.auth-list ul li .box.active .logo .after { opacity:1; } 
.auth-list ul li .box .logo { flex:0 0 400rem; width:400rem; height: 450rem; position: relative; } 
.auth-list ul li .box .logo .before { position: absolute; left:0; top:0; right:0; bottom:0; display: flex; justify-content: center; align-items: center; transition: all var(--ease7) ease; } 
.auth-list ul li .box .logo .after { position: absolute; left:0; top:0; right:0; bottom:0; display: flex; justify-content: center; align-items: center; opacity:0; transition: all var(--ease7) ease } 
.auth-list ul li .box .info h3 { font-size:48rem; font-weight:600; margin-bottom: 10px; line-height:1.2; margin-bottom: 25rem; } /*영어*/
.auth-list ul li .box .info h3 small { font-size:22rem; font-weight:300; display: block;} /*영어*/
.auth-list ul li .box .info .txt { font-size:22rem; line-height: 1.4; margin-bottom: 30rem;; } 

.offer-services { position: relative; display: flex; margin-bottom: 200rem; } 
.offer-services > div { width:50%; padding-top:100rem } 
.offer-services .list { } 
.offer-services .title { position: sticky; top:0; left:0; align-self: flex-start; } 
.offer-services .title h3 { font-size:66rem; font-weight:600; line-height: 1.2; margin-bottom: 15rem; } 
.offer-services .title .txt { font-size:40rem; line-height: 1.3; margin-bottom: 35px; padding-right: 30px; } 
.offer-services .title .btns { display: inline-flex; flex-wrap: wrap; gap:20px; max-width:550rem } 
.offer-services .title .btns .p-btn { } 
.offer-services .list > ul > li { margin-bottom: 50rem;; } 
.offer-services .list > ul > li:last-child { margin-bottom: 0; } 
.offer-services .list ul li .article { height: 350rem; display: flex; position: relative; box-shadow:0 0 29px rgba(0,0,0,0.16); } 
.offer-services .list ul li .article .num { position: absolute; left:0; top:0; width:35rem; height: 35rem; line-height: 34rem; text-align: center; background-color: #333333; font-size:16px; color:#fff;; font-family: 'Geologica'; font-weight:100; } 
.offer-services .list ul li .article .info { width:50%; min-width: 370px; padding: 40rem 10rem 20rem 40rem; display: flex; flex-direction: column; justify-content: space-between; } 
.offer-services .list ul li .article .info h4 { font-size:40rem; font-weight:600; line-height: 1; margin-bottom: 20rem; } 
.offer-services .list ul li .article .info .txt { font-size:18rem; line-height: 1.4; margin-bottom: 35rem; } 
.offer-services .list ul li .article .info .tags ul { display: flex; flex-wrap: wrap; gap:10px; padding-right:30rem } 
.offer-services .list ul li .article .info .tags ul li p { padding:0 13rem; height: 30rem; line-height: 30rem; border-radius:30rem; font-size:16rem; color:#333333; background-color: #efefef; } 
.offer-services .list ul li .article .img { width:50%; } 
.offer-services .list ul li .article .img img { width:100%; height: 100%; object-fit: cover; } 

.checklist { margin-bottom: 120rem; } 
.checklist ul { display: flex; flex-wrap: wrap;; gap:20px 0; margin:0 -10px; } 
.checklist ul li { width:50%; padding:0 10px; } 
.checklist ul li .article { height: 145rem; padding: 0 10rem 0 60rem; display: flex; align-items: center; gap:30px; border-radius:10px; background-color: #efefef; } /*영어*/
.checklist ul li .article .num { flex:0 0 45px; height: 45px; border-radius:100%; text-align: center; line-height: 44px; font-size:18rem; color:#fff; font-family: "Geologica"; font-weight:100; background-color: #478a6e; } 
.checklist ul li .article .txt { flex:1; font-size:28rem; line-height: 1.2 } /*영어*/

.welfare .article { display: flex; justify-content: space-between; flex-direction: row-reverse; margin-bottom: 20px; } 
.welfare .article .info { width:50%; } 
.welfare .article .info h3 { font-size:48rem; font-weight:600; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #000; line-height: 1; } 
.welfare .article .info ul li { padding-left: 20px; position: relative; font-size:28rem; line-height: 1.4; margin-bottom: 10rem; color:#111; } 
.welfare .article .info ul li:before { content:''; position: absolute; left:8px; top:16rem; width:4px; height: 4px; background-color: #000; } 

.duty { margin-bottom: 100rem; } 
.duty > ul { display: flex; flex-wrap: wrap; gap:20px 0; margin:0 -10px; } 
.duty > ul > li { width:50%; padding:0 10px; } 
.duty .article { height: 100%; border-radius:10px; background-color: #efefef; padding:40rem 70rem; position: relative; transition: all var(--ease2) ease; } 
.duty .article .before { position: absolute; left:0; top:0; width:100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size:34rem;; font-weight:600; transition: all var(--ease3) ease } 
.duty .article .before small { font-size:20rem; } 
.duty .article .after { transition: all var(--ease3) ease; opacity:0; } 
.duty .article .after .biz { text-align: center; font-size:34rem; font-weight:600; color:#fff; line-height: 1; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.5); } 
.duty .article .after .biz+ul { min-height: 104px; } 
.duty .article .after .biz small { font-size:20rem; } 
.duty .article .after ul li { margin-bottom: 10px; padding-left: 18px; position: relative; font-size:20rem; line-height: 1.4; margin-bottom: 10px; color:#fff; } 
.duty .article .after ul li:before { content:''; position: absolute; left:0; top:13rem; width:4px; height: 4px; background-color: #fff; } 
.duty .article:hover { background-color: #375649; } 
.duty .article:hover .before { opacity:0; } 
.duty .article:hover .after { opacity:1; } 

.description1 { text-align: center; padding:0 20px; } 
.description1:before { content:''; display: block; width:53rem; height: 34rem; background: url(/common/image/img_inc/ico_comment_dot.png) no-repeat 50% 50%; background-size: contain; margin:0 auto 30rem } 
.description1:after { content:''; display: block; width:53rem; height: 34rem; background: url(/common/image/img_inc/ico_comment_dot.png) no-repeat 50% 50%; background-size: contain; margin:30rem auto 0; transform: rotate(180deg); } 
.description1 h4 { font-size:66rem; font-weight:600; line-height: 1.3; margin-bottom: 30rem; } 
.description1 .txt { font-size:26rem; line-height: 1.6; } 
.description2 { text-align: center; padding:0 20px; } 
.description2:before { content:''; display: block; width:53rem; height: 34rem; background: url(/common/image/img_inc/ico_comment_dot_green.png) no-repeat 50% 50%; background-size: contain; margin:0 auto 30rem } 
.description2:after { content:''; display: block; width:53rem; height: 34rem; background: url(/common/image/img_inc/ico_comment_dot_green.png) no-repeat 50% 50%; background-size: contain; margin:30rem auto 0; transform: rotate(180deg); } 
.description2 .txt { font-size:40rem; line-height: 1.5; } 
.description2 .txt span { color:#478a6e; } 
.description3 { text-align: center; height: 270rem; display: flex; justify-content: center; align-items: center; background: url(/common/image/menu_aboutus/bg_description.jpg) no-repeat 50% 50%; background-size: cover; } 
.description3 div { font-size:66rem; font-weight: 300; font-family: 'Obvia'; color: rgba(255, 255,255, 0.7); line-height: 1.1; } 
.description3.p-mb170 { margin-bottom: 170rem !important; } 
.description4 { text-align: center; height: 360rem; display: flex; justify-content: center; align-items: center; flex-direction: column; background: url(/common/image/img_inc/bg_description4.jpg) no-repeat 50% 50%; background-size: cover; } 
.description4 .txt { font-size:38rem; font-weight:600; line-height: 1.4; color:#fff; margin-bottom: 25rem; } 
.description5 { text-align: center; height: 300rem; display: flex; justify-content: center; align-items: center; background: url(/common/image/menu_services/bg_description.jpg) no-repeat 50% 50%; background-size: cover; margin-bottom: 130rem; } 
.description5 div { font-size:36rem; line-height: 1.3; font-weight:100; font-family: "Geologica"; color:#fff; } 


.trigger-img-box { height:600rem; display: flex; align-items: center; justify-content: center; flex-direction: column;; text-align: center; position: relative; overflow: hidden; } 
.trigger-img-box .t1 { font-size:28rem; font-weight:100; line-height: 1.4; position: relative; color:#fff; font-family: "Geologica"; } 
.trigger-img-box .t2 { font-size:48rem; font-weight:600; line-height: 1.4; margin:20rem 0 60rem; position: relative; color:#fff } 
.trigger-img-box .p-btns2 { position: relative; } 
/* .trigger-img-box:before { content:''; position: absolute; left:0; top:0; width:100%; height: 100%; background: url(/common/image/data/tmp1.jpg) no-repeat 50% 50%; background-size: cover; transform: scale(0.85); border-radius:150rem; transition: all 1.5s cubic-bezier(0.76, 0, 0.24, 1); } */
.trigger-img-box em { content:''; position: absolute; left:50%; top:0; width:83%; height: 100%; background: url(/common/image/data/tmp1.jpg) no-repeat 50% 50%; background-size: cover; transform: translateX(-50%); border-radius:5px; } 
.trigger-img-box.bg1 em { background-image: url(/common/image/menu_services/bg_intro1.jpg); } 
.trigger-img-box.bg2 em { background-image: url(/common/image/menu_services/bg_intro2.jpg); } 
.trigger-img-box.bg3 em { background-image: url(/common/image/menu_services/bg_intro3.jpg); } 
.trigger-img-box.bg4 em { background-image: url(/common/image/menu_services/bg_intro4.jpg); } 
.trigger-img-box.bg5 em { background-image: url(/common/image/menu_services/bg_intro5.jpg); } 
.trigger-img-box.active em { transform: scale(1); border-radius:0; } 
.trigger-img-box.p-mb250 { margin-bottom: 250rem; } 

.bg-gray { padding:150rem 50rem; background-color: #efefef; } 
.bg-gray .partners ul li a,
.bg-gray .partners ul li p { background-color: #fff; cursor: default; pointer-events: none; } 

.portfolio { margin-bottom: 100rem; } 
.portfolio ul { display: flex; flex-wrap: wrap; } 
.portfolio ul li { width:50%; position: relative; height: 400px; overflow: hidden; } 
.portfolio ul li video { width:100%; height: 100%; object-fit: cover; } 
.portfolio ul li img { width:100%; height: 100%; object-fit: cover; } 
.portfolio ul li:before { content:''; position: absolute; left:0; top:0; right:0; bottom:0; opacity:0; transition: all 0.3s ease; z-index:2; background-color: rgba(0,0,0,0.4); visibility: hidden; } 
.portfolio ul:hover li:before { opacity:1; visibility: visible; } 
.portfolio ul li.active:before { z-index: -1; opacity:0 !important; visibility: hidden; } 
.portfolio ul li .video-btn { content:''; position: absolute; left:0; right:0; bottom:0; top:0; z-index: 3; background: url(/common/image/menu_facilities/btn_video_play.png) no-repeat 50% 50%; background-size: 80rem auto; transition: all 1s ease; } 
.portfolio ul li .video-btn:hover { transform: scale(1.1); } 
.portfolio.type2 ul li { height:auto !important ;} 

.portfolio2 { margin-bottom: 80rem; } 
.portfolio2 ul { display: flex; flex-wrap: wrap; gap:20px 0; margin:0 -10px; } 
.portfolio2 ul li { width:33.3333333%; padding:0 10px; } 
.portfolio2 ul li a { display: block; position: relative; overflow: hidden; } 
.portfolio2 ul li a img { width:100%; height: 100%; transition: all 0.5s ease; aspect-ratio: 1/1; } 
.portfolio2 ul li a:before { content:''; position: absolute; left:0; top:0; right:0; bottom:0; opacity:1; transition: all 0.3s ease; z-index:2; background-color: rgba(0,0,0,0.4); opacity:0; } 
.portfolio2 ul li a dl { position: absolute; left:50rem; right:30rem; bottom:50rem; color:#fff; z-index:3; transform: translateY(20px); opacity:0; transition: all var(--ease7) ease; } 
.portfolio2 ul li a dl dt { font-size:26rem; font-weight:200; line-height: 1.3; margin-bottom: 5rem; } 
.portfolio2 ul li a dl dd { font-size:38rem; font-weight:600; line-height: 1.3; word-break: break-all;}
.portfolio2 ul li a:hover img { transform: scale(1.1);; } 
.portfolio2 ul li a:hover:before { opacity:1; } 
.portfolio2 ul li a:hover dl { transform: translateY(0); opacity:1; } 

.recruit { margin-bottom: 80rem; } 
.recruit ul { display: flex; flex-wrap: wrap; gap:20px 0; margin:0 -10px; } 
.recruit ul li { width:50%; padding:0 10px; } 
.recruit ul li .article { padding: 50rem; height: 100%; border-radius:10px; background-color: #efefef; display: flex; flex-direction: column; justify-content: space-between; } 
.recruit ul li .article .info { margin-bottom: 80rem; } 
.recruit ul li .article .type { display: flex; flex-wrap: wrap; gap:15rem; margin-bottom: 40rem;; } 
.recruit ul li .article .type > div { min-width:120px; height: 43rem; line-height: 42rem; border-radius:43rem; background-color: #dbdbdb; text-align: center; font-size:20rem; padding:0 30rem; } 
.recruit ul li .article .type .d { background-color: #f39134; font-family: "Obvia"; color:#fff; } 
.recruit ul li .article dl dt { font-size:34rem; font-weight:600; line-height: 1.3; margin-bottom: 10px; } 
.recruit ul li .article dl dd { font-size:20rem; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } 
.recruit ul li .article .p-btns1 { justify-content: flex-end; } 
.recruit ul li .article .p-btn1 { background-color: #fff; } 

.faq-tit { padding:0 0 15rem 25rem; font-size:24rem; font-weight:600; } 
.faq-tit span { color:#478a6e; } 
.faq { border-radius:10rem; overflow: hidden; border:1px solid #bfbfbf; margin-bottom: 50rem; } 
.faq ul li { border-bottom: 1px solid #888; } 
.faq ul li:last-child { border-bottom: 0; } 
.faq ul li .q { display: block; padding:20rem 80rem 20rem 117rem; position: relative; min-height: 100rem; display: flex; align-items: center; } 
.faq ul li .q:before { content:''; position: absolute; right:50rem; top:50%; width:15rem; height: 15rem; margin-top:-13rem; border-left: 1px solid #000; border-bottom: 1px solid #000; transition: all var(--ease5) ease; transform: rotate(-45deg); } 
.faq ul li .q em { position: absolute; left:55rem; top:50%; margin-top: -18rem; width: 40rem; height: 40rem; background-color: #478a6e; border-radius:100%; text-align: center; line-height: 40rem; font-size: 24rem; color:#fff; } 
.faq ul li .q div { font-size:24rem; line-height: 1.4; } 
.faq ul li .q div strong { color:#478a6e; } 
.faq ul li.active .q:before { transform: rotate(135deg); margin-top:-5rem } 
.faq ul li.active .q div { color:#478a6e } 
.faq ul li .a { display: none; padding:60rem 60rem 60rem 117rem; position: relative; background-color: #efefef; border-top:1px solid #888;; } 
.faq ul li .a em { position: absolute; left:55rem; top:50%; margin-top:-18rem; width:40rem; height: 40rem; background-color: #fff; border-radius:100%; text-align: center; line-height: 40rem; font-size:24rem; color:#478a6e; } 
.faq ul li .a div { font-size:24rem; line-height: 1.4;} 
    .faq ul li .a div * {}
.no-data { text-align: center; font-size:36rem; padding:20vh 30px; font-weight:600; } 

.complete-area { text-align: center;; } 
.complete-area:before { content:''; display: block; margin:0 auto 40rem; width:100rem; height: 100rem; background: url(/common/image/img_inc/ico_complete.png) no-repeat 50% 50%; background-size: contain; } 
.complete-area h3 { margin-bottom: 90rem; } 
.complete-area h3 strong { font-size:48rem; font-weight:600; } 
.complete-area h3 p { font-size:36rem; font-weight:400 } 
.complete-area .txt { font-size:26rem; line-height: 1.2; font-weight:600; margin-bottom: 40rem; } 

.map-area { display: flex; gap:25px; } 
.map-area .map-box { width:66.6666%; } 
.map-area .map-box .map { height:690rem; width:100%; border-radius:10rem; overflow: hidden; border:1px solid #ccc; } 
.map-area .map-box .map#map * {box-sizing: initial}
.map-area .map-box .btns { display: flex; justify-content: space-between; gap:20px; margin-top:20rem } 
.map-area .map-box .btns a { width:100%; } 
.map-area .info { flex:0 0 510rem; padding-top:20rem; } 
.map-area .info h3 { font-size:36rem; font-weight:600; line-height: 1; margin-bottom: 18rem; color:#375649; } 
.map-area .info .text { margin-bottom: 35rem; } 
/*.map-area .info .text.type2 dl dt { width:55rem }  영어*/
/*.map-area .info .text.type3 dl dt { width:90rem } 영어*/
.map-area .info .text .btns { margin-top:12rem; } 
.map-area .info dl:after { display: block; content:''; clear: both;; } 
.map-area .info dl { font-size:20rem; color:#000000; font-weight:200; line-height: 1.4; margin-bottom: 7rem; } 
.map-area .info dl dt { font-weight:600; color:#375649; } /*영어*/
.map-area .info dl dd { overflow: hidden; } 
.map-area .info dl dd .btn-copy { display: inline-block; vertical-align: middle;; margin:-3px 0 0 7px; width:45rem; height: 25rem; border-radius:5px; border:1px solid #bfbfbf; text-align: center; line-height:23rem; font-size:16rem; color:#000; font-weight:600; } 
.map-area .info .desc { font-size:20rem; font-weight:200; color:#999999; } 
.map-area .info .desc strong { font-weight:600; color:#000; } 

.release .txt1 { font-size:24rem; line-height: 1.4; margin-bottom: 40rem;; } 
.release dl { margin-bottom: 45rem;; } 
.release dl dt { display: flex; align-items: center; gap:20rem; margin-bottom: 20rem; } 
.release dl dt span { width:95rem; height: 41rem; line-height: 41rem; border-radius:41rem; text-align: center; background-color: #375649; font-size:20rem; color:#fff; } 
.release dl dt p { font-size:24rem; font-weight:500; line-height: 1.2; } 
.release dl img { border-radius:10rem; } 
.release dl:last-of-type { margin-bottom: 0; } 

.faci-intro { padding:380rem 0 90rem; margin-bottom: 150rem; position: relative; overflow: hidden; } 
.faci-intro:before { content:''; position: absolute; left:0; top:0; right:0; bottom:0; background: url(/common/image/menu_facilities/img1_1.jpg) no-repeat 50% 50%; background-size: cover; } 
.faci-intro .txt { font-size:48rem; font-weight:600; color:#fff; position: relative; } 
.faci-solution { } 
.faci-solution .circle { width:600rem; height: 600rem; position: relative; margin:0 auto; background: url(/common/image/img_inc/logo_black.png) no-repeat 50% 50%; margin-bottom: 60rem; } 
.faci-solution .circle:before { content:''; position: absolute; left:0; top:0; width:100%; height: 100%; border-radius:100%; background: url(/common/image/menu_facilities/bg_circle_dot.png) no-repeat 50% 50%; background-size: contain; animation: circle 80s linear infinite both; } 
.faci-solution .circle p:before { content:''; position: absolute; left:45rem; top:45rem; right:45rem; bottom:45rem; border-radius:100%; border:5rem solid #759588; } 
.faci-solution .circle p:after { content:''; position: absolute; left:90rem; top:90rem; right:90rem; bottom:90rem; border-radius:100%; border:5rem solid #3d574c; } 
.faci-solution .circle ul li { width:190rem; height: 190rem; border-radius:100%; background-color: #3d574c; font-size:28rem; line-height: 1.5; color:#fff; font-weight:600; display: flex; align-items: center; justify-content: center; position: absolute; text-align: center; } 
.faci-solution .circle ul li:nth-child(1) { top:-45rem; left:50%; transform: translateX(-50%); } 
.faci-solution .circle ul li:nth-child(2) { bottom:60rem; left:0; } 
.faci-solution .circle ul li:nth-child(3) { bottom:60rem; right:0; } 
.faci-solution .desc { text-align: center; font-size:28rem; line-height: 1.5; color:#333; margin-bottom: 120rem; } 
@keyframes circle { 
from { transform:rotate(0); } 
to { transform: rotate(365deg); } 
 } 

.faci-step { padding-right:55px; position: relative; margin-bottom: 180rem; } 
.faci-step:before { content:''; position: absolute; right:0; top:50%; margin-top:-17px; width:48px; height: 32px; background: url(/common/image/menu_facilities/bu_arrow.png) no-repeat 50% 50%; background-size: contain; } 
.faci-step ol { display: flex; border-radius:5px; height: 5px;; background-color: #efefef; } 
.faci-step ol li { position: relative; flex:1; } 
.faci-step ol li:before { content:''; position: absolute; left:50%; top:-3px; margin-left: -5px;; width:10px; height: 10px; background-color: #478a6e; border-radius:100%;; } 
.faci-step ol li dl { position: absolute; left:0; right:0; top:-43px; text-align: center;; } 
.faci-step ol li dl dt { font-size:22rem; color:#000000; font-family: 'Obvia'; } 
.faci-step ol li dl dd { font-size:22rem; margin-top:25rem; } 

.faci-report { margin-bottom: 80rem; } 
.faci-report div { display: flex; gap:25rem; margin-bottom: 25rem; } 
.faci-report div dl { flex:1; padding: 25rem 35rem; border-radius:10rem; background-color: #efefef;; } 
.faci-report div dl dt { font-size:30rem; color:#333; font-weight:200; margin-bottom: 20rem; } 
.faci-report div dl dd { text-align: right; font-size:54rem; line-height: 1; font-weight:200; color:#333; } 
.faci-report div dl dd strong { font-size:66rem; font-weight:800; color:#f39134; } 

.faci-report2 { display: flex; justify-content: space-around; margin-bottom: 150rem; } 
.faci-report2 dl { display: flex; align-items: center; } 
.faci-report2 dl dt { font-size:30rem; color:#333; font-weight:200; margin-right:35rem; } 
.faci-report2 dl dd { font-size:54rem; line-height: 1; font-weight:200; color:#333; } 
.faci-report2 dl dd strong { font-size:66rem; font-weight:800; color:#f39134; } 

.auth-list2 { margin-bottom: 150rem; padding:0 50rem; } 
.auth-list2 ul { display: flex; align-items: flex-start; justify-content: space-between; } 
.auth-list2 ul li { text-align: center; width: 270rem; } 
.auth-list2 ul li div { font-size:20rem; line-height: 1.2; color:#333; margin-top:15rem;; } 

.faci-photos ul { display: flex; } 
.faci-photos ul li { flex:1; height: 860rem; position: relative; transition: all 1s var(--easeOutQuint); overflow: hidden; } 
.faci-photos ul li img { width:100%; height: 100%; object-fit: cover; } 
.faci-photos ul li:before { content:''; position: absolute; left:0; top:0; right:0; bottom:0; background: rgba(0,0,0,0.5); transition: all 1.5s var(--easeOutQuint); } 
.faci-photos ul li:after { content:''; position: absolute; left:0; right:0; bottom:0; height: 600rem; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 75%); pointer-events: none; } 
.faci-photos ul li .before { position: absolute; left:0; top:50%; right:0; text-align: center; font-size:48rem; font-weight:600; color:#fff; transform: translateY(-50%); z-index:2; transition: all 0.5s var(--easeOutQuint); } 
.faci-photos ul li .info { opacity:0; position: absolute; left:160rem; right:60rem; bottom:60rem; color:#fff; transition: all 1.5s var(--easeOutQuint); z-index:3; padding-right:80rem; min-width: 470px; } 
.faci-photos ul li .info h3 { font-size:36rem; font-weight:600; margin-bottom: 20rem; color:#fff; } 
.faci-photos ul li .info .txt { font-size:24rem; line-height: 1.5; font-weight:200; } 
.faci-photos ul li .info .btn-go { position: absolute; opacity:0; right:0; bottom:40rem; width:80rem; height: 80rem; border-radius:100%; background: #fff; transition: all var(--ease5) ease; } 
.faci-photos ul li .info .btn-go:before { content:''; position: absolute; left:5rem; top:5rem; right:5rem; bottom:5rem; background: url(/common/image/img_inc/btn_ico_arrow_off.png) no-repeat 50% 50%; background-size:20rem auto; transition: all var(--ease5) ease; } 
.faci-photos ul li .info .btn-go:hover { background-color: #478a62; } 
.faci-photos ul li .info .btn-go:hover:before { background-image: url(/common/image/img_inc/btn_ico_arrow_white.png); } 
.faci-photos ul li:hover .info .btn-go { opacity: 1; transition: all var(--ease10) ease;}
.faci-photos ul li:hover { flex:1 0 30%; } 
.faci-photos ul li:hover:before { opacity:0; } 
.faci-photos ul li:hover .before { transform: translateY(-50px); opacity:0; } 
.faci-photos ul li:hover .info { transform: translateY(0); opacity:1; } 

.faci-visual { position: relative; height:950rem; margin-bottom: 30rem; } 
.faci-visual:before { content: ''; position: absolute; left:0; right:0; top:0; height: 100rem; background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); pointer-events: none; z-index:2; } 
.faci-visual .swiper-container { height: 100%; } 
.faci-visual .swiper-slide { position: relative; height: 100%; } 
.faci-visual .swiper-slide:after { content: ''; position: absolute; left:0; bottom:0; top:0; width:60%; background: url(/common/image/menu_facilities/bg_visual_gradient.png) no-repeat 0 0; background-size: 100% 100%; pointer-events: none; z-index:2; } 
.faci-visual .img { height: 100%; transform:scale(1.2); } 
.faci-visual img { width:100%; height: 100%; object-fit: cover; } 
.faci-visual video { width:100%; height: 100%; object-fit: cover; } 

.faci-visual .visual-text { position: absolute; left:160rem; bottom:260rem; color:#fff; z-index:3; } 
.faci-visual .visual-text .info h3 { font-size:66rem; font-weight:600; line-height: 1; margin-bottom: 30rem; color:#fff; transform: translateY(40px); opacity:0; animation: visualText 0.5s linear both; } 
.faci-visual .visual-text .info p { font-size:48rem; font-weight:200; line-height: 1.2; transform: translateY(50px); opacity:0; animation: visualText 0.5s linear both; animation-delay: 0.2s; } 

.faci-visual .swiper-slide-prev .img { transform:scale(1); } 
.faci-visual .swiper-slide-next .img { transform:scale(1.2); } 
.faci-visual .swiper-slide-active .img { transform: scale(1); transition: all 4.6s var(--easeOutQuint); transition-delay: 0.2s; } 
.faci-visual .swiper-slide[data-swiper-autoplay] .img { transform: scale(1); } 
@keyframes visualText { 
 from { transform: translateY(40px); } 
 to { transform: rotate(0); opacity: 1; } 
 } 



.faci-visual .controls { position: absolute; left:160rem; bottom:160rem; color:#fff; z-index:10; display: flex; align-items: center; gap:20px; } 
.faci-visual .btn { display: flex; align-items: center; justify-content: center; position: absolute; left: 51%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; } 
.faci-visual .btn .pause { display: flex; justify-content: space-between; width: 11rem; height: 15rem; } 
.faci-visual .btn .pause span { width: 2px; height: 100%; background-color: #fff; display: block; } 
.faci-visual .btn .off { display: none; } 
.faci-visual .btn .play.off { display: none; } 
.faci-visual .btn .play { display: block; width:50rem; height: 50rem; background: url(/common/image/img_inc/ico_visual_play.png) no-repeat 55% 50%; background-size: 15rem auto; } 
.faci-visual .swiper-pagination { display: flex; position: static; } 
.faci-visual .swiper-pagination .swiper-pagination-bullet { width:50rem; height: 50rem; position: relative; position: relative; opacity:1; background: none; } 
.faci-visual .swiper-pagination .swiper-pagination-bullet:before { content:''; position: absolute; left:50%; top:50%; width:10rem; height: 10rem; margin:-5px 0 0 -5px; background-color: #fff; border-radius:100%; opacity:0.6; transition: all 0.5s ease; } 
.faci-visual .swiper-pagination .swiper-pagination-bullet-active:before { opacity:1; } 
#timer { width:50rem; height:50rem; position: relative; flex:0 0 50rem } 
#timer svg { width:100%; height: 100%; } 

.faci-about { margin-bottom: 160rem; } 
.faci-about ul { display: flex; flex-wrap: wrap; gap:40px 0; margin:0 -20px; } 
.faci-about ul li { width:50%; padding:0 20px; } 
.faci-about .article { padding: 50rem 40rem; border:10px solid #efefef; text-align: right; position: relative; } 
.faci-about .article i { position: absolute; left:45rem; top:0; bottom:0; width:90rem; text-align: center; display: flex; align-items: center; justify-content: center; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; } 
.faci-about .article i.ic1 { background-image: url(/common/image/menu_facilities/ico_01_110x110.png); } 
.faci-about .article i.ic2 { background-image: url(/common/image/menu_facilities/ico_02_110x110.png); } 
.faci-about .article i.ic3 { background-image: url(/common/image/menu_facilities/ico_03_110x110.png); } 
.faci-about .article i.ic4 { background-image: url(/common/image/menu_facilities/ico_04_110x110.png); } 
.faci-about .article dl dt { font-size:24rem; color:#333; margin-bottom: 10rem; } 
.faci-about .article dl dd strong { font-size:40rem; color:#f39134; font-weight:800; line-height: 1; } /*영어*/

#History { margin-bottom: 0;; } 
.history { position: relative; display: flex; margin-bottom: 170rem; } 
.history .title { width:40%; align-self:flex-start; position: sticky; top:100px; } 
.history .imgs .imgs-group { position: relative; width: 100%; height: 100%; } 
.history .imgs .imgs-group img { position: absolute; left: 0; top: 0; opacity: 0; transition: all 0.4s ease; } 
.history .imgs .imgs-group img.active { position: relative; opacity: 1; } 
.history .imgs .box { position: absolute; right:0; top:0; opacity:0; transition: all 0.4s ease; } 
.history .imgs .box.active { opacity:1; } 
.history .imgs .box .desc-box { position: absolute; right:70rem; top:70rem; width:470rem; height: 470rem; border:10rem solid #fff; text-align: right; color:rgba(255,255,255,0.6); display: flex; justify-content: space-between; flex-direction: column; padding:50rem 25rem 30rem; } 
.history .imgs .box .desc-box strong { font-size:95rem; font-weight:800; line-height: 1; } 
.history .imgs .box .desc-box strong span { display: none; } 
.history .imgs .box .desc-box p { font-size:44rem; line-height: 1.2; font-weight:800; }

.history ul { flex:1; padding-left: 60rem; padding-right:50rem; } 
.history ul li { margin-bottom: 40rem; } 
.history ul li dl { overflow: hidden; line-height: 1.3; } 
.history ul li dl dt { float:left; width:130rem; font-size:44rem; font-weight:600; } 
.history ul li dl dd { font-size:26rem; line-height: 1.3; padding-top:8rem; overflow: hidden; } 
.history ul li dl dd div { overflow: hidden; } 
.history ul li dl dd div + div { margin-top:14rem; } 
.history ul li dl dd div strong { float:left; width:60rem; text-align: right; margin-right:20rem; } 
.history ul li dl dd div p { overflow: hidden; } 



.compet { display: flex; margin-bottom: 260rem; } 
.compet dl { flex:1; text-align: center;; } 
.compet dl dt { font-size:30rem; font-weight:200; line-height: 1; margin-bottom: 30rem; } 
.compet dl dd { line-height:1; font-size:54rem; font-weight:200;; } 
.compet dl dd strong { font-size:66rem; font-weight:800; } 
.compet dl dd small { display: block; font-size:20rem; font-weight:200; margin-top:10px } 

.process { min-height:800rem; padding-top:140rem; background: url(/common/image/menu_services/bg_process.jpg) no-repeat 50% 50%; background-size: cover; margin-bottom: 140rem; } 
.process h2 { color:#fff; margin-bottom: 270rem; } 
.process .prc-mobile.type2 .prc { padding:0 220rem; } 
.process .prc { position: relative; min-width:950px; } 
.process .prc:before { content:''; position: absolute; left:0; right:0; top:0; height: 2px; background-color: rgba(255,255,255,0.2) } 
.process .prc ul { display: flex; max-width:1700px; margin:0 auto; padding:0 50px; } 
.process .prc ul li { position: relative; flex:1; } 
.process .prc ul li:after { content:''; position: absolute; right:0; top:-7rem; width:14rem; height: 14rem; border-left:2px solid rgba(255,255,255,0.2); border-bottom: 2px solid rgba(255,255,255,0.2); transform: rotate(-135deg); } 
.process .prc ul li:before { content:''; position: absolute; left:50%; top:-4px; margin-left: -5px;; width:10px; height: 10px; background-color: #fff; border-radius:100%;; } 
.process .prc ul li:last-child:after { display: none; } 
.process .prc ul li dl { position: absolute; left:0; right:0; top:-115rem; text-align: center;; } 
.process .prc ul li dl dt img { width:80rem; } 
.process .prc ul li dl dd { font-size:24rem; margin-top:85rem; color:#fff; font-weight:500 } 
.process .prc ul li dl dd small { display: block; font-size:16rem; line-height: 1; } 
.popup-portfolio { } 
.popup-portfolio .info-head { display: flex; flex-direction: column; justify-content: space-between; min-height:350rem; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; position: relative; padding:45rem 50rem; margin-bottom: 20rem; } 
.popup-portfolio .info-head:before { content:''; position: absolute; left:0; top:0; right:0; bottom:0; background: rgba(0,0,0,0.7);; } 
.popup-portfolio .info-head h4 { margin-bottom: 45rem; color:#fff; position: relative; line-height: 1; } 
.popup-portfolio .info-head h4 p { font-size:28rem; font-weight:200; margin-bottom: 12rem; } 
.popup-portfolio .info-head h4 strong { font-size:36rem; font-weight:600; } 
.popup-portfolio .info-head .info { position: relative; } 
.popup-portfolio .info-head .info dl { overflow: hidden; color:#fff; font-size:16px; line-height: 1.2; } 
.popup-portfolio .info-head .info dl + dl { margin-top:10rem; } 
.popup-portfolio .info-head .info dl dt { float:left; width:160rem; font-weight:600; } /*ljh*/
.popup-portfolio .info-head .info dl dd { overflow: hidden; font-weight:200; } 
.popup-portfolio .img-area p { margin-bottom: 20rem; } 
.popup-portfolio .img-area p img { width:100%; } 
.popup-portfolio .img-area p video { width:100%; display: block;}
.popup-portfolio .desc { padding: 20rem; font-size:18rem; font-weight:200; line-height: 1.5; margin-bottom: 15rem; background-color: #f1f1f1; } 
.popup-portfolio .tag { display: flex; flex-wrap: wrap; gap:20rem; margin-bottom: 50rem; } 
.popup-portfolio .tag p { padding:0 15rem; height: 30rem; line-height: 30rem; border-radius:30rem; background-color: #f1f1f1; font-size:16rem; font-weight:200; color:#999; } 
.popup-portfolio .p-btns2 { padding-bottom: 50rem; } 

.error-page { display: flex; height: 100vh; justify-content: center; align-items: center; text-align: center;; } 
.error-page div { padding:0 20px } 
.error-page h1 { font-size:48rem; font-weight:600; line-height: 1.2; } 
.error-page p { font-size:24rem; line-height: 1.5; padding:45rem 0; border-bottom:1px solid #e0e0e0; } 
.error-page .p-btns2 { padding-top:45rem; } 

.ci1 { margin-bottom: 140rem; text-align: center; } 
.ci1 p { max-width:960px; height: 300rem; border:1px solid #999; background: url(/common/image/menu_aboutus/bg_ci1.png) repeat -1px -1px; display: flex; align-items: center; justify-content: center; margin:0 auto 50rem } 
.ci-color { padding:90rem 0 120rem; background-color: #efefef; border-radius:7rem; margin:170rem 0 140rem } 
.ci-color .h3 { margin-bottom: 80rem; } 
.ci-color ul { max-width:870rem; margin:0 auto; display: flex; justify-content:space-between; align-items: center; } 
.ci-color ul li { width:240rem; } 
.ci-color ul li:nth-child(2) { width:47rem } 
.ci-color ul li i { display: block; margin:0 auto 100rem; width:47rem; height:47rem; background: url(/common/image/menu_aboutus/ci_plus.png) no-repeat 50% 50%; background-size: contain; } 
.ci-color ul li .item .circle { width:240rem; aspect-ratio: 1/1; border-radius:100%; display: flex; align-items: center; justify-content: center; text-align: center; font-size:30rem; line-height: 1.2; color:#fff; background-color: #2b9847; flex-direction: column; margin-bottom: 25rem; font-family: "Obvia"; } 
.ci-color ul li .item .circle strong { font-weight:400; display: block; } 
.ci-color ul li .item .info { display: flex; flex-wrap: wrap; gap:20rem 40rem; } 
.ci-color ul li .item .info dl { /* flex:1; */ display: flex; justify-content: space-between; align-items: center; width: calc( 50% - 20rem ); font-size:26rem; line-height: 1 } 
.ci-color ul li .item .info dl dt { font-family: "Obvia"; } 
.ci-color ul li .item .info dl dd { color:#666; } 
.ci-color ul li:last-child .item .circle { background-color: #231816; } 
.ci-ctype { max-width:1230px; margin:0 auto; } 
.ci-ctype .h3 { margin-bottom: 75rem; } 
.ci-ctype ul { display: flex; margin:0 -5px; } 
.ci-ctype ul li { width:33.333333%; padding:0 5px } 
.ci-ctype ul li div { height: 230rem; border:1px solid #efefef; display: flex; align-items: center; justify-content: center; } 
.ci-ctype ul li:nth-child(2) div { background-color: #221815; border-color:#221815;; } 
.ci-ctype ul li:nth-child(3) div { background-color: #2ba739; border-color:#2ba739;; } 

.org { position: relative; } 
.org .ceo { width:224rem; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; border-radius:100%; background-color: #375649; font-size:40rem; color:#fff; font-weight:600; margin:0 auto 100rem; position: relative; } 
.org .ceo:before { content:''; position: absolute; left:50%; bottom:-100rem; height: 100rem; width:1px; background-color: #666666; } 
.org .orglist { display: flex; gap:80rem; text-align: center; position: relative; } 

.org .orglist > li { flex:1; padding-top:100rem; position: relative; } 
.org .orglist > li:before { content:''; position: absolute; left:50%; top:0; height: 100rem; width:1px; background-color: #666; } 
.org .orglist > li:first-child:after { content:''; position: absolute; left:50%; width:calc(50% + 41rem); top:0; height: 1px; background-color: #666; } 
.org .orglist > li:last-child:after { content:''; position: absolute; right:50%; width:calc(50% + 41rem); top:0; height: 1px; background-color: #666; } 
.org .orglist li .dep2 .txt { height: 80rem; line-height: 80rem; border-radius:5rem; text-align: center; background-color: #375649; font-size:28rem; font-weight:500; color:#fff; margin-bottom: 30rem; } 
.org .orglist li .dep3 { display: flex; gap:20rem } 
.org .orglist li .dep3 ul { flex:1; } 
.org .orglist li .dep3 li { min-height: 65rem; line-height: 1.2; padding:15rem 10rem; background-color: #e2e2e2; border-radius:5rem; font-size:26rem; margin-bottom: 10rem; } /*영어*/ /*ljh*/
.org .orglist li .dep3 li.black { background-color: #333; color:#fff !important; } 
.org .orglist li .dep3 li br { display: none; } 
.org .org-etc-box .org-etc { position: absolute; top:80rem; width:calc(50% - 40rem); } 
.org .org-etc-box .org-etc.left { left:0; } 
.org .org-etc-box .org-etc.right { right:0; display: flex; justify-content: flex-end; } 
.org .org-etc-box .org-etc dl { width:calc(100% / 3 - 10rem); } 
.org .org-etc-box .org-etc.left dt { position: absolute; left:calc(100% / 3 - 10rem + 20rem); width:calc(100% / 3 - 10rem); } 
.org .org-etc-box .org-etc.right dt { position: absolute; right:calc(100% / 3 - 10rem + 20rem); width:calc(100% / 3 - 10rem); } 
.org .org-etc-box dl dt,
/*.org .org-etc-box dl dd { height: 65rem; line-height: 65rem; background-color: #e2e2e2; border-radius:5rem; font-size:26rem; margin-bottom: 10rem; text-align: center; } */
.org .org-etc-box dl dd { min-height: 65rem; line-height: 1.2; padding: 15rem 10rem ;background-color: #e2e2e2; border-radius:5rem; font-size:26rem; margin-bottom: 10rem; text-align: center; } /*영어*/
.org .org-etc-box dl dt { background-color: #333; color:#fff;; } 

.global { position: relative; max-width:1920px; margin: 0 auto; } 
.global .arrow { position: absolute; top:0; left:0; transform: scale(0.2) rotate(15deg); transform-origin: 78% 23%; opacity:0; transition: all 1.2s cubic-bezier(0.76, 0, 0.24, 1);; } 
.global .pia { position: absolute; left:74%; top:6.2%; height:12.04943357364%; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; border-radius:100%; background-color: #f39134; font-size:21rem; color:#fff; font-weight:600; transition: all 1s cubic-bezier(0.76, 0, 0.24, 1);; transform: translateY(20px); opacity:0; }/*영어*/
.global .pia:before { content:''; position: absolute; left:50%; top:100%; width:2px; height: 24rem; background-color: #f39134; margin-left: -1px; } 
.global .pia:after { content:''; position: absolute; left:50%; top:calc(100% + 24rem); margin-left: -3px;; width:6px; height: 6px; border-radius:100%; background-color: #f39134; } 
.global .pia span { position: absolute; left:50%; top:calc(100% + 30rem); transform: translateX(-50%); font-size:18rem; font-weight:500; color:#000; line-height: 1.1; } /*영어*/
.global .cr { position: absolute; font-size:0; line-height: 1; } 
.global .cr .wave { width:6px; height: 6px; border-radius:100%; position: relative; } 
.global .cr .wave span { position: absolute; left:0; top:0; } 
.global .cr .wave span { background-color:rgba(243,145,52,0.2); border-radius: 50%; animation-fill-mode: both; position: absolute; left: 0; top: 0px; margin: 0; width: 100%; height: 100%; } 
.global .cr .wave span:nth-child(1) { background-color: #f39134; } 
.global .cr .wave span:nth-child(2) { opacity:0; animation: wave-circle 3s cubic-bezier(1, 2, 0.66, 3) infinite; -webkit-animation-delay: 0s; animation-delay: 0s; } 
.global .cr .wave span:nth-child(3) { opacity:0; animation: wave-circle 3s cubic-bezier(1, 2, 0.66, 3) infinite; -webkit-animation-delay: 1s; animation-delay: 1s; } 
.global .cr .wave span:nth-child(4) { opacity:0; animation: wave-circle 3s cubic-bezier(1, 2, 0.66, 3) infinite; -webkit-animation-delay: 2s; animation-delay: 2s; } 
.global .cr .wave span:nth-child(5) { opacity:0; animation: wave-circle 3s cubic-bezier(1, 2, 0.66, 3) infinite; -webkit-animation-delay: 3s; animation-delay: 3s; } 
.global .cr .txt { font-size:18rem; font-weight:500; position: absolute; top:-5rem; } 
.global .cr.cr1 { left:37.2916666666%; top:24.20185375901% } 
.global .cr.cr1 .txt { left: -45rem } 
.global .cr.cr2 { left:39.11458333333%; top:23.48094747683% } 
.global .cr.cr2 .txt { right:-73rem; } 
.global .cr.cr3 { left:18.59375%; top:61.17404737384% } 
.global .cr.cr3 .txt { transform: translateX(-44%); top:20rem } 
.global .cr.cr4 { left:17.7083333%; top:72.60556127703% } 
.global .cr.cr4 .txt { transform: translateX(-44%); top:20rem } 
.global .cr.cr5 { left:58.17708333%; top:17.71369721936% } 
.global .cr.cr5 .txt { transform: translateX(-44%); top:-30rem } 
.global .cr.cr6 { left:71.92708333%; top:28.93923789907% } 
.global .cr.cr6 .txt { transform: translateX(-44%); top:20rem } 
.global .cr.cr7 { left:76.61458333%; top:32.4407826982% } 
.global .cr.cr7 .txt { right: -55rem; top:20rem} /*영어*/
.global .cr.cr8 { left:81.145833%; top:25.0257466529% } 
.global .cr.cr8 .txt { transform: translateX(-44%); top:20rem } 
.global .cr.cr9 { left:77.86458333%; top:47.3738414006% } 
.global .cr.cr9 .txt { transform: translateX(-44%); top:20rem } 
.global .cr.cr10 { left:81.770833333%; top:59.4232749742% } 
.global .cr.cr10 .txt { transform: translateX(-44%); top:20rem } 
.global.active .pia { transform: translateY(0); opacity:1; } 
.global.active .arrow { opacity:1; transform: scale(1) rotate(0); transition-delay: 0.7s; } 
@keyframes wave-circle { 
0% { transform: scale(0); opacity: 0; } 
50% { opacity: 1; } 
100% { transform: scale(4); opacity: 0; } 
 } 


.about1 { height: 730rem; display: flex; justify-content: flex-end; padding: 60rem 160rem 0 0; margin-bottom: 150rem; position: relative; } 
.about1 .imgs p { position: absolute; left:0; top:0; right:0; bottom:0; background-repeat: no-repeat; background-size: cover; opacity:0; transition:all 0.5s ease; } 
.about1 .imgs p.active { opacity:1; }
/* 240729 추가 */
.about1 .imgs p em { position: absolute; right: 0; top: 0; width: 60%; height: 100%; z-index: 1; } 
.about1 .box { position: relative; z-index:2; } 
.about1 .box .item { width:350rem; padding: 0 25rem; border:10px solid transparent; color:#375649; display: flex; align-items: flex-end; position: relative; overflow: hidden; margin-bottom: 10rem; cursor: default; } 
.about1 .box .item.co-white.active { color:#fff; border-color:#fff; } 
.about1 .box .item:last-child { margin-bottom: 0; } 
.about1 .box .item .t1 { font-size:24rem; position: absolute; left:20rem; top:30rem; opacity:0; text-align: right; font-family: 'Obvia'; } 
.about1 .box .item .t2 { width:100%; text-align: right; } 
.about1 .box .item .t2 p { font-size:34rem; font-weight:500; line-height: 1.2; position: absolute; left:25rem; bottom:125rem; opacity:0; } 
.about1 .box .item .t2 .before { font-size:60rem; font-weight:800; line-height: 1; color:#b5c4be; text-align: right; transition:all 0.2s ease; } 
.about1 .box .item .t2 .after { position: absolute; right:25rem; bottom:30rem; font-size:88rem; font-weight:800; line-height: 1; opacity:0; letter-spacing: -4rem; } 
.about1 .box .item:first-child .t2 .after { letter-spacing: -1rem } 
.about1 .box .item:nth-child(3) .t2 .before { letter-spacing: 1rem; } 
.about1 .box .item:nth-child(3) .t2 .after { letter-spacing: 0 } 
.about1 .box .item.active { aspect-ratio: 1/1; border-color:#375649; transition: all 0.2s ease; } 
.about1 .box .item.active .t1 { opacity:1; } 
.about1 .box .item.active .t2 p { opacity:1; text-align: left; } 
.about1 .box .item.active .t2 .before { opacity:0; } 
.about1 .box .item.active .t2 .after { opacity:1; } 

.about2 { margin-bottom: 130rem; } 
.about2 ul { display: flex; gap:50px; } 
.about2 ul li { flex:1; } 
.about2 ul li .item { border-radius:6rem; height: 500px; background: url(/common/image/menu_aboutus/about2_1.png) no-repeat 50% 0; background-size: cover; display: flex; justify-content: flex-end; padding:0 0 70rem 40rem; color:#fff; flex-direction: column; } 
.about2 ul li .item strong { display: block; font-size:36rem; font-family: "Geologica"; font-weight:600; line-height: 1; margin-bottom: 15rem; } 
.about2 ul li .item p { font-size:26rem; line-height: 1.4; font-weight:500; } 
.about2 ul li:nth-child(1) .item { background-image: url(/common/image/menu_aboutus/about2_1.png); } 
.about2 ul li:nth-child(2) .item { background-image: url(/common/image/menu_aboutus/about2_2.png); } 
.about2 ul li:nth-child(3) .item { background-image: url(/common/image/menu_aboutus/about2_3.png); } 

.about3 { height:960rem; background: url(/common/image/menu_aboutus/about3.jpg) no-repeat 50% 50%; background-size: cover; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 150rem; } 
.about3 .h2 { color:#fff; margin-bottom: 120rem; } 
.about3 .p-w1456 { width:100%; } 
.about3 ul { display: flex; gap:35rem; } 
.about3 ul li { flex:1; } 
.about3 ul li .item { height: 312rem; border-radius:6rem; background-color: rgba(0,0,0,0.3); display: flex; align-items: center; justify-content: center; flex-direction: column; color:#fff; text-align: center; } 
.about3 ul li .item .t1 strong { font-size:36rem; font-weight:600; line-height: 1; margin-bottom: 7rem; display: block; } 
.about3 ul li .item .t1 p { font-size:22rem; font-family: "Geologica"; font-weight:100; } 
.about3 ul li .item .t2 { font-size:26rem; line-height: 1.3; margin-top:40rem; padding: 0 30rem; } 


.about4 { text-align: center; padding:0 50px; } 
.about4 .t1 { font-size:48rem; line-height: 1.4; margin-bottom: 95rem; } 
.about4 .t2 { font-size:36rem; font-weight:700; margin-bottom: 20rem; } 
.about4 .t2 span { letter-spacing: 4rem; margin-left: 40rem; } 


.quick { position: fixed; right:0; bottom:0; z-index:10; } 
.quick a { display:flex; flex-direction: column; align-items: center; justify-content: center; width:77rem; height: 77rem; background-color: #efefef; font-size:13px; color:#375649; font-weight:500; line-height: 1; } 
.quick a:before { content:''; display: block; width:25rem; height: 25rem; margin:0 auto 7rem; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } 
.quick a.btn-q:before { background-image: url(/common/image/img_inc/ico_quick1.png); } 
.quick a.btn-top:before { background-image: url(/common/image/img_inc/ico_quick2.png); background-size: 17rem auto; } 
.quick a.btn-top { color: #fff; background-color: #375649; } 

/* 공통메뉴 */
.common-list ul li { margin-bottom: 20px;; } 
.common-list .box { background-color: #f1f1f1; border-radius:5rem; padding:30rem}
.common-list h4 {font-size:28rem; line-height: 1.4; font-weight:500; margin-bottom: 15px;} 
.common-list p {font-size:20rem; font-weight:300; line-height: 1.2; margin-bottom: 40rem;}

/* 개인정보처리방침 */
.common-list .box P {font-size:20rem; font-weight:300; line-height: 1.2;}
.common-list .box .priv_a:not(:first-child) {margin-top: 40rem;}
.common-list .box .priv_a h4 {font-size:28rem; line-height: 1.4; font-weight:500; margin-top: 10rem; margin-bottom: inherit;}
.common-list .box .priv_a p {font-size:20rem; line-height: 1.4; font-weight:500; margin-top: 10rem; margin-bottom: inherit;}
.common-list .box .priv_a .priv_in .priv_text .priv_num {padding-right: 10rem; top: 0; left: 0;}
.common-list .box .priv_a li a {border-bottom: 1px solid; color: #0382e1;}

.common-list .box .priv_a .priv_table {width: 100%; table-layout: fixed; font-size:20rem; font-weight:300; line-height: 1.2; margin-top: 20rem;}
    .common-list .box .priv_a .priv_table thead th {height: 60rem; text-align: center; background-color: #666; font-size: 20rem; font-weight: 400; color: #fff; padding: 10rem;}
    .common-list .box .priv_a .priv_table tbody {position: relative; border-bottom: 1px solid #999;}
    .common-list .box .priv_a .priv_table tbody td {text-align: center; font-size: 20rem; font-weight: 300; height: 85rem; background-color: #fff; word-break: break-all; padding: 10rem;}
    .common-list .box .priv_a .priv_table tbody td.priv_icon img {display: block; max-width: 25%; min-width: 40px; margin: auto;}
    .common-list .box .priv_a .priv_table tbody td.priv_icon_text {vertical-align: top; margin-bottom: 10rem;}
    .common-list .box .priv_a .priv_table tbody td.priv_icon_text p {margin-top: 0px;}
    .common-list .box .priv_a .priv_table tbody td.priv_icon_text span {text-align: center; font-size: 20rem; font-weight: 300; word-break: break-word; height: 85rem;}

/* 들여쓰기 */
.common-list .box .priv_a .priv_in .priv_list_01 {padding-left: 10rem; position: relative;}
.common-list .box .priv_a .priv_in .priv_list_01 li {font-size:20rem; line-height: 1.2; margin-top: 10rem;  margin-bottom: inherit;}
.common-list .box .priv_a .priv_in .priv_list_01 > li {position: relative; padding-left: 30rem; word-break: break-all;}
.common-list .box .priv_a .priv_in .priv_list_01 > li .priv_num {position: absolute; top: 0; left: 0;}  
.common-list .box .priv_a .priv_in .priv_list_01 > li .priv_btn {display: inline-block; vertical-align: middle; width: 60rem; height: 25rem; border-bottom: 1px solid; text-align: center; line-height: 23rem; font-size: 16rem; color: #000; font-weight: 600; margin: 0px 1px 3px 4px;}
.common-list .box .priv_a .priv_in .priv_list_02 {padding-left: 10rem; position: relative;}
.common-list .box .priv_a .priv_in .priv_list_02 li {font-size:20rem; font-weight: 200; line-height: 1.2; margin-top: 10rem;  margin-bottom: inherit;}
.common-list .box .priv_a .priv_in .priv_list_02 > li {position: relative; padding-left: 20rem;}
.common-list .box .priv_a .priv_in .priv_list_02 > li .priv_num {position: absolute; top: 0; left: 0;}

.common-list .box .priv_a .priv_in .priv_list_03 li {font-weight: 200;}
.common-list .box .priv_a .priv_in .priv_list_03 > li {position: relative; padding-left: 40rem;}
.common-list .box .priv_a .priv_in .priv_list_03 > li .priv_num {position: absolute; top: 0; left: 20rem;}


.common-list .box .label_list li .box_item {}



/* Etc */
.mobile { display: none; } 
.tablet { display: none; } 
.only-mobile { display: none; } 


/**************************************************************************************************************** 
 Content Media Query 
****************************************************************************************************************/
.mobile-submenu { display:none; } 

@media (min-width: 1207px) { 
 ::-webkit-scrollbar { width:5px; height: 5px; } 
 ::-webkit-scrollbar-thumb { width:5px; border-radius:5px; background: #ccc; } 
 ::-webkit-scrollbar-track { background:#f5f5f5 } 
 } 


/* 1200 미만부터 미디어쿼리 설정하면 큰 화면에서 UI 들이 커보임. 1600px 이하로 설정하는건 어떨지?? */
@media (max-width: 1600px) { 
 .gnb-wrap .gnb-area { margin-left: -100rem; } 
 .header .right .btn-mall { width:115rem; margin-top:3px; } 
 .header .right .lang { margin-left: 5rem; margin-right: inherit; } /*ljh-250114*/
 .header .right .lang .btn-lang { width: 70px; } 
 .header .right .btn-menu { margin-left: 10px; margin-top:2px } 
 .gnb-wrap .gnb-area > ul .btn-dep1 { width:auto; padding:0 20px; } 
.gnb-wrap .gnb-area .dep2-box .dep2 { padding-left:15rem; padding-right:15rem; } 
.gnb-wrap .gnb-area .dep2-box .dep2 h4 { font-size:20rem; } 

 .org .orglist li .dep3 li.line2 br { display: block; } 
 .org .orglist li .dep3 li.line2 { height: 96px; display: flex; justify-content: center; align-items: center; line-height: 1.2; } 
 .faci-about .article i { left:20rem; } 
 .history .imgs .box img { height: 600px; } 
 .history .imgs .box .desc-box { width:400px; height: 400px; right:50px; top:50px; } 
 .history .imgs .box .desc-box strong { font-size:80rem; } 
 .history .imgs .box .desc-box p { font-size:38rem; } 
 
 } 

/* PC_1200(1200~1025) */
@media (max-width: 1206px) { 
 .p-w1700 { padding:0 70rem; } 
 .p-1200-w912 { max-width:912px; } 
 .p-btn1 i { margin-top:-3px; } 
 .p-btn:hover { background-color: transparent; border-color: #666; color: #375649; } 
 .p-btn:active { background-color: #375649; border-color: #375649; color: #fff; } 

 .w350 { width:280rem; } 

 .h2 { margin-bottom: 130rem; padding-left: 30px; padding-right:30px; } 
 .h2.type2 { margin-bottom: 80rem; } 

 .checkbox-txt + p { height: 60px; line-height: 1.2; } /*영어*/
 .header .right .btn-mall { margin-top:5px; } 


 .header h1 a { background-size: 99px auto; } 
 
 .allmenu-a .nav .menu > ul > li { min-height: 240px; } 

 .gnb-wrap .gnb-area .dep2-box:before { top:100px; } 
 .gnb-wrap .gnb-area .dep2-box { padding-top:130px; gap:10px; } 

 .allmenu-a .logo a { background-size: 99px auto; } 
 body:after { content:'1200 ~ 1025'; } 

 .gnb-wrap .gnb-area .dep2-box .dep2 { height:150px; padding-top:40rem; } 
 .gnb-wrap .gnb-area .dep2-box .dep2 h4 { margin-bottom: 10px; } 
 .gnb-wrap .gnb-area .dep2-box .dep2 .btn-dep2, .gnb-wrap .gnb-area .dep2-box .dep2 p { line-height: 1.4; } 
 .header-wrap-a.active .header-wrap-inner { height: 310px; } 

/* 포트폴리오 팝업 수정*/
	

.popup-wrap.type-fixed .popup { position: fixed; } 
.popup-head { height: 80px; padding:0 20px 0 30px;; } 
.popup-head .h3-popup { font-size:28px; } 
.popup-body { padding: 30px 15px 30px 30px; } 
.popup-content { padding-right: 15px; /* padding-bottom: 10vh; */ } 
.popup .btn-close { background-size: 21px auto; } 
.popup .complete-area { bottom:80px; } 
 
.popup-wrap.pf_t01 .popup-box { display: block; } 
.popup-wrap.pf_t01 .popup-cont { padding:0; display: block; } 
.popup-wrap.pf_t01 .popup { width:100% !important; border-radius:0; } 
.popup-wrap.pf_t01 .popup-content { max-height: inherit; height: 100%; overflow: auto; } 
.popup-wrap.pf_t01 .popup-body { height: calc( var(--vh, 1vh) * 100 - 80px); overflow: visible; } 
.popup-wrap.pf_t01 .popup-body::-webkit-scrollbar { width:5px; height: 5px; } 
.popup-wrap.pf_t01 .popup-body::-webkit-scrollbar-thumb { width:5px; border-radius:5px; background: #ccc; } 
.popup-wrap.pf_t01 .popup-body::-webkit-scrollbar-track { background:#f5f5f5 } 

.popup-wrap.pf_t01 .type-fixed .popup-content { height: 100%; max-height: inherit; } 
	

 .sub-header { height: 430px;; } 
 .sub-header h2 { padding-top:200px } 

 .subsidiary-box .img-box { height: 650px;; } 
 .subsidiary-box.type2 .img-box { height: 400px; } 
 .subsidiary-box .info { padding:0 50px; } 
 
 .partners ul li { width:33.3%; } 
 .partners ul li a,
 .partners ul li p { height: 110px; padding:0 6px; } 
 .auth-list ul li .box .logo img { max-width:170px } 
 .offer-services > div:first-child { width:45%; } 
 .offer-services > div:last-child { width:55%; } 
 .offer-services .list ul li .article { height: 300px; } 
 .offer-services .list ul li .article .info { padding:40px 10px 25px 25px; min-width:300px;} 
 .welfare .article .img img { max-width:405px; } 
 .duty .article { padding:40rem 55rem;  min-height: 240px; } /*영어*/
 .trigger-img-box { height: 470rem; } 
 .description4 { height: 270rem; } 
 .portfolio2 ul li a dl { left:30rem; bottom:30rem; right:20rem; } 
 .p-tabs ul li a { min-height: 112rem;} /*영어*/
 .recruit ul li .article { padding:40rem; } 
 .recruit ul li .article .type > div { min-width:100px; } 
 
 .complete-area:before { margin-bottom: 40px; } 
 .complete-area h3 { margin-bottom: 40px; } 
 .complete-area h3 p { margin-top:10px; } 
 .complete-area .txt { margin-bottom: 40px; } 

 .auth-list2 { padding:0; } 
 .portfolio ul li { height: 300px; } 
 .offer-services .title .btns { gap:14px; } 
 
 .duty .article .before { display: none; } 
 .duty .article .after { opacity:1; } 
 .duty .article .after .biz+ul { min-height: 83px; } 
 .duty .article { background-color: #333; } 
 .duty .article:hover { background-color: #375649; } 
 .portfolio2 ul li a:before { opacity:1; } 
 .portfolio2 ul li a dl { opacity:1; transform: translateY(0); } 

 .faci-photos ul li .info { left: 60rem; min-width: 300px; } 
 .faci-step ol li dl dd { margin-top:55rem; } 
 .auth-list2 ul { flex-wrap: wrap; justify-content: center; gap:60rem; padding-left: 30px; padding-right:30px; } 
 .auth-list2 ul li p img { height: 140px; } 

 .faci-visual { height: 600px; } 
 .faci-visual .visual-text { left: 50px; bottom:120px;; } 
         /*.faci-visual .info { left: 50px; bottom:120px;; } */
 .faci-visual .controls { left:50px; bottom:50px; gap:12px; } 
 .faci-visual .swiper-pagination { gap:12px; } 
 .inp + label { top:22rem; } 
 .ci1 p { height: 280px; max-width:800px } 
 .ci-ctype ul li div { height: 210px; } 

 .org .orglist li .dep2 .txt { height: 60px; line-height: 60px; } 
 .org .orglist li .dep3 li,
 .org .org-etc-box dl dt, 
 .org .org-etc-box dl dd { min-height: 50px; line-height: 1.2; padding: 15px 10px;} /*영어*/ /*ljh*/
 .org .orglist li .dep3 li.line2 { height: 75px; display: flex; justify-content: center; align-items: center; line-height: 1.2; } 
 .org .orglist li .dep3 li br { display: block; } 

 .about1 { height: 640px; padding:50px 75px 0 0; } 
 .about1 .box .item { margin-bottom: 15px; } 
 .about1 .box .item:first-child .t2 .after { letter-spacing: -3rem; } 
 .about1 .box .item:nth-child(3) .t2 .after { letter-spacing: -2rem; } 
 .about2 ul { gap:25px; } 
 .about2 ul li .item { height: 378px; padding:0 35px 45px; } 
 .about3 { height: 650px; } 
 .history .imgs .box { height: 465px;; } 
 .history .imgs .box img { height: 100%; object-fit: cover; } 
 .history .imgs .box .desc-box { width:333px; height: 333px;; right:40px; top:40px; } 
 .history .imgs .box .desc-box strong { font-size:66px; } 
 

 .popup-portfolio .info-head .info dl dt { width:200rem; } /*ljh*/


 .quick a { width:61px; height: 61px; font-size:11px;; } 
 .quick a:before { width:22px; height: 22px;; } 
 .quick a.btn-top:before { background-size:15px auto; } 
 } 



/* Tablet_1024(1024~753) */
@media (max-width: 1024px) { 
 .pc { display: none; } 
 .tablet { display: block; } 
 body:after { content:'1024이하 타블렛'; } 

 .p-w1700 { padding:0 30px; } 


 .gnb-wrap,
 .header .right .btn-mall,
 .header .right .lang { display: none; } 
 .header h1 { left:30px; } 
 .header .right { right:30px; } 
 .sub-gnb-wrap { display: none; } 
 .mobile-submenu-a { position: sticky; top:-105px; transition: all 0.1s ease; z-index:10; } 
 body.menu-on.mobile-scroll-up .mobile-submenu-a { transition: all 0.3s ease; } 
 .mobile-submenu { display: block; border-bottom: 2px solid #676767; } 
 .mobile-submenu .btn-open { display: block; padding-left: 30px; height: 80px; line-height: 80px; font-size:28px; color:#375649; border-top:1px solid #676767; position: relative; background-color: #fff; } 
 .mobile-submenu .btn-open:before { content:''; position: absolute; right:30px; top:28px; width:15px; height: 15px; border-left:1px solid #000000; border-bottom: 1px solid #000; transform: rotate(-45deg); transition: all var(--ease5) ease; } 
 .mobile-submenu .btn-open.active:before { transform: rotate(135deg); top:36px; } 
 .mobile-submenu .btn-open.active + ul { display: block; } 
 .mobile-submenu ul { display: none; background:#efefef; position: absolute; left:0; right:0; top:80px; border-top:1px solid #676767; border-bottom: 1px solid #676767; } 
 .mobile-submenu ul li a { border-bottom: 1px solid #676767; font-size:24px; line-height: 60px; padding-left: 50px; display: block; } 
 .mobile-submenu ul li.active a { background-color: #375649; color:#fff;; } 
 .header-wrap-a { transition: all 0.3s ease; } 
 body.menu-on .header-wrap-a { transform: translateY(-100px); height:70px; } 
 body.menu-on.mobile-scroll-up .mobile-submenu-a { top: 70px; } 
 .header-wrap-inner { height: 70px; } 
 body.menu-on .header h1 { height: 70px; } 
 body.menu-on .header .right { top:20px; top:11px; } 
 
 .allmenu-a .btn-close-menu { right:30px; } 
 .allmenu-a .logo { display: none; } 
 
 .allmenu-a .etc { display:flex; } 
 .allmenu-a .etc ul { display: flex; gap:5px; padding:28px 0 0 30px; } 
 .allmenu-a .etc ul a { font-size:24px; color:rgba(0,0,0,0.5); padding:5px 10px; font-weight:600; } 
 .allmenu-a .etc ul a span { border-bottom:2px solid transparent; } 
 .allmenu-a .etc ul .active a { color:#000; }
 .allmenu-a .etc ul .active a span { border-bottom-color:#000; } 
 .allmenu-a .nav { height: 80vh; } 

 .p-width-full { padding:0 30px; } 
 .footer-sitemap { display: none; }
    /*.footer-sitemap .menu { display: none; }
    .footer-sitemap .p-width-full { justify-content: center; } 
    .footer-sitemap .downloads { display: flex; justify-content: center; gap:10px; } 
    .footer-sitemap .downloads p { margin-bottom: 0;}
    250103 */
 .footer-etc { padding:0; border:0; } 
 .footer-etc .p-width-full { display: block; padding:0; } 
 .footer-etc .logo-box { justify-content: space-between; padding:15px 30px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; } 
 .footer-etc .sns-box { justify-content: space-between; padding:20px 30px; border-bottom:1px solid #e5e5e5; } 
 .footer-etc .sns-box .family-box ul li a { padding-top:5px; padding-bottom:5px; } 
 .footer-address { padding:20px 30px 40px; } 

 .footer-etc .sns-box .family-box.active ul { max-height: 200px; } 

 .popup-box { display: block; } 
 .popup-cont { padding:0; display: block; } 
 .popup { width:100% !important; border-radius:0; } 
 .popup-content { max-height: inherit; height: 100%; overflow: auto; } 
 .popup-body { height: calc( var(--vh, 1vh) * 100 - 80px); overflow: visible; } 
 .popup-body::-webkit-scrollbar { width:5px; height: 5px; } 
 .popup-body::-webkit-scrollbar-thumb { width:5px; border-radius:5px; background: #ccc; } 
 .popup-body::-webkit-scrollbar-track { background:#f5f5f5 } 
 .release dl dd img { width:100%; } 

 .popup-wrap.type-fixed .popup-content { height: 100%; max-height: inherit; } 

 .subsidiary-box { flex-direction: column-reverse !important; padding:0 30px; margin-bottom: 60px; } 
 .subsidiary-box > div { width: 100%; } 
 .subsidiary-box .img-box { height: 200px; border-radius:10rem } 
 .subsidiary-box .img-box p img { max-height: 40px;; } 
 .subsidiary-box .info { width:100%; padding:20px 0 0 !important; } 
 .subsidiary-box.type2 .img-box { height: 250px; } 
 .partners ul { margin:0 -7.5px; gap:15px 0; } 
 .partners ul li {padding:0 7.5px; } 
 .partners ul li a,
 .partners ul li p { height: 94px; } 
 .auth-list ul li .box .logo { flex:0 0 230px; height: 270px; } 
 .auth-list ul li .box .logo img { max-width:140px; } 
 .auth-list ul li .box .info { padding:40px 15px 25px 0; } 
 .offer-services { display: block; } 
 .offer-services .title { text-align: center; } 
 .offer-services > div:first-child { width:100%; position: static; } 
 .offer-services > div:last-child { width:auto; } 
 .offer-services .title .btns { display: none; } 
 .offer-services > div { padding-top:0; } 
 .offer-services .list ul li .article { height: 250px; } 
 .offer-services .list ul li .article .info {padding-top:40px; flex:1 0 60%} 
 .offer-services .list ul li .article .img {flex:1 1 40%; width: inherit;}
 .offer-services .list > ul > li { margin-bottom: 30px; } 
 .checklist { margin-bottom: 60px; } 
 .checklist ul { display: block; margin:0;; } 
 .checklist ul li { width:auto; padding:0; margin-bottom: 15px; } 
 .checklist ul li .article .num { flex:0 0 34px; height: 34px; line-height: 33px;; } 
 .welfare .article { display: block; margin-bottom: 60px; } 
 .welfare .article .img { height: 180px; overflow: hidden; margin-bottom: 30px; border-radius:5px; } 
 .welfare .article .img img { width:100%; max-width:100%; object-fit: cover; /*object-position: 0 -37vh; */ } 
 .welfare .article .info { width:auto; } 
 .duty .article { padding:30px 25px; min-height: 240px; } 
 .duty > ul { margin:0 -7.5px; gap:15px 0; } 
 .duty > ul > li { padding:0 7.5px } 
 .portfolio2 ul { margin:0 -7.5px; gap:15px 0; } 
 .portfolio2 ul li { padding:0 7.5px; } 
 .p-tabs ul li a { min-height: 70px;} /*영어*/
 .recruit ul { display: block; margin:0;; } 
 .recruit ul li { width:auto; padding:0; margin-bottom: 15px; } 
 .recruit ul li .article { padding: 50px 30px; flex-direction: row; align-items: center; gap:30px; } 
 .recruit ul li .article .info { margin-bottom: 0; } 
 .recruit ul li .article .p-btns1 { display: flex; flex-direction: column; } 
 .check-list label { width:auto; min-width:150px; } 
 .inp-area { display: block; } 
 .inp-area > div + div { margin-top:15rem; } 
 .inp:focus {} 
 .inp:focus + label, .inp + label.freeze { font-size:10px; top:4rem; } 

 .map-area { display: block; } 
 .map-area .map-box { width:auto } 
 .map-area .map-box .btns { gap:10px; } 

 .process h2 { margin-bottom: 150rem;; } 
 .process .prc-mobile { position: relative; } 
 .process .prc-mobile.none::after { opacity: 0; } 
 .process .prc-mobile::after { content: ""; position: absolute; right: 20px; top: 40rem; z-index: 10; width: 40px; height: 40px; background: rgba(0,0,0,0.2) url(/common/image/img_inc/btn_ico_arrow_white.png) no-repeat center / 10px; transition: all 0.3s ease; border-radius: 50%; } 
 .process .prc-mobile { overflow-x: hidden; overscroll-behavior: auto; } 
 .process .prc-mobile::-webkit-scrollbar { width:5px; height: 5px; display: contents; } 
 .process .prc-mobile::-webkit-scrollbar-thumb { width:5px; border-radius:5px; background: rgba(255,255,255,0.5); } 
 .process .prc-mobile::-webkit-scrollbar-track { background:rgba(255,255,255,0.2) } 

 .process .prc { margin:95px 0; } 
 .process .prc ul { padding:0 30px; } 
 .process .prc ul li { flex:1 0 120px; } 
 .process .prc ul li dl { left: 50%; width: 120px; transform: translateX(-50%); } 

 .process .prc-mobile.type2 .prc { padding:0 10px; min-width:auto } 
 .process .prc-mobile.type2 .prc ul { padding:0 10px; } 
 .process .prc-mobile.type2 .prc ul li { flex:1; } 
 .description1 { padding:0 30px; } 
 .description2 { padding:0 30px; } 
 .portfolio ul li { height: 250px; } 
 .portfolio ul:hover li:before { opacity: 0; visibility: visible; } 
 .portfolio ul.dim li:before { opacity: 1; visibility: visible; } 
 .faci-photos ul li .info { left: 30px; right:30px; } 
 .sub-gnb-wrap-pc { display: none; } 
 .faci-visual { height: 550px; margin-bottom: 0; } 
 .faci-visual .controls { left:30px; bottom:45px; } 
 .faci-visual .info { left:30px; bottom:110px; } 
 .faci-about ul { display: block; margin:0; } 
 .faci-about ul li { width:auto; margin-bottom: 10px; padding:0; } 
 .faci-about .article i { left:20px; } 
 .faci-about .article { border-width:10rem; padding:30px 20px; } 
 
 .history { display: block; padding:0 30px; } 
 .history .title { width:auto; position:static } 
 .history .title .imgs .imgs-group { height: 360px; width:100%; border-radius:5rem; } 
 .history .title .imgs .imgs-group img { width: 100%; height: 100%; object-fit: cover; } 
 .history ul { padding:30px 20px; } 
 .map-area .info { padding-top:60rem; } 
 .inp:focus + label, .inp + label.freeze { top:8rem; } 
 .ci1 p img { height: 60px; } 
 .ci-color ul { max-width:500px; } 
 .ci-ctype ul li div img { height: 32px; } 
 .org { max-width:520px; margin:0 auto; } 
 .org .orglist { display: block; } 
 .org .org-etc-box { display: flex; justify-content: space-between; } 
 .org .org-etc-box .org-etc.left,
 .org .org-etc-box .org-etc.right { position: static; width:180px; display: block; } 
 .org .org-etc-box .org-etc dl { width:auto; } 
 .org .org-etc-box .org-etc.left dt,
 .org .org-etc-box .org-etc.right dt { position: static; width:auto; } 
 .org .orglist > li:first-child:after,
 .org .orglist > li:last-child:after,
 .org .orglist > li:last-child:before { display: none; } 
 .org .ceo:before { bottom:inherit; top:100%; height: 500rem; } 
 .global-group { position: relative; min-width:600px; } 
 .global .pia { font-size:14px; } 
 .global .cr.cr8 .txt { left:30rem} /*영어*/
 .about1 { height: 570px; padding:55px 30px 0 0; } /*프린피아소개*/
 /* 240729 추가 */
 .about1 .imgs p em { width: 60%; } 
 .about1 .box .item { margin-bottom: 5px; } 
 .about2 .h2 { margin-bottom: 80rem; } 
 .about2 ul { display: block; } 
 .about2 ul li { margin-bottom: 20px; } 
 .about2 ul li .item { height: 160px; display: flex; align-items: center; flex-direction: row; justify-content: flex-start; gap:50px; padding:0 0 0 60px; } 
 .about2 ul li .item strong { margin-bottom: 0; } 
 .about2 ul li:nth-child(1) .item { background:url(/common/image/menu_aboutus/about2_1_tablet.png) no-repeat 0 50%; background-size: cover; } 
 .about2 ul li:nth-child(2) .item { background:url(/common/image/menu_aboutus/about2_2_tablet.png) no-repeat 0 50%; background-size: cover; } 
 .about2 ul li:nth-child(3) .item { background:url(/common/image/menu_aboutus/about2_3_tablet.png) no-repeat 0 50%; background-size: cover; } 
 .about3 .p-w1456 { padding:0 30px; } 
 .p-w1220 { padding:0 30px; } 
 .about3 { height: 620px; } 
 .about3 .h2 { margin-bottom: 80rem; } 
 .about3 ul li .item { height: 256px; } 
 .about4 { padding: 0 30px; } 
 .history .imgs { position: relative; } 
 .history .imgs .box { border-radius:5px; height: 360px; } 
 .history .imgs .box .desc-box { width:370px; height: 273px; right:45px; top:45px; padding:20px; } 
 .history .imgs .box .desc-box strong { font-size:65px; line-height: 1; } 
 .history .imgs .box .desc-box strong span { font-size:36px; line-height: 1; display: block; } 
 .history .imgs .box .desc-box p { font-size:26px; } 


 .quick a { width:71px; height: 71px; font-size:12px;; } 
 .quick a:before { width:30px; height: 30px;; } 
 .quick a.btn-top:before { background-size:20px auto; } 

 /* 1024 미만 세로 모드일때 */
 @media (orientation: portrait) { 

 } 


 } 



@media (max-width: 960px) { 
 .allmenu-a .nav .menu > ul { width:450px; flex-wrap: wrap; gap:30px 0; } 
 .allmenu-a .nav .menu > ul > li { width:33.3333%; } 
 } 


@media (max-width: 932px) and (min-width:752px) { 
 /* 모바일 가로 모드 */
 @media (orientation: landscape) { 
 
 @media (max-height: 430px) { 
 /* 고해상 모바일 햄버거 메뉴 가로모드 */
 .allmenu-a .nav { /* margin: 0 40px; */ overflow-y: auto; } 
 .allmenu-a .nav .menu { height: 100%; /* overflow: auto; */ } 
 /*
 .allmenu-a .nav { height: 70vh; align-items: flex-start; padding-left: 40px; } 
 .allmenu-a .nav .menu > ul { width:700px; max-width:100%; } 
 .allmenu-a .nav .menu > ul > li { width:calc(100% / 6) } 
 .allmenu-a .sns { right:20px; bottom:20px; } 
 */
 } 
 } 
 } 



/* Mobile_380(752~380) */
@media (max-width: 752px) { 
     body:after { content:'752이하 모바일'; } 
     .mobile { display: block; } 
     .p-btns1 { display: block; } 
     .p-btns1 .p-btn1 { width:100%; /* display: block;*/ margin-bottom: 10px; max-width:340px; margin-left: auto; margin-right:auto } /*영어*/
     .p-btns2 { gap:10px; max-width:340px; margin-left: auto; margin-right:auto } 
     .p-btns2.mobile-block { display: block; } 
     .p-btns2.mobile-block a + a { margin-top:10px; } 
     .p-btns2.mobile-block a { width:100%; } 
     .p-btns2 .p-btn2.w350 { width:100% } 
     .bg-gray { padding: 75px 0; } 
     .p-w1700 { padding:0 20px; } 
     .p-w1060 { padding:0 20px; } 
     .h2 { margin-bottom: 50px; padding-left: 20px; padding-right:20px;; } 
     .h2.p-mb100 { margin-bottom: 30px !important; } 
     .h2.p-mb120 { margin-bottom: 50px !important; } 


     .header-wrap-a,
     .header h1 { height: 70px !important; } 
     .header h1 { left:20px; } 
     .header h1 a { background-size: auto 18px; } 
     .header .right { top:23px; right:20px; top:11px; } 
     .sub-header { height: 250px;; } 
     .sub-header h2 { padding-top:120px; } 
     .mobile-submenu .btn-open { height: 70px; line-height:70px; font-size:18px; padding-left: 20px; } 
     .mobile-submenu .btn-open:before { right:20px; top:27px; width:10px; height: 10px;; } 
     .mobile-submenu ul { top:70px; } 
     .mobile-submenu ul li a { line-height: 55px; padding-left: 35px; font-size:14px;; } 
     body.menu-on.mobile-scroll-up .mobile-submenu-a { top: 70px; } 
     .mobile-submenu .btn-open.active:before { top:33px; } 

     .allmenu-a { overflow: auto; padding:70px 0 0; } 
     .allmenu-a .etc { position:fixed; z-index:2; left:0; top:0; right:0; height: 70px; justify-content: space-between; align-items: center; padding:0 20px 0 10px; border-bottom: 1px solid #e5e5e5; background:#fff; } 
     .allmenu-a .etc ul { padding:0; } 
     .allmenu-a .etc ul a { font-size:18px; } 
     .allmenu-a .etc .btn-close-menu { position: static; } 
     .allmenu-a .nav { display:block; } 
     .allmenu-a .nav .menu > ul { display: block; width:auto; padding:25px 0 40px; } 
     .allmenu-a .nav .menu > ul > li { width:auto; min-height: auto; } 
     .allmenu-a .nav .menu .btn-dep1 { display: block; line-height: 55px; padding-left: 20px; font-size:29px; color:#000; font-weight:600; position: relative; } 
     .allmenu-a .nav .menu .btn-dep1:before { content:''; position: absolute; right:25px; top:50%; margin-top:-9px; width:11px; height: 11px; border-left: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(-45deg); transition: all var(--ease5) ease; } 
     .allmenu-a .nav .menu .btn-dep2 { display: block; line-height: 35px; padding-left: 20px; font-size:21px; color:#333333; } 
     .allmenu-a .nav .menu .btn-dep2:hover { color:#478a6e; } 
     .allmenu-a .nav .menu > ul > li.active .btn-dep1 { color:#478a6e; } 
     .allmenu-a .nav .menu > ul > li.active .btn-dep1:before { transform: rotate(135deg); margin-top:-3px } 
     .allmenu-a .nav .menu .dep2 { display: none; } 
     .allmenu-a .sns { position: fixed; right:0; bottom:0; text-align: right; padding: 30px 20px 25px 0; left:0; background:#fff; } 
     .allmenu-a .sns div { justify-content: flex-end; } 
     .allmenu-a .mobile-banner { display: block; padding:0 20px 120px;; } 


     .footer-sitemap { padding:30px 20px 20px; } 
     .footer-sitemap .p-width-full { padding:0; display: block; } 
     .footer-sitemap .downloads { display: flex; } 
     .footer-sitemap .downloads p { flex:1 1 auto; } 
     .footer-sitemap .downloads a { width:100%; background-image: none; text-align: center; padding:0; } 
     .footer-etc .logo-box .logo a { width:120px; height: 28px;; } 
     .footer-etc .logo-box { padding:20px; justify-content: space-between; gap:0 } 
     .footer-etc .sns-box { display: block; padding:20px; } 
     .footer-etc .sns-box .sns { display: flex; justify-content: center; gap:10px; margin-bottom: 20px; } 
     .footer-etc .sns-box .family-box .btn-family { width:100%; height: 45px;; } 
     .footer-etc .sns-box .family-box ul { bottom:45px; } 
     .footer-address { padding:20px; text-align: center; } 
     .popup-head { height: 70px; padding:0 13px 0 20px; } 
     .popup-body { padding:20px 10px 20px 20px; height: calc( var(--vh, 1vh) * 100 - 70px); } 
     .popup-content { padding-right: 10px; } 
     .popup-head .h3-popup { font-size:25px; } 

     .subsidiary-box { padding:0 20px; margin-bottom: 50px; } 
     .subsidiary-box .img-box { height: 175px; } 
     .subsidiary-box.type2 .img-box { height: 150px;; } 
     .partners ul { margin:0 -5px; } 
     .partners ul li { padding:0 5px; } 
     .partners ul li a,
     .partners ul li p { height:auto; padding:10px 5px;}
     .auth-list ul li { margin-bottom: 50px; } 
     .auth-list ul li .box { display: block; text-align: center; padding:20px 15px; } 
     .auth-list ul li .box .logo { width:200px; height: 200px; margin:20px auto; } 
     .auth-list ul li .box .logo img { max-width:200px; max-height: 200px; } 
     .auth-list ul li .box .info { padding:20px 0 0; } 
     .auth-list ul li .box .info h3 { line-height:1.2 } 
     .auth-list ul li .box .info h3 small { display: block;; } 
     .auth-list ul li .box .info .txt { text-align: left; } 
     .auth-list ul li .box .info .btn-area .p-btn2 { width:100%; max-width:340px; margin-left: auto; margin-right:auto } 
     .offer-services .title .txt { text-align: center; margin-bottom: 20px; } 
     .offer-services .title h3 { text-align: center; } 
     .offer-services .list > ul > li { margin-bottom: 25px;; } 
     .offer-services .list ul li .article { border-radius:0 10rem 10rem 10rem; overflow: hidden; min-height: 210px; } 
     .offer-services .list ul li .article .num { font-size:12px; } 
     .offer-services .list ul li .article .info { padding:30px 10px 20px 20px; width:inherit; flex: 1 0 50%; min-width:200px} 
     .offer-services .list ul li .article .info .tags ul { gap:5px; } 
     .offer-services .list ul li .article .img { flex:1 1 200px;} 
     .checklist ul li .article { min-height: 87px; padding:16px 20px; gap:15px; height: auto;; } 
     .checklist ul li .article .num { flex:0 0 20px; height: 20px; line-height: 20px;; } 
     .checklist ul li .article .txt { -webkit-line-clamp:initial } 
     .welfare .article .img { height: 125px; border-radius:10rem; } 
     .duty > ul { display: block; margin:0;; } 
     .duty > ul > li { width:auto; padding:0; margin-bottom: 20px; } 
     .duty .article { padding:20px 15px; height: auto; min-height: inherit; } 
     .duty .article .before { display: none; } 
     .duty .article .after { opacity:1; } 
     .duty .article .after .biz+ul { min-height: 75px; } 
     .duty .article .after ul li { padding-left: 14px;; } 
     .duty .article .after ul li:before { top:11rem; } 
     .description1 { padding:0 20px; } 
     .description2 { padding:0 20px; } 
     .description3 { height: 200px; } 
     .trigger-img-box { height: auto; padding:40px 20px;; } 
     .trigger-img-box.p-mb250 { margin-bottom: 120rem; } 
     .trigger-img-box .p-btns2 { gap:10px; width:100%; } 
     .trigger-img-box .p-btns2 .p-btn5 { width:100%; } 
     .description4 { height: auto; padding:40px 20px;; } 
     .portfolio2 ul { margin:0 -5px; gap:10px 0; } 
     .portfolio2 ul li { padding:0 5px; width:50%; } 
     .portfolio2 ul li a img { object-fit: cover; height:260px } 
     .portfolio2 ul li a dl { left: 15px; bottom:15px; right:10px;; } 
     .p-tabs ul { flex-wrap: wrap; } 
     .p-tabs ul li { width:50% !important; flex:1 0 50% !important; } 
     .p-tabs ul li.empty { display: none; } 
     .p-tabs ul li.empty.mobile { display: block; } 
     .p-tabs ul li:nth-child(2n+1) { border-left:0; } 
     .p-tabs ul li:nth-child(n+3) { border-top:1px solid #bfbfbf; } 
     .p-tabs ul li a { min-height: 50px;} /*영어*/
     .recruit ul li .article { padding:25px; display: block; } 
     .recruit ul li .article .type { gap:5px; } 
     .recruit ul li .article .type > div { min-width:65px; } 
     .recruit ul li .article .info { margin-bottom: 25px; } 
     .recruit ul li .article .p-btns1 { display: block; } 
     .recruit ul li .article .p-btns1 .p-btn1:last-child { margin-bottom: 0; } 
     .check-box { gap:10px 0; margin: 0 -5px; } 
     .check-box label { padding:0 5px; width:33.3333333%; } 
     .checkbox-txt + p { height: 50px; line-height: 1.2; } /*영어*/
     .check-list label { min-width:110px; } 
     .inp { height: 50px;; } 
     .complete-area:before { margin-bottom: 30px; } 
     .complete-area h3 { margin-bottom: 20px; } 
     .complete-area h3 p { margin-top:5px; } 
     .compet { display: block; margin-bottom: 60px; } 
     .compet.type2 dl dt { padding-top:0; font-size:25rem } 
     .compet.type2 dl dd { font-size:40rem; } 
     .compet.type2 dl dd strong { font-size:50rem; } 
     .compet dl { display: flex; height: 90px; justify-content: space-between; align-items: center;; } 
     .compet dl dt { margin-bottom: 0; padding-top:15px; text-align: left; } 
     .process h2 { margin-bottom: 110rem; } 
     .process .prc { min-width:710px; } 
     .process .prc ul li { flex:0 0 110px; } 
     .portfolio ul li { height: 140px; } 


     .faci-solution { overflow: hidden; } 
     .faci-solution .circle { width:100%; max-width:600rem; height: auto; aspect-ratio: 1/1; } 
     .faci-step { margin-top:90px; } 
     .faci-step ol li dl dt { line-height: 1; } 
     .faci-step ol li dl dt span { display: block; } 
     .faci-step ol li dl dd { line-height: 1.1; } 
     .faci-step { padding-right:45px; } 
     .faci-step ol { height: 4px; } 
     .faci-step:before { width:40px; height: 30px; margin-top:-15px; } 
     .faci-report div { display: block; margin-bottom: 10px; } 
     .only-mobile { display: block; } 
     .faci-report div dl { height: 85px; padding:0 25px; display: flex; justify-content: space-between; align-items: center; } 
     .faci-report div dl + dl { margin-top:10px; } 
     .faci-report div dl dt { margin-bottom: 0;; } 
     .faci-report2 dl { display: block; text-align: center; } 
     .auth-list2 ul li p img { height: 100px; } 
     .auth-list2 ul { gap:20rem; padding:0; } 
     .faci-photos ul { display: block; } 
     .faci-photos ul li { height: 250px; overflow: hidden; } 
     .faci-photos ul li:before { display: none; } 
     .faci-photos ul li:after { height: 250px; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%); } 
     .faci-photos ul li .before { display: none; } 
     .faci-photos ul li .info { opacity:1; left: 20px; right:20px; bottom:20px; min-width: auto; } 
     .faci-photos ul li .info .btn-go {opacity:1;background: rgba(255, 255, 255, 0.5);}
     .faci-visual .controls { left:20px; bottom:35px; gap:10px; } 
     .faci-visual .swiper-pagination { gap:10px; } 
     .faci-visual .visual-text { left:20px; bottom:90px; } 
     .faci-visual .img:before { content:''; position: absolute; left:0; right:0; top:0; bottom:0; background: rgba(0,0,0,0.4);; } 
     .trigger-img-box em { transform:translateX(0); left: 0; width:100% !important; border-radius:0 !important } 

     .p-table1 table thead th { font-size:11px;} /*영어*/
     .p-table1 table tbody th,
     .p-table1 table tbody td { font-size:11px; } 
     .p-table1 table tbody td.p-text-left { padding-left: 20px; } 

     .history { padding:0 20px; } 
     .history ul { padding:25px 10px; } 
     .history ul li dl dt { float:none; width:auto;; } 
     .history ul li dl dd div strong { width:52rem; } 
     .history .title .imgs .imgs-group { height: 230px; } 
     .map-area .map-box .map { height: 400rem; } 
     .ci1 p { height: 180px;; } 
     .ci1 p img { height: 35px; } 
     .ci1 .p-btn2 { width:100%; max-width:340px; margin-left: auto; margin-right:auto; } 
     .ci-color { margin:50px -20px 70px; border-radius:0; } 
     .ci-color ul { justify-content: center; gap:20px; padding:0 30px; } 
     .ci-color ul li .item .info { flex-direction: column; justify-content: center; align-items: center; } 
     .ci-color ul li i { margin-bottom: 200rem; } 
     .ci-color ul li { width:auto; flex:1 1 auto; } 
     .ci-color ul li .item .circle { width: 100%; } 
     .ci-color ul li i { margin-left:0; margin-right:0; } 
     .ci-color ul li:nth-child(2) { flex:0 0 35px; } 
     .ci-ctype .h3 { margin-bottom: 40rem; } 
     .ci-ctype ul { display: block; margin:0; } 
     .ci-ctype ul li { width:auto; padding:0; margin-bottom: 15px; } 
     .ci-ctype ul li div { height: 165px; } 
     .ci-ctype ul li div img { height: 40px;; } 
     .org .ceo { margin-bottom: 50px; } 
     .org .orglist > li:before { height: 40px; } 
     .org .org-etc-box { gap:40px; } 
     .org .orglist > li { padding-top:40px; } 
     .org .orglist li .dep3 li, 
     .org .org-etc-box dl dt, 
     .org .org-etc-box dl dd,
     .org .orglist li .dep3 li.line2 { min-height: 45px; line-height: 1.2; }/*영어*/
     .org .orglist li .dep3 li.line2 br { display: none; } 
     .org .orglist li .dep3 { flex-wrap: wrap; margin:0 -10px; gap:10px 0; } 
     .org .orglist li .dep3 ul { width:50%; padding:0 10px; flex: 0 0 auto; } 
     .global-box { position: relative; overflow: hidden; } 
     .global { /* min-width:600px; */ margin: 0 auto; } 
     .global .pia { width:55px; height: 55px; left:73.4%; top:0; } 
     .global .cr.cr8 .txt {/* top:-23rem;*/ } /*영어*/

     .about1 { height: 400px; padding:40px 20px 0; } 
     .about1 .box { max-width:50%; } 
     .about1 .box .item { width:175px; border-width:5px; padding: 0 10px; } 
     .about1 .box .item .t1 { top:10px; left:10px; } 
     .about1 .box .item .t2 p { left:10px; bottom:60px; font-size:18px; } 
     .about1 .box .item .t2 .after { font-size:45px; bottom:10px; } 
    .about1 .imgs p em { width: 80%; }
     .p-w1220 { padding:0 20px; } 
     .about2 ul li { margin-bottom: 10px; } 
     .about2 ul li .item { height: 125px; padding:0 0 0 28px; gap:28px; } 
     .about2 ul li:nth-child(1) .item { background: url(/common/image/menu_aboutus/about2_1_mobile.png) no-repeat 0 50%; background-size: cover; } 
     .about2 ul li:nth-child(2) .item { background: url(/common/image/menu_aboutus/about2_2_mobile.png) no-repeat 0 50%; background-size: cover; } 
     .about2 ul li:nth-child(3) .item { background: url(/common/image/menu_aboutus/about2_3_mobile.png) no-repeat 0 50%; background-size: cover; } 
     .about3 { height: auto; padding:50px 0; } 
     .about3 .p-w1456 { padding:0 20px; } 
     .about3 ul { display: block; } 
     .about3 ul li { margin-bottom: 10px;; } 
     .about3 ul li .item { height: 165px; } 
     .about4 { padding: 0 20px; } 
     .history .imgs .box { height: 225px; } 
     .history .imgs .box .desc-box { right:10px; top:10px; width:225px; height: 205px; padding:10px; } 
     .history .imgs .box .desc-box strong { font-size:44px; } 
     .history .imgs .box .desc-box p { font-size:24px; white-space:nowrap; } 


     .quick a { width:52px; height: 52px; font-size:10px;; } 
     .quick a:before { width:23px; height: 23px;; } 
     .quick a.btn-top:before { background-size:15px auto; } 

     /* 240807 추가 */
     .ci-color ul li .item .info dl:nth-child(1) { order: 1; } 
     .ci-color ul li .item .info dl:nth-child(2) { order: 3; } 
     .ci-color ul li .item .info dl:nth-child(3) { order: 2; } 
     .ci-color ul li .item .info dl:nth-child(4) { order: 4; } 
 } 



@media (max-width: 435px) { 
    .faci-about .article i { display: none; } 
    .org .orglist li .dep3 li, .org .org-etc-box dl dt, .org .org-etc-box dl dd, .org .orglist li .dep3 li.line2 { display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1.2; } 
    .process .prc-mobile.type2 .prc { min-width: 480px; }
    /*시설안내 - 포트폴리오*/
    .portfolio.type2 ul { gap:2px;}
    .portfolio.type2 ul li { width:100%;}
    .portfolio.type2 ul li:before { content: inherit}

    /*시설안내 - 벨리체인*/
    .faci-step ol li dl dd { font-size: 11px;} 
 } 


/*오픈시 정리하기*/
/*태블릿에서 GNB 클릭안되게 막기   .gnb-wrap .gnb-area > ul .btn-dep1 { pointer-events: none;}*/
/*시설관리 택스트 입력 막기 */.faci-visual+script+.sub-gnb-wrap-pc+.content-wrap-a > .content .description1   { display: none;}
/*width없애기*/body:after {content:inherit !important;}
/*다국어 가리기 -PC             .header .right .lang {display:none}*/
/*다국어 가리기 -햄버거         .allmenu-a .etc ul li a { display:none;}*/

/* 탑기어 관련 display:none */