@charset "utf-8";

/* ************** sub layout ************** */
.sub-visual{background:url('/images/sti/sub/bg_subvisual.png') no-repeat center top / cover;box-sizing:border-box;}
.sub-visual > .inner{position:relative;padding:94px 0 108px;}
.sub-visual h2{font-weight:700;font-size:56px;line-height:1.4em;letter-spacing:-0.25px;color:#fff;}
.sub-visual .location{display:flex;align-items:center;flex-wrap:wrap;position:absolute;right:0;top:38px;}
.sub-visual .location > li{position:relative;padding:0 14px;color:#fff;line-height:1.5em;}
.sub-visual .location > li:after{content:'';position:absolute;right:-2px;top:10px;width:4px;height:4px;background:rgba(255,255,255,0.8);}
.sub-visual .location > li.home{width:16px;height:100%;text-indent:-9999px;background:url('/images/sti/sub/ico_home.png') no-repeat center / 16px auto;}
.sub-visual .location > li:last-child{padding-right:0;}
.sub-visual .location > li:last-child:after{display:none;}
.sub-visual .location > li > a{display:block;}
.sub-visual .menu-tab{margin-top:44px;}

.menu-tab{display:flex;align-items:center;gap:10px;}
.menu-tab > li > a{display:flex;justify-content:center;align-items:center;padding:0 20px;min-width:200px;height:56px;font-weight:400;font-size:23px;color:#fff;text-align:center;background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.5);border-radius:30px;box-sizing:border-box;}
.menu-tab > li.active > a{font-weight:600;color:#da1b1b;background:#fff;border-color:#fff;}

.sub-contents{padding:0 0 200px;}
.sub-contents > .inner{padding-top:100px;}

.sub-contents.intro{padding:0;}

/* ************** sub common ************** */
.btn-area{margin:70px 0;text-align:center;}

.btn{display:inline-flex;justify-content:center;align-items:center;margin:2px 3px;padding:5px;min-width:150px;height:62px;line-height:1.1em;font-size:18px;color:#fff;text-align:center;background:#da1b1b;border:1px solid #da1b1b;border-radius:40px;box-sizing:border-box;transition-duration:0.3s;}

.h3-title{margin-bottom:15px;font-weight:700;font-size:36px;color:#000;letter-spacing:-0.25px;line-height:1.4em;}
.h4-title{margin:35px 0 20px;font-weight:700;font-size:23px;color:#da1b1b;letter-spacing:-0.25px;line-height:1.4em;}

/* ************** sub contents ************** */
[class^="intro-section"] p{line-height:1.6em;}
.intro-section1{padding:100px 0 110px;}
.intro-section1 p{font-size:19px;line-height:1.7em;}
.intro-section1 .title{margin-bottom:30px;font-size:38px;color:#000;letter-spacing:-0.25px;line-height:1.5em;}
.intro-section2{padding:100px 0;background:#fafafd;}
.intro-section2 .inner{overflow:hidden;}
.intro-section2 .img{float:right;margin:10px 0 12px 65px;width:600px;text-align:right;font-weight:300;font-size:14px;color:#666;}
.intro-section2 .img img{margin-bottom:15px;}
.intro-section2 .h3-title{margin-bottom:30px;}
.intro-section2 .h4-title{margin:35px 0 10px;font-weight:600;color:#000;}
.intro-section2 p{font-size:19px;}
.intro-section2 .list-con.dot > li{margin-bottom:7px;}
.intro-section2 p + .list-con.num{margin-top:0;}
.intro-section2 p + .list-con.num > li{margin-bottom:0;font-size:19px;}
.intro-section3{padding:124px 0 138px;color:#fff;background:url('/images/sti/sub/bg_intro_OECD1.png') no-repeat center / cover;}
.intro-section3 .h3-title{margin-bottom:30px;color:#fff;}
.intro-section3 .cont{margin-bottom:30px;font-size:19px;}
.intro-section3 .add-table{margin-bottom:90px;}
.intro-section3 .add-table p{margin-bottom:25px;}
.intro-num{display:flex;flex-wrap:wrap;gap:23px;margin-bottom:80px;}
.intro-num.cols1{flex-direction:column;}
.intro-num > li{display:flex;width:calc(100% / 3 - 16px);gap:12px;}
.intro-num.cols1 > li{width:100%;}
.intro-num > li em{display:block;flex-shrink:0;width:42px;height:42px;line-height:42px;font-weight:600;font-size:20px;letter-spacing:-0.5px;text-align:center;background:#ff3737;border-radius:50%;}
.intro-num > li b{display:block;margin-bottom:12px;padding:4px 0;font-weight:600;font-size:23px;color:#ff3636;line-height:1.5em;}
.intro-num > li .tit{margin:15px 0 0;padding:0;font-weight:700;font-size:19px;color:#fff;}
.intro-num > li p{font-weight:300;}
.intro-box{display:flex;flex-wrap:wrap;gap:23px;}
.intro-box > li{padding:45px 40px;width:calc(50% - 12px);font-weight:300;color:#333;line-height:1.6em;background:#fff;border-radius:15px;box-sizing:border-box;}
.intro-box > li b{display:block;margin-bottom:14px;font-weight:700;font-size:23px;color:#da1b1b;letter-spacing:-0.25px;line-height:1.5em;}
.intro-section4{padding:125px 0 135px;color:#fff;background:url('/images/sti/sub/bg_intro_OECD2.png') no-repeat center / cover;}
.intro-section4 .h3-title{margin-bottom:32px;color:#fff;}
.intro-section4 .cont{font-weight:300;}
.intro-section4 p + .list-con.num{margin-top:2px;}
.intro-section4 p + .list-con.num > li{margin-bottom:2px;}
.intro-list{display:flex;flex-wrap:wrap;gap:23px;margin-bottom:90px;}
.intro-list > li{position:relative;padding:45px 80px 54px 40px;width:calc(50% - 12px);line-height:1.6em;border:1px solid rgba(255,255,255,0.2);border-radius:15px;box-sizing:border-box;}
.intro-list.cols3 > li{width:calc(100% / 3 - 16px);}
.intro-list > li i{position:absolute;top:40px;right:50px;}
.intro-list > li i img{width:50px;}
.intro-list > li b{display:block;margin:0 70px 15px 0;font-weight:700;font-size:23px;line-height:1.5em;}
.intro-list > li p{line-height:1.65em;}
.intro-list + .list-con{margin:-60px 0 90px;}
.intro-section4 .list-con.dot li{margin-bottom:7px;font-size:17px;}
.intro-section4 .list-con.dot li:before{background:#fff;}
.intro-section5{padding:125px 0 175px;background:#faf9f5;}
.intro-section5 .h3-title{margin-bottom:35px;}
.intro-section5 .tit{font-weight:600;font-size:19px;color:#000;}
.intro-goal{display:flex;flex-wrap:wrap;gap:55px 45px;margin-bottom:115px;}
.intro-goal > li{width:calc(100% / 3 - 30px);box-sizing:border-box;}
.intro-goal > li i{display:block;margin-bottom:18px;}
.intro-goal > li i img{width:50px;}
.intro-goal > li b{display:block;margin-bottom:10px;font-weight:600;font-size:23px;color:#000;letter-spacing:-0.25px;}
.intro-goal > li p{line-height:1.65em;}
.intro-goal + .add-table{margin:-75px 0 120px;}
.intro-table{position:relative;margin:15px 0;}
.intro-table th,
.intro-table td{padding:15px 10px;height:59px;line-height:1.6em;font-weight:300;text-align:center;color:#fff;background:#333333;border-bottom:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(255,255,255,0.1);text-align:center;box-sizing:border-box;}
.intro-table th:last-child,
.intro-table td:last-child{border-right:none;}
.intro-table th{font-weight:600;background:#212121;}
.intro-table thead tr:first-child th{border-top:2px solid rgba(255,255,255,0.15);}
.intro-table td.txt-left{padding-left:30px;}
.intro-table td.txt-right{padding-right:30px;}
.intro-table .bdr{border-right:1px solid rgba(255,255,255,0.1);}
.intro-table.type2 thead tr:first-child th{border-top:2px solid #333;}
.intro-table.type2 th,
.intro-table.type2 td{color:#333;background:transparent;border-color:#ddd;}
.intro-table.type2 th{color:#000;background:transparent;}
.source > li{display:flex;font-weight:300;color:#333;line-height:1.45em;word-break:break-all;}
.source > li b{flex-shrink:0;font-weight:700;margin-right:3px;}
.source > li a{color:inherit;}
.source.agenda{margin:34px 10px 10px;}
.source.agenda > li{font-size:17px;}
.intro-section5 .source{margin-top:28px;padding-top:38px;border-top:1px solid #ddd;}
.intro-section5 .source > li{line-height:1.6em;}

.intro-section3.m2{background-image:url('/images/sti/sub/bg_intro_UNESCO1.png');}
.intro-section4.m2{background-image:url('/images/sti/sub/bg_intro_UNESCO2.png');}
.intro-section3.m3{background-image:url('/images/sti/sub/bg_intro_G201.png');}
.intro-section4.m3{background-image:url('/images/sti/sub/bg_intro_G202.png');}
.intro-section3.m4{background-image:url('/images/sti/sub/bg_intro_ASEAN1.png');}
.intro-section4.m4{background-image:url('/images/sti/sub/bg_intro_ASEAN2.png');}
.intro-section3.m5{background-image:url('/images/sti/sub/bg_intro_UNECOSOC1.png');}
.intro-section3.m6{background-image:url('/images/sti/sub/bg_intro_UNESCAP1.png');}
.intro-section4.m6{background-image:url('/images/sti/sub/bg_intro_UNESCAP2.png');}
.intro-section3.m7{background-image:url('/images/sti/sub/bg_intro_APEC1.png');}
.intro-section4.m7{background-image:url('/images/sti/sub/bg_intro_APEC2.png');}

.tab-content.mapping{overflow:hidden;}
.tab-content.mapping .tab-bar{display:flex;position:relative;margin:0 auto 100px;padding-top:5px;width:1500px;}
.tab-content.mapping .tab-bar:before{content:'';position:absolute;left:-1000px;right:-1000px;bottom:0;border-bottom:1px solid #ddd;}
.tab-content.mapping .tab-bar > li{margin-right:50px;}
.tab-content.mapping .tab-bar > li:last-child{margin-right:0;}
.tab-content.mapping .tab-bar > li > a{display:flex;align-items:center;position:relative;height:65px;font-size:19px;color:#333;box-sizing:border-box;}
.tab-content.mapping .tab-bar > li > a:before{display:block;content:'';position:absolute;left:50%;bottom:0;width:0%;height:2px;background:#da1b1b;transform:translateX(-50%);transition-duration:0.3s;}
.tab-content.mapping .tab-bar > li.active > a{font-weight:700;color:#da1b1b;}
.tab-content.mapping .tab-bar > li.active > a:before{width:100%;}
.tab-content.mapping .img{margin:45px 0 68px;text-align:center;}
.tab-content.mapping .box{padding:52px 60px;background:#f7f7f7;border-radius:10px;}
.tab-content.mapping .title{display:block;margin-bottom:18px;font-weight:700;font-size:26px;color:#333;line-height:1.4em;}
.tab-content.mapping p{line-height:1.7em;}

.agenda-top{position:relative;padding-top:5px;background:#fff;z-index:10;}
.agenda-top:before{content:'';position:absolute;left:-1000px;right:-1000px;bottom:0;border-bottom:1px solid #ddd;}
#agendaSlider{padding:0 60px;width:1500px;box-sizing:border-box;}
#agendaSlider > button{top:0;margin-top:0;width:60px;height:64px;text-indent:-9999px;background-color:#fff;background-repeat:no-repeat;background-size:10px auto !important;transition-duration:0.3s;box-sizing:border-box;}
#agendaSlider > .swiper-button-prev{left:0;background-image:url('/images/sti/sub/ico_prev_black.png');background-position:left center;}
#agendaSlider > .swiper-button-next{right:0;background-image:url('/images/sti/sub/ico_next_black.png');background-position:right center;}
#agendaSlider > .swiper-button-prev:hover{background-color:#fff;border-color:#da1b1b;background-image:url('/images/sti/sub/ico_prev_red.png');}
#agendaSlider > .swiper-button-next:hover{background-color:#fff;border-color:#da1b1b;background-image:url('/images/sti/sub/ico_next_red.png');}
#agendaSlider li a{display:flex;justify-content:center;align-items:center;position:relative;height:65px;font-size:19px;color:#333;text-align:center;}
#agendaSlider li a:before{display:block;content:'';position:absolute;left:50%;bottom:0;width:0%;height:2px;background:#da1b1b;transform:translateX(-50%);transition-duration:0.3s;}
#agendaSlider li.active > a{font-weight:700;color:#da1b1b;}
#agendaSlider li.active a:before{width:100%;}

.top-scroll .agenda-top{position:fixed;left:0;right:0;top:90px;}

.agenda-con{position:relative;}
.agenda-con:before{content:'';position:absolute;left:14px;top:3px;bottom:0;border-left:2px solid #da1b1b;}
.agenda-con > li{position:relative;margin-top:90px;padding-left:90px;}
.agenda-con > li:first-child{margin-top:0;}
.agenda-con > li i{display:block;position:absolute;left:0;top:3px;width:30px;height:30px;background:#fff;border:1px solid #da1b1b;border-radius:50%;box-sizing:border-box;z-index:2;}
.agenda-con > li i:before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#da1b1b;border-radius:50%;z-index:3;}
.agenda-con > li .title{display:flex;justify-content: space-between;align-items: center;padding-bottom:35px;font-weight:700;font-size:38px;color:#000;line-height:1em;}
.agenda-grp .title .btn-more{
	display:inline-flex;
	flex-shrink:0;
	margin-left:14px;
	width:36px;
	height:36px;
	text-indent:-9999px;
	background:#fff url('/images/sti/sub/down_arrow.png') no-repeat center / 16px auto;
	border:1px solid #cdcdcd;
	border-radius:50%;
	transition:transform 0.3s ease;
	box-sizing:border-box;
	cursor:pointer;
}

.agenda-grp.active .title .btn-more{
	transform:rotate(180deg);
}

.agenda-grp .title .btn-more:hover{
	border-color:#da1b1b;
}

.agenda-grp .table-info{
	max-height:0;
	overflow:hidden;
	transition:max-height 0.4s ease;
	margin-bottom:0;
}

.agenda-grp.active .table-info{
	max-height:5000px;
	margin-bottom:30px;
}

.table-info{position:relative;margin-bottom:30px;border-top:2px solid #333;}
.table-info:before{display:block;content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:#fff;}
.table-info th,
.table-info td{padding:15px 10px;height:70px;line-height:1.6em;text-align:center;background:#fff;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;box-sizing:border-box;}
.table-info th{font-weight:700;color:#000;background:#f7f7f7;}
.table-info tr:nth-child(even) td{background:#f7f7f7;}
.table-info td.txt-left{padding-left:20px;}
.table-info td.txt-right{padding-right:20px;}

.global-top{padding:90px 0 110px;background:#faf9f5;}
.global-top .h3-title{font-size:38px;}
.global-top #mainIssueSlider{position:static;margin-top:-60px;}
.global-top #mainIssueSlider .swiper-btn{top:10px;}

.btn-chart{display:inline-flex;justify-content:center;align-items:center;padding:10px 20px;min-width:188px;min-height:50px;line-height:1.1em;font-size:18px;color:#da1b1b;letter-spacing:-0.25px;text-align:center;vertical-align:middle;background:#fff;border:1px solid #da1b1b;border-radius:10px;box-sizing:border-box;transition-duration:0.3s;}
.btn-chart:before{display:inline-block;content:'';margin-right:10px;width:16px;height:16px;background:url('/images/sti/sub/ico_chart_red.png') no-repeat center / 16px auto;transition-duration:0.3s;}
.btn-chart:hover{font-weight:500;color:#fff;background:#da1b1b;}
.btn-chart:hover:before{background-image:url('/images/sti/sub/ico_chart_white.png');}

.global-con .h3-title{font-size:38px;margin-bottom:38px;}
.global-con > div{display:flex;gap:70px;}
.filter-area{flex-shrink:0;width:330px;}
.filter-area .title{display:block;margin-bottom:15px;font-weight:700;font-size:26px;color:#000;line-height:50px;}
.filter-area .sub-title{display:block;margin-bottom:26px;font-weight:600;font-size:20px;color:#000;letter-spacing:-0.1px;}
.filter-area .etc-title{display:block;margin-bottom:15px;font-weight:700;font-size:23px;color:#000;}
.filter-area .btn-search{display:block;width:100%;height:54px;line-height:52px;color:#fff;background:#fff url('/images/sti/sub/ico_search.png') no-repeat 15px center / 20px auto;vertical-align:middle;background:#da1b1b;border:1px solid #da1b1b;border-radius:10px;box-sizing:border-box;transition-duration:0.3s;}
.filter-area .btn-search:hover{font-weight:500;color:#da1b1b;background:#fff;}
.filter-area .row1{position:relative;padding-bottom:30px;}
.filter-area .row1 input[type="text"]{height:58px;border-color:#333;border-radius:12px;}
.filter-area .row2{padding:35px 0;border-top:1px solid #ddd;}
.filter-area .row3{padding:35px 0;border-top:1px solid #ddd;}
.filter-area .row4{padding:30px 0;}
.inp-list > li{margin-bottom:8px;font-size:17px;}
.inp-list > li:last-child{margin-bottom:0;}
.inp-list > li span{color:#666;}
.range-area{margin:32px 8px;height:2px;background:#ededed;border:none !important;border-radius:0 !important;}
.range-area .ui-widget-header{background:#da1b1b;}
.range-area .ui-slider-handle{top:-5px;margin-left:-6px;width:12px;height:12px;background:#da1b1b;border:none;border-radius:50%;}
.range-inp{display:flex;justify-content:space-between;margin-bottom:30px;}
.range-inp > div{width:92px;text-align:left;}
.range-inp label{line-height:30px;font-weight:300;font-size:15px;color:#666;letter-spacing:-0.1px;}
.range-inp input{padding:0;text-align:center;background:#f7f7f7;border-radius:5px;border:none;}
.keyword-list{background:#f7f7f7;border-radius:5px;overflow:hidden;}
.keyword-list > ul{padding:15px 0;max-height:340px;overflow-y:auto;}
.keyword-list > ul > li{border-bottom:1px solid #e8e8e8;}
.keyword-list > ul > li:last-child{border-bottom:none;}
.keyword-list > ul > li > a{display:block;padding:10px 28px;line-height:1.4em;}
.keyword-list > ul > li > a:hover{color:#da1b1b;}
.keyword-list ::-webkit-scrollbar{width:7px;}
.keyword-list ::-webkit-scrollbar-track{background-color:#eaeaea;}
.keyword-list ::-webkit-scrollbar-thumb{background-color:#cacaca;border-radius:10px;}
.keyword-list ::-webkit-scrollbar-button{display:none;}

.result-area{flex-grow:1;}
.result-area .top{display:flex;align-items:flex-end;margin-bottom:15px;}
.result-area .top .num{display:block;padding-bottom:12px;font-weight:700;font-size:26px;}
.result-area .top .num b{font-weight:700;color:#da1b1b;}
.result-area .top .btn-chart{margin-left:auto;}
.result-area .paging{margin:50px 0;}
.table-data{position:relative;margin-bottom:30px;border-top:2px solid #333;}
.table-data th,
.table-data td{padding:30px 10px;height:87px;line-height:1.6em;text-align:center;background:#fff;border-bottom:1px solid #ddd;text-align:center;box-sizing:border-box;}
.table-data th{padding:15px 10px;font-weight:600;font-size:20px;color:#000;}
.table-data td{letter-spacing:-0.1px;line-height:1.5em;vertical-align:top;}
.table-data td .title{font-weight:600;font-size:19px;letter-spacing:0;}
.table-data td .desc{margin-top:7px;font-weight:300;font-size:19px;letter-spacing:0;}
.table-data tbody tr:hover{box-shadow:0 5px 25px rgba(0,0,0,0.06);}
.table-data tbody tr:hover td{border-color:#da1b1b;}
.table-data tbody tr:hover td .title{font-weight:700;}

.count{padding-left:40px;font-weight:600;font-size:23px;color:#000;line-height:40px;background:url('/images/sti/sub/ico_count.png') no-repeat 9px center / 20px auto;}
.count b{font-weight:600;}
.count b.red{color:#da1b1b;}
.board-search{display:flex;align-items:flex-end;margin-bottom:60px;}
.board-search .search{display:flex;align-items:center;gap:6px;margin-left:auto;}
.board-search .search *{margin:0;}
.board-search .search select{padding-left:20px;min-width:140px;height:54px;border-color:#121212;}
.board-search .search-inp{position:relative;width:480px;height:54px;border:1px solid #121212;border-radius:10px;overflow:hidden;box-sizing:border-box;}
.board-search .search-inp input[type="text"]{padding-left:20px;width:100%;height:100%;border:none;}
.board-search .search-inp .btn-search{display:block;position:absolute;right:0;top:0;bottom:0;width:60px;height:100%;color:#fff;background:#fff url('/images/sti/sub/ico_search.png') no-repeat 15px center / 20px auto;vertical-align:middle;}

.data-list{display:flex;flex-wrap:wrap;gap:50px 75px;}
.data-list > li{width:calc(100% / 3 - 50px);border-radius:20px;box-sizing:border-box;overflow:hidden;}
.data-list > li > a{display:block;text-align:center;}
.data-list > li .img{display:block;margin:0 auto 28px;width:450px;height:450px;background:#f5f5f5 url('/images/sti/common/img_noimage.png') center no-repeat;border-radius:10px;overflow:hidden;box-sizing:border-box;}
.data-list > li .img img{transition-duration:0.3s;}
.data-list > li a:hover .img img{transform:scale(1.14);}
.data-list > li .cate{display:block;font-weight:500;font-size:20px;color:#121212;line-height:30px;}
.data-list > li .title{display:block;display:-webkit-box;margin-bottom:15px;font-weight:500;font-size:20px;color:#121212;max-height:60px;line-height:30px;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;}
.data-list > li .date{display:block;font-weight:300;font-size:17px;color:#666;line-height:32px;}
.data-list > li.empty{padding:100px 0;width:100%;font-size:20px;text-align:center;}

.paging{display:flex;justify-content:center;align-items:center;gap:8px;margin:90px 0;text-align:center;}
.paging.btm{margin-bottom:0;}
.paging a{display:block;width:42px;height:42px;text-align:center;vertical-align:middle;box-sizing:border-box;transition-duration:0.2s;}
.paging .num{font-size:18px;letter-spacing:-0.25px;line-height:40px;border:1px solid #e3e3e3;border-radius:10px;}
.paging .num.active{font-weight:700;color:#fff !important;background:#da1b1b;border-color:#da1b1b;}
.paging .page{width:28px;text-indent:-9999px;background:url('/images/sti/sub/ico_page_first.png') no-repeat center / 17px auto;}
.paging .prev{margin-right:23px;background-image:url('/images/sti/sub/ico_page_prev.png');}
.paging .next{margin-left:23px;background-image:url('/images/sti/sub/ico_page_next.png');}
.paging .last{background-image:url('/images/sti/sub/ico_page_last.png');}
.paging .num:hover{color:#da1b1b;border-color:#da1b1b;}
.m-page{display:none;}

.tab-link{border-bottom:1px solid #ddd;}
.tab-link ul{display:flex;position:relative;margin:0 auto;width:1500px;}
.tab-link ul > li{flex:1;}
.tab-link ul > li:last-child{margin-right:0;}
.tab-link ul > li > a{display:flex;align-items:center;justify-content:center;position:relative;height:90px;font-size:20px;color:#333;text-align:center;box-sizing:border-box;}
.tab-link ul > li > a:before{display:block;content:'';position:absolute;left:50%;bottom:0;width:0%;height:1px;background:#da1b1b;transform:translateX(-50%);transition-duration:0.3s;}
.tab-link ul > li > a:after{display:block;content:'';position:absolute;left:50%;top:-8px;width:0%;height:8px;background:#fff;transform:translateX(-50%);transition-duration:0.3s;}
.tab-link ul > li.active > a{font-weight:700;color:#da1b1b;}
.tab-link ul > li.active > a:before{width:100%;}
.tab-link ul > li.active > a:after{width:100%;}

.event-list{position:relative;padding-top:20px;}
.event-list:before{content:'';position:absolute;left:236px;top:45px;bottom:0;width:2px;background:#ddd;z-index:-1;}
.event-list .line{position:absolute;left:236px;top:45px;width:2px;height:0px;background:#da1b1b;}
.event-list .row{display:flex;padding-bottom:130px;}
.event-list .date{display:block;flex-shrink:0;padding:0 30px;width:227px;font-weight:700;font-size:30px;color:#121212;line-height:1.4em;text-align:right;box-sizing:border-box;transition-duration:0.3s;}
.event-list .year{font-weight:700;font-size:44px;}
.event-list .circle{display:block;flex-shrink:0;margin:15px 40px 0 0;width:20px;height:20px;background:#fff;border:4px solid #da1b1b;border-radius:50%;box-sizing:border-box;z-index:2;}
.event-list .con{flex-grow:1;}
.event-list .title{display:block;margin-bottom:8px;font-weight:700;font-size:36px;color:#121212;line-height:1.3em;}
.event-list .sub-title{display:block;margin-bottom:20px;font-size:20px;color:#121212;line-height:1.4em;}
.event-list .list{display:flex;flex-wrap:wrap;margin-bottom:40px;}
.event-list .list > li{display:flex;gap:10px;position:relative;padding:12px 14px 8px;width:50%;line-height:1.4em;border-bottom:1px solid #ddd;box-sizing:border-box;}
.event-list .list > li:before{content:'';position:absolute;left:4px;top:23px;width:3px;height:3px;background:#333;border-radius:50%;}
.event-list .list > li.w100p{width:100%;}
.event-list .list > li .tit{flex-shrink:0;}
.event-list .list > li .tit i{display:inline-block;width:17px;}
.event-list p{font-size:17px;color:#666;line-height:1.8em;}
.event-list .more-btn{display:block;position:relative;margin-left:190px;width:92px;height:92px;line-height:88px;font-size:18px;color:#da1b1b;text-align:center;background:#fff;border:2px solid #da1b1b;border-radius:50%;box-sizing:border-box;z-index:2;transition-duration:0.3s;}
.event-list .more-btn:hover{color:#fff;background:#da1b1b;}
.event-list .date.active{color:#da1b1b;}

/* 모달 팝업 */
.modal-wrap{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:101;justify-content:center;align-items:center;}
.modal-wrap.active{display:flex;}
.modal-bg{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.2);}
.modal-wrap .modal{position:relative;padding:60px 40px 80px;width:1500px;max-height:95vh;text-align:center;background:#fff;border-radius:20px;overflow:visible;box-sizing:border-box;}
.modal-wrap .modal-container{padding:0 30px;max-height:calc(90vh - 70px - 70px);overflow-y:auto;box-sizing:border-box;}
.modal-wrap .btn-modal-close{display:block;position:absolute;right:10px;top:16px;width:60px;height:54px;text-indent:-9999px;background:url('/images/sti/common/ico_modal_close.png') no-repeat center / 22px auto;transition-duration:0.3s;}
.modal-wrap .btn-modal-close:hover{transform:rotate(90deg);}
.modal-wrap ::-webkit-scrollbar{width:9px;}
.modal-wrap ::-webkit-scrollbar-track{background-color:transparent;}
.modal-wrap ::-webkit-scrollbar-thumb{background-color:#e4e4e4;border-radius:10px;}
.modal-wrap ::-webkit-scrollbar-button{display:none;}

.modal-wrap .source{margin-top:28px;padding-top:20px;border-top:1px solid #ddd;}
.modal-wrap .source > li{font-size:17px;}

.modal-wrap.issue .modal{padding:40px 40px 40px 20px;}
.modal-wrap.issue .modal-content{display:flex;align-items:flex-start;gap:55px;}
.modal-wrap.issue .img{flex-shrink:0;width:403px;height:403px;background:#cdcdcd url('/images/sti/common/img_noimage.png') center no-repeat;border-radius:20px;overflow:hidden;}
.modal-wrap.issue .con{text-align:left;padding-top:12px;}
.modal-wrap.issue .title{display:block;margin-bottom:12px;font-weight:700;font-size:30px;color:#000;line-height:1.4em;}
.modal-wrap.issue p{margin-bottom:15px;font-size:18px;color:#000;line-height:1.6em;}
.modal-wrap.issue .source > li{color:#000;}

.modal-wrap.mapping .modal{padding:60px 40px 75px;text-align:left;}
.modal-wrap.mapping .title{display:block;margin-bottom:15px;font-weight:700;font-size:36px;color:#000;line-height:1.4em;}
.modal-wrap.mapping p{margin-bottom:20px;font-size:19px;color:#333;line-height:1.6em;}
.modal-wrap.mapping .sub-title{display:block;margin:34px 0 18px;font-weight:600;font-size:23px;color:#000;}
.modal-wrap.mapping .list-con.star{margin-bottom:18px;}
.modal-wrap.mapping .list-con.star > li{font-size:17px;}
.modal-wrap.mapping .source{margin-top:25px;padding-top:20px;}
.modal-wrap.mapping .source > li{letter-spacing:-0.3px;}
.mapping-list{display:flex;flex-wrap:wrap;margin:15px 0;gap:20px;}
.mapping-list > div{padding:28px 40px 18px;width:calc(50% - 10px);background:#f7f7f7;border-radius:10px;box-sizing:border-box;}
.mapping-list .tit{display:block;margin-bottom:10px;font-weight:600;font-size:23px;color:#da1b1b;line-height:1.4em;}

.modal-wrap.data .modal{padding:90px 30px 100px;}
.modal-wrap.data .modal-content{display:flex;align-items:flex-start;gap:55px;padding-bottom:10px;}
.modal-wrap.data .img-wrap{position:relative;flex-shrink:0;}
.modal-wrap.data .bg{display:block;position:absolute;left:8px;right:-8px;top:8px;bottom:-8px;background:#f6f6f6;border-radius:10px;}
.modal-wrap.data .img{display:block;position:relative;width:326px;height:470px;background:#f5f5f5 url('/images/sti/common/img_noimage.png') center no-repeat;border-radius:10px;overflow:hidden;}
.modal-wrap.data .img:before{content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid #dfdfdf;border-radius:10px;}
.modal-wrap.data .con{text-align:left;padding-top:5px;}
.modal-wrap.data .cate{display:inline-block;margin-bottom:15px;font-weight:600;font-size:20px;color:#000;line-height:1.4em;border-bottom:1px solid #000;}
.modal-wrap.data .title{display:block;margin-bottom:13px;font-weight:600;font-size:30px;color:#000;line-height:1.3em;}
.modal-wrap.data .sub-title{display:block;margin-bottom:28px;font-weight:600;font-size:24px;color:#000;}
.modal-wrap.data .date{font-size:17px;color:#666;}
.modal-wrap.data .btm{margin-top:20px;padding-top:20px;border-top:1px solid #ddd;}
.modal-wrap.data p{margin-bottom:20px;font-size:18px;color:#333;line-height:1.7em;}

.modal-wrap.global .modal{padding:65px 30px;text-align:left;}
.modal-wrap.global .title{display:block;margin-bottom:40px;font-weight:700;font-size:38px;color:#000;line-height:1.3em;}
.modal-wrap.global .title b{font-weight:700;color:#da1b1b;}
.modal-wrap.global h2{margin-bottom:10px;font-weight:600;font-size:30px;color:#000;letter-spacing:-0.25px;line-height:1.4em;}
.modal-wrap.global p{padding-left:27px;color:#666;line-height:1.4em;}

.chart-wrapper{position:relative;margin-bottom:50px;padding:35px;height:400px;}
.chart-wrapper.tall{height:580px;}
.info-box{background:#dbeafe;border-radius:0.5rem;padding:1rem;margin-bottom:1.5rem;}
.info-box strong{color:#1f2937;}
.info-box p{font-size:0.875rem;color:#374151;line-height:1.6;margin:0;}
.features{background:white;border-radius:1rem;box-shadow:0 4px 6px rgba(0,0,0,0.1);padding:2rem;margin-top:2rem;}
.features h3{font-size:1.25rem;color:#1f2937;margin-bottom:1rem;}
.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1rem;}
.feature-box{padding:1rem;border-radius:0.5rem;}
.feature-box.blue{background:#dbeafe;}
.feature-box.green{background:#d1fae5;}
.feature-box.purple{background:#e9d5ff;}
.feature-box.yellow{background:#fef3c7;}
.feature-box p{font-size:0.875rem;color:#374151;}
.feature-box strong{display:block;margin-bottom:0.5rem;color:#1f2937;}

.sitemap .menu > li{padding-bottom:64px;margin-bottom:64px;border-bottom:1px solid #ddd;}
.sitemap .menu > li:last-child{margin-bottom:0;border-bottom:none;}
.sitemap .menu > li > a{font-weight:700;font-size:36px;color:#000;}
.sitemap .menu .dep2{display:flex;flex-wrap:wrap;gap:0 50px;}
.sitemap .menu .dep2 > li{width:calc(25% - 38px);position:relative;margin-top:40px;padding-left:16px;box-sizing:border-box;}
.sitemap .menu .dep2 > li:before{content:'';position:absolute;left:0;top:13px;width:3px;height:3px;background:#333;border-radius:50%;}
.sitemap .menu .dep2 > li > a{font-weight:600;font-size:21px;letter-spacing:-0.25px;line-height:1.5em;}
.sitemap .menu .dep3{margin-top:15px;}
.sitemap .menu .dep3 > li{position:relative;margin-top:4px;padding-left:16px;}
.sitemap .menu .dep3 > li:before{content:'';position:absolute;left:0;top:13px;width:7px;height:1px;background:#777;}
.sitemap .menu .dep3 > li > a{position:relative;color:#666;line-height:1.5em;}
.sitemap .menu > li:hover > a,
.sitemap .menu .dep2 > li:hover > a{color:#da1b1b;}
.sitemap .menu .dep2 > li:hover:before{background:#da1b1b;}
.sitemap .menu .dep3 > li > a:hover{text-decoration:underline;}

.gray-box{margin-bottom:80px;padding:50px 60px;background:#f7f7f7;border-radius:10px;}
.gray-box p{font-size:20px;line-height:1.6em;}