@charset "UTF-8";
/* 서브페이지 기본틀 */
.sub_top_area { height: 420px; margin: 0 0 60px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.sub_top_area.bg01 { background-image: url("/eng/images/sub/sub_bg01.jpg"); }
.sub_top_area.bg02 { background-image: url("/eng/images/sub/sub_bg02.jpg"); }
.sub_top_area.bg03 { background-image: url("/eng/images/sub/sub_bg03.jpg"); }
.sub_top_area.bg04 { background-image: url("/eng/images/sub/sub_bg04.jpg"); }
.sub_top_area.bg05 { background-image: url("/eng/images/sub/sub_bg05.jpg"); }
.sub_top_area.bg06 { background-image: url("/eng/images/sub/sub_bg06.jpg"); }
.sub_top_area .container { height: 100%; }
.sub_top_area .sub_top_box { display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; text-align: center; }
.sub_top_area .sub_top_box .sub_top_txt { margin: 0 0 15px; font-weight: 600; font-size: 36px; line-height: 40px; color: #ffffff; text-shadow: 4px 3px 1.98px rgba(0, 0, 0, 0.39); }
.sub_top_area .sub_top_box .sub_top_tit { font-weight: 600; font-size: 48px; line-height: 1; color: #ffffff; text-shadow: 4px 3px 1.98px rgba(0, 0, 0, 0.39); }
.sub_top_area .sub_top_box .sub_top_tit.ft_s72 { font-weight: 600; font-size: 72px; line-height: 1; color: #ffffff; }
.sub_top_area .sub_top_box .sub_btm_txt { margin: 30px 0 0; font-weight: 600; font-size: 20px;  color: #ffffff; text-shadow: 4px 3px 1.98px rgba(0, 0, 0, 0.39); }
.sub_cont { padding: 0 0 120px}
.com_title_area { margin: 0 0 60px; }
.com_title_area .title { font-weight: 600; font-size: 36px; line-height: 40px; color: #000; text-align: center; }
.com_title_area .text { margin: 20px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; text-align: center; }
.news_area { border-top: 2px solid #111111; border-bottom: 1px solid #dcdde3; }
.news_area .list {}
.news_area .list li { border-bottom: 1px solid #dcdde3; }
.news_area .list li .box { display: block; padding: 40px 30px; }
.news_area .list li .box .box_inner { display: flex; column-gap: 40px; align-items: center; }
.news_area .list li .box .box_inner .img_box { flex-shrink: 0; width: 100%; max-width: 300px; }
.news_area .list li .box .box_inner .img_box .img_inner { position: relative; padding-bottom: 70%; border-radius: 10px; overflow: hidden; }
.news_area .list li .box .box_inner .img_box .img_inner img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }
.news_area .list li .box .box_inner .text_wrap {}
.news_area .list li .box .box_inner .text_wrap .text_box {}
.news_area .list li .box .box_inner .text_wrap .text_box .title { font-weight: 500; font-size: 24px; line-height: 30px; color: #111111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; }
.news_area .list li .box .box_inner .text_wrap .text_box .text { margin: 30px 0 0; font-weight: 300; font-size: 16px; line-height: 22px; color: #777777; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; }
.news_area .list li .box .box_inner .text_wrap .text_box .date { margin: 50px 0 0; font-weight: 500; font-size: 16px; line-height: 24px; color: #333333; }
.com_text_area {}
.com_text_area .gray_title { display: inline-block; min-width: 280px; margin: 0 0 25px; padding: 7.5px 30px; background-color: #acacac; text-align: center; }
.com_text_area .gray_title.orange { background-color: #f27639; }
.com_text_area .gray_title .title { font-weight: 500; font-size: 20px; line-height: 30px; color: #ffffff; }
.com_text_area .dash_list {}
.com_text_area .dash_list .list {}
.com_text_area .dash_list .list li { position: relative; margin: 3px 0 0; padding: 0 0 0 25px; font-weight: 400; font-size: 18px; line-height: 30px; color: #000; }
.com_text_area .dash_list .list li:first-child { margin: 0; }
.com_text_area .dash_list .list li .etc { position: absolute; left: 0; top: 0; }
.com_text_area .dash_list .list li.pd0 {}
.gray_box { padding: 15px 0 35px; background-color: #f3f3f3; }
.com_table_area {}
.com_table_area .table_box {}
.com_table_area .table_box table { width: 100%; text-align: center; }
.com_table_area .table_box table thead { background-color: #f7f7f7; }
.com_table_area .table_box table thead tr {}
.com_table_area .table_box table thead tr td { padding: 5px; border: 1px solid #acacac; font-weight: 600; font-size: 18px; line-height: 24px; color: #666666; }
.com_table_area .table_box table tbody { background-color: #fff; }
.com_table_area .table_box table tbody tr {}
.com_table_area .table_box table tbody tr td { padding: 10px; border: 1px solid #acacac; font-weight: 400; font-size: 16px; line-height: 24px; color: #666666; }
.com_table_area .table_box table tbody tr td.bg_pink { background-color: #f6d7e2; }
.com_table_area .table_box table tbody tr td.bg_blue { background-color: #d7e6f6; }
.com_table_area .table_box table tbody tr td.bg01 { background-color: #ebf2fa; }
.com_table_area .table_box table tbody tr td.bg02 { background-color: #f3f7fc; }
.com_table_area .table_box table tbody tr td.bg03 { background-color: #fdf7f9; }
.com_table_area .table_box table tbody tr td .table_text_box { display: block; position: relative; padding: 0 0 0 10px; }
.com_table_area .table_box table tbody tr td .table_text_box .etc { position: absolute; left: 0; top: 0; }
.com_table_area.pink .table_box table thead { background-color: #f6d7e2; }
.com_table_area.blue .table_box table thead { background-color: #d7e6f6; }
.com_table_area .table_text { margin: 15px 0 0; font-weight: 400; font-size: 17px; line-height: 24px; color: #333333; }
.com_table_area.research .table_box table thead tr td { font-weight: 700; background-color: #86afd7; color: #fff; }
.small_table {}
.small_table table { font-weight: 400; font-size: 16px; line-height: 24px; color: #666666; }
.small_table table thead {}
.small_table.pink table thead { background-color: #f6d7e2; }
.small_table.blue table thead { background-color: #d7e6f6; }
.small_table table thead tr {}
.small_table table thead tr td { padding: 5px; }
.small_table table tbody {}
.small_table table tbody tr {}
.small_table table tbody tr td { padding: 5px; }
.step_area { max-width: 1000px; margin: 0 auto 80px; }
.step_area .list { display: flex; }
.step_area .list li { width: 100%; }
.step_area.blue .list li:nth-child(2) { width: 120%; }
.step_area .list li .box {}
.step_area .list li .box .icon_box { display: flex; align-items: center; justify-content: center; width: 145px; height: 145px; margin: 0 auto; border-radius: 50%; }
.step_area.pink .list li .box .icon_box { background-color: #f9e3eb; }
.step_area.pink .list li.on .box .icon_box { background-color: #de97b1; }
.step_area.blue .list li .box .icon_box { background-color: #d7e6f6; }
.step_area.blue .list li.on .box .icon_box { background-color: #86afd7; }
.step_area .list li .box .icon_box img {}
.step_area .list li .box .text { margin: 20px 0 0; font-weight: 600; font-size: 20px; line-height: 30px; color: #000000; text-align: center; }
.step_area.pink .list li.on .box .text { color: #5b142e; text-decoration: underline; text-underline-position: under; }
.step_area.blue .list li.on .box .text { color: #0a2a4a; text-decoration: underline; text-underline-position: under; }
.com_form_area { width: 100%; max-width: 950px; margin: 0 auto; padding: 80px 10px; border: 1px solid #999999; border-radius: 15px; box-shadow: 4px 3px 39.6px 0.4px rgba(0, 0, 0, 0.1); }
.com_form_area .form_box { width: 100%; max-width: 550px; margin: 0 auto; }
.com_form_area .form_box .list {}
.com_form_area .form_box .list li { margin: 30px 0 0; }
.com_form_area .form_box .list li:first-child { margin: 0; }
.com_form_area .form_box .list li .box {}
.com_form_area .form_box .list li .box .title { margin: 0 0 10px; font-weight: 600; font-size: 24px; line-height: 30px; color: #333333; }
.com_form_area .form_box .list li .box .info_box { display: flex; gap: 0 5px; }
.com_form_area .form_box .list li .box .info_box .input_box { width: 100%; }
.com_form_area .form_box .list li .box .info_box .input_box input { width: 100%; padding: 0 20px; border: 1px solid #808080; border-radius: 5px; font-weight: 400; font-size: 16px; line-height: 43px; color: #222; }
.com_form_area .form_box .list li .box .info_box .input_box input::placeholder { color: #cccccc; }
.com_form_area .form_box .list li .box .info_box .send_btn { flex-shrink: 0; width: 190px; border-radius: 5px; background-color: #0d0d0d; font-weight: 400; font-size: 16px; line-height: 43px; color: #fff; letter-spacing: -0.06em; }
.com_form_area .form_box .list li .box .text { margin: 5px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #333333; }
.com_form_area .form_box .text_box { text-align: center; }
.com_form_area .form_box .text_box .title { font-weight: 600; font-size: 48px; line-height: 50px; color: #333333; }
.com_form_area .form_box .text_box .text { margin: 20px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #333333; }
.board_area {}
.board_area .board_view { border-top: 2px solid #111; border-bottom: 1px solid #111111; }
.board_area .board_view .board_top {}
.board_area .board_view .board_top .title { padding: 20px 10px; font-weight: 500; font-size: 24px; line-height: 30px; color: #111111; }
.board_area .board_view .board_top .info_box { display: flex; justify-content: space-between; padding: 13px 40px; border-top: 1px solid #dcdde3; border-bottom: 1px solid #dcdde3; background-color: #f8f8f8; }
.board_area .board_view .board_top .info_box .file_area {}
.board_area .board_view .board_top .info_box .file_area .file_list {}
.board_area .board_view .board_top .info_box .file_area .file_list li { margin: 5px 0 0; }
.board_area .board_view .board_top .info_box .file_area .file_list li:first-child { margin: 0; }
.board_area .board_view .board_top .info_box .file_area .file_list li .box { display: block; }
.board_area .board_view .board_top .info_box .file_area .file_list li .box .text { display: inline-block; padding: 0 0 0 25px; background: url("/eng/images/sub/file_icon.png") no-repeat left top 4px; font-weight: 400; font-size: 14px; line-height: 20px; color: #1E6DF3; }
.board_area .board_view .board_top .info_box .list { flex-shrink: 0; }
.board_area .board_view .board_top .info_box .list li { display: inline-block; position: relative; margin: 0 15px 0 0; padding: 0 15px 0 0; vertical-align: top; }
.board_area .board_view .board_top .info_box .list li:last-child { margin: 0; padding: 0; }
.board_area .board_view .board_top .info_box .list li:before { display: block; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background-color: #777; }
.board_area .board_view .board_top .info_box .list li:last-child:before { display: none; }
.board_area .board_view .board_top .info_box .list li .text { font-weight: 500; font-size: 16px; line-height: 24px; color: #777777; }
.board_area .board_view .board_cont { padding: 45px 10px; }
.board_area .board_view .board_cont .text {}
.board_area .post_nav { margin: 70px 0 0; background-color: #ffffff; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; }
.board_area .post_nav .list {}
.board_area .post_nav .list li { border-bottom: 1px solid #d9d9d9; }
.board_area .post_nav .list li:last-child { border-bottom: none; }
.board_area .post_nav .list li .item_wrapper { display: table; table-layout: fixed; width: 100%; position: relative; }
.board_area .post_nav .list li .item_wrapper .tit { position: relative; display: table-cell; width: 150px; text-align: center; vertical-align: middle; }
.board_area .post_nav .list li .item_wrapper .tit:before { display: block; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 18px; background-color: #eeeeee; }
.board_area .post_nav .list li .item_wrapper .tit .icon { display: inline-block; padding: 0 50px 0 0; position: relative; font-weight: 400; font-size: 16px; line-height: 60px; color: #111; text-align: center; }
.board_area .post_nav .list li .item_wrapper .tit .icon:before { display: block; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 12px; height: 7px; background-position: right center; background-repeat: no-repeat; }
.board_area .post_nav .list li .item_wrapper.prev .tit .icon:before { background-image: url("/eng/images/sub/post_prev.png"); }
.board_area .post_nav .list li .item_wrapper.next .tit .icon:before { background-image: url("/eng/images/sub/post_next.png"); }
.board_area .post_nav .list li .item_wrapper .post { display: table-cell; width: 100%; padding: 0 0 0 22px; vertical-align: middle; font-weight: 400; font-size: 16px; line-height: 24px; color: #777777; }
.board_area .post_nav .list li .item_wrapper .post a { height: 24px; display: block; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; color: #777777; }
.line_title_area { margin: 0 0 30px; padding: 0 0 15px; border-bottom: 2px solid #000}
.line_title_area .title { font-weight: 600; font-size: 30px; line-height: 1; color: #000000; }
.line_title_area .text { font-weight: 400; font-size: 18px; line-height: 24px; color: #000000; }
.form_info_area {}
.form_info_area>.list {}
.form_info_area>.list>li { margin: 40px 0 0; }
.form_info_area.border>.list>li { padding: 0 0 40px; border-bottom: 1px solid #7f7f7f}
.form_info_area.border>.list>li:last-child { border-bottom: none; }
.form_info_area>.list>li:first-child { margin: 0; }
.form_info_area>.list>li>.box { display: flex; align-items: center; gap: 10px 50px; }
.form_info_area>.list>li>.box .text_box { width: 330px; flex-shrink: 0; }
.form_info_area>.list>li>.box .text_box .title { font-weight: 600; font-size: 24px; line-height: 30px; color: #000000; }
.form_info_area>.list>li>.box .text_box>.text { margin: 10px 0 0; font-weight: 400; font-size: 18px; line-height: 24px; color: #000000; word-break: break-all; }
.form_info_area>.list>li>.box .text_box .attach_box {}
.form_info_area>.list>li>.box .text_box .attach_box { font-size: 0; }
.form_info_area>.list>li>.box .text_box .attach_box .box { display: inline-block; width: 100%; vertical-align: middle; }
.form_info_area>.list>li>.box .text_box .attach_box .box .img_wrap { position: relative; max-width: 330px; width: 100%; }
.form_info_area>.list>li>.box .text_box .attach_box .box .img_wrap .img_box { display: block; position: relative; padding: 0 0 108.125%; border: 2px dashed #ccc; cursor: pointer; }
.form_info_area>.list>li>.box .text_box .attach_box .box .img_wrap .img_box img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: contain; }
.form_info_area>.list>li>.box .text_box .attach_box .box .img_wrap .delete_btn { position: absolute; right: 20px; bottom: 20px; padding: 10px 11px; border-radius: 5px; border: 1px solid #dfdfdf; background-color: #f8f8f8; }
.attach_input,.form_info_area>.list>li>.box .text_box .attach_box .box .attach_input { position: absolute; left: 0; top: 0; z-index: 1; visibility: hidden; }
.form_info_area>.list>li>.box .text_box .attach_box .box .attach_vbox { position: relative; z-index: 1; text-align: center; margin: 5px 0 0; }
.form_info_area>.list>li>.box .text_box .attach_box .box .attach_vinput { cursor: pointer; display: block; width: 100%; height: 60px; margin: 0; border: 1px solid #dadce0; padding: 0 10px; background-color: #ffffff; font-weight: 300; font-size: 14px; line-height: 21px; color: #333333; }
.form_info_area>.list>li>.box .text_box .attach_box .box .attach_vbox .text { font-weight: 600; font-size: 18px; line-height: 24px; color: #000; text-align: center; cursor: pointer; }
.form_info_area>.list>li>.box .info_area { width: 100%; }
.form_info_area>.list>li>.box .info_area .q_box { margin: 0 0 10px; font-weight: 500; font-size: 22px; line-height: 30px; color: #000; }
.form_info_area>.list>li>.box .info_area>.list {}
.form_info_area>.list>li>.box .info_area>.list>li { margin: 30px 0 0; }
.form_info_area>.list>li>.box .info_area>.list>li:first-child { margin: 0; }
.form_info_area>.list>li>.box .info_area>.list>li .box {}
.form_info_area>.list>li>.box .info_area>.list>li .box .title { display: block; margin: 0 0 5px; font-weight: 300; font-size: 18px; line-height: 24px; color: #000000; }
.form_info_area>.list>li>.box .info_area>.list>li .box .text { font-size: 14px; line-height: 20px; }
.form_info_area>.list>li>.box .info_area>.list>li .box .input_box {}
.form_info_area>.list>li>.box .info_area>.list>li .box .input_box input { width: 100%; padding: 7px 20px; border-radius: 5px; border: 1px solid #dfdfdf; background-color: #f8f8f8; font-weight: 400; font-size: 20px; line-height: 30px; color: #000000; }
.form_info_area>.list>li>.box .info_area>.list>li .box .input_box input::placeholder { font-size: 14px; }
.form_info_area>.list>li>.box .info_area .chk_list {}
.form_info_area>.list>li>.box .info_area .chk_list .list { display: flex; }
.form_info_area>.list>li>.box .info_area .chk_list.sty2 .list { display: block; }
.form_info_area>.list>li>.box .info_area .chk_list.sty2 .list li { margin: 15px 0 0; }
.form_info_area>.list>li>.box .info_area .chk_list.sty2 .list li:first-child { margin: 0; }
.form_info_area>.list>li>.box .info_area .chk_list .list li { width: 100%; }
.form_info_area>.list>li>.box .info_area .chk_list .list li .chk_inner {}
.form_info_area>.list>li>.box .info_area .chk_list .list li .chk_inner input {}
.form_info_area>.list>li>.box .info_area .chk_list .list li .chk_inner label {}
.form_info_area>.list>li>.box .info_area .chk_list .list li textarea { height: 140px; padding: 10px; border-radius: 5px; font-family: "Montserrat", 'sans-serif'; font-weight: 400; font-size: 18px; line-height: 25px; color: #000; resize: none; }
.textarea_box {}
.textarea_box .list {}
.textarea_box .list li { margin: 30px 0 0; }
.textarea_box .list li:first-child { margin: 0; }
.textarea_box .list li .box { display: flex; align-items: center; padding: 30px 25px 35px 40px; gap: 0 40px; border: 1px solid #ccc; border-radius: 5px; background-color: #f8f8f8; }
.textarea_box .list li .box .text_box { width: 40%; }
.textarea_box .list li .box .text_box .title { font-weight: 600; font-size: 24px; line-height: 30px; color: #000000; }
.textarea_box .list li .box .text_box .text { margin: 15px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; }
.textarea_box .list li .box .info_box { width: 60%; }
.textarea_box .list li .box .info_box textarea { height: 290px; padding: 20px; border-radius: 5px; border: 1px solid #cccccc; font-family: "Montserrat", 'sans-serif'; font-weight: 400; font-size: 16px; line-height: 30px; color: #000000; resize: none; }
.agree_check { padding: 40px 0 0; border-top: 1px solid #7f7f7f}
.agree_check .chk_inner label { line-height: 1.4; }
.check_area { padding: 30px 0; border: 1px solid #ccc; border-radius: 5px; background-color: #f8f8f8; }
.survey_box {}
.survey_box .com_title_area { margin: 0; }
.survey_box .btn_area { margin: 0; }
.pop_inq_area { display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 690px; padding: 30px 10px; border: 1px solid #999999; background-color: #fff; z-index: 999; }
.pop_inq_area .pop_box { text-align: center; }
.pop_inq_area .pop_box .icon {}
.pop_inq_area .pop_box .icon img {}
.pop_inq_area .pop_box .title { margin: 10px 0 0; font-weight: 700; font-size: 36px; line-height: 40px; color: #000000; }
.pop_inq_area .pop_box>.text { margin: 25px 0 0; font-weight: 500; font-size: 16px; line-height: 24px; color: #000000; }
.pop_inq_area .pop_box .btn_area { margin: 25px 0 0; }
@media screen and (max-width:1800px) {
}
@media screen and (max-width:1600px) {
}
@media screen and (max-width:1500px) {
}
@media screen and (max-width:1400px) {
	.sub_top_area { height: 350px; margin: 0 0 40px; }
	.sub_top_area .sub_top_box .sub_top_txt { margin: 0 0 10px; font-size: 30px; line-height: 34px; }
	.sub_top_area .sub_top_box .sub_top_tit.ft_s72 { font-size: 50px; }
	.sub_top_area .sub_top_box .sub_top_tit { font-size: 38px; }
	.sub_cont { padding: 0 0 100px; }
	.com_title_area { margin: 0 0 40px; }
	.com_title_area .title { font-size: 28px; line-height: 30px; }
	.com_title_area .text { margin: 10px 0 0; font-size: 14px; line-height: 20px; }
	.news_area .list li .box { padding: 30px 20px; }
	.news_area .list li .box .box_inner { column-gap: 20px; }
	.news_area .list li .box .box_inner .text_wrap .text_box .title { font-size: 20px; line-height: 24px; }
	.news_area .list li .box .box_inner .text_wrap .text_box .text { margin: 20px 0 0; font-size: 14px; line-height: 21px; }
	.news_area .list li .box .box_inner .text_wrap .text_box .date { margin: 30px 0 0; font-size: 14px; line-height: 21px; }
	.com_text_area .gray_title { min-width: 240px; margin: 0 0 15px; padding: 5px 20px; }
	.com_text_area .gray_title .title { font-size: 18px; line-height: 28px; }
	.com_text_area .dash_list .list li { padding: 0 0 0 20px; font-size: 16px; line-height: 26px; }
	.com_table_area .table_box table thead tr td { padding: 5px; font-size: 14px; line-height: 20px; }
	.com_table_area .table_box table tbody tr td { padding: 5px; font-size: 14px; line-height: 20px; }
	.com_table_area .table_text { margin: 10px 0 0; font-size: 14px; line-height: 20px; }
	.step_area { margin: 0 auto 60px; }
	.step_area .list li .box .icon_box { width: 130px; height: 130px; }
	.step_area .list li .box .icon_box img { height: 50px; }
	.step_area .list li .box .text { margin: 10px 0 0; font-size: 18px; line-height: 26px; }
	.com_form_area { padding: 60px 10px; }
	.com_form_area .form_box .list li { margin: 20px 0 0; }
	.com_form_area .form_box .list li .box .title { font-size: 20px; line-height: 24px; }
	.com_form_area .form_box .list li .box .info_box .input_box input { padding: 0 10px; font-size: 14px; line-height: 38px; }
	.com_form_area .form_box .list li .box .info_box .send_btn { width: 170px; font-size: 14px; line-height: 38px; }
	.com_form_area .form_box .list li .box .text { font-size: 14px; line-height: 28px; }
	.com_form_area .form_box .text_box .title { font-size: 34px; line-height: 40px; }
	.com_form_area .form_box .text_box .text { margin: 15px 0 0; font-size: 14px; line-height: 20px; }
	.board_area .board_view .board_top .title { padding: 15px 10px; font-size: 20px; line-height: 26px; }
	.board_area .board_view .board_top .info_box { padding: 10px 20px; }
	.board_area .board_view .board_cont { padding: 30px 10px; }
	.board_area .post_nav { margin: 50px 0 0; }
	.board_area .post_nav .list li .item_wrapper .tit .icon { line-height: 50px; }
	.line_title_area { margin: 0 0 20px; padding: 0 0 10px; }
	.line_title_area .title { font-size: 24px; }
	.line_title_area .text { font-size: 16px; }
	.form_info_area>.list>li { margin: 30px 0 0; }
	.form_info_area.border>.list>li { padding: 0 0 30px; }
	.form_info_area>.list>li>.box { gap: 10px 30px; }
	.form_info_area>.list>li>.box .text_box { width: 280px; }
	.form_info_area>.list>li>.box .text_box .title { font-size: 20px; line-height: 24px; }
	.form_info_area>.list>li>.box .text_box>.text { margin: 6px 0 0; font-size: 16px; line-height: 22px; }
	.form_info_area>.list>li>.box .info_area>.list>li { margin: 20px 0 0; }
	.form_info_area>.list>li>.box .info_area>.list>li .box .title { margin: 0 0 3px; font-size: 16px; line-height: 22px; }
	.form_info_area>.list>li>.box .info_area>.list>li .box .input_box input { padding: 7px 10px; font-size: 18px; line-height: 26px; }
	.form_info_area>.list>li>.box .info_area .chk_list.sty2 .list li { margin: 10px 0 0; }
	.form_info_area>.list>li>.box .info_area .q_box { font-size: 20px; line-height: 24px; }
	.textarea_box .list li { margin: 20px 0 0; }
	.textarea_box .list li .box { padding: 30px; gap: 0 30px }
	.textarea_box .list li .box .text_box .title { font-size: 20px; line-height: 24px; }
	.textarea_box .list li .box .text_box .text { margin: 10px 0 0; font-size: 14px; line-height: 21px; }
	.textarea_box .list li .box .info_box textarea { height: 240px; padding: 10px; font-size: 14px; line-height: 26px; }
	.agree_check { padding: 30px 0 0; }
	.check_area { padding: 20px 0; }
	.pop_inq_area { max-width: 550px; padding: 20px 10px; }
	.pop_inq_area .pop_box .icon img { width: 50px; }
	.pop_inq_area .pop_box .title { margin: 6px 0 0; font-size: 28px; line-height: 30px; }
	.pop_inq_area .pop_box>.text { margin: 15px 0 0; font-size: 14px; line-height: 20px; }
	.pop_inq_area .pop_box .btn_area { margin: 15px 0 0; }
}
@media screen and (max-width:1280px) {
}
@media screen and (max-width:1080px) {
	.sub_top_area { height: 250px; margin: 0 0 30px; }
	.sub_top_area .sub_top_box .sub_top_txt { margin: 0 0 6px; font-size: 24px; line-height: 30px; }
	.sub_top_area .sub_top_box .sub_top_tit.ft_s72 { font-size: 40px; }
	.sub_top_area .sub_top_box .sub_top_tit { font-size: 28px; }
	.sub_cont { padding: 0 0 80px; }
	.com_title_area { margin: 0 0 30px; }
	.com_title_area .title { font-size: 24px; line-height: 26px; }
	.com_title_area .text { margin: 6px 0 0; font-size: 12px; line-height: 18px; }
	.news_area .list li .box { padding: 20px 10px; }
	.news_area .list li .box .box_inner { column-gap: 10px; }
	.news_area .list li .box .box_inner .img_box { max-width: 240px; }
	.news_area .list li .box .box_inner .text_wrap .text_box .title { font-size: 18px; line-height: 20px; }
	.news_area .list li .box .box_inner .text_wrap .text_box .text { margin: 10px 0 0; font-size: 12px; line-height: 18px; }
	.news_area .list li .box .box_inner .text_wrap .text_box .date { margin: 20px 0 0; font-size: 12px; line-height: 18px; }
	.com_text_area .gray_title { min-width: 200px; margin: 0 0 10px; padding: 3px 10px; }
	.com_text_area .gray_title .title { font-size: 16px; line-height: 20px; }
	.com_text_area .dash_list .list li { margin: 0; padding: 0 0 0 10px; font-size: 14px; line-height: 24px; }
	.com_table_area .table_text { margin: 6px 0 0; font-size: 12px; line-height: 18px; }
	.step_area { margin: 0 auto 40px; }
	.step_area .list li .box .icon_box { width: 100px; height: 100px; }
	.step_area .list li .box .icon_box img { height: 40px; }
	.step_area .list li .box .text { margin: 6px 0 0; font-size: 16px; line-height: 20px; }
	.com_form_area { padding: 40px 10px; }
	.com_form_area .form_box .list li { margin: 10px 0 0; }
	.com_form_area .form_box .list li .box .title { margin: 0 0 5px; font-size: 18px; line-height: 22px; }
	.com_form_area .form_box .list li .box .info_box .input_box input { line-height: 34px; }
	.com_form_area .form_box .list li .box .info_box .send_btn { width: 150px; line-height: 34px; }
	.com_form_area .form_box .list li .box .text { line-height: 22px; }
	.com_form_area .form_box .text_box .title { font-size: 24px; line-height: 30px; }
	.com_form_area .form_box .text_box .text { margin: 6px 0 0; }
	.board_area .board_view .board_top .title { padding: 10px; font-size: 18px; line-height: 24px; }
	.board_area .board_view .board_top .info_box { padding: 5px 10px; }
	.board_area .board_view .board_top .info_box .list li { margin: 0 10px 0 0; padding: 0 10px 0 0; }
	.board_area .board_view .board_top .info_box .list li .text { font-size: 14px; line-height: 20px; }
	.board_area .board_view .board_top .info_box .file_area .file_list li .box .text { background-size: 14px auto; padding: 0 0 0 18px; }
	.board_area .board_view .board_cont { padding: 20px 10px; }
	.board_area .post_nav { margin: 30px 0 0; }
	.board_area .post_nav .list li .item_wrapper .tit { width: 100px; }
	.board_area .post_nav .list li .item_wrapper .tit .icon { padding: 0 20px 0 0; font-size: 14px; line-height: 40px; }
	.board_area .post_nav .list li .item_wrapper .post { padding: 0 10px; font-size: 14px; line-height: 20px; }
	.line_title_area { margin: 0 0 10px; }
	.line_title_area .title { font-size: 20px; }
	.line_title_area .text { font-size: 14px; }
	.form_info_area>.list>li { margin: 20px 0 0; }
	.form_info_area.border>.list>li { padding: 0 0 20px; }
	.form_info_area>.list>li>.box { gap: 10px 15px; }
	.form_info_area>.list>li>.box .text_box { width: 200px; }
	.form_info_area>.list>li>.box .text_box .title { font-size: 18px; line-height: 22px; }
	.form_info_area>.list>li>.box .text_box>.text { margin: 6px 0 0; font-size: 14px; line-height: 20px; }
	.form_info_area>.list>li>.box .text_box .attach_box .box .img_wrap .delete_btn { right: 10px; bottom: 10px; padding: 5px 6px; }
	.form_info_area>.list>li>.box .text_box .attach_box .box .attach_vbox .text { font-size: 16px; line-height: 20px; }
	.form_info_area>.list>li>.box .info_area>.list>li { margin: 15px 0 0; }
	.form_info_area>.list>li>.box .info_area>.list>li .box .title { font-size: 14px; line-height: 20px; }
	.form_info_area>.list>li>.box .info_area>.list>li .box .input_box input { padding: 5px 10px; font-size: 16px; line-height: 24px; }
	.form_info_area>.list>li>.box .info_area .q_box { font-size: 18px; line-height: 24px; }
	.form_info_area>.list>li>.box .info_area .chk_list .list li textarea { font-size: 14px; line-height: 20px; }
	.textarea_box .list li { margin: 10px 0 0; }
	.textarea_box .list li .box { padding: 20px; gap: 0 10px }
	.textarea_box .list li .box .text_box .title { font-size: 18px; line-height: 22px; }
	.textarea_box .list li .box .text_box .text { margin: 6px 0 0; font-size: 12px; line-height: 18px; }
	.textarea_box .list li .box .info_box textarea { height: 180px; padding: 6px; line-height: 22px; }
	.agree_check { padding: 20px 0 0; }
	.check_area { padding: 10px 0; }
	.pop_inq_area { max-width: 100%; width: 95%; padding: 10px; }
	.pop_inq_area .pop_box .icon img { width: 40px; }
	.pop_inq_area .pop_box .title { font-size: 20px; line-height: 24px; }
	.pop_inq_area .pop_box>.text { margin: 10px 0 0; }
	.pop_inq_area .pop_box .btn_area { margin: 10px 0 0; }
}
@media screen and (max-width:767px) {
	.sub_top_area { height: 180px; margin: 0 0 20px; }
	.sub_top_area .sub_top_box .sub_top_txt { font-size: 18px; line-height: 22px; }
	.sub_top_area .sub_top_box .sub_top_tit.ft_s72 { font-size: 24px; }
	.sub_top_area .sub_top_box .sub_top_tit { font-size: 24px; }
	.sub_cont { padding: 0 0 60px; }
	.com_title_area { margin: 0 0 20px; }
	.com_title_area .title { font-size: 20px; line-height: 22px; }
	.news_area .list li .box { padding: 10px; }
	.news_area .list li .box .box_inner { flex-direction: column; gap: 10px; }
	.news_area .list li .box .box_inner .text_wrap { width: 100%; }
	.com_table_area .table_box { overflow-x: scroll; padding: 20px 0 10px; background: url("/eng/images/sub/lr_arr_ico.png") 48% 0 no-repeat; animation: tblScrollAni 2s infinite; background-size: 30px }
	.com_table_area .table_box table { width: 990px; }
	@-webkit-keyframes tblScrollAni {		0% { background-position: 48% 0; }
		50% { background-position: 52% 0; }
		100% { background-position: 48% 0; }
}
	@keyframes tblScrollAni {
		0% { background-position: 48% 0; }
		50% { background-position: 52% 0; }
		100% { background-position: 48% 0; }
}
	.step_area { margin: 0 auto 30px; }
	.step_area .list li .box .icon_box { width: 80px; height: 80px; }
	.step_area .list li .box .icon_box img { height: 30px; }
	.step_area .list li .box .text { font-size: 14px; line-height: 18px; }
	.com_form_area { padding: 20px 10px; }
	.board_area .board_view .board_top .title { font-size: 16px; }
	.board_area .board_view .board_cont { padding: 10px; }
	.board_area .post_nav { margin: 20px 0 0; }
	.board_area .post_nav .list li .item_wrapper .tit { width: 80px; }
	.form_info_area>.list>li { margin: 15px 0 0; }
	.form_info_area.border>.list>li { padding: 0 0 15px; }
	.form_info_area>.list>li>.box { flex-direction: column; gap: 6px; }
	.form_info_area>.list>li>.box .text_box { width: 100%; }
	.form_info_area>.list>li>.box .text_box>.text { font-size: 12px; line-height: 14px; }
	.form_info_area>.list>li>.box .text_box .title { font-size: 16px; line-height: 20px; }
	.form_info_area>.list>li>.box .text_box .attach_box .box .img_wrap { max-width: 240px; margin: 0 auto; }
	.form_info_area>.list>li>.box .info_area>.list>li .box .input_box input { font-size: 14px; }
	.form_info_area>.list>li>.box .info_area .q_box { font-size: 16px; line-height: 24px; }
	.textarea_box .list li .box { padding: 10px; flex-direction: column; gap: 6px; }
	.textarea_box .list li .box .text_box { width: 100%; }
	.textarea_box .list li .box .text_box .title { font-size: 16px; line-height: 20px; }
	.textarea_box .list li .box .info_box { width: 100%; }
	.textarea_box .list li .box .info_box textarea { height: 120px; }
	.agree_check { padding: 10px 0 0; }
	.check_area { padding: 10px; }
	.check_area .form_info_area>.list>li>.box .text_box { display: none; }
}
@media screen and (max-width:480px) {
	.step_area { margin: 0 auto 20px; }
	.step_area .list { flex-direction: column; gap: 5px; }
	.step_area .list li .box { display: flex; align-items: center; gap: 10px; }
	.step_area .list li .box .icon_box { width: 35px; height: 35px; margin: 0; }
	.step_area .list li .box .icon_box img { height: 16px; }
	.step_area .list li .box .text { margin: 0; text-align: left; }
	.com_form_area .form_box .list li .box .info_box { flex-direction: column; gap: 5px; }
	.com_form_area .form_box .list li .box .info_box .send_btn { width: 100%; }
	.form_info_area>.list>li>.box .info_area .chk_list .list { flex-wrap: wrap; gap: 5px 0; }
	.form_info_area>.list>li>.box .info_area .chk_list .list li { width: 50%; }
	.form_info_area>.list>li>.box .info_area .chk_list.sty2 .list li { width: 100%; }
	.board_area .board_view .board_top .info_box { flex-direction: column; gap: 5px; }
}
.yir_inner { 
/* max-width: 1500px; */
	
/* margin: 0 auto; */
	
/* padding: 0 24px; */
	
/* box-sizing: border-box; */
}
.yir_wrap .yir_wrap.bg_blue { background: #DDE4ED; }
.yir_wrap .yir_wrap.bg_white { background: #fff; }

/* tab */
.yir_tab_wrap { background: #fff; border-bottom: 1px solid #dfe5ec; }
.yir_tab { display: flex; justify-content: center; align-items: center; overflow-x: auto; white-space: nowrap; }
.yir_tab li { flex-shrink: 0; }
.yir_tab li a { display: flex; align-items: center; gap: 6px; height: 60px; padding: 0 18px; font-size: 16px; font-weight: 600; color: #7b8190; border-bottom: 2px solid transparent; box-sizing: border-box; transition: color 0.2s ease, border-color 0.2s ease; }
.yir_tab li a:hover { color: #2563eb; }
.yir_tab li.active a { color: #2563eb; border-color: #2563eb; }
.yir_tab li a em { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: #eef2f7; font-size: 11px; font-style: normal; font-weight: 700; color: #7b8190; box-sizing: border-box; }
.yir_tab li.active a em { background: #dbeafe; color: #2563eb; }
.yir_tab li a span {position: relative;padding: 0px 18px;text-align: center;}
.yir_tab li a span:before {content: "";position: absolute;left: -8px;top: 50%;transform: translateY(-50%);width: 18px;height: 18px;background-repeat: no-repeat;background-position: center;background-size: contain;}
.yir_tab li:nth-child(1) span:before { background-image: url('/eng/images/sub/sub03_tab01.png'); }
.yir_tab li:nth-child(2) span:before { background-image: url('/eng/images/sub/sub03_tab02.png'); }
.yir_tab li:nth-child(3) span:before { background-image: url('/eng/images/sub/sub03_tab03.png'); }
.yir_tab li:nth-child(4) span:before { background-image: url('/eng/images/sub/sub03_tab04.png'); }
.yir_tab li:nth-child(5) span:before { background-image: url('/eng/images/sub/sub03_tab05.png'); }
.yir_tab li.active:nth-child(1) span:before { background-image: url('/eng/images/sub/sub03_tab01_ac.png'); }
.yir_tab li.active:nth-child(2) span:before { background-image: url('/eng/images/sub/sub03_tab02_ac.png'); }
.yir_tab li.active:nth-child(3) span:before { background-image: url('/eng/images/sub/sub03_tab03_ac.png'); }
.yir_tab li.active:nth-child(4) span:before { background-image: url('/eng/images/sub/sub03_tab04_ac.png'); }
.yir_tab li.active:nth-child(5) span:before { background-image: url('/eng/images/sub/sub03_tab05_ac.png'); }
.yir_tab li:nth-child(1) a:hover span:before { background-image: url('/eng/images/sub/sub03_tab01_ac.png'); }
.yir_tab li:nth-child(2) a:hover span:before { background-image: url('/eng/images/sub/sub03_tab02_ac.png'); }
.yir_tab li:nth-child(3) a:hover span:before { background-image: url('/eng/images/sub/sub03_tab03_ac.png'); }
.yir_tab li:nth-child(4) a:hover span:before { background-image: url('/eng/images/sub/sub03_tab04_ac.png'); }
.yir_tab li:nth-child(5) a:hover span:before { background-image: url('/eng/images/sub/sub03_tab05_ac.png'); }
.yir_headline { padding: 40px 0 30px; text-align: center; }
.year_head_title {    font-size: clamp(19px, 2.4vw, 28px); font-weight: 700;line-height: 1.4;color: #1f2937;letter-spacing: -0.03em;word-break: keep-all;}
.yir_headline .tit {padding-top: 40px;max-width: 1500px;margin: 0 auto;}
.yir_headline .tit strong { display: inline-block; color: #2563eb; font-size: 30px; font-weight: 800; line-height: 1.45; }

/* section common */
.yir_sec+.yir_sec { margin-top: 36px; }
.yir_sec { max-width: 1500px; margin: 0 auto; padding: 40px 0; }
.sec_tit_wrap { margin-bottom: 18px; }
.sec_tit { position: relative; padding-left: 14px; font-size: 24px; font-weight: 800; line-height: 1.35; letter-spacing: -0.03em; color: #222; word-break: keep-all; }
.sec_tit:before { content: ""; position: absolute; top: 9px; left: 0; width: 3px; height: 14px; border-radius: 99px; background: #2563eb; }
.sec_desc { margin-top: 8px; font-size: 15px; line-height: 1.7; color: #4b5563; word-break: keep-all; }
.sec_tit_wrap > p { margin-top: 8px; padding-left: 14px; font-size: 16px; font-weight: 500; line-height: 1.5; color: #4b5563; letter-spacing: -0.01em; word-break: keep-all; }
.sec_tit_wrap > p + p { margin-top: 6px; }
.sec_desc strong { color: #2563eb; font-weight: 800; }
.badge { display: inline-flex; align-items: center; justify-content: center; height: 24px; padding: 0 11px; margin-right: 8px; border: 1px solid #9ec2ff; border-radius: 999px; background: #eff6ff; font-size: 12px; font-weight: 700; color: #2563eb; vertical-align: middle; }
.summary .sec_tit { position: relative; padding-left: 32px; }
.summary .sec_tit:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background: url('/eng/images/sub/sub03_tab01_ac.png') no-repeat center/contain; }
.summary_card_list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.summary_card { background: #fff; border: 1px solid #dfe5ec; border-radius: 8px; overflow: hidden; }
.summary_card .top { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px 12px; }
.summary_card .icon span { display: block; width: 36px; height: 36px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.summary_card .num { font-size: 34px; font-weight: 700; line-height: 1; letter-spacing: -0.03em; color: #111827; }
.summary_card .num span { margin-left: 3px; font-size: 14px; font-weight: 700; }
.summary_card .bottom { padding: 14px 20px 18px; border-top: 1px solid #eef2f7; text-align: center; }
.summary_card .name { font-size: 16px; font-weight: 800; color: #111827; line-height: 1.4; }
.summary_card .txt { margin-top: 5px; font-size: 13px; line-height: 1.5; color: #6A7282; word-break: keep-all; }
.summary_card .icon.people span { background-image: url('/eng/images/sub/sub03_tab01_img01.png'); }
.summary_card .icon.expert span { background-image: url('/eng/images/sub/sub03_tab01_img02.png'); }
.summary_card .icon.org span { background-image: url('/eng/images/sub/sub03_tab01_img03.png'); }
.summary_card .icon.track span { background-image: url('/eng/images/sub/sub03_tab01_img04.png'); }
@media (max-width:1024px) {
	.summary_card .icon { width: 32px; height: 32px; }
	.summary_card .icon:before { width: 32px; height: 32px; }
}
@media (max-width:768px) {
	.summary_card .icon { width: 28px; height: 28px; }
	.summary_card .icon:before { width: 28px; height: 28px; }
}

/* graph box */
.summary_chart_box { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin-top: 12px; background: #fff; border: 1px solid #dfe5ec; border-radius: 8px; overflow: hidden; }

/* left chart */
.chart_area { display: flex; flex-direction: column; padding: 30px 28px; border-right: 1px solid #eef2f7; box-sizing: border-box; }
.bar_mockup { width: 100%; }
.bar_list { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; height: 240px; padding-bottom: 0; }
.bar_list li { flex: 1; min-width: 0; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; text-align: center; }
.bar_list .count { font-size: 13px; font-weight: 800; line-height: 1.2; color: #111827; }
.bar_list .nation { min-height: 28px; margin-top: 4px; font-size: 13px; line-height: 1.4; color: #6b7280; word-break: keep-all; display: flex; align-items: flex-end; justify-content: center; text-align: center; }
.bar_list .bar { width: 100%; max-width: 36px; margin-top: 8px; background: #c0cfe0; border-radius: 4px 4px 0 0; transition: background-color 0.2s ease; }
.bar_list .bar:hover { background: #a8bdd4; }
.flag_box { height: 18px; margin-top: 12px; display: flex; align-items: center; justify-content: center; }
.flag_box img { display: block; width: 28px; height: 18px; object-fit: cover; border-radius: 2px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); }
.chart_caption { margin-top: auto; padding-top: 12px; font-size: 13px; font-weight: 700; line-height: 1.5; text-align: center; color: #4A5565; }

/* right circle area */
.circle_info_area { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 30px 28px; box-sizing: border-box; }
.circle_info_list { display: grid; grid-template-columns: repeat(2, 220px); gap: 24px 60px; justify-content: center; justify-items: center; width: 100%; max-width: 520px; margin: 0 auto; }
.circle_info_list li { display: flex; flex-direction: column; align-items: center; width: 220px; text-align: center; }
.circle_info_list .circle { align-self: center; display: flex; align-items: center; justify-content: center; width: 112px; height: 112px; margin: 0 auto; border: 0; border-radius: 50%; background: #4fa3d4; box-shadow: 0 6px 10px rgba(53, 133, 181, 0.28); transition: background-color 0.2s ease; box-sizing: border-box; flex-shrink: 0; overflow: hidden; }
.circle_info_list .circle:hover { background: #3a8fc0; }
.circle_info_list .circle img { display: block; max-width: 46px; max-height: 46px; object-fit: contain; }
.circle_info_list .circle span { display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 38px; line-height: 1; }
.circle_info_list p { align-self: center; display: flex; justify-content: center; width: 100%; margin: 12px auto 0; font-size: 18px; font-weight: 700; line-height: 1.4; text-align: center; color: #374151; white-space: nowrap; word-break: keep-all; }
.circle_caption { width: 100%; margin-top: auto; padding-top: 18px; font-size: 13px; text-align: center; font-weight: 700; color: #4A5565; }

/* responsive */
@media (max-width:1024px) {
	.summary_chart_box { grid-template-columns: 1fr; }
	.chart_area { border-right: 0; border-bottom: 1px solid #eef2f7; }
	.bar_list { gap: 14px; }
}
@media (max-width:768px) {
	.chart_area,.circle_info_area { padding: 22px 18px; }
	.bar_list { height: 200px; gap: 8px; }
	.bar_list .count { font-size: 12px; }
	.bar_list .nation { min-height: 24px; font-size: 9px; }
	.bar_list .bar { max-width: 22px; }
	.flag_box img { width: 24px; height: 15px; }
	.chart_caption,.circle_caption { font-size: 12px; }
	.circle_info_list { grid-template-columns: repeat(2, minmax(160px, 1fr)); gap: 20px 12px; }
	.circle_info_list li { width: 100%; min-width: 160px; }
	.circle_info_list .circle { width: 92px; height: 92px; }
	.circle_info_list .circle img { max-width: 38px; max-height: 38px; }
	.circle_info_list .circle span { font-size: 30px; }
	.circle_info_list p { font-size: 15px; }
}

/* institution */
.institution_head { padding: 6px 0 22px; text-align: center; }
.institution_head .txt { font-size: 27px; font-weight: 700; line-height: 1.55; color: #374151; word-break: keep-all; }
.institution_head .txt strong { color: #2563eb; }
.blind { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.institution_list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.institution_card { min-height: 165px; padding: 24px; background: #fff; border: 1px solid #e6e9ef; border-radius: 16px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03); box-sizing: border-box; display: flex; flex-direction: column; gap: 24px; justify-content: space-between; }
.institution_card.photo_card { padding: 0; overflow: hidden; }
.institution_card.photo_card img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* head */
.card_head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.org_head { flex: 1; min-width: 0; }

/* 타입 1: 로고만 */
.org_head.type-logo-only .logo_box { height: 32px; }

/* 타입 2: 로고 + 타이틀 */
.org_head.type-logo-title { display: flex; align-items: center; gap: 6px; }
.org_head.type-logo-title .logo_box { flex-shrink: 0; height: 24px; }
.org_head.type-logo-title .title_inline { min-width: 0; padding-top: 1px; }
.org_head.type-logo-title .org_name { display: block; font-size: 16px; font-weight: 700; line-height: 1.3; color: #222; word-break: keep-all; }

/* 타입 3: 타이틀 + 서브타이틀 */
.org_head.type-title-subtitle .title_box { display: flex; flex-direction: column; justify-content: center; min-height: 28px; }
.org_head.type-title-subtitle .org_name { display: block; font-size: 15px; font-weight: 800; line-height: 1.2; color: #1f2937; letter-spacing: -0.02em; word-break: keep-all; }
.org_head.type-title-subtitle .org_name_en { display: block; margin-top: 2px; font-size: 8px; font-weight: 700; line-height: 1.2; color: #7d8794; letter-spacing: 0; word-break: keep-all; }

/* 공통 로고 박스 */
.logo_box { position: relative; display: block; width: 100%; background-repeat: no-repeat; background-position: left center; background-size: contain; }

/* 기관별 로고 */
.logo_box.kist { width: 42px; background-image: url('/eng/images/sub/sub03_tab01_logo_kist.png'); }
.logo_box.ibs { width: 26px; background-image: url('/eng/images/sub/sub03_tab01_logo_ibs.png'); }
.logo_box.kribb { width: 76px; background-image: url('/eng/images/sub/sub03_tab01_logo_kribb.png'); }
.logo_box.krict { width: 74px; background-image: url('/eng/images/sub/sub03_tab01_logo_krict.png'); }
.logo_box.kigam { width: 64px; background-image: url('/eng/images/sub/sub03_tab01_logo_kigam.png'); }
.logo_box.kbsi { width: 48px; background-image: url('/eng/images/sub/sub03_tab01_logo_kbsi.png'); }
.logo_box.kier { width: 50px; background-image: url('/eng/images/sub/sub03_tab01_logo_kier.png'); }
.logo_box.kriss { width: 56px; background-image: url('/eng/images/sub/sub03_tab01_logo_kriss.png'); }
.logo_box.kitech { width: 72px; background-image: url('/eng/images/sub/sub03_tab01_logo_kitech.png'); }
.logo_box.kaist { width: 68px; background-image: url('/eng/images/sub/sub03_tab01_logo_kaist.png'); }

/* 전공 아이콘 */
.field_icon_list { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.field_icon { position: relative; display: inline-block; width: 40px; height: 40px; border-radius: 50%; background-repeat: no-repeat; background-position: center; }
.field_icon.ico_quantum { background-image: url('/eng/images/sub/sub03_tab01_ico_quantum.png'); }
.field_icon.ico_bio { background-image: url('/eng/images/sub/sub03_tab01_ico_bio.png'); }
.field_icon.ico_chem { background-image: url('/eng/images/sub/sub03_tab01_ico_chem.png'); }
.field_icon.ico_geo { background-image: url('/eng/images/sub/sub03_tab01_ico_geo.png'); }
.field_icon.ico_dna { background-image: url('/eng/images/sub/sub03_tab01_ico_dna.png'); }

/* body */
.card_body { display: flex; flex-direction: column; gap: 10px; }
.meta_row { display: flex; align-items: flex-start; gap: 8px; }
.meta_row .label { flex-shrink: 0;
/* display: inline-flex; */
	align-items: center; justify-content: center; min-width: 56px;
/* height: 20px; */
	padding: 7px 7px; border-radius: 6px; background: #a5a5a5; font-size: 11px; font-weight: 700; line-height: 1; color: #fff; box-sizing: border-box; }
.meta_row .desc { padding-top: 1px; font-size: 13px; font-weight: 500; line-height: 1.45; color: #333; word-break: keep-all; }

/* responsive */
@media (max-width:1700px) {
	.yir_headline{ padding: 0 10px; }
	.yir_sec{ padding: 30px 10px; }
}
@media (max-width:1200px) {
	.institution_list { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width:1024px) {
	.institution_list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:768px) {
	.institution_list { grid-template-columns: 1fr; }
	.institution_card { min-height: auto; padding: 16px 14px; border-radius: 12px; }
	.card_head { margin-bottom: 14px; }
	.meta_row .desc { font-size: 11px; }
	.org_head.type-title-subtitle .org_name { font-size: 14px; }
	.org_head.type-title-subtitle .org_name_en { font-size: 8px; }
}

/* responsive */
@media (max-width:1280px) {
	.yir_visual_tit { font-size: 34px; }
	.year_head_title { font-size: 30px; }
	.yir_headline .tit strong { font-size: 26px; }
	.institution_head .txt { font-size: 24px; }
}
@media (max-width:1024px) {
	.summary_card_list,.institution_list { grid-template-columns: repeat(2, 1fr); }
	.summary_chart_box { grid-template-columns: 1fr; }
	.chart_area { border-right: 0; border-bottom: 1px solid #eef2f7; }
	.year_head_title { font-size: 26px; }
	.yir_headline .tit strong { font-size: 24px; }
	.institution_head .txt { font-size: 22px; }
}
@media (max-width:768px) {
	.yir_inner { padding: 0 16px; }
	.yir_visual { height: 190px; }
	.yir_visual_tit { font-size: 28px; }
	.yir_visual_txt { font-size: 13px; }
	.yir_tab li a { height: 48px; padding: 0 14px; font-size: 12px; }
	.yir_contents { padding: 22px 0 70px; }
	.yir_headline { padding: 14px 0 24px; }
	.year_head_title { font-size: 22px; line-height: 1.5; }
	.yir_headline .tit { line-height: 1.55; }
	.yir_headline .tit strong { font-size: 20px; }
	.sec_tit { font-size: 20px; }
	.sec_desc { font-size: 14px; }
	.sec_tit_wrap > p { font-size: 14px; line-height: 1.7; }
	.summary_card_list,.institution_list { grid-template-columns: 1fr; }
	.summary_card .num { font-size: 30px; }
	.summary_card .num span { font-size: 13px; }
	.summary_card .name { font-size: 15px; }
	.summary_card .txt { font-size: 12px; }
	.bar_list { gap: 10px; height: 200px; }
	.bar_list .bar { width: 18px; }
	.circle_info_list { grid-template-columns: repeat(2, minmax(160px, 1fr)); gap: 20px 12px; }
	.circle_info_list li { width: 100%; min-width: 160px; }
	.circle_info_list .circle { width: 92px; height: 92px; }
	.circle_info_list .circle img { max-width: 38px; max-height: 38px; }
	.circle_info_list .circle span { font-size: 30px; }
	.circle_info_list p { font-size: 15px; }
	.circle_caption { font-size: 12px; }
	.institution_head .txt { font-size: 18px; }
	.institution_card { min-height: auto; padding: 18px 16px; }
	.institution_card .logo { font-size: 20px; }
	.institution_card .meta p { font-size: 12px; }
}

/* 탭2,3,4 공통 */
.yrs { padding: 60px 0 80px; background: #f5f7fa; }
.yrs_inner { max-width: 1500px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; }

/* head */
.yrs_head { margin-bottom: 24px; text-align: center; }
.yrs_head_title .count {color: #2563eb;}
.yrs_head_info { display: flex; justify-content: flex-end; margin-top: 12px; }
.yrs_badge {display: inline-flex;align-items: center;gap: 6px;height: 34px;padding: 0 14px;border-radius: 999px;background: #2563eb;font-size: 14px;font-weight: 700;line-height: 1;color: #fff;}

/* list */
.yrs_list { display: flex; flex-direction: column; gap: 18px; }
.yrs_card { background: #fff; border: 1px solid #e3e8f0; border-radius: 14px; box-shadow: 0 3px 12px rgba(15, 23, 42, 0.04); overflow: hidden; }
.yrs_card_head { background: #dce8f7; border-bottom: 1px solid #c9dbf2; }
.yrs_card_title {display: flex;align-items: center;gap: 10px;min-height: 58px;padding: 14px 22px;font-size: 19px;font-weight: 700;line-height: 1.45;letter-spacing: -0.02em;color: #1f2937;word-break: keep-all;}
.yrs_card_body { display: flex; align-items: flex-start; gap: 24px; padding: 22px; }

/* info area */
.yrs_info { flex: 1; min-width: 0; }
.yrs_row { display: flex; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid #edf2f7; }
.yrs_row:last-child { border-bottom: 0; }
.yrs_label {flex-shrink: 0;display: flex;align-items: center;gap: 8px;width: 170px;padding-right: 16px;font-size: 14px;font-weight: 700;line-height: 1.4;color: #374151;box-sizing: border-box;}
.yrs_desc { flex: 1; min-width: 0; font-size: 14px; font-weight: 500; line-height: 1.8; color: #4b5563; word-break: keep-all; }
.yrs_desc p+p { margin-top: 8px; }
.yrs_desc span { margin-left: 4px; font-size: 13px; font-weight: 500; color: #94a3b8; }
/* .yrs_desc.italic { font-style: italic; } */
.yrs_desc_link { font-style: italic; font-weight: 700; color: #2563eb; }

/* thumbs */
.yrs_thumb_group { display: flex; align-items: flex-start; gap: 12px; flex-shrink: 0; margin-left: auto; max-width: 100%; }
.yrs_thumb_group .yrs_thumb_text{ display: flex; flex-direction: column; align-items: center; gap: 10px; width: 276px; max-width: 100%; min-width: 0; }
.yrs_thumb_group .yrs_thumb_text p { width: 100%; margin: 0; font-size: 13px; font-weight: 400; line-height: 1.45; color: #4b5563; text-align: center; word-break: keep-all; overflow-wrap: break-word; }
.yrs_thumb { overflow: hidden; border: 1px solid #dbe3ee; border-radius: 14px; background: #fff; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05); height: 176px; flex-shrink: 0; }
.yrs_thumb_group .yrs_thumb_text .yrs_thumb { width: 100%; }
.yrs_thumb.photo { 
/* width: 410px; */
}
.yrs_thumb.book { 
/* width: 230px; */
}
.yrs_thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* common icons */
.yrs_ico { position: relative; flex-shrink: 0; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain; }
.yrs_ico_book { width: 14px; height: 14px; background-image: url('/eng/images/sub/sub03_tab_icon_book.png'); }
.yrs_ico_titlemark { width: 10px; height: 18px; background-image: url('/eng/images/sub/sub03_tab_titlemark.png'); }
.yrs_label .yrs_ico { width: 20px; height: 20px; border-radius: 6px; }
.yrs_ico_user { background-color: #eef4ff; background-image: url('/eng/images/sub/sub03_tab_icon_user.png'); }
.yrs_ico_file { background-color: #eef2ff; background-image: url('/eng/images/sub/sub03_tab_icon_file.png'); }
.yrs_ico_calendar { background-color: #fff8eb; background-image: url('/eng/images/sub/sub03_tab_icon_calendar.png'); }
.yrs_ico_journal { background-color: #ecfdf3; background-image: url('/eng/images/sub/sub03_tab_icon_journal.png'); }
.yrs_ico_place { background-color: #fff1f2; background-image: url('/eng/images/sub/sub03_tab_icon_book.png'); }
.yrs_ico_presentation { background-color: #ecfdf3; background-image: url('/eng/images/sub/sub03_tab_icon_presentation.png'); }
.yrs_ico_mou { background-color: #f5f3ff; background-image: url('/eng/images/sub/sub03_tab_icon_book.png'); }

/* responsive */
@media (max-width:1280px) {
	.yrs_card_title { font-size: 18px; }
	.yrs_thumb_group.two .yrs_thumb_text { width: 150px; }
	.yrs_thumb_group.one .yrs_thumb_text { width: 130px; }
	.yrs_thumb_group.two .yrs_thumb { width: 150px; height: 166px; }
	.yrs_thumb_group.one .yrs_thumb { width: 130px; height: 166px; }
}
@media (max-width:1024px) {
	.yrs { padding: 30px 0 64px; }
	.yrs_inner { padding: 0 20px; }
	.yrs_head_info { justify-content: center; }
	.yrs_card_body { flex-direction: column; }
	.yrs_thumb_group { width: 100%; margin-left: 0; justify-content: flex-end; }
	.yrs_thumb_group.two .yrs_thumb_text { width: 160px; }
	.yrs_thumb_group.one .yrs_thumb_text { width: 140px; }
	.yrs_thumb_group.two .yrs_thumb { width: 160px; height: 176px; }
	.yrs_thumb_group.one .yrs_thumb { width: 140px; height: 176px; }
}
@media (max-width:768px) {
	.yrs { padding: 24px 0 50px; }
	.yrs_inner { padding: 0 16px; }
	.yrs_head { margin-bottom: 18px; }
	.yrs_badge { height: 30px; padding: 0 12px; font-size: 12px; }
	.yrs_card_title { min-height: auto; padding: 12px 16px; font-size: 16px; }
	.yrs_card_body { gap: 18px; padding: 16px; }
	.yrs_row { flex-direction: column; gap: 6px; padding: 12px 0; }
	.yrs_label { width: 100%; padding-right: 0; font-size: 13px; }
	.yrs_desc { font-size: 13px; line-height: 1.7; }
	.yrs_desc span { font-size: 12px; }
	.yrs_thumb_group { justify-content: flex-start; flex-wrap: wrap; }
	.yrs_thumb_group.one .yrs_thumb_text,.yrs_thumb_group.two .yrs_thumb_text,.yrs_thumb_group.three .yrs_thumb_text { width: calc(50% - 6px); }
	.yrs_thumb_group.one .yrs_thumb,.yrs_thumb_group.two .yrs_thumb,.yrs_thumb_group.three .yrs_thumb { width: calc(50% - 6px); height: 150px; }
	.yrs_thumb_group .yrs_thumb_text .yrs_thumb { width: 100%; }
}

/* 탭4 */
.yrs_exchange .yrs_desc .status { display: inline; margin-left: 6px; padding: 0; background: transparent; font-size: 11px; font-weight: 700; line-height: 1.5; color: #111827; vertical-align: middle; }
.yrs_exchange .yrs_desc .status::before { content: "※"; margin-right: 4px; color: inherit; }

/* 탭4 전용 */
.yrs_info_person { display: flex; flex-direction: column; gap: 14px; }
.yrs_row.type_person,.yrs_row.type_note {display: flex;gap: 20px;padding: 14px 16px;border: 1px solid #e5eaf2;border-radius: 10px;background: #f9fbff;flex-direction: column;}
.yrs_row.type_person .col_left,.yrs_row.type_note .col_left {display: flex;align-items: center;gap: 8px;/* width: 320px; */flex-shrink: 0;}
.yrs_row.type_person .name,.yrs_row.type_note .name {font-size: 15px;font-weight: 700;line-height: 1.45;color: #1f2937;}
.yrs_row.type_person .meta {font-size: 13px;font-weight: 500;color: #9ca3af;}
.yrs_row.type_person .col_right,.yrs_row.type_note .col_right {display: flex;align-items: center;justify-content: space-between;flex: 1;gap: 12px;margin-left: 28px;}
.yrs_row.type_person .desc,.yrs_row.type_note .desc {flex: 1;font-size: 15px;line-height: 1.6;color: #4b5563;}
.yrs_exchange .status {display: inline; padding: 0; background: transparent; font-size: 12px; font-weight: 700; line-height: 1.5; color: #4b5563; flex-shrink: 0;}
.yrs_exchange .status::before { content: "※"; margin-right: 4px; color: inherit; }
.yrs_exchange .status .status_ico { display: none; }
.yrs_person_grid { display: grid; grid-template-columns: 1fr 40px 1fr; gap: 12px; align-items: center; }
.yrs_person_box {display: flex; align-items: start; gap: 12px; padding: 14px 16px; border: 1px solid #e5eaf2; border-radius: 10px; background: #f9fbff; }
.yrs_person_box.mint { border-color: #d9f1ea; background: #f7fffc; }
.yrs_person_box.purple { border-color: #E0E7FF; background: #F8FAFF; }
.person_label { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: #2563eb; }
.yrs_person_box.right .person_label { color: #10b981; }
.person_name { margin-top: 8px; font-size: 15px; font-weight: 800; line-height: 1.4; color: #1f2937; }
.person_meta { margin-top: 3px; font-size: 12px; line-height: 1.5; color: #6b7280; }
.person_meta span { color: #9ca3af; }
.yrs_person_arrow { display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 800; color: #c4cbd6; }

.yrs_person_box .person_label .status_ico{width: 30px;}
.yrs_col.type_note{ display: flex; align-items: start; gap: 12px; padding: 14px 16px; border: 1px solid #e5eaf2; border-radius: 10px; background: #f9fbff; }
.yrs_col.type_note .status_ico{width: 30px;}
.yrs_col.type_note .text{
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.yrs_col.type_note .text .col_top{}
.yrs_col.type_note .text .col_top .name{
    font-size: 14px;
    font-weight: 600;
    color: #615FFF;
}
.yrs_col.type_note .text .col_btm{
    display: flex;
    align-items: center;
    gap: 12px;
}
.yrs_col.type_note .text .col_btm .desc{
    font-size: 14px;
    line-height: 1.6;
    color: #4b5563;
}
.yrs_col.type_note .text .col_btm .status{}

@media (max-width:1024px) {
	.yrs_row.type_person,.yrs_row.type_note { flex-direction: column; align-items: flex-start; }
	.yrs_row.type_person .col_left,.yrs_row.type_note .col_left { width: 100%; }
	.yrs_row.type_person .col_right,.yrs_row.type_note .col_right { width: 100%; flex-direction: column; align-items: flex-start; }
	.yrs_person_grid { grid-template-columns: 1fr; }
	.yrs_person_arrow { display: none; }
}
@media (max-width:768px) {
	.yrs_row.type_person,.yrs_row.type_note,.yrs_person_box { padding: 12px 14px; }
	.person_name { font-size: 14px; }
	.yrs_row.typePerson .desc,.yrs_row.type_note .desc { font-size: 12px; }
}

/* photo */
.photo {padding: 36px 0 80px;background: #f5f7fa;}
.photo_inner { max-width: 1500px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; }

/* == */
.photo_head {padding: 40px 20px 30px;text-align: center;border-radius: 16px;}
.photo_eyebrow {font-size: 16px;font-weight: 700;letter-spacing: 0.08em;color: #3b82f6;}
.photo_title {margin-top: 8px;font-size: 42px;font-weight: 700;line-height: 1.2;color: #1f2937;letter-spacing: -0.03em;}
.photo_desc {margin-top: 10px;font-size: 14px;line-height: 1.6;/* color: #6b7280; */}
.photo_head_meta { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 18px; }
.photo_badge {display: inline-flex;align-items: center;gap: 6px;height: 32px;padding: 0 12px;border-radius: 999px;background: #2563eb;font-size: 14px;font-weight: 600;color: #fff;}
.photo_badge.small {height: 28px;padding: 0 12px;font-size: 14px;}
.photo_head_text {display: inline-flex;align-items: center;gap: 6px;height: 32px;padding: 0 12px;border-radius: 999px;background: #F3F4F6;font-size: 14px;font-weight: 600;color: #4A5565;}

/* inner tabs */
.photo_program_tab { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin-top: 24px; }
.program_btn {display: flex;align-items: center;justify-content: center;gap: 8px;height: 52px;padding: 0 16px;border: 1px solid #dde5ef;border-radius: 10px;background: #fff;font-size: 16px;font-weight: 700;color: #6b7280;cursor: pointer;transition: all .2s ease;}
.program_btn .count { margin-left: 2px; font-size: 11px; font-weight: 800; color: #10b981; }
.program_btn.active { background: #2563eb; border-color: #2563eb; color: #fff; box-shadow: 0 6px 16px rgba(37, 99, 235, 0.18); }
.program_btn.active .count { color: #dbeafe; }

/* panel */
.photo_panel { display: none; margin-top: 14px; background: #fff; border: 1px solid #e5eaf2; border-radius: 14px; box-shadow: 0 3px 12px rgba(15, 23, 42, 0.04); overflow: hidden; }
.photo_panel.active { display: block; }
.photo_section_head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px; background: #dce8f7; border-bottom: 1px solid #c9dbf2; }
.photo_section_head .left { display: flex; align-items: center; gap: 8px; min-width: 0; }
.photo_section_head .left .num { font-size: 12px; font-weight: 800; color: #2563eb; }
.photo_section_head .left h4 {font-size: 18px;font-weight: 700;color: #1f2937;}
.photo_section_head .left p {font-size: 14px;color: #6A7282;}

/* cards */
.photo_card_list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding: 16px; }
.photo_card { border: 1px solid #e5eaf2; border-radius: 10px; background: #fff; overflow: hidden; }
.photo_card .thumb { aspect-ratio: 1.36 / 1; overflow: hidden; background: #e5e7eb; }
.photo_card .thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.photo_card .info { padding: 10px 10px 12px; }
.photo_card .tit {font-size: 16px;font-weight: 700;line-height: 1.5;color: #374151;word-break: keep-all;}
.photo_card .date {margin-top: 4px;font-size: 14px;color: #9ca3af;}

/* icons */
.photo_ico { display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain; flex-shrink: 0; }
.photo_ico_camera { width: 12px; height: 12px; background-image: url('/eng/images/sub/sub03_tab_icon_photo.png'); }
.photo_ico_section { width: 10px; height: 18px; background-image: url('/eng/images/sub/sub03_tab_titlemark.png'); }

/* responsive */
@media (max-width:1280px) {
	.photo_title { font-size: 36px; }
}
@media (max-width:1024px) {
	.photo_card_list { grid-template-columns: repeat(2, 1fr); }
	.photo_title { font-size: 32px; }
}
@media (max-width:768px) {
	.photo { padding: 24px 0 50px; }
	.photo_inner { padding: 0 16px; }
	.photo_head { padding: 30px 16px 24px; border-radius: 12px; }
	.photo_title { font-size: 28px; }
	.photo_desc { font-size: 13px; }
	.photo_program_tab { grid-template-columns: 1fr; }
	.program_btn { height: 46px; font-size: 12px; }
	.photo_section_head { flex-direction: column; align-items: flex-start; }
	.photo_section_head .left h4 { font-size: 16px; }
	.photo_card_list { grid-template-columns: 1fr; padding: 12px; }
}