@import url('sub.css'); 


/* CEO Àλ縻 */
.greeting-cont{padding: 150px 0 220px; position: relative;}
.greeting-bg{position: absolute; left: 0; top:0; z-index: -1; width: 100%; height: 100%; background:var(--grayBg) url('/company/img/greeting-bg.png') no-repeat center bottom/100% auto;}
.greeting-in{display: flex;}
.greeting-in article{box-sizing:border-box;}
.greeting-in .txt-area{width: calc(100% - 645px); padding: 0 50px 0 0;}
.greeting-in .txt-area h3{color:var(--black); padding-bottom: 10px;}
.greeting-in .txt-area h3 span{display: inline; letter-spacing: inherit; line-height: inherit;}
.greeting-in .txt-area h4{color:var(--black); padding-top: 40px; font-weight: 500;}
.greeting-in .txt-area p.fs18{padding-top: 10px;}
.greeting-in .txt-area .greeting-ceo{padding-top: 40px; color:var(--black); font-weight: 400;}
.greeting-in .txt-area .greeting-ceo strong{display: inline-block; color:var(--black); font-weight: 700; letter-spacing: 3px;}
.greeting-in .img-area{width: 645px;}
.greeting-in .greeting-img{aspect-ratio:645/955; position: sticky; top:50px; transition:all .4s; z-index: 2;}
.greeting-in .greeting-img img{position: absolute; left: 0; top:0; width: 100%; height: 100%; object-fit:contain;}
.greeting-in .greeting-img img:first-child{position: relative;}
.greeting-in .greeting-img img:nth-child(1){z-index: 3;}
.greeting-in .greeting-img img:nth-child(2){z-index: 2;}
.greeting-in .greeting-img img:nth-child(3){z-index: 1;}


/* ±â°ü»ó¡ */
.symbol-cont section .con-area{overflow: hidden;}
.symbol-mark-box{box-sizing:border-box; border:1px solid var(--border); padding: 80px 120px; display: flex; align-items:center; justify-content: space-between; gap:50px;}
.symbol-mark-box dt{}
.symbol-mark-box dt img{max-width:100%; height: auto;}
.symbol-mark-box dd{}

.symbol-mark h4{color:var(--black); padding: 40px 0 10px;}
.symbol-mark-type{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap:30px;}
.symbol-mark-type dl{border-bottom: 1px solid var(--border);}
.symbol-mark-type dl dt{aspect-ratio:375/175; overflow: hidden; position: relative;}
.symbol-mark-type dl dt::after{content:''; display: block; width: 100%; height: 100%; box-sizing:border-box; border:1px solid var(--border); position: absolute; left: 0; top:0;}
.symbol-mark-type dl dt img{display: block; width: 100%; height: 100%; object-fit:contain;}
.symbol-mark-type dl dd{padding: 20px 50px 25px 0; position: relative; box-sizing:border-box;}
.symbol-mark-type dl dd h5{font-weight: 500; color:var(--black);}
.symbol-mark-type dl dd .down_btn{position: absolute; right: 0; top:15px;}

.prohibition-of-use{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap:30px; padding: 40px 0 0;}
.prohibition-of-use dl{}
.prohibition-of-use dl dt{aspect-ratio:375/154; overflow: hidden; position: relative;}
.prohibition-of-use dl dt::after{content:''; display: block; width: 100%; height: 100%; box-sizing:border-box; border:1px solid var(--border); position: absolute; left: 0; top:0;}
.prohibition-of-use dl dt img{display: block; width: 100%; height: 100%; object-fit:contain;}
.prohibition-of-use dl dd{padding: 15px 0 0;}

.symbol-color{display: flex; flex-wrap:wrap;}
.symbol-color li{width: 25%; padding: 40px 28px; box-sizing:border-box; display: flex; flex-direction: column; justify-content: space-between; gap:20px;}
.symbol-color li .fs20{font-weight: 700; color:var(--white); font-family: var(--Korail); letter-spacing: 0;}
.symbol-color li .fs18{font-weight: 500; color:var(--white); font-family: var(--Korail); letter-spacing: 0;}
.symbol-color li dl{}
.symbol-color li dl dd{display: flex; flex-wrap:wrap; gap:5px 20px; padding: 5px 0;}
.symbol-color li dl dd:last-child{border-top: 1px solid rgba(255,255,255,.2);}
.symbol-color li dl dd p{font-weight: 700; color:var(--white); font-family: var(--Korail); letter-spacing: 0;}

/* °æ¿µ°¡Ä¡Ã¼°è */
.mnv{display:flex; width:100%;}
.mnv > li{box-sizing:border-box; position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; flex:1 0 0; min-height:400px; overflow:hidden; padding:80px 50px; text-align:center; background-color:var(--blackBg);}
.mnv > li::before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; pointer-events:none; z-index:0;}
.mnv > li.mission::before{background-image:url('/company/img/mission-bg.png');}
.mnv > li.vision::before{background-image:url('/company/img/vision-bg.png');}
.mnv > li > small{position:relative; z-index:1; display:block; margin-bottom:10px; font-family:var(--Korail); font-weight:700; line-height:162.5%; letter-spacing:0; text-transform:uppercase; color:var(--white); opacity: 0.5;}
.mnv > li > img{position:relative; z-index:1; width:50px; height:50px; margin-bottom:10px; object-fit:contain;}
.mnv > li > h5{position:relative; z-index:1; margin-bottom:30px; font-family:var(--Korail); font-weight:500; line-height:170%; color:var(--white);}
.mnv > li > p{position:relative; z-index:1; font-family:var(--Korail); font-weight:500; line-height:150%; color:var(--white);}

.core-value{text-align: center; box-sizing: border-box; background: var(--grayBg); padding: 30px 30px 10px 30px;}
.core-value img{max-width: 100% !important; height: auto !important;}

.management-objectives{counter-reset: mo; box-sizing:border-box; width:100%; background-color:var(--white); counter-reset: management-objectives;}
.management-objectives dl{display:flex; align-items:center; gap:40px; box-sizing:border-box; width:100%; padding:30px; border-top:1px solid var(--border); border-left:1px solid var(--border); border-right:1px solid var(--border);}
.management-objectives dl:last-child{border-bottom:1px solid var(--border);}
.management-objectives dt{display:flex; align-items:center; gap:10px; box-sizing:border-box; width:305px; flex-shrink:0; padding:10px 0; border-right:1px solid var(--border);}
.management-objectives dt .number-txt::before{counter-increment: management-objectives; content: counter(management-objectives, decimal-leading-zero);}
.management-objectives dt p{font-family:var(--Korail); font-weight:500; line-height:150%; color:var(--black);}
.management-objectives dd{flex:1; min-width:0;}
.management-objectives dd p{font-family:var(--Korail); font-weight:400;}

.strategic-direction{display:flex; width:100%; counter-reset: sd;}
.strategic-direction li{box-sizing:border-box; flex:1 0 0; min-width:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:30px; padding:40px 30px; border-top:1px solid var(--border); border-bottom:1px solid var(--border); border-left:1px solid var(--border);}
.strategic-direction li:last-child{border-right:1px solid var(--border);}
.strategic-direction li:nth-child(odd){background-color:var(--white);}
.strategic-direction li:nth-child(even){background-color:var(--grayBg);}
.strategic-direction li .number-txt::before{counter-increment: sd; content: counter(sd, decimal-leading-zero);}
.strategic-direction li img{width:75px; height:auto;}
.strategic-direction li h4{font-family:var(--Korail); font-weight:500; line-height:150%; color:var(--black); text-align:center;}




/* Á¶Á÷µµ */
.organization-style{background-color:var(--grayBg);}
.org-chart{display:flex; flex-direction:column; align-items:center; width:100%; box-sizing:border-box;}
.org-chart__frame{position:relative; width:100%; max-width:1050px; margin:0 auto; box-sizing:border-box;}
.org-chart__content{position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:50px; width:100%; box-sizing:border-box;}
.org-chart__ceo{display:flex; justify-content:center; width:100%;}
.org-chart__ceo-disc{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; width:200px; height:200px; box-sizing:border-box; padding:0 40px; border-radius:50%; background-color:var(--main); position: relative;}
.org-chart__ceo-disc::after{content: ''; display: block; width: 1px; height: 100%; position: absolute; bottom: -100%; left: 50%; background: #B4C2CD;}
.org-chart__logo{display:flex; justify-content:center; align-items:center; width:100%;}
.org-chart__logo img{display:block; width: 100%; height: auto; max-width:100px; filter:brightness(0) invert(1);}
.org-chart__ceo-divider{display:block; width:100%; height:1px; background-color:var(--white); opacity:0.2;}
.org-chart__ceo-title{color:var(--white); font-family:var(--Korail); font-weight:400; text-align:center;}

.org-chart__exec{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px; width:100%; max-width:700px; box-sizing:border-box; position: relative;}
.org-chart__exec::before{content: ''; display: block; width: 50%; height: 1px; background: #B4C2CD; position: absolute; left: 0; top:50%;}
.org-chart__pill--gray{display:flex; align-items:center; justify-content:center; flex:0 0 auto; width:250px; max-width:100%; height:65px; box-sizing:border-box; border-radius:40px; background-color:var(--gray); position: relative; z-index: 2;}
.org-chart__pill--gray .fs20{color:var(--white); font-family:var(--Korail); font-weight:400; text-align:center;}

.org-chart__divisions{display:flex; justify-content:space-between; align-items:flex-start; gap:150px; width:100%;box-sizing:border-box; position: relative;}
.org-chart__divisions::before{content: ''; display: block; width: calc((100% + 150px)/3*2); height: 1px; background: #B4C2CD; position: absolute; left: 50%; top:-25px; transform: translateX(-50%);}
.org-chart__col{display:flex; flex-direction:column; gap:10px; flex:1; width: 100%; box-sizing:border-box; position: relative; z-index: 2;}
.org-chart__col::before{content: ''; display: block; width: 1px; height: 60px; background: #B4C2CD; position: absolute; left: 50%; top:-25px; z-index: 1;}
.org-chart__col--rail{padding-top:30px; }
.org-chart__head{display:flex; align-items:center; justify-content:center; width:100%; height:65px; box-sizing:border-box; border-radius:40px; position: relative; z-index: 2;}
.org-chart__head--solid{background-color:var(--sub);}
.org-chart__head--muted{background-color:var(--sub);}
.org-chart__head .fs20{color:var(--white); font-family:var(--Korail); font-weight:400; text-align:center;}
.org-chart__sublist{display:flex; flex-direction:column; gap:5px; width:100%; position: relative; z-index: 2;}
.org-chart__sub{display:flex; align-items:center; justify-content:center; width:100%; height:60px; box-sizing:border-box; border-radius:40px; border:solid 2px var(--sub); background-color:var(--white);}
.org-chart__sub .fs18{color:var(--sub); font-family:var(--Korail); font-weight:400; text-align:center;}
.org-chart__sub--muted{border-color:var(--sub);}
.org-chart__sub--muted .fs18{color:var(--sub);}




.org-rail-op{display: flex; flex-direction: column; gap:20px; padding: 40px 0 0;}
.org-rail-op h4{}
.org-rail-op__rows{display: grid; grid-template-columns: repeat(7, 1fr); grid-gap:4px;}
.org-rail-op__rows li{box-sizing: border-box; padding: 14px 10px; border: 1px solid var(--border); text-align: center;}
.org-rail-op__rows li p{color:var(--basic); font-weight: 400;}





.cate_tab {box-sizing:border-box; position: relative; overflow: hidden; background: var(--grayBg); margin: 0 auto 40px; box-shadow: none;}
.cate_tab ul{display: flex; font-size:0; white-space: nowrap; text-align:center; width: 100%;}
.cate_tab ul li{width: auto; flex:1; box-sizing:border-box; border-right:1px solid var(--border);}
.cate_tab ul li:last-child{border-right: 0;}
.cate_tab ul li a{display: block; font-size:1rem; letter-spacing: var(--letter-spacing-default); line-height:130%; color:var(--basic); font-weight: 400; padding:22px 20px 20px; box-sizing:border-box; transition:all .3s ease; position: relative;}
.cate_tab ul li:hover a{color:var(--main);}
.cate_tab ul li.hover a{color:var(--white) !important; border-color:var(--main) !important; background:var(--main) !important;}


.organ_table{border-collapse:collapse; width:100%; box-sizing:border-box; border-top:solid 2px var(--main); background-color:var(--white);}
.organ_table thead tr{border-bottom:solid 1px #aaa;}
.organ_table thead th{padding:12px 20px; box-sizing:border-box; border-right:solid 1px var(--border); vertical-align:middle; text-align:center; font-family:var(--kor); font-weight:400; font-size:1rem; line-height:177.778%; letter-spacing:var(--letter-spacing-default); color:var(--black); background-color:var(--white);}
.organ_table thead th[width="1%"]{padding:0 12px;}
.organ_table thead th:last-child{border-right:none;}
.organ_table tbody td{padding:14px 20px; box-sizing:border-box; border-right:solid 1px var(--border); border-bottom:solid 1px var(--border); vertical-align:middle;}
.organ_table tbody td:last-child{border-right:none;}
.organ_table tbody td.tit{font-family:var(--kor); font-weight:400; color:var(--black); text-align:center;}
.organ_table tbody td:has(.tel){text-align:left;}
.organ_table tbody .tel{letter-spacing:0; color:var(--basic);}
.organ_table tbody .tel::before{content:'\e0b0'; display:inline-block; vertical-align: middle; margin: -2px 5px 0 0; width:17px; height:17px; line-height: 17px; font-family:var(--icon); font-size:17px; font-weight:300; color:var(--basic); font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 24;}



/* ¿¬Çõ */
.history-bbs{position:relative; box-sizing:border-box; padding-top: 50px;}
.history-bbs .progressbar{position:absolute; z-index:0; left:644px; top:0; bottom:0; width:1px; box-sizing:border-box; background-image:linear-gradient(180deg, var(--border) 0%, var(--border) 50%, rgba(212,219,224,0.55) 90%, rgba(212,219,224,0) 100%); background-repeat:no-repeat; background-position:center top; background-size:100% 100%;}
.history-bbs .progressbar .progress{position:relative; z-index:1; display:block; width:100%; box-sizing:border-box; height:0; background-color:var(--main); transition: height 0.3s linear;}
.history_in{display:flex; position:relative; z-index:1; box-sizing:border-box; padding: 100px 0 220px; transition:opacity 0.55s ease, transform 0.55s ease;}
.history_in:not(.effect){opacity:0.5; transform:translateY(60px);}
.history_in.effect{opacity:1; transform:translateY(0);}
.history_in .img_area{flex-shrink:0; width:644px; box-sizing:border-box;}
.history_in .img_sticky{position: sticky; top:120px; transition: all .4s; max-width: 510px; display:flex; flex-direction: column; gap:50px;}
.history_in .img{position:relative; display: block; width:100%; overflow:hidden; box-sizing:border-box;  aspect-ratio: 510/400;}
.history_in .img img{display:block; width:100%; height: 100%; object-fit: cover;}
.history_in .img_area h3{text-align: right; font-size: 4.444rem; letter-spacing: 0; line-height: 100%; font-weight: 700; color: var(--main); font-family: var(--Korail);}

.history_in .txt_area{width: calc(100% - 644px); box-sizing: border-box; padding: 0 0 0 60px;}
.history_in .his_in{box-sizing:border-box; padding-bottom:60px; position: relative;}
.history_in .his_in .dot{display:block; width:9px; height:9px; border-radius:500px; background-color:rgba(77,85,91,0.5); position:absolute; left:-64px; top:20px; z-index:2; isolation:isolate; transition:background .3s linear;}
.history_in .his_in .dot::before{content:''; display:block; position:absolute; left:50%; top:50%; width:100%; height:100%; border-radius:500px; background:rgba(77,85,91,0.26); box-sizing:border-box; pointer-events:none; z-index:-1; animation:historyDotPulse 2.4s ease-out infinite; transition:background .3s linear;}

.history_in .his_in.on .dot{background: var(--main);}
.history_in .his_in.on .dot::before{background: var(--main);}

.history_in .his_in:last-child{padding-bottom:0;}
.history_in .his_in h4{margin:0; padding-bottom:15px; font-family:var(--Korail); font-weight:700; color:var(--black);}
.history_in .his_in ul{display:flex; flex-direction:column; gap:8px;}
.history_in .his_in ul li{font-weight:400; font-size:1.111rem; line-height:165%; letter-spacing:var(--letter-spacing-body); color:var(--basic); padding-left: 35px; box-sizing: border-box; position: relative;}
.history_in .his_in ul li strong{display: block; font-size:1.111rem; font-weight: 500; line-height: 150%; position: absolute; left: 0; top:0; color: var(--black); letter-spacing: 0;}

@keyframes historyDotPulse{0%{transform:translate(-50%,-50%) scale(0.65);opacity:0.52;}100%{transform:translate(-50%,-50%) scale(8.55);opacity:0;}}
@media (prefers-reduced-motion:reduce){.history_in .his_in .dot::before{animation:none;}}


/*******************************************************************************
    @media 1740px
*******************************************************************************/
@media all and (max-width:1740px){


	
}
/*******************************************************************************
	@media 1500px
*******************************************************************************/
@media all and (max-width:1500px){


/* CEO Àλ縻 */
.greeting-in .txt-area{width: 55%;}
.greeting-in .txt-area h3 br{display: none;}
.greeting-in .img-area{width: 45%;}

/* ±â°ü»ó¡ */
.symbol-mark-box{padding: 50px 80px;}

.symbol-color li{width: 50%;}


/* ¿¬Çõ */
.history-bbs .progressbar{left: 45%;}
.history_in .img_area{width:45%;}
.history_in .img_sticky{max-width: 80%;}
.history_in .img_area h3{font-size: 3.889rem;}

.history_in .txt_area{width: 55%;}


}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){

/* CEO Àλ縻 */
.greeting-in .txt-area{padding: 0 30px 0 0;}
.greeting-in .txt-area h4{padding-top: 30px;}
.greeting-in .txt-area .greeting-ceo{padding-top: 30px;}



/* ±â°ü»ó¡ */
.symbol-mark-box{padding: 30px 50px; gap:30px;}

.symbol-mark-type{grid-gap:20px;}

.prohibition-of-use{grid-template-columns: repeat(2, 1fr); grid-gap:20px;}
.prohibition-of-use dl dd{padding: 10px 0 0;}



/* °æ¿µ°¡Ä¡Ã¼°è */
.mnv{}
.mnv > li > p br{display: none;}


.management-objectives dt{width:40%;}


.strategic-direction{}
.strategic-direction li{gap:20px; padding:30px 20px;}
.strategic-direction li img{width:65px;}



/* Á¶Á÷µµ */
.org-chart__divisions{gap:100px;}
.org-chart__divisions::before{width: calc((100% + 100px)/3*2);}

.cate_tab ul{display: block; font-size:0;}
.cate_tab ul li{width: auto; flex:auto; display: inline-block; border:0;}
.cate_tab ul li a{position: relative;}
.cate_tab ul li a::after{content:''; display: block; width: calc(100% - 40px); height: 3px; background:var(--main); position: absolute; left: 50%; bottom: 0; transform:translateX(-50%); opacity: 0;}
.cate_tab ul li.hover a::after{opacity: 1;}
.cate_tab ul li:hover a{color:var(--main);}
.cate_tab ul li.hover a{background: var(--grayBg) !important;}


}
/*******************************************************************************
	@media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){

/* CEO Àλ縻 */
.greeting-cont{padding: 100px 0 150px;}
.greeting-in{flex-wrap:wrap;}
.greeting-in .txt-area{width: 100%; padding: 0 0 30px;}
.greeting-in .txt-area h3{padding-bottom: 6px;}
.greeting-in .txt-area h4{padding-top: 20px;}
.greeting-in .txt-area p.fs18{padding-top: 6px;}
.greeting-in .txt-area .greeting-ceo{padding-top: 20px;}
.greeting-in .img-area{width: 100%;}


/* ±â°ü»ó¡ */
.symbol-mark-box dt img{max-width:80%;}

.symbol-mark h4{padding: 30px 0 10px;}
.symbol-mark-type dl dd{padding: 15px 45px 20px 0;}
.symbol-mark-type dl dd .down_btn{top:10px;}

.prohibition-of-use{padding: 30px 0 0;}

.symbol-color{}
.symbol-color li{padding: 30px 20px 20px; gap:10px;}
.symbol-color li dl dd{gap:5px 10px;}



/* °æ¿µ°¡Ä¡Ã¼°è */
.mnv{}
.mnv > li{flex:1 0 0; min-height:300px; padding:50px 30px;}
.mnv > li > small{margin-bottom:6px;}
.mnv > li > img{margin-bottom:6px;}
.mnv > li > h5{margin-bottom:20px;}

.core-value img{max-width: 80% !important;}

.management-objectives{}
.management-objectives dl{gap:30px; padding:20px;}




/* Á¶Á÷µµ */
.org-chart__content{gap:30px;}
.org-chart__ceo-disc{gap:10px; width:150px; height:150px; padding:0 30px;}

.org-chart__exec{max-width:500px;}
.org-chart__pill--gray{width:200px; height:60px;}

.org-chart__divisions{gap:50px;}
.org-chart__divisions::before{width: calc((100% + 50px)/3*2); top:-15px;}
.org-chart__col::before{top:-15px;}
.org-chart__head{height:60px;}
.org-chart__sub{height:50px;}


.org-rail-op{gap:15px; padding: 30px 0 0;}
.org-rail-op__rows{grid-template-columns: repeat(5, 1fr);}

.cate_tab{margin: 0 auto 30px;}
.cate_tab ul li a{padding:20px 15px 18px;}
.cate_tab ul li a::after{width: calc(100% - 30px);}

.organ_table{}
.organ_table thead th{padding:10px 15px;}
.organ_table tbody td{padding:10px 15px;}


/* ¿¬Çõ */
.history-bbs{padding-top: 30px;}
.history-bbs .progressbar{left: 40%;}
.history_in{padding: 80px 0 120px;}
.history_in .img_area{width:40%;}
.history_in .img_sticky{top:100px; max-width: 85%; gap:20px;}
.history_in .img_area h3{font-size: 2.778rem;}

.history_in .txt_area{width: 60%; padding: 0 0 0 30px;}
.history_in .his_in{padding-bottom:40px;}
.history_in .his_in .dot{left:-34px; top:12px;}
.history_in .his_in h4{padding-bottom:10px;}
.history_in .his_in ul{gap:6px;}
.history_in .his_in ul li{padding-left: 30px;}


}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px){

/* CEO Àλ縻 */
.greeting-cont{padding: 60px 0 100px;}
.greeting-in .txt-area .greeting-ceo strong{letter-spacing: 2px;}


/* ±â°ü»ó¡ */
.symbol-mark-box{padding: 30px; flex-direction: column;}
.symbol-mark-box dt{text-align:center;}

.symbol-mark h4{padding: 20px 0 6px;}
.symbol-mark-type{grid-template-columns: repeat(1, 1fr); grid-gap:20px;}
.symbol-mark-type dl dd{padding: 15px 45px 15px 0; }

.prohibition-of-use{grid-template-columns: repeat(1, 1fr); padding: 20px 0 0;}

.symbol-color{}
.symbol-color li{width: 100%; padding: 20px 15px 15px;}



/* °æ¿µ°¡Ä¡Ã¼°è */
.mnv{}
.mnv > li{padding:30px 10px; min-height: auto;}
.mnv > li > img{width:40px; height:40px;}
.mnv > li > h5{margin-bottom:15px;}

.core-value{padding: 20px 20px 10px 20px;}


.strategic-direction{flex-wrap:wrap; border:1px solid var(--border);}
.strategic-direction li{flex:0 0 50%; max-width:50%; min-width:0; border-top:none; border-left:none; border-right:1px solid var(--border); border-bottom:1px solid var(--border); gap:15px; padding:20px 20px;}
.strategic-direction li:nth-child(2n){border-right:none;}
.strategic-direction li:nth-child(n+3){border-bottom:none;}
.strategic-direction li:nth-child(1), .strategic-direction li:nth-child(4){background-color:var(--white);}
.strategic-direction li:nth-child(2), .strategic-direction li:nth-child(3){background-color:var(--grayBg);}
.strategic-direction li img{width:50px;}


.management-objectives{}
.management-objectives dl{gap:10px; padding:20px; flex-wrap: wrap;}
.management-objectives dt{width:100%; padding:0; border-right: 0;}
.management-objectives dd{flex:auto;}



/* Á¶Á÷µµ */
.org-chart__content{gap:20px;}
.org-chart__ceo-disc{gap:5px; width:120px; height:120px; padding:10px 20px 0;}

.org-chart__exec{gap:40px; max-width:80%;}
.org-chart__pill--gray{width:calc((100% - 40px)/2); height:50px;}

.org-chart__divisions{gap:10px;}
.org-chart__divisions::before{width: calc((100% + 10px)/3*2); top:-10px;}
.org-chart__col{gap:5px;}
.org-chart__col::before{height: 50px; top:-10px;}
.org-chart__col--rail{padding-top:20px; }
.org-chart__head{height:50px;}
.org-chart__sublist{gap:2px;}
.org-chart__sub{height:40px;}

.org-rail-op{gap:10px; padding: 20px 0 0;}
.org-rail-op__rows{grid-template-columns: repeat(3, 1fr);}
.org-rail-op__rows li{padding: 10px 5px;}


.cate_tab{margin: 0 auto 20px;}
.cate_tab ul li a{padding:16px 10px 14px;}
.cate_tab ul li a::after{width: calc(100% - 20px); height: 2px;}

.organ_table{display: block;}
.organ_table thead{display: none;}
.organ_table tbody{display: block;}
.organ_table tbody tr{display: block; padding:10px 5px; box-sizing: border-box; border-bottom: 1px solid var(--border);}
.organ_table tbody td{padding:0; border: 0; display: block; box-sizing: border-box; position: relative; padding-left: 80px; line-height: 150%; font-size: 1rem;}
.organ_table tbody td ~ td{margin-top: 5px;}
.organ_table tbody td.tit{padding: 10px 5px; background: var(--grayBg); margin-bottom: 10px;}
.organ_table tbody td.tit::before{display: none;}
.organ_table tbody td::before{content: attr(data-th); font-size: inherit; position: absolute; left: 0; top:0; color: var(--black); font-weight: 400;}
.organ_table tbody .tel::before{width:15px; height:15px; font-size:15px; line-height: 15px; margin: -1px 3px 0 0;}


/* ¿¬Çõ */
.history-bbs{padding-top: 30px;}
.history-bbs .progressbar{left: 0;}
.history_in{padding: 0 0 60px; flex-wrap: wrap;}
.history_in .img_area{width:100%;}
.history_in .img_sticky{top:30px; max-width: 100%; gap:0;}
.history_in .img_area h3{font-size: 2.5rem; line-height: 1; margin-bottom: -5px;}

.history_in .txt_area{width: 100%; padding: 20px 0 0 20px;}
.history_in .his_in{padding-bottom:40px;}
.history_in .his_in .dot{width:7px; height:7px; left:-23px; top:9px;}
.history_in .his_in h4{padding-bottom:6px;}
.history_in .his_in ul li{padding-left: 26px;}

}