/*=============================================================*/
/*                          COMMONS                            */
/*=============================================================*/
.sub_last_con {padding-bottom: 200px;}

.sub_title {padding: 100px 0 80px; text-align: center;}

.sub_tab_style01 {position: relative; margin-bottom: 60px; overflow: hidden;}
.sub_tab_style01::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid var(--border5); border-radius: 10px; z-index: -1;}
.sub_tab_style01 ul {display: flex; justify-content: center; gap: 24px; height: 80px; }
.sub_tab_style01 ul li, .sub_tab_style01 .swiper-slide {width: auto;}
.sub_tab_style01 ul li button,
.sub_tab_style01 ul li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0 24px; border-top: 2px solid transparent; border-bottom: 2px solid transparent; font-size: 20px; color: var(--gray3); font-weight: 700;}
.sub_tab_style01 ul li.active button,
.sub_tab_style01 ul li.active a {position: relative; border-bottom-color: var(--main4); color: var(--main4);}
.sub_tab_style02 ul {display: flex; gap: 8px; flex-wrap: wrap;}
.sub_tab_style02 ul li button,
.sub_tab_style02 ul li a {display: flex; align-items: center; justify-content: center; height: 40px; padding: 0 20px; border-radius: 30px; background-color: var(--wh_gray); font-size: 16px; color: var(--gray2); font-weight: 700;}
.sub_tab_style02 ul li.active button,
.sub_tab_style02 ul li.active a {background-color: var(--main2); color: var(--white);}

.sub_contents > div {display: none;}
.sub_contents > div.on {display: block;}

table {width: 100%; border-collapse: collapse; table-layout: fixed;}

.table_style01 {border-top: 1px solid var(--black);}
.table_style01 table tr {border-bottom: 1px solid var(--border1);}
.table_style01 table td {text-align: center;}
.table_style01 table thead th {padding: 21px 0; background-color: var(--wh_gray); font-size: 16px; color: var(--black); font-weight: 500;}
.table_style01 table tbody td {padding: 25px 0; color: var(--gray2);}
.table_style01 table tbody td.category .tag {display: none;}
.table_style01 table tbody td.category .tag02 {color: var(--main2);}
.table_style01 table tbody td.title {text-align: left; padding-left: 16px; padding-right: 16px;}
.table_style01 table tbody td.title > div {display: flex; align-items: center; gap: 16px;}
.table_style01 table tbody td.title > div a {flex: 0 1 auto; flex-basis: auto; max-width: calc(100% - 60px);}
.table_style01 table tbody td.category .tag,
.table_style01 table tbody td.title .tag {display: flex; align-items: center; justify-content: center; height: 25px; padding: 0 8px; border-radius: 4px; background-color: var(--main2); font-size: 14px; color: var(--white); font-weight: 700;}
.table_style01 table tbody td.title a {display: inline-block; max-width: 100%; color: var(--black); font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.table_style01 table ul.text01 {display: flex; align-items: center;}
.table_style01 table ul.text01 li:nth-of-type(1) {width: calc(100% / 3 * 2);}
.table_style01 table ul.text01 li:nth-of-type(2) {width: calc(100% / 3);}
.table_style01 table ul.text02 {display: flex; align-items: center;}
.table_style01 table ul.text02 li:nth-of-type(1) {width: 45%;}
.table_style01 table ul.text02 li:nth-of-type(2),
.table_style01 table ul.text02 li:nth-of-type(3) {width: 20%;}
.table_style01 table ul.text02 li.list01 {width: 15%;}
.table_style01 table ul.text02 li.list02 {width: 45%;}
.table_style01 table ul.text02 li.list03 {width: 20%;}
.table_style01 table ul.text02 li.list04 {width: 20%;}
.table_style02 {border-top: 1px solid var(--black);}
.table_style02 .col_w01 {width: 190px;}
.table_style02 table tr {border-bottom: 1px solid var(--border1);}
.table_style02 table th {height: 94px; padding: 24px 40px; background-color: var(--wh_gray); font-size: 16px; color: var(--black); font-weight: 500; text-align: left;}
.table_style02 table td {height: 94px; padding: 24px 40px; font-size: 16px; color: var(--gray1); font-weight: 500;}

.list_style01 .nodata {font-size: 16px; color: var(--gray2); text-align: center;}
.list_style01 ul {display: flex; flex-wrap: wrap; gap: 60px 31px;}
.list_style01 ul li {width: calc((100% - 31px * 2) / 3);}
.list_style01 ul li .img_area {position: relative; padding-bottom: 67%; border-radius: 10px; overflow: hidden;}
.list_style01 ul li .img_area img {position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: translate(-50%, -50%);}
.list_style01 ul li p {margin-top: 24px; font-size: 18px; color: var(--black); font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 2.5rem; max-height:5rem;}
.list_style01 ul li span {display: block; margin-top: 8px; font-size: 16px; color: var(--gray2); font-weight: 500;}

.btn {display: flex; align-items: center; justify-content: center; width: 100%;}
.btn.h_40 {height: 40px; font-size: 14px;}
.btn.h_46 {height: 46px; font-size: 14px;}
.btn.h_56 {height: 56px; font-size: 20px;}
.btn.btn_style01 {border: 1px solid var(--main2); border-radius: 4px; background-color: var(--white); color: var(--main2); font-weight: 700;}
.btn.btn_style02 {border: 1px solid var(--border4); border-radius: 4px; background-color: var(--white); color: var(--black); font-weight: 700;}
.btn.btn_style03 {border-radius: 4px; background-color: var(--main2); color: var(--white); font-weight: 700;}

.chk_radio_list {display: flex; align-items: center; gap: 24px;}

.chk_style01 input {display: none; width: 0; height: 0; padding: 0; margin: 0; border: 0; opacity: 0; visibility: hidden; overflow: hidden;}
.chk_style01 label {display: inline-flex; align-items: center; gap: 8px; cursor: pointer;}
.chk_style01 label::before {content: ''; display: block; width: 24px; height: 24px; border: 1px solid var(--border4); border-radius: 4px; background: var(--white) url('../img/icons/check.svg') no-repeat center;}
.chk_style01 input:checked + label::before {border-color: var(--main2);background: var(--main2) url('../img/icons/check_on.svg') no-repeat center;}

.radio_style01 input {display: none; width: 0; height: 0; padding: 0; margin: 0; border: 0; opacity: 0; visibility: hidden; overflow: hidden;}
.radio_style01 label {display: inline-flex; align-items: center; gap: 8px; cursor: pointer;}
.radio_style01 label::before {content: ''; display: block; width: 24px; height: 24px; border: 1px solid var(--border4); border-radius: 50%; background-color: var(--white);}
.radio_style01 input:checked + label::before {border: 7px solid var(--main2);}

.file_style01 {display: flex; align-items: center; gap: 16px; flex-wrap: wrap;}
.file_style01 .file_btn {position: relative; display: block; width: 100px; height: 40px; border: 1px solid var(--border4); border-radius: 4px; font-size: 14px !important; color: var(--black) !important; font-weight: 700 !important; overflow: hidden;}
.file_style01 .file_btn input {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; padding: 0; padding-left: 100px; border: 0; opacity: 0; cursor: pointer;}
.file_style01 .no_file {font-size: 14px !important; color: var(--gray3) !important; font-weight: 500;}
.file_style01 .is_file {display: none; align-items: center; gap: 8px;}
.file_style01 .is_file span {flex: 1; font-size: 14px !important; color: var(--gray1) !important; font-weight: 500; text-decoration: underline; word-break: break-all;}
.file_style01 .cancel_btn {width: 16px;}
.file_style01.isFile .no_file {display: none;}
.file_style01.isFile .is_file {display: flex;}

/*추가*/
.file_style02 {display: flex; align-items: center; gap: 16px; flex-wrap: wrap;}
.file_style02 .file_btn {position: relative; display: block; width: 100px; height: 40px; border: 1px solid var(--border4); border-radius: 4px; font-size: 14px !important; color: var(--black) !important; font-weight: 700 !important; overflow: hidden;}
.file_style02 .file_btn input {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; padding: 0; padding-left: 100px; border: 0; opacity: 0; cursor: pointer;}
.file_style02 .no_file {font-size: 14px !important; color: var(--gray3) !important; font-weight: 500;}
.file_style02 .is_file {display: none; align-items: center; gap: 8px;}
.file_style02 .is_file span {flex: 1; font-size: 14px !important; color: var(--gray1) !important; font-weight: 500; text-decoration: underline; word-break: break-all;}
.file_style02 .cancel_btn {width: 16px;}
.file_style02.isFile .no_file {display: none;}
.file_style02.isFile .is_file {display: flex;}

.select_wrap {position: relative;}
.select_wrap button.selected {position: relative; display: flex; align-items: center; width: 100%; height: 46px; padding: 0 40px 0 16px; border: 1px solid var(--border1); border-radius: 4px; font-size: 14px !important; color: var(--gray1) !important; font-weight: 500;}
.select_wrap button.selected::before {content: ''; position: absolute; top: calc(50% - 8px); right: 16px; display: block; width: 16px; height: 16px; background: url('../img/icons/icon_dropdown.svg') no-repeat center / contain; transition: all 0.3s;}
.select_wrap ul {position: absolute; top: calc(100% - 1px); display: none; width: 100%; border: 1px solid var(--border1); border-radius: 0 0 4px 4px; background-color: var(--white); z-index: 1;}
.select_wrap ul li + li {border-top: 1px solid var(--border1);}
.select_wrap ul li button {display: block; width: 100%; padding: 10px 16px; font-size: 14px !important; color: var(--gray1) !important; text-align: left;}
.select_wrap.on ul {display: block;}
.select_wrap.on button.selected {border-radius: 4px 4px 0 0;}
.select_wrap.on button.selected::before {transform: rotate(180deg);}

.search_wrap {position: relative;}
.search_wrap input {padding-right: 49px;}
.search_wrap button {position: absolute; top: calc(50% - 12px); right: 16px;}

.count_search_wrap {display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 24px;}
.count_search_wrap .cnt_text {display: block; font-size: 16px; color: var(--gray1); font-weight: 500;}
.count_search_wrap .right_area {display: flex; align-items: center; gap: 8px;}
.count_search_wrap .right_area .select_wrap {width: 100px;}
.count_search_wrap .right_area .search_wrap {width: 292px;}

.tab_search_wrap {display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 24px;}
.tab_search_wrap .right_area {display: flex; align-items: center; gap: 8px;}
.tab_search_wrap .right_area .select_wrap {width: 100px;}
.tab_search_wrap .right_area .search_wrap {width: 292px;}

.page_wrap {display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 60px;}
.page_wrap button, .page_wrap a {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; font-size: 16px; color: var(--gray2); font-weight: 500;}
.page_wrap button.active, .page_wrap a.active {color: var(--main4);}

.page_btn_wrap {position: relative;}
.page_btn_wrap .page_wrap {padding-bottom: 16px;}
.page_btn_wrap .btn_wrap {position: absolute; top: 0; right: 0;}
.page_btn_wrap .btn_wrap button, .page_btn_wrap .btn_wrap a {width: 240px;}

.view_wrap .title_area {padding: 40px; border-top: 1px solid var(--black); border-bottom: 1px solid var(--border1);}
.view_wrap .title_area .tit {display: flex; gap: 16px;}
.view_wrap .title_area .tit .tags {display: flex; gap: 8px;}
.view_wrap .title_area .tit .tag,
.view_wrap .title_area .tit .tag02 {display: flex; align-items: center; justify-content: center; height: 25px; padding: 0 8px; margin-top: 2px; border-radius: 4px; font-size: 14px; font-weight: 700;}
.view_wrap .title_area .tit .tag {background-color: var(--main2); color: var(--white); }
.view_wrap .title_area .tit .tag02 {border: 1px solid var(--main2); color: var(--main2);}
.view_wrap .title_area .tit h5 {flex: 1;}
.view_wrap .title_area ul {display: flex; align-items: center; gap: 12px; margin-top: 16px;}
.view_wrap .title_area ul li {display: flex; align-items: center; font-size: 16px; color: var(--gray2); font-weight: 500;}
.view_wrap .title_area ul li:not(:last-of-type)::after {content: ''; display: block; width: 1px; height: 12px; background-color: var(--border1); margin-left: 12px;}
.view_wrap .content_area {min-height: 545px; padding: 40px; border-bottom: 1px solid var(--border1); font-size: 12pt; font-family: '돋움', Dotum, Helvetica, Sans-serif;}
.view_wrap .content_area * {font-size: inherit; font-family: inherit;}
.view_wrap .content_area img {display: inline-block; max-width: 100%;}
.view_wrap .file_area {padding: 40px; border-bottom: 1px solid var(--border1);}
.view_wrap .file_area a {display: inline-flex; gap: 8px;}
.view_wrap .file_area a i {display: block; width: 16px; height: 16px; background: url('../img/icons/icon_file.svg') no-repeat center / contain;}
.view_wrap .file_area a span {flex: 1; display: block; font-size: 16px; color: var(--gray1); font-weight: 500; text-decoration: underline;}
.view_wrap .btn_wrap {display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 60px;}
.view_wrap .btn_wrap .btn {max-width: 240px;}

.detail_top_text_area {display: flex; align-items: center; justify-content: space-between; gap: 4px; flex-wrap: wrap; margin-bottom: 16px;}
.detail_top_text_area p {font-size: 14px; color: var(--gray1); font-weight: 500;}
.detail_wrap {border-top: 1px solid var(--black);}
.detail_wrap .content_area dl {display: flex; align-items: center; min-height: 94px; padding: 24px 40px; border-bottom: 1px solid var(--border1);}
.detail_wrap .content_area dl dt {width: 150px; font-size: 16px; color: var(--black); font-weight: 500;}
.detail_wrap .content_area dl dd {flex: 1; }
.detail_wrap .content_area dl dd,
.detail_wrap .content_area dl dd * {font-size: 16px; color: var(--gray1); font-weight: 500;}
.detail_wrap .content_area dl dd input,
.detail_wrap .content_area dl dd textarea,
.detail_wrap .content_area dl dd select {font-size: 14px;}
.detail_wrap .content_area dl.top_type {align-items: flex-start;}
.detail_wrap .content_area dl.top_type dt {padding-top: 12px;}
.detail_wrap .agree_area {display: flex; align-items: center; gap: 16px; margin-top: 24px;}
.detail_wrap .agree_area .chk_style01 label {font-size: 16px;}
.detail_wrap .agree_area button {font-size: 16px;}
.detail_wrap .input_text_wrap {display: flex; align-items: center; gap: 16px;}
.detail_wrap .input_text_wrap .info {font-size: 14px; color: var(--main2); font-weight:500;}
.detail_wrap .btn_wrap {display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 60px;}
.detail_wrap .btn_wrap .btn {max-width: 240px;}

/*=============================================================*/
/*                          COMPANY                            */
/*=============================================================*/
.story_con01 {overflow: hidden;}
.story_con01 .inner {display: flex; align-items: center; gap: 80px;}
.story_con01 .text_area {width: calc(61.428% - 80px);}
.story_con01 .text_area h3 {margin-bottom: 40px; color: var(--main2); word-break: keep-all;}
.story_con01 .text_area p + p {margin-top: 24px;}
.story_con01 .text_area span {display: block; margin-top: 40px; font-size: 20px;}
.story_con01 .text_area span b {font-size: 24px;}
.story_con01 .img_area {position: relative; width: 38.572%;}
.story_con01 .img_area .deco01 {position: absolute; top: 0; right: 7%; width: 21.667%;}
.story_con01 .img_area .deco02 {position: absolute; bottom: 3%; left: 0; width: 23.705%;}
.story_con01 .img_area .deco03 {position: absolute; bottom: 1%; left: 0; width: 26.112%;}
.story_con01.type01 {padding: 120px 0; background: url('../img/page/story_bg01.jpg') no-repeat center / cover;}
.story_con01.type02 {padding: 100px 0 200px;}

.ci_con01 {padding-bottom: 100px;}
.ci_con01:last-of-type {padding-bottom: 200px;}
.ci_con01 h4 {margin-bottom: 30px;}
.ci_con01 p {margin-top: 24px;}
.ci_con01 .text_area {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 300px; border-radius: 10px; background: url('../img/page/ci_bg01.jpg') no-repeat center / cover; text-align: center;}
.ci_con01 .text_area h3 {position: relative; color: var(--main2);}
.ci_con01 .text_area .deco01 {position: absolute; top: 7%; right: 10%; width: 8.358%;}
.ci_con01 .text_area .deco02 {position: absolute; bottom: 16%; left: 8%; width: 9.143%;}
.ci_con01 .img_area {display: flex; align-items: center; justify-content: center; width: 100%; height: 300px; border: 1px solid var(--border1); border-radius: 10px;}
.ci_con01 .img_area img {height: 210px;}
.ci_con01 .img_area img.img01 {height: auto;}
.ci_con01 ul {display: flex; gap: 30px; margin-top: 40px;}
.ci_con01 ul li {width: calc(50% - 15px);}

.history_con01 {padding-bottom: 200px;}
.history_con01 dl {display: flex;}
.history_con01 dl + dl {padding-top: 100px; margin-top: 100px; border-top: 1px solid var(--border2);}
.history_con01 dl dt {width: 340px; font-size: 32px; color: var(--black); font-weight: 700;}
.history_con01 dl dd {width: calc(100% - 340px);}
.history_con01 dl dd ul li {position: relative; display: flex;}
.history_con01 dl dd ul li:not(:last-of-type) {padding-bottom: 40px;}
.history_con01 dl dd ul li::before {content:''; position: absolute; top: 0; left: 89px; display: block; width: 2px; height:100%; background-color: var(--border3);}
.history_con01 dl dd ul li::after {content: ''; position: absolute; top: 11px; left: 84px; display: block; width: 12px; height: 12px; border: 3px solid var(--main2); border-radius: 50%; background-color: var(--white);}
.history_con01 dl dd ul li:first-of-type::before {top: 11px; height: calc(100% - 11px);}
.history_con01 dl dd ul li:last-of-type::before {height: 11px;}
.history_con01 dl dd ul li h5 {width: 120px; line-height: 1.5;}
.history_con01 dl dd ul li .text_area {width: calc(100% - 120px);}
.history_con01 dl dd ul li .text_area p {display: flex; gap: 16px;}
.history_con01 dl dd ul li .text_area p + p {margin-top: 8px;}
.history_con01 dl dd ul li .text_area p b {color: var(--black);}
.history_con01 dl dd ul li .text_area p span {flex: 1;}

.organ_con01 {width: 100%; max-width: 1196px; margin: 0 auto; padding: 0 56px 200px 16px;}
.organ_con01 img {width: 100%;}

.location_con01 {padding-bottom: 200px;}
.location_con01 .map_area {width: 100%; height: 400px; margin-bottom: 40px; border-radius: 10px; overflow: hidden;}
.location_con01 .map_area .root_daum_roughmap {width: 100% !important;}
.location_con01 .map_area .map_border {display: none;}
.location_con01 .text_area {display: flex; gap: 30px;}
.location_con01 .text_area dl {width: calc((100% - 30px * 2) / 3); padding: 40px; border: 1px solid var(--border1); border-radius: 10px;}
.location_con01 .text_area dl dt {display: flex; align-items: center; gap: 16px; margin-bottom: 24px;}
.location_con01 .text_area dl dd p {word-break: keep-all;}
.location_con01 .text_area dl dd ul li {position: relative; padding-left: 12px;}
.location_con01 .text_area dl dd ul li::before {content: ''; position: absolute; top: 16px; left: 0; display: block; width: 4px; height: 4px; background-color: var(--gray3);}
.location_con01 .text_area dl dd ul li + li {margin-top: 4px;}

/*=============================================================*/
/*                          SCIENCE                            */
/*=============================================================*/
.intro_con01 {position: relative; overflow: hidden;}
.intro_con01::before {content: ''; position: absolute; bottom: 0; display: block; width: 100%; height: 50%; background-color: var(--wh_gray); z-index: -1;}
.intro_con01 .banner_wrap {display: flex; width: 100%; border-radius: 10px; overflow: hidden;}
.intro_con01 .banner_wrap .img_area {position: relative; width: 466px; height: 300px;}
.intro_con01 .banner_wrap .img_area img {position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: translate(-50%, -50%);}
.intro_con01 .banner_wrap .text_area {display: flex; align-items: center; width: calc(100% - 466px); padding: 0 80px; background-color: var(--main3);}
.intro_con01 .banner_wrap .text_area p {color: var(--white); word-break: keep-all;}
.intro_con01 .banner_wrap .text_area p b {font-weight: 900;}

.intro_con02 {padding: 40px 0 200px; background-color: var(--wh_gray);}
.intro_con02 ul {display: flex; flex-wrap: wrap; border-radius: 10px; background-color: var(--white); overflow: hidden;}
.intro_con02 ul li {position: relative; width: calc(100% / 3); text-align: center; overflow: hidden;}
.intro_con02 ul li:not(:nth-of-type(3n)) {border-right: 1px solid var(--border5);}
.intro_con02 ul li:nth-of-type(n+4) {border-top: 1px solid var(--border5);}
.intro_con02 ul li::before {content: ''; display: block; padding-bottom: 100%;}
.intro_con02 ul li .title_area {position: absolute; top: 50%; left: 0; width: 100%; padding: 0 16px; object-fit: contain; object-position: center; transform: translateY(-50%);}
.intro_con02 ul li .title_area img {width: 150px; margin: 0 auto;}
.intro_con02 ul li .title_area h4 {margin-top: 24px; color: var(--gray1); font-weight: 500; word-break: keep-all;}
.intro_con02 ul li .title_area h4 b {color: var(--black); font-weight: 900;}
.intro_con02 ul li .text_area {position: absolute; top: -100%; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0 16px; transition: all 0.5s;}
.intro_con02 ul li .text_area p {color: var(--white); word-break: keep-all;}
.intro_con02 ul li .text_area p b {font-weight: 900;}
.intro_con02 ul li:hover .text_area {top: 0;}
.intro_con02 ul li .logo {position: absolute; top: 50%; left: 50%; width: 80%; max-width: 318px; object-position: center; transform: translate(-50%, -50%); }
.intro_con02 ul li:nth-of-type(2) .text_area {background-color: var(--point1);}
.intro_con02 ul li:nth-of-type(3) .text_area {background-color: var(--point2);}
.intro_con02 ul li:nth-of-type(4) .text_area {background-color: var(--point3);}
.intro_con02 ul li:nth-of-type(5) .text_area {background-color: var(--point4);}
.intro_con02 ul li:nth-of-type(6) .text_area {background-color: var(--point5);}

.default_con01 {padding-bottom: 200px;}
.default_con01 .img_area {padding: 50px 0; background: var(--blue2) url('../img/page/default_bg01.jpg') no-repeat center / cover; border-radius: 10px 10px 0 0; overflow: hidden;}
.default_con01 .img_area img {width: 100%; max-width: 740px; margin: 0 auto;}
.default_con01 .text_area {padding: 0 80px 80px; border-radius: 0 0 10px 10px; background-color: var(--blue2); overflow: hidden;}
.default_con01 .text_area ul {padding: 24px 60px; border-radius: 10px; background-color: var(--white);}
.default_con01 .text_area ul li {display: flex; align-items: center; padding: 24px 0;}
.default_con01 .text_area ul li + li {border-top: 1px solid var(--border1);}
.default_con01 .text_area ul li h5 {display: flex; align-items: center; gap: 16px; width: 324px; word-break: keep-all;}
.default_con01 .text_area ul li h5 i {display: block; width: 24px; height: 24px; background: url('../img/icons/icon_check.svg') no-repeat center / contain;}
.default_con01 .text_area ul li p {width: calc(100% - 324px);}

.default_con02 {padding-bottom: 100px;}
.default_con02 .inner {display: flex; gap: 30px; flex-wrap: wrap;}
.default_con02 dl {display: flex; flex-direction: column; width: calc((100% - 30px * 4) / 5); text-align: center; cursor: pointer;}
.default_con02 dl:last-of-type {width: calc((100% - 30px * 4) / 5 * 2 + 30px);}
.default_con02 dl dt {display: flex; align-items: center; justify-content: center; height: 60px; padding: 0 8px; border-radius: 10px 10px 0 0; font-size: 20px; color: var(--white); font-weight: 700;}
.default_con02 dl dd {display: flex; align-items: center; justify-content: center; flex: 1; min-height: 80px; padding: 8px; border: 1px solid var(--border1); border-top: 0; border-radius: 0 0 10px 10px; font-size: 24px; color: var(--gray1); font-weight: 500;}
.default_con02 dl.color01 dt {background-color: var(--point5);}
.default_con02 dl.color02 dt {background-color: var(--main2);}
.default_con02 dl.color03 dt {background-color: var(--point2);}
.default_con02 dl.color04 dt {background-color: var(--point1);}
.default_con02 dl.color05 dt {background-color: var(--point3);}
.default_con02 dl.color06 dt {background-color: var(--point4);}

.default_con03 {padding: 100px 0 200px; background-color: var(--wh_gray);}
.default_con03 dl {display: flex; flex-direction: column; gap: 24px;}
.default_con03 dl + dl {margin-top: 100px;}
.default_con03 dl dt {display: flex; align-items: center; justify-content: center; height: 78px; border-radius: 10px; font-size: 24px; color: var(--white); font-weight: 700;}
.default_con03 dl dd {position: relative;}
.default_con03 dl dd ul {display: flex; gap: 30px; flex-wrap: wrap;}
.default_con03 dl dd ul li {width: calc(50% - 15px); padding: 40px 16px; border-radius: 10px; background-color: var(--white); text-align: center;}
.default_con03 dl dd ul li img {max-height: 232px; margin: 0 auto;}
.default_con03 dl dd ul li .imgs {display: flex; align-items: center; justify-content: center; gap: 16px; margin: 0 auto;}
.default_con03 dl dd ul li .imgs img {margin: 0;}
.default_con03 dl dd ul li span {display: block; margin-top: 24px; font-size: 20px; color: var(--gray1); font-weight: 500;}
.default_con03 dl dd .circle {position: absolute; top: calc(50% - 112px); left: calc(50% - 112px); display: flex; align-items: center; justify-content: center; flex-direction: column; width: 232px; height: 232px; border: 6px solid var(--white); border-radius: 50%; box-shadow: 0 4px 30px rgba(0,0,0,0.1); z-index: 1;}
.default_con03 dl dd .circle,
.default_con03 dl dd .circle * {font-family: 'SBAggro';}
.default_con03 dl dd .circle p {color: var(--black); font-weight: 500;}
.default_con03 dl dd .circle span {display: block; font-weight: 700;}
.default_con03 dl dd .circle.type01 {gap: 4px; padding-top: 10px;}
.default_con03 dl dd .circle.type01 p {font-size: 28px;}
.default_con03 dl dd .circle.type01 span {font-size: 56px;}
.default_con03 dl dd .circle.type02 {gap: 2px;}
.default_con03 dl dd .circle.type02 p {font-size: 18px;}
.default_con03 dl dd .circle.type02 span {font-size: 36px;}
.default_con03 dl dd .circle.type02 * + p {margin-top: 8px;}
.default_con03 dl dd .circle.type03 p {font-size: 16px;}
.default_con03 dl dd .circle.type03 span {font-size: 36px;}
.default_con03 dl dd .circle.type03 span + span {margin-top: 8px;}
.default_con03 dl dt.color01 {background-color: var(--point5);}
.default_con03 dl dt.color02 {background-color: var(--main2);}
.default_con03 dl dt.color03 {background-color: var(--point2);}
.default_con03 dl dt.color04 {background-color: var(--point1);}
.default_con03 dl dt.color05 {background-color: var(--point3);}
.default_con03 dl dt.color06 {background-color: var(--point4);}
.default_con03 dl dd .circle.color01 {background-color: var(--point6);}
.default_con03 dl dd .circle.color01 span {color: var(--point5);}
.default_con03 dl dd .circle.color02 {background-color: var(--point7);}
.default_con03 dl dd .circle.color02 span:nth-of-type(1) {color: var(--main2);}
.default_con03 dl dd .circle.color02 span:nth-of-type(2) {color: var(--point8);}
.default_con03 dl dd .circle.color03 {background-color: var(--point9);}
.default_con03 dl dd .circle.color03 span:nth-of-type(1) {color: var(--point2);}
.default_con03 dl dd .circle.color03 span:nth-of-type(2) {color: var(--point10);}
.default_con03 dl dd .circle.color04 {background-color: var(--point11);}
.default_con03 dl dd .circle.color04 span {color: var(--point1);}
.default_con03 dl dd .circle.color05 {background-color: var(--point12);}
.default_con03 dl dd .circle.color05 span {color: var(--point3);}
.default_con03 dl dd .circle.color06 {background-color: var(--point13);}
.default_con03 dl dd .circle.color06 span:nth-of-type(1) {color: var(--point4);}
.default_con03 dl dd .circle.color06 span:nth-of-type(2) {color: var(--point14);}

.guide_con01 {padding-bottom: 100px;}
.guide_con01 h4 {margin-bottom: 30px;}
.guide_con01 .list_wrap {display: flex; flex-wrap: wrap; gap: 42px 30px;}
.guide_con01 dl {width: calc((100% - 30px * 2) / 3);}
.guide_con01 dl dt {display: flex; align-items: center; justify-content: space-between; padding: 0 40px; border-radius: 10px; background-color: var(--wh_gray); overflow: hidden;}
.guide_con01 dl dt .text_area .tag {display: inline-flex; align-items: center; justify-content: center; height: 30px; padding: 0 20px; border-radius: 30px; background-color: var(--main2); font-size: 14px; color: var(--white); font-weight: 700;}
.guide_con01 dl dt .text_area h5 {margin-top: 16px; word-break: keep-all;}
.guide_con01 dl dt .img_area {max-width: 160px;}
.guide_con01 dl dd {margin-top: 24px;}
.guide_con01 dl:nth-of-type(1) dt {background-color: var(--yellow2);}
.guide_con01 dl:nth-of-type(1) dt .tag {border: 1px solid var(--main2); background-color: transparent; color: var(--main2);}

.guide_con02 {padding-bottom: 200px;}
.guide_con02 h4 {margin-bottom: 30px;}
.guide_con02 .box_wrap {display: flex; align-items: center; justify-content: space-between; gap: 100px; padding: 80px 80px 64px; border-radius: 10px;}
.guide_con02 .box_wrap + .box_wrap {margin-top: 40px;}
.guide_con02 .box_wrap .text_area {width: calc(100% - 380px);}
.guide_con02 .box_wrap .text_area h3 {margin-bottom: 40px;}
.guide_con02 .box_wrap .text_area ul {padding: 16px 60px; border-radius: 10px; background-color: var(--white);}
.guide_con02 .box_wrap .text_area ul li {display: flex; gap: 16px; padding: 24px 0;}
.guide_con02 .box_wrap .text_area ul li + li {border-top: 1px solid var(--border1);}
.guide_con02 .box_wrap .text_area ul li i {display: block; width: 24px; height: 24px; margin-top: 4px; background: url('../img/icons/icon_check.svg') no-repeat center / contain;}
.guide_con02 .box_wrap .text_area ul li p {flex: 1;}
.guide_con02 .box_wrap .text_area ul li p b {color: var(--black); font-weight: 900;}
.guide_con02 .box_wrap .text_area ul li p span {display: inline-block; vertical-align: middle; font-size: 16px; color: var(--gray3); font-weight: 500;}
.guide_con02 .box_wrap .img_area {width: 280px; text-align: center;}
.guide_con02 .box_wrap .img_area .talk_area {position: relative; width: calc(100% + 8px); margin: -4px; padding: 27px 0 42px; background: url('../img/page/guide_talk_pc.png') no-repeat center / contain; z-index: 1;}
.guide_con02 .box_wrap .img_area .talk_area p {font-size: 24px; color: var(--black); font-weight: 800;}
.guide_con02 .box_wrap .img_area img {margin: 40px 0;}
.guide_con02 .box_wrap .img_area span {font-size: 20px; color: var(--gray1); font-weight: 500;}
.guide_con02 .box_wrap .img_area span b {color: var(--black); font-weight: 800;}
.guide_con02 .box_wrap.type01 {flex-direction:row-reverse; background-color: var(--yellow2);}
.guide_con02 .box_wrap.type01 .text_area h3 {color: var(--main2);}
.guide_con02 .box_wrap.type01 .img_area .talk_area p b {color: var(--main2);}
.guide_con02 .box_wrap.type02 {background-color: var(--purple2);}
.guide_con02 .box_wrap.type02 .text_area h3 {color: var(--purple);}
.guide_con02 .box_wrap.type02 .img_area .talk_area p b {color: var(--purple);}

/*=============================================================*/
/*                         COMMUNITY                           */
/*=============================================================*/


/*=============================================================*/
/*                         OPENING                             */
/*=============================================================*/.opening_banner {display: flex; align-items: center; justify-content: space-between; gap: 24px; height: 200px; margin-bottom: 200px; padding: 0 80px; border-radius: 10px; background-color: var(--main5);}
.opening_banner .tit_text_wrap h5 {margin-bottom: 16px; font-size: 20px; color: var(--black); font-weight: 700; line-height: 1.4;}
.opening_banner .tit_text_wrap .text_area {display: flex; align-items: center; gap: 40px;}
.opening_banner .tit_text_wrap .text_area a {display: inline-block; font-size: 56px; color: var(--main2); font-weight: 700;}
.opening_banner .tit_text_wrap .text_area span {display: block; font-size: 16px; color: var(--gray1); font-weight: 500; line-height: 1.6;}
.opening_banner .btn {max-width: 240px;}

.training_con01 {margin-bottom: 40px; padding: 80px; border-radius: 10px; background-color: var(--yellow2);}
.training_con01 .top_text_wrap {display: flex; align-items: flex-end; justify-content: space-between; gap: 12px;}
.training_con01 .top_text_wrap .text_area {flex: 1; padding-bottom: 40px;}
.training_con01 .top_text_wrap .text_area h3 {color: var(--main2);}
.training_con01 .top_text_wrap .text_area p {margin-top: 24px;}
.training_con01 .top_text_wrap .img_area {width: 40%; max-width: 440px;}
.training_con01 ul {position: relative; padding: 16px 60px; border-radius: 10px; background-color: var(--white); z-index: 1;}
.training_con01 ul li {display: flex; gap: 16px; padding: 24px 0;}
.training_con01 ul li + li {border-top: 1px solid var(--border1);}
.training_con01 ul li i {display: block; width: 24px; height: 24px; margin-top: 4px; background: url('../img/icons/icon_check.svg') no-repeat center / contain;}
.training_con01 ul li p {flex: 1;}
.training_con01 ul li p b {color: var(--black); font-weight: 900;}

.benefits_con01 {padding-bottom: 100px;}
.benefits_con01 h4 {margin-bottom: 30px;}
.benefits_con01 .title_area {display: flex; align-items: center; justify-content: center; height: 120px; border-radius: 10px; background-color: var(--yellow2);}
.benefits_con01 .title_area h4 {margin: 0; color: var(--main2);}
.benefits_con01 ul {display: flex; flex-wrap: wrap; gap: 30px; margin-top: 40px;}
.benefits_con01 ul li {position: relative; width: calc((100% - 30px * 2) / 3); padding: 40px; border: 1px solid var(--border1); border-radius: 10px;}
.benefits_con01 ul li img {position: absolute; top: 40px; right: 40px;}
.benefits_con01 ul li span {display: block; font-size: 24px; color: var(--main2); font-weight: 700; }
.benefits_con01 ul li h5 {margin-top: 26px;}
.benefits_con01 ul li p {margin-top: 8px;}

.benefits_con02 {padding-bottom: 100px;}
.benefits_con02 h4 {margin-bottom: 30px;}
.benefits_con02 ul {display: flex; gap: 30px; flex-wrap: wrap;}
.benefits_con02 ul li {width: calc((100% - 30px * 2) / 3); padding: 40px 0; border-radius: 10px; background-color: var(--wh_gray); text-align: center;}
.benefits_con02 ul li h5 {margin-bottom: 16px;}

.benefits_con03 {padding-bottom: 100px;}
.benefits_con03 h4 {margin-bottom: 30px;}
.benefits_con03 .list_wrap {display: flex; flex-wrap: wrap;}
.benefits_con03 ul {width: 50%;}
.benefits_con03 ul li {display: flex; gap: 16px;}
.benefits_con03 ul li + li {margin-top: 16px;}
.benefits_con03 ul li i {display: block; width: 24px; height: 24px; margin-top: 4px; background: url('../img/icons/icon_check.svg') no-repeat center / contain;}
.benefits_con03 ul li span {display: block; font-size: 20px; color: var(--gray3); font-weight: 500;}



/*=============================================================*/
/*                         TEACHERS                            */
/*=============================================================*/
.teachers_banner_wrap {display: flex; align-items: center; justify-content: center; gap: 40px; margin-bottom: 40px;}
.teachers_banner_wrap a {display: flex; align-items: center; justify-content: space-between; width: 100%; width: 100%; max-width: 360px; height: 128px; padding: 0 30px; border-radius: 10px; background-color: var(--green3);}
.teachers_banner_wrap a span {display: flex; align-items: center; gap: 4px; font-size: 24px; color: var(--white); font-weight: 700;}
.teachers_banner_wrap a span i {display: block; width: 24px; height: 24px; background: url('../img/icons/icon_arr_up_right.svg') no-repeat center / contain;}
.teachers_banner_wrap a img {width: 80px;}
.teachers_banner_wrap a.type02 {background-color: #FF8522;}


@media (max-width: 1200px) {
  .location_con01 .text_area {gap: 16px;}
  .location_con01 .text_area dl {width: calc((100% - 16px * 2) / 3); padding: 24px;}

  .intro_con01 .banner_wrap .img_area {width: 400px;}
  .intro_con01 .banner_wrap .text_area {width: calc(100% - 400px); padding: 0 24px;}
  .default_con03 dl dd ul li img {max-height: 180px;}
  .default_con03 dl dd ul li .imgs {gap: 0;}
  .guide_con01 .list_wrap {gap: 30px 24px;}
  .guide_con01 .list_wrap dl {width: calc(50% - 12px);}
  .guide_con02 .box_wrap {gap: 40px; padding: 40px 24px;}
  .guide_con02 .box_wrap .text_area {width: calc(100% - 280px);}
  .guide_con02 .box_wrap .text_area ul {padding: 16px 40px;}
  .guide_con02 .box_wrap .img_area {width: 240px;}

  .opening_banner {padding: 0 40px;}
  .opening_banner .tit_text_wrap .text_area {gap: 8px;}
  .training_con01 {padding: 40px 24px;}
  .training_con01 ul {padding: 16px 40px;}
  .benefits_con01 ul {gap: 16px;}
  .benefits_con01 ul li {width: calc(50% - 8px);}
  .benefits_con02 ul {gap: 16px;}
  .benefits_con02 ul li {width: calc((100% - 16px * 2) / 3);}
}

@media (max-width: 1024px) {
  .sub_last_con {padding-bottom: 100px;}
  .sub_title {padding: 60px 0 40px;}
  .sub_tab_style01 {width: calc(100% + 32px); margin-bottom: 40px; margin-left: -16px; margin-right: -16px;}
  .sub_tab_style01::before {border-width: 1px; border-left: 0; border-right: 0; border-radius: 0;}
  .sub_tab_style01 ul {gap: 0; height: 56px;}
  .sub_tab_style01 ul li button,
  .sub_tab_style01 ul li a {font-size: 15px;}
  .sub_tab_style01.tab_slide ul {justify-content: flex-start;}
  .sub_tab_style02 ul {justify-content: center;}
  .sub_tab_style02 ul li button,
  .sub_tab_style02 ul li a {height: 36px; padding: 0 16px; font-size: 14px;}

  .table_style01 table {display: block;}
  .table_style01 table tr {display: block;}
  .table_style01 table thead {display: none;}
  .table_style01 table tbody {display: block;}
  .table_style01 table tbody tr {padding: 16px 0;}
  .table_style01 table tbody td {display: block; padding: 0;}
  .table_style01 table tbody td.num {display: none;}
  .table_style01 table tbody td.category {display: flex; gap: 8px;}
  .table_style01 table tbody td.category .tag02 {display: flex; align-items: center; height: 24px; padding: 0 8px; border: 1px solid var(--main2); border-radius: 4px; margin-bottom: 8px; font-size: 13px; color: var(--main2); font-weight: 700;}
  .table_style01 table tbody td.td_chk {float: right}
  .table_style01 table tbody td.title {padding: 0;}
  .table_style01 table tbody td.title > div {align-items: flex-start; flex-direction: column; gap: 8px;}
  .table_style01 table tbody td.title > div a {max-width: 100%;}
  .table_style01 table tbody td.title .tag {height: 24px; font-size: 13px;}
  .table_style01 table ul.text01,
  .table_style01 table ul.text02 {gap: 8px; margin-top: 8px;}
  .table_style01 table ul.text01 li,
  .table_style01 table ul.text02 li {display: flex; align-items: center; width: auto !important; font-size: 14px; font-weight: 500;}
  .table_style01 table ul.text01 li:not(:last-of-type)::after,
  .table_style01 table ul.text02 li:not(:last-of-type)::after {content:''; display: block; width: 1px; height: 12px; margin-left: 8px; background-color: var(--border1);}

  .table_style02 .col_w01 {width: 120px;}
  .table_style02 table th {height: 78px; padding: 16px;}
  .table_style02 table td {height: 78px; padding: 16px;}

  .list_style01 ul {gap: 40px 24px;}
  .list_style01 ul li {width: calc(50% - 12px);}
  .list_style01 ul li p {margin-top: 16px; font-size: 16px;}
  .list_style01 ul li span {font-size: 14px;}

  .btn.h_56 {height: 46px; font-size: 14px;}

  .count_search_wrap {align-items: flex-start; flex-direction: column-reverse; gap: 24px; margin-bottom: 16px;}
  .count_search_wrap .cnt_text {font-size: 14px;}
  .count_search_wrap .right_area {width: 100%;}
  .count_search_wrap .right_area .search_wrap {width: calc(100% - 108px);}
  .tab_search_wrap {align-items: center; flex-direction: column; gap: 24px;}
  .tab_search_wrap .sub_tab_style02 {width: 100%;}
  .tab_search_wrap .right_area {width: 100%;}
  .tab_search_wrap .right_area .search_wrap {width: calc(100% - 108px);}

  .page_wrap {margin-top: 40px;}
  .page_wrap button, .page_wrap a {width: 24px; height: 24px;}
  .page_btn_wrap .page_wrap {padding-bottom: 0;}
  .page_btn_wrap .btn_wrap {position: static; margin-top: 40px;}
  .page_btn_wrap .btn_wrap button, .page_btn_wrap .btn_wrap a {width: 100%;}

  .view_wrap .title_area {padding: 24px 0;}
  .view_wrap .title_area .tit {align-items: flex-start; flex-direction: column; gap: 8px;}
  .view_wrap .title_area .tit .tag {height: 25px; margin-top: 0; font-size: 13px;}
  .view_wrap .title_area ul {margin-top: 8px; gap: 8px;}
  .view_wrap .title_area ul li:not(:last-of-type)::after {margin-left: 8px;}
  .view_wrap .title_area ul li {font-size: 14px;}
  .view_wrap .content_area {min-height: 0; padding: 40px 0;}
  /*.view_wrap .content_area * {font-size: 16px;}*/
  /* .view_wrap .content_area * {font-size: 14px;} */
  .view_wrap .file_area {padding: 24px 0;}
  .view_wrap .file_area a span {font-size: 14px;}
  .view_wrap .btn_wrap {flex-wrap: wrap; gap: 16px 8px; margin-top: 40px;}
  .view_wrap .btn_wrap .btn {width: calc(50% - 4px); max-width: 100%;}
  .view_wrap .btn_wrap .btn.m_full {width: 100%;}

  .detail_top_text_area p {font-size: 13px;}
  .detail_wrap .content_area {display: flex; flex-direction: column; gap: 24px; padding-top: 24px;}
  .detail_wrap .content_area dl {flex-direction: column; gap: 8px; min-height: 0; padding: 0; border-bottom: 0;}
  .detail_wrap .content_area dl dt {width: 100%;}
  .detail_wrap .content_area dl dd {width: 100%;}
  .detail_wrap .content_area dl dd, .detail_wrap .content_area dl dd * {font-size: 14px;}
  .detail_wrap .content_area dl.top_type dt {padding-top: 0;}
  .detail_wrap .agree_area {align-items: flex-start; flex-direction: column;}
  .detail_wrap .agree_area .chk_style01 label {font-size: 14px;}
  .detail_wrap .agree_area button {font-size: 14px;}
  .detail_wrap .input_text_wrap {position: relative;}
  .detail_wrap .input_text_wrap .info {position: absolute; bottom: calc(100% + 8px); right: 0;}
  .detail_wrap .btn_wrap {flex-wrap: wrap; gap: 16px 8px; margin-top: 40px;}
  .detail_wrap .btn_wrap .btn {width: calc(50% - 4px); max-width: 100%;}
  .detail_wrap .btn_wrap .btn.m_full {width: 100%;}

  .story_con01 .inner {flex-direction: column; gap: 40px;}
  .story_con01 .text_area {width: 100%;}
  .story_con01 .text_area h3 {margin-bottom: 24px;}
  .story_con01 .text_area p + p {margin-top: 16px;}
  .story_con01 .text_area span {margin-top: 24px; font-size: 15px;}
  .story_con01 .text_area span b {font-size: 18px;}
  .story_con01 .img_area {width: 100%; max-width: 270px; margin: 0 auto;}
  .story_con01.type01 {padding: 40px 0;}
  .story_con01.type02 {padding: 40px 0 100px;}
  .ci_con01 {padding-bottom: 40px;}
  .ci_con01:last-of-type {padding-bottom: 100px;}
  .ci_con01 h4 {margin-bottom: 16px;}
  .ci_con01 p {margin-top: 16px;}
  .ci_con01 .text_area {height: 160px;}
  .ci_con01 .text_area .deco01, .ci_con01 .text_area .deco02 {display: none;}
  .ci_con01 .img_area {height: 160px;}
  .ci_con01 .img_area .img01 {max-width: 266px;}
  .ci_con01 .img_area .img02 {height: calc(100% - 40px);}
  .ci_con01 .img_area .img03 {height: calc(100% - 40px);}
  .ci_con01 .img_area .img04 {height: 100%;}
  .ci_con01 ul {flex-direction: column; gap: 24px; margin-top: 24px;}
  .ci_con01 ul li {width: 100%;}
  .history_con01 {padding-bottom: 100px;}
  .history_con01 dl {display: block; max-width: 500px; margin: 0 auto;}
  .history_con01 dl + dl {padding-top: 40px; margin-top: 40px;}
  .history_con01 dl dt {width: 100%; margin-bottom: 24px; font-size: 22px;}
  .history_con01 dl dd {width: 100%;}
  .history_con01 dl dd ul li:not(:last-of-type) {padding-bottom: 24px;}
  .history_con01 dl dd ul li::before{left: 65px;}
  .history_con01 dl dd ul li::after{top: 6px; left: 60px;}
  .history_con01 dl dd ul li:first-of-type::before {top: 6px; height: calc(100% - 6px);}
  .history_con01 dl dd ul li:last-of-type::before {height: 6px;}
  .history_con01 dl dd ul li h5 {width: 90px; font-size: 18px; line-height: 1.3;}
  .history_con01 dl dd ul li .text_area {width: calc(100% - 90px);}
  .history_con01 dl dd ul li .text_area p {gap: 8px;}
  .history_con01 dl dd ul li .text_area p + p {margin-top: 4px;}
  .organ_con01 {padding: 0 16px 100px;}
  .organ_con01 img {max-width: 380px; margin: 0 auto;}
  .location_con01 {padding-bottom: 100px;}
  .location_con01 .text_area {flex-direction: column;}
  .location_con01 .text_area dl {width: 100%;}
  .location_con01 .text_area dl dt {margin-bottom: 16px;}
  .location_con01 .text_area dl dd ul li::before {top: 9px;}

  .intro_con01 .banner_wrap .img_area {width: 280px;}
  .intro_con01 .banner_wrap .text_area {width: calc(100% - 280px);}
  .intro_con01 .banner_wrap .text_area p {font-size: 18px; word-break: break-all;}
  .intro_con02 {padding: 24px 0 100px;}
  .intro_con02 ul {border: 1px solid var(--border1);}
  .intro_con02 ul li {display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 8px; width: 50%; padding: 40px 16px; }
  .intro_con02 ul li::before {display: none;}
  .intro_con02 ul li:not(:nth-of-type(3n)) {border-right: 0;}
  .intro_con02 ul li:not(:nth-of-type(2n)) {border-right: 1px solid var(--border1);}
  .intro_con02 ul li:nth-of-type(n+3) {border-top: 1px solid var(--border1);}
  .intro_con02 ul li .title_area,
  .intro_con02 ul li .text_area,
  .intro_con02 ul li .logo {position: static; top: auto; left: auto; transform: none;}
  .intro_con02 ul li .title_area img {width: 80px;}
  .intro_con02 ul li .title_area h4 {margin-top: 16px; font-size: 18px; color: var(--black); font-weight: 700; line-height: 27px;}
  .intro_con02 ul li .title_area h4 b {font-weight: 700;}
  .intro_con02 ul li .text_area {background-color: transparent !important;}
  .intro_con02 ul li .text_area p {color: var(--gray1);}
  .intro_con02 ul li .text_area p b {font-weight: 500;}
  .intro_con02 ul li .logo {max-width: 194px;}
  .default_con01 {padding-bottom: 100px;}
  .default_con01 .img_area {padding: 24px;}
  .default_con01 .text_area {padding: 0 24px 24px;}
  .default_con01 .text_area ul {padding: 0 16px;}
  .default_con01 .text_area ul li {align-items: flex-start; flex-direction: column; gap: 8px; padding: 16px 0;}
  .default_con01 .text_area ul li h5 {gap: 6px; width: 100%;}
  .default_con01 .text_area ul li h5 i {width: 16px;}
  .default_con01 .text_area ul li p {width: 100%; padding-left: 24px;}
  .default_con02 {padding-bottom: 40px;}
  .default_con02 .inner {gap: 16px;}
  .default_con02 dl {width: calc(50% - 8px);}
  .default_con02 dl:last-of-type {width: 100%;}
  .default_con02 dl dt {height: 40px; font-size: 15px;}
  .default_con02 dl dd {min-height: 60px; font-size: 15px;}
  .default_con03 {padding: 40px 0 100px;}
  .default_con03 dl {gap: 16px;}
  .default_con03 dl + dl {margin-top: 40px;}
  .default_con03 dl dt {height: 40px; font-size: 15px;}
  .default_con03 dl dd .circle {display: none;}
  .default_con03 dl dd ul {gap: 16px;}
  .default_con03 dl dd ul li {width: 100%; padding: 24px 16px;}
  .default_con03 dl dd ul li img {max-height: 160px;}
  .default_con03 dl dd ul li span {margin-top: 16px; font-size: 15px;}
  .guide_con01 {padding-bottom: 60px;}
  .guide_con01 h4 {margin-bottom: 16px;}
  .guide_con01 .list_wrap {gap: 24px;}
  .guide_con01 dl dt {padding: 0 24px;}
  .guide_con01 dl dt .text_area .tag {height: 25px; padding: 0 10px; font-size: 13px;}
  .guide_con01 dl dt .text_area h5 {margin-top: 8px;}
  .guide_con01 dl dt .img_area {max-width: 117px;}
  .guide_con01 dl dd {margin-top: 16px;}
  .guide_con01 dl:nth-of-type(1) dt .tag {font-size: 14px;}
  .guide_con02 {padding-bottom: 100px;}
  .guide_con02 h4 {margin-bottom: 16px;}
  .guide_con02 .box_wrap + .box_wrap {margin-top: 24px;}
  .guide_con02 .box_wrap .text_area h3 {margin-bottom: 24px;}
  .guide_con02 .box_wrap .text_area ul li {gap: 8px;}
  .guide_con02 .box_wrap .text_area ul li i {width: 16px; height: 16px; margin-top: 2px;}
  .guide_con02 .box_wrap .text_area ul li p span {font-size: 14px;}
  .guide_con02 .box_wrap .img_area .talk_area p {font-size: 18px;}
  .guide_con02 .box_wrap .img_area img {margin: 24px 0;}
  .guide_con02 .box_wrap .img_area span {font-size: 15px;}

  .opening_banner {height: auto; padding: 24px; margin-bottom: 100px;}
  .opening_banner .tit_text_wrap h5 {margin-bottom: 8px; font-size: 15px;}
  .opening_banner .tit_text_wrap .text_area a {font-size: 30px;}
  .opening_banner .tit_text_wrap .text_area span {font-size: 14px; line-height: 1.4;}
  .opening_banner .btn {max-width: 160px;}
  .training_con01 {padding: 24px; margin-bottom: 24px;}
  .training_con01 .top_text_wrap .text_area p {margin-top: 16px;}
  .training_con01 ul {padding: 0 16px;}
  .training_con01 ul li {gap: 8px; padding: 16px 0;}
  .training_con01 ul li i {width: 16px; height: 16px; margin-top: 2px;}
  .benefits_con01 {padding-bottom: 60px;}
  .benefits_con01 h4 {margin-bottom: 24px;}
  .benefits_con01 .title_area {height: auto; padding: 24px 8px; text-align: center;}
  .benefits_con01 ul {margin-top: 16px;}
  .benefits_con01 ul li {padding: 24px;}
  .benefits_con01 ul li img {top: 24px; right: 24px;}
  .benefits_con01 ul li span {display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 30px; background-color: var(--main2); font-size: 13px; color: var(--white);}
  .benefits_con01 ul li h5 {margin-top: 24px;}
  .benefits_con01 ul li p {margin-top: 4px;}
  .benefits_con02 {padding-bottom: 60px;}
  .benefits_con02 h4 {margin-bottom: 24px;}
  .benefits_con02 ul li {padding: 24px 0;}
  .benefits_con02 ul li h5 {margin-bottom: 4px;}
  .benefits_con03 {padding-bottom: 60px;}
  .benefits_con03 h4 {margin-bottom: 24px;}
  .benefits_con03 ul li {gap: 8px;}
  .benefits_con03 ul li + li {margin-top: 8px;}
  .benefits_con03 ul li i {width: 16px; height: 16px; margin-top: 2px;}
  .benefits_con03 ul li span {font-size: 14px;}

  .teachers_banner_wrap {gap: 8px;}
  .teachers_banner_wrap a {justify-content: center; max-width: 100%; height: 56px; padding: 0 4px;}
  .teachers_banner_wrap a span {font-size: 16px;}
  .teachers_banner_wrap a span i {width: 16px; height: 16px;}
  .teachers_banner_wrap a img {display: none;}
}
@media (max-width: 767px) {
  .list_style01 ul {gap: 24px;}
  .list_style01 ul li {width: 100%;}

  .intro_con01 .banner_wrap {display: block;}
  .intro_con01 .banner_wrap .img_area {width: 100%; height: auto;}
  .intro_con01 .banner_wrap .img_area img {position: static; top: auto; left: auto; transform: none;}
  .intro_con01 .banner_wrap .text_area {width: 100%; padding: 24px;}
  .intro_con02 ul li {width: 100%;}
  .intro_con02 ul li:not(:nth-of-type(2n)) {border-right: 0;}
  .intro_con02 ul li:nth-of-type(n+2) {border-top: 1px solid var(--border1);}

  .default_con03 dl dd ul li .imgs {flex-direction: column; gap: 4px;}
  .guide_con01 .list_wrap dl {width: 100%;}
  .guide_con02 .box_wrap {flex-direction: column; padding: 40px 24px 24px;}
  .guide_con02 .box_wrap .text_area {width: 100%;}
  .guide_con02 .box_wrap .text_area h3 {display: none;}
  .guide_con02 .box_wrap .text_area ul {padding: 0 16px;}
  .guide_con02 .box_wrap .text_area ul li {padding: 16px 0;}
  .guide_con02 .box_wrap .img_area {width: 100%; max-width: 253px;}
  .guide_con02 .box_wrap .img_area .talk_area {width: calc(100% + 4px); margin: -2px; padding: 19px 0 34px; background-image: url('../img/page/guide_talk_m.png');}
  .guide_con02 .box_wrap.type01 {flex-direction: column;}

  .opening_banner {flex-direction: column;}
  .opening_banner .tit_text_wrap {width: 100%;}
  .opening_banner .tit_text_wrap .text_area {align-items: flex-start; flex-direction: column;}
  .opening_banner .btn {max-width: 100%;}
  .training_con01 .top_text_wrap {align-items: stretch; flex-direction: column; gap: 16px;}
  .training_con01 .top_text_wrap .text_area {padding-bottom: 0;}
  .training_con01 .top_text_wrap .img_area {width: 100%; margin: 0 auto;}
  .benefits_con01 ul li {width: 100%;}
  .benefits_con02 ul li {width: 100%;}
  .benefits_con03 ul {width: 100%;}
  .benefits_con03 ul + ul {margin-top: 8px;}
}