/* 메인페이지 */ /* 공통 */ #mainpage section{padding: 100px 0;} .tit01{font-size: 1.25em; font-weight: 600; color: #000;} .tit02{} @media all and (max-width:1200px){ .tit01{font-size: 1.20em;} } @media all and (max-width:768px){ #mainpage section{padding: 70px 0;} .tit01{font-size: 1.11em;} } /* 메인배너 */ #mainpage .mainbnr{padding: 0;} #mainpage .mainbnr .swiper {width: 100%; height:730px;} #mainpage .mainbnr .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; position: relative;} #mainpage .mainbnr .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover;} #mainpage .mainbnr .mainbnr_slide .title{position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 100; width: 100%; text-align: left;} #mainpage .mainbnr .mainbnr_slide .title h2{font-size: 3.00em; font-weight: 700; color: #000; line-height: 1.2; margin-bottom: 60px; word-break: keep-all;} #mainpage .mainbnr .mainbnr_slide .title p:first-child{line-height: 1.3; word-break: keep-all; margin-bottom: 20px; } #mainpage .mainbnr .mainbnr_slide .title p:last-child{font-size: 1.10em; font-weight: 400; color: #000; line-height: 1.4; word-break: keep-all;} #mainpage .mainbnr .slide1 .title h2, #mainpage .mainbnr .slide1 .title p {color: #fff !important;} #mainpage .mainbnr .slide2 .title h2, #mainpage .mainbnr .slide2 .title p{color: #fff !important;} #mainpage .mainbnr .slide3 .title h2, #mainpage .mainbnr .slide3 .title p{color: #fff !important;} /* 메인배너 슬라이드 배경이미지 */ #mainpage .mainbnr .slide1{background: url('../img/mainbnr_bg03.png') no-repeat center / cover;} #mainpage .mainbnr .slide2{background: url('../img/mainbnr_bg02.png') no-repeat center / cover;} #mainpage .mainbnr .slide3{background: url('../img/mainbanner_slide03_250817.jpg') no-repeat center / cover;} @media all and (max-width:1200px){ #mainpage .mainbnr .mainbnr_slide .title h2{font-size: 2.75em;} #mainpage .mainbnr .mainbnr_slide .title p:last-child{font-size: 1.00em;} } @media all and (max-width:1024px){ #mainpage{margin-top: 80px;} } @media all and (max-width:768px){ #mainpage .mainbnr .mainbnr_slide .title h2{font-size: 2.50em; margin-bottom: 40px;} #mainpage .mainbnr .swiper-slide{background-position: 65% 0%;} } @media all and (max-width:640px){ #mainpage .mainbnr .mainbnr_slide .title h2{font-size: 2.22em;} } @media all and (max-width:500px){ #mainpage .mainbnr .swiper{height: 650px;} #mainpage .mainbnr .swiper-slide{background-position: 70% 0%;} #mainpage .mainbnr .mainbnr_slide .title p:first-child{margin-bottom: 15px;} #mainpage .mainbnr .mainbnr_slide .title h2{font-size: 2.00em; margin-bottom: 30px;} #mainpage .mainbnr .mainbnr_slide .title span.mb{display: block;} } /* 아이콘 링크 */ #mainpage .icon_Box{} #mainpage .icon_Box .conBox{display: flex; justify-content: space-between; align-items: stretch;} #mainpage .icon_Box .conBox li{text-align: center; width: calc(100% / 6); display: flex; justify-content:center;} #mainpage .icon_Box .conBox li a{display: flex; flex-direction: column; align-items: center; justify-content: space-between;} #mainpage .icon_Box .conBox li p{margin-top: 30px; word-break: keep-all;} #mainpage .icon_Box .conBox li:hover p{color: var(--color);} @media all and (max-width:1024px){ #mainpage .icon_Box .conBox li p{margin-top: 20px;} #mainpage .icon_Box .conBox{flex-wrap: wrap; row-gap: 60px;} #mainpage .icon_Box .conBox li{width: calc(100% / 3);} } @media all and (max-width:768px){ #mainpage .icon_Box .conBox{row-gap: 40px;} #mainpage .icon_Box .conBox li{width: calc(100% / 2);} #mainpage .icon_Box .conBox li a img{height: 60px;} } /* 포토갤러리 */ #mainpage .gallery_Box{} #mainpage .gallery_Box .title{margin-bottom: 40px; text-align: center;} #mainpage .gallery_Box .title p{font-size: 0.90em; font-weight: 700; color: var(--color); line-height: 1.2; word-break: keep-all; margin-bottom: 10px;} #mainpage .gallery_Box .title h2{font-size: 2.75em; font-weight: 700; color: #000; line-height: 1.2; word-break: keep-all;} #mainpage .gallery_Box .linkBox{text-align: center; margin-top: 50px;} #mainpage .gallery_Box .linkBox a{display: inline-block; font-size: 1.00em; font-weight: 500; color: #fff; background: var(--color); border-radius: 50px; padding: 15px 40px;} @media all and (max-width:1400px){ #mainpage .gallery_Box .title h2{font-size: 2.50em;} } @media all and (max-width:1200px){ #mainpage .gallery_Box .title h2{font-size: 2.25em;} } @media all and (max-width:1024px){ #mainpage .gallery_Box .title h2{font-size: 2.22em;} } @media all and (max-width:768px){ #mainpage .gallery_Box .title h2{font-size: 2.00em;} #mainpage .gallery_Box .linkBox a{padding: 10px 30px;} } @media all and (max-width:500px){ #mainpage .gallery_Box .title h2{font-size: 1.78em;} #mainpage .gallery_Box .linkBox a{padding: 10px 20px;} } /* 공지사항, 각종소식정보 */ #mainpage .board_Box{padding-top: 0;} #mainpage .board_Box .conBox{display: flex; justify-content: space-between; align-items: stretch; gap: 100px;} #mainpage .board_Box .conBox>div{width: calc(100% / 2 - 50px);} @media all and (max-width:1400px){ #mainpage .board_Box .conBox{gap: 60px;} #mainpage .board_Box .conBox>div{width: calc(100% / 2 - 30px);} } @media all and (max-width:1024px){ #mainpage .board_Box .conBox{gap: 40px;} #mainpage .board_Box .conBox>div{width: calc(100% / 2 - 20px);} } @media all and (max-width:768px){ #mainpage .board_Box .conBox{flex-direction: column;} #mainpage .board_Box .conBox>div{width: 100%;} } #mainpage .bank_Box {} #mainpage .bank_Box .conBox{display: flex;justify-content: space-between;align-items: stretch;gap: 0 40px;} #mainpage .bank_Box .conBox>div{display: flex;align-items: center;width: 50%;border-radius: 15px;padding:50px;gap: 0 30px;} #mainpage .bank_Box .conBox .left_box{background:#F8F8F8;} #mainpage .bank_Box .conBox .right_box{background:#E9E3E1;} #mainpage .bank_Box .conBox .titBox h4{font-size:1.10em; color: #000; margin-bottom: 15px; } #mainpage .bank_Box .conBox .titBox ul li:nth-child(1){color:var(--color); font-size: 1.25em; font-weight: bold;padding-bottom:5px;} #mainpage .bank_Box .conBox .titBox ul li:nth-child(2){color: #000; font-size:18px; font-weight:500;} @media all and (max-width:1400px){ #mainpage .bank_Box .conBox{gap: 0 30px;} } @media all and (max-width:1200px){ #mainpage .bank_Box .conBox>div{flex-direction: column;gap: 30px 0;} #mainpage .bank_Box .conBox .titBox{text-align: center;} } @media all and (max-width:1024px){ #mainpage .bank_Box .conBox>div{padding:50px 40px;} } @media all and (max-width:960px){ #mainpage .bank_Box .conBox{flex-direction:column;gap: 40px 0;} #mainpage .bank_Box .conBox>div{width: 100%;} } @media all and (max-width:768px){ #mainpage .bank_Box .conBox .imgBox {text-align: center;} #mainpage .bank_Box .conBox .imgBox img{width: 70%;} #mainpage .bank_Box .conBox>div{padding:40px 30px;} } @media all and (max-width:500px){ #mainpage .bank_Box .conBox .titBox ul li:nth-child(2){font-size: 16px;} } /* 서브페이지 */ /* 서브배너 */ .sub_bnr {width: 100%; height:15vw; min-height: 300px; background-position: center !important; background-size: cover !important; position: relative; color: white; display: flex; align-items: center; justify-content: center; } .sub_bnr .sub_title{width: 100%; text-align: left; color: #000;} .sub_bnr .sub_title h2{font-size: 2.50em; font-weight: 800; line-height: 1.2;} .sub_bnr .sub_title p{font-size: 0.90em; font-weight: 400; line-height: 1.4; margin-top: 10px;} @media all and (max-width:1600px){ .sub_bnr .sub_title h2{font-size: 50px;} } @media all and (max-width:1400px){ .sub_bnr .sub_title h2{font-size: 45px;} } @media all and (max-width:1200px){ .sub_bnr .sub_title h2{font-size: 40px;} } @media all and (max-width:1024px){ .sub_bnr{margin-top: 80px;} .sub_bnr .sub_title h2{font-size: 35px;} } @media all and (max-width:768px){ .sub_bnr .sub_title h2{font-size: 30px;} } @media all and (max-width:500px){ .sub_bnr{ background-attachment:unset !important;} } /* 서브페이지 서브메뉴 */ .sub_menu{border-bottom: 1px solid #D9D9D9;} #mysubmenu{width:90%; max-width:1200px; margin: 0 auto; background:#fff;} #mysubmenu ul {list-style:none;margin:0 auto; padding:0; width:100%; gap: 50px; display: flex;} #mysubmenu .leftmenu_s {text-align:center; border-bottom:1px solid rgba(255,255,255,0.1);} #mysubmenu .leftmenu_s.active a{position: relative;} #mysubmenu .leftmenu_s.active a::before{content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 3px; background: var(--color);} #mysubmenu .leftmenu_s:hover{background: rgba(255,255,255,0.3);} #mysubmenu .leftmenu_s:last-child{border-bottom:0;} #mysubmenu .leftmenu_s a{display: block; text-decoration: none; width: 100%; font-size: 0.90em; color: #6B6B6B; padding: 20px 0;} #mysubmenu .submenu {/*visibility: hidden; opacity: 0;*/ transition: opacity 0.5s ease; display: block;} #mysubmenu .submenu.hidden {display: none !important;} #mysubmenu .submenu-group{height:70px; line-height:70px; position:relative;} #mysubmenu .submenu-group ul.submenu-list{display: flex;} #mysubmenu .submenu-group .leftmenu_b::after{right: 1px;} #mysubmenu .rotate{transform: rotate(180deg); transition: transform 0.3s ease;} .arrow-icon {transition: transform 0.3s ease;} @media all and (max-width:1024px){ #mysubmenu ul{overflow-x: auto; overflow-y: hidden; white-space: nowrap;} } @media all and (max-width:768px){ #mysubmenu ul{gap: 40px;} } /* 게시판배너 */ /* 서브배너 */ .board_bnr {width: 100%; height:15vw; min-height: 300px; background-position: center !important; background-size: cover !important; position: relative; color: white; display: flex; align-items: center; justify-content: center; } .board_bnr .sub_title{width: 100%; text-align: left; color: #000;} .board_bnr .sub_title h2{font-size: 2.50em; font-weight: 800; line-height: 1.2;} .board_bnr .sub_title p{font-size: 0.90em; font-weight: 400; line-height: 1.4; margin-top: 10px;} @media all and (max-width:1600px){ .board_bnr .sub_title h2{font-size: 50px;} } @media all and (max-width:1400px){ .board_bnr .sub_title h2{font-size: 45px;} } @media all and (max-width:1200px){ .board_bnr .sub_title h2{font-size: 40px;} } @media all and (max-width:1024px){ .board_bnr{margin-top: 80px;} .board_bnr .sub_title h2{font-size: 35px;} } @media all and (max-width:768px){ .board_bnr .sub_title h2{font-size: 30px;} } @media all and (max-width:500px){ .board_bnr{ background-attachment:unset !important;} } /* 서브페이지 서브메뉴 */ .board_menu{border-bottom: 1px solid #D9D9D9;} #mysubmenu{width:90%; max-width:1200px; margin: 0 auto; background:#fff;} #mysubmenu ul {list-style:none;margin:0 auto; padding:0; width:100%; gap: 50px; display: flex;} #mysubmenu .leftmenu_s {text-align:center; border-bottom:1px solid rgba(255,255,255,0.1);} #mysubmenu .leftmenu_s.active a{position: relative;} #mysubmenu .leftmenu_s.active a::before{content: ''; position: absolute; left: 0; bottom: -2px; width: 100%; height: 3px; background: var(--color);} #mysubmenu .leftmenu_s:hover{background: rgba(255,255,255,0.3);} #mysubmenu .leftmenu_s:last-child{border-bottom:0;} #mysubmenu .leftmenu_s a{display: block; text-decoration: none; width: 100%; font-size: 0.90em; color: #6B6B6B; padding: 20px 0;} #mysubmenu .submenu {/*visibility: hidden; opacity: 0;*/ transition: opacity 0.5s ease; display: block;} #mysubmenu .submenu.hidden {display: none !important;} #mysubmenu .submenu-group{height:70px; line-height:70px; position:relative;} #mysubmenu .submenu-group ul.submenu-list{display: flex;} #mysubmenu .submenu-group .leftmenu_b::after{right: 1px;} #mysubmenu .rotate{transform: rotate(180deg); transition: transform 0.3s ease;} .arrow-icon {transition: transform 0.3s ease;} @media all and (max-width:1024px){ #mysubmenu ul{overflow-x: auto; overflow-y: hidden; white-space: nowrap;} } @media all and (max-width:768px){ #mysubmenu ul{gap: 40px;} } /* 서브페이지 공통 */ .subpage{padding-bottom: 150px;overflow-x: hidden;} .subpage .title{padding: 120px 0;text-align: center;} .subpage .title h2{font-size: 2.50em;font-weight: 700;color: #000;} @media all and (max-width:1200px){ .subpage .title h2{font-size: 2.30em;} } @media all and (max-width:1024px){ .subpage .title h2{font-size: 2.00em;} } @media all and (max-width:768px){ .subpage{padding-bottom: 100px;} .subpage .title{padding: 100px 0;} .subpage .title h2{font-size: 1.80em;} } @media all and (max-width:500px){ .subpage .title{padding: 100px 0 60px 0;} .subpage .title h2{font-size: 1.60em;} } .memberpage{padding: 150px 0;} @media all and (max-width:768px){ .memberpage{padding: 100px 0;} } /* 학회장 인사말 */ #greetings{} #greetings .flexBox{display: flex;justify-content:space-between;gap: 0 60px;} #greetings .imgBox{text-align: right;} #greetings .imgBox p{font-size:1.30em;font-weight: 700;color: #2b2b2b;margin-top: 30px;} #greetings .txtBox:not(:last-child){margin-bottom: 30px;} #greetings .txtBox p{font-size: 18px;font-weight: 400;color: #636363;line-height: 1.4;} #greetings .txtBox p:not(:last-child){margin-bottom: 30px;} #greetings .txtBox p b{color: #000;font-weight: 600;display: block;} #greetings .signBox{text-align: right;margin-top: 100px;display: flex;align-items: center;justify-content: end;gap: 0 15px;} #greetings .signBox span{font-size: 1.00em;font-weight: 600;color: #000;} #greetings .signBox span:last-child{font-size: 50px;font-weight: 400;font-family: var(--sub-font);line-height: 1;} @media all and (max-width:1400px){ #greetings .flexBox .txtBox{width: 60%;} #greetings .txtBox p br{display: none;} #greetings .txtBox p span.mo{display: block;padding-bottom: 5px;} #greetings .imgBox{width: 40%;} } @media all and (max-width:1024px){ #greetings .flexBox{gap: 0 40px;} } @media all and (max-width:768px){ #greetings .flexBox{flex-direction: column-reverse;gap: 40px 0;} #greetings .flexBox .txtBox{width: 100%;} #greetings .txtBox p:not(:last-child){margin-bottom: 20px;} #greetings .imgBox{width: 100%;text-align: center;} #greetings .imgBox img{width: 100%;} #greetings .imgBox p{margin-top: 20px;font-size: 1.10em;} #greetings .signBox{margin-top: 60px;} } @media all and (max-width:500px){ #greetings .signBox{flex-direction:column;gap:15px 0; align-items: end;} } /* 학회안내 */ #institute_info{} #institute_info .conBox{} #institute_info .conBox .titBox{background: #FAFAFA;position: relative;text-align: center;padding: 35px 40px;} #institute_info .conBox .titBox::before{content: '';border:15px solid var(--color);border-right: 0;position: absolute;left: 0;top:0;height: 100%;padding: 10px;} #institute_info .conBox .titBox::after{content: '';border:15px solid var(--color);border-left: 0;position: absolute;right: 0;top:0;height: 100%;padding: 10px;} #institute_info .conBox .titBox span{font-size: 1.25em;font-weight: 400;color: #626262;word-break: keep-all;display: block;line-height: 1.4;} #institute_info .conBox .titBox span:not(:last-child){padding-bottom: 5px;} #institute_info .conBox .titBox span b{color: #000;} #institute_info .conBox .txtBox{margin-top: 50px;} #institute_info .conBox .txtBox ul{} #institute_info .conBox .txtBox ul li {position: relative;display: flex;} #institute_info .conBox .txtBox ul li::before{content: '·';color: var(--color);font-weight:900;padding-right: 15px;} #institute_info .conBox .txtBox ul li:not(:last-child){margin-bottom: 50px;} #institute_info .conBox .txtBox ul li b{font-size: 1.10em;line-height: 1.4;display: block;} #institute_info .conBox .txtBox ul li p{display: flex;position: relative;font-size: 1.00em;font-weight: 400;color: #626262;line-height: 1.4;padding-top: 10px;} #institute_info .conBox .txtBox ul li p::before{content: '-';padding-right: 5px;} #institute_info .conBox .listBox{} #institute_info .conBox .listBox:not(:last-child){margin: 80px 0 60px 0;} #institute_info .conBox .listBox p{font-size: 1.50em;font-weight: 600;color: var(--color);padding-bottom: 20px;} #institute_info .conBox .listBox li{font-size: 1.00em;font-weight: 400;color: #626262;display: flex;position: relative;line-height: 1.4;} #institute_info .conBox .listBox li::before{content: '-';padding-right: 5px;} #institute_info .conBox .listBox li:not(:last-child){margin-bottom: 5px;} #institute_info .conBox .listBox:last-child li:nth-child(1)::before{display: none;} @media all and (max-width:1400px){ #institute_info .conBox .txtBox ul li b br{display: none;} #institute_info .conBox .listBox li br{display: none;} } @media all and (max-width:1200px){ #institute_info .conBox .titBox span{font-size: 1.15em;} #institute_info .conBox .listBox p{font-size: 1.30em;} } @media all and (max-width:1024px){ #institute_info .conBox .titBox span{display: inline;} #institute_info .conBox .titBox span.mo{display: block;padding-bottom: 0;} #institute_info .conBox .txtBox{margin-top: 30px;} #institute_info .conBox .txtBox ul li:not(:last-child){margin-bottom: 30px;} #institute_info .conBox .txtBox ul li::before{padding-right: 10px;} #institute_info .conBox .txtBox ul li p br{display: none;} } @media all and (max-width:768px){ #institute_info .conBox .txtBox ul li::before{padding-right: 5px;} #institute_info .conBox .txtBox ul li b{font-size: 18px;} #institute_info .conBox .txtBox ul li p{font-size: 16px;} #institute_info .conBox .listBox:not(:last-child){margin: 60px 0 40px 0;} #institute_info .conBox .listBox p{font-size: 20px;} } @media all and (max-width:500px){ #institute_info .conBox .titBox span{font-size: 18px;} } /* 역대회장 */ #former_presidents{} #former_presidents .conBox ul{display: flex;flex-wrap: wrap;gap: 80px 100px;} #former_presidents .conBox ul li{width: calc(100% / 5 - 80px);text-align: center;} #former_presidents .conBox ul li>p{font-size: 1.00em;font-weight: 700;color: var(--color);padding-bottom: 10px;} #former_presidents .conBox ul li img{object-fit: cover;} #former_presidents .conBox ul li .titBox{padding-top: 10px;} #former_presidents .conBox ul li .titBox b{font-size: 1.00em;font-weight: 700;} #former_presidents .conBox ul li .titBox p{padding-top: 10px;font-size: 16px;font-weight: 400;color: #777;line-height: 1.4;} @media all and (max-width:1400px){ #former_presidents .conBox ul{gap: 80px;} #former_presidents .conBox ul li{width: calc(100% / 5 - 64px);} } @media all and (max-width:1200px){ #former_presidents .conBox ul li{width: calc(100% / 4 - 60px);} } @media all and (max-width:1024px){ #former_presidents .conBox ul{gap: 60px;} #former_presidents .conBox ul li{width: calc(100% / 3 - 40px);} } @media all and (max-width:640px){ #former_presidents .conBox ul{gap: 60px 40px;} #former_presidents .conBox ul li{width: calc(100% / 2 - 20px);} } @media all and (max-width:500px){ #former_presidents .conBox ul{gap: 60px 20px;} #former_presidents .conBox ul li{width: calc(100% / 2 - 10px);} } /* 임원소개 */ #executive .conBox:not(:last-child){margin-bottom: 50px;} #executive .conBox .titBox{margin-bottom: 15px;} #executive .conBox .titBox b{font-size: 1.25em;color: var(--color);position: relative;display: flex;align-items: center;gap: 0 20px;} #executive .conBox .titBox b::before{content: '';display:block;width:6px;height:6px;background:var(--color);border-radius:50px;} #executive .conBox .tableBox{display: flex; justify-content: space-between; align-items: stretch; box-sizing: border-box;} #executive .conBox .tableBox .tbBox{display: flex; flex-direction: column; align-items: stretch; position: relative;} #executive .conBox .tableBox .tbBox:first-child{width: 25%;} #executive .conBox .tableBox .tbBox:nth-child(2){width: 25%;} #executive .conBox .tableBox .tbBox:nth-child(3){width: 50%;} #executive .conBox.second .tableBox .tbBox:nth-child(2){width: 75%;} #executive .conBox.fourth .tableBox .tbBox{flex: 1;} #executive .conBox.collapse .tableBox .tbBox li{flex-direction: column;} #executive .conBox .tableBox .tbBox li{display: flex; justify-content: center; align-items: center; flex: 1; white-space: normal; padding:0 5px; box-sizing: border-box; border-right: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; min-height: 60px; text-align: center;} #executive .conBox .tableBox .tbBox li:first-child{background: var(--color);border-bottom: 0;} #executive .conBox .tableBox .tbBox:last-child li{border-right: 0;} #executive .conBox.fourth .tableBox .tbBox:nth-child(2) li:not(:first-child){border-right: 1px solid #000;} #executive .conBox .tableBox .tbBox li h2{font-size: 1.00em; font-weight: 600; color: #fff; line-height: 1.2; word-break: keep-all;} #executive .conBox .tableBox .tbBox li p{font-size: 0.90em; font-weight: 400; color: #6F6F6F; line-height: 1.2; word-break: keep-all;} #executive .table.type2{} #executive .table.type2 .tbBox{box-sizing: border-box;margin:0;border-collapse:collapse;width: 100%;} #executive .table.type2 .tbBox th{width:50%;font-size: 1.00em; font-weight: 600; color: #fff;word-break:keep-all;background: var(--color);border-right: 1px solid #fff;box-sizing: border-box;height: 60px; text-align: center;} #executive .table.type2 .tbBox td{width:50%;font-size: 0.90em; font-weight: 400; color: #6F6F6F;word-break:keep-all;border-bottom: 1px solid #D9D9D9;border-right: 1px solid #D9D9D9;text-align: center;height: 60px;} #executive .table.type2 .tbBox td p:not(:last-child){margin-bottom: 10px;} #executive .table.type2 .tbBox th:last-child{border-right: 0;} #executive .table.type2 .tbBox td:nth-child(4){border-right: 0;} #executive .table.type2 .tbBox td:last-child{text-align: left;padding: 10px 30px;border-right: 0;} @media all and (max-width:1400px){ #executive .conBox .tableBox .tbBox li h2{font-size: 1.00em;} } @media all and (max-width:768px){ #executive .conBox .tableBox .tbBox{width: auto !important;flex: 1;} #executive .conBox .tableBox .tbBox li{min-height: 55px;padding: 0 10px;} #executive .conBox .titBox b{font-size: 20px;} #executive .conBox .tableBox .tbBox li h2{font-size: 17px;} #executive .table.type2 .tbBox th{font-size: 16px;height: 50px;} #executive .table.type2 .tbBox td{height: 50px;padding:0 5px;} #executive .table.type2 .tbBox td:last-child{padding: 10px 15px;} } @media all and (max-width:500px){ #executive .conBox .tableBox, #executive .conBox .type2{overflow-x: scroll;} } @keyframes horizontal{ 0% { transform: translateX(0%); } 50% { transform: translateX(10px); } 100% { transform: translateX(0%); } } /* 학회연혁 */ #history{} #history .conBox .imgBox{position: relative;z-index: 0;} #history .conBox .txtBox{margin: -130px 100px 0 100px;background: #fff;position: relative;z-index: 1;padding:40px 60px 0 60px;} #history .txtBox .listBox{border-bottom: 1px dashed #CACACA;display: flex;gap: 0 80px;padding: 45px 0;} #history .txtBox .listBox>p{font-size: 1.40em;font-weight:700;color: var(--color);word-break: keep-all;width: calc(25% - 40px);} #history .txtBox .listBox ul{width:calc(75% - 40px);} #history .txtBox .listBox ul li{display: flex;gap: 0 20px;} #history .txtBox .listBox ul li:not(:last-child){padding-bottom: 30px;} #history .txtBox .listBox ul li b{font-size: 1.00em;} #history .txtBox .listBox ul li p{font-size: 0.90em;font-weight: 400;color: #333;line-height: 1.6;} #history .txtBox .listBox ul li p:not(:last-child){padding-bottom: 10px;} @media all and (max-width:1400px){ #history .conBox .txtBox{margin: -80px 60px 0 60px;} #history .txtBox .listBox{gap: 0 60px;} } @media all and (max-width:1200px){ #history .txtBox .listBox{flex-direction: column;gap:30px 0;} #history .txtBox .listBox>p{width:100%;} #history .txtBox .listBox ul{width:100%;} } @media all and (max-width:1024px){ #history .conBox .txtBox{margin: -60px 40px 0 40px;padding:0 40px 0 40px;} } @media all and (max-width:768px){ #history .txtBox .listBox ul li{flex-direction: column;gap: 10px 0;} #history .txtBox .listBox ul li p br{display: none;} } @media all and (max-width:640px){ #history .conBox .imgBox img{content: url('../img/img-history01_m.png');} #history .conBox .txtBox{margin: 0;padding: 0;} #history .txtBox .listBox{padding: 40px 0;} #history .txtBox .listBox>p{font-size: 22px;} } /* 서브 공통페이지 */ /* 3차메뉴 */ .tabs{display: flex;gap: 0 30px;margin-top: 15px;border: 1px solid #e3e5e8;padding: 10px 30px;border-radius: 15px;} .tabs li{} .tabs li.active a{font-weight: 700;} .tabs li a{padding: 10px 0;display: block;font-size: 18px;} @media all and (max-width:1200px){ .tabs{white-space: nowrap;overflow-x: auto;} } @media all and (max-width:1024px){ .tabs li a{font-size: 16px;} } @media all and (max-width:768px){ .tabs li a{padding: 5px 0;} } #rule{} #rule .conBox:not(:last-child){margin-bottom: 200px;} #rule .conBox>.titBox{margin-bottom: 50px;} #rule .conBox>.titBox h3{font-size: 1.80em;font-weight: 600;margin-bottom:50px;} #rule .conBox>.titBox b{font-size: 1.50em;font-weight: 600;display: block;text-align: center;} #rule .conBox>.titBox p{margin-top: 20px;line-height: 1.4;} #rule .conBox>.txtBox{margin-bottom: 50px;} #rule .conBox>.txtBox li:not(:last-child){margin-bottom: 10px;} #rule .conBox>.txtBox li p{font-size: 18px;} #rule .ruleBox:not(:last-child){margin-bottom: 100px;} #rule .ruleBox>li.tit{margin-bottom: 20px !important;} #rule .ruleBox>li.tit b{color: #2b2b2b;font-size: 1.00em;} #rule .ruleBox>li.tit p{margin-top: 15px;font-size: 18px;} #rule .ruleBox>li:not(:last-child){margin-bottom: 30px;} #rule .ruleBox>li b{font-size: 1.00em;font-weight: 700;color: var(--color);line-height: 1.2;} #rule .ruleBox>li>b span{font-size: 18px;color: #666;font-weight: 500;} #rule .ruleBox>li .box{margin-top: 10px;background: #F8F8F8;border-radius: 15px;padding: 40px;display: flex;flex-direction: column;gap: 20px 0;} #rule .ruleBox>li .box p{font-size: 18px;font-weight: 400;color: #666;line-height: 1.4;display: flex;gap: 0 3px;} #rule .ruleBox>li .box p b{display: block;padding-right: 5px;color: inherit;} #rule .ruleBox>li .box ul {} #rule .ruleBox>li .box ul li{display: flex;gap: 0 3px;font-size: 18px;font-weight: 400;color: #666;line-height: 1.4;} #rule .ruleBox>li .box ul li:not(:last-child){margin-bottom: 5px;} #rule .ruleBox>li .box ul li.table{flex-direction: column;margin-bottom: 10px;} #rule .ruleBox>li .box ul li.table>p{font-size: 16px;} #rule .ruleBox h3{font-size: 1.20em;font-weight: 700;padding-bottom: 20px;} #rule .ruleBox h3 span{font-size: 18px;padding-left: 5px;font-weight: 500;color: #666;} #rule .table{} #rule .tableBox{display: flex; align-items: stretch; box-sizing: border-box;margin: 5px 0;} #rule .tableBox .tbBox{display: flex; flex-direction: column; align-items: stretch;flex: 1;} #rule .tableBox .tbBox .list{display: flex; justify-content: center; align-items: center; flex: 1; white-space: normal; padding:0 5px; box-sizing: border-box; border-right: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; min-height: 60px; text-align: center;} #rule .tableBox .tbBox .list:first-child{background: var(--color);border-bottom: 0;} #rule .tableBox .tbBox:last-child .list{border-right: 0;} #rule .tableBox .tbBox .list h2{font-size: 1.00em; font-weight: 600; color: #fff; line-height: 1.2; word-break: keep-all;} #rule .tableBox .tbBox .list p{font-size: 0.90em; font-weight: 400; color: #6F6F6F; line-height: 1.2; word-break: keep-all;} #rule .table.type2{} #rule .table.type2 .tbBox{box-sizing: border-box;margin:0;border-collapse:collapse;} #rule .table.type2 .tbBox th{font-size: 1.00em; font-weight: 600; color: #fff;word-break:keep-all;background: var(--color);border-right: 1px solid #fff;box-sizing: border-box;height: 60px; text-align: center;} #rule .table.type2 .tbBox td{font-size: 0.90em; font-weight: 400; color: #6F6F6F;word-break:keep-all;border-bottom: 1px solid #D9D9D9;border-right: 1px solid #D9D9D9;text-align: center;height: 60px;} #rule .table.type2 .tbBox th:last-child{border-right: 0;} #rule .table.type2 .tbBox td:nth-child(4){border-right: 0;} @media all and (max-width:1400px){ #rule .conBox>.titBox b{font-size:1.50em;} #rule .tableBox .tbBox .list h2{font-size: 1.00em;} } @media all and (max-width:1200px){ #rule .conBox>.titBox h3{font-size: 1.50em;} #rule .conBox:not(:last-child){margin-bottom: 150px;} #rule .ruleBox>li .box ul li p br{display: none;} } @media all and (max-width:768px){ #rule .conBox:not(:last-child){margin-bottom: 100px;} #rule .conBox>.titBox b{font-size: 1.30em;} #rule .conBox>.titBox h3{font-size: 1.30em;} #rule .ruleBox:not(:last-child){margin-bottom: 60px;} #rule .ruleBox>li>b span{font-size: 16px;display: block;padding-top: 5px;} #rule .ruleBox>li .box{padding: 30px;} #rule .ruleBox>li .box p, #rule .ruleBox>li .box ul li{font-size: 16px;} #rule .ruleBox>li .box p b{font-size: 16px;} #rule .tableBox{margin-top: 0;} #rule .tableBox .tbBox{width: auto !important;flex: 1;} #rule .tableBox .tbBox .list{min-height: 50px;padding: 0 10px;} #rule .tableBox .titBox b{font-size: 20px;} #rule .tableBox .tbBox .list h2{font-size: 17px;} #rule .table.type2 .tbBox th{font-size: 16px;height: 50px;} #rule .table.type2 .tbBox td{height: 50px;padding:0 5px;} } @media all and (max-width:500px){ #rule .conBox>.titBox{margin-bottom: 40px;} #rule .conBox>.titBox p{margin-top: 15px;} #rule .conBox>.txtBox li p{font-size: 16px;} #rule .ruleBox>li.tit{margin-bottom: 15px !important;} #rule .ruleBox>li.tit p{margin-top: 10px;} #rule .ruleBox>li .box{padding: 30px 25px;} #rule .ruleBox:nth-child(2)>li .box p{flex-direction: column;gap: 5px 0;} } /* 내용관리 수정 */ #ctt{max-width: 1200px; margin: 0 auto !important; width: 90%; padding: 100px 0 !important;background:#fff} .ctt_admin {text-align:right;margin-top: 40px;} #ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #ctt_con {padding: 0 !important;line-height:1.6em} #ctt_con img{max-width:100%;height:auto} .ctt_img {text-align:center}