@charset "utf-8";

body {background-color: #fff !important;}
body::before {display: none !important;}



/* padding & margin */
.p0 {padding: 0 !important;}
.pt1{padding-top:.1em !important;}
.pt2{padding-top:.2em !important;}
.pt3{padding-top:.3em !important;}
.pt4{padding-top:.4em !important;}
.pt5{padding-top:.5em !important;}
.pt6{padding-top:.6em !important;}
.pt7{padding-top:.7em !important;}
.pt8{padding-top:.8em !important;}
.pt9{padding-top:.9em !important;}
.pt10{padding-top:1em !important;}
.pt11{padding-top:1.1em !important;}
.pt12{padding-top:1.2em !important;}
.pt13{padding-top:1.3em !important;}
.pt14{padding-top:1.4em !important;}
.pt15{padding-top:1.5em !important;}
.pt20{padding-top:2em !important;}
.pt21{padding-top:2.1em !important;}
.pt22{padding-top:2.2em !important;}
.pt23{padding-top:2.3em !important;}
.pt24{padding-top:2.4em !important;}
.pt25{padding-top:2.5em !important;}
.pt30{padding-top:3em !important;}
.pt31{padding-top:3.1em !important;}
.pt32{padding-top:3.2em !important;}
.pt33{padding-top:3.3em !important;}
.pt34{padding-top:3.4em !important;}
.pt35{padding-top:3.5em !important;}
.pt40{padding-top:4em !important;}
.pt41{padding-top:4.1em !important;}
.pt42{padding-top:4.2em !important;}
.pt43{padding-top:4.3em !important;}
.pt44{padding-top:4.4em !important;}
.pt45{padding-top:4.5em !important;}
.pt46{padding-top:4.6em !important;}
.pt47{padding-top:4.7em !important;}
.pt48{padding-top:4.8em !important;}
.pt49{padding-top:4.9em !important;}
.pt50{padding-top:5em !important;}

.pb1{padding-bottom:.1em !important;}
.pb2{padding-bottom:.2em !important;}
.pb3{padding-bottom:.3em !important;}
.pb4{padding-bottom:.4em !important;}
.pb5{padding-bottom:.5em !important;}
.pb6{padding-bottom:.6em !important;}
.pb7{padding-bottom:.7em !important;}
.pb8{padding-bottom:.8em !important;}
.pb9{padding-bottom:.9em !important;}
.pb10{padding-bottom:1em !important;}
.pb11{padding-bottom:1.1em !important;}
.pb12{padding-bottom:1.2em !important;}
.pb13{padding-bottom:1.3em !important;}
.pb14{padding-bottom:1.4em !important;}
.pb15{padding-bottom:1.5em !important;}
.pb20{padding-bottom:2em !important;}
.pb21{padding-bottom:2.1em !important;}
.pb22{padding-bottom:2.2em !important;}
.pb23{padding-bottom:2.3em !important;}
.pb24{padding-bottom:2.4em !important;}
.pb25{padding-bottom:2.5em !important;}
.pb30{padding-bottom:3em !important;}
.pb31{padding-bottom:3.1em !important;}
.pb32{padding-bottom:3.2em !important;}
.pb33{padding-bottom:3.3em !important;}
.pb34{padding-bottom:3.4em !important;}
.pb35{padding-bottom:3.5em !important;}
.pb40{padding-bottom:4em !important;}
.pb41{padding-bottom:4.1em !important;}
.pb42{padding-bottom:4.2em !important;}
.pb43{padding-bottom:4.3em !important;}
.pb44{padding-bottom:4.4em !important;}
.pb45{padding-bottom:4.5em !important;}
.pb46{padding-bottom:4.6em !important;}
.pb47{padding-bottom:4.7em !important;}
.pb48{padding-bottom:4.8em !important;}
.pb49{padding-bottom:4.9em !important;}
.pb50{padding-bottom:5em !important;}

.pl1{padding-left:.1em !important;}
.pl2{padding-left:.2em !important;}
.pl3{padding-left:.3em !important;}
.pl4{padding-left:.4em !important;}
.pl5{padding-left:.5em !important;}
.pl6{padding-left:.6em !important;}
.pl7{padding-left:.7em !important;}
.pl8{padding-left:.8em !important;}
.pl9{padding-left:.9em !important;}
.pl10{padding-left:1em !important;}
.pl11{padding-left:1.1em !important;}
.pl12{padding-left:1.2em !important;}
.pl13{padding-left:1.3em !important;}
.pl14{padding-left:1.4em !important;}
.pl15{padding-left:1.5em !important;}
.pl20{padding-left:2em !important;}
.pl21{padding-left:2.1em !important;}
.pl22{padding-left:2.2em !important;}
.pl23{padding-left:2.3em !important;}
.pl24{padding-left:2.4em !important;}
.pl25{padding-left:2.5em !important;}
.pl30{padding-left:3em !important;}
.pl31{padding-left:3.1em !important;}
.pl32{padding-left:3.2em !important;}
.pl33{padding-left:3.3em !important;}
.pl34{padding-left:3.4em !important;}
.pl35{padding-left:3.5em !important;}
.pl40{padding-left:4em !important;}
.pl41{padding-left:4.1em !important;}
.pl42{padding-left:4.2em !important;}
.pl43{padding-left:4.3em !important;}
.pl44{padding-left:4.4em !important;}
.pl45{padding-left:4.5em !important;}
.pl46{padding-left:4.6em !important;}
.pl47{padding-left:4.7em !important;}
.pl48{padding-left:4.8em !important;}
.pl49{padding-left:4.9em !important;}
.pl50{padding-left:5em !important;}

.pr1{padding-right:.1em !important;}
.pr2{padding-right:.2em !important;}
.pr3{padding-right:.3em !important;}
.pr4{padding-right:.4em !important;}
.pr5{padding-right:.5em !important;}
.pr6{padding-right:.6em !important;}
.pr7{padding-right:.7em !important;}
.pr8{padding-right:.8em !important;}
.pr9{padding-right:.9em !important;}
.pr10{padding-right:1em !important;}
.pr11{padding-right:1.1em !important;}
.pr12{padding-right:1.2em !important;}
.pr13{padding-right:1.3em !important;}
.pr14{padding-right:1.4em !important;}
.pr15{padding-right:1.5em !important;}
.pr20{padding-right:2em !important;}
.pr21{padding-right:2.1em !important;}
.pr22{padding-right:2.2em !important;}
.pr23{padding-right:2.3em !important;}
.pr24{padding-right:2.4em !important;}
.pr25{padding-right:2.5em !important;}
.pr30{padding-right:3em !important;}
.pr31{padding-right:3.1em !important;}
.pr32{padding-right:3.2em !important;}
.pr33{padding-right:3.3em !important;}
.pr34{padding-right:3.4em !important;}
.pr35{padding-right:3.5em !important;}
.pr40{padding-right:4em !important;}
.pr41{padding-right:4.1em !important;}
.pr42{padding-right:4.2em !important;}
.pr43{padding-right:4.3em !important;}
.pr44{padding-right:4.4em !important;}
.pr45{padding-right:4.5em !important;}
.pr46{padding-right:4.6em !important;}
.pr47{padding-right:4.7em !important;}
.pr48{padding-right:4.8em !important;}
.pr49{padding-right:4.9em !important;}
.pr50{padding-right:5em !important;}

.m0 {margin: 0 !important}
.mt1{margin-top:.1em !important;}
.mt2{margin-top:.2em !important;}
.mt3{margin-top:.3em !important;}
.mt4{margin-top:.4em !important;}
.mt5{margin-top:.5em !important;}
.mt6{margin-top:.6em !important;}
.mt7{margin-top:.7em !important;}
.mt8{margin-top:.8em !important;}
.mt9{margin-top:.9em !important;}
.mt10{margin-top:1em !important;}
.mt11{margin-top:1.1em !important;}
.mt12{margin-top:1.2em !important;}
.mt13{margin-top:1.3em !important;}
.mt14{margin-top:1.4em !important;}
.mt15{margin-top:1.5em !important;}
.mt20{margin-top:2em !important;}
.mt21{margin-top:2.1em !important;}
.mt22{margin-top:2.2em !important;}
.mt23{margin-top:2.3em !important;}
.mt24{margin-top:2.4em !important;}
.mt25{margin-top:2.5em !important;}
.mt30{margin-top:3em !important;}
.mt31{margin-top:3.1em !important;}
.mt32{margin-top:3.2em !important;}
.mt33{margin-top:3.3em !important;}
.mt34{margin-top:3.4em !important;}
.mt35{margin-top:3.5em !important;}
.mt40{margin-top:4em !important;}
.mt41{margin-top:4.1em !important;}
.mt42{margin-top:4.2em !important;}
.mt43{margin-top:4.3em !important;}
.mt44{margin-top:4.4em !important;}
.mt45{margin-top:4.5em !important;}
.mt46{margin-top:4.6em !important;}
.mt47{margin-top:4.7em !important;}
.mt48{margin-top:4.8em !important;}
.mt49{margin-top:4.9em !important;}
.mt50{margin-top:5em !important;}

.mb1{margin-bottom:.1em !important;}
.mb2{margin-bottom:.2em !important;}
.mb3{margin-bottom:.3em !important;}
.mb4{margin-bottom:.4em !important;}
.mb5{margin-bottom:.5em !important;}
.mb6{margin-bottom:.6em !important;}
.mb7{margin-bottom:.7em !important;}
.mb8{margin-bottom:.8em !important;}
.mb9{margin-bottom:.9em !important;}
.mb10{margin-bottom:1em !important;}
.mb11{margin-bottom:1.1em !important;}
.mb12{margin-bottom:1.2em !important;}
.mb13{margin-bottom:1.3em !important;}
.mb14{margin-bottom:1.4em !important;}
.mb15{margin-bottom:1.5em !important;}
.mb20{margin-bottom:2em !important;}
.mb21{margin-bottom:2.1em !important;}
.mb22{margin-bottom:2.2em !important;}
.mb23{margin-bottom:2.3em !important;}
.mb24{margin-bottom:2.4em !important;}
.mb25{margin-bottom:2.5em !important;}
.mb30{margin-bottom:3em !important;}
.mb31{margin-bottom:3.1em !important;}
.mb32{margin-bottom:3.2em !important;}
.mb33{margin-bottom:3.3em !important;}
.mb34{margin-bottom:3.4em !important;}
.mb35{margin-bottom:3.5em !important;}
.mb40{margin-bottom:4em !important;}
.mb41{margin-bottom:4.1em !important;}
.mb42{margin-bottom:4.2em !important;}
.mb43{margin-bottom:4.3em !important;}
.mb44{margin-bottom:4.4em !important;}
.mb45{margin-bottom:4.5em !important;}
.mb46{margin-bottom:4.6em !important;}
.mb47{margin-bottom:4.7em !important;}
.mb48{margin-bottom:4.8em !important;}
.mb49{margin-bottom:4.9em !important;}
.mb50{margin-bottom:5em !important;}

.ml1{margin-left:.1em !important;}
.ml2{margin-left:.2em !important;}
.ml3{margin-left:.3em !important;}
.ml4{margin-left:.4em !important;}
.ml5{margin-left:.5em !important;}
.ml6{margin-left:.6em !important;}
.ml7{margin-left:.7em !important;}
.ml8{margin-left:.8em !important;}
.ml9{margin-left:.9em !important;}
.ml10{margin-left:1em !important;}
.ml11{margin-left:1.1em !important;}
.ml12{margin-left:1.2em !important;}
.ml13{margin-left:1.3em !important;}
.ml14{margin-left:1.4em !important;}
.ml15{margin-left:1.5em !important;}
.ml20{margin-left:2em !important;}
.ml21{margin-left:2.1em !important;}
.ml22{margin-left:2.2em !important;}
.ml23{margin-left:2.3em !important;}
.ml24{margin-left:2.4em !important;}
.ml25{margin-left:2.5em !important;}
.ml30{margin-left:3em !important;}
.ml31{margin-left:3.1em !important;}
.ml32{margin-left:3.2em !important;}
.ml33{margin-left:3.3em !important;}
.ml34{margin-left:3.4em !important;}
.ml35{margin-left:3.5em !important;}
.ml40{margin-left:4em !important;}
.ml41{margin-left:4.1em !important;}
.ml42{margin-left:4.2em !important;}
.ml43{margin-left:4.3em !important;}
.ml44{margin-left:4.4em !important;}
.ml45{margin-left:4.5em !important;}
.ml46{margin-left:4.6em !important;}
.ml47{margin-left:4.7em !important;}
.ml48{margin-left:4.8em !important;}
.ml49{margin-left:4.9em !important;}
.ml50{margin-left:5em !important;}

.mr1{margin-right:.1em !important;}
.mr2{margin-right:.2em !important;}
.mr3{margin-right:.3em !important;}
.mr4{margin-right:.4em !important;}
.mr5{margin-right:.5em !important;}
.mr6{margin-right:.6em !important;}
.mr7{margin-right:.7em !important;}
.mr8{margin-right:.8em !important;}
.mr9{margin-right:.9em !important;}
.mr10{margin-right:1em !important;}
.mr11{margin-right:1.1em !important;}
.mr12{margin-right:1.2em !important;}
.mr13{margin-right:1.3em !important;}
.mr14{margin-right:1.4em !important;}
.mr15{margin-right:1.5em !important;}
.mr20{margin-right:2em !important;}
.mr21{margin-right:2.1em !important;}
.mr22{margin-right:2.2em !important;}
.mr23{margin-right:2.3em !important;}
.mr24{margin-right:2.4em !important;}
.mr25{margin-right:2.5em !important;}
.mr30{margin-right:3em !important;}
.mr31{margin-right:3.1em !important;}
.mr32{margin-right:3.2em !important;}
.mr33{margin-right:3.3em !important;}
.mr34{margin-right:3.4em !important;}
.mr35{margin-right:3.5em !important;}
.mr40{margin-right:4em !important;}
.mr41{margin-right:4.1em !important;}
.mr42{margin-right:4.2em !important;}
.mr43{margin-right:4.3em !important;}
.mr44{margin-right:4.4em !important;}
.mr45{margin-right:4.5em !important;}
.mr46{margin-right:4.6em !important;}
.mr47{margin-right:4.7em !important;}
.mr48{margin-right:4.8em !important;}
.mr49{margin-right:4.9em !important;}
.mr50{margin-right:5em !important;}

/* font weight */
.font_300 {font-weight: 300  !important;}
.font_400 {font-weight: 400  !important;}
.font_500 {font-weight: 500  !important;}
.font_bold, .font_600 {font-weight: bold !important;}
.font_normal {font-weight: normal  !important;}


/* font color */
.font_white{color:#fff !important;}
.font_yellow{color:#ffdc27 !important;}
.font_orange{color:#ff7d1d !important;}
.font_purple{color:#8327d5 !important;}
.font_pink{color:#F1126B !important;}
.font_red{color:#e81e0f !important;}
.font_green{color:#006908 !important;}
.font_blue{color:#0056b2 !important;}
.font_navy{color:#252f68 !important;}
.font_grayLight{color:#e7e7e7 !important;}
.font_gray{color:#989898 !important;}
.font_grayDark{color:#333 !important;}
.font_black{color:#000 !important;}




#wrapper { min-width: 320px;height: auto;}
/* 서브헤더 */
#header {margin-top:0 !important;padding: 18px 0;height: auto !important;background: #0d1544 !important;}


#nav ul li a span:after{content: '';/* width: 30px; */height: 0;display:inline-block;position:absolute;-webkit-transition:width 0.3s ease;-moz-transition:width 0.3s ease;transition: all 0.3s ease;bottom: -29px;opacity: 0;transform: translateX(-7px);left: 50%;color: #242528;border-bottom:10px solid #fff;border-left: 7px solid transparent;border-right: 7px solid transparent;}
#nav ul li a:hover span, #nav ul li.selected a span{font-weight: 600;}
#nav ul li.selected a span:after{height: 25px;opacity: 1;}

/*#tnb ul li a {color: #545a75 !important;}*/
#tnb ul li a.link:before {
	content: '\ef47';
	font-family: 'icofont';
	position: absolute;
	display: block;
	width: 22px;
	height: 22px;
	left: 0;
	top: 7px;
	border-radius: 50%;
	font-size: 15px;
}

#category {border-bottom: 1px solid #dfe3f6;background: #122b4f; }
#category ul:after { content: ''; display: block; clear: both; }
#category ul li {float: left;padding: 0 30px;}
#category ul li:first-child { padding-left: 0; }
#category ul li a {position: relative;display: block;padding: 17px 0;font-size: 16px;}
#category ul li a:before{content: '';position: absolute;width:0;height: 4px;left: 0;bottom: 0;background-color: #bdc4ff;-webkit-transition:width 0.3s ease;-moz-transition:width 0.3s ease;transition:width 0.3s ease;}
#category ul li a:hover, #category ul li.selected a{color: #bdc4ff;}
#category ul li a:hover:before, #category ul li.selected a:before{width:100%;}

#container.sub { padding:30px 0 80px;min-height:700px;}
#container.sub.bg_gray {background-color: #fff !important;}

/* .shareBox{position: absolute;width: 1460px;left: 50%;transform: translateX(-730px);text-align: right;}
.shareBox ul{display:inline-block;padding-top:100px;}
.shareBox li{float: left;padding: 3px;}
.shareBox li .circle{width: 36px;height: 36px;background: #ccc;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 16px;box-shadow: 2px 2px 6px rgba(0,0,0,.2);}
.shareBox li .fb{background: #0464b1;color: #fff;}
.shareBox li .insta{background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf);color: #fff;}
.shareBox li .blog{}
.shareBox li .youtube{background: #e50303;color: #fff;}
.shareBox li .twitter{background: #52c9ff;color: #fff;}
.shareBox li .print{background: #3c3c3c;color: #fff;}
@media (max-width: 768px) {
	.shareBox{position: absolute;width: auto;transform: translateX(10px);left: auto;right: 0;}
	.shareBox ul{}
} */

.shareBox{position: absolute;/* width: 1460px; *//* left: 50%; *//* transform: translateX(-730px); *//* text-align: right; */top: -119px;right: 0;}
.shareBox ul{display:inline-block;padding-top: 0;border-left: 1px solid #42356e;}
.shareBox li{float: left;/* padding: 3px; */}
.shareBox li .circle{width: 60px;height: 58px;background: #122b4f;display: flex;align-items: center;justify-content: center;font-size: 22px;border-right: 1px solid #4a3f70;color: #b2abc9 !important;}
.shareBox li .fb{/* background: #0464b1; */color: #fff;}
.shareBox li .insta{/* background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf); */color: #fff;}
.shareBox li .blog{}
.shareBox li .youtube{/* background: #e50303; */color: #e50303;}
.shareBox li .twitter{/* background: #52c9ff; */color: #fff;}
.shareBox li .print{/* background: #3c3c3c; */color: #fff;}
.shareBox li a:hover{color:#fff !important;}
@media (max-width: 768px) {
	.shareBox{position: absolute;width: auto;transform: translateX(10px);left: auto;right: 0;display:none;;}
	.shareBox ul{}
}


/*
#header { position: relative; padding: 28px 0; background:#232F5D; box-shadow: 0px 3px 6px #00000029; }

#logo { float: left; width: 340px; }
#logo a { }
#logo a img { vertical-align: bottom; }

#nav {float: left;width: 55%;padding-left: 90px;}
#nav ul:after { content: ''; display: block; clear: both; }
#nav ul li {float: left;margin-right:4%;width: 11.666667%;text-align: center;}

#nav ul li a {display: block;padding: 7px 0;font-weight: 400;}
#nav ul li a span {font-size: 18px;font-weight: 500;color: #fff;white-space:nowrap;position: relative;}
#nav ul li a span:after{content:'';width: 30px;height: 0;display:inline-block;position:absolute;-webkit-transition:width 0.3s ease;-moz-transition:width 0.3s ease;transition: all 0.3s ease;top: 54px;opacity: 0;background: url('../../images/common/ic_menu2.svg')  center no-repeat;transform: translateX(-15px);left: 50%;}
#nav ul li a:hover span, #nav ul li.selected a span{color: #a4b2ff;}
#nav ul li a:hover span:after, #nav ul li.selected a span:after{height: 25px;opacity: 1;}

#tnb {float: right;position: absolute;right: 0;}
#tnb ul:after { content: ''; display: block; clear: both; }
#tnb ul li { float: left; }
#tnb ul li a { position: relative; display: block; padding: 10px 0; margin-left: 20px; font-size: 13px; color: #fff; opacity:.9;}
#tnb ul li a.link { padding-left: 30px; }
#tnb ul li:hover a{opacity:1;}
#tnb ul li a.link:before { content: '\ef47'; font-family: 'icofont'; position: absolute; display: block; width: 22px; height: 22px; left: 0; top: 7px; border-radius: 50%; font-size: 15px; text-align: center; color:#383e60; background-color: #fff; box-shadow: 0px 3px 6px #00000029; }
#tnb ul li:first-child a { margin-left: 0; }

#category { border-bottom: 1px solid #dfe3f6; }
#category ul:after { content: ''; display: block; clear: both; }
#category ul li { float: left; padding: 0 30px; }
#category ul li:first-child { padding-left: 0; }
#category ul li a {position: relative; display: block; padding: 18px 0; font-size: 16px; font-weight: 500; }
#category ul li a:before{content: '';position: absolute;width:0;height: 4px;left: 0;bottom: 0;background-color: #C21E8C;-webkit-transition:width 0.3s ease;-moz-transition:width 0.3s ease;transition:width 0.3s ease;}
#category ul li a:hover, #category ul li.selected a{color: #C21E8C;}
#category ul li a:hover:before, #category ul li.selected a:before{width:100%;}

#container.sub { padding: 80px 0 110px; }

#container.sub .container_tit { margin-bottom: 50px; }
#container.sub .container_tit .location { margin-bottom: 30px; display:none;}
#container.sub .container_tit .location ul:after { content: ''; display: block; clear: both; }
#container.sub .container_tit .location ul li { position: relative; float: left; padding-left: 40px; }
#container.sub .container_tit .location ul li:first-child { padding-left: 0; margin-left: 0; }
#container.sub .container_tit .location ul li:before { content: '\eab8'; font-family: 'icofont'; position: absolute; left: 10px; top: 0; font-size: 16px; color: #545A75; }
#container.sub .container_tit .location ul li:first-child:before { content: ''; }
#container.sub .container_tit .location ul li a { display: block; color: #545A75; font-weight: 500; }
#container.sub .container_tit .location ul li.home a { width: 20px; height: 20px; background: url('../../images/common/home_ic2.svg') no-repeat center; }
#container.sub .container_tit .location ul li.home a span { display: none; }
#container.sub .container_tit .sub_title { font-size: 40px; font-weight: 500; }
*/


/* font color */
.white{color:#fff !important;}
.yellow{color:#fff46d !important;}
.orange{color:#ff8d00 !important;}
.pink{color: #ff458a !important;}
.red{color:#fc352a !important;}
.mint{color: #87e4db !important;}
.green{color:#006908 !important;}
.blue{color:#0056b2 !important;}
.navy{color:#252f68 !important;}
.lightgray{color:#e9e9e9 !important;}
.gray{color:#989898 !important;}
.darkgray{color:#555 !important;}
.black{color:#000 !important;}
.muted{color:#4e5b9b !important;}

/* bg color */
.bg_white {background:#fff !important;}
.bg_yellow{background:#fff89f !important;}
.bg_orange{background:#ffa637 !important;}
.bg_red {background:#e81e0f !important;}
.bg_blue {background:#0056b2 !important;}
.bg_blue2 {background:#4E66DA !important;}
.bg_green {background:#006908 !important;}
.bg_navy{background:#252f68 !important;}
.bg_lightgray {background:#f4f4f4 !important;}
.bg_gray {background:#989898 !important;}
.bg_darkgray {background:#333 !important;}
.bg_black{background:#000 !important;}
.bg_purple{background:#5637BF !important;}
.bg_purple2{background:#6F44C7 !important;}
/* .bg_muted{background:#4e5b9b !important;} */
.bg_muted{background:#014187 !important;}
/* button *********************************************************************************************************/
.btWrap{width:100% !important;}
.btWrap > * {cursor:pointer !important;display:inline-block !important; margin:0 1px;}

/*
.use_line{position:relative;}
.use_line:before{content:'';background: #f2f2f2;width: 100%;height: 6px;display: inline-block;position: absolute;bottom: 0;z-index: -1;opacity: .9;}
.use_line.purple:before{content:'';background: #f3ecff;}
.use_line.red:before{content:'';background: #ffefef;}
*/

/* .btn {display: inline-block;font-weight: 400;color: #000;text-align: center;vertical-align: middle;user-select: none;background-color: transparent;border: 1px solid transparent;padding: 0.75rem 1.5rem;
font-size: 0.875rem;line-height: 1;border-radius: 5rem;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;cursor:pointer;} */

.btn{display: inline-block;font-weight: 400;color: #000;text-align: center;vertical-align: middle;user-select: none;background-color: transparent;border: 1px solid transparent;padding: 0.75rem 1.5rem;font-size: 0.875rem;line-height: 1;border-radius: 0.1875rem;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
cursor:pointer;}
.btn_ss { padding:0 7px!important; height:26px!important; font-size:12px!important; line-height:26px !important;}
.btn_s {padding:0 10px!important;height: 32px!important;font-size: 12px!important;line-height: 32px !important;}
.btn_m { padding:0 20px!important; height:44px!important; font-size:14px!important; line-height:44px !important;}
.btn_l {padding:0 30px!important;height:53px!important;font-size: 16px!important;line-height: 50px !important;}
.btn_xl { padding:0 50px!important; height:65px!important; font-size:20px!important; line-height:65px !important;}
.btn:hover {box-shadow: 3px 3px 5px rgba(0 0 0 / 20%);}

.btn-primary{background:#4e5b9b !important;color:#fff !important;}
.btn-primary:hover{background:#6d7ed1 !important}
/* .btn-muted{background:#4e5b9b !important;color:#fff !important;}
.btn-muted:hover{background:#6d7ed1 !important} */
.btn-muted{background:#014187 !important;color:#fff !important;}
.btn-muted:hover{background:#105db2 !important;}
/* .btn-purple{background:#5637BF !important;color:#fff !important;}
.btn-purple:hover{background:#6F44C7 !important} */
.btn-purple{background: #275bcb !important;color:#fff !important;} /* blue color로 변경 */
.btn-purple:hover{background: #346be1 !important;}
.btn-blue {background: #3b426c;border-radius:4px;color:#fff;}
.btn-blue:hover{background: #484e6c;}
.btn-dark{background:#333 !important;color:#fff !important;}
.btn-dark:hover{background:#555 !important}
.btn-gray{background:#ddd !important;color:#333 !important;}
.btn-gray:hover{background:#ccc !important}
.btn-pink{background: #cc2f69 !important;color: #fff !important;}
.btn-pink:hover{background: #e44e85 !important;}
.btn-red{background: #d61b0d !important;color: #fff !important;}
.btn-red:hover{background: #ea2d1f !important;}
.btn-orange{background: #f19307 !important;color: #fff;}
.btn-orange:hover{background: #ff9d0c !important;}
.btn-outline{border:1px solid #ddd !important;}
.btn-outline:hover{background:#ccc !important}
.btn-green{background:#71c016;color:#fff;}
.btn-green:hover{background:#65ae13;}
.btn-outline-black {border: 1px solid #000 !important;color:#000 !important;background-color: #fff !important;font-weight: 600 !important;}
.btn-outline-black:hover {background-color: #f5f5f5 !important;}
.btn-inverse-red{color:#d61b0d !important;background:#ffd9d5;}
.btn-inverse-red:hover{background:#d61b0d !important;color:#fff !important;}
.btn-inverse-gray{color:#333 !important;background:#ddd;}
.btn-inverse-gray:hover{background:#555 !important;color:#fff !important;}
.btn-inverse-purple{color:#5637BF !important;background:#ebe5ff;}
.btn-inverse-purple:hover{background:#5637BF !important; color:#fff !important;}
.btn-inverse-muted{background:#e2e5f1 !important;color:#4e5b9b !important;}
.btn-inverse-muted:hover{background:#4e5b9b !important;color:#fff !important;}
.btn-inverse-green{background:rgba(113, 192, 22, 0.25) !important;color:#71c016 !important;}
.btn-inverse-green:hover{background:#71c016 !important;color:#fff !important;}
.btn-gdata{background: #3b426c;border-radius: 5px !important;color:#fff;margin: 0 !important;line-height: 1 !important;}
.btn-gdata i{font-size: inherit !important;margin: 0 !important;}
@media screen and (max-width:740px) {

}

.box-st1 {border: 1px dashed #ddd;padding: 20px 20px 20px 40px;margin-bottom: 20px;position: relative;}
.box-st1 i{position: absolute;top: 25px;left: 20px;}

.form-group{}
/*.form-group label{line-height:46px;font-size:18px;width: 160px;height:46px;font-weight: 700;}*/
.form-group label{line-height:46px;font-size:18px;width: 200;height:46px;font-weight: 400;}
.form-group .flex{display:flex;}
.input-group {display:block;width:100%;}
.input-group.input-label-group{width: calc(100% - 160px);display:flex;align-items: center;gap: 5px;}
.input-group.input-button-group{width: calc(100% - 160px);display:flex;gap: 5px;}
.input-group.input-button-group .btn{width:120px;padding:0 5px !important;}

@media screen and (max-width: 680px) {
	.form-group .flex{display:block;}
	.form-group label{padding-bottom:5px;}
	.input-group.input-label-group{width:100%;}
	.input-group.input-button-group{width:100%;}
	#clob_cd{display:block;}
}


/* layer pop 설정 **************************************************************************************************************/
.dim-layer{position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.is-visible{opacity: 1; visibility: visible; z-index:99999;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}
.pop-layer {left:50%; top:50%;position:relative;width: 1000px;height:80%;padding: 80px 10px 60px;border-radius: 5px;background-color: #fff;overflow:hidden;color:#333;
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.pop-layer .pop-head {position: absolute;top: 0;width:100%;left:0;text-align:center;}
.pop-layer .pop-conts {padding: 0 20px;height: 100%;overflow-y: auto;}
.pop-layer .btWrap {position:absolute; bottom:0; left:0;}
/* .pop-layer .btWrap button{width: 100%;display: inline-block;padding: 10px 0;background: #30407a;font-size: 20px;color: #fff;margin: 0 !important;} */
.pop-layer .ic-close {position:absolute;right:0;top:0;width: 60px;height:60px;font-size: 1.5rem;color: #000;background-size:12px;cursor: pointer;display: flex;justify-content: center;align-items: center;}
.pop-layer .ic-close i{padding: 5px;}
/* .pop-layer .ic-close :hover{-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg); transform: rotate(360deg);color:#000;transition: transform .2s, opacity .25s;} */
.pop-layer .ic-close:hover i{border-radius: 5px;background: #ddd;transition:transform .2s, opacity .25s;/* color:#fff; */}

.layer_s .pop-layer{width:300px;height: 150px;padding:60px 0 30px;}
.layer_s .pop-head{height:50px;line-height:50px;font-weight:400;font-size:1.2rem;background: #f4f4f4;/* color: #fff; */text-align: left;padding-left: 20px;}
.layer_s .ic-close {width:50px; height:50px;}
.layer_s .pop-conts{display: flex;justify-content: center;align-items: center;}

/* .layer_m .pop-layer{width:700px; height:500px;padding:60px 0 30px;}
.layer_m .pop-head{height:60px;line-height:60px;font-weight:400;font-size:1.2rem;background: #333;color: #fff;text-align: left;padding-left: 20px;} */
.layer_m .pop-layer{width:800px;height: 630px;padding:60px 0 30px;}
.layer_m .pop-head{height:50px;line-height:50px;font-weight:400;font-size:1.2rem;background: #f4f4f4;/* color: #fff; */text-align: left;padding-left: 20px;}
.layer_m .ic-close {width:50px; height:50px;}
.layer_m .pop-conts{display: flex;justify-content: center;align-items: center;}

.layer_l .pop-layer{width:1200px;height:800px;padding: 60px 0 30px;}
.layer_l .pop-head{height:60px;line-height:60px;font-weight: 600;font-size: 1.4rem;text-align: left;padding: 0 20px;}
.layer_full .pop-layer{width:100%; height:100%;padding:60px 0 30px;}
.layer_full .pop-head{height:60px;line-height:60px; font-weight:400;font-size:1.2rem;}
.is-visible .pop-layer{-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}

.policy_pop{}
.policy_pop .policy .cont_tit{}

.refuse_txt{display: flex;align-items: center;justify-content: center;}
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 768px) {

	.layer_s .pop-head{font-size:1.1rem;}
	.layer_s .pop-layer{border-radius:5px;width:90% !important;}
	.layer_s .pop-conts{padding:5px;}
	.layer_m .pop-head{font-size:1.2rem;/*  padding:0; */}
	.layer_m .pop-layer{width:90%; height:auto; max-height:80%; min-height:30%;}
	.layer_m .pop-conts{/* padding:0; */}

	.layer_l .pop-layer{width:100%; height:100%;border-radius:0px;}
	
}


.border{border:1px solid #e9e9e9 !important;}
.border-bottom{border-bottom:1px solid #e9e9e9 !important;}


/* 게시판 추가 ****************************************************************************************************************************************/
/* Tables */
.table {width: 100%;margin-bottom: 0;color: #333;}
.table th,.table td {padding: .7rem 0.7rem;vertical-align: middle;border-top: 1px solid #e9e9e9;font-size: 1rem;white-space:nowrap;border:1px solid #e9e9e9;}
.table thead{border-top:1px solid #000;}
.table th {background:#f8f8f8;}
.table thead th {vertical-align: center;border-bottom:1px solid #e9e9e9;border-top: 0;background:#f8f8f8;}
.table tbody + tbody {border-top: 2px solid #e9e9e9;}

.table-sm th,.table-sm td {padding: 0.3rem .5rem !important;font-size: .84rem;}

.table-bordered {}
.table-bordered th,.table-bordered td {}
.table-bordered thead th,.table-bordered thead td {border-bottom-width: 1px;}

.table .title{text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.table .title a{position:relative;font-weight:500;}
.table .cont{text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.table .tr_gong .title{font-weight:600 !important;color:#000;}
.table tr:last-child td {border-bottom: 1px solid #e9e9e9;}
.tbl_gong {}
.tbl_gong span{background:#d8306e;padding: 3px 10px;font-size: 12px;color: #fff;border-radius: 20px;}

.table-responsive{}
.table-responsive tr:hover{/* background:#f4f6ff; */}
.table-responsive .title a:hover{color:#3f51b5;}


/* 페이징 임시 */
.pagination{display: flex;justify-content: center;padding-bottom:1rem;}
.pagination li{display:inline-block;}
.pagination li.page-item {}
.pagination li.page-item a:hover{background:#f4f4f4;}
.pagination li.page-item a, .pagination li.page-item strong {box-sizing: border-box;display: inline-block;/* float: left; */line-height: 35px!important;width: 35px!important;height: 35px!important;cursor:pointer;}
.pagination li.page-item a {border: 1px solid #E2E2E2;margin: 0 2px;font-weight: 500;}
.pagination li.page-item a.on {background-color: #292E42;border-color: #292E42;color: #fff;}
.btnPgnFirst:after{content:'\ea97';font-family: 'icofont';}
.btnPgnPrev:after{content:'\ea9d';font-family: 'icofont';}
.btnPgnNext:after{content:'\eaa0';font-family: 'icofont';}
.btnPgnEnd:after{content:'\ea98';font-family: 'icofont';}

.board_search{margin-bottom:30px;padding: 20px 15px;border: 1px solid #e9e9e9;border-radius: 5px;background-color: #F8F8F8;position: relative;min-height: 80px;display:flex;justify-content: center;}
.board_search .input-group{display: inline-block;width: 100%;display: flex;justify-content: end;-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.board_search .input-group select {min-width: 150px;}
.board_search .input-group input[type='text'] {width: 300px;}
.board_search .search-input{}
.board_search .form-select {display: flex;align-items: center;margin-left: 10px;}
.board_search .input-group label {padding: 0 10px;font-size: .8rem;text-align: center;white-space: nowrap;}
.board_search .btn{white-space: nowrap;min-width: 90px;height: 45px;padding-left: 0 !important;padding-right: 0 !important;}
.board_search .total{position: absolute;left: 20px;}
.board_search input{margin:0 5px;}

/* 셀프분석 삭제데이터 */
.del_mark{font-size:.9rem; color:#999;padding-left:5px;}
.del_mark:before {content: '';background: #000000;width: calc(100% - 88px);height: 1px;display: inline-block;position: absolute;left: 0;top: 12px;}

.input-group input {border:1px solid #e9e9e9;border-radius:3px;padding: 10px 10px;}
.input-group-button{display:flex;}
.input-group-button input{width: calc(100% - 80px);}
.input-group-button .btn{margin-left: 5px !important;border-radius: 5px !important;height: 43px;white-space:nowrap;display: inline-block;width: 80px;text-align: center;padding: 0;}
.col3{display:flex; align-items:center;}
.col3 em{padding:0 3px;}
#phone1,#phone2,#phone3 {width:30.8% !important;}
.input-group-right{position: absolute;right: 0;bottom: 0;display: inline-block;width: auto;}
.input-group-right .form-select{display:inline-block;}
.input-group-left{position:absolute; bottom:-5px;display:inline-block; width:auto; padding-left:15px;}
.form-select-sm{display:inline-block;}
.form-select-sm select{padding: 7px 30px 7px 7px;font-size: .9rem;}




.total{font-size: 16px;color:#777;padding-bottom:5px;}
.total strong{font-size: 20px;color: #443f54;padding: 0 2px;}
.board_write{border-top: 2px solid #333;}
.board_write ul{}
.board_write ul li{}
.board_write .form-group{margin:0 !important;border-bottom: 1px solid #d7d8dd;display: flex;}
.board_write ul li .col-form-label{margin:0;background:#eaebf1;text-align: center;align-items: center;display: flex;justify-content: center;border-right: 1px solid #e9e9e9;font-weight:500;width: 20%;font-size: 1rem;height: auto;}
.board_write ul li .input-group{padding: .8rem;align-items:center;width: 80%;background: #fff;}
.board_write ul li .form-control{border: 1px solid #f3f3f3;font-weight: 400;font-size: 0.9rem;padding:.5rem;}
.board_write ul li .form-check{margin:0;}
.board_write ul li .form-check .form-check-label{margin-bottom:0;}
.board_write .content{background:#fff;width:100%;padding:0.875rem .75rem;font-size:1rem;}

.board_write.double ul li .form-group .col-form-label{width:274px}
.board_write.double ul li .form-group .input-group{width:calc(100% - 274px);}
.board_write ul li .form-group.double .col-form-label{width:auto;min-width:274px;}
.board_write ul li .form-group.double .input-group{width:100%;min-width:calc(50% - 274px);}

@media screen and (max-width: 1024px){
	.board_write.double ul li .form-group .col-form-label{width:100%;}
	.board_write.double ul li .form-group .input-group{width:100%;}
	.board_write .form-group{display:block;}
	.board_write ul li .col-form-label{background: #fff;justify-content: left;font-weight: 500;padding-bottom: 0;border-right: 0;padding:.0;width:100%;font-size:.9rem;}
	.board_write ul li .input-group{padding:.0 0 .8rem;width:100%;}
}


/* 상세페이지 */
.board_view{border-top: 1px solid #000;}
.board_view .bo_view_top{padding: 0 10px;}
.board_view ul > li{border-bottom: 1px solid #e9e9e9;padding:.8rem 0;}
/* .board_view > ul > li:nth-child(2) {padding:.8rem;border-bottom:1px solid #000;}*/
.board_view .title{padding: 10px 0;font-size: 2rem;}
.board_view .content{border:none; margin:1rem 0;background:#fff;width:100%;}
.board_view .board-info{color: #555;display: inline-block;width: 100%;}
.board_view .board-info li{float: left;padding: 0 30px 0 0;font-weight: 400;position:relative;border-bottom:none;}
.board_view .board-info li:after{content:'';background: #ddd;width:1px;height: 10px;display:inline-block;position: absolute;right: 15px;bottom: 7px;}
.board_view .board-info li:last-child:after{display:none;}
.board_view .board-info span{font-weight:500;padding-right: 9px;}
.board_view .fileBox{background:#f8faff;}
.board_view .file{padding: 0.5rem .8rem;/* border-bottom: 1px solid #e9e9e9; */}
.board_view .file i{color: #7b859f;position: relative;top:0;left: -3px;}
.board_view textarea#content {background:#fff;resize:none;box-shadow:none !important;}
.board_view .contents{min-height:400px;padding: 0 10px;}

.board_view .self_edit{border-top: 1px solid #e9e9e9;}
.board_view .self_edit ul{}
.board_view .self_edit ul li{padding: 0;border: none;}
.board_view .self_edit .form-group{margin:0 !important;border-bottom: 1px solid #e9e9e9;display: flex;}
.board_view .self_edit ul li .col-form-label{margin:0;background:#f8f8f8;text-align: center;align-items: center;display: flex;justify-content: center;border-right: 1px solid #e9e9e9;font-weight:500;width: 20%;font-size: 1rem;height: auto;}
.board_view .self_edit ul li .input-group{padding: .8rem;align-items:center;width: 80%;}
.board_view .self_edit ul li .form-control{border: 1px solid #f3f3f3;font-weight: 400;font-size: 0.9rem;padding:.5rem;}
.board_view .self_edit ul li .form-check{margin:0;}
.board_view .self_edit ul li .form-check .form-check-label{margin-bottom:0;}
.board_view .self_edit .content{background:#fff;width:100%;padding:0.875rem .75rem;}


.board_gallery{border-top:1px solid #333;display:inline-block;width:100%;border-bottom: 1px solid #e9e9e9;}
.board_gallery > ul{}
.board_gallery > ul > li{float:left;width: calc(99.9% / 4 - 28px);margin: 0 14px 35px;}
/* 
.board_gallery .gallery_Box > dl > dt > br{display:none;}
.board_gallery .gallery_Box{display: block;height: 280px;padding: 0;overflow:hidden;box-shadow: 0px 3px 10px rgb(0,0,0,.1);border-radius: 10px;}
.board_gallery .gallery_Box > dl {overflow:hidden;padding: 17px 10px;background: #292340;min-height: 90px;background: #36304e;background: #3c3360;position: relative;}
.board_gallery .gallery_Box > dl:before{content:'';background: url('../../images/main/img_light.png')  top -70px right -60px no-repeat;width:100%;height:100%;display:inline-block;position:absolute;z-index: 1;opacity: .2;top: 0px;left: 0;}
.board_gallery .gallery_Box > dl > dt{color: #ffffff;font-size: 18px;height:40px;margin-bottom: 0;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;max-height: 31px;}
.board_gallery .gallery_Box > dl > dd{float:left;color: #a38bcd;font-size: 14px;padding-left: 18px;position: relative;font-weight: 500;}
.board_gallery .gallery_Box > dl > dd:before{content:'\e8ae';font-family:'Material Icons';position: absolute;left: 0px;top: 1px;color: #a38bcd;font-weight: 600;}
.board_gallery .gallery_Box > dl > dd.bg_look{float:left;background: url('../../images/sub/sb2_bg7.gif') no-repeat left center;margin-left:15px;}
.board_gallery .gallery_Box .thumbnail{height: 190px;overflow:hidden;position: relative;border-radius: 0;background: #fff;}
.board_gallery .gallery_Box .thumbnail img{max-width: 100%;max-height: 100%;width: 100%;transition:transform .5s;}
.board_gallery .gallery_Box .thumbnail:before{content:'';width:100%;height:100%;display:inline-block;position:absolute;z-index: 1;opacity: .7;top: 0;left: 0;}
.board_gallery .gallery_Box .thumbnail:after{content:'';}
.board_gallery .gallery_Box:hover .thumbnail img{transform:scale(1.2);}
.board_gallery .gallery_Box:hover{box-shadow: 1px 3px 8px rgba(0,0,0,.5);}
.gallery_view{padding:20px 10px;} */

.board_gallery .gallery_Box > dl > dt > br{display:none;}
.board_gallery .gallery_Box{background: #Fff;display: block;height: 280px;/* border: 1px solid #d0d1d7; */padding: 0;overflow:hidden;box-shadow: 0px 3px 10px rgba(0,0,0,.1);border-radius:10px;}
.board_gallery .gallery_Box > dl {overflow:hidden;padding: 17px 10px;background: #292340;min-height: 90px;background: #36304e;background: #ecf0ff;position: relative;}
.board_gallery .gallery_Box > dl:before{content:'';background: url('../../images/main/img_light.png')  top -70px right -60px no-repeat;width:100%;height:100%;display:inline-block;position:absolute;z-index: 1;opacity: .2;top: 0px;left: 0;}
.board_gallery .gallery_Box > dl > dt{color: #000;font-size: 18px;height:40px;margin-bottom: 0;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;max-height: 31px;}
.board_gallery .gallery_Box > dl > dd{float:left;color: #4e5b9b;font-size: 14px;padding-left: 18px;position: relative;font-weight: 500;}
.board_gallery .gallery_Box > dl > dd:before{content:'\e8ae';font-family:'Material Icons';position: absolute;left: 0px;top: 1px;color: #a38bcd;font-weight: 600;}
.board_gallery .gallery_Box > dl > dd.bg_look{float:left;background: url('../../images/sub/sb2_bg7.gif') no-repeat left center;margin-left:15px;}
.board_gallery .gallery_Box .thumbnail{/*border-bottom: 1px solid #e9e9e9;*/height: 190px;overflow:hidden;position: relative;border-radius: 0;background: #fff;display: flex;justify-content: center;align-items: start;}
.board_gallery .gallery_Box .thumbnail img{min-width: 100%;min-height: 100%;transition:transform .5s;}
.board_gallery .gallery_Box .thumbnail:before{content:'';/* background: url('../../images/main/img_light.png')  top right no-repeat; */width:100%;height:100%;display:inline-block;position:absolute;z-index: 1;opacity: .7;top: 0;left: 0;}
.board_gallery .gallery_Box .thumbnail:after{content:'';}
.board_gallery .gallery_Box:hover .thumbnail img{transform:scale(1.2);}
.board_gallery .gallery_Box:hover{box-shadow: 0px 3px 10px rgba(0,0,0,.1)/* border: 1px solid #673ab7; */}
.gallery_view{padding:20px 10px;}

/*밝은거*/
.board_gallery .gallery_Box{border:1px solid #dbe0f1;}
.board_gallery .gallery_Box > dl {background: #ecf0ff;}
.board_gallery .gallery_Box > dl > dt{color: #000;}
.board_gallery .gallery_Box > dl > dd{color: #4e5b9b;}
.board_gallery .gallery_Box > dl > dd:before{color:#4e5b9b;}
.board_gallery .gallery_Box .thumbnail:before{content:'';background: url('../../images/main/img_light.png')  top right no-repeat;width:100%;height:100%;display:inline-block;position:absolute;z-index: 1;opacity: .7;top: 0;left: 0;}


/* 서브 공통 *********************************************************************************************************************************************/
#container.sub .tit_box { margin-bottom: 45px; height: 120px; padding: 36px 15px; border: 1px solid #e9e9e9; display:flex; justify-content: center; align-items: center; background:#f9f9f9;}
#container.sub .tit_box h4 { font-size: 32px; }
#container.sub .cont_tit {font-size: 29px !important;padding: 0px 0 30px 45px;position: relative;font-weight: bold;color: #000;display: inline-block;width: 100%;}
/* #container.sub .cont_tit:before {content: "";display: block;width: 25px;height: 10px;background: linear-gradient(122deg, #B52184 0%, #EF273C 100%) 0% 0% no-repeat padding-box;margin: 10px 0 20px;position: absolute;top: 20px;border-radius: 50%;transform: rotate(-45deg);} */
#container.sub .cont_tit:before {content: "";display: block;width: 39px;height: 27px;background: url("../../images/sub/ic_bullet3.svg") center center no-repeat;position: absolute;top: 8px;left: 0;background-size: 33px;}
.imgWrap{padding:5rem 0;}
.cont_tit_sm {font-size: 18px;font-weight:500;margin-bottom: 10px;padding-left: 20px;position: relative;}
.cont_tit_sm::before {content: "";background: url("../../images/sub/ic_blet2.svg") no-repeat;display:inline-block;width: 10px;height: 13px;left: 3px;position: absolute;top:7px;}

#container.sub .imgBox {display:inline-block;width:100%;}
#container.sub small{font-size: .9rem;}
.af_line{position:relative;}
.af_line:after{content:'';background: #f0f2ff;width:100%;height: 6px;display:inline-block;position:absolute;left:0;bottom: 2px;z-index: -1;}

/* 공통탭*/ 
#container.sub .page-tab {margin-bottom:50px;padding-left: 1px;}
#container.sub .page-tab  ul li {float:left;width:33.3%;text-align:center;}
#container.sub .page-tab  ul li a {background: #F6F6F6;display :block;position:relative;padding:16px 0;border:1px solid #E8E8E8;border-left:0;font-size:18px;transition:none;margin-left: -1px;}
#container.sub .page-tab  ul li a:first-child {border-left:1px solid #dfe3f6;}
#container.sub .page-tab  ul li a.selected {background: #fff;color: #014187;border-color: #143678;box-shadow: 0px 0px 10px rgb(13 53 133 / 35%);font-weight:bold;z-index: 1;}
#container.sub .page-tab  ul li a.selected::before {/* content:""; */position:absolute;width:12px;height:12px;bottom: -6px;left:50%;transform: translateX(-50%) rotate(45deg);background:#353950;}
#container.sub .page-tab  ul::after {content:"";display:block;clear:both;}
#container.sub .tabContent .cont {display:none;}
#container.sub .tabContent .cont.selected{display:block;}
#container.sub .cctvContent .cont {display:none;}
#container.sub .cctvContent .cont.selected{display:block;}
.container_tit{display:none;}

 .data-tab{position:relative;display: flex;top: 1px;width: 100%;left:1px;z-index: 1;padding-bottom: 11px;}
.data-tab:before{/* content:''; */width:100%;height:1px;background: #ddd; display:inline-block; position:absolute;bottom: 0; left:0;z-index: -1;}
.data-tab ul{position:relative; width:100%}
.data-tab li{float: left;}
.data-tab li a{padding: 0 15px;display: inline-block;color:var(--tab2-text);height: 34px;margin-left: -1px;line-height: 34px;border: 1px solid #ddd;background: #fff;min-width: 90px;text-align: center;position: relative;border-top-left-radius: .5rem;border-top-right-radius: 0.5rem;}
.data-tab li a.selected{color: #000;background: #fff;font-weight: 500;border-color: #000;z-index: 1;border-bottom: none;}
.data-tab ul:after{content:'';width: 100%;height: 1px;display: inline-block;background: #000;position: absolute;left: 0;bottom: 0;}


/* 플랫폼소개 *************************************************************************************************************************************/
/* 플랫폼소개 - 빅데이터통합플랫폼 */
#container.sub .platform {background: #fff;padding-bottom: 20px;display: inline-block;width: 100%;}
#container.sub .platform .tit_box {background: url("../../images/sub/platform_bg3.jpg") no-repeat;background-position: 50% 75%;background-size: cover;height:340px;position: relative;}
#container.sub .platform .tit_box:before{content:'';width: 98%;position: absolute;height: 92%;border: 1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);left:1%; top:4%;}
#container.sub .platform .tit_box .text{color:#fff;text-align: center;}
#container.sub .platform .tit_box h4 {font-size: 44px;padding-bottom: 50px;position:relative;}
#container.sub .platform .tit_box h4:after{content:'';width: 50px;height:3px;background:#fff;display:inline-block;position:absolute;left:50%;bottom: 20px;transform: translateX(-25px);}
#container.sub .platform .tit_box p{font-size: 20px;}
.platform_desc { margin-bottom: 40px;}
.platform_desc ul {width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.platform_desc ul li {width: calc(50% - 10px);margin-bottom:20px;position: relative;font-size: 16px;float: left;display: inline-block;padding: 0 10px 20px;padding: 50px 50px 50px 200px;box-shadow:0px 6px 10px rgba(0,0,0,0.1);background: #fff;height: 100%;min-height: 200px;overflow: hidden;border: 1px solid #e9e9e9;
border-radius: 5px;}
.platform_desc ul li::before {content: "";display:block;width: 100px;height: 100px;position: absolute;left: 60px;top: 50%;transform: translateY(-50%);}
.platform_desc ul li:first-child::before {background: url("../../images/sub/platform_icon01.svg") no-repeat;}
.platform_desc ul li:nth-child(2)::before {background: url("../../images/sub/platform_icon02.svg") no-repeat; background-size:contain;}
.platform_desc ul li:nth-child(3)::before {background: url("../../images/sub/platform_icon03.svg") no-repeat; background-size:contain;}
.platform_desc ul li:nth-child(4)::before {background: url("../../images/sub/platform_icon04.svg") no-repeat; background-size:contain;}
.platform_cont h5 { font-size: 24px; margin-bottom: 20px;}
.platform_cont h5::before {content: "";display:inline-block; margin-right: 10px; border: 2px solid #7b37bf; width:8px; height: 8px; vertical-align: middle;}
.platform_cont .platform_cont_tit { text-align:center; font-size: 24px; }
.platform_cont .platform_cont_tit { text-align:center; }

/* 231229 추가 */
.platform_desc_st2 .tit {display:block;margin-bottom: .5em;font-size: 1.2rem;font-weight: 600;color: #000;}
.platform_desc_st2 .txt {display:block;}
.platform_desc_st2 img {margin: 0 2em;}
.platform_desc_st2 ul li {padding: 20px;display: flex;flex-direction: row;align-items: center;min-height: 180px;}
.platform_desc_st2 ul li:before {display:none;}

.gubn_line{padding:10px 0; display:inline-block; width:100%; border-bottom:1px dashed #e9e9e9;}
#container.sub .platform_construct{display: inline-block;width: 100%;padding: 40px 0px 50px;}
.plat_bgroup{display: inline-block;width: 100%;padding-bottom: 20px;position: relative;}
.plat_bgroup:after{content:'';background: url("../../images/sub/ic_down.svg") no-repeat;width: 30px;height: 33px;display: inline-block;position: absolute;left: 120px;bottom: 60px;}
.plat_bgroup:last-child:after{display:none;}
.plat_bgroup .plat_tit{font-size: 1.5rem;padding-bottom: 0;width: 250px;float: left;display: inline-block;padding-right: 40px;position:relative;font-weight: bold;color: #414b78;/* border-left: 4px solid #4e66da; padding-left: 10px;*/ line-height: 26px;}
.plat_bgroup:nth-child(1) .plat_tit{border-color: #4e66da;}
.plat_bgroup:nth-child(2) .plat_tit{border-color: #6f44c7;}
.plat_bgroup:nth-child(3) .plat_tit{border-color:#353950;}

.plat_bgroup .plat_list{width: calc( 100% - 250px);/* float: left; */display: inline-block;padding-left: 40px;}
.plat_box {width: 33.3333%;float: left;padding-right: 1%;display: inline-block;padding-bottom: 10px;}
.plat_box .header-box{background: #353950;color: #fff;text-align: center;padding: 10px;border-radius: 5px;font-size: 1.1rem;}
.plat_box .body-box{border: 1px solid #ddd;margin-top: 5px;padding: 15px 20px;border-radius: 5px;min-height: 120px;box-shadow: 0 2px 8px rgb(0 0 0 / 10%);background:#f8f8f8;}
.plat_box .body-box .list-st1{}
.plat_box .body-box .list-st1 li{padding-left: 9px;font-size: 16px;position: relative;}
.plat_box .body-box .list-st1 li:before{content:'';width: 4px;height: 4px;background: #353950;border-radius: 2px;display: inline-block;position: absolute;left: 0;top: 10px;}

#container.sub  .platform_vision{/* border: 1px solid #e9e9e9; */border-radius: 5px;overflow: hidden;/* background: #f8f8f8; */}
#container.sub  .platform_vision .plat_tit{padding: 18px 10px;background: #4e66da;color: #ffffff;text-align: center;font-size: 1.6rem;font-weight: 600;margin-bottom: 20px;/* border: 1px solid #d7e5f7; */max-width: 500px;margin: 0 auto 20px;border-radius: 60px;box-shadow: 0 4px 5px rgb(188 199 251);}
#container.sub  .platform_vision .plat_bgroup {position:relative;}
#container.sub  .platform_vision .plat_bgroup:before{content:'';background: url("../../images/sub/img_vision_bg.svg") center center no-repeat;width: 100%;height: 100%;display:inline-block;position:absolute;left: 9px;top: -20px;z-index: 0;background-size: 410px;}
#container.sub  .platform_vision .plat_bgroup .plat_list{width: 100%;padding: 30px 50px 20px;position: relative;}
#container.sub  .platform_vision .plat_box{padding: 0 1%;position:relative;}
#container.sub  .platform_vision .plat_box .body-box{/* background: #fff; */}
#container.sub  .platform_vision .main_box{}
#container.sub  .platform_vision .main_box .header-box{background: transparent;color: #6f44c7 !important;padding-bottom: 0;font-weight: bold;}
#container.sub  .platform_vision .main_box .body-box{background: transparent;border: 0;box-shadow: none;padding: 10px;}
#container.sub  .platform_vision .plat_box .body-box .list-st1 li{border: 1px solid #e9e9e9;padding: 10px;text-align: center;margin-bottom: 5px;background: #fff;}
#container.sub  .platform_vision .plat_box .body-box .list-st1 li:before{display:none;}
.plat_box .body-box .list-st2{}
.plat_box .body-box .list-st2 li{width: 25%;display: inline-block;float: left;text-align: center;padding: 5px;}
.plat_box .body-box .list-st2 li span{font-size: 1rem;width: 100%;height: 100%;display: inline-block;border: 1px solid #ccb3ff;padding: 8px 0;box-shadow: 0 2px 8px rgb(0 0 0 / 15%);border-radius: 5px;background: #fff;}

.plat_box .collect{position: absolute;right: 20px;bottom: 10px;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;z-index: 1;color: #fff;border-radius: 50%;overflow: hidden;box-shadow:0 3px 6px rgba(0,0,0,.3);}
.plat_box .collect:before{content:'';width: 100%;height: 100%;position: absolute;background: #d61414;z-index: -1;top:0; left:0;}
@media (max-width: 768px) {
	.plat_bgroup{padding-bottom: 0px;}
	.plat_bgroup:after{bottom: 15px;left: 50%;margin-left: -15px;}
	.plat_bgroup .plat_list{width:100%; padding:0 0 50px;}
	.plat_bgroup .plat_tit{width:100%;font-size:1.2rem;margin-bottom: 10px;}
	.plat_bgroup:nth-child(3) .plat_list{padding-bottom:0;}
	.plat_box{width:100%;}
	.plat_box .body-box{min-height: auto;}
	.plat_box .header-box{font-size: 14px;}
	.plat_box .body-box .list-st1 li{font-size: 14px;}

    #container.sub .platform_vision{}
	#container.sub .platform_vision .plat_bgroup{padding-top: 190px;}
	#container.sub .platform_vision .plat_bgroup:before{top: -20px;height: 200px;background-size:90%;left: 0;}
	#container.sub .platform_vision .plat_tit{font-size: 1.2rem;padding:10px;}
	#container.sub .platform_vision .main_box{position: absolute;top: 0;left: 0;}
	#container.sub .platform_vision .main_box .header-box{font-size:16px;}
	#container.sub .platform_vision .plat_bgroup .plat_list{padding: 0;position:unset;}
	#container.sub .platform_vision .plat_box{padding:0 10px 15px;}
	.plat_box .body-box .list-st2 li span{font-size:12px;}

	.plat_box .collect{font-size: .9rem;width: 50px;height: 50px;bottom: 20px;}
	.plat_box .collect:before{}
	
	.dataTopFav, .dataTop_gallery {padding: 0px !important;}
}

/* 플랫폼소개 - 모빌리티(sw융합클러스터 )*/
#container.sub .mobility-tab {
	/*margin-bottom: 50px;*/
	margin-left: 1px;
}

#container.sub .mobility-tab ul {
	grid-row: 1;
	display: flex;
}
#container.sub .mobility-tab ul li {
	float: left;
	width: 33.3%;
	text-align: center;
}
#container.sub .mobility-tab ul li a {display :block;position:relative;padding:10px 0;background: #F6F6F6;border:1px solid #E8E8E8;border-left:0;font-size:18px;transition:none;margin-left: -1px;color: #8A8A8A;}
#container.sub .mobility-tab ul li a:first-child {border-left:1px solid #dfe3f6;}
#container.sub .mobility-tab ul li a.selected {
	background: #143678;
	color: #fff;
	border-color: #143678;
	box-shadow: 0px 0px 10px rgb(9 43 110 / 70%);
	font-weight: bold;
	z-index: 1;
}
#container.sub .mobility-tab ul li a.selected::after {
	content: "";
	width: 0px;
	left: 50%;
	margin-left: -10px;
	height: 0px;
	bottom: -10px;
	position: absolute;
	border: 10px solid #143678;
	border-bottom: none;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	transition: all 0.3s ease;
}
#container.sub .mobility-tab ul li a.selected::before {/* content:""; */position:absolute;width:12px;height:12px;bottom: -6px;left:50%;transform: translateX(-50%) rotate(45deg);background:#353950;}

#container.sub .mobility-tab ul::after {content:"";display:block;clear:both;}

#container.sub .pf_mobility .img_tit_box {padding: 0 4em;background: url("/images/sub/platform_bg5.jpg") no-repeat;background-position: 50% 75%;background-size: cover;height:306px;position: relative;display: inline-block;width: 100%;display: flex;justify-content: flex-start;align-items: center;}
#container.sub .pf_mobility .img_tit_box.platform-introduce-bannerImg {background: url("/images/reorganization/introduce_banner01.png") center center no-repeat; }
#container.sub .pf_mobility .img_tit_box.relatedBusiness {background: url("/images/reorganization/introduce_banner02.png") center center no-repeat; }
#container.sub .pf_mobility .img_tit_box.digital-inovation-banner {background: url("/images/reorganization/introduce_banner03.png") center center no-repeat; }
#container.sub .img_tit_box .text{color:#fff;text-align: left;}
#container.sub .img_tit_box h4 {font-size: 40px;font-weight: 600;padding-bottom: 13px;position:relative;}
#container.sub .img_tit_box p{font-size: 20px;}

#container.sub .mobility .cont {margin-bottom:70px;display:none;}
#container.sub .mobility .cont.selected{display:block;}
#container.sub .mobility .cont .cont_tit {}
#container.sub .mobility .cont .imgBox {}
 ul.business_intr {border: 1px dashed #ccc;padding: 20px 30px;border-radius: 5px;margin-bottom: 5rem;box-shadow: 0 5px 10px rgba(0,0,0,.1);background: #fafafa;}
 ul.business_intr li {margin-bottom:10px;padding-left: 32px;position:relative;font-size:1rem;}
 ul.business_intr li .bs {font-weight:700;font-size: 1.1rem;margin: 20px 0 5px;}
 ul.business_intr li .bs_tit {position:absolute;left:0;top: 3px;width: 26px;height: 26px;background: #fff;border-radius:50px;color:#000;border: 2px solid #000;line-height: 1;box-shadow: 2px 2px 3px rgba(0 0 0 / 10%);margin-right: 10px;display:flex;justify-content:center;align-items:center;font-size: 14px;font-weight: 600;}
 ul.business_intr li .bs_tit:before{content:'';}
 ul.business_intr li span{position: relative;padding: 0 2px;font-size: 1.3rem;}
 /*ul.business_intr li span:before{content:'';width: 100%;height: 7px;background: #e5e8ff;display: inline-block;position: absolute;bottom: 3px;z-index: -1;}*/
#container.sub .mobility .cont .imgBox .pc {display:block;margin:0 auto;width:80%;}
#container.sub .mobility .cont .imgBox .mb {display:none;}
#container.sub .mobility .cont .imgBox .cont_tit_sm { font-size: 18px; font-weight:700; margin-bottom: 20px; }
#container.sub .mobility .cont .imgBox .cont_tit_sm::before {/* content:""; *//* display:inline-block; *//* margin-right:10px; *//* width:8px; *//* height:8px; *//* vertical-align:middle; *//* border:2px solid #7b37bf; */}
#container.sub .mobility .cont:first-child .imgBox {}
#container.sub .mobility .cont:first-child .imgBox ul.biz_platform {margin-top: -330px;display:flex;flex-wrap:wrap;margin-right:0;margin-left:0;justify-content: center;}
#container.sub .mobility .cont:first-child .imgBox ul.biz_platform > li {height:300px;padding:10px 250px 0;margin-bottom: 1.111rem;text-align: center;}
#container.sub .mobility .cont:first-child .imgBox ul.biz_platform > li .li_tit {width:400px;height:50px;line-height:50px;display:inline-block;font-size:24px;background:#5D58D3;color:#fff;margin-bottom:20px;position:relative;}
#container.sub .mobility .cont:first-child .imgBox ul.biz_platform > li ul {width: 300px;}
#container.sub .mobility .cont:first-child .imgBox ul.biz_platform > li ul li {font-size:18px;background:#fff;margin-bottom:10px;padding:10px;white-space:nowrap;border-radius:30px;position:relative;}
#container.sub .mobility .cont:first-child .imgBox ul.biz_platform > li li span {z-index:0;position:absolute;display:block;border-radius:50%;background:#1DB3B2;width:55px;height:55px;top:0px;left:-12px;overflow:hidden;}
#container.sub .mobility .cont:first-child .imgBox ul.biz_platform > li li span::before {content:"";display:block;position:absolute;z-index:1;background-size:auto;}
@media (max-width: 768px) {
	#container.sub .pf_mobility .img_tit_box {padding: 0 2em;}
	#container.sub .img_tit_box h4 {padding-bottom: 10px;padding-top: 20px;}
}

/* 플랫폼소개 - 교통데이터 */
.pf_traffic{}
.pf_traffic .img_tit_box{background: url("../../images/sub/pf_traffic1.jpg") no-repeat;background-position: 50% 75%;background-size: cover;height:340px;position: relative;display: inline-block;width: 100%;margin-bottom: 30px;display: flex;justify-content: center;align-items: center;}

/* 플랫폼소개 - 스마트시티챌린지 */
.pf_smartct .page-tab ul li{width:25% !important;}
.pf_smartct .img_tit_box{background: url("../../images/sub/pf_smartct.jpg") no-repeat;background-position: 50% 75%;background-size: cover;height:340px;position: relative;display: inline-block;width: 100%;margin-bottom: 30px;display: flex;justify-content: center;align-items: center;}


/* 데이터개방 - 빅데이터현황 */
#container.sub .bigdata {}
#container.sub .bigdata .bd-dboard {background:#f8f8f8;margin-bottom: 20px;padding: 0px 5px;border: 1px solid #e9e9e9;border-radius: 10px;}
#container.sub .bigdata .bd-dboard .list{display:flex;justify-content:center;align-items:center;height: 100px;padding: 0 200px;}
#container.sub .bigdata .bd-dboard .list li {width:25%;}
#container.sub .bigdata .bd-dboard .list li p.tit-num {display:inline-block;padding-left:100px;position:relative;}
#container.sub .bigdata .bd-dboard .list li p.tit-num::before {content:"";display:block;width:80px;height:80px;position:absolute;top:50%;left:0;transform:translateY(-50%);}
#container.sub .bigdata .bd-dboard .list li.clss p.tit-num::before {background:url("../../images/sub/bigdata_icon01.svg") center no-repeat; background-size: 50px;}
#container.sub .bigdata .bd-dboard .list li.kind p.tit-num::before {background:url("../../images/sub/bigdata_icon03.svg") center no-repeat;background-size: 50px;}
#container.sub .bigdata .bd-dboard .list li.tot p.tit-num::before {background:url("../../images/sub/bigdata_icon03.svg") center no-repeat;background-size: 50px;}
#container.sub .bigdata .bd-dboard .list li.capa p.tit-num::before {background:url("../../images/sub/bigdata_icon04.svg") center no-repeat;background-size: 50px;}
#container.sub .bigdata .bd-dboard .list li p .tit {display:inline-block;font-size: 13px;background: #0c62c0;padding: 2px 9px;border-radius:15px;color: #fff;border: 1px solid #0c62c0;}
#container.sub .bigdata .bd-dboard .list li p .num {font-size:15px;display:block;}
#container.sub .bigdata .bd-dboard .list li p .num strong {font-size:26px;font-weight:bold;}
#container.sub .bigdata {}
#container.sub .bigdata .btn.view {background:#353950;border-radius:4px;color:#fff;}
#container.sub .bigdata .btn.view:hover{background: #484e6c;}
#container.sub .bigdata .table {}
#container.sub .bigdata .table th, .table td {vertical-align:middle !important;}
#container.sub .bigdata .table tbody tr:hover{background:#fafbff;}
#container.sub .bigdata .table tbody tr:nth-child(even) {background:#f6f8ff;}
#container.sub .bigdata .table tbody tr:nth-child(odd) {background:#fff;}

/* 빅데이터 - 빅데이터현황*/
.Bdata_layout{}
.Bdata_layout .Bdata_left {width: auto;display: inline-block;}
.Bdata_layout .Bdata_right {width: 100%;display: inline-block;float: right;}
#container.sub .Bdata_layout .bd-dboard {background: #fff;border: 1px solid #122b4f;border-radius: 5px;display:inline-block; width:100%;}
#container.sub .Bdata_layout .bd-dboard .list{padding: 0;display: flex;flex-direction: row;}
#container.sub .Bdata_layout .bd-dboard .list li {min-width: 290px;text-align: left;padding: 12px 10px;position: relative;border-right: 1px dashed #cdcdcd;}
#container.sub .Bdata_layout .bd-dboard .list li:last-child{border:none;}
#container.sub .Bdata_layout .bd-dboard .list li p.tit-num {position: relative;display:inline-block;padding-left: 0;display: inline-flex;align-items: center;width: 100%;height: 100%;}
#container.sub .Bdata_layout .bd-dboard .list li p.tit-num::before {content:"";display:block;width: 100%;height: 60px;position:absolute;top: 0;left:0;}
#container.sub .Bdata_layout .bd-dboard .list li p.tit-num > i {font-size: 20px;color: #bdc1c9;display: block;margin-right: 5px;}
/*#container.sub .Bdata_layout .bd-dboard .list li.clss p.tit-num::before {background:url("../../images/sub/bigdata_icon01.svg") center 18px no-repeat;background-size: 36px;}
#container.sub .Bdata_layout .bd-dboard .list li.kind p.tit-num::before {background:url("../../images/sub/bigdata_icon03.svg") center 18px no-repeat;background-size: 34px;}
 #container.sub .Bdata_layout .bd-dboard .list li.tot p.tit-num::before {background:url("../../images/sub/bigdata_icon02.svg") center no-repeat;background-size: 46px;} 
#container.sub .Bdata_layout .bd-dboard .list li.capa p.tit-num::before {background:url("../../images/sub/bigdata_icon04.svg") center 15px no-repeat;background-size: 39px;}*/
#container.sub .Bdata_layout .bd-dboard .list li p .tit {line-height: 1.3;display:inline-block;font-size: 14px;/* background: #0c62c0; *//* padding: 2px 9px; *//* border-radius:15px; */color: #6b6b6b;/* border: 1px solid #0c62c0; */font-weight: 500;}
#container.sub .Bdata_layout .bd-dboard .list li p .num {font-size: 13px;display:block;position: absolute;right: 0;}
#container.sub .Bdata_layout .bd-dboard .list li p .num strong {font-size: 18px;font-weight:bold;line-height: 15px;}

.cd_detail{width: 100%;background: url('../../images/sub/bg_bdata.svg') no-repeat #364695;/* padding: 20px; */border: 1px solid #0074cc;border-radius: 5px;display: inline-block;margin-bottom: 20px;background: url(../../images/sub/bg_bdata.svg) no-repeat #0074cc;height: auto;box-shadow: 0 3px 10px rgba(0,0,0,.2);position:relative;overflow:hidden;}
.cd_detail .cd_title{height: 44px;font-size:1.5rem;font-weight: 600;padding-bottom: 10px;/* border-bottom: 1px solid #d7d3f1; */width: 100%;position: relative;height: auto;display: inline-block;float: left;padding: 4px 20px;color: #fff;}
.cd_detail .cd_title a{position: absolute;right: 10px;bottom: 8px;font-size: 14px;color: #fff;z-index: 1;padding: 3px 10px;border-radius: 5px;font-weight: 400;}
.cd_detail .cd_title a:hover{background: rgba(0 0 0 / 15%);}
.cd_detail .cd_title a:after {content: '\eaca';font-family: 'icofont';font-weight: bold;position: relative;top: -1px;font-size: 12px;right: -3px;}
/* .cd_detail .cd_title a:before{content:'';background: #574c87;width:100%;left:0;height: 4px;display:inline-block;bottom: 2px;position: absolute;z-index: -1;} */
/* .cd_detail:after {content: '\e037';font-family: 'Material Icons';color: #3d326a;position: absolute;bottom: -21px;left: 50%;margin-left: -18px;display: inline-block;font-size: 24px;transform: rotate(90deg);} */
.cd_detail .cd_count_list{display: inline-block;width: 100%;/* background: #f2f1f9; *//* border: 1px solid #d7d3f1; */border-radius: 5px;float: left;height: 100%;background: #fff;border-radius: 0;}
.cd_detail .cd_count_list ul{height: calc( 100% - 40px);display: flex;align-items: center;padding: 12px 0;}
.cd_detail .cd_count_list ul li{float: left;width: 14.2%;text-align: center;display: inline-flex;align-items: center;justify-content: center;}
.cd_detail .cd_count_list ul li .ext{margin-right: 10px;}
.cd_detail .cd_count_list ul li p{font-size: 1.4rem;font-weight: bold;}
.cd_detail .cd_count_list ul li small{}
.cd_detail .cd_count_list .mark{font-size: .9rem;display: inline-block;width: 100%;border-top: 1px solid #e8e8f7;background: #fff;color: #6b6b6b;padding: 10px;}
.cd_detail .cd_count_list .mark i{font-size: 1rem;color: #dd2424;position: relative;top: 0px;}

.Bdatalist { margin-top: 10px; }
.Bdatalist  ul:after { content: ''; display: block; clear: both; }
.Bdatalist > ul{border-top: 1px solid #DFE3F6;border-left: 1px solid #DFE3F6;}
.Bdatalist > ul > li {float: left;width: 20%;border-right: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;border-left: 0;background-color: #fff;cursor:pointer;/* padding-bottom: 10px; */position:relative;}
.Bdatalist > ul > li.active{}
.Bdatalist > ul > li.active a{background: #fff;}
.Bdatalist > ul > li a:hover{z-index:1;}
.Bdatalist > ul > li.active a:after, .Bdatalist > ul > li a:hover:after{content:'';width: 100%;height: 100%;border: 1px solid #2f3a49;display: inline-block;left: 0;top: 0;position: absolute;margin-left: -1px;margin-top: -1px;z-index: 1;box-shadow: 0 2px 10px rgba(0,0,0,.2);}
.Bdatalist > ul > li:hover .cd_more:after {color: #2f3a49;border-color: #2f3a49;}
.Bdatalist > ul > li.active .title{background: #2f3a49;color: #fff;}
/* .Bdatalist  ul li:nth-child(5n+1) {border-left: 1px solid #DFE3F6;}
.Bdatalist  ul li:nth-child(n+6) { border-top: 0; } */
.Bdatalist  ul li a{position: relative;padding: 0;display: inline-block;width: 100%;text-align:center;}
.Bdatalist  ul li span { display: block; }
.Bdatalist  ul li .title {/* margin-bottom: 12px; *//* line-height: 21px; */font-size: 16px;font-weight: 500;/* color: #ffffff; */border-bottom: 1px solid #e8e8e8;PADDING: 10px;/* display: inline-block; *//* background: #515c93; */background: #f8f8f8;text-align:center;}
.Bdatalist  ul li .cnt_box{/* position: absolute; *//* right: 10px; *//* bottom: 10px; *//* text-align: right; */padding: 10px;}
.Bdatalist  ul li .cnt_box li{border-left: none;width: 50%;display: inline-block;text-align: center;float: left;margin-right: 0px;}
.Bdatalist  ul li .cnt_box li:last-child{border:none;}
.Bdatalist  ul li .cnt_box li:nth-child(2n-1){border-right: 1px solid #e8e8e8;}
.Bdatalist  ul li .cnt_box li:nth-child(3), .Bdatalist  ul li .cnt_box li:nth-child(4){border-top: 1px solid #dfe3f6;}
.Bdatalist  ul li .cnt_box li .cnt_tit{color: #7c7c7c;font-size: 13px;display: inline-block;border-radius: 30px;padding: 2px 5px;white-space:nowrap;}
.Bdatalist  ul li .cnt_box li .type1{}
.Bdatalist  ul li .cnt_box li .type2{}
.Bdatalist  ul li .cnt {font-size: 22px;font-weight: bold;transition:all .5s;color: #000;}
.Bdatalist  ul li .cnt:hover{/* transform:rotateY(360deg); */}
.Bdatalist  ul li .total{font-size: 15px;font-weight: 500;}
.Bdatalist  ul li .cd_more{position: absolute;right: 10px;top: 8px;z-index: 1;}
.Bdatalist  ul li .cd_more:after{content: '\efc2';font-family: 'icofont';font-size: 10px;color: #ccc;border: 2px solid #ccc;width: 17px;height: 17px;border-radius: 6px;text-align: center;line-height: 17px;display: inline-block;}
.Bdatalist > ul > li.active .cd_more:after{color: #fff;border: 2px solid #fff;}


@media (max-width: 1200px) {	
	.cd_detail{height: 190px;}
	.cd_detail .cd_count_list{}
	.cd_detail .cd_count_list ul li{width: 25%;padding: 10px 0;}
	.cd_detail .cd_count_list ul li p{font-size:1.2rem;padding-top:5px;}
	.cd_detail .cd_count_list ul{display:inline-block;width: 100%;}

	.Bdatalist > ul > li {width:33.333333%;}
	/*.Bdatalist  ul li:nth-child(n+4) { border-top: 0; }
	.Bdatalist  ul li:nth-child(5n+1) { border-left: 0; }
	.Bdatalist  ul li:nth-child(3n+1) { border-left: 1px solid #DFE3F6; }*/
	
}
@media (max-width: 768px) {
	.Bdata_layout .Bdata_left{width: 100%;position: relative;padding-bottom: 10px;}
	#container.sub .Bdata_layout .bd-dboard .list li{width: 100%;border-right:0;border-bottom:1px dashed #cdcdcd;display: inline-block;padding: 10px 10px 5px;float: left;}
	#container.sub .Bdata_layout .bd-dboard .list li p.tit-num::before{display:none;}
	.Bdata_layout .Bdata_right{width: 100%;}

	.cd_detail{height: auto;}
	.cd_detail .cd_count_list{width:100%;padding:10px 0 0;}
	.cd_detail .cd_count_list .mark{font-size:.8rem;}
	.cd_detail .cd_title{width: 100%;font-size: 1.4rem;padding: 4px 20px;}
	.cd_detail .cd_count_list ul li{padding: 5px 0;}
	.cd_detail .cd_count_list ul li p{font-size:.9rem;}
	
	.Bdatalist > ul > li {width:50%;}
	/*.Bdatalist  ul li:nth-child(n+3) { border-top: 0; }
	.Bdatalist  ul li:nth-child(5n+1) { border-left: 0; }
	.Bdatalist  ul li:nth-child(3n+1) { border-left: 0; }
	.Bdatalist  ul li:nth-child(2n+1) { border-left: 1px solid #DFE3F6; }*/
	.Bdatalist ul li .title{font-size:.9rem;}
	.Bdatalist ul li .cnt_box li .cnt_tit{font-size:.7rem;padding:0;}
	
	#container.sub .Bdata_layout .bd-dboard .list {flex-direction: column;}

}



/* 플랫폼소개 - 이용가이드 */
#container.sub .guide {}

#container.sub .guide .guides {border-top:1px solid #000;}
#container.sub .guide .guides .guide_cont {display:flex;width:100%;gap:3%;padding: 30px 0;border-bottom:1px solid #e9e9e9;min-height: 180px;align-items: center;}
#container.sub .guide .guides .guide_cont:last-child {}
#container.sub .guide .guides .guide_cont .cont_tit:before{display:none !important;}
#container.sub .guide .guides .guide_cont .img-box {width:20%;height: 110px;}
#container.sub .guide .guides .guide_cont .txt-box {width:77%;}
#container.sub .guide .guides .guide_cont .txt-box .tit{font-size:1.2rem; font-weight:bold; padding-bottom:10px;}
#container.sub .guide .guides .guide_cont .txt-box > .guide_list {padding-bottom: 0;}
#container.sub .guide .guides .guide_cont .txt-box .guide_list > li {font-size: 17px;color:#333;padding-left: 13px;margin-bottom:5px;position:relative;font-weight:400;}
#container.sub .guide .guides .guide_cont .txt-box .guide_list > li::before {content:"";display:inline-block;width:5px;height:5px;background: #555;position:absolute;top: 10px;left: 2px;border-radius: 2px;}
#container.sub .guide .guides .guide_cont .txt-box .guide_list > li ul.depth2{padding: 10px 10px 0;}
#container.sub .guide .guides .guide_cont .txt-box .guide_list > li ul.depth2 li{font-size:16px;}
#container.sub .guide .guides .guide_cont .txt-box .guide_list > li ul.depth2 li::before{content:"";display:inline-block;border-radius: 2px;width: 9px;height:2px;background: #777;position:absolute;top: 10px;left:0;}
#container.sub .guide .guides .guide_cont:nth-child(1) .img-box{background: url("../../images/sub/guide_icon1.svg") center center no-repeat;background-size: 160px;}
#container.sub .guide .guides .guide_cont:nth-child(2) .img-box{background: url("../../images/sub/guide_icon2.svg") center center no-repeat;background-size: 160px;}
#container.sub .guide .guides .guide_cont:nth-child(3) .img-box{background: url("../../images/sub/guide_icon3.svg") center center no-repeat;background-size: 160px;}
#container.sub .guide .guides .guide_cont:nth-child(4) .img-box{background: url("../../images/sub/guide_icon4.svg") center center no-repeat;background-size: 160px;}
#container.sub .guide .guide_cont.list {margin-top:70px;}
#container.sub .guide .guide_cont.list li {border:1px solid #e9e9e9;flex:1;box-sizing:border-box;padding: 90px 20px 110px;position:relative;box-shadow: 0 10px 15px rgba(0,0,0,.05);border-radius: 10px;width:32%;margin-right:2%; float:left; min-height:470px;}
#container.sub .guide .guide_cont.list li:nth-child(1){background: url("../../images/sub/guide_bt_icon1.svg") 20px 20px no-repeat; }
#container.sub .guide .guide_cont.list li:nth-child(2){background: url("../../images/sub/guide_bt_icon2.svg") 20px 20px no-repeat;}
#container.sub .guide .guide_cont.list li:nth-child(3){background: url("../../images/sub/guide_bt_icon3.svg") 20px 20px no-repeat; margin-right:0;}
#container.sub .guide .guide_cont.list li .tit {font-size: 22px;font-weight: 600;display: flex;margin-bottom:20px;color: #000;border-bottom: 1px solid #ddd;min-height: 80px;align-items: center;}
#container.sub .guide .guide_cont.list li .txt {font-size: 16px;color: #666;}
#container.sub .guide .guide_cont.list li .block {display:block;font-weight:500;margin-top:10px;font-size:17px;}
#container.sub .guide .guide_cont.list li .btn {/* width:calc(100% - 40px); */position:absolute;height:47px;padding:15px;bottom:20px;background: #fff;border-radius: 5px;font-size: 15px;right: 20px;border: 1px solid #e9e9e9;}
#container.sub .guide .guide_cont.list li .btn:hover{background:#0c62c0;color:#fff;}
#container.sub .guide .guide_cont.list li {}

/* sub_1 데이터찾기 */
#container.sub .search.type1 {/* margin-bottom: 90px; */text-align: center;}
#container.sub .search.type1 .formbox {width: 100%;max-width: 600px;margin: 0 auto 20px;border: 3px solid #0074cc;position: relative;display: inline-block;border-radius: 5px;}
#container.sub .search.type1 .formbox form:after { content: ''; display: block; clear: both; }
#container.sub .search.type1 .formbox input {display: block;float: left;width: calc(100% - 65px);height: 65px;padding: 0 15px;border: 0;font-size: 18px;}
#container.sub .search.type1 .formbox button {position: absolute;right: -1px;float: left;width: 65px;height: 65px;background: #0074cc;}
#container.sub .search.type1 .formbox button:before { content: ''; position: absolute; display: block; width: 25px; height: 25px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url('../../images/main/search_ic.svg') no-repeat center; }
#container.sub .search.type1 .formbox button span { display: none; }
#container.sub .search.type1 .pop_keyword { width: 100%; max-width: 620px; margin: 0 auto; }
#container.sub .search.type1 .pop_keyword:after { content: ''; display: block; clear: both; }
#container.sub .search.type1 .pop_keyword .tit { float: left; margin-right: 20px; font-size: 15px; font-weight: bold; }
#container.sub .search.type1 .pop_keyword ul { float: left; }
#container.sub .search.type1 .pop_keyword ul:after { content: ''; display: block; clear: both; }
#container.sub .search.type1 .pop_keyword ul li { float: left; margin-left: 10px; }
#container.sub .search.type1 .pop_keyword ul li:first-child { margin-left: 0; }
#container.sub .search.type1 .pop_keyword ul li:before { content: '#'; }
#container.sub .search.type1 .pop_keyword ul li a { font-size: 15px; font-weight: 400; }



#container.sub .total_cnt { margin-bottom: 40px; text-align: center; }
#container.sub .total_cnt span {/* font-size: 35px; */font-size:32px;font-weight: 500;}
#container.sub .total_cnt span.cnt {color:#e91e63;position:relative;font-weight: bold;}
#container.sub .total_cnt span.cnt:before{content:'';background: #555;height: 1px;width: calc( 100% + 30px );display:inline-block;position:absolute;left:0;bottom: 3px;z-index:0;}


#container.sub .search_box { margin-bottom: 50px; }
#container.sub .search_box .title {padding-bottom: 5px;}
#container.sub .search_box .title:after { content: ''; display: block; clear: both; }
#container.sub .search_box .title > span {font-size: 18px;font-weight: 600;color: #333;}
#container.sub .search_box .title .clear { position: relative; float: right; top: 5px; }
#container.sub .search_box .title .clear button {padding-left: 20px;background: url('../../images/sub/clear.png') no-repeat left center;text-decoration: underline;cursor:pointer;font-size: .8rem;}
#container.sub .search_box .title .clear button span {  }
#container.sub .search_box .search_list { border:1px solid #e9e9e9; }
#container.sub .search_box .search_list:after { content: ''; display: block; clear: both; }
#container.sub .search_box .search_list .item { width:33.333333%; float: left; border-left: 1px solid #e9e9e9; }
#container.sub .search_box .search_list .item:first-child { border-left: 0; }
#container.sub .search_box .search_list .item .tit {padding: 10px 0;text-align: center;background:#f8f8f8;font-size: .9rem;}
#container.sub .search_box .search_list .item .checklist { padding: 10px; height: 180px; overflow: scroll; }
#container.sub .search_box .search_list .item .checklist ul li {display: flex;margin-top: 8px;gap:5px;font-size: .86rem;}
#container.sub .search_box .search_list .item .checklist ul li:first-child { margin-top: 0; }
#container.sub .search_box .search_list .item .checklist ul li input { width: auto; }
#container.sub .search_box .search_list .item .checklist ul li label {font-weight: 400;}
#container.sub .search_box .search_control { }
#container.sub .search_box .search_control:after { content: ''; display: block; clear: both; }
#container.sub .search_box .search_control a { float: left; margin-top: 10px; font-size: 15px; font-weight: 400; }
#container.sub .search_box .search_control a span:after { content: '\efc2'; font-family: 'icofont'; position: relative; margin-left: 3px; top: -1px; font-size: 12px; }
#container.sub .search_box .search_control button {float: right;padding: 5px 13px;background-color: #555;cursor:pointer;/* border-bottom-right-radius: 10px; *//* border-bottom-left-radius: 10px; */font-size:.8rem;}
#container.sub .search_box .search_control button span { color: #fff; }
#container.sub .search_box .search_control button span:after { content: '\eab9'; font-family: 'icofont'; font-size: 15px; }
#container.sub .search_box .search_control button.up span:after { content: '\ea99'; }

#container.sub .search_box2 {margin-bottom: 50px;box-shadow: 0 3px 10px rgba(0,0,0,.2);border:1px solid #2f3a49;border-radius: 10px !important;overflow: hidden;background: #f1f2f3;}
#container.sub .search_box2 .search_top{position: relative;background:#2f3a49;padding: 7px 15px;}
#container.sub .search_box2 .title {font-size: 1.1rem;font-weight: 500;color: #fff;text-align:left;}
#container.sub .search_box2 .title:after { content: ''; display: block; clear: both; }
#container.sub .search_box2 .search_top span {font-size: .9rem;color: #fff;font-weight: 400;}
#container.sub .search_box2 .search_clear{padding-left: 20px;/* text-decoration: underline; */cursor:pointer;color: #000;position: absolute;right: 20px;bottom: 10px;font-size: .9rem;}
#container.sub .search_box2 .search_clear:before{content: '\efd1';font-family: 'icofont';}
#container.sub .search_box2 .search_toggle{position: absolute;top: 50%;right: 10px;margin-top: -20px;padding: 8px 10px;border-radius:5px;}
#container.sub .search_box2 .search_toggle span:after { content: '\ea99'; font-family: 'icofont'; font-size: 15px; }
#container.sub .search_box2 .search_toggle.up{}
#container.sub .search_box2 .search_toggle.up span:after { content: '\eab9'; }
#container.sub .search_box2 .search_toggle:hover{/* background:#e9e9e9; */}
#container.sub .search_box2 .search_list {border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;}
#container.sub .search_box2 .search_list:after { content: ''; display: block; clear: both; }
#container.sub .search_box2 .search_list .item { width:33.333333%; float: left; border-left: 1px solid #e9e9e9; }
#container.sub .search_box2 .search_list .item:first-child {border-left: 0;}
#container.sub .search_box2 .search_list .item .tit {padding: 4px 10px;/* text-align: center; *//* background:#f8f8f8; */font-size: .9em;font-weight: 500;text-align:left;background:#fff;border-bottom: 1px solid #e9e9e9;}
#container.sub .search_box2 .search_list .item .checklist {background: #fff;padding:0 10px;height: 180px;overflow: scroll;}
#container.sub .search_box2 .search_list .item .checklist ul li {display: flex;margin-top: 8px;gap:5px;font-size: .86rem;width: 50%;float: left;}
#container.sub .search_box2 .search_list .item .checklist ul li:first-child {/* margin-top: 0; */}
#container.sub .search_box2 .search_list .item .checklist ul li input { width: auto; }
#container.sub .search_box2 .search_list .item .checklist ul li label {font-weight: 400;}
.last-w100{}
.last-w100 li:last-child{width:100% !important;}
.data_bg{background:#f8f8f8;position: relative;}
.data_bg:before{content:'';background: url("../../images/sub/data_bg_pt.svg") left top no-repeat;display: inline-block;position: absolute;width: 820px;height: 300px;top: 0;background-size: 800px;}

#container.sub .search_box2 .search_select{display: inline-block;width: 100%;border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;/* border-bottom: 1px solid #e9e9e9; */padding:10px 15px;position: relative;padding-right: 100px;background: transparent;min-height: 110px;height: auto;}
#container.sub .search_box2 .search_select ul{}
#container.sub .search_box2 .search_select ul li{float: left;padding: 5px 25px 5px 5px;position:relative;font-size:.9rem;}
#container.sub .search_box2 .search_select ul li .select_del{cursor:pointer;width: 18px;height: 18px;display: inline-block;text-align: center;line-height: 17px;border-radius: 5px;margin-left: 2px;}
#container.sub .search_box2 .search_select ul li .select_del:before{content: '\eee4'; font-family: 'icofont';}
#container.sub .search_box2 .search_select ul li .select_del:hover{background:#e9e9e9;}
#container.sub .search_box2 .btn-apply{position: absolute;top: 50%;right: 10px;margin-top: -18px;padding: 10px 10px;border-radius:5px;background:#e9e9e9;}
#container.sub .search_box2 .search_select .btn{position:absolute; right:10px; top:10px;box-shadow:0 3px 10px rgb(55 126 191 / 40%);background:#014187 !important;}
#container.sub .search_box2 .search_select .btn:after{content: '\ed1b'; font-family: 'icofont';padding-left:5px;font-weight:600;}
.search_box2 .search_input{padding:10px;border-left:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;border-right:1px solid #e9e9e9;}
.search_box2 .search_input .input_box{width: 100%;max-width: 360px;position: relative;} 
.search_box2 .search_input input{/* max-width:340px; */padding-right: 50px;}
.search_box2 .search_input button{position: absolute;right: 0;font-size: 0;width: 44px;height: 44px;}
.search_box2 .search_input button:after{content: '\ed1b';font-family: 'icofont';font-size: 20px;font-weight: bold;}

/* #container.sub .search_box2 .select_list{border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;padding: 10px 15px;display: inline-block;width: 100%;}
#container.sub .search_box2 .select_list ul{}
#container.sub .search_box2 .select_list ul li{width: calc(50% - 15px);float: left;margin-right: 30px;position: relative;margin-bottom:20px;}
#container.sub .search_box2 .select_list ul li .p_cont{border: 1px solid #e9e9e9;padding:20px;border-radius: 5px;box-shadow: 0 2px 6px rgba(0,0,0,.1);}
#container.sub .search_box2 .select_list ul li .tit {font-size: 22px;font-weight: 500;overflow: hidden;text-overflow:ellipsis;width: 100%;max-height: 50px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;padding-bottom:7px;padding-right: 90px;}
#container.sub .search_box2 .select_list ul li:last-child{margin-right:0;}
#container.sub .search_box2 .select_list ul li .select_del{cursor:pointer;width: 18px;height: 18px;display: inline-block;text-align: center;line-height: 17px;border-radius: 5px;margin-left: 2px;position:absolute;right: 10px;top: 10px;}
#container.sub .search_box2 .select_list ul li .select_del:before{content: '\eee4'; font-family: 'icofont';}
#container.sub .search_box2 .select_list ul li .select_del:hover{background:#e9e9e9;}
#container.sub .search_box2 .select_list ul li .cont {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-bottom: 10px;color: #999;font-weight: 400;font-size: 1rem;height: 3rem;overflow: hidden;}
#container.sub .search_box2 .select_list ul li .info {padding-top: 20px;}
#container.sub .search_box2 .select_list ul li .info ul:after { content: ''; display: block; clear: both; }
#container.sub .search_box2 .select_list ul li .info ul li { float: left; display: flex; margin-right: 25px;width:auto;margin-bottom:0;}
#container.sub .search_box2 .select_list ul li .info ul li:first-child { margin-left: 0; }
#container.sub .search_box2 .select_list ul li .info ul li label {margin-right: 15px;font-size: 14px;font-weight: 500;}
#container.sub .search_box2 .select_list ul li .info ul li span {font-size: 14px;color: #777;}
 */


/* 탭
#container.sub .list_tab {margin-bottom: 20px;}
#container.sub .list_tab ul:after { content: ''; display: block; clear: both; }
#container.sub .list_tab ul li {float: left;width: 25%;text-align: center;}
#container.sub .list_tab ul li a {position: relative;display: block;padding: 13px 40px;border: 1px solid #dadada;border-left: 0;}
#container.sub .list_tab ul li:first-child a { border-left: 1px solid #dadada; }
#container.sub .list_tab ul li a.selected {border: 1px solid #673ab7;background: #f9f5ff;box-shadow: 0 2px 6px rgb(0 0 0 / 20%);}
#container.sub .list_tab ul li a.selected:before {content: '';position: absolute;width: calc(100% + 1px);height: 1px;left: -1px;bottom: -1px;}
#container.sub .list_tab ul li a span { font-weight: 500; font-size: 15px; }
#container.sub .list_tab ul li a.selected span {color: #673ab7;font-weight:bold;}
*/
#container.sub .list_tab {margin-bottom: 20px;border-bottom: 1px solid #673ab7;}
#container.sub .list_tab ul:after { content: ''; display: block; clear: both; }
#container.sub .list_tab ul li {float: left;width: 25%;text-align: center;}
#container.sub .list_tab ul li a {position: relative;display: block;padding: 15px 50px;border: 1px solid #dadada;border-left: 0;border-bottom: 0;background:#fff;}
#container.sub .list_tab ul li:first-child a { border-left: 1px solid #dadada; }
#container.sub .list_tab ul li a.selected {border: 1px solid #673ab7;border-bottom: 0;background: #fff;}
#container.sub .list_tab ul li a.selected:before { content: ''; position: absolute; width: calc(100% + 1px); height: 1px; left: -1px; bottom: -1px; background-color: #fff; }
#container.sub .list_tab ul li a span {font-weight: 500;font-size: 16px;color: #4e4e4e;}
#container.sub .list_tab ul li a.selected span {color: #673ab7;font-weight:bold;}

#container.sub .sort_list { float: right; margin-bottom: 30px; }
#container.sub .sort_list:after { content: ''; display: block; clear: both; }
#container.sub .sort_list .select { float: left; margin-left: 5px; }
#container.sub .sort_list .select select { display: inline-block; width: auto;border: 1px solid #cccccc;font-size:.9rem;}


.itemlist {  }
.itemlist .item { display:block; margin-bottom:70px;}
.itemlist .item:last-child { margin-bottom: 0; }
.tabContent .list_cont {display:none;}
.tabContent .list_cont.selected {display:block;}
.itemlist .list_cont {}
.itemlist .item .title {margin-bottom: 20px;}
.itemlist .item .title > span {font-size: 22px;font-weight: 600;color: #000;}
.itemlist .item .title a {float: right;color: #666;font-size: 14px;}
.itemlist .item .title a:after {content: '\eab8';font-family: 'icofont';position: relative;top: 1px;font-size: 16px;}
.itemlist .item .list {/* border: 1px solid #e9e9e9; */ display:inline-block; width:100%;}
.itemlist .openapi .title {border-bottom: 2px solid #475dc5;}
.itemlist .dataset .title {border-bottom: 2px solid #333d76;}
.itemlist .openapi .title > span {color: #475dc5;}
.itemlist .dataset .title > span {color: #333d76;}
.itemlist .filedata .list {/* border-top: 2px solid #000; */}
/* .itemlist .item.openapi .list {border-top: 2px solid #475dc5;}
.itemlist .item.dataset .list {border-top: 2px solid #333d76;} */

/* .itemlist .item .list > ul > li {position: relative;display:table;width:100%;color:#333;margin-bottom: 20px;box-shadow: 0 3px 10px rgb(0 0 0 / 10%);border-radius: 5px;} */
.itemlist .item .list > ul > li {position: relative;width:calc(50% - 15px);margin-right:30px; color:#333;margin-bottom: 20px;border-radius: 5px;float:left;}
.itemlist .item .list > ul > li:nth-child(2n){margin-right:0;}
/* .itemlist .item .list ul li .part {margin-bottom: 10px;}
.itemlist .item .list ul li .part:after { content: ''; display: block; clear: both; }
.itemlist .item .list ul li .part span {display: inline-block;padding: 2px 7px;border: 1px solid;font-size: 12px;}
.itemlist .item .list ul li .part span + span {}
.itemlist .item .list ul li .part span.type1 { border-color: #d1b783; color: #835d22;background:#fff; }
.itemlist .item .list ul li .part span.type2 { border-color: #e6aab1; color: #bc535f;background:#fff; } */
.itemlist .item .list ul li .item_box {width: 100%;display: flex;padding-top:20px;border: 1px solid #e9e9e9;border-radius: 10px;align-items: center; box-shadow: 0 3px 10px rgba(0,0,0,.1);background:#fff;}
.itemlist .item .list ul li .item_box:hover{border:1px solid #7685cf;background: #ECF0FF;}

.item .item_box .tit {margin: 10px 0 5px 0;}
.item .tit {font-size: 22px;font-weight: 600;overflow: hidden;text-overflow:ellipsis;width: 100%;max-height: 50px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;padding-bottom:7px;padding-right: 90px;}
.itemlist .item .list ul li .cont { display: block; color: #666;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;    -webkit-box-orient: vertical; }
.p_num{display: inline-block;text-align: center;margin-right: 5px;}
.p_num strong{background: #e9e9e9;width: 58px;height: 34px;border-radius: 20px;padding: 0 !important;font-size: 16px !important;display: inline-flex;justify-content: center;align-items: center;}
.p_cont{width: 100%;/* padding-right: 100px; */display: flex;padding-right: 0;align-items: flex-start;flex-direction: column;}
.p_cont .p_txt{width: 100%;display: inline-block;}
.p_cont .p_txt > div {padding: 0 20px;}
.cg_gubn{padding-bottom: 10px;}
.cg_gubn .cg{font-size: 14px;display: inline-block;padding-right: 20px;position:relative;font-weight: 500;/* color: #5D78FF; */}
.cg_gubn .cg:after{content:'';background: #b8b9c1;width:1px;height: 12px;display:inline-block;position:absolute;right: 7px;top: 4px;}
.cg_gubn .cg:last-child:after{display:none;}
.item .info {background: #f5f5f5;border-top: 1px solid #e5e5e5;margin-top:20px;padding:10px 20px !important;border-radius: 0 0 10px 10px;}
.item .info ul:after { content: ''; display: block; clear: both; }
.item .info ul li { float: left; display: flex; margin-right: 25px; }
.item .info ul li:first-child { margin-left: 0; }
.item .info ul li label {margin-right: 15px;font-size: 14px;font-weight: 500;}
.item .info ul li span {font-size: 14px;color: #777;}
.item .list ul li .preview { position: absolute; top: 23px; right: 19px; text-decoration: underline; color: #666; }
.item .list ul li .link { position: absolute; padding: 5px 7px; margin-bottom: 0; bottom: 20px; right: 19px; border: 1px solid #666; color: #222; }
.item .list ul li .link i { margin-right: 3px; }
.item .select_del{cursor:pointer;width: 18px;height: 18px;display: inline-block;text-align: center;line-height: 17px;border-radius: 5px;margin-left: 2px;position:absolute;right: 10px;top: 10px;}
.item .select_del:before{content: '\eee4'; font-family: 'icofont';}
.item .select_del:hover{background:#e9e9e9;}


.itemlist .item .selfList ul li .item_box{cursor: pointer;}
.itemlist .item .selfList ul li.chk_on{}
.itemlist .item .selfList ul li.chk_on .item_box{border:1px solid #7685cf;background: #ECF0FF;}
.itemlist .item .selfList ul li .item_chk{position:absolute;right: 88px;top: 15px;z-index:1;display: inline-block;width: 37px;height: 37px;cursor:pointer;}
.itemlist .item .selfList ul li .item_chk:before{content: '\eed8';font-family: 'icofont';position: absolute;right: 0;top: 0;width: 37px;height: 37px;background: #fff;text-align: center;line-height: 35px;font-size: 1.5rem;border: 2px solid #ccc;color: #ccc;border-radius: 5px;}
.itemlist .item .selfList ul li.chk_on .item_chk:before{background: #fff;border-color:#7685cf;color:#7685cf;}

/* 데이터 포맷 */
.ext {margin-right: 5px;padding: 0 6px;font-size: 12px !important;color: #fff !important;background-color: #222;display:inline-block;height: 20px;white-space:nowrap;line-height: 20px;}
.xlsx {background-color: #2bab9e !important;}
.xml {background-color: #6b4ba5 !important;}
.hwp {background-color: #ed9b22 !important;}
.csv {background-color: #596bc3 !important;}
.json {background-color: #dd2563 !important;}
.jpg {background-color: #9c27b0 !important;}
.XLSX{background-color: #2bab9e !important;}
.XML {background-color: #6b4ba5 !important;}
.HWP {background-color: #ed9b22 !important;}
.CSV {background-color: #596bc3 !important;}
.JSON {background-color: #dd2563 !important;}
.JPG {background-color: #9c27b0 !important;}


.ic-price{position: absolute;top: 15px;right: 20px;width: 58px !important;height: 36px !important;line-height: normal !important;text-align: center;border-radius: 5px !important;color: #fff;display: inline-flex;align-items: center;justify-content: center;}
.free{background: #5A5C72;}
.pay{background: #DD2563;}
.free span{}
.pay span


/* 신규 인기 공공데이터 li 홀짝 배경 */
.itemlist .item .list ul li.thead .td{font-weight:bold;}
/* .itemlist .item .list > ul > li:nth-child(even) {background:#f7f7f9;} */
.itemlist .item .list ul li .td {display:table-cell;vertical-align:middle;text-align:center;}
.itemlist .item .list ul li .td:nth-child(1) {width:7%;}
.itemlist .item .list ul li .td:nth-child(2) {width: 13%;text-align: center;}
.itemlist .item .list ul li .td:nth-child(3) {width:20%;;}
.itemlist .item .list ul li .td:nth-child(4) {width:20%;}
.itemlist .item .list ul li .td:nth-child(5) {width:10%;}
.itemlist .item .list ul li .td:nth-child(6) {width:15%;}
.itemlist .item .list ul li .td:nth-child(7) {width:15%;}
.item .detail{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-bottom: 10px;color: #999;font-weight: 400;font-size: 1rem;height: 3rem;overflow: hidden;}


/* 인기데이터 */
/* .itemlist .item .list.plist{border: none;}
.itemlist .item .list.plist > ul{}
.itemlist .item .list.plist > ul > li{display: flex;align-items: center;margin-bottom:20px;border: none;}
.itemlist .item .list.plist > ul > li a {}
.itemlist .item .list.plist > ul > li a span.tit{}
.itemlist .item .list.plist .link{font-size: 13px;background: #f8f8f8;border-color: #e9e9e9;padding: 5px 10px;}
.itemlist .item .list.plist .link:hover{background:#f2f2f2;} */

.itemlist .item .plist > ul > li{width:100% !important;}
.itemlist .item .plist .p_cont .p_txt{display:flex;align-items: flex-start;flex-direction: column;}
.itemlist .item .plist .p_cont .p_txt .tit{padding-bottom:0;}
.itemlist .item .plist .p_cont .info{width: 100%;}
.itemlist .item .plist .p_cont .ic-price{border-radius: 20px;height: 30px;line-height: 30px;width: auto;padding: 0 11px;}
.itemlist .item .plist .p_cont .info ul li:nth-child(1){width: 110px;}
.itemlist .item .plist .p_cont .info ul li:nth-child(2){width: 115px;}
.itemlist .item .plist .p_cont .info ul li:last-child{margin-right:0;}

/* 240112 추가 */
.itemlist .filedata .plist > ul {display: flex; flex-wrap: wrap;gap: 20px;justify-content: space-between;}
.itemlist .filedata .plist > ul > li {width: calc(50% - 10px) !important;margin: 0;}
@media screen and (max-width: 768px){
	.itemlist .filedata .plist > ul {flex-direction: column;}
	.itemlist .item .list ul li {width: 100% !important;}
}
/* 셀프분석 - 하단fixed */
.fixed_itemlist{background: #f5f5f5;bottom: -200px;position: fixed;left: 50%;max-width: 1500px;height: 200px;z-index: 1;box-shadow: 0 -3px 20px rgb(0 0 0 / 20%);transition: all .2s;/* border-top: 2px solid #000000; */transform: translateX(-50%);border-top-left-radius: 10px;border-top-right-radius: 10px;width: 100%;}
.fixed_itemlist.active{bottom:0;}

.self_box{/* padding-right: 140px; */max-width: 100%;margin: 0 auto;position: relative;height: 100%;}
.self_box .title {font-size: 1.2rem;font-weight: 600;color: #fff;position: relative;background: #000;border:none;padding: 10px 20px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.self_box .title:after { content: ''; display: block; clear: both; }
.self_box .self_toggle{position: absolute;top: 50%;right: 10px;margin-top: -20px;padding: 8px 10px;border-radius:5px;color:#fff;}
.self_box .self_toggle span:after { content: '\ea99'; font-family: 'icofont'; font-size: 15px; }
.self_box .self_toggle.up{}
.self_box .self_toggle.up span:after { content: '\eab9'; }
.self_box .self_toggle:hover{/* background:#e9e9e9; */}
.self_box .list{position: relative;padding: 20px 0 15px 0px;display: inline-block;width: calc(100% - 220px);overflow-x: auto;margin-right: 140px;/* height: 136px; */border-radius: 7px;margin-left: 10px;}
.self_box .list ul{display: flex;}
.self_box .list li{float: left;width:25%;flex-shrink: 0;-webkit-flex-shrink: 0;}
.self_box .list li .item_box{border: 1px solid #e9e9e9;margin: 0 9px;box-shadow: 0 2px 6px rgba(0,0,0,.2);padding: 10px;background:#fff;position:relative;min-height: 100px;border-radius:10px;}
.self_box .list li:nth-child(3n) .item_box{/* margin-right:0; */}
.self_box .list li .item_box .cg_gubn{padding: 0;/* width: 120px; *//* display: inline-block; */}
.self_box .list li .item_box .tit{width: calc(100% - 110px);display: inline;font-size: 1.1rem;}
.self_box .list .no_data{padding: 100px 0 30px;border: 2px dashed #c7cad9;margin: 0;color: #aaa;}
.self_box .list .no_data:before{content: '\efb6';font-family: 'icofont';top: 20px;color: #aaa;}
.self_box .select_del{cursor:pointer;width: 18px;height: 18px;display: inline-block;text-align: center;line-height: 17px;border-radius: 5px;margin-left: 2px;position:absolute;right: 10px;top:10px;}
.self_box .select_del:before{content: '\eee4'; font-family: 'icofont';}
.self_box .select_del:hover{background:#e9e9e9;}
.self_box .btWrap{position: absolute;right: 20px;bottom: 30px;width:auto !important;}
.self_box .btWrap .btn{box-shadow: 2px 5px 12px rgb(0 0 0 / 35%);}
.self_box .count{display: inline-block;font-weight:400;font-size: 1.3rem;color:#555;position: absolute;right: 20px;top: 60px;width: 180px;text-align: center;}

.non_fixed{position: relative;width: 100%;transition: auto;height: auto;margin: 0;box-shadow: 0 3px 10px rgba(0,0,0,.2);border-radius: 10px;}
.non_fixed .self_box{width:auto;padding: 0;width: 100%;overflow: hidden;border-radius: 10px;border:1px solid #122e56;}
.non_fixed .self_box .title {padding: 15px 20px;}
.non_fixed .self_box .list{height: auto;width: 100%;margin: 0;padding: 30px 10px 0;/* border: 0; */min-height: 130px;}
.non_fixed .self_box .btWrap{position:relative;text-align:center;top: auto;bottom: 10px;left: 0;margin: 30px 0;}
.non_fixed .self_box .btWrap button{}
.non_fixed .self_box .count{position: initial;font-size: 1rem;width: auto;padding-left: 10px;color: #fff;}
.non_fixed .self_box .list ul{display:block;}
.non_fixed .self_box .list li{padding-bottom:10px;}
.non_fixed .self_toggle{display:none;}
.non_fixed .self_box:after{content:'\ef4c';font-family: 'icofont';position: absolute;right: 0;bottom: 0px;font-size: 12rem;width: 170px;height: 220px;overflow: hidden;color: #e4e4e4;z-index:-1;}
.fixed_bottom{position:relative;}
.fixed_position{font-size:0;}


.data-view .self_box{background:#f5f5f5;}
.data-view .self_box .item_box{}
.data-view .self_box .item .list{}
.data-view .self_box .list li .tit{font-size: 22px;font-weight: 500;overflow: hidden;text-overflow:ellipsis;width: 100%;max-height: 50px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;padding-bottom:7px;padding-right:10px;}
.data-view .self_box .list li{width: 33.3333%;padding-bottom:20px;}
.data-view .item .info ul li{padding-bottom:0;width: 100%;}

.data-view .self_box .list .del_data{position:relative;}
.data-view .self_box .list .del_data a{text-decoration:line-through;color:#777;}
.data-view .self_box .list .del_data span{text-decoration:line-through;color:#777;}
.data-view .self_box .list li.del_data_txt{display:none;}
.data-view .self_box .list .del_data .del_data_txt {position: absolute;z-index: 1;right: 20px;top: 10px;color: #ec0a0a;background: #ffe8e8;display:inline-block;}

.info_horiz{}
.info_horiz ul{}
.info_horiz li{}

 /*
.data-view .self_box{width:auto;padding: 0;width: 100%;overflow: hidden;border-radius: 10px;border: 1px solid #433f86;}
.data-view .self_box .title {padding: 15px 20px;}
.data-view .self_box .list{height: auto;width: 100%;margin: 0;padding: 30px 10px 0;min-height: 130px;}
.data-view .self_box .count{position: initial;font-size: 1rem;width: auto;padding-left: 10px;color: #fff;}
.data-view .self_box .list ul{display:block;}
.data-view .self_box .list li{padding-bottom:10px;}
.data-view .self_toggle{display:none;}
*/

/* sub_2 인구분석 */
#container.sub .search.type2 { margin-bottom: 45px; padding: 20px 15px; border: 1px solid #e9e9e9; border-radius: 10px; background-color: #F8F8F8; }
#container.sub .search.type2 label { margin-right: 40px; line-height: 46px; font-size: 18px; }
#container.sub .search.type2 select { width: 250px; padding: 10px; border: 1px solid #DFE3F6; font-size: 15px; background:#fff; }
#container.sub .search.type2 select + select { margin-left: 10px; }
#container.sub .search.type2 button.submit { width: 115px; margin-left: 10px; padding: 12px 0; border-radius: 5px; font-size: 15px; color: #fff; background: #4e5b9b !important; }

#container.sub .people_sort { margin-bottom: 60px; }
#container.sub .people_sort ul:after { content: ''; display: block; clear: both; }
#container.sub .people_sort ul li { float: left; width: 33.3%; text-align: center; }
#container.sub .people_sort ul li a { position: relative; display: block; padding: 16px 0; border: 1px solid #DFE3F6; border-left: 0; font-size: 18px; transition: none; }
#container.sub .people_sort ul li:first-child a { border-left: 1px solid #DFE3F6; }
#container.sub .people_sort ul li a.selected { border: 0; background-color: #353950; color: #fff; }
#container.sub .people_sort ul li a.selected:before { content: ''; position: absolute; width: 12px; height: 12px; bottom: -6px; left: 50%; transform: translateX(-50%) rotate(45deg); background-color: #353950;  }

#container.sub .people_box { display: none; }
#container.sub .people_box.selected { display: block; }
#container.sub .result_box { margin-bottom: 60px; }
#container.sub .result_box:after { content: ''; display: block; clear: both; }
#container.sub .result_box .result { float: left; border: 1px solid #DFE3F6; }
#container.sub .result_box .result > .title { padding: 9px 0; text-align: center; color: #fff; background-color: #565E82; }
#container.sub .result_box .result > .title span { font-size: 16px; font-weight: 500; }
#container.sub .result_box .result.total_result { width: calc(17% - 15px); margin-right: 15px; }
#container.sub .result_box .result.area_result { width: 66%; }
#container.sub .result_box .result.chart_result { width: calc(17% - 15px); margin-left: 15px; }
#container.sub .result_box .result.total_result .result_cnt { }
#container.sub .result_box .result .result_cnt .box { text-align: center;  }
#container.sub .result_box .result.total_result .result_cnt .box { display: flex; height: 104px; font-size: 36px; font-weight: bold; justify-content: center; align-items: center; }

#container.sub .result_box .result.area_result {}
#container.sub .result_box .result.area_result .result_cnt { display: flex; padding: 21px 25px; justify-content: center; align-items: center; }
#container.sub .result_box .result.area_result .result_cnt .box { padding: 0 25px; }
#container.sub .result_box .result.area_result .result_cnt .box span { display: block; }
#container.sub .result_box .result.area_result .result_cnt .box span.title { display: inline-block; margin-bottom: 9px; padding: 3px 9px; border-radius: 25px; font-size: 13px; color: #fff; background-color: #333; }
#container.sub .result_box .result.area_result .result_cnt .box span.title.type01 { background-color: #1DB3B3; }
#container.sub .result_box .result.area_result .result_cnt .box span.title.type02 { background-color: #5D78FF; }
#container.sub .result_box .result.area_result .result_cnt .box span.title.type03 { background-color: #FC6C6C; }
#container.sub .result_box .result.area_result .result_cnt .box span.title.type04 { background-color: #D8D8D8; }
#container.sub .result_box .result.area_result .result_cnt .box span.title.type05 { background-color: #FBB63F; }
#container.sub .result_box .result.area_result .result_cnt .box span.cnt { line-height: 100%; font-size: 28px; font-weight: bold; }
#container.sub .result_box .result.chart_result .box { max-height: 104px; padding: 12px; }
#container.sub .result_box .result.chart_result .box canvas { margin: 0 auto; }

#container.sub .chart_list { margin-bottom: 120px; }
#container.sub .chart_list .list_search { display: flex; margin-bottom: 30px; justify-content: center; align-items: center; }
#container.sub .chart_list .list_search label { position: relative; margin-right: 20px; padding-right: 20px; font-size: 16px; font-weight: bold; }
#container.sub .chart_list .list_search label:before { content: ''; position: absolute; width: 1px; height: 19px; right: 0; top: 2px; background-color: #9296A7; }
#container.sub .chart_list .list_search .list ul { display: flex; justify-content: center; align-items: center; }
#container.sub .chart_list .list_search .list ul li { margin-right: 10px; }
#container.sub .chart_list .list_search .list ul li a { position: relative; display: block; padding: 5px 10px; padding-left: 30px; border-radius: 5px; font-size: 16px; font-weight: bold; color: #9296A7; background: url('../../images/sub/checked_circle.png') no-repeat 8px 10px; }
#container.sub .chart_list .list_search .list ul li a.selected { color: #0c62c0; background: url('../../images/sub/checked_circle_active.png') no-repeat 8px 10px #F2F4FF; }
#container.sub .chart_list .chart_info { margin-bottom: 25px; border: 1px solid #DFE3F6; }

#container.sub .chart_list .chart_info+.chart_info { margin-bottom: 0; }
#container.sub .chart_list .chart_info .title { padding: 9px 0; text-align: center; color: #fff; background-color: #565E82; }
#container.sub .chart_list .chart_info .title span { font-size: 16px; font-weight: 500; }
#container.sub .chart_list .chart_info.lines .chart_box { position: relative; padding: 30px 60px; }
#container.sub .chart_list .chart_info.bars .chart_box { position: relative; padding: 30px 60px; }

#container.sub .copyright { position: relative; border: 1px solid #e9e9e9; padding: 38px 20px; }
#container.sub .copyright:after { content: ''; display: block; clear: both; }
#container.sub .copyright .img { position: absolute; left: 25px; top: 50%; transform: translateY(-50%); }
#container.sub .copyright .img img {  }
#container.sub .copyright .text { text-align: center; font-size: 15px; font-weight: 500; }

/* 유동인구 */
#container.sub .map_box { position: relative; overflow: hidden; }
#container.sub .map_box .map_btn { display: none; }
#container.sub .map_box .side { position: absolute; width: 310px; top: 35px; left: 20px; z-index: 1000; }
#container.sub .map_box .side .left { width: 250px; }
#container.sub .map_box .side .left .title { position: relative; margin-bottom: 10px; padding-left: 20px; font-size: 18px; }
#container.sub .map_box .side .left .title:before { content: ''; position: absolute; width: 12px; height: 12px; left: 0; top: 9px; border-radius: 50%; background-color: #feb13d; }
#container.sub .map_box .side .left .title span { font-weight: bold; }
#container.sub .map_box .side .left .search_type { display: flex; margin-bottom: 15px; padding: 15px 0; border-radius: 10px; justify-content: center; align-items: center; background-color: #fff; }
#container.sub .map_box .side .left .search_type span { margin: 0 20px; }
#container.sub .map_box .side .left .search_type span input { position: relative; display: inline; width: auto; top: 1px; }
#container.sub .map_box .side .left .search_type span label { font-size: 13px; }
#container.sub .map_box .side .left .search_box { padding: 10px 15px; margin-bottom: 15px; border-radius: 10px; background-color: #f8fcff; }
#container.sub .map_box .side .left .search_box .area_select { display: flex; margin-bottom: 20px; justify-content: center; align-items: center; }
#container.sub .map_box .side .left .search_box .area_select label { width: 70px; font-size: 12px; }
#container.sub .map_box .side .left .search_box .area_select input { margin-bottom: 5px; border: 1px solid #7d7e80; border-radius: 3px; font-size: 12px; background-color: #f9f9f9; }
#container.sub .map_box .side .left .search_box .area_select select { border: 1px solid #7d7e80; border-radius: 3px; font-size: 12px; }
#container.sub .map_box .side .left .search_detail { margin-bottom: 20px; border-radius: 5px; overflow: hidden; }
#container.sub .map_box .side .left .search_detail button.search_toggle { position: relative; width: 100%; padding: 3px 0; font-size: 12px; text-align: center; background-color: #399ae9; color: #fff; }
#container.sub .map_box .side .left .search_detail button.search_toggle:before { content: '▲'; position: absolute; right: 10px; top: 4px; font-size: 10px; color: #fff; }
#container.sub .map_box .side .left .search_detail button.search_toggle.active:before { content: '▼'; }
#container.sub .map_box .side .left .search_detail .detail_box { background-color: #fff; padding: 12px 10px; border: 1px solid #e3eaee; border-top: 0; }
#container.sub .map_box .side .left .search_detail .detail_box label { font-size: 12px; font-weight: 500; margin-bottom: 5px; }
#container.sub .map_box .side .left .search_detail .detail_box .quarter { margin-bottom: 10px; }
#container.sub .map_box .side .left .search_detail .detail_box .date_box {  }
#container.sub .map_box .side .left .search_detail .detail_box .date_box span { display: block; margin-bottom: 3px; }
#container.sub .map_box .side .left .search_detail .detail_box .date_box span+span { margin-bottom: 0; }
#container.sub .map_box .side .left .search_detail .detail_box .date_box span input { font-size: 12px; }
#container.sub .map_box .side .left .search_detail .detail_box .date_box span input.date { width: 45%; margin-right: 5px; }
#container.sub .map_box .side .left .search_detail .detail_box .date_box span input.time { width: 35%; }
#container.sub .map_box .side .left .search_btn {  }
#container.sub .map_box .side .left .search_btn button { width: 100%; padding: 6px 0; border-radius: 5px; font-size: 14px; text-align: center; font-weight: bold; color: #fff; background-color: #333; box-shadow: 0px 3px 6px rgba(0,0,0,0.16); }
#container.sub .map_box .side .left .user_selectarea { padding: 10px 15px; border-radius: 10px; background-color: #fff; }
#container.sub .map_box .side .left .user_selectarea .user_area {  }
#container.sub .map_box .side .left .user_selectarea .user_area:after { content: ''; display: block; clear: both; }
#container.sub .map_box .side .left .user_selectarea .user_area button { width: calc(50% - 7.5px); float: left; margin-bottom: 15px; padding: 5px 0 5px 10px; border-radius: 5px; border: 1px solid #ececec; font-size: 12px; }
#container.sub .map_box .side .left .user_selectarea .user_area button.round { background: url('../../images/sub/round.png') no-repeat 23px center; background-size: 18px; }
#container.sub .map_box .side .left .user_selectarea .user_area button.rectangle { background: url('../../images/sub/rectangle.png') no-repeat 18px center; background-size: 18px; }
#container.sub .map_box .side .left .user_selectarea .user_area button+button { margin-left: 15px; }
#container.sub .map_box .side .left .user_selectarea .user_area button.active { background-color: #404040; color: #fff; }
#container.sub .map_box .side .left .user_selectarea select { padding: 2px 0; border-radius: 5px; border: 1px solid #e9e9e9; font-size: 12px; color: #acacac; }
#container.sub .map_box .side .search_set { position: absolute; left: 260px; top: 0; }
#container.sub .map_box .side .search_set ul li { margin-bottom: 15px; }
#container.sub .map_box .side .search_set ul li button { width: 50px; height: 50px; border: 1px solid #337ee2; border-radius: 15px; background-color: #fff; box-sizing: border-box; box-shadow: 0px 0px 5px rgba(0,0,0,0.16); }
#container.sub .map_box .side .search_set ul li button img { display: block; margin: 0 auto; }
#container.sub .map_box .side .search_set ul li button span { font-size: 12px; }
#container.sub .map_box .ham { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: .3s; z-index: 1002; }
#container.sub .map_box .ham.active { bottom: 250px; }
#container.sub .map_box .ham button { width: 80px; height: 30px; background: url('../../images/sub/ham.png') no-repeat center; background-color: #399ae9; border-radius: 15px 15px 0 0; }
#container.sub .map_box .ham button span { display: none; }
#container.sub .map_box .map_bottom_box { position: absolute; width: calc(100% - 250px); min-height: 250px; padding: 20px; left: 50%; bottom: -250px; border: 1px solid #ececec; border-radius: 50px 50px 0 0; transform: translateX(-50%); background-color: #fff; z-index: 1001; transition: .3s; }
#container.sub .map_box .map_bottom_box.active { bottom: 0; }

#container.sub .box_all { position: relative; height: 800px; }
#container.sub .green_box { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; }
#container.sub .green_box.selected { opacity: 1; }
#container.sub .green_sort { margin-bottom: 40px; }
#container.sub .green_sort label { position: relative; padding-left: 35px; }
#container.sub .green_sort .line { position: relative; display: inline-block; width: 150px; height: 1px; margin: 0 20px; top: -4px; background-color: #DEDEDE; }
#container.sub .green_sort .line:before { content: '\ea9d'; position: absolute; font-family: 'icofont'; left: -8px; top: -10px; font-size: 15px; color: #888; }
#container.sub .green_sort .line:after { content: '\eaa0'; position: absolute; font-family: 'icofont'; right: -8px; top: -10px; font-size: 15px; color: #888; }
#container.sub .green_sort label:before { content: ''; position: absolute; width: 20px; height: 20px; top: 0; left: 0; }
#container.sub .green_sort label.large:before { background-color: #3e631e; }
#container.sub .green_sort label.small:before { background-color: #ac563b; }
#container.sub .green_sort img { margin: 0 10px; }

#container.sub .green_map { position: absolute; top: 0; left: 0; z-index: 100; }
#container.sub .green_map a { position: absolute; display: block; }
#container.sub .green_map a span { position: relative; display: block; width: 50px; height: 55px; padding: 15px 0; text-align: center; font-size: 18px; font-weight: bold; color: #fff; clip-path: polygon(0% 25%, 50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%); background: rgba(0,0,0,0.7); }
#container.sub .green_map a.type1 span { background: rgba(239, 111, 96, 0.7); }
#container.sub .green_map a.type2 span { background: rgba(241, 149, 78, 0.7); }
#container.sub .green_map a.type3 span { background: rgba(234, 216, 86, 0.7); }
#container.sub .green_map a.type4 span { background: rgba(183, 211, 86, 0.7); }
#container.sub .green_map a.type5 span { background: rgba(92, 202, 116, 0.7); }
#container.sub .green_map a.type6 span { background: rgba(90, 149, 79, 0.7); }
#container.sub .green_map a.type7 span { background: rgba(183, 110, 85, 0.7); }


/* 데이터개방 */
#container.sub .data {position:relative;}
#container.sub .data .tit_box h4 { }
#container.sub .data .data_cont > div {margin-bottom: 50px;}
#container.sub .data .data_cont > div:last-child {margin-bottom: 0;}
#container.sub .data .data_cont > div img {display:block;margin:0 auto;}
#container.sub .data .data_cont .cont_tit{ font-size: 21px; font-weight:500;  }
#container.sub .data .data_cont p {font-size:16px;}
#container.sub .data .data_cont ul.flex {/* display: flex; *//* gap: 30px; *//* justify-content: center; *//* align-items: center; *//* background: #fff; *//* padding: 0 0; */}
#container.sub .data .data_cont ul.flex > li {position:relative;border:1px solid #e9e9e9;padding: 200px 30px 20px;background: #fff;width: 32%;min-height: 410px;box-shadow: 0 6px 15px rgb(0 0 0 / 5%);text-align: center;border-radius: 10px;display: inline-block;float: left;margin-right: 1.5%;}
#container.sub .data .data_cont ul.flex > li:last-child{margin:0;}
#container.sub .data .data_cont ul.flex > li::before {content: "";display:block;width: 200px;height: 140px;position: absolute;left: 50%;top: 35px;transform: translateX(-50%);background-size:contain;}
#container.sub .data .data_cont ul.flex > li:nth-child(1)::before {background: url("../../images/sub/data_w1.svg") bottom no-repeat; }
#container.sub .data .data_cont ul.flex > li:nth-child(2)::before {background: url("../../images/sub/data_w2.svg") bottom no-repeat;}
#container.sub .data .data_cont ul.flex > li:nth-child(3)::before {background: url("../../images/sub/data_w3.svg") bottom no-repeat;}
#container.sub .data .data_cont ul.flex > li h6 {font-size: 24px;font-weight: 600;margin-bottom:20px;display: inline-block;position: relative;z-index: 0;}
#container.sub .data .data_cont ul.flex > li h6:before{content:'';background: #e5e8ff;height: 9px;width: 100%;display: inline-block;position: absolute;bottom: 3px;z-index: -1;}
#container.sub .data .data_cont ul.flex > li ul{padding: 10px;min-height: 130px;background: #f8f8f8;border-radius: 5px;}
#container.sub .data .data_cont ul.flex > li li {list-style: none;color: #555;font-size: 17px;padding-left: 12px;position:relative;text-align: left;}
#container.sub .data .data_cont ul.flex > li li:before{content:'';background: #d7d7d7;width: 5px;height: 5px;display:inline-block;position:absolute;left: 0;border-radius: 5px;top: 10px;}



/* 데이터개방 - 공공데이터 검색 */
#container.sub .data {}
#container.sub .data .sidebar.filter{width:220px;height:auto;position:absolute;left:0;top:0;z-index:999;}
#container.sub .data .sidebar.filter .search_box .search_list .item {width:100%;float:none;border-bottom:1px solid #e9e9e9;padding-bottom:10px;}
#container.sub .data > .content{position:relative;width:100%;padding-left:240px;}
#container.sub .data .search_box .search_list .item .checklist ul li {justify-content:space-between;}
#container.sub .data .search_box .search_list .item .checklist ul li > span {float:right;}
#container.sub .data .search_box .title {padding-bottom:10px;}
#container.sub .data .content .data_hit {display:flex;gap:20px;margin-bottom:20px;justify-content:center;}
#container.sub .data .content .data_hit > div {width:48%;}
#container.sub .data .content .data_hit .title {margin-bottom:10px;}
#container.sub .data .content .data_hit .title h6 {font-size:18px;font-weight:bold;display:inline-block;}
#container.sub .data .content .data_hit .title a {float:right;color: #666;}
#container.sub .data .content .data_hit .title a::after {content: "\eab8";font-family: 'icofont';position:relative;top:1px;font-size:18px;}
#container.sub .data .content .data_hit .data-swiper {position:relative;height:100px;overflow:hidden;padding-bottom:20px;}
#container.sub .data .content .data_hit .data-swiper .swiper-wrapper {}
#container.sub .data .content .data_hit .swiper {width: 100%;height: 100%;}
#container.sub .data .content .data_hit .swiper-slide {border:1px solid #e9e9e9;text-align: center;font-size: 18px;background: #fff;padding: 10px 20px 10px 80px;}
#container.sub .data .content .data_hit .swiper-slide i {position:absolute;font-size:50px;left:20px;top:50%;transform:translateY(-50%);color:#087c6f;}
#container.sub .data .content .data_hit .swiper-slide h6 {text-align:left;}
#container.sub .data .content .data_hit .swiper-slide p {text-align:left;}
#container.sub .data .content .data_hit .swiper-slide p span{font-size:14px;}
#container.sub .data .content .data_hit .swiper-slide p span:first-child::after {content: "";display:inline-block;width:1px; height:17px;background:#e9e9e9;position:relative;margin:0 10px;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
#container.sub .data .content .formbox {margin: 0 auto 10px;}
#container.sub .data .content .desc {width:100%;max-width:620px;margin:0 auto 20px;color: #666;}
#container.sub .data .content .search.type1 {margin-bottom: 40px;background:#f8f8f8;padding: 50px 0 30px}


/* 빅데이터분석 */
#container.sub .bdanalysys {}
#container.sub .bdanalysys .search.type3{border:1px solid #e9e9e9;padding: 20px;margin-bottom:20px;border-radius: 10px;background-color: #F8F8F8;}
#container.sub .bdanalysys .search.type3{}
/* #container.sub .bdanalysys .search.type3 .search_form{ width:auto;}
#container.sub .bdanalysys .search.type3 .search_form .flex {display:flex;width:auto;padding-bottom: 10px;}
#container.sub .bdanalysys .search.type3 .search_form .column {}
#container.sub .bdanalysys .search.type3 .search_form .column:first-child {width:auto;}
#container.sub .bdanalysys .search.type3 .search_form .column select {width:250px;border:1px solid #e9e9e9;border-radius:3px; padding: 10px;font-size:15px;}
#container.sub .bdanalysys .search.type3 .search_form .flex:first-child .flex.column input{width:200px;border: 0 !important;text-align:center;font-size:15px;}
#container.sub .bdanalysys .search.type3 .search_form .flex:nth-child(2) .flex input{width: 500px;height:46px;font-size:15px;}
#container.sub .bdanalysys .search.type3 .search_form .column input:first-child::after {content:"-";display:inline-block;margin:0 5px;width:10px;height:20px;}
#container.sub .bdanalysys .search.type3 .search_form .column .date_area {display: flex;}
#container.sub .bdanalysys .search.type3 .search_form .flex:nth-child(2) .column {width:auto;}
#container.sub .bdanalysys .search.type3 .search_form button[type="submit"] {width: 120px;height:46px;display:block;border-radius: 5px;font-size: 15px;color: #fff;background: #4a537e;} */
#container.sub .bdanalysys .calender .list_search {float:left;display:flex;gap:10px;align-items:center;}
#container.sub .bdanalysys .calender .list_search > span {margin-right:20px;padding-right:20px;font-size:16px;font-weight:500;position:relative;}
#container.sub .bdanalysys .calender .list_search > span::before {content: '';position: absolute;width: 1px;height: 19px;right: 0;top: 2px;background-color: #9296A7;}
#container.sub .bdanalysys .calender .list_search ul.list {float:left;}
#container.sub .bdanalysys .calender .list_search ul.list li {float:left;margin-right:10px;}
#container.sub .bdanalysys .calender .list_search ul.list li a {position: relative;display: block;padding: 5px 10px;padding-left: 30px;border-radius: 5px;font-size: 16px;font-weight: bold;color: #9296A7;background: url("../../images/sub/checked_circle.png") no-repeat 8px 10px;cursor:pointer;}
#container.sub .bdanalysys .calender .list_search ul.list li a.selected {color: #0c62c0;background: url(../../images/sub/checked_circle_active.png) no-repeat 8px 10px #F2F4FF;}
#container.sub .bdanalysys .calender .fr {float:right;}
#container.sub .bdanalysys .calender .fr span {margin-left:20px;}
#container.sub .bdanalysys .calender .fr span::before {content:"";width:5px;height:5px;position:relative;display:inline-block;border-radius:50%;margin-right:5px;vertical-align:middle;}
#container.sub .bdanalysys .calender .fr span:first-child::before {background:#4373e2;}
#container.sub .bdanalysys .calender .fr span:nth-child(2)::before {background:#ff960a;}
#container.sub .bdanalysys .calender .fr span:nth-child(3)::before {background:#e50019;}
#scheCalendar{padding-top:50px}


/* 빅데이터분석 - 셀프분석 이용 */
.desc.bg{width:100%;height: 400px;background: none;display:flex;justify-content: left;align-items:center;margin-bottom:100px;position: relative;}
.self {width: 90%;max-width: 100%;background: #f8f8f8;position:relative;box-shadow: 0 10px 15px rgba(0,0,0,.1);margin: 0;height: 400px;padding: 100px 44% 100px 50px;border-radius: 10px;display: flex;flex-direction: column;justify-content: center;}
/* #container.sub .bdanalysys .desc .self::before{content:"\e980";font-family: 'icofont';font-size:60px;position:absolute;top:20px;left:50%;transform:translateX(-50%);} */
.self::before{content:"";position:absolute;top:20px;left:50%;transform:translateX(-50%);}
.self .tit {text-align: left;font-size:32px;font-weight:500;margin-bottom:20px;}
.self .txt {text-align: left;font-size:17px;}
.self .btns {margin: 40px 0 0;text-align: left;}
.self .btns a{border: 1px solid #ddd;padding: 15px 20px;display:inline-block;margin: 0 5px 0 0;background:#fff;}
.self .btns a:hover{background: #353950;color: #fff;}
#container.sub .bdanalysys .desc_gd {margin-bottom:50px;}
#container.sub .bdanalysys .desc_gd ul {display:flex;justify-content:center;}
/* #container.sub .bdanalysys .desc_gd ul::after{content:"";clear:both;display:block;} */
#container.sub .bdanalysys .desc_gd * {box-sizing:border-box;}
#container.sub .bdanalysys .desc_gd ul li {width: 25%;height: 250px;border:1px solid #e9e9e9;position:relative;margin: 0 20px;box-shadow: 0 3px 10px rgba(0,0,0,.1);border-radius: 5px;/* overflow: hidden; */}
#container.sub .bdanalysys .desc_gd small{color: #777;}
#container.sub .bdanalysys .desc_gd:nth-child(1) ul li::after {content: "\eab8";font-family: 'icofont';position:absolute;right:-40px;top:50%;transform:translate(-50%);font-size:20px;color:#555;box-sizing:border-box;}
#container.sub .bdanalysys .desc_gd:nth-child(1) ul li:last-child::after{display:none;}
#container.sub .bdanalysys .desc_gd:nth-child(1) ul li::before {content:"";display:block;position:absolute;width:100%;height: 200px;top:0;left:0;font-size:60px;line-height:170px;text-align:center;color:#0c62c0;box-sizing:border-box;background-position: 50% 36% !important;}
/* #container.sub .bdanalysys .desc_gd:nth-child(1) ul li:nth-child(1)::before {content:"\ec8d";font-family: 'icofont';}
#container.sub .bdanalysys .desc_gd:nth-child(1) ul li:nth-child(2)::before{content:"\ec8c";font-family: 'icofont';font-size:50px;}
#container.sub .bdanalysys .desc_gd:nth-child(1) ul li:nth-child(3)::before{content:"\e96d";font-family: 'icofont';}
#container.sub .bdanalysys .desc_gd:nth-child(1) ul li:nth-child(4)::before{content:"\e975";font-family: 'icofont';} */
#container.sub .bdanalysys .desc_gd:nth-child(1) ul li:nth-child(1)::before {background:url("../../images/sub/self_icon_1.png") no-repeat;background-size:auto;background-position:50% 50%;}
#container.sub .bdanalysys .desc_gd:nth-child(1) ul li:nth-child(2)::before {background:url("../../images/sub/self_icon_2.png") no-repeat;background-size:auto;background-position:50% 50%;}
#container.sub .bdanalysys .desc_gd:nth-child(1) ul li:nth-child(3)::before {background:url("../../images/sub/self_icon_3.png") no-repeat;background-size:auto;background-position:50% 50%;}
#container.sub .bdanalysys .desc_gd:nth-child(1) ul li:nth-child(4)::before {background:url("../../images/sub/self_icon_4.png") no-repeat;background-size:auto;background-position:50% 50%;}
#container.sub .bdanalysys .desc_gd:nth-child(2) ul li {width:33.33333%;/* height:284px; */padding-top:0px;}
#container.sub .bdanalysys .desc_gd:nth-child(2) ul li .img {border:1px solid #e9e9e9;width:250px;height:172px;margin: 45px auto;}
#container.sub .bdanalysys .desc_gd:nth-child(2) ul li .img::before {content:"";display:block;width:100%;height:170px;top:0;left:0;line-height:170px;text-align:center;color:#0c62c0;}
#container.sub .bdanalysys .desc_gd:nth-child(2) ul li:nth-child(1) .img::before{background: url("../../images/sub/self_tmp1.jpg") no-repeat;background-size:auto;background-position:50% 50%;}
#container.sub .bdanalysys .desc_gd:nth-child(2) ul li:nth-child(2) .img::before{background: url("../../images/sub/self_tmp2.jpg") no-repeat;background-size:auto;background-position:50% 50%;}
#container.sub .bdanalysys .desc_gd:nth-child(2) ul li:nth-child(3) .img::before{background: url("../../images/sub/self_tmp3.jpg") no-repeat;background-size:auto;background-position:50% 50%;}
#container.sub .bdanalysys .desc_gd:nth-child(2) .download.btn {background: #353950;border-radius:5px;margin-bottom:20px;}
#container.sub .bdanalysys .desc_gd:nth-child(2) .download.btn:hover {background: #484e6c;}
#container.sub .bdanalysys .desc_gd:nth-child(2) .download.btn span {color: #fff;}
/* #container.sub .bdanalysys .cont_tit::after {content: "";display: block;width: 50px;height: 3px;background: #073190;margin: 10px 0 20px;} */
#container.sub .bdanalysys .desc_gd:nth-child(2) ul li .desc {padding-top:25px;}
#container.sub .bdanalysys .desc_gd ul li .desc {display: block;width:100%;height: 80px;padding-top: 160px;text-align:center;font-size: 20px;box-sizing:border-box;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;line-height: 22px;}
#container.sub .bdanalysys .desc_gd2 li {display: flex;justify-content: center;align-items: center;flex-direction: column;justify-content: space-between;}
#container.sub .bdanalysys .desc_gd.desc_gd2:nth-child(2) ul li .img {margin: 0 !important;margin-top: 10px !important;}
#container.sub .bdanalysys .desc_gd2:nth-child(2) ul li .desc {padding-top:0;    background-color: #e7eef7;border-top: 1px solid #d8e1ec;color: #0c1f5b;font-weight: 500;height: 58px;display: flex;justify-content: center;align-items: center;}
.self_img {position: absolute;right: 0;bottom: -40px;width:53%;max-width: 700px;box-shadow: 0 10px 15px rgba(0,0,0,.1);border-radius: 10px;overflow: hidden;height: 100%;}
.self_img img {width:100%;height:100%;object-fit:cover;}

.pop-data-list{}
.pop-data-list ul{}
.pop-data-list ul li{border: 1px solid #ddd;padding: 5px 10px;border-radius: 5px;margin-bottom: 5px;box-shadow: 0 2px 6px rgba(0,0,0,.1);}
.pop-data-list ul li .p_cont{position: relative;height: 40px;}
.pop-data-list ul li .p_txt{padding-right: 70px;display: flex;align-items: center;}
.pop-data-list ul li .p_txt .cg_gubn{width: 20%;float: left;padding-bottom: 0;}
.pop-data-list ul li .p_txt .tit{float: left;width: 80%;}
.pop-data-list ul li .p_txt .date{/* width: 10%; */float: left;font-size: .8rem;display: inline-block;}
.pop-data-list ul li .btn{position: absolute;right: 0;border: 1px solid #ddd;}
.pop-data-list .search-input{display: inline-block;width: 100%;padding: 20px 0px 10px;position: relative;}
.pop-data-list .search-input .input-group{padding-right: 72px;}
.pop-data-list .search-input .input-group select{width: 20%;float: left;}
.pop-data-list .search-input .input-group input{width: calc(80% - 5px);float: left;margin-left: 5px;}
.pop-data-list .search-input .btn{position: absolute;right: 0;}

/*#container.sub .green_map a span { position: relative; display: block; width: 50px; height: 30px; padding: 2px 0; text-align: center; font-size: 18px; font-weight: bold; color: #fff; background-color: #333; }*/
/*#container.sub .green_map a span:before { content: ''; position: absolute; width: 0; height: 0; top: -15px; left: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 15px solid #fff; }*/
/*#container.sub .green_map a span:after { content: ''; position: absolute;  width: 0; height: 0; bottom: -15px; left: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 15px solid #fff;}*/
/*#container.sub .green_map a.type1 span { background: rgba(239, 111, 96, 0.7); }*/
/*#container.sub .green_map a.type1 span:before { border-bottom-color: rgba(239, 111, 96, 0.7); }*/
/*#container.sub .green_map a.type1 span:after { border-top-color: rgba(239, 111, 96, 0.7); }*/



/* 마이페이지 **********************************************************************************************************************************************************/
#container.mypage .cont_tit {font-size: 33px !important;padding: 0px 0 30px 40px;position: relative;font-weight: bold;color: #000;display: inline-block;width: 100%;}
/* #container.sub .cont_tit:before {content: "";display: block;width: 25px;height: 10px;background: linear-gradient(122deg, #B52184 0%, #EF273C 100%) 0% 0% no-repeat padding-box;margin: 10px 0 20px;position: absolute;top: 20px;border-radius: 50%;transform: rotate(-45deg);} */
#container.mypage .cont_tit:before {content: "";display: block;width: 35px;height: 25px;background: url("../../images/sub/ic_bullet2.svg") center center no-repeat;position: absolute;top: 13px;left: 0;}
.imgWrap{padding:5rem 0;}


.mypage .joinWrap{min-height:700px;}
#container.mypage {padding-top:40px;min-height: 800px;background:#f5f5f5;position:relative;}
#container.mypage:after{content:'';width:100%; height:100vh; position:absolute;top:0;left:0;background:#f5f5f5;z-index:-1;}
#container.mypage nav#sidenav {width:220px;float:left; position:relative; margin-bottom:50px;min-height:700px}
#container.mypage nav#sidenav #menu_sbj em {font-size:18px; font-weight:bold;display:block;border-bottom:1px solid #e9e9e9;padding:10px 0}
#container.mypage nav#sidenav #menu_sbj a {font-size:0;float:right;}
#container.mypage nav#sidenav .side_in_wrap {margin-bottom:30px;box-shadow:0px 2px 10px rgba(0,0,0,0.1);border-top: 2px solid #000;background:#fff;}
#container.mypage nav#sidenav .side_in_wrap:last-child {margin-bottom:0px;}
#container.mypage nav#sidenav .side-list {padding: 0 10px;border-bottom:1px solid #e9e9e9;}
#container.mypage nav#sidenav .side-list li {}
#container.mypage nav#sidenav .side-list li .sidebar__h2 {padding: 0;font-size: 16px;font-weight: bold;border-bottom: 1px solid #e9e9e9;padding: 15px 0;}
#container.mypage nav#sidenav .side-list li span a {font-size:16px;color:#777;width: 100%;display: inline-block;padding: 10px 10px;position:relative;}
#container.mypage nav#sidenav .side-list li span a:after{content: '\e5cc';font-family: 'Material Icons';position: absolute;right: 10px;font-size: 14px;color: #999;width: 13px;height: 100%;display: inline-block;transition:transform 0.3s;font-weight: bold;top: 0;line-height: 44px;}
#container.mypage nav#sidenav .side-list li.on span a {color:#0c62c0;font-weight:bold;background: #e4edf5;}
#container.mypage nav#sidenav .side-list li span a:hover {color:#0c62c0;background: #e4edf5;}
#container.mypage nav#sidenav .lnb-depth1{border-bottom: 0;padding: 10px 0;}
#container.mypage nav#sidenav .lnb-depth1 li{}


#container.mypage .s_right {float:right;width: calc(100% - 270px);padding:20px;background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.2); margin-bottom:50px;}
#container.mypage .s_right .sr_con_title {font-size:28px; font-weight:600;margin-bottom:20px;}
#container.mypage .s_right .sr_con_right {float:right;}
#container.mypage .s_right #insertForm fieldset {width:100%;}
#container.mypage .s_right .sr_con_right::after {content:"";display:block;clear:both;}
#container.mypage .s_right .sr_con_right .sub_print {padding: 6px 12px;border-radius: 5px;font-size: 15px;color: #fff;background: #4a537e;}
#container.mypage .s_right .sr_con_right .sub_print::before {content:"\edfd";font-family: 'icofont';font-size:15px;margin-right: 10px;}
#container.mypage .s_right input {padding: 11px 16px;border:1px solid #e9e9e9;font-size: 15px;}
#container.mypage .s_right input[type="radio"] {width:auto;}
#container.mypage .s_right .PrivacyBox2 {}
#container.mypage .s_right .PrivacyBox2 .h2Wrap {margin-bottom:10px;}
#container.mypage .s_right .PrivacyBox2 .h2Wrap h2 {font-size: 28px;font-weight: 600;}
#container.mypage .s_right .PrivacyBox2 .h2Wrap p {color:#555;}
#container.mypage .s_right .PrivacyCont {padding: 20px 0;border-top:1px solid #333;border-bottom:1px solid #ddd;}
#container.mypage .s_right .PrivacyCont label{padding-bottom:10px;}
#container.mypage .s_right .PrivacyCont ul {display:flex;gap:20px;flex-wrap:wrap;}
#container.mypage .s_right .PrivacyCont ul li {width:calc(50% - 20px);padding-right:20px; padding-bottom:20px;}
#container.mypage .s_right .PrivacyCont ul li #email {}
#container.mypage .s_right .PrivacyCont ul li #phone1,
#container.mypage .s_right .PrivacyCont ul li #phone2,
#container.mypage .s_right .PrivacyCont ul li #phone3 {width:31.0%;}
#container.mypage .s_right .PrivacyBox2 li div label {margin-right: 20px;padding-top: 10px;}
#container.mypage .s_right .table span.mb {display:none;}
#container.mypage .JoinBtn button {background: #0c62c0;border-radius: 5px;margin-bottom: 20px;/* color:#fff; *//* width:200px; */margin:50px auto 80px;display:block;}
#container.mypage .JoinBtn button:hover {background: #0c62c0;}
#container.mypage .btn.bg_purple{background: #0c62c0;border-radius: 5px;margin-bottom: 20px;color:#fff;}


.underline{text-decoration:underline !important;}
.self_step{display: inline-block;padding: 10px;border-radius: 10px;border: 1px dashed #ddd;width: 100%;margin-bottom: 20px;position:relative;}
.self_step .title{padding-bottom: 0;font-weight: 500;}
.self_step .underline{text-decoration:underline;}
.self_close{cursor:pointer;}
.self_close {display:block;position: absolute;right: 10px;top: 12px;height:20px;font-size: .9rem;color: #999;}
.self_close:after{content:'\eaa0';font-family: 'icofont';font-weight:bold;width: 20px;height: 20px;line-height: 20px;text-align: center;display: inline-block;}
.self_step.open{}
.self_step.open .self_close{}
.self_step.open .self_close:after{transform: rotate(90deg);}
.self_step ul{display:block;padding: 20px 0 10px;display: inline-block;width: 100%;height: 110px;}
.self_step ul li{float: left;width: calc(26% - 50px);margin-right: 50px;position:relative;padding: 0 20px;}
.self_step ul li:last-child{margin-right: 0;}
.self_step ul li:after{content:'';background: url("../../images/sub/ic_down.svg") no-repeat;width: 20px;height: 26px;display: inline-block;position: absolute;right: 0;top: 50%;margin-top: -10px;transform: rotate(-90deg);background-size: 20px;}
.self_step ul li:last-child:after{display:none;}
.step_box{}
.step_box .step_tit{padding: 10px 10px 10px 40px;font-size: 1.1rem;font-weight: 500;position:relative;}
.step_box .step_tit:after{content:'';width: 36px;height: 35px;display: inline-block;position: absolute;left: 0;bottom: 6px;}
.self_step ul li:nth-child(1) .step_box .step_tit:after{background: url("../../images/sub/ic_self_step1.svg") no-repeat;}
.self_step ul li:nth-child(2) .step_box .step_tit:after{background: url("../../images/sub/ic_self_step2.svg") no-repeat;}
.self_step ul li:nth-child(3) .step_box .step_tit:after{background: url("../../images/sub/ic_self_step3.svg") no-repeat;}
.self_step ul li:nth-child(4) .step_box .step_tit:after{background: url("../../images/sub/ic_self_step4.svg") no-repeat;}
.step_box .step_cont{color: #777;font-size: .9rem;line-height: 20px;}
.step_box .step_cont .link{font-size: .9rem;color: #9786D1;}
.step_box .step_cont .link:after{content:'\eaca';font-family: 'icofont';font-weight:bold;line-height: 20px;text-align: center;display: inline-block;}


.api_step{padding: 0 0 20px;}
.api_step ul{display: flex;gap: 5px;padding-top: 10px;}
.api_step ul li{width: calc(33.333%);padding: 10px;border: 1px solid #e9e9e9;border-radius: 5px;text-align: center;}
/* .api_step ul li:nth-child(1):after{background: #ddd;width: 1px;height: 100%;transform: none;top: 13px;}
.api_step ul li:nth-child(1) .step_box .step_tit:after{background: url("../../images/sub/ic_api_step1.svg") center no-repeat;}
.api_step ul li:nth-child(2) .step_box .step_tit:after{background: url("../../images/sub/ic_api_step2.svg") no-repeat;}
.api_step ul li:nth-child(3) .step_box .step_tit:after{background: url("../../images/sub/ic_api_step3.svg") no-repeat;} */
.api_step ul li:nth-child(1) .step_box .step_tit b{color: #4caf50;}
.api_step ul li:nth-child(2) .step_box .step_tit b{color: #3869e6;}
.api_step ul li:nth-child(3) .step_box .step_tit b{color: #ff5722;}
.api_step ul li .step_box small{color:#999;padding-bottom:10px;}
.api_step .step_box .step_tit{padding: 5px 0 0;font-size: 1.2rem;font-weight: 600;}
.api_step .step_tit:after{display:none;}
.api_step .step_cont{background: #f8f8f8;border-radius: 5px;padding: 15px;height: 50px;overflow: hidden;text-align: left;display: flex;align-items: center;color: #000;justify-content: space-around;}

.data-view {}
.data-view .main-tit { font-size: 30px; font-weight: 500; margin-bottom:20px;}
.data-view .data-set-title{border:1px solid #e9e9e9;border-top: 1px solid #000;padding:20px;/* padding-right:270px; *//* min-height:170px; */position:relative;display: inline-block;width: 100%;margin-bottom: 10px;}
.data-view .data-set-title .top-left{/* position: absolute; */display: inline-block;width: 310px;height: 220px;float: left;}
.data-view .data-set-title .top-left .thumbnail{display: inline-block;width: 100%;height: 100%;background-size: cover !important;background-position: center !important;border:1px solid #e9e9e9;}
.data-view .data-set-title .top-right{width: calc(100% - 320px);display: inline-block;float: right;padding-left: 20px;height: 200px;}
.data-view .data-set-title .top-right .txt_box{min-height: 147px;}
.data-view .data-set-title .tit-area{}
.data-view .data-set-title .tit-area .tit{font-weight: 600;font-size: 28px;}
.data-view .data-set-title .cont {padding-top:10px; font-size:1rem;color: #9296A7;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height:60px;}
.data-view .btn-group {display:flex;justify-content: center;}
.data-view .data-set-title {display: inline-block;}
.data-view .data-set-title button {padding: 0px;/* border:1px solid #ddd; */border-radius:0;margin-right:10px;}
.data-view .data-set-title button i {margin-right:5px;font-size: 1rem;}
.data-view .data-set-title button.like i{color: #ccc;}
.data-view .data-set-title button.dislike i{color:#535dff;}
.data-view .data-set-title button.bookmark i{color:#299155;}
.data-view .data-set-title button.select {/* border:1px solid #fff; *//* color:#fff; */}
.data-view .data-set-title button.like.select {/* background:#f64e4e; */}
.data-view .data-set-title button.like.select i{color: #f64e4e;}
.data-view .data-set-title button.dislike.select {background:#535dff;}
.data-view .data-set-title button.dislike.select i{color:#fff;}
.data-view .data-set-title button.bookmark.select {background:#299155;}
.data-view .data-set-title button.bookmark.select i{color:#fff;}
.data-view .ic_python{width: 100px;height: 50px;background: url('../../images/sub/ic_python2.svg') center no-repeat;display: inline-block;background-size: 100px;}
.data-view .ic_r{width: 40px;height: 50px;background: url('../../images/sub/ic_r.svg') center left  no-repeat;display: inline-block;background-size: 30px;}
.data-view .ic_tableau{width: 140px;height: 43px;background: url('../../images/sub/ic_tableau.svg') center left  no-repeat;display: inline-block;background-size: 130px;}
.data-view .ic_superset{width: 100px;height: 50px;background: url('../../images/sub/ic_superset.png') center no-repeat;display: inline-block;background-size: 100px;}
.self_state{/* font-weight: 500; */padding: 2px 12px;border-radius: 25px;display: inline-block;color:#fff;/* font-size: .9rem; */}
.self_state.approve {/* background: #e6f3eb; */color: #00c909;font-weight: 500;border-radius: 30px;}
/* .mypage .approve:before{content: '\eed7';font-family: 'icofont';} */
.self_state.cancel {color: #e91e63;/* background: #e5e5e5; */font-weight: 500;}
/* .mypage .cancel:before{content: '\eedd';font-family: 'icofont';} */
.self_state.refuse {/* background: #ffeed5; */cursor:pointer;color: #ff1706;font-weight: 500;border-radius: 30px;}
.self_state.refuse:after{content:'\ed1b';font-family: 'icofont';font-weight:bold;padding-left:5px;}
.self_state.refuse.ic_refuse_no{cursor:default;}
.self_state.refuse.ic_refuse_no:after{display:none;}
/* .mypage .refuse:before{content: '\ef19';font-family: 'icofont';} */
.self_state.wait {/* background: #e5edfa; */color: #0089f7;font-weight: 500;}

/* .mypage .wait:before{content: '\ef10';font-family: 'icofont';} */
.mypage .date {font-size: .8rem;color: #9a9a9a;background: #f2f2f2;border-radius: 10px;}
.state_date {font-size: .8rem;color: #999;}
.refuse_content{width: 100%;margin: 0;border: 1px dashed #f12222;padding: 1rem;box-shadow: 0 3px 5px rgb(0 0 0 / 10%);margin-bottom: 2rem;text-align: left;cursor: auto !important;border-radius: 0;background: #fff8f8;}
.refuse_content .tit{font-weight: 500;font-size: 1.2rem;margin-bottom: 11px;}
.refuse_content p{/* min-height:80px; */background: #fff;padding: 10px;border: 1px solid #ffe1e1;}


/* 셀프분석 하단 다운로드*/
.slef_downBox{margin-top:50px;}
.slef_downBox ul{border-top:2px solid #000;}
.slef_downBox li{border-bottom: 1px solid #e9e9e9;}
.slef_downBox li .down_list{display: flex;/*! min-height: 60px; *//*! justify-content: center; *//*! align-items: center; */}
/* .slef_downBox li .self_gubun{width: 20%;text-align: center;}
.slef_downBox li .self_gubun span{} */
.slef_downBox li .self_file{width:100%;padding: 20px 20px;/*! background: #f8f8f8; *//*! border-left: 1px solid #e9e9e9; */display: flex;align-items: center;}
.slef_downBox li .self_file .btn{position: absolute;right: 10px;top: 50%;margin-top: -20px;}
.slef_downBox li .self_file span{width:15%;background-position:center;}
.slef_downBox li .self_file .file{position: relative;padding: 20px 20px;border: 1px solid #e9e9e9;/* margin-bottom: 10px; */background: #f8f8f8;/* border-radius: 10px; *//* box-shadow: 0 3px 10px rgb(0 0 0 / 10%); */margin-top: -1px;width: 85%;min-height:60px;}
.slef_downBox li .self_file .file:last-child{margin-bottom:0;}

/* 분석환경 옆 버튼 추가 */
.self_gubun_list{}
.self_gubun_list li{/* float:left; *//* width: 100%; */display: flex;align-items: center;}
.self_gubun_list li .chk_box{float:left;}
.self_gubun_list li .self_file{/* display:inline-block; */}
.self_gubun_list li .self_file .btn{font-size:13px !important;}


.data-view .data-set-title .info {padding: 10px;background-color: #f5f5f5;border-radius: 5px;position: absolute;bottom: 20px;}
.data-view .data-set-title .info ul:after { content: ''; display: block; clear: both; }
.data-view .data-set-title .info ul li { float: left; display: flex; margin-right: 25px; }
.data-view .data-set-title .info ul li:first-child { margin-left: 0; }
.data-view .data-set-title .info ul li label {margin-right: 15px;font-size: 14px;font-weight: 500;}
.data-view .data-set-title .info ul li span {font-size: 14px;color: #777;}


.data-view .data-set-title .btn-util {position:absolute;right: 10px;top: 10px;z-index: 1;}
.data-view .data-set-title .btn-util a {border:1px solid #ddd;}
.data-view .data-set-title .btn-util a:hover{background:#f2f2f2;}
.data-view .data-set-title .btn-util a i {margin-right:5px;}
.data-view .tab-list {margin: 20px 0;}
.data-view .tab-list ul {width:100%;height:50px;position:relative;}
.data-view .tab-list ul::after {content:"";display:block;position:absolute;height:1px;width:100%;bottom:0;background:#4273e1;z-index:-1;}
.data-view .tab-list ul li {border:1px solid #e9e9e9;border-bottom:1px solid #4273e1;min-width:180px;height:50px;float:left;z-index:1;}
.data-view .tab-list ul li.on {border:1px solid #4273e1;border-bottom:1px solid #fff;}
.data-view .tab-list ul li a {display:block;text-align:center;width:100%;height:100%;line-height:48px;}
.data-view .tab-list ul li.on a {color:#4273e1;}
.data-view .tab-list ul li.on a::after{border-bottom:0;}
.data-view .tab-file-data {}
.data-view .desc {background: #f8f8f8;align-items:center;padding:20px;width: 100%;}
.data-view .desc p{font-size:14px;}
.data-view .data-detail-wrap {padding:20px;height:82px; border:1px solid #e9e9e9;vertical-align:middle;margin-bottom:20px;line-height: 35px;}
.data-view .data-detail-wrap span.ext.xml {color: #fff;background-color: #5f63b2;display:inline-block;margin-right: 5px;padding: 3px 8px;font-size: 12px;font-weight: bold;}
.data-view .data-detail-wrap span.ext.json {color: #fff;background-color:#0a7e88;display:inline-block;margin-right: 5px;padding: 3px 8px;font-size: 12px;font-weight: bold;}
.data-view .data-detail-wrap .title {display:inline-block;font-size:16px;}
.data-view .data-detail-wrap .btn-group {float:right;display:inline-block;}
.data-view .data-detail-wrap .btn-group a {border:1px solid #e9e9e9;margin-left:10px;}
.data-view .data-detail-wrap .btn-group a:hover{background:#f2f2f2;}
.data-view .data-detail-wrap .btn-group i{margin-right:5px;}
.data-view .btn-ext{padding: 8px 15px;background: #333;border-radius: 5px;min-width: 100px;display: inline-block;text-align: center;font-size: .9rem;color: #fff;opacity:.9;margin-bottom:10px;}
.data-view .btn-ext:hover{opacity:1;}
.data-detail-btn{display:inline-block; width:100%;padding-bottom:20px;padding-top:5px;}


.data-view .table-tit {font-size:18px;font-weight:500;margin-bottom:10px;}
.data-view .table-tit .btn{border:1px solid #e9e9e9;margin-left:10px;}
.data-view .table-tit .btn:hover {background:#000;color:#fff;transition:.3s;}
.data-view .table {/* border: 1px solid #e9e9e9; */text-align:left;}
.data-view .table th {font-weight: 400;background: #e4edf5;border-color:#c1d7ea;/* color: #fff; */}
.data-view .table tr.first th {/* background: #f9e4e4; */}
.data-view .table tr.second th {/* background: #ecf9ee; */}
.data-view .table tr.third th {/* background: #eaf0ff; */}
.data-view .table td {padding:1rem .7rem;/* background:#f8f8f8; */}
.file-data-table .table td{white-space:normal;}

.data-view .textBox{padding:10px;}
.data-view{}
.data-view .mb {display:none;}
.data-view .mb th {width:170px;}
.data-view > .btn-group {justify-content:center;margin-top:40px;}
.data-view > .btn-group .btn {background:#0c62c0;color:#fff;}
.data-view .tab-open-api {display:none;}
.data-view .tab-file-data {display:none;}
.data-view > div.on {display:block}


.table-responsive-fixed{overflow: auto;max-height: 240px;}
.table-responsive-fixed table{/* overflow-y: auto; */}
.table-responsive-fixed table th{}
.table-responsive-edit table{table-layout:fixed;}
.table-view table {table-layout:auto;padding-top: 40px;}
.table-view table thead th{padding: 0.2rem .3rem !important; position:sticky; top:0;}
.table-view{position:relative;margin: 0px;padding: 0 5px;}
.table-view thead{border-top:none;position: sticky;top: 0;}
.table-view th{background: #324a6a !important;color:#fff;/* border-color: #415877 !important; */}
.table-view th,.data-view .table-sm td{border:1px solid #ddd;}
.table-view td{background:#f8f8f8;text-align:left;}
.table-view .data-detail-btn{padding: 0;}
.table-view .data-detail-btn .btn-ext{margin: 0;padding: 5px 10px;min-width: 60px;width:100%;max-width:200px;}
.table-view .header-bg{background: #22395a;height:30px;position: absolute;top: 0;right: 0;left: 0;z-index: 1;}
.table-view .table-wrapper {overflow-x: hidden;overflow-y: auto;height: 100%;/* position: relative; */max-height:240px;width:100%;}
.table-view .th-text {position: absolute;top: 0;width: inherit;line-height:30px;border-left: 1px solid #555f6c;font-size: 14px;color: #ffffff;z-index: 1;font-weight: 500;padding-left: 5px;}
.table-view th:first-child .th-text {border-left: none;}

.table_col .w50_radio input{width:50px;}


.border-top{border-top:1px solid #000;}
/*
#container.sub .itemlist > .item {display:none;}
#container.sub .itemlist > .item.selected {display:block;}
*/
/* 마이페이지 - open api*/
.det-view{display:none;/* background: #f8f8f8; */}
.det-view .request-box {position:relative;}
.det-view .request-box .title{color: #000;font-weight: 500;height: 40px;line-height: 40px;}
.det-view .request-box .btn-right{position:absolute; right:0; top:0;}
.det-view .request-box table thead th{padding: 0;height: 30px;background: #122b4f;font-size: .9rem;color: #fff;}
.det-view .request-box table td{background: #f8f8f8;padding: 5px;font-size: .9rem;border: 1px solid #ddd;}
.det-view .request-box table tbody tr:hover{background:#f4f4f4f;}
.det-view  th,td{height:0; padding:0 20px;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.2s;
	transition:all 0.2s;}
.det-view.active{display:table-row;}
.det-view  .request-box .det-view ,td{height:auto; padding:10px 20px;}

/* 기관사용자 tab */
.Gdata_Box{}
.Gdata_Box .Gdata_tab{display: inline-block;width: 100%;border-top-left-radius: 10px;border-top-right-radius: 10px;/* overflow: hidden; */padding-bottom: 20px;}
.Gdata_Box .Gdata_tab ul{}
.Gdata_Box .Gdata_tab ul li{width: 50%;display: flex;float: left;text-align: center;align-items: center;}
.Gdata_Box .Gdata_tab ul li .tab_cnt{background: #e4edf5;display: inline-block;width: 100%;padding: 10px 15px 5px;cursor:pointer;box-shadow: 0 3px 10px rgba(0,0,0,.2);border: 1px solid #dfe3f6;}
.Gdata_Box .Gdata_tab ul li .tab_cnt .title{font-size: 1.2rem;font-weight: 500;padding-bottom: 5px;}
.Gdata_Box .Gdata_tab ul li .tab_cnt span{}
.Gdata_Box .Gdata_tab ul li .cnt_box{background:rgb(230 233 248);display: inline-block;width: 100%;padding: 5px 20px;border-radius: 25px;}
.Gdata_Box .Gdata_tab ul li .cnt_box ul{}
.Gdata_Box .Gdata_tab ul li .cnt_box ul li .cnt_tit{display: inline-block;float: left;font-size: .8rem;width: 40%;text-align: left; border-left: 0; }
.Gdata_Box .Gdata_tab ul li .cnt_box ul li .cnt{font-weight: bold;width: 60%;text-align: left;}
.Gdata_Box .Gdata_tab ul li.active{}
.Gdata_Box .Gdata_tab ul li.active .tab_cnt .title{color:#fff;}
.Gdata_Box .Gdata_tab ul li.active .tab_cnt{background: #122b4f;position: relative;border-color: #122b4f;}
.Gdata_Box .Gdata_tab ul li.active .tab_cnt:after{content:'';width: 0px;/* height:10px; */display:inline-block;position:absolute;border-top: 10px solid #3d326a;border-left: 6px solid transparent;border-right: 6px solid transparent;bottom: -10px;left: 50%;margin-left: -4px;}
.Gdata_Box .Gdata_tab ul li.active .cnt_box{background: rgba(255,255,255,0.1);}
.Gdata_Box .Gdata_tab ul li.active .cnt_box ul li .cnt_tit{color: #baacf4;}
.Gdata_Box .Gdata_tab ul li.active .cnt_box ul li .cnt{color: #fff;}



.Gdata_Box .Bdatalist > ul > li{border-right:1px solid #DFE3F6;border-bottom:1px solid #DFE3F6;}
.Gdata_Box .Bdatalist > ul{border-top:1px solid #dfe3f6; border-left:1px solid #DFE3F6;}
.Gdata_Box .Bdatalist > ul > li.active .cd_more:after{color: #c1caf7;border: 2px solid #9aa5dd;}

.gdataSearch{padding:10px 15px !important;}
.gdataSearch .form-select{padding: 7px 0;}
.gdataSearch .input-group{display: inline-block !important;text-align: center;}
.gdataSearch .input-group label{display:inline-block !important;}
.gdataSearch .form-select:first-child{padding-top:0;}
.gdataSearch .form-select:last-child{padding-bottom:0;}
.gdataSearch .btn{min-width: 90px !important;position: absolute;right: 0;top: -60px;padding:9px 0}
.gdataSearch .btn:after{content: '\ed1b'; font-family: 'icofont';padding-left:5px;font-weight:600;}
.gdataSearch .form-select > label{width:120px;}
.gdataSearch .search-input{padding-top: 60px;}
.gdataSearch .input-label-group{text-align:left;padding-left:20px;width:calc( 100% - 120px ) !important;}
.gdataSearch .total{width: 100%;padding-bottom: 10px;}
.gdataSearch .total:before{content:'';width:100%;position:absolute;left:-20px;bottom:0;background: #e9e9e9;height: 1px;}
.gdataSearch .chk_box{width:calc( 13% - 1rem );}

.table-gdata{}
.table-gdata thead th{background: #122b4f !important;font-weight: normal;font-size: .8rem;border-right: 1px solid #364863;color:#d4daff;}
.table-gdata thead th:last-child{border-right:none;}
.table-gdata tbody th{background: #f4f4f4;font-weight: 500;vertical-align: middle;border-bottom: 1px solid #e9e9e9;}
.table-gdata td{border:1px solid #e9e9e9;font-size:.8rem !important;}
.table-gdata tr, .table-gdata td{padding-left: .5rem !important;padding-right: .5rem !important;}
.table-gdata .tbody_gubn{background:#f8f8f8;}

.line{position:relative; height:5px; width:100%; }
.line:before{content:'';background: url('../../images/sub/line_path.svg') repeat;display:inline-block;position:absolute;left:0;height: 5px;width: 100%;opacity: .6;}


/* api관리 */
.textBox{border:1px solid #e9e9e9; min-height:80px;padding:10px;}
.apidata_bottom {}
.apidata_bottom .board{background: #fff;border-radius: 10px;padding: 20px 10px;border: 1px solid #e9e9e9;}
.apidata_bottom .table-responsive{height:400px; overflow-y:auto;}
/* .apidata_bottom .btWrap-right{position: absolute;right: 0;bottom: 0;} */
.btWrap-right{position: absolute;right: 0;bottom: 0;}
.api_step .btWrap-right{position: absolute;right: 10px;bottom: 10px;}
small{font-size:.9rem;display:inline-block;}

.apihistory{position: relative;}
.apihistory .apihistory_select{padding: 10px 0;border-top: 1px solid #000;}
.apihistory .apihistory_select .list{/* background: #f8f8f8; */height: 160px;overflow-y:auto;border-bottom: 1px solid #e9e9e9;}
.apihistory .apihistory_select .list li{padding: 0px 10px;margin-bottom: 10px;width: 20%;float: left;}
.apihistory .apihistory_select ul li .api_box{background: #fff;box-shadow: 0 3px 6px rgb(0 0 0 / 10%);border-radius: 0;padding:10px 10px;position: relative;border: 1px solid #e9e9e9;cursor:pointer;/* background: #f8f8f8; */border-radius: 10px;}
/* .apihistory .apihistory_select ul li .api_box:after{content:'\eaa0';font-family: 'icofont';position: absolute;right: 10px;top: 50%;margin-top: -12px;} */
.apihistory .apihistory_select ul li .api_box .upl_num{font-size: .8rem;}
.apihistory .apihistory_select ul li .api_box .num{padding: 1px 6px;background:#f2f2f2;border-radius: 10px;font-size: .8rem;margin-right: 5px;display: inline-block;color: #525252;}
.apihistory .apihistory_select ul li .api_box .title{padding-top: 2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.apihistory .apihistory_select ul li .api_box .version{position: absolute;font-size: 0.85rem;top: 10px;right: 10px;color: #3f51b5;padding-right: 13px;z-index:1;}
.apihistory .apihistory_select ul li .api_box .version:before{content:'';width:0;left:0;bottom: 2px;height: 1px;display: inline-block;position: absolute;z-index: -1;-webkit-transition:width 0.3s ease;-moz-transition:width 0.3s ease;transition:width 0.3s ease;}
.apihistory .apihistory_select ul li .api_box .version:hover:before{content:'';width:100%;background: #3f51b5;}
.apihistory .apihistory_select ul li .api_box .version:after{content:'\eaa0';font-family: 'icofont';position: absolute;right: 0;top: 50%;margin-top: -9px;}
.apihistory .apihistory_select ul li .api_box:hover{background:#f2f2f2;}
.apihistory .apihistory_select ul li.active .api_box{background: #515ea1;color:#fff;border-color: #515ea1;}
.apihistory .apihistory_select ul li.active .api_box .num{background: #7280c7;color:#fff;} 
.apihistory .apihistory_select ul li.active .version{color:#fff;}
.apihistory .apihistory_select ul li.active .version:hover:before{background:#fff;}
.apihistory .apihistory_select ul li.active .api_box:after{/* content: ''; */font-family: 'icofont';position: absolute;right: -8px;top: 50%;margin-top: -5px;border-left: 8px solid #673ab7;border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
.apihistory .apihistory_view{/* position: absolute; *//* right: 0; *//* top: 0; *//* width: 70%; *//* border: 1px solid #e9e9e9; *//* padding: 20px; */background: #ffffff;}
.apihistory .apihistory_view .board{}
.apihistory .apihistory_view .table-warp{height:300px;overflow-y:auto;padding: 10px;border-radius: 0;border: 1px solid #e9e9e9;box-shadow: 0;background: #fff;}
.apihistory .apihistory_view:before{content:'';position:absolute;width: 1px;height: calc( 100% + 20px );/* background: #e9e9e9; */left: -15px;}
.historay-tab {position:Relative;}
.historay-tab:before{content:'';width: 100%;height: 1px;background: #dfe3f6;display: inline-block;position: absolute;bottom: 0;}
.historay-tab  ul li {float:left;text-align:center;}
.historay-tab  ul li a {display :block;position:relative;padding:10px 30px;border: 1px solid #dfe3f6;border-left:0;font-size: .9rem;transition:none;margin-right: -1px;background: #e7e9f4;}
.historay-tab  ul li a:first-child {border-left: 1px solid #dfe3f6;}
.historay-tab  ul li a.selected {color: #0072EE;/* border-color: #673ab7; */font-weight:bold;border-bottom-color:#fff;background: #fff;}
.historay-tab  ul li a.selected::before {/* content:""; */position:absolute;width:12px;height:12px;bottom: -6px;left:50%;transform: translateX(-50%) rotate(45deg);background:#353950;}
.historay-tab  ul::after {content:"";display:block;clear:both;}
.hisContent .cont {margin-bottom:70px;display:none;/* padding: 0 20px; */}
.hisContent .cont.selected{display:block;}



input[readonly='readonly'], input[readonly='readonly']:focus, input[readonly], input[readonly]:focus{background:#fff !important;}
input:disabled{background:#f5f5f5;}
input.i-datepicker, input.i-datepicker[readonly='readonly'], input.i-datepicker[readonly='readonly']:focus, input.i-datepicker[readonly], input.i-datepicker[readonly]:focus{background: url('../../images/sub/ic_datepicker2.svg') center right 10px no-repeat, #fff !important;display: inline-block;z-index:1;}

/* subscribe */
.subscr_cont{width: calc( 50% - 10px);padding-right: 20px;/* float:left; */display: inline-block;}


/* api등록관리 데이터 등록 */
/*
.column_select{display:inline-block;width:100%;padding: 10px;border: 1px solid #e9e9e9;background: #f8f8f8;}
.column_select .box-w50{width: calc( 50% - 10px );margin-right: 20px;display:inline-block;float:left;border:1px solid #e9e9e9;background: #fff;padding: 0;position: relative;}
.column_select .box-w50 .tit{padding: 10px 10px;font-weight: 500;font-size: .9rem;color: #5844ab;background: #dfe3f9;}
.column_select .box-w50 li{border-bottom:1px solid #e9e9e9;}
.column_select .box-w50 li:last-child{margin:0;}
.column_select .box-w50 li a{padding:10px;display:inline-block; width:100%;}
.column_select .box-w50 li a:hover{background:#f2f2f2;}
.column_select .box-w50:after{content:'';width:1px;height:100%;display:inline-block;background: #e9e9e9;position:absolute;top: 0;right: -10px;}
.column_select .box-w50:last-child{display:none;}
.column_select .api-data{height: 300px;overflow-y: scroll;position:relative;padding: 10px;}
.column_select .api-data li.active a{background:#3d326a;color:#fff;position:relative;}
.column_select .api-data li.active a:after{content:'\eaa0';font-family: 'icofont';position: absolute;right: 10px;top: 50%;margin-top: -12px;}
.column_select .column-data{height: 300px;overflow-y: scroll;}
.column_select .column-data li{padding:10px;}
#column_tbl{}
#column_tbl input[type="checkbox"]{width:auto;}*/

/* api등록관리 데이터 등록 */
.column_select{display:inline-block;width:100%;/* padding: 10px; *//* border: 1px solid #e9e9e9; *//* background: #f8f8f8; */}
.column_select .box-w50{width: 100%;margin-right: 20px;display:inline-block;float:left;border:1px solid #e9e9e9;background: #fff;padding: 0;position: relative;}
.column_select .box-w50 .tit{padding: 10px 10px;font-weight: 500;font-size: .9rem;color: #5844ab;background: #dfe3f9;}
.column_select .box-w50 li{border: 1px solid #e9e9e9;width: calc( 25% - 8px );float: left;height: 44px;}
.column_select .box-w50 li:last-child{margin:0;}
.column_select .box-w50 li a{padding:10px;display:inline-block; width:100%;}
.column_select .box-w50 li a:hover{background:#f2f2f2;}
.column_select .box-w50:after{content:'';width:1px;height:100%;display:inline-block;background: #e9e9e9;position:absolute;top: 0;right: -10px;}
.column_select .box-w50:last-child{display:none;}
.column_select .api-data{height: 170px;overflow-y: scroll;position:relative;padding: 10px;display: flex;gap: 10px;/* align-items: start; */flex-wrap: wrap;}
.column_select .api-data li.active a{background:#3d326a;color:#fff;position:relative;}
.column_select .api-data li.active a:after{content:'\eaa0';font-family: 'icofont';position: absolute;right: 10px;top: 50%;margin-top: -12px;}
.column_select .column-data{height: 300px;overflow-y: scroll;}
.column_select .column-data li{padding:10px;}
#column_tbl{}
#column_tbl input[type="checkbox"]{width:auto;}

@media screen and (max-width: 1024px) {
}
@media screen and (max-width:768px) {

}

.font-sm{font-size:.8rem;}
.fileUpload-sm{}
.fileUpload-sm [data-ax5uploader]{display:flex;item-align:center;}
.fileUpload-sm .ax-button-group{}
.fileUpload-sm .ax-button-group .left{}
.fileUpload-sm .ax-button-group .right{}
.fileUpload-sm [data-ax5uploader] [data-ax5uploader-button="selector"]{padding-left:.5rem;padding-right:.5rem;min-width: 100px;white-space:nowrap;}
.fileUpload-sm [data-ax5uploader-uploaded-box]{min-height:40px;height:auto;max-height:100px;width: calc( 100% - 120px );margin: 0;border: none;background: #fff;padding:0;}
.fileUpload-sm [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box="inline"] [data-ax5uploader-uploaded-item]{    background: #f5f5f5;border: 1px dashed #ececec;margin-top: 1px;}

/*230303 ryu*/
.ryu-input-group.input-group{width:auto;display: inline-block;}
.ryu-input-group.input-group .btn-purple{height:47px;padding-top: 0;padding-bottom: 0;line-height: 47px;}

.file-one{}
@media (max-width: 1200px) {	
	.Gdata_Box .Bdatalist > ul > li {width:20%;}
}
@media (max-width: 768px) {
	.Gdata_Box .Bdatalist > ul > li {width:50%;}
	.Gdata_Box .Gdata_tab ul li .tab_cnt{padding:10px;}
	.Gdata_Box .Gdata_tab ul li .tab_cnt .title{font-size:.9rem;}
	.Gdata_Box .Gdata_tab ul li .cnt_box{padding:5px;min-height:106px;}
	.Gdata_Box .Gdata_tab ul li .cnt_box li{width:100%;display: inline-block;padding-bottom:10px;}	
	.Gdata_Box .Gdata_tab ul li .cnt_box li:last-child{padding-bottom:0px;}	
	.Gdata_Box .Gdata_tab ul li .cnt_box ul li .cnt_tit{width: 100%;text-align: center;}
	.Gdata_Box .Gdata_tab ul li .cnt_box ul li .cnt{width: 100%;text-align: center;}

	.table-responsive-fixed{overflow-y:auto;}
	.table-responsive-fixed .table{width: 1000px;}
	.table-view .table-wrapper{width: 1000px;}
	.table-view .header-bg{width:1000px;}
	.gdataSearch .search-input{padding-top:0;}
	.gdataSearch .btn{position: unset;}
	.gdataSearch .chk_box{width:calc( 48% - 1rem );}
	.gdataSearch .form-select > label{width:100%;text-align: left !important;padding:0 !important;}
	.gdataSearch .form-select{display:block !important;}
	.gdataSearch .total:before{display:none;}
	.gdataSearch .input-label-group{padding-left:0;width:100% !important;}

	.apihistory .apihistory_select{width:100%;padding-right: 0;}
	.apihistory .apihistory_select .list{height:396px;}
	.apihistory .apihistory_view{position: inherit;width: 100%;padding:0;}
	.apihistory .apihistory_select .list li{padding:0;width:100%;}
	.historay-tab ul li a{padding:7px 10px; font-size:.9rem;}

	.subscr_cont{width:100%; min-height:auto;}

	.table-responsive-edit colgroup{display:none;}
	.table-responsive-edit th{width:100% !important;display:block;font-size:.9rem !important;padding: .5rem .5rem 0;border-top:none;height: auto !important;text-align: left;background: #fff !important;border-bottom: none !important;}
	.table-responsive-edit td{width:100%;display:block;font-size:1rem;border-top:none;min-height:37px;padding: .5rem .5rem .7rem !important;line-height: normal !important;height: auto !important;}
	.table-responsive-edit .input-group.input-label-group{display:block;/* align-items: start; *//* gap: initial; */text-align: left;}
	
	.column_select .box-w50{width:100%;margin-bottom:10px;}
	.column_select .box-w50 li{width:100%;}
}


@media (max-width: 1920px) {
	#container.sub .data-visual-cont .visual-2 {
		/*max-height: fit-content !important;*/
	}
	#container.sub .data-visual-cont .visual-1 .map-wrap{
		height:650px !important;
	}
}

@media (max-width: 1500px) {

    .inner { padding: 0 10px !important; }
    #nav {width: calc(100% - 499px);padding-left: 110px;}
	#nav ul li {margin-right: 30px;/* flex: 1; */}
	#nav ul li a span{/* font-size:16px; */}
	#tnb ul li a {margin-left: 10px;}


    #container.sub .result_box .result.total_result .result_cnt .box { height: 92px; font-size: 28px; }
    #container.sub .result_box .result.area_result .result_cnt { padding: 18px 25px; }
    #container.sub .result_box .result.area_result .result_cnt .box { padding: 0; flex: 1; }
    #container.sub .result_box .result.area_result .result_cnt .box span.cnt { font-size: 22px; }
    #container.sub .result_box .result.chart_result .box { padding: 6px; }

	#container.sub .data .data_cont ul.flex > li {/* width:26%; */}

}

@media (max-width: 1200px) {
    #nav { display: none; }
    #tnb { display: none; }
    #category { display: none; }
    #header {position: fixed !important;width: 100%;padding: 10px 0;z-index: 1000;top:0;height: 64px;}
    
	#logo {float: none;width: 210px;}
	#logo .sub_banner img{width: 61px;}


    #container.sub {padding-top: 125px;}
	#container.mypage {padding-top: 100px;background: #fff;}
	
	.side_btn button:before {border-top: 3px solid #000 !important;}
	.side_btn button span {border-top: 3px solid #000 !important;}
	.side_btn button:after {border-bottom: 3px solid #000 !important;}

	/* 모바일 location */
	.container_tit {margin-top: 64px;display:block;position: fixed;z-index: 1000;width: 100%;}
	.container_tit .location {/* margin-bottom: 30px; *//* display:none; */height: 40px;background: #122b4f;padding-left: 0;}

	.container_tit .location ul li {position: relative;float: left;padding-left: 0;/* line-height: 40px; */width: calc(50% - 20px);height: 40px;}
	.container_tit .location ul li:first-child {/* padding-left: 0; *//* margin-left: 0; */width: 40px;text-align: center;/* display:inline-block; */}
	.container_tit .location ul li:first-child:before {/* content: ''; */}
	.container_tit .location > ul > li > a {display:inline-block;color: #ffffff;line-height: 40px;font-size: 13px;padding: 0 10px;border-left:1px solid #2a3f5d;overflow: hidden;width: 100%;}
	.container_tit .location > ul > li > a:after {content: '\e5cc';font-family: 'Material Icons';position: absolute;right: 10px;top: 0px;font-size: 14px;color: #fff;width: 13px;height: 100%;display: inline-block;transition:transform 0.3s;}
	.container_tit .location > ul > li.active > a:after{transform: translateX(0) translateY(-2px) rotate(90deg);}
	.container_tit .location ul li.home a {width: 40px;height: 40px;border:none;}
	.container_tit .location ul li.home a:before{content:'\ef47';font-family: 'icofont';color:#fff;}
	.container_tit .location ul li.home a:after{display:none;}
	.container_tit .location ul li.home a span {display: none;opacity: 0;}
	.container_tit .location ul li .has-depth1{position: absolute;width: 100%;background: #fff;box-shadow:0 2px 6px rgb(0 0 0 / 50%);top: 40px;}
	.container_tit .location ul li .has-depth1 li{width: 100%;text-align: left;}
	.container_tit .location ul li:first-child .has-depth1 li{}
	.container_tit .location ul li .has-depth1 .has-ch{color: #000;padding:10px;display:block;font-size: 13px;}

	.container_tit .sub_title {font-size: 48px;font-weight:600;position: relative;padding-bottom: 30px;}
	.container_tit .sub_title:after{content:'';background: url('../../images/sub/ic_underline.svg');width: 100%;height: 5px;display: inline-block;opacity: .8;position: absolute;left: 0;bottom: 0;}


    /*  .container_tit { margin-bottom: 25px; display:block;}
     .container_tit .location { margin-bottom: 15px; }
     .container_tit .sub_title {font-size: 30px;} */

    #container.sub .result_box .result > .title span { font-size: 14px; }
    #container.sub .copyright { padding: 20px; }
    #container.sub .copyright .img { position: relative; left: 0; top: 0; text-align: center; transform: none; }

	#container.sub .data .data_cont ul.flex > li {/* width:30%; */}
	#container.sub .bdanalysys .search.type3 .search_form {width:auto;}
	#container.sub .bdanalysys .search.type3 .search_form .flex.column:first-child {width: auto;}
	#container.sub .bdanalysys .search.type3 .search_form .flex.column:last-child {width: auto;}

	#container.sub .bdanalysys .desc .self {width:60%;padding: 100px 14% 100px 50px;}

	#container.mypage nav#sidenav {width:22%;}
	#container.mypage .s_right {width: 75%;}
	/* #container.mypage .s_right{width:100% !important;float:none !important;}
	#container.mypage nav#sidebar {width:100% !important; float:none !important;display:flex;border-bottom:1px solid #ddd;margin-bottom:50px;margin-top:0;}
	#container.mypage nav#sidebar .side_in_wrap {width:auto;position:relative;margin-bottom:0;}
	#container.mypage nav#sidebar #menu_sbj em {font-size:16px;margin-right:20px;border-bottom:0;cursor:pointer;}
	#container.mypage nav#sidebar #menu_sbj:hover + .side-list{display:block !important;}
	#container.mypage nav#sidebar .side-list li span a  {font-size:16px;}
	#container.mypage nav#sidebar .side-list li {display:inline-block;padding: 10px 20px;}
	#container.mypage nav#sidebar .side-list {border-bottom:0;position:absolute;top: 45px ;white-space: nowrap;display:none;} */
	#container.mypage .s_right{width:100% !important;float:none !important;box-shadow: none;padding: 0;}
	#container.mypage nav#sidenav {width:100% !important; float:none !important;display:flex;border-bottom:1px solid #ddd;margin-bottom:60px;margin-left:0;margin-top:60px;flex-direction:row;height:auto !important;display:none;}

	#container.mypage nav#sidenav .side_in_wrap {width:auto ;position:static;margin-bottom:0;margin-left:0;opacity:1;display:block;}
	#container.mypage nav#sidenav .side_in_wrap h2 {background-color:transparent !important;height:auto !important;}
	#container.mypage nav#sidenav #menu_sbj {margin-right:20px;}
	#container.mypage nav#sidenav #menu_sbj em {font-size:16px;border-bottom:0;cursor:pointer;}

	#container.mypage nav#sidenav .side-list li span a  {font-size:14px;}
	#container.mypage nav#sidenav .side-list li {display:inline-block;margin-right: 1rem;}
	#container.mypage nav#sidenav .side-list li:last-chidl {margin-right:0;}
	#container.mypage nav#sidenav .side-list {border-bottom:0;position:absolute;top: 45px;left:0;white-space: nowrap;display:none;overflow: visible;padding-left:0;}
	#container.mypage nav#sidenav .side_in_wrap {}
	#container.mypage nav#sidenav .side_in_wrap.selected .side-list {display:block;}
	#container.mypage nav#sidenav .side_in_wrap.selected #menu_sbj {border-bottom:3px solid #0c62c0;color:#0c62c0;}
	#container.mypage .s_right .PrivacyCont ul {flex-direction:column;}
	#container.mypage .s_right .PrivacyCont ul li {width:100%;}

	#container.mypage .s_right .table span.mb {display:inline-block;margin-left:10px;color:#fff !important;padding:3px 7px;border-radius:3px;}
	#container.mypage .s_right .table span.mb.green {background:linear-gradient(122deg, #33b6d8 0%, #093958 100%) 0% 0% no-repeat padding-box;}
	#container.mypage .s_right .table span.mb.red {background:linear-gradient(122deg, #ff8793 0%, #d40303 100%) 0% 0% no-repeat padding-box;}

	#container.sub .bigdata .bd-dboard .list{padding:0;}
	.plat_box .body-box .list-st2 li span{font-size:0.8rem;}

	.itemlist .item .list > ul > li a span.tit {font-size:18px;}
}


@media (max-width: 1024px) {

    #container.sub .search.type1 { margin-bottom:10px; }
    #container.sub .total_cnt { margin-bottom: 20px; }
    #container.sub .total_cnt span { font-size: 28px; }

    #container.sub .list_tab ul li a { padding: 10px 20px; }

    #container.sub .people_sort {  }
    #container.sub .result_box { margin-bottom: 30px; }
    #container.sub .result_box .result.total_result { width: 100%; margin-bottom: 10px; }
    #container.sub .result_box .result.area_result { width: 75%; }
    #container.sub .result_box .result.area_result .result_cnt { padding: 18px 10px; }
    #container.sub .result_box .result.chart_result { width: calc(25% - 10px); margin-left: 10px; }
    #container.sub .chart_list { margin-bottom: 30px; }
    #container.sub .chart_list .list_search { margin-bottom: 15px; }

    #container.sub .map_box { overflow: hidden; }
    #container.sub .map_box .map_btn { position: absolute; display: block; left: 10px; top: 10px; transition: .3s; z-index: 101; }
    #container.sub .map_box .map_btn button { width: 30px; height: 30px; border-radius: 5px; border: 1px solid #ddd; background: #fff; }
    #container.sub .map_box .map_btn button:before { content: ''; position: absolute; display: block; width: 15px; top: .5em; left: .5em; border-top: 3px solid #333; transition: .3s; }
    #container.sub .map_box .map_btn button:after { content: ''; position: absolute; display: block; width: 15px; bottom: .5em; left: .5em; border-bottom: 3px solid #333; transition: .3s; }
    #container.sub .map_box .map_btn button span { position: absolute; display: block; width: 15px; height: 0; top: 50%; left: .5em; border-top: 3px solid #333; transform: translateY(-50%); text-indent: -9999px; transition: .3s; overflow: hidden; }
    #container.sub .map_box .map_btn.active button:before { transform: rotate(45deg); top: 1em; border-width: 2px; transition: .3s;  }
    #container.sub .map_box .map_btn.active button:after { transform: rotate(-45deg); bottom: 1.1em; border-width: 2px; transition: .3s;}
    #container.sub .map_box .map_btn.active button span { opacity: 0; transition: .3s; }
    #container.sub .map_box .side { left: -310px; top: 50px; transition: .3s; }
    #container.sub .map_box .side.active { left: 10px; }

    #container.sub .search.type2 label { display: none; }

	#container.sub .data .data_cont ul.flex > li h6 {font-size:18px;}
	#container.sub .data .data_cont ul.flex > li {min-height: 360px;}
	#container.sub .data .data_cont ul.flex > li li{font-size: 14px;}

	#container.sub .bdanalysys .search.type3 .search_form > .flex {margin-bottom:10px;}

	#container.sub .bdanalysys .search.type3 .search_form .flex.column {}
	#container.sub .bdanalysys .search.type3 .search_form .flex.column select {width:150px;}
	#container.sub .bdanalysys .search.type3 .search_form .flex:first-child .flex.column input{width:174px;}
	#container.sub .bdanalysys .search.type3 label {width:100px;}
	#container.sub .bdanalysys .search.type3 .search_form .flex.column .date_area {height: 46px;}
	/* #container.sub .bdanalysys .search.type3 .search_form button[type="submit"] {margin-top:46px;} */
	#container.sub .bdanalysys .calender .list_search > span {display:none;}
	#container.sub .bdanalysys .calender .list_search ul.list li {margin-right:0;}
	#container.sub .bdanalysys .calender .list_search ul.list li a {background-size:15px;background-position: 8px 6px;padding: 3px 10px 3px 30px;font-size:14px;}
	#container.sub .bdanalysys .calender .list_search ul.list li a.selected {background-position:8px 6px;}
	#container.sub .bdanalysys .desc .self {width:60%;}
	#container.sub .bdanalysys .desc_gd ul li {margin:0 10px;width:22%;}
	#container.sub .bdanalysys .desc_gd:nth-child(1) ul li::after {right:-30px;}
	#container.sub .bdanalysys .desc_gd:nth-child(2) ul li {width:32%;}
	#container.sub .bdanalysys .desc_gd ul li .desc {font-size:16px;}

	#container.sub .platform .platform_desc ul li p{padding:20px 20px 20px 180px;}

	#container.sub .bigdata .bd-dboard .list {gap:3%;padding:0;}
	#container.sub .bigdata .bd-dboard .list li p .tit {white-space:nowrap;font-size:12px;}
	#container.sub .bigdata .bd-dboard .list li p .num strong {font-size:20px;}

	#container.sub .data-view .data-detail-wrap {height:auto;}
	#container.sub .data-view .data-detail-wrap .btn-group {float:none;width:100%; text-align:right;}
	#container.sub .data-view .data-detail-wrap .btn-group a {margin-left:0;margin-right:10px;}

	#container.sub .data-view .open-api-table,
	#container.sub .data-view .file-data-table{/* display:none; */}
	#container.sub .data-view .mb {display:block;}

	table thead th{padding:.5rem;}
	.table td{padding:.5rem;}

	/* table-cell 해제 */
	.itemlist .item .list ul li .td:nth-child(1){width: 100% !important;}
    .itemlist .item .list ul li {width:100%;}
    .itemlist .item .list ul li .info { width: 100%;padding-top:5px;}
    .itemlist .item .list ul li .info ul li { float: none; margin-left: 0; }
	.itemlist .item .list ul li .preview {top:12px;}
	.itemlist .item .list ul li .link {bottom:15px; right:10px;}



	/* #container.sub .itemlist .item .list.plist > ul li {padding-left:100px;position:relative;} */
	.itemlist .item .list.plist > ul li.thead{display:none;}
	.itemlist .item .list .mo_label{display: block;float: left;width: 50px;color: #656c95;font-weight: 500;}

	/* .itemlist .item .list.plist ul li .td:nth-child(1){position:absolute;left: 10px;top:10px;}
	.itemlist .item .list.plist ul li .td:nth-child(2){width: 100% !important;text-align: left;padding-left: 40px;}
	.itemlist .item .list.plist ul li .td:nth-child(3){width: 100% !important;    padding-bottom: 5px;}
	.itemlist .item .list.plist ul li .td:nth-child(4){width: 100% !important;    padding-bottom: 5px;}
	.itemlist .item .list.plist ul li .td:nth-child(5){}
	.itemlist .item .list.plist ul li .td:nth-child(6){}
	.itemlist .item .list.plist ul li .td:nth-child(7){}
	 */
	.itemlist .item .list ul li .td {display:inline-block;width: 50% !important;text-align: left;}
	.itemlist .item .list .p_cont .ic-price{bottom: 10px;right: 10px;transform: none;font-size:1rem;}
	.itemlist .item .list ul li .info ul li label{min-width:40px;}
		
	.itemlist .item .plist ul li a{padding:0px;}
	.itemlist .item .plist .p_cont{padding-right: 0;}
	.itemlist .item .plist .p_cont .cg_gubn{width:100%;text-align: left;}
	.itemlist .item .plist .p_cont .p_txt{display:inline-block;align-items: start;}
	.itemlist .item .plist .p_cont .p_txt .tit{padding-right:0px;padding-bottom:5px;}
	.itemlist .item .plist .p_cont .info{position: inherit;width: 100%;top: auto;margin: 0;}
	.itemlist .item .plist .p_cont .info li{width: 100% !important;display: inline-block;}
	.itemlist .item .plist .p_cont .ic-price{top:auto;right: 10px;padding: 3px 10px;height: auto;line-height: normal;transform: none;}

	..cg_gubn{padding-bottom:5px;}
	.itemlist .item .list ul li .tit{margin: 10px 0 5px 0;font-weight: 500;padding-right: 40px;line-height:25px;font-size:1.2rem;padding-bottom:0;}
	.itemlist .item .list ul li .item_box{padding-top: 10px;}
	.p_cont .p_txt > div {padding: 0 10px;}
	.itemlist .item .list ul li .cont{font-size: 15px;line-height: 20px;height: 40px;}

	.item .detail{}


}
@media (max-width: 768px) {
	.data_bg:before{width: 100%;background-size: 90%;top: 80px;}
	#container.sub .sort_list .select select {height:}
	#container.sub .search_box2 .title{font-size:1rem;}
    #container.sub .search.type1 .formbox { margin-bottom:0px; }
    #container.sub .search.type1 .formbox input { width: calc(100% - 50px) !important; height: 50px; }
    #container.sub .search.type1 .formbox button { width: 50px; height: 50px; }
    #container.sub .search.type1 .pop_keyword .tit { display: none; }
    #container.sub .search.type1 .pop_keyword ul { float: none; display: flex; justify-content: center; align-items: center; }

    #container.sub .search_box .search_list .item { float: none; width: 100%; border-left:0;}
    #container.sub .search_box .search_list .item .tit { border-bottom: 1px solid #e9e9e9; }
	#container.sub .search_box .search_list .item:last-child .tit {border-bottom:0;}
    #container.sub .search_box .search_list .item .checklist { border-bottom: 1px solid #e9e9e9; }
	
	#container.sub .search_box2 .search_list{border-bottom:none;}
    #container.sub .search_box2 .search_list .item { float: none; width: 100%; border-left:0;}
    #container.sub .search_box2 .search_list .item .tit {}
	#container.sub .search_box2 .search_list .item:last-child .tit {border-bottom:0;}
    #container.sub .search_box2 .search_list .item .checklist { border-bottom: 1px solid #e9e9e9; }

	.fixed_itemlist{width:100%;/* left:0; */margin-left:0;}
	.self_box{/* width:100%; */}
	.self_box .list li .item_box{width: 100%;margin-left: 0;min-height:auto;padding:5px 10px;}

	.self_box .list{width: calc(100% - 100px);margin:0;padding: 10px;height: 158px;overflow-x: hidden;overflow-y: scroll;}
	.self_box .list ul{display:block;}
	.self_box .list li{width:100%;padding-bottom: 6px;}
	.self_box .btWrap{position: absolute;bottom: auto;top: 60px;right: 10px;}
	.self_box .count{position: initial;font-size: 1rem;width: auto;padding-left: 10px;color: #fff;}
	.self_box .list li .item_box .cg_gubn{}
	.self_box .cg_gubn .cg{font-size:12px;}
	.self_box .btWrap .btn{padding: 10px !important;bottom: 0;line-height: normal !important;font-size: 1rem !important;height: auto !important;}
	.self_box .list li .item_box .tit{font-size:1.2rem;}
	.self_box .title{padding:13px 10px;font-size:1rem;}
	.self_box .select_del{}

	.non_fixed .self_box .list li{width:100%;}

    #container.sub .list_tab { border-bottom: 0; }
    #container.sub .list_tab ul li { width: calc(50% - 5px); margin-bottom: 10px; }
    #container.sub .list_tab ul li:nth-child(even) { margin-left: 10px; }
    #container.sub .list_tab ul li a { padding: 10px; border: 1px solid #dadada; text-align: center; }
    #container.sub .list_tab ul li a.selected {border: 1px solid #673ab7;background: #f9f5ff;box-shadow: 0 2px 6px rgba(0,0,0,.2);}
    #container.sub .list_tab ul li a.selected:before { display: none; }
    #container.sub .list_tab ul li a span { font-size: 13px; }

    #container.sub .search.type2 { padding: 10px; margin-bottom: 20px; }
    #container.sub .search.type2 form:after { content: ''; display: block; clear: both; }
    #container.sub .search.type2 select { width: 100%; }
    #container.sub .search.type2 select+select { margin:5px 0 10px; }
    #container.sub .search.type2 button.submit { float: right; width:100%;}

    #container.sub .people_sort ul li a { padding: 10px 0; font-size: 15px; }

    #container.sub .result_box .result.area_result { width: 100%; margin-bottom: 10px; }
    #container.sub .result_box .result.chart_result { width: 100%; margin: 0; }

    #container.sub .chart_list .list_search label { display: none; }
    #container.sub .chart_list .list_search .list ul li { margin-right: 0; }
    #container.sub .chart_list .list_search .list ul li a { padding: 3px 10px 3px 30px; font-size: 14px; background-size: 15px; background-position: 8px 6px; }
    #container.sub .chart_list .list_search .list ul li a.selected { background-size: 15px; background-position: 8px 6px; }

    #container.sub .chart_list .chart_info.lines .chart_box { padding: 15px; }
    #container.sub .chart_list .chart_info.bars .chart_box { padding: 15px; }

    #container.sub .copyright { padding: 10px; }
    #container.sub .copyright .text span { font-size: 13px; word-break: keep-all; }

    #container.sub .map_box .map_bottom_box { width: calc(100% - 50px); }

    #container.sub .green_sort { margin-bottom: 10px; }
    #container.sub .green_sort label { padding-left: 25px; font-size: 12px; }
    #container.sub .green_sort .line { width: 50px; margin: 0 10px; }


	/* sub 공통 */
	#container.sub .cont_tit{font-size: 20px !important;padding: 4px 0 10px 30px;}
	#container.sub .cont_tit:before{width: 30px;height: 20px;background-size: 25px;top: 8px;}
	#container.mypage .cont_tit{font-size: 20px !important;padding: 4px 0 10px 30px;}
	#container.mypage .cont_tit:before{width: 30px;height: 20px;background-size: 25px;top: 8px;}

	#container.mypage .s_right .PrivacyBox2 .h2Wrap{margin-top:15px !important;}
	#container.mypage .s_right .PrivacyBox2 .h2Wrap h2{font-size:20px;}

	.imgWrap{padding:2rem 0;}


	/* platform 플랫폼 - 소개 */
	#container.sub .platform {}
	#container.sub .platform .tit_box { margin-bottom: 20px; height: 170px;}
	#container.sub .platform .tit_box h4 {font-size:24px;padding-bottom:20px;}
	#container.sub .platform .tit_box h4:after {bottom:13px;}
	#container.sub .platform .tit_box p {font-size:14px;}
	.platform_desc { margin-bottom: 40px; }
	.platform_desc ul { flex-direction: column;}
	.platform_desc ul li {width: 100%;font-size: 14px}
	.platform_desc ul li p{;padding: 20px 20px 20px 100px;min-height:160px;}
	.platform_desc ul li::before {left:28px;background-size: 60px 60px !important;transform: none;top: 20px;left: 30px;width:60px; height:60px;}
	.platform_cont h5 { font-size: 18px; margin-bottom: 20px;}
	.platform_cont .platform_cont_tit { text-align:center; font-size: 16px; }
	.platform_cont .platform_cont_tit .hide{ display:block;}
	#container.sub .platform_construct{padding:0;}

	/* mobility 경북통계 - 모빌리티 */
	#container.sub .mobility .cont ul.business_intr li p {margin:10px 0 5px;}
	/*#container.sub .mobility-tab{margin-bottom:20px;}*/
	#container.sub .mobility-tab ul {grid-row: auto;flex-direction: column;}
	#container.sub .mobility-tab ul li {width: 100%;}
	#container.sub .mobility-tab ul li a{font-size:14px; padding: 10px 0;width: 100%;}
	#container.sub .mobility .cont ul.business_intr{padding: 15px;margin-bottom:30px;}
	#container.sub .mobility .cont ul.business_intr li {font-size: .9rem;}
	#container.sub .mobility .cont ul.business_intr li .bs{margin: 0;font-size: 1rem;}
	#container.sub .mobility .cont ul.business_intr li .bs_tit{width: 20px;height: 20px;margin-right: 5px;}
	#container.sub .mobility .cont ul.business_intr li span{font-weight:600;font-size: 1rem;}


	#container.sub .page-tab{margin-bottom:20px;}
	#container.sub .page-tab ul li a{font-size:12px; padding: 10px 0;}
	
	#container.sub .img_tit_box { margin-bottom: 20px !important; background-position:80% 75% !important;}
	#container.sub .img_tit_box h4 {font-size:24px;padding-bottom:20px;font-weight: 600}
	#container.sub .img_tit_box h4:after {bottom:13px;}
	#container.sub .img_tit_box p {font-size:14px !important; font-weight: 400 !important;}



	/* data 데이터개방 -  */
	#container.sub .data .data_cont .cont_tit_sm {font-size: 18px;}
	#container.sub .data .data_cont p {font-size: 15px;}
	#container.sub .data .data_cont ul.flex {flex-wrap: wrap;gap: 10px;}
	#container.sub .data .data_cont ul.flex > li {width: 100%;min-height:260px;padding: 200px 20px 20px;margin-bottom: 20px;}
	#container.sub .data .data_cont ul.flex > li ul {width: 100%;margin: 0 auto;}
	#container.sub .data .data_cont ul.flex > li li {font-size:14px;}

	#container.sub .bdanalysys .calender .list_search {float:none;justify-content:center;}
	#container.sub .bdanalysys .calender .fr {float:none;text-align:center;}

	/* bigdata 빅데이터 */
	#container.sub .bigdata .bd-dboard .list {height:80px;padding: 0;}
	#container.sub .bigdata .bd-dboard .list li p.tit-num {padding-left:60px;}
	#container.sub .bigdata .bd-dboard .list li p.tit-num::before {width:50px;height:50px;}
	#container.sub .bigdata .btn.view {white-space:nowrap;padding: 0.35rem 0.8rem;}


	/* bdAnalysys 빅데이터분석 */
	#container.sub .bdanalysys .desc .self .txt {font-size:14px;}
	#container.sub .bdanalysys .search.type3 {padding:10px; margin-bottom:20px;}
	#container.sub .bdanalysys .search.type3 .search_form {width:100%;margin:0 auto;}
	#container.sub .bdanalysys .search.type3 label {width:120px;font-size:15px;}
	#container.sub .bdanalysys .search.type3 .search_form .flex:first-child .flex.column input {width:100%;}
	#container.sub .bdanalysys .search.type3 .search_form > .flex {flex-direction:column;gap:10px;margin-bottom:10px;}
	#container.sub .bdanalysys .search.type3 .search_form .flex.column:first-child {width:100%;}
	#container.sub .bdanalysys .search.type3 .search_form .flex.column:last-child {width:100%;}
	#container.sub .bdanalysys .search.type3 .search_form .flex.column input {font-size:14px;}
	#container.sub .bdanalysys .search.type3 .search_form .flex:nth-child(2) .flex.column {width:100%;}
	#container.sub .bdanalysys .search.type3 .search_form .flex.column select,
	#container.sub .bdanalysys .search.type3 .search_form .flex.column .date_area,
	#container.sub .bdanalysys .search.type3 .search_form .flex:nth-child(2) .flex input {width:calc(100% - 120px);}
	#container.sub .bdanalysys .search.type3 .search_form button[type="submit"] {width:100%;margin:10px auto 0;padding:12px 0;height:auto;}
	#container.sub .bdanalysys .desc .self {width: 100%;padding:20px;}
	#container.sub .bdanalysys .desc .self .tit{font-size: 26px;}
	#container.sub .bdanalysys .desc .self .btns{margin-top: 20px;}
	#container.sub .bdanalysys .desc .self .btns a {width: 100%;margin: 5px 0;}
	.desc.bg {flex-direction: column;}
	.self {width: 100%;padding: 2em 1em;}
	.self_img{width:100%;height:170px;display: none !important;;bottom: -20px;position: relative;}

	#container.sub .bdanalysys .desc_gd ul {flex-wrap:wrap;gap:20px;width:97%;margin:0 auto;}
	#container.sub .bdanalysys .desc_gd ul li {margin:0;width:46%;height:152px;padding-top:100px;}
	#container.sub .bdanalysys .desc_gd:nth-child(1) ul li::before {/* height:100px; *//* line-height:100px; */}
	#container.sub .bdanalysys .desc_gd:nth-child(1) ul li div {height:50px;font-size:14px !important;padding-top:5px !important;}
	#container.sub .bdanalysys .desc_gd:nth-child(1) ul li::before {background-size: 70px !important;height: 100px;}
	#container.sub .bdanalysys .desc_gd:nth-child(2) ul li {width:100%;height:auto;}
	#container.sub .bdanalysys .desc_gd:nth-child(2) ul li .img{margin:20px auto;}
	#container.sub .bdanalysys .desc_gd ul li .desc{}

	/* 이용가이드 */
	#container.sub .guide .guide_cont.list {flex-direction:column;}
	#container.sub .guide .guide_cont.list li {padding: 80px 15px 80px;background-size: 50px !important;background-position-x: 10px !important;width:100%;margin-bottom:20px; min-height:400px;}
	#container.sub .guide .guide_cont.list li .tit{font-size: 18px;    min-height: auto; padding-bottom:10px;}
	#container.sub .guide .guide_cont.list li .txt{font-size: 15px;}


	#container.sub .guide .guides .guide_cont{display: block;}
	#container.sub .guide .guides .guide_cont .cont_tit {font-size: 20px !important;padding: 10px 0;}
	#container.sub .guide .guides .guide_cont .txt-box .guide_list > li {font-size:15px;}
	#container.sub .guide .guides .guide_cont .txt-box .guide_list > li ul.depth2 li{font-size:14px;}
	#container.sub .guide .guides .guide_cont .img-box{width: 100%;height: 120px;}
	#container.sub .guide .guides .guide_cont .txt-box{width: 100%;padding:0 5px;}
/*
	.table col:nth-child(3){width:15% !important;}
	.table col:nth-child(4){width:20% !important;}
	#container.sub .data-view .data-set-title {padding:10px;padding-right: 0;min-height:auto;}
	#container.sub .data-view .data-set-title .tit-area h6.tit{font-size:24px;}
	#container.sub .data-view .main-tit{font-weight:22px; font-weight:bold;}
	#container.sub .data-view .data-set-title .btn-util{right:10px; top:30px;}
	#container.sub .data-view .data-set-title .btn-util a{padding:10px;}
*/
/*
	.data-view .data-set-title .top-left{width: 200px;height: 140px;}
	.data-view .data-set-title .top-left .thumbnail{}
	.data-view .data-set-title .top-right{width: calc(100% - 200px);height: auto;}
	.data-view .data-set-title .top-right .txt_box{}
	.data-view .data-set-title .tit-area{}
	.data-view .data-set-title .tit-area .tit{font-size: 20px;}
	.data-view .data-set-title .cont{}
	.data-view .data-set-title .info{position: relative;bottom: 0;}
	.data-view .data-set-title .info ul li{width: 100%;padding-bottom: 3px;}
	*/
	.data-view .data-set-title {padding:10px;}
	.data-view .data-set-title .top-left{width: 100%;height: 200px;}
	.data-view .data-set-title .top-left .thumbnail{}
	.data-view .data-set-title .top-right{width: 100%;height: auto;padding: 0;}
	.data-view .data-set-title .top-right .txt_box{position: relative;padding-top: 5px;}
	.data-view .data-set-title .tit-area{}
	.data-view .data-set-title .tit-area .tit{font-size: 20px;}
	.data-view .data-set-title .cont{}
	.data-view .data-set-title .info{position: relative;bottom: 0;}
	.data-view .data-set-title .info ul li{width: 100%;padding-bottom: 3px;}
	.data-view .data-set-title .btn-util{right:0;}
	.data-view .data-set-title .btn-util a{font-size: 12px;padding: 5px !important;}
	.data-view .data-detail-wrap .title{font-size:14px;}

	.self_step{padding:10px;}
	.self_step ul{padding-top:10px;height: auto;}
	.self_step ul li{width: 50%;margin: 0px 0 5px;height: 100px;padding: 4px;}
	.self_step .title{padding-bottom:0px;}
	.step_box{background:#f2f4fb;width:100%;padding:10px;height: 100%;}
	.self_step ul li:after{display:none;}
	.step_box .step_tit{font-size: 1rem;padding: 0px 0 0 25px;}
	.step_box .step_tit:after{background-size: 20px !important;top: 1px;}
	.step_box .step_cont{padding-top:10px; font-size:.8rem;}
	.step_box .step_cont .link{ font-size:.8rem;}	
	.api_step .btWrap-right{position:Relative; right:0; bottom:0; padding-top:10px;}

	.api_step .step_box{background:#fff;padding:0;}
	.api_step ul li{padding:5px;}
	.api_step .step_box .step_tit{font-size:1rem;}
	.api_step .step_box small{height: 40px;display: flex;align-items: center;justify-content: center;line-height: 1;font-size: .8rem;padding: 0;}
	.api_step .step_cont{flex-wrap: wrap;padding: 7px;}



	.btWrap-right{}
	.hisContent .btn{font-size:.8rem; padding:.5rem !important;}
	.hisContent .btn i{display:none;}
	.hisContent .button-warp .right{}


	.slef_downBox li .down_list{}
	.slef_downBox li .self_file{padding:10px 0;display:inline-block;}
	.slef_downBox li .self_file span{background-position:left;}
	.slef_downBox li .self_file .file{width:100%; padding:10px; padding-right:90px;}
	
	
}

@media (max-width: 640px) {
    #container.sub .search_box .search_control a { display: none; }

    #container.sub .result_box .result.area_result .result_cnt { padding: 13px 10px; }
    #container.sub .result_box .result.area_result .result_cnt .box span.title { margin-bottom: 4px; font-size: 12px; }
    #container.sub .result_box .result.area_result .result_cnt .box span.cnt { font-size: 16px; font-weight: 500; }

    #container.sub .total_cnt span { font-size: 22px; }

    #footer .footer_info .info .corp .box span { display: block; margin-bottom: 3px; word-break: keep-all; }
    #footer .footer_info .info .corp .box span+span { margin-bottom: 0; }
    #footer .footer_info .info .corp span { word-break: keep-all; }


	#container.sub .bigdata .bd-dboard .list li {flex:1;text-align:center;}
	#container.sub .bigdata .bd-dboard .list li p.tit-num {padding-left:0;}
	#container.sub .bigdata .bd-dboard .list li p.tit-num::before {background:none;display:none;}
	#container.sub .bigdata .bd-dboard .list li p .num {margin-top:10px;}
	#container.sub .bigdata .bd-dboard .list li p .num strong {font-size:16px;white-space:nowrap;}
	#container.sub .bigdata .table col:nth-child(1) {width:20% !important;}
	#container.sub .bigdata .table col:nth-child(2) {width:20% !important;}
	#container.sub .bigdata .table col:nth-child(3) {width:20% !important;}
	#container.sub .bigdata .table col:last-child {width:20% !important;}
	#container.sub .bigdata .table thead th {font-size:0.8rem;}
	#container.sub .bigdata .table tbody td:nth-child(3) {font-size:0.8rem;}
	#container.sub .bigdata .btn.view {padding: 0.25rem 0.35rem;}


	#container.sub .bdanalysys .search.type3 .search_form .flex.column {flex-direction:column;}
	#container.sub .bdanalysys .search.type3 label{font-size:14px;line-height:25px;height:auto;}
	#container.sub .bdanalysys .search.type3 .search_form .flex.column select,
	#container.sub .bdanalysys .search.type3 .search_form .flex.column .date_area,
	#container.sub .bdanalysys .search.type3 .search_form .flex:nth-child(2) .flex input {width:100%;}


	
	#container.sub .data-view .tab-list ul li {min-width:135px;}
	#container.sub .data-view .data-detail-wrap {padding:10px;}
	#container.sub .data-view .data-detail-wrap .btn-group .btn:last-child{margin-right:0;}
	#container.sub .data-view .table tr th {font-size:14px;width:20%;}
	#container.sub .data-view .mb th {width:130px;}


}

@media (max-width: 480px) {
    #header { padding: 10px 0; }

	#logo {float: none;width: 176px;}
	/*#logo a > img {transform: translate(48px, -1px);}*/
	#logo a span{font-size:18px;padding-left:0;}
	/*#logo .sub_banner{display:none;}*/
	#logo .sub_banner img{height:65px; padding:5px 3px;}


    #m_side .top_box { height: 55px; }

    #container.sub .search.type1 .pop_keyword ul li a { font-size: 12px; }

	#container.sub .tit_box {margin-bottom:30px;}
	#container.sub .data .data_cont > div {margin-bottom:30px;}
	#container.sub .data .data_cont .cont_tit::after {margin: 5px 0 13px;}
	#container.sub .data .data_cont ul.flex > li ul {width: 100%;margin: 0 auto;}
	#footer .banner .banner_control {right:2%;}

}

@media (max-width: 380px) {
    #m_side .top_box { height: 54px; }

	/* .btn {padding:0.5rem 0.7rem !important;line-height: normal !important;} */
	#container.sub .container_tit .sub_title {font-size:28px;}
	#container.sub .cont_tit {/* padding:0 0 10px; */}
	#container.sub .cont_tit:before {/* top:0px; *//* width:14px; *//* height:7px; */}
	#container.sub .search.type1 .pop_keyword ul{flex-wrap:wrap;}
	#container.sub .search.type1 .pop_keyword ul li {float:none;width:46%;margin-left:0;}
	#container.sub .search.type1 .pop_keyword ul li a {}

/*
	#container.sub .itemlist .item .list > ul > li .link {bottom:10px;right:10px;}
	#container.sub .itemlist .item .title > span {font-size:16px;}
	#container.sub .list_tab ul li a {padding:10px 6px;}
	#container.sub .list_tab ul li a span { font-size:11px;}
	#container.sub .itemlist .item .list > ul > li a span.tit {font-size:16px;}
*/

	#container.mypage nav#sidenav .side-list li span a {font-size:13px;}

}
/* 끗 */



/* 신규공공데이터, 인기공공데이터 상단 갤러리 */
.dataTop_gallery{border-top:none;border-bottom:none;}
.dataTop_gallery > ul{display: flex;justify-content: space-between;}
.dataTop_gallery > ul > li{float:left;width: calc(100% / 5 - 25px);margin: 0 25px 30px 0;position:relative;}
.dataTop_gallery > ul > li.no_data{display: none !important;}
.dataTop_gallery > ul > li:last-child{margin-right:0;}
.dataTop_gallery .gallery_Box{height:290px;border:1px solid #dfdfdf;}
.dataTop_gallery .gallery_Box .thumbnail{height:200px;background-size:cover !important;transition:transform .5s;background-repeat:no-repeat !important;background-position:center !important;}
.dataTop_gallery .gallery_Box .thumbnail:before{content:'';background: url('../../images/main/img_light.png')  top right 0px no-repeat;width:100%;height:100%;display:inline-block;position:absolute;z-index: 1;opacity: .3;top: 0px;left: 0;}
.dataTop_gallery .gallery_Box:hover .thumbnail{transform:scale(1.2);}
.dataTop_gallery .gallery_Box .text_box {padding: 17px 10px;background: #fff;min-height: 90px;position: relative;}
/* .dataTop_gallery .gallery_Box .text_box:before{content:'';background: url('../../images/main/img_light.png')  top -70px right -60px no-repeat;width:100%;height:100%;display:inline-block;position:absolute;z-index: 1;opacity: .2;top: 0px;left: 0;} */
.dataTop_gallery .gallery_Box .text_box .title{color: #000;font-size: 18px;height:40px;margin-bottom: 0;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;max-height: 31px;}
.dataTop_gallery .gallery_Box .text_box .info{float:left;color: #818181;font-size: 14px;padding-left: 0;position: relative;padding-top:0;}
/* .dataTop_gallery .gallery_Box .text_box .info:before{content:'\e8ae';font-family:'Material Icons';position: absolute;left: 0px;top: 1px;color: #4e5b9b;font-weight: 600;} */

/* dataTop_gallery .cg{font-size: 13px;z-index: 1;color: #fff;position: absolute;top: 10px;left: 10px;overflow: hidden;padding: 0 10px 10px 0;border-top-left-radius: 10px;}
.dataTop_gallery .cg span{padding: 7px 14px;display: inline-block;border-bottom-right-radius: 10px;box-shadow: 0 3px 6px rgba(0,0,0,.5);color: #fff;}
 */

.dataTop_gallery .cg{font-size: 13px;z-index: 1;/* color: #0c62c0; */position: absolute;top: 15px;right: 15px;overflow: hidden;padding:7px 5px;min-width: 70px;text-align: center;color: #fff;border-radius: 5px;box-shadow: 0 2px 4px rgba(0,0,0,.4);}
.dataTop_gallery .cg span{/* padding: 3px 7px; *//* display: inline-block; *//* border-bottom-right-radius: 10px; *//* box-shadow: 0 3px 6px rgba(0,0,0,.5); *//* color: #fff; *//* font-weight: 700; *//* border-top-right-radius: 10px; */}


.new_mark{height: 41px;position: absolute;top: 10px;background: url('../../images/sub/new_bg.svg') no-repeat;left: -14px;font-size: 14px;font-weight: 700;z-index: 1;width: 86px;color: #fff;padding-left: 24px;padding-top: 7px;}

/*
.dataTop_gallery .gallery_Box .text_box {background: #3c3360;}
.dataTop_gallery .gallery_Box .text_box .title{color: #fff;}
.dataTop_gallery .gallery_Box .text_box .info, .dataTop_gallery .gallery_Box .text_box .info:before{color: #a38bcd;}
*/


.dataTopFav,
.dataTop_gallery {background: #f3f7ff;padding: 20px 20px 0 20px;box-sizing: border-box;margin-bottom: 30px;}
.dataTopFav .fav_mark{position: absolute;left: 6px;width: 61px;text-align: center;height: 63px;color: #fff;line-height: 40px;z-index: 1;top: -12px;font-size: 1.2rem;font-weight: 500;background-size: 60px !important;padding-top: 4px;z-index:2;}
.dataTopFav .fav_mark:before{}
.dataTopFav li:nth-child(1) .fav_mark{background: url('../../images/sub/ic_fav2.svg') no-repeat;}
.dataTopFav li:nth-child(2) .fav_mark{background: url('../../images/sub/ic_fav1.svg') no-repeat;}
.dataTopFav li:nth-child(3) .fav_mark{background: url('../../images/sub/ic_fav1.svg') no-repeat;}
.dataTopFav li:nth-child(4) .fav_mark{background: url('../../images/sub/ic_fav1.svg') no-repeat;}
.dataTopFav li:nth-child(5) .fav_mark{background: url('../../images/sub/ic_fav1.svg') no-repeat;}
.dataTopFav li:nth-child(6) .fav_mark{background: url('../../images/sub/ic_fav1.svg') no-repeat;}
.dataTopFav li:nth-child(7) .fav_mark{background: url('../../images/sub/ic_fav1.svg') no-repeat;}
.dataTopFav li:nth-child(8) .fav_mark{background: url('../../images/sub/ic_fav1.svg') no-repeat;}
.dataTopNew{}/* 
.dataTopNew .gallery_Box .text_box .title{-webkit-line-clamp: 1;max-height: 1.8rem;}
.dataTopNew .gallery_Box .text_box .cg{font-size:.74rem;}
.dataTopNew .gallery_Box .text_box .cg span{}
.dataTopNew .green{color:#C1F599 !important;} */
.fav_mark{}
.fav_mark:before{content:'';}


/* .board_gallery{border-top:1px so
lid #333; padding-top:2%; display:inline-block; width:100%;padding-bottom:18px;}
.board_gallery > ul{}
.board_gallery > ul > li{float:left;width: calc(99.9% / 4 - 28px);margin: 0 14px 35px;}
.gallery_Box > dl > dt > br{display:none;}
.gallery_Box{display: block;height: 295px;padding: 0;border-radius: 7px;position: relative;}
.gallery_Box > dl {overflow:hidden;}
.gallery_Box > dl > dt{color: #222;font-size: 18px;margin-top: 20px;height:40px;margin-bottom: 0;font-weight: 500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;max-height: 31px;}
.gallery_Box > dl > dd{float:left;color: #666;font-size: 15px;padding-left: 20px;position: relative;}
.gallery_Box > dl > dd:before{content:'\e8ae';font-family:'Material Icons';position: absolute;left: 0px;top: 1px;color: #a6aac1;}
.gallery_Box > dl > dd.bg_look{float:left;background: url('../../images/sub/sb2_bg7.gif') no-repeat left center;margin-left:15px;}
.gallery_Box .thumbnail{height: 200px;overflow:hidden;position: relative;border-radius: 5px;}
.gallery_Box .thumbnail img{max-width: 100%;max-height: 100%;width: 100%;transition:transform .5s;}
.gallery_Box .thumbnail:before{content:'';background: url('../../images/main/img_light.png')  top right no-repeat;width:100%;height: 100%;display:inline-block;position:absolute;z-index: 1;opacity: .7;top: 0;left: 0;}
.gallery_Box:after{content:'';width: 100%;height: 200px;display: inline-block;box-shadow: 2px 4px 8px rgb(0 0 0 / 25%);top: 0;left: 0;position: absolute;border-radius: 5px;}
.gallery_Box:hover .thumbnail img{transform:scale(1.2);}
.gallery_view{padding:20px 10px;} */


table{border-collapse: separate;border-collapse: collapse;width:100%;table-layout:auto;}
.table_col{border-top: 1px solid #333;}
.table_col th{background: #f8f8f8;color: #222;font-size: 1rem;height: 60px;border-bottom: 1px solid #e9e9e9;font-weight:500;}
.table_col td{color: #555;font-size: 1rem;padding:10px 0;height: 35px;text-align: center;border-bottom: 1px solid #e9e9e9;line-height:20px;}
.table_col td.lf{text-align: left;padding-left: 15px;padding-right: 15px;}
.table_col .tr_tdbold td{color: #222;}
.table_col.table-sm{}

[data-ax5uploader-uploaded-box]{border: 1px dashed #ddd;background: #f5f5f5;position:relative;height:140px;}
[data-ax5uploader] *, [data-ax5uploader] *:before, [data-ax5uploader] *:after{float: none;}
[data-ax5uploader-uploaded-box] .no_file{width:100%;height: 100%;display: inline-block;position: relative;text-align: center;padding-top: 90px;color: #ccc;}
[data-ax5uploader-uploaded-box] .no_file:before{content:'\ede9';font-family: 'icofont';position: absolute;left: 50%;top: 50%;transform: translate(-25px, -30px);font-size: 3rem;width: 50px;height: 50px;line-height: 50px;color: #ddd;}
[data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box="thumbnail"] [data-ax5uploader-uploaded-item] .uploaded-item-preview img{width: 100%;height:80px;}
[data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box="thumbnail"] [data-ax5uploader-uploaded-item] .uploaded-item-preview.no-image{width: 100%;height: 80px;}
[data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box="thumbnail"] [data-ax5uploader-uploaded-item] .uploaded-item-holder [data-uploaded-item-cell="download"]{top:-80px;}
[data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box="thumbnail"] [data-ax5uploader-uploaded-item] .uploaded-item-holder .uploaded-item-cell{top: -76px;}
[data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box="thumbnail"] [data-ax5uploader-uploaded-item] .uploaded-item-holder .uploaded-item-cell{font-size:12px;}
.ax-button-group{}
.ax-button-group .left{display: none;padding: 0 !important;margin: 0;}
.ax-button-group .right{}





/* .a_space{display: inline-block;color: #fff;font-size: 14px;width: 68px;height: 25px;line-height: 25px;text-align: center;border-radius: 15px; */
/* background: linear-gradient(to right, #08d054, #00a7eb );} */
/* .a_space{display: inline-block;color: #fff;font-size: 14px;width: 68px;height: 25px;line-height: 25px;text-align: center;border-radius: 15px; background: linear-gradient(to right, #6A82FB, #FC5C7D );} */
.a_space{display: inline-block;font-size: 14px;width: 68px;height: 25px;line-height: 25px;text-align: center;border-radius: 15px; border:1px solid #ddd;}
.table_col td.blue_ink{color:#055555;}

.table_row td{text-align: left;padding: 10px 20px;}
.table_row td input[type="text"]{border: 1px solid #ddd;/*width: 480px;*/padding-left: 10px;box-sizing: border-box;}
.table_row td textarea{border: 1px solid #ddd;height: 260px;font-size:.9rem;}
.table_row td input[type="text"].widf100{width: 100%;}
.table_row td input[type="file"]{border: 0;padding: 0;}
.table_row td.ct{text-align: center;}

.sub_detailed{background: #f8f8f8;margin-top: 40px;/* border: 1px solid #e9e9e9; *//* border-top-color: #000; */margin-bottom: 20px;border-radius: 10px;}
.sub_detailed .bg{padding-right:5px;}
.sub_detailed > ul > li{padding:0;display: inline-block;width: 100%;}
.sub_detailed > ul > li > h5{font-weight:normal;line-height:1.3;width:100%;font-size:20px;padding: 15px;/* border-bottom:1px solid #ddd; */}
.sub_detailed > ul > li > p{margin-bottom:16px;}
.sub_detailed > ul > li > strong{}
.sub_detailed > ul > li:first-child p{padding-left: 15px;float: left;}
.sub_detailed > ul > li.big{padding: 15px;border-top: 1px solid #e9e9e9;}

.mo_hidden{}
.mo_label{display: none;}
.no_data{display:inline-block;width:100%;padding: 120px 0 50px;text-align:center;width: 100% !important;margin: 20px 0;position:relative;color:#bcc2e3;}
.no_data:before{content:'\ed41';font-family: 'icofont';position: absolute;font-size: 60px;color: #dee1f1;top: 43px;width: 100%;text-align: center;left: 0;}
.itemlist .no_data{border: 1px dashed #ced2e9;color: #bcc2e3 !important;}

.no_img{background:#F2F2FC !important;border: 1px dashed #e9e9e9;height: 340px;position: relative;display: inline-block;width: 100%;}
.no_img:before{content:'\ed41';font-family: 'icofont';position: absolute;font-size: 60px;color: #9398b3;top: 50%;width: 100%;text-align: center;margin-top: -70px;height: 90px;}
.no_img span{padding-top: 20px;color:#9398b3;position: absolute;top: 50%;left: 0;width: 100%;text-align: center;}



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

	.board_gallery > ul > li{width:calc(99.9% / 2 - 30px);}
	.dataTop_gallery > ul > li:last-child{display:none;}

}
@media screen and (max-width:768px) {

	.mo_hidden{display: none !important;}
	.no_img{height:140px;display:block;}
	.no_img span{font-size:.8rem;}
	.no_img:before{font-size:3rem;margin-top:-3rem;}

	.total{font-size:12px;position: relative !important;left: 0 !important;}
	.total strong{font-size:18px;}

	.board_search{padding:10px;min-height:auto;}
	.board_search .search-input{display: inline-block;width: 100%;position: relative;left: 0;top: 0;margin-top: 5px;}
	.board_search .input-group{display:block;}
	.board_search .btn{width:100%; left:0; margin:5px 0 !important;}
	.board_search .form-select{margin-left:0 !important;margin-bottom:5px;}
	.board_search .input-group select{width:100%;}
	.board_search .input-group label{display:none;}
	.board_search input{margin:0 !important;}

	.board_write .form-group{display:block;}
	.board_write ul li .col-form-label{background: #fff;justify-content: left;font-weight: 500;padding-bottom: 0;border-right: 0;padding:.0;width:100%;font-size:.9rem;}
	.board_write ul li .input-group{padding:0 0 .8rem;width:100%;}


	.table thead th{padding:.5rem;font-size:.9rem;}
	.table td{padding:.5rem;}


	.board_view .board-info li{padding-right:20px;font-size:.8rem;}
	.board_view .board-info li:after{right:8px;}
	.board_view .bo_view_top{padding:0;}
	.board_view .title{font-size: 1.4rem;line-height: 1.5;max-height: 5.2rem;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
	.board_view .content{padding: .8rem 0;color:inherit;line-height:1.4;}
	.board_view ul > li{padding:.5rem;}
	.board_view .fileBox{padding:.5rem 0;}


	.board_gallery > ul{margin-left:0px;flex-direction: column;}
	.board_gallery > ul > li{width:100% !important;margin-bottom: 10px;}
	.board_gallery	.gallery_Box > dl > dt{font-size:16px;}
	.board_gallery	.gallery_Box > dl > dd{font-size:14px;padding-bottom:10px;}

	.dataTop_gallery > ul > li{width:calc( 50% - 10px ); margin-right:20px;}
	.dataTop_gallery > ul > li:nth-child(2n){margin-right:0;}
	.dataTop_gallery .gallery_Box{height:auto;}
	.dataTop_gallery .gallery_Box .thumbnail{height: 130px;}
	.dataTop_gallery .gallery_Box .text_box{padding: 10px;min-height: auto;display: inline-block;width: 100%;}
	.dataTop_gallery .gallery_Box .text_box .title{font-size: 14px;max-height: 35px;line-height: 17px;-webkit-box;-webkit-line-clamp:2;}
	.dataTopFav .fav_mark{background-size: 50px !important;top: 11px !important;font-size: 14px;width: 50px;line-height: 31px;}
	.dataTop_gallery .gallery_Box .text_box .info{font-size: 13px;}

	.gallery_Box{height:auto;}


	.tr_tdbold{}
	.tr_tdbold label{font-size:14px;}

	.tbl_gong{position:relative;top:-5px;display:block !important;}
	.table-responsive{}
	.table-responsive table{border-top:1px solid #000;}
	.table-responsive colgroup{display:none;}
	.table-responsive .table thead{display:none;}
	.table-responsive .table tbody tr{padding:10px 0;display:inline-block;width:100%;border-bottom:1px solid #e9e9e9;position: relative;}
	.table-responsive .table tbody td{width:100%;display:block;padding:0;border:0;text-align:left;font-size:.9rem;color:#222;}
	.table-responsive .table .title{font-size:1rem;font-weight:500;padding-right: 40px;}
	.table-responsive .slef_chk{position:absolute;top: 10px;right: 0;margin: 0 !important;}
	.mypage .date{display:inline-block;}

	.data-view colgroup{display:none;}
	.file-data-table .table tr{}
	.file-data-table .table th{width:100% !important;display:block;font-size: .8rem !important;padding:.5rem .5rem;border-top:none;background: #fff;border: none;padding-bottom: 0;text-align:left; }
	.file-data-table .table td{width:100%;display:block;font-size:1rem;border-top:none;min-height:37px;padding:.5rem .5rem .7rem;border-left: none;border-right: none;font-weight:500;}
	
	.input-group-button select{width: calc(100% - 80px) !important;}

}
@media screen and (max-width:380px) {
	.table td {font-size:.8rem;}
/* 	.table col:nth-child(4){width:22% !important;}
	.table col:nth-child(3){width:19% !important;} */

}

/* 자주묻는질문 */
.faq {border-top:1px solid #000;}
.faq li .tit_faq{position:relative;border-bottom:1px solid #ddd;font-size: 1.2rem;display:inline-block;width:100%;padding: 20px 30px;}
.faq li .tit_faq:before{content:'';background: url('../../images/sub/icon_faq.svg')  center center no-repeat;width: 20px;height: 21px;display: inline-block;position: absolute;left: 0;top: 21px;background-size: 20px;}
.faqCont{border-bottom: 1px solid #ddd;padding: 20px;background: #fafafa;font-size: 17px;}
.faq li .tit_faq i {position:absolute;right:20px;top:20px;transition:transform 0.3s;}
.faq li.active .tit_faq, .faq li .tit_faq:focus, .faq li .tit_faq:hover{font-weight:bold;}
.faq li.active .tit_faq i{transform:translateX(0) translateY(10%) rotate(90deg);}
.faq li.active .faqCont{}
@media screen and (max-width:768px) {
	.faq li .tit_faq{font-size: 16px;padding: 10px 25px;}
	.faq li .tit_faq:before{top: 12px;background-size: 15px;}
	.faqCont{font-size: 14px;padding: 15px 10px;}
	.faq li .tit_faq i{top:10px;}
}

/* 로그인 */
.auth-form{background:#fff;width:600px;padding:60px 40px;margin:20px auto;border-radius:5px;border:1px solid #e9e9e9;position:relative;}
.auth-form h1{font-weight: bold;text-align: center;padding-bottom: 1rem;font-size: 2.5rem;}
.auth-form .inputBox input{height:60px; font-size:1rem;}
.auth-form .find-login {display: flex;justify-content: space-between;}
.auth-form .find-login a{font-size: 1rem;}
.auth-form .form-group {}
.auth-form .form-group .btn{font-size:1.2rem !important;background: #30407a !important;box-shadow: 0 2px 6px rgb(0 0 0 / 30%);border: 0;color:#fff; margin:0 0 10px;}
.auth-form .form-group .sns_btn{font-size:1.2rem !important; box-shadow: 0 2px 6px rgb(0 0 0 / 30%); margin:0 0 10px; padding:15px 0; position:relative;}
.auth-form .form-group .kakao_login{background:#FFCD00;}
.auth-form .form-group .kakao_login:before {content: " ";background-size: cover;background-image: url('../../images/sub/kakao_logo.png');position: absolute;left: 0;width: 35px;height: 35px; top:50%;margin:-17.5px 20px 0 20px;}
.auth-form .form-group .kakao_login:after {content: " ";border-right: 1px solid #bd9e1f;position: absolute;height: 35px;left: 75px;top: 50%;margin-top: -17.5px;}
.auth-form .form-group .naver_login{background:#2DB400; color:#fff;}
.auth-form .form-group .naver_login:before{content: " ";background-size: cover;background-image: url('../../images/sub/naver_logo.png');position: absolute;left: 0;width: 35px;height: 35px; top:50%;margin:-17.5px 20px 0 20px;}
.auth-form .form-group .naver_login:after {content: " ";border-right: 1px solid #b1e59f;position: absolute;height: 35px;left: 75px;top: 50%;margin-top: -17.5px;}
.auth-form .form-group .google_login{background:#fff;}
.auth-form .form-group .google_login:before{content: " ";background-size: cover;background-image: url('../../images/sub/google_logo.png');position: absolute;left: 0;width: 35px;height: 35px; top:50%;margin:-17.5px 20px 0 20px;}
.auth-form .form-group .google_login:after {content: " ";border-right: 1px solid #cdcdcd;position: absolute;height: 35px;left: 75px;top: 50%;margin-top: -17.5px;}


@media screen and (max-width:768px) {
	.auth-form{width: 100%;border-radius: 0;box-shadow: none;padding: 50px 20px 100px;/* background:transparent; */ border-bottom:1px solid #ddd;min-height:400px;}
}

@media screen and (max-width:374px) {
	.auth-form .form-group .sns_btn{text-align:right; padding-right:42px;}
}

/*회원가입*/
.flex_layout{display:flex;}
.flex_layout > div{flex:1;}
.flex_layout > .flex_none{flex:none;}
.flex_layout > .flex_none.dash{line-height:48px; width:30px; text-align:center;}
.flex_layout > .flex_none button{margin-left:8px;}
.hide{display: none;}

.member-form h1 {font-weight: bold;text-align: center;padding-bottom: 1rem; font-size: 2.5rem;}

.form_register section.join{width:600px; margin:0 auto; border:1px solid #e9e9e9; margin-top:50px; padding:30px;}
.form_register section.join input[type="text"], section.join input[type="email"], section.join input[type="number"], section.join select
{height:48px; border:1px solid #e9e9e9; text-indent:5px;}
.form_register section.join input::placeholder{color:#b5b5b5; font-weight:400;}
.form_register section.join input::-webkit-input-placeholder{color:#b5b5b5; font-weight:400;}
.form_register section.join input:-ms-input-placeholder {color:#b5b5b5; font-weight:400;}
.radi_box{display:inline-block;}
.radi_box input{width:auto;}

.joinEdit{}
@media screen and (max-width:768px) {
	.form_register section.join{width:100%;}
	.form_register section.join .btn_box .btn{height:46px !important;line-height:46px !important; font-size:16px !important;}
}



@media screen and (max-width:740px) {
	.form_register section.join{width:100%;padding:20px 10px;}
}

/*회원가입 약관동의*/
.maember-tab {width: 100%;float: left;}
.maember-tab ul {display: flex;justify-content: center;position:relative;}
.maember-tab ul::after {content: ""; position: absolute; border: 1px solid #efefef;width: 190px;top: 36%;z-index: -1;margin-left: -95px;left: 50%;}
.maember-tab ul li {float: left; text-align:center; padding:10px; margin-left:30px;}
.maember-tab ul li:first-child{margin-left:0;}
.maember-tab ul li span {border-radius: 50%;height: 40px;width: 40px;display: inline-block;line-height: 40px;background: #efefef;color: #6e6e6e;font-size: 1rem;margin:0 0 5px;}
.maember-tab ul li span.on {background: #30407a;color: #fff;}
.member-form form {overflow:hidden;border:1px solid #fff;}
.member-form legend {font-size: 0 !important;}
section.agree>div {padding: 40px;}
section.agree>div ul li input[type="checkbox"] {width: 20px;height: 20px; margin-right:15px;}
section.agree>div ul li {position: relative;margin-bottom: 40px;font-size: 1rem;}
section.agree>div ul li.all-chk {border-top: 1px solid #000;padding-top: 20px;}
section.agree>div ul li a {background: #efefef;padding: 5px 15px;border-radius: 30px;z-index:1;position: absolute;right: 0;top: -6px;font-size:.84rem;}
section.agree>div ul li a:hover{background:#ddd;}
section.agree>div ul li label{font-weight:400;font-size:1rem !important;}
section.join .btn {background: #30407a;color: #fff;margin-top: 30px;}

@media screen and (max-width:768px) {
	section.agree>div ul li label {display:inline;}
	.form_register section.agree>div{padding:0;}
	.form_register section.agree>div ul li{font-size:.8rem;}
	.form_register section.agree>div ul li input[type="checkbox"]{width:15px;margin:0 5px 0 0;}
	.form_register section.join .btn{height:46px !important;line-height:46px !important; font-size:16px !important;}
}

/*회원가입 본인확인*/
section.join .btn_box{display:flex; justify-content: space-between;}
section.join .btn_box .btn{width:49%;transition:all 0.4s ease;}
section.join .btn_box .btn.prev {background: #999;color: #fff;}
section.join .join_table{text-align:left;}
section.join .join_table span{color:#ff41aa; vertical-align:middle; margin-left:5px;}
section.join .btn_type1{width:86px; height:48px; border:1px solid #753ec3;}
section.join .join_table ul{margin:0 0 40px; height:40px; display:flex;}
section.join .join_table ul .label{width:140px; transition: all 0.3s ease; padding:14px 0 0;}
section.join .join_table ul li{width:100%;}

@media screen and (max-width:768px) {
	section.join .btn_box {flex-direction: column;}
	section.join .btn_box .btn{width:100%; margin-top:10px;}
}

@media screen and (max-width:470px) {
	section.join .join_table th{width:100px;}
	section.join .join_table ul {margin: 0 0 60px;height: 40px;display: flex;flex-direction: column;}
	section.join .join_table ul .label{width:100%;padding: 0 0 10px;}
}


/* 개인정보처리방침 */
.policy .cont_tit {color: #000;font-size: 28px;font-weight: 500;}
.policy .cont_tit2 {color: #050a8d;font-size: 20px;font-weight: 600;}
.policy .ul_dep01 > li {color:#333;padding-left: 13px;margin-bottom:5px;position:relative;font-weight:400;}
.policy .ul_dep01 > li::before {content:"";display:inline-block;width:5px;height:5px;background: #555;position:absolute;top: 10px;left: 2px;border-radius: 2px;}
.policy .ul_dep02 li{position: relative;padding-left: 10px;}
.policy .ul_dep02 li::before{content:"";display:inline-block;border-radius: 2px;width: 6px;height:2px;background: #777;position:absolute;top: 10px;left:0;}

.bullet_num > li {margin-bottom: 4px;background:none; padding-left:30px;position: relative;}
.bullet_num > li > span {display:block; position:absolute; left:0; top:2px; width:20px; height:20px; margin-right:7px; background:#444;border-radius: 3px;color:#fff; font-size:13px; font-weight:600; line-height:20px; text-align:center;}
.bullet_num > li span.text {position:static; background:none; color:#103e93; text-align:left; width:auto; margin-right:0; font-size:18px;}

a.btn_blue {display:inline-block; margin:2px; padding:7px 10px; background:#fff; border:2px solid #333; color:#000; border-radius:5px; font-weight:600; transition:all .3s;}
a.btn_blue:hover { color:#fff; border:2px solid #333;background: #333;}




/* manual */
.manualWrap .manual-tab {position:relative;z-index:999;display: inline-block;width: 100%;top:-6px;box-shadow: 0 8px 10px rgb(0 0 0 / 5%);/* height:60px; */}
.manualWrap .manual-tab ul li {width: 16.6666% !important;float: left;text-align: center;}
.manualWrap .manual-tab ul li a {background:#f6f6f6;width: 100%;display: inline-block;padding: 15px 0;font-size: 1rem;font-weight:500;border-right: 1px solid #eee;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.manualWrap .pg-box {padding-left:2rem;margin-bottom:4rem}
.manualWrap .title1 {font-size: 1.8rem;font-weight: bold;}
.manualWrap .title2 {font-size: 1.5rem;font-weight: bold;padding-left:1rem;}
.manualWrap .title3 {font-size: 1.3rem;font-weight: bold;padding-left: 18px;position: relative;}
.manualWrap .title3::before {/* content:""; */display: inline-block;width: 15px;height: 15px;background: #d8306e;position: absolute;top: 50%;transform: translateY(-50%);left: 1rem;}
.manualWrap strong {font-weight: bold;font-size:1.1rem;}
.manualWrap .pink {color: #d8306e !important;padding-left: 2.2rem;position: relative;display: inline-block;margin-top: 20px;font-size: 1.3rem;}
.manualWrap .pink::before {content:"";display: inline-block;width: 15px;height: 15px;border: 1px solid #d8306e;position: absolute;top: 50%;transform: translateY(-50%);left: 18px;border-radius: 50%;}
.manualWrap .blue {padding-left: 2.2rem;position: relative;display: inline-block;margin-top: 20px;font-size: 1.3rem;}
.manualWrap .blue::before {content:"";display: inline-block;width: 15px;height: 15px;border:1px solid #0056b2;position: absolute;top: 50%;transform: translateY(-50%);left: 1rem;border-radius: 50%;}

.manualWrap .img-box {}
.manualWrap .img-box img {border: 1px solid #eee;padding: 1rem;}
.manualWrap .pg-box p {margin-bottom: 10px;font-size:1.1rem;}
.manualWrap .list_none li {list-style: none;font-size:1.1rem;margin-bottom: 0.5rem;}
.manualWrap .flex {display: flex;margin-top:2rem;justify-content:space-between;}
/* .manualWrap .flex > div {flex:1;} */
.manualWrap .flex .img-box{margin-right: 1.5rem;width:55%}
.manualWrap .flex > div:last-child {width:43%;margin-top:2rem;}
.manualWrap .flex .list_none {margin-top:2rem;}
.manualWrap .sm {font-size: 0.8rem;color: #333;}
.dis_b {display: block;}

.manualWrap .manual-tab ul li.selected a{background:#d0e0f0;color:#344ce5;border-color:#d0e0f0;}
/* .manualWrap .tabContent .cont{padding-top:50px;} */
.manul-top{display:inline-block;width:100%;text-align: center;padding: 60px 0;background: url('../../../images/sub/manual/manual_bg.png') no-repeat, #232A51;background-size:cover;height: 240px;overflow:hidden;}
.manul-top #logo{width: 100%;display: flex;align-items: center;justify-content: center;}
.manul-top #logo h2{}
.manul-top #logo span{font-size: 1.5rem;font-weight: bold;color: #fff;}
.manul-top h2{font-size: 4rem;font-family: 'GmarketSans', 'Spoqa Han Sans Neo';font-weight: bold;color: #fff;}
.manualWrap .manual-tab.fixed{position:fixed; top:0;left:0;}
/* .manualWrap .manual-tab ul{display:inline-block;width:100%;} */
.manualWrap .cont{padding-top: 0;display:block !important;}

.manualWrap.self-manual .manual-tab ul li {width:50% !important;}
@media screen and (max-width: 768px) {
	.manul-top {padding: 33px 0;height: 170px;}
	.manul-top img{width:110px;}
	.manul-top #logo {width:90%;margin:0 auto;padding-bottom: 10px;}
	.manul-top #logo span {font-size:1rem;}
	.manul-top h2 {font-size: 2.5rem;line-height: 2.3rem;}
	.manualWrap .manual-tab{height:auto;}
	.manualWrap .manual-tab ul li {width:50% !important;}
	.manualWrap .manual-tab ul li a {font-size:.9rem;padding:8px 0; margin-top:-1px;}
	.manualWrap .title1 {font-size:1.3rem;}
	.manualWrap .title2 {font-size: 1.1rem;padding-left:0.5rem;}
	.manualWrap .title3 {font-size: 1rem;padding-left: 0.5rem;}
	
	.manualWrap .title3::before {left:0.5rem;}
	.manualWrap .pink {padding-left:1.5rem;margin-top:10px;} 
	.manualWrap .pink::before {left:0.5rem;}
	.manualWrap strong {font-size:15px;}
	.manualWrap .pg-box {padding-left:1rem;margin-bottom:2rem;}
	.manualWrap .pg-box p  {font-size: 14px;}
	.manualWrap .flex .list_none {margin-top:0rem}
	.manualWrap .list_none li {font-size:14px;}
	.manualWrap .flex {flex-direction:column;}
	.manualWrap .flex > div {width:100% !important;}

	.manualWrap .mt20 {margin-top:1rem !important;}
	.manualWrap .cont{}
}


/* 데이터시각화 */
#container.sub .data-visual{position: relative}
#container.sub .data-visual .visualMap g a {cursor: pointer;}

#container.sub .data-visual .visualMap g a.active text {fill: #fff;}
/*#container.sub .data-visual .visualMap g a path {fill: #fff;transition: .3s ease;}*/

#container.sub .data-visual .visualMap g a:hover tspan {
	fill: #fff; /* 후버 시 색상 */
}
#container.sub .data-visual .visualMap g a:hover path {fill: #04266B;}
#container.sub .data-visual .visualMap g a.active polygon {fill: #04266B;}
#container.sub .data-visual .visualMap g a polygon {fill: #f6f6f6;transition: .3s ease;}
#container.sub .data-visual .visualMap g a:hover polygon {fill: url(#grad1);}
#container.sub .data-visual .visualMap g a.active:hover polygon {fill: #04266B;}
#container.sub .data-visual .visualMap g a text {font-weight: bold;font-size: .85rem;fill: #363636;cursor: pointer;letter-spacing: -0.025em;}

/* 침수 스타일 */
#container.sub .data-visual .visualMap-fld g a {cursor: default;}
#container.sub .data-visual .visualMap-fld g a:hover {cursor: default;}
#container.sub .data-visual .visualMap-fld g a text {font-weight: bold;font-size: .85rem;fill: #363636;letter-spacing: -0.025em;}

#container.sub .data-visual .tit_box {background: url("../../images/sub/dtvisual_bg1.png") no-repeat;background-position: 50% 75%;background-size: cover;height: 340px;position: relative;}
#container.sub .data-visual .tit_box:before{content:'';width: 98%;position: absolute;height: 92%;border: 1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);left:1%; top:4%;}
#container.sub .data-visual .tit_box .text{color:#fff;text-align: center;}
#container.sub .data-visual .tit_box h4 {font-size: 44px;padding-bottom: 50px;position:relative;}
#container.sub .data-visual .tit_box h4:after{content:'';width: 50px;height:3px;background:#fff;display:inline-block;position:absolute;left:50%;bottom: 20px;transform: translateX(-25px);}
#container.sub .data-visual .tit_box p{font-size: 20px;}
#container.sub .data-visual .cont_tit {padding-bottom: 0;}
#container.sub .data-visual .cont_tit .origin{padding-left: 10px;font-size: 1.2rem;cursor: pointer;}


#container.sub .data-visual .page-tab ul li {width:25%;}

#container.sub .data-visual-cont {}
#container.sub .data-visual-cont .visual-1 {display: flex;width: 100%;}
#container.sub .data-visual-cont .visual-1 .map-container {width: calc(50% - 20px); background-color: #DDE7F6;}
#container.sub .data-visual-cont .visual-1 .map-wrap {position: sticky; top: 130px; margin-top: 100px; }
#container.sub .data-visual-cont .visual-1 .map-wrap .desc {font-size: 14px;}
#container.sub .data-visual-cont .visual-1 .map-wrap svg {margin:0 auto;display: block;width:100%;}
#container.sub .data-visual-cont .visual-1 .indicators {width: 50%;position: relative;  }
#container.sub .data-visual-cont .visual-1 .indicators .indicator-slider {position: relative;}
#container.sub .data-visual-cont .visual-1 .indicators .indi-slider {width: 100%;height: 183px;margin-bottom: 10px;overflow:hidden;}
#container.sub .data-visual-cont .visual-1 .indicators .indi-slider .swiper-slide {background: #cbdbef  url("../../images/sub/dtvisual_bg2.png") 90% 50% no-repeat;/*box-shadow: 0 3px 6px #00000016;*/flex-direction: column;border-radius: 5px;overflow: hidden;border: 1px solid #eee;display: flex;justify-content: center;align-items: center;text-align: center;padding:0 50px;}
#container.sub .data-visual-cont .visual-1 .indicators .indi-slider .swiper-slide .item_tit {font-size: 18px;font-weight: 500;color: #04266B;margin-bottom: 18px;}
#container.sub .data-visual-cont .visual-1 .indicators .indi-slider .swiper-slide .item_idc {font-size: 29px;font-weight: 600;}

#container.sub .data-visual-cont .visual-1 .indicators .indicator-slider .prev,
#container.sub .data-visual-cont .visual-1 .indicators .indicator-slider .next {width: 30px;height: 30px;border-radius: 50%;background: #fff;box-shadow: 0 3px 6px #00000016;display:flex;justify-content:center;align-items:center;}
#container.sub .data-visual-cont .visual-1 .indicators .indicator-slider .prev {left: 0;transform: translateX(-50%);}
#container.sub .data-visual-cont .visual-1 .indicators .indicator-slider .next {right: 0;transform: translateX(50%);}
.indicator-slider .swiper-button-prev:after, 
.indicator-slider .swiper-button-next:after{content:"\ea5c";font-family: 'icofont';font-size:28px;color:#414b78;}
.indicator-slider .swiper-button-next:after{content:"\ea5d";}
#container.sub .data-visual-cont .visual-1 .indicators .indi-slider .next {}

#container.sub .data-visual-cont .visual-1 .indicators .desc {text-align: right;margin-top: 10px;font-size: 14px;}

#container.sub .data-visual-cont .item_cv {font-size: 16px;text-align:center;}
#container.sub .data-visual-cont .item_cv .plus {font-weight: 500;font-weight: 500;color: #FC6C6C;}
#container.sub .data-visual-cont .item_cv .minus {font-weight: 500;font-weight: 500;color: #5D77FF;}
#container.sub .data-visual-cont .item_cv span::after {content:"";font-family: 'icofont';}
#container.sub .data-visual-cont .item_cv .plus::after {content:"\ea5e"}
#container.sub .data-visual-cont .item_cv .minus::after {content:"\ea5b";}
#container.sub .data-visual-cont .visual-1 .indicators .indi-wrap {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px;flex-wrap: wrap;min-height: 380px; position: relative}
#container.sub .data-visual-cont .visual-1 .indicators .indi-wrap .item {
	/*background-color: #fff;*/
	/*width: calc((100% - 20px)/3);*/
	padding: 23px;border: 1px solid #D8DDEB;border-radius: 10px;
	/*max-height: 200px;*/
	display: inline-flex;flex-direction: column;justify-content: center; box-shadow: 2px 3px 4px rgba(0 0 0 / 20%);}
/*당해 마지막 관측일자*/
.lastdate{
	width: auto !important;
	padding: 0 !important;
	position: absolute;
	bottom: -37px;
	right: 0;
	border: 0 !important;
	flex-direction: row !important;
	align-items: end;
	box-shadow: none !important;
}
.lastdate .item_cont{margin: 0 0 0 10px !important;}
.lastdate .item_tit{
	/*color: #333 !important;*/
	font-weight: 400 !important;}
.lastdate .item_idc {
	font-weight: 400 !important;
	font-size: 15px !important;;
	margin-bottom: 0px !important;;
	margin-top: 0px !important;;
}
/*데이터서비스 스와이퍼*/
#container.sub .data-visual-cont .visual-1 .indicators .swiper-wrapper{gap: 10px;
	width: fit-content;
	height: fit-content;
	flex-direction: column;     position: absolute;
	top: 450px;
	right: 20px;}
#container.sub .data-visual-cont .visual-1 .indicators  .swiper-slide {background-color: #fff;width: calc((100% - 20px)/3);padding: 23px;border: 1px solid #D8DDEB;border-radius: 10px;max-height: 200px;display: inline-flex;flex-direction: column;justify-content: center; width: 230px; height: 90px; box-shadow: 2px 3px 4px rgba(0 0 0 / 20%);}
#container.sub .data-visual-cont .visual-1 .indicators  .swiper-slide .item_tit {text-align: center;color: #04266B;font-weight: 500;}
#container.sub .data-visual-cont .visual-1 .indicators  .swiper-slide p {text-align: center;}
#container.sub .data-visual-cont .visual-1 .indicators .swiper-slide .item_idc {font-size: 24px;font-weight: 600; text-align: center}
/*데이터서비스 스와이퍼*/
#container.sub .data-visual-cont .visual-1 .indicators .indi-wrap .item .item_tit {text-align: center;color: #04266B;font-weight: 500;}
#container.sub .data-visual-cont .visual-1 .indicators .indi-wrap .item .item_cont {display: flex;flex-direction: column;align-items: center;}
#container.sub .data-visual-cont .visual-1 .indicators .indi-wrap .item .item_idc {font-size: 24px;font-weight: 600;margin-bottom: 10px;margin-top: 10px; text-align: center;}
#container.sub .data-visual-cont .visual-1 .indicators .indi-wrap .item .item_idc .unit {font-size: 18px;}
#container.sub .data-visual-cont .visual-2 {padding: 30px 50px; background-color: #fff;  overflow: hidden;}
#container.sub .data-visual-cont .visual-2 .cont_tit {position: relative;margin-bottom: 30px;}
#container.sub .data-visual-cont .visual-2 .visual-chart-tab {margin-bottom: 40px;}
#container.sub .data-visual-cont .visual-2 .visual-chart-tab ul {display: flex;gap: 10px;flex-wrap: wrap;}
#container.sub .data-visual-cont .visual-2 .visual-chart-tab li a {display: block;font-weight: 500;color: #333;padding: 10px 20px;border-radius: 28px;border: 1px solid #DFE3F6;background: #fff;font-weight:normal;}
#container.sub .data-visual-cont .visual-2 .visual-chart-tab li a.selected {color: #fff;background: #04266B;border: 0;}
#container.sub .data-visual-cont .visual-2 .chart-wrap {border: 1px solid #DFE3F6;}
#container.sub .data-visual-cont .visual-2 .chart-wrap .chart-header {background: #777c88;border-bottom: 1px solid #DFE3F6;padding: 8px 20px;position: relative;}
#container.sub .data-visual-cont .visual-2 .chart-wrap .chart-header .tit {line-height: 35px;font-size: 18px;font-weight: 500;float:left;color: #fff;}
#container.sub .data-visual-cont .visual-2 .chart-wrap .chart-header::after{content:"";display:block;clear:both;}
#container.sub .data-visual-cont .select-group {/* position: absolute;top: 50%;right: 30px;transform: translateY(-50%); */line-height:45px;float:right;margin-top: 10px;display:flex;justify-content:end;padding-right:.0;align-items: center;}
#container.sub .data-visual-cont .select-group select {height: 45px;width: 130px;border: 1px solid #e9e9e9;border-radius: 5px;padding: 10px;margin-right:5px;}
#container.sub .data-visual-cont .select-group .btn-search {height: 45px;width: 60px;background:#0d1544;color:#fff;border-radius: 5px;font-weight: 500;font-size: 14px;}
#container.sub .data-visual-cont .select-group .btn-search.bt_st1{background:#fff;color: #014187;border: 1px solid #014187;width: 70px;}
#container.sub .data-visual-cont .visual-2 .chart-wrap .chart-cont {background-color: #fff;padding: 25px 30px;position:relative;}
#container.sub .data-visual-cont  .map-header{position:relative;}
#container.sub .data-visual-cont .visualBox{width: 100%;display: inline-block;    height: calc(100% - 70px);min-height: 420px;}
#container.sub .data-visual-cont .visualBox .visual-header{position:relative;
	display: flex; justify-content: space-between;}
#container.sub .data-visual-cont .visualBox .visual-body{min-height: 600px;display: inline-block;width: 100%;padding:20px;position:relative;}
#container.sub .data-visual-cont .visualBox .visual-body .desc{position:absolute;right: 20px;top: 20px;font-size: .85rem;}
.borderBox{border:1px solid #DDE7F6;border-radius: 10px;}
.meatBtn{display: flex;
	justify-content: end;}
.meatBtn .btn-meat{float:left;font-size: 1rem;color: #b3b3b3;height: 40px;padding: 0 10px;border-bottom: 4px solid #d1d6d8;}
.meatBtn .btn-meat.active{color: #014187;border-color: #014187;}
.btn-meat-sub{background: #ffebeb;padding: 5px 17px;border-radius: 30px;border: 1px solid #ffe2e2;}
.btn-meat-sub.active{background: #d20b4f;color: #fff;border-color: #d20b4f;}


#container.sub .data-visual-cont  .visual-tab {margin-bottom: 40px;}
#container.sub .data-visual-cont  .visual-tab ul {display: flex;gap: 0;}
#container.sub .data-visual-cont  .visual-tab li {width: 100%;float: left;}
#container.sub .data-visual-cont  .visual-tab li a {display: block;font-weight: 500;color: #333;padding: 10px 20px;background: #F2F2FC;font-weight:normal;text-align: center;border-bottom: 1px solid #000;border-top: 1px solid #e4e4ed;border-right: 1px solid #e4e4ed;}
#container.sub .data-visual-cont  .visual-tab li a.selected {border-left: 1px solid #000;border-top: 1px solid #000;border-right: 1px solid #000;background: #fff;border-bottom: 1px solid #fff;}

#container.sub .data-visual-cont .visual-3 .chart-wrap {border: 1px solid #DFE3F6;}
#container.sub .data-visual-cont .visual-3 .chart-wrap .chart-header {height: 65px;background: #F8F8F8;border-bottom: 1px solid #DFE3F6;padding: 15px 30px;position: relative;}
#container.sub .data-visual-cont .visual-3 .chart-wrap .chart-header .tit {line-height: 35px;font-size: 18px;font-weight: 500;float:left;}
#container.sub .data-visual-cont .visual-3 .chart-wrap .chart-header::after{content:"";display:block;clear:both;}
#container.sub .data-visual-cont .visual-3 .chart-cont {position:relative;/* display: flex;align-items: center;justify-content: center;height: calc(100% - 65px); */}
#container.sub .data-visual-cont .visual-3 .chart-cont .desc{position:absolute;top: -16px;right: 10px;font-size: 14px;}
#container.sub .data-visual-cont .chart-category-wrap{}
#container.sub .data-visual-cont .category{display: flex;gap: 20px;}
#container.sub .data-visual-cont .category .category-wrap{width: 220px;float: left;display: inline-block;}

#container.sub .data-visual-cont .category .chart-wrap{width: calc(100% - 200px);float: left;overflow: hidden;}
#container.sub .search_box3 {overflow: hidden;background: #fff;}
#container.sub .search_box3 .search_top{position: relative;padding: 10px;border: 1px solid #e9e9e9;}
#container.sub .search_box3 .title {font-size: 1rem;font-weight: 500;}
#container.sub .search_box3 .title:after { content: ''; display: block; clear: both; }
#container.sub .search_box3 .search_top span {font-size: .9rem;/* color: #fff; */font-weight: 400;}
#container.sub .search_box3 .search_clear{padding-left: 20px;/* text-decoration: underline; */cursor:pointer;color: #777;position: absolute;right: 20px;bottom: 10px;font-size: .9rem;}
#container.sub .search_box3 .search_clear:before{content: '\efd1';font-family: 'icofont';}
#container.sub .search_box3 .search_toggle{position: absolute;top: 50%;right: 33px;margin-top: -18px;padding: 8px 10px;border-radius:5px;display:none;}
#container.sub .search_box3 .search_toggle span:after { content: '\ea99'; font-family: 'icofont'; font-size: 15px; }
#container.sub .search_box3 .search_toggle.up{}
#container.sub .search_box3 .search_toggle.up span:after { content: '\eab9'; }
#container.sub .search_box3 .search_toggle:hover{/* background:#e9e9e9; */}
#container.sub .search_box3 .search_list {border-left: 1px solid #e9e9e9;border-right: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;background: #EBECF1;}
#container.sub .search_box3 .search_list:after { content: ''; display: block; clear: both; }
#container.sub .search_box3 .search_list .item {width: 100%;float: left;border-left: 1px solid #e9e9e9;border-bottom: 1px solid #e9e9e9;}
#container.sub .search_box3 .search_list .item:first-child {border-left: 0;}
#container.sub .search_box3 .search_list .item .tit {padding: 10px 10px 5px;font-size: 1em;font-weight: 500;text-align:left;position: relative;}
#container.sub .search_box3 .search_list .item .checklist {padding: 0 10px 10px;/* overflow-y: scroll;height: 250px; */margin: 0px 0 10px;display: inline-block;width: 100%;}
#container.sub .search_box3 .search_list .item .checklist ul li {display: flex;margin-top: 8px;gap:5px;font-size: .86rem;width: 100%;float: left;}
#container.sub .search_box3 .search_list .item .checklist ul li:first-child {/* margin-top: 0; */}
#container.sub .search_box3 .search_list .item .checklist ul li input { width: auto; }
#container.sub .search_box3 .search_list .item .checklist ul li label {font-weight: 400;}
#container.sub .search_box3 .btn{background: #084397;color: #fff;border-radius: 0;width: 100%;height: 55px;font-size: 1.1rem;}
#container.sub .search_box3 .chk_box input[type="checkbox"] + label:before{background:#CBCDD4;border-radius: 50%;}
#container.sub .search_box3 .chk_box input[type="checkbox"]:checked + label:before{background:#143678;}
#container.sub .search_box3 .search_list .item .mark{position: absolute;top: 13px;right: 10px;font-size: .8rem;font-weight: 400;}
#container.sub .search_box3 .search_list .item .mark span{color: #44ACAE;}
#container.sub .search_box3 .btnlist{padding: 5px 10px 10px;}
#container.sub .search_box3 .btnlist ul{display: flex;border-radius: 10px;overflow: hidden;}
#container.sub .search_box3 .btnlist li{display: inline-block;width: 100%;text-align: center;border: 1px solid #ddd;margin-left: -1px;}
#container.sub .search_box3 .btnlist li .btn-select{display: inline-block;padding: 10px;background: #fff;width: 100%;font-size: .9rem;cursor:pointer;}
#container.sub .search_box3 .btnlist li.active .btn-select{background: #143678;color: #fff;}
#container.sub .search_box3 .overflow-scroll {height: 920px;overflow-y: auto;}
#container.sub .data-visual-cont .board_search{padding:20px;}
#container.sub .data-visual-cont .board_search .input-group{justify-content:center;}
#container.sub .data-visual-cont .board_search .flex-box{display: flex;align-items: center;padding: 0 30px;}
#container.sub .data-visual-cont .board_search .btn{height: 44px;padding: 0;}

/* 순위 */
#container.sub .data-visual-cont .visual-2 .chart-wrap .dataTopFav {background: #fff;}
#container.sub .data-visual-cont .visual-2 .chart-wrap .dataTopFav ul {display: flex;width: 100%; overflow-x: scroll; padding-top: 10px}
#container.sub .data-visual-cont .visual-2 .chart-wrap .dataTopFav ul li {position: relative;padding: 0 20px 30px 0;}
#container.sub .data-visual-cont .visual-2 .chart-wrap .dataTopFav ul li .chartdt-box {border: 1px solid #dbe0f1;padding: 30px 15px 10px;width: 177px; overflow: hidden;box-shadow: 0px 3px 10px rgb(0 0 0 / 10%);border-radius: 10px;text-align: right;}
#container.sub .data-visual-cont .visual-2 .chart-wrap .dataTopFav .fav_mark {background-size: 44px !important;width: 47px;height: 44px;font-size: 1em;    top: -8px;padding-top:0;padding-right:4px;}
#container.sub .data-visual-cont .visual-2 .chart-wrap .dataTopFav ul li .chartdt-box .loc-tit {font-weight: 500;color: #04266b;}
#container.sub .data-visual-cont .visual-2 .chart-wrap .dataTopFav ul li .chartdt-box .loc-dt {font-size: 20px;font-weight: bold;}
#container.sub .data-visual-cont .visual-2 .chart-wrap .dataTopFav ul li:last-child{padding-right:0;}
#container.sub .data-visual-cont .visual-2 .chart-wrap .toastui-chart-wrapper {}
#container.sub .data-visual-cont .visual-2 .chart-wrap .toastui-chart-wrapper canvas {max-width:100% !important;}


#container.sub .data-visual-cont  .visual-3 .visual-chart-tab {margin-bottom: 40px;}
#container.sub .data-visual-cont  .visual-3 .visual-chart-tab ul {display: flex;gap: 10px;flex-wrap: wrap;}
#container.sub .data-visual-cont  .visual-3 .visual-chart-tab li a {display: block;font-weight: 500;color: #333;padding: 5px 20px;border-radius: 28px;border: 1px solid #DFE3F6;background: #F2F2FC;font-weight:normal;}
#container.sub .data-visual-cont  .visual-3 .visual-chart-tab li a.selected {color: #fff;background: #04266B;border: 0;}


/* 경북통계 보고서*/
.statsWrap{}
.statsWrap .summery{text-align:right; padding-bottom:10px;}
.statsWrap .select_date{text-align:left;display:flex;align-items: center;font-weight:bold; color:#e91e63;}
.statsWrap .select_date select{margin-right:10px;max-width:100px; width:100%;}
.statsWrap ul{display: flex;flex-wrap: wrap;text-align: center;gap: 15px;}
.statsWrap .select_date .summery-label{position:relative;}
.statsWrap .select_date .summery-label:before{content: '';width: calc( 100% + 4px );height: 6px;display: inline-block;position: absolute;background: #ffebeb;bottom: 0;z-index: -1;left: -2px;}
.statsWrap li{width: calc( 25% - 12px );}
.statsWrap li .box{padding: 0;background: #f9f9f9;border-radius: 10px;border: 1px solid #DFE4EF;position: relative;height: 250px;overflow: hidden;box-shadow: 0 3px 10px rgba(0,0,0,.05);}
.statsWrap li .box .imgBox{overflow: hidden;position: absolute;bottom: -2px;left: 0;height: 180px;width: 100%;z-index: 0;}
.statsWrap li .box .case1{background:url('../../../images/sub/img-category1.png') center bottom no-repeat;}
.statsWrap li .box .case2{background: url('../../../images/sub/img-category2.png') center bottom  10px no-repeat;}
.statsWrap li .box .case3{background:url('../../../images/sub/img-category3.png') center bottom no-repeat;}
.statsWrap li .box .case4{background: url('../../../images/sub/img-category4.png') center bottom 15px no-repeat;}
.statsWrap li .box .case5{background:url('../../../images/sub/img-category5.png') center bottom no-repeat;}
.statsWrap li .box .case6{background: url('../../../images/sub/img-category6.png') center bottom 17px no-repeat;}
.statsWrap li .box .case7{background: url('../../../images/sub/img-category7.png') center bottom 20px no-repeat;}
.statsWrap li .box .case8{background:url('../../../images/sub/img-category8.png') center bottom no-repeat;}
.statsWrap li .box .case9{background: url('../../../images/sub/img-category9.png') center bottom  15px no-repeat;}
.statsWrap li .box .case10{background:url('../../../images/sub/img-category10.png') center bottom no-repeat;}
.statsWrap li .box .case11{background: url('../../../images/sub/img-category11.png') center bottom 15px no-repeat;}
.statsWrap li .box .case12{background: url('../../../images/sub/img-category12.png') center bottom 15px no-repeat;}
.statsWrap li .box .case13{background: url('../../../images/sub/img-category13.png') center bottom 15px no-repeat;}
.statsWrap li .box .case14{background: url('../../../images/sub/img-category14.png') center bottom 18px no-repeat;}
.statsWrap li .box .case15{background: url('../../../images/sub/img-category15.png') center bottom 10px no-repeat;}
.statsWrap li .box .count{font-size: 1.2rem;line-height: 1;font-weight: 500;color: #000;background: #fff;display: inline-block;padding: 6px 30px;border-radius: 30px;border: 1px solid #dfe4ef;margin-top: 20px;z-index: 1;position: relative;}
.statsWrap li .box .count span{font-size: 1rem;color: #555;font-weight: 500;padding-left: 20px;/* align-items: center; *//* line-height: 1; */}
.statsWrap li .box .count b{font-size: 1.5rem;color: #1c60e7;padding-right: 4px;line-height: 1;padding-bottom: 5px;}
.ellipsis2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.statsWrap li .box .case{display: flex !important;align-items: end !important;justify-content: center;}

table .w_flex{display: flex;width: 100%;align-items: center;}
table .w_flex .ellipsis2{flex: 1;height: 26px;}

/*api step*/
.api-step{min-width: 300px;/* position: absolute; */right: 0;top: 50%;/* transform: translateY(-50%); */position: relative;}
.api-step ul{display: flex;position: absolute;flex-wrap: wrap;width: 100%;top: 50%;transform: translateY(-50%);}
.api-step ul li{width: 33.3333%;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;position: relative;}
.api-step ul li .circle{width: 40px;height: 40px;background: #D5D9E8;border-radius: 50%;display: inline-block;line-height: 40px;font-weight: 500;font-size: 1.2rem;color: #a5aed1;}
.api-step ul li span{font-size: .8rem;width: 100%;display: inline-block;padding-top: 7px;color: #a3aac6;}
.api-step ul li.active{}
.api-step ul li.active .circle{background: #104091;font-size: 0;}
.api-step ul li.active .circle:before{content:'\eed6';font-family:'icoFont';font-size: 1.9rem;color: #fff;}
.api-step ul li.active span{color: #104091;}
.api-step ul li:after{content:'';background: url("../../images/sub/ic_down.svg") no-repeat;width: 20px;height: 100%;display: inline-block;position: absolute;right: -33px;transform: rotate(-90deg);background-size: 20px;top: -12px;}
.api-step ul li:last-child:after{display:none;}
.opApi_new .txt_box{display: flex;}
.opApi_new .tit-area{width:100%;}


@media screen and (max-width:1280px){
	#container.sub .data-visual-cont .visual-1 .indicators .indi-wrap .item .item_idc {font-size: 18px; text-align: center;}
	#container.sub .data-visual-cont .visual-2 .chart-wrap .chart-header {padding:15px 20px;min-height:65px;height:auto;}
	#container.sub .data-visual-cont .visual-2 .chart-wrap .chart-header .tit {}
	#container.sub .data-visual-cont .visual-2 .chart-wrap .chart-header .select-group {}
}

@media screen and (max-width:1024px){
	#container.sub .data-visual-cont .visual-1 {flex-direction:column;}
	#container.sub .data-visual-cont .visual-1 .map-container,
	#container.sub .data-visual-cont .visual-1 .indicators {width:100%;}
	#container.sub .data-visual-cont .visual-1 .indicators .indi-wrap {min-height:none;}
	#container.sub .data-visual-cont .visual-1 .indicators .indi-wrap .item {padding: 15px;width:calc(50% - 5px);}
	#container.sub .data-visual-cont .visual-1 .indicators .indicator-slider .prev {transform:translateX(50%);}
	#container.sub .data-visual-cont .visual-1 .indicators .indicator-slider .next {transform:translateX(-50%);}

	.statsWrap li{width:calc( 33.333% - 12px );}
}

@media screen and (max-width:768px){
	.statsWrap li{width:calc( 50% - 12px );}

	#container.sub .data-visual .tit_box { margin-bottom: 20px; height: 170px;}
	#container.sub .data-visual .tit_box h4 {font-size:24px;padding-bottom:20px;}
	#container.sub .data-visual .tit_box h4:after {bottom:13px;}
	#container.sub .data-visual .tit_box p {font-size:14px;}
	#container.sub .page-tab ul li a {font-size: 12px;padding: 10px 0;}
	#container.sub .data-visual-cont .visual-1 .indicators .indi-wrap .item {}
	#container.sub .data-visual-cont .visual-1 .indicators .indi-wrap .item .item_tit {font-size:13px;}
	#container.sub .data-visual-cont .visual-1 .indicators .swiper-slide .item_tit {font-size:13px;}
	#container.sub .data-visual-cont .visual-1 .indicators .indi-wrap .item .item_cont {height:calc(100% - 40px);}
	#container.sub .data-visual-cont .visual-1 .indicators .indi-wrap .item .item_idc {font-size:16px;margin-bottom:0;text-align: center;}
	#container.sub .data-visual-cont .visual-1 .indicators .swiper-slide .item_idc {font-size:16px;margin-bottom:0;}
	#container.sub .data-visual-cont .visual-1 .indicators .swiper-slide {padding: 5px; height: fit-content}
	#container.sub .data-visual-cont .visual-1 .indicators .indi-wrap .item .item_idc .unit {font-size:13px;}
	#container.sub .data-visual-cont .item_cv {font-size:13px;}
	#container.sub .data-visual-cont .visual-1 .indicators .desc {font-size:13px;}
	#container.sub .data-visual-cont .visual-2 .visual-chart-tab ul {gap:5px;}
	#container.sub .data-visual-cont .visual-2 .visual-chart-tab li a {padding:5px 10px;font-size: 14px;}
	#container.sub .data-visual-cont .visual-2 .chart-wrap .chart-header {padding:15px 20px;height:auto;min-height:auto; }
	#container.sub .data-visual-cont .visual-1 .map-wrap {padding: 100px 0 50px 0 ;}
	#container.sub .data-visual-cont .visual-2 .chart-wrap .chart-header .tit {font-size:16px;line-height: inherit;margin-bottom:0;float:none;}
	#container.sub .data-visual-cont .visual-2 .chart-wrap .chart-header .select-group {line-height:40px;float:none;}
	#container.sub .data-visual-cont .visual-2 .chart-wrap .chart-header .select-group select {width:calc(100% - 65px);height:40px;margin-bottom:5px;}
	#container.sub .data-visual-cont .visual-2 .chart-wrap .chart-header .select-group .btn-search {height:40px;min-width:60px;}
	#container.sub .data-visual-cont .visual-2 .chart-wrap .chart-cont {padding:15px 20px;overflow-x:auto;}
	#container.sub .data-visual-cont .visual-2 .chart-wrap .dataTopFav ul li {padding:  20px 10px;}
	/*#container.sub .data-visual-cont .visual-2 .chart-wrap .dataTopFav ul li:nth-child(3n) {padding-right:0;}*/
	/*#container.sub .data-visual-cont .visual-2 .chart-wrap .dataTopFav ul li:last-child {margin-right:0;}*/
	#container.sub .data-visual-cont .visual-2 .chart-wrap .dataTopFav ul li .chartdt-box {padding: 30px 10px 10px 15px;}
	#container.sub .data-visual-cont .visual-2 .chart-wrap .dataTopFav ul li .chartdt-box .loc-dt {font-size: 14px;}
	#container.sub .data-visual-cont .select-group select{height:36px; padding:5px 10px;}
	#container.sub .data-visual-cont .select-group .btn-search{height:36px; }
#container.sub .data-visual-cont .category{display:unset;}
#container.sub .data-visual-cont .category .category-wrap{width:100%;}
#container.sub .search_box3 .overflow-scroll{height:auto; overflow-y:unset;}
#container.sub .search_box3 .search_list .item .checklist{height:150px;overflow-y:auto;}
#container.sub .data-visual-cont .category .chart-wrap{width:100%;margin-top:10px;}
#container.sub .data-visual-cont .board_search .flex-box{padding:0;display: inline-block;width:100%;}
#container.sub .data-visual-cont .board_search input, #container.sub .data-visual-cont .board_search select{width:100% !important;margin: 0 0 5px !important;}
#container.sub .data-visual-cont .visualBox{width:100%;}
#container.sub .search_box3 .search_toggle{display:block;}
#container.sub .data-visual-cont .visualBox .visual-body .desc{right:10px; top:10px; font-size:.85rem; width:30%;}

.statsWrap li .box .count{font-size: .8rem;padding:5px 10px;}
.statsWrap li .box .count b{font-size:1.1rem;}
.statsWrap li .box .count span{padding-left:5px;font-size: .8rem;}
.statsWrap li .box{height:160px;}
}

@media screen and (max-width:640px){
	
}

/* openapi */
#container.sub .openapi .desc{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:100px;background: #f8f8f8;padding: 40px;border-radius: 10px;box-shadow: 0 10px 15px rgb(0 0 0 / 10%);}
#container.sub .openapi .desc .txt-wrap .tit{text-align:left;font-size:30px;font-weight:500;margin-bottom:43px;}
#container.sub .openapi .desc .txt-wrap .txt{text-align:left;font-size:18px;}
#container.sub .openapi .desc .img-wrap{display:flex;justify-content:left;align-items:center;margin-left:10px;}
#container.sub .openapi .desc .img-wrap .img-box{border:7px solid #3D68B2;padding: 30px 10px;position:relative;width:251px;height: 250px;text-align:center;background: #fff;}
#container.sub .openapi .desc .img-wrap .img-box:nth-child(1){cursor:pointer;}
#container.sub .openapi .desc .img-wrap .img-box:nth-child(1):hover{background: #f8f8f8;}
#container.sub .openapi .desc .img-wrap .img-box:nth-child(1):hover img{margin-top:-5px;margin-bottom:20px;}
#container.sub .openapi .desc .img-wrap .img-box:hover .link-btn{top:22px;}
#container.sub .openapi .desc .img-wrap .img-box img{height:60px;margin-bottom:15px;-moz-transition:width 0.3s ease;transition: all 0.3s ease;}
#container.sub .openapi .desc .img-wrap .img-box .tit{font-size:20px;font-weight:600;margin-bottom:10px;}
#container.sub .openapi .desc .img-wrap .img-box .txt{font-size:16px;}
#container.sub .openapi .desc .img-wrap .img-box .link-btn{position:absolute;top:17px;right:17px;height:19px;}
#container.sub .openapi .desc .img-wrap .img-box:nth-child(2){border:7px solid #dedede;}
#container.sub .openapi .cont .howtouse{/* background-color:#EFF8FF; */border-radius:20px;width:100%;text-align:center;padding-top:20px;padding-bottom:38px;}
#container.sub .openapi .cont .howtouse ul{display:flex;justify-content:center;}
#container.sub .openapi .cont .howtouse ul li{margin-right: 58px;}
#container.sub .openapi .cont .howtouse ul li:last-child{margin-right:0px;}
#container.sub .openapi .cont .howtouse ul li .img-bg{background-color:#fff;border-radius:50%;box-shadow: 0px 4px 20px 0px #00000020;display:flex;justify-content:center;align-items:center;width:190px;height:190px;margin:22px auto;position:relative}
#container.sub .openapi .cont .howtouse ul li .img-bg::after{content:url("../images/chevron-right.png");display:inline-block;position:absolute;top:50%;transform:translatey(-50%);right: -38px;}
#container.sub .openapi .cont .howtouse ul li:last-child .img-bg::after{display:none;}
#container.sub .openapi .cont .howtouse ul li span{font-size:18px;font-weight:500;}
#container.sub .openapi .cont .howtouse ul li span i{font-size:14px;color:red;display:block;font-weight:400;}

@media screen and (max-width:1200px){
	#container.sub .openapi .cont .howtouse ul li .img-bg{width:150px;height:150px;}
}
@media screen and (max-width:1024px){
	#container.sub .openapi .desc{flex-direction:column;align-items:flex-start;padding: 20px;}
	#container.sub .openapi .desc .img-wrap{margin-left:0px;width:100%;margin-top:20px;}
	#container.sub .openapi .desc .img-wrap .img-box{width:100%;height: 224px;}
	#container.sub .openapi .cont .howtouse ul{flex-wrap:wrap;gap:20px;}
}
@media screen and (max-width:768px){
	#container.sub .openapi .desc .txt-wrap .tit{font-size:26px;margin-bottom:30px;}
	#container.sub .openapi .desc .txt-wrap .txt{font-size:14px;}
	#container.sub .openapi .desc .img-wrap .img-box{height: 270px;}
	#container.sub .openapi .desc .img-wrap .img-box .tit{font-size:17px;}
	#container.sub .openapi .desc .img-wrap .img-box .txt{font-size:13px;}
	#container.sub .openapi .cont .howtouse ul li .img-bg{width:130px;height:130px;}
	#container.sub .openapi .cont .howtouse ul li span{font-size:15px;}
	#container.sub .openapi .cont .howtouse ul li span i{font-size:13px;}
}
@media screen and (max-width:450px){
	#container.sub .openapi .desc .img-wrap .img-box .txt br{display:none;}
	#container.sub .openapi .cont .howtouse ul li{margin-right:20px;}
	#container.sub .openapi .cont .howtouse ul li .img-bg::after{right:-26px;}
}



/* 만족도 조사 */
.survey-bottom {height:auto !important;border: 1px solid #ddd;margin-bottom: 50px;}
.survey-bottom h4{background: #9499a7;padding: 10px 20px;font-size: 1rem;color: #fff;font-weight: 500;}
.survey-bottom .surveyCont{display: flex;flex-wrap: wrap;padding: 20px 20px;align-items: center;background: #fff;}
.survey-bottom p{font-weight: 500;width: 100%;padding-bottom: 20px;}
.survey-bottom .input-group{max-width: 500px;display: flex;gap: 5px;flex-wrap: nowrap;}
.survey-bottom .input-group input{}
.survey-bottom .input-group button{text-align: center;padding: 0;white-space: nowrap;width: 100px;}
.survey-bottom .radioWrap {/* width: calc( 100% - 500px ); */}
.survey-bottom .radioWrap .radio_box input[type="radio"] + label{font-size:1.1rem;}

@media screen and (max-width:1500px){
	.survey-bottom {padding: 0 !important;width: calc( 100% - 30px);}
}
@media screen and (max-width:768px){
	.survey-bottom {}
	.survey-bottom .radioWrap .radio_box input[type="radio"] + label{font-size:.9rem;}
	.survey-bottom .input-group{padding-top:10px;}
}


#container.sub .self_box .search_box {margin-bottom: 0;}
.non_fixed .self_box .title > select {min-width: 200px;background-color: transparent;background: transparent url('../../images/mobility/common/select_ic_w.svg') 95% 50% no-repeat !important;background-size: 20px;border: 0;color: #fff;padding: 0;height: auto;}
.search_box {padding: 1em;}
.search_box .input-group {display: flex;gap: 1em;}
.search_box .input-group > div {}
.search_box .input-group .tit {font-size: .8rem;color: #000;font-weight: 500;}
.search_box .input-group > div select,
.search_box .input-group > div input[type='text'] {width: 250px;border-radius: 5px;}
.search_box .input-group > div select {background: #fff url('../../images/mobility/common/select_ic.svg') 95% 50% no-repeat;background-size: 20px;}
.search_box .tit_wrap {color: #000;font-weight: 600;padding-bottom: .6em;margin-bottom: .6em;font-size: .8rem;display: block;border-bottom: 1px dashed #d5d5d5;}

/* 타이틀 */
.title_st2 {font-weight: 600;font-size: 1.4rem;position: relative;padding-left: 10px;color: #222f81;}
.title_st2:before {position: absolute;content:'';display:block;top:14px;left:0;background:#000;width: 5px;height: 5px;border-radius: 10px;}

/* 테이블 */
.table_st6 {margin:.75em 0;width:100%;position:relative;overflow:auto;width:calc(100% + 1px);margin-left:-1px;font-weight:300;line-height:1.25;border-collapse:collapse;}
.table_st6 th{padding:.9em .5em;border-bottom: 1px solid #575c67;color: var(--white);font-weight:500;font-size: .95rem;}
.table_st6 td{word-break:keep-all;padding: .6rem .5rem;background: #fff;border-bottom: solid #E7EBF2;border-width:1px;color:#878A91;position:relative;min-height:3.95rem;font-size: .95rem;font-weight: 400;text-align: center;transition:background .3s;-webkit-transition:background .3s;}
.table_st6 tbody tr:first-child th,
.table_st6 tbody tr:first-child td{border-top-width:0}
.table_st6 tr:last-child td {border-bottom-width: 0;}
.table_st6 th[scope="row"]{border-bottom:1px solid #ddd;}
.table_st6 tr:last-of-type th[scope="row"]{border-bottom:0;}
.table_st6 tbody th {background: #6B7180;font-size: .95rem;}
.table_st6 thead th {background: #6B7180;font-weight: 500;color: #fff;}
.table_st6 tfoot td {background: var( --table1-tf-td-bg);border-color: var(--table1-tf-td-border);color: #000;}
.table_st6 tfoot th {background: var(--table1-tf-th-bg);border-color: var(--table1-tf-th-border);}

:root{
	    --table1-th-bg: #eff5fd;
    --table1-th-border: #d7dfe9;
    --table1-td-bg: #fff;
    --table1-td-border: #e7e7e7;
    --table1-tf-th-bg: #d2dae5;
    --table1-tf-th-border: #c0cad7;
    --table1-tf-td-bg: #dde3eb;
    --table1-tf-td-border: #cbd3dd;
}

.table_st1 {overflow:hidden;margin:.75em 0;width:100%;border-top: 2px solid #2b3456;border-bottom: 1px solid #ddd;position:relative;overflow:hidden;width:calc(100% + 1px);margin-left:-1px;font-weight:300;line-height:1.25;border-collapse:collapse;}
.table_st1 th{padding:.9em .5em;border: 1px solid var(--table1-th-border);color: #2b3456;font-weight:500;font-size: 1rem;}
.table_st1 td{word-break:keep-all;padding: .9rem .5rem;background: #fff;border: solid #e7e7e7;border-width:1px;color:#333;position:relative;min-height:3.95rem;font-size: 1rem;font-weight: 500;text-align: center;transition:background .3s;-webkit-transition:background .3s;}
.table_st1 tbody tr:first-child th,
.table_st1 tbody tr:first-child td{border-top-width:0}
.table_st1 th[scope="row"]{border-bottom:1px solid #ddd;}
.table_st1 tr:last-of-type th[scope="row"]{border-bottom:0;}
.table_st1 tbody th {background: var(--table1-th-bg);}
.table_st1 thead th {background: var(--table1-th-bg);font-weight: 600;}
.table_st1 tfoot td {background: var( --table1-tf-td-bg);border-color: var(--table1-tf-td-border);color: #000;}
.table_st1 tfoot th {background: var(--table1-tf-th-bg);border-color: var(--table1-tf-th-border);}



/* 리스트 스타일 */
.list_st1 li{position:relative;padding-left: 9px;line-height: 24px;width:100% !important;margin-bottom: .6em;}
.list_st1 > li:before{content:'';background: #1f59a3;width: 4px;height: 4px;display:inline-block;position:absolute;left:0px;top: 10px;border-radius: 8px;}

.list_st2 > li {position: relative;padding-left: .7em;margin-bottom: .6em;color: #444;}
.list_st2 > li::after {content: '';display: block;position: absolute;top: 10px;left: 0;width: 3px;height: 3px;background: #555;}


/* box */
.box_st1 {border: 1px dashed #ccc;padding: 20px 30px;border-radius: 5px;margin-bottom: 5rem;box-shadow: 0 5px 10px rgba(0,0,0,.1);}
.flex_box {display:flex;gap: 1.5em;}
.box_line_list {display: flex;gap: 1em;}
.box_line_list > li {width: 33.33333%;display: flex;border: 1px solid #e9e9e9;box-shadow:0px 6px 10px rgba(0,0,0,0.1);padding: 1.5em;border-radius: 10px;}
.box_line_list > li > img {border-radius: 10px;width: 100px;height: 100px;}
.box_line_list > li .cont {padding-left: 2em;display: flex;flex-direction: column;}
.box_line_list > li .cont .tit {color: #000;font-weight: 600;font-size: .9rem;}
.box_line_list > li .cont .txt {margin: .3em 0 1em;color: #777;}
.box_line_list > li .cont .more_bt {font-weight: 600;text-decoration: underline;}
.box_line_list > li .cont .more_bt:hover {text-decoration: none;}
.box_line_list > li .cont .more_bt .material-icons {font-size: 20px;margin-left: 5px;}
.box_line_list2 {display: flex;flex-wrap: wrap;justify-content: space-between;}
.box_line_list2 li {border:1px solid #e9e9e9;box-shadow:0 3px 10px rgba(0,0,0,.1);width: 32.5%;margin-bottom: 1em;}
.box_line_list2 .desc {padding: 1em;background:#f9f9f9;border-top:1px solid #e9e9e9;display: flex;flex-direction: column;align-items: center;}
.box_line_list2 .desc .tit {color: #000;font-weight: 600;font-size: 1.2rem;}
.box_line_list2 .desc .txt {color: #777;}
.box_line_list2 .img {height: 120px;display:flex;justify-content: center;align-items: center;}

@media screen and (max-width:1500px){
}
@media screen and (max-width:768px){
	.flex_box {flex-direction: column;}
	.box_line_list {flex-direction: column;}
	.moreBt2 .txt {display: none !important;}
	.box_line_list li {width: 100%;}
	.box_line_list2 li {width: 100%;}
}

/* 버튼 */
.btn-group {display: flex;justify-content: center;}
.moreBt2 .txt {position: absolute;width:auto;display: inlin-block;left: 0;font-weight: 500;display: inline-block;left: -257px;top: 10px;}

/* title */
.title_st3{position: relative;padding: 0 2px;font-weight: 600;margin-bottom: .8em;display:inline-block;}
.title_st3:before{content:'';width: 100%;height: 7px;background: #e5e8ff;display: inline-block;position: absolute;bottom: 3px;z-index: -1;}
.title_wrap {position: relative;}

/* 클로바인 페이지 */



/* 소개 박스 */
.info_box {background: #F2F8FF url('../../images/web/sub/textopia_info_bg.png') 100% 100% no-repeat;padding: 4em 3em;background-size: 410px auto;position: relative;}
.info_box strong {font-size: 1.7rem;margin-bottom: .5em;display: block;color: #000;font-weight: 500;}
.info_box p {font-size: 1rem;margin-bottom: .2em;color: #000;}
.info_box .sub_txt {font-size: .9rem;color: #818488;}
.info_box .img {position: absolute;bottom: -4em;right: 3em;}
.info_box .patten_st1 {position: absolute;top: -3em;right: 30em;background: url('../../images/web/sub/pattern_ic1.png') 0 0 no-repeat;background-size: 100%;width: 120px;height: 120px;display: inline-block;}
/* 레드 */
.info_box.info_box_red {background: #FFF2F7 url('../../images/web/sub/textopia_info_bg2.png') 100% 100% no-repeat;background-size: 410px auto;}
/* 노랑 */
.info_box.info_box_yellow {background: #FFF7EC url('../../images/web/sub/textopia_info_bg3.png') 100% 100% no-repeat;background-size: 410px auto;}
@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 900px) {
	.info_box {background-size: 250px auto;margin-bottom: 4em !important;padding: 2em;}
	.info_box .img {display: none;}
	.info_box .patten_st1 {width: 100px;height: 100px;right: 0em;}
}



/*251101 이상민 css*/
#inner-box {
	padding: 40px 0;
	margin-bottom: 5rem;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

#inner-box p { /*기본 텍스트 스타일 설정*/
	color: #000;
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 125% */
}

#inner-box .content .title-text { /*메인 텍스트*/
	color: #000;
	font-family: "Spoqa Han Sans Neo";
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	display: flex;
	align-items: center;
	gap: 10px;
}

#inner-box .content:first-child .title-text {
	margin-bottom: 20px;
}

#inner-box .content .title-text::before { /*메인 텍스트 앞 이미지*/
	content: "";
	display: block;
	width: 39px;
	height: 27px;
	background: url(../../images/sub/ic_bullet3.svg) center center no-repeat;
	background-size: 33px;
}


/* ▼ 플랫폼소개 개편 ▼ */
#container.sub .contents .main-function-wrap .title-text {
	color: #000;
	font-family: "Spoqa Han Sans Neo";
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
}

#container.sub .contents .main-function-wrap .title-text::before {
	content: "";
	display: block;
	width: 39px;
	height: 27px;
	background: url(../../images/sub/ic_bullet3.svg) center center no-repeat;
	background-size: 33px;
}

#container.sub .contents .main-function-wrap .contents-wrap {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 40px;
	position: relative;
}

#container.sub .contents .main-function-wrap .contents-wrap .center-img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

#container.sub .contents .main-function-wrap .contents-wrap .content {
	border-radius: 20px;
	padding: 20px;
}

#container.sub .contents .main-function-wrap .contents-wrap .content:nth-child(1) {
	background-color: #07A398;
}

#container.sub .contents .main-function-wrap .contents-wrap .content:nth-child(2) {
	background-color: #0680C3;
}

#container.sub .contents .main-function-wrap .contents-wrap .content:nth-child(4) {
	background-color: #A6408A;
}

#container.sub .contents .main-function-wrap .contents-wrap .content:nth-child(5) {
	background-color: #ED7D31;
}

#container.sub .contents .main-function-wrap .contents-wrap .content p {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	display: flex;
	gap: 10px;
	align-items: center;
	margin-bottom: 20px;
}
#container.sub .contents .main-function-wrap .contents-wrap .content:nth-child(2) p,
#container.sub .contents .main-function-wrap .contents-wrap .content:nth-child(5) p {
	justify-content: end;
}
#container.sub .contents .main-function-wrap .contents-wrap .content:nth-child(2) p .count,
#container.sub .contents .main-function-wrap .contents-wrap .content:nth-child(5) p .count {
	order: 2;
}



#container.sub .contents .main-function-wrap .contents-wrap .content p .count {
	display: inline-block;
	width: 32px;
	height: 32px;
	font-size: 16px;
	font-weight: 500;
	border-radius: 100%;
	background-color: rgba(0, 0, 0, 0.3);
	display: flex;
	justify-content: center;
	align-items: center;
}

#container.sub .contents .main-function-wrap .contents-wrap .content .inner-content-wrap {
	display: flex;
	align-items: center;
	gap: 20px;
	background-color: #fff;
	padding: 15px;
	border-radius: 10px;
}

#container.sub .contents .main-function-wrap .contents-wrap .content .inner-content-wrap ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

#container.sub .contents .main-function-wrap .contents-wrap .content .inner-content-wrap ul li {
	display: flex;
	gap: 5px;
	align-items: center;
}

#container.sub .contents .main-function-wrap .contents-wrap .content .inner-content-wrap ul li::before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	background-color: #000;
	border-radius: 100%;
	flex-shrink: 0;
}

#container.sub .contents .main-function-wrap .img-wrap { /*디지털 BIZ 플랫폼 소개 (개편) 이미지*/
	width: 100%;
	object-fit: cover;
	margin-top: 60px;
	border: 1px solid #eee;
	border-radius: 30px;
	padding: 20px;
}
/* ▲ 플랫폼소개 개편 ▲ */

/* ▼ 연계사업소개 ▼ */
#inner-box.linkBusiness .content .description-text-box { /*사업소개 텍스트*/
	padding: 30px;
	border-radius: 5px;
	border: 1px dashed #CCC;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
}

#inner-box.linkBusiness .content .normal-p-tag { /*사업기간,사업예산 텍스트*/
	padding: 20px;
}

#inner-box.linkBusiness .content .text-wrap { /*사업주체 텍스트래퍼*/
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

#inner-box.linkBusiness .content .text-wrap p { /*사업주체 텍스트*/
	display: flex;
	gap: 6px;
	align-items: center;
}

#inner-box.linkBusiness .content .text-wrap p::before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	background-color: #000;
	border-radius: 100%;
}

#inner-box.linkBusiness .content .business-contents-wrap { /*사업내용 컨텐츠 래퍼*/
	margin-top: 30px;
	display: flex;
	flex-direction: column;
	gap: 40px;
	padding: 0 20px;
}

#inner-box.linkBusiness .content .business-contents-wrap .business-content { /*사업내용 컨텐츠*/
	padding: 10px 0 20px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	border-bottom: 1px solid #eee;
}

#inner-box.linkBusiness .content .business-contents-wrap .business-content .content-name-wrap { /*사업내용 제목 래퍼*/
	display: flex;
	align-items: center;
}
#inner-box.linkBusiness .content .business-contents-wrap .business-content .content-name-wrap>div {
	display: flex;
	align-items: center;
}


#inner-box.linkBusiness .content .business-contents-wrap .business-content .content-name-wrap .number { /*사업내용 숫자*/
	width: 26px;
	height: 26px;
	margin-right: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	border: 2px solid #000;
	border-radius: 100%;
	flex-shrink: 0;
}

#inner-box.linkBusiness .content .business-contents-wrap .business-content .content-name-wrap p { /*사업내용 제목*/
	font-size: 20px;
	font-weight: 700;
	display: flex;
	gap: 15px;
}
#inner-box.linkBusiness .content .business-contents-wrap .business-content .content-name-wrap p::after {
	content: '';
	display: block;
	width: 2px;
	height: 20px;
	background-color: #eee;
	margin-right: 15px;
}

#inner-box.linkBusiness .content .business-contents-wrap .business-content .content-name-wrap .sub-text { /*사업내용 제목 옆 텍스트*/
	font-size: 18px;
	font-weight: 500;
}

#inner-box.linkBusiness .content .business-contents-wrap .business-content .list-wrap { /*사업내용 리스트 텍스트 래퍼*/
	padding: 0 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-bottom: 10px;
}

#inner-box.linkBusiness .content .business-contents-wrap .business-content .list-wrap p { /*사업내용 리스트 텍스트*/
	display: flex;
	gap: 6px;
	align-items: center;
}

#inner-box.linkBusiness .content .business-contents-wrap .business-content .list-wrap p::before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	background-color: #000;
	border-radius: 100%;
	flex-shrink: 0;
}

#inner-box.linkBusiness .content .performance-box-wrap { /*기대효과 박스 래퍼*/
	height: 276px;
	display: flex;
	gap: 30px;
	margin-top: 20px;
}

#inner-box.linkBusiness .content .performance-box-wrap .performance-box { /*기대효과 박스*/
	display: flex;
	padding: 40px 30px;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 20px;
	border: 1px solid #eee;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

#inner-box .content .performance-box-wrap .performance-box .top {
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}

#inner-box .content .performance-box-wrap .performance-box .top .title-text-wrap {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

#inner-box .content .performance-box-wrap .performance-box .top .title-text-wrap .title {
	font-size: 24px;
	font-weight: 700;
}

#inner-box .content .performance-box-wrap .performance-box .top .title-text-wrap .sub-title {
	color: #ccc;
	font-size: 20px;
	font-weight: 500;
	line-height: normal;
}

#inner-box .content .performance-box-wrap .performance-box:nth-child(1) .top .img {
	max-width: 50px;
	object-fit: cover;
}

#inner-box .content .performance-box-wrap .performance-box:nth-child(2) .top .img {
	max-width: 50px;
	object-fit: cover;
}

#inner-box .content .performance-box-wrap .performance-box:nth-child(3) .top .img {
	max-width: 60px;
	object-fit: cover;
}

#inner-box .content .performance-box-wrap .performance-box>p {
	padding: 10px 0;
	display: flex;
	gap: 6px;
	align-items: center;
}

#inner-box .content .performance-box-wrap .performance-box>p::before {
	content: '';
	display: block;
	flex-shrink: 0;
	width: 4px;
	height: 4px;
	background-color: #000;
	border-radius: 100%;
}

#inner-box .select-project-wrap { /* 지역 자율형 디지털 혁신 프로젝트*/
	display: flex;
	flex-direction: column;
	gap: 40px;
}

#inner-box .digital-project {
	display: none;
}

#inner-box .digital-project.selected{
	display: block;
}

#inner-box .select-project-wrap .sub-tab-wrap ul{
	display: flex;
	gap: 40px;
	align-items: center;
	justify-content: center;
	margin: 30px 0 15px;
}

#inner-box .select-project-wrap .sub-tab-wrap ul li a {
	font-weight: 700;
	font-size: 28px;
	line-height: 30px;
	color: #ddd;
	display: flex;
	align-items: center;
	gap: 6px;
}

#inner-box .select-project-wrap .sub-tab-wrap ul li a.selected {
	color: #143678;
}

#inner-box .select-project-wrap .sub-tab-wrap ul li a.selected::before {
	content: url(../../images/reorganization/check-icon.png);
	width: 30px;
	height: 30px;
	display: block;
	padding-top: 2px;
}

#inner-box .select-project-wrap .region {
	display: flex;
	gap: 10px;
	align-items: center;
}

#inner-box .select-project-wrap .region.selected .check-icon {
	background: url(../../images/reorganization/check-icon.png) center center;
	width: 26px;
	height: 26px;
	object-fit: cover;
}

#inner-box .select-project-wrap .region.selected p {
	color: #143678;
	font-size: 28px;
	font-weight: 700;
	line-height: 30px; /* 107.143% */
	letter-spacing: -0.84px;
}

#inner-box .select-project-wrap .region p {
	color: rgba(0, 0, 0, 0.10);
	font-size: 28px;
	font-weight: 700;
	line-height: 30px; /* 107.143% */
	letter-spacing: -0.84px;
}
#inner-box .digital-project .text-box {
	margin-bottom: 40px;
}

#inner-box .digital-project .content:not(:last-child) {
	margin-bottom: 20px;
}

#inner-box .digital-project.selected .text-box .description-text {
	display: none;
}

#inner-box .digital-project.selected .text-box .description-text {
	display: block;
	padding: 20px;
	border-radius: 5px;
	border: 1px solid #eee;
}

#inner-box .pohang .content .business-contents-wrap .img {
	width: 100%;
	height: 100%;
	border-radius: 30px;
	border: 1px solid #eee;
	margin-bottom: 40px;
}

.linkBusiness-dataTab2 #inner-box .pohang .content .business-contents-wrap .img { /*연계사업소개 > 지역자율형~ > 포항 이미지*/
	margin: 20px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 100px 0;
	border: 1px solid #eee;
	border-radius: 30px;
}

.linkBusiness-dataTab2 #inner-box .yeongcheon .content .business-contents-wrap .img{ /*연계사업소개 > 지역자율형~ > 영천 이미지*/
	margin-bottom: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 100px 0;
	border: 1px solid #eee;
	border-radius: 30px;
}

/*제조업 AI융합 기반 조성*/
#inner-box .content .table-wrap {
	width: 100%;
}

#inner-box .content .table-wrap table thead {
	width: 100%;
	height: 50px;
	align-self: stretch;
	border-bottom: 1px solid #fff;
	background-color: #333;
	color: #fff;
}

#inner-box .content .table-wrap table thead tr th:not(:last-child) {
	border-right: 1px solid #ccc;
}

#inner-box .content .table-wrap table tbody tr td:not(:last-child) {
	border-right: 1px solid #ccc;
}

#inner-box .content .table-wrap table tbody tr td {
	border-bottom: 1px solid #ccc;
	padding: 8px 2px;
}

#inner-box .content .table-wrap table tbody tr:last-child td {
	background-color: #F1F4F9;
}

.linkBusiness-dataTab3 #inner-box .content .business-contents-wrap .img { /*연계사업소개 > 제조업 AI융합 기반조성 사진*/
	border-radius: 30px;
	overflow: hidden;
}

#inner-box .content .business-contents-wrap .business-content:last-child {
	padding: 0;
	margin-bottom: 10px;
}
.linkBusiness-dataTab1 #inner-box .content .business-contents-wrap .business-content:last-child .img { /*연계사업소개 > sw융합클러스터 사진*/
	margin: 40px auto;
}


#inner-box .content .address-wrap {
	display: flex;
	gap: 10px;
	align-items: center;
}

#inner-box .content a {
	display: block;
	width: fit-content;
	border-bottom: 1px solid #fff;
	display: flex;
	gap: 6px;
	align-items: center;
	padding-left: 20px;
	margin-top: 20px;
}
#inner-box .content a .img {
	background: url(../../images/reorganization/address_icon.png);
	width: 30px;
	height: 30px;
}



/* ▲ 연계사업소개 ▲ */

/* ▼ 기업지원사례 ▼ */
#container.sub .tabAndCompany-wrap {
	width: 100%;
	height: 100%;
	padding: 40px;
	background-color: #FAFAFA;
	border: 1px dashed #CCC;
	border-top: none;
	border-radius: 5px;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}

#container.sub .tabAndCompany-wrap .card-container {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 15px;
}

#container.sub .tabAndCompany-wrap .card-container .data-card {
	width: 100%;
	padding: 30px;
}

#container.sub .tabAndCompany-wrap .card-container .data-card h3 {
	font-size: 22px;
	font-weight: 600;
	position: relative;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

#container.sub .tabAndCompany-wrap .card-container .data-card p {
	font-size: 16px;
}
#container.sub .tabAndCompany-wrap .card-container .data-card div {
	display: flex;
	gap: 6px;
	align-items: center;
}
#container.sub .tabAndCompany-wrap .card-container .data-card .assignment-text {
	margin: 10px 0;
}


#container.sub .tabAndCompany-wrap .card-container .data-card .program-text .main-text,
#container.sub .tabAndCompany-wrap .card-container .data-card .assignment-text .main-text,
#container.sub .tabAndCompany-wrap .card-container .data-card .data-text .main-text {
	width: 120px;
	padding: 5px 10px;
	border-radius: 5px;
	flex-shrink: 0;
}

#container.sub .tabAndCompany-wrap .card-container .data-card .program-text .main-text {
	border: 1px solid #20A9ED;
	background: rgba(32, 169, 237, 0.05);
}

#container.sub .tabAndCompany-wrap .card-container .data-card .assignment-text .main-text {
	border: 1px solid #1D9B3A;
	background: rgba(29, 155, 58, 0.05);
}

#container.sub .tabAndCompany-wrap .card-container .data-card .data-text .main-text {
	border: 1px solid #E47C37;
	background: rgba(228, 124, 55, 0.05);
}

#container.sub .tabAndCompany-wrap .card-container .data-card h3::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	bottom: 0;
	left: 0;
}

#container.sub .tabAndCompany-wrap .card-container .data-card .data-text a {
	text-decoration: none;
	color: inherit;
	font-size: 16px;
	padding-bottom: 1px;
	border-bottom: 1px solid #333;
	display: flex;
	align-items: center;
	gap: 10px;
	transition: .3s;
}

#container.sub .tabAndCompany-wrap .card-container .data-card .data-text a:hover {
	gap: 15px;
}

#container.sub .tabAndCompany-wrap .card-container .data-card .data-text a::after {
	display: block;
	content: '';
	width: 12px;
	height: 12px;
	background-image: url('/images/reorganization/arrow_icon.png');
	background-size: cover;
	background-repeat: no-repeat;
}

#container.sub .tabAndCompany-wrap #yearTabs ul {
	gap: 10px;
}

#container.sub .tabAndCompany-wrap #yearTabs ul li {
	max-width: 150px;
}

#container.sub .tabAndCompany-wrap #yearTabs ul li a {
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	border: 1px solid #eee;
	border-radius: 20px;
	margin-bottom: 30px;
}
#container.sub .tabAndCompany-wrap #yearTabs ul li a::after {
	display: none;
}


#container.sub .tabAndCompany-wrap #yearTabs ul li a.selected {
	background-color: #fff;
	border: 1px solid #143678;
	color: #143678;
	box-shadow: none;
}
/* ▲ 기업지원사례 ▲ */

/* ▼ 경북디지털혁신본부소개 ▼ */
#container.sub .img_tit_box .text p {
	font-size: 18px;
	font-weight: 500;
}

#container.sub .img_tit_box .text p span img {
	width: 24px;
	height: 100%;
	object-fit: cover;
	flex-shrink: 0;
	margin-right: 4px;
	vertical-align: sub;
}

#inner-content {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

#inner-content p { /*기본 텍스트 스타일 설정*/
	color: #000;
	font-family: "Spoqa Han Sans Neo";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
}

#inner-content .img_tit_box .text p {
	color: #fff;
}

#inner-content .img_tit_box .text p span {
	margin-right: 6px;
}

#inner-content .greetings-wrap {
	display: flex;
	gap: 20px;
}

#inner-content .greetings-wrap .left-text,
#inner-content .greetings-wrap .right-wrap {
	flex: 1 1 0;
}

#inner-content .greetings-wrap .right-wrap {
	display: flex;
	flex-direction: column;
	gap: 100px;
}

#inner-content .greetings-wrap .right-wrap .sign-wrap {
	display: flex;
	gap: 20px;
	align-items: center;
	margin-left: auto;
}

#inner-content .greetings-wrap .right-wrap .sign-wrap .position {
	font-size: 16px;
	font-weight: 400;
}

#inner-content .greetings-wrap .right-wrap .sign-wrap .name {
	font-size: 30px;
	font-weight: 700;
}

/*미션 및 비전*/
#inner-content .contents-wrap {
	display: flex;
	flex-direction: column;
	gap: 50px;
	margin-top: 30px;
}

#inner-content .contents-wrap .content .main-text {
	font-size: 30px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
}

#inner-content .contents-wrap .content .text-box {
	padding: 30px 20px;
	border-radius: 5px;
	border: 1px dashed #CCC;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
}

#inner-content .contents-wrap .content .text-box p {
	text-align: center;
	font-size: 20px;
}

#inner-content .contents-wrap .content .circle-object-wrap {
	margin-top: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#inner-content .contents-wrap .content .circle-object-wrap .circle-object {
	width: 260px;
	height: 260px;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	border: 2px dashed #CCC;
}

#inner-content .contents-wrap .content .circle-object-wrap .circle-object .inner-circle {
	width: 200px;
	height: 200px;
	padding: 10px;
	border-radius: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

#inner-content .contents-wrap .content .circle-object-wrap .circle-object .inner-circle p {
	color: #fff;
	text-align: center;
}

#inner-content .contents-wrap .content .circle-object-wrap .circle-object:nth-child(1) .inner-circle {
	background: linear-gradient(-45deg,#2F359D,#B3288B);
}
#inner-content .contents-wrap .content .circle-object-wrap .circle-object:nth-child(1) .inner-circle .img {
	max-width: 50px;
}


#inner-content .contents-wrap .content .circle-object-wrap .circle-object:nth-child(3) .inner-circle {
	background: linear-gradient(315deg, #572F9D, #2559DE);
}

#inner-content .contents-wrap .content .circle-object-wrap .circle-object:nth-child(3) .inner-circle .img {
	max-width: 50px;
}

#inner-content .contents-wrap .content .circle-object-wrap .circle-object:nth-child(5) .inner-circle {
	background: linear-gradient(-45deg,#2F359D,#1D86C2);
}

#inner-content .contents-wrap .content .circle-object-wrap .circle-object:nth-child(5) .inner-circle .img {
	max-width: 50px;
}

#inner-content .contents-wrap .content .circle-object-wrap .bar {
	width: 100px;
	height: 1px;
	border: 1px dashed #eee;
}

#inner-content .contents-wrap .content .card-wrap {
	display: flex;
	gap: 30px;
}

#inner-content .contents-wrap .content .card-wrap .card {
	width: 100%;
	height: 320px;
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding: 40px 30px;
	border: 1px solid #eee;
	border-radius: 20px;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
	overflow: hidden;
	position: relative;
}

#inner-content .contents-wrap .content .card-wrap .card .top {
	display: flex;
	justify-content: space-between;
}

#inner-content .contents-wrap .content .card-wrap .card .top .text-wrap {
	display: flex;
	flex-direction: column;
}

#inner-content .contents-wrap .content .card-wrap .card .top .text-wrap .main-text {
	margin-bottom: 0;
}

#inner-content .contents-wrap .content .card-wrap .card .top .text-wrap .english-text {
	color: #ccc;
	font-size: 20px;
	font-weight: 500;
}

#inner-content .contents-wrap .content .card-wrap .card:nth-child(1) .top .img {
	max-width: 50px;
}

#inner-content .contents-wrap .content .card-wrap .card:nth-child(2) .top .img {
	max-width: 40px;
}

#inner-content .contents-wrap .content .card-wrap .card:nth-child(3) .top .img {
	max-width: 35px;
	padding-top: 8px;
}

#inner-content .contents-wrap .content .card-wrap .card:nth-child(4) .top .img {
	max-width: 40px;
}

#inner-content .contents-wrap .content .card-wrap .card .bottom {
	display: flex;
	flex-direction: column;
	gap: 5px;
}

#inner-content .contents-wrap .content .card-wrap .card .bottom p {
	display: flex;
	gap: 6px;
	align-items: center;
}

#inner-content .contents-wrap .content .card-wrap .card .bottom p::before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	background-color: #000;
	border-radius: 100%;
	flex-shrink: 0;
}

#inner-content .contents-wrap .content .card-wrap .card .bottom .img {
	width: 216px;
	height: 300px;
	position: absolute;
	bottom: -5px;
	right: -20px;
	display: flex;
	justify-content: center;
	align-items: end;
}

#inner-content .contents-wrap .content .mainTasks-wrap {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

#inner-content .contents-wrap .content .mainTasks-wrap .mainTasks {
	display: flex;
	gap: 50px;
	align-items: center;
}

#inner-content .contents-wrap .content .mainTasks-wrap .mainTasks .img {
	max-width: 320px;
	flex-shrink: 0;
}
#inner-content .contents-wrap .content .mainTasks-wrap .mainTasks .img img {
	border-radius: 20px;
}


#inner-content .contents-wrap .content .mainTasks-wrap .mainTasks .text-wrap .main-text {
	font-size: 26px;
	font-weight: 700;
	text-align: unset;
}

#inner-content .contents-wrap .content .mainTasks-wrap .mainTasks .text-wrap .sub-text {
	font-size: 18px;
	display: flex;
	gap: 6px;
	align-items: center;
}

#inner-content .contents-wrap .content .mainTasks-wrap .mainTasks .text-wrap .sub-text::before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background-color: #000;
	flex-shrink: 0;
}

/*경북디지털 혁신본부소개 > 연혁*/
#inner-content .history-wrap .main-text-wrap {
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
	align-items: center;
	padding: 30px 20px 100px;
}

#inner-content .history-wrap .main-text-wrap .img {
	max-width: 60px;
}

#inner-content .history-wrap .main-text-wrap .main-text {
	font-size: 40px;
	font-weight: 400;
}

#inner-content .history-wrap .main-text-wrap .main-text .accent {
	font-weight: 700;
}

#inner-content .history-wrap .inner-history-contents-wrapper {
	position: relative;
}

#inner-content .history-wrap .inner-history-contents-wrapper .center-line {
	position: absolute;
	width: 2px;
	height: 2025px;
	background-color: #eee;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	row-gap: 80px;
}

#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	gap: 10px;
}

#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(2n) {
	grid-column: 1/2;
	padding-right: 150px;
	align-items: end;
}

#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(2n + 1) {
	grid-column: 2/3;
	padding-left: 150px;
}

#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(3) {
	grid-row: 3/4;
}

#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(4) {
	grid-row: 4/5;
}

#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(5) {
	grid-row: 5/6;
}

#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(6) {
	grid-row: 6/7;
}

#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(7) {
	grid-row: 7/8;
}

#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(8) {
	grid-row: 8/9;
}

#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(9) {
	grid-row: 9/10;
}

#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(10) {
	grid-row: 10/11;
}

#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap .circle {
	width: 20px;
	height: 20px;
	background: linear-gradient(315deg, #572F9D, #2559DE);
	border-radius: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(2n) .circle {
	right: -10px;
}

#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(2n + 1) .circle {
	left: -10px;
}

#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap .circle::before {
	width: 10px;
	height: 10px;
	content: '';
	display: block;
	background-color: #fff;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap .year {
	font-size: 45px;
	font-weight: 900;
}

#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap .month-wrap {
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
}

#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap .month-wrap .month {
	display: flex;
	gap: 10px;
	align-items: center;
}
#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(2n) .month {
	justify-content: end;
}


#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap .month-wrap .month .month-text {
	font-size: 24px;
	font-weight: 700;
}

#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(2n) .month-wrap .month .text {
	order: -1;
}

/* 경북디지털혁신본부소개 > 조직구성 */
#inner-content.organization .main-text-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 30px 20px 40px;
}

#inner-content.organization .main-text-wrap .img {
	margin-bottom: 30px;
}
#inner-content.organization .main-text-wrap .main-text {
	text-align: center;
	font-size: 40px;
	font-weight: 500;
}

#inner-content.organization .main-text-wrap .main-text .accent {
	font-weight: 700;
}

#inner-content.organization .organization-wrap {
	width: 100%;
	max-width: 1500px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

#inner-content.organization .organization-wrap .circle {
	width: 290px;
	height: 290px;
	padding: 10px;
	border: 2px dotted #eee;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#inner-content.organization .organization-wrap .circle .inner-circle {
	width: 250px;
	height: 250px;
	background: #F7F8FF;
	border-radius: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 15px;
	text-align: center;
}

#inner-content.organization .organization-wrap .circle .inner-circle .img {
	max-width: 240px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#inner-content.organization .organization-wrap .circle .inner-circle .img {
	object-fit: cover;
}

#inner-content.organization .organization-wrap .vertical-line {
	width: 2px;
	height: 80px;
	background-color: #eee;
}

#inner-content.organization .organization-wrap .horizontal-line {
	width: 100%;
	max-width: 894px;
	height: 2px;
	background-color: #eee;
}

#inner-content.organization .organization-wrap .team-wrap {
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 30px;
}

#inner-content.organization .organization-wrap .team-wrap .team {
	flex: 1 1 0;
	min-height: 300px;
	padding: 15px;
	margin-top: 100px;
	border: 1px solid #ccc;
	border-radius: 20px;
	position: relative;
}

#inner-content.organization .organization-wrap .team-wrap .team::before {
	content: '';
	display: block;
	width: 2px;
	height: 100px;
	background-color: #eee;
	position: absolute;
	top: -101px;
	left: 50%;
	transform: translateX(-50%);
}

#inner-content.organization .organization-wrap .team-wrap .team .team-name {
	display: block;
	width: 100%;
	padding: 20px 10px;
	background-color: #E0E0F6;
	border-radius: 10px;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
}

#inner-content.organization .organization-wrap .team-wrap .team .team-task {
	font-size: 18px;
	font-weight: 500;
	border: 1px solid #eee;
	padding: 10px;
	text-align: center;
	margin: 10px 0;
}
#inner-content.organization .organization-wrap .team-wrap .team ul {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

#inner-content.organization .organization-wrap .team-wrap .team ul li {
	font-size: 16px;
	display: flex;
	align-items: center;
	gap: 5px;
	padding-left: 5px;
}

#inner-content.organization .organization-wrap .team-wrap .team ul li::before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	background-color: #000;
	border-radius: 100%;
	flex-shrink: 0;
}


/* 경북디지털혁신본부 소개 > 오시는 길 */
#inner-box.map-tab .map-wrap .location-box {
	padding: 30px 10px;
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	border: 1px dashed #CCC;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
}

#inner-box.map-tab .map-wrap .location-box .gps-icon {
	height: 34px;
}

#inner-box.map-tab .map-wrap .location-box p {
	font-size: 20px;
	font-weight: 400;
}

#inner-box.map-tab .map-wrap .map {
	width: 100%;
	max-width: 1500px;
	margin-top: 30px;
}
#inner-box.map-tab .map-wrap .map iframe {
	width: 100%;
	min-height: 700px;
}


/* ▲ 경북디지털혁신본부소개 ▲ */


/* 미디어쿼리 */
@media (max-width:1200px) {
	/*경북디지털혁신본부소개 > 미션 및 비전*/
	#inner-content .contents-wrap .content .main-text {
		font-size: 24px;
	}
	#inner-content .contents-wrap .content .card-wrap .card:nth-child(3) .top .img {
		padding-top: 2px;
	}

/*	경북디지털혁신본부소개 > 연혁*/
	#inner-content .history-wrap .main-text-wrap .main-text {
		font-size: 34px;
		text-align: center;
	}

	#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(2n + 1) {
		padding-left: 100px;
	}

	#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(2n) {
		padding-right: 100px;
	}

/*	경북디지털혁신본부 소개 > 조직도*/
	#inner-content.organization .organization-wrap .horizontal-line {
		max-width: 75.3vw;
	}

	#inner-content.organization .main-text-wrap .main-text {
		font-size: 34px;
	}

	#container.sub .tabAndCompany-wrap .card-container {
		font-size: 20px;
	}

	#container.sub .tabAndCompany-wrap .card-container .data-card {
		padding: 20px;
	}

	#container.sub .tabAndCompany-wrap .card-container .data-card div {
		gap: 10px;
	}
}

@media (max-width: 1024px) {
	/*디지털 BIZ 플랫폼 소개 (개편)*/
	#container.sub .contents .main-function-wrap .contents-wrap {
		grid-template-columns: 1fr;
	}

	#container.sub .contents .main-function-wrap .contents-wrap .center-img {
		display: none;
	}

	#container.sub .contents .main-function-wrap .contents-wrap .content p {
		font-weight: 500;
	}


	#container.sub .contents .main-function-wrap .contents-wrap .content:nth-child(2) p,
	#container.sub .contents .main-function-wrap .contents-wrap .content:nth-child(5) p {
		justify-content: unset;
	}

	#container.sub .contents .main-function-wrap .contents-wrap .content:nth-child(2) p .count,
	#container.sub .contents .main-function-wrap .contents-wrap .content:nth-child(5) p .count {
		order: unset;
	}

	#container.sub .contents .main-function-wrap .contents-wrap .content .inner-content-wrap .img img {
		min-width: 24px;
		height: 24px;
		object-fit: contain;
	}

	/*기업지원사례*/
	#container.sub .tabAndCompany-wrap .card-container {
		grid-template-columns: 1fr;
	}

	/*	연계사업 소개 > 기대효과*/
	#inner-box.linkBusiness .content .performance-box-wrap {
		height: auto;
		flex-direction: column;
	}

	/* 연계사업소개 > 사업내용 */
	#inner-box.linkBusiness .content .business-contents-wrap .business-content .content-name-wrap p {
		flex-shrink: 0;
	}

/*	연계사업소개 > 지역 자율형 디지털 혁신프로젝트 포항,영천 선택 텍스트*/
	#inner-box .select-project-wrap .sub-tab-wrap ul {
		flex-direction: column;
	}
	#inner-box .select-project-wrap .sub-tab-wrap ul li a{
		font-size: 20px;
	}

/*  연계사업소개 > 제조업 AI 융합 기반 조성 > 사업내용*/
	#inner-box.linkBusiness .content .business-contents-wrap {
		padding: 0;
	}

/*	연계사업 소개 > 제조업 AI융합 기반 조성*/
	#inner-box .content .table-wrap table {
		font-size: 14px;
	}

/*	경북디지털혁신본부 소개 > 미션 및 비전*/
	#inner-content .contents-wrap .content .circle-object-wrap .circle-object {
		width: 220px;
		height: 220px;
	}

	#inner-content .contents-wrap .content .circle-object-wrap .circle-object .inner-circle {
		width: 170px;
		height: 170px;
	}

	#inner-content .contents-wrap .content .circle-object-wrap .circle-object .inner-circle .img {
		max-width: 40px;
	}

	#inner-content .contents-wrap .content .circle-object-wrap .circle-object .inner-circle p {
		font-size: 14px;
	}

	#inner-content .contents-wrap .content .card-wrap {
		flex-direction: column;
	}

	#inner-content .contents-wrap .content .card-wrap .card .bottom .img {
		bottom: -10px;
		right: 15px;
	}

	#inner-content .contents-wrap .content .mainTasks-wrap .mainTasks {
		gap: 20px;
	}

	#inner-content .contents-wrap .content .mainTasks-wrap .mainTasks .text-wrap .main-text {
		font-size: 22px;
		margin-bottom: 20px;
	}

	#inner-content .contents-wrap .content .mainTasks-wrap .mainTasks .text-wrap .sub-text {
		font-size: 16px;
	}

	/*경북디지털혁신본부 소개 > 연혁*/
	#inner-content .history-wrap .inner-history-contents-wrapper {
		display: flex;
		gap: 30px;
	}

	#inner-content .history-wrap .inner-history-contents-wrapper .center-line {
		position: relative;
		left: 31px;
		transform: unset;
	}

	#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(2n) .circle {
		right: 0;
		left: -10px;
	}

	#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(2n) .month {
		justify-content: unset;
	}

	#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(2n) .month-wrap .month .text {
		order: unset;
	}


	#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap {
		display: flex;
		flex-direction: column;
		gap: 80px;
	}
	#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(2n) {
		align-items: unset;
		padding-right: 0;
		padding-left: 100px;
	}


	/*경북디지털혁신본부 소개 > 조직도*/
	#inner-content.organization .organization-wrap .team-wrap .team {
		min-height: 200px;
	}

	#inner-content.organization .organization-wrap .team-wrap .team .team-name {
		font-size: 18px;
		padding: 10px;
	}

	#inner-content.organization .organization-wrap .team-wrap .team .team-task {
		font-size: 16px;
	}

}

@media (max-width:767px) {
	#inner-box .content .title-text {
		font-size: 24px;
	}
	#inner-box .content .title-text::before {
		width: 24px;
		height: 22px;
		background-size: contain;
	}
	/*연계사업 소개 >  사업내용*/
	#inner-box.linkBusiness .content .business-contents-wrap .business-content .content-name-wrap .sub-text {
		font-size: 14px;
	}

	/*	연계사업 소개 > 제조업 AI융합 기반 조성*/
	#inner-box .content .table-wrap table {
		font-size: 12px;
	}

/*	기업지원사례*/
	#container.sub .tabAndCompany-wrap {
		padding: 20px;
	}

	#container.sub .tabAndCompany-wrap #yearTabs ul {
		flex-direction: row !important;
	}

	#container.sub .tabAndCompany-wrap #yearTabs ul li a {
		font-size: 14px;
	}

/*	경북디지털혁신본부 소개 인사말*/
	#inner-content .greetings-wrap {
		flex-direction: column;
	}

	#container.sub .img_tit_box .text p span img {
		width: 16px;
	}

/*	경북디지털혁신본부 소개 미션 및 비전*/
	#inner-content .contents-wrap .content .text-box p {
		font-size: 16px;
	}

	#inner-content .contents-wrap .content .circle-object-wrap {
		flex-direction: column;
	}

	#inner-content .contents-wrap .content .circle-object-wrap .bar {
		width: 1px;
		height: 30px;
	}

	#inner-content .contents-wrap .content .mainTasks-wrap {
		gap: 60px;
	}

	#inner-content .contents-wrap .content .mainTasks-wrap .mainTasks {
		flex-direction: column;
		align-items: unset;
		gap: 5px;
	}

	#inner-content .contents-wrap .content .mainTasks-wrap .mainTasks .text-wrap .main-text {
		text-align: center;
		font-weight: 600;
	}

	#inner-content .contents-wrap .content .mainTasks-wrap .mainTasks .img {
		width: 100%;
		max-width: unset;
	}

	#inner-content .contents-wrap .content .mainTasks-wrap .mainTasks .img img {
		width: 100%;
		height: 300px;
		object-fit: cover;
	}

/*	경북디지털혁신본부 소개 > 연혁*/
	#inner-content .history-wrap .inner-history-contents-wrapper .center-line {
		height: 1795px;
	}

	#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap .year {
		font-size: 35px;
	}

	#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap .month-wrap .month .month-text {
		font-size: 20px;
	}

	#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap .month-wrap .month .text {
		font-size: 14px;
	}

/*	경북디지털혁신본부 소개 > 조직도*/
	#inner-content.organization .main-text-wrap .img {
		max-width: 50px;
	}
	#inner-content.organization .main-text-wrap .main-text {
		font-size: 28px;
	}

	#inner-content.organization .organization-wrap .circle {
		margin-bottom: 50px;
	}

	#inner-content.organization .organization-wrap .team-wrap {
		grid-template-columns: 1fr;
	}

	#inner-content.organization .organization-wrap .vertical-line,
	#inner-content.organization .organization-wrap .horizontal-line {
		display: none;
	}

	#inner-content.organization .organization-wrap .team-wrap .team {
		margin-top: unset;
	}

	#inner-content.organization .organization-wrap .team-wrap .team::before {
		height: 30px;
		top: -30px;

	}

	#inner-content.organization .organization-wrap .team-wrap .team:first-child::before {
		height: 50px;
		top: -50px;
	}

/*	경북디지털혁신본부 소개 > 오시는 길*/
	#inner-box.map-tab .map-wrap .location-box p {
		font-size: 16px;
	}

	#inner-box.map-tab .map-wrap .location-box .gps-icon {
		display: flex;
		align-items: center;
	}

	#inner-box.map-tab .map-wrap .location-box .gps-icon img {
		max-width: 26px;
	}

	#inner-box.map-tab .map-wrap .map iframe {
		min-height: 400px;
	}

}

@media (max-width: 500px) {
	/*연계사업 소개 > 사업내용*/
	#inner-box.linkBusiness .content .business-contents-wrap .business-content .content-name-wrap {
		align-items: start;
		gap: 10px;
	}

	#inner-box.linkBusiness .content .business-contents-wrap .business-content .content-name-wrap>div {
		flex-direction: column;
		align-items: start;
		gap: 0;
	}
	#inner-box.linkBusiness .content .business-contents-wrap .business-content .content-name-wrap p {
		margin-bottom: 5px;
	}
	#inner-box.linkBusiness .content .business-contents-wrap .business-content .content-name-wrap p::after {
		display: none;
	}

	#inner-box.linkBusiness .content .business-contents-wrap .business-content .list-wrap p {
		font-size: 14px;
	}

/*	연계사업 소개 > 기대효과*/
	#inner-box .content .performance-box-wrap .performance-box .top .title-text-wrap .title {
		font-size: 20px;
	}
	#inner-box .content .performance-box-wrap .performance-box .top .title-text-wrap .sub-title {
		font-size: 16px;
	}

/*	연계사업 소개 > 지역 자율형 디지털 혁신프로젝트*/
	#inner-box .select-project-wrap .sub-tab-wrap ul li a{
		font-size: 16px;
	}

/*	연계사업 소개 > 제조업 AI융합 기반 조성 > 사업내용*/
	#inner-box.linkBusiness .content .business-contents-wrap {
		gap: 20px;
	}

/*	기업지원사례*/
	#container.sub .tabAndCompany-wrap #yearTabs ul {
		display: grid;
		grid-template-columns: repeat(3,1fr);
		gap: 10px;
	}

	#container.sub .tabAndCompany-wrap #yearTabs ul li:nth-child(4),
	#container.sub .tabAndCompany-wrap #yearTabs ul li:nth-child(5) {
		margin-bottom: 30px;
	}

	#container.sub .tabAndCompany-wrap #yearTabs ul li a {
		margin-bottom: 0;
	}

	#container.sub .tabAndCompany-wrap .card-container .data-card .data-text a {
		color: #000;
		border-bottom: unset;
		font-weight: 500;
	}

	#container.sub .tabAndCompany-wrap .card-container .data-card .data-text a::after {
		display: none;
	}

/*	경북디지털혁신본부 소개 > 미션 및 비전*/
	#inner-content .contents-wrap .content .card-wrap .card .bottom .img {
		right: 5px;
	}

	#inner-content .contents-wrap .content .mainTasks-wrap .mainTasks .img img {
		height: 200px;
	}

	#inner-content .contents-wrap .content .mainTasks-wrap .mainTasks .text-wrap .main-text {
		font-size: 18px;
	}

/*	경북디지털혁신본부 소개 > 연혁*/
	#inner-content .history-wrap .main-text-wrap .main-text {
		font-size: 28px;
	}

	#inner-content .history-wrap .inner-history-contents-wrapper .center-line {
		left: 20px;
	}

	#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(2n + 1),
	#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(2n) {
		padding-left: 35px;
	}

	#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(2n + 1) .circle,
	#inner-content .history-wrap .inner-history-contents-wrapper .inner-history-wrap .year-wrap:nth-child(2n) .circle {
		left: -21px;
	}
}