@charset "utf-8";
/* 공통 */
.scroll-y::-webkit-scrollbar {height:3px; width:10px;}
.scroll-y::-webkit-scrollbar-thumb {background-color:#999; border-radius:5px;}
.scroll-y::-webkit-scrollbar-track {background-color:#ccc; border-radius:5px;}

.tabWrap .tabBtn {cursor:pointer;}
.tabInner .tabItem {display:none;}
.tabInner .tabItem.on {display:block;}
.scroll-tab .scrollable {width:100%; white-space:nowrap; overflow-x:auto; display:flex; justify-content:center; -ms-overflow-style: none; gap:10px; border-bottom:0; }
.scroll-tab .scrollable::-webkit-scrollbar {display: none;}
.scroll-tab .scrollable li {display:inline-block; cursor:pointer; user-select: none; transform: rotate(0.03deg); color:#fff; background:var(--navy); text-align:center; border-radius:4rem; font-weight:600; position:relative; padding:15px 50px; transition:all 0.3s;}
.scroll-tab .scrollable li.on, .scroll-tab .scrollable li:hover {background:var(--red);}


.table.type1 thead tr {border-top:1px solid #c6cde4; border-bottom:1px solid #c6cde4;}
.table.type1 thead tr th {color:var(--blue); font-weight:400; text-align:center; padding:12px 10px; background:#fafafd;}
.table.type1 tbody tr td {text-align:center; padding:12px 10px; color:#000;}
.table.type1 tbody tr {border-bottom:1px solid #dfe3f4;}


.page_prepare {text-align:center; width:100%;}

/* 인사말 */
.greeting {position:relative; overflow:hidden;}
.greeting .logo_rotate {position:absolute;bottom:-40%; left:-100px;width:40%;}
.greeting .sub-inner {display:flex; gap:100px;}
.greeting .left {width:55%;}
.greeting .left h3 {font-size:50px; font-weight:400; color:#000; line-height:1.2;}
.greeting .left h3 p.bold {font-weight:800; display:inline-flex;}
.greeting .left h3 p.bold.red {color:var(--red);}
.greeting .left h3 p {color:#000;}
.greeting .left > p {color:#333;}
.greeting .left > p span {display:block;}
.greeting .left > p span+span {margin-top:25px;}
.greeting .left p.middle {position:relative; margin:60px 0 30px; padding-top:20px; color:#000; font-size:24px;}
.greeting .left p.middle:before {content:""; display:block; width:30px; height:3px; background:var(--blue); position:absolute; top:0; left:0;}
.greeting .left dl {display:flex; margin-top:70px; gap:20px; align-items:center; color:#000; line-height:1;}
.greeting .left dl dt {font-weight:600; font-size:18px;}
.greeting .left dl dd {font-size:30px; font-family: 'NanumMyeongjo'; font-weight:300;}
.greeting .right {width:calc(45% - 100px); text-align:right;}
.greeting .right .img {display:inline-block; position:relative; margin-right:50px; aspect-ratio:3/4; max-width: 350px;}
.greeting .right .img img { aspect-ratio:3/4; border-radius:20px; width:100%;}
.greeting .right .img:before {content:""; display:block; width:100%; height:100%; background:#e7ecf4; border-radius:20px; position:absolute; right:-50px; bottom:-70px; z-index:-1;}
.greeting .right .img:after {content:""; display:block; width:65%; height:65%; background:#f3f5f9; border-radius:20px; position:absolute; top:90px; left:-120px; z-index:-2;}

/* 2024경영전략 */
.vision .logo_rotate {position:fixed; bottom:-40%; left:-20%; width:40%; z-index:-1; transform:translateX(-50%);}
.vision .double {display:grid; grid-template-columns:repeat(2,1fr); gap:100px;}
.vision .double article {margin-top:0; position:relative; padding:100px 0;}
.vision .double article .img {position:absolute; top:0;}
.vision .double article .darkoverlay {position:absolute; top:0; background:rgba(0,0,0,0.25); width:100%; height:100%; z-index:2;}
.vision .double article .txt {position:relative; z-index:3;}
.vision .double article .txt .tit dt {color:#fff;}
.vision .double .tit dd {color:#fff;}
.vision .double article img {width:100%; aspect-ratio:3/2;}
.vision .double article+article {text-align:center;}
.vision article {margin-top:80px; text-align:center}
.vision dl dt {text-transform:uppercase;}
.vision .tit {transform:var(--textRotate);}
.vision .tit dt {font-size:18px; letter-spacing:5px; color:var(--blue); font-weight:600;}
.vision .tit dd {font-size:30px; font-weight:800; color:var(--navy);}
.vision .mission {position:relative; border-radius: 0 200px 200px 0; overflow:hidden;}

.vision .mission p {font-size:24px; color:#fff; transform:var(--textRotate); margin-top:30px;}
.vision .mission p span {color:#fff; font-weight:800; display:block;}

.vision .tit-vision {border-radius: 200px 0 0 200px; overflow:hidden;}
.vision .tit-vision p {font-size:24px; color:#fff; transform:var(--textRotate); margin-top:30px; font-weight:600;}
.vision .management {margin-top:100px;}
.vision .management .list {display:grid; grid-template-columns:repeat(3,1fr); justify-content:center; margin-top:30px; gap:50px; margin:30px auto 0;}
.vision .management .list dl {padding:50px; border:1px solid var(--border4); border-radius:20px;}
.vision .management .list dl dt {display:inline-block; background:var(--navy); padding:5px 20px; border-radius:2rem; color:#fff; font-weight:600; transform:var(--textRotate);}
.vision .management .list dl dd {font-size:20px; font-weight:600; color:#000; transform:var(--textRotate); margin-top:30px; height:77px; display:flex; justify-content:center;
align-items:center;}
.vision .value .list {display:flex; justify-content:center; gap:30px; margin-top:30px;}
.vision .value .list dl {border: 1px solid var(--border4); width:330px; height:330px; border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.vision .value .list dt {}
.vision .value .list img {width:80px;}
.vision .value .list dd {font-size:20px; color:#000; font-weight:600; margin-top:20px; transform:var(--textRotate);}
.vision .value .list dd span {display:block; font-size:16px; font-weight:400;}
.vision .strategy .list {display:grid; grid-template-columns:repeat(3,1fr); gap:50px; margin-top:30px;}
.vision .strategy .list dl dt img {width:100%; aspect-ratio:3/2; border-radius:20px; max-width:500px; }
.vision .strategy .list dl dt span {display:block; margin-top:15px; font-size:20px; color:#000; font-weight:600; transform:var(--textRotate);}
.vision .strategy .list dl dd {padding-top:30px; position:relative;}
.vision .strategy .list dl dd:before {content:""; display:block; width:30px; height:3px; background:var(--red); position:absolute; top:12px; left:50%; transform:translateX(-50%);}
.vision .strategy .list dl dd p {transform:var(--textRotate); color:#333;}
.vision .strategy .list dl dd p+p {margin-top:5px;}


/* 2024경영전략 ver2 */
/*.vision_ver2 .logo_inner {position:fixed; top:0; left:0; width:60%; z-index:-1;}
.vision_ver2 .logo_rotate {position:absolute; transform:translate(-50%,-50%); top:20px; left:35px;}
.vision_ver2 .logo_center {position:absolute; top:550px; left:50%; transform:translate(-50%,-50%); width:273px; height:266px;}*/
.vision_ver2 .sub-inner {display:flex; max-width: 1400px;margin: 0 auto;}
.vision_ver2 .sub-inner .left {}
.vision_ver2 .sub-inner .left .logo_inner {position:sticky; top:400px; display: flex
; justify-content: center; z-index:-1;}
.vision_ver2 .sub-inner .left .logo_inner img {position:absolute; width:273px; height:273px;}
.vision_ver2 .sub-inner .left .logo_inner .logo_rotate {animation:rotate_image2 60s linear infinite;}
.vision_ver2 .sub-inner > div {width:50%;}
.vision_ver2 article {border:1px solid #d2d8ed; border-radius:20px; padding:40px 50px;}
.vision_ver2 article+article {margin-top:20px;}
.vision_ver2 article:nth-of-type(2n-1) {background:#fff;}
.vision_ver2 article:nth-of-type(2n) {background:#f7f8fb;}

.vision_ver2 article .tit {display:flex; justify-content:space-between; align-items:center;}
.vision_ver2 article .tit h3 {color:#000; font-weight:800; font-size:24px; transform:var(--textRotate);}
.vision_ver2 article.typeA p {margin-top:35px;}
.vision_ver2 article.typeA p span {display:block; font-size:30px; transform:var(--textRotate);}
.vision_ver2 article.typeA p span.blue {color:var(--blue);}
.vision_ver2 article.typeA p span.red {color:var(--red); font-weight:800;}

.vision_ver2 article.bx_business ul {display:flex; justify-content:space-between; margin-top:45px;}
.vision_ver2 article.bx_business ul li {font-weight:800;}
.vision_ver2 article.bx_business ul li.line {border-left:1px solid #d9d9d9;}
.vision_ver2 article.bx_business ul li span {color:#ccc; display:block; font-size:14px;}
.vision_ver2 article.bx_business ul li p {color:var(--blue); transform:var(--textRotate);}

.vision_ver2 article.bx_value ul {display:grid; grid-template-columns:repeat(4,1fr); gap:5px; margin-top:30px;}
.vision_ver2 article.bx_value ul li {border-radius:15px; padding:22px; color:#fff; text-align:center; font-weight:800; transform:var(--textRotate);}
.vision_ver2 article.bx_value ul li:nth-of-type(1) {background:#4042bd}
.vision_ver2 article.bx_value ul li:nth-of-type(2) {background:#5340bd}
.vision_ver2 article.bx_value ul li:nth-of-type(3) {background:#6840bd}
.vision_ver2 article.bx_value ul li:nth-of-type(4) {background:#7d40bd}

.vision_ver2 article.bx_strategy ul {margin-top:45px;}
.vision_ver2 article.bx_strategy ul>li+li {padding-top:30px; margin-top:25px; border-top:1px solid #e1e3ee;}
.vision_ver2 article.bx_strategy ul>li span {display:inline-block; width:40px; height:40px; border-radius:50%; color:#fff; background:var(--blue); font-weight:800; font-size:14px; line-height:40px; text-align:center; margin-right:5px;}
.vision_ver2 article.bx_strategy ul>li p {color:var(--blue); font-weight:800; transform:var(--textRotate);}
.vision_ver2 article.bx_strategy ol {display:grid; grid-template-columns:repeat(2,1fr); padding-left:40px; row-gap:5px; margin-top:7px;}
.vision_ver2 article.bx_strategy ol li {position:relative; padding-left:20px;}
.vision_ver2 article.bx_strategy ol li.grid-column {grid-column:1/3;}
.vision_ver2 article.bx_strategy ol li:before {content:""; display:block; width:5px; height:5px; background:#ccc; position:absolute; left:10px; top:10px; border-radius:50%;}
.vision_ver2 .btnWrap {text-align:right;}
.vision_ver2 .downBtn {display:inline-block; padding:15px 70px 15px 30px; border:1px solid #d2d8ed; border-radius:3rem; margin-top:50px; background:#f7f8fb url(/images/common/i-download.png) no-repeat 90% center / 20px; font-weight:600; transform:var(--textRotate);}
.vision_ver2 .downBtn br {display:none;}
.vision_ver2 .downBtn:hover {background:var(--blue) url(/images/common/i-downloadW.png) no-repeat 90% center / 20px; border:1px solid var(--blue); color:#fff;}

/* 연혁/설립목적 */
.history .scroll-tab .scrollable {margin:80px auto 70px;}
.history .tabItem.num1 .logo_rotate {position:fixed;bottom:-20%; left:-150px;width:40%;}
.history .inner_bx {padding:0 0 120px;}
.history .tabItem.num1 .inner_bx {display:flex; gap:95px;}
.history .tabItem.num1 .slogan .inner {position: sticky; top: 120px;}
.history .tabItem.num1 .slogan {width:500px;}
.history .tabItem.num1 .slogan img {width:100%; border-radius:1.5rem;}
.history .tabItem.num1 .slogan h3 {font-size:30px; line-height:1.5; font-weight:400; transform:var(--textRotate); margin-top:60px; color:#000;}
.history .tabItem.num1 .slogan h3 span {display:block; color:#11acb9; font-weight:800;}
.history .tabItem.num1 .slogan .inner > p {margin-top:30px; font-weight:400; color:#666; font-size:16px; transform:var(--textRotate);}
.history .tabItem.num1 .cont {width:calc(100% - 595px);}
.history .tabItem.num1 .year h3 {color:var(--navy); transform:var(--textRotate); font-size:30px; font-weight:800;}
.history .tabItem.num1 .year+.year {margin-top:40px; padding-top:40px; border-top:1px solid #dfe3f4;}
.history .tabItem.num1 .year {}
.history .tabItem.num1 .year>div {margin-top:25px;}
.history .tabItem.num1 .year dl {display:grid; grid-template-columns:100px auto; gap:45px; font-size:16px; align-items:center; }
.history .tabItem.num1 .year dl+dl {margin-top:20px;}
.history .tabItem.num1 .year dl dt {font-weight:600; transform:var(--textRotate); color:#000;}
.history .tabItem.num1 .year dl dd p {position:relative; line-height:1.3; color:#333;}
.history .tabItem.num1 .year dl dd p+p {margin-top:10px;}
/* -------------------------------------------------------------------------- */
.history .tabItem.num2 .slogan {position:relative; text-align:center;}
.history .tabItem.num2 .slogan .inner {display:inline-block; text-align:center; position:relative; z-index:2; width:66.5%; margin:0 auto;}
.history .tabItem.num2 .slogan .inner:before {content:""; display:block; width:100%; height:18px; position:absolute; background:#fff;  top:67px; z-index:-1;}
.history .tabItem.num2 .slogan:before {content:""; display:block; height:96%; width:100%; border:15px solid var(--blue); position:absolute; bottom:-60px; border-radius:30px; box-sizing: border-box;}
.history .tabItem.num2 .slogan h3 {font-size:36px; font-weight:400; color:#000; line-height:1.4;  transform:var(--textRotate);}
.history .tabItem.num2 .slogan h3 span {font-weight:800; color:var(--blue);}
.history .tabItem.num2 .slogan p {color:#333; margin-top:30px;  transform:var(--textRotate);}
.history .tabItem.num2 .functions {display:flex; padding-top:160px;}
.history .tabItem.num2 .functions .left {width:60%}
.history .tabItem.num2 .functions .left .logo_big {display:flex; justify-content:center; align-items:center; position:relative; width:100%; height:100%; background:url(/images/about/logo_big.png) no-repeat center 40% / 350px;}
.history .tabItem.num2 .functions .left .logo_big:before {content:""; display:block; width:1502px; height:1425px; background:url(/images/about/logo_rotate2.png) no-repeat center center / contain; animation:rotate_image 60s linear infinite; position:absolute; top:-341px; left:-357px;}
/*.history .tabItem.num2 .functions .left .logo_big:after {content:""; display:block; background:url(/images/about/logo_big.png) no-repeat center center / contain; width:350px; height:340px;}*/
.history .tabItem.num2 .functions .left .logo_big img {max-width:350px; position:relative; display:block;}

.history .tabItem.num2 .functions .right {width:40%; display:flex; justify-content:flex-end;}
.history .tabItem.num2 .functions .right h4 {font-size:36px; font-weight:400; color:#000;}
.history .tabItem.num2 .functions .right h4 span {color:var(--blue); font-weight:800;}
.history .tabItem.num2 .functions .right .list {display:grid; grid-template-columns:repeat(2,1fr); margin-top:60px; gap:40px 140px; max-width:550px;}
.history .tabItem.num2 .functions .right dl {max-width:200px;}
.history .tabItem.num2 .functions .right dl dt {font-size:36px; color:var(--blue); font-weight:400;}
.history .tabItem.num2 .functions .right dl dd {color:#000; font-weight:800; transform:var(--textRotate); }

.history .tabItem.num2 .statement {display:flex; gap:80px; padding-top:100px;}
.history .tabItem.num2 .statement .left {width:32%;}
.history .tabItem.num2 .statement .left h4 {font-size:36px; font-weight:400; color:#000;}
.history .tabItem.num2 .statement .left h4 span {color:var(--blue); font-weight:800;}
.history .tabItem.num2 .statement .left h4 small {font-size:18px; display:inline-block;}
.history .tabItem.num2 .statement .left .txt_bx {background:var(--navy); color:#fff; margin-top:65px; padding:55px 65px 55px 80px; border-radius:20px;}
.history .tabItem.num2 .statement .left .txt_bx img {float:right;}
.history .tabItem.num2 .statement .left .txt_bx .txt {font-weight:600; transform:var(--textRotate); line-height:2.2; padding-top:20px;}
.history .tabItem.num2 .statement .left .txt_bx span {color:#2de3f2;}
.history .tabItem.num2 .statement .right {width:calc(68% - 80px); color:#000; display: flex; flex-direction:column; justify-content: space-between;}
.history .tabItem.num2 .statement .right .top {padding-top:75px; margin-top:20px; border-top:1px solid #d2d7df;}
.history .tabItem.num2 .statement .right .top, .history .tabItem.num2 .statement .right .bottom {line-height:1.9;}
.history .tabItem.num2 .statement .right .top p+p {margin-top:30px;}

.history .tabItem.num2 .statement .right .bottom dt {font-size:24px; font-weight:800;   line-height: 1.5; padding-top:30px; position:relative; transform:var(--textRotate);}
.history .tabItem.num2 .statement .right .bottom dt:before {content:""; display:block; width:50px; height:1px; background:#000; position:absolute; left:0; top:0;}
.history .tabItem.num2 .statement .right .bottom dd {margin-top:25px;}

/* CI */
.ci .sub-inner {max-width:1400px; margin:0 auto;}
.ci article {display:flex; gap:100px;}
.ci article+article {margin-top:80px;}
.ci article .left {width:400px;}
.ci article .left .inner {position:sticky; top:120px;}
.ci article .left h3 {position:relative; color:var(--navy); padding-top:20px; transform:var(--textRotate); font-size:40px;}

.ci article .left h3:before {content:""; display:block; position:absolute; width:40px; height:6px; background:var(--red); top:0; left:0; }
.ci article .left p {margin-top:30px; line-height:1.8;}
.ci article .left p+p {margin-top:15px;}

.ci article .right {width:calc(100% - 500px);}
.ci article .right .bx {border:1px solid var(--border3); border-radius:20px; background:#fff; text-align:center; padding:50px; position:relative;}
.ci article.num2 .right .bx .img:nth-of-type(2) img {transform:translateY(10%);}
.ci article.num3 .right .bx {padding:100px 50px;}
.ci article .right .bx+.bx {margin-top:20px;}
.ci article .right .bx span.type_tit {display:inline-block; color:#000; font-weight:800; position:absolute; top:20px; left:50px; transform:var(--textRotate);}
.ci article .right .bx img {width:100%; max-width:450px; max-height:260px; object-fit:contain;}
.ci article .right .bx.double .img+.img {margin-top:50px;}
.ci article .right .bx .img span {display:block; text-align:center; font-weight:800; transform:var(--textRotate); font-size:14px; margin-top:10px;}
.ci article .right .bx.flex_double {display:grid; grid-template-columns:repeat(2,1fr); gap:50px; align-items:center;}
.ci article .right .bx.flex_double .img {display:flex; flex-direction:column; justify-content:space-between; height:100%;}
.ci article.num5 .right {display:grid; grid-template-columns:repeat(2,1fr); gap:10px;}
.ci article .right .colors {border-radius:20px; color:#fff; padding:30px;}
.ci article .right .colors.red {background:#ee2529;}
.ci article .right .colors.blue {background:#001c48;}
.ci article .right .colors p {font-weight:800; transform:var(--textRotate); font-size:24px;}
.ci article .right .colors ul {text-align:right; margin-top:20px;}
.ci article .right .colors ul li span {padding-right:10px;}
/* 역대회장단 */
.presidents .now dl {display:flex; justify-content:center; align-items:center; gap:10px;}
.presidents .now dl dt {font-size:14px; font-weight:600; background:#11acb9; padding:6px 13px; border-radius:2rem; color:#fff;}
.presidents .now dl dd {font-size:36px; font-weight:800; color:#000;}
.presidents .now > p {text-align:center; margin-top:20px;}
.presidents .table.type1 {margin-top:40px;}

.presidents .table.type1 tr th:nth-of-type(1), .presidents .table tr td:nth-of-type(1) {width:12%;}
.presidents .table.type1 tr th:nth-of-type(2), .presidents .table tr td:nth-of-type(2) {width:22%;}
.presidents .table.type1 tr th:nth-of-type(3), .presidents .table tr td:nth-of-type(3) {width:28%;}
.presidents .table.type1 tr th:nth-of-type(4), .presidents .table tr td:nth-of-type(4) {width:38%;} 

/* 조직현황 */
.organization .tabInner {margin-top:70px;}
.organization .tabInner .organWrap img {margin:0 auto; max-width:100%;}
.organization .tabInner .organWrap .only_mobile {display:none;}
.organization .tabInner .national img {max-width:100%;}
.organization .tabItem h3 {font-size:24px; color:var(--blue); font-weight:600;}
.organization .tabItem h3 span {display:inline-block; width:35px; height:35px; border-radius:50%; background:var(--blue); color:#fff; text-align:center; line-height:35px; margin-right:10px;}
.organization .tabItem h3 span.num {width:auto; background:none; color:var(--blue); margin-left:5px;}
.organization .tabItem .table p {color:var(--navy); font-size:20px; margin:40px 0 10px; font-weight:600; position:relative; padding-left:24px; transform:var(--textRotate);}
.organization .tabItem .table p:before {content:""; display:block; width:15px; height:2px; background:var(--navy); position:absolute; top:13px; left:0; }
.organization .tabItem .table p span.num {margin-left:5px;}
.organization .tabItem article+article {margin-top:80px;}
.organization .executive .table.type1 tbody tr td:nth-of-type(2) {white-space:nowrap;}


.organization .office {max-width:1200px; margin:0 auto;}
.organization .office .table.type1 tbody tr td:nth-of-type(3) {text-align:left; padding-left:30px;}
.organization .office .table span {transform: rotate(0.03deg); position:relative; padding-left:10px; display:block; font-weight:500;}
.organization .office .table span:before {position:absolute; content:""; left:0; top:10px; width:4px; height:4px; border-radius:100px; background:#aaa;}
.organization .office .table span:first-child {margin-top:0;}
.organization .office .table p {color:#000; font-size:16px; margin:0; padding-left:13px; font-weight:400; margin-bottom:5px;}
.organization .office .table p:before {content:none;}



.organization .committee .table.type1 tr th:nth-of-type(1), .organization .committee .table.type1 tr td:nth-of-type(1) {width:25%;}
.organization .committee .table.type1 tr th:nth-of-type(2), .organization .committee .table.type1 tr td:nth-of-type(2) {width:25%;}
.organization .committee .table.type1 tr th:nth-of-type(3), .organization .committee .table.type1 tr td:nth-of-type(3) {width:50%;}


.organization .national h2 {font-size:30px; color:var(--navy); transform:var(--textRotate); margin-bottom:40px; padding-left:40px; background:url(/images/about/logo_small.png) no-repeat left 0 / 30px;}
.organization .national h2 img {width:30px; transform:translateY(-5px); margin-right:10px;}
.organization .national h2 span {font-size:20px; font-weight:600; padding-left:10px;}
.organization .national table tr td, .organization .national table tr th {border-right:1px solid #dfe3f4;}
.organization .national table tr td:last-of-type, .organization .national table tr th:last-of-type {border-right:0;}

.organPopup {display:none;}

/* 정관규정 */
.rules {}
.rules .sub-inner {display:flex; gap:80px;}
.rules .slogan {width:425px;}
.rules .slogan .inner {position:sticky; top:120px;}
.rules .slogan .inner .bg {position:relative;}
.rules .slogan .inner .bg img {width:100%; border-radius:1.5rem;}
.rules .slogan .inner .bg p {font-size:24px; font-weight:700; color:#fff; line-height:38px; position:absolute; right:50px; bottom:36px; text-align:right;}
.rules .slogan .inner>p {color:#333; line-height:30px; padding-left:80px; background:url(/images/about/i-rules.png)no-repeat left top 7px; margin-top:43px;}
.rules .cont {width:calc(100% - 425px);}
.rules .cont h3 {font-size:24px; font-weight:700; color:#000; transform:var(--textRotate);}
.rules .cont h3+p {margin-top:10px;}
.rules .cont ul {margin-top:30px;}
.rules .cont ul li {}
.rules .cont ul li~li {margin-top:7px;}
.rules .cont ul li a {display:block; color:#000; background:#fff; border:1px solid rgba(64,87,189,0.2); border-radius:10px; padding:14px 20px;}
.rules .cont ul li:hover a {background:#4157bb url(/images/about/i-dl-btn.png)no-repeat left 20px center; color:#fff; padding-left:45px;}

/* 찾아오시는길 */
.contact {}
.contact .map {width:100%; height:650px;}
.contact .map .root_daum_roughmap {width:100%; height:100%; border-radius:1rem; border-bottom:1px solid #ddd;}
.contact .map .root_daum_roughmap .wrap_map {height:100%;}
.contact .txt {display:flex; gap:120px; margin-top:70px;}
.contact .txt .map-slogan {width:314px; margin-top:-5px;}
.contact .txt .map-slogan h3 {font-size:60px; font-weight:700; color:#000; letter-spacing:-0.04em; line-height:70px; }
.contact .txt .map-slogan h3 .green {color:var(--green);}
.contact .txt .map-slogan h3 .blue {color:var(--blue);}
.contact .txt .map-slogan p {font-size:14px; font-weight:700; color:#999; line-height:1.4; margin-top:28px;}
.contact .txt .map-info {width:calc(100% - 430px);}
.contact .txt .map-info h4 {font-size:24px; font-weight:700; color:#000; transform:var(--textRotate);}
.contact .txt .map-info>p {color:#333; margin-top:15px;}
.contact .txt .map-info .info {margin-top:25px; padding-top:30px; border-top:2px solid #011c47;}
.contact .txt .map-info .info dl {display:flex; color:#333; padding-top:15px;}
.contact .txt .map-info .info dl~dl {margin-top:8px; border-top:1px solid #dee2f3;}
.contact .txt .map-info .info dl dt {width:100px; font-weight:600; transform:var(--textRotate); padding-left:20px; position:relative;}
.contact .txt .map-info .info dl dt:before {position:absolute; display:inline-block; content:''; top:10px; left:8px; width:4px; height:4px; border-radius:50%; background:#cbcbcb;}
.contact .txt .map-info .info dl dd {width:calc(100% - 100px);}





/* ************************ 태블릿 이하(~1199) ************************ */
@media (max-width: 1199px) {

.scroll-tab .scrollable {justify-content:flex-start;}
	

/* 인사말 */
.greeting .logo_rotate {display:none;}
.greeting .right {width:calc(50% - 100px);}
.greeting .right .img {}
.greeting .right .img:after {left:-60px; }
.greeting .left {width:50%;}
.greeting .left h3 {font-size:35px;}
.greeting .left > p.middle {margin:50px 0 20px; font-size:22px;}
.greeting .left > p span+span {margin-top:20px;}
.greeting .left dl {margin-top:45px;}
.greeting .left dl dt {font-size:16px;}
.greeting .left dl dd {font-size:26px;}

/* 2024경영전략 */
.vision .logo_rotate {left:-10%; bottom:0;}
.vision .value .list dl {width:200px; height:200px;}
.vision .value .list img {width:60px;}
.vision .double {gap:40px;}
.vision .sub-inner {padding:80px 0!important;}
.vision .single {padding:0 30px;}
.vision .double article {padding:90px 0;}
.vision .double article img {width:100%; height:100%; aspect-ratio:auto; object-fit:cover;}
.vision .mission p {font-size:20px;}
.vision .tit-vision p {font-size:22px;}
.vision .management {margin-top:80px;}

/* 2024경영전략 ver2 */
.vision_ver2 .sub-inner .left .logo_inner img {width:200px; height:200px;}
.vision_ver2 article .tit h3 {font-size:20px;}
.vision_ver2 article.typeA p {margin-top:20px;}
.vision_ver2 article.typeA p span {font-size:24px;}
.vision_ver2 article.bx_business ul {flex-direction:column; gap:10px; margin-top:30px;}
.vision_ver2 article.bx_business ul li.line {border-top: 1px solid #d9d9d9;}
.vision_ver2 article.bx_value ul {grid-template-columns:repeat(2,1fr);}
.vision_ver2 article.bx_strategy ul {margin-top:30px;}
.vision_ver2 article.bx_strategy ol {grid-template-columns:1fr; row-gap:10px;}

/* 연혁/설립목적 */
.history .scroll-tab .scrollable {margin:80px 0 70px; justify-content:center;}
.history .inner_bx {padding:0 30px 80px 30px;}
.history .tabItem.num1 .inner_bx {gap:80px;}
.history .tabItem.num1 .slogan {width:370px;}
.history .tabItem.num1 .cont {width:calc(100% - 440px);}
.history .tabItem.num1 .slogan h3 {margin-top:50px; font-size:24px;}
.history .tabItem.num1 .year h3 {font-size:24px;}

.history .tabItem.num2 .slogan h3 {font-size:30px;}
.history .tabItem.num2 .slogan:before {bottom:-50px;}
.history .tabItem.num2 .slogan .inner:before {display:none;}
.history .tabItem.num2 .slogan .inner {width:85%; background:#fff;}
.history .tabItem.num2 .slogan p br {display:none;}
.history .tabItem.num2 .functions {flex-direction:column; gap:50px; padding-top:130px;}
.history .tabItem.num2 .functions .left {width:100%;}
.history .tabItem.num2 .functions .left .logo_big {background:none;}
.history .tabItem.num2 .functions .left .logo_big:before {display:none;}
.history .tabItem.num2 .functions .right {width:100%; justify-content:center;}
.history .tabItem.num2 .functions .right .list {margin-top:50px;}
.history .tabItem.num2 .functions .right h4 {font-size:30px; text-align:center;}
.history .tabItem.num2 .functions .right dl dt {font-size:30px;}
.history .tabItem.num2 .statement {flex-direction:column; gap:30px; padding-top:80px;}
.history .tabItem.num2 .statement .left h4 {font-size:30px;}
.history .tabItem.num2 .statement .left {width:100%;}
.history .tabItem.num2 .statement .left .txt_bx {margin-top:40px; padding: 35px 45px 35px 60px;}
.history .tabItem.num2 .statement .left .txt_bx .txt {padding-right:75px;}
.history .tabItem.num2 .statement .left .txt_bx .txt br {display:none;}
.history .tabItem.num2 .statement .right {width:100%;}
.history .tabItem.num2 .statement .right .top {padding-top:0; margin-top:0; border-top:0;}
.history .tabItem.num2 .statement .right .bottom dt {font-size:22px; margin-top:20px; padding-top:20px;}
.history .tabItem.num2 .statement .right .bottom dd {margin-top:15px;}

/* ci */
.ci article {display:block;}
.ci article .left {width:100%;}
.ci article .left p+p {margin-top:5px;}
.ci article .right {width:100%; margin-top:30px;}
.ci article.num3 .right .bx {padding:50px;}
.ci article .right .bx.flex_double {display:flex; justify-content: space-between;}
.ci article.num2 .right .bx img {max-height:220px;}
.ci article .right .bx .img span {margin-top:20px;}
.ci article.num2 .right .bx .img:nth-of-type(2) img {transform:translateY(0);} 
/* 역대회장단 */
.presidents .now dl dd {font-size:30px;}
.presidents .now > p br {display:none;}
/* 조직현황 */
.organization .tabInner {margin-top:60px;}

/* 정관규정 */
.rules .sub-inner {gap:60px;}
.rules .slogan {width:380px;}
.rules .slogan .inner .bg p {font-size:21px; line-height:32px; right:40px; bottom:30px;}
.rules .slogan .inner>p {padding-left:70px; background:url(/images/about/i-rules.png)no-repeat left top 7px/45px; margin-top:30px;}
.rules .cont {width:calc(100% - 380px);}
.rules .cont h3 {font-size:21px;}


/* 찾아오시는길 */
.contact .map {height:500px;}
.contact .txt {gap:80px;}
.contact .txt .map-slogan {width:265px;}
.contact .txt .map-slogan h3 {font-size:50px; line-height:1.2;}
.contact .txt .map-slogan p {margin-top:25px;}
.contact .txt .map-info {width:calc(100% - 345px);}
.contact .txt .map-info h4 {font-size:22px;}
.contact .txt .map-info .info {padding-top:20px;}

}

/* ************************ 태블릿 이하(~991) ************************ */
@media (max-width: 991px) {
/* 인사말 */
.greeting .sub-inner {flex-direction:column; gap:80px;}
.greeting .sub-inner .left {width:100%; order:2;}
.greeting .right {width:100%; text-align:center;}
.greeting .right .img {margin-right:0;}
.greeting .right .img:before {bottom:-50px;}
.greeting .left h3 {font-size:30px;}


/* 2024경영전략 */
.vision .mission .logo_rotate {display:none;}
.vision article+article {margin-top:60px;}
.vision .tit dd {font-size:24px;}
.vision .mission p {font-size:18px; margin-top:20px;}
.vision .tit-vision p {margin-top:20px; font-size:20px;}
.vision .management .list {grid-template-columns:1fr; gap:20px;}
.vision .management .list dl {padding:30px;}
.vision .management .list dl dt {font-size:14px;}
.vision .management .list dl dd {margin-top:10px; font-size:18px;}
.vision .value .list {display:grid; grid-template-columns:repeat(2,1fr);}
.vision .value .list dl {margin:0 auto;}
.vision .strategy .list {gap:30px;}

/* 연혁/설립목적 */
.history .tabItem.num1 .logo_rotate {display:none;} 
.history .tabItem.num1 .inner_bx {flex-direction:column; gap:50px;}
.history .tabItem.num1 .slogan {width:100%;}
.history .tabItem.num1 .slogan img {max-width:366px;}
.history .tabItem.num1 .slogan h3 {margin-top:40px; font-size:20px;}
.history .tabItem.num1 .year h3 {font-size:20px;}
.history .tabItem.num1 .slogan .inner > p {margin-top:15px;}
.history .tabItem.num1 .cont {width:100%;}

.history .tabItem.num2 .slogan h3 {font-size:24px; padding: 0 30px;}
.history .tabItem.num2 .slogan:before {bottom:-43px; height:100%;}
.history .tabItem.num2 .slogan p {margin-top:20px;}
.history .tabItem.num2 .functions {padding-top:100px;}
.history .tabItem.num2 .functions .left .logo_big img {max-width:230px;}


/* 역대회장단 */

/* 조직현황 */
.organization .tabInner {margin-top:50px;}
.organization .tabItem h3 {font-size:22px;}
.organization .tabItem h3 span {width:33px; height:33px;}
.organization .tabItem .table p {margin:30px 0 10px; font-size:18px;}
.organization .tabItem .table p:before {top:11px;}
.organization .tabItem article+article {margin-top:60px;}
.organization .tabInner .organWrap .pc_tab {display:none;}
.organization .tabInner .organWrap .only_mobile {display:block; max-width:600px; margin: 0 auto;}
.organization .tabInner .organWrap .only_mobile.notice {text-align:center; color:#000; margin-bottom:30px;}
.organization .tabInner .organWrap .only_mobile.notice img {width:auto;}
.organization .tabInner .organWrap .only_mobile {position:relative;}
.organization .tabInner .organWrap .only_mobile img {width:100%;}
.organization .tabInner .organWrap .only_mobile a.organPopbtn1 {position:absolute;width:44.5%; height:8.7%; top:39%; left:0%;}
.organization .tabInner .organWrap .only_mobile a.organPopbtn2 {position:absolute; width:44.5%; height:8.7%; top:27.4%; left:55.3%;}

.organization .national h2 {font-size:24px; line-height:1.3;}

.organization .office .table {overflow-x:scroll;}
.organization .office .table p {margin:0; font-size:15px;}
.organization .office .table span {width:280px;}

/* 조직도 팝업 */ 
.organPopup {display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:95%; max-width:600px; background-color:#fff;
box-shadow:0 0 10px rgba(0, 0, 0, 0.5); z-index:99999; border-radius:1.5rem; text-align:left; padding:50px 30px!important; box-sizing:border-box;}
.organPopup img {width:100%;}
.popupOverlay {display:none; position:fixed; left:0; top:0; width:100%; height:100%;
background-color: rgba(0, 0, 0, 0.5); z-index: 9999;}
.organPopup a.closeBtn { display:block; width:20px; height:20px; position:absolute; right:25px; top:20px; font-weight:800; font-size:18px; background:url(/images/common/i-X.png) no-repeat center center / 20px;}

/* 정관규정 */
.rules .sub-inner {gap:50px;}
.rules .slogan {width:320px;}
.rules .cont {width:calc(100% - 320px);}
.rules .slogan .inner>p {padding-left:60px; background:url(/images/about/i-rules.png)no-repeat left top 7px/40px;}

/* 찾아오시는길 */
.contact .map {height:400px;}

.vision .double {grid-template-columns:1fr;}
.vision .double article .img {top:-120px;}
.vision .mission {margin-right:30px;}
.vision .tit-vision {margin-left:30px;}
}

/* ************************ 모바일 ************************ */
@media (max-width: 767px) {
	

.scroll-tab .scrollable li {padding:12px 40px;}	
/* 인사말 */
.greeting .sub-inner {gap:60px;}
.greeting .right {width:80%; margin:0 auto;}
.greeting .right .img:after {left:-30px; top:70px;}
.greeting .right .img:before {bottom:-30px; right:-30px;}
.greeting .left h3 {font-size:25px;}
.greeting .left p.middle {margin:35px 0 20px; font-size:18px;}

.greeting .left dl {margin-top:30px;}

/* 2024경영전략 */
.vision .double {grid-template-columns:1fr; gap:40px;}
.vision article {margin-top:60px;}
.vision .double article img {margin-top:20px;}
.vision .tit dt {font-size:16px;}
.vision .tit dd {font-size:20px; margin-top:5px;}
.vision .management .list dl {padding:20px;}
.vision .management .list dl dd {font-size:16px; height:auto;}
.vision .value .list {gap:15px; margin-top: 20px;}
.vision .value .list dl {width:150px; height:150px;}
.vision .value .list dd {font-size:17px; margin-top:8px;}
.vision .value .list img {width:45px;}
.vision .strategy .tit dt {line-height:1; margin-bottom:10px;}
.vision .strategy .tit dt span {display:block;} 
.vision .strategy .list {grid-template-columns:1fr; gap:40px;}
.vision .double article {padding:60px 0;}
.vision .double article .img {top:-30px;}

/* 2024경영전략 ver2 */
.vision_ver2 .sub-inner {display:block;}
.vision_ver2 .sub-inner .left {display:none;}
.vision_ver2 .sub-inner > div {width:100%;}
.vision_ver2 article {padding:30px;}
.vision_ver2 article.typeA p span {font-size:20px;}
.vision_ver2 article.bx_strategy ol {padding-left:0;}
.vision_ver2 article.bx_strategy ol li.grid-column {grid-column:auto;} 

/* 연혁/설립목적 */

.history .inner_bx {padding:30px 30px 60px;}
.history .scroll-tab .scrollable {margin: 60px 0 40px;}
.history .tabItem.num1 .slogan .inner > p br {display:none;}
.history .tabItem.num1 .slogan h3 {margin-top:35px;}
.history .tabItem.num1 .year dl {grid-template-columns:1fr; gap:5px;}
.history .tabItem.num1 .year+.year {margin-top:30px; padding-top:30px;}

.history .tabItem.num2 .slogan h3 {font-size:20px;}
.history .tabItem.num2 .slogan:before {bottom:-33px;}
.history .tabItem.num2 .functions {gap:30px;}
.history .tabItem.num2 .functions .right h4 {font-size:24px;}
.history .tabItem.num2 .functions .left .logo_big img {width:180px;}
.history .tabItem.num2 .functions .right .list {gap:30px 60px;}
.history .tabItem.num2 .functions .right dl dt {font-size:24px;}

.history .tabItem.num2 .statement .left .txt_bx {padding:30px;}
.history .tabItem.num2 .statement .left h4 {font-size:24px;}
.history .tabItem.num2 .statement .left h4 small {font-size:16px;}
.history .tabItem.num2 .statement .right .bottom dt {font-size:20px;}

/* ci */
.ci article+article {margin-top:50px;}
.ci article .left h3 {font-size:30px;}
.ci article .left h3:before {width:32px;}
.ci article .left p {margin-top:20px;}
.ci article .right .bx {padding:70px 50px 50px 50px;}
.ci article .right .bx span.type_tit {left:50%; transform: var(--textRotate) translateX(-50%);}
.ci article .right .colors ul {margin-top:20px;}

/* 역대회장단 */
.presidents .now dl dd {font-size:24px;}
/* 조직현황 */
.organization .tabInner {margin-top:40px;}
.organization .tabItem h3 {font-size:20px;}

.organization .federations .table.type1 {overflow-x:auto; width:100%; white-space:nowrap;}
.organization .national h2 {font-size:20px; line-height:1.3; background: url(/images/about/logo_small.png) no-repeat left 0 / 24px; padding-left:35px; margin-bottom:30px;} 
.organization .national h2 span {display:block; padding-left:0; font-size:16px;}
.organization .tabItem.national .table p {margin:20px 0 10px;}

/* 정관규정 */
.rules .sub-inner {flex-direction:column;}
.rules .slogan {max-width:100%; width:auto;}
.rules .slogan .inner {position:static;}
.rules .cont {width:100%;}

/* 찾아오시는길 */
.contact .map {height:350px;}
.contact .txt {margin-top:40px; flex-direction:column;}
.contact .txt .map-slogan {display:none;}
.contact .txt .map-info {width:100%;}
.contact .txt .map-info h4 {font-size:20px;}
.contact .txt .map-info>p {margin-top:10px;}
.contact .txt .map-info .info {padding-top:15px; margin-top:20px;}
.contact .txt .map-info .info dl {flex-direction:column;}
.contact .txt .map-info .info dl dt {}
.contact .txt .map-info .info dl dd {width:100%; padding-left:20px; margin-top:5px;}



}

/* ************************ 모바일 ************************ */
@media (max-width: 500px) {

/* 인사말 */

/* 2024경영전략 */
.vision_ver2 .downBtn br {display:block;}
.vision_ver2 .downBtn {background: #f7f8fb url(/images/common/i-download.png) no-repeat 86% center / 20px;}
/* 연혁/설립목적 */
.history .scroll-tab .scrollable {margin:60px auto 15px;}
.history .tabItem.num2 .functions .left .logo_big img {width:150px;}
.history .tabItem.num2 .functions .right .list {margin-top:40px; grid-template-columns:1fr;}
.history .tabItem.num2 .functions .right dl dd br {display:none;}
.history .tabItem.num2 .functions .right dl {max-width:none;}
.history .tabItem.num2 .statement .left .txt_bx img {width:40px;}
.history .tabItem.num2 .statement .left .txt_bx .txt {padding-right:35px;}
.history .tabItem.num2 .statement .right .bottom dt {font-size:18px;}
/* ci */
.ci article.num5 .right {grid-template-columns:1fr;}

/* 역대회장단 */

/* 조직현황 */
.organization .tabInner {margin-top:30px;}
/* 정관규정 */

/* 찾아오시는길 */	
	
}