/* main-text */
.sub-main-box .main-text {margin:20px 0 0; border:1px solid #cccccc; border-radius:30px; padding:30px 30px;}
.sub-main-box .main-text p {font-size:16px;text-align:center;word-break:keep-all;margin:0;padding:0;line-height:1.5;}
@media (max-width:991px){
.sub-main-box .main-text {margin:16px 0 0; border-radius:10px; padding:30px 15px;}
.sub-main-box .main-text p {font-size:15px;}
}

/* main-banner */
.sub-main-box .main-banner {margin:30px 0 0; display:flex; flex-wrap:wrap;}
.sub-main-box .main-banner .banner-left {flex:1; min-width:0;}
.sub-main-box .main-banner .banner-left > ul > li {display:none;}
.sub-main-box .main-banner .banner-left > ul > li.active {display:block;}
.sub-main-box .main-banner .banner-left > ul > li .inner {display:block; overflow:hidden; position:relative;}
.sub-main-box .main-banner .banner-left > ul > li .inner .list-image {border-radius:30px; position:relative; overflow:hidden; border:1px solid #e8e7e7;}
.sub-main-box .main-banner .banner-left > ul > li .inner .list-image:after {display:block; content:""; padding-bottom:60%;}
.sub-main-box .main-banner .banner-left > ul > li .inner .list-image img {position:absolute; left:0; top:0; width:100%; height:100%; transition:all ease 0.5s;}
.sub-main-box .main-banner .banner-left > ul > li .inner .list-content {position:absolute; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.28); border-radius:0 0 30px 30px; padding:24px 60px;}
.sub-main-box .main-banner .banner-left > ul > li .inner .list-content p {font-size:30px; font-weight:600; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sub-main-box .main-banner .banner-left > ul > li .inner .list-content small {display:block; font-size:20px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sub-main-box .main-banner .banner-left > ul > li .inner:hover .list-image img {transform:scale(1.1);}
.sub-main-box .main-banner .banner-right {width:365px; margin:0 0 0 35px; overflow:hidden;}
.sub-main-box .main-banner .banner-right ul {height:100%; display:flex; flex-direction:column;}
.sub-main-box .main-banner .banner-right ul li {width:100%; height:100%; margin:0 0 30px;}
.sub-main-box .main-banner .banner-right ul li:last-of-type {margin:0;}
.sub-main-box .main-banner .banner-right ul li .inner {display:block; height:100%; border-radius:30px; position:relative; overflow:hidden; border:1px solid #e8e7e7;}
.sub-main-box .main-banner .banner-right ul li .inner .list-image {position:absolute; left:0; top:0; width:100%; height:100%;}
.sub-main-box .main-banner .banner-right ul li .inner .list-image img {width:100%; height:100%; object-fit:cover; transition:all ease 0.5s;}
.sub-main-box .main-banner .banner-right ul li .inner:hover .list-image img {transform:scale(1.1);}
@media (max-width:1400px){
.sub-main-box .main-banner .banner-right {width:300px; margin:0 0 0 20px;}
.sub-main-box .main-banner .banner-right > ul > li {margin:0 0 10px;}
}
@media (max-width:991px){
.sub-main-box {margin:20px 0 0;}
.sub-main-box .main-banner .banner-left > ul > li .inner .list-image {border-radius:10px;}
.sub-main-box .main-banner .banner-left > ul > li .inner .list-content {border-radius:0 0 10px 10px; padding:15px;}
.sub-main-box .main-banner .banner-left > ul > li .inner .list-content p {font-size:18px;}
.sub-main-box .main-banner .banner-left > ul > li .inner .list-content small {font-size:14px;}
.sub-main-box .main-banner .banner-right {width:200px; margin:0 0 0 10px;}
.sub-main-box .main-banner .banner-right ul li .inner {border-radius:10px;}
}
@media (max-width:767px){
.sub-main-box .main-banner .banner-left {flex:none; width:100%;}
.sub-main-box .main-banner .banner-right {margin:10px 0 0; width:100%;}
.sub-main-box .main-banner .banner-right ul {flex-wrap:wrap; flex-direction:row;}
.sub-main-box .main-banner .banner-right ul li {flex:1; min-width:0; margin:0 5px 0 0;}
.sub-main-box .main-banner .banner-right ul li .inner:after {display:block; content:""; padding-bottom:60%;}
}

/* main-board */
.sub-main-box .main-board {margin:100px 0 0;}
.sub-main-box .main-board .board-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:0 0 30px; border-bottom:2px solid #333;}
.sub-main-box .main-board .board-head h2 {font-size:30px; font-weight:600;}
.sub-main-box .main-board .board-head ul {display:flex; flex-wrap:wrap; align-items:center;}
.sub-main-box .main-board .board-head ul li {margin:0 10px 0 0;}
.sub-main-box .main-board .board-head ul li:last-of-type {margin:0;}
.sub-main-box .main-board .board-head ul li > * {width:120px; height:40px; border-radius:4px; border:1px solid #ccc; font-size:17px; font-weight:500; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-main-box .main-board .board-head ul li:hover > * {background:#000; color:#fff; border-color:#000;}
.sub-main-box .main-board .board-head ul li.active > * {background:#000; color:#fff; border-color:#000;}
.sub-main-box .main-board .board-body {padding:50px;}
.sub-main-box .main-board .board-body ul {display:flex; flex-wrap:wrap; margin:0 -25px;}
.sub-main-box .main-board .board-body ul > li {width:calc(33.33% - 50px); margin:0 25px;}
.sub-main-box .main-board .board-body ul > li .inner {display:block;}
.sub-main-box .main-board .board-body ul > li .inner time {font-size:15px; color:#999; font-weight:500; display:block;}
.sub-main-box .main-board .board-body ul > li .inner p {margin:15px 0; font-size:22px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sub-main-box .main-board .board-body ul > li .inner small {font-size:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.sub-main-box .main-board .board-body ul > li .inner:hover p {text-decoration:underline; color:var(--color-active);}
.sub-main-box .main-board .board-body .board-body-inner {display:none;}
.sub-main-box .main-board .board-body .board-body-inner.active {display:block;}
@media (max-width:991px){
.sub-main-box .main-board {margin:50px 0 0;}
.sub-main-box .main-board .board-head {padding:0 0 15px;}
.sub-main-box .main-board .board-head h2 {font-size:24px; text-align:center; width:100%;}
.sub-main-box .main-board .board-head ul {width:calc(100% + 32px); font-size:0; display:block; margin:15px -16px 0; overflow-x:auto; white-space:nowrap;}
.sub-main-box .main-board .board-head ul::-webkit-scrollbar {display:none;}
.sub-main-box .main-board .board-head ul li {display:inline-block; font-size:0; margin:0 5px 0 0;}
.sub-main-box .main-board .board-head ul li:first-of-type {margin-left:15px;}
.sub-main-box .main-board .board-head ul li:last-of-type {margin-right:15px;}
.sub-main-box .main-board .board-head ul li > * {width:100px; height:38px; font-size:14px;}
.sub-main-box .main-board .board-body {padding:20px 0;}
.sub-main-box .main-board .board-body ul {margin:0;}
.sub-main-box .main-board .board-body ul > li {width:100%; border-bottom:1px solid #ddd; padding:0 0 20px; margin:0 0 20px;}
.sub-main-box .main-board .board-body ul > li:last-of-type {border:0; padding:0; margin:0;}
.sub-main-box .main-board .board-body ul > li .inner time {font-size:13px;}
.sub-main-box .main-board .board-body ul > li .inner p {margin:10px 0; font-size:16px;}
.sub-main-box .main-board .board-body ul > li .inner small {font-size:14px;} 
}

/* main-category */
.sub-main-box .main-category {margin:50px 0 0;}
.sub-main-box .main-category .inner {background:#008f7e; border-radius:15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; position:relative;}
.sub-main-box .main-category .inner:before {position:absolute; left:100px; top:50%; transform:translateY(-50%); width:191px; height:131px; background:url('../images/img_main_cate_camera.png') no-repeat center / cover; content:"";}
.sub-main-box .main-category .inner ul {max-width:70%; display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; width:100%; margin-right:70px;}
.sub-main-box .main-category .inner ul li {display:flex; flex-wrap:wrap; align-items:center;}
.sub-main-box .main-category .inner ul li:after {width:1px; height:28px; display:block; content:""; background:#047c6e; margin:0 50px;}
.sub-main-box .main-category .inner ul li:last-of-type:after {display:none;}
.sub-main-box .main-category .inner ul li a {height:90px; font-size:20px; font-weight:500; color:#fff; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-main-box .main-category .inner ul li:hover a {text-decoration:underline;}
@media (max-width:1600px){
.sub-main-box .main-category .inner ul {margin-right:30px;}
.sub-main-box .main-category .inner ul li:after {margin:0 20px;}
}
@media (max-width:1200px){
.sub-main-box .main-category .inner:before {left:30px; width:151px; height:104px;}
.sub-main-box .main-category .inner ul {max-width:100%;}
.sub-main-box .main-category .inner ul li a {height:70px; font-size:17px;}
}
@media (max-width:991px){
.sub-main-box .main-category {margin:70px 0 0;}
.sub-main-box .main-category .inner {border-radius:10px; padding:40px 15px 30px;}
.sub-main-box .main-category .inner:before {left:-10px; top:-5px; width:121px; height:83px;}
.sub-main-box .main-category .inner ul {margin:0;}
.sub-main-box .main-category .inner ul li {width:33.33%; position:relative;}
.sub-main-box .main-category .inner ul li:after {position:absolute; right:0; top:50%; transform:translateY(-50%); height:15px; display:none;}
.sub-main-box .main-category .inner ul li:nth-of-type(3n):after {display:none;}
.sub-main-box .main-category .inner ul li a {height:50px; width:100%; font-size:15px;}
}

/* main-photo-gallery */
.sub-main-box .main-photo-gallery {margin:100px 0 0;}
.sub-main-box .main-photo-gallery .swiper-slide {width:auto !important; max-width:400px;}
.sub-main-box .main-photo-gallery .list-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 20px;}
.sub-main-box .main-photo-gallery .list-head h2 {font-size:30px; font-weight:600;}
.sub-main-box .main-photo-gallery .list-body .swiper-container {overflow:hidden;}
.sub-main-box .main-photo-gallery .list-body .swiper-slide a {display:block; position:relative; border-radius:10px; overflow:hidden;}
.sub-main-box .main-photo-gallery .list-body .swiper-slide a img {width:100%; height:300px; transition:all ease 0.5s; object-fit:cover;}
.sub-main-box .main-photo-gallery .list-body .swiper-slide a:hover img {transform:scale(1.1);}

@media (max-width:991px){
.sub-main-box .main-photo-gallery {margin:50px 0 0;}
.sub-main-box .main-photo-gallery .list-head {margin:0 0 15px;}
.sub-main-box .main-photo-gallery .list-head h2 {font-size:24px;}
.sub-main-box .main-photo-gallery .list-body .swiper-slide {max-width:250px;}
.sub-main-box .main-photo-gallery .list-body .swiper-slide a img {height:200px;}
}

/* greeting-box */
.greeting-box {display:flex; flex-wrap:wrap; align-items:flex-start;}
.greeting-box .list-left {text-align:right; width:270px;}
.greeting-box .list-left img {width:100%;}
.greeting-box .list-left b {display:block; text-align:right; margin:20px 0 0; font-size:18px; font-weight:500; padding:0 5px 0 0;}
.greeting-box .list-left p {font-size:25px; font-weight:500; padding:0 5px 0 0;}
.greeting-box .list-right {flex:1; min-width:0; padding:45px 0 0 90px;}
.greeting-box .list-right strong {font-size:25px; font-weight:500; display:block; margin:0 0 35px;}
.greeting-box .list-right p {font-size:18px; margin:0 0 20px; word-break:keep-all;}
.greeting-box .list-right p:last-of-type {margin:0;}
@media (max-width:1200px){
.greeting-box .list-right {padding:45px 0 0 30px;}
}
@media (max-width:991px){
.greeting-box {margin:40px 0 0;}
.greeting-box .list-left {margin-left:auto;}
.greeting-box .list-left img {width:200px;}
.greeting-box .list-left b {margin:10px 0 0; font-size:14px;}
.greeting-box .list-left p {font-size:18px;}
.greeting-box .list-right {flex:none; width:100%; padding:0; margin:20px 0 0;}
.greeting-box .list-right strong {font-size:20px; margin:0 0 20px;}
.greeting-box .list-right p {font-size:15px;}
}

/*서브회원명단기본박스*/
.stt_box {display:block;overflow:hidden;width:100%; margin:10px 0 30px 0;padding:0 0 0 0; }
.stt_box dt {float:left;padding:10px 0;margin:0;font-size:25px;font-weight:600;color:#000;width:17%;bottom: 0;background:url(/home/asset/images/stt_bulet1.png) no-repeat 0 bottom;}
.stt_box dt span { float:left;white-space:pre; }
.stt_box dd {float:right; width:82%;padding:40px;margin:4px 0;line-height: 1.8;border:1px solid #CFCFCF;}
.stt_box dd.none {border:none; padding:0;}
.stt_box dd span { float:left;font-weight:600; color:#0052C2; margin-bottom:10px;}
.stt_box dd ul {padding:0;margin:0 0 0 10px;;list-style:none;}
.stt_box dd ul li{display:inline-block;width:19%;font-size:16px;padding:5px 2%;margin:0;/* background:url(/home/img/bl_black_square.gif) no-repeat 0 15px*/;}

@media all and (max-width:1200px) {
.stt_box {margin:0 0 20px 0;}
.stt_box dt {float:left; width:100%;display:contents;}
.stt_box dd {float:left; width:100%; padding:30px; line-height:1.5; font-size:14px;}
.stt_box dd ul {margin:0 0 0 0;}
.stt_box dd ul li{width:24%;}
.stt_box dt br{display:none;}
}
@media (max-width:991px){
.stt_box dt {font-size:20px;}
.stt_box dd ul li{width:49%;font-size:15px;}
}

.card {display:inline-block;overflow:hidden;width:20%; margin:0 2% 20px 2%; padding:0; }
.card-title {padding:5px;margin:0;font-size:17px;text-align:center;font-weight:600;color:#000;width:100%;}
.card-text {padding:0;margin:0;font-size:15px;text-align:center;}

@media (max-width:991px){
.card {display:inline-block;overflow:hidden;width:45%;}
.card-title {font-size:15px;}
.card-text {font-size:14px;}
}



/*서브기본박스2*/
.stt_box1 {display:block;overflow:hidden;width:100%; margin:10px 0 30px 0;padding:0 0 0 0; }
.stt_box1 dt {float:left;padding:10px 0 10px 40px;margin:0;font-size:22px;font-weight:600;color:#000;width:100%;bottom: 0;background:url(/home/asset/images/bulet.png) no-repeat 0 17px;}
.stt_box1 dt span { float:left;white-space:pre; }
.stt_box1 dd {float:right; width:100%;padding:30px;margin:4px 0;line-height: 1.8;border:1px solid #CFCFCF;}
.stt_box1 dd ul {padding:0;margin:0 0 0 10px;;list-style:none;}
.stt_box1 dd ul li{padding:3px 0 3px 15px;font-size:16px;margin:0; background:url(/home/asset/images/bl_black_square.gif) no-repeat 0 12px;}

@media all and (max-width:1200px) {
}
@media (max-width:991px){
.stt_box1 dt {font-size:20px;}
.stt_box1 dd {padding:20px;}
.stt_box1 dd ul li{font-size:15px;}
}


/* 연혁 */
.s2 {display:block;overflow:hidden;width:100%;background:url(/home/sub1/images/history_bg.jpg) no-repeat;}
.history {float:right; width:68%;}
.history dl {float:left;width:100%;}
.history dt {margin:15px 0 0 30px; font-size:25pt;font-weight:bold;color:#008F7E; float:left;}
.history dd {padding:10px 0 0 170px;margin:10px 0 0 6px;}
.history dd ul {padding:0;margin:0;list-style:none;}
.history dd ul li {font-size:16px;padding:10px 0;border-bottom:1px dotted #A2A2A2;}
.history dd ul li div {float:left;width:120px;color:#315172;}
.history dd ul li span.pseudo {opacity:0; font-size:16px;}

@media all and (max-width:1200px) {
.s2 {display:block;overflow:hidden;width:100%;background:none;}
.history {float:left; width:100%;}
}
@media (max-width:991px){
.history dt {float:left;width:100%;margin:30px 0 0 0;font-size:22pt;}
.history dd {float:left;width:100%;padding:0;}
.history dd ul li {font-size:15px;}
.history dd ul li span.pseudo {opacity:0; font-size:15px;}
}

/* 정관탭 */
.policy-tab {width:80%;padding:0;margin:0 auto 3em auto;}
.policy-tab ul {display:table;width:100%;padding:0;margin:0;list-style:none;table-layout:fixed;border-collapse:collapse;border-left:solid 1px #333;}
.policy-tab ul li {display:inline-block;width:20%;}
.policy-tab ul li a {display:block;padding:15px 0;text-align:center;background:#fff;color:#333;text-decoration:none;transition:all 0.3s;letter-spacing:-1px;border:solid 1px #333;border-left-width:0;}
.policy-tab ul li a.active,
.policy-tab ul li a:hover {color:#fff;background:#333;}

@media (max-width:991px){
.policy-tab {width:100%;}
.policy-tab ul li {width:33.3%;}
}


/* sub1/sub3.asp - 정관 */
.rule {display:block;overflow:hidden;width:100%;padding:0 3%;}
.rule h4 {margin:15px 0 0 30px;font-size:23px;font-weight:500;color:#000;text-align:center;}
.rule strong { display:inline-block;width:100%;padding:10px 0;margin:20px 0;font-size:16px;font-weight:600;color:#FFFF66;background-color:#5F5F5F;text-align:center;}
.rule span {float:right; line-height:1.2;font-size:13px;}
.rule p {margin-bottom:20px;}
.rule b {font-weight:600;}

@media (max-width:991px){
.rule {padding:0;}
}



/* 파일다운로드 버튼 */
.btn_blue {padding:10px 60px 10px 20px;margin:10px 0 10px 0;background:#287ACE url(/home/asset/images/bt_icon_down.png) no-repeat 93% 50%;font-size:15px;font-weight:600;color:#FFFFFF;border:1px solid #00326B;}
.btn_blue:hover{background-color:##144BB0;}

a.btn_blue,
a.btn_green,
a.btn_orange {display:inline-block;color:#fff !important;text-decoration:none;}

/* 전국지부지회 */
.jibu-list a {border:solid 1px #888;display:block;font-size:16px;padding:1ch 0;}
.jibu-list li:hover a {background:#efefef;}
.jibu-list li.active a {background:#444;color:#fff;}
.jibu-jihoe-link {border-bottom:solid 1px #3f51b5;}
.jibu-jihoe-link > a {font-size:2rem;font-weight:bold;padding:10px;color:#3f51b5;transition:all .2s;word-break:keep-all;}
.jibu-jihoe-link > a:hover {background:#3f51b5;color:#fff;}
.jibu-jihoe-link > div {padding:1ch 0;}
.jibu-jihoe-link a.bt:hover {background:#000;}
.recent-board h3 {font-size:1.4em;border-bottom:solid 2px #000;margin:0 0 .5rem;padding:0 0 1rem;}
.recent-board ul {margin:0;padding:0;list-style:none;}
.recent-board li + li {border-top:dotted 1px #dfdfdf;}
.recent-board li a {display:block;padding:1ch 0;}
.recent-board li a:hover span {font-weight:bold;}
.recent-photo h3 {font-size:1.4em;border-bottom:solid 2px #000;margin:0 0 1rem;padding:0 0 1rem;}
.recent-photo a {position:relative;display:block;overflow:hidden;aspect-ratio:calc(4/3);border-radius:8px;}
.recent-photo a img {width:100%;height:100%;object-fit:cover;transition:all .2s;}
.recent-photo a div {position:absolute;left:0;bottom:0;padding:10px;background:rgba(0,0,0,.5);color:#fff;width:100%;font-size:14px;line-height:1.1;opacity:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .2s;}
.recent-photo a:hover img {scale:1.2;}
.recent-photo a:hover div {opacity:1;}
@media (min-width:580px) {
  .jibu-jihoe-link > a {border-right:solid 1px #3f51b5;}
}

/* 협회 기구 */
.org-list a {border:solid 1px #888;display:block;font-size:16px;padding:1ch 0;text-align:center;}
.org-list a:hover {background:#efefef;}
.org-list a i {font-size:2em;}