@import url('sub.css'); 
/* 개요 */
.overview_hero {position:relative; overflow:hidden; box-sizing:border-box; margin-bottom:30px; background:url('/about/img/overview_hero_bg.jpg') no-repeat center center/cover;}
.overview_hero-inner {position:relative; z-index:1; box-sizing:border-box; padding:140px 90px;}
.overview_hero-head {text-align:center;}
.overview_hero-title {margin:4px 0 0;}
.overview_hero-body {margin-top:20px; display:flex; flex-direction:column; gap:10px;}
.overview_spec-table th {background:var(--grayBg);}
.overview_spec-table td {text-align:left; color:var(--basic);}
.overview_spec-table td p.fs18 {display: inline-block;}

/* 인사말 */
.greeting_article {position:relative;}
.greeting_panel {position:relative; padding:85px; overflow:hidden; background-image:url('/about/img/greeting_panel-decor.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover;}
.greeting_panel-inner {position:relative; z-index:1; display:flex; flex-wrap:wrap; align-items:flex-start; gap:85px;}
.greeting_figure {flex-shrink:0; width:260px; background:var(--white);}
.greeting_figure img {display:block; width:100%; height:auto;}
.greeting_body {flex:1;}
.greeting_headline {margin:0 0 20px;}
.greeting_lead {margin:0 0 20px;}
.greeting_paras p {word-break: break-all;}
.greeting_paras p + p {margin-top:10px;}
.greeting_sign {display:flex; flex-direction:column; align-items:flex-end; margin-top:50px; gap:2px;}

/* 정관 */
.article_doc {position:relative;}
.article_doc-meta {padding:0 0 15px; border-bottom:1px solid var(--border); margin-bottom: 90px;}
.article_chapter + .article_chapter {margin-top:90px;}
.article_chapter_tit {margin:0 0 30px;}
.article_section + .article_section {margin-top:30px;}
.article_section h5 {margin:0 0 15px;}
.article_section .fs18 + .article_note,
.article_section p + .article_ol_circled,
.article_section .article_ol_circled + .article_note,
.article_section .article_note + .article_ol_circled {margin-top:15px;}
.article_note {padding:20px 25px;}
.article_note_ol {list-style:none; margin:0; padding-left:0; counter-reset:article-note-idx;}
.article_note_ol > li {position:relative;}
.article_note_ol > li::before {counter-increment:article-note-idx; content:counter(article-note-idx) ". "; font-size: inherit; line-height: inherit; letter-spacing: inherit;}
.article_ol_num {font-size: inherit; line-height: inherit; letter-spacing: inherit; }
.article_chapter_foot {margin-top:60px;}
.article_attach {display:flex; flex-wrap:wrap; align-items:flex-start;  margin-top:90px; padding:50px; gap:30px;}
.article_attach_tit {flex-shrink:0;}
.article_attach_names {display:flex; flex-direction:column; flex:1; align-items:flex-end; gap:10px;}
.article_attach_names p {width:100%; text-align:right; white-space:pre;}
.article_section a {color:var(--main); text-decoration:underline;}

/* 임원/조직도 */
.organ_wrap {margin-bottom: 90px;}
.organ_chart {position:relative; padding:85px; background:var(--grayBg);}
.organ_chart-board {position:relative; z-index:1;}
.organ_chart-board::after {content:""; position:absolute; z-index:0; left:50%; top:0; width:0.1px; height:100%; transform:translateX(-50%); background:var(--border); pointer-events:none; z-index: -1;}
.organ_chart-row {position:relative; z-index:0; display:grid; grid-template-columns:repeat(3, 1fr); gap:50px;}
.organ_chart-row + .organ_chart-row {margin-top:30px;}
.organ_chart-board > .organ_chart-row:first-child::after {content:""; position:absolute; z-index:0; left:0; top:50%; transform:translateY(-50%); width:100%; height:0.1px; background:var(--border); pointer-events:none;}
.organ_chart-board > .organ_chart-row:nth-child(3)::after {content:""; position:absolute; z-index:0; left:0; bottom:50%; transform:translateY(50%); width:100%; height:0.1px; background:var(--border); pointer-events:none;}
.organ_chart-cell {position:relative; z-index:1;}
.organ_chart-cell--empty {position:relative; pointer-events:none;}
.organ_chart-cell--empty:not(.organ_chart-cell--node)::before,
.organ_chart-cell--empty:not(.organ_chart-cell--node)::after {content:""; display:block; width:100%;}
.organ_chart-cell--empty.organ_chart-cell--node {display:flex; align-items:center; justify-content:center;}
.organ_chart-cell--empty.organ_chart-cell--node::before {content:""; display:block; width:9px; height:9px; flex-shrink:0; border-radius:50%; background:var(--white); border:2px solid var(--sub); position: relative; top: 1px; box-sizing:border-box;}
.organ_card {width:100%; border-radius:10px; padding:20px;}
.organ_card-namebox {display:flex; align-items:center; justify-content:center; margin-top:10px; padding:10px; border-radius:5px;}
.organ_card-namebox--light {border:1px solid rgba(255, 255, 255, 0.3); background:rgba(255, 255, 255, 0.1);}
.organ_card--sub2 {background:var(--sub2); border:1px solid var(--sub2);}
.organ_card--main {background:var(--main);}
.organ_card--next {border:2px solid var(--main); background:var(--white);}
.organ_card-namebox--next {border:1px solid rgba(34, 51, 133, 0.3); background:rgba(34, 51, 133, 0.1);}
.organ_card--next .organ_card-name {color:var(--basic);}
.organ_card--sub {background:var(--sub);}
.organ_card--outline-sub {border:2px solid var(--sub); background:var(--white);}
.organ_card-namebox--outline-sub {border:1px solid rgba(9, 114, 212, 0.3); background:rgba(9, 114, 212, 0.1);}
.organ_card--outline-sub .organ_card-name {color:var(--basic);}
.organ_card--sub3 {background:var(--sub3);}
.organ_card--secretariat { border:2px solid var(--sub3); background:var(--white);}
.organ_card-stack {display:flex; flex-direction:column; gap:20px;}
.organ_card-namebox--outline-sub3 {border:1px solid rgba(37, 154, 237, 0.3); background:rgba(37, 154, 237, 0.1);}
.organ_card-namebox--outline-sub3 .organ_card-name {color:var(--basic);}

.history_leaders h4.fs36 {margin: 0 0 30px;}


/* 찾아오시는 길 */
.location-content {position:relative;}
.location-content figure {position:relative; margin-bottom:30px; line-height:0; border:1px solid var(--border);}
.location-content figure .root_daum_roughmap_landing {width:100% !important; height:520px; overflow:hidden;}
.location-content figure .wrap_map {height:100% !important; width: 100%;}
.location-content figure .root_daum_roughmap .wrap_controllers, .location-content figure .root_daum_roughmap .cont {display:none;} 
.location-content figure .root_daum_roughmap_landing .map_border {display:none;}

.location-info { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
.location-info .location-contact {padding-right:30px; box-sizing:border-box;}
.location-info .location-contact > p {position:relative; padding-left:34px; color:var(--black); font-weight:600;}
.location-info .location-contact > p::before {position:absolute; left:0; top:0; display:inline-block; line-height:1; color:var(--black); content:"location_on"; font-family:var(--icon); font-size:28px; font-weight:400; line-height: 34px;}
.location-info .location-contact ul {margin-top:12px; display:flex; flex-wrap:wrap; display:flex; flex-wrap:wrap; gap:0 30px;}
.location-info .location-contact ul li {position:relative; display:flex; flex-wrap:wrap; letter-spacing:0;}
.location-info .location-contact ul li::before {display:inline-block; font-family:var(--kor); color: var(--black); content: attr(data-li); margin-right:8px; font-weight:600; letter-spacing: -0.04em; font-size: 1rem; line-height: 166.667%;}

.location-btn {display:flex; gap:0 2px;}
.location-btn a {position:relative; display:flex; padding:15px 0; width:170px; box-sizing:border-box; transition:all .3s linear; border-radius:var(--borderR5); background:#10D265; border:1px solid #10D265; justify-content: center; align-items: center; border-radius: 9999px;}
.location-btn a span {position:relative; display:flex; justify-content:center; align-items:center; gap:0 25px; z-index: 1; color:var(--white); transition:all .3s linear; font-weight:600; font-size:0.889rem; line-height:175%; letter-spacing: -0.04em;}
.location-btn a span svg path {transition:all .3s linear;}
.location-btn a:hover {background:var(--white);}
.location-btn a:hover span {color:#10D265;}
.location-btn a:hover span svg path {fill:#10D265;}

.location-btn a.kakao-btn {background:#FEDA0D; border-color: #FEDA0D;}
.location-btn a.kakao-btn span {color:#1A0000;}
.location-btn a.kakao-btn:hover {background:#1A0000; border-color:#1A0000;}
.location-btn a.kakao-btn:hover span {color:#FEDA0D;}
.location-btn a.kakao-btn:hover span svg path {fill:#FEDA0D;}

/*******************************************************************************
    @media 1500px
*******************************************************************************/
@media all and (max-width:1500px){
/* 개요 */
.overview_hero-inner br {display: none;}
.overview_hero-inner .fs18 {text-wrap: balance;}

/* 인사말 */
.greeting_body br {display: none;}
.greeting_paras p {word-break: keep-all;}

.greeting_panel {padding: 70px;}
.greeting_panel-inner {gap: 60px;}

/* 임원/조직도 */
.organ_card br {display: none;}
}

/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){
/* 인사말 */
.greeting_panel {padding: 60px;}
.greeting_panel-inner {gap: 50px;}

/* 정관 */
.article_chapter + .article_chapter {margin-top:60px;}
.article_doc-meta {margin-bottom: 60px;}
.article_chapter_foot {margin-top: 45px;}
.article_attach {margin-top: 60px;}

/* 임원/조직도 */
.organ_chart-row {gap: 30px;}
.organ_card {padding: 15px;}
    
/* 찾아오시는 길 */
.location-info .location-contact {padding-right: 0;}
.location-info .location-contact ul {margin-top: 5px;}
.location-btn {width: 100%; margin-top: 20px;}
}

/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){
/* 개요 */
.overview_hero-inner {padding: 100px 50px; margin-bottom: 15px;}

/* 인사말 */
.greeting_panel {padding: 40px;}
.greeting_panel-inner {flex-direction: column; gap: 40px;}
.greeting_figure {width: 100%; max-width: 260px; margin: 0 auto;}
.greeting_body {max-width: 100%;}
.greeting_headline,
.greeting_lead {margin: 0 0 10px;}
.greeting_paras p + p {margin-top: 5px;}
.greeting_sign {margin-top: 30px;}

/* 정관 */
.article_doc-meta {padding-bottom: 10px;}
.article_chapter_tit {margin-bottom:20px;}
.article_section + .article_section {margin-top: 20px;}
.article_section h5 {margin-bottom: 6px;}
.article_note {padding: 15px 20px;}
.article_attach {padding:35px}
.article_attach_names {gap: 5px;}

.article_section .fs18 + .article_note, .article_section p + .article_ol_circled, .article_section .article_ol_circled + .article_note, .article_section .article_note + .article_ol_circled {margin-top: 10px;}

/* 임원/조직도 */
.organ_wrap {margin-bottom: 60px;}
.organ_chart {padding: 50px;}
.organ_chart-row {gap: 20px;}
.organ_chart-row + .organ_chart-row {margin-top: 20px;}
.organ_card {border-radius: 5px;}
.organ_card-namebox {border-radius: 3px; padding: 5px; margin-top: 5px;}

.history_leaders h4.fs36 {margin: 0 0 15px;}

/* 찾아오시는 길 */
.location-content figure .root_daum_roughmap_landing {height: 350px;}
.location-info .location-contact > p {padding-left:26px;}
.location-info .location-contact > p::before {font-size:22px; line-height:30px;} 

.location-btn a {padding:12px 0; width:150px;}
.location-btn a span svg {width:16px;}

}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){
    
/* 개요 */
.overview_hero-head > * {display: inline;}
.overview_hero-inner {padding: 60px 30px 50px;}
.overview_hero-title {margin: 0;}
.overview_hero-body {gap: 3px;}

.overview_spec-table {width: 100% !important; display: block;}
.overview_spec-table tbody {display: block; width: 100%;}
.overview_spec-table tr {display: block; width: 100%;}
.overview_spec-table th,
.overview_spec-table td {display: block; width: 100%; border-right: 0;}

.overview_spec-table tr:first-of-type {display: flex;}
.overview_spec-table tr:first-of-type th {width: 30%; border-right: 1px solid var(--border);}
.overview_spec-table tr:first-of-type th:last-of-type {border-left: 1px solid var(--border);}
.overview_spec-table tr:first-of-type td {width: 70%;}
.overview_spec-table tr:not(:first-of-type) td {text-align: center;}



/* 임원/조직도 */
.organ_wrap {position: relative; overflow-x: auto; margin-bottom: 40px;}
.organ_wrap .responsive-dim.show {display: block;}
.organ_chart {padding: 30px; width: 750px;}
.organ_card {padding: 10px;}

/* 찾아오시는 길 */
.location-content figure .root_daum_roughmap_landing {height:280px;}
.location-info .location-contact {width:100%; padding-right:0;}
.location-info .location-contact > p {padding-left:23px;}
.location-info .location-contact > p::before {font-size:20px; line-height:26px;} 
.location-info .location-contact ul {flex-direction: column; gap: 2px;}

.location-btn {width:100%; margin-top:15px;}
.location-btn a {padding:10px 15px; width:calc((100% - 5px) / 2);}
.location-btn a span {gap:0 10px;}

/* 인사말 */
.greeting_panel {padding: 30px;}
.greeting_panel-inner {gap: 30px;}
.greeting_figure {max-width: 220px;}
.greeting_headline {font-size: 1.8rem;}
.greeting_sign .fs22 {font-size: 1.1rem;}

/* 정관 */
.article_doc-meta {margin-bottom: 45px; padding-bottom: 5px;}
.article_chapter + .article_chapter {margin-top:45px;}
.article_section + .article_section {margin-top:15px;}
.article_section h5 {margin-bottom: 2px;}
.article_chapter_foot {margin-top: 30px;}
.article_attach {padding:20px; margin-top: 45px;}
.article_attach_names {gap: 2px;}

}
/*******************************************************************************
    @media ~480px             
*******************************************************************************/
@media all and (max-width:480px){
/* 개요 */
.overview_spec-table tr:first-of-type {display: block;}
.overview_spec-table tr:first-of-type th {width: 100%; border-right: 0;}
.overview_spec-table tr:first-of-type th:last-of-type {border-left: 0;}
.overview_spec-table tr:first-of-type td {width: 100%; text-align: center;}

/* 인사말 */
.greeting_panel {padding: 32px 20px;}
}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){
/* 인사말 */
.greeting_panel {padding: 28px 16px;}
}