@charset "utf-8";

/* 공통 */
.c-white {color:#fff !important;}
.c-main {color:var(--c-main) !important;}
.c-2 {color:var(--c-2) !important;}

/* about */
.about-tit {margin-bottom:1em; font-size:clamp(20px, calc( 30 / var(--inner) * 100vw ), 30px); font-weight:700; line-height:1.2; letter-spacing:0; color:#242424;}
.greeting {display:flex; margin-bottom:var(--size150);}
.greeting .txt-wrap {flex:1 1 auto; min-width:0; width:1%; padding-right:20px;}
.greeting .txt-wrap .txt {margin-bottom:1.7em; font-weight:400; line-height:1.7; letter-spacing:-0.02em; color:#454545;}
.greeting .txt-wrap .txt:last-child {margin-bottom:0;}
.greeting .txt-wrap .sign {margin-top:var(--size60); font-size:1.13em; font-weight:600; line-height:1.6; letter-spacing:-0.02em; color:#242424;}

.org {margin-bottom:var(--size150);}
.pop-content {width:98vw; max-width:1400px; padding:var(--size50); background:#fff url('/images/sub/pop-bg.png') no-repeat right var(--size50) bottom var(--size50); border-radius:var(--size20);}
.pop-content .wrap {display:flex;}
.pop-content .cnt {flex:1 1 auto; min-width:0; width:1%; padding-left:var(--size80); padding-top:var(--size50);}
.pop-content .cnt .name {display:flex; padding-bottom:clamp(16px, calc( 25 / var(--inner) * 100vw ), 25px); margin-bottom:clamp(15px, calc( 35 / var(--inner) * 100vw ), 35px); border-bottom:1px solid #ddd; align-items:center; flex-wrap:wrap; font-size:clamp(16px, calc( 70 / var(--inner) * 100vw ), 70px); font-weight:700; line-height:1; letter-spacing:-0.02em; color:#242424;}
.pop-content .cnt .tag {display:inline-block; margin-left:var(--size40); width:100px; padding:0.44em; border-radius:100vh; background:#012169; font-size:clamp(14px, calc( 18 / var(--inner) * 100vw ), 18px); font-weight:600; letter-spacing:-0.03em; color:#fff; text-align:center;}
.pop-content .career .now {font-size:clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight:500; line-height:1.2; letter-spacing:-0.02em; color:#242424;}
.pop-content .career>ul {margin-top:clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px);}
.pop-content .career>ul>li {position:relative; padding-left:0.63em; line-height:1.7; letter-spacing:-0.02em; color:#454545;}
.pop-content .career>ul>li:before {content:''; position:absolute; left:0; top:0.8em; width:0.31em; height:1px; background:#838383;}
.viewing .fancybox-close {right:20px; top:20px; width:40px; height:40px; background:url('/images/sub/icon-close.png') no-repeat 50% 50%/contain;}
.viewing .fancybox-title {display:none;}

.past-presidents {position:relative; margin-bottom:var(--size150);}
.past-presidents .slick-arrow {position:absolute; z-index:1; top:50%; margin-top:calc(0px - var(--btn-size)/2); width:var(--btn-size); height:var(--btn-size); border-radius:100%; border:1px solid #ddd; background-color:transparent; background-repeat:no-repeat; background-position:50% 50%; text-indent:-999em; overflow:hidden;}
.past-presidents .slick-prev {left:-130px; background-image:url('/images/sub/sld-prev.png');}
.past-presidents .slick-next {right:-130px;  background-image:url('/images/sub/sld-next.png'); background-color:#012169; border-color:#012169;}
.past-presidents .slick-list {margin:0 calc(0px - var(--size15));}
.past-presidents .slick-slide {margin:0 var(--size15); text-align:center;}
.past-presidents .img {margin-bottom:20px;}
.past-presidents .img img {width:100%;}
.past-presidents .num {margin:0 auto 7px; max-width:60px; background:#012169; border-radius:100vh; font-size:12px; line-height:20px; font-weight:600; letter-spacing:-0.03em; color:#fff;}
.past-presidents .name {font-size:clamp(15px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight:700; line-height:1; letter-spacing:-0.03em; color:#242424;}
.past-presidents .txt {margin-top:10px; font-size:14px; font-weight:400; line-height:1.4; color:#454545;}
.past-presidents .txt strong {font-size:15px; font-weight:500; color:#242424;}

.contact-info {display:flex; align-items:center; justify-content:center; position:relative; padding:25px 0;}
.contact-info:before {content:''; position:absolute; width:100vw; height:100%; background:#f4f4f4; left:50%; top:0; transform:translateX(-50%); z-index:-1;}
.contact-info .icon {margin-right:var(--size20); width:var(--btn-size);}
.contact-info p {font-size:clamp(15px, calc( 22 / var(--inner) * 100vw ), 22px); font-weight:600; line-height:1.2; letter-spacing:-0.03em; color:#242424;}