@import url('sub.css'); 


.slick-slider{position: relative; display: block; box-sizing: border-box;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-slide{display: none; float: left; overflow: hidden; min-height:1px;}
.slick-initialized .slick-slide{display:block;}


/**** S:: µ¿¾ÏÀÇ À¯»ê ****/
.legacy_cont{overflow: hidden; position: relative;}
.legacy_roll{height:100vh; position: relative;}
.legacy_roll .roll{height:100vh; position: relative; overflow: hidden;}
.legacy_roll .roll .roll_txt{position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index: 999; margin-top:100px; opacity:0; transition:all .6s .3s linear;}
.legacy_roll .roll.action .roll_txt{margin-top:0; opacity:1;}
.legacy_roll .roll .roll_txt .fs54{color:var(--white);}
.legacy_roll .roll .roll_txt article{max-width:950px; padding-top: 20px;}
.legacy_roll .roll .roll_txt article .fs26{font-weight: 300; line-height: 140%; color:var(--sub3);}
.legacy_roll .roll .roll_txt article .fs18{padding-top: 18px;}
.legacy_roll .roll .roll_txt article .fs18 p{font-size:1rem; letter-spacing: inherit; line-height: inherit; color:var(--basicW); text-wrap: balance;}
.legacy_roll .roll .roll_txt article .fs18 p + p{margin-top: 10px;}
.legacy_roll .roll .roll_tit{position: absolute; left: 50%; bottom: 70px; transform:translateX(-50%); z-index: 999; text-align:right;}
.legacy_roll .roll .roll_tit p{display: inline-block; font-size:100px; font-weight: 400; font-family:var(--kor2); color:rgba(255,255,255,.5); writing-mode: vertical-lr; opacity: 0; transition:all .6s .6s linear;}
.legacy_roll .roll.action .roll_tit p{opacity: 1;}
.legacy_roll .roll .roll_bg{position: absolute; left:0; top:0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center; background-position:center;  transform: scale(1.1,1.1); transition:transform 2s ease-in-out; }
.legacy_roll .roll.action .roll_bg{transform: scale(1);}

.legacy_cont .slick-arrow{padding:0; border:0; background:none; cursor:pointer; position: absolute; top:50%; z-index: 9999; font-size:1.333rem; font-weight: 700; letter-spacing: 0; color:var(--white); line-height: 120%; opacity: 0.4; width:200px; transition:all .3s ease; display: flex; align-items:center; justify-content: center;}
.legacy_cont .slick-arrow:hover{opacity: 1; transition:all .3s ease;}
.legacy_cont .slick-prev{left: 3%;}
.legacy_cont .slick-next{right: 3%;}
.legacy_cont .slick-prev::after,
.legacy_cont .slick-next::before{content:'\e5cc'; display:inline-block; vertical-align:middle; width:46px; height:46px; font-size:46px; line-height:46px; font-family:var(--icon); color:inherit; font-weight: 400;}

.legacy_cont .slick-prev{transform:translateY(-50%) rotate(-90deg); margin-left: -80px;}
.legacy_cont .slick-next{transform:translateY(-50%) rotate(90deg); margin-right: -80px;}

.legacy_cont .slick-prev::after{transform:rotate(-90deg);}
.legacy_cont .slick-next::before{transform:rotate(-90deg);}


.legacy_cont .slick-arrow_mo{display: none;}
/**** E:: µ¿¾ÏÀÇ À¯»ê ****/


/**** S:: µ¿¾ÏÀÇ »ç»ó°ú öÇÐ ****/
.idea_cont{}
.idea_cont .fs54{color:var(--white); text-align:center; padding-bottom: 30px;}
.idea_cont section{padding: 210px 0 0; position: relative;}
.idea_cont section:first-child{padding: 0;}
.idea_cont section .arrow{display: block; width: 70px; height: 70px; position: absolute; left:50%; top: 70px; margin-left: -35px; z-index: 5;}
.idea_cont section .arrow::after{content:'\e5c5'; display: block; width: 100%; height: 100%; line-height: 70px; font-size:38px; font-family:var(--icon); text-align:center; border-radius:50%; color:rgba(255,255,255,.5); background: rgba(32, 30, 29, 0.01); box-shadow: 0 -10px 15px 0 rgba(255, 255, 255, 0.10); position: absolute; left:0; top:0;}


.idea_banner{position: relative; max-width:1320px; width: 90%; margin: 0 auto; padding: 120px 10%;}
.idea_banner .bg{position: absolute; left: 0; top:0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center; background-size:cover;}

/* ¾çÂÊ ºí·¯ È¿°ú */
.idea_banner .bg::after,
.idea_banner .bg::before {
  content: '';
  position: absolute;
  top: 0;
  width: 10%; /* ºí·¯ ¹üÀ§ */
  height: 100%;
  z-index: 3;
  pointer-events: none;
}

.idea_banner .bg::before {
  left: 0;
  background: linear-gradient(to right, var(--main), transparent);
}

.idea_banner .bg::after {
  right: 0;
  background: linear-gradient(to left, var(--main), transparent);
}

.idea_banner * {position: relative; z-index: 9;}
.idea_banner .num_list{max-width:690px; margin: 0 auto;}
.idea_banner .fs18{color:var(--lightW); text-align:center; padding: 35px 0 0;}
.idea_banner .tit{font-size:100px; font-family:var(--kor2); font-weight: 400; line-height: 120%; color:rgba(255,255,255,.1); writing-mode: vertical-lr; position: absolute;	}

.idea_motto .idea_banner .tit{right: -50px; bottom: 0;}
.idea_philosophy .idea_banner .tit{left: -50px; top: 0;}
.idea_spirit .idea_banner .tit1{left: -50px; top: 50%; transform:translateY(-50%);}
.idea_spirit .idea_banner .tit2{right: -50px; top: 50%; transform:translateY(-50%);}

.idea_banner .fs36{font-weight: 300; color:var(--white); text-align:center; }
.idea_banner .fs36 span{display: block;}
.idea_banner .fs36 span::before,
.idea_banner .fs36 span::after{content: ''; display: inline-block; vertical-align: top; width: 17px; height: 17px; background:url('/chairman/img/quote.png') no-repeat center top/contain;}
.idea_banner .fs36 span::before{margin-right: 10px;}
.idea_banner .fs36 span::after{margin-left: 10px; transform:rotate(180deg);}
.idea_banner .fs36 + .fs36{margin-top: 50px;}

.num_list{counter-reset: my-counter;}
.num_list li{font-size:1.444rem; font-weight: 300; line-height: 150%; letter-spacing: var(--letter-spacing-default); color:var(--white); padding-left: 50px; box-sizing:border-box; position: relative;}
.num_list li + li{margin-top: 14px;}
.num_list li::before{counter-increment: my-counter; content: counter(my-counter); display: block; width: 38px; height: 38px; line-height: 38px; text-align:center; border-radius:50%;  font-size:1rem; font-weight: 600; color:var(--white); box-sizing:border-box; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.1); position: absolute; left:0; top:0;}


.idea_spirit{}
.idea_spirit ul{display: flex; flex-wrap:wrap; margin: 70px 0 0; counter-reset: spirit;}
.idea_spirit ul li{width: 25%; padding: 50px; box-sizing:border-box; border:1px solid #4d4b4a; margin-left: -1px; margin-top: -1px;}
.idea_spirit ul li small{display: block; text-align:right; font-size:0.778rem; letter-spacing: var(--letter-spacing-default); line-height: 150%; font-weight: 700; color:var(--sub3); margin-bottom: 130px;}
.idea_spirit ul li small::after{counter-increment: spirit; content: counter(spirit, decimal-leading-zero); display: inline-block; font-size:inherit; line-height: inherit; letter-spacing: inherit; font-weight: inherit; color:inherit; margin-left: 5px;}
.idea_spirit ul li h5{font-size:1.111rem; color:var(--white); font-weight: 700; letter-spacing: var(--letter-spacing-default); line-height: 140%;} 
.idea_spirit ul li .fs18{color:var(--basicW); padding-top: 8px;}
.idea_spirit ul li.ci{background:url('/chairman/img/ci_w.png') no-repeat center/177px auto;}

.idea_ideology{}
.idea_ideology .fs54{padding: 0 !important; position: relative; z-index: 5;}
.idea_ideology ul{display: flex; gap:30px; padding: 90px 0 0; position: relative;}
.idea_ideology ul::after{content:''; display: block; width: 1px; height: 230px; box-sizing:border-box; background: linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0%, rgba(255, 255, 255, 0.10) 90%, rgba(255, 255, 255, 0.00) 100%); position: absolute; left: 50%; top:-140px;}


.idea_ideology ul::before{content:''; display: block; width: calc(((100% + 30px) / 3) * 2); height: 60px; box-sizing:border-box; border:1px solid var(--borderW); border-bottom: 0; border-radius: 35px 35px 0 0; position: absolute; left: 50%; top:30px; transform:translateX(-50%);}
.idea_ideology ul li{background:#363433; width: calc((100% - 60px)/3); padding: 80px 30px; box-sizing:border-box; text-align:center; position: relative;}
.idea_ideology ul li::before{content:''; display: block; width: 13px; aspect-ratio:1/1; border-radius:50%; box-sizing:border-box; background:var(--main); border:3px solid var(--sub2); position: absolute; left:50%; top:-6px; margin-left: -5px; z-index: 2;}
.idea_ideology ul li .icon{margin: 0 auto 45px; aspect-ratio:1/1; overflow: hidden; width: 130px; border-radius:var(--borderR5); background: var(--sub2); box-shadow: 0 0 20px 0 rgba(119, 87, 60, 0.40); overflow: hidden;}
.idea_ideology ul li .icon img{width: 100%; height: 100%; object-fit:contain;}
.idea_ideology ul li .fs26{color:var(--white); font-weight: 600; }
.idea_ideology ul li .fs26 span{display: inline; letter-spacing: inherit; line-height: inherit; font-weight:300;}
.idea_ideology ul li .fs18{color:var(--basicW); padding-top: 10px;}
/**** E:: µ¿¾ÏÀÇ »ç»ó°ú öÇÐ ****/




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



/**** S:: µ¿¾ÏÀÇ À¯»ê ****/
.legacy_roll .roll .roll_tit{top:80px; bottom: auto;}

.legacy_cont .slick-arrow{top:auto; bottom:30px; flex-direction: row-reverse;}
.legacy_cont .slick-arrow{width: auto;}
.legacy_cont .slick-prev{left: 5%;}
.legacy_cont .slick-next{right: 5%;}

.legacy_cont .slick-prev{transform:translateY(0) rotate(0); margin-left: 0;}
.legacy_cont .slick-next{transform:translateY(0) rotate(0); margin-right: 0;}

.legacy_cont .slick-prev::after{transform:rotate(180deg);}
.legacy_cont .slick-next::before{transform:rotate(0);}
/**** E:: µ¿¾ÏÀÇ À¯»ê ****/


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




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


/**** S:: µ¿¾ÏÀÇ À¯»ê ****/
.legacy_roll .roll .roll_txt article{padding-top: 15px;}
.legacy_roll .roll .roll_txt article .fs18{padding-top: 6px;}
.legacy_roll .roll .roll_txt article .fs18 p + p{margin-top: 6px;}
.legacy_roll .roll .roll_tit p{font-size:80px;}

.legacy_cont .slick-prev{margin-left: -20px;}
.legacy_cont .slick-next{margin-right: -20px;}
/**** E:: µ¿¾ÏÀÇ À¯»ê ****/




/**** S:: µ¿¾ÏÀÇ »ç»ó°ú öÇÐ ****/
.idea_cont{}
.idea_banner .fs36 br{display: none;}


.idea_spirit{}
.idea_spirit ul li{padding: 30px;}
.idea_spirit ul li small{margin-bottom: 100px;}
.idea_spirit ul li.ci{background-size:140px auto;}

.idea_ideology{}
.idea_ideology ul li .fs26 br{display: none;}
/**** E:: µ¿¾ÏÀÇ »ç»ó°ú öÇÐ ****/




}

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


/**** S:: µ¿¾ÏÀÇ À¯»ê ****/
.legacy_roll .roll .roll_txt article{width: 100%; padding-top: 10px;}
.legacy_roll .roll .roll_txt article .fs18{padding-top: 4px;}
.legacy_roll .roll .roll_txt article .fs18 p + p{margin-top: 4px;}
.legacy_roll .roll .roll_tit{top:50px;}
.legacy_roll .roll .roll_tit p{font-size:60px;}

.legacy_cont .slick-arrow{font-size:1.111rem; bottom:20px;}
.legacy_cont .slick-prev::after,
.legacy_cont .slick-next::before{width:30px; height:30px; font-size:30px; line-height:30px;}
.legacy_cont .slick-prev{margin-left: -10px;}
.legacy_cont .slick-next{margin-right: -10px;}
/**** E:: µ¿¾ÏÀÇ À¯»ê ****/


/**** S:: µ¿¾ÏÀÇ »ç»ó°ú öÇÐ ****/
.idea_cont{}
.idea_cont .fs54{padding-bottom: 20px;}
.idea_cont section{padding: 100px 0 0;}
.idea_cont section .arrow{width: 50px; height: 50px; top: 25px; margin-left: -25px;}
.idea_cont section .arrow::after{line-height: 50px; font-size:30px;}

.idea_banner{padding: 80px 10%;}
.idea_banner .fs18{padding: 20px 0 0;}
.idea_banner .tit{font-size:70px;}

.idea_motto .idea_banner .tit{right: -30px;}
.idea_philosophy .idea_banner .tit{left: -30px;}
.idea_spirit .idea_banner .tit1{left: -30px;}
.idea_spirit .idea_banner .tit2{right: -30px;}

.idea_banner .fs36{}
.idea_banner .fs36 + .fs36{margin-top: 30px;}

.num_list{}
.num_list li{font-size:1.111rem; padding-left: 34px;}
.num_list li + li{margin-top: 10px;}
.num_list li::before{width: 26px; height: 26px; line-height: 26px;}

.idea_spirit{}
.idea_spirit ul{margin: 40px 0 0;}
.idea_spirit ul li{width: 50%;}
.idea_spirit ul li small{margin-bottom: 60px;}
.idea_spirit ul li .fs18{padding-top: 6px;}

.idea_ideology{}
.idea_ideology ul{gap:20px; padding: 70px 0 0;}
.idea_ideology ul::after{height: 150px; top:-80px;}
.idea_ideology ul::before{width: calc(((100% + 20px) / 3) * 2); height: 30px; border-radius: 20px 20px 0 0; top:40px;}
.idea_ideology ul li{width: calc((100% - 20px)/3); padding: 50px 20px;}
.idea_ideology ul li::before{width: 11px; top:-5px; margin-left: -5px;}
.idea_ideology ul li .icon{margin: 0 auto 30px; width: 100px;}
.idea_ideology ul li .fs18{padding-top: 6px;}
/**** E:: µ¿¾ÏÀÇ »ç»ó°ú öÇÐ ****/

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


/**** S:: µ¿¾ÏÀÇ À¯»ê ****/
.legacy_roll{height:auto;}
.legacy_roll .roll{height: auto;}
.legacy_roll .roll .roll_txt{padding: 20% 0 30%; top:auto; position: relative; left: auto; transform:translate(0,0); margin-top:0;}
.legacy_roll .roll.action .roll_txt{margin-top:0; opacity:1;}

.legacy_roll .roll .roll_tit{top:30px;}
.legacy_roll .roll .roll_tit p{font-size:40px;}


.legacy_cont .slick-arrow.pc{display: none !important;}
.legacy_cont .slick-arrow_mo{display: block;}

/**** E:: µ¿¾ÏÀÇ À¯»ê ****/

/**** S:: µ¿¾ÏÀÇ »ç»ó°ú öÇÐ ****/
.idea_cont{}
.idea_cont section{padding: 80px 0 0;}
.idea_cont section .arrow{width: 34px; height: 34px; top: 17px; margin-left: -17px;}
.idea_cont section .arrow::after{line-height: 34px; font-size:20px;}

.idea_banner{padding: 50px 5%; width: 100%;}
.idea_banner .fs18{padding: 10px 0 0;}
.idea_banner .tit{font-size:40px; writing-mode: horizontal-tb;}

.idea_banner .bg::after,
.idea_banner .bg::before {width: 100%; height: 10%;}
.idea_banner .bg::before {background: linear-gradient(to bottom, var(--main), transparent);}
.idea_banner .bg::after {top:auto; bottom: 0; background: linear-gradient(to top, var(--main), transparent);}



.idea_motto .idea_banner .tit{right: 0; bottom: -20px;}
.idea_philosophy .idea_banner .tit{left: 0; top:-20px;}
.idea_spirit .idea_banner .tit1{left: 0; top:-20px; transform:translateY(0);}
.idea_spirit .idea_banner .tit2{right: 0; top:auto; bottom: -20px; transform:translateY(0);}

.idea_banner .fs36{}
.idea_banner .fs36 span::before,
.idea_banner .fs36 span::after{width: 10px; height: 10px;}
.idea_banner .fs36 span::before{margin-right: 5px;}
.idea_banner .fs36 span::after{margin-left: 5px;}
.idea_banner .fs36 + .fs36{margin-top: 20px;}

.num_list{}
.num_list li{padding-left: 30px;}
.num_list li + li{margin-top: 6px;}
.num_list li::before{width: 24px; height: 24px; line-height: 24px; font-size:11px;}

.idea_spirit{}
.idea_spirit ul{margin: 30px 0 0;}
.idea_spirit ul li{padding: 20px; width: 100%;}
.idea_spirit ul li.ci{display: none;}
.idea_spirit ul li small{margin-bottom: 40px;}
.idea_spirit ul li.ci{background-size:100px auto;}

.idea_ideology{}
.idea_ideology ul{gap:10px; padding: 30px 0 0; flex-wrap:wrap;}
.idea_ideology ul::after{height: 100%; top:-70px;}
.idea_ideology ul::before{display: none;}
.idea_ideology ul li{width: 100%; padding: 40px 20px; position: relative; z-index: 5;}
.idea_ideology ul li .icon{margin: 0 auto 20px; width: 70px;}
/**** E:: µ¿¾ÏÀÇ »ç»ó°ú öÇÐ ****/



}