#navWrap{ display:none; }

/*common*/
#sv{ padding-top: 160px;} 
#sv .subVisual > div{ overflow: hidden;}
#sv .subVisual #lnb{ display:flex; align-items: center; }
#sv .subVisual #lnb li{ color:#666; font-weight: 300;}
#sv .subVisual #lnb li:last-child{ color:#222; font-weight: 600; }
#sv .subVisual #lnb li:not(:last-child):after{ content:'·'; margin: 0 15px; }
#visualBox { position: relative; margin-bottom: 150px;}
#visualBox figure{ position: relative;  margin-right:  8.333333333333333%; overflow: hidden; border-radius:0 20px 20px 0; padding: 10.55% 0 ;}
#visualBox figure img{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; min-width:100%; min-height:100%; object-fit:cover; }
#visualBox .txtBox{ position: absolute; top:100px; }
#visualBox .txtBox .title{ color:#fff; line-height: 1.3; font-weight: 800; margin: 0 auto 20px;}
#visualBox .txtBox .txt{ color:#fff; line-height: 32px;}
#visualBox .txtBox.black .title,#visualBox .txtBox.black .txt{ color:#000; }
#visualBox .bg:after{ content: ''; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(255,255,255,0.3); transition: all 1s;}
#visualBox .bg.on:after{ width: 0;}

#subContents{ padding: 60px 0 200px;}

#topBtn{ display:flex; }
#txtBox-c button{ cursor: auto; }
#txtBox-c .title.font46{ color:#222; font-weight: bold; margin: 60px 0 25px; }
#txtBox-c .txt.font20{ color:#333; line-height: 1.6; font-family: 'Pretendard', sans-serif;}

/*sub*/
#greeting .ctnBox{}
#greeting .ctnBox .itemBox:not(.itemBox3){ display:flex; align-items: center;}
#greeting .ctnBox .itemBox:not(.itemBox3) > div{ width: 50%; flex-shrink:0;  }
#greeting .ctnBox .itemBox #txtBox-c button{ width: 150px; height: 60px; border-radius:100px; box-shadow: 2px 2px 10px 2px rgba(136,136,136,0.15); color:#2aafec; }
#greeting .ctnBox .itemBox1 #txtBox-c{ margin: 0 0 0 60px;}
#greeting .ctnBox .itemBox2{ margin: 80px 0 100px;}
#greeting .ctnBox .itemBox .imgBox{ display:flex; gap:50px; margin-top: 70px; }
#greeting .ctnBox .itemBox .imgBox .Box{ position: relative; width: calc((100% - 100px) / 3); height: 410px; padding: 60px; border:1px solid #ECECEC; border-radius:20px; display: flex; flex-direction: column; justify-content: space-between; box-sizing:border-box; overflow: hidden;}
#greeting .ctnBox .itemBox .imgBox .Box .txtBox{ z-index: 1;}
#greeting .ctnBox .itemBox .imgBox .Box .txtBox .num{ color:#CDCDCD; font-weight: bold;}
#greeting .ctnBox .itemBox .imgBox .Box .txtBox .title{ color:#000; font-weight: bold; margin: 15px 0;}
#greeting .ctnBox .itemBox .imgBox .Box .txtBox .txt{ color:#333; font-family: 'Pretendard', sans-serif; line-height: 1.4; }
#greeting .ctnBox .itemBox .imgBox .Box .txtBox .txt li{ line-height: 1.9;  text-indent: -15px;  margin-left: 15px;}
#greeting .ctnBox .itemBox .imgBox .Box .txtBox .txt li:before{ content:'·'; color:#2AAFEC; margin-right: 10px;}
#greeting .ctnBox .itemBox .imgBox .Box figure.icon{ text-align: right; z-index: 1;}
#greeting .ctnBox .itemBox .imgBox .Box figure.bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition:all 0.5s; }
#greeting .ctnBox .itemBox .imgBox .Box figure.bg img{ width: 100%; height: 100%; }
#greeting .ctnBox .itemBox .imgBox .Box:hover .title,#greeting .ctnBox .itemBox .imgBox .Box:hover .txt{ color:#fff; }
#greeting .ctnBox .itemBox .imgBox .Box:hover .num{ color:#aaa; }
#greeting .ctnBox .itemBox .imgBox .Box:hover figure.icon{ filter: invert(50%) sepia(1%) saturate(218%) hue-rotate(223deg) brightness(300%) contrast(100%); }
#greeting .ctnBox .itemBox .imgBox .Box:hover figure.bg{ opacity: 1;}

#history .ctnBox #yearBox{ display:flex; justify-content: space-between; max-width: 1600px; width: 100%; background: #fff; padding: 30px 0; border-bottom:1px solid #E9E9E9; z-index: 5; }
#history .ctnBox #yearBox li{ color:#cdcdcd; cursor:pointer; }
#history .ctnBox #yearBox li.on{ color:#002C7D; font-weight: bold; }
#history .ctnBox .Box:not(:last-child){ margin-bottom: 150px; }
#history .ctnBox .Box h3{ color:#CDCDCD; font-weight: bold; text-align: center; margin-bottom: 100px;}
#history .ctnBox .Box .wrapBox{ position: relative; overflow: hidden;}
#history .ctnBox .Box .wrapBox:after{ content:''; width: 1px; height: 100%; display:block; background: #ECECEC; position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; z-index: -1;}
#history .ctnBox .Box .wrapBox .itemBox{ display:flex; align-items:center; }
#history .ctnBox .Box .wrapBox .itemBox:not(:last-child){ margin-bottom:  250px;}
#history .ctnBox .Box .wrapBox .itemBox figure,#history .ctnBox .Box .wrapBox .itemBox .txtBox{ width: 50%; }
#history .ctnBox .Box .wrapBox .itemBox figure{ position: relative; border-radius: 80px; overflow: hidden; padding: 12.5% 0; margin-right: 125px;}
#history .ctnBox .Box .wrapBox .itemBox figure img{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; min-width:100%; min-height:100%; object-fit:cover; } 
#history .ctnBox .Box .wrapBox .itemBox .txtBox{ box-sizing: border-box; padding-left: 90px; position: relative; flex-shrink: 0;}
#history .ctnBox .Box .wrapBox .itemBox .txtBox:before{ position: absolute; top: -100px; left: 0; content:''; width: 1px; height: 310px; display:block; background: #002C7D; opacity: 0; transition:all 0.5s; }
#history .ctnBox .Box .wrapBox .itemBox .txtBox .title{ color:#002C7D; font-weight: bold; margin-bottom: 40px; position: relative; }
#history .ctnBox .Box .wrapBox .itemBox .txtBox .title:before{ position: absolute; transform:translateY(-50%); top: 50%; left: -90px; content:''; display:block; width: 70px; height: 1px; background: #002c7d; 
opacity: 0; transition:all 0.5s; }
#history .ctnBox .Box .wrapBox .itemBox .txtBox .title:after{ position: absolute; transform:translateY(-50%); top: 50%; left: -92px;  content:''; display:block; width: 5px; height: 5px; border-radius:50%; background: #002C7D;  opacity: 0; transition:all 0.5s; }
#history .ctnBox .Box .wrapBox .itemBox .txtBox li { font-family: 'Pretendard', sans-serif; display:flex; color:#666; }
#history .ctnBox .Box .wrapBox .itemBox .txtBox li:not(:last-child){ margin-bottom: 20px;}
#history .ctnBox .Box .wrapBox .itemBox .txtBox .innerList li:not(last-child){ margin-bottom: 10px;}
#history .ctnBox .Box .wrapBox .itemBox .txtBox li span{ font-size:20px; font-family:'Cairo', sans-serif; color:#222; font-weight: 600; width: 42px; margin-right: 30px; flex-shrink:0; }
#history .ctnBox .Box .wrapBox .itemBox.on .txtBox:before,#history .ctnBox .Box .wrapBox .itemBox.on .txtBox .title:before,#history .ctnBox .Box .wrapBox .itemBox.on .txtBox .title:after{ opacity: 1;}

#leadership section{}
#leadership section .ctnBox{ display:flex; gap: 100px 125px; flex-wrap:wrap; }
#leadership section .ctnBox:first-child{ margin-bottom: 100px;}
#leadership section .ctnBox .itemBox{ width: calc((100% - 250px) / 3); font-family: 'Pretendard', sans-serif; }
#leadership section .ctnBox .itemBox .imgBox{ cursor:pointer; }
#leadership section .ctnBox .itemBox .imgBox figure{ margin-bottom: 20px; position: relative; border-radius:20px; overflow: hidden; }
#leadership section .ctnBox .itemBox .imgBox figure:after{ content:''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); opacity: 0; transition:all 0.5s; }
#leadership section .ctnBox .itemBox .imgBox figure p.plus{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%;  font-size:30px; width: 82px; height: 82px; border-radius:50%; display:flex; 
justify-content:center; align-items:center; border:1px solid #2AAFEC; color:#2AAFEC; z-index: 2; opacity: 0; transition: all 0.7s; }
#leadership section .ctnBox .itemBox:not(.itemBox-L):hover .imgBox figure:after{ opacity: 1;}
#leadership section .ctnBox .itemBox:hover .imgBox figure p.plus{ opacity: 1;}
#leadership section .ctnBox .itemBox .txtBox{ }
#leadership section .ctnBox .itemBox .txtBox .title{ color:#2AAFEC; margin: 0 0 5px; font-weight: 500; }
#leadership section .ctnBox .itemBox .txtBox .title:not(.title-2){ font-size:16px; }
#leadership section .ctnBox .itemBox .txtBox .name{ color:#333; font-weight: 300; }
#leadership section .ctnBox .itemBox .popupBox{ max-width:1200px; width: 100%; position: relative; position: fixed; transform:translate(-50%,-50%); top: 50%; left: 50%; background: #fff; padding: 50px; border-radius: 30px; z-index: 1005; display:flex; align-items:center; gap:50px; display:none; }
#leadership section .ctnBox .itemBox .popupBox .close{ position: absolute; top: 50px; right: 50px; width: 45px; height: 45px; border:1px solid #000; border-radius:50%; font-size:15px; display:flex; justify-content:center; align-items:center; }
#leadership section .ctnBox .itemBox .popupBox .nameBox{ margin-bottom: 50px;}
#leadership section .ctnBox .itemBox .popupBox .name{ font-weight: 500; }
#leadership section .ctnBox .itemBox .popupBox .big{ color:rgba(102,102,102,0.13); margin-bottom: 10px; font-weight: 600;}
#leadership section .ctnBox .itemBox .popupBox ul li{ text-indent:-15px; margin-left: 15px; line-height: 1.5;}
#leadership section .ctnBox .itemBox .popupBox ul li:not(:last-child){ margin-bottom: 10px; }
#leadership section .ctnBox .itemBox .popupBox ul li:before{ content:"·"; color:#2AAFEC; display:inline; margin-right: 8px; }
#leadership section .ctnBox .itemBox-L .imgBox{ background: #00266C; border-radius:20px; padding: 40px 30px;}
#leadership section .ctnBox .itemBox-L .imgBox > .txtBox{ margin-bottom: 95px;}
#leadership section .ctnBox .itemBox-L .imgBox figure{ margin-bottom: 0; text-align: right; }
#leadership section .ctnBox .itemBox-L figure{ text-align: right;}
#leadership section .ctnBox .itemBox-L .imgBox .title,#leadership section .ctnBox .itemBox-L .imgBox .name{ color:#fff; }
#leadership section .ctnBox .itemBox-L .popupBox .img{ width: 460px; height: 500px;  background: #00266c; border-radius:20px; color:#fff; padding: 40px 30px; display:flex; flex-direction:column; 
justify-content:space-between; }

#asode .ctnBox{ margin-bottom: 150px;}
#asode .ctnBox .itemBox{ display:flex; align-items:center; gap:60px; }
#asode .ctnBox .itemBox figure, #asode .ctnBox .itemBox .txtBox{ width: 50%;} 
#asode .ctnBox .itemBox:not(:last-child){ margin-bottom: 80px;}
#asode .ctnBox .itemBox .txtBox .num{ width: 60px; height: 60px; border-radius:50%; box-shadow: 0 0 10px rgba(42,175,236,0.25); display:flex; justify-content:center; align-items:center; color:#2AAFEC;
font-weight: 600;}
#asode .ctnBox .itemBox .txtBox .title{ font-family: 'Pretendard', sans-serif; font-weight: bold; color:#222; margin: 60px 0 25px;}
#asode .ctnBox .itemBox .txtBox .txt{ font-family: 'Pretendard', sans-serif; line-height: 32px; color:#333; }
#asode .ctnBox .itemBox .txtBox ul.txt li{ color:#666; text-indent:-10px; margin-left: 10px; }
#asode .ctnBox .itemBox .txtBox ul.txt li:before{ content:'·'; color:#2AAFEC; margin-right: 10px; font-weight: 400;}
#asode .ctnBox .itemBox .txtBox ul.txt li:not(:last-child){ margin-bottom: 10px;}
#asode .intro{ }
#asode .intro .txtBox{ color:#222; margin-bottom: 50px;}
#asode .intro .txtBox .title{ font-weight: bold; margin-bottom: 20px;}
#asode .intro figure.pc{ text-align: center; }
#asode .intro .mobile{ display:none; }

#cats .ctnBox{ display:flex; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; padding: 0 55px; }
#cats .ctnBox .itemBox{ position: relative; padding: 112px 0 100px; width: calc(100% / 3); text-align: center; }
#cats .ctnBox .itemBox:not(:last-child){ border-right:1px dashed #D9D9D9; }
#cats .ctnBox .itemBox > figure{ position: absolute; right: -110px;}
#cats .ctnBox .itemBox > figure .mobile{ display:none; }
#cats .ctnBox .itemBox .title{ color:#222; font-weight: bold; margin-bottom: 40px;}
#cats .ctnBox .itemBox .imgBox figure:first-child{ margin-bottom: 110px;}

.pipeline{overflow: hidden;}
.pipeline .ctnBox{position:relative; }
.pipeline .ctnBox::after{content:""; position:absolute; bottom: 0; left: 0; width: 100%; height: 100%; background:url(/img/sub/pipeline_body_bg.png) 50% 50% no-repeat; background-size:cover; z-index: -1;}
.pipeline .ctnBox table{border-top: 1px solid #ececec;}
.pipeline .ctnBox table .pre{font-family: 'Pretendard', sans-serif;}
.pipeline .ctnBox table tr th{font-weight:500; font-size:20px; color: #222; background: rgba(241, 241, 241, 0.30); border-bottom: 1px solid #ECECEC; border-right: 1px dashed #ececec; padding: 24px 0;}
.pipeline .ctnBox table tr th:last-of-type{border-right: none;}
.pipeline .ctnBox table tr td{font-size:17px; color: #555; text-align: center; border-bottom: 1px dashed #ececec; border-right: 1px dashed #ececec; max-height: 161px; box-sizing:border-box;}
.pipeline .ctnBox table tr td:last-of-type{border-right: none;}
.pipeline .ctnBox table tr td.link{padding: 0;}
.pipeline .ctnBox table tr td.link a{position:relative; color: #555555;}
.pipeline .ctnBox table tr td.link a img{position:absolute; right: -21px; bottom: 5px;}
.pipeline .ctnBox table tr td.bg{font-weight:bold; font-size:20px; background: rgba(241, 241, 241, 0.30);}
.pipeline .ctnBox table tr td.bg a{display:inline-block; vertical-align: top; position:relative; color: #002C7D;}
.pipeline .ctnBox table tr td.bg a img{ bottom: 2px;}
.pipeline .ctnBox table tr td.progress{position:relative; padding: 0;}
.pipeline .ctnBox table tr td.progress ul{display:flex;}
.pipeline .ctnBox table tr td.progress ul li{width: 20%; height: 161px; border-right: 1px dashed #2AAFEC; font-size:0;}
.pipeline .ctnBox table tr td.progress ul li:last-of-type{border-right: none;}
.pipeline .ctnBox table tr td.progress .line{display:inline-block; vertical-align: top; position:absolute; top: 50%; left: 10px; width: 0; height: 35px; background: linear-gradient(90deg, #2AAFEC 0%, #002C7D 100%); border-radius:20px; transform:translateY(-50%); transition:1.8s; overflow: hidden;}
.pipeline .ctnBox table tr td.progress .line span{display:inline-block; vertical-align: top; position:absolute;  right: 29px; top: 50%; transform:translateY(-50%); color: #fff; font-weight:600; white-space: nowrap;}
.pipeline .ctnBox table tr td.progress .line span::after{content:""; position:absolute; top: 50%; right: -20px; width: 10px; height: 10px; border-radius:50%; background: #fff; transform:translateY(-50%);}
.pipeline .ctnBox table.on tr td.progress .line1{width: calc(20% - 20px);}
.pipeline .ctnBox table.on tr td.progress .line2{width: calc(40% - 20px);}
.pipeline .ctnBox table.on tr td.progress .line3{width: calc(60% - 20px);}
.pipeline .ctnBox table.on tr td.progress .line4{width: calc(80% - 20px);}
.pipeline .ctnBox table.on tr td.progress .line5{width: calc(100% - 20px);}

.aso > .ctnBox .tabBox{ display:flex; gap:20px; margin-bottom: 100px;}
.aso > .ctnBox .tabBox li{ width:  calc((100% - 40px) / 3);}
.aso > .ctnBox .tabBox li button{ width: 100%; height: 80px; text-align: center; color:#222; font-weight: bold; border-radius:20px; background: #F5F5F5;}
.aso > .ctnBox .tabBox li.on button{ background: #fff; box-shadow:0 0 20px rgba(0,0,0,0.15); border:1px solid #2AAFEC;}
.aso > .ctnBox section > div{ display:flex; }
.aso > .ctnBox section h4.title{ width: 540px; color:#222; font-weight: bold; flex-shrink:0; }
.aso > .ctnBox section:not(.overview) { padding-top: 150px; }
.aso > .ctnBox section:not(.overview) h4.title{ font-family: 'Pretendard', sans-serif; }
.aso > .ctnBox section.overview{ padding-bottom: 90px;}
.aso > .ctnBox section.overview .rightBox{ width: 100%; }
.aso > .ctnBox section.overview .rightBox .itemBox:first-child{ padding: 0 0 60px;}
.aso > .ctnBox section.overview .rightBox .itemBox:not(:first-child){ padding: 60px 0 ;}
.aso > .ctnBox section.overview .rightBox .itemBox:not(:last-child){ border-bottom:1px solid #DFDFDF;}
.aso > .ctnBox section.overview .rightBox .itemBox .num{ color:#2AAFEC; font-weight: bold; }
.aso > .ctnBox section.overview .rightBox .itemBox .title{ color:#222; font-weight: bold; margin: 25px 0;}
.aso > .ctnBox section.overview .rightBox .itemBox ul{ font-family: 'Pretendard', sans-serif; color:#333; line-height: 35px; }
.aso > .ctnBox section.overview .rightBox .itemBox ul li{ text-indent:-10px; margin-left: 10px;}
.aso > .ctnBox section.overview .rightBox .itemBox ul li p{ margin-left: 10px;}
.aso > .ctnBox section.overview .rightBox .itemBox ul li p span{ color:#FF0000; }
.aso > .ctnBox section.overview .rightBox .itemBox ul li:before{ content:'·';  color:#2AAFEC; margin-right: 7px;}
.aso > .ctnBox section.second{ background: #F8F8F8; padding-bottom: 115px; }

#aso301{}
#aso301 .second .rightBox .ctnBox{ display:flex; gap:30px; justify-content:space-between; }
#aso301 .second .rightBox .ctnBox .itemBox .title{ color:#222; font-weight: bold;}
#aso301 .second .rightBox .ctnBox .itemBox .txt{ color:#222; margin: 20px 0 35px;}
#aso301 .second .rightBox .arrow{ margin: 30px 0 30px 10px; text-align: center; }
#aso301 .second .rightBox .imgBox p{ font-weight: 600; font-family: 'Pretendard', sans-serif; color:#222; width: 400px; height: 50px; line-height: 50px; text-align: center; background: #fff; 
box-shadow:0 0 15px rgba(0,0,0,0.15); border-radius:30px; margin: 0 auto 20px;}
#aso301 .second .rightBox .imgBox figure{ width: 100%; padding: 65px 20px 60px; background: #fff; border-radius:20px; border:1px solid #2AAFEC; text-align: center; }
#aso301 .third .rightBox p{ margin-bottom: 30px; font-family: 'Pretendard', sans-serif; color:#222; }
#aso301 .third .rightBox figure{ width: 100%; height: 540px; display:flex; justify-content:center; align-items:center; border:1px solid #DADADA; border-radius:20px; padding: 0 40px 0 30px;}
#aso301 .third .rightBox figure:not(:last-child){ margin-bottom: 50px;}
#aso301 .third .rightBox .title{ font-weight: bold;}

#aso320 .second { padding-bottom: 180px;}
#aso320 .second .rightBox .txt{ color:#222; margin-bottom: 25px; font-family: 'Pretendard', sans-serif;}
#aso320 .second .rightBox .title{ color:#222; margin-bottom: 27px; font-weight: bold; }
#aso320 .second .rightBox figure{ width: 100%; height: 540px; display:flex; justify-content:center; align-items:center; border:1px solid #DADADA; border-radius:20px; background: #fff; padding: 0 72px 0 65px;}
#aso320 .second .rightBox figure:not(:last-child){ margin-bottom: 50px;}
#aso320 .second .rightBox figure.img2{ height: 640px;}

#aso350 .overview{ padding-bottom: 150px;}
#aso350 .overview .rightBox{ display:flex; gap:30px; }
#aso350 .overview .rightBox .ctnBox{ flex-shrink:0; }
#aso350 .overview .rightBox .ctnBox .itemBox:not(:first-child){ padding: 55px 0 0;}
#aso350 .overview .rightBox .itemBox.type2{ border:1px solid #DFDFDF; border-radius:20px; width: 100%; display:flex;flex-direction:column; justify-content: center; padding: 0 48px; }
#aso350 .overview .rightBox .itemBox.type2 .txt{ color:#2AAFEC; font-weight: bold; line-height: 30px; margin-bottom: 15px;}
#aso350 .overview .rightBox .itemBox.type2 .txt span{ color:#333; font-weight: 400;}
#aso350 .overview .rightBox .itemBox.type2 .txt span:first-child{ font-weight: bold;}
#aso350 .second .rightBox .title{ color:#222; font-weight: bold; display:flex; align-items:center; margin-bottom: 30px;}
#aso350 .second .rightBox .title span{ display:inline-block; width: 40px; height: 40px; border-radius:50%; background: #2AAFEC; color:#fff; font-weight: bold; line-height: 40px; text-align: center; 
margin-right: 10px; flex-shrink:0; }
#aso350 .second .rightBox .txt{ color:#222; font-family: 'Pretendard', sans-serif; margin-bottom: 30px;}
#aso350 .second .rightBox ul.txt li{ line-height: 40px;}
#aso350 .second .rightBox ul.txt li:before{content:'·';  color:#2AAFEC; margin-right: 7px;}
#aso350 .second .rightBox figure{ background: #fff; border:1px solid #DADADA; border-radius:20px; padding: 40px 0 40px 40px;}
#aso350 .second .rightBox figure:not(:last-child){ margin-bottom: 50px;}
#aso350 .second .rightBox figure.img:not(.img1){ height: 715px;display:flex; justify-content:center; align-items:center; }

#small101 .ctnBox .tabBox li,#small610 .ctnBox .tabBox li{ width:  calc((100% - 20px) / 2);}
#small101 .overview{ padding-bottom: 150px;}
#small101 .overview .rightBox{ display:flex; gap:25px; }
#small101 .overview .rightBox .itemBox{ padding: 30px; border:1px solid #DFDFDF; border-radius:20px; }
#small101 .overview .rightBox .itemBox li.b{ font-weight: 600;}
#small101 .overview .rightBox .itemBox.type2{ display:flex; flex-direction:column; justify-content: center;}
#small101 .overview .rightBox .itemBox.type2 figure{ margin-top: 105px;}
#small101 .overview .rightBox .ctnBox .itemBox:not(:last-child){ margin-bottom: 25px; }
#small101 section:not(.overview) .rightBox .txt{ color:#222; line-height: 30px; font-family: 'Pretendard', sans-serif; margin-bottom: 25px; letter-spacing:-0.5px; }
#small101 .second .rightBox figure{ width: 100%; background: #fff; height: 735px; padding: 35px 50px 0 60px; border:1px solid #DADADA; border-radius:20px;}
#small101 .third .rightBox{ margin-top: 25px;}
#small101 .third .rightBox figure{ margin-bottom: 60px;}
#small101 .third .rightBox .title{ color:#222; font-weight: bold; margin-bottom: 25px;}
#small101 .third .rightBox ul.txt:last-child{ margin-bottom: 0;}
#small101 .third .rightBox ul.txt li{ text-indent:-10px; margin-left: 10px; color:#333;}
#small101 .third .rightBox ul.txt li span{ font-weight: 600;}
#small101 .third .rightBox ul.txt li:before{ content:'·'; color:#2AAFEC; margin-right: 7px;}
#small101 .third .rightBox ul.txt li:not(:last-child){ margin-bottom: 15px;}

#small610 .overview figure{ padding:  90px 70px 70px 78px; border:1px solid #DADADA; border-radius:20px; display:flex; align-items:center; justify-content:center; margin-top: 40px; }
#small610 .overview figure .arrow{ margin: 0 35px 0 60px;}
#small610 .second .txt{ color:#222; margin-bottom: 63px;}
#small610 .second .imgBox{ border:1px solid #DADADA; background: #fff; border-radius:20px; padding: 50px 60px;}
#small610 .second .imgBox .img{ display:flex; align-items:center; justify-content:space-between; }
#small610 .second .imgBox .txt{ font-weight: 600; margin: 50px 0 30px;}
#small610 .second .imgBox .txt2{ text-align: center; color:#666; margin-top: 30px; font-weight: 500; }
#small610 .overview .rightBox .itemBox ul li span.red{ color:#FF0000;}
#small610 .overview .rightBox .itemBox ul li span.gray{ color:#666;}

#news .searchBox{ display:flex; justify-content:space-between; align-items:center; margin: 0 0 50px auto;width: 438px; height: 54px; border:1px solid #E9E9E9; border-radius:50px; padding: 0 25px 0 40px;}
#news .searchBox input{ border:none; font-family: 'Pretendard', sans-serif; }
#news .ctnBox{ display:flex; flex-wrap:wrap; gap: 30px 35px;}
#news .ctnBox .itemBox{ width: calc((100% - 70px) / 3);}
#news .ctnBox .itemBox a{ display:block; width: 100%;  position: relative; padding: 33.5% 0; overflow: hidden; border-radius: 15px; }
#news .ctnBox .itemBox a img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; object-fit: cover;}
#news .ctnBox .itemBox a .Box{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: 5; padding: 20px 20px 30px 30px; display:flex; flex-direction:column;
justify-content:space-between; background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 0.01%, #000 100%);}
#news .ctnBox .itemBox a .Box button{ width: 100px; height: 40px; border:1px solid #E9E9E9; border-radius:30px; color:#fff; font-family: 'Pretendard', sans-serif; margin: 0 0 0 auto;}
#news .ctnBox .itemBox a .Box .txtBox .title{ color:#fff; line-height: 28px; margin-bottom:10px; font-family: 'Pretendard', sans-serif; overflow: hidden; -webkit-line-clamp: 2;
    word-wrap: break-word; text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;}
#news .ctnBox .itemBox a .Box .txtBox .day{ color:rgba(255,255,255,0.8); }
#news .ctnBox .itemBox a:after{ position: absolute; top: 0; left: 0; content:''; display:block; width: calc(100% - 6px); height:  calc(100% - 6px); border:3px solid #002C7D; border-radius: 15px; opacity: 0; 
transition:all 0.5s; z-index: 5;}
#news .ctnBox .itemBox:hover a:after{ opacity: 1;}

#news_view .info{ font-family: 'Pretendard', sans-serif;  font-weight: 600; border:1px solid #666; border-radius:50px; text-align: center; width: 100px; height: 40px; line-height: 40px;}
#news_view .w1600 > .txtBox{color:#333; }
/*#news_view .w1600 > .txtBox:after{ content:''; display:block; width: 100%; height: 1px; background: #E9E9E9; margin: 20px 0 0; }*/
#news_view .w1600 > .txtBox .title{ font-family: 'Pretendard', sans-serif; font-weight: 500; margin: 30px 0 10px;}
#news_view .txtBox .day{ text-align: right; }
#news_view .ctnBox{ padding: 80px 0 150px;}
/*#news_view .ctnBox figure.img{ position: relative; width: 100%; height: 370px;  border-radius: 10px; overflow: hidden; margin-bottom: 60px; }*/
/*#news_view .ctnBox figure.img img{ position: absolute; top: 50%;  left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; object-fit: cover;}*/
#news_view .ctnBox figure.img{ border-radius: 10px; overflow: hidden; margin-bottom: 60px; }
#news_view .ctnBox .txtBox *{ font-family: 'Cairo', 'KoPubWorldDotum', 'verdana', sans-serif !important; }
#news_view .ctnBox .txtBox p{ line-height: 36px; color:#333; }
#news_view .ctnBox .txtBox p:not(:last-child){ margin-bottom: 20px;}
#news_view .arrowBox{ font-family: 'Pretendard', sans-serif; color:#333; padding: 20px 0; border-top:1px solid #E9E9E9; border-bottom:1px solid #E9E9E9; display:block; width: 100%; }
#news_view .arrowBox .arrow a{ display:flex; align-items:center; padding: 18px 20px; }
#news_view .arrowBox .arrow .txt1{ width: 35px; margin-right: 50px;}
#news_view .arrowBox .arrow .txt2{ font-weight: 600; }
#news_view .arrowBox .arrow:hover .txt2{ color:#2AAFEC; }
#news_view .buttonBox{ margin: 100px 0 0;  text-align: center; }
#news_view .buttonBox button,#contact .ctnBox .btnBox button{ font-family: 'Pretendard', sans-serif;  width: 200px; height: 60px; background: #002C7D; border-radius:30px; color:#fff; transition:all 0.5s; }
#news_view .buttonBox button:hover,#contact .ctnBox .btnBox button:hover{ background: #fff; border:1px solid #002C7D; color:#002C7D; }

.paging{ display:flex; justify-content:center; align-items:center; margin-top: 100px; font-size:16px; }
.paging ul{ display:flex;align-items:center;  }
.paging li a{ color:#999; font-weight: 300; }
.paging li.on a{ color:#002C7D; display:flex; justify-content:center; align-items:center; width: 30px; height: 30px; border-radius:50%; border:1px solid #002C7D; font-weight: 500;}

#contact .tabBox{ display:flex; gap:12px; z-index: 1;}
#contact .tabBox li{ width: calc((100% - 48px) / 5);}
#contact .tabBox li button{ width: 100%; color:#666; border-top-right-radius: 20px; border-top-left-radius: 20px; box-shadow:0 0 20px rgba(34,34,34,0.05); padding: 35px 0 20px; border-bottom:1px solid #e9e9e9; }
#contact .tabBox li button p{ margin-top: 10px; font-weight: 500;}
#contact .tabBox li.on button{ position: relative; border:1px solid #E9E9E9; border-bottom:none; }
#contact .tabBox li.on button:after{ content:''; display:block; position: absolute; width: 100%; height: 20px; background: #fff ; bottom: -15px; }
#contact .tabBox li.on button p{ color:#002C7D; font-weight: 600;}
#contact .tabBox li.on button img{ filter: invert(13%) sepia(36%) saturate(5346%) hue-rotate(211deg) brightness(40%) contrast(108%); }
#contact .ctnBox{ margin-top: -1px; border:1px solid #e9e9e9; border-radius: 0 0 20px 20px; padding: 75px 100px 90px 50px; }
#contact .ctnBox .Box{ display:flex; flex-wrap:wrap; gap:0 50px; }
#contact .ctnBox .Box .itemBox{ width: calc((100% - 50px) / 2);} 
#contact .ctnBox .itemBox{ margin-bottom: 35px;}
#contact .ctnBox .itemBox .title{ color:#222; font-family: 'Pretendard', sans-serif; font-weight: 600; margin-bottom: 10px;}
#contact .ctnBox .itemBox .title span{ color:#2AAFEC; font-weight: 400; margin-left: 7px;}
#contact .ctnBox .itemBox input[type="text"],#contact .ctnBox .itemBox.email .inputBox select{ border:1px solid #ececec; border-radius:10px; font-size:18px; padding: 15px 20px; width: 100%; }
#contact .ctnBox .itemBox input::placeholder{ color:#CDCDCD; font-family: 'Pretendard', sans-serif; font-weight: 500;}
#contact .ctnBox .itemBox .inputBox input:not([type="text"]){ display: none; }
#contact .ctnBox .itemBox.email .inputBox{ display:flex; align-items:center; }
#contact .ctnBox .itemBox.email .inputBox p{ margin: 0 16px;}
#contact .ctnBox .itemBox.email .inputBox input,#contact .ctnBox .itemBox.email .inputBox select{ width: 215px;}
#contact .ctnBox .itemBox.email .inputBox select{ margin-left: 5px; font-family: 'Pretendard', sans-serif; background: url("/img/sub/contact_arrow.png") 90% 50% no-repeat; }
#contact .ctnBox .itemBox.file .inputBox label{ display:flex; border:1px solid #ececec; border-radius:10px; font-size:18px; color:#cdcdcd; justify-content: space-between; cursor:pointer; }
#contact .ctnBox .itemBox.file .inputBox label .txt{ padding: 16px 20px; }
#contact .ctnBox .itemBox.file .inputBox label .btn{ width: 150px; border-radius:10px; background: #002C7D; color:#fff;  display:flex; justify-content:center; align-items:center; }
#contact .ctnBox .itemBox.content textarea{ width: 100%; height: 250px; border:1px solid #ececec; border-radius:10px;  padding: 15px 20px;}
#contact .ctnBox .itemBox.content textarea::placeholder{ color:#CDCDCD;}
#contact .ctnBox .itemBox.content textarea:focus { outline: none; }
#contact .ctnBox .policyBox{ display:flex; gap:0 50px; }
#contact .ctnBox .policyBox .titleBox{ display:flex; justify-content:space-between; }
#contact .ctnBox .policyBox .titleBox .inputBox label{ font-weight: 500; font-family: 'Pretendard', sans-serif; display:flex; align-items:center; cursor:pointer; }
#contact .ctnBox .policyBox .titleBox .inputBox label span{ position: relative; display:inline-block; width: 14px; height: 14px; border-radius:50%; border:1px solid #002C7D; margin-right: 14px;}
#contact .ctnBox .policyBox .titleBox .inputBox label span:after{ content:''; display:block; width: 7px; height: 7px; position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; border-radius:50%; background: #002C7D; opacity: 0;}
#contact .ctnBox .policyBox .titleBox .inputBox input[type="checkbox"]:checked + label span:after{ opacity: 1;}
#contact .ctnBox .policyBox .txtBox{ font-family: 'Pretendard', sans-serif;  border:1px solid #ececec; border-radius:10px; font-size:18px; width: 100%; height: 190px; overflow-y: scroll;}
#contact .ctnBox .policyBox .txtBox .privacy h2{ font-size:23px; text-align: left ; margin-bottom: 0;}
#contact .ctnBox .policyBox .itemBox{ width: 100%; }
#contact .ctnBox .policyBox .itemBox2{ flex-shrink:0; width: auto; margin-bottom: 0;}
#contact .ctnBox .policyBox .itemBox2 .txt{ padding: 10px 20px 10px 15px; border:1px solid #ececec; border-radius:10px; display:flex; align-items:center; gap: 12px; margin-bottom: 7px;}
#contact .ctnBox .policyBox .itemBox2 .txt .icon{ cursor:pointer; }
#contact .ctnBox .btnBox{ margin-top: 100px; text-align: center; }

#direction{}
#direction .itemBox1,#direction .itemBox2 > div{ display:flex; justify-content:space-between; }
#direction .itemBox{color:#222; font-family: 'Pretendard', sans-serif; font-weight: 600; }
#direction .itemBox .mapBox{ max-width:1060px; width: 100%; }
#direction .itemBox .mapBox p{ display:flex; align-items:center;  font-family: 'Pretendard', sans-serif; color:#333; font-weight: 400; margin-bottom: 30px; }
#direction .itemBox .mapBox p span{ margin: 0 20px; color:#222; font-weight: 600; font-family: 'Cairo', sans-serif; }
#direction .itemBox .mapBox iframe{ width: 100%; }
#direction .itemBox1{ margin-bottom: 100px;}
#direction .itemBox2{ background: #F8F8F8; padding: 100px 0 180px; }
#direction .itemBox2 > div{ display:flex; justify-content:space-between; }

#joinus .visualBox{ position: relative; margin: 0;}
#joinus .visualBox .txtBox{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 90px; display:flex; justify-content:space-between; align-items: flex-start;}
#joinus .visualBox .txtBox .title{ font-weight: 600; margin: 0; color:#fff; }
#joinus .visualBox .txtBox button{ width: 280px; height: 80px; border:1px solid #fff; border-radius:50px; color:#fff; transition:all 0.5s; }
#joinus .visualBox .txtBox button:hover{ background: #fff; color:#2AAFEC;}