@charset "utf-8";
/* 회장인사말 */
.ceo-box { padding: 0 0 60px 70px; margin-bottom: 60px; border-bottom: 1px dashed #dddddd; display: flex;}
.ceo-box:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.ceo-img { border-radius: 20px; overflow: hidden;}
.ceo-left { text-align: center; width: 25%;}
.ceo-left p { font-size: 18px; font-weight: 500; line-height: 1.2em; letter-spacing: -.03em; color: #454545; margin-top: 28px;}
.ceo-left strong { font-size: 22px; font-weight: 700; line-height: 1.2em; letter-spacing: -.03em; color: #242424; margin-top: 5px; display: block;}
.ceo-right { padding-left: 70px; width: 75%;}
.ceo-right .tit { font-size: 28px; font-weight: 600; letter-spacing: -.03em; line-height: 1.5em; color: #242424; margin-bottom: 25px;}
.ceo-right .tit span.clr1 { color: #0f6539; font-weight: 700;}
.ceo-right .tit span.clr2 { color: #a05d23; font-weight: 700;}
.ceo-right p { font-size: 18px; line-height: 1.6em; letter-spacing: -.03em; font-weight: 300; color: #454545; margin-bottom: 35px; }
.ceo-right p:last-child { margin-bottom: 0;}

/* 설립목적 및 연혁 */
.hst-bg { padding-top: 100px; background: url(../images/sub/world.png) center no-repeat; background-size: contain; width: 100%; padding-bottom: 100px; border-bottom: 1px solid #eee;}
.hst-list { display: flex; background: url(../images/sub/sub2_bg1.png) center no-repeat; background-size: contain; width: 100%; height: 420px; }
.hst-list>div { width: calc(100%/3); text-align: center; height: 100%; display: flex; align-items: center; justify-content: center;}
.hst-list>div .tit { font-size: 24px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #242424; margin-top: 25px; margin-bottom: 10px; display: block;}
.hst-list>div .txt { font-size: 16px; font-weight: 300; line-height: 1.556em; letter-spacing: -.03em; color: #686868;}
.hst { padding-top: 100px; display: flex;}
.hst-left { width: 48.5%; position: relative;}
.hst-left .tit { font-size: 60px; font-weight: 700; line-height: 1.2em; color: #242424; margin-bottom: 40px; font-family: 'Roboto', sans-serif;}
.hst-left .tit span { color: #0f6539;}
.hst-leftimg { border-radius: 50px 0 50px 0; overflow: hidden; box-shadow: 0 0 18px rgba(0,0,0,0.3); z-index: 1; position: relative;}
.hst-leftimg img { width: 100%;}
.hst-left .big-fz { font-size: 156px; font-weight: 900; line-height: 1em; letter-spacing: 0.08em; margin-top: -40px; z-index: -2; color: #767676;}
.hst-right { width: 51.5%; padding-left: 62px; position: relative;}
.hst-right::after { content: ""; position: absolute; left: 156px; top: 0; height: 95%; width: 1px; border: 1px dashed #b7d0c3; opacity: 0.3; z-index: -1; bottom: 0; margin: auto;}
.group { display: flex; margin-bottom: 30px;}
.group:last-child { margin-bottom: 0;}
.group .year { font-size: 24px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #242424; position: relative; display: inline-block; padding-right: 48px; width: 103px;}
.group .year::after { content: ""; position: absolute; right: 0; top:5px; width: 16px; height: 16px; border: 4px solid #0f6539; border-radius: 100%; background: #fff;}
.group-list { padding-left: 30px;}
.group-list li { position: relative; }
.group-list li .month { position: absolute; left: 0; top: 4px; font-size: 17px; font-weight: 600; line-height: 1.2em; letter-spacing: -.03em; color: #454545;}
.group-list li .txt { font-size: 16px; font-weight: 300; letter-spacing: -.03em; line-height: 1.8em; color: #454545; padding-left: 92px; padding-top: 1px;}

/* 주요사업 */
.bs-sec1 { padding-bottom: 100px;}
.bs-list1 { display: flex; gap: 10px 40px; flex-wrap: wrap;}
.bs-list1 li { width: calc(100%/2 - 20px); border-radius: 30px; border: 1px solid #b7d0c3; padding: 10px; display: flex; align-items: center; gap: 10px;}  
.bs-list1 li .circle { width: 40px; height: 40px; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: #fff;background: #0f6539; font-size: 18px; font-weight: 700; letter-spacing: -.03em; line-height: 1em;}
.bs-list1 li .txt { font-size: 16px; font-weight: 300; letter-spacing: -.03em; color: #454545; line-height: 1.2em;}
.bs-sec2 { padding: 100px 0; background: #f8f8f8;}
.bs-list2 { display: flex; flex-wrap: wrap; gap: 30px;}
.bs-list2 li { width: calc(100%/3 - 20px); border: 1px solid #b7d0c3; border-radius: 10px; overflow: hidden; background: #fff; text-align: center; padding: 60px 10px; position: relative;}
.bs-list2 li .tit { font-size: 20px; font-weight: 600; line-height: 1.4em; letter-spacing: -.03em; color: #242424; margin-bottom: 5px;}
.bs-list2 li .txt { font-size: 18px; font-weight: 300; letter-spacing: -.03em; color: #454545; line-height: 1.2em;}
.bs-list2 li .big-fz { position: absolute; right: 5px; bottom: 0; font-size: 50px; font-weight: 700; letter-spacing: -.03em; line-height: 1em; color: #0f6539;}

/* 체육회현황 */
.organ-tab { margin-bottom: 60px; display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;}
.organ-tab li { width: 160px; height: 50px; text-align: center; border: 1px solid #a05d23; border-radius: 25px; color: #a05d23;}
.organ-tab li a { line-height: 1.2em; font-size: 18px; font-weight: 600; letter-spacing: -.03em; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;padding: 0 10px;}
.organ-tab li.active { background: #a05d23; color: #fff;}
.organ-sec1 { padding: 100px 0; background: #f8f8f8;}
.organ-sec1 .contain2 { display: flex; gap: 40px; flex-wrap: wrap;}
.organ-sec1 .contain2>div { width: calc(100%/2 - 20px); background: #fff;padding: 30px; position: relative; border: 1px solid #ddd; border-top: 2px solid #0f6539;}
.organ-sec1 .contain2>div::after { content: ""; position: absolute; right: 0; top: 0; width: 2px; height: 38px; background: #0f6539;}
.organ-sec1 .contain2>div::before { content: ""; position: absolute; left: 0; top: 0; width: 2px; height: 38px; background: #0f6539;}
.organ-left { display: flex; align-items: flex-start;}
.organ-right { display: flex; align-items: flex-start;}
.organ-img { width: 33%; position: relative;}
.organ-img::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 1px solid #bebebe; z-index: 1;}
.organ-txt { width: 67%; padding-left: 40px; padding-top: 25px;}
.organ-txt .tit { font-size: 20px; font-weight: 500; letter-spacing: -.04em; line-height: 1.2em; color: #555; padding-bottom: 16px; border-bottom: 1px solid #ddd;}
.organ-txt .tit strong { font-size: 26px; font-weight: 700; color: #242424; padding-left: 5px;}
.organ-txtbox { padding-top: 20px; position: relative;}
.organ-icon { position: relative; margin-bottom: 32px;}
.organ-icon:last-child { margin-bottom: 0;}
.organ-icontit { font-size: 17px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #242424; position: absolute; padding-left: 40px; left: 0; top: 0;}
.organ-icontit::before { content: ""; position: absolute; left: 0; top: -2px; }
.organ-icontit.icon1::before { background: url(../images/sub/sub3_ico1.png) center no-repeat; background-size: contain; width: 25px; height: 24px;}
.organ-icontit.icon2::before { background: url(../images/sub/sub3_ico2.png) center no-repeat; background-size: contain; width: 22px; height: 24px;}
.organ-icontxt { padding-left: 135px; font-size: 16px; font-weight: 300; letter-spacing: -.03em; line-height: 1.2em; color: #454545;}
.organ-sec2 {padding: 100px 0;}
.organ-sec2 .tit { font-size: 20px; font-weight: 600; letter-spacing: -.03em; color: #242424; line-height: 1.2em; position: relative; margin-bottom: 18px; padding-left: 30px;}
.organ-sec2 .tit::before { content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; background: url(../images/sub/bf.png) center no-repeat; background-size: contain;}
.organ-tbl-wrap { width: 100%;}
.organ-tbl { width: 100%; border-collapse: collapse; border-top: 2px solid #000; text-align: center;}
.organ-tbl tr { border-bottom: 1px solid #ddd;}
.organ-tbl tr th { background: #f8f8f8; font-size: 18px; font-weight: 500; letter-spacing: -.03em; line-height: 1.2em; padding: 18px 10px; color: #242424;}
.organ-tbl tr td { font-size: 16px; font-weight: 300; letter-spacing: -.03em; padding: 18px 10px; line-height: 1.2em; color: #454545;}
.organ-sec3 { padding: 100px 0;}
.organ-sec3>.title { font-size: 30px; font-weight: 600; letter-spacing: -.03em; line-height: 1.2em; color: #242424; text-align: center; margin-bottom: 60px;}
.organ-icon li { font-size: 16px; line-height: 1.2em; letter-spacing: -.03em; font-weight: 300; color: #454545; padding-left: 15px; position: relative; margin-bottom: 12px;}
.organ-icon li:last-child { margin-bottom: 0;}
.organ-icon li::before { content: ""; position: absolute; left: 0; top: 7px; width: 5px; height: 5px; border-radius: 100%; background: #0f6539;}
.organ-layout { text-align: center; }
.organ-layout .only-desktop-tablet img { margin-left: 120px;}

/* 찾아오시는길 */
.root_daum_roughmap {width:100% !important;}
.mapbox { border-bottom: 1px solid #ddd;}
.directions {margin-top:40px;}
.directions .address-info {margin-bottom:30px;}
.directions .address-info .comp {color:#0f6539; font-weight:600; margin-bottom:2px;}
.directions .address-info .addr {color:#242424; font-size:23px; font-weight:600; line-height:1.33em; letter-spacing:-.03em; margin-bottom:5px;}
.directions .address-info .etc {color:#454545;}
.directions .address-info .etc span {display:inline-block; margin-right:16px;}
.directions .address-info .etc span:last-child {margin-right:0;}
.directions .contact-info {border-top:1px solid #ddd; line-height:1.5em;}
.directions .contact-info dl {display:flex; padding:28px 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:180px; padding-left:30px; color:#242424; font-size:1.125em; font-weight:500;}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em 15px 0 0;}
.directions .contact-info dt path {fill:#cfae91;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%; color:#454545;}