@charset "UTF-8";

/*****************************************************************/
/*통계개발원 - Sub Content */
/*2022-09 */
/*****************************************************************/

b { font-weight: 600; }

/* book style  */
.contBook { display: flex; background-color: #f3f9ff; padding: 40px; border-radius: 20px 20px 0 0; border: solid 1px #d1deeb; }
.contBook > article { }
.contBook > article > img { height: 200px; }
.contBook > article:nth-of-type(2) { margin-left: 30px; }
.contBook > article > h2 { font-size: 22px; margin: 15px 0 0 0; }
.contBook > article > p { font-size: 17px; padding: 12px 0; }
.contBook .bookInfo { padding: 15px; background-color: #ffffff; border: dotted 1px #aabbcd; }
.contBook .bookInfo > ul { padding-left: 10px; }
.contBook .bookInfo > ul > li { padding: 2px 0; line-height: 1.2; font-size: 15px; position: relative; color: #213c58; }
.contBook .bookInfo > ul > li::before { content: ":"; position: absolute; left: -10px; top: 0;  }

@media only screen and (max-width: 768px) {
	.contBook { flex-direction: column; padding: 30px; align-items: center; }
	.contBook > article:nth-of-type(2) { margin-left: 0; }
}
@media only screen and (max-width: 540px) {
	.contBook { padding: 20px; }
}
@media only screen and (max-width: 420px) {
	.contBook { padding: 15px; }
}

.book_report{position:relative; display: block; width:100%; background: #f3f9ff; border-radius: 20px 20px 0 0; border: solid 1px #d1deeb; margin: 0;  padding: 40px 40px 30px 40px; box-sizing:border-box}

.book_report div{position:relative; display:table; width:100%}

.book_report dl{position:relative; display:table;  box-sizing:border-box}
.book_report dl.a1{width:53%; float:left;}
.book_report dl.a2{width:45%; float:right;}
.book_report dt{display:table-cell; width:130px; vertical-align:top;  }
.book_report dt img{width:100%; border:1px solid #ddd; }
.book_report dd{display:table-cell; vertical-align:top;  word-break:keep-all; line-height:22px; padding-left:30px}
.book_report dd li.title{color:#000; font-size:22px; margin-bottom:15px; line-height:28px; font-weight:500}

.book_report dd li p{position:relative; line-height:22px; display:block; padding-left:7px; margin-top:10px}
.book_report dd li p::before { content: ""; position: absolute; width: 3px; height: 3px; background: #506172; border-radius: 10px; left: 0; top: 9px; }

.book_report  div::after{content:""; }

.book_report p.tell{position:relative; display:block; clear:both; width:100%; margin-top:25px; padding:25px 0 0 160px;  border-top: solid 1px #d1deeb; box-sizing:border-box}
.book_report p.tell span{position:absolute; top:20px; left:15px; color:#fff; background:#506172; border-radius:30px; padding:2px 30px; margin-right:10px}


@media only screen and (max-width:900px) {

.book_report dl.a1{width:100%; float:none;}
.book_report dl.a2{width:100%; float:none; margin-top:20px; border-top: solid 1px #d1deeb; padding-top:20px}

.book_report dt{width:120px}
.book_report p.tell{position:relative; padding:15px 0 0 130px;  text-align:left; }
.book_report p.tell span{position:absolute; top:15px; left:0}
}

@media only screen and (max-width:620px) {
.book_report p.tell{padding:15px 0 0 0}
.book_report p.tell span{position:static; top:0; left:0; margin-bottom:10px; padding:2px 15px; }
}

@media only screen and (max-width:520px) {
.book_report{padding:30px 30px 20px 30px}
}

@media only screen and (max-width:400px) {
.book_report dt,
.book_report dd{display:block; padding-left:0}
.book_report dd li.title{margin:10px 0 5px 0 }

.book_report dd li:last-child{margin-top:15px}
.book_report p.tell{margin-top:10px}
}


/* Director-General */
.greeting { padding: 30px; }
.greeting > p:first-of-type { font-size: 22px; font-weight: 500; margin-bottom: 15px; position: relative; }
.greeting > p:first-of-type::before { content: ""; width: 40px; height: 3px; background-color: #0c3c6e; top: -10px; left: 0; position: absolute; }
.greeting > p { font-size: 16px; }

/* History of SRI */
#history{position:relative;}
#history dl {display: flex; justify-content: space-between; margin-bottom: 30px;}
#history dl dt {position:relative; width:160px; padding-left:15px; font-weight:700;}
#history dl dt:before{content:''; position:absolute; left:0; top:5px; width:7px; height:7px; border-radius:50%; background:#3b91ed;}
#history dl dd {width:100%; font-weight:400;}
#history dl dd ul{display:block; margin-top:10px;}
#history dl dd ul li{position:relative; padding-left:10px; margin-bottom:5px;}
#history dl dd ul li:last-child { margin-bottom: 0;}
#history dl dd ul li:before{content:''; position:absolute; left:0; top:11px; width:4px; height:1px; background:#333;}

.orgGoalwrap{position:relative; max-width:900px; width:100%; margin-bottom:40px;}
.orgGoal{position:relative; width:100%; display:flex; justify-content:space-between; background:url('../img/img_sub/chart_bgline.png') left center repeat-x;}
.orgGoal li{position:relative; width: 30%;padding-bottom: 30%;background: rgba(244,244,244,1);border:1px solid #dbdbdb;border-radius:50%;z-index:2;}
.orgGoal li .goal{position:absolute;display: table;left:0;top:0;width:100%;height:100%;box-sizing: border-box;}
.orgGoal li .goal span{display: table-cell;width:100%;vertical-align: middle;height: 100%;border-radius:50%;text-align: center;padding: 38% 20px 10px 20px;font-weight:500;box-sizing:border-box;}
.orgGoal li .goal span:before{content:'';position:absolute;left:calc(50% - 35px);bottom: 52%;display:block;width:70px;height:80px;background-position:center;background-repeat:no-repeat;background-size:contain;}
.orgGoal li.goal01 .goal span:before{background-image:url(../img/img_sub/org_icon01.png);}
.orgGoal li.goal02 .goal span:before{background-image:url(../img/img_sub/org_icon02.png);}
.orgGoal li.goal03 .goal span:before{background-image:url(../img/img_sub/org_icon03.png);}


@media screen and (min-width: 0) and (max-width: 1080px) {
	.orgGoal li .goal span{padding: 37% 30px 10px 30px;font-size: 0.85em;}
	.orgGoal li .goal span:before{background-size:auto 85%;}
}
@media screen and (max-width:1000px) {
	.orgGoal li{width:32%; padding-bottom:32%;}
	.orgGoal li .goal span{}
	.orgGoal li .goal span:before{background-size:auto 80%;}
}
@media screen and (max-width:850px) {
	.orgGoal li.goal01 { margin: 0; }
}
@media screen and (max-width:768px) {
	.orgGoalwrap{margin-bottom:30px;}
	.orgGoal{justify-content:center;background:url('../img/chart_bgline.png') left center repeat-x;}
	.orgGoal:before{display:none;}
	.orgGoal li{width: 33.33%;padding-bottom: 0;margin:0; border-radius:0;background: rgba(244,244,244,1);}
	.orgGoal li .goal{position:relative; }
	.orgGoal li .goal span{padding: 85px 10px 20px 10px;font-size: 0.95em;}
	.orgGoal li .goal span:before{top:10px;background-size:auto 70%;}
	.orgGoal li.goal01{border-radius:10px 0 0 10px; border-right:0;}
	.orgGoal li.goal03{border-radius:0 10px 10px 0; border-left:0;}
	#history dl{margin-bottom:20px;}
}

@media screen and (max-width:500px) {
	.orgGoal{flex-wrap:wrap;border:1px solid #dbdbdb;}
	.orgGoal li{width: 100%;}
	.orgGoal li.goal01,
	.orgGoal li.goal02,
	.orgGoal li.goal03{border-radius:0;border:0;}
	.orgGoal li.goal01,
	.orgGoal li.goal02{border-bottom:1px solid #dbdbdb;}
}

/* The SRI Mission and Vision */
.missionVision dt.title{position:relative; font-size: 1.3em; font-weight: 500; padding-top:13px; margin-top: 28px; margin-bottom:20px;}
.missionVision dt.title:before{content:''; position:absolute; top:0; float:left; width:25px; height:2px; background:#033c82;}

.missionVision dl.stMV {background: rgba(244,244,244,1);border:1px solid #dbdbdb;border-radius:17px; padding:15px; text-align:center;}
.missionVision dl.stMV:nth-child(1){margin-bottom:30px;}
.missionVision dl.stMV:nth-child(2){margin-bottom:40px;}
.missionVision dl.stMV dt{position:relative; display:inline-block; font-size: 1.3em;font-weight: 500; padding-bottom:10px;}
.missionVision dl.stMV dt:before{content:''; position:absolute; top:-15px; left:0; width:100%; height:5px; background:#033c82;}
.missionVision dl.stMV dd{border-top:1px dashed #dbdbdb; padding:15px 0; line-height: 1.3; }
.missionVision dl.stMV dd:last-child{padding-bottom:0;}
.missionVision dl.stMV dd.stMeaning{background:#fff; border-radius:8px; border:1px solid #dbdbdb; padding:12px 20px; text-align:left; line-height: 1.3; }

.missionVision dl.stCV{display:flex; margin-bottom:40px;}
.missionVision dl.stCV dt{width:180px;}
.missionVision dl.stCV dd{position:relative; width:100%;}
.missionVision dl.stCV ul{position:relative; width:100%; display:flex; justify-content:space-between; background:url('../img/img_sub/chart_bgline.png') left center repeat-x; }
.missionVision dl.stCV ul li{position:relative; width: 30%;padding-bottom: 30%;background:#fff;border:2px solid #dbdbdb;border-radius:50%;z-index:2;}
.missionVision dl.stCV ul li .value{position:absolute;display: block;left:0;top:0;width:100%;height:100%;}
.missionVision dl.stCV ul li .value span{position:absolute;left:0;top: 58%;display: block;width:100%;border-radius:50%;text-align: center; }
.missionVision dl.stCV ul li .value span:before{content:'';position:absolute;left:0;bottom: 60px;display:block;width:100%;height:78px;background-position:center;background-repeat:no-repeat;}
.missionVision dl.stCV ul li.value01 .value span:before{background-image:url(../img/img_sub/mb_icon01.png);}
.missionVision dl.stCV ul li.value02 .value span:before{background-image:url(../img/img_sub/mb_icon02.png);}
.missionVision dl.stCV ul li.value03 .value span:before{background-image:url(../img/img_sub/mb_icon03.png);}

.missionVision dl.stBG{margin-bottom:40px;}
.missionVision dl.stBG ul{position:relative; width:100%; display:flex; justify-content:space-between; text-align:center; margin-bottom:30px;}
.missionVision dl.stBG ul li{width:33.33%; border:1px solid #dbdbdb;border-radius:17px; padding:33px 15px 20px 15px; box-sizing:border-box; margin:0 2%; line-height: 1.3; }
.missionVision dl.stBG ul li:nth-child(1){background:#e8f0fc url('../img/img_sub/bul_dot1.png') center 18px no-repeat; margin:0;}
.missionVision dl.stBG ul li:nth-child(2){background:#f4f4f4 url('../img/img_sub/bul_dot2.png') center 18px no-repeat;}
.missionVision dl.stBG ul li:nth-child(3){background:#e8f0fc url('../img/img_sub/bul_dot3.png') center 18px no-repeat; margin:0;}

.missionVision dl.stSO ul{position:relative; width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; background:rgba(244,244,244,1); border:1px solid #dbdbdb; text-align:center; padding:20px 0;}
.missionVision dl.stSO ul li{width:33.3%; padding:18px 25px 10px 25px; box-sizing:border-box; border-right:1px dashed #dbdbdb; line-height: 1.3; }
.missionVision dl.stSO ul li:last-child{border:0;}
.missionVision dl.stSO ul li:before{content:''; width:100%; height:68px; display:block; margin-bottom:10px;}
.missionVision dl.stSO ul li:nth-child(1):before{background:url('../img/img_sub/mv_icon04.png') center 0 no-repeat;}
.missionVision dl.stSO ul li:nth-child(2):before{background:url('../img/img_sub/mv_icon05.png') center 0 no-repeat;}
.missionVision dl.stSO ul li:nth-child(3):before{background:url('../img/img_sub/mv_icon06.png') center 0 no-repeat;}
.missionVision dl.stSO ul li:nth-child(4):before{background:url('../img/img_sub/mv_icon07.png') center 0 no-repeat;}

@media screen and (max-width:1000px) {
	.missionVision dl.stCV{display:block;}
	.missionVision dl.stCV dt{width:100%;}
	.missionVision dl.stSO ul li{padding:7px 15px 10px 15px;}
	.missionVision dl.stSO ul li:last-child{border:0;}
	.missionVision dl.stSO ul li:before{content:''; width:100%; height:68px; display:block; margin-bottom:10px;}
}
@media screen and (max-width:768px) {
	.missionVision dl.stMV:nth-child(1){margin-bottom:20px;}
	.missionVision dl.stMV:nth-child(2){margin-bottom:30px;}

	.missionVision dl.stCV{margin-bottom:30px;}
	.missionVision dl.stCV dd ul{width:90%; margin:0 auto;}
    .missionVision dl.stCV dd ul li .value span:before{bottom:45px; background-size: auto 90%;}

	.missionVision dl.stBG{margin-bottom:30px;}

	.missionVision dl.stSO ul{padding:0;}
	.missionVision dl.stSO ul li{padding:15px;}
	.missionVision dl.stSO ul li:last-child{border:0;}
	.missionVision dl.stSO ul li:before{background-size:auto 90% !important; margin-bottom:0;}
}
@media screen and (max-width:600px) {
	.missionVision dl.stCV dd ul{width:100%;}
	.missionVision dl.stCV dd ul li .value span{top:53%;}
    .missionVision dl.stCV dd ul li .value span:before{bottom:37px; background-size: auto 70%;}

	.missionVision dl.stSO ul li{width:100%;}
	.missionVision dl.stSO ul li:nth-child(1){border-bottom:1px dashed #dbdbdb; }
	.missionVision dl.stSO ul li:nth-child(2){border-bottom:1px dashed #dbdbdb; border-right:0; padding-bottom:20px;}
	.missionVision dl.stSO ul li:nth-child(3){padding-top:20px;}
	.missionVision dl.stSO ul li:nth-child(4){padding-top:20px;}
	.missionVision dl.stSO ul li:before{background-size:auto 90% !important; margin-bottom:0;}
}
@media screen and (max-width:480px) {
	.missionVision dt.title{margin-bottom:10px;}

	.missionVision dl.stCV dd ul{justify-content:center;}
	.missionVision dl.stCV dd ul li{width: 33.33%;padding-bottom: 0;margin:0; border-radius:0;}
	.missionVision dl.stCV dd ul li .value{display:table; position:relative;}
	.missionVision dl.stCV dd ul li .value span{position:relative; display:table-cell; height:100%; padding:5px 0 20px 0;top:0;}
	.missionVision dl.stCV dd ul li .value span:before{position:relative; top:0;}
	.missionVision dl.stCV dd ul li.value01{border-radius:10px 0 0 10px; border-right:0;}
	.missionVision dl.stCV dd ul li.value03{border-radius:0 10px 10px 0; border-left:0;}

	.missionVision dl.stSO ul li{width:100%;}

	.missionVision dl.stMV{padding:10px; margin-bottom:20px;}
	.missionVision dl.stMV dt:before{top:-10px;}

	.missionVision dl.stBG ul{display:block;}
	.missionVision dl.stBG ul li{background-position: center 10px !important;width:100%; margin:5px 0; padding:20px 15px 15px 15px; border-radius:10px;}
}

/* Organization and Functions */
.discriptBox.org01:before{background-image:url('../img/img_sub/icon_org_disc01.png');}
#org{position:relative;}
#org .org1dep {width: 200px;height: 200px;/* padding: 0 0 40px; */text-align: center;display: table;margin: 0 auto 40px;}
#org .org1dep:before{content:''; position:absolute; top:160px; left: 12.3%; width:75.5%; height:1px; display:block; background:#dbdbdb;}
#org .org1dep p {position:relative; display: table-cell;vertical-align: middle;width: 100%;height: 100%;text-align: center;font-size: 1.13em;font-weight: 500;margin: 0 auto;border-radius: 50%;box-sizing: border-box;background: #fff;border: 2px solid #dbdbdb;  z-index:2;}
#org .org1dep p:before{content:''; position:absolute; bottom:45px; left:50%; margin-left:-13px; float:left; width:25px; height:2px; background:#033c82;}
#org .org1dep p:after{content:''; position:absolute; left:8px; top:8px; width:180px; height:180px; background:#f4f4f4; border-radius:50%; z-index:-1; box-sizing:border-box;}
#org .org2dep {position:relative; width:100%; display:flex; justify-content:space-between; }
#org .org2dep > li {position:relative; width:24.5%; border:1px solid #dbdbdb;padding: 15px 15px 25px 15px;}
#org .org2dep > li:before{content:''; position:absolute; top:-80px; left:50%; width:1px; height:80px; display:block; background:#dbdbdb;}
#org .org2dep > li:nth-child(1){background:#e8f0fc; margin:0;}
#org .org2dep > li:nth-child(2){background:#f4f4f4;}
#org .org2dep > li:nth-child(2) > p{background:#5d5d5d;}
#org .org2dep > li:nth-child(3){background:#e8f0fc; margin:0;}
#org .org2dep > li:nth-child(4){background:#f4f4f4;}
#org .org2dep > li:nth-child(4) > p{background:#5d5d5d;}
#org .org2dep > li:first-child { margin-left: 0; }
#org .org2dep > li > p {display: table-cell;width: 270px;height: 92px;text-align: center;padding: 10px 15px;background: #24425d;color: #fff;border-radius: 8px; font-size: 18px; font-weight: 500; line-height: 1.2; vertical-align: middle; }
#org .org2dep > li > ul li:last-child { margin: 0;}

@media screen and (max-width:920px) {
	#org .org2dep > li { padding: 10px 10px 15px 10px; }
	#org .org2dep > li > p { padding: 10px; font-size: 16px; }
}

@media screen and (max-width:700px) {
	#org .org2dep{display:block;}
	#org .org1dep:before{left:50%; width:1px; height:calc(100% - 190px);}
	#org .org2dep > li{display:table; width:100%; margin:10px 0; padding:10px;}
	#org .org2dep > li:before{display:none;}
	#org .org2dep > li > p{display:table-cell; width:120px; height:auto; font-size: 15px; }
	ul.listStyle05{display:table-cell; padding-left:10px;}
}

@media screen and (max-width:450px) {
	#org .org2dep > li > p {display:block; width:100%;}
}

/* Location */
.mapBox { border: solid 1px #d6d6d6; }
.mapBox > img { display:block; width: 100%; }

/* 사이트맵 */
.site_map {}
.site_map .site_h2 {margin:0 0 17px 0; padding:0 0 13px 0; font-size:22px; font-weight:500; color:#0064cc; border-bottom:2px solid #444444;}
.site_map ul {font-size:0; padding:0 0 15px 0; margin-bottom:40px; border-bottom:1px solid #e0e0e0; overflow:hidden;}
.site_map > ul > li {font-size:15px; width:25%; vertical-align:top; display:inline-block; font-weight:500; margin:0 0 4px 0;}
.site_map > ul > li > a {color:#222222; display:block; background: #f5f5f5; padding: 10px 0 10px 10px;  width:90%; margin:0 auto;}
.site_map > ul > li > a[target="_blank"] {background:#f5f5f5 url(../img/img_sub/t_blank_icon.png) no-repeat 94% center;}
.site_map > ul > li li > a[target="_blank"]:after {content: ''; position:absolute; width:18px; height:15px; background:#ffffff url(../img/img_sub/t_blank_icon.png) no-repeat 94% center;}
.site_map > ul > li  ul {width:1000%;  border-bottom:none;font-weight:normal; margin:4px 0 16px 5%; padding:0;}
.site_map > ul > li  ul li {font-size:13px; background: url(../img/img_sub/li_bul4.png) no-repeat 1px 6px; padding:0 0 0 10px; margin:9px 0;}
.site_map > ul > li  ul li a {color:#444444;}
.site_map > ul > li  ul li a:hover {color:#111111;}

@media only screen and (max-width: 768px) {
	.site_map > ul > li { width: 100%; background-color: #f5f5f5; }
	.site_map > ul > li > a { background: transparent; width: auto; margin: 0; display: inline-block; }
	.site_map > ul > li > a[target="_blank"] {background:#f5f5f5 url(../img/img_sub/t_blank_icon.png) no-repeat 94% center; padding-right: 20px;}
	.site_map > ul > li li > a[target="_blank"]:after {content: ''; position:absolute; width:18px; height:15px; background:#ffffff url(../img/img_sub/t_blank_icon.png) no-repeat 94% center;}
}

/* 서브페이지 공통 - 하단 contact area */
.contactBox { padding: 20px; margin-top: 40px; border: solid 1px #043763;}
.contactBox > span { font-size: 16px; font-weight: 500; }
.contactBox > span:nth-of-type(1) { background-color: #f9f9f9; border-radius: 20px; padding: 4px 14px; border: solid 1px #e9e9e9; margin-right: 10px; }
.contactBox > span:nth-of-type(2) { margin-right: 10px; }
.contactBox > span:nth-of-type(3) { color: #043763; font-weight: 600; }

@media only screen and (max-width: 800px) {
	.contactBox { display: flex; flex-direction: column; align-items: baseline; }
	.contactBox > span { margin: 3px 0 4px; padding: 0;  }
	.contactBox > span:nth-of-type(2),
	.contactBox > span:nth-of-type(3) { padding-left: 15px; }
}

/* 221229 고객요청사항 */
#depth4_menu_ul #tab_li0302010100,
#depth4_menu_ul #tab_li0302010200,
#depth4_menu_ul #tab_li0302010300,
#depth4_menu_ul #tab_li0302010400{width:50%;}

/* 230209 고객요청사항 */
@media only screen and (max-width: 930px) {
	.tab_01 > ul { display:flex; flex-wrap:wrap; }
	tab_01 > ul > li { float:none; }
	.tab_01 > ul > li > a { display:flex; align-items:center; justify-content:center; height:100%; font-size:14px; }
}
@media only screen and (max-width: 500px) {
	#depth4_menu_ul #tab_li0302010100, #depth4_menu_ul #tab_li0302010200, #depth4_menu_ul #tab_li0302010300, #depth4_menu_ul #tab_li0302010400 { width:100%; }
}

/* 230224 반응형 */
.asde .footer_new{padding:20px 0;}
.asde .footer_new .f_c{padding-top:0;}
.asde .footer_new .fn_info,.asde .footer_new .fn_info .fi_address{margin-top:0;}
.fi_address a {color:#a2beea;text-docoration:underline}

/* 251030 The SRI Mission and Vision */
.sri-vgt {margin-top: 32px;}
.sri-vgt .sri-vgt-list {width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; gap: 8px; padding: 20px; border: 2px solid #dbdbdb; border-radius: 12px;}
.sri-vgt .sri-vgt-list .sri-vgt-item {display: flex; flex-direction: row; gap: 8px;}
.sri-vgt .sri-vgt-list .sri-vgt-item .tit {display: flex; align-items:center; justify-content:center; width: 156px; border-radius: 8px; text-align: center; color: #fff; font-size: 18px; font-weight: 500; line-height: 24px;}

.sri-vgt .sri-vgt-list .sri-vgt-item.value .tit {background-color: #0069ad;}
.sri-vgt .sri-vgt-list .sri-vgt-item.goal .tit {background-color: #0044b3;}

.sri-vgt .sri-vgt-list .sri-vgt-info {width: 100%; display: flex; gap:8px;}
.sri-vgt .sri-vgt-list .sri-vgt-info li {flex: 1; display: flex; flex-direction: column; align-items: center; padding: 16px 12px; border-radius: 8px; background-color: #fff; border: 2px solid #dbdbdb; text-align: center; color: #252525; font-size: 16px; line-height: 20px; font-weight: 500; letter-spacing: -0.75px; word-break: keep-all;}
.sri-vgt .sri-vgt-list .sri-vgt-info.value li {max-height: 92px; justify-content: center; padding: 24px 12px; font-size: 18px;}

.sri-vgt .sri-vgt-list .sri-vgt-info .num {display: block; height: 24px; margin-bottom: 8px; background-color: #143a79; border-radius: 4px; color: #fff; font-size: 14px; font-weight: 500; line-height: 24px;}
.sri-vgt .sri-vgt-list .sri-vgt-info.goal .num {width: 24px;}

@media (max-width: 1280px) {

    .sri-vgt .sri-vgt-list .sri-vgt-item .tit {width: 120px;}

}

@media (max-width: 768px) {

	.sri-mv-wrap .sri-mv li {border-radius: 12px;}
	.sri-mv-wrap .sri-mv li strong {width: 240px; border-radius: 12px;}

	.sri-vgt .sri-vgt-list .sri-vgt-item {flex-direction: column;}
	.sri-vgt .sri-vgt-list .sri-vgt-item .tit {width: 100%; height: 40px;}

	.sri-vgt .sri-vgt-list .sri-vgt-info {display: grid; grid-template-columns: repeat(2, 1fr);}
	.sri-vgt .sri-vgt-list .sri-vgt-info.task {grid-template-columns: repeat(2, 1fr)}

}