@charset "utf-8";
:root {
	--main-color:#11284F;
	--sub-color:#38a681;/*#4AB994*/
	--point-color:#40548C; 
	--basic-bg:#f6f6f6;	
	--dark-color:#313033;
	--grd:linear-gradient(-90deg, #3365CC,#1ba296, #01782e);
	--tb-grd:linear-gradient(-45deg, #0F71AA, #25BA82);
	--btn-shadow:0 2px 3px rgba(0,0,0,0.1);
	--bx-shadow:0 10px 20px rgba(0,0,0,0.1);
	--more-shadow:0 2px 4px rgba(0,0,0,0.1);
	--color-shadow:0 4px 10px rgba(84,76,185,0.4);
	--all-ani:all cubic-bezier(0, 1, 0.5, 1) 0.2s;
	
	/*웹접근성*/
	--gray: #8893a0;
	--org: #e47600;
	--sky: #269dcc;
	--green: #329b4e;
}
 
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;line-height:1.2;color:#111;}
.h1,h1{font-size:2.25rem;;margin:0 0 2rem 0;letter-spacing:-0.025rem;font-weight:var(--font-exbold);}
.h2,h2{font-size:1.725rem;margin:3rem 0 1rem;letter-spacing:-0.025rem;font-weight:var(--font-exbold);}
.h3,h3{font-size:1.5rem;margin:2rem 0 1rem;font-weight:600}
.h4,h4{font-size:1.25rem;margin:1.5rem 0 1.25rem}
.h5,h5{font-size:1rem;;margin:1.5rem 0 1rem}
.h6,h6{font-size:.8125rem}

body{font-size:1rem;font-family:Pretendard;letter-spacing:-0.0625rem;}
h1				{color:#333;font-size: 2.3rem;font-family: 'gsans';}
#sub-container h2				{color:var(--main-color);font-weight:900;}
#sub-container h3				{font-weight:500;}
#sub-container h3:before	{content:"";width:18px;height:18px;background:url(../img/h3_bullet.png);display:inline-block;margin-right:5px;}
#sub-container h4				{color:var(--sub-color);}
a				{transition:all 0.3s;}
.d_width		{width:1400px;margin:0 auto;position:relative;transition:all 0.2s ease-out;}
.c_width		{width:1400px;margin:0 auto;animation:fadeInUp 0.5s cubic-bezier(.4,0,0,1) both 0.2s;}
.va_mo			{display:none;}
em				{font-weight:inherit;}
ul.bu>li:before	{background:var(--sub-color);}
ol.list1 > li:before	{display:inline-block;position:relative;top:-3px;color:#fff;background:var(--main-color);border-radius:50%;width:15px;line-height:15px;height:15px;text-align:center;font-size:.5rem;counter-increment:num;content:counter(num);margin-right:8px;}
ol.list1 ul li			{margin-left:10px;}
ol.list1 ul li:before	{content:'-';margin-right:5px;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset ; -webkit-text-fill-color: #000; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }
.item-control a.ico-play{margin:0 0.25rem;}
.item-control a.ico-play:before{content:"\f04b";font-size:.8rem;}
.btn-d.btn-point{background:var(--point-color);}
.jcsb{justify-content:space-between;}
.comment{background:var(--org);}
.comment.comment-left:before	{border-right-color:var(--org);left:-11px;}
.comment.comment-right:before	{border-left-color:var(--org);}
.comment.comment-bottom:before	{border-top-color:var(--org);}
.comment.comment-top:before		{border-bottom-color:var(--org);}

/*웹접근성*/
.thumb{padding:4px;}
.thumb > a:not(.like-btn)		{display:block;height:100%;}
.thumb > a:focus	{outline:4px solid #000;}
.thumb > a > img {min-width:calc(100% - 4px);max-width:calc(100% - 4px);min-height:calc(100% - 4px);height:calc(100% - 4px);}

@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
	.h2,h2{font-size:1.6rem;}
	.h4,h4{font-size:1.15rem;}
}
@media only screen and (max-width:1023px){
	.h1,h1{font-size:1.75rem;}
	.h2,h2{font-size:1.5rem;margin:2rem 0 .5rem;}
	.h3,h3{font-size:1.25rem;}
}
@media only screen and (max-width:767px){
	.h1,h1{font-size:1.5rem;;}
	.h2,h2{font-size:1.25rem;}
	.h3,h3{font-size:1.125rem;}
}
@media only screen and (max-width:576px){
}
@media only screen and (max-width:415px){
}

#wrap		{position:relative;padding:0;margin:0;background:#fff;}
#wrap:not(.sub){overflow-x:hidden;}
.topwrap	{position:relative;height:40px;background-color: #616161;}
.topwrap:after{content:''; display:block; clear:both;}
.topwrap .d_width > a{font-size:13px; float:left; color:#ffffff; height:40px; line-height:40px; position:relative;z-index: 99999; padding: 0 27px;}
.topwrap .d_width > a.on{background-color: var(--sub-color);color: #fff;}
.topwrap .d_width > a.on:after{display:none;}
.topwrap .d_width > a:after{content:'';display:block;width:1px;height:20px;position:absolute;left:0;top:50%;transform:translateY(-50%);background-color: #0003;}

.topwrap2	{position:relative;height:40px;border-bottom:1px solid #eaeaea;}
.topwrap2 a	{position:relative;display:inline-block;line-height:40px;font-size:15px;color:#666;margin-left:20px;}
.topwrap2 .search-wrap	{position: relative;display:inline-block;}
.topwrap2 .search-wrap input	{padding:4px 30px 4px 10px;line-height:30px;height:30px;border:1px solid rgba(255,255,255,0.3);background:none;font-size:12px;color:#fff;border-radius:3px;}
.topwrap2 .search-wrap input::placeholder	{color:#fff;}
.topwrap2 .search-wrap a {position:absolute;right:8px;top:50%;transform: translateY(-50%);color:#fff;font-size:11px;text-shadow:none;}
.topwrap2 a.on:before	{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:#fff;}
.topwrap2 .sch			{color:var(--sub-color);}
#logo		{position:absolute;left:0;top:23px;padding:0;margin:0;z-index:999}
#logo a		{display:inline-block;}
#logo img	{vertical-align:top}
.topmn				{position:absolute;right:0;top:0;z-index:9999}
.topmn a			{display:block;float:left;width:30px;height:22px;text-align:center;margin:39px 0;}
.topmn a:last-child	{padding-right:0px;}
.topmn.va_mo		{width:100%;}
.topmn.va_mo a		{position:absolute;top:0;width:60px;height:60px;line-height:56px;font-size:18px;color:#fff;text-align:center;margin:0;}
.topmn.va_mo a.top-search	{right:60px;background:var(--sub-color);}
.topmn.va_mo a.top-login	{right:0;background:var(--main-color);}
.topmn.va_mo a.top-nav		{left:0;background:var(--point-color);}
.topmn .sitemap-ico span	{position:relative;display:block;width:30px;height:2px;background:#70c1d0;margin-top:8px;}
.topmn .sitemap-ico span:before	{content:"";display:block;width:26px;height:2px;background:#70c1d0;position:absolute;top:-8px;right:0;}
.topmn .sitemap-ico span:after	{content:"";display:block;width:20px;height:2px;background:#70c1d0;position:absolute;bottom:-8px;right:0;}

#gnb						{position:absolute;width:100%;left:0;top:80px;height:90px;z-index:99;background:#fff;}
#gnbmn:after				{content:"";clear:both;display:block;float:none;}
#gnbmn						{position:absolute;left:0;top:0;width:100%;padding:0;margin:0;z-index:5;}
#gnbmn ul.depth1			{position:relative;float:right;width:calc(100% - 170px);}
#gnbmn ul.depth1>li			{display:block;float:left;width:25%;}
#gnbmn ul.depth1 li a		{display:block;color:#fff;line-height:90px;font-size:22px;font-weight:700;text-align:center;}
#gnbmn ul.depth1>li>a		{letter-spacing:-1px;}
#gnbmn ul.depth1>li.on>a	{color:var(--point-color) !important;}

#gnbmn .title				{position:absolute;left:-300px;top:0;padding:40px 0;width:280px;text-align:center;}
#gnbmn .title .tit			{font-size:32px;margin:0 0 10px 0;line-height:1;color:#fff;font-family:gsans;font-weight:900;}
#gnbmn .title .txt			{font-size:17px;color:#DBE0EE;line-height:1.4;font-weight:200;}
#gnbmn .title:before		{content:"";width:60px;height:61px;background:url(../img/gnb_ico1.png) no-repeat;background-size:cover;display:block;margin:0 auto 20px;}
#gnbmn .List2 .title:before	{background-image:url(../img/gnb_ico2.png);}
#gnbmn .List3 .title:before	{background-image:url(../img/gnb_ico3.png);}
#gnbmn .List4 .title:before	{background-image:url(../img/gnb_ico4.png);}
#gnbmn ul.depth2			{display:none;position:absolute;left:130px;top:80px;width:calc(100% - 130px);min-height:260px;margin:0;padding:30px 0 30px 15px;}
#gnbmn ul.depth2>li			{display:block;float:left;width:25%;padding: 0 5px;margin: 0 0 5px 0;}
#gnbmn ul.depth2 li:nth-child(4n+2)	{clear:both}
#gnbmn ul.depth2>li>a>span	{position:relative;z-index:2;}
#gnbmn .List2 ul.depth2>li,
#gnbmn .List3 ul.depth2>li	{float:none;margin:0 0 10px;padding:0 10px 5px;width:100%;display:flex;border-bottom:1px solid #40548C33;}
#gnbmn .List2 ul.depth2>li:last-child,
#gnbmn .List3 ul.depth2>li:last-child{border-bottom:0;}
#gnbmn .List2 ul.depth2>li>a>span,
#gnbmn .List3 ul.depth2>li>a>span	{display:block;width:210px;padding: 0;}
#gnbmn ul.depth2 > li > a	{display:flex;align-items:center;color:var(--point-color) !important;border:1px solid var(--point-color);background:#fff;line-height:55px;padding:0 15px;margin: 0 0 5px 0;text-align:left;font-size: 19px;font-weight:700;position:relative;}
#gnbmn ul.depth2 > li.com > a{color:var(--sub-color) !important;border-color:var(--sub-color);}
#gnbmn ul.depth2 > li:hover > a,
#gnbmn ul.depth2 > li > a:hover,
#gnbmn ul.depth2 > li > a:focus,
#gnbmn ul.depth2 > li.on > a	{background:url(../img/sv-bg2.png) no-repeat 50% 50% / cover;color:#fff !important;}
#gnbmn ul.depth2 > li:hover > a:after,
#gnbmn ul.depth2 > li > a:after{content:"";width:100%;height:100%;background:#40548Ccc;position:absolute;top:0;left:0;transition:all .2s;opacity:0;}
#gnbmn ul.depth2 > li.com:hover > a:after,
#gnbmn ul.depth2 > li.com > a:after{background:#38a681cc;}
#gnbmn ul.depth2 > li:hover > a:after,
#gnbmn ul.depth2 > li > a:hover:after,
#gnbmn ul.depth2 > li > a:focus:after,
#gnbmn ul.depth2 > li.on > a:after	{opacity:1;}
#gnbmn ul.depth2 > li.com > a{white-space:nowrap;}
#gnbmn ul.depth2 > li.com > a > span:after{content:"기업전용";font-size:.8rem;padding:3px 5px;background:var(--sub-color);color:#fff;border-radius:20px;margin-left:5px;vertical-align:middle;}
#gnbmn ul.depth2 > li.com:hover > a > span:after,
#gnbmn ul.depth2 > li.com > a:hover > span :after,
#gnbmn ul.depth2 > li.com > a:focus > span:after,
#gnbmn ul.depth2 > li.com.on > a > span:after	{background:#fff;color:var(--sub-color);}

#gnbmn ul.depth3			{/*display:flex;flex-wrap:wrap;*/padding:0;margin-left:20px;width:100%;text-align:left;}
#gnbmn ul.depth3 li			{display:inline-block;padding:0 0 0 13px;margin: 3px 30px 0 0;position:relative;min-width:220px;}
#gnbmn ul.depth3 li a		{display:inline-block;border:none;line-height: 1.3;padding:0;margin:0;font-size: 16px;font-weight:400;background:none;vertical-align:top;text-align:left;position:relative;}
#gnbmn ul.depth2 li:hover ul.depth3 li a	{background:none !important;color:#666 !important;}
#gnbmn ul.depth2 li:hover ul.depth3 li a:hover,
#gnbmn ul.depth3 li a:focus,
#gnbmn ul.depth3 li a:hover	,
#gnbmn ul.depth3 li.on a	{color:var(--point-color) !important;border:none;background:none;}
#gnbmn ul.depth3 li:before		{content:"";display:inline-block;width:6px;height:2px;background:#666;vertical-align:middle;position:absolute;left:0;top:9px;}
#gnbmn ul.depth3 li:hover:before{background:var(--point-color);}
#gnbmn ul.depth3 li a:before		{content:"";display:block;margin-top:2px;width:0;height:1px;border-bottom:1px solid var(--point-color);transition:all .3s;position:absolute;bottom:0;}
#gnbmn ul.depth3 li a:focus:before,
#gnbmn ul.depth3 li a:hover:before,
#gnbmn ul.depth3 li.on a:before{width:100%;}
#gnbmn ul.depth3 li a[target=_blank]:after {content:"\f2d2";font-family:FontAwesome;text-align:right;font-size:11px;margin-left:5px;}

#id_gnb_bg		{position:absolute;left:0;top:90px;z-index:3;}
.gnb_bg			{width:100%;padding:0;margin:0;background:#F6F9FB;box-shadow:0px 10px 10px rgba(0,0,0,0.3);-moz-box-shadow:0px 10px 10px rgba(0,0,0,0.3);-webkit-box-shadow:0px 10px 10px rgba(0,0,0,0.3);}
.gnb_bg:before	{content:"";position:absolute;left:0;top:0;display:block;width:calc(50% - 400px);height:100%;background:var(--main-color) url(../img/gnb_bg.jpg) repeat;border-radius:0 0 50px 0;}

#header{background:#fff;}
#header #gnbmn ul.depth1 li a	{color:#333;}
#header .topmn a#pc-navicon	{color:#888;}

#header.fix			{z-index:99;}
#header.fix	#gnb 	{position:fixed;left:0;top:0;width:100%;height:80px;box-shadow:0 10px 10px rgba(0,0,0,0.1);z-index:9999;backdrop-filter:blur(3px);background:#fffc;}
#header.fix #gnbmn ul.depth1 > li > a{line-height:80px;}
#header.fix #logo{top:16px;}
#header.fix #id_gnb_bg{top:80px}
#mo-menu{display:none}

.mbg #header.fix #gnb	{background:#fff;}
.mbg #header.fix #logo .n1	{display:none;}
.mbg #header.fix #logo .n2	{display:block;}
.mbg #header.fix #gnbmn ul.depth1 li a	{color:#333;}
.mbg #header.fix .topmn a:first-of-type	{color:#5294B4;}
.mbg #header.fix .topmn a#pc-navicon	{color:#888;}
.sbg #header.fix #gnb	{}

nav#menu				{background:var(--point-color);overflow-y:scroll;}
nav#menu a:not(.mm-title):hover,
nav#menu a:not(.mm-next):hover{color:var(--sub-color);}
nav#menu .title			{display:none;}
nav#menu .mm-title a	{margin:0 5px;}
nav#menu ul.depth1 li	{border-bottom:1px solid rgba(101,164,186,0.1);}
.mm-menu				{max-width:unset;}
.mm-menu.mm-offcanvas	{width:300px;}
.mm-listview>li.mm-vertical>.mm-next:after, .mm-vertical .mm-listview>li>.mm-next:after	{top:18px;}
nav#menu .List.mm-opened>a:not(.mm-next)	{background:#fff;color:var(--sub-color);}
nav#menu .mm-listview li.mm-opened .mm-next:after	{border-color:var(--sub-color);}
nav#menu ul.depth1 li a	{font-size:15px;}
nav#menu ul.depth2		{background:var(--main-color);border-top:1px dashed rgba(101,164,186,0.1);}
nav#menu ul.depth2 li	{border-bottom:none;padding:5px 0;}
nav#menu ul.depth2 li a	{padding:5px 20px;font-size:13px;}
nav#menu ul.depth2 li a:hover	{color:var(--sub-color);}
nav#menu .depth2 .mm-next	{display:none;}
html.mm-opening .mm-slideout{-webkit-transform:translate(300px,0);-ms-transform:translate(300px,0);transform:translate(300px,0);-webkit-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0)}
#mm-blocker{background:#0002;}
@media (max-width:1024px){
	html.mm-opening .mm-slideout{-webkit-transform:translate(240px,0);-ms-transform:translate(240px,0);transform:translate(240px,0);-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}
	.mm-menu.mm-offcanvas		{width:240px;}
}

#footer{background:#373C4E;color:#fff;font-weight:200;}
.fcont-top{justify-content: space-between;align-items:center;border-bottom:1px solid #fff1;padding:30px 0;} 
.fmn	{word-break:keep-all;}
.fmn a{margin-right:40px;}
.fmn a:first-child{color:#ffc;}
.fsite-link{width:320px;float:left;position:relative;background:#fff2;line-height:50px;margin:0 10px;padding:0 50px 0 20px;}
.fsite-link .dropdown{position:static;font-size:15px;}
.fsite-link .dropdown li{padding:0 20px;border-bottom:1px solid #0003;}
.fsite-link .more{width:50px;height:50px;background:var(--sub-color);text-align:center;position:absolute;top:0;right:0;}
.fsite-link [class*="dropdown-menu"]{position:absolute;width:100%;left: 0;bottom: 50px;z-index: 2;background:#333;}
.fcont{font-size:13px;color:#B5BBCA;}
.fcont .d_width{padding:30px 0;display:flex;justify-content:space-between;flex-wrap:wrap;}
.fcont .flogo-wrap{width:250px;}
.fcont .copy{color:#a2afc7;margin-top:10px;}


@media (max-width:1440px){ /*1200*/
	.d_width,.c_width	{width:1200px}
	#gnbmn ul.depth2>li		{width:25%;}
	/*#gnbmn ul.depth2 li:nth-child(4n+2)	{clear:both;}
	#gnbmn ul.depth2 li:nth-child(5n+2)	{clear:none;}*/
	.gnb_bg:before	{width:calc(50% - 300px);}
	#gnbmn ul.depth2 > li > a{font-size:1rem;padding:0 6px;}
	#gnbmn ul.depth2 > li.com > a > span:after{margin-left:3px;}
	.topwrap .d_width > a{padding:0 16px;}
}
@media (max-width:1240px){ /*960*/
	.d_width,.c_width		{width:960px;}
	h1				{font-size:2.5rem;}
	#logo		{top:15px;}
	#logo img	{height:30px;}
	#gnbmn .title		{display:none !important;}
	.topwrap2 a			{font-size:14px;}
	#id_gnb_bg			{top:70px;}
	.gnb_bg:before		{display:none;}
	#gnb				{height:70px;top:120px;}
	#gnbmn ul.depth1	{width:calc(100% - 160px);}
	#gnbmn ul.depth1>li>a	{line-height:70px;font-size:17px;}
	#gnbmn ul.depth2	{left:-180px;width:calc(100% + 200px);padding:30px 0;top:70px;}
	#gnbmn ul.depth2 > li > a{font-size:16px;padding:0 15px;}
	#gnbmn ul.depth3 li{min-width:180px;}
	#gnbmn ul.depth3 li a	{font-size:.9rem;}
	#header.fix #gnbmn ul.depth1 > li > a{line-height:60px;}
	#header.fix #gnb{height:60px;}
	#header.fix #gnbmn ul.depth2,
	#header.fix #id_gnb_bg			{top:60px;}
	.fsite-link-wrap{margin:20px -15px 0;}
	
	.topwrap {height:80px;}
	.topwrap .d_width > a{width:calc(100% / 5);text-align:center;padding:0;}
}
@media only screen and (max-width:1023px){
	.d_width,.c_width		{width:760px;}
	#header		{position:relative;height:60px;border:none;z-index:9999;}
	.topwrap	{display:none;}
	.topwrap2	{display:none;}
	#gnb		{position:fixed;top:0;left:0;width:100%;height:60px;background:#fff;margin:0;box-shadow:0 5px 8px rgba(0,0,0,0.1);z-index:9999}
	#gnb .d_width{width:auto;min-width:320px;}
	#gnbmn		{display:none;}
	#logo		{position:relative;left:0;top:0;padding-top:14px;text-align:center;}
	#logo img	{height:30px;}
	.topmn			{display:none;}
	.topmn.va_mo	{display:block;}
	#header.fix #logo{top:0;}
}
@media only screen and (max-width:767px){
	.d_width,.c_width		{width:auto;margin:0 20px;}
	h1				{font-size:2rem;margin:0 0 1rem 0;}
	#header .d_width{margin:0 !important;}
	.fsite-link-wrap{width:100%;margin:20px 0 0;}
	.fsite-link{width:auto;float:none;margin:5px 0;}
	.fcont-top{padding:20px 0;font-size:14px;}
	.fcont .d_width{padding:20px 0;}
	.fcont .flogo-wrap{margin-top:10px;width:100%;}
	.fcont .flogo-wrap img{height:35px;}
}
@media (max-width:576px){/*mobile-s*/
	h1				{font-size:1.8rem;margin:0 0 .7rem 0;}
	#logo{padding-left:80px;text-align:left;padding-top:17px;}
	#logo img{height:25px;}
	.fmn a{margin-right:10px;}
	.fcont-top{padding:10px 0;}
	.fcont .d_width{padding:10px 0 20px;}
	.fsite-link{line-height:40px;}
	.fsite-link .more{width:40px;height:40px;}
}
@media (max-width:415px){/*mobile-xs*/
	.d_width,.c_width		{margin:0 10px;}
	#wrap			{min-width:320px;}
	.topmn.va_mo a.top-search	{width:40px;right:40px;color:var(--sub-color);background:none;}
	.topmn.va_mo a.top-login	{width:40px;color:var(--main-color);background:none;}
}

#main-visual{margin-top:90px;position:relative;}
#sch-bar{width:calc(50% + 700px);background:var(--main-color);padding:30px 0;border-radius:0 0 50px 0;position:relative;top:0;left:0;z-index:1;box-shadow:15px 15px 30px #0003;}
#main-visual #sch-bar{padding:30px 0;/* padding:0 0 30px; */}
#sch-bar .d_width{float:right;padding:0 100px;}
#sch-bar .sch-tab{/* display:none; */background:#0005;margin-bottom:25px;}
#sch-bar .sch-tab .d_width.tab_flex{padding:0;margin:0;}
#sch-bar .tab_flex a{font-size:1rem;padding:.5rem 0;border:0;color:#fff;border:2px solid #0000;}
#sch-bar .tab_flex a.bg1{background:#0000;}
#sch-bar .tab_flex a.bg2{background:var(--point-color);}
#sch-bar .tab_flex a:hover{background:#0007;border-color:#fff5;box-shadow:0 10px 20px #0005;}
.search-input									{display:flex;}
.search-input input							{width:100%;padding:0 20px;font-size:1.1rem;overflow:hidden;border:5px solid var(--sub-color);background:#fff;font-weight:var(--font-regular);transition:all ease-out 0.2s;margin-right:10px;}
.search-input input:focus					{outline:none;}
.search-input .btn-search					{width:72px;height:70px;line-height:70px;font-size:1.8rem;background:var(--sub-color);color:#fff;text-align:center;border-radius:0 20px 0 0;display:block;font-weight:100;}
.search-input .btn-search:hover {background:#33d59f;}
.search-input input::placeholder			{opacity:1;color:#919191;}
.search-input input:-ms-input-placeholder	{opacity:1;color:#919191;}
.search-input input::-ms-input-placeholder	{opacity:1;color:#919191;}
.search-keyword-wrap	{display:flex;justify-content:space-between;margin:20px 0 0;align-items:self-end}
.search-keyword-wrap .search-keyword{margin:0;}
.search-keyword-wrap > .btn-d{height:100%;}
.search-keyword{display:flex;flex-wrap:wrap;color:#fff;margin-top:20px;}
.search-keyword .tit{font-family:gsans;font-size:1.1rem;margin-right:20px;}
.search-keyword .tit:before{content:"\f005";font-family:fontAwesome;margin-right:5px;font-weight:500;}
.search-keyword a{display:inline-block;padding:3px 10px;margin:0 5px;background:#0004;border-radius:3px;}
.search-keyword a:before{content:"#";}
.search-keyword a:hover{background:var(--sub-color);}

#mv-cont{padding:70px 0 60px;background:url(../img/mv-deco.png);background-position-y:-180%;}
#mv-cont > .d_width{display:flex;justify-content:space-between;}
.mv-slide{width:calc(50% + 100px);height:100%;position:absolute;top:0;right:0;z-index:0;}
.mv-slide div{height:100% !important;}
.mv-slide .bg{background:url(../img/mv-bg1.png) no-repeat 50% 50% / cover;}
.mv-slide .bg2{background-image:url(../img/mv-bg2.png);}
#mv-cont .col-1{width:calc(100% - 910px);}
.mv-title .stit{font-family:gsans;font-size:var(--font-3xlg);font-weight:700;color:var(--point-color);}
.mv-title .tit{font-family:gsans;font-size:80px;color:#000;line-height:1;font-weight:900;}
/*.mv-title .tit em{color:var(--point-color);display:block;}*/
.mv-title .tit em.c1{color:var(--sub-color);}
.mv-title .tit em.c2{color:var(--main-color);}
.mv-title .txt{font-size:20px;margin-top:20px;line-height:1.4;word-break:keep-all;color:#121314;}
.mv-data{border-radius:1rem;overflow:hidden;border:4px solid var(--sub-color);background:#fff;margin-top:25px;transition:all .2s;opacity:0;}
.mv-data .tit-wrap{background:var(--sub-color);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:8px 20px;}
.mv-data .tit-wrap .tab{margin:0;}
.mv-data .tit-wrap .tab a{padding:0 8px;position:relative;font-size:.925rem;}
.mv-data .tit-wrap .tab a:not(.ico-refresh):before{content:"";height:10px;border-right:1px solid #fff7;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.mv-data .tit-wrap .tab a:first-child:before{display:none;}
.mv-data .tit-wrap .tab a.on{color:#ff9;}
.mv-data .tit-wrap .tab a.ico-refresh{color:#ffc;}
.mv-data .tit-wrap .tab a:not(.on):hover{color:var(--main-color);font-weight:700;}
.mv-data .tit-wrap .tab a.ico-refresh:hover{transform:rotate(360deg);color:#ff9;}
.mv-data .tit-wrap .tab a .new{width:16px;height:16px;line-height:16px;text-align:center;border-radius:50%;background:#FF6633;color:#fff;font-weight:700;font-size:10px;display:inline-block;vertical-align:text-bottom;}
.mv-data .tit-wrap .tit{font-family:gsans;font-weight:700;font-size:.9rem;}
.mv-data .cont{padding:5px 0;font-size:.925rem;max-height:75px;overflow:auto;}
.mv-data .cont li a{display:flex;justify-content:space-between;align-items:center;padding:2px 20px;}
.mv-data .cont li a .va-pc{display:inline-block;}
.mv-data .cont li a:hover{background:#4AB99422;}
.mv-data .cont .txt span.text-sm{font-size:.7rem !important;}
.mv-data .cont li a .num{font-size:1.1rem;font-weight:700;color:#121314;flex-shrink:0;}
.mv-info{width:870px;justify-content:space-between;}
.mv-info > div{position:relative;}
.mv-info .item-control-wrap{width:100%;height:50px;position:absolute;left:0;bottom:0;background:#0004;z-index:9;display:flex;justify-content:space-between;padding:10px 20px;align-items:center;}
.mv-info .page{color:#ccc;font-weight:200;font-size:13px;}
.mv-info .page em{color:#FFCC00;}
.mv-info .item-control a{color:#fff;}
.popupzone{width:340px;}
.popupzone .bx-viewport{height:auto !important;}
.popupzone .thumb{aspect-ratio:1 / 1.08;border-radius:0 40px 0 0;padding:0;}
.popupzone .thumb a{display:block;width: calc(100% - 6px);height: calc(100% - 6px);margin: auto;margin-top: 3px;border-radius:0 40px 0 0;vertical-align: middle;position:relative;overflow:hidden;}
.popupzone .thumb a:focus{outline:3px solid var(--sub-color);outline-offset: 1px;}
.stat-list a{display:block;width: 100%;margin:0 auto;}
.mv-stat{width:calc(100% - 360px);background:#0006;padding:30px 30px 50px;border-radius:0 40px 0 0;overflow:hidden;}
.mv-stat > div {overflow:hidden;padding:2px;}
.mv-stat .bx-viewport {overflow:initial !important;}
.mv-stat .t-rsp{font-family:gsans;font-size:22px;color:#fff;font-weight:700;margin-bottom:10px;}
.mv-stat .thumb{width:440px;margin:0 auto;aspect-ratio:1 / 0.52;}
#mv-news .time{color:#606060;font-size:.875rem;margin:0 0 10px;font-weight:200;letter-spacing:0;}
.mv-news-wrap{display:flex;background:var(--point-color);color:#fff;transition:all .3s;}
.mv-news-wrap .col-1{width:280px;}
.mv-news-wrap .col-2{width:calc(100% - 280px);display:flex;align-items:center;}
.mv-news-wrap .sch-btn{width:160px;display:block;background:rgba(0,0,0,.3);padding:15px;height:100%;text-align:center;}
.mv-news-wrap .sch-btn:before{content:"\f002";font-family:fontAwesome;margin-right:10px;font-size:.9rem;}
.mnews-slide-wrap{width:calc(100% - 160px);display:flex;align-items:center;padding:0 15px;transition:all .3s;}
.mnews-slide-wrap select{width:130px;flex-shrink:0;background:none;border:0;}
.mnews-slide-wrap select option{color:#333;}
.mnews-slide-wrap .item-control{width:50px;flex-shrink:0;}
.mnews-slide-wrap .item-control a{color:#fff;}
.mnews-slide-wrap .item-control a:hover{color:#ff9;}
.mnews-slide{width:calc(100% - 180px);}
.mnews-list li a{display:flex;padding:13px 15px;align-items:center;}
.mnews-list li a .company{flex-shrink:0;}
.mnews-list li a .company:before{content:"";height:15px;border-right:1px solid #fff5;vertical-align:middle;display:inline-block;margin:0 15px 0 0;}
.mnews-list li a .company:after{content:"";width:3px;height:3px;border-radius:50%;background:#ccc;vertical-align:middle;display:inline-block;margin:0 15px;}
.mnews-slide .loading{color:#fff9;}
.mnews-slide .loading:before{content:"\f110";font-family:fontAwesome;margin-right:10px;display:inline-block;animation:rotate 1s infinite both;}
@keyframes rotate {
    0%   {
		transform:rotate(0deg);
		}
    100%  {
        transform:rotate(360deg);
    }
}
.mnews-today{display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,.3);padding:15px;height:100%;}
.mnews-today .num{margin-left:10px;font-size:1.125rem;}
.mv-news-wrap .sch-btn:hover{background:var(--main-color);}
.mv-news-wrap:hover{background:var(--sub-color);}
.mv-scroll{position:absolute;left:0;bottom:20px;animation:scroll 1s both infinite;}
.mv-scroll span{display:block;transform:rotate(90deg);color:var(--point-color);font-weight:500;letter-spacing:1px;}
.mv-scroll .arrow{position:relative;height:40px;margin-top:20px;}
.mv-scroll .arrow:before{content:"";width:1px;height:100%;border-right:1px solid var(--point-color);margin:0 auto;display:block;}
.mv-scroll .arrow:after{content:"";width:8px;height:8px;border-top:1px solid var(--point-color);border-right:1px solid var(--point-color);position:absolute;bottom:0;display:block;left:50%;transform:translateX(-50%) rotate(135deg);}
@keyframes scroll{
   0%{transform:translate(0,0);}
   50%{transform:translate(0,-3px);}
   100%{transform:translate(0,0);}
}  

#mc-cont1{padding:70px 0 60px;}
#mc-cont2{padding:70px 0 0;}
[class*="mcategory"]{width:calc((100% - 360px) / 2);margin-right:20px;position:relative;}
[class*="mcategory"] .tit{font-size:27px;font-family:gsans;}
[class*="mcategory"] .more{font-size:1.5rem;position:absolute;top:0;right:0;}
[class*="mcategory"] .list{display:flex;flex-wrap:wrap;text-align:center;word-break:keep-all;line-height:1.1;color:#333;}
[class*="mcategory"] .list dd{width:25%;border-right:1px solid #fff;border-bottom:1px solid #fff;}
[class*="mcategory"] .list dd a{display:block;padding:20px 10px;}
[class*="mcategory"] .list dd:nth-child(4n){border-right:0;}
[class*="mcategory"] .list dd:nth-last-child(-n + 4){border-bottom:0;}
[class*="mcategory"] [class*="ico"]{display:block;width:55px;height:55px;border-radius:50%;margin:0 auto 15px;background-color:#ccc;background-image:url(../img/category-ico.png);transition:all .3s;}
.mcategory1 .list{background:#F6F9FB;}
.mcategory1 [class*="ico"]{background-color:var(--point-color);}
.mcategory1 .more{color:var(--main-color);}
.mcategory2 .list{background:#FAFAFA;}
.mcategory2 [class*="ico"]{background-color:var(--sub-color);}
.mcategory2 .more{color:var(--sub-color);}
.marchive-list{width:320px;background:var(--sub-color);margin-top:50px;border-radius:0 40px 0 0;overflow:hidden;}
.marchive-list .tit{padding:15px 30px;background:#0001;color:#fff;font-family:gsans;font-size:22px;margin:0;}
.marchive-list .list{padding:20px 30px;}
.marchive-list .list li{display:flex;justify-content:space-between;font-size:17px;color:#fff;line-height:2.1;}
.marchive-list .list .num{color:#ffc;font-size:20px;font-weight:700;}
.mcategory1 .ico2{background-position:-55px 0;}
.mcategory1 .ico3{background-position:-110px 0;}
.mcategory1 .ico4{background-position:-165px 0;}
.mcategory1 .ico5{background-position:0 -55px;}
.mcategory1 .ico6{background-position:-55px -55px;}
.mcategory1 .ico7{background-position:-110px -55px;}
.mcategory1 .ico8{background-position:-165px -55px;;}
.mcategory1 .ico10{background-position:0px -110px;}
.mcategory1 .ico9{background-position:-55px -110px;}
.mcategory2 .ico1{background-position:220px 0;}
.mcategory2 .ico2{background-position:165px 0;}
.mcategory2 .ico3{background-position:110px 0;}
.mcategory2 .ico4{background-position:55px 0;}
.mcategory2 .ico5{background-position:220px -55px;}
.mcategory2 .ico6{background-position:165px -55px;}
.mcategory2 .ico7{background-position:110px -55px;}
.mcategory2 .ico8{background-position:55px -55px;}
.mcategory2 .ico9{background-position:220px -110px;}
.mcategory2 .ico10{background-position:165px -110px;}
.mcategory2 .ico11{background-position:110px -110px;}
.mcategory1 .list dd a{border:1px solid #F6F9FB;}
.mcategory2 .list dd a{border:1px solid #FAFAFA;}
.mcategory1 .list dd a:hover [class*="ico"]{transform:rotateY(180deg);box-shadow:0 0 20px #11284F66;}
.mcategory2 .list dd a:hover [class*="ico"]{transform:rotateY(180deg);box-shadow:0 0 20px #4AB99466;}
.mcategory1 .list dd a:hover{border-color:#40548C88;}
.mcategory2 .list dd a:hover{border-color:#4AB99488;}

#mquick{background:#F4F4F4;}
#mquick .row{align-items:center;}
#mquick .tit{font-size:27px;font-family:gsans;line-height:1.1;}
#mquick .tit em{display:block;font-weight:700;color:var(--point-color);}
#mquick ul{display:flex;width:calc(100% - 200px);}
#mquick li{flex:1;text-align:center;font-size:17px;}
#mquick a{display:block;padding:40px 0;}
#mquick [class*="ico"]{display:block;width:60px;height:60px;margin:0 auto 10px;background:url(../img/quick-ico.png);transition:all .3s;}
#mquick .ico2{background-position-x:-60px;}
#mquick .ico3{background-position-x:-120px;}
#mquick .ico4{background-position-x:-180px;}
#mquick .ico5{background-position-x:-240px;}
#mquick .ico6{background-position-x:-300px;}
#mquick a:hover [class*="ico"]{transform:rotateY(180deg);margin-top:-5px;}
#mquick a:hover{font-weight:900;color:#333;}

#mc-cont2 > .row	{justify-content:space-between;}
#mc-cont2 > .row > div{width:calc(50% - 20px);position:relative;}
#mc-cont2 > .row > div .more{position:absolute;top:0;right:0;font-size:1.5rem;color:var(--main-color);}
#mc-cont2 .tab{padding-bottom:10px;border-bottom:1px solid #ccc;margin:0;}
#mc-cont2 .tab a{font-size:25px;font-weight:900;color:#999;margin-right:30px;}
#mc-cont2 .tab a.on{color:var(--main-color);}
#mc-cont2 .t-rsp{font-size:22px;font-weight:500;color:#333;}
.mnotice .recent{padding:20px 0;border-bottom:1px dashed #ccc;}
.mnotice .recent .t-rsp{margin-bottom:10px;}
.mnotice .recent .txt-clamp{min-height:50px;}
.mnotice li:not(.recent){padding:7px 0;position:relative;}
.mnotice li .date{position:absolute;right:0;top:14px;font-size:13px;color:#666;font-weight:200;}
.mnotice li .tit{font-size:18px;width:calc(100% - 80px);overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap;}
.mnotice li .tit:before{content:"";width:4px;height:4px;background:#ccc;display:inline-block;vertical-align:middle;margin-right:10px;}
.mnotice li.nodata .tit, .mnotice li.nodata .txt-clamp{color:#919191;}
.mnotice li.nodata .date{color:#ccc;}
.mschedule li{border-bottom:1px solid #dadada;}
.mschedule li a{padding:20px 0;display:flex;}
.mschedule .cont{width:calc(100% - 80px);}
.mschedule .date{line-height:1.1;text-align:center;font-size:15px;color:#666;width:70px;height:70px;border:5px solid var(--sub-color);padding:5px 0;margin-right:20px;font-weight:200;flex-shrink:0;}
.mschedule .date em{display:block;font-size:30px;font-weight:900;color:var(--main-color);}
.mschedule .txt{font-weight:200;}
.mschedule li.nodata{padding:20px 0;display:flex;}
.mschedule li.nodata .date{border-color:#ccc;color:#919191;}
.mschedule li.nodata .date em{color:#919191;}
#mc-cont2 li.nodata .t-rsp{color:#808080;}

.mnotice li .tit, #mc-cont2 .t-rsp{position:relative;transition:all .2s;}
.mnotice li .tit:before, #mc-cont2 .t-rsp:before{content:"";width:100%;height:0;position:absolute;bottom:0;left:0;background:#4AB99422;z-index:-1;transition:all 0.2s ease-out;}
.mnotice li a:hover .tit, #mc-cont2 a:hover .t-rsp{color:#000;}
.mnotice li a:hover .tit:before, #mc-cont2 a:hover .t-rsp:before{height:100%;}

#mbnr{background:#e4dbd9;}
#mbnr .thumb{height:180px;}
#mbnr .thumb img{object-fit:none;}

#mc-cont3 {padding:60px 0;}
#mc-cont3 h2.tit, #mc-cont4 h2.tit{color:var(--main-color);font-size:26px;margin-bottom:30px;}
#mc-cont3 h2.tit:before, #mc-cont4 h2.tit:before{content:"\f054";color:#6D82A0;font-family:fontAwesome;margin-right:8px;font-size:1.5rem;}
#mc-cont3{position:relative;}
#mc-cont3 .tab{position:absolute;top:0;right:0;}
#mc-cont3 .tab a{line-height:40px;color:#8A97B3;font-size:15px;padding:0 20px;border:1px solid #8A97B3;border-radius:30px;margin:0 3px;display:inline-block;}
#mc-cont3 .tab a.more{padding:0;width:40px;background:var(--main-color);color:#fff;text-align:center;}
#mc-cont3 .tab a.on{background:var(--main-color);border-color:var(--main-color);color:#fff;}
#mc-cont3 .tab a:not(.on):hover{background:var(--sub-color);color:#fff;border-color:var(--sub-color);}
.mreport{display:flex;justify-content:space-between;}
.mreport > div{width:calc(50% - 20px);background:#F6F9FB;border-radius:5px;padding:30px;display:flex;}
.mreport .thumb{width:140px;height:210px;margin-right:30px;}
.mreport .cont{width:calc(100% - 170px);}
.mreport .category{color:#3490C2;}
.mreport .tit{font-size:25px;font-weight:700;color:#000;}
.mreport .info{font-size:15px;margin:30px 0 20px;}
.mreport .info span{color:var(--main-color);display:inline-block;width:90px;}
.mreport > div.nodata	{background:#f6f6f6;}
.mreport > div.nodata .category{color:#999;}
.mreport > div.nodata .tit{color:#666;}
.mreport > div.nodata .info{color:#ccc;}
.mreport > div.nodata .info span{color:#999}
.mreport > div.nodata .thumb{background:#e8eaec;}
.mreport > div.nodata .thumb img{min-width:auto;min-height:auto;}
.mreport > div.nodata .btn-d:hover{background:var(--gray);}

#mc-cont4{position:relative;padding:60px 0 140px;}
#mc-cont4:before{content:"";width:calc(50% + 110px);height:400px;position:absolute;top:0;left:0;background:#F6F9FB;border-radius:0 20px 20px 0;}
#mc-cont4:after{content:"";width:calc(50% - 130px);height:400px;position:absolute;top:0;right:0;background:#F4F4F4;border-radius:20px 0 0 20px;}
#mc-cont4 .d_width{z-index:1;}
.mtech-deal{display:flex;justify-content:space-between;}
.mdeal-list{display:flex;width:calc(100% - 310px);margin:0 -10px;}
.mdeal-btn{width:290px;}
.mdeal-list  > li{width:calc(33.33% - 20px);margin:0 10px;padding:2px;position:relative;border-radius:0 30px 0 0;overflow:hidden;}
.mdeal-list .thumb{width:100%;height:340px;}
.mdeal-list > li > a{display:block;position:relative}
.mdeal-list .thumb:before		{content:"";position:absolute;left:0;top:0;transform:translateX(-100%);width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:2;transition:all .3s;}
.mdeal-list > li:hover .thumb		{transform:translateX(0)}
.mdeal-list > li:hover .thumb:before	{transform:translateY(0)}
.mdeal-list > li:hover .tit-clamp	{text-decoration:underline;}
.mdeal-list .cont{position:absolute;left:0;bottom:0;width:100%;display:block;z-index:1;background:linear-gradient(0deg, #000000b3, #0000);color:#fff;padding:30px;}
.mdeal-list .badge-wrap{margin-bottom:15px;}
.mdeal-list .badge{line-height:25px;}
.mdeal-list .badge.c1{background:var(--sub-color);border-color:var(--sub-color);}
.mdeal-list .badge.c2{background:var(--main-color);border-color:var(--main-color);}
.mdeal-list .tit-clamp{font-size:25px;font-weight:700;}
.mdeal-list .info{margin-top:20px;}
.mdeal-list .info span{color:var(--sub-color);width:65px;display:inline-block;font-weight:500;}
.mdeal-btn a{display:block;padding:25px;border-radius:0 30px 0 0;border-width:2px;border-style:solid;background:#fff url(../img/deal-ico1.png) no-repeat right 25px bottom 25px;}
.mdeal-btn a.ico1{color:var(--sub-color);margin-bottom:20px;}
.mdeal-btn a.ico1 i{color:var(--main-color);}
.mdeal-btn a.ico2{color:var(--main-color);background-image:url(../img/deal-ico2.png);}
.mdeal-btn a.ico2 i{color:var(--sub-color);}
.mdeal-btn a .txt{font-size:22px;color:#666;font-weight:200;line-height:1.2;}
.mdeal-btn a .tit{font-size:20px;font-weight:500;margin-top:20px;}
.mdeal-btn a.ico1:hover{box-shadow:0 0 20px #4AB99488;}
.mdeal-btn a.ico2:hover{box-shadow:0 0 20px #40548C88;}
.mdeal-btn a.ico1:hover .txt{color:var(--sub-color);}
.mdeal-btn a.ico2:hover .txt{color:var(--main-color);}

@media only screen and (max-width:1440px){
	#sch-bar {width:calc(50% + 600px);}
	#mv-cont > .d_width{flex-wrap:wrap;}
	#mv-cont .col-1{width:100%;}
	.mv-scroll{left:-60px;bottom:60px;}
	.mv-info{width:100%;margin-top:30px;}
	[class*="mcategory"] .list dd{width:calc(100% / 3);}
	[class*="mcategory"] [class*="ico"]{width:40px;height:40px;background-size:320px 120px;margin-bottom:10px;}
	.mcategory1 .ico2{background-position:-40px 0;}
	.mcategory1 .ico3{background-position:-80px 0;}
	.mcategory1 .ico4{background-position:-120px 0;}
	.mcategory1 .ico5{background-position:0 -40px;}
	.mcategory1 .ico6{background-position:-40px -40px;}
	.mcategory1 .ico7{background-position:-80px -40px;}
	.mcategory1 .ico8{background-position:-120px -40px;;}
	.mcategory1 .ico10{background-position:0px -80px;}
	.mcategory1 .ico9{background-position:-40px -80px;}
	.mcategory2 .ico1{background-position:160px 0;}
	.mcategory2 .ico2{background-position:120px 0;}
	.mcategory2 .ico3{background-position:80px 0;}
	.mcategory2 .ico4{background-position:40px 0;}
	.mcategory2 .ico5{background-position:120px -40px;}
	.mcategory2 .ico6{background-position:160px -40px;}
	.mcategory2 .ico7{background-position:80px -40px;}
	.mcategory2 .ico8{background-position:40px -40px;}
	.mcategory2 .ico9{background-position:160px -80px;}
	.mcategory2 .ico10{background-position:120px -80px;}
	.mcategory2 .ico11{background-position:80px -80px;}
	#mbnr .thumb{height:150px;}
	#mbnr .thumb img{object-fit:cover;}	
}
@media only screen and (max-width:1240px){
	#sch-bar {width:calc(50% + 480px);padding:20px 0;border-radius:0 0 30px 0;}
	#main-visual #sch-bar{padding:20px 0;/* padding:0 0 20px; */}
	#sch-bar .d_width{padding:0 20px;}
	.search-input .btn-search{width:60px;height:60px;line-height:62px;font-size:1.3rem;}
	.search-keyword{margin-top:15px;}
	#main-visual{margin-top:70px;}
	.mv-title .stit{font-size:var(--font-2xlg);}
	.mv-title .tit{font-size:60px;}
	.mv-title .txt{margin-top:10px;font-size:var(--font-lg);}
	.mv-slide{width:50%;}
	.mv-news-wrap{flex-wrap:wrap;}
	.mv-news-wrap .col-1,
	.mv-news-wrap .col-2{width:100%;}
	.mnews-today{padding:5px 15px;background:rgba(0,0,0,.5);justify-content:flex-start;}
	.mnews-today .num{color:#ffc;}
	#mc-cont1{padding:20px 0 40px;}
	#mc-cont2{padding:40px 0 0;}
	#mc-cont3{padding:40px 0;}
	#mc-cont4{padding:40px 0 100px;}
	[class*="mcategory"]{width:calc(50% - 10px);}
	[class*="mcategory"] .tit{font-size:var(--font-xlg);}
	.mcategory2{margin:0;}
	.marchive-list{width:100%;margin-top:20px;}
	.marchive-list .tit{padding:15px 20px;font-size:var(--font-lg);}
	.marchive-list .list{display:flex;justify-content:space-between;flex-wrap:wrap;padding:10px 20px;}
	.marchive-list .list li{width:calc(50% - 10px);}
	#mquick .tit{font-size:var(--font-xlg);}
	#mquick ul{width:calc(100% - 140px);}
	#mc-cont2 .tab a{font-size:var(--font-xlg);}
	#mc-cont2 .t-rsp{font-size:20px;}
	.mnotice li .tit{font-size:17px;}
	#mc-cont2 > .row > div,
	.mreport > div{width:calc(50% - 10px);padding:20px;}
	#mc-cont3 h2.tit, #mc-cont4 h2.tit{font-size:var(--font-xlg);}
	#mc-cont3 h2.tit:before, #mc-cont4 h2.tit:before{font-size:1.2rem;}
	.mtech-deal{flex-wrap:wrap;}
	.mdeal-list{width:100%;}
	.mdeal-btn{width:100%;display:flex;justify-content:space-between;margin-top:20px;}
	.mdeal-btn a{width:calc(50% - 10px);}
	.mdeal-btn a.ico1{margin:0;}
}
@media only screen and (max-width:1023px){
	#sch-bar {width:calc(50% + 380px);}
	#main-visual{margin-top:0;}
	.mv-slide{/*width:80%;filter:blur(4px) brightness(1.2);animation:none;*/display:none;}
	.mv-title{text-align:center;}
	.mv-title .tit em{display:inline-block;}
	.mv-stat .thumb{width:100%;}
	.mv-stat .thumb img{object-fit:contain;max-height:100%;}
	.mv-stat .t-rsp{font-size:var(--font-lg);}
	.mnews-slide{width:calc(100% - 50px);}
	.mnews-list li a .company:before{display:none;}
	.mnews-list li a{padding-left:0;}
	.mnews-slide-wrap select{display:none;}
	[class*="mcategory"]{width:100%;margin:0;}
	[class*="mcategory"] .list dd{width:25%;}
	.mcategory2{margin-top:20px;}
	#mquick{padding:20px 0;}
	#mquick .row{justify-content:center;}
	#mquick .tit{font-size:var(--font-lg);margin-bottom:20px;}
	#mquick .tit em{display:inline-block;}
	#mquick ul{width:100%;}
	#mquick li{font-size:16px;}
	#mquick a{padding:0;}
	#mquick [class*="ico"]{width:40px;height:40px;background-size:240px 40px;}
	#mquick .ico2{background-position-x:-40px;}
	#mquick .ico3{background-position-x:-80px;}
	#mquick .ico4{background-position-x:-120px;}
	#mquick .ico5{background-position-x:-160px;}
	#mquick .ico6{background-position-x:-200px;}
	#mbnr .thumb{height:120px;}
}
@media only screen and (max-width:767px){
	#sch-bar {width:calc(100% - 20px);}
	#sch-bar .sch-tab{margin-bottom:10px;}
	#sch-bar .d_width{margin:0 !important;float:none;}
	#main-visual .search-keyword-wrap{display:none;}
	.search-keyword-wrap{margin:10px 0 0;}
	.search-keyword .tit{font-size:1rem;}
	.search-keyword a{font-size:14px;margin:0 2px;}
	.search-input .btn-search{height:55px;line-height:58px;}
	.search-input input{font-size:1rem;}
	.mv-title .stit{font-size:var(--font-xlg);}
	.mv-title .tit{font-size:50px;}
	#mv-cont{padding:40px 0 20px;}
	.popupzone{width:250px;}
	.mv-stat{width:calc(100% - 260px);}
	.mv-data{border-radius:.5rem;}
	#mv-news .time{margin:0 0 5px;}
	.mnews-today{padding:5px 10px;font-size:.925rem;}
	.mnews-today .num{font-size:1rem;}
	.mnews-slide-wrap{width:calc(100% - 120px);padding:0 10px;}
	.mv-news-wrap .sch-btn{width:120px;padding:10px;font-size:.925rem;}
	.mv-news-wrap .sch-btn:before{display:none;}
	.mnews-list li a{padding:8px 10px 8px 0;}
	.mnews-list li a .badge{display:none;}
	#mc-cont2{padding:40px 0 0;}
	#mc-cont1, #mc-cont3{padding:30px 0;}
	#mc-cont4{padding:30px 0 60px;}
	#mquick ul{flex-wrap:wrap;}
	#mquick li{flex:auto;width:33.33%;padding:10px;}
	#mc-cont2 > .row, .mreport{flex-wrap:wrap;}
	#mc-cont2 > .row > div{width:100%;padding:0;}
	.mreport > div{width:100%;margin:10px 0;}
	.mreport .tit{font-size:var(--font-xlg);}
	.mschedule{margin-top:20px;}
	#mc-cont3 .tab{position:static;flex-wrap:nowrap;overflow-x:scroll;padding-bottom:10px;}
	#mc-cont3 .tab a{flex:0 0 auto;}
	#mc-cont3 .tab::-webkit-scrollbar{border-radius: 10px;height: 10px;background-color: var(--main-color);}
	#mc-cont3 .tab::-webkit-scrollbar-track{border-radius: 10px; height:5px; background-color:#cccccc;}
	#mc-cont3 .tab::-webkit-scrollbar-thumb{border-radius: 10px; height:10px; -webkit-box-shadow: none; background-color:var(--main-color);}
	#mc-cont3 .tab::-webkit-scrollbar-button{display: none;}
	#mc-cont3 h2.tit, #mc-cont4 h2.tit{margin-bottom:20px;}
	.mdeal-list .tit-clamp{font-size:var(--font-lg);min-height:40px;}
	.mdeal-list > li:nth-child(3){display:none;}
	.mdeal-list{justify-content:space-between;margin:0;}
	.mdeal-list > li{width:calc(50% - 10px);margin:0;}
	.mdeal-list .thumb{height:260px;}
	.mdeal-list .cont{padding:20px;}
	.mdeal-btn a	{padding:20px;background-position:right 10px bottom 10px;}
	.mdeal-btn a .tit{font-size:var(--font-lg);}
	.mdeal-btn a .txt{font-size:18px;}
	#mbnr .thumb{height:90px;}
}
@media only screen and (max-width:576px){
	#sch-bar{padding:15px 0;}
	#main-visual #sch-bar{padding:15px 0;/* padding:0 0 15px; */}
	#sch-bar .sch-tab .d_width.tab_flex{flex-flow:row;}
	#sch-bar .tab_flex a{padding:.3rem 0;font-size:.9rem;}
	#sch-bar .d_width{padding:0 10px;}
	.search-input .btn-search{height:45px;line-height:48px;width:55px;font-size:1.2rem;}
	.search-input input{border-width:3px;padding:0 10px;}
	.search-keyword{margin-top:10px;}
	.mv-title .stit{font-size:var(--font-lg);}
	.mv-title .txt{font-size:18px;}
	.mv-info{margin:0;}
	.mv-info > div{width:100%;margin-top:20px;}
	.popupzone .thumb{width:100%;}
	.mv-stat{padding:20px 20px 50px;}
	.mv-data .tit-wrap{padding:5px 10px;}
	.mv-data .tit-wrap .tit{font-size:.825rem;}
	.mv-data .cont li a{padding:2px 10px;}
	.mv-data .cont li a .num{font-size:1rem;}
	.mv-data .cont li a em{margin-left:5px;color:#919191;font-size:.825rem;letter-spacing:-.02rem;}
	.mv-data .cont .txt span.text-sm{font-size:.6rem !important;}
	.mv-data .cont li a .va-pc{display:none;}
	.mv-news-wrap .col-2{flex-wrap:wrap;}
	.mnews-slide-wrap{width:100%;}
	.mv-news-wrap .sch-btn{display:none;}
	.mnews-list li a .company:after{margin:0 5px;}
	[class*="mcategory"] .list dd{width:33.33%;}
	[class*="mcategory"] .list dd a{padding:10px;}
	[class*="mcategory"] .tit,
	#mc-cont2 .tab a,
	#mc-cont3 h2.tit, #mc-cont4 h2.tit{font-size:var(--font-lg);}
	.marchive-list .tit,
	.marchive-list .list .num{font-size:18px;}
	.marchive-list .list li{font-size:1rem;}
	#mquick li{padding:5px;}
	#mc-cont2 .t-rsp{font-size:18px;}
	.mnotice .recent{padding:10px 0;}
	.mnotice li:not(.recent){padding:5px 0;}
	.mschedule .cont{width:calc(100% - 70px);}
	.mschedule .date{width:60px;height:60px;border-width:3px;font-size:.9rem;margin-right:10px;}
	.mschedule .date em{font-size:var(--font-xlg);}
	.mschedule .txt{font-size:.9rem;}
	#mbnr .thumb{height:70px;}
	#mc-cont3 .tab{margin-bottom:0;}
	#mc-cont3 .tab a{line-height:30px;padding:0 10px;font-size:.9rem;}
	.mreport > div{display:block;}
	.mreport .thumb{margin:0 auto;}
	.mreport .cont{width:100%;text-align:center;}
	.mreport .info{margin:10px 0;}
	.mreport .category{font-size:.9rem;}
	.mreport .tit{font-size:var(--font-lg);}
	.mreport .btn-d{padding:0 10px;line-height:30px;font-size:.9rem;}
	.mdeal-list, .mdeal-btn{flex-wrap:wrap;}
	.mdeal-list > li,
	.mdeal-btn a{width:100%;margin:5px 0;background-position:95% 50%;background-size:40px;}
	.mdeal-btn{margin-top:10px;}
	.mdeal-btn a .txt{display:none;}
	.mdeal-btn a .tit{margin-top:0;}
	#mc-cont2{padding:30px 0 0;}
	#mc-cont1, #mc-cont3{padding:20px 0;}
	#mc-cont4{padding:20px 0 40px;}
}
@media only screen and (max-width:415px){
	#sch-bar {width:calc(100% - 10px);}
	.search-input input{margin:0;}
	.search-keyword .tit{width:100%;}
	.mv-title .txt{font-size:1rem;}
	.mv-data .tit-wrap{flex-wrap:wrap;}
	.mv-data .tit-wrap .tit,
	.mv-data .tit-wrap .tab{width:100%;}
	.mv-data .tit-wrap .tab a:first-child{padding-left:0;}
	#mv-news .time{font-size:.8rem;}
	.mnews-list li a{font-size:.925rem;}
	[class*="mcategory"] .list dd a,
	.marchive-list .list li{font-size:.9rem;}
	#mquick li{font-size:.9rem;line-height:1.2;}
}


/* sub */
#sub-visual			{position:relative;height:290px;line-height:1;z-index:10;}
#sub-visual .svbg	{position:absolute;left:0;top:0;width:90%;min-width:calc(50% + 700px);height:100%;background:url(../img/sv-bg2.png) no-repeat 50% 50%/cover;border-radius:0 0 80px 0;}
#sub-visual .svtit	{padding-top:140px;display:inline-block;}
#sub-visual .svtit .tit{font-size:42px;font-family:gsans;font-weight:700;color:#333;}
#sub-visual .svbg{animation:bg-scale 1s alternate both ease-out;}
@keyframes bg-scale {
  0% {background-position:90% 100%;background-size:106%;}
  100% {background-position:100% 100%;background-size:100%;}
}
/*서브비주얼X 버전*/
#sub-visual.tb-intro{height:130px;}
#sub-visual.tb-intro .snb-wrap{background:var(--main-color);}
#sub-visual.tb-intro .svbg,
#sub-visual.tb-intro > .d_width{display:none;}

.location			{display:inline-block;margin-bottom:15px;}
.location > ul > li	{position:relative;display:inline-block;}
.location > ul > li a	{color:#373C4E;}
.location > ul > li:first-child a	{color:#FF9900;font-weight:900;}
.location > ul > li:after	{content:"\f105";font-family:FontAwesome;font-weight:100;margin:0 10px;}
.location > ul > li:last-child:after	{display:none;}
.location > ul > li:last-child a	{color:var(--main-color);}
.location ul ul		{display:none;} 

.snb-wrap		{position:absolute;left:0;bottom:-30px;width:100%;height:70px;text-align:left;z-index:99;}
#snb			{position:relative;background:var(--main-color);}
#snb a			{position:relative;display:block;height:100%;}
#snb ul			{}
#snb ul li			{position:relative;float:left;cursor:pointer;border-right:1px solid rgba(255,255,255,0.1);}
#snb ul li span,
#snb ul li a		{display:block;padding:0 40px 0 20px;min-width:240px;line-height:70px;color:#A4BFDB;font-size:16px;white-space:nowrap;}
#snb ul.depth1 > li:last-child span{color:var(--sub-color);}
#snb ul.depth1 > li:last-child span:after{border-color:var(--sub-color);}
#snb ul li span:hover,
#snb ul li.on span	{color:#fff;}
#snb ul li.home a			{min-width:auto;width:70px;height:70px;border:none;background:var(--sub-color) url(../img/snb_home.png) no-repeat 50% 50%;}
#snb ul li span:before		{content:"";position:absolute;left:0;bottom:-1px;right:0;width:100%;height:2px;background:#0A50A1;transform:scale(0);transition:all 0.2s ease-out;z-index:9;}
#snb ul li span:after		{content:"";position:absolute;right:20px;top:50%;margin-top:-7px;display:block;width:10px;height:10px;border-right:1px solid #AFAFAF;border-bottom:1px solid #AFAFAF;transform:rotate(45deg);transition:all 0.2s ease-out;}
#snb ul li:hover span:before{transform:scale(1);}
#snb ul li:hover span:after	{transform:rotate(-135deg);margin-top:-4px;}
#snb ul ul			{visibility:hidden;opacity:0;position:absolute;left:0;top:70px;width:100%;border:1px solid rgba(0,0,0,0.1);border-top:none;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.15);}
#snb li:hover ul	{visibility:visible;opacity:1;transition:all .3s;}
#snb ul ul li		{position:relative;overflow:hidden;float:none;width:100%;}
#snb ul ul li:before	{content:"";display:block;position:absolute;left:-100%;top:0;width:100%;height:100%;background:#f6f6f6;transition:all 0.4s cubic-bezier(.65,.26,.19,1.23);}
#snb ul ul li:hover:before	{left:0;}
#snb ul ul li:after	{display:none}
#snb ul ul li.on	{margin:0 -1px;width:calc(100% + 2px);background:var(--sub-color);border-bottom:none;}
#snb ul ul li a		{position:relative;min-width:auto;line-height:1;color:#777;font-size:15px;border:none;padding:15px 20px;background:none;overflow:hidden;border-top:1px dashed rgba(0,0,0,0.1);}
#snb ul ul li:first-child a,
#snb ul ul li.on a,
#snb ul ul li.on + li a		{border-top:none;}
#snb ul ul li a:hover		{color:#000;}
#snb ul ul li.on a,
#snb ul ul li.on a:hover	{color:#fff;}
#snb ul ul li.on:hover:before	{display:none;}
#snb a.newWin:after	{content:"\f35d";font-family:FontAwesome;font-weight:900;display:inline-block;position:absolute;right:20px;top:50%;margin-top:-8px;font-size:12px;color:#ccc;vertical-align:middle;}

.pnb		{position:absolute;right:0;top:0;margin:0;z-index:8;}
.pnb:after	{content:"";display:block;float:none;clear:both;}
.pnb ul		{float:left;vertical-align:middle;}
.pnb li		{float:left;}
.pnb li a	{position:relative;display:block;display:block;height:70px;width:50px;text-align:center;font-size:13px;color:#fff;line-height:70px;}
.pnb li a:before	{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:10px;background:rgba(255,255,255,0.1);}
.pnb li:first-child a:before	{display:none;}
.pnb li:nth-child(2) a	{font-weight:600;}
.pnb .ico-print, .pnb .ico-share	{float:left;display:inline-block;width:70px;height:70px;background-image:url(../img/pnb_ico.png);background-repeat:no-repeat;vertical-align:middle;transition:all 0.2s ease-out;}
.pnb > .ico-print	{background-position:5px 50%;}
.pnb > .ico-share	{background-position:-55px 50%;background-color:#0003;}
.pnb .ico-share:before			{display:block;background-position:-5px -5px;}
.pnb .ico-print:before			{display:block;background-position:-5px -65px;}
.pnb .share-sns		{display:none;position:absolute;right:0;top:60px;width:120px;background:var(--dgray1);border-radius:0.25rem;overflow:hidden;}
.pnb .share-sns:after{content:"";display:block;float:none;clear:both;}
.pnb .ico-share:hover .share-sns{display:block;}
.pnb .share-sns a	{float:left;display:block;width:40px;height:40px;line-height:40px;text-align:center;color:#fff;border-left:1px solid rgba(0,0,0,0.05)}
.pnb .share-sns a:first-child{border:none;}
.pnb .share-sns a:nth-child(1):hover{background:#1877f2}
.pnb .share-sns a:nth-child(2):hover{background:#1d9bf0}
.pnb .share-sns a:nth-child(3):hover{background:#03c85a}

#sub-container{padding:80px 0;}
#body_head h1{font-family:gsans;color:#333;}

/*서브페이지*/
.sub-main{display:flex;margin-top:-80px;background:#f6f6f6;}
.sub-main > div{width:50%;padding:100px 0;}
.sub-main .c_width{width:700px;}
.sub-main .col-1 .c_width{float:right;padding-right:40px;}
.sub-main .col-2 .c_width{float:left;padding-left:40px;}
.sub-main .tit-wrap .tit{font-family:gsans;font-weight:900;font-size:60px;color:#333;}
.sub-main .tit-wrap .txt{font-size:18px;font-weight:200;line-height:1.3;}
.sub-main .tit-wrap .stit{font-size:21px;}
.sub-main .input-wrap	{position:relative;display:flex;align-items:center;padding:0 20px;line-height:65px;border-radius:5px;background:#E5E7EC;box-shadow:0 0 8px rgba(0,0,0,0.2);overflow:hidden;}
.sub-main .input-wrap select	{width:120px;border:none;color:#333;background:#fff0;}
.sub-main .input-wrap input	{width:calc(100% - 120px);border:none;color:#333;font-size:18px;background:#fff0;padding-left:10px;}
.sub-main .input-wrap a	{color:var(--main-color);font-size:1.7rem;font-weight:300;}

@media (max-width:1440px){
	#sub-visual .svbg{width:95%;min-width:calc(50% + 600px);}
}
@media (max-width:1240px){ /*960*/
	#sub-visual	{height:230px;}
	#sub-visual .svbg{min-width:calc(50% + 380px);}
	#sub-visual .svtit{padding-top:110px;}
	#sub-visual .svtit .tit{font-size:var(--font-2xlg);}
	.snb-wrap{height:60px;}
	#snb ul li.home a{width:60px;height:60px;padding:0;}
	#snb ul li span, #snb ul li a{line-height:60px;}
	#snb ul ul{top:60px;}
	.location{margin-bottom:10px;font-size:.9rem;}
	#snb	{padding:0;}
	.pnb	{display:none;}
	#snb>ul>li:nth-last-child(3):not(.home){display:none;}
	
	#sub-visual.tb-intro{height:100px;}
}
@media (max-width:1023px){/*720*/
	#sub-visual	{height:130px;}
	#sub-visual .svbg{width:100%;min-width:auto;border-radius:0 0 50px 0;}
	#sub-visual .svtit{padding-top:30px;}
	.snb-wrap		{height:50px;}
	#snb ul li.home a{width:50px;height:50px;}
	#snb ul li span, #snb ul li a	{line-height:50px;font-size:15px;min-width:180px;}
	#snb ul li:after	{margin-top:-5px;height:10px;}
	#snb ul ul	{top:50px;}
	
	#sub-visual.tb-intro{height:20px;}
}
@media (max-width:767px){/*mobile-l*/
	#sub-visual{height:auto;}
	#sub-visual .svbg{animation:none;background-size:cover;}
	#sub-visual .svtit{padding-top:20px;}
	#sub-visual .svtit .tit{font-size:var(--font-xlg);}
	.location	{font-size:.8rem;}
	.location > ul > li:after{margin:0 5px;}
	.snb-wrap{position:static;}
	.snb-wrap .d_width{margin:0 !important;}
	#snb ul li.home				{border:0;}
	#snb > ul > li:not(.home)	{width:calc(100% - 50px);min-width:auto;border:0;}
	#snb>ul>li:nth-last-child(2):not(.home){display:none;}
	/*#snb ul li.mobile_none	{display:none;}*/
	#snb ul ul		{width:100%;border-left:0;border-right:0;}
	#snb ul ul li.on	{width:100%;margin:0;}
}
@media (max-width:576px){/*mobile-s*/
}
@media (max-width:415px){/*mobile-xs*/
}

/*board*/
.board-info{font-size:17px;letter-spacing:0;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid var(--main-color);}
.board-info em{color:var(--sub-color);font-weight:700;}
.board-paging{padding-top:30px;border-top:1px solid var(--main-color);}

.search-bx{margin-bottom:40px;}
.filter-wrap .cont{margin:0 auto;max-width:1100px;padding:20px 0;}
.filter-wrap			{position:relative;border-top:1px solid #ddd;background:rgba(0,0,0,.05);border-radius:0 0 4px 4px;}
.filter-wrap h4			{font-weight:500;font-size:1.1rem;color:var(--main-color);}
.filter-wrap .cont h4	{width:180px;margin:0;color:#009d64 !important;}
.filter-wrap .cont ul	{width:calc(100% - 180px);}
.filter-wrap .cont .tv-checkbox li,
.filter-wrap .cont .tv-radio li{display:inline-block;margin-right:.8rem;}
.filter-wrap .cont .bx	{display:flex;padding:10px 20px;align-items:center;}
.filter-wrap .tv-type a	{display:block;font-size:.825rem;background:#fff;border:1px solid #ddd;border-radius:3px;line-height:1.2;padding:6px 8px;margin:1px;float:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.filter-wrap .tv-type a.on, .filter-wrap .tv-type a:hover{border-color:#568AE5;color:#568AE5;}	
.filter-wrap .btnarea	{position:relative;padding:10px 20px;margin:0;border-top:1px solid #ccc;}
.filter-wrap .btn-reset	{font-size:.785rem;position:ABsolute;right:10px;top:10px;}
.filter-wrap .btn-search{}

.search-bx .list-search	{display:flex;justify-content:center;background:#F6F6F6;padding:20px 0;}
.search-bx .input-wrap	{width:790px;position:relative;display:flex;align-items:center;padding:0 20px;height:60px;line-height:60px;border:4px solid var(--main-color);background:#fff;margin-right:5px;position:relative;z-index:1;}
.search-bx .input-wrap select	{width:120px;height:100%;border:none;color:#333;background:#fff0;border-right:1px solid #dadada;}
.search-bx .input-wrap input	{width:calc(100% - 120px);height:100%;border:none;color:#333;background:#fff0;padding-left:10px;}
.search-bx .input-wrap input:focus{border:1px solid var(--sub-color);}
.search-bx .sch-btn{display:block;width:60px;height:60px;line-height:60px;text-align:center;background:var(--sub-color);color:#fff;font-size:1.4rem;border-radius:0 20px 0 0;position:relative;z-index:1;}
.search-bx .filter-btn{font-size:1rem;background:#36414F;}

.board-write .keyword-input		{border:1px solid #dfdfdf;background:#fff;}
.board-write .keyword-input input{line-height:36px;border:none;}

.add-keyword .re-tit	{position:relative;display:inline-block;line-height:30px;padding:0 0.5rem;border-radius:var(--basic-round);margin-right:4px;background:var(--dgray1);color:#fff;font-size:var(--font-xsm)}
.add-keyword .keyword	{position:relative;display:inline-block;line-height:30px;padding:0 0.5rem;border-radius:var(--basic-round);margin-right:4px;background:var(--lgray1);color:var(--dgray2);font-size:var(--font-sm)}
.add-keyword .keyword:before{content:"#";}
.add-keyword .keyword a	{margin-left:8px;}
.keyword-wrap span			{position:relative;display:inline-block;line-height:30px;padding:0 0.5rem;border-radius:var(--basic-round);margin-right:4px;background:var(--dgray1);color:#fff;font-size:var(--font-sm);margin-right:4px;}
.keyword-wrap span:before	{content:"#";}

.board-write textarea{min-height:100px;}
.board-write {line-height:1.2;}

.board-view-attach	{border-bottom:1px solid #ccc;padding:20px 0;}
.board-view-attach a		{display:inline-block;padding-left:20px;position:relative;font-size:0.825rem;word-break:break-word;}
.board-view-attach a:before	{content:"\f019";font-family:FontAwesome;font-weight:900;position:absolute;left:0;top:0;color:#828B9C;}

.board-gallery{border-bottom:0;}
.board-gallery .thumb{border-radius:10px;}
.board-gallery .thumb.logo{background-size:70%;}
.board-gallery ul{margin-bottom:-30px;}
.board-gallery li{margin-bottom:2rem;}
.board-gallery .subject{font-size:21px;font-weight:700;color:#333;}
.board-gallery .item-wrap{margin:20px 0 10px;color:#207ed1;font-weight:500;font-size:.925rem;padding-bottom:10px;border-bottom:1px solid #eaeaea;}
.board-gallery .item{color:#768395;}
.board-gallery .item-wrap p:before{font-family:fontAwesome;margin-right:5px;display:inline-block;}
.board-gallery .locate:before{content:"\f3c5";}
.board-gallery .company:before{content:"\f1ad";}
.board-gallery .edu:before{content:"\f02e";}


.board-list{margin:-20px 0 -2rem;}
.board-list thead th{background:#fff;color:#333;border-bottom:1px solid #666;}
.board-list tbody tr:last-child th, .board-list tbody tr:last-child td{border-bottom:0;}
.board-list.head-none{border-top:0;}

.board-list .clip-list{padding:3.75rem 1.25rem 1.25rem 1.25rem;color:#333;}
.board-list .clip-list:before{background:#919191;}

/*attach*/
.single-attach								{border-radius:var(--basic-round);border:1px solid var(--basic-border);background:#fff;padding:0.15rem;display:flex;flex-flow:row wrap;}
.single-attach label .btn-d					{line-height:31px;padding:0 0.5rem;}
.single-attach label						{position:relative;}
.single-attach label input					{position:absolute;width:0;height:0;overflow:hidden;}
.single-attach input[type="text"]			{flex:1 0 80%;padding-left:0.5rem;border:none;background:none;color:var(--basic-color);}

.form-inline .input-file{display:flex;align-items:center;}

/*form-control*/
.form-control::placeholder			{opacity:1;color:#919191;}
.form-control:-ms-input-placeholder	{opacity:1;color:#919191;}
.form-control::-ms-input-placeholder{opacity:1;color:#919191;}

/*board-reply*/
.board-reply{margin:0;background:#f6f6f6;}
.board-reply > .control{padding:10px;}
.board-reply .control a.btn-d{width:auto;height:auto;}
.board-reply .nodata{margin:10px;color:#999;}
.board-reply .nodata i{color:#ccc;font-size:var(--font-2xlg);}
.board_cmt{background:#f6f6f6;padding:20px;border-top:1px solid #dadada;}
.board_cmt_write{display:flex;}
.board_cmt_write textarea{width:calc(100% - 100px);border-color:#dadada;}
.board_cmt_write button{width:100px;border:0;background:var(--sub-color);color:#fff;border-radius:0 0 20px 0;}
.board_cmt .tit{margin-bottom:10px;}
.board_cmt .tit em{color:var(--sub-color);font-weight:700;margin-left:5px;}

.board-reply .board_cmt_write textarea{min-height:70px;}
.board-reply .list{font-size:inherit;}
.board-reply .list li{display:flex;align-items:flex-end;}
.board-reply .list li:last-child{border-bottom:1px solid #eaeaea;}
.board-reply .list .control{padding:0;display:flex;}
.board-reply .list .control a.btn-d{border-color:#dadada;margin:0 1px;}
.board-reply .date{font-size:.875rem;}

/*board-view*/
.board-view-desc .user-card .date		{color:#999;font-size:.9rem;}
.board-view-desc .user-card .date:before{content:"";width:1px;height:10px;background:#dadada;margin:0 5px;display:inline-block;}
.board-view-desc .clip a:before{content:"\f019";font-family:fontAwesome;margin-right:5px;color:#899bb7;}

.board-view-list					{font-size:16px;}
.board-view-list li					{float:left;width:50%;line-height:78px;height:80px;overflow:hidden;border:1px solid #dfdfdf;transition:all 0.2s ease-out;}
.board-view-list li	.tit			{display:inline-block;color:var(--sub-color);font-weight:500;margin:0 10px;}
.board-view-list li	a				{position:relative;display:block;height:100%;padding:0 20px;margin:0;text-overflow:ellipsis;}
.board-view-list li .txt			{display:inline-block;width:100%;vertical-align:top}
.board-view-list li.none			{border:1px solid #dfdfdf;color:#999;padding:0 40px;}
.board-view-list li:nth-child(2)	{text-align:right;border-left:none;}
.board-view-list li:nth-child(1) a	{padding-left:110px;}
.board-view-list li:nth-child(2) a	{padding-right:110px;}
.board-view-list li:nth-child(1) .tit	{position:absolute;left:20px;top:0}
.board-view-list li:nth-child(2) .tit	{position:absolute;right:20px;top:0}
.board-view-list li:not(.none):hover	{border-color:var(--sub-color);}
.board-view-list li:not(.none) a:focus,
.board-view-list li:not(.none) a:hover	{background:var(--sub-color);color:#fff}
.board-view-list li.none:hover			{background:#f6f6f6;}
.board-view-list li:not(.none) a:focus .tit,
.board-view-list li:not(.none) a:hover .tit,
.board-view-list li:not(.none) a:focus .tit:before,
.board-view-list li:not(.none) a:hover .tit:before,
.board-view-list li:not(.none) a:focus .tit:after,
.board-view-list li:not(.none) a:hover .tit:after	{color:#fff}
.board-view-list li	a.prev .tit:before,
.board-view-list li	a.next .tit:after	{content:"";font-family:FontAwesome;display:inline-block;margin:0 5px;font-weight:900}
.board-view-list li	a.prev .tit:before	{content:"\f053";}
.board-view-list li	a.next .tit:after	{content:"\f054";}

/*table*/
.table1 table tbody th{background:#f6f6f6;}

.table2 table{border-top:2px solid #768395;}
.table2 table th{background:#f6f6f6;}
.table2 table th:first-child, .table2 table td:first-child{border-left:0;}
.table2 table th:last-child, .table2 table td:last-child{border-right:0;}

.table .subject {font-size:var(--text-lg);font-weight:700;color:#111;word-break:keep-all;} 
.table3 table thead tr:first-child  {border-top:2px solid var(--main-color);}
.table3 table thead tr:last-child   {border-bottom:1px solid var(--main-color);}
.table3 table thead th {background:#FAFAFA;color:#333333;border:1px solid #DADADA;}
.table3 table thead th:first-child {border-left:0;}
.table3 table thead th:last-child  {border-right:0;} 
.table3 table tbody th,
.table3 table tbody td, 
.table3 table tfoot th, 
.table3 table tfoot td {padding:1rem;}

.table table tfoot th, .table table tfoot td{padding:.75rem;}
.table-sm table tfoot th, .table-sm table tfoot td{padding:.5rem;}

@media only screen and (max-width:1023px){
	.table.table1 td, .table.table1 th,
	.table.table2 td, .table.table2 th,
	.table.table3 td, .table.table3 th {display:table-cell;}
	.table.table1 tr,
	.table.table2 tr,
	.table.table3 tr {display: table-row;}
	
	.board-write .table table		{display:revert;width:100%}
	.board-write .table thead,
	.board-write .table tbody,
	.board-write .table tr,
	.board-write .table th,
	.board-write .table td	{display:revert;width:auto;}
	.board-write .table input	{width:auto !important;}

	.table-responsive > table	{margin-top:15px;}
	.table-responsive			{padding-top:10px;}
	
	.table .subject {font-size:var(--font-base);font-weight:500;} 
}

/*tab*/
.tab_flex{display:flex;text-align:center;margin-bottom:30px;}
.tab_flex a{display:block;width:100%;padding:1.2rem 0;background:#f6f6f6;border-right:1px solid #ddd;font-size:1.1rem;}
.tab_flex a.on{background:var(--sub-color);color:#fff;font-weight:500;}
.tab_flex a:last-child{border-right:0;}
.tab_flex a:not(.on):hover{background:#f0f0f0;}

/*board-write*/
.board-write .form-control-label{padding-top:10px;}

@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
	.search-bx .input-wrap{width:calc(100% - 250px);}
}
@media only screen and (max-width:1023px){
	.filter-wrap .cont .bx{display:block;}
	.filter-wrap .cont h4{width:100%;margin:0 0 10px;}
	.filter-wrap .cont ul{width:100%;}
	.search-bx .input-wrap input{font-size:1rem;}
	
	.board-list{border-top:0;}	
	.board-list.head-none tbody th, .board-list.head-none tbody td,
	.board-list tbody th, .board-list tbody td{padding:.2rem;border:0;}
	
	#fileDiv{width:100%;padding:10px 0 0;}
}
@media only screen and (max-width:767px){
	.search-bx{margin-bottom:20px;}
	.search-bx .list-search{flex-wrap:wrap;padding:10px;}
	.search-bx .input-wrap{height:50px;line-height:50px;width:calc(100% - 60px);padding:0 10px;}
	.search-bx .input-wrap select{width:80px;}
	.search-bx .input-wrap input{width:calc(100% - 80px);}
	.search-bx .sch-btn{width:50px;height:50px;line-height:50px;font-size:1rem;}
	.search-bx .filter-btn{width:100%;margin:10px 0 0 !important;}
	.filter-wrap .cont{padding:0;}
	.filter-wrap .cont .bx{padding:10px;}
	.filter-wrap .form-inline input{width:100%;}
}
@media only screen and (max-width:576px){
	.search-bx .input-wrap{width:100%;}
	.search-bx .sch-btn{width:100%;margin:5px 0;border-radius:5px;}
	.search-bx .sch-btn:after{content:"검색하기";margin-left:5px;font-weight:500;}
	.search-bx .filter-btn{margin:0 !important;}
	
	.board-info-right{width:100%;}
	.board-gallery .subject{font-size:1.1rem;min-height:50px;}
	.board-write{padding:20px;}
	.board-write .form-control-body, .board-write .form-control{width:100% !important;}
	.board-write .form-control-body, .board-write .form-control, .board-write .form-control-label{padding-left:0;padding-right:0;}
	.board-write .form-control-label{font-size:1rem;font-weight:700;color:#333;}
}
@media only screen and (max-width:415px){
	.board-gallery.type1 li{width:100%;}
	.board-write{padding:10px;}
}

/*공통*/
.num-tit{font-size:1.1rem;color:#121314;font-weight:500}
.num-tit span{display:inline-block;vertical-algin:middle;width:35px;height:35px;line-height:35px;font-weight:900;border-radius:50%;background:var(--point-color);color:#fff;text-align:center;margin-right:10px;}

/* 인사말 */
#greeting{padding:70px 70px 140px 510px;background:#F9F9F9 url(../img/greeting-bg2.png) no-repeat 100% 0;position:relative;box-shadow:0 0 30px rgba(0,0,0,0.15);    background-position: 100% 80%;}
#greeting:after{content:"Korean Medicine";font-size:80px;font-family: gsans;font-weight: 900;color:rgba(0,0,0,0.03);position:absolute;bottom:0;letter-spacing: 0px;line-height: 0.6;}
#greeting .greeting-bg{width:450px;height:100%;background:url(../img/greeting-bg1.png) no-repeat 0 0/cover;border-radius:0 50px 0 0;box-shadow:10px 0 20px rgba(0,0,0,0.2);position:absolute;top:0;left:0;background-position: 50% 50%;}
#greeting .stit{font-size:25px;line-height:1;font-weight:400;font-family: 'gsans';margin-bottom: 10px;}
#greeting .tit{font-size: 39px;font-weight:900;color:var(--sub-color);margin-bottom:40px;word-break:keep-all;line-height:1.1;font-family: 'gsans';}
#greeting .txt{font-weight:300;font-size: 17px;}

@media only screen and (max-width:1750px){ 
	#greeting:after{font-size:86px;letter-spacing:0px;}
	#greeting .tit{line-height:1.2;}
}
@media only screen and (max-width:1240px){ 
	#greeting{padding:370px 70px 70px 70px;border-radius:0 50px 0 0;}
	#greeting .greeting-bg{width:100%;height:300px;}
	#greeting .greeting-bg{background-position:50% 75%;}
}
@media only screen and (max-width:1023px){ 
	#greeting .tit{font-size:2rem;}
	#greeting .stit{font-size:1.8rem;}
	#greeting {padding:340px 40px 40px 40px;}
	#greeting:after{font-size:82px;}
}
@media only screen and (max-width:767px){ 
	#greeting:after{font-size:71px;}
}
@media only screen and (max-width:599px){
	#greeting .greeting-bg{height:250px;}
	#greeting {padding-top:290px;}
	#greeting .tit{font-size:1.4rem;margin-bottom:20px;}
	#greeting .stit{font-size:1.2rem;}
	#greeting .txt{font-size:.9rem;}
	#greeting:after{font-size:59px;}
}
@media only screen and (max-width:415px){ 
	#greeting .greeting-bg{height:150px;}
	#greeting{padding:170px 20px 20px 20px;}
	#greeting:after{font-size:39px;}
}

/* 플랫폼 소개 */
#portal-intro .top-exp{padding:100px 20px;text-align:center;border-radius:50px 0 0 0;position:relative;box-shadow:var(--bx-shadow);overflow:hidden;background:url(../img/sub_intro_img01.png) no-repeat;}
#portal-intro .top-exp:before{content:"";width:100%;height:100%;position:Absolute;left:0;top:0;background:rgb(0,0,0,0.4);z-index:1}
#portal-intro .top-exp p{position:Relative;z-index:5;color:#fff}
#portal-intro .top-exp .tit{font-size:var(--font-3xlg);font-weight:var(--font-exbold);word-break:keep-all;font-family:'gsans';line-height: 1;}
#portal-intro .top-exp .txt{font-size:30px;;font-weight:var(--font-regular);word-break:keep-all;}
#portal-intro .top-exp .txt span{display:block;}

#portal-intro .middle-exp {padding:40px 0;text-align:center;}
#portal-intro .middle-exp .tit {font-size:30px;color:var(--sub-color);}
#portal-intro .middle-exp  p {font-size:18px;padding-top:10px;word-break:keep-all;line-height:1.3;}
#portal-intro .middle-exp  ul.row {justify-content:center;margin:30px auto 0;}
#portal-intro .middle-exp  ul.row li {width:calc(50% - 20px);margin:0 10px;color:#fff;font-size:22px;font-weight:700;padding:30px;word-break: keep-all;border-radius:10px;}
#portal-intro .middle-exp  ul.row li:first-child {background:var(--sub-color);}
#portal-intro .middle-exp  ul.row li:last-child {background:var(--main-color);}

#portal-intro .bottom-exp {background:#F6F9FB;padding:40px;}
#portal-intro .bottom-exp > p.tit {font-size:28px;font-weight:800;color:#373C4E;border-bottom:1px solid #768395;}
#portal-intro .bottom-exp ul li {width:270px;margin:0 25px;position:relative;}
#portal-intro .bottom-exp ul {padding:60px 0;justify-content: center;}
#portal-intro .bottom-exp ul li > div {width:100%;height:100%;position:relative;padding:20px;z-index:3; background: #fff; border-radius: 0 50px 0 0; text-align: center;position: relative;}
#portal-intro .bottom-exp ul li:after {content:'';display:block;width:100%;height:calc(100% + 20px);position:absolute;border-radius:0 60px 0 0;background:var(--main-color);right:-10px;top:-10px;z-index:1;}
#portal-intro .bottom-exp ul.col-1 li:after {background:var(--sub-color);}
#portal-intro .bottom-exp ul.col-2 li:after {background:var(--main-color);}
#portal-intro .bottom-exp ul li .tit {font-size:26px;color:var(--sub-color);font-weight:800;}
#portal-intro .bottom-exp ul.col-2 li .tit {color:var(--main-color);}
#portal-intro .bottom-exp ul li .txt {padding-top:10px;color:#333;word-break:keep-all;}

@media (max-width: 1240px) {
	#portal-intro .top-exp {padding:90px 0;}
	#portal-intro .middle-exp {padding:50px 0;}
	#portal-intro .middle-exp ul.row li {padding:20px;}
	#portal-intro .bottom-exp ul li {width: calc(25% - 20px);margin:0 10px;}
	#portal-intro .bottom-exp ul li .tit{font-size:var(--font-xlg);}
}
@media (max-width: 1017px) {
	#portal-intro .top-exp .tit{font-size:32px;}
	#portal-intro .top-exp .txt {font-size:24px;}
	#portal-intro .top-exp { padding:60px 0;background-size: cover;}
	#portal-intro .middle-exp {padding:30px 0;}
	#portal-intro .middle-exp .tit {font-size:26px;}
	#portal-intro .middle-exp ul.row {margin:30px auto;}
	#portal-intro .middle-exp ul.row li {padding:20px;font-size:18px;}
	#portal-intro .bottom-exp ul li {width:100%;margin:25px 0;}
	#portal-intro .bottom-exp ul li .txt {padding-top:10px;}
	#portal-intro .bottom-exp ul li:after {height: calc(100% + 20px); right: -10px;top: -10px;}
	#portal-intro .bottom-exp ul {padding:30px 0;}
}
@media (max-width: 767px) {
	#portal-intro .middle-exp ul.row li {width:100%;margin:5px 0;}
	#portal-intro .middle-exp ul.row {width:100%;margin-bottom:0;}
	#portal-intro .middle-exp .tit {font-size:24px;}
	#portal-intro .bottom-exp {padding:20px;}
	#portal-intro .bottom-exp > p.tit {font-size:25px;}
	#portal-intro .bottom-exp ul li .tit {font-size:20px;}
	#portal-intro .bottom-exp ul li .txt {padding-top:0;}
	#portal-intro .middle-exp p {font-size:1rem;}
}

/* 오시는길 */
#portal-map .map-top {background:var(--main-color);border-radius:0 0 50px 0;position:relative;margin-bottom:20px;}
#portal-map .map-top .thumb {width:450px; border-radius: 0 50px 0 0;height:250px;}
#portal-map .map-top .txt {padding:50px;}
#portal-map .map-top .txt .tit {color:#fff;font-size:30px;font-weight:800;padding-bottom:35px;    font-family: 'gsans';}
#portal-map .map-top .txt p,
#portal-map .map-top .txt p span{font-size:21px;}
#portal-map .map-top .txt p {color:#fff;}
#portal-map .map-top .txt p span {color:var(--sub-color);display:inline-block;margin:0 10px;}
#portal-map .map-top .txt p span:first-child {margin-left:0;}
#portal-map .map-top a.btn-d {position:absolute;right:50px;bottom:50px;}
#portal-map .map-top a.btn-d:before {content:'\f3c5';display:inline-block;color:#fff;font-size:17px;    font-family: 'FontAwesome';font-weight: 800;margin-right:10px;}

#portal-map .map-bottom > div {display:flex;margin-top:30px;}
#portal-map .map-bottom > div p{color:#fff;}
#portal-map .map-bottom > div .ico {width:180px;height:180px;position:relative;border-radius:0 50px 0 0;}
#portal-map .map-bottom > div .ico:before {content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;width:90px;height:90px;background:#fff url(../img/map_ico_img.png) no-repeat;}
#portal-map .map-bottom > div.bus .ico:before {background-position:-90px 0;} 
#portal-map .map-bottom > div.car .ico {background:#88D0B5;}
#portal-map .map-bottom > div.bus .ico {background:#4A61A4;}
#portal-map .map-bottom > div.car {background:#4AB994;}
#portal-map .map-bottom > div.bus {background:var(--point-color);}
#portal-map .map-bottom div.txt-bx {padding:40px 0 0 30px;}
#portal-map .map-bottom div.txt-bx p {color:#fff;}
#portal-map .map-bottom div.txt-bx .tit {font-size:23px;font-weight:800;}
#portal-map .map-bottom div.txt-bx .txt {font-size:17px;padding-top:10px;}

@media (max-width: 1240px){
	#portal-map .map-top .thumb {width:300px;height: 200px;}
	#portal-map .map-top .txt {padding:30px;}
	#portal-map .map-top .txt .tit {font-size:25px;padding-bottom:10px;}
	#portal-map .map-top .txt p, #portal-map .map-top .txt p span {font-size:18px;}
}
@media (max-width: 1017px) {
	#portal-map .map-top .thumb,
	#portal-map .map-top .txt{width:100%;}
	#portal-map .map-top .thumb {border-radius:0 0 50px 0;}
	#portal-map .map-bottom > div .ico {width:120px;}
}
@media (max-width: 778px) {
	#portal-map .map-top a.btn-d {position:relative;bottom:20px;left:20px;}
	#portal-map .map-bottom > div .ico {width:100%;border-radius:0;height:auto;}
	#portal-map .map-bottom > div {flex-wrap: wrap; border-radius: 0 50px 0 0; overflow:hidden;}
	#portal-map .map-bottom > div .ico:before {transform: scale(0.6);position:relative;left:auto;top:auto;} 
	#portal-map .map-bottom div.txt-bx {padding:20px;}
}

/* 비전 및 목표 */
#vision .col-1{background:url(../img/suv_vision_img01.png) no-repeat; position:relative;padding:250px 0 100px;}
#vision .col-1:before {content:'';display:block;position:absolute;width:100%;background: linear-gradient(360deg, white, transparent);height: 60%;bottom: 0;left: 0;}
#vision .col-1 > div .tit {color:#fff;font-size:35px;font-weight:800;font-family: 'gsans';}
#vision .col-1 > div .txt {color:#fff;font-size:25px;font-family: 'gsans';}
#vision .col-1 > div {text-align:center;width:320px;height:320px;border-radius:50%;padding:10px;}
#vision .col-1 > div:after {width:110%;height:110%;content:'';display:block;position:absolute;top:50%; left:50%;transform:translate(-50%, -50%);border-radius:50%;}
#vision .col-1 > div.row-1:after {border:2px solid var(--main-color);}
#vision .col-1 > div.row-2:after {border:2px solid var(--sub-color);}
#vision .col-1 > div.row-1 {background:var(--main-color);    box-shadow: 0px -5px 20px 20px #11284f47;}
#vision .col-1 > div > div {width:100%;padding:20px;}
#vision .col-1 > div.row-2 {background:var(--sub-color);    box-shadow: 0px -5px 20px 20px #4ab99459;}
#vision .col-1 {display:flex;justify-content: space-evenly;}

#vision .col-2 p.col-tit span,
#vision .col-3 p.col-tit span{font-size:30px;color:var(--main-color);font-weight:800;text-align:center;font-family: 'gsans';background:#fff;position:relative;z-index:1;left:50%;transform:translateX(-50%);}
#vision .col-2 p.col-tit,
#vision .col-3 p.col-tit {position:relative;z-index:1;}
#vision .col-2 p.col-tit:after,
#vision .col-3 p.col-tit:after{content:'';display:block;position:absolute;top:50%;left:0;width:100%;height:20px;background:transparent;border-radius:10px;border-top:1px solid #ADBBD1; }
#vision .col-2  > ul {display:flex;margin:0 -15px;}
#vision .col-2  > ul > li > ul {width:calc(100% - 30px);margin:0 15px;position:relative;}
#vision .col-2  > ul > li > ul:before {content:'';display:block;position:absolute;width:1px;height:calc(100% - 20px);border-right:2px dashed #65799A;top:10px;left:50%;transform:translateX(-50%);z-index:2;}
#vision .col-2  > ul > li > ul > li{padding:30px 20px;border-radius:10px;text-align:center;position: relative;z-index: 3;}
#vision .col-2  > ul > li > ul > li:first-child {background:#65799A;font-size:20px;font-family: 'gsans';color:#fff;font-weight:800;}
#vision .col-2  > ul > li > ul > li {background:#EFF5FD;margin:20px 0; word-break: keep-all;}
#vision .col-2  > ul > li > ul {position:relative;z-index:2;}

#vision .col-3 {padding-top:80px;}
#vision .col-3 ul{background:#FAFAFA;padding:30px;border-radius:10px;display:flex; flex-wrap: wrap;}
#vision .col-3 ul li {width:50%;padding-left:15px;position:relative;}
#vision .col-3 ul li:before {content:'';display:block;width:3px;height:3px;border-radius:50%;background:var(--sub-color);position:absolute;left:0px;top:50%;transform:translateY(-50%);	}

@media (max-width: 1240px) {
	#vision .col-2 > ul > li {width:50%;}
	#vision .col-2 > ul {flex-wrap: wrap;}
}
@media only screen and (max-width: 1017px){
	#vision .col-1 > div {width:220px;height:220px;}
	#vision .col-1 > div .tit {font-size:30px;}
	#vision .col-1 > div .txt {font-size:20px;}
	#vision .col-1 {padding:150px 0 50px;}
	#vision .col-2 > ul > li > ul > li:first-child {font-size:18px;}
	#vision .col-3 ul li {width:100%;}
}
@media (max-width: 778px) {
	#vision .col-2 > ul > li { width: 100%;}
	#vision .col-2 > ul > li > ul > li {margin:10px 0;padding:20px;}
}
@media (max-width: 576px) {
	#vision .col-1{ flex-direction: column; align-items: center;background-position: 50% 50%;}
	#vision .col-1 > div.row-1 {margin-bottom:50px;}
	#vision .col-3 {padding-top: 30px;}
}

/*[s] 관련사이트*/
.site-intro{background:url(../img/site-intro-bg.png);position:relative;word-break:keep-all;}
.site-intro:before{content:"";width:100%;height:100%;background:#f6f6f6f2;position:absolute;top:0;left:0;}
.site-intro:after{content:"";width:100%;height:200px;background:var(--sub-color);opacity:0.9;position:absolute;bottom:0;left:0;}
.site-intro .cont{padding:60px 80px;position:relative;z-index:1;}
.site-intro .tit{width:720px;font-family:gsans;font-size:var(--font-3xlg);font-weight:900;color:var(--main-color);line-height:1.2;letter-spacing:-.2rem;}
.site-intro .stit{font-family:gsans;font-size:var(--font-lg);color:#666;border-bottom:1px solid #666;padding:0 0 10px;margin:0 0 20px;}
.site-intro .txt{width:720px;}
.site-intro .more{margin-top:100px;line-height:80px;padding:0 100px;font-size:var(--font-xlg);font-family:gsans;}
.site-intro .cont:after{content:"";width:700px;height:473px;position:absolute;right:0;bottom:0;background:url(../img/site-intro01.png) no-repeat 50% 50% /cover;}
.site-intro.site2 .cont:after{background-image:url(../img/site-intro02.png);}
.site-intro.site3 .cont:after{background-image:url(../img/site-intro03.png);}
.site-intro.site4 .cont:after{background-image:url(../img/site-intro04.png);}
.site-intro.site5 .cont:after{background-image:url(../img/site-intro05.png);}
.site-intro.site6 .cont:after{background-image:url(../img/site-intro06.png);}

@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){
	.site-intro .cont:after{width:460px;height:420px;bottom:40px;}
}
@media only screen and (max-width:1240px){
	.site-intro .cont{padding:40px;text-align:center;}
	.site-intro .cont:after{display:block;position:static;margin:0 auto;}
	.site-intro .tit,
	.site-intro .txt{width:100%;}
	.site-intro .more{margin-top:20px;line-height:50px;padding:0 60px;font-size:var(--font-lg);}
	.site-intro .stit{font-size:var(--font-base);}
	.site-intro .cont:after{width:340px;height:315px;}
}
@media only screen and (max-width:1023px){
}
@media only screen and (max-width:767px){
}
@media only screen and (max-width:576px){
	.site-intro .tit{font-size:var(--font-2xlg);}
	.site-intro .txt br{display:none;}
	.site-intro .cont:after{width:270px;height:250px;}
}
@media only screen and (max-width:415px){
	.site-intro .cont{padding:30px 20px;}
	.site-intro .tit{font-size:var(--font-xlg);}
	.site-intro .more{padding:0;display:block;font-size:var(--font-base);line-height:40px;}
}
/*[e] 관련사이트*/

/*[s] 아카이브*/
.sub-main.archive .col-1{background:var(--point-color);color:#fff;border-radius:0 0 80px 0;margin-right:40px;}
.sub-main.archive .col-2{padding:120px 0 0;overflow:hidden;}
.sub-main.archive .c_width{width:680px;}
.sub-main.archive .col-2 .c_width{padding:0;}
.sub-main.archive .tit-wrap .tit{color:#fff;}
.sub-main.archive .tit-wrap .stit{margin:60px 0 20px;color:#ffc;}
.archive-sum {position:Relative;}
.archive-sum .tit{font-size:25px;font-weight:900;font-family:gsans;color:var(--main-color);margin-bottom:30px;}
.archive-sum .item-control{position:absolute;top:0;right:0;}
.archive-sum .item-control a{display:inline-block;width:35px;height:35px;line-height:32px;border:1px solid var(--main-color);border-radius:50%;color:var(--main-color);text-align:Center;}
.archive-sum-list{display:flex;margin:0 -10px;}
.archive-sum-list li{margin:0 10px;width:280px;}
.archive-sum-list .thumb{height:180px;}
.archive-sum-list .item{margin:20px 0 0;font-size:.9rem;color:#3490C2;display:block;}
.archive-sum-list .item:before{content:"#";}
.archive-sum-list .subject{font-size:21px;font-weight:500;color:#333;}
.archive-data{margin:50px 0;}
.archive-data dl{display:flex;flex-wrap:wrap;}
.archive-data dd{width:25%;border-right:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4;padding:30px;}
.archive-data dd:nth-child(4n){border-right:none;}
.archive-data dd:nth-last-child(-n + 4){border-bottom:0;}
.archive-data .tit{font-size:17px;font-weight:500;font-family:gsans;color:#444;word-break:keep-all;}
.archive-data .tit:before{content:"";width:20px;height:3px;background:var(--point-color);display:block;margin-bottom:10px;}
.archive-data .num{font-size:40px;font-weight:900;font-family:gsans;color:#333;}
.archive-data a{display:block;background-position:right 10px bottom 10px;background-repeat:no-repeat;}
.archive-data a.ico1{background-image:url(../img/archive-ico1.png)}
.archive-data a.ico2{background-image:url(../img/archive-ico2.png)}
.archive-data a.ico3{background-image:url(../img/archive-ico3.png)}
.archive-data a.ico4{background-image:url(../img/archive-ico4.png)}
.archive-data a.ico5{background-image:url(../img/archive-ico5.png)}
.archive-data a.ico6{background-image:url(../img/archive-ico6.png)}
.archive-data a.ico7{background-image:url(../img/archive-ico7.png)}
.archive-data a.ico8{background-image:url(../img/archive-ico8.png)}
.archive-wrap .row{margin:-20px -10px;}
.archive-wrap .col{width:calc(50% - 20px);position:relative;margin:20px 10px;}
.archive-wrap .more{position:absolute;top:0;right:0;width:40px;line-height: 40px;background:var(--main-color);color:#fff;text-align:center;border-radius:50%;}
.archive-wrap  h2{margin:0 0 30px;}
.archive-list{display:flex;margin:-10px;flex-wrap:wrap;}
.archive-list li{width:calc(25% - 20px);margin:10px;background: #F6F9FB;border-radius: 0 0 50px 0;position:relative;}
.archive-wrap .archive-list li{width:calc(50% - 20px);}
.archive-list li a{display:block;}
.archive-list .thumb{height:160px;}
.archive-list .cont{padding:20px;}
.archive-list .date{font-size:.9rem;color:#666;font-weight:200;}
.archive-list .subject{font-size:22px;font-weight:700;color:#333;margin:10px 0 20px;}
.archive-list .item{font-size:.9rem;color:#009d64;line-height: 1.3;display: inline-block;}
.archive-list .like-btn{width:30px;height:30px;line-height:33px;background:#ccc;color:#fff !important;text-align:Center;border-radius:50%;position:Absolute;top:10px;right:10px;z-index:1;}

.btnset .share a	{display:block;float:left;margin-left:5px;width:30px;height:30px;background-repeat:no-repeat;background-position:50% 50%;background-size:30px 30px;}
.btnset .share span	{display:none;}
.btnset .share a.kakao		{background-image:url(../img/ico_kakao.png);}
.btnset .share a.kakaostory{background-image:url(../img/ico_kakaostory.png);}
.btnset .share a.facebook	{background-image:url(../img/ico_facebook.png);}
.btnset .share a.twitter	{background-image:url(../img/ico_twitter.png);}
.btnset .share a.blog		{background-image:url(../img/ico_blog.png);}

.btnset .share		{position:absolute;right:190px;top:405px;z-index:100;width:auto;background:#fff;border:1px solid #eaeaea;padding:20px 20px 20px 15px;box-shadow:0 2px 6px rgba(0,0,0,0.1)}
.btnset .share-close{position: absolute;right: 2px;top: -2px;}
.btnset button.share-close{border:0;background:none;}

.archive-stat{padding:30px;background:#f6f6f6;border-radius:5px;}
.archive-stat .subject{color:#333 !important;padding-bottom:20px;border-bottom:1px solid #ccc;}
.stat-wrap h4{color:#333 !important;}
.stat-wrap h4:after{content:"\f201";font-family:fontAwesome;display:inline-block;margin-left:10px;color:#207ed1;vertical-align:middle;}
.stat-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;}
.stat-wrap .col{width:calc(50% - 10px);}
.stat-wrap .graph-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;margin:-10px 0;}
.stat-wrap .graph{width:100%;min-height:230px;border-radius:5px;background:#fff;margin:10px 0;padding:20px;}
.stat-wrap .graph .cont{height:230px;}
.stat-wrap .graph.d2{width:calc(50% - 10px);}
.stat-wrap .graph .tit{color:#5A6378;font-weight:700;font-size:1.1rem;margin-bottom:20px;}
.stat-wrap .graph .tit span{color:#919191;font-size:1rem;font-weight:300;display:inline-block;margin-left:5px;}

@media only screen and (max-width:1600px){ /* 1400px */
	.btnset .share		{position:absolute;right:167px;top:430px;}
}
@media only screen and (max-width:1440px){ /* 1200px */
	.btnset .share		{position:absolute;right:126px;top:430px;}
	.sub-main .c_width	{width:600px;}
	.sub-main.archive .c_width{width:580px;}
	.sub-main .tit-wrap .tit{font-size:var(--font-4xlg);}
	.sub-main .tit-wrap .txt{font-size:1rem;}
	.sub-main .tit-wrap .stit{font-size:1.1rem;}
	.sub-main .input-wrap{line-height:55px;}
	.archive-sum .tit{font-size:var(--font-xlg);}
	.sub-main.archive .col-2{padding:100px 0 0;}
}
@media only screen and (max-width:1240px){ /* 960 */	
	.btnset .share		{position:absolute;right:90px;top:430px;}
	.sub-main	{flex-wrap:wrap;}
	.sub-main > div		{width:100%;padding:50px 0 !important;}
	.sub-main .c_width	{width:960px !important;float:none !important;}
	.sub-main .col-1 .c_width{padding:0;}
	.sub-main .tit-wrap .tit{font-size:var(--font-3xlg);}
	.sub-main.archive .tit-wrap .stit{margin:20px 0;}
	.sub-main.archive .col-1{margin:0;}
	.archive-sum-list .subject{font-size:var(--font-lg);}
	.archive-data dd{padding:20px;}
	.archive-list .subject{font-size:var(--font-lg);min-height:50px;margin:5px 0 10px;}
	.archive-wrap .more{width:30px;line-height:30px;font-size:.9rem;}
	
	.stat-wrap .col{width:100%;margin-top:20px;}
	.stat-wrap .col:first-child{margin-top:0;}
}
@media only screen and (max-width:1023px){ /* 720 */
	.btnset .share		{position:absolute;right:165px;top:314px;}
	.sub-main .c_width	{width:760px !important;}
	.sub-main.archive .col-1{border-radius:0 0 50px 0;}
	.archive-sum .item-control a{width:30px;height:30px;line-height:27px;font-size:.9rem;}
	.archive-data .tit	{font-size:16px;}
	.archive-data .num	{font-size:var(--font-2xlg);}
	.archive-data a		{background-position:100% 100%;}
	.archive-wrap .col	{width:100%;}
	.archive-list li	{width:Calc(50% - 20px);}
	
	.archive-stat{padding:20px;}
	.stat-wrap .graph .tit{font-size:1rem;}
	.stat-wrap .graph .tit span{font-size:.825rem;}
}
@media only screen and (max-width:767px){ /* auto */	
	#sub-container		{padding:40px 0 60px;}
	.sub-main			{margin-top:-40px;}
	.btnset .share		{position:absolute;right:125px;top:317px;}
	.sub-main .c_width	{width:auto !important;}
	.sub-main > div	{padding:30px 0 !important;}
	.sub-main .input-wrap{margin:0 10px 0 0;}
	.archive-sum .tit,
	.archive-wrap h2{margin:0 0 20px;}
	.sub-main .input-wrap{line-height:50px;padding:0 10px;}
	.archive-data	{margin:30px 0;}
	.sub-main .input-wrap input{font-size:var(--font-base);}
	
	.stat-wrap .graph.d2{width:100%;}
}
@media only screen and (max-width:576px){ /* mobile-l */
	#sub-container		{padding:20px 0 40px;}
	.sub-main			{margin-top:-20px;}
	.btnset .share		{position:absolute;right:80px;top:300px;}
	.sub-main .tit-wrap .tit{font-size:var(--font-2xlg);}
	.sub-main .input-wrap a{font-size:1.3rem;}
	.archive-data dd{width:33.33%;}
	.archive-data dd:nth-child(4n){border-right:1px solid #dadada;}
	.archive-data dd:nth-last-child(-n + 4){border-bottom:1px solid #dadada;}
	.archive-data dd:nth-child(3n){border-right:0;}
	.archive-data dd:nth-last-child(-n + 2){border-bottom:0;}
	.archive-data a	{background-size:35px;}
	.archive-data .tit{font-size:15px;}
	.archive-data .tit:before{width:15px;height:2px;margin-bottom:5px;}
	.archive-list .cont{padding:10px;}
	.archive-sum-list .item{margin-top:10px;}
	.archive-sum-list .subject{font-size:1.1rem;}
	.archive-list .subject{font-size:1.1rem;min-height:45px;}
	
	.stat-wrap .graph{padding:10px;}
}
@media only screen and (max-width:415px){ /* mobile-s */
	.btnset .share		{position:absolute;right:15px;top:350px;}
	.sub-main > div{padding:20px 0 !important;}
	.sub-main .tit-wrap .tit{font-size:var(--font-xlg);}
	.sub-main .tit-wrap .txt{word-break:keep-all;}
	.sub-main .tit-wrap .txt br{display:none;}
	.sub-main.archive .tit-wrap .stit{font-size:1rem;margin:5px 0;}
	.sub-main .input-wrap select{width:80px;}
	.sub-main .input-wrap input{width:calc(100% - 80px);}
	.archive-sum .tit{font-size:var(--font-lg);margin:0;text-align:center;}
	.archive-sum .item-control{position:static;justify-content:center;margin:5px 0 10px;}
	.archive-data dd{width:50%;padding:10px;}
	.archive-data dd:nth-child(3n){border-right:1px solid #dadada;}
	.archive-data dd:nth-child(2n){border-right:0;}
	.archive-data .num{font-size:var(--font-xlg);}
	.archive-list li{width:100%;}
	.archive-wrap .row{margin:-10px;}
	.archive-wrap .col{margin:10px;}
}


.view-title	h2	{font-size:30px;color:#111;line-height:1.2;margin:0;}
.size_set_img {/*max-width:680px;*/max-height:400px;min-height:400px;}
#archive-view					{position:relative;margin-top:30px;border-top:2px solid #36414F}
#archive-view .sns-share		{position:absolute;right:0;top:0}
#archive-view .title			{border-bottom:2px solid #111;padding:0 0 30px 0;font-size:30px;font-weight:700;color:#111;letter-spacing:-2px;line-height:1.2}
#archive-view .cont-info		{display:flex;flex-flow:row wrap;padding:40px 0}
#archive-view .cont-info > div	{flex:1}
#archive-view .cont-info .thumbwrap			{position:relative;z-index:1;}
#archive-view .cont-info .thumbwrap .thumbbg{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;border-radius:0 50px 0 0;overflow:hidden;border:1px solid rgba(0,0,0,0.1)}
#archive-view .cont-info .thumbwrap .thumbbg:hover{cursor:pointer}
#archive-view .cont-info .thumbwrap .more	{display:flex;flex-flow:row wrap;margin:5px -5px;}
#archive-view .cont-info .thumbwrap .more a	{position:relative;display:block;flex:0 0 18.5%;max-width:calc(20% - 10px);height:80px;overflow:hidden;margin:5px;cursor: zoom-in;background:#f6f6f6;border-radius:6px;}
#archive-view .cont-info .thumbwrap .more a img{width:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
#archive-view .cont-info .thumbwrap .more a.on{border:2px solid var(--sub-color);}
#archive-view .cont-info .thumbwrap .more a.on:before{content:"\f00c";font-family:FontAwesome;font-weight:700;position:absolute;left:0;top:0;width:100%;line-height:80px;text-align:Center;color:var(--sub-color);z-index:5}
#archive-view .cont-info .desc				{margin-left:40px}
#archive-view .cont-info .desc table		{margin:30px 0 40px 0;}
#archive-view .cont-info .desc table th		{text-align:left;color:var(--main-color);width:100px;font-weight:300;}
#archive-view .cont-info .desc table th,	
#archive-view .cont-info .desc table td		{padding:6px 0}
#archive-view .cont-info .btnset	{display:flex;flex-flow:row nowrap;position:relative;}
#archive-view .cont-info .btnset a	{flex:1;display:inline-block;margin:0 3px 0 0;border-radius:4px;padding:15px 0;line-height:1.2;font-size:14px}
#archive-view .cont-info .btnset .share{top:55px;}
#archive-view .item-control{position:absolute;top:20px;right:20px;z-index:99;}
#archive-view .item-control a{display:inline-block;width:30px;line-height:28px;border-radius:50%;border:1px solid var(--main-color);text-align:center;color:var(--main-color);background:#fff;}
#archive-view .item-control a:hover{background:var(--sub-color);border-color:var(--sub-color);color:#fff;}

#archive-view .cont-exp		{border-top:2px solid #111;border-bottom:1px solid #eaeaea;padding-bottom:40px;}
#archive-view .cont-exp	h3	{border-bottom:1px solid #eaeaea;padding:20px 0;margin:0 0 40px 0;}
#archive-view .cont-exp	.txt{line-height:2}
#archive-view .cont-exp img	{max-width:100%;}

.archive-view-state			{background:var(--sub-color);display:flex;flex-flow:row wrap;padding:30px;margin:60px 0 20px 0;border-radius:0 50px 0 0;}
.archive-view-state h4		{flex-basis:200px;flex-shrink:0;color:#fff !important;padding:0;margin:0;}
.archive-view-state table	{flex:1;text-align:center;}
.archive-view-state th, .archive-view-state td{padding:10px;}
.archive-view-state th		{background:var(--main-color);color:#fff;font-size:14px;width:25%}
.archive-view-state td		{background:#fff;color:var(--main-color);font-size:26px;font-weight:700;line-height:1.3;border-right:1px solid #0002;}
.archive-view-state td:last-child{border-right:0;}
.archive-view-state .nuri-guide	{flex-basis:35%;flex-shrink:0;color:#fff;font-size:15px;margin-left:20px;word-break:keep-all}
.archive-view-state .nuri-guide img{/*width:160px;*/height:30px;margin-bottom:10px}

.archive-view-related #archive-list ul					{flex-wrap:nowrap;overflow:hidden}
.archive-view-related #archive-list ul.type-gallery li	{flex:1 1 25%;min-width:25%}
.archive-view-related		{border-top:2px solid #111;padding:30px 0;}
.archive-view-related h3	{padding:0;margin:0 0 30px 0;}

#dialog-video .video > iframe{min-height:200px;aspect-ratio:1/.57;}

#video-txt.cont	{float:left;width:100%;height:460px;padding:40px;overflow-y:scroll;background:#f6f6f6;}
#video-txt .date	{font-size:13px;color:#888}
#video-txt .tit		{font-size:20px;font-weight:500;letter-spacing:-1px;color:#333;margin:10px 0 20px;line-height:1.3;}
#video-txt h4    {border-bottom:1px solid #ddd;padding-bottom:20px;}

@media only screen and (max-width:1440px){ /* 1200px */	
}
@media only screen and (max-width:1240px){ /* 960 */	
	#archive-list ul.type-gallery		{margin:0 -10px;}
	#archive-list ul.type-gallery li	{padding:0 10px 40px 10px}
	.archive-view-state h4		{flex-basis:140px;}
}
@media only screen and (max-width:1023px){ /* 720 */
	.view-title	h2	{font-size:var(--font-xlg);}
	#archive-list ul.type-gallery li	{padding-bottom:20px}
	#archive-list ul.type-gallery li a			{height:280px}
	#archive-list ul.type-gallery li .cont		{height:140px;}
	#archive-list ul.type-gallery li .desc 		{padding:20px;}
	#archive-list ul.type-gallery li .tit		{font-size:20px;}
	#archive-list ul.type-gallery li .info		{font-size:12px;}
	
	#archive-view						{margin-top:20px;}
	#archive-view .title				{font-size:24px;padding-bottom:20px;}
	#archive-view .cont-info			{flex-direction:column;padding:0 0 20px 0;}
	#archive-view .cont-info .thumbwrap	{order:2;height:420px;}
	#archive-view .cont-info .thumbwrap .thumbbg{position:relative;}
	#archive-view .cont-info .desc		{order:1;margin:0 0 20px 0}
	#archive-view .cont-exp h3			{margin:0 0 20px 0}
	.archive-view-state	{margin:40px 0}
	.archive-view-state h4			{flex-basis:100%;background:none}
	.archive-view-state h4 span		{display:inline-block;margin-right:10px;}
	.archive-view-state table		{margin:10px 0}
	.archive-view-state .nuri-guide	{flex-basis:100%;margin-left:0px;font-size:14px;}
	.archive-view-related #archive-list ul.type-gallery li	{flex:1 1 30%;min-width:33.3333%}
	
	.archive-view-related .archive-list li{width:calc(50% - 20px);}
	
	#archive-view .cont-info .btnset .share{right:27%;}
}
@media only screen and (max-width:767px){ /* auto */	
	.archive-view-state	{margin:30px 0}
	.archive-view-related #archive-list ul.type-gallery li	{flex:1 1 45%;min-width:50%}
	
	#video-txt.cont{padding:10px;}
}
@media only screen and (max-width:576px){ /* mobile-l */
	#archive-view .cont-info .thumbwrap .more a{height:60px;}
	#archive-list ul.type-gallery li			{flex:1 1 45%;max-width:50%;}
	#archive-list ul.type-gallery li a			{height:240px}
	#archive-list ul.type-gallery li .cont		{height:120px;}
	#archive-list ul.type-gallery li .tit		{font-size:16px;}
	#archive-view .cont-info .thumbwrap			{height:280px;}
	.archive-view-state			{padding:20px;}
	.archive-view-state th, .archive-view-state td{padding:10px 5px;}
	.archive-view-state th			{font-size:14px}
	.archive-view-state td			{font-size:20px}
	.archive-view-state .nuri-guide	{font-size:12px;}
	#archive-view .cont-info .btnset .share{right:25%;}
}
@media only screen and (max-width:415px){ /* mobile-s */
	#archive-list ul.type-gallery				{flex-direction:column;margin:0}
	#archive-list ul.type-gallery li			{flex:1 1 100%;max-width:100%;padding:0 0 10px 0}
	.archive-view-related .archive-list li		{width:calc(100% - 20px);}
}

#explan_area		{border-bottom:1px solid #5C6778}
#explan_area .title{position:relative;min-height:260px;text-align:center;padding:40px 30px 30px 30px;color:#fff}
#explan_area .title .category	{color:#FF9900;font-weight:500}
#explan_area .title .tit		{font-size:40px;font-weight:600;letter-spacing:-2px;line-height:1.1;margin:10px 0 20px 0;}
#explan_area .title .user-card		{position:relative;float:left;display:block;color:rgba(255,255,255,0.8);font-size:14px;text-align:left;line-height:40px;color:#fff;}
#explan_area .title .function	{float:right;}
#explan_area .title .btn-share-wrap .btn-share .tit	{font-size:15px;}
#explan_area .title .tac		{margin:0 0 20px 0;min-height:40px;}
#explan_area .title .tag	{background:none;}
#explan_area .title .tag:focus, #explan_area .title .tag:hover	{border-color:#fff;color:#fff;}
#explan_area .title .bg	{position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
#explan_area .title .bg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6)}
#explan_area .ico-upgrade	{position:absolute;right:20px;top:20px;}
#explan_area .desc		{margin:20px 0;background:#f6f6f6;border:1px solid #dfdfdf;font-size:14px;}
#explan_area .desc:after{content:"";clear:both;display:block;float:none;}
#explan_area .desc	dl	{clear:both;border-top:1px solid #eaeaea}
#explan_area .desc	dl:first-child{border:none;}
#explan_area .desc	dt	{float:left;width:100px;padding:10px 20px;color:#454545;font-weight:500}
#explan_area .desc	dd	{float:left;width:calc(50% - 100px);padding:10px 20px;}
#explan_area .cont		{margin:30px 0;text-align:justify}
#explan_area .cont h3	{margin:0 0 10px 0;padding:0;}
#explan_area .cont .video{height:420px;background:#333;}
#explan_area .summary-bx	{background:#f5f5f5;padding:20px;text-align:center;font-size:14px;color:#888;margin:0 0 20px;}
#explan_area .tit-bx	{font-size:20px;color:#333;font-weight:600;letter-spacing:-1px;margin:0 0 20px;}
#explan_area .edit-bx	{margin:0 0 20px;}
#explan_area .img-bx	{text-align:center;margin:0 0 20px;}
#explan_area .img-bx p	{font-size:14px;color:#888;margin:10px 0 0 0;}
#explan_area .comment-bx	{border-radius:3px;background:#EFF5FA;font-size:13px;color:#508CC9;padding:10px;margin:0 0 20px;}
#explan_area .download-bx .file-wrap	{position:relative;border:1px solid #3E78C1;background:#fff;}
#explan_area .download-bx a			{display:block;padding:7px 10px 7px 50px;font-size:14px;line-height:1.4;font-family:Noto Sans KR;}
#explan_area .download-bx .file-wrap:before	{content:"\f381";font-family:FontAwesome;font-weight:900;position:absolute;left:0;top:0;width:40px;height:100%;background:#3E78C1;color:#fff;text-align:center;padding-top:10px;font-size:12px;}
#explan_area .link-bx a		{display:block;font-size:14px;color:#768395;padding:10px 15px;border-radius:3px;border:1px solid #ddd;}
#explan_area .video video	{width:100%;max-width:100%;}

/*[e] 아카이브*/

/*[s] 지식나눔터*/
.sub-main.comm .col-2{background:var(--sub-color);color: #fff;border-radius: 0 0 0 80px;padding-bottom:0;overflow:hidden;}
.sub-main.comm .tit-wrap .stit{margin:0 0 20px;}
.sub-main.comm .tit-wrap .write-btn{display:block;padding:25px 0;margin:20px 0;text-align:Center;background:var(--main-color);color:#fff;border-radius:0 0 30px 0;font-family:gsans;font-size:var(--font-xlg);font-weight:900;}
.sub-main.comm .tit-wrap .write-btn span{font-size:var(--font-lg);font-weight:500;}

.comm-category-wrap{margin:30px 0;}
.comm-category-wrap ul{display:flex;margin:0 -10px;}
.comm-category-wrap li{flex:1;margin:0 10px;}
.comm-category-wrap li a{padding:15px;border-radius:10px;background:#f6f6f6;border:2px solid #f6f6f6;color:#333;font-weight:500;display:block;text-align:center;}
.comm-category-wrap li a:before{content:"";width:50px;height:50px;display:block;margin:0 auto;background:url(../img/comm-ico1.png);background-position:50% 0;}
.comm-category-wrap .ico2:before{background-image:url(../img/comm-ico2.png);}
.comm-category-wrap .ico3:before{background-image:url(../img/comm-ico3.png);}
.comm-category-wrap .ico4:before{background-image:url(../img/comm-ico4.png);}
.comm-category-wrap .ico5:before{background-image:url(../img/comm-ico5.png);}
.comm-category-wrap .ico6:before{background-image:url(../img/comm-ico6.png);}
.comm-category-wrap .ico7:before{background-image:url(../img/comm-ico7.png);}
.comm-category-wrap .ico8:before{background-image:url(../img/comm-ico8.png);}
.comm-category-wrap .ico9:before{background-image:url(../img/comm-ico9.png);}
.comm-category-wrap .ico10:before{background-image:url(../img/comm-ico10.png);}
.comm-category-wrap li a.on:before{background-position-y:50px;}
.comm-category-wrap li a.on{background:var(--sub-color);color:#fff;border-color:var(--sub-color);}
.comm-category-wrap li a:hover{border-color:var(--sub-color);}

.comm-rank{background:#fff1;border-radius:10px;margin-bottom:40px;}
.comm-rank .tit{font-size:22px;font-weight:700;border-bottom:1px solid #fff3;padding:10px 20px;}
.comm-rank .tit:after{content:"\f06d";font-family:fontAwesome;font-weight:300;margin-left:5px;color:#FFCC33;}
.comm-rank .list{padding:20px;counter-reset:num;}
.comm-rank .list li					{line-height:2.5;color:#F2F9E6;font-weight:200;}
.comm-rank .list li a:before		{counter-increment:num;content:"0"counter(num);font-size:0.75rem;display:inline-block;color:#FFCC33;font-weight:500;font-size:15px;}
.comm-rank .list li a.no-data,
.comm-rank .list li a.no-data:before		{color:#147957;}
.comm-rank .list .item{color:#ffc;font-size:.9rem;margin:0 5px;display:inline-block;}
.comm-info{background:#0002;padding:40px 0;}
.comm-info .c_width{display:flex;}
.comm-info .txt-wrap{margin-right:40px;}
.comm-info .txt-wrap .tit{font-size:22px;font-weight:700;border-bottom:1px solid #F2F9E6;padding:0 0 5px;margin:0 0 5px;}
.comm-info .txt-wrap .date{color:#F2F9E6;}
.comm-info .txt-wrap .date span{font-size:20px;display:inline-block;margin-left:10px;}
.comm-info .info{display:flex;text-align:center;}
.comm-info .info em{color:#ffc;font-weight:700;font-size:var(--font-3xlg);line-height:1;}
.comm-info .info li{padding:0 20px;}

.blog-list			{margin:-20px 0 -30px;}
.blog-list li		{position:relative;clear:both;padding:20px 0;border-top:1px solid #dfdfdf;line-height:1.6}
.blog-list li>a		{display:block;}
.blog-list li:first-child	{border:none;}
.blog-list li.img		{padding-left:200px;}
.blog-list .category{font-size:.9rem;color:var(--sub-color);font-weight:600;}
.blog-list .blog-thumb	{width:32px;height:32px;vertical-align:middle;}
.blog-list .thumb	{position:absolute;left:0;top:20px;width:175px;height:130px;}
.blog-list .info{display:flex;justify-content:space-between;align-items:center;}
.blog-list .user-card .name{vertical-align:top;font-size:14px;color:#666;}
.blog-list .mn-badge	{vertical-align:middle;margin-top:-5px;}
.blog-list .subject		{color:#333;font-weight:500;font-size:21px;transition:all 0.2s ease-out;}
.blog-list .subject .new{font-size:.9rem;color:#fff;padding:2px 10px;font-weight:400;background:#F66;border-radius:3px;margin-left:5px;}
.blog-list li>a:focus .subject,
.blog-list li>a:hover .subject	{color:var(--sub-color);}
.blog-list .txt			{color:#666;margin:5px 0;min-height:50px;}
.blog-list .date		{color:#999;font-size:.9rem;;vertical-align:text-bottom;}
.blog-list .date:before{content:"";width:1px;height:10px;background:#dadada;margin:0 5px;display:inline-block;}
.blog-list .ico-upgrade	{position:absolute;right:0;bottom:15px;}
.blog-list li.img .ico-upgrade	{right:220px;}

/* blog list - 작은버전일때 */
.blog-list.sm li			{padding:15px 0}
.blog-list.sm li.img p		{width:calc(100% - 120px);}
.blog-list.sm .blog-thumb	{width:25px;height:25px;}
.blog-list.sm .blog-thumb.noimg:before	{font-size:0.725rem;}
.blog-list.sm .thumb-img	{top:25px;width:100px;height:100px;}
.blog-list.sm .user-card	{margin:0 0 10px 0;line-height:25px;}
.blog-list.sm .subject	{max-height:24px;font-size:15px;margin-bottom:5px;}
.blog-list.sm .txt		{max-height:20px;font-size:13px;}
.blog-list.sm .static	{margin-top:5px;}

@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){
	.comm-info .txt-wrap	{margin-right:20px;}
	.comm-info .txt-wrap .tit{font-size:var(--font-lg);}
}
@media only screen and (max-width:1240px){
	.sub-main.comm .col-2{padding-bottom:0 !important;}
	.sub-main .col-2 .c_width{padding:0;}
	.comm-rank{margin-bottom:30px;}
	.comm-info{padding:30px 0;}
	.comm-info .c_width{justify-content:space-between;}
	.comm-category-wrap ul{width:100%;margin:-5px;margin-bottom:30px;flex-wrap:wrap;}
	.comm-category-wrap li{flex:auto;flex-grow: 0;margin: 5px;width: calc(20% - 10px);}
	.comm-category-wrap li a:before{display: inline-block;vertical-align: middle;margin: 0 5px 0 0;transform:scale(0.8);}
	.comm-category-wrap li a{padding:10px;font-size:.9rem;text-align:left;}
	.blog-list .subject		{max-height:55px;margin-bottom:10px;}
}
@media only screen and (max-width:1023px){
	.sub-main.comm .col-2{border-radius:0 0 0 50px;}
	.sub-main.comm .tit-wrap .write-btn{padding:15px 0;margin:10px 0;}
	.comm-rank{margin-bottom:20px;}
	.comm-info{padding:20px 0;}
}
@media only screen and (max-width:767px){
	.comm-category-wrap li{width: calc(33.33% - 10px);}
	.sub-main .col-2 .c_width{flex-direction:column;}
	.comm-info .txt-wrap{margin:0 0 10px;text-align:center;}
	.comm-info .info	{justify-content:center;}
	.comm-info .info li{display:flex;align-items:center;padding:0 20px 0 0;}
	.comm-info .info em{margin-left:10px;font-size:var(--font-2xlg);}
	.sub-main.comm .tit-wrap .write-btn{font-size:var(--font-lg);}
	.sub-main.comm .tit-wrap .write-btn span{font-size:var(--font-base);}
	.comm-rank .tit{font-size:var(--font-lg);padding:10px;}
	.comm-rank .list	{padding:10px;}
	.comm-rank .list li{line-height:2;}
	.blog-list .thumb-img	{width:100px;height:100px;}
	.blog-list li.img		{padding-left:120px;}
	.blog-list .subject		{font-size:var(--font-lg);letter-spacing:-0.02rem;}
	.blog-list li.img .ico-upgrade	{right:120px;}
	.blog-list .info{display:block;}
	.blog-list .static span:before{width:auto;height:auto;line-height:initial;border:0;}
}
@media only screen and (max-width:576px){
	.sub-main.comm .tit-wrap .write-btn span{display:none;}
	.comm-category-wrap ul{overflow-x:scroll;padding-bottom:10px;margin:0 -5px;flex-wrap:nowrap;}
	.comm-category-wrap li{flex:0 0 auto;margin:0 5px;width:auto;}
	.comm-category-wrap li a{min-width:90px;text-align:center;}
	.comm-category-wrap li a:before{display:none;}
	.comm-category-wrap ul::-webkit-scrollbar {height: 4px;}
	.comm-category-wrap ul::-webkit-scrollbar-thumb {background:var(--main-color);border-radius:4px;}
	.comm-category-wrap ul::-webkit-scrollbar-track {background:#ccc;}
	.blog-list .thumb-img	{display:none}
	.blog-list li{padding:20px 0;}
	.blog-list li.img		{padding-left:0;}
	.blog-list li.img p,
	.blog-list.sm li.img p		{width:auto}
	.blog-list li.img .ico-upgrade	{right:0;}
	.blog-list .subject span.t-rsp,
	.comm-info .txt-wrap .tit		{font-size:1.1rem;}
	.comm-info .info em				{font-size:var(--font-xlg);}
	.board-view-list		{font-size:13px;}
	.board-view-list li		{line-height:58px;height:60px;}
	.board-view-list li:nth-child(1) a	{padding-right:0;padding-left:15px;}
	.board-view-list li:nth-child(2) a	{padding-left:0;padding-right:15px;}
	.board-view-list li:not(.none) .txt{display:none}}
}
@media only screen and (max-width:415px){
	.board-view-list li.none	{padding:0 20px;}
	.board-view-list li .tit	{margin:0;}
}

/*뷰페이지*/
#blog-view			{border-bottom:1px solid #5C6778;}
#blog-view .board-view-title	{position:relative;border-bottom:1px solid #dfdfdf;}
#blog-view .board-view-title .category		{color:var(--sub-color);font-weight:500;font-size:1rem;}
#blog-view .board-view-title .subject			{margin:10px 0;}
#blog-view .ico-group{position:absolute;bottom:20px;right:20px;}
#blog-view .ico-group > a, #blog-view .ico-group > button{width:40px;height:40px;line-height:40px;text-align:center;background:#f6f6f6;border:1px solid #dadada;color:#999;border-radius:50%;font-size:1rem;}
#blog-view .ico-group > a.on{background:#f66;color:#fff;border-color:#f66;}
#blog-view .share-ico-cont{top:38px;}
#blog-view [class*="ico-f-"]:before{margin:0;}

#blog-view .title .ico-upgrade	{position:absolute;right:0;top:0;}
#blog-view .cont		{margin:30px 0;text-align:justify}
#blog-view .summary-bx	{background:#f6f6f6;padding:30px;margin:30px 0;}
#blog-view .edit-bx		{margin:20px 0;}
#blog-view .tit-bx		{font-size:20px;font-weight:400;color:#444;letter-spacing:-1px;}
#blog-view .comment-bx	{border:1px dotted #ccc;padding:20px;}
#blog-view .img-desc	{font-size:0.8rem;color:#999;margin-top:5px;}
#blog-view .download-bx	{position:relative;padding:8px 130px 8px 50px;border:1px solid var(--sub-color);line-height:1.4;font-size:14px;min-height:36px;}
#blog-view .download-bx:before	{content:"\f381";font-family:FontAwesome;font-weight:900;position:absolute;left:0;top:0;width:40px;height:100%;background:var(--sub-color);color:#fff;text-align:center;padding-top:10px;font-size:12px;}
#blog-view .download-bx .btn-wrap	{position:absolute;right:10px;top:6px;font-size:12px;}
#blog-view .download-bx .btn-wrap a{display:inline-block;color:#999;padding:4px 6px;border-radius:2px;}
#blog-view .download-bx .btn-wrap a:hover{color:#fff;background:var(--sub-color);}
#blog-view .link-bx		{}
#blog-view .attach		{padding:20px;border:1px dashed #dfdfdf;}
#blog-view .attach .tit	{display:none;}
#blog-view .attach a	{font-size:0.875rem;color:#999;}
#blog-view .attach a:before	{content:"\f0c6";font-family:FontAwesome;font-weight:900;margin-right:10px;color:#768395;font-size:0.725rem;transition:all 0.2s ease-out;}
#blog-view .attach a:hover:before	{color:#3491D0;}
#blog-view .video{height:600px;}

@media only screen and (max-width:1256px){ /*960*/
	#blog-view .video{height:400px;}
}
@media only screen and (max-width:1023px){/*720*/
	.board-view-title{padding:10px 0;}
	.board-view .subject{font-size:var(--font-lg);}
	#blog-view .ico-group{position:relative;justify-content:flex-end;margin-top:5px;}
}
@media only screen and (max-width:768px){/*mobile-l*/
	#blog-view .ico-group > a{width:30px;height:30px;line-height:30px;margin:0 2px;}
}
@media only screen and (max-width:576px){/*mobile-s*/
	#blog-view .video{height:250px;}
	.archive-download h4	{float:none;width:auto;text-align:left;font-size:14px;}
	.archive-download h4:after{margin:0 0 0 10px;display:inline-block;font-size:1rem}
	.archive-download ul	{float:none;width:auto;min-height:auto}
	.archive-download li	{font-size:13px;padding-right:10px;}
	.archive-download span		{top:7px;}
	.archive-download .btn-wrap	{position:relative;right:auto;top:auto;margin-top:5px;}
	.archive-download .btn-wrap a	{color:#fff;background:#2085cb;}
}
@media only screen and (max-width:415px){/*mobile-xs*/
	#blog-view .video{height:170px;}
}

/* 작성페이지 */
.blog-write		{position:relative;overflow:hidden;}
.blog-write + .board_write			{border:1px solid #ddd;border-top:none;}
.blog-write .tab					{display:block;margin:0;}
.blog-write .tab a.mn				{position:relative;display:block;float:left;width:50%;line-height:50px;font-size:1rem;transform:translateY(10px);transition:all 0.1s ease-out;margin:0;padding:0 30px;background:#768395;border-top-left-radius:6px;border-top-right-radius:6px;font-weight:600;display:block;color:#ccc;}
.blog-write .tab a.mn:hover,
.blog-write .tab a.mn.on			{background:#2085cb;color:#fff;line-height:60px;margin:0;font-size:1.25rem;transform:translateY(0);}
.blog-write .tab i					{color:#FAAD4D;}
.blog-write .tab .guide-btn			{position:absolute;right:20px;top:50%;margin-top:-8px;}
.blog-write .tab a.mn:hover + .guide-btn,
.blog-write .tab a.mn.on + .guide-btn	{margin-top:-12px;}
.blog-write .tab .guide-btn a		{color:#FAAD4D;}
.blog-write .tab .guide-btn span	{position:relative;display:inline-block;line-height:1;padding:7px 10px;margin-left:10px;font-size:11px;color:#fff;background:#FAAD4D;border-radius:3px;vertical-align:top;}
.blog-write .tab .guide-btn span:before		{content:"";position:absolute;left:-6px;top:50%;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:6px solid #FAAD4D;}
.blog-write .tab a:before					{content:"";font-family:FontAwesome;margin-right:10px;}
.blog-write .tab a.mn:nth-child(1):before	{content:"\f044";font-family:FontAwesome;}
.blog-write .tab a.mn:nth-child(2):before	{content:"\f0d0";font-family:FontAwesome;}

.blog-write .category			{padding:20px;background:#f6f6f6;border:1px solid #ddd;/*border-top:none;*/}
.blog-write .category select	{width:100%;}
.blog-write .write			{text-align:center;background:#fff;border:1px solid #ddd;/*border-top:none;*/}
.blog-write .write .cont	{width:960px;margin:0 auto;padding:30px;}
.blog-write .write input,
.blog-write .write textarea	{background:none;border:none;border-radius:3px;}
.blog-write .write input	{}
.blog-write .write textarea	{height:30px;min-height:auto;resize:vertical;}
.blog-write .write input::placeholder,
.blog-write .write textarea::placeholder	{color:#aaa;}
.blog-write .write input:focus,
.blog-write .write textarea:focus	{outline:none;}
.blog-write .title					{}
.blog-write .title input			{font-size:30px;font-weight:600;color:#333;padding:10px 0;text-indent:0;border-radius:0;border-bottom:1px solid #DFDFDF;letter-spacing:-1px;height:75px;width:100%;}
.blog-write .title input::placeholder	{color:#333;}
.blog-write .edit-bx			{position:relative;margin:15px 0;border-radius:5px;text-align:left;}
.blog-write .summary-bx			{background:#f5f5f5;padding:20px;}
.blog-write .summary-bx textarea	{background:none;border:none;border-radius:0;font-size:14px;padding:0;text-align:center;}
.blog-write .summary-bx textarea::placeholder	{text-align:center;}
.blog-write .edit-bx.active 	{border:1px solid #2A3C66;padding:20px;}
.blog-write .edit-bx .control	{position:absolute;right:-30px;top:0;transition:all 0.2s ease-out;opacity:0;visibility:hidden;}
.blog-write .edit-bx .control a	{display:block;width:30px;height:30px;text-align:center;line-height:28px;background:#2A3C66;color:#fff;font-size:14px;border-bottom:1px solid rgba(255,255,255,0.1);}
.blog-write .edit-bx .control .btn_add_on	{background:#FF6666;}
.blog-write .edit-bx.active .control,
.blog-write .edit-bx:hover .control		{opacity:1;visibility:visible;}
.blog-write .edit-bx .mn		{display:none;text-align:left;}
.blog-write .edit-bx.active .mn	{display:block;}
.blog-write .img-bx		{padding:0;border-radius:0;text-align:center;}
.blog-write .img-bx img	{max-width:100%;}
.blog-write .img-bx #noimg	{}
.blog-write .img-bx #noimg label	{display:block;text-align:center;padding:20px;padding-bottom:0;border:1px dashed #ddd;border-radius:5px;}
.blog-write .img-bx #noimg p		{font-size:14px;color:#999;}
.blog-write .img-bx #noimg p:before	{content:"\f03e";font-family:FontAwesome;display:block;font-size:18px;}
.blog-write .img-bx.active input{border:1px solid #ddd;border-radius:3px;height:30px;width:100%;}
.blog-write .img-bx input		{margin:5px 0 0 0;font-size:13px;color:#aaa;text-align:center;}
.blog-write .img-bx input::placeholder	{text-align:center;color:#aaa;}
.blog-write .download-bx .file-wrap		{position:relative;padding:7px 10px 7px 50px;border:1px solid #2085CB;background:#fff;line-height:1.4;font-size:14px;}
.blog-write .download-bx .file-wrap:before	{content:"\f381";font-family:FontAwesome;font-weight:900;position:absolute;left:0;top:0;width:40px;height:100%;background:#2085CB;color:#fff;text-align:center;padding-top:10px;font-size:12px;}
.blog-write .download-bx input[type="text"]	{height:20px;min-height:auto;font-size:14px;text-indent:0;}
.blog-write .download-bx .upload		{position:relative;vertical-align:middle;margin-top:5px;display:none;}
.blog-write .download-bx.active .upload	{display:inline-block;}
.blog-write .download-bx .upload input	{width:0;height:0;padding:0;text-indent:0;min-height:auto;}
.blog-write .download-bx .upload label	{font-size:13px;color:#768395;border-radius:3px;border:1px solid #ccc;padding:5px 15px;cursor:pointer;}
.blog-write .download-bx .upload label:before	{content:"\f0c6";font-family:FontAwesome;font-weight:900;margin-right:10px;}
.blog-write .download-bx .upload p		{display:inline-block;font-size:13px;color:#999;margin-left:5px;}
.blog-write .link-bx p,
.blog-write .link-bx p input	{font-size:14px;color:#768395;}
.blog-write .link-bx p input::placeholder {font-size:14px;color:#768395;}
.blog-write .link-bx p			{padding:10px 15px;border-radius:3px;border:1px solid #ddd;}
.blog-write .link-bx p input	{width:calc(100% - 45px);text-indent:0;height:20px;min-height:auto;}
.blog-write .link-bx > input[type="text"]	{border-radius:3px;border:1px solid #ccc;margin-left:5px;width:calc(100% - 170px);vertical-align:top}
.blog-write .link-bx > select,
.blog-write .link-bx > input[type="text"]	{display:none;vertical-align:top}
.blog-write .link-bx.active p		{margin:0 0 10px 0;}
.blog-write .link-bx.active > select,
.blog-write .link-bx.active > input[type="text"]	{display:inline-block;}
.blog-write .link-bx.sub-bx							{display:inline-block;width:calc(100% - 93px);}
.blog-write .link-bx.sub-bx > select,
.blog-write .link-bx.sub-bx > input[type="text"]	{display:inline-block;text-align:left;}
.blog-write .tit-bx			{margin-top:20px;}
.blog-write .tit-bx input	{font-size:20px;color:#333;font-weight:600;text-indent:0;}
.blog-write .comment-bx p		{border-radius:3px;background:#EFF5FA;}
.blog-write .comment-bx input	{font-size:13px;color:#508CC9;height:30px;padding:0 5px;}
.blog-write .add 			{position:relative;text-align:center;padding:20px 0;}
.blog-write .add .add-btn	{position:relative;display:block;margin:0 auto;width:60px;height:60px;border-radius:3px;background:#FF6666;box-shadow:5px 5px 10px rgba(0,0,0,0.2);}
.blog-write .add .add-btn:before,
.blog-write .add .add-btn:after		{content:"";position:absolute;display:block;background:#fff;left:50%;top:50%;transform:translate(-50%, -50%);}
.blog-write .add .add-btn:before	{width:4px;height:22px;}
.blog-write .add .add-btn:after		{width:22px;height:4px;}
.blog-write .add .btn_d		{color:#768395 !important;margin-top:10px;}
.blog-write .add .btn_d i	{margin-right:10px;}
.blog-write .add .editor-mn			{display:inline-block;margin:20px 0 0 0;}
.blog-write .add .editor-mn:after	{content:"";display:block;float:none;clear:both;}
.blog-write .add .editor-mn i		{display:block;font-size:1rem;margin:0 0 3px 0;}
.blog-write .add .editor-mn a		{display:block;float:left;width:80px;height:53px;padding-top:10px;text-align:center;color:#777;font-size:.5rem;text-transform:uppercase;border:1px solid rgba(0,0,0,0.05);border-left:none;background:#fff;}
.blog-write .add .editor-mn a:first-child	{border-left:1px solid rgba(0,0,0,0.05);}
.blog-write .add .editor-mn a:hover	{background:#5A6378;color:#fff}
.blog-write .add .comment			{position:absolute;left:50%;margin-left:50px;top:40px;display:inline-block;line-height:1;padding:7px 10px;font-size:11px;color:#fff;background:#FAAD4D;border-radius:3px;}
.blog-write .add .comment:before	{content:"";position:absolute;left:-6px;top:50%;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:6px solid #FAAD4D;}
.blog-write .file-upload	{margin:60px 0 20px;border:1px dashed #ccc;border-radius:5px;padding:80px 0 20px;text-align:center;background:url(../img/blogwrite_ico_upload.png) no-repeat 50% 30px;}
.blog-write .file-upload p	{font-size:12px;color:#999;}
@media only screen and (max-width:1440px){
	.blog-write .write .cont		{width:auto;padding:30px;}
}
@media only screen and (max-width:767px){
	.blog-write .tab		{line-height:50px;}
	.blog-write .tab a.mn				{font-size:1rem;padding:0;text-align:center;}
	.blog-write .tab a.mn:hover,
	.blog-write .tab a.mn.on			{font-size:1rem;}
	.blog-write .tab .guide-btn			{top:0;right:10px;}
	.blog-write .tab a:before			{margin:0;}
	.blog-write .tab .guide-btn span	{display:none;}
	.blog-write .category select:first-of-type	{margin:0 0 5px 0;}
	.blog-write .title input		{font-size:24px;}
	.blog-write .add .editor-mn		{display:block;}
	.blog-write .add .editor-mn a	{width:50%;border-top:none;}
	.blog-write .add .editor-mn a:nth-of-type(odd)	{border-left:1px solid rgba(0,0,0,0.05);}
	.blog-write .add .editor-mn a:nth-of-type(n+1):nth-of-type(-n+2)	{border-top:1px solid rgba(0,0,0,0.05);}
	.blog-write .download-bx.active .upload	{margin:5px 0 0 0;}
	.blog-write .edit-bx .control	{right:auto;left:0;top:-30px;}
	.blog-write .edit-bx .control a	{float:left;border-bottom:none;border-right:1px solid rgba(255,255,255,0.1);}
	.blog-write .add .comment		{position:relative;left:auto;top:auto;margin:0 0 20px 0;}
	.blog-write .add .comment:before	{left:50%;margin-left:-5px;top:100%;margin-top:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #FAAD4D;border-bottom:none;}
}
@media only screen and (max-width:576px){
	.blog-write .tab a.mn,
	.blog-write .tab a.mn:hover,
	.blog-write .tab a.mn.on			{font-size:0.725rem;}
}

/* 가이드 */
.blog-guide			{position:absolute;left:0;top:0;width:100%;height:100%;visibility:hidden;opacity:0;transition:all 0.3s ease-out;text-align:center;}
.blog-guide.open	{background:rgba(0,0,0,0.85);z-index:5;padding:50px 0;visibility:visible;opacity:1;}
.blog-guide .close	{position:absolute;right:30px;top:30px;z-index:9;opacity:1;display:block;width:20px;height:20px;}
.blog-guide .close:before	{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(-45deg);height:25px;border-right:2px solid #fff;}
.blog-guide .close:after	{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) rotate(45deg);height:25px;border-right:2px solid #fff;}
.blog-guide .tit	{font-size:20px;font-weight:600;color:#FAAD4D;}
.blog-guide .txt	{margin:20px 0 50px;font-size:14px;color:#fff;word-break:keep-all;}
.blog-guide .guide	{position:absolute;right:20px;top:240px;}
.blog-guide .guide p	{position:relative;text-align:left;width:200px;padding:10px;padding-left:40px;background:#FF971A;font-size:14px;color:#fff;border-radius:5px;word-break:keep-all;line-height:1.3;}
.blog-guide .guide .num	{position:absolute;left:10px;top:10px;display:inline-block;width:20px;height:20px;background:#fff;line-height:20px;font-weight:600;color:#FF971A;border-radius:50%;text-align:center;}
.blog-guide .guide .g1	{margin-bottom:5px;}
.blog-guide .guide .g2	{margin-bottom:5px;}
.blog-guide .guide .g3	{margin-bottom:105px;}
.blog-guide .guide .g4	{margin-bottom:320px;}
.blog-guide .guide .g5	{margin-bottom:50px;}
@media only screen and (max-width:1256px){
	.blog-guide .guide .g3	{margin-bottom:180px;}
	.blog-guide .guide .g4	{margin-bottom:245px;}
}
@media only screen and (max-width:1023px){
	.blog-guide.open		{padding:30px;}
	.blog-guide .txt		{margin:10px 0 20px;line-height:1.5;font-size:13px;}
	.blog-guide img			{width:90%;}
	.blog-guide .guide		{position:relative;right:auto;top:auto;margin-top:20px;}
	.blog-guide .guide p	{margin-bottom:5px !important;width:100%;}
}
@media only screen and (max-width:767px){
	.blog-guide img			{width:100%;}
}

/*[e] 지식나눔터*/

/*[s] 이용안내 모달 / 특허기술은행 팝업*/
#overlay{width:100%;height:100%;position:absolute;top:0;left:0;background:#0008;z-index:9999;}
#overlay .use-info{width:960px;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);padding:60px 40px;background:#fff;border-radius:10px;text-align:center;box-shadow:0 0 20px #0004;}
#overlay .use-info > p{line-height:1.2;word-break:keep-all;}
#overlay .use-info > .tit{font-size:var(--font-3xlg);font-weight:900;font-family:gsans;color:#333;margin-bottom:5px;}
#overlay .use-info > .txt{font-size:var(--font-lg);}
#overlay .use-info > .txt em{color:var(--sub-color);font-weight:700;}
#overlay .use-info .sub-tit-bx{margin:20px 0 30px;}
#overlay .use-info .btn-d{width:270px;font-weight:700;}
.sub-tit-bx .check-list label{display:flex;}
.sub-tit-bx .tv-checkbox input[type="checkbox"] + label::before{flex-shrink:0;}

#overlay .tb-popup{width:800px;height:500px;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);}
#overlay .tb-popup .thumb{height:100%;border-radius:20px;}
#overlay .tb-popup .close{display:block;width:40px;height:40px;line-height:42px;border-radius:50%;background:#fff;text-align:center;font-size:1rem;color:var(--dgray1);position:absolute;top:-20px;right:20px;z-index:1;}

@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
}
@media only screen and (max-width:1023px){
	#overlay .use-info{width:calc(100% - 40px);min-width:280px;}
	#overlay .use-info > .tit{font-size:var(--font-2xlg);}
	#overlay .use-info > .txt{font-size:var(--font-base);}
}
@media only screen and (max-width:767px){
	#overlay .tb-popup	{width:500px; height:400px;}
}
@media only screen and (max-width:576px){
	#overlay .use-info{padding:30px 20px 20px;}
	#overlay .tb-popup	{width:400px; height:300px;}
}
@media only screen and (max-width:415px){
	#overlay .use-info .btn-d{width:100%;}
	#overlay .use-info > .tit{font-size:var(--font-xlg);}
	#overlay .use-info > .txt{font-size:.9rem;}
	#overlay .use-info .sub-tit-bx{margin:10px 0;padding:10px;}
	#overlay .tb-popup{width:calc(100% - 20px); height:250px;}
}
/*[e] 이용안내 모달 / 특허기술은행 팝업*/

/*[s] 해외진출가이드*/
.dropdown,.dropup {position: relative}
.dropdown-toggle:focus {outline: 0}
.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;font-size: 14px;text-align: left;list-style: none;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0,0,0,.15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175)}
.dropdown-menu.pull-right {right: 0;left: auto}
.dropdown-menu .divider {height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5}
.dropdown-menu>li>a {display: block;padding: 3px 20px;clear: both;font-weight: 400;line-height: 1.42857143;color: #333;white-space: nowrap}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {color: #262626;text-decoration: none;background-color: #f5f5f5}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {color: #fff;text-decoration: none;background-color: #337ab7;outline: 0}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {color: #777}
.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {text-decoration: none;cursor: not-allowed;background-color: transparent;background-image: none;filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)}
.open>.dropdown-menu {display: block}
.open>a {outline: 0}
.dropdown-menu-right {right: 0;left: auto}
.dropdown-menu-left {right: auto;left: 0}
.dropdown-header {display: block;padding: 3px 20px;font-size: 12px;line-height: 1.42857143;color: #777;white-space: nowrap}
.dropdown-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 990}
.pull-right>.dropdown-menu {right: 0;left: auto}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret {content: "";border-top: 0;border-bottom: 4px dashed;border-bottom: 4px solid\9}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {top: auto;bottom: 100%;margin-bottom: 2px}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {right:0;left: auto}
    .navbar-right .dropdown-menu-left {right: auto;left: 0}
}

#medi-tab{font-size:20px; margin-bottom:40px; padding-top:40px;}
#medi-tab li{width:50%; float:left; position: relative;}
#medi-tab li:after{content:''; display: block; border-right:1px solid #cccccc; height:16px; position: absolute; right:0; top:50%; transform:translateY(-50%);}
#medi-tab li:last-child:after{display: none;}
#medi-tab li a{display: block; line-height:60px; color:#666666; border-bottom:1px solid #cccccc; text-align: center; position: relative;}
#medi-tab li a.on{color:#2A4F81;}
#medi-tab li a.on:before{content:''; width:100%; position: absolute; height:3px; background-color: #2A4F81; bottom:-1.5px; left:0;}

#global-trend{ text-align: center; position: relative;}
#global-trend > em{font-size:27px; padding:0 20px;}
#global-trend .ct-select em{display:none;}
#global-trend .ct-select{position: relative; z-index:9;display:flex;justify-content:space-between;}
#global-trend .ct-select .dropdown a	{display:block;}
#global-trend .ct-select .dropdown a:focus{outline:3px solid var(--sub-color);}
#global-trend .dropdown{width:calc(50% - 5px); position:relative; background:var(--main-color); color:#fff; line-height:80px;cursor:pointer;text-align: left;font-size:var(--font-lg);}
#global-trend .dropdown:after	{position:absolute;right:20px;top:50%;transform:translateY(-50%);content:"\f107";font-family:FontAwesome;color:#fff;font-size:20px;}
#global-trend .dropdown .tit{display:block; color:#fff; padding:0 20px;}
#global-trend .dropdown .tit:before{content:"\f058";font-family:fontAwesome;display:inline-block;margin-right:10px;color:var(--sub-color);}
#global-trend .dropdown ul{width:100%; border-radius:0;}
#global-trend .dropdown li{padding:0;}
#global-trend .dropdown li a	{display:block;padding:10px 15px;border-top:1px dashed #DFDFDF;}
#global-trend .dropdown li:first-child a	{border-top:none;}
#global-trend .dropdown li a:hover	{background:rgba(13,11,93,0.05);}

#global-trend .trend-cont{height:820px; text-align: left;background:#fafafa;}
#global-trend .d_width{height:100%;}
#global-trend .cont-list{float:left; width:300px; background:var(--sub-color) url(../img/sv-bg2.png) no-repeat 60% 0/cover;overflow:hidden;border-radius:5px 50px 0 5px; height:100%; padding:30px 20px; color:#fff;position:relative;}
#global-trend .cont-list:before {content: "";width: 100%;height: 100%;display: block;position: absolute;background: var(--sub-color);opacity: .9;top: 0;left: 0;}
#global-trend .cont-list em{font-size:var(--font-2xlg);font-family:gsans;font-weight:900;position:relative;color:#ffc;}
#global-trend .cont-list #list-bx{margin-top:10px;position:relative;z-index:1;}
#global-trend .cont-list li{border-bottom:1px solid #fff5;}
#global-trend .cont-list li a:hover,
#global-trend .cont-list li a.on{background-color:var(--main-color);border-radius:5px;}
#global-trend .cont-list li a:hover i:before,
#global-trend .cont-list li a.on i:before{content:'\f07c';}
#global-trend .cont-list li i{position: absolute; left:15px; top:15px;}
#global-trend .cont-list li i:before{content:'\f07b'; display: inline-block; font-family:FontAwesome;}
#global-trend .cont-list li a{display: block; padding:15px 20px;color:#fff;position: relative; letter-spacing:-0.5px;}
#global-trend .cont-wrap{float:left; width:calc(100% - 300px);  height:100%; padding:40px; overflow-y:auto;}
#global-trend .cont-wrap::-webkit-scrollbar{border-radius: 10px;width: 10px;background-color: var(--main-color);}
#global-trend .cont-wrap::-webkit-scrollbar-track{border-radius: 10px; width:5px; background-color:#cccccc;}
#global-trend .cont-wrap::-webkit-scrollbar-thumb{border-radius: 10px; width:10px; -webkit-box-shadow: none; background-color:var(--main-color);}
#global-trend .cont-wrap::-webkit-scrollbar-button{display: none;}
#global-trend .cont-wrap .tit{font-size: 30px; padding-bottom:10px;margin-bottom:20px; border-bottom:1px solid #cccccc; display: block;}
#global-trend .cont-wrap > p{color:#666666; font-size: 17px; margin-bottom:10px;}
#global-trend .cont-wrap .no-data{width:100%; padding:50px; border:1px dashed #2A4F81; text-align:center; color:#2A4F81;}
#global-trend .cont-wrap *{font-family:pretendard !important;}

#global-trend .trend-cont .attach{margin-top:40px;}
#global-trend .trend-cont .attach a{display:block; background-color:#0087D9; height:50px; color:#fff; text-align:center; font-size:16px; line-height:50px; margin-bottom:10px;}

#global-trend .trend-nodata{margin-top:40px;min-height:500px;word-break:keep-all;background:#fafafa url(../img/global-trend-bg.png) no-repeat 50% 50%/contain;border:1px solid #dadada;border-radius:10px;display:flex;justify-content:center;align-items:center;font-weight:500;font-size:var(--font-2xlg);font-family:gsans;color:#888;}
#global-trend .trend-nodata span:before{content:"\f4a2";display:block;margin:0 auto;font-family:fontAwesome;font-size:var(--font-5xlg);color:#0004;}

@media only screen and (max-width:1256px){
	#medi-tab{margin-bottom:20px;padding-top:20px;}
	#global-trend .dropdown{font-size:var(--font-base);line-height:60px;}
	#global-trend .trend-nodata{min-height:350px;font-size:var(--font-xlg);margin-top:20px;}
	#global-trend .trend-nodata span:before{font-size:var(--font-4xlg);}
}

@media only screen and (max-width:1023px){
	#medi-tab.trend li a{font-size:20px;}
	
	#global-trend > em{font-size:23px;}
	
	#global-trend .cont-list{width:260px;}
	#global-trend .cont-wrap{width:calc(100% - 260px); padding:40px;}
}

@media only screen and (max-width:767px){
	#global-trend{padding:0;}
	#medi-tab.trend{margin-bottom:0;}
	#medi-tab.trend li a{border:none; color:#bababa; background-color:#f3f3f3;}
	#medi-tab.trend li a.on {background-color: #beac83; color: #fff; border: none;}
	#medi-tab.trend li a:hover{background-color: #beac83; color:#fff;}
	#global-trend .trend-map{display:none;}
	#global-trend > em{display:none;}
	#global-trend .ct-select em{display:block; margin-top:15px;}
	#medi-tab.trend li{width:50%;float:left;}
	
	#global-trend .trend-cont{height:auto;}
	#global-trend .cont-list{width:100%; float:none; height:auto;}
	#global-trend .cont-wrap{width:100%; float:none; height:auto;}
	#global-trend .cont-list li{width:33.3333%; float:left; border: 1px solid rgba(255,255,255,0.3); margin-left:-1px; margin-bottom:-1px; height:60px;}
	#global-trend .cont-list li:nth-child(3n-2){margin-left:0;}
	#global-trend .cont-list li .txt-br{display:block;}
	#global-trend .cont-list li a{text-align:center; padding:0; height:100%; line-height:60px;}
	#global-trend .cont-list li:nth-child(4) a{line-height:20px; padding:9px;}
	#global-trend .cont-list li i{position:relative;top:auto; left:auto;}
	
	#global-trend .trend-cont .attach a{height:40px; line-height:40px; font-size:14px;}
	
	#global-trend .trend-nodata{padding:60px 20px;min-height:auto;font-size:var(--font-lg);}
	#global-trend .trend-nodata span:before{font-size:var(--font-2xlg);}
}

@media only screen and (max-width:576px){/*mobile*/
	#medi-tab.trend{margin-top:30px;}
	#medi-tab.trend a{line-height:50px;}
	
	#global-trend .cont-list{padding:10px;}
	#global-trend .cont-list li{width:50%; height:50px;}
	#global-trend .cont-list li a{font-size:14px; line-height:50px;}
	#global-trend .cont-list li:nth-child(4) a{padding:8px; line-height:16px;}
	
	#global-trend .ct-select{margin:0;flex-wrap:wrap;}
	#global-trend .dropdown{width:100%; margin:0 0 5px 0;line-height:45px;}
	
	#medi-tab.trend li a{font-size:18px;}
	#global-trend .cont-list em{font-size:16px;}
	#global-trend .cont-wrap{padding:10px;}
	#global-trend .cont-wrap .tit{font-size:16px;}
	#global-trend .cont-wrap > p{font-size:15px}
	
	
	#global-trend .trend-nodata{padding:40px 20px;min-height:auto;font-size:var(--font-base);}
	#global-trend .trend-nodata span:before{font-size:var(--font-xlg);}
}

/*[e] 해외진출가이드*/

/*탭 ver2 스타일*/
.tab-ver2 {margin-bottom:20px;overflow-x:auto;}
.tab-ver2 .tab-wrap {/* width: 900px; */display:flex;}
.tab-ver2 a {flex-shrink:0;display:inline-block;line-height:30px;border:2px solid #ddd;border-radius:30px;margin-right:10px;padding:5px 20px;} 
.tab-ver2 a:hover {border:2px solid var(--sub-color);color:var(--sub-color);}
.tab-ver2 a.on {border:2px solid var(--sub-color);color:var(--sub-color);background:#4ab99414;}

@media only screen and (max-width: 767px){
	
.tab-ver2 a	{margin-right:5px;line-height: 27px;padding: 3px 10px;font-size: 14px;margin-top: -10px;}
.tab-ver2 .tab-wrap {padding:10px 0 0;/* width: 700px; */}	
}

/*[s] 사업관리*/
.biz-list {margin:-20px 0 -2rem;}
.biz-list > li{display:flex;border-bottom:1px solid #DADADA;align-items:center;}
.biz-list li:last-child{border-bottom:0;}
.biz-list a:not(.btn-d){display:flex;align-items:center;padding:20px;width:100%;}
.biz-list.type2 a:not(.btn-d){width:calc(100% - 100px);}
.biz-list a.btn-d{height:100%;}
.biz-list .state{display:block;width:75px;height:75px;line-height:70px;text-align:center;background:var(--gray);margin-right:30px;border:2px solid var(--gray);color:#fff;font-weight:500;flex-shrink:0;}
.biz-list .ing .state{background:var(--sub-color);border-color:var(--sub-color);}
.biz-list .pre .state{background:#fff;border-color:var(--sub-color);color:var(--sub-color);}
.biz-list .end .item{color:#919191;}
.biz-list .end .info, .biz-list .end .info span{color:#666;}
.biz-list .end .subject{color:#666;}
.biz-list .info{width:340px;}
.biz-list .tit-wrap{width:calc(100% - 455px);margin-right:10px;line-height:1.3;}
.biz-list .subject{font-size:22px;flex-shrink:0;}
.biz-list .subject em{font-size:16px;color:var(--sub-color);margin-left:5px;}
.biz-list .subject span.t-rsp{display: inline-block;max-width: calc(100% - 125px);vertical-align: middle;}
.biz-list .item{color:#207ed1;font-weight:500;font-size:.9rem;}
.biz-list .item.c2{color:#768395;}
.biz-list .badge-wrap{margin:5px 0;}
.biz-list .info{color:#666;font-weight:200;letter-spacing:0;flex-shrink:0;}
.biz-list .info span{color:var(--main-color);display:inline-block;margin-right:5px;font-weight:400;}

@media only screen and (max-width:1240px){ 
	.biz-list .subject span.t-rsp{max-width:calc(100% - 40px);}
	.biz-list .info{flex-shrink:1;font-size:.9rem;}
	.biz-list .info li{display:flex; flex-direction:column;}
}
@media only screen and (max-width:1023px){ 
	.biz-list a{flex-wrap:wrap;justify-content:space-between;}
	.biz-list .tit-wrap{width:80%;}
	.biz-list .info{margin-top:10px;}
}
@media only screen and (max-width:767px){
	.biz-list .tit-wrap{width:100%;}
	.biz-list a{gap:10px;padding:20px 0;}
	.biz-list a .info li{overflow:hidden; text-overflow: ellipsis; max-width:calc(100% - 20px)}
	.biz-list .state{width:60px; height:30px; line-height:25px; font-size:13px;}
}
@media only screen and (max-width:576px){ 
	.tab_flex{flex-direction:column;}
	.tab_flex a{border-right:none;padding:.5rem 0;}
	.biz-list .subject{font-size:1.1rem;}
	.biz-list .subject span.t-rsp{white-space:wrap;max-width:100%;}
	.biz-list a{padding:10px 0;}
	.biz-list a .info li{font-size:.9rem;}
	.biz-list a .btn-d{width:100%;}
	.biz-list > li{display:block;padding:10px;}
	.biz-list a:not(.btn-d){width:100% !important;padding:0;}
	.biz-list a.btn-d{display:block;}
}
@media only screen and (max-width:415px){ 
	.biz-list a .info li{ display: inline-block; overflow: hidden; text-overflow: ellipsis; max-width: 100%; white-space: nowrap;}
	.biz-list .info{width:100%;}
	.board-info .board-info-right{ flex-direction:column; align-itmes:flex-end;}
}

.view-cont-biz			{position:relative;background:#F6F6F6;padding:40px;}
.view-cont-biz:before	{content:"";position:absolute;left:0;top:0;width:100%;height:320px;background:var(--main-color);}
.view-cont-biz .tit-wrap	{position:relative;color:#fff;margin:0 0 30px 0;}
.view-cont-biz .tit-wrap .badge{background:#fff0;}
.view-cont-biz .tit-wrap .app-btn{line-height:50px;}
.view-cont-biz .name		{margin:0 0 10px 0;color:var(--sub-color);font-size:1.1rem;font-weight:500;}
.view-cont-biz .subject		{font-size:28px;color:#fff;letter-spacing:-1.5px;font-weight:600;line-height:1.1;}
.view-cont-biz .cont		{position:relative;background:#fff;padding:30px;}
.view-cont-biz > .cont:nth-of-type(2){border-bottom:1px dashed #ccc;}
.view-cont-biz .cont .txt	{margin:0 0 30px 0;text-align:center;font-size:15px;color:#888;word-break:keep-all;}
.view-cont-biz .info		{border-top:2px solid #768395;}
.view-cont-biz .info dl		{display:flex;align-items:stretch;}
.view-cont-biz .info dt,
.view-cont-biz .info dd		{padding:10px;border-bottom:1px solid #EAEAEA;}
.view-cont-biz .info dt		{width:160px;flex-shrink:0;color:#596371;font-weight:500;letter-spacing:-0.5px;background:#F6F6F6;text-align:center;}
.view-cont-biz .info dd		{width:calc(100% - 160px);}
.view-cont-biz .desc		{border-top:1px solid #ddd;margin:20px -30px 0;padding:30px 30px 0 30px;}
.view-cont-biz .board-view-attach	{border-bottom:none;padding:20px;background:#fff;margin-bottom:20px;position:relative;}
.view-cont-biz .board-view-attach a	{padding:0;font-size:inherit;}
.view-cont-biz .board-view-attach a:before {position:relative;font-size:1.2rem;margin-right:10px;}


@media only screen and (max-width:1240px){ 
	.desc .se-para-div{overflow-x:scroll;}
	.view-cont-biz .info dt{width:100px;}
	.view-cont-biz .info dd{width:calc(100% - 100px);}
}
@media only screen and (max-width:767px){ 
	.view-cont-biz .btn-d.btn-xlg{padding:0 20px; line-height:42px;}
	.view-cont-biz .subject{font-size:24px;}
	.view-cont-biz .info dl{flex-wrap:wrap;}
}
@media only screen and (max-width:576px){ 
	.view-cont-biz{padding:20px;}
	.view-cont-biz .cont{padding:10px;}
	.view-cont-biz .name{font-size:14px;}
	.view-cont-biz .info dt{width:80px;}
	.view-cont-biz .info dd{width:calc(100% - 80px);}
	.view-cont-biz .desc{margin:20px 0;}
	.board-view-title .left,
	.board-view-title .right{width:100%;}
}
@media only screen and (max-width:415px){ 
	.view-cont-biz .info dl{flex-direction:column;}
	.view-cont-biz .info dt{width:100%;}
	.view-cont-biz .info dd{width:100%;}
}
/*사업계획*/
.biz-process  {display:flex; margin:-5px;word-break:keep-all;}
.biz-process  .cont {flex:1;margin:5px;background:#fff;border:5px solid #D3D4DB;padding:20px;}
.biz-process  .cont em{color:var(--sub-color);font-weight:800;font-size:16px;display:block;margin-bottom:5px;}
.biz-process  .cont p:first-child {font-size:18px;font-weight:800;color:#333333;margin-bottom:10px;}
.biz-process  .cont p{line-height:1.3;word-break:keep-all;}

.biz-process.d5 .cont	{min-width:calc(20% - 10px);}
.biz-process.d4 .cont	{min-width:calc(25% - 10px);}
/* 사업계획 반응형 [s] */
@media only screen and (max-width:1023px){
	.biz-process.d4 .cont{min-width:calc(50% - 10px);}
}
@media only screen and (max-width:576px){
	.biz-process.d4 .cont{min-width:100%;padding:10px;}
}
/* 사업계획 반응형 [e] */

/*특허기술은행 추가*/
.biz-process .step{flex:1;margin:0 5px;text-align:center;}
.biz-process .step .bx{background:#fff;border:5px solid #D3D4DB;padding:20px;}
.biz-process .step .bx em{color:var(--sub-color);font-weight:800;font-size:16px;display:block;}
.biz-process .step .bx .tit {font-size:18px;font-weight:800;color:#333;margin-bottom:10px;line-height:1.2;}
.biz-process .step .bx .txt{line-height:1.3;font-size:.925rem;color:#666;} 
.biz-process .step .bx2 {padding:20px;color:#333;font-weight:500;background:#E8EAEC;}
.biz-process .step > *{margin:0 0 10px;}

@media only screen and (max-width : 767px){
    .text-lg.point-bl{line-height:1.4;font-size:18px !important;}
}
/*//특허기술은행 추가*/

.row-process-top {margin-bottom:30px;}
.row-process-top ul {display:flex;justify-content:space-between;}
.row-process-top li {width:calc(50% - 20px);margin:0 10px;border-radius:10px;text-align:center;padding:60px;position:relative;overflow:hidden;}
.row-process-top li:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;opacity:.9;}
.row-process-top li.bg1 {background:url(../img/biz-intro-img1.png);background-size:cover;}
.row-process-top li.bg2 {background:url(../img/biz-intro-img2.png);background-size:cover;}
.row-process-top li.bg1:before{background:var(--point-color);}
.row-process-top li.bg2:before{background:var(--sub-color);}
.row-process-top .tit {color:#FFFFCC;font-size:var(--font-xlg);margin-bottom:10px;font-weight:800;position:relative;}
.row-process-top .tit:before{content:"";width:55px;height:55px;display:block;margin:0 auto 10px;background-image:url(../img/biz-intro-ico1.png);background-size:cover;}
.row-process-top li.bg2 .tit:before{background-image:url(../img/biz-intro-ico2.png);}
.row-process-top .txt {font-size:1.1rem;color:#fff;position:relative;word-break:keep-all;}

.sub-tit-bx {background:#F6F9FB;padding:30px 30px 30px 140px;position:relative;}
.sub-tit-bx:before {content:'';display:block;width:110px;height:110px;position:absolute;left:10px;top:50%;transform:translateY(-50%);background:url(../img/sub-top-ico.png) no-repeat;}
.sub-tit-bx.ico2:before{background-position:-110px 0;}
.sub-tit-bx.ico3:before{background-position:-220px 0;}
.sub-tit-bx.ico4:before{background-image:url(../img/agree-ico.png);}
.sub-tit-bx.ico5:before{background-position:0 -110px;}
.sub-tit-bx.ico6:before{background-position:-110px -110px;}
.sub-tit-bx.ico7:before{background-position:-220px -110px;}
.sub-tit-bx.ico8:before{background-position:0px -220px;}
.sub-tit-bx.ico9:before{background-position:-110px -220px;}
.sub-tit-bx.ico10:before{background-position:-220px -220px;}
.sub-tit-bx.ico11:before{background-position:0px -330px;}
.sub-tit-bx.ico12:before{background-position:-110px -330px;}
.sub-tit-bx .tit {font-size:25px;font-family: 'gsans';color:#333333;font-weight:500;margin:0 0 10px;}
.sub-tit-bx ul.bu>li:before {background:#11284F;}

/*기획수요조사*/
#plan .form-select{justify-content: flex-end;}
#plan .table table tbody tr th em{color:#19ada3; margin-left:5px;}
#plan .board-write						{background:#f6f6f6;padding:2rem;border-radius:0.375rem;}
#plan .board-write .form-control-label	{width:160px;padding-left:15px;padding-right:15px;}
#plan .board-write .form-control-body		{width:calc(100% - 160px);padding-left:15px;padding-right:15px;}
#plan .board-write .form-control-body th,
#plan .board-write .form-control-body td	{padding:0.25rem 0}
#plan .board-write .form-group:last-child	{margin-bottom:0}
#plan .board-list{margin:0;}
.form-control-body .form-tit{margin:1rem 0;color:var(--main-color);}

.biz-process.ver1 > div{width:calc(100% / 5 - 10px); margin:0 5px;}
.biz-process.ver1 > div:nth-child(2){width:calc(40% - 10px);}
.biz-process.ver1 .org{margin:0 5px;}
.biz-process.ver1 .org .org-1, 
.biz-process.ver1 .org .org-3, 
.biz-process.ver1 .org .org-4 {background:#E8EAEC; padding:20px; text-align:center; margin-top:5px;}
.biz-process.ver1 .org.col{display:flex; gap:20px;}
.biz-process.ver1 .org.col > div{width:calc(50% - 10px);}
.biz-process.ver1 .org.col .org-2wrap .org-2{position:relative;}
.biz-process.ver1 .org.col .org-2-1wrap{display:flex; align-items:center; position:relative;}
.biz-process.ver1 .org .org-2-1{width:100%;}
.biz-process.ver1 .org .org-2, .biz-process.ver1 .org .org-2-1	{background:#E8EAEC; padding:20px; text-align:center; margin-top:5px;}
.biz-process.ver1 .org-2wrap .org-2:after{content:"";display:block; width:152px; height:2px; position:absolute; border-top:1px solid #ccc; top:50%; left:262px;}
.biz-process.ver1 .org-2-1wrap .org-2-1{position:relative; z-index:2;}
.biz-process.ver1 .org-2-1wrap:before{content:""; display:block; width:2px; height: 142px; position:absolute; left:50%; transform:translateX(-50%); border-right:1px solid #ccc; top:38px;}


/*RFP 사전공시*/
.rfp-table thead tr th{background:#fff; color:#607A99; font-weight:bold; font-size:1.125rem;}
.rfp-table tbody tr th{font-weight:bold;}
.rfp-table tbody tr td{text-align:left;}

@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){
	.biz-process.ver1 .org-2wrap .org-2:after{left:222px; width:133px;}
	.biz-process.ver3 .cont{padding:20px 10px;}
}
@media only screen and (max-width:1240px){
	.biz-process.ver1 .org-2wrap .org-2:after{left:175px; width:107px;}
	
	.biz-process.ver3 > div{flex:calc(33.3333% - 10px) !important;}
	.biz-process.ver3 > div:nth-child(4),
	.biz-process.ver3 > div:nth-child(5),
	.biz-process.ver3 > div:nth-child(6){margin-top:10px;}
}
@media only screen and (max-width:1023px){
	.biz-process.ver1{flex-wrap:wrap;}
	.biz-process.ver1 .cont{padding:10px;}
	.biz-process.ver1 > div, .biz-process.ver1 > div:nth-child(2) {width:calc(50% - 10px);}
	.biz-process.ver1 > div:nth-child(3),
	.biz-process.ver1 > div:nth-child(4){margin-top:10px;}
	.biz-process.ver1 .org-2wrap .org-2:after{left:172px;}
	.biz-process.ver1 .org .org-2, .biz-process.ver1 .org .org-2-1{padding:10px;}
	.biz-process.ver1 .org .org-1, .biz-process.ver1 .org .org-3, .biz-process.ver1 .org .org-4{padding:10px;}
	.biz-process.ver1 .org-2-1wrap:before{top:28px; height:102px;}
}
@media only screen and (max-width:767px){
	.sub-tit-bx {padding:20px 20px 20px 140px;}
	.sub-tit-bx .tit {font-size:20px;margin:0;}
	.row-process-top li {padding:20px;}
	.row-process-top .tit {font-size:20px}
	.row-process-top .txt {font-size:1rem;}
	.biz-process.ver2 .cont {flex: calc( 50% - 10px);margin:5px;}
	
	.row-process-top ul {flex-wrap: wrap;}
	.row-process-top li {width:100%;margin:5px 0;}
	.row-process-top .tit:before{width:40px;height:40px;}
	.row-process-top {margin-bottom:10px;}
	.biz-process.ver2 .cont {flex:100%;margin:5px 0;padding:15px;}
	.biz-process.ver2 .cont p:first-child {margin-bottom:0;}
	.sub-tit-bx:before {position:relative;top: auto;transform: scale(0.8);left: auto;right: auto;margin: 0 auto;}
	.sub-tit-bx {padding:20px;}
	.sub-tit-bx .tit,
	.row-process-top .tit {font-size:18px;}
	.row-process-top .tit {margin-bottom:0;}
	.biz-process.ver2 {margin:0;}
	
	.biz-process.ver1 .org-2wrap .org-2:after{display:none;}
	.biz-process.ver1 .org-2-1wrap:before{display:none;}
	
	.biz-process.ver3 > div{flex:calc(50% - 10px) !important;}
	.biz-process.ver3 > div:nth-child(3){margin-top:10px;}
	.biz-process.ver3 .cont{padding:10px 5px;}
}
@media only screen and (max-width:576px){
	.biz-process.ver1 > div, .biz-process.ver1 > div:nth-child(2) {width:100%;}
	.biz-process.ver1 > div:nth-child(2){margin-top:10px;}
	.biz-process.ver1 .org-2wrap .org-2:after{display:none;}
	.biz-process.ver1 .org-2-1wrap:before{display:none;}
	.biz-process.ver1 > div{margin:0;}
}
@media only screen and (max-width:415px){
	.biz-process.ver3 > div{flex:calc(100%) !important;}
	.biz-process.ver3 > div:nth-child(2){margin-top:10px;}
}
/*[e] 사업관리*/

/*[s] (구버전)지식거래*/
.supply-list .list{display:flex;padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid #dadada;align-items:center;}
.supply-list .list:last-child{border-bottom:0;padding:0;margin:0;}
.supply-list .thumb{width:320px;height:200px;position:relative;border-radius:10px;border:1px solid #eaeaea;}
.supply-list .cont{width:calc(100% - 320px - 170px);padding:0 30px;}
.supply-list .category{background:var(--sub-color);border-color:var(--sub-color);font-size:var(--font-sm)}
.supply-list .subject{font-size:22px;font-weight:700;color:#333;margin:10px 0 20px;line-height:1.2;}
.supply-list .btn-more{background:#9A9FA6;border-color:#9A9FA6;}
.supply-list .item, .supply-view .view-top .item{color:#207ed1;}
[class*="supply-"] .btn-contact{background:var(--sub-color);border-color:var(--sub-color);}
[class*="supply-"] .btn-like{background:#fff;color:#666;border-color:#ccc;}
[class*="supply-"] .btn-like i{color:#f66;}
[class*="supply-"] .btn-like.on{background:#f66;border-color:#f66;color:#fff;}
[class*="supply-"] .btn-like.on i{color:#fff;}
[class*="supply-"] .info li{display:flex;}
[class*="supply-"] .info span,
[class*="demand-"] .info span{color:var(--point-color);font-weight:500;width:70px;display:inline-block;flex-shrink:0;}

.supply-view .d_width > .row{justify-content:space-between;}
.supply-view .col-1{width:320px;}
.supply-view .col-2{width:calc(100% - 360px);}
/* .supply-view .summary{position:sticky;top:110px;border-radius:10px;overflow:hidden;margin-bottom:10px;z-index:9;}
.supply-view .thumb,
.demand-rmd .thumb{height:200px;border:1px solid #eaeaea;}
.supply-view .summary .cont{background:#EDEFF1;padding:0 20px 20px;position:Relative;z-index:1;}
.supply-view .summary .category,
.demand-rmd .summary .category{padding:0 30px;background:var(--sub-color);border-color:var(--sub-color);font-size:var(--font-sm);margin-top:-30px;}
.supply-view .summary .subject,
.demand-rmd .summary .subject{font-size:21px;font-weight:700;color:#333;margin-bottom:10px;transition:all .2s;}
.supply-view .summary .btn-contact,
.demand-rmd .summary .btn-contact{background:var(--main-color);display:block;padding:10px;color:#fff;text-align:Center;font-size:18px;} */
.supply-view .view-top,
.demand-view .view-top{border-bottom:1px solid #dadada;padding-bottom:20px;}
.supply-view .view-top .subject,
.demand-view .view-top .subject{font-size:1.9rem;font-weight:700;color:#333;line-height:1.2;margin-bottom:10px;}
.supply-view .view-top .info{margin:10px 0 20px;}
.supply-view .view-top .btn-wrap{padding:20px;background:#f6f6f6;align-items:center;}
.supply-view .view-top .btn-wrap a i{margin-right:5px;}
.supply-view .file-wrap{margin:20px 0;display:flex;gap:20px;}
.supply-view .file-wrap a{flex:1;display:flex;justify-content:space-between;line-height:65px;}
.file.ico-pdf	{color:#C45757;font-size:.85rem;}
.file.ico-pdf:before{content:"";}
.file.ico-pdf:after{content:"\f1c1";font-family:fontAwesome;margin-left:5px;}
.supply-view .board-view-desc{border:0;padding:20px;background:#f6f6f6;}
.line-title{padding-top:20px;border-tOP:2px solid #36414F;}

.demand-list .d_width >  ul{display:flex;flex-wrap:wrap;margin:0 -10px;}
.demand-list .list{width:calc(50% - 20px);margin:10px;background:url(../img/demand-bg.png) no-repeat 50% 50%/cover;border-radius:10px;}
.demand-list .list a{background:#EDEFF1;display:block;padding:40px;border:1px solid #EDEFF1;border-radius:10px;}
.demand-list .list a:hover{background:#EDEFF1cc;border-color:var(--point-color);box-shadow:10px 10px 20px #11284F22;}
.demand-list .subject{font-size:22px;color:#333;font-weight:700;margin-bottom:10px;transition:all .2s;}
.demand-list .list a:hover .subject{color:var(--point-color);}

.demand-rmd {background:#EDEFF1;padding:40px 0;}
.demand-rmd .list{display:flex;margin:0 -20px;}
.demand-rmd .summary{width:calc(25% - 40px);margin:0 20px;border-radius:10px;overflow:hidden;margin-bottom:10px;position:relative;transition:all .2s;}
.demand-rmd .summary .cont{background:#fff;padding:0 20px 20px;position:Relative;z-index:1;}
.demand-rmd .summary a{display:block;}
.demand-rmd .more{text-align:center;display:inline-block;font-size:1.1rem;color:#fff;font-weight:700;background:#8895A2;padding:0 30px;border-radius:45px;line-height:45px;margin:30px 0 0;}
.demand-rmd .like-btn{width:30px;height:30px;line-height:33px;background:#ccc;color:#fff;text-align:Center;border-radius:50%;position:Absolute;top:10px;right:10px;z-index:1;}

.supply-view .summary .btn-contact:hover,
.demand-rmd .summary .btn-contact:hover{background:var(--sub-color);}
.demand-rmd .summary:hover{box-shadow:10px 10px 20px #11284F22;}
.demand-rmd .summary > a:first-child:hover .subject{color:var(--sub-color);}
.demand-rmd .more:hover{background:var(--sub-color);}

.supply-view .summary .btn-contact:hover,
.demand-rmd .summary .btn-contact:hover{background:var(--sub-color);}
.demand-rmd .summary:hover{box-shadow:10px 10px 20px #11284F22;}
.demand-rmd .summary > a:first-child:hover .subject{color:var(--sub-color);}
.demand-rmd .more:hover{background:var(--sub-color);}

/* 가치평가 */
.value-b{position: absolute;z-index: 1;top: 10px;left: 10px;width:102px;height:36px;/* padding: 10px 20px; border-radius: 20px; font-size: 0.875rem; background: linear-gradient(45deg, #4AB994, #11284F); border: none; */}
.value-info{position:relative;background:#F6F9FB;padding:2rem;margin:0 0 40px;}
.value-info:after{content:""; display:block; background:url(../img/medal.png); position:absolute; width:64px; height:58px; top:-5px; right:20px; background-repeat:no-repeat;}
.value-info table thead th{color:var(--main-color);}
.value-info table th{background:#fff;}
.value-bnr.thumb	{height:120px;}
.value-info > .row{justify-content:space-between;align-items:end;}
.value-info .btn-red{background:#C64444;border-color:#C64444;}
.value-info .btn-red .ico-pdf{color:#fff;}


@media (max-width: 1240px){
	.supply-view .d_width > .row {flex-direction: column;}
	.supply-view .col-1,
	.supply-view .col-2  {width:100%;}
	.supply-view .col-2 {margin-top:20px;}
	.supply-view .summary {display: flex;flex-wrap: wrap;}
	/* .supply-view .thumb{width:320px;min-height:230px;} */
	.supply-view .summary .cont {width: calc(100% - 320px);min-height:230px;max-height:230px;}
	.supply-view .summary .category,
	.demand-rmd .summary .category {margin-top:10px;}
	.supply-view .summary .btn-contact,
	.demand-rmd .summary .btn-contact {width:100%;}
}
@media only screen and (max-width: 1023px){
	.supply-list .cont {width:calc(100% - 320px);}
	.supply-list .btn-wrap {width:100%;display:flex;justify-content: flex-end;}
	.supply-list .list { flex-wrap: wrap;}
	[class*="supply-"] .btn-wrap a {margin: 10px 0px 0 10px;}
	.value-info .btn-wrap{width:100%;display:flex;flex-wrap:wrap;margin-top:10px;}
	.value-info .btn-wrap a{margin:2px !important;}
	
	.supply-view .view-top .btn-wrap {display:flex;margin:0 0 0 10px;}
	.supply-view .view-top .info {width:100%;}
	.supply-view .view-top .row {justify-content: flex-end;}

	.demand-rmd .list{flex-wrap:wrap;margin:-10px;}
	.demand-rmd .summary{width:calc(50% - 20px);margin:10px;}
}
@media only screen and (max-width: 1017px){
	.supply-view .view-top .subject,
	.demand-view .view-top .subject {font-size: var(--font-lg);}	
}
@media only screen and (max-width: 767px){
	.supply-list .cont {width:100%;padding:10px 0 0 0;}
	.supply-list .list {justify-content: center;}
	.supply-list .subject {margin:5px 0 10px; font-size: 20px;white-space:wrap;}
	.btn-d.btn-xsm {line-height: 25px;}
	.supply-list .btn-wrap {justify-content: center;}
	
	/* .supply-view .thumb, */
	.demand-rmd .thumb,
	.supply-view .summary .cont {width:100%;}
	.supply-view .summary .cont {max-height:auto;min-height:auto;}
	.supply-view .summary .category,
	.demand-rmd .summary .category {margin-top:-30px;}
	
	.demand-list .list {width:100%;margin:0 0 10px 0;}
	.demand-list .list:last-child { margin-bottom:0px;}
	.demand-list .d_width > ul {margin:0;}
	.demand-list .list a {padding:30px;}
	
	.value-bnr.thumb{height:80px;}
	.value-info{padding:20px;}
	.value-info:after{display:none;}
}
@media only screen and (max-width: 576px){
	[class*="supply-"] .btn-wrap a {margin: 5px 0px 0 0px;width: 100%;}
	.supply-list .btn-wrap {flex-direction: column;}
	.supply-list .thumb {width:100%;}
	
	.supply-view .view-top .btn-wrap a {width:100%;margin: 10px 0 0 0;}
	.supply-view .view-top .btn-wrap {width:100%; flex-direction: column;margin:0;}
}
@media only screen and (max-width: 415px){
	.demand-rmd .summary{width:calc(100% - 20px);}
	.value-bnr.thumb{height:60px;}
}

/*[e] 지식거래*/

/*[s] 특허기술은행*/
#tech-bank{position:relative;}
.tb-search-wrap{position:relative;z-index: 9;}
.tb-search-wrap .d_width	{background:#fff;}
.tb-search-wrap .search-txt{justify-content:center;font-size:32px;font-weight:900;color:#333;margin-bottom:20px;}
.tb-search-wrap .search-txt .bx-wrapper{margin:0 10px !important;}
.tb-search-wrap .keword-wrap{text-align:center;height:51px;overflow: hidden;}
.tb-search-wrap .keword-wrap a,
.tb-search-wrap .keword-wrap span{display:block;width:200px;color:var(--sub-color);font-weight:700;}
.tb-search-wrap .search-bx .list-search{background:none;padding:0;}
.tb-search-wrap .list-search{position:relative;}
.tb-search-wrap .list-search:before,
.tb-search-wrap .list-search:after{position:absolute;font-size:100px;color:#25818511;font-family:gsans;font-weight:900;bottom:0;line-height:.4;}
.tb-search-wrap .list-search:before{content:"SEARCH";left:0;}
.tb-search-wrap .list-search:after{content:"PATENT";right:0;}

/*검색추천창*/
.tb-search-wrap .sch-rmd-wrap{display:none;overflow:hidden;}
.tb-search-wrap.active .sch-rmd-wrap{display:block;width:100%;position:absolute;padding:0 40px 40px;left:0;top:100%;background:#fff;border-radius:0 0 40px 40px;}
#tech-bank.active:before{content:"";width:100%;height: calc(100% + 80px);background:#0005;position:absolute;z-index: 8;}
.tb-search-wrap.active .d_width{padding:0 40px;}
.tb-search-wrap.active .search-bx .input-wrap{width:calc(100% - 65px);}
.tb-search-wrap.active .list-search:before, 
.tb-search-wrap.active .list-search:after{font-size:70px;bottom:60px;}

.sch-rmd-wrap h4.tit{color:#121314 !important;font-weight:400;font-size:1.125rem;margin-bottom:10px;}
.sch-rmd-wrap h4.tit span{font-weight:900;font-style:italic;margin-right:5px;}
.sch-rmd-list{display:flex;margin:0 -14px}
.sch-rmd-list li{margin:0 10px;}
.sch-rmd-list li.col_d4{width:calc(25% - 20px);}
.sch-rmd-list li.col_d2{width:calc(50% - 20px);}
.sch-rmd-list a{display:flex;background:#F5F6F8;border-radius:5px;overflow:hidden;}
.sch-rmd-list .thumb{width:110px;filter:brightness(.9);}
.sch-rmd-list .cont{width:calc(100% - 110px);padding:20px;}
.sch-rmd-list .item{color:#207ED1;font-size:.85rem;}
.sch-rmd-list .subject{color:#333;line-height:1.3;min-height:42px;}
.sch-rmd-wrap .col-wrap{display:flex;justify-content:space-between;}
.sch-rmd-wrap .col-wrap > .col_d2{width:calc(50% - 10px);}
.sch-rmd-wrap .col-wrap > .col_d4{width:calc(25% - 10px);}
.sch-rmd-bnr {display:flex;justify-content:space-between;}
.sch-rmd-bnr .thumb{height:110px;border-radius:5px;overflow:hidden;}
.sch-rmd-bnr li{width:calc(25% - 16px);}
/*//검색추천창*/

/*갤러리형*/
.tb-list .thumb{height:250px;margin-bottom:20px;}
.tb-list .thumb > a >  img{filter:brightness(.8);}
.tb-list.row {display:flex;flex-wrap:wrap;margin:-10px;}
.tb-list.row > li{width:calc(25% - 20px);margin:10px;position:relative;}
.tb-list.row > li.col_d5{width:calc(20% - 20px);}
.tb-list .item{color:#207ED1;font-size:.95rem;}
.tb-list .subject{font-size:21px;color:#121314;font-weight:500;margin:5px 0;}
.tb-list .subject.tit-clamp{min-height:53px;}
/* .tb-list .badge:not([class*="btn-b"]){border:0;} */
.tb-list .badge.c1-1{background:#5C8DDC11;color:var(--main-color);}
.tb-list .badge.c2-1{background:#69738111;color:#71737D;}
/*리스트형*/
.tb-list.list > li{padding:20px 0;border-bottom:1px solid #dadada;}
.tb-list.list > li:last-child{border:0;}
.tb-list.list .row > .num{width:50px;text-align:center;color:#333;}
.tb-list.list .row > .cont{width:calc(100% - 50px);}
.tb-list.list .trade-b, .tb-list.list .value-b{position:static;}
.tb-list.list .value-b img{width:80px;height:27px;}
.tb-list.list .trade-b{line-height:25px;padding:0 10px;font-size:.8rem;}
.tb-list.list .like-btn{font-size:1.2rem;width:30px;height:30px;line-height:33px;background:#ccc;color:#fff !important;text-align:Center;border-radius:50%;}
.tb-list.list .subject.tit-clamp{-webkit-line-clamp:1;min-height:27px;}
.tb-list.list .keyword{margin-top:10px;}
.tb-list.list li .txt-keyword{line-height:25px;padding:0 10px;font-size:.8rem;color:#919191;}

/*검색결과 없음*/
.tb-list.row .tb-no-result{margin:10px;}
.tb-no-result{width:100%;text-align:center;padding-top:30px;}
.tb-no-result .tit{font-size:var(--font-2xlg);color:#333;font-weight:700;}
.tb-no-result .txt{font-size:1.275rem;color:#666;font-weight:200;line-height:1.2;}
.tb-no-result .txt:before{content:"\f119";font-family:fontAwesome;color:#ccc;font-size:var(--font-4xlg);display:block;margin:10px auto;font-weight:200;}
.tb-no-result .keyword-input{max-width:500px;margin:20px auto 90px;}
.tb-no-result .long-bnr .thumb{height:120px;}
/*상세페이지*/
.tb-list.tb-bx{position:sticky;top:110px;}
.tb-list.tb-bx .thumb > img{filter:brightness(.8);}
.view-rmd-list{margin:-10px;}

.tb-rmd {position:relative;}
.tb-rmd:before{content:"";width:100%;height:75%;background:#FAFAFA;position:absolute;bottom:60px;}
.tb-rmd .row{justify-content:space-between;}
.tb-rmd .col-1{width:calc(100% - 420px);position:relative;}
.tb-rmd .col-2{width:380px;}
.tb-rmd .rmd-list{margin:0;display:block;}
.tb-rmd .rmd-list ul{display:flex;margin:0 -10px;overflow:hidden;}
.tb-rmd .rmd-list li{width:250px;margin:0 10px;flex-shrink:0;}
.tb-rmd .rmd-list .item-control{position:absolute;top:0;right:0;}
.tb-rmd .rmd-list .item-control a{display:inline-block;width:35px;height:35px;line-height:32px;border:1px solid var(--main-color);border-radius:50%;color:var(--main-color);text-align:center;}
.trade-b	{position:absolute;left:0;bottom:0;padding:0 15px;line-height:30px;color:#fff;font-size:.9rem;z-index: 1;}
.trade-b:before{font-family:fontAwesome;margin-right:10px;font-weight:200;font-size:.6rem;}
.trade-b.pre:before{content:"\f0ec";}
.trade-b.ing:before{content:"\f0ec";}
.trade-b.end:before{content:"\f061";}
.trade-b.pre{background:var(--sub-color);}
.trade-b.ing{background:#B48701;}
.trade-b.end{background:#636D8B;}

.tb-cloud .tit{font-size:21px;color:#121314;font-weight:500;}
.tb-cloud .tit span{color:#f66;font-size:.95rem;margin-right:5px;}
.tb-cloud .txt{font-size:.95rem;color:#919191;margin-bottom:20px;}
.tb-cloud .jqcloud span{font-family:pretendard !important;}
.tb-cloud .word-cloud{height:350px;border:1px solid #D1D7DC;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;}
.detail .tb-cloud .word-cloud{height:300px;}

.long-bnr{margin:40px auto;}
.long-bnr .thumb{height:180px;}
.mid-bnr{margin:20px auto 30px;}
.mid-bnr .thumb{height:100px;}
.tb-category{margin:0 0 20px;}
.tb-category .d_width{padding:30px;background:#F5F6F8;}
.tb-category a{display:block;flex:1;text-align:center;padding:0 10px;color:#333;}
.tb-category a.all {}
.tb-category a span{display:flex;height:80px;background:#fff;border-radius:10px;border:1px solid #86AAB9;margin-bottom:10px;justify-content:center;align-items:center;color:#666;font-weight:900;}
.tb-category a:hover span{background:var(--sub-color);color:#fff;}
.tb-category a.on span{background:var(--tb-grd);color:#fff;}
.tb-category a:hover span:before,
.tb-category a.on span:before{filter:brightness(10);}
.tb-category a:not(.all) span:before{content:"";width:50px;height:50px;background:url(../img/tb-category-ico.png);}
.tb-category a.ico2 span:before{background-position-x:-50px;}
.tb-category a.ico3 span:before{background-position-x:-100px;}
.tb-category a.ico4 span:before{background-position-x:-150px;}
.tb-category a.ico5 span:before{background-position-x:-200px;}
.tb-category a.ico6 span:before{background-position-x:-250px;}
.tb-category a.ico7 span:before{background-position-x:-300px;}	
.tb-category a.ico8 span:before{background-position:0 -50px;}
.tb-category a.ico9 span:before{background-position:-50px -50px;}
.tb-category a.ico10 span:before{background-position:-100px -50px;}
.tb-category a.ico11 span:before{background-position:-150px -50px;}
.tb-category a.ico12 span:before{background-position:-200px -50px;}
.tb-category a.ico13 span:before{background-position:-250px -50px;}
.tb-category a.ico14 span:before{background-position:-300px -50px;}
.tb-category a.ico15 span:before{background-position:0 -100px;}
.tb-category a.ico16 span:before{background-position:-50px -100px;}
.tb-category a.ico17 span:before{background-position:-100px -100px;}
.tb-category a.ico18 span:before{background-position:-150px -100px;}
.tb-category a.ico19 span:before{background-position:-200px -100px;}
.tb-category a.ico20 span:before{background-position:-250px -100px;}
.tb-category a.ico21 span:before{background-position:-300px -100px;}
.tb-category a.ico22 span:before{background-position:0 -150px;}
.tb-category a.ico23 span:before{background-position:-50px -150px;}
.tb-category a.ico24 span:before{background-position:-100px -150px;}
.tb-category a.ico25 span:before{background-position:-150px -150px;}
.tb-category a.ico26 span:before{background-position:-200px -150px;}

.tb-category2{margin-bottom:40px;}
.tb-category2 .tb-info{padding:20px;justify-content:space-between;}
.tb-category2 .tb-info::-webkit-scrollbar{border-radius: 10px;width: 5px;background-color: var(--sub-color);}
.tb-category2 .tb-info::-webkit-scrollbar-track{border-radius: 10px; width:5px; background-color:#cccccc;}
.tb-category2 .tb-info::-webkit-scrollbar-thumb{border-radius: 10px; width:5px; -webkit-box-shadow: none; background-color:var(--sub-color);}
.tb-category2 .tb-info h3{margin:10px 0 5px;}
.tb-category2 .col_d2:nth-child(-n + 2) h3{margin-top:0;}
.tb-category2 .tb-info .btn-d{margin:1px;}
.tb-category2 .tb-info input[type="checkbox"] {width:1px;height:1px;border:0;padding:0;overflow:hidden;position:absolute;left:-9999em;}
.tb-category2 .tb-info input[type="checkbox"]:focus + label {outline:2px solid #000;}
.tb-category2 > .btn-wrap{padding:5px 20px;border-top:1px dashed #dadada;}

.tb-list-wrap > .row{justify-content:space-between;}
.tb-list-wrap .col-1{width:320px;}
.tb-list-wrap .col-2{width:calc(100% - 340px);}
.tb-list-wrap .board-control.d_width{width:auto;}
.tb-list-wrap .col-1 > div > .tit{font-size:1.1rem;font-weight:500;color:#121314;margin-bottom:15px;}
.tb-list-wrap .col-1 > div  > .tit i{font-size:.9rem;font-weight:700;margin-right:5px;}
.tb-sch-filter .input-wrap{position:relative;background:#F5F6F8;border-radius:50px;}
.tb-sch-filter .search{border:0;background:#0000;font-size:.95rem;padding-right:50px;}
.tb-sch-filter .search:focus{border:1px solid var(--sub-color);}
.tb-sch-filter .input-wrap i{position:absolute;top:50%;right:20px;transform:translateY(-50%);color:#A1A9AD;font-weight:500;}
.tb-filter{margin:20px 0 30px;display:flex;border:1px solid #EAEAEA;border-radius:5px;overflow:hidden;}
.tb-filter .tab{width:120px;display:block;margin:0;background:#F5F6F8;}
.tb-filter .tab a{display:block;padding:15px 8px;color:#71737D;}
.tb-filter .tab a.on{background:#fff;color:#333;}
.tb-filter .cont{width:calc(100% - 120px);padding:20px 10px;}
.tb-filter .tit{margin-top:20px;color:#333;}
.tb-filter h4{color:var(--main-color) !important;font-size:18px;}
.tb-rank .keyword{font-size:.9rem;}
.tb-rank .keyword a{display:inline-block;padding:2px 5px;background:#F5F6F8;font-size:.95rem;margin:0 3px;}
.tb-rank .keyword a:before{content:"#";color:var(--sub-color);margin-right:5px;}
.tb-rank .rank-list{margin-top:10px;background:#F5F6F8;padding:10px 20px;counter-reset:num;}
.tb-rank .rank-list a					{display:flex;margin:0.5rem 0;line-height:22px;width:100%;color:#333;}
.tb-rank .rank-list a span			{width:calc(100% - 35px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.tb-rank .rank-list a em			{width:35px;text-align:center;flex-shrink:0;color:#666;}
.tb-rank .rank-list a em.ico-up	{color:var(--red);}
.tb-rank .rank-list a em.ico-down	{color:var(--blue);}
.tb-rank .rank-list a em.new		{color:var(--sub-color);font-size:.7rem;}
.tb-rank .rank-list .btn-ico:before			{margin:0;}
.tb-rank .rank-list a:before		{counter-increment:num;content:counter(num);font-size:0.75rem;display:inline-block;width:20px;height:20px;border-radius:0.125rem;margin-right:10px;text-align:center;flex-shrink:0;background:#999;color:#fff;}
.tb-rank .rank-list a:nth-child(-n + 3):before{background:var(--sub-color);}
.tb-bnr .thumb{margin-top:30px;height:160px;}
.tb-bnr .thumb > a:focus{outline:4px solid #f00;}

.sorting-btn .btn-ico:before{margin-right:0;}
.sorting-btn .btn-ico.on{border-color:var(--sub-color);color:var(--sub-color);}
.ico-gallery:before{content:"\f84c";}
.board-state	{margin-bottom:30px;}
.board-state .tv-checkbox{margin-right:10px;font-weight:500;}
.board-state .tv-checkbox i{font-size:.7rem;font-style:normal;}
.board-state .tv-checkbox.pre{color:var(--sub-color);}
.board-state .tv-checkbox.ing{color:#B48701;}
.board-state .tv-checkbox.end{color:#636D8B;}
.board-state .tv-checkbox input[type="checkbox"] + label::before{border-width:2px;}

.tb-intro-bnr{margin:30px 0 80px;padding:60px 60px 0px;background:#F6F6F6;position:relative;font-size:1.125rem;color:#333;line-height:1.6;}
.tb-intro-bnr:before{content:"";width:320px;height:100%;background:var(--tb-grd);position:absolute;top:0;right:0;}
.tb-intro-bnr:after{content:"";width:630px;height:426px;background:url(../img/tb-intro02-1.png);position:absolute;right:0;top:50%;transform:translateY(-50%);}
.tb-intro-bnr .tit{font-size:1.75rem;;font-family:gsans;font-weight:900;color:#0d203f;line-height:1.2;}
.tb-intro-bnr .txt{margin:20px 0 30px;}
.tb-intro-bnr .stit{margin:0 0 10px;font-size:1.2rem;color:#121314;font-weight:700;}
.tb-intro-bnr ol{counter-reset:num;}
.tb-intro-bnr ol li{margin:10px 0;}
.tb-intro-bnr ol li:before{counter-increment:num;content:counter(num);width:30px;height:30px;line-height:30px;border-radius:50%;text-align:center;font-size:1rem;font-weight:700;color:#fff;background:#0d203f;display:inline-block;margin-right:15px;vertical-align:top;}
.tb-intro-bnr .btn-wrap{position:relative;bottom:-30px;z-index:1;}
.tb-intro-bnr .btn-wrap a{width:300px;padding:5px;border:0;}
.tb-intro-bnr .btn-wrap a.btn-bg{background:var(--tb-grd);}
.tb-intro-bnr.bg2:before,
.tb-intro-bnr.bg2 .btn-wrap a.btn-bg,
.tb-intro-bnr.bg2 ol li:before{background:#113472;}
.tb-intro-bnr.bg2 .tit{color:#113472;}
.tb-intro-bnr.bg2:after{background:url(../img/tb-intro02-2.png);}
.tb-intro-bnr.bg3:before,
.tb-intro-bnr.bg3 .btn-wrap a.btn-bg,
.tb-intro-bnr.bg3 ol li:before{background:#316451;}
.tb-intro-bnr.bg3 .tit{color:#316451;}
.tb-intro-bnr.bg3:after{background:url(../img/tb-intro02-3.png);}

.biz-title{border-radius:10px;height:150px;}
.biz-title a{height:100%;display:block;}

/* [s] 상세페이지 반응형 */
@media (max-width : 1440px){
    .tb-intro-bnr:after{width:480px;background-position:center;background-size:cover;}
	.tb-intro-bnr.bg2:after,
	.tb-intro-bnr.bg3:after{width:560px;background-position:center;background-size:cover;}
}
@media (max-width : 1240px){
    .biz-title{height:120px;}
    .tb-intro-bnr{padding:50px 40px 0;}
	.tb-intro-bnr:before{width:170px;}
	.tb-intro-bnr:after{width:340px;height:250px;top:30px;transform:none;}
	.tb-intro-bnr.bg2:after,
	.tb-intro-bnr.bg3:after{width:340px;}
	.tb-intro-bnr .btn-wrap a{width:calc(100% / 3 - 10px);}
	.biz-process .step .bx{padding:10px 5px;}
	.biz-process .step .bx2{padding:10px 5px;}
    .biz-btn .btn-d.btn-xlg{padding:5px 15px !important;}
}
@media (max-width : 1023px){
	.biz-title{height:100px;}
	.tb-intro-bnr{padding:40px 30px;margin:30px 0;}
	.tb-intro-bnr:before{width:100%;height:5px;}
	.tb-intro-bnr:after{display:none;}
	.tb-intro-bnr .btn-wrap{bottom:auto;}
	.tb-intro-bnr ol{margin-bottom:25px;}
	.biz-process .step{width:calc(100% / 3 - 10px);flex:auto;}
	.biz-btn .btn-d.btn-xlg{line-height:48px;}
}
@media only screen and (max-width : 767px){
	.biz-title{border-radius:5px;}
	.tb-intro-bnr{font-size:1.1rem;padding:30px 20px;}
	.tb-intro-bnr .tit{font-size:1.55rem;}
	.tb-intro-bnr ol li:before{width:25px;height:25px;line-height:25px;margin-right:10px;vertical-align:middle;}
    .biz-btn .btn-d.btn-xlg{width:200px !important;line-height:43px;font-size:1.1rem;}
}
@media only screen and (max-width : 576px){
	.biz-title{height:80px;}
	.tb-intro-bnr{padding:20px;}
	.tb-intro-bnr .tit{font-size:1.4rem;}
	.tb-intro-bnr .stit{font-size:1.1rem;}
	.tb-intro-bnr .txt br{display:none;}
	.tb-intro-bnr ol li:before{width:20px;height:20px;line-height:20px;font-size:14px;}
	.tb-intro-bnr .btn-wrap a{width:100%; margin-bottom:10px;}
	.tb-intro-bnr.bg2 .tit br{display:none;}
	.biz-process .step{width:calc(100% / 2 - 10px);}
	.biz-process .step .bx .tit{font-size:17px;}
    .biz-btn .btn-d.btn-xlg{width:100% !important;margin:0 0 10px;}
}
@media only screen and (max-width :415px){
    .biz-title{height:60px;}
    .biz-title.thumb img{min-height: 110%;}
	.tb-intro-bnr{font-size:1.05rem;}
	.tb-intro-bnr .tit{font-size:1.3rem;}
	.tb-intro-bnr .txt{margin:15px 0 20px;}
	.tb-intro-bnr ol li{margin:15px 0;}
	.tb-intro-bnr.bg2 ol li:before{background:none;color:#113472;}
	.tb-intro-bnr ol li:before{width:auto;font-size:1rem;background:none !important;color:#38a681;margin-right:5px;}
	.biz-process .step{width:100% !important;}
	.biz-process .step .bx .txt br{display:none;}
    .biz-btn .btn-d.btn-xlg{line-height:38px;font-size:1.05rem;}
}
/* [e] 상세페이지 반응형 */

/*특허기술은행 신청*/
.reg-title{text-align:center;background:url(../img/tb-app-bg01.png) no-repeat 0 0/100% 280px;padding:50px 0;}
.reg-title.bg2{background-image:url(../img/tb-app-bg02.png);}
.reg-title.bg3{background-image:url(../img/tb-app-bg03.png);}
.reg-title.bg4{background-image:url(../img/tb-app-bg04.png);}
.reg-title.bg5{background-image:url(../img/tb-app-bg05.png);}
.reg-title .title{margin-bottom:30px;}
.reg-title .cont{background:#fff;padding:40px;border-radius:10px;box-shadow:0 10px 10px #0002;}
.reg-title .cont .tit{font-size:25px;color:#121314;font-weight:700;margin-bottom:10px;}
.reg-title .cont .txt{font-size:1.1rem;color:#919191;}

.grd-border{border:2px solid transparent;background-image:linear-gradient(#fff, #fff), var(--tb-grd);background-origin: border-box;background-clip: content-box, border-box;border-radius:5px;}
.tb-info{padding:40px;border-radius:10px;border:1px solid #dadada;}
.grd-border .tb-info{border:0;}
.tb-info h3 {font-size:1.125rem;color:var(--sub-color);margin:0 0 20px;}
.tb-info h3:before{display:none !important;}
.tb-info .cont.row{display:flex;justify-content:space-between;}
.tb-info .board-write{padding:0;background:none;}
/*선택박스 유형*/
.tb-info .col_d2{width:calc(50% - 10px);}
.tb-info .tb-chk > a,
.tb-info .tb-chk > div{background:#F5F6F8;border-radius:10px;text-align:center;}
.tb-info .tb-chk .form-inline{justify-content:center;}
.tb-info .tb-chk > a{display:block;padding:50px;transition:all .3s;}
.tb-info .tb-chk > div{padding:30px;}
.tb-info .tb-chk span[class*="ico"]{display:block;width:100px;height:100px;background:url(../img/tb-chk-ico.png);margin:0 auto 20px;}
.tb-info .tb-chk span.ico2{background-position:-100px 0;}
.tb-info .tb-chk span.ico3{width:80px;height:80px;background-position:-10px -210px ;}
.tb-info .tb-chk span.ico4{width:80px;height:80px;background-position:-100px -210px;}
.tb-info .tb-chk span.ico5{background-position:0 -100px;}
.tb-info .tb-chk span.ico6{background-position:-100px -100px;}
.tb-info .tb-chk .tit{font-size:25px;color:#8D92AB;margin:0 0 10px;font-weight:700;}
.tb-info .tb-chk .txt{font-size:1.125rem;color:#808080;word-break:keep-all;}
.tb-info .tb-chk > a:hover,
.tb-info .tb-chk > a.on{background:var(--sub-color);}
.tb-info .tb-chk > a:hover .tit, .tb-info .tb-chk > a:hover .txt,
.tb-info .tb-chk > a.on .tit, .tb-info .tb-chk > a.on .txt{color:#fff;}
.tb-info .tb-chk > a:hover span[class*="ico"],
.tb-info .tb-chk > a.on span[class*="ico"]{filter:brightness(10);}
.tb-info .tb-chk.patent > div{background:#fafafa;}
.tb-info .tb-chk.patent .tit{font-size:20px;color:#121314;}
/*카테고리 선택 유형*/
.tb-info .tb-category{margin:0 -10px;}
.tb-info .tb-category a{min-width:calc((100% / 8) - 20px);margin:10px 0;}

/*드롭박스 유형*/
.tb-info.drop	{padding:0;}
.tb-info.drop > div{padding:20px 40px;}
.tb-info.drop .tit{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #eaeaea;}
.tb-info.drop .tit h3{margin-bottom:0;}
.tb-info.drop .tit .angle-ico{display:block;width:30px;height:30px;line-height:30px;border-radius:50px;text-align:center;color:var(--sub-color);border:1px solid #ccc;}
/*기술정보-이전대상기술*/
.tb-info.tech .thumb{width:225px;height:175px;}
.tb-info.tech .tb-list{width:calc(100% - 265px);}
.tb-info.tech .info{display:flex;flex-wrap:wrap;margin-top:20px;}
.tb-info.tech .info li{width:50%;line-height:2;}
.tb-info.tech .info li span{display:inline-block;width:130px;color:#919191;}
/*이전신청 과정-이전대상기술*/
.contract-step{display:flex;margin:-10px;flex-wrap:wrap;}
.contract-step li{width:calc(25% - 20px);margin:10px;padding:20px;border-radius:5px;border:1px solid #dadada;word-break:keep-all;}
.contract-step span[class*="ico"]{display:block;width:70px;height:70px;border-radius:5px;background:#DFF4EF url(../img/tb-contract-ico.png);position:relative;}
.contract-step{counter-reset: num;}
.contract-step span:after{counter-increment: num;content: counter(num);width:25px;height:25px;border-radius:50%;background:var(--tb-grd);color:#fff;font-weight:700;position:absolute;top:50%;right:-15px;transform:translateY(-50%);text-align:center;}
.contract-step span.ico2{background-position:-70px 0;}
.contract-step span.ico3{background-position:-140px 0;}
.contract-step span.ico4{background-position:-210px 0;}
.contract-step span.ico5{background-position:0 -70px;}
.contract-step span.ico6{background-position:-70px -70px;}
.contract-step span.ico7{background-position:-140px -70px;}
.contract-step span.ico8{background-position:-210px -70px;}
.contract-step .tit{font-weight:500;color:#121314;margin:20px 0 10px;}
.contract-step .txt{color:#808080;font-weight:200;line-height:1.3;}
/*개인정보동의*/
.tech-reg .agree .cont .txt{height:300px; overflow-y:auto; padding:30px;border:1px solid #dadada;border-radius:10px;}
.tech-reg .agree .cont .txt em{display: block; margin-top:10px;}
.tech-reg .agree .cont .txt h5{font-size: 1.1rem; color:#000}
.tech-reg .agree .cont .txt table{text-align:center;}
.tech-reg .agree .cont .txt table thead tr{background-color:#516B7B; color:#ffffff;}
.tech-reg .agree .cont .txt table thead th{text-align:center;padding:10px; border:1px solid #e6e6e6;}
.tech-reg .agree .cont .txt table tbody tr{border:1px solid #e6e6e6;}
.tech-reg .check-wrap	{position:relative;padding:20px 30px;}
.tech-reg .check-wrap span	{float:left;width:100%;font-size:23px;line-height: 1.5;color:#374259; font-weight:700; padding:30px 0;}
.tech-reg .check-wrap a	{display:inline-block;width:27px;height:27px;line-height:27px;text-align:center;border-radius:50%;border:1px solid #8990A0;transition:all 0.2s ease-out;color:#8990A0;margin-right:10px;}
.tech-reg .check-wrap a.agree-ok	{border-color:#5CA7DA;background:#5CA7DA;color:#fff;}
.tech-reg .check-wrap a:before	{content:"\f00c";font-family:var(--faw);font-weight:900;}
.tech-reg .check-wrap a.on	{color: #fff;background: var(--sub-color);border-color: var(--sub-color);}
.tech-reg .agree .cont .txt table tbody td{background-color:#fff;padding:10px; border:1px solid #e6e6e6;}
.agree *::-webkit-scrollbar{border-radius: 10px;width: 10px;background-color: var(--main-color);}
.agree *::-webkit-scrollbar-track{border-radius: 10px; width:5px; background-color:#cccccc;}
.agree *::-webkit-scrollbar-thumb{border-radius: 10px; width:10px; -webkit-box-shadow: none; background-color:var(--main-color);}
.agree *::-webkit-scrollbar-button{display: none;}

/*신청완료 - 특허기술은행의 경우*/
.tb-info.clr .tit-wrap{text-align:center;word-break:keep-all;}
.tb-info.clr .tit-wrap .tit{font-size:var(--font-2xlg);font-weight:900;color:var(--sub-color);}
.tb-info.clr .tit-wrap .txt{font-size:var(--font-lg);color:#9A9DA6;}
.tb-info.clr h3{padding-top:20px;margin-top:20px;border-top:1px dashed #dadada;}
/*신청완료 ver2*/
.reg-clr .bx{padding:80px 130px;background:#F6F9FB;border-radius:10px;border:1px solid #94a3cd;}
.reg-clr .tit-wrap{text-align:center;padding:0 0 20px;border-bottom:1px dashed #ccc;word-break:keep-all;}
.reg-clr .tit-wrap .tit{font-size:var(--font-3xlg);font-weight:900;color:var(--main-color);font-family:gsans;}
.reg-clr .tit-wrap .txt{font-size:var(--font-lg);color:#9A9DA6;}
.reg-clr .tit-wrap .txt em{color:var(--sub-color);}
.reg-clr .subject{color:#333;font-size:var(--font-xlg);text-align:center;font-weight:700;background:#fff;border-radius:10px;margin:20px 0 30px;}
.reg-clr .info{display:flex;flex-wrap:wrap;}
.reg-clr .info li{width:50%;padding:0 20px;}
.reg-clr .info li:nth-child(2n+1){border-right:1px dashed #ccc;}
.reg-clr .info span{display:inline-block;width:130px;color:var(--point-color);}
.reg-clr .btn-area{margin-top:60px;}
.reg-clr .btn-area .btn-d{width:270px;}
/* [s] 신청완료 - 특허기술은행의 경우 반응형 */
@media (max-width : 1023px){
    .tb-info.clr .tit-wrap .txt{line-height: 1.4;}
}
@media only screen and (max-width : 767px){
    .tb-info.clr .tit-wrap .tit{font-size: 1.7rem;}
    .tb-info.clr .tit-wrap .txt{font-size: 1.1rem;}
    .tb-list .subject{font-size: 16px;}
}
@media only screen and (max-width : 576px){
    .tb-info.clr .tit-wrap .tit{font-size: 1.5rem;}
    .tb-info.clr .tit-wrap .txt{font-size: 1rem;}
}
@media only screen and (max-width : 415px){
    .tb-info.clr .tit-wrap .tit{font-size: 1.3rem;}
}
/* [e] 신청완료 - 특허기술은행의 경우 반응형 */


/*신청단계 (상단 step)*/
.reg-step							{border-radius:100px 100px 0 0;background:linear-gradient(180deg, #F5F6F8, transparent);padding:60px 0 40px;text-align:center;}
.reg-step ul						{display:flex;justify-content:center;}
.reg-step li							{margin:0 40px;font-size:1.125rem;color:#808080;}
.reg-step li	 span				{display:block;width:100px;height:100px;border-radius:50%;background:#fff;border:1px solid #dadada;position:relative;margin:0 auto 10px;}
.reg-step li	 span:after		{content:"";width:40px;height:40px;background:url(../img/tb-app-ico.png);position:absolute;top:50%;left:50%;transform:translate(-50% , -50%);}
.reg-step li	 span.ico2:after{background-position-x:-40px;}
.reg-step li	 span.ico3:after{background-position-x:-80px;}
.reg-step li	 span.ico4:after{background-position-x:-120px;}
.reg-step li	 span.ico5:after{background-position-x:-160px;}
.reg-step li	 span.ico6:after{background-position-x:-200px;}
.reg-step li	 span:before		{content:"";width:100%;height:1px;background:#dadada;position:absolute;top:50px;left:100%;}
.reg-step li:last-child span:before			{display:none;}
.reg-step li.on{color:var(--sub-color);font-weight:500;}
.reg-step li.on span{background:var(--tb-grd);border:0;}
.reg-step li.on span:after{background-position-y:-40px;}
.reg-step .tit{font-size:25px;color:#121314;margin:50px 0 20px;line-height:1.2;font-weight:500;}
.reg-step .txt{font-size:1.125rem;color:#808080;font-weight:200;}

@media only screen and (max-width:1580px){ /* 1400px */
}
@media only screen and (max-width:1440px){ /* 1200px */
	.reg-clr .bx{padding:60px;}
}
@media only screen and (max-width:1240px){ /* 960 */
	.tech-reg .agree .cont .txt{padding:20px;}	
	.reg-clr .tit-wrap .tit{font-size:var(--font-2xlg);}
	.reg-clr .tit-wrap .txt{font-size:var(--font-base);}
	.reg-clr .subject{font-size:var(--font-lg);}
	.reg-clr .btn-area .btn-d{width:auto;}
	.reg-clr .btn-area{margin-top:40px;}
}
@media only screen and (max-width:1023px){ /* 720 */
	.reg-clr .bx{padding:40px;}
	.reg-clr .btn-area{margin-top:20px;}
	.reg-clr .info li{width:100%;padding:0;}
	.reg-clr .info li:nth-child(2n+1){border-right:0;}
}
@media only screen and (max-width:767px){ /* auto */
	.reg-clr .tit-wrap .tit{font-size:var(--font-xlg);}
}
@media only screen and (max-width:576px){ /* mobile-l */
	.reg-clr .tit-wrap .tit{line-height:1.2;}
	.reg-clr .bx{padding:20px;}
	.reg-clr .subject{font-size:1.1rem;margin:10px 0;padding:5px;}
	.reg-clr .info{font-size:.9rem;}
	.reg-clr .info span{width:80px;}
}
@media only screen and (max-width:415px){ /* mobile-s */
}
/*//특허기술은행 신청*/

/*기술가치평가*/
#tech-value h2{font-size:1.75rem;color:#121314;margin-top:30px;}

.tv-search-wrap h1{font-size:var(--font-4xlg);color:#121314;margin-bottom:20px;}
.tv-search-wrap > .row{justify-content:space-between;}
.tv-search-wrap .col-1{width:calc(100% - 540px);}
.tv-search-wrap .col-2{width:500px}
.tv-search-wrap .col-2.thumb{border-radius:10px;transition:all .3s;}
.tv-search-wrap .col-2.thumb:hover{box-shadow:0 0 20px #0006;}
.tv-search-wrap .search-bx{margin:30px 0;}
.tv-search-wrap .search-bx .list-search{background:0;padding:0;}
.tv-search-wrap .search-bx .tit{font-size:1.1rem;color:#121314;margin-bottom:10px;font-weight:500;}
.tv-search-wrap .col-1 .txt{font-size:1.1rem;}
.tv-search-wrap .bnr{display:flex;justify-content:space-between;}
.tv-search-wrap .bnr a{width:calc(50% - 10px);padding:35px;border-radius:5px;background:#472738;font-size:1.4rem;color:#fff;font-weight:700;}
.tv-search-wrap .bnr a:before{content:"";width:32px;height:32px;display:inline-block;margin-right:10px;background:url(../img/tv-bnr-ico1.png);vertical-align:middle;}
.tv-search-wrap .bnr a:nth-child(2){background:#996251;}
.tv-search-wrap .bnr a:nth-child(2):before{background:url(../img/tv-bnr-ico2.png);}
.tv-search-wrap .bnr a:hover{background:#2f1523;}
.tv-search-wrap .app-bnr a{display:block;height:100%;background:#24B882 url(../img/tv-bnr-ico3.png) no-repeat right 0 bottom 20px;padding:40px;border-radius:5px;font-family:gsans;color:#1D4E41;font-weight:900;font-size:1.1rem;line-height:1.2;}
.tv-search-wrap .app-bnr a:hover{background-color:var(--sub-color);box-shadow:10px 10px 20px #0004;}
.tv-search-wrap .app-bnr .stit{font-size:1.85rem;margin:10px 0;}
.tv-search-wrap .app-bnr .tit{color:#fff;font-size:var(--font-4xlg);line-height:1;}
.tv-search-wrap .app-bnr .btn-d{font-family:pretendard;font-size:1.1rem;color:#2FEAA4;font-weight:700;line-height:45px;padding:0 40px;background:#1D4E41;border-color:#1D4E41;margin-top:20px;}

.tv-report .d_width {margin-top:40px;border-top:1px dashed #ccc;}
.tv-report .report-list {display:flex;justify-content:space-between;align-items:center;margin-top:40px;}
.tv-report .report-list .active{width:100%;/* width:740px; */display:flex;justify-content:space-between;align-items:center;}
.tv-report .report-list ul{width:calc(100% - 780px);display:flex;justify-content:space-between;}
.tv-report .report-list li{width:calc((100% - 40px) / 3);}
.tv-report .subject{font-size:1.1rem;color:#222;font-weight:500;word-break:keep-all;margin-top:20px;text-align:center;}
.tv-report .active .cont .subject{font-size:23px;margin-top:0;text-align:left;}
.tv-report .active .cont .txt{margin:10px 0;font-size:1.1rem;color:#373C4E;font-weight:500;}
.tv-report .active .cont .tb-list{padding:20px;background:#F5F6F8;}
.tv-report .active .tb-list .subject{font-size:1.1rem;font-weight:500;}
.tv-report .active .file-wrap a{margin-top:20px;display:flex;justify-content:space-between;}
.tv-report .item-control{position:absolute;top:30px;right:0;}
.tv-report .item-control a{display:inline-block;width:35px;height:35px;line-height:32px;border:1px solid var(--main-color);border-radius:50%;color:var(--main-color);text-align:center;}
.tv-report .report			{position:relative;display:block;height:260px;background:#fff url(../img/logo_nikom.png) no-repeat left 50% bottom 25px;background-size:70px auto;box-shadow:0 5px 10px rgba(0,0,0,0.2);line-height:1.2;letter-spacing:-1px;padding:45px 0;text-align:left;}
.tv-report .report:hover	{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,0.3);}
.tv-report .report:before	{content:"";position:absolute;left:8px;top:0;height:100%;border-left:1px solid rgba(0,0,0,0.05);z-index:7;box-shadow:0px 0px 15px rgba(0,0,0,1);}
.tv-report .report p{padding:0 10px;font-size:20px;}
.tv-report .report .tit		{color:#fff;font-weight:600;padding-top:15px;padding-bottom:15px;}
.tv-report .report .tit:after	{content:"EVALUATION REPORT";display:block;color:rgba(255,255,255,0.6);font-size:.5rem;font-weight:100;letter-spacing:2px;margin-top:5px;}
.tv-report .report .stit	{margin-top:10px;font-size:.8rem;}
.tv-report .active .report{width:280px;height:370px;background-size:100px auto;padding:75px 0;}
.tv-report .active .cont{width:calc(100% - 360px);/* width:calc(100% - 320px); */}
.tv-report .active .report p{font-size:28px;padding:0 25px;}
.tv-report .active .report .tit		{padding-top:30px; padding-bottom:30px;background:var(--main-color);}
.tv-report .active .report .tit:after	{font-size:11px;margin-top:10px;letter-spacing:5px;}
.tv-report .active .report .stit	{margin-top:20px;font-size:1rem;}
.tv-report .active .report .item{font-weight:400;color:var(--main-color);}
.tv-report li:nth-child(7n + 1) .report .item		{color:#E27201}
.tv-report li:nth-child(7n + 1) .report .tit{background:#E27201;}
.tv-report li:nth-child(7n + 2) .report .item		{color:#5d442b}
.tv-report li:nth-child(7n + 2) .report .tit{background:#5d442b;}
.tv-report li:nth-child(7n + 3) .report .item		{color:#3591D0}
.tv-report li:nth-child(7n + 3) .report .tit{background:#3591D0;}
.tv-report li:nth-child(7n + 4) .report .item		{color:#339966}
.tv-report li:nth-child(7n + 4) .report .tit{background:#339966;}
.tv-report li:nth-child(7n + 5) .report .item		{color:#85919E}
.tv-report li:nth-child(7n + 5) .report .tit{background:#85919E;}
.tv-report li:nth-child(7n + 6) .report .item		{color:#A39272}
.tv-report li:nth-child(7n + 6) .report .tit{background:#A39272;}
.tv-report li:nth-child(7n) .report .item		{color:#eb6868}
.tv-report li:nth-child(7n) .report .tit{background:#eb6868;}

.tv-tech {margin-top:80px;}
.tv-tech > .row{display:flex;justify-content:space-between;}
.tv-tech .col-1{width:300px;}
.tv-tech .col-2{width:calc(100% - 340px);}
.tv-tech .tab{margin-top:30px;text-align:center;display:block;height:200px;overflow-y:scroll;padding-right:10px;}
.tv-tech .tab a{padding:10px 20px;border-radius:50px;color:#333;display:block;margin:5px 0;font-size:1.1rem;}
.tv-tech .tab a.on{background:#333;color:#fff;}
.tv-tech .tab::-webkit-scrollbar{border-radius: 10px;width: 5px;background-color: #4AB994;}
.tv-tech .tab::-webkit-scrollbar-track{border-radius: 10px; width:3px; background-color:#ccc;}
.tv-tech .tab::-webkit-scrollbar-thumb{border-radius: 10px; width:5px; -webkit-box-shadow: none; background-color:#4AB994;}
.tv-tech .tb-list .thumb {height:140px;border-radius:5px;margin-bottom:10px;}
.tv-tech .tb-list .subject{font-size:1.1rem;min-height:43px;}
/*[e] 특허기술은행*/

/*[s] 특허기술은행 반응형*/
/* 이전대상기술 반응형[s] */
@media only screen and (max-width: 1440px){
	
}
@media only screen and (max-width: 1240px){
	.tb-search-wrap .list-search:before, .tb-search-wrap .list-search:after{display:none;}
	.tb-category{margin:20px 0;}
	.tb-category .d_width{padding:30px 20px;}
	.tb-category a{width:20%; flex:unset;}
	#tech-bank .board-state{margin-bottom:10px;}
	#tech-bank .comment.comment-left{margin-left:0; margin-top:10px;}
	#tech-bank .comment.comment-left:before{top:-6px; left:50%; margin-top:-6px; transform:rotate(450deg);}
	.tb-rmd .rmd-list li{width:245px !important;}
	.tb-list.row > li{width:calc(50% - 20px);}
	
}
@media only screen and (max-width: 1023px){
	.tb-category .d_width{padding:20px;}
	.tb-list-wrap .col-1{width:100%; display:flex;}
	.tb-list-wrap .col-2{width:100%;}
	.tb-rmd .col-1{width:100%; margin-bottom:20px;}
	.tb-rmd .col-2{width:100%;}
	#tech-bank .tb-sch-filter	{width:calc(100% - 340px);}
	#tech-bank .tb-rank-btm		{width:320px; margin-left:20px;}
	#tech-bank .tb-rank-btm .tb-bnr .thumb{margin-top:20px;}
	#tech-bank .board-state{margin-bottom:10px;}
	#tech-bank .comment.comment-left{margin-left:10px; margin-top:0px;}
	#tech-bank .comment.comment-left:before{top:50%; left:-12px; margin-top:-6px; transform:rotate(0deg);}
}
@media only screen and (max-width:767px){
	#tech-bank .search-bx .input-wrap{width:calc(100% - 55px);}
	#tech-bank .tb-sch-filter{width:calc(100% - 240px);}
	#tech-bank .tb-rank-btm{width:220px;}
	.tb-bnr .thumb{height:110px;}
	.tb-category a{width:25%;}
	.tb-category a span{margin-bottom:0;}
	.tb-category .d_width a:nth-child(-n+5){margin-bottom:10px;}
	#tech-bank .comment.comment-left{margin-left:0; margin-top:10px;}
	#tech-bank .comment.comment-left:before{top:-6px; left:50%; margin-top:-6px; transform:rotate(450deg);}
	
	.tb-category2 .tb-info{padding:20px;justify-content:space-between;height:150px;overflow-y:scroll;}
    .tb-category2 .col_d2{width:100%;}
    .tb-category2 .col_d2:nth-child(2) h3{margin-top:10px;}
}
@media only screen and (max-width:576px){
	#tech-bank .search-bx .input-wrap{width:100%; margin-right:0;}
	.tb-category a{width:33.33%;}
	.tb-category a span{height:60px;}
	.tb-category .d_width {overflow-x:scroll; flex-wrap:nowrap;}
	.tb-category .d_width a {min-width:130px; text-align:center; }
	.tb-category a:not(.all) span:before{transform:scale(0.8);}
	.tb-category .d_width a:nth-child(-n+5){margin-bottom:0px;}
	.tb-list-wrap .col-1{flex-wrap:wrap;}
	#tech-bank .tb-sch-filter{width:100%;}
	#tech-bank .tb-filter{margin:20px 0 20px;}
	#tech-bank .tb-rank-btm{width:100%; margin-left:0;}
	.tb-list-wrap .board-info-right{align-items:center;}
	.tb-list-wrap .board-info-right i{flex:unset;}
	.tb-list-wrap  .board-state{margin-bottom:15px;}
	.tb-list .subject.tit-clamp{min-height:45px;}
	.tb-list .subject{font-size:18px;}
	.tb-list .thumb{margin-bottom:10px; height:200px;}
	#tech-bank .tb-filter .tab a{display:inline-block; padding:15px;}
	#tech-bank .board-info-right *{flex:unset;}
	#tech-bank .board-info-right{justify-content:flex-end;}
	#tech-bank .board-info .form-control{width:150px !important;}
	#tech-bank .tb-filter{flex-wrap:wrap;}
	#tech-bank .tb-filter > div{width:100%;}
	.tb-filter .cont .form-control{display: inline-block; width:45%; margin:0;}
}
@media only screen and (max-width:415px){
	.tb-search-wrap .search-txt{font-size:23px;}
	.tb-search-wrap .keword-wrap{height:20px;}
	.tb-category .d_width{padding:10px;}
	.tb-category a{width:50%;}
	.tb-category a span {height:50px;}
	.tb-category .d_width a{font-size:.875rem; min-width:120px;}
	.tb-list.row > li{width:100%;}
	.tb-rmd .col-1 .bx-wrapper{height:320px !important;}
	#tech-bank .tb-filter{flex-wrap:wrap;}
	.tb-filter .cont{width:100%;}
	.tb-filter .tit{margin-top:5px;}
	#tech-bank .tb-bnr.bnr-mo{display:block !important;}
	#tech-bank .tb-bnr.bnr-mo .thumb	{height:160px; margin-top:10px;}
	#tech-bank .board-info .form-control{width:100% !important; margin-bottom:5px; margin-right:0;}
	.tb-list-wrap .board-info-right{display:block; text-align:right;}
	#tech-bank .board-info .form-control{width:50% !important;}
	.tb-list-wrap .board-info-right > a.btn-d{width:100%; margin-bottom:5px;}
	.tb-list.list .subject.tit-clamp{min-height:20px;}
	.tb-list.list > li:nth-child(n+4){display:none;}
	
}
@media only screen and (max-width:1240px){
	#tech-bank .long-bnr{display:none;}
	#transTechApply .long-bnr{display:none;}
}
/* //이전대상기술 반응형[e] */

/* [s] 이전대상기술 상세페이지 */
@media only screen and (max-width:1240px){
	.supply-view .tb-list .thumb{width:auto;}
	.supply-view .tb-list.row > li.col_d5{width:calc(25% - 20px);}

}
@media only screen and (max-width:1023px){
	.supply-view .tb-list.row > li.col_d5{width:calc(33.33% - 20px);}

}
@media only screen and (max-width:576px){
	.supply-view .file-wrap{flex-wrap:wrap;}
	.supply-view .tb-list.row > li.col_d5{width:calc(50% - 20px);}
	.supply-view .tb-list .thumb{height:150px; min-height:auto;}
	.tb-list .item{font-size:.85rem;}
	.supply-view .trade-b{padding:0 12.5px; line-height:20px;}
	
}
@media only screen and (max-width:415px){
	.supply-view .tb-list .btn-d.mtp20{margin-top:10px !important;}
	.supply-view .view-top .btn-wrap{padding:10px;}
	.supply-view .file-wrap{gap:10px; margin:10px 0;}
	.supply-view .file-wrap a{line-height:45px;}
	.supply-view .btn-area.mtp30{margin-top:10px !important;}
	.supply-view .tb-list.row{margin:0;}
	.supply-view .tb-list.row > li.col_d5{width:100%; margin:0;}
}

/* [e] 이전대상기술 상세페이지*/
/* [s] 이전대상기술 신청페이지 step1 반응형*/
@media only screen and (max-width:1023px){
	.reg-title{padding:30px 0; background:url(../img/tb-app-bg01.png) no-repeat 0 0/100% 240px;}
	.reg-title .cont{padding:20px 40px;}
	.reg-title .cont .tit{font-size:22px;}
	.tech-reg .tb-info{padding:20px;}
	.tech-reg .tb-info.tech .info{flex-direction:column;}
	.tb-info.tech .info li{width:100%;}
}
@media only screen and (max-width:767px){
	.tech-reg .tb-info h3 span{display:block;word-break:keep-all;margin-left:0 !important;margin-top:5px;} /* 추가 */
	.reg-title{background:url(../img/tb-app-bg01.png) no-repeat 0 0/100% 180px;}
	.reg-title .title{margin-bottom:20px;}
	.reg-title.bg2 img{height:70px;}
	.tb-info.tech .cont.row {justify-content:center;}
	.tech-reg .tb-info{padding:20px;}
	.tech-reg .tb-info.tech .info{flex-direction:column;}
	.tech-reg .tb-info.tech .tb-list{width:100%;}
}
@media only screen and (max-width:576px){
	.tb-info.tech .info li span{width:100px;}
	.reg-title{padding:20px 0;}
	.reg-title img{height:60px;}
	.reg-title .cont{padding:20px;}
	.reg-title .cont .tit{font-size:18px;}
	.reg-title .cont .txt{font-size:1rem;}
	.tb-info.clr .tit-wrap .tit{font-size:var(--font-xlg);}
}
@media only screen and (max-width:415px){
	.reg-title{background:url(../img/tb-app-bg01.png) no-repeat 0 0/100% 160px;}
	.reg-title .cont{padding:10px 20px;}
	.reg-title .cont .txt{font-size:.875rem;}
	.reg-step .tit{font-size:18px; margin:10px 0;}
	.reg-step .txt{font-size:1rem;}
	.tech-reg .tb-info.tech .thumb{width:100%;}
	.tech-reg .tb-info.tech .info li span{width:80px;}

}


/* [e] 이전대상기술 신청페이지 step1 반응형*/

/* 검색추천창 반응형 [s]*/
@media only screen and (max-width: 1440px){
	.tb-search-wrap.active .sch-rmd-wrap{width:1200px;}

}
@media only screen and (max-width:1240px){
	.tb-search-wrap.active .sch-rmd-wrap{width:960px;}
	.tb-search-wrap.active .list-search:before, .tb-search-wrap.active .list-search:after{font-size:56px;}
	.sch-rmd-bnr .thumb{height:90px;}
	
}
@media only screen and (max-width:1023px){
	.tb-search-wrap.active .sch-rmd-wrap{width:760px;}
	.tb-search-wrap.active .list-search:before, .tb-search-wrap.active .list-search:after{font-size:42px;}
	.tb-search-wrap .search-txt{font-size:30px; margin-bottom:10px;}
	.sch-rmd-wrap h4.tit{margin:1.25rem 0 1rem;}
	.sch-rmd-list{margin:0 -10px;}
	.sch-rmd-list li.col_d4{width:calc(50% - 20px);}
	.sch-rmd-list li.col_d4:nth-child(n+3){display:none;}
	.sch-rmd-list li.col_d2:nth-child(n+2){display:none;}
	.sch-rmd-list li.col_d2{width:100%;}
	.sch-rmd-bnr li{width:calc(25% - 8px);}
	.sch-rmd-bnr .thumb{height:60px;}

}
@media only screen and (max-width:767px){
	.tb-search-wrap.active .sch-rmd-wrap{width:100%;}
	.tb-search-wrap.active .list-search:before, .tb-search-wrap.active .list-search:after{display:none;}
	.tb-search-wrap.active .sch-rmd-wrap{padding:0 20px 20px; border-radius:0 0 20px 20px;}
	.sch-rmd-wrap h4.tit{margin:.75rem 0; font-size:.875rem;}
	.sch-rmd-list .thumb{display:none;}
	.tb-search-wrap .search-txt{display:none;}
	.tb-search-wrap.active .d_width{padding:0 20px;}
	.tb-search-wrap .keword-wrap a, .tb-search-wrap .keword-wrap span{width:120px;}
}
@media only screen and (max-width: 576px){
	.tb-search-wrap.active .search-bx .input-wrap{margin-right:0; width:100%;}
	.tb-search-wrap .keword-wrap a, .tb-search-wrap .keword-wrap span{width:60px;}
	.tb-search-wrap.active .sch-rmd-wrap{max-height:320px; overflow-y:scroll;}
	.sch-rmd-list li.col_d4{width:100%;}
	.sch-rmd-list .cont{width:100%;}
	.sch-rmd-list li.col_d4:nth-child(2){display:none;}
	.sch-rmd-wrap .col-wrap{flex-wrap:wrap;}
	.sch-rmd-wrap .col-wrap > .col_d2{width:100%;}
	.sch-rmd-wrap h4.tit{margin:5px 0; font-size:1rem;}
	.sch-rmd-wrap .sch-rmd-bnr{flex-wrap:wrap;}
	.sch-rmd-wrap .sch-rmd-bnr li{width:100%; margin-bottom:10px;}
	.sch-rmd-wrap .sch-rmd-bnr .thumb{height:90px;}
	.sch-rmd-list .subject{min-height:auto;}

	
}
@media only screen and (max-width: 415px){
	.sch-rmd-list .cont{padding:10px;}
	.sch-rmd-bnr		{flex-wrap:wrap;}
	.sch-rmd-bnr li{width:calc(50% - 2.5px);}
	.sch-rmd-bnr li:first-child,
	.sch-rmd-bnr li:nth-child(2){margin-bottom:5px;}
	
}
/* //검색추천창 반응형[e] */
/* [s] 기술가치평가 반응형 */
@media only screen and (max-width:1580px){ /* 1400px */
}
@media only screen and (max-width:1440px){ /* 1200px */

}
@media only screen and (max-width:1240px){ /* 960 */
	.tv-search-wrap .col-1{width:100%;}
	.tv-search-wrap .search-bx .input-wrap{width:100%;}
	.tv-search-wrap .search-bx{margin:20px 0;}
	.tv-search-wrap .col-2.thumb.pc{display:none;}
	.tv-search-wrap .col-2.thumb.mo{display:block !important; width:100%; height:90px; margin-top:20px;}
	.tv-search-wrap .bnr a{ padding:25px;}
	.tv-report .report-list{flex-wrap:wrap; margin-top:20px;}
	.tv-report .report-list .active{width:100%; margin-bottom:20px;}
	.tv-report .report-list ul{width:100%;}
	.tv-tech > .row{flex-wrap:wrap;}
	.tv-tech .col-1{width:100%;}
	.tv-tech .col-1 .fst br,
	.tv-tech .col-1 .txt br{display:none;}
	.tv-tech .col-2{width:100%;}
	.tv-tech .tab{height:100px; margin:20px 0;}
}
@media only screen and (max-width:1023px){ /* 720 */
	.tv-search-wrap .search-bx .list-search{flex-wrap:nowrap;}
	.tv-search-wrap .search-bx .input-wrap{width:calc(100% - 50px);}
	.tv-search-wrap .bnr a{padding:20px;}
	.tb-list.row > li.col_d5{width:calc(25% - 20px)}
	
}
@media only screen and (max-width:767px){ /* auto */
	.tv-search-wrap h1{font-size:var(--font-3xlg); margin-bottom:10px;}
	.tv-search-wrap .bnr a{font-size:1.2rem;}
	.tv-search-wrap .col-1 .txt{font-size:1rem;}
	.tv-search-wrap .col-2.thumb.mo{height:70px; margin-top:10px;}
	.tv-report .d_width{margin-top:20px;}
	.tv-report .active .file-wrap a{margin-top:10px;}
	.tv-search-wrap .search-bx .input-wrap{width:calc(100% - 50px);}
	.tv-report .report-list .active{flex-wrap:wrap;}
	.tv-report .active .cont{width: 100%;}
	.tv-report .active .report{margin-bottom:20px;}
	.tv-report .report-list .active{justify-content:center;}
	.tv-tech{margin-top:40px;}
	.tb-list.row > li.col_d5{width:calc(33.33% - 20px);}


}
@media only screen and (max-width:576px){ /* mobile-l */
	.tv-search-wrap h1{font-size:var(--font-2xlg);}
	.tv-search-wrap .col-1 .txt br{display:none;}
	.tv-search-wrap .search-bx	{margin:5px 0;}
	.tv-search-wrap .search-bx .list-search{flex-wrap:wrap;}
	.tv-search-wrap .search-bx .input-wrap{width:100%; margin-right:0;}
	.tv-search-wrap .bnr{flex-wrap:wrap;}
	.tv-search-wrap .bnr a{width:100%; font-size:1rem; text-align:center; line-height:50px; padding:0; }
	.tv-search-wrap .bnr a:first-child{margin-bottom:10px;}
	#tech-value h2{font-size:1.45rem; margin-top:10px;}
	.tv-report .item-control a{width:25px; height:25px; line-height:22px; }
	.item-control a:before{font-size:12px;}
	.item-control a.ico-pause:before{font-size:0.55rem;}
	.tv-report .active .report{height:280px; padding:25px 0;}
	.tv-report .active .report p{font-size:22px;}
	.tv-report .active .report .tit{padding-top:20px; padding-bottom:20px;}
	.tv-report .active .report .stit{margin-top:10px;}
	.tv-report .report-list li{width:calc((100% - 40px) / 2);}
	.tv-report .report-list li:last-child{display:none;}
	.tv-report .active .cont .subject{font-size:20px;}
	.tv-tech{margin-top:20px;}
	.tb-list.row > li.col_d5{width:calc(50% - 20px);}
	.board-paging{/* margin:1rem 0; */ padding:15px;}
	

}
@media only screen and (max-width:415px){ /* mobile-s */
	.tv-search-wrap h1{font-size:var(--font-xlg);}
	.tv-search-wrap .col-1 .txt,
	.tv-report .txt,
	.tv-tech .col-1 .txt{display:none;}
	.tv-search-wrap .col-2.thumb.mo{height:50px;}
	#tech-value h2{font-size:1.25rem;}
	.tv-tech .tab{ margin:10px 0;}
	.tv-tech .tab a{font-size:16px;}
	.tv-report .active .cont .tb-list{padding:10px;}
	.tv-report .report-list ul{display:none;}
	.tv-report .report-list li:nth-child(2){display:none;}
	.tv-report .active .report{height:240px;}
	.tb-list.row > li.col_d5{width:100%;}
}
/* [s] 기술가치평가 신청하기 step2 반응형 */
@media only screen and (max-width:576px){
	.tb-info.drop > div{padding:0;}
	.tb-info.drop .tit{padding:0 0 10px;}
	.tb-info .tb-chk.patent > div{width:100%; padding:20px;}
	.tb-info .tb-chk.patent > div:first-child{margin-bottom:10px;}
	#techValue .long-bnr{display:none;}
}

/* [e] 기술가치평가 신청하기 step2 반응형*/
/* [e] 기술가치평가  반응형*/
/* [s] 특허기술은행 신청하기 페이지 공통 반응형*/

/* [s] 신청단계 (상단 step) 반응형 */
@media (max-width : 1240px){
    .reg-step{border-radius:90px 90px 0 0;}
}
@media (max-width : 1023px){
    .reg-step li{margin:0 20px;}
    .reg-step .tit{font-size:23px;margin:40px 0 20px;}
}
@media only screen and (max-width : 767px){
    .reg-step{border-radius:70px 70px 0 0;padding:40px 0 40px;}
	.reg-step ul li{width:auto;font-size:15px;padding:0;margin:0 10px;}
	.reg-step ul li span{width:85px;height:85px;}
	.reg-step ul li span::before{top:50%;}
	.reg-step .txt{font-size:1.1rem;}
}
@media only screen and (max-width : 576px){
    .reg-step{border-radius:50px 50px 0 0;padding:40px 0;}
	.reg-step ul li span{width:50px;height:50px;}
	.reg-step ul li span::after{width:30px;height:30px;background-size:auto 60px;}
	.reg-step ul li.on span::after{background-position-y:-30px;}
	.reg-step ul li span.ico2::after{background-position-x:-30px;}
	.reg-step ul li span.ico3::after{background-position-x:-60px;}
	.reg-step ul li span.ico4::after{background-position-x:-90px;}
	.reg-step ul li span.ico5::after{background-position-x:-150px;}
	.reg-step ul li span.ico6::after{background-position-x:-120px;}
	.reg-step .tit{font-size:1.2rem;word-break:keep-all;margin:35px 0 20px;}
	.reg-step .txt{word-break:keep-all;line-height:1.2;}
    .reg-step li{position: relative;}
    .reg-step li::before,
    .reg-step li::after{width:calc(50% - 15px);height:1px;content:"";position:absolute;display:block;top:25%;background:#dadada;}
    .reg-step li:first-child::before,
    .reg-step li:last-child::after{display: none;}
    .reg-step ul li span::before{display:none;}
    .reg-step li::before{right:calc(50% + 25px);}
    .reg-step li::after{left:calc(50% + 25px);}
}
@media only screen and (max-width : 415px){
    .reg-step{border-radius:30px 30px 0 0;padding:30px 0;}
	.reg-step ul li{font-size:14px;margin:0 5px;}
	.reg-step ul li span{width:15px;height:15px;margin:0 auto 5px;}
	.reg-step ul li span:before{display:none;}
	.reg-step ul li span:after{display:none;}
    .reg-step li::before,
    .reg-step li::after{width:50%;top:7.5px;}
    .reg-step li::before,
    .reg-step li::after{width:50%;top:7.5px;}
    .reg-step li::before{right:calc(50% + 7.5px);}
    .reg-step li::after{left:calc(50% + 7.5px);}
}
/* [e] 신청단계 (상단 step) 반응형 */

/* [s] 개인정보동의 반응형 */
@media (max-width : 1240px){
    .tech-reg .check-wrap{padding:20px;}    
}
@media (max-width : 1023px){
    .reg-title .cont .tit{line-height: 1.4;} 
}
@media only screen and (max-width : 767px){
    .agree .tar{text-align:left !important;}
    .agree .tar ul li{width:auto;display:inline-block;margin-right:15px;}    
}
@media only screen and (max-width : 576px){
    .reg-title .cont{border-radius:5px;}
    .tech-reg .check-wrap{padding:20px;}
	.agree .tar ul li{margin:0;}
	.agree .tar ul li:last-child{width:100%;text-align:right;}
}
@media only screen and (max-width : 415px){
    .tech-reg .agree .cont .txt{padding:15px;}    
}
/* [e] 개인정보동의 반응형 */

/* [s] 신청 - 출원여부 반응형 */
@media (max-width : 1023px){
    .tb-info .tb-chk > a{padding:25px;}
    .tb-info .tb-chk .tit{font-size:23px;}
	.tb-info .tb-chk .txt{font-size:1.05rem;line-height: 1.3;}
	.tb-info .tb-chk .form-inline{flex-flow:row nowrap;}
	.tb-info .board-write .form-control-body{padding:0;}
}
@media only screen and (max-width : 767px){
    #transTech .tb-info .tb-chk span[class*="ico"]{width:80px;height:80px;background-size:160px auto;}
	#transTech .tb-info .tb-chk span.ico2{background-position:-80px 0;}
}
@media only screen and (max-width : 576px){
    .tb-info .tb-chk > a{width:100%;padding:20px;}
	.tb-info .tb-chk > a:nth-child(1){margin-bottom:20px;}
	#transTech .tb-info .tb-chk span[class*="ico"]{width:60px;height:60px;background-size:120px auto;margin:0 auto 10px;}
	#transTech .tb-info .tb-chk span.ico2{background-position:-60px 0;}
    .tb-info .tb-chk .tit{font-size: 21px;}

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

    .tb-info .tb-chk .tit{font-size: 1.1rem;}
    .tb-info .tb-chk .txt{font-size:.9rem;}
}
/* [e] 신청 - 출원여부 반응형 */

/* [s] 신청 - 기본정보 반응형 */
@media (max-width : 1240px){
    #transTech .tb-info .tb-category{justify-content:left;}
}
@media only screen and (max-width : 767px){
    #transTech .tb-info .tb-chk > div{padding: 20px;}
	.tb-info .patent .col_d2{width: calc(50% - 5px);}
    #transTech .patent .form-inline #app_number{width:100%;}
    #dropdowntable3 tr th br{display: none;}
	#dropdowntable3 .form-control.w200{width:calc(100% / 3 - 10px) !important;}
}
@media only screen and (max-width : 576px){
    .tb-info{border-radius:5px;padding: 20px !important;}
    .tb-info .point-gray{display:block;margin:5px 0 0 !important;}
    .tb-info .patent .col_d2{width:100%;}
    #main_category{width:calc(50% - 5px) !important;margin:0;}
    #middle_category{width:calc(50% - 5px) !important;margin:0px;}
}
/* [e] 신청 - 기본정보 반응형 */

/* [e] 특허기술은행 신청하기 페이지 공통 반응형*/
/* [e]특허기술은행 반응형*/


/*유통정보 공통*/
.dist .title-lg .stit{font-size:1.1rem;letter-spacing:.8rem;font-style:italic;color:var(--point-color);}
.dist .title-lg .tit{font-size:3.8rem;font-family:gsans;color:#121314;font-weight:900;}
.dist .title-lg .txt{font-size:1.1rem;font-weight:200;line-height:1.4;}
.dist .bx-btn{width:230px;display:block;padding:46px 20px;color:#fff;font-weight:700;font-size:var(--font-xlg);text-align:center;background:var(--main-color);box-shadow:0 0 20px #0003;word-break:keep-all;line-height:1.2;}
.dist .bx-btn.line2{padding:30px 20px 35px;} /*문구 2줄인 경우*/
.dist .bx-btn:before{content:"";width:100px;height:100px;background:url(../img/bx-btn-ico.png);display:block;margin:0 auto 10px;}
.dist .bx-btn span{display:block;font-size:1rem;font-weight:200;margin-top:40px;}
.dist .bx-btn.ico2{background:var(--sub-color);}
.dist .bx-btn.ico2:before{background-position:-100px 0;}
.dist .bx-btn.ico3{background:#85AA03;}
.dist .bx-btn.ico3:before{background-position:-200px 0;}
.dist .bx-btn.ico4{background:var(--point-color);}
.dist .bx-btn.ico4:before{background-position:-300px 0;}
.dist .bx-btn.ico5{background:#232F3D;}
.dist .bx-btn.ico5:before{background-position:-400px 0;}
.dist .bx-btn.ico6{background:#1C86B3;}
.dist .bx-btn.ico6:before{background-position:0 -100px;}
.dist .bx-btn.ico7{background:#C9A976;}
.dist .bx-btn.ico7:before{background-position:0 -100px;}
.dist .bx-btn.ico8{background:#A58E69;}
.dist .bx-btn.ico8:before{background-position:-100px -100px;}
.dist .bx-btn.ico9{background:var(--main-color);}
.dist .bx-btn.ico9:before{background-position:-300px 0;}
.dist .bx-btn.ico10{background:var(--main-color);}
.dist .bx-btn.ico10:before{background-position:-200px -100px;}
.dist .bx-btn.ico11{background:#2992CF;}
.dist .bx-btn.ico11:before{background-position:-300px -100px;}
.dist .bx-btn.ico12{background:#b5935b;}
.dist .bx-btn.ico12:before{background-position:-100px -100px;}
.dist .bx-btn.ico13{background:#30915b;}
.dist .bx-btn.ico13:before{background-position:-300px -100px;}
.dist [class*="-sv"] > .row{justify-content:space-between;position:relative;z-index:1;}
.dist [class*="-sv"] .sch-wrap{width:calc(100% - 250px);place-self:flex-end;}
.dist .search-bx{background:#F6F6F6 url(../img/pre-sch-deco.png) no-repeat right 40px top 50px;}
.dist .search-bx.bg2{background-image:url(../img/smq-sch-deco.png);}
.dist .search-bx .title{text-align:center;padding:60px 0 0;}
.dist .search-bx .title .tit{font-size:var(--font-3xlg);color:var(--main-color);font-weight:900;font-family:gsans;line-height:1.1;}
.dist .search-bx .title .txt{font-size:1.1rem;color:#333;font-weight:100;}
.dist-search-wrap .tab_flex{margin:0;}
.dist .dist-search-wrap .filter-wrap{background:#f6f6f6;border-color:#66718E;}
.dist-search-wrap .category{display:inline-block;align-items:center;padding:3px 20px;background:#fff;border-radius:50px;margin-bottom:15px;}
.dist-search-wrap .category .tit{display:inline-block;font-size:1.1rem;color:#000;font-weight:700;margin-right:20px;}
.dist-search-wrap .category a{display:inline-block;padding:5px 17px;font-weight:500;border-radius:40px;margin:0 2px;font-weight:200;}
.dist-search-wrap .category a.on{background:var(--sub-color);color:#fff;}
.dist-search-wrap .list-search{max-width:860px;margin:0 auto;flex-direction:column;align-items:flex-start;background:0;}
.dist .filter-wrap{background:#e9e9e9;}
.dist .filter-wrap .cont{max-width:860px;}
.dist .filter-wrap .cont .bx{padding:3px 0;}
.dist .filter-wrap .cont h4{color:var(--main-color) !important;flex-shrink:0;}
.dist .sch-wrap .category a.on{background:var(--point-color);}
.dist .sch-wrap .input-wrap{position:relative;margin-bottom:31px;}
.dist .sch-wrap .input-wrap input{width:100%;border:5px solid var(--point-color);line-height:70px;padding:0 20px;padding-right:50px;font-size:1.1rem;}
.dist .sch-wrap .input-wrap a{position:absolute;top:50%;right:20px;transform:translateY(-50%);color:var(--main-color);font-size:1.5rem;padding:10px;}
.dist .long-bnr .thumb{height:150px;border-radius:10px;}
.dist-line-bnr {border:5px solid #dadada;border-radius:10px;display:block;padding:20px 30px;position:relative;}
.dist-line-bnr .stit{color:#81A446;font-size:.925rem;letter-spacing:1rem;font-weight:200;font-style:italic;}
.dist-line-bnr .tit{font-weight:700;color:#121314;font-size:1.725rem;}
.dist-line-bnr .txt{color:#666;font-weight:200;}
.dist-line-bnr:after{content:"";width:225px;height:150px;background:url(../img/pre-bnr-ico3.png) no-repeat 0 0 /cover;position:absolute;bottom:0;right:0;}
.dist-line-bnr.bg2{border-color:#D5C8B9;}
.dist-line-bnr.bg2 .stit{color:#9B845E;}
/*카드형 리스트/슬라이드*/
.dist [class*="-herb-list"]{position:relative;display:flex;flex-wrap:wrap;margin:-10px;}
.dist [class*="-herb-slide"] > .bx-wrapper{max-width:unset !important;}
.dist [class*="-herb-list"] li{width:calc(25% - 20px);margin:10px;}
.dist [class*="-herb-list"] li a{display:block;background:#fff;border-radius:5px;border:1px solid #dadada;height:100%;position:relative;}
.dist [class*="-herb-list"] .tit{font-size:var(--font-xlg);color:#121314;font-weight:700;margin:20px 0;}
.dist .info{display:flex;flex-wrap:wrap;}
.dist .info dt{width:70px;color:#646F7B;}
.dist .info dd{width:calc(100% - 70px);font-weight:200;}
.dist [class*="-herb-slide"]{position:relative;}
.dist [class*="-herb-slide"] .item-control{position:absolute;top:0;right:0;}
.dist [class*="-herb-slide"] .item-control a{display:inline-block;width:35px;height:35px;line-height:32px;border:1px solid var(--main-color);border-radius:50%;color:var(--main-color);text-align:center;margin:0 0.1rem;}
.dist [class*="-herb-slide"] .item-control .more{background:var(--main-color);color:#fff;line-height:35px;margin-right:0;}

/* 유통정보 공통 반응형[s] */
/* 카드형 리스트/슬라이드 반응형[s] */
@media only screen and (max-width:1023px){
	.dist [class*="-herb-slide"] li{width: 242px !important;}
	.dist [class*="-herb-slide"] .tit{font-size:var(--font-lg);margin: 10px 0;}
}
@media only screen and (max-width:576px){
	.dist [class*="-herb-slide"] h2{padding-right:120px;}
}
/* 카드형 리스트/슬라이드 반응형[e] */
@media only screen and (max-width: 767px){

}
@media only screen and (max-width:415px){
	
}
@media only screen and (max-width:1440px){
	.dist .title-lg .tit{font-size:3rem;}
	.dist .title-lg .stit {letter-spacing: .2rem;}
}
@media only screen and (max-width:1240px){
	.dist .bx-btn { padding:30px 20px;}
	.dist .bx-btn span{margin-top:30px;}
	.dist .search-bx{background:#F6F6F6 url(../img/pre-sch-deco.png) no-repeat right 0 top 60px; background-size:250px;}
	.dist .dist-search-wrap .row{width:100%;}
	.dist .filter-wrap .cont .bx{padding:10px 20px;}
}
@media only screen and (max-width:1023px){
	.dist .title-lg .stit{font-size:1rem;}
	.dist .title-lg .tit{font-size:3rem; margin-bottom:0;}
	.dist .bx-btn		{ font-size:var(--font-lg); padding:10px 20px;}
	.dist .quick .bx-btn	{width:calc(100% / 4);}
	.dist .bx-btn:before{transform:scale(0.8); margin:0 auto;}
	.dist .bx-btn.line2{width:100%;display:flex;align-items: center;justify-content: center;padding: 0;}
	.dist [class*="-sv"] .sch-wrap{width:100%;margin-top:30px;}
	.dist-line-bnr:after{width: 150px;height:100px;}
	.dist [class*="-herb-slide"] .item-control a{width:25px;height:25px;line-height: 23px;font-size: .8rem;}
	.dist [class*="-herb-slide"] .item-control .more{line-height:25px;}
	.dist .long-bnr{margin:30px auto;}
	.dist .long-bnr .thumb{height:100px;}
	.dist .dist-line-bnr{padding:20px;}
	.dist .dist-line-bnr.bg1:after{width:150px; height:100px;}
	.dist-search-wrap .list-search{padding:20px;}
	.dist .search-bx .title{padding:30px 0 0;}
	.dist .search-bx .title .tit{font-size:var(--font-2xlg);}
	.dist .search-bx{background-size:200px;}
}
@media only screen and (max-width: 767px){
	.pre-cont3 .long-bnr{margin:30px 0;}
	.dist .long-bnr{margin:30px 0;}
	.dist .long-bnr .thumb{height:80px;}
	.dist .title-lg .tit{font-size:2.5rem;}
	.dist .title-lg .txt{font-size:1rem;}
	.dist-line-bnr .stit{letter-spacing:.725rem;}
	.dist .bx-btn{font-size:var(--font-base);}
	.dist-search-wrap .category{width:-webkit-fill-available;display:flex;overflow-x:scroll;white-space:nowrap;}
	.dist .sch-wrap .input-wrap input{line-height:50px;}
	.dist-line-bnr:after{width:120px;}
	.dist .bx-btn span{margin-top:20px;}
	.dist .dist-line-bnr.bg1:after{display:none;}
	.dist-line-bnr .tit{font-size:1.5rem;}
	.dist .search-bx .input-wrap{width:calc(100% - 60px);}
	.dist .search-bx,
	.dist .search-bx.bg2{background-image:none;}
	.dist .search-bx .title .txt{font-size:1rem;padding:0 10px;}
	.dist .search-bx{background-image:none !important;}
}
@media only screen and (max-width:576px){
	.dist .title-lg .tit{font-size:2rem;}
	.dist .bx-btn:before{background-size:250px 100px; width:50px; height:50px;}
	.dist .bx-btn.ico2:before{background-position:-50px 0;}
	.dist .bx-btn.ico3:before{background-position:-100px 0;}
	.dist .bx-btn.ico4:before{background-position:-150px 0;}
	.dist .bx-btn.ico5:before{background-position:-200px 0;}
	.dist .bx-btn.ico6:before{background-position:0 -150px;}
	.dist .bx-btn.ico7:before{background-position:0px -50px;}
	.dist .bx-btn.ico8:before{background-position:-50px -50px;}
	.dist .bx-btn.ico9:before{background-position:-150px 0;}
	.dist .bx-btn.ico13:before{background-position:-150px -50px;}
	.dist-search-wrap .category{padding:0 10px;}
	.dist .dist-search-wrap .category a{font-size:.95rem;padding:3px 15px;}
	.dist-search-wrap .category .tit{font-size:1rem;margin-right:10px;padding:10px;}
	.dist .sch-wrap .input-wrap input{font-size:1rem;}
	.dist .bx-btn{width:50%;}
	.dist-line-bnr:after{display:none;}
	.dist-line-bnr .stit{font-size: .825rem;letter-spacing: .5rem;}
	.dist .long-bnr{margin:20px 0;}
	.dist .long-bnr .thumb{height:55px;border-radius:0;}
	.dist .search-bx .input-wrap{width:100%;margin-right:0;}
}
@media only screen and (max-width:415px){
	.dist .title-lg .tit{font-size:1.5rem;}
	.dist .title-lg .txt{font-size:.875rem;}
	.dist .title-lg .txt br{display: none;}
	.dist .dist-line-bnr .tit{font-size:1.25rem;}
	.dist .search-bx .title .tit{font-size:var(--font-xlg);}
	.dist .filter-wrap .cont .bx .w300{width:100% !important;}
}
/* 유통정보 공통 반응형[e] */

/*[s] 스마트한약*/
#premium .vab{vertical-align:bottom;}
#premium.dist .bx-btn{height:230px;}
#premium.dist .bx-btn.ico2{padding:31px 20px;}
#premium.dist .bx-btn.ico3{padding:31px 20px;margin-right:50%;}
#premium.dist .title-lg .tit{font-size:3.4rem;}/*20250731임시*/
.pre-sv{position:relative;background:linear-gradient(180deg, #0000 90% , #F5F6F8);}
/*.pre-sv:before{content:"";width:100%;height:380px;background:url(../img/pre-sv-bg.png) no-repeat 0 0 /cover;position:absolute;left:0;top:230px;filter:brightness(.7);}20250731임시*/
/*.pre-sv:after{content:"";width:calc(50% + 700px);height:24%;background:#F5F6F8;position:absolute;bottom:0;right:0;}
.pre-sv > .row:nth-of-type(2){margin-top:-30px;}*/
.pre-sv .col-1{width:calc(100% - 460px);}
.pre-sv .col-2{width:460px;}
.pre-sv .quick{display:flex;flex-wrap:wrap;justify-content:flex-end;}
#premium.dist [class*="-sv"] .sch-wrap{width:100%;}
.pre-sv > div:nth-child(2){position:relative;margin-top:-20px;}
.pre-sv > div:nth-child(2):after{width:calc(100% + 40px);height:160px;content:"";background:#F5F6F8;position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);border-radius:5px 5px 0 0;z-index:-1;}
.pre-sv .long-bnr{margin:0 auto;padding-top:30px;background:#F5F6F8;}
.pre-herb-list .thumb{width:150px;height:130px;border-radius:5px;margin:0 auto;filter:brightness(.85);}
.pre-herb-list li a{padding:25px 20px;}
.pre-herb-list .mark{position:absolute;top:25px;left:20;z-index:1;}
[class*="pre-cont"] .d_width{/*display:flex;justify-content:space-between;*/padding:100px 0;}
[class*="pre-cont"] .d_width.thumb{padding:0;}
[class*="pre-cont"] .d_width > .title{width:calc(100% - 1040px);}
[class*="pre-cont"] .d_width > .cont{width:1020px;}
[class*="pre-cont"] .d_width > .title .tit{font-size:3.8rem;color:#121314;font-family:gsans;font-weight:200;line-height:1.1;margin-bottom:10px;}
[class*="pre-cont"] .d_width > .title .tit span{font-weight:900;display:block;}
[class*="pre-cont"] .d_width > .title .txt{font-size:1.1rem;font-weight:200;}
.pre-cont1{background:#F5F6F8;}
.pre-cont1 .d_width{padding:60px 0 100px;}
/*.pre-cont1 .d_width:before{content:"";width:646px;height:438px;background:url(../img/pre-bg1.png);position:absolute;bottom:0;left:-22%;}*/
.pre-cont1 .bnr{display:flex;justify-content:space-between;}
.pre-cont1 .bnr a{display:block;width:calc(50% - 10px);padding:100px 40px 40px;background:#4D5362 url(../img/pre-bnr-ico1.png) no-repeat 110% 50%;color:#fff;}
.pre-cont1 .bnr a.bg2{background:#467A34 url(../img/pre-bnr-ico2.png) no-repeat 110% 50%;}
.pre-cont1 .bnr .tit{font-size:var(--font-2xlg);font-weight:900;}
.pre-cont1 .bnr .txt{color:#eaeaea;line-height:1.4;font-weight:200;}
.pre-cont1 [class*="-herb-list"]{margin:-20px;}
.pre-cont1 [class*="-herb-list"] li{margin:20px;}
.pre-cont1 [class*="-herb-list"] li.no-data .tit{color:#646F7B;}
.pre-cont2{background:url(../img/pre-bg2.png) no-repeat 0 0 /cover;position:relative;}
/*.pre-cont2 > .d_width{padding-bottom:140px;}20250731임시*/
.pre-cont2 > .d_width{padding:50px 0;}
.pre-cont2:before{content:"";width:100%;height:100%;background:#538700b3;position:absolute;top:0;right:0;}
#premium .pre-cont2 h2{color:#fff;}
.pre-cont2 .d_width > .title .tit{color:#fff;}
.pre-cont2 .d_width > .title .txt{color:#F0F1E2;}
.pre-cont2 .cont > .row{display:felx;justify-content:space-between;}
.pre-cont2 .col-1{width:calc(100% - 270px);}
.pre-notice {width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;margin:-10px 0;}
.pre-notice a{display:block;width:calc(25% - 20px);margin:10px 0;background:#fff;padding:25px 20px;position:relative;}
.pre-notice .item{font-size:.9rem;color:#1C86B3;font-weight:500;}
.pre-notice .tit{min-height:50px;font-size:var(--font-lg);color:#333;font-weight:500;white-space:normal;margin:10px 0 15px;}
.pre-notice .txt{font-size:.925rem;color:#555;font-weight:200;min-height:45px;white-space:normal;}
.pre-notice .date{position:absolute;top:30px;right:30px;font-size:.9rem;color:#919191;font-weight:200;}
/*.pre-cont3 > .d_width{padding-top:80px;padding-bottom:20px;}20250731임시*/
.pre-cont3 > .d_width{padding-top:40px;padding-bottom:20px;}
.pre-cont3 .long-bnr{margin:-60px 0 0;}
.pre-cont3 .d_width > .cont{width:100%;display:flex;justify-content:space-between;}
.pre-cont3 .d_width > .cont .tit{font-size:28px;}
.pre-cont3 .dist-line-bnr{width:calc(50% - 10px);/*width:460px;*/padding:30px;}
.pre-cont3 .dist-line-bnr:after{height:168px;background:url(../img/pre-bnr-ico3.png) no-repeat right center / auto 135px;top:50%;transform:translateY(-50%);}
.pre-app-bx{width:calc(50% - 10px);/*width:calc(100% - 480px);*/background:url(../img/pre-app-bg2.png) no-repeat right bottom /cover;position:relative;padding:30px;display:flex;justify-content:space-between;}
.pre-app-bx:before{content:"";width:100%;height:100%;background:#32633Ae6;position:absolute;top:0;left:0;}
.pre-app-bx .title{width:100%;color:#fff;position:relative;}
.pre-app-bx .title .badge{border-radius:1rem;padding:0.5rem 1rem;font-size:16px;font-weight:600;vertical-align:4px;}
.pre-app-bx .btn-wrap{width:580px;position:relative;margin:-10px 0;}
.pre-app-bx .tit{font-size:2rem;font-weight:700;}
.pre-app-bx .txt{color:#EBF8EC;font-weight:200;}
.pre-app-bx .btn-wrap a{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#0003;border:1px solid #DAE9C0;border-radius:70px;color:#EDF3E0;margin:10px 0;}
.pre-app-bx .btn-wrap a:after{content:"\f054";font-family:fontAwesome;font-size:.9rem;color:#C6CEBB;}
.pre-mfg-bnr{justify-content:space-between;}
.pre-mfg-bnr .dist-line-bnr{width:calc(100% - 480px);}
.pre-mfg-bnr .dist-line-bnr .tit{font-size:var(--font-xlg);}
.pre-reg-bnr{width:460px;border-radius:5px;background:#636D8B;padding:20px 30px;position:relative;}
.pre-reg-bnr .stit{color:#99A5B0;font-size:.925rem;letter-spacing:1rem;font-weight:200;font-style:italic;}
.pre-reg-bnr .tit{font-weight:700;color:#fff;font-size:var(--font-xlg);}
.pre-reg-bnr .txt{color:#E1E4E8;font-weight:200;}
/* .pre-reg-bnr:after{content:"";width:90px;height:90px;background:url(../img/pre-badge1-lg.png) no-repeat 0 0 /cover;position:absolute;top:25px;right:30px;} */
.pre-reg-bnr .comment{position:absolute;top:-30px;right:15px;font-size:.9rem;}
.pre-result li{margin-bottom:20px;border-radius:5px;border:1px solid #dadada;overflow:hidden;background:url(../img/symbol1.png) no-repeat right 30px top 50%;}
.pre-result .date{padding:10px 30px;background:#F5F6F8;}
.pre-result .row{padding:30px;}
.pre-result .thumb{width:360px;height:230px;border-radius:5px;margin-right:40px;}
.pre-result .thumb > img{filter:brightness(.8);}
.pre-result .thumb .mark{position:absolute;top:10px;left:10px;z-index:2;}
.pre-result .thumb .mark img{position:static;transform:none;}
.pre-result .cont{width:calc(100% - 400px - 280px);}
.pre-result .btn-d{width:280px;place-self:flex-end;}
.pre-result .tit{font-size:var(--font-xlg);color:#121314;font-weight:700;margin-bottom:10px;}
.pre-date{padding:10px;background:#8793A6;color:#fff;text-align:center;border-radius:5px;margin-bottom:30px;}
.pre-detail {display:flex;justify-content:space-between;}
.pre-detail .cont{width:calc(100% - 590px);}
.pre-detail .photo-list{width:550px;margin:-5px;display:flex;flex-wrap:wrap;}
.pre-detail .photo-list .thumb{width:calc(25% - 10px);height:80px;margin:5px;border-radius:5px;border:1px solid #dadada;}
.pre-detail .photo-list .thumb:first-child{width:100%;height:310px;}
.pre-detail .tit{font-size:var(--font-2xlg);font-weight:700;color:#121314;margin-bottom:10px;}
.pre-detail .info{flex-wrap:nowrap;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ccc;}
.pre-detail .info dd, .pre-detail .info dt{width:auto;padding:7px 0;}
.pre-detail .info dt{margin-right:10px;}
.pre-detail .info dd:after{width:1px;height:10px;content:"";display:inline-block;background:#dadada;margin:0 15px;}
.pre-detail .info dd:last-child:after{display:none;}
.pre-detail h4{margin-bottom:5px;}
.pre-detail .txt{height:168px;border-radius:5px;border:1px dotted #999;overflow-y:scroll;padding:20px;font-size:.925rem;font-weight:200;}
.pre-detail .txt::-webkit-scrollbar{border-radius: 10px;width: 10px;background-color: #ccc;}
.pre-detail .txt::-webkit-scrollbar-track{border-radius: 10px; width:5px; background-color:#f6f6f6;}
.pre-detail .txt::-webkit-scrollbar-thumb{border-radius: 10px; width:10px; -webkit-box-shadow: none; background-color:#ccc;}
.pre-photo-list{margin-top:40px;padding-top:40px;background:linear-gradient(0deg, #0000 20%, #F3F4F8 0%);}
.pre-photo-list .tit{font-family:gsans;color:#373C4E;font-weight:500;letter-spacing:1rem;font-size:1.1rem;margin-bottom:10px;}
.pre-photo-list ul{display:flex;margin:0 -10px;}
.pre-photo-list ul .thumb{width:calc(25% - 20px);height:260px;margin:0 10px;border-radius:5px;}
.pre-info .thumb{border:1px solid #dadada;border-radius:5px;}
.pre-info .grow_img{display:flex;flex-wrap:wrap;margin:-0.5rem;}
.pre-info .grow_img li{width:calc(50% - 1rem);margin:0.5rem;}
.pre-info .grow_img .thumb{aspect-ratio: 1/0.7;}
.pre-info .test_img{}
.pre-info .test_img li{padding:1rem 0;border-bottom:1px dashed var(--basic-border);}
.pre-info .test_img li:first-child{padding-top:0;}
.pre-info .test_img li:last-child{padding-bottom:0;border-bottom:none;}
.pre-info .test_img .thumb{width:calc(50% - 0.5rem);aspect-ratio:1/1.414;}
/*스마트한약 신청*/
.board-write.smart table th, .board-write.smart table td{padding:0.5rem 0.25rem;}
.board-write.smart th a.btn-d{float:right;margin-right:5px;}
.board-write.smart td .ico-delete{width:40px;line-height:38px;margin-left:3px;}
.tb-info.smart .info{display:flex;flex-wrap:wrap;margin-top:20px;}
.tb-info.smart .info li{width:50%;line-height:2;padding:5px 0;}
.tb-info.smart .info li.row{width:100%;line-height:1.6;flex-wrap:nowrap;}
.tb-info.smart .info li span{display:inline-block;width:130px;color:#919191;vertical-align:top;}
.tb-info.smart .info li.row span{flex-shrink: 0;}
#premiumApply .form-inline .form-control[readonly]{background:#f6f6f6;}
/*첨부파일 드롭박스*/
.attach-div			{width:100%;text-align:center;background:#fff;padding: 10px;border:5px solid #40548c;display: flex;align-items: center;justify-content: space-around;}
.attach-div .drag	{min-width:85%;padding: 50px 0 15px;background: url(../img/ico_upload_drag1.png) no-repeat 50% 15px/40px auto;border-radius:5px;border:1px dashed #ccc;font-size: 14px;line-height:1;}
.attach-div .or		{margin:5px 0 8px;font-size:14px;color:#919191;}
.attach-div .add input[type="file"]	{width:0;height:0;visibility:hidden;}
.attach-div .add label		{font-size:16px;font-weight:600;color:#fff;display:inline-block;padding:12px 30px;border-radius:3px;background:var(--sub-color);transition:all 0.2s ease-out;cursor:pointer;}
.attach-div .add label:hover	{box-shadow:2px 2px 5px rgba(0,0,0,0.3);}
.dist-search-wrap .list-search .attach-div{display:block;margin-bottom:30px;}
/*[e] 스마트한약*/
/* 스마트한약정보 반응형[s] */
@media only screen and (max-width:1440px){
	#premium.dist .title-lg .tit{font-size:3rem;}
	[class*="pre-cont"] .d_width > .title{width:calc(100% - 880px);}
	[class*="pre-cont"] .d_width > .cont{width:880px;}
	.pre-cont3 .d_width > .cont{width:100%;}
}
@media only screen and (max-width:1240px){
	.pre-sv .col-1{margin-bottom:10px; width:100%;}
	.pre-sv:before{height:280px;}
	.pre-sv .col-2{width:100%;justify-content:flex-start;}
	.pre-sv > .row:nth-of-type(2){margin-top:0;}
	[class*="pre-cont"] .d_width{flex-wrap:wrap; padding:80px 0 ;}	
	[class*="pre-cont"] .d_width > .title .tit span{display:inline-block;}
	[class*="pre-cont"] .d_width > .cont{width:100%;}
	[class*="pre-cont"] .d_width > .title{margin-bottom:20px;  width: 100%;}
	.pre-cont1 .bnr a{padding:60px 40px 40px;}
	.pre-cont2 > .d_width{padding:50px 0;}
	.pre-notice a{width:calc(50% - 20px);}
	.pre-notice a:nth-child(n+3){display:none;}
	.pre-cont3 > .d_width{padding-top:40px;}
	.pre-cont3 .dist-line-bnr{padding:25px 20px;}
	.pre-cont3 .dist-line-bnr:after{width:155px;height:100px;background-size:auto 90px;right:-20px;transform:translateY(-50%) rotate(90deg);}
	.pre-app-bx{padding:25px 20px;}
	.pre-app-bx .title{position:relative;}
	.pre-app-bx .title .badge{position:absolute;right:0;bottom:0;}
	
	/*20250731임시*/
	.pre-sv .col-1{width:calc(100% - 230px);}
	.pre-sv .col-2{width:auto;}
}
@media only screen and (max-width:1023px){
	.pre-sv .col-1{text-align:center; margin-bottom:20px;}
	.pre-sv .quick .bx-btn{padding:10px 0;}
	.dist .bx-btn.ico4	{width:calc(100% / 4);}
	.pre-sv .sch-wrap{width:100%; margin-top:20px;}
	[class*="pre-cont"] .d_width{padding:60px 0;}
	[class*="pre-cont"] .d_width > .title .tit{font-size:3rem; text-align:center;}
	[class*="pre-cont"] .d_width > .title .txt{text-align:center;}
	.pre-cont1 .d_width:before{display:none;}
	.pre-sv:after{display:none;}
	.pre-cont1 .bnr a{padding:20px;}
	.pre-cont1 .bnr .tit{font-size:var(--font-xlg);}
	.pre-cont1 .bnr a.bg1,.dist .pre-cont1 .bnr a.bg2{background-size:contain;}
	.pre-cont1 .bnr a.bg1{background-position: 100% 47%;}
	.pre-cont1 .bnr a.bg2{background-position: 100% 47%;}
	.pre-herb-list li a{padding:20px;}
	.pre-herb-list .tit{margin:10px 0;}
	.pre-cont2 .cont > .row		{margin-bottom:20px;}
	.pre-cont2 .col-1{width:100%; margin-bottom:10px;}
	.pre-cont2 .col-2{display:flex;}
	.pre-app-bx{margin-top:20px; padding:20px; flex-wrap:wrap;}
	.pre-app-bx .title{width:100%; margin-bottom:20px;}
	.pre-app-bx .title .txt br{display:none;}
	.pre-app-bx .btn-wrap{width:100%;}
	.pre-info .grow_img li{width:70%;}
	.pre-info .test_img .thumb{width:calc(70% + 0.5rem);}
	.pre-cont3 .d_width > .cont{flex-direction:column;}
	.pre-cont3 .dist-line-bnr{width:100%;}
	#premium.dist .pre-app-bx{width:100%;}

	/*20250731임시*/
	.pre-sv .col-1{width:calc(100% - 260px);}
	.pre-sv .col-1 .tit{line-height:1.2;text-align:left;}
	.pre-sv .col-1 .txt{text-align:left;}
	.pre-sv .col-2{width:210px;}
	#premium.dist .bx-btn{width:210px;height:210px;}
	.pre-cont2 > .d_width{padding:50px 0;}
	.pre-cont3 > .d_width{padding-top:40px;}
}
@media only screen and (max-width:767px){
	#premium.dist .title-lg .tit{font-size:2.3rem;}
	.pre-cont3 .long-bnr{margin:10px 0;}
	.pre-sv:before{height:240px;}
	[class*="pre-cont"] .d_width{padding:30px 0;}
	[class*="pre-cont"] .d_width > .title{margin-bottom:10px;}
	[class*="pre-cont"] .d_width > .title .tit{font-size:2.5rem;}
	.pre-cont1 .bnr .tit{font-size:var(--font-lg);}
	.pre-cont1 .bnr{flex-wrap:wrap;}
	.pre-cont1 .bnr a {width:100%;}
	.pre-cont1 .bnr .txt br{display:none;}
	.pre-herb-slide .bx-wrapper{margin:30px auto 0 !important;}
	.pre-herb-slide .bx-wrapper .bx-viewport{height:340px !important;}
	.pre-notice a{width: 100%; padding:20px;}
	.pre-app-bx .tit{font-size:1.75rem;}
	.pre-app-bx .title .badge{position:relative;right:auto;bottom:auto;}
	.attach-div	{flex-direction:column;}
	.attach-div	.drag,
	.attach-div	.or,
	.attach-div	.add label{width:100%;}
	.attach-div .or{margin:0;}
	
	/*20250731임시*/
	.pre-sv .col-1{width:100%;}
	#premium.dist .bx-btn:before{transform:none;}
	.pre-sv .col-2{width:100%;}
	#premium.dist .bx-btn{width:100%;height:auto;}
	#premium.dist .bx-btn.ico2{padding:10px;}
	#premium.dist .bx-btn:before{width:50px;height:50px;display:inline-block;background-size:auto 100px;background-position:-50px 0;vertical-align:middle;margin:0 15px 0 0;}
	#premium.dist .bx-btn br{display:none;}
	#premium.dist .pre-sv .quick{margin-bottom:20px}
}
@media only screen and (max-width:576px){
	#premium.dist .title-lg .tit{font-size:1.6rem;}
	.pre-sv .quick{margin-bottom:90px;}
	.pre-sv .quick .bx-btn{width:50%;}
	.pre-sv .bx-btn.ico4{width:50%; margin-top:-90px;}
	[class*="pre-cont"] .d_width{padding:20px 0;}
	[class*="pre-cont"] .d_width > .title .tit{font-size:2rem; margin-bottom:0;}
	.pre-cont1 .bnr .txt br{display:block;}
	.pre-herb-slide .bx-wrapper{margin:50px auto 0 !important;}
	.pre-herb-list .thumb{width:100px; height:100px;}
	.pre-herb-list .tit{font-size:var(--font-lg);}
	.pre-herb-slide .bx-wrapper .bx-viewport{height:310px !important;}
	.pre-notice .tit{font-size:var(--font-lg); margin:10px 0;}
	.pre-cont2 .cont > .row{margin-bottom:0;}
	.pre-cont2 .col-2{width:100%;}
	.pre-app-bx .tit{font-size:1.5rem;}
	.pre-cont3 .d_width > .cont .tit{font-size:1.4rem;}
	.pre-app-bx .title{margin-bottom:10px;}
	.pre-app-bx .title .badge{position:absolute;right:0;bottom:-15px;}
	.pre-app-bx{margin-top:10px;}
	.pre-app-bx .btn-wrap a{border-radius:45px;}
	.pre-info .grow_img li{width:100%;}
	.pre-info .test_img li{flex-direction:column;align-items:flex-start}
	.pre-info .test_img .thumb{width:100%;}
	.pre-info .test_img .btn-d{margin-top:10px;}
	
	/*20250731임시*/
	.pre-sv .col-1 .txt br{display:none;}
}
@media only screen and (max-width:415px){
	#premium.dist .title-lg .tit{font-size:1.3rem;}
	.pre-sv:before{display:none;}
	[class*="pre-cont"] .d_width > .title .tit{font-size:1.5rem;}	
	.pre-herb-slide{ margin:1rem 0 .5rem;}
	.pre-herb-slide .item-control{right:0; left:auto;}
	.pre-herb-slide .bx-wrapper{margin:30px auto 0 !important;}
	.pre-herb-slide .bx-wrapper .bx-viewport{height:287px;}
	.pre-app-bx .txt{display:none;}
	.pre-herb-list .tit{display:flex; align-items:center;}
	.pre-app-bx .tit{font-size:1.2rem;}
	.pre-app-bx .btn-wrap a{border-radius: 10px;}
	[class*="pre-cont"] .d_width > .title .txt{font-size:1rem;}
	.pre-cont3 .dist-line-bnr{padding:15px;}
	.pre-cont3 .d_width > .cont .tit{line-height:1.4;}
	.pre-cont3 .dist-line-bnr .txt br{display:none;}
	#premium.dist .pre-app-bx{padding:15px;}
	
}
/* //스마트한약정보 반응형[e] */


/* //스마트한약정보 지정이력조회 반응형[s] */
@media only screen and (max-width:1440px){
	.pre-mfg-bnr .dist-line-bnr:after{top:0; width:125px; height:80px;}
}
@media only screen and (max-width:1023px){
	.pre-mfg-bnr{flex-direction: column-reverse;}
	.pre-mfg-bnr a {width: 100%;}
	.pre-mfg-bnr .dist-line-bnr{width:100%;}
	.pre-mfg-bnr a:first-child{margin-top:10px;}
}
@media only screen and (max-width:415px){
	.pre-reg-bnr:after{display:none;}
	.pre-reg-bnr .comment{display:none;}
}

/* //스마트한약정보 지정이력조회 반응형[e] */

/* 스마트한약정보 한의약산업정보 [S]*/

@media only screen and (max-width:1023px){
	.dist .dist [class*="-herb-list"] li{width:calc(50% - 20px);}
}
@media only screen and (max-width:767px){
	.dist  .list-search-wrap .input-wrap {width:calc(100% - 70px);}
	.dist .pre-herb-list .tit{font-size:var(--font-lg);}

}
@media only screen and (max-width:576px){
	.dist .board-info-right .form-control{width:100%;}
	.dist .board-info-right .board-info .form-control{width:100%;}
	.dist .board-info-right .board-info-search button{position:absolute;top:0;right:0;}
	.dist .list-search-wrap .input-wrap{width:100%; margin:0;}
	.dist .dist [class*="-herb-list"] li{width:100%;}
	.dist .board-info-right *{flex:auto;}
}
/* //스마트한약정보 한의약산업정보[e] */
/* 스마트한약정보 상세페이지[s]*/
@media only screen and (max-width:1240px){
	.pre-detail .cont{width:50%;}
	.pre-detail .photo-list{width:calc(50% - 40px);}
}
@media only screen and (max-width:1023px){
	.pre-detail{flex-wrap:wrap;}
	.pre-detail .cont{width:100%;}
	.pre-detail .photo-list{width:100%; margin:0;}

}
@media only screen and (max-width:767px){
	.pre-detail .cont .info{flex-wrap:wrap;}
	.pre-detail .cont .info dt{width:80px;margin:0;}
	.pre-detail .cont .info dd{width:calc(50% - 80px);}
	.pre-detail .info dd:after{display:none;}
	.pre-detail .info dd:before{width:1px;height:10px;content:"";display:inline-block;background:#dadada;margin:0 10px 0 0;}
}
@media only screen and (max-width:576px){
	.pre-date{margin-bottom:10px;}
	.pre-date .text-lg{font-size:1rem !important;}
	.pre-detail .info dd, #premium .pre-detail .info dt{padding:2px 0;}
	.pre-detail .cont .info dd{width:calc(100% - 80px);}
	.pre-detail .tit{font-size:var(--font-xlg);}
	.pre-detail .info{margin-bottom:10px;}
	.pre-detail .photo-list .thumb{margin:0;}
	.pre-detail .photo-list .thumb:first-child{height:200px;}
	.pre-detail .pre-detail .txt{height:100px;}
}
@media only screen and (max-width:415px){
	.pre-detail .info dd, #premium .pre-detail .info dt{padding:0;}
}
/* //스마트한약정보 상세페이지[e] */
/* 스마트한약정보 리스트[s]*/
@media only screen and (max-width:1023px){
	.pre-herb-list li {width:calc(50% - 20px) !important;}
}
@media only screen and (max-width:576px){
	.dist .board-info-right{display:block;}
	.pre-herb-list li {width:100% !important;}
	.pre-herb-list li a{padding:10px;}
}
/* //스마트한약정보 리스트[e] */
/* [e] 스마트한약 반응형*/

/*[s] 소량소비*/
.smq-sv{position:relative;padding-bottom:40px;}
.smq-sv:before{content:"";width:100%;height:calc(100% - 490px - 70px + 50px);background:#F6F6F6;position:absolute;bottom:0;left:0;}
.smq-sv > .row:nth-of-type(1){background:url(../img/smq-bg.png) no-repeat 0 200px;}
.smq-sv > .row:nth-of-type(2){margin-top:-60px;}
#smq .title-lg .stit{color:#7D6A4D;}
.smq-sv .col-2{margin-top:-50px;}
.smq-sv .col-2 .bx-btn{width:250px;height:50%;text-align:left;font-size:1.625rem;font-weight:900;position:relative;}
.smq-sv .col-2 .bx-btn:before{position:absolute;right:30px;bottom:40px;}
.smq-sv .item-list{width:450px;background:#4D5362;color:#fff;position:relative;}
.smq-sv .item-list > .tit{line-height:70px;font-size:1.425rem;font-weight:700;padding:0 30px;background:#0004;}
.smq-sv .item-list ul{height:490px;padding:0 30px 0 50px;position:relative;/*overflow-y:scroll;*/}
.smq-sv .item-list:before{content:"";height:calc(100% - 70px);border-left:5px solid #0004;position:absolute;left:30px;bottom:0;}
.smq-sv .item-list li{position:relative;}
.smq-sv .item-list li:before{content:"";width:7px;height:7px;border-radius:50%;background:#4D5362;border:3px solid #CFBDA2;position:absolute;top:12px;left:-25px;box-sizing:content-box;}
.smq-sv .item-list li a{display:flex;padding:5px 0;}
.smq-sv .item-list li a .tit{color:#E7CD9C;font-size:1.075rem;font-weight:500;min-width:90px;margin-right:5px;}
.smq-sv .item-list li a .txt{color:#eaecef;font-size:1rem;font-weight:200;}
.smq-sv .item-list ul::-webkit-scrollbar{border-radius: 10px;width: 6px;background-color: #697481;}
.smq-sv .item-list ul::-webkit-scrollbar-track{border-radius: 10px; width:3px; background-color:#697481;}
.smq-sv .item-list ul::-webkit-scrollbar-thumb{border-radius: 10px; width:6px; -webkit-box-shadow: none; background-color:#9B845E;}
.smq-sv .item-list .item-control{position:absolute;top:22px;right:30px;}
.smq-sv .item-list .item-control a{color:#ccc;}
.smq-sv .bnr-wrap{margin-top:70px;align-items:center;}
.smq-sv .bnr-wrap .tit{width:380px;font-size:1.625rem;font-weight:200;color:#333;line-height:1.4;}
.smq-sv .bnr-wrap .tit b{font-style:italic;color:#715E49;}
.smq-sv .bnr-wrap > div{width:calc(100% - 380px);display:flex;justify-content:space-between;}
.smq-sv .bnr-wrap a{width:calc(50% - 20px);padding:60px 40px;font-size:1.625rem;font-weight:900;color:#fff;background:#9B845E url(../img/sm-bnr-ico1.png) no-repeat 100% 50%/auto 100%;}
.smq-sv .bnr-wrap a.bg2{background:#4D5362 url(../img/sm-bnr-ico2.png) no-repeat 100% 50%/auto 100%;}
.smq-herb-list .thumb{aspect-ratio:1/1;filter:brightness(0.9);}
.smq-herb-list .cont{padding:25px 30px;}
.smq-herb-list .tit{margin-top:0 !important;}
.smq-notice{position:relative;}
.smq-notice li a{display:flex;padding:20px 30px;border:1px solid #dadada;border-radius:5px;align-items:center;margin-bottom:10px;}
.smq-notice .item{width:90px;font-size:.9rem;color:#41576D;font-weight:700;}
.smq-notice .subject{font-size:var(--font-lg);color:#333;padding:0 20px;width:calc(100% - 190px);}
.smq-notice .date{width:100px;font-size:.9rem;color:#919191;}
.smq-notice .more{position:absolute;top:0;right:0;background:var(--main-color);display:inline-block;width:35px;height:35px;color:#fff;line-height:35px;text-align:center;border-radius:50%;}
.smq-cont2 .bnr-wrap{margin-top:40px;display:flex;justify-content:space-between;}
.smq-cont2 .bnr-wrap a{width:calc(50% - 10px);}
.smq-cont2 .bnr-wrap .bnr{padding:40px;background:#7A6B5F url(../img/sm-bnr-ico3.png) no-repeat -10% 50%;border-radius:5px;color:#fff;line-height:1.4;position:relative;}
.smq-cont2 .bnr-wrap .bnr .stit{font-size:var(--font-lg);font-weight:200;}
.smq-cont2 .bnr-wrap .bnr .tit{font-size:1.625rem;font-weight:900;}
.smq-cont2 .bnr-wrap .bnr .more{position:absolute;color:#f6f6f6;font-weight:200;right:40px;bottom:40px;}
.smq-info-bx{display:flex;align-items:center;background:#F6F9FB;padding:30px;line-height:1.3;}
.smq-info-bx > .tit{width:270px;font-size:1.2rem;color:#333;font-weight:700;}
.smq-info-bx > .tit b{font-size:1.1rem;display:block;color:#2992CF;font-style:italic;}
.smq-info-bx .count{width:calc(100% - 270px);display:flex;}
.smq-info-bx .count li{display:flex;align-items:center;width:50%;padding:0 20px;border-left:1px dashed #dadada;}
.smq-info-bx .count li:before{content:"";width:100px;height:100px;border-radius:50%;background:#0001 url(../img/smq-info-ico.png);display:inline-block;margin-right:20px;}
.smq-info-bx .count li:nth-child(2):before{background-position:-100px 0;}
.smq-info-bx .count .tit{font-size:1.1rem;color:#2992CF;font-weight:700;}
.smq-info-bx .count .num{font-size:var(--font-3xlg);font-weight:900;color:#333;}
.smq-herb-item{padding:30px;background:#F5F6F8;}
.smq-herb-item a.txt-keyword{background:rgba(0,0,0,0.04);border:1px solid #646D7B;}
.smq-sch-top{background:#F6F9FB;padding:90px 0 30px;margin:-80px 0 40px;}
.smq-sch-top .sch-wrap .row{justify-content:center;align-items:center;}
.smq-sch-top h3.tit:before{display:none !important;}
.smq-sch-top h3.tit{color:var(--main-color);font-weight:900 !important;text-decoration:underline;font-size:1.3rem;margin-right:20px;}
.smq-sch-top .input-wrap{max-width:1100px;margin:0 auto;}
.smq-sch-top .sch-wrap .input-wrap input{line-height:50px;}
.smq-fix-bnr .row{justify-content:space-between;}
.smq-fix-bnr .row a{width:calc(50% - 10px);height:118px;}
.smq-fix-bnr .row .thumb{height:100%;border-radius:5px;}
.smq-fix-bnr .dist-line-bnr{margin-bottom:20px;}
.smq-fix-bnr .dist-line-bnr .tit{font-size:var(--font-xlg);}
.smq-fix-bnr .dist-line-bnr:after{width:170px;height:115px;}
#smq .board-list .subject .thumb,
#smq .table .subject .thumb{display:inline-block;vertical-align:middle;margin-right:10px;width:90px;height:55px;border:1px solid #dadada;}
#smq .table .subject .thumb{width:65px;height:42px;margin-right:5px;}
#smq .table .subject{font-size:1.1rem;}
.smq-detail-bx{background:#4D5362;color:#fff;border-radius:0 0 50px 0;position:relative;}
.smq-detail-bx:before{content:"";width:230px;height:160px;background:url(../img/smq-bg.png) no-repeat 0 0 /cover;position:absolute;top:-10%;right:20px;}
.smq-detail-bx .cont-name{padding:20px 30px;display:flex;align-items:center;padding-right:280px;}
.smq-detail-bx .cont-name .thumb{width:130px;height:80px;margin-right:20px;}
.smq-detail-bx .cont-name .name{font-size:1.1rem;line-height:1.2;}
.smq-detail-bx .cont-name .name span{font-family:gsans;font-size:var(--font-3xlg);color:#E7CD9C;font-weight:900;margin-right:10px;}
.smq-detail-bx .cont-name .txt{color:#EDF0F1;}
.smq-detail-bx .btn-wrap{padding:20px 30px;background:#0004;border-radius:0 0 50px 0;}
.smq-cots-list:not(.board-list){border-top:2px solid var(--main-color);}
.smq-cots-list > li{padding:20px 0;border-bottom:1px solid #dadada;}
.smq-cots-list .cont-wrap{display:flex;flex-wrap:wrap;margin-bottom:20px;}
.smq-cots-list.board-list .cont-wrap{align-items:center;}
.smq-cots-list .cont-wrap .thumb{width:220px;aspect-ratio:1/1;border-radius:5px;border:1px solid #dadada;}
.smq-cots-list .cont-wrap .cont{width:calc(100% - 240px);margin-left:20px;}
.smq-cots-list .cont-wrap .name{font-size:1.3rem;color:#333;font-weight:700;margin-bottom:10px;}
.smq-cots-list .cont-wrap .name em{font-size:1.1rem;}
.smq-cots-list dl{display:flex;flex-wrap:wrap;line-height:2;}
.smq-cots-list dt{width:120px;color:#646F7B;font-weight:500;border-left:1px dashed #dadada;padding-left:20px}
.smq-cots-list dt:nth-child(3n+1){border-left:0;padding-left:0;}
.smq-cots-list dd{width:calc(33.33% - 120px);}
.smq-img-wrap{padding:10px 40px;background:#F6F6F6;display:flex;}
.smq-img-wrap > .tit{width:200px;padding-top:10px;color:#70818F;font-weight:500;line-height:1.3;font-size:1.1rem;font-family:gsans;letter-spacing:.5rem;}
.smq-img-wrap .photo-list{width:calc(100% - 200px);display:flex;flex-wrap:wrap;margin:-5px;}
.smq-img-wrap .photo-list .thumb{width:calc((100% / 6) - 10px);margin:5px;height:115px;border-radius:5px;}

.smq-table thead th{background:#F5F6F8;border-top:1px solid #666;color:#333;}
.smq-table tbody td{border-top:1px solid #eaeaea;font-weight:200;}

/* [s] 소량소비 반응형 */

@media only screen and (max-width:1600px){
}
@media only screen and (max-width: 1440px){
	.smq-sv .item-list{width:400px;}
	.smq-sv .item-list .bx-viewport{height:415px !important;}
	.smq-sv > .row:nth-of-type(2){margin-top:-70px;}
	.smq-sv .col-2 .bx-btn {width:200px;padding:40px 20px;}
	.smq-sv .col-2 .bx-btn:before {right:15px;bottom:20px;margin:0 auto;}
	.smq-sv .bnr-wrap .tit {font-size: 1.5rem;}
	.smq-sv .bnr-wrap a{width:calc(50% - 10px);font-size: 1.5rem;padding: 50px 30px;}
	.smq-fix-bnr .row a{height:100px;}
	.smq-cont2 .bnr-wrap{flex-direction:column;}
	.smq-cont2 .bnr-wrap a{width:100%;margin-bottom:10px;}
}
@media only screen and (max-width: 1240px){
	.smq-sv:before{height:calc(100% - 880px);bottom:10px;}
	.smq-sv > .row:nth-of-type(1) {background-position: 100% 0;background-size:35% auto;}
	.smq-sv .col-2{width:100%;margin-top:30px;}
	.smq-sv .item-list{width:100%;}
	.smq-sv .item-list .bx-viewport{height:320px !important;}
	.smq-sv .item-list > .tit{font-size:1.3rem;line-height:60px;}
	.smq-sv .item-list .item-control{top:17px;}
	.smq-sv .col-2 .quick{width: 100%;display:flex;justify-content:space-between;margin-top: 20px;}
	.smq-sv .col-2 .bx-btn{width:calc(50% - 10px);height:auto;padding: 20px;}
	.smq-sv > .row:nth-of-type(2){margin-top: 40px;}
	.smq-sv .bnr-wrap{margin-top: 30px;}
	.smq-sv .bnr-wrap .tit{width:100%;word-break: keep-all;}
	.smq-sv .bnr-wrap > div{width:100%;margin-top:20px;}
	.smq-sv .bnr-wrap .tit br{display:none;}
	.smq-sv .dist .bx-btn {width:100%;}
	.smq-cont2 .bnr-wrap{flex-wrap:wrap;}
	.smq-cont2 .bnr-wrap .bnr{margin-bottom:20px;}
	.smq-fix-bnr .row{flex-direction:column;}
	.smq-fix-bnr .row a{width:100%;margin-bottom:10px;}
	.smq-detail-bx .cont-name .name span{font-size:var(--font-2xlg);}
	.smq-info-bx{padding:20px;}
	.smq-info-bx > .tit{width:210px;}
	.smq-info-bx .count{width:calc(100% - 210px);}
	
	/*소량소비 한약재 수요조사 모달*/
	.smq-modal-img{width:90px !important;}
	.smq-modal-name{width:calc(100% - 100px) !important;}
	.smq-modal-btn{width:100% !important;}
	.smq-modal-btn .btn-d{width:100%;}
}
@media only screen and (max-width: 1023px){
	.smq-sv:before{height:calc(100% - 785px);bottom:15px;}
	.smq-sv > .row:nth-of-type(1){background-position:100% 90px;background-size:25% auto;}
	.smq-sv > .row:nth-of-type(2){margin-top:20px;}
	.smq-sv .col-2 .bx-btn{font-size: 1.4rem;}
	.smq-sv .bnr-wrap .tit{font-size:1.3rem;}
	.smq-sv .bnr-wrap a{font-size:1.3rem;padding:40px 30px;}
	.smq-notice li a{padding:10px 20px;}
	.smq-notice .subject{font-size:var(--font-base);}
	.smq-notice .more{width:25px;height:25px;font-size:.8rem;line-height:25px;}
	.smq-herb-list .cont{padding:20px;}
	.smq-cont2 .bnr-wrap{margin-top:30px;}
	.smq-cont2 .bnr-wrap .bnr{padding: 20px;}
	.smq-cont2 .bnr-wrap .bnr .tit{font-size:1.5rem;}
	.smq-detail-bx .cont-name .name span{display:block;}
	.smq-detail-bx:before{transform: scale(0.8);right:0;}
	.smq-detail-bx .cont-name{padding-right:220px;}
	.smq-info-bx{flex-direction:column;align-items: flex-start;}
	.smq-info-bx > .tit{width:100%;margin-bottom:15px;}
	.smq-info-bx > .tit br{display:none;}
	.smq-info-bx .count{width:100%;}
	.smq-info-bx .count li:first-child{border-left:none;}
	.smq-info-bx .count .num{font-size:var(--font-2xlg);}
	.smq-cots-list dd{width: calc(50% - 120px);}
	.smq-cots-list dt:nth-child(2n+1){border-left:1px dashed #dadada;padding-left:20px;}
	.smq-cots-list dt:nth-child(4n+1){border-left:0;padding-left:0;}
	.smq-sv .bx-btn:before{margin:0;}
	.smq-sv .item-list:before{height:calc(100% - 60px);}
	#smq .table .subject{font-size:var(--font-base);}
}
@media only screen and (max-width:767px){
	.smq-sv:before{height:calc(100% - 645px);}
	.smq-sv > .row:nth-of-type(1){background:none;}
	.smq-sv .col-2{margin-top: 20px;}
	.smq-sv .item-list .bx-viewport{height:240px !important;}
	.smq-sv .item-list > .tit{font-size:1.1rem;line-height:50px;padding:0 20px;}
	.smq-sv .item-list li:before{width:5px;height:5px;top:10px;left:-23px;}
	.smq-sv .item-list li a{padding:3px 0;}
	.smq-sv .item-list li a .tit{font-size:.95rem;min-width:70px;}
	.smq-sv .item-list li a .txt{font-size:.95rem;}
	.smq-sv .item-list .item-control{top:12px;}
	.smq-sv .col-2 .bx-btn{width: calc(50% - 5px);font-size: 1.15rem;padding: 20px;}
	.smq-sv .bnr-wrap .tit{font-size:1.1rem;}
	.smq-sv .bnr-wrap a{font-size:1.1rem;padding:20px;}
	.smq-cont2 .bnr-wrap .bnr .stit{font-size:1.1rem;}
	.smq-cont2 .bnr-wrap .bnr .tit{font-size:1.25rem;}
	.smq-cont2 .bnr-wrap .bnr .more{font-size:.825rem;}
	.smq-fix-bnr .row{flex-direction:column;}
	.smq-fix-bnr .row a{height:70px;}
	.smq-detail-bx{border-radius:0 0 20px 0;}
	.smq-detail-bx .btn-wrap{border-radius:0 0 20px 0;}
	.smq-detail-bx .cont-name{padding:20px;}
	.smq-detail-bx .btn-wrap{padding:20px;}
	.smq-detail-bx:before{display:none;}
	.smq-info-bx .count li{flex-direction:column;padding: 0 10px;}
	.smq-info-bx .count li:before{width:70px;height:70px;background-size: 140px auto;margin-right: 0;margin-bottom: 10px;}
	.smq-info-bx .count li:nth-child(2):before{background-position-x:-70px;}
	.smq-info-bx .count .num{display:block;text-align:center;}
	.smq-herb-item{padding:20px;}
	.smq-cots-list .cont-wrap table{min-width:450px;text-align:left;}
	.smq-cots-list.board-list .cont-wrap{flex-direction:column;}
	.smq-cots-list .cont-wrap .cont{width:100%;margin-top:15px;}
	.smq-sv .long-bnr{margin:20px 0;}
	.smq-notice .item{width:70px;}
	.smq-notice .subject{width:calc(100% - 140px);}
	.smq-notice .date{width:70px;}
	#smq.dist .filter-wrap .cont .bx:last-child .form-inline{height:auto !important;}
	.smq-sv .item-list:before{height:calc(100% - 50px);}
}
@media only screen and (max-width:576px){
	.smq-sv{position:relative;padding-bottom:20px;}
	.smq-sv:before{height:calc(100% - 695px);bottom:0;}
	.smq-sv .bnr-wrap{margin-top:20px;}
	.smq-sv .bnr-wrap > div{flex-direction:column;}
	.smq-sv .bnr-wrap a{width:100%;}
	.smq-sv .bnr-wrap a:first-child{margin-bottom:10px;}
	.smq-sv .badge.category{padding:.3rem .5rem;}
	.smq-sv > .row:nth-of-type(2){position:absolute;top:200px;left:0;width:calc(100% - 40px);margin-top:0;}
	.smq-sv .col-2{padding-top:220px;margin-top:0;}
	.smq-cont2 .bnr-wrap{margin-top:20px;}
	.smq-detail-bx .cont-name{flex-direction:column;align-items: flex-start;}
	.smq-detail-bx .cont-name .name span{font-size:var(--font-xlg);}
	.smq-detail-bx .cont-name .thumb{margin:0 auto 10px auto;}
	.smq-info-bx > .tit b{font-size:1rem;}
	.smq-info-bx .count .tit{font-size:1rem;font-weight:500;text-align:center;word-break:keep-all}
	.smq-info-bx .count .num{font-size:var(--font-xlg);}
	.smq-cots-list .cont-wrap .thumb{place-self:center;}
	.smq-cots-list .cont-wrap .cont{width:100%;margin-left: 0;}
	.smq-cots-list .cont-wrap{flex-direction:column;}
	#smq.dist [class*="-sv"] .sch-wrap{margin-top:10px;}
	.smq-fix-bnr .dist-line-bnr .tit{font-size:var(--font-lg);}
	.smq-detail-bx .btn-wrap a{width:100%;margin-bottom:5px;}
	.search-bx .title .txt
}
@media only screen and (max-width:415px){
	.smq-sv:before{height:calc(100% - 635px);}
	.smq-sv .col-2 .quick{flex-direction:column;}
	.smq-sv .col-2 .bx-btn{width:100%;margin-bottom: 10px;}
	.smq-sv .col-2 .bx-btn br{display:none;}
	.smq-sv > .row:nth-of-type(2){width:calc(100% - 20px);top:150px;}
	.smq-info-bx .count .num{font-size:var(--font-lg);}
	.smq-cots-list dd{width: calc(100% - 120px);}
	.smq-cots-list dd:nth-child(2n){border-left:1px dashed #dadada;padding-left:20px;}
	.smq-cots-list dt:nth-child(2n+1){border-left:0;padding-left:0;}
	.smq-sv .title-lg .stit{font-size:.8rem;}
}
/* [e] 소량소비 반응형 */

/*[e] 소량소비*/

/*[s] 수급조절*/
.sd-ctrl-sv {margin-bottom:40px;}
.sd-ctrl-sv .col-1{width:calc(100% - 460px);}
.sd-ctrl-sv .col-1{background:url(../img/sd-ctrl-bg.png) no-repeat 100% 100% / 400px auto;}
.sd-item-list {background:#f4f4f4 url(../img/sd-pattern.png);padding:30px 0;}
.sd-item-list a,
.sd-item-list .d_width div{text-align:center;width:calc(100% / 11);color:#333;}
.sd-item-list span{content:"";width:110px;height:110px;border-radius:50%;display:block;margin:0 auto 10px;background-size:cover;}
[class*="sd-item-"] .item1{background-image:url(../img/sd-ctrl-item01.png)}
[class*="sd-item-"] .item2{background-image:url(../img/sd-ctrl-item02.png)}
[class*="sd-item-"] .item3{background-image:url(../img/sd-ctrl-item03.png)}
[class*="sd-item-"] .item4{background-image:url(../img/sd-ctrl-item04.png)}
[class*="sd-item-"] .item5{background-image:url(../img/sd-ctrl-item05.png)}
[class*="sd-item-"] .item6{background-image:url(../img/sd-ctrl-item06.png)}
[class*="sd-item-"] .item7{background-image:url(../img/sd-ctrl-item07.png)}
[class*="sd-item-"] .item8{background-image:url(../img/sd-ctrl-item08.png)}
[class*="sd-item-"] .item9{background-image:url(../img/sd-ctrl-item09.png)}
[class*="sd-item-"] .item10{background-image:url(../img/sd-ctrl-item10.png)}
[class*="sd-item-"] .item11{background-image:url(../img/sd-ctrl-item11.png)}
.sd-cont1 > .row{justify-content:space-between;}
.sd-cont1 .cont1 .col-1{width:510px;background:#2992CF;position:relative;}
.sd-cont1 .cont1 .col-1:before{content:"";width:700px;height:100%;background:url(../img/sd-ctrl-img01.png) no-repeat 0 0/auto 100%;position:absolute;top:0;left:0;}
.sd-cont1 .cont1 .col-1 .txt{position:absolute;right:20px;bottom:20px;font-size:2rem;color:#CEE3EA;font-weight:200;text-align:right;font-style:italic;letter-spacing:.2rem;line-height:1.3;}
.sd-cont1 .cont1 .col-2{width:calc(100% - 580px);}
.sd-cont1 .cont2 .col-1{width:calc(100% - 550px);}
.sd-cont1 .cont2 .col-2{width:470px;height:210px;background:#B98E4A;position:relative;align-self:flex-end;}
.sd-cont1 .cont2 .col-2:before{content:"";width:427px;height:141px;background:url(../img/sd-ctrl-img02.png) no-repeat 0 0/cover;position:absolute;bottom:10px;right:100px;}
.sd-cont1 .cont2 .col-2 .txt{position:absolute;right:20px;top:20px;font-size:1.7rem;color:#EADDCA;font-weight:200;text-align:right;font-style:italic;letter-spacing:.2rem;line-height:1.3;}
#sd-ctrl .tab_flex a {color:#66718E}
#sd-ctrl .tab_flex a.on{background:#66718E;color:#fff;}
#sd-ctrl .deco-txt{font-size:1.1rem;color:#333;}
#sd-ctrl .deco-txt:before{content:"";width:27px;height:23px;background:url(../img/sd-ctrl-tit-deco.png) no-repeat 0 0/cover;display:inline-block;margin-right:5px;}
#sd-ctrl .num-list{padding:30px;background:#FAFAFA;}
#sd-ctrl .num-list li{display:flex;padding:5px 0;}
#sd-ctrl .num-list span{width:30px;height:30px;line-height:30px;color:#fff;font-weight:700;background:#2992CF;text-align:center;font-size:.9rem;border-radius:50%;margin-right:10px;}
#sd-ctrl .num-list .tit{font-size:1.1rem;font-weight:700;color:#2992CF;}
.sd-raw-list li{display:flex;padding:5px 0;}
.sd-raw-list li span{display:inline-block;padding:0 5px;background:#B98E4A;font-size:1.1rem;color:#fff;font-weight:500;height:100%;margin-right:10px;}
.sd-org-info{justify-content:space-between;}
.sd-org-info .col-1{width:370px;padding:40px;display:flex;background:#F6F9FB;}
.sd-org-info .col-1 .tit{font-size:1.1rem;color:#2992CF;font-weight:700;}
.sd-org-info .col-1 .num{font-size:var(--font-3xlg);color:#121314;font-weight:900;}
.sd-org-info .col-1:before{content:"";width:100px;height:100px;background:#0001 url(../img/sd-ctrl-ico01.png) no-repeat 50% 50%;display:block;border-radius:50%;margin-right:20px;}
.sd-org-info .col-2{width:calc(100% - 390px);padding:20px;background:#FAFAFA;}
#sd-ctrl.dist .search-bx{background:0;}
#sd-ctrl .search-bx .title{padding:0 0 20px;}
.sd-item-chk{width:100%;display:flex;flex-wrap:wrap;}
.sd-item-chk a{display:block;width:calc(100% / 6);text-align:center;padding:5px;position:relative;color:#333;font-weight:500;font-size:.925rem;}
.sd-item-chk a:after{content:"";height:20px;border-left:1px solid #dadada;position:absolute;top:25px;right:0;}
.sd-item-chk a:nth-child(6n+1):before{content:"";height:20px;border-left:1px solid #dadada;position:absolute;top:25px;left:0;}
.sd-item-chk a span{content:"";width:60px;height:60px;line-height:60px;color:#fff;text-align:center;display:block;border-radius:5px;background:#919191;background-size:140%;background-position:50% 50%;margin:0 auto 10px;position:Relative;overflow:hidden;}
.sd-item-chk a.on span.all,
.sd-item-chk a:hover span.all{background:var(--sub-color);}
.sd-item-chk a.on span:not(.all):before,
.sd-item-chk a:hover span:not(.all):before{content:"\f00c";font-family:fontAwesome;font-size:1.5rem;width:100%;height:100%;position:absolute;top:0;left:0;color:var(--sub-color);background:#0005;}
.sd-item-chk a.on span:not(.all):after,
.sd-item-chk a:hover span:not(.all):after{content:"";position:absolute;top:0;left:0;border:4px solid var(--sub-color);width:100%;height:100%;}
.sd-item-chk a:not(.on):hover span:not(.all):before{color:#ccc;}
.sd-item-chk a:not(.on):hover span:not(.all):after{border-color:#ccc;}
#sd-ctrl .tv-checkbox input[type="checkbox"]:checked + label::before{background:var(--sub-color);border-color:var(--sub-color);}
.sd-drop{border:1px solid #dadada;}
.sd-drop > *{padding:20px 30px;}
.sd-drop .tit{display:flex;justify-content:space-between;align-items:center;background:#F6F6F6;}
.sd-drop .tit h3{margin:0;font-size:1.1rem;color:#333;}
.sd-drop .tit h3:before{display:none !important;}
.sd-drop .tit .angle-ico{display:block;width:30px;height:30px;line-height:30px;border-radius:50px;text-align:center;background:#66718E;color:#fff;}
#sd-ctrl .info li{width:100%;display:flex;}
#sd-ctrl .info span{min-width:120px;display:inline-block;color:#66718E;font-weight:500;flex-shrink:0;}

.sd-result{background:#F6F9FB;padding:30px 0 80px;margin:30px 0 -80px;}
.sd-filter{background:#0000000d;}
.sd-filter:before{background:url(../img/sd-ctrl-ico02.png) no-repeat 50% 50%;}
/* .sd-table{position:sticky;top:110px;} */
.table-sm table thead th, .table-sm table tbody th, .table-sm table tbody td,
.table-sm table tfoot th, .table-sm table tfoot td{padding:.65rem;}
.sd-table tbody th{color:#121314;}
.sd-table tbody{background:#fff;}
.sd-table table tfoot tr{background:#0000000d;}
.sd-table table tfoot th{font-weight:500;color:#333;border-right:1px solid #0002;}
.sd-table table tfoot td{font-weight:900;color:#000;}
.graph-wrap.row{justify-content:space-between;}
.graph-wrap .col_d2{width:calc(50% - 20px);}
.sd-result .graph{background:#fff;border:1px solid #ccc;padding:20px;}
.sd-pie-wrap.row{justify-content:space-between;align-items:center;}
.sd-pie-wrap .col-1{width:250px;}
.sd-pie-wrap .col-1 .graph{height:250px;}
.sd-pie-wrap .col-2{width:calc(100% - 290px);}
.sd-pie-wrap .tit{font-size:1.1rem;color:#333;font-weight:500;}
.sd-pie-wrap .num{color:#121314;font-weight:900;font-size:var(--font-3xlg);margin:0 0 20px;}
.sd-pie-wrap .num span{margin-left:20px;}
.sd-pie-wrap .state {display:flex;flex-wrap:wrap;}
.sd-pie-wrap .state li{margin-right:20px;}
.sd-pie-wrap .state li em	{font-weight:500;color:#333;margin-left:5px;}
.sd-pie-wrap .state .remark-dot		{display:inline-block;width:14px;height:14px;background:#eee;border-radius:50%;vertical-align:middle;margin-right:10px;}
.sd-pie-wrap .state .remark1 {background:#68B3C8;}
.sd-pie-wrap .state .remark2 {background:#F3BA46;}
.sd-pie-wrap .state .remark3 {background:#E35758;}
.sd-pie-wrap .state .remark4 {background:#CDCDCD;}
.sd-pie-wrap .state .remark5 {background:#7C7DDC;}
.sd-pie-wrap .state .remark6 {background:#4BC2C2;}
.sd-pie-wrap .state .remark7 {background:#7D7ACF;}
.sd-pie-wrap .state .remark8 {background:#FE8E4B;}
.sd-pie-wrap .state .remark9 {background:#C77CCD;}
.sd-pie-wrap .state .remark10 {background:#A7B0B8;}
.sd-pie-wrap .state .remark11 {background:#FF9A9A;}

/* [s] 수급조절 반응형 */
@media (max-width : 1440px){
	.sd-item-list span{width:100px;height:100px;}
    .sd-cont1 .cont1 .col-1:before{left:-80px;}
    .sd-ctrl-sv .col-1{background-size:320px auto;}
}
@media (max-width : 1240px){
    .sd-ctrl-sv .col-1{background:none;}
    .sd-ctrl-sv .title-lg .txt{padding-right:15px;word-break:keep-all;}
    .sd-ctrl-sv .title-lg .txt br{display: none;}
    .sd-item-list span{width:80px;height:80px;}
    .sd-cont1 .cont1 .col-1{width:50%;}
    .sd-cont1 .cont1 .col-1:before{width:715px;left:-140px;}
    .sd-cont1 .cont1 .col-2{width:calc(50% - 40px);}
    #sub-container h2{margin:2rem 0 1rem;}
    .sd-cont1 .cont2 .col-2{width:270px;height:230px;}
	.sd-cont1 .cont2 .col-2 .txt{font-size:1.5rem;}
	.sd-cont1 .cont2 .col-2:before{width:340px;height:110px;bottom:20px;right:5px;}
    #sd-ctrl .num-list .cont{width:calc(100% - 40px);}
}
@media (max-width : 1023px){
    .sd-ctrl-sv .col-1{width:100%;}
    .sd-ctrl-sv .title-lg .txt{padding:0;}
    .sd-ctrl-sv .col-2{width:80%;margin:20px auto;}
    .sd-ctrl-sv .col-2 .bx-btn{width:50%;font-size:var(--font-lg);padding:0 20px 10px;}
    .sd-ctrl-sv .col-2 .bx-btn.ico11 br{display:none;}
    .sd-item-list{padding:20px 0;}
    .sd-item-list .row{flex-wrap:wrap;}
	.sd-item-list .row div{width:calc(100% / 6);}
	.sd-item-list .row div:nth-child(-n+6){margin-bottom:10px;}
    .sd-cont1 > .row{flex-direction:column;}
	.sd-cont1 .cont1 .col-1{width:100%;padding:40px 20px;}
	.sd-cont1 .cont1 .col-1:before{left:0;}
	.sd-cont1 .cont1 .col-1 .txt{font-size:1.7rem;position:relative;bottom:auto;right:auto;text-align:right;}
	.sd-cont1 .cont1 .col-2{width:100%;margin-top:20px;}
	.sd-cont1 .cont2 .col-2{width:100%;height:auto;padding:15px 20px;margin-top:20px;}
	.sd-cont1 .cont2 .col-2 .txt{position:relative;top:auto;right:auto;text-align:left;}
	.sd-cont1 .cont2 .col-2:before{width:380px;height:125px;bottom:5px;}
    .graph-wrap.row{flex-direction:column;}
	.graph-wrap .col_d2{width:100%;margin-bottom:15px;}
	.graph-wrap .graph{height:320px;}
    .sd-org-info{flex-direction:column;}
	.sd-org-info .col-1{width:100%;padding:30px;margin-bottom:15px;}
	.sd-org-info .col-1:before{width:80px;height:80px;background-size:45%;}
	.sd-org-info .col-1 .cont .tit{margin-right:10px;}
	.sd-org-info .col-2{width:100%;padding:15px;}
}
@media only screen and (max-width : 767px){
   	.sd-ctrl-sv .col-2{width:100%;}
    .sd-item-list span{width:70px;height:70px;}
    .sd-cont1 .cont2 .col1 .sd-raw-list li{flex-direction:column;}
	.sd-cont1 .cont2 .col1 .sd-raw-list li span{margin:0;}
	.sd-cont1 .cont2 .col-2:before{width:295px;height:95px;bottom:10px;}

    .search-bx .tab_flex{flex-direction:row;}
    .sd-result .sub-tit-bx:before{display:none;}
    .graph-wrap .graph{height:260px;}
    .sd-pie-wrap .col-2{width:calc(100% - 280px);}
	.sd-pie-wrap .num{font-size:var(--font-2xlg);margin:0 0 10px;}
	.sd-pie-wrap .num span{display:block;margin:0;}
}
@media only screen and (max-width : 576px){
     .sd-ctrl-sv .col-2 .bx-btn{font-size: var(--font-base);}
    .sd-ctrl-sv .col-2 .bx-btn.ico10:before{background-position:-100px -50px;}
    .sd-ctrl-sv .col-2 .bx-btn.ico11:before{background-position:-150px -50px;}
    .sd-item-list .row div{width:calc(100% / 6);}
	.sd-item-list span{width:50px;height:50px;margin:0 auto 5px;}
    #sd-ctrl .tab_flex{flex-direction:row;}
    .sd-cont1 .cont1 .col-1{display: none;}
    #sd-ctrl .num-list{padding:20px;}
    .sd-cont1 .cont1 .col-2{margin:0;}
    .sd-cont1 .cont2 .col-2{display: none;}
    .search-bx .title .txt{text-align:left;line-height:1.4;}
    .sd-item-chk a::before{display:none;}
	.sd-item-chk a:after{display:none;}
	.sd-item-chk a span{width:50px;height:50px;line-height:50px;}
    .sd-drop > *{padding:20px;}
    #sd-ctrl .info li{flex-direction:column;margin-top:10px;}
    #sd-ctrl .info li:first-child{margin:0;}
    .sd-result .graph{padding:15px;margin-bottom:10px;}
    .sd-result .sd-pie-wrap.row{flex-direction:column;}
	.sd-result .sd-pie-wrap.row div{width:100%;}
    .filter-wrap .form-inline select{width:calc(50% - 15px) !important;}
    .sd-org-info .col-1{padding:25px;}
	.sd-org-info .col-1:before{margin-right:15px;}
	.sd-org-info .col-1 .cont{width:calc(100% - 95px);}
}
@media only screen and (max-width : 415px){
     .sd-item-list span{width:40px;height:40px;}
    #sd-ctrl .deco-txt{font-size: 1rem;}
    #sd-ctrl .tab_flex{flex-direction:column;}
    .tab_flex a{font-size:1.05rem;}
    .sd-item-chk a{width:calc(100% / 4);}
    [data-tooltip]:before{width:120px;line-height:20px;white-space:normal;}
    .sd-org-info .col-1{padding:20px;}
	.sd-org-info .col-1 .num{font-size:1.8rem;}
	.sd-org-info .col-2{padding:10px;}
}
/* [e] 수급조절 반응형 */
/*[e] 수급조절*/

/*모달창 css*/
.ui-dialog-content .pop-infocard 										{padding:20px;}
.pop-infocard .cont-topbx							{background:#4D5362;border-radius:Var(--basic-round);padding:1rem;}
.pop-infocard .cont-topbx .cont-name				{position:relative;color:#fff;line-height:1.2;padding:0.5rem;display:flex;flex-flow:row wrap;justify-content:space-between;}
.pop-infocard .cont-topbx .cont-name .category		{color:rgba(255,255,255,0.6)}
.pop-infocard .cont-topbx .cont-name .name			{font-size:var(--font-xlg);font-weight:var(--font-exbold)}
.pop-infocard .cont-topbx .cont table th,
.pop-infocard .cont-topbx .cont table td		{padding:0.5rem 0.75rem;border:1px solid rgba(0,0,0,0.1);}
.pop-infocard .cont-topbx .keyword-wrap			{margin-top:1rem}
.pop-infocard .cont-topbx .keyword-wrap span	{background:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.15);}
.pop-infocard .img-wrap					{margin-top:0.5rem;display:flex;flex-flow:row wrap;}
.pop-infocard .img-wrap .thumb			{width:180px;height:100px;}
.pop-infocard .img-wrap .cont			{width:calc(100% - 200px);margin-right:20px;background:rgba(0,0,0,0.2);color:#fff;font-size:var(--font-sm)}
.pop-infocard .cont-wrap				{margin-top:0.5rem;}
.pop-infocard .cont-wrap .cont			{background:rgba(0,0,0,0.2);color:#fff;font-size:var(--font-sm)}

/* [s]모달창 반응형 css */
@media only screen and (max-width:767px){
	.pop-infocard .img-wrap{flex-direction:column;}
	.pop-infocard .img-wrap .cont{width:100%;order:2;margin-right:0;}
	.pop-infocard .img-wrap .cont,
	.pop-infocard .cont-wrap .cont{width:100%;}
	.pop-infocard .img-wrap .thumb{margin:0 auto 15px;}
	.pop-infocard .cont-topbx .cont-name .name,
	.pop-infocard .cont-topbx .cont-name .btn-wrap{float:none !important;}
	.pop-infocard .cont-topbx .cont-name .btn-wrap{margin-left:0 !important;margin-top:10px;}
}
@media only screen and (max-width:576px){
	.pop-infocard .cont-topbx .cont-name .btn-wrap a{width:100%;margin-bottom:5px;}
	.pop-infocard .cont-topbx .cont table th,
	.pop-infocard .cont-topbx .cont table td{display:block;width:100%;}
}
/* [e]모달창 반응형 css */
/* [s]모달 스타일 반응형 */
@media only screen and (max-width:1023px){
	.ui-widget.ui-widget-content table{text-align:left;}
}
/* [e]모달 스타일 반응형 */
/*[s] 토픽관리*/
#topic #sch-bar{width:100%;position:relative;padding:40px;background:var(--sub-color);display:flex;align-items:center;justify-content:center;box-shadow:none;}
#topic #sch-bar .tit{font-size:var(--font-2xlg);color:#ff9;font-weight:900;font-family:gsans;margin-right:20px;flex-shrink:0;}
#topic .search-input{width:910px;}
#topic .search-input input{border-color:#fff;background:#fff0;color:#fff;}
#topic .search-input input::placeholder			{opacity:1;color:#fff;}
#topic .search-input input:-ms-input-placeholder	{opacity:1;color:#fff;}
#topic .search-input input::-ms-input-placeholder	{opacity:1;color:#fff;}
#topic .search-input .btn-search{background:#0005;}

.topic-cont{display:flex;justify-content:space-between;margin-top:40px;}
.topic-cont .sch-bx{width:280px;}
.topic-cont .topic-list{width:calc(100% - 320px);}
.topic-cont .sch-bx > ul{background:#E5E7EC;border-radius:10px;}
.topic-cont .sch-bx > ul > li{padding:20px;border-bottom:1px solid #DADADA;}
.topic-cont .sch-bx > ul > li:last-child{border-bottom:0;}
.topic-cont .sch-bx .tit{color:#373C4E;font-weight:500;padding-bottom:5px;margin-bottom:5px;border-bottom:1px dashed #0002;display:block;position:relative;}
.topic-cont .sch-bx a.tit:after{content:"\f078";font-family:fontAwesome;color:var(--sub-color);font-size:.8rem;position:absolute;top:0;right:0;}
.topic-cont .sch-bx .on a.tit:after{content:"\f077";}
.topic-cont .sch-bx > ul > li li{padding:3px 0;}
.topic-list .list		{margin:-20px 0;}
.topic-list .list li	{padding:20px 0;border-bottom:1px solid #ccc;}
.topic-list .list li:last-child{border-bottom:0;}
.topic-list .list .item{color:var(--sub-color);font-weight:700;font-size:.9rem;letter-spacing:0;}
.topic-list .list .subject{font-size:21px;font-weight:700;color:#333;line-height:1.2;margin-bottom:10px;}
.topic-list .keyword-input{margin:10px 0;}
.topic-list .txt-keyword{font-size:.9rem;line-height:28px;padding:0 10px;}
.topic-list .txt-clamp{min-height:50px;}
.topic-list .info {font-size:.9rem;margin-top:10px;}
.topic-list .info span{color:#999;font-weight:200;}
.topic-list .info span:before{content:"";display:inline-block;margin:0 5px;width:1px;height:10px;background:#dadada;}
.topic-list .nodata .item,
.topic-list .nodata .info{color:#ccc;}
.topic-list .nodata .subject{color:#808080;}
.topic-list .nodata .txt-clamp{color:#999;}

.topic-cont .topic-view{width:calc(100% - 600px);}
.annotation{position:relative;width:280px;}
.annotation .inframe		{position:sticky;right:0;top:380px;width:280px;height:calc(100vh - 510px);overflow-y:scroll;padding:10px;}
.topic-cont *::-webkit-scrollbar{border-radius: 10px;width: 10px;background-color: var(--main-color);}
.topic-cont *::-webkit-scrollbar-track{border-radius: 10px; width:5px; background-color:#f6f6f6;}
.topic-cont *::-webkit-scrollbar-thumb{border-radius: 10px; width:10px; -webkit-box-shadow: none; background-color:var(--main-color);}
.topic-cont *::-webkit-scrollbar-button{display: none;}
.annotation.on .inframe	{top:0px;height:calc(100vh - 260px);}
.annotation a				{display:block;}
.annotation .num			{display:block;color:var(--sub-color);font-size:.8rem;transition:all ease-out 0.2s;line-height:1.5;cursor:pointer}
.annotation .txt			{position:relative;font-size:0.9rem;margin:0 0 5px 0}
.annotation .txt.on		{border:1px dashed var(--sub-color);background:#fafafa;padding:10px;border-radius:5px;}
#policy  .annotation .num	{color:#1a84e1;}
#policy .annotation .txt.on{border-color:#1a84e1;}

#tit-bar{padding:30px 40px;display:flex;border-radius:0 0 50px 0;color:#fff;/* align-items:center; */}
#tit-bar .location{margin:0;}
#tit-bar .location a{color:#ffc !important;font-weight:500 !important;}
#tit-bar .subject{font-family:gsans;font-weight:900;font-size:var(--font-2xlg);line-height:1.3;}
#tit-bar .stit	{color:#fff;font-size:var(--font-lg);}
#tit-bar .txt	{color:#fffc;font-weight:200;}
#tit-bar .info-wrap{width:230px;text-align:right;flex-shrink:0;position:relative;}
#tit-bar .ico-group{justify-content:right;margin-bottom:10px;}
#tit-bar [class*="ico-f-"]:before{margin:0;}
#tit-bar .ico-group > a, #tit-bar .ico-group > button{width:40px;height:40px;line-height:40px;text-align:center;background:#fff;border-radius:50%;color:#555;border: none;} 
#tit-bar .ico-group > a.on{background:#f66;color:#fff;}
#tit-bar .ico-f-share .share-ico-cont{top:40px;}
#tit-bar .tit-wrap{min-width:calc(100% - 230px);}
#tit-bar .date{color:#fffc;letter-spacing:0;font-weight:200;}

#topic #tit-bar{background:var(--sub-color);}
#policy #tit-bar{background:var(--point-color);}
.topic-view{padding:30px;border:1px solid #dadada;border-radius:10px;}
.topic-view h2,.topic-view h3,.topic-view h4,.topic-view h5,.topic-view h6{font-weight:500}
.topic-view h1		{font-size:30px;color:#111;margin:0 0 20px 0;}
.topic-view h2		{font-size:22px;color:#CC9900;padding:0;margin:20px 0 10px 0;}/*가*/
.topic-view h3		{font-size:20px;color:#111111;padding:0;margin:20px 0 5px 0;}/*1)*/
.topic-view h3:before {display:none !important;}
.topic-view h4		{font-size:18px;color:#111111;padding:0;margin:15px 0 5px 0;}/*(1)*/
.topic-view h5		{font-size:16px;color:#111;padding:0;margin:10px 0 5px 0;}
.topic-view h6		{font-size:16px;color:#555;padding:0;margin:5px 0;}
.topic-view>p			{margin:10px 0;}
.topic-view .text{text-align:justify;}
.topic-view .remark	{position:relative;display:inline-block;font-family:verdana;font-size:10px;color:var(--sub-color);vertical-align:top;margin-right:4px;font-weight:bold}
#policy .topic-view .remark{color:#1a84e1;}
.topic-view .remark span			{display:none;visibility:hidden;opacity:0;font-size:13px;font-weight:400;position:absolute;left:-110px;bottom:calc(100% + 10px);border-radius:3px;background:var(--main-color);color:#fff;letter-spacing:0;width:240px;padding:10px;text-align:center;word-break:keep-all;transition:all 0.2s ease-out;}
.topic-view .remark:hover span	{visibility:visible;opacity:1;}

.topic-cont .sch-bx .list1{font-size:15px;}
.topic-cont .sch-bx .list1 em{color:#9EA4B6;margin-right:5px;}
.topic-cont .sch-bx .list1 a{display:flex;}
.topic-cont .sch-bx .list1 .on em{color:var(--sub-color);}
.topic-cont .sch-bx .list1 .on{color:#333;font-weight:700;}
.topic-cont .sch-bx .list2 li a{padding-left:10px;}
.topic-cont .sch-bx .list3{background:#fff5;}
.topic-cont .sch-bx .list3 li a{padding-left:20px;color:#777;}
#policy .topic-cont .sch-bx .tit a{padding:0 !important;background:none !important;}
#policy .topic-cont .sch-bx .list1 a:not(.on):hover		{color:var(--sub-color);}
#policy .topic-cont .sch-bx .list1 a.on			{color:var(--main-color);}
#policy .topic-cont .sch-bx .list1>li>a				{padding-left:25px;background:url(../img/ico_depth1.png) no-repeat 0 2px;}
#policy .topic-cont .sch-bx .list2>li>a			{padding-left:25px;background:url(../img/ico_depth2.png) no-repeat 6px 3px;font-size:15px;}
#policy .topic-cont .sch-bx .list3>li>a	{padding-left:40px;background:url(../img/ico_depth3.png) no-repeat 25px 5px;font-size:14px;}

.precedent .case .tit .remark	{margin-top:-4px}
.precedent			{border:1px solid #879EC2;padding:30px;}
.precedent .subject			{color:#486491;font-size:16px;}
.precedent .subject .num	{color:#486491;display:inline-block;border:1px solid #879EC2;background:#f6f6f6;line-height:20px;width:22px;text-align:center;font-size:.875rem;margin-right:10px;}
.precedent .case			{position:Relative;border:1px dashed #ccc;padding:15px;font-size:0.9rem;margin:25px 0 15px;}
.precedent .case .tit		{position:absolute;left:10px;top:-10px;display:inline-block;background:#fff;padding:0 5px;line-height:20px;}
.precedent ul li .tit		{color:#879EC2}
.precedent ul li .tit:before{content:"\f0c8";font-family:FontAwesome;margin-right:8px;font-weight:900;font-size:0.755rem;}
.precedent ul li .txt		{margin-left:18px;}
/*[e] 토픽관리*/


/*[s] 한의약 정책*/
#policy .board-view-desc{margin-top:10px;background:#f3f3f3;padding:1.25rem;border:0;border-radius:5px;}

.policy-tab{display:flex;margin:0 -10px 30px;}
.policy-tab a{width:calc(33.33% - 20px);margin:0 10px;display:flex;padding:20px 30px;background:var(--point-color);color:#fff;border-radius:0 30px 0 0;justify-content:space-between;align-items:center;}
.policy-tab p{font-size:22px;font-weight:900;font-family:gsans;color:#fff;}
.policy-tab .num{font-size:18px;}
.policy-tab .num em{color:#fff;font-size:var(--font-3xlg);font-weight:900;vertical-align:middle;margin-right:5px;}
.policy-tab .ico2{background:var(--sub-color)}
.policy-tab .ico3{background:var(--main-color);}
.policy-tab p:before{content:"";width:33px;height:33px;display:inline-block;vertical-align:middle;background-image:url(../img/policy-ico1.png);background-size:cover;margin-right:10px;}
.policy-tab .ico2 p:before{background-image:url(../img/policy-ico2.png);}
.policy-tab .ico3 p:before{background-image:url(../img/policy-ico3.png);}

.policy-list{margin:-20px 0 -30px;}
.policy-list > ul > li{display:flex;padding:20px 10px;border-bottom:1px solid #ccc;}
.policy-list > ul > li:last-child{border-bottom:0;}
.policy-list .category{line-height:unset;padding:.3rem .75rem;min-width:110px;height:100%;margin-right:20px;cursor:default !important;}
.policy-list .category:hover{background:inherit;color:inherit;box-shadow:none;}
.policy-list .item{font-weight:500;color:#207ed1;font-size:.9rem;margin:0 0 5px;}
.policy-list .cont{width:calc(100% - 130px);}
.policy-list .subject{line-height:1.2;}
.policy-list.ver1 .subject{display:flex;align-items:center;justify-content:space-between;}
.policy-list .subject a{font-size:22px;color:#333;font-weight:700;}
.policy-list .date{color:#666;letter-spacing:0;font-weight:200;}
.policy-list .list1{margin-top:10px;}
.policy-list .list1 > li > a{display:flex;align-items:center;justify-content:space-between;padding:10px 5px;color:#333;font-weight:500;border-top:1px solid #bdbdbd;}
.policy-list .list1 .more{font-size:14px;color:var(--main-color);}
.policy-list .list1 a:hover{background:#F6F9FB;color:var(--point-color);}
.policy-list .subject a:hover{color:var(--point-color);}
.policy-list .list2	{display:flex;flex-wrap:wrap;justify-content:space-between;background:#fafafa;}
.policy-list .list2 li{width:calc(50% - 10px);}
.policy-list .list2 a{display:block;border-bottom:1px solid #efefef;padding:5px 15px;font-size:14px;color:#768395;position:relative;}
.policy-list .list2 a:before{content:"";width:5px;height:1px;display:inline-block;background:#5b6f89;position:absolute;top:50%;left:5px;}
.policy-list .list2 .more{display:none;}
/*[e] 한의약 정책*/

@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){
	.topic-cont .sch-bx,
	.annotation{width:240px;}
	.topic-cont .topic-view{width:calc(100% - 520px);}
	.annotation .inframe{width:100%;}
	.topic-cont{margin-top:20px;}
}
@media only screen and (max-width:1240px){
	.topic-list .list .subject{font-size:var(--font-lg);}
	
	.policy-tab a{padding:10px 20px;}
	.policy-tab p{font-size:var(--font-lg);}
	.policy-tab .num em{font-size:var(--font-2xlg);}
	.policy-tab p:before{width:25px;height:25px;}
	.policy-list .subject a{font-size:var(--font-lg);}
	
	#tit-bar .subject{font-size:var(--font-xlg);}
	#tit-bar .stit{font-size:var(--font-base);}
	#tit-bar .info-wrap{font-size:.9rem;}
	.topic-view h1{font-size:var(--font-xlg);}
	.topic-view h2{font-size:1.125rem;}
	.topic-cont{flex-wrap:wrap;}
	.topic-cont .topic-view{width:calc(100% - 260px);}
	.annotation{width:100%;height:200px;background:#f6f6f6;margin:20px 0 0;}
	.annotation .inframe{height:100%;}
	.topic-view{padding:20px;}
}
@media only screen and (max-width:1023px){
	#topic #sch-bar{padding:20px;border-radius:0 0 30px 0;}
	#topic #sch-bar .tit{font-size:var(--font-xlg);}
	.topic-cont{margin-top:20px;flex-wrap:wrap;}
	.topic-cont .sch-bx{width:100%;}
	.topic-cont .topic-list{width:100%;margin-top:20px;}
	.topic-cont .sch-bx > ul ul{display:flex;flex-wrap:wrap;}
	.topic-cont .sch-bx > ul ul li{width:100%;}
	.topic-cont .sch-bx > ul ul.chk-wrap li{width:50%;padding:0 10px;}
	
	.topic-cont .topic-view{width:100%;margin-top:20px;}
	.topic-cont .sch-bx{height:200px;overflow-y:scroll;}
	#tit-bar{display:block;padding:20px;border-radius:0 0 30px 0;}
	#tit-bar .info-wrap{width:100%;}
	#tit-bar .ico-group > a{width:30px;height:30px;line-height:30px;margin:0 2px;}
}
@media only screen and (max-width:767px){
	.policy-tab{flex-wrap:wrap;margin:0 0 20px;}
	.policy-tab a{width:100%;margin:5px 0;}
	.policy-list > ul > li{flex-wrap:wrap;padding:15px 0;}
	.policy-list .cont{width:100%;}
}
@media only screen and (max-width:576px){
	.policy-list .subject{display:block;}
	.policy-list .date{display:block;text-align:right;}
	.policy-list .category{padding:.1rem .5rem;min-width:80px;}
	.policy-list .item{margin:5px 0;}
	.policy-tab a{border-radius:5px;margin:2px 0;}
	.policy-tab p{font-size:var(--font-base);}
	.policy-tab .num em{font-size:var(--font-xlg);}
	.policy-list .subject a.t-rsp{white-space:wrap;}
	.policy-list .list2 li{width:calc(50% - 5px);}
	.policy-list .list2 a{padding-right:0;}
	
	.topic-cont .sch-bx > ul > li{padding:10px;}
	.topic-list .list .subject{font-size:1.125rem;}
	#topic #sch-bar{flex-wrap:wrap;}
}
@media only screen and (max-width:415px){
}

/*[s] 한의약 정보*/
.db-intro{display:flex;align-items:center;}
.db-intro .tit{font-size:var(--font-xlg);color:#333;font-family:gsans;font-weight:500;}
.db-intro .txt{margin:10px 0 20px;}
.db-intro .txt a{font-weight:500;text-decoration:underline;}
.db-intro .txt a:hover{font-weight:500;color:var(--sub-color);}
.db-intro .btn-d{letter-spacing:0;}
.db-intro:before{content:"";width:180px;height:180px;border-radius:50%;background:url(../img/sample5.png) no-repeat 50% 50%/cover;display:block;margin-right:40px;flex-shrink:0;}
.db-intro.bg1:before{background-image:url(../img/db-intro-bg1.png);}
.db-intro.bg2:before{background-image:url(../img/db-intro-bg2.png);}
.db-intro.bg3:before{background-image:url(../img/db-intro-bg3.png);}
.db-intro.bg4:before{background-image:url(../img/db-intro-bg4.png);}
.db-intro.bg5:before{background-image:url(../img/db-intro-bg5.png);}
.db-intro.bg6:before{background-image:url(../img/db-intro-bg6.png);}
.db-intro.bg7:before{background-image:url(../img/db-intro-bg7.png);}

@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
}
@media only screen and (max-width:1023px){
	.db-intro{align-items:flex-start;}
	.db-intro:before{width:130px;height:130px;margin-right:20px;}
	.db-intro .txt{margin:0 0 10px;}
}
@media only screen and (max-width:767px){
}
@media only screen and (max-width:576px){
	.db-intro{flex-wrap:wrap;text-align:center;word-break:keep-all;justify-content:center;}
	.db-intro:before{margin:0 0 10px;}
	.db-intro .tit{font-size:var(--font-lg);}
	.db-intro .btn-d{display:block;}
}
@media only screen and (max-width:415px){
	.db-intro:before{width:100%;height:100px;border-radius:10px;}
}
/*[e] 한의약 정보*/

/*[s] 연구자 정보 */
.expert-top {margin:30px auto 40px;}
.expert-top ul {display:flex;}
.expert-top ul li {width:25%;padding:30px;text-align:center;background:#FAFAFA;border-right:1px solid #DADADA;position:relative;}
.expert-top ul li .tit {color:#333;font-size:18px;}
.expert-top ul li:first-child .tit {color:#fff;font-size:25px;font-family: 'gsans';font-weight:500;}
.expert-top ul li:first-child {background:var(--sub-color);border-right:0;background-position: 0% 100%;}
.expert-top ul li:last-child {border-right:0;}
.expert-top ul li .num {font-size:25px;color:#36414F;font-weight: 700;font-family: 'gsans';}
.expert-top ul li .txt {color:#36414F;font-size: 25px;font-weight: 800;font-family: 'gsans';line-height: 50px;}
.expert-top ul li:first-child .txt {background:#fff;border-radius:0.2rem;font-family: 'FontAwesome';font-size: 18px;}

.expert-list {margin:-20px 0 -30px;}
.expert-list ul.info > li {display:flex;padding:20px 0;align-items: center; border-bottom: 1px solid #CCCCCC;position:relative;justify-content: space-between;}
.expert-list ul.info > li:last-child {border-bottom:0;}
.expert-list ul li .num {font-size:16px;color:#666666;padding:0 30px;}
.expert-list ul li .name {font-size:22px;color:#333333;font-weight:700;min-width:190px;}
.expert-list ul li .name .badge.category {background:#fff;padding:0 10px;margin-right:10px;min-width:60px;}
.expert-list ul li .name .badge.category.org {color:#FF9900;border:1px solid #FF9900;}
.expert-list ul li .name .badge.category.green {color:#7DB52B;border:1px solid #7DB52B;}
.expert-list ul li .name .badge.category.blue {color:#2D649D;border:1px solid #2D649D;}
.expert-list ul.info > li li .sub{color:var(--point-color);width:75px;display:inline-block;}
.expert-list ul.info > li .cont {display:flex;align-items: center;}

.expert-view{border-top:2px solid #333;border-bottom:1px solid #333;padding:40px 0px;position:relative;}
.expert-view:before{content:'';display:block;width:220px;height:80px;position:absolute;bottom:-3px;left:0;background:url(../img/20230817_img2.png) no-repeat;}
.expert-view .col-1 .img-bx{width:300px;height:350px;overflow:hidden;border:1px solid #efefef; box-shadow:6px 9px 14px 3px #61677c29;}
.expert-view .col-1 .img-wrap{position:relative;}
.expert-view .col-1 .img-wrap:before{position:absolute;background:url(../img/20230817_img1.png) no-repeat;content:'';width:200px;height:150px;display:block;right: 42px;bottom: -95px;z-index: -1;}
.expert-view .col-1 .img-bx img {height:100%;width:100%;object-fit: cover;}
.expert-view .col-1 .txt-bx{display: flex;padding: 30px;border-radius: 0 0 80px 0;background: var(--sub-color) url(../img/expert-ico.png) no-repeat;border-right: 0;background-position: 89% 100%;}
.expert-view .col-1 .name{font-size:3rem;font-weight:600;color: #fff;font-family: 'gsans';}
.expert-view .col-1 .name span{font-size:1.5rem;font-weight:500;margin-left:10px;}
.expert-view .col-1 .subj {font-size:1.2rem;color:#999;padding-bottom:20px;}
.expert-view .col-1 table th{width:120px;text-align:left;color: #FFFFCC;font-weight:600;}
.expert-view .col-1 table {color:#555;}
.expert-view .col-1 table th,
.expert-view .col-1 table td{padding:3px 0;color:#fff;}
.expert-view .col-1 table th {color:#FFFFCC;}
.expert-view .col-1 .bx:first-child {width:25%;}
.expert-view .col-1 .bx:last-child {width:75%;}
.expert-view .col-2 .tit {font-size:1.5rem;font-weight:700;color:#000000;position:relative;padding-bottom:20px;}
.expert-view .col-2 .tit:before{content:'';display:inline-block;position:absolute;width:30px;height:15px;background:url(../img/20230801_img4.png) no-repeat;top:-15px;}
.expert-view .col-2 > div{margin:30px 0;}
.expert-view .col-2 .txt p {padding-left:20px;position:relative;}
.expert-view .col-2 .txt p:before{position:absolute;content:'';display:inline-block;left:0px;width:4px;height:4px;border-radius:5px;background:#ddd;top:50%;transform:translateY(-50%);}

@media (max-width: 1017px) {
	.expert-top ul li:first-child .tit {font-size:20px;}
	.expert-top ul li .num,
	.expert-top ul li .txt{font-size:20px;}

	.expert-view .col-1 .bx:first-child,
	.expert-view .col-1 .bx:last-child {width:100%;}
	.expert-view .col-1 .txt-bx {flex-wrap: wrap;}
}
@media (max-width: 778px) {
	.expert-top {padding:20px;margin:0;}
	.expert-top ul li {width:100%; min-height: 100px;border-right:0; border-bottom: 1px solid #DADADA;padding:20px;}
	.expert-top ul {flex-wrap: wrap;}
	.expert-top ul li:last-child{border-bottom:0;}

	.expert-list ul.info > li { flex-direction: column;align-items: flex-start;}
	.expert-list ul.info > li .btn-sub {width:100%;}
	.expert-list ul.info > li .cont {width:100%;margin-bottom:20px;}

	.expert-view .col-1 .txt-bx{padding:20px;border-radius:0 0 30px 0;}
	.expert-view .col-1 .name {font-size:2.5rem;}
	.expert-view .col-1 .name span {font-size:1.2rem;}
	.expert-view .col-1 table th,
	.expert-view .col-1 table td {padding:2px 0;}	
}
@media (max-width: 576px) {
	.expert-view .col-1 .name {font-size:var(--font-xlg);}
	.expert-list ul li .num,
	.expert-list ul li .name{width:100%;padding:0;}
	.expert-list ul li .name {padding:10px 0;}
	.expert-list ul.info > li .cont {flex-wrap: wrap;}
}
/*[e] 연구자 정보 */

/* [s]관련기관 */
.connect-page{position:relative; background:#F6F6F6; background:url(../img/connect-bg.png); background-repeat:no-repeat; padding:80px; min-height: 500px;}
.connect-page:after{content: "";position: absolute;background: url(../img/connect-monitor.png);width: 660px;height: 450px;background-size:cover;display: block;top: 20px;right: 0;background-repeat: no-repeat;}
.connect-page .col{position:relative;}
.connect-page .col:after{content:"";position:absolute; top:0; left:0;width:100%; height:60%; background-color:#F6F6F6; display:block;}
/* [e]관련기관 */

/* [s]한의약 관련 기관 */
.board-related ul.list1, .board-related ul.list2{border-bottom:1px solid #dfdfdf;}
.board-related ul.list1 li{position: relative; padding: 30px 0;}
.board-related ul.list1 li > a{display:block; float:left; width:260px;}
.board-related ul.list1 .cont{float:left; width:calc(100% - 260px); padding-left:40px;}
.board-related ul.list1 .tit{color:#333;}
.board-related ul.list1 .cont a{font-size:13px; color:#888; text-decoration:underline;}
.board-related ul.list1 li:before, .board-related ul.list1 li:after{content:""; clear:both; display:block; float:none;}
.board-related ul.list1 .img{display:inline-block; width:260px; height:80px; border:1px solid #dfdfdf; text-align:center; position:relative; padding:10px 0;}
.board-related ul.list1 .img img{max-width:100%; max-height:100%;}
.board-related ul.list2 {margin:0 -10px; padding:10px 0;}
.board-related ul.list2 li{float:left; width:calc(25% - 20px); margin:0 10px 20px 10px;}
.board-related ul.list2 a{display:block; position:relative; padding: 20px 0; border:1px solid #dfdfdf; line-height:1.4; text-align:center;}

.commu-box .board-search{justify-content:flex-end;}

.user-cm .bx{display:flex; flex-wrap:wrap; border:1px solid #dfdfdf; border-radius:6px; overflow:hidden; margin:10px 0 0 0;}
.user-cm .bx:first-of-type{margin:0;}
.user-cm .org{width:180px; background:#f7f7f7; padding:30px; color:#666; line-height:1.3;}
.user-cm .txt{width:calc(100% - 180px); padding:15px 30px;}
.user-cm .txt > div{position:relative; padding:5px 0; margin: 8px 0; line-height:1.4; word-break:keep-all;}
.user-cm .txt > div, .user-cm .txt a{color:#46423E; letter-spacing:-0.5px;}
.user-cm .txt a{display:inline-block;}
.user-cm .txt a:after{content:"\f0c1"; font-family:FontAwesome; color:#a6adb3; margin:-3px 3px 0 5px; display:inline-block; vertical-align:middle;}

@media only screen and (max-width: 1023px) {
	.board-related ul.list2 a {padding:15px 0;font-size: 17px;}
	.board-related ul.list2 li {width:calc(50% - 20px);}	
}
@media only screen and (max-width: 767px) {
	.board-related ul.list2 li {width:100%;margin:0 0 10px 0;}
	.board-related ul.list1 .cont {width:100%;padding: 20px 0 0 0;text-align:center;}
	.board-related ul.list1 li {text-align:center;}
	.board-related ul.list1 li > a {float:unset;margin:0 auto;}
	.user-cm .org,.user-cm .txt {padding:20px;width:100%;}
	.user-cm .txt > div {margin:0;padding:0;}
	.user-cm .txt a,
	.user-cm .txt a:after {font-size:17px !important;}
	.user-cm .txt a {display:block;}
	.board-link li a {padding:20px;}
	.board-link li .tit,
	.board-link li i {font-size:18px;}
	.board-search .form-inline,
	.board-search .form-inline form{width:100%;}	
}
@media only screen and (max-width: 415px) {
	.board-related ul.list1 li > a,
	.board-related ul.list1 .img {width:100%;}
}
/* [e]한의약 커뮤니티 */

/* [s] IP거래기관 */
.ip_logo_box{display:flex; flex-wrap:wrap; margin:20px -10px -10px;}
.ip_logo_box .item{display: block; width: calc(100% / 5 - 20px); margin:10px; text-align: center; padding:20px; border-radius:5px; box-sizing: border-box; vertical-align: top; cursor: pointer; border:1px solid #edeff1;}
.ip_logo_box .item .thumb{height:70px;background:#fff;}
.ip_logo_box .item .thumb img{min-width:auto;min-height:auto;}
.ip_logo_box .item .tit{border-bottom:1px solid #ddd;font-weight:bold;color:#333;font-size: 1.125rem;padding-bottom:5px; margin:10px 0 5px;}
.ip_logo_box .item .hp{height: 30px; color: #333; margin: 0 30px; text-align:center;}
.ip_logo_box .item .hp em{margin-right:10px;}

@media only screen and (max-width: 1240px){
	.ip_logo_box .item{	width:calc(100% / 4 - 20px);}
}
@media only screen and (max-width: 1023px){ 
	.ip_logo_box .item{	width:calc(100% / 3 - 20px);}
}
@media only screen and (max-width: 767px){ 
	.ip_logo_box .item{	width:calc(100% / 2 - 20px);}
}
@media only screen and (max-width: 576px){
	.ip_logo_box	{margin: 20px -5px -10px;}
	.ip_logo_box .item	{width:calc(100% / 2 - 10px); margin:5px;}
	.ip_logo_box .item .mt20{font-size:1rem;}
}
@media only screen and (max-width: 415px){ 
	.ip_logo_box	{margin: 20px 0px -10px;}
	.ip_logo_box .item	{width:100%; margin:10px;}
}
/* [e] IP거래기관 */


/* [s] 무엇이든 물어보세요 qna */
.qnabox{width: 100%; position: relative; background: url(../img/qnabox_bg.png);background-size:cover; display: flex; flex-direction:column; align-items: center; justify-content: center; box-shadow: none; border-radius:0 0 50px 0; min-height:150px; margin-bottom:20px;}
.qnabox::before{content:"";width:100%; height:100%; border-radius:0 0 50px 0; position:absolute; background-color:var(--sub-color); opacity:0.8;}
.qnabox .qna-txt{width: calc(100% - 20px); text-align:center; padding:25px 0; position:relative; border:3px solid #fff; border-radius:0 0 40px 0; line-height:1.2;}
.qnabox .tit{font-size: var(--font-xlg); color: #ff9; font-weight: 400; font-family: gsans; flex-shrink: 0;}
.qnabox .txt{font-size:var(--font-3xlg); color:#fff; font-weight:700;}
.qnalist .subject{position:relative;}
.qnalist .subject .question-mark:before{content: "Q"; display: inline-block; width: 35px; height: 35px; line-height: 35px; margin-right:5px;text-align: center; background: var(--sub-color); color: #fff; border-radius: 50%;}

@media only screen and (max-width:1240px){
}
@media only screen and (max-width:1023px){
	.qnabox .tit{font-size:var(--font-lg);}
	.qnabox .txt{font-size:var(--font-2xlg);}
}
@media only screen and (max-width:576px){
	.qnabox{min-height:90px;}
	.qnabox .qna-txt{padding:10px 0;}
	.qnabox .tit{font-size:var(--font-base);}
	.qnabox .txt{font-size:var(--font-lg);}
	.qnalist .subject .question-mark:before{width:25px;height:25px;line-height:25px;}
}
@media only screen and (max-width:415px){
	.question-mark{font-size:0.875rem;}
}

.q-tit .board-view-title .subject{display:flex; align-items:center; color: #333; font-weight: 500; line-height: 1.4;}
.q-tit .board-view-title .subject:before{flex-shrink:0; margin-right:10px; content: "Q"; display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; background: var(--sub-color); color: #fff; border-radius: 50%;}
.qna-answer{background: #f6f6f6; font-size: 14px;}
.qna-answer .bx{border-bottom: 1px dashed #dfdfdf; padding: 30px;}
.qna-answer .tit{font-weight: 500; color: #5C6778; font-size: 20px; letter-spacing: -1px; margin-bottom: 10px;}
.article-btn{text-align: center; margin: 20px 0 30px;}
.q-tit .edit-bx{margin:20px 0;}

@media only screen and (max-width:767px){
	.q-tit .board-view-title .subject:before{width:30px;height:30px;line-height:30px;}
}
@media only screen and (max-width:576px){ 
	.qna-answer .tit{font-size:18px;}
	.q-tit .board-view-title .subject{font-size:var(--font-base);}
}
/* [e] 무엇이든 물어보세요 qna*/


/*[s] 통합검색*/
#search-wrap{background:#F6F9FB;margin:10px 0 -80px;padding:0 0 80px;}
#search-wrap #sch-bar {position:relative;}
.sch-rank{margin:30px 0;background:#fff;border-radius:10px;}
.sch-rank > div{padding:30px;}
.sch-rank .tit{font-family:gsans;color:#333;font-size:20px;font-weight:900;}
.sch-rank .col-1{width:calc(100% - 400px);border-right:1px solid #ccc;display:flex;}
.sch-rank .col-2{width:400px;}
.sch-rank .col-1 .tit{width:120px;}
.sch-rank .rank-list					{width:calc(100% - 130px);counter-reset:num;display:flex;}
.sch-rank .rank-list > div			{width:calc(100% / 3);}
.sch-rank .rank-list a					{display:flex;margin:0.5rem 0;line-height:22px;width:100%;padding:0 5px;}
.sch-rank .rank-list a	span			{width:calc(100% - 35px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
.sch-rank .rank-list a em			{width:35px;text-align:center;flex-shrink:0;color:#666;}
.sch-rank .rank-list a em.ico-up	{color:var(--red);}
.sch-rank .rank-list a em.ico-down	{color:var(--blue);}
.sch-rank .rank-list a em.new		{color:var(--sub-color);}
.sch-rank .rank-list .btn-ico:before			{margin:0;}
.sch-rank .rank-list a:before		{counter-increment:num;content:counter(num);font-size:0.75rem;display:inline-block;width:22px;height:22px;border-radius:0.125rem;margin-right:10px;text-align:center;flex-shrink:0;background:#999;color:#fff;}
.sch-rank .rank-list > div:first-child a:before{background:var(--sub-color);}
.sch-history .keyword{position:relative;}
.sch-history .keyword a	{display:inline-block;color:#666;border:1px solid #ccc;line-height:35px;padding:0 40px 0 18px;border-radius:35px;font-size:15px;margin:2px 0;transition:all .2s;}
.sch-history .keyword a:hover{background:#F6F9FB;color:var(--main-color);border-color:var(--main-color);}
.sch-history .del{position:absolute;top:50%;right:10px;transform:translateY(-50%);border:0;background:0;color:var(--sub-color);padding:0 5px;cursor:pointer;}

.sch-bx{position:relative;}
.sch-bx h3, .sch-bx h4{margin:0;}
.sch-bx h3{padding-left:20px;background:var(--sub-color);color:#fff;font-size:20px;position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;z-index:3;}
.sch-bx.bg2 h3{background:var(--point-color);}
.sch-bx h3:before{display:none !important;}
.sch-bx h3 a{width:60px;height:100%;line-height:60px;background:#0002;display:inline-block;text-align:center;}
.sch-bx h3 a:after{content:"\f1de";font-family:fontAwesome;}
.sch-bx h4{color:#333 !important;padding-bottom:15px;}
.sch-bx.bg1 h4{border-bottom:1px solid #ccc;}
/*카테고리 설정*/
.sch-list{border:4px solid #3B9476;padding:20px;position:absolute;width:100%;background:#fff;top:100%;z-index:2;box-shadow:0 0 10px #0003;display:none;}
.sch-bx.bg2 .sch-list{border-color:#334370}
.sch-list.active{display:block;}
.sch-list > ul{display:flex;flex-wrap:wrap;margin:0 -10px;height:380px;overflow-y:scroll;padding-right:10px;}
.sch-list > ul::-webkit-scrollbar{border-radius: 10px;width: 10px;background-color: var(--sub-color);}
.sch-list > ul::-webkit-scrollbar-track{border-radius: 10px; width:5px; background-color:#f6f6f6;}
.sch-list > ul::-webkit-scrollbar-thumb{border-radius: 10px; width:10px; -webkit-box-shadow: none; background-color:var(--sub-color);}
.sch-list > ul::-webkit-scrollbar-button{display: none;}
.sch-list > ul > li{width:calc(25% - 20px);margin:0 10px;}
.sch-list li > a{font-size:18px;line-height:50px;border-bottom:1px solid #ccc;display:block;}
.sch-list li > a:before{content:"\f078";font-family:fontAwesome;margin:0 10px;color:var(--sub-color);display:inline-block;font-size:.8rem;}
.sch-list li.on > a:before{content:"\f077";}
.sch-list > ul ul {border-bottom:1px solid #ccc;padding:15px 20px;background:#f6f6f6;}
.sch-list > ul ul li{line-height:1.5;padding:5px 0;}
.sch-bx.bg1 .sch-list .btn-wrap{padding-top:15px;margin-top:20px;border-top:1px solid #dadada;}
.sch-bx.bg1 .sch-list .btn-wrap > .btn-d{width:120px;line-height:40px;}
/*뉴스검색필터*/
.news-filter {display:flex;justify-content:space-between;}
.news-filter em{color:var(--point-color);}
.news-filter .col-1{width:325px;}
.news-filter .col-2{width:calc(100% - 325px);}
.news-filter .bx{padding:20px;background:#F6F6F6;margin:10px 5px;}
.news-filter .date-bx .form-inline .form-control{width:calc(100% - 15px);margin:0 0 0 5px;}
.news-filter .chk-wrap	{background:#fff;padding:20px;border-top:1px solid #dadada;height:240px;overflow-y:scroll;}
.news-filter .chk-wrap > ul{padding-bottom:10px;margin-bottom:10px;border-bottom:1px dashed #dadada;} 
.news-filter .chk-wrap ul ul{display:flex;flex-wrap:wrap;}
.news-filter .chk-wrap ul ul li{width:33.3%;}
.news-filter .chk-wrap::-webkit-scrollbar{border-radius: 10px;width: 10px;background-color: var(--main-color);}
.news-filter .chk-wrap::-webkit-scrollbar-track{border-radius: 10px; width:5px; background-color:#f6f6f6;}
.news-filter .chk-wrap::-webkit-scrollbar-thumb{border-radius: 10px; width:10px; -webkit-box-shadow: none; background-color:var(--main-color);}
.filter-clr-wrap{border:1px solid #D5DFE3;margin-top:10px;padding:10px;/* display:flex;justify-content:space-between; */margin-bottom:20px;}
.filter-clr-wrap .cont{width:100%;/* width:calc(100% - 120px); */}
.filter-clr-wrap .cont span{font-size:.825rem;color:#919191;font-weight:300;display:block;margin-right:10px;}
/* .filter-clr-wrap .btn-wrap{width:120px;} */
.filter-clr-wrap .del{border:0;background:0;color:var(--sub-color);padding:0 5px;cursor:pointer;}

.total-result{padding:30px 40px;background:#fff;margin-bottom:20px;}
.total-result .tit{color:#333;font-size:var(--font-xlg);font-weight:900;font-family:gsans;text-align:center;margin-bottom:20px;}
.result-quick{display:flex;margin:-5px -10px;flex-wrap:wrap;}
.result-quick li{width:calc(25% - 10px);margin:5px;}
.result-quick li.bg2 a{background:#E9F4FA;}
.result-quick li.bg2 em,
.result-quick li.bg2 a > i{color:#2C80D3;}
.result-quick li.cr{order:6;}
.result-quick li.pg{order:7;}
.result-quick li.hos{order:8;}
.result-quick li.com{order:9;}
.result-quick li.pro{order:10;}
.result-quick li.edu{order:11;}
.result-quick li.bg2{order:12;}
.result-quick a{display:flex;padding:10px 20px;background:#f6f6f6;justify-content:space-between;}
.result-quick a > p{font-size:18px;font-weight:700;color:#333;width:150px;flex-shrink:0;}
.result-quick a > em{width:calc(100% - 180px);}
.result-quick a > i{width:25px;height:25px;line-height:23px;border:1px solid #ccc;color:var(--sub-color);text-align:center;border-radius:50%;font-size:.8rem;}

.sch-result {display:flex;justify-content:space-between;}
.sch-result .board-list .list li{padding:20px 10px;}
.sch-result .list-nodata{padding:3.1rem 0;}
.sch-result .tit-wrap{display:flex;align-items:center;justify-content:space-between;font-size:20px;font-weight:700;border-bottom:2px solid var(--main-color);padding-bottom:5px;}
.sch-result .tit-wrap .tit{color:var(--main-color);}
.sch-result .more{background:#F6F9FB;color:#7B9CBD;font-size:15px;display:block;line-height:35px;padding:0 10px;text-align:right;margin-top:10px;}
.sch-result .more:hover{background:var(--sub-color);color:#fff;border-radius:3px;}
.sch-result > div{padding:15px;}
.sch-result [class*="list"] .item{color:#666;font-size:.9rem;line-height:1.1;font-weight:200;}
.sch-result [class*="list"] .subject{color:#333;font-weight:700;}
.sch-result [class*="list"] .subject.tit-clamp {min-height:40px;}
.sch-result [class*="list"] .txt span{color:var(--main-color);font-weight:700;}
.sch-result [class*="list"] .txt {font-size:.9rem;color:#919191;margin-top:5px;}
.sch-result [class*="list"] .txt.txt-clamp {min-height:45px;}
.sch-result .photo-list li a{display:flex;justify-content:space-between;align-items:center;padding:7px 0;}
.sch-result .photo-list .thumb{width:130px;height:80px;}
.sch-result .photo-list .cont{width:calc(100% - 150px);}
.sch-result .photo-list .nodata .thumb {margin-right: 10px;padding: 20px;background: #efefef url(/portal/resources/homepage/main/img/logo_gray.png) no-repeat;background-position: 50% 50%;background-size: 60%;}
.sch-result .photo-list .nodata {padding:6px 0;border-bottom: 1px dashed #ccc;}
.sch-result .photo-list .nodata:last-child {border-bottom: 1px solid #ccc;}
.sch-result .photo-list .nodata .subject {color: #999;font-weight: 200;}
.sch-result .list {counter-reset:list;}
.sch-result .list li{display:flex;align-items:center;padding:10px;border-bottom:1px dashed #ccc;min-height:62px;}
.sch-result .list li:last-child{border-bottom-style:solid;}
.sch-result .list li:before{counter-increment:list;content:counter(list);display:block;width:30px;flex-shrink:0;}
.sch-result .list li.nodata .subject{color:#999;font-weight:200;}
.sch-result .list li.nodata:before{color:#999;}
.sch-result.detail{}
.sch-result.detail .result-news{width:370px;}
.sch-result.detail .result-cont{width:calc(100% - 370px);}
.sch-result.detail .result-news .photo-list .thumb{width:120px;height:120px;}
.sch-result.detail .result-news .photo-list .cont{width:calc(100% - 130px);}
.sch-result.detail .result-news .thumb.bnr{height:100px;}
.sch-result.detail .result-news .photo-list li:nth-child(n+4){display:none;}

.result-news{width:470px;background:#E9F4FA;display:flex;flex-direction:column;}
.result-news > div{margin:10px;}
.result-news .tit-wrap{display:block;}
.result-news em{color:#2C80D3;}
.result-news .more{background:#CEE2F0;color:#235EBC;}
.result-news .more:hover{background:var(--point-color);}
.result-news .thumb.bnr{height:140px;}
.result-news .photo-list .thumb{height:130px;}
.result-news [class*="list"] .cont{position:relative;}
.result-news [class*="list"] .date{position:absolute;top:0;right:0;font-size:.9rem;color:#666;font-weight:200;line-height:1;}
.result-news [class*="list"] .item{margin-bottom:7px;}
.result-news [class*="list"] .txt{color:#4a4a4a;font-weight:200;}
.result-news .list li{align-items:flex-start;}

.result-cont{width:calc(100% - 470px);display:flex;flex-wrap:wrap;background:#fff;}
.result-cont > div{width:calc(50% - 20px);margin:10px;}
.result-cont em{color:var(--sub-color);}
.result-cont .list a{display:block;width:calc(100% - 30px);position:relative;padding-right:80px;}
.result-cont .list .date{position:absolute;top:50%;right:0;transform:translateY(-50%);font-size:.9rem;color:#666;font-weight:200;}

/*뉴스검색*/
.news-cont{width:calc(100% - 400px);background:#fff;}
.news-cont em{color:#2C80D3;}
.news-rmd{width:380px;}
.news-cont .total-result{padding:0;}
.news-cont .tab_flex a{padding:.7rem 0;}
.news-cont .tab_flex a.on{background:var(--point-color);}
.news-cont .date{font-size:.9rem;color:#666;font-weight:200;margin-top:10px;}
.news-cont .photo-list li{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #E4E4E4;}
.news-cont .photo-list li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0;}
.news-cont .photo-list .thumb{width:300px;height:170px;}
.news-cont .photo-list .cont{width:calc(100% - 320px);}
.news-cont .photo-list .item em{color:#2C80D3;}
.news-cont .photo-list .subject{font-size:23px;}
.news-cont .photo-list .txt.txt-clamp{font-size:1rem;-webkit-line-clamp:3;min-height:78px;}
.news-rmd .list li{align-items:flex-start;}
.news-rmd .list li:before{font-size:1.125rem;color:#333;font-weight:700;}
.news-rmd .list li a{position:relative;width:100%;}
.news-rmd .list .date{position:absolute;bottom:0;right:0;font-size:.9rem;color:#666;font-weight:200;line-height:1;}
.news-rmd .list .subject{font-size:1.1rem;font-weight:300;margin-bottom:10px;}
.news-rmd h4{color:#121314 !important;font-size:1.1rem;}


#loading-bg 	{position:fixed;_position:absolute;left:0px;top:0;width:100%;height:100%;background:#fff;filter:alpha(opacity = 50);-moz-opacity:0.5;opacity:0.5;z-index:99;}
#loading-bg .loading		{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;text-align:center;line-height:1;}
#loading-bg .loading:after	{content:"\f110";font-family:'FontAwesome';font-size:60px;vertical-align:-20px;color:#777;display:block;-webkit-animation:spin 2s infinite steps(8) both alternate;animation:spin 2s infinite steps(8) both alternate;}
.result-cont #loading-bg, .result-news #loading-bg{position:relative;height:225px;margin:10px 0 0;background:#F6F9FB;}
.result-cont #loading-bg .loading:after, .result-news #loading-bg .loading:after{font-size:50px;color:#a3bbd2;}

#loading-bg-sub 	{position:fixed;_position:absolute;left:0px;top:0;width:100%;height:100%;background:#fff;filter:alpha(opacity = 50);-moz-opacity:0.5;opacity:0.5;z-index:99;}
#loading-bg-sub .loading		{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);display:block;text-align:center;line-height:1;}
#loading-bg-sub .loading:after	{content:"\f110";font-family:'FontAwesome';font-size:60px;vertical-align:-20px;color:#777;display:block;-webkit-animation:spin 2s infinite steps(8) both alternate;animation:spin 2s infinite steps(8) both alternate;}
.result-cont #loading-bg-sub{position:relative;height:225px;margin:10px 0 0;background:#F6F9FB;}
.result-cont #loading-bg-sub .loading:after{font-size:50px;color:#a3bbd2;}
.result-cont #loading-bg-sub, .result-news #loading-bg-sub, .new-news #loading-bg-sub{position:relative;height:225px;margin:10px 0 0;background:#F6F9FB;}
.result-cont #loading-bg-sub .loading:after, .result-news #loading-bg-sub .loading:after, .new-news #loading-bg-sub .loading:after{font-size:50px;color:#a3bbd2;}

@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){
	.sch-result .archive-list li{width:calc(50% - 20px);}
}
@media only screen and (max-width:1240px){
	.sch-rank{margin:20px 0;}
	.sch-cont{flex-wrap:wrap;}
	.sch-bx{width:100%;}
	.sch-result{width:100%;margin-top:20px;}
	.sch-list > ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
	.sch-list > ul > li{width:calc(50% - 5px);}
	.sch-rank > div{padding:20px;}
	.sch-rank .col-1{width:100%;border-right:0;border-bottom:1px solid #ccc;}
	.sch-rank .col-2{width:100%;}
}
@media only screen and (max-width:1023px){
	#search-wrap{margin:-80px 0;}
}
@media only screen and (max-width:767px){
	#search-wrap{margin:-40px 0 -60px;}
	.sch-rank .col-1{display:block;}
	.sch-rank .rank-list{width:100%;}
	.sch-result .result,
	.result-cont{padding:20px;}
	.result-cont > div{width:100%;margin:10px 0;}
	.sch-result .result .tit{margin-bottom:10px;}
	.result-quick li{width:100%;margin:5px 0;}
	.sch-result .list-nodata{padding:1rem 0;}
}
@media only screen and (max-width:576px){
	#search-wrap{margin:-20px 0 -40px;}
	.sch-list > ul > li{width:100%;}
	.sch-rank .tit{font-size:1.1rem;}
	.sch-rank .rank-list{display:block;}
	.sch-rank .rank-list > div	{width:100%;}
	.sch-result .archive-list li{width:calc(100% - 20px);}
	.result-cont [class*="list"] .subject{white-space:wrap;}
}
@media only screen and (max-width:415px){
}

/* [s] 통합검색 반응형 */
@media (max-width : 1440px){
    .result-quick a{padding:10px 15px;}
    .result-cont .list a{padding-right:70px;}
    .total-result .tit{word-break:keep-all;}
    .news-cont .photo-list .txt.txt-clamp{min-height:auto;}
}
@media (max-width : 1240px){
    .total-result{padding:25px;}
    .result-quick a{padding:10px;}
    .result-quick a > p{width:130px;font-size:17px;}
    .result-quick a > em{width:calc(100% - 75px);text-align:right}
    .result-quick a > i{border:none;margin-left:5px;}
    .sch-result{flex-direction:column;}
	.sch-result > div{width:100%;}
	.result-news #newsDiv .photo-list{margin:0 -10px;}
	.result-news #newsDiv .photo-list li{width:calc(50% - 20px);display:inline-block;margin:0 10px;}
	.result-news #newsDiv .photo-list li:nth-child(5){display:none;}
	.result-news #quoteDiv .list{margin:0 -10px;}
	.result-news #quoteDiv .list li{width:calc(50% - 20px);display:inline-block;margin:0 10px;}
	.result-news #quoteDiv .list li:nth-child(3){display:none;}
    .result-news .thumb.bnr{height:40px;}
    .result-news .thumb.bnr a::before{width:100%;line-height:40px;display:block;content:"한의약NEWS 결과 더보기";text-align:center;background:rgb(70, 95, 164);color:#fff;transition: all 0.3s;}
    .result-news .thumb.bnr a:hover::before{background:var(--sub-color);border-radius:3px;}
	.result-news .thumb.bnr a img{display:none;}
	.result-cont{width:100%;}
    .sch-result.detail .result-news,
    .sch-result.detail .result-cont{width: 100%;}
}
@media (max-width : 1023px){
    .total-result .tit{font-size: var(--font-lg);margin-bottom:15px;}
    .sch-bx h3{font-size:18px;}
    .sch-bx h4{padding-bottom:10px;}
    .result-quick li{width:calc(50% - 10px);margin:5px;}
    .result-quick a{padding:5px 10px;}
    .result-quick a > em{width: calc(100% - 180px);}
    .result-quick a > i{width: 25px;border: 1px solid #ccc;}
    .result-news .photo-list .date{position: relative;}

    .news-cont .photo-list .subject{font-size:21px;line-height: 1.4;}
}
@media only screen and (max-width : 767px){
     .result-quick li {width: 100%;margin: 5px 0;}
    .result-news #newsDiv .photo-list li{width:calc(100% - 20px);border-bottom:1px dashed #ccc;}
	.result-news #quoteDiv .list li{width:calc(100% - 20px);}
	.result-news #newsDiv .photo-list li:nth-child(5),
	.result-news #quoteDiv .list li:nth-child(3){display:block;border-bottom-style:solid;}

	.news-cont .photo-list .thumb{width:180px;height:110px;}
	.news-cont .photo-list .cont{width:calc(100% - 200px)}
}
@media only screen and (max-width : 576px){
    .search-keyword-wrap .search-keyword .tit{width:100%;}
	.search-keyword a{padding:3px 8px;}
    .sch-rank{border-radius: 5px;}
    .sch-rank > div{padding: 15px;}
    .total-result .tit{line-height: 1.2;}
    .result-quick{height: auto;max-height: 300px;overflow-y: scroll;display: block;}
    .result-quick::-webkit-scrollbar{border-radius: 10px;width: 10px;background-color: var(--sub-color);}
    .result-quick::-webkit-scrollbar-track{border-radius: 10px; width:5px; background-color:#f6f6f6;}
    .result-quick::-webkit-scrollbar-thumb{border-radius: 10px; width:10px; -webkit-box-shadow: none; background-color:var(--sub-color);}
    .result-quick::-webkit-scrollbar-button{display: none;}
    .result-quick li {margin:0 0 5px;}
    .result-quick a > p{font-size: 16px;}
    .result-news > div{margin:10px 0;}
    #search-wrap .comment{display:none;}
    .sch-result .photo-list .cont{width:calc(100% - 140px);}
    .result-cont .list a{padding: 0;}
    .result-cont .list .date{position: relative;}
    .sch-result .tab_flex{flex-direction:row;}
    .sch-result .more{text-align:center;}
}
@media only screen and (max-width : 415px){
    .search-keyword-wrap .search-keyword a span{padding:0 !important;}
	.search-keyword-wrap .btn-d.btn-sm{line-height:27px;padding:0 8px;}
    .sch-bx h3{padding-left:15px;}
    .sch-result .photo-list li a{flex-direction:column;}
	.sch-result .photo-list .cont,
	.sch-result.detail .result-news .photo-list .cont{width:100%;margin-top:10px;}
    .sch-result .photo-list .cont p{line-height: 1.4;}
    .sch-result [class*="list"] .txt.txt-clamp{min-height: auto;}
    .sch-result .list li{padding: 5px 0;}
    .sch-result .list li:before{width: 20px;}
    .result-cont [class*="list"] .subject{line-height: 1.4;}
    .sch-result .photo-list .thumb,
	.sch-result.detail .result-news .photo-list .thumb{width: 100%;}
    .result-news .photo-list .thumb,
	.sch-result.detail .result-news .photo-list .thumb{height: 90px;}
}
/* [e] 통합검색 반응형 */

/* [s] 카테고리 설정 반응형*/
@media (max-width : 1240px){
    .sch-list.active > ul > li.on{width:calc(100% / 3 - 20px);}
}
@media (max-width : 1023px){
    .sch-list{padding: 15px;}
    .sch-list li > a{font-size: 16px;line-height: 40px;}
    .sch-list > ul ul{padding: 5px 15px;}
}
@media only screen and (max-width : 767px){
    .sch-list.active > ul > li.on{width:calc(100% / 2 - 20px);}
}
@media only screen and (max-width : 576px){
    .sch-list{height:450px;overflow-y: scroll;}
    .sch-list::-webkit-scrollbar{border-radius: 10px;width: 10px;background-color: var(--main-color);}
    .sch-list::-webkit-scrollbar-track{border-radius: 10px; width:5px; background-color:#f6f6f6;}
    .sch-list::-webkit-scrollbar-thumb{border-radius: 10px; width:10px; -webkit-box-shadow: none; background-color:var(--main-color);}
    
    .sch-list.active > ul{height:340px;}
	.sch-list.active > ul > li.on{width:calc(100% - 20px);}
}
@media only screen and (max-width : 415px){
    .sch-list{height:350px;}
    .sch-list.active > ul{height:280px;}
}
/* [e] 카테고리 설정 반응형*/

/* [s] 뉴스검색 반응형*/
@media (max-width : 1240px){
    .news-rmd{width:auto;display:flex;margin:0 -10px;}
	.news-rmd .new-news{width:calc(50% - 20px);display:inline-block;margin:40px 10px 20px;}
	.news-rmd .rmd-keyword{width:calc(50% - 20px);display:inline-block;margin:40px 10px 20px;}
	.news-rmd .rmd-keyword h4{margin:0 0 1.25rem;}
}
@media only screen and (max-width : 767px){
	.news-rmd{flex-wrap:wrap;}
	.news-rmd .new-news{width:100%;margin:30px 10px 20px;}
	.news-rmd .rmd-keyword{width:100%;margin:0 10px 20px;}
}
@media only screen and (max-width : 576px){
    .news-rmd{flex-direction:column;}
    .news-rmd > div{width:calc(100% - 20px) !important;}
}
/* [e] 뉴스검색 반응형*/

/* [s] 뉴스검색필터 반응형*/
@media only screen and (max-width : 767px){
    .news-filter{flex-direction: column;}
    .news-filter > div{width: 100% !important;}
}
@media only screen and (max-width : 576px){
    .news-filter .chk-wrap{height: auto;}
    .news-filter .bx{padding: 15px;margin: 0;}
    .news-filter .chk-wrap{padding: 10px;}
}
/* [e] 뉴스검색필터 반응형*/
/*[e]통합검색*/


/*[s] 로그인*/
#login-wrap{background:#F6F9FB;margin:10px 0 -80px;padding:100px 0 130px;position:relative;}
#login-wrap:before{content:"";width:100%;height:50%;position:absolute;top:0;left:0;background:var(--main-color);border-radius:0 0 100px 0;}
#login-wrap .d_width{z-index:1;}
#login-wrap .tit-wrap {text-align:center;margin-bottom:50px;}
#login-wrap .tit-wrap .stit{color:var(--sub-color);letter-spacing:3px;font-size:.9rem;}
#login-wrap .tit-wrap .tit{font-size:var(--font-5xlg);color:#fff;font-weight:900;font-family:gsans;}
#login-wrap .tit-wrap .txt{color:#C1D5F2;font-weight:200;}
.login {box-shadow:0 0 30px rgba(17,40,79,.2)}
.login .tab{background: var(--point-color);margin:0;line-height:90px;text-align:Center;color: #ffffff;}
.login .tab a{flex:1;font-size:var(--font-lg);border-right:1px solid #000c;}
.login .tab a.on{background:#fff;color:var(--sub-color);font-weight:700;}
.login .tab a:last-child{border-right:0;}
.login .tab a:not(.on):hover{background:var(--sub-color);color:#fff;}
.login .cont{background:#fff;padding:80px;text-align:center;}
.login .tit {font-size:var(--font-3xlg);line-height:1.2;font-family:gsans;color:var(--main-color);font-weight:200;margin-bottom:20px;}
.login .tit span{display:block;font-weight:900;}
.login #member{max-width:560px;margin:0 auto;}
.login .inputbx{position: relative; margin-bottom:5px;}
.login .inputbx i{position: absolute;left:15px;top:25px; width:20px;height:20px;text-align:center;font-size:18px;color:#C4C8CD;}
.login .inputbx input{width:100%;height:65px; padding-left:50px;font-size:15px;border-radius:5px;border:1px solid #dadada;}
.login .inputbx input:-internal-autofill-selected{background:#fff !important;}
.login .inputbx input::placeholder{color:#919191;}
.login .btn-sub{width:100%;line-height:65px;font-size:20px;font-weight:700;border-radius:5px;}
.login .btn-wrap{display:flex;text-align:center;margin-top:25px;justify-content:center;}
.login .btn-wrap a{color:#656565;margin:0 10px;line-height:1.2;border-bottom:1px solid #656565;}

@media only screen and (max-width:1600px){	
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
	#login-wrap .tit-wrap .tit{font-size:var(--font-4xlg);}
	.login .tab{line-height:70px;}
	.login .cont{padding:40px;}
	.login .tit{font-size:var(--font-2xlg);}
	.login .inputbx input{height:55px;}
	.login .inputbx i{top:18px;}
	.login .btn-sub{line-height:55px;}
}
@media only screen and (max-width:1023px){
	#login-wrap{margin:-80px 0;}
}
@media only screen and (max-width:767px){
	#login-wrap{margin:-40px 0 -60px;padding:60px 0 100px;}
	#login-wrap .tit-wrap .tit{font-size:var(--font-3xlg);}
	.login .tab a{font-size:var(--font-base);}
}
@media only screen and (max-width:576px){
	#login-wrap{margin:-20px 0 -40px;padding:40px 0 60px;}
	#login-wrap .tit-wrap .tit{font-size:var(--font-2xlg);word-break:keep-all;}
	.login .tit{font-size:var(--font-xlg);}
	.login .tab{line-height:50px;}
	.login .cont{padding:30px;}
	#login-wrap .tit-wrap{margin-bottom:20px;}
}
@media only screen and (max-width:415px){
	#login-wrap .tit-wrap{word-break:keep-all;}
	#login-wrap .tit-wrap .stit,
	#login-wrap .tit-wrap .txt{display:none;}
	.login .tab a{font-size:.9rem;}
	.login .cont{padding:20px;}
}
/*[e] 로그인*/

/*[s] 회원가입*/
.join-choice							{padding:30px 0;}	
.choice-box								{width:100%;padding:6rem;margin:0 auto;background:var(--point-color);overflow:hidden;text-align:center;box-shadow:10px 10px 20px rgba(0,0,0,0.2);border-radius:20px;}
.choice-box .join-title					{font-size: 31px;margin-bottom:4rem;font-weight:var(--font-bold);line-height: 1.2;color:#fff;font-weight: 100;}
.choice-box .join-title .tit			{font-weight:700;font-size:var(--font-5xlg);font-family:'gsans'}
.choice-box .contwrap					{display:flex;flex-flow:row wrap;}
.choice-box .contwrap .cont				{width:calc(50% - 1rem);margin:0 0.5rem;}
.choice-box .contwrap a					{padding:4rem 1rem;height:100%;font-size:23px;font-weight:var(--font-semibold);letter-spacing:-0.045rem;font-family:'gsans';display:flex;flex-direction:column;align-items:center;background: rgba(0,0,0,0.2);color:#fff;word-break:keep-all;border-radius:10px;}
.choice-box .contwrap a:before			{content:"";display:block;width:80px;height:80px;background-repeat:no-repeat;background-position:50% 50%;background-size:100% auto;margin:0 auto 10px;}
.choice-box .contwrap a.ico1:before		{background-image:url(../img/login_choic_ico01.png)}
.choice-box .contwrap a.ico2:before		{background-image:url(../img/login_choic_ico02.png)}
.choice-box .contwrap a:hover			{border-color:#fff;color:var(--main-color);background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.2);transform:translateY(-5px);}

.join-txt								{background:#f6f6f6;padding:30px;margin-top:20px;}
.join-txt p								{position:relative;padding-left:10px;}
.join-txt p:before						{content:"";width:3px;height:3px;background:var(--sub-color);position:absolute;top:11px;left:0;}

.point									{position:relative;}
.point	h2								{margin:1.5rem 0;}
.point	h2:after						{content:"*";color:#FF6666;font-size:28px;margin-left:3px;}

.point .cont .txt .stit					{font-size:20px;font-weight:800;color:var(--main-color);}
.point .cont .txt p						{margin-bottom:30px;}
.point .cont .txt p:last-child			{margin-bottom:0;}
.point .cont .txt em					{font-weight:600;}

.join-form	h2							{margin:2rem 0 1.5rem;}
.join-board								{font-size:18px;color:#333;}
.join-board em							{color:#FF1C2E;margin-left:3px;}
.join-board	.btn-d						{background-color:#EFEFEF;border-color:#E4E4E4;color:#333;}
	
.btn-join a								{width:270px;height:60px;background:#373C4E;line-height:60px;border-radius:0.323rem;display:block;margin:0 auto;color:#FFF;font-size:20px;}

.join-end								{background:#F6F9FB;padding:80px 130px;text-align:center;margin-top:2rem;}
.join-end em							{display:block;color:var(--sub-color);}
.join-end .tit							{font-size:40px;font-weight:700;font-family:'gsans';color:var(--main-color);line-height:1.3;border-bottom:1px dashed #ccc;padding-bottom: 20px;}
.join-end .tit em						{font-size:35px;font-weight:500;}
.join-end .tit:before					{content:"";width:90px;height:115px;background:url(../img/join-ico1.png)no-repeat 50% 50% / contain;display:block;margin:0 auto 20px;}
.join-end .txt							{padding-top:30px;color:#9A9DA6;font-size:18px;line-height:1.3;}
.join-btn a								{color:var(--sub-color);}
@media only screen and (max-width:1580px){ /* 1400px */
}
@media only screen and (max-width:1440px){ /* 1200px */
}
@media only screen and (max-width:1240px){ /* 960 */	
.choice-box .join-title .tit			{font-size:var(--font-4xlg);}
}
@media only screen and (max-width:1023px){ /* 720 */
.choice-box .join-title .tit			{font-size:var(--font-3xlg);}
.choice-box .join-title .txt			{font-size:var(--font-lg);}
.choice-box .join-title					{margin-bottom:40px;}
.choice-box								{padding:60px;}
.join-end								{padding:80px 60px;}
}
@media only screen and (max-width:767px){ /* auto */	
.choice-box								{padding:60px 40px;}
.choice-box .join-title .tit			{font-size:30px;}
.choice-box .join-title .txt			{font-size:20px;}
.choice-box .contwrap a					{font-size:20px;padding:2.5rem 1rem;}

.join-end .tit em						{font-size:35px;}
.join-end .tit							{font-size:28px;}
}
@media only screen and (max-width:576px){ /* mobile-l */
.choice-box								{padding:40px 20px;}
.choice-box .join-title					{margin-bottom:20px;}
.choice-box .contwrap .cont				{width:100%;margin:.5rem;}
.join-end								{padding:40px 20px;}
.join-end .tit em						{font-size:27px;}
.join-end .tit							{font-size:23px;}
.btn-join a								{width:100%;}
}
@media only screen and (max-width:415px){ /* mobile-s */
}
/*[e] 회원가입*/


/*[s] 마이페이지*/
#mypage{background:#F6F9FB;margin:10px 0 -80px;padding:60px 0 80px;position:relative;}
#mypage:before{content:"";width:100%;height:300px;background:url(../img/my-bg.png);background-size:cover;position:absolute;top:0;left:0;}
#mypage:after{content:"";width:100%;height:300px;background:#ffffffb3;position:absolute;top:0;left:0;}
#mypage > .d_width{display:flex;justify-content:space-between;position:relative;z-index:1;}
#mypage .dialog-common{display:none;}
#my-snb{width:240px;background:#005e97;border-radius:0 30px 0 0;height:100%;overflow:hidden;}
#my-wrap{width:calc(100% - 280px);}
.my-cont .d2 li{width:auto;}

.my-info{padding:35px 25px;background:#0003;}
.my-info .profile{position:relative;width:130px;margin:0 auto;}
.my-info .thumb{width:100%;height:130px;border-radius:50%;}
.my-info .profile .edit{display:block;width:35px;height:35px;background:#768395;text-align:center;line-height:35px;color:#fff;border-radius:50%;position:absolute;bottom:0;right:0;z-index:1;}
.my-info .name{font-size:22px;font-weight:700;color:#fff;text-align:center;margin:10px 0;}
.my-info .info{color:#fffc;letter-spacing:0;line-height:1.5;font-weight:300;font-size:15px;}
.my-info .info span:before{font-family:fontAwesome;color:#fff;font-size:.825rem;font-weight:200;}
.my-info .info .tel:before{content:"\f095";}
.my-info .info .mail:before{content:"\f0e0";}  
.my-info .info span em{text-indent:-9999px;overflow:hidden;display:inline-block;width:5px;}
.my-info .btn-wrap{margin-top:10px;text-align:center;}
.my-info .btn-wrap a{width:calc(50% - 3px);font-size:.825rem;background:var(--dgray2);border-color:var(--dgray2);}
#snbmn li a{display:block;height:100%;padding:13px 15px;color:#fff;border-bottom:1px solid #fff2;word-break:keep-all;flex-direction:column;}
#snbmn li.on > a{background:var(--main-color);color:#ffc;font-weight:700;}
/*2depths*/#snbmn li li a{padding:8px 30px;background:#fff !important;color:#919191;border-color:#0001;}
/*2depths*/#snbmn li li.on a{background:#fff !important;color:var(--sub-color);}
.my-top{padding:30px;background:#005e97;border-radius:0 0 30px 0;margin-bottom:20px;box-shadow:10px 10px 20px #0004;}
.my-top .tit{font-size:var(--font-3xlg);color:#fff;font-family:gsans;font-weight:200;}
.my-top .tit span{font-weight:900;}
.my-top .notice{display:flex;background:#fff;align-items:center;position:relative;border-radius:0 0 10px 0;}
.my-top .notice i{display:block;width:60px;height:60px;line-height:60px;text-align:center;background:var(--main-color);border-radius:0 20px 0 0;color:#fff;font-size:1.5rem;flex-shrink:0;}
.my-top .notice ul{width:calc(100% - 60px);}
.my-top .notice .bx-wrapper {width:calc(100% - 60px);margin:0 !important;max-width:unset !important;}
.my-top .notice li	{width:auto !important;padding:3px;}
.my-top .notice li a{display:block;color:#333;padding:10px 130px 10px 20px;}
.my-top .notice .item-control{position:absolute;right:20px;}
.my-top .notice .item-control a{width:30px;height:30px;line-height:27px;border:1px solid #ccc;text-align:center;border-radius:50%;font-size:.7rem;color:#ccc;margin:0 2px;}

#mypage.com #my-snb,
#mypage.com .my-top{background:var(--main-color);}
#mypage.com #snbmn li.on a{background:var(--sub-color);}
#mypage.com .my-info .btn-wrap a{background:var(--basic-color);border-color:var(--basic-color);}
#mypage.com .my-top .notice i{background:var(--sub-color);}
#mypage #snbmn li.com a{background:#2ba6ad;}
#mypage #snbmn li.com a:after{content:"기업전용";font-size:.8rem;padding:3px 5px;background:var(--main-color);color:#fff;border-radius:20px;margin-left:7px;vertical-align:middle;}
#mypage #snbmn li.com.on a{background:var(--sub-color);}

[class*="my-cnt-bx"] {position:relative;}
[class*="my-cnt-bx"] > .row{justify-content:space-between;}
[class*="my-cnt-bx"] .row > div{margin:10px 0;position:relative;}
[class*="my-cnt-bx"] .d1{width:100%;}
[class*="my-cnt-bx"] .d2{width:calc(50% - 10px);}
[class*="my-cnt-bx"]:not(.my-cnt-bx4) [class*="my-main-"]{background:#fff;border-radius:10px;}
[class*="my-cnt-bx"]:not(.my-cnt-bx4) .tit-wrap{padding:15px 30px;border-bottom:1px solid #dadada;}
[class*="my-cnt-bx"]:not(.my-cnt-bx4) .tit-wrap h3:before{display:none !important;}
[class*="my-cnt-bx"]:not(.my-cnt-bx4) .tit-wrap h3{margin:0;font-size:20px;}
[class*="my-cnt-bx"] .tit-wrap{display:flex;justify-content:space-between;align-items:center;}
[class*="my-cnt-bx"] .tit-wrap [data-tooltip]{font-size:1rem;vertical-align:middle;}
[class*="my-cnt-bx"] .more{font-size:1.1rem;color:var(--main-color);position:absolute;top:15px;right:30px;}
[class*="my-cnt-bx"] div.cont{padding:30px;}
[class*="my-cnt-bx"] ul.cont > li > a:not(.like-btn){display:block;padding:20px 30px;}
[class*="my-cnt-bx"] ul.cont > li.nodata{padding:20px 30px;}
[class*="my-cnt-bx"] ul.cont > li{position:relative;border-bottom:1px dashed #dadada;}
[class*="my-cnt-bx"] ul.cont > li:last-child{border-bottom:0;}
[class*="my-cnt-bx"] ul.cont > li.nodata .subject{color:#999;}
[class*="my-cnt-bx"] ul.cont > li.nodata .item{color:#ccc;}
[class*="my-cnt-bx"] ul.cont > li.nodata dt,
[class*="my-cnt-bx"] ul.cont > li.nodata dd{color:#919191;}
[class*="my-cnt-bx"] .dark{background:#4c7ab9 !important;color:#fff !important;}
[class*="my-cnt-bx"] .dark h3, [class*="my-cnt-bx"] .dark .more, [class*="my-cnt-bx"] .dark .item-control a{color:#fff;}
[class*="my-cnt-bx"] .dark .tit-wrap{background:#0002;color:#fff;border-bottom:0;border-radius:10px 10px 0 0;}
[class*="my-cnt-bx"] .dark .cont dt{color:#ffc;}
[class*="my-cnt-bx"] .dark .cont dd{color:#fff;}
[class*="my-cnt-bx"] .dark .item{color:#e3f4ff;font-weight:200;}
[class*="my-cnt-bx"] .cont dl		{display:flex;flex-flow:row wrap;align-items:center;}
[class*="my-cnt-bx"] .cont dt		{width:100px;color:var(--main-color);}
[class*="my-cnt-bx"] .cont dd		{width:calc(100% - 100px);color:#666;letter-spacing:0;font-weight:200;line-height:1.1;}
[class*="my-cnt-bx"] .com:not(.dark){border:3px solid #2ba6ad;}
[class*="my-cnt-bx"] .com:not(.dark) h3{color:#2ba6ad;}
[class*="my-cnt-bx"] .com h3:after{content:"기업전용";font-size:.9rem;padding:4px 8px;background:var(--main-color);color:#fff;border-radius:20px;margin-left:7px;vertical-align:middle;}
[class*="my-cnt-bx"] .dark.com{background:#2ba6ad !important;}
[class*="my-cnt-bx"] .tab-txt{border-radius: 10px 0 0 0;overflow: hidden;}
[class*="my-cnt-bx"] .tab-txt a.on{background:var(--sub-color);color:#fff;border:0;}

.my-main-biz .item-control{position:absolute;top:15px;right:30px;}
.my-main-biz .item-control .more{position:static;margin-left:10px;}

.my-main-biz .subject		{font-size:var(--font-xlg);font-weight:700;}
.my-main-biz .subject:hover	{color:var(--sub-color)}
.my-main-biz.dark .subject:hover{color:#fff;}
.my-main-biz .cont dl{margin: 10px 0;padding: 0 0 10px;border-bottom: 1px dashed #0004;}
.dark .process .bx{background:#fff;}
.process .active.present .bx:before{content:"현재단계입니다.";text-indent:-999px;overflow:hidden;}

.process		{}
.process>ul		{display:flex;flex-flow:row nowrap;}
.process>ul>li	{flex:1;}
.process .bx				{position:relative;display:flex;align-items:center;justify-content:center;padding:0 15px;background:var(--basic-bg);height:50px;line-height:1.1;font-size:var(--font-sm);border-right:1px solid #0001;color:#919191;}
.process li:nth-child(1) .bx{border-radius:0.25rem 0 0 0.25rem;}
.process li:last-child .bx	{border-radius:0 0.25rem 0.25rem 0 ;border-right:0;}
.process .active .bx			{background:#c1c6cd;color:#fff;}
.process .active.present .bx	{background:var(--main-color);color:#fff;position:relative;font-weight:700;}
.process .active.present .bx:after{content:"";width:100%;height:100%;position:absolute;border:4px solid #f66;box-sizing:content-box;z-index:99;}

.process.bg2 .bx	{background:#fff;}
.process.bg2 .bx:before {border-left-color:#fff;}
.process ul ul				{padding-top:10px}
.process.process-bx							{position:relative;}
.process.process-bx>ul						{display:flex;flex-flow:row wrap;border-bottom:1px solid var(--basic-border);}
.process.process-bx>ul>li					{flex:1;}
.process.process-bx	ul ul					{border-left:1px dashed var(--basic-border);padding:20px;height:100%}
.process.process-bx>ul>li:first-child>ul	{border-left:1px solid var(--basic-border);}
.process.process-bx>ul>li:last-child>ul		{border-right:1px solid var(--basic-border);}

.my-main-plan .item{color:var(--sub-color);font-size:.9rem;}
.my-main-plan .subject{font-size:21px;line-height:1.2;margin-bottom:5px;padding-right:60px;color:#333;}
.my-main-plan .state{position:absolute;top:20px;right:30px;min-width:50px;padding:0;line-height:23px;}

.my-banner {display:flex;justify-content:space-between;margin:10px -10px;}
.my-banner a{display:block;width:calc(100% - 10px);padding:30px;border-radius:5px;font-size:var(--font-2xlg);font-family:gsans;color:#fff;font-weight:200;line-height:1.2;}
.my-banner a.col_d2{width:calc(50% - 10px);margin:0 10px;}
.my-banner a span{display:block;font-weight:900;}
.my-banner a.bg1{background:#00668f  url(../img/my-bnr1.png) no-repeat top 50% right 20px;}
.my-banner a.bg2{background:#179b6b  url(../img/my-bnr2.png) no-repeat top 50% right 20px;}
.my-banner a.bg3{background:#95611e  url(../img/my-bnr1.png) no-repeat top 50% right 20px;}

.my-main-trade .badge{min-width:50px;margin-right:5px;}
.my-main-trade .subject{font-size:21px;color:#333;margin-bottom:10px;}

.my-main-list .item{font-size:.825rem;color:#999;}
.my-main-list .subject{font-size:19px;color:#333;}
.my-main-list .state, .my-main-list .badge{min-width:50px;margin-right:5px;}
.my-main-list .like-btn{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.3rem;color:#ccc;}
.my-main-list .like-btn:hover, .my-main-list .like-btn.on{background:none !important;}
.my-main-list .like-btn.on{color:#f66;}

.my-cnt-bx4 {margin-top:30px;}
.my-cnt-bx4 > .tit-wrap h2{margin:0;}
.my-cnt-bx4 .more{width:32px;height:32px;line-height:32px;color:#fff;background:var(--main-color);border-radius:50%;text-align:Center;font-size:.9rem;top:0;right:0;}
.my-main-card h3{margin-top:10px;}
.my-card-list{display:flex;justify-content:space-between;}
.my-card-list li{width:calc(50% - 10px);background:#fff;border-radius:5px;overflow:hidden;padding:3px;}
.my-card-list li a{display:block;}
.my-card-list .thumb{height:145px;}
.my-card-list .thumb .badge{position:absolute;top:10px;left:10px;z-index:9;}
.my-card-list .cont{padding:20px !important;}
.my-card-list .cont dl{font-size:.9rem;}
.my-card-list .cont dt{width:60px;}
.my-card-list .cont dd{width:calc(100% - 60px);}
.my-card-list .cont .item{color:var(--sub-color);font-size:.9rem;display:block;min-height:46px;}
.my-card-list .subject{font-size:18px;color:#333;min-height:46px;margin:0 0 10px;}

[class*="my-cnt-bx"] ul.my-smq-slide > li {border-bottom:0;}
.my-smq-slide .cont dl{border:0;padding:0;margin:0;}
.my-smq-slide .cont dd{width:calc(50% - 100px);}

.my-main-board .subject{font-size:18px !important;}

@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){
	#my-wrap{width:calc(100% - 260px);}
	.my-top{margin-bottom:10px;}
}
@media only screen and (max-width:1240px){
	#mypage{margin:0 0 -80px;}
	[class*="my-cnt-bx"] .d2{width:100%;}
	.my-top{padding:20px;}
	.my-top .tit{font-size:var(--font-2xlg);}
	.my-top .notice i{width:50px;height:50px;line-height:50px;}
	.my-top .notice ul{width:calc(100% - 50px);}
	.my-banner a{font-size:var(--font-xlg);}
	[class*="my-cnt-bx"] div.cont{padding:20px;}
	[class*="my-cnt-bx"]:not(.my-cnt-bx4) .tit-wrap{padding:15px 20px;}
	[class*="my-cnt-bx"] ul.cont > li > a{padding:20px;}
	[class*="my-cnt-bx"] ul.cont > li.nodata{padding:20px;}
	.my-main-biz .subject,
	.my-main-plan .subject,
	.my-main-trade .subject{line-height:1.2;font-size:var(--font-lg);}
}
@media only screen and (max-width:1023px){
	#mypage{margin:-80px 0;padding:40px 0 60px;}
	#mypage > .d_width{flex-wrap:wrap;}
	#my-snb{width:100%;}
	#my-wrap{width:100%;margin-top:20px;}
	.my-info{display:flex;}
	.my-info .profile{margin:0 40px 0 0;}
	.my-info .cont{width:calc(100% - 170px);}
	.my-info .name{text-align:left;margin:0 0 10px;}
	#snbmn > ul{display:flex;flex-wrap:wrap;text-align:center;word-break:keep-sll;line-height:1.2;}
	#snbmn > ul >li{width:25%;}
	#snbmn li a{font-size:.9rem;}
}
@media only screen and (max-width:767px){
	#mypage{margin:-40px 0 -60px;}
	#snbmn > ul{flex-wrap:nowrap;overflow-x:scroll;}
	#snbmn > ul >li{flex:0 0 auto;}
	#snbmn li a{padding:10px;display:flex;align-items:center;justify-content:center;}
	#snbmn > ul::-webkit-scrollbar{border-radius: 10px;height: 10px;background-color: var(--sub-color);}
	#snbmn > ul::-webkit-scrollbar-track{border-radius: 10px; height:5px; background-color:#cccccc;}
	#snbmn > ul::-webkit-scrollbar-thumb{border-radius: 10px; height:10px; -webkit-box-shadow: none; background-color:var(--sub-color);}
	.my-info{padding:20px;}
	.my-top .tit{font-size:var(--font-xlg);margin-bottom:10px;}
	.my-banner a{background-size:90px !important;font-size:var(--font-lg);padding:20px;}
}
@media only screen and (max-width:576px){
	#mypage{margin:-20px 0 -40px;padding:20px 0 40px;}
	.my-info{display:block;}
	.my-info .profile{width:100px;margin:0 auto;}
	.my-info .profile .thumb{height:100px;}
	.my-info .cont{width:100%;}
	.my-info .name{text-align:center;}
	.my-banner{display:block;margin:0;}
	.my-banner a{width:100% !important;margin:5px 0 !important;}
	[class*="my-cnt-bx"] ul.cont > li > a:not(.like-btn){padding:10px;}
	[class*="my-cnt-bx"] ul.cont > li.nodata{padding:10px;}
	[class*="my-cnt-bx"] ul.cont > li > a.like-btn{padding:0;}
	.my-main-list .like-btn{top:20px;right:10px;}
	.my-main-plan .subject{padding-right:0;}
	.my-main-plan .state{position:static;display:block;}
	.my-card-list{flex-wrap:wrap;}
	.my-card-list li{width:100%;margin:5px 0;}
	.my-cnt-bx4 > .tit-wrap .more{flex-shrink:0;}
	.my-top .notice i{display:none;}
	.my-top .notice ul{width:100%;}
	.my-top{padding:0;}
	.my-top .tit{font-size:var(--font-lg);}
	.my-top .notice{flex-wrap:wrap;justify-content:flex-end;}
	.my-top .notice .bx-wrapper{width:100%;}
	.my-top .notice li a{padding:10px;font-size:.9rem;}
	.my-top .notice .item-control{position:static;padding:0 10px 10px;}
	.my-top .tit{padding:10px;margin:0;}
	.my-top .notice .item-control a{width:20px;height:20px;line-height:18px;}
	
	.process>ul{flex-flow:row wrap;}
	.process>ul>li{flex:0 auto;width:100% !important;}
	.process .bx{height:35px;}
	.process li:nth-child(1) .bx,
	.process li:last-child .bx	{border-radius:0;}
	
	.my-smq-slide .cont dd{width:calc(100% - 100px);}
}
@media only screen and (max-width:415px){
	.my-main-biz .item-control{position:static;justify-content: flex-end;padding: 5px 20px;border-top: 1px solid #eaeaea;}
	[class*="my-cnt-bx"] .com h3:after{font-size:.725rem;margin-left:5px;}
}

.my-qr-list{padding:10px;}
.my-qr-list li{width:calc(25% - 20px);text-align:center;border:1px solid #dadada;border-radius:5px;margin:10px;}
.my-qr-list li p{font-size:17px;font-weight:500;border-radius:3px 3px 0 0;background:#F6F9FB;padding:10px;}
.my-qr-list li .thumb{width:150px;height:150px;margin:0 auto;}
.my-qr-list li a.btn-d.btn-wh{margin-bottom:10px;}
.my-qr-list li a.btn-d.btn-wh:hover{color:#fff;}

@media only screen and (max-width:1023px){
	.my-qr-list li{width:calc(25% - 10px);margin:5px;}
	.my-qr-list li p{font-size:16px;}
	.my-qr-list li .thumb{width:90%;height:auto;aspect-ratio:1/1;}
}
@media only screen and (max-width:767px){
	.my-qr-list li{width:calc(100% / 3 - 10px);}
}
@media only screen and (max-width:576px){
	.my-qr-list li{width:calc(50% - 10px);}
	.my-qr-list li .thumb{width:80%;}
}
@media only screen and (max-width:415px){
	.my-qr-list li{width:calc(100% - 10px);}
}

/*[e] 마이페이지*/

/*[s] 마이페이지-서브*/
#my-sub-wrap								{width:calc(100% - 280px);background:#FFF;}
#my-sub-wrap h4								{color:var(--main-color);margin: 1.5rem 0;}
#my-sub-wrap .direct-top label				{font-size:14px;vertical-align:sub;}
.my-sub-top									{padding:30px 30px 20px;border-bottom:1px solid #DADADA;}
.my-sub-top	h1								{font-size:22px;font-family:'gsans';margin:0;color:#373C4E;}

#pr-step									{padding:30px;}
#pr-step h4 span:not(.comment)							{color:#ff6666;margin-left:5px;}
#pr-step h3									{position:relative;}
#pr-step h3:before							{content:"";position:absolute;top:5px;left:0;display:inline-block;background:url(../img/h3_bg.png) no-repeat 50% 50%;width:32px;height:26px;}
#pr-step .date								{color:#888;font-size:14px;margin-top:10px;}
#pr-step .date span							{background: var(--main-color);color:#fff;padding:4px 10px;border-radius:3px;margin-right:10px;display:inline-block;}
#pr-step .date span:nth-child(n+2)			{margin-left:5px;}
#pr-step .step-wrap							{background: #f9f9f9;margin-top:15px;display:flex;flex-wrap:wrap;}
#pr-step .step-wrap .col_d6					{float:left;width:calc(100% / 6);}
#pr-step .step-wrap .col_d4:first-child .tit,
#pr-step .step-wrap .col_d5:first-child .tit,
#pr-step .step-wrap .col_d6:first-child .tit,
#pr-step .step-wrap .col_d7:first-child .tit{border-radius:4px 0 0 4px;}

#pr-step .step-wrap .col_d4:last-child .tit,
#pr-step .step-wrap .col_d5:last-child .tit,
#pr-step .step-wrap .col_d6:last-child .tit,
#pr-step .step-wrap .col_d7:last-child .tit{border-radius:0 4px 4px 0;}
#pr-step .tit								{position:relative;line-height:50px;text-align:center;color:#fff;background:#c1c6cd;border-right:1px solid #0001;}
#pr-step .on .tit							{background:#536687;color:#fff;}
/* #pr-step .on:nth-child(n + 3) .tit{background:var(--sub-color);} */
#pr-step .on.present .tit					{background:var(--main-color);font-weight:700;position:relative;}
#pr-step .on.present .tit:after				{content:"";width:100%;height:100%;border:4px solid #f66;position:absolute;top:-4px;left:-4px;z-index:99;box-sizing:content-box;}
#pr-step .on.present .tit:before			{content:"현재 단계입니다.";overflow:hidden;text-indent:-999px;background: var(--point-color);position:absolute;}

#pr-step .step-wrap ul						{min-height:200px;padding:25px;border-right:1px dashed #ddd;}
#pr-step .last > ul							{border:none;}
#pr-step .step-wrap li						{position:relative;padding:5px 0;font-size:14px;font-weight:500;display:flex;justify-content:space-between;}
#pr-step .step-wrap li.btn-wrap				{display:block;text-align:center;}
#pr-step .step-wrap li.btn-wrap .btn-d		{display: inline-block;width: 49%;padding:0 10px;font-size:13px;border: 1px solid var(--main-color);color:var(--main-color);}
#pr-step .step-wrap li.btn-wrap .btn-d:hover{color:#FFF;}
#pr-step .step-wrap li > .tv-control	{white-space:normal;}
#pr-step .col_d4:last-child ul,
#pr-step .col_d5:last-child ul				{border-right:none;}
#pr-step ul .btn							{/* position:absolute;top:3px;right:0; */width:45px;height:100%;display:inline-block;padding:5px 0;text-align:center;background:#bfc6ce;color:#fff;border-radius:3px;font-size:12px;flex-shrink:0;}
#pr-step ul .btn.n-submit					{background:#fff;border:1px solid #bfc6ce;color:#84919f;}
#pr-step ul .btn:not(.n-submit):hover		{background:#fda82b;transition:0.2s;}
#pr-step ul .w60							{margin-right:0;}
#pr-step .tv-checkbox input[type="checkbox"] + label::before{cursor:default;}
#pr-step .tv-checkbox input[type="checkbox"]:checked + label::before {background:#FFF;}
#pr-step .tv-checkbox input[type="checkbox"]:checked + label::before {border-color:#ff6666;color:#ff6666;}

#pr-step .direct-top						{} 
#pr-step .direct-top em						{color:var(--sub-color);}
#pr-step .direct-top .tab em					{color:#fff;}
#pr-step .direct-box						{margin:10px 0 20px 0;border-bottom:1px solid #efefef;}
#pr-step .direct-box .top-tit				{font-size:20px;color:#111;font-weight:500;}

#pr-step .direct-top .board-list			{margin:0 0 -2rem;}
#pr-step .board-list thead th				{background:none;border-top:2px solid #3A4870;border-bottom:1px solid #3A4870;color:#3A4870;}
#pr-step .board-list .cate					{font-size:14px;color:var(--sub-color);}
#pr-step .board-list .subject				{font-weight:500;}
#pr-step .board-list .subject i				{color:#ccc;}

#pr-step .board-info.top					{border-bottom:0;}

#pr-step .tab								{width:100%;align-items:center;}
#pr-step .tab-list							{padding:10px;}
#pr-step .tab-list a						{text-align:center;padding:3px 20px;flex:none;position:relative;}
#pr-step .tab-list a:before,
#pr-step .tab-list a.on:after				{display:none;}
#pr-step .tab-list a:after					{content: "";width:1px;height:10px;background:#ccc;position:absolute;right:0;top:50%;transform:translateY(-50%);}
#pr-step .tab-list a:last-child:after		{display:none;}
#pr-step .tab-list a.on						{background:var(--main-color);color:#FFF;font-weight:400;border-radius:3px;}
#pr-step .archive-list						{border-right:0;}
#pr-step .archive-list li					{width:calc(33.3333% - 20px);}

.board-list .like-btn.on,						
.board-list .like-btn:hover					{background:none !important; color:#f66 !important;}
.board-list .like-btn							{color:#999 !important;}

#pr-step .my-list							{position:relative;margin: 0 0 30px;}
#pr-step .my-list .bx-viewport				{height:auto !important;}
#pr-step .my-list .item-control				{position:absolute;top:-50px;right:0;}
#pr-step .my-list .item-control a			{display:inline-block;width:30px;height:30px;line-height:27px;border:1px solid #999;border-radius:50%;color:#999;text-align:Center;}
#pr-step .my-card-list						{border-right:0;justify-content:left;margin:0;}
#pr-step .my-card-list li					{width:333px !important;border:1px solid #efefef;margin:0 10px;}
#pr-step .supply-list .cont					{width:calc(100% - 320px);}
#pr-step .last								{padding-bottom:0;}
#pr-step .board-list table					{text-align:left !important;}	
#pr-step .board-list .direct-table			{margin:-20px 0 0;}
#pr-step .board-list .direct-table thead th	{border-top:0;}

.pr-table									{border-bottom:1px solid #b8bcc7;}
.pr-table th,
.pr-table td								{padding:15px;border-style:solid;border-width:1px;border-bottom:none;}
.pr-table thead								{border-top:2px solid #3a4870;border-bottom:1px solid #3a4870;}
.pr-table thead th:first-child				{border-left:none;}
.pr-table thead th:last-child				{border-right:none;}
.pr-table thead th							{color:#3a4870;border-color:#b8bcc7;line-height:1.4;font-weight:normal;text-align:center;}
.pr-table tbody th							{color:#666;text-align:center;}
.pr-table tbody td.th						{background:#F7F8F9;color:#24A1C0;}
.pr-table tbody 							{background:#fff;}
.pr-table tbody th,
.pr-table tbody td:first-child				{border-left:none;}
.pr-table tbody td:last-child				{border-right:none;}
.pr-table tbody th,
.pr-table tbody td							{border-color:#ddd;border-right-color:#b8bcc7;}
.pr-table tbody tr:first-child th,
.pr-table tbody tr:first-child td			{border-top:none;}
.pr-table .btn								{display:block;width:45px;background:#768395;color:#fff;font-size:12px;margin:0 auto;padding:5px 10px;border-radius:3px;}
.pr-table .status							{display:block;width:80px;text-align:center;padding:5px 0;font-size:12px;margin:0 auto;border-radius:3px;}
.pr-table .status.ok						{color:#25a1d3;border:1px solid #25a1d3;}
.pr-table .status.fail						{background:#b8bfc7;color:#fff;}
.pr-table .btn:hover						{background:#fda82b;transition:0.2s;}

#company_info_write_form .board-write table th	{padding:5px 0;font-weight:500;}
#company_info_write_form .board-write table td	{padding:5px 0;}

@media (max-width: 1240px){/*720*/
	#pr-step .board-list					{font-size:14px;}
	#pr-step .board-list .subject			{font-size:17px;}
	#pr-step .supply-list .list					{flex-wrap:wrap;}
	#pr-step .supply-list .cont					{width:100%;padding:10px 0 0;}
}

@media (max-width: 1023px){/*720*/
	#my-sub-wrap							{width:100%;}
	#pr-step .tit							{font-size:14px;}
	#pr-step ul								{min-height:360px;padding:15px;}
	#pr-step ul .btn						{width:auto;margin-top:5px;}
	#pr-step .supply-list ul				{min-height:unset;padding:0;}

	#pr-step .step-wrap						{overflow-x:scroll;flex-wrap:nowrap;white-space:nowrap;line-height:100%;padding:4px 0 0;}
	#pr-step .step-wrap ul					{padding:10px;}
	#pr-step .step-wrap > div				{min-width:230px;display:inline-block;float:none;vertical-align:top;}
	#pr-step .tit:before					{content:none;}

	#pr-step .archive-list li				{width:calc(50% - 20px);}
	#pr-step .step-wrap::-webkit-scrollbar		{border-radius: 10px;height: 10px;background-color: var(--main-color);}
	#pr-step .step-wrap::-webkit-scrollbar-track	{border-radius: 10px; height:5px; background-color:#cccccc;}
	#pr-step .step-wrap::-webkit-scrollbar-thumb	{border-radius: 10px; height:10px; -webkit-box-shadow: none;background-color:var(--main-color);}
}
@media (max-width: 767px){/*mobile-l*/
	#my-sub-wrap h4							{margin:.5rem 0;}
	#pr-step								{padding:0;}
	#pr-step h4								{padding:0;}
	#pr-step h3								{margin:35px 0 0;float:none;}
	#pr-step .date							{float:none;}
	#pr-step h3:before						{background-size:80%;top:0;}
	#pr-step ul								{min-height:auto;border-right:none;}
	.my-sub-top								{padding:20px 10px 10px;}
	.my-sub-top h1							{font-size:1.2rem;}

	#pr-step .direct-top					{padding:10px;}
	#pr-step .direct-box .top-tit			{font-size:18px;}
	#pr-step .tv-checkbox					{display:block;float:none !important;margin-top:5px;}
	#pr-step .step-wrap						{margin-top:0;}
	.board-list tbody .subject				{font-size:1.1rem;}

	#pr-step .tab							{flex-wrap:nowrap;overflow-x:auto;margin:0;}
	#pr-step .tab-txt 						{flex-wrap:wrap;}
	#pr-step .tab-txt a						{width:50%;max-height:53px;padding:.5rem;}
	#pr-step .tab::-webkit-scrollbar{border-radius: 10px;height: 10px;background-color: var(--main-color);}
	#pr-step .tab::-webkit-scrollbar-track{border-radius: 10px; height:5px; background-color:#cccccc;}
	#pr-step .tab::-webkit-scrollbar-thumb{border-radius: 10px; height:10px; -webkit-box-shadow: none;background-color:var(--main-color);}

	#pr-step .my-list						{margin:0;}
	#pr-step .my-card-list					{flex-wrap:nowrap;}
	#pr-step .my-card-list li				{width:250px !important;flex-shrink:0;margin:0 10px 0 0;}
	#pr-step .my-list .item-control			{top:-30px;}
	#pr-step .my-list .item-control a		{width:25px;height:25px;line-height:22px;font-size:.8rem;}
	#pr-step .my-list .archive-sum-list		{padding:10px 0;}

	.mo-list tbody th, .mo-list tbody td	{width:100%;text-align:left !important;display:block;}
	.mo-list span.state					{width:100%;}	
}
@media only screen and (max-width:576px){
	#pr-step .direct-top .form-inline select.form-control{width:100% !important;}
	#pr-step .direct-top .form-inline input.form-control{width:calc(100% - 45px);}
}
@media only screen and (max-width:415px){
	#pr-step ul li:last-child .btn-d		{width:70px;font-size:11px;}
	#pr-step .date span:nth-child(n+2)			{margin-left:0;}
}
/*[e] 마이페이지-서브*/


/*[s] 사이트맵*/
#sitemap>ul>li{width:100%;}
#sitemap .menu2{display:flex;flex-wrap:wrap;margin:0 -10px;}
#sitemap .menu2 > li{width:calc(50% - 20px);margin:0 10px;}
#sitemap>ul>li>span{color:var(--main-color);}
#sitemap>ul>li>ul>li>a{font-size:1.1rem;font-weight:500;color:#333;}
#sitemap>ul>li>ul>li>ul{font-size:1rem;line-height:2;}
#sitemap .menu3 > li:before{content:"";width:3px;height:3px;display:inline-block;background:var(--main-color);margin-right:5px;vertical-align:middle;}

@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
}
@media only screen and (max-width:1023px){
	#sitemap>ul>li>span{font-size:var(--font-lg);padding:.5rem;}
	#sitemap>ul>li>ul>li>a{font-size:1rem;}
	#sitemap .menu3 > li>a{font-size:.9rem;}
	#sitemap>ul>li>ul>li>ul{padding:.5rem;}
}
@media only screen and (max-width:767px){
}
@media only screen and (max-width:576px){
	#sitemap .menu2 > li{width:100%;}
}
@media only screen and (max-width:415px){
}
/*[e] 사이트맵*/


/*[s] 서브페이지 공통*/
.tab-txt{display:flex;position:relative;}

.thumb .like-btn{width:30px;height:30px;line-height:33px;background:#ccc;color:#fff !important;text-align:Center;border-radius:50%;position:Absolute;bottom:10px;right:10px;z-index:1;}
.like-btn.on,
.like-btn:hover{background:#f66 url(../img/pattern01.png) !important;}

.ico-d:before				{content:"";font-family:var(--faw);margin-right:5px;}
.btnset .ico-like:before		{content:"\f004";color:#FF6699}
.btnset .ico-like.active:before	{font-weight:900;color:#fff;}
.btnset .ico-link:before		{content:"\f0c1";font-weight:900;color:#354859}
.btnset .ico-share:before		{content:"\f1e0";font-weight:900;color:#74A5CD}
.btnset .ico-download:before	{content:"\f019";font-weight:900;}
.btnset .ico-video:before       {content:"\f144";font-weight:900;}

a.ico-guide					{position:relative;}
a.ico-guide .ico			{display:inline-block;border:1px solid var(--sub-color);color:var(--sub-color);font-size:14px;font-weight:normal;width:22px;height:22px;line-height:20px;border-radius:50%;text-align:center;margin-left:10px;vertical-align:middle;}
a.ico-guide .tooltip		{position:absolute;left:-20px;bottom:40px;background:var(--main-color);color:#fff;font-size:13px;font-weight:400;white-space:nowrap;letter-spacing:0;padding:0 15px;line-height:40px;transform:translateY(10%);opacity:0;transition:all ease-out 0.2s}
a.ico-guide .tooltip:before	{content:"";position:absolute;display:block;top:48px;left:30px;height:0;width:0;border: solid transparent;border-top-color:var(--main-color);border-width:8px;margin-top:-8px;}
a.ico-guide:focus .ico,
a.ico-guide:hover .ico		{background:var(--sub-color);color:#fff}
a.ico-guide:focus .tooltip,
a.ico-guide:hover .tooltip	{transform:translateY(0);opacity:1}

.txt-keyword	{display:inline-block;color:#666;border:1px solid #ccc;line-height:35px;padding:0 20px;border-radius:35px;font-size:15px;margin:2px 0;transition:all .2s;}
.txt-keyword:before{content:"# ";}
.txt-keyword:hover{background:#F6F9FB;color:var(--main-color);border-color:var(--main-color);}

[class*="ico-f-"]:before		{content:"";font-family:var(--faw);text-align:Center;margin-right:5px;}
[class*="ico-f-"]:hover:before,
[class*="ico-f-"].on:before		{font-weight:var(--font-exbold);}
.ico-f-like:before				{content:"\f004";}
.ico-f-like:hover				{color:#f66;}
.ico-f-share:before				{content:"\f1e0";}
.ico-f-like.on:before			{color:#f66;font-weight:900;}
.ico-f-share					{position:relative;}
.share-ico-cont	{display:none;position:absolute;rigth:0;top:26px;width:150px;background:var(--black6);border-radius:4px;}
.share-ico-cont	{display:flex;flex-flow:row wrap}
.share-ico-cont a{flex:1;display:block;width:30px;line-height:30px;text-align:center;color:#ccc}
.share-ico-facebook:before			{content:"\f39e";font-family:var(--faw);font-size:0.75rem;}
.share-ico-twitter:before			{content:"\f099";font-family:var(--faw);font-size:0.75rem;}
.share-ico-kakao:before				{content:"K";font-size:0.75rem;}
.share-ico-blog:before				{content:"\f781";font-family:var(--faw);font-size:0.75rem;}
.share-ico-copy:before				{content:"\f0c1";font-family:var(--faw);font-size:0.75rem;}
.share-ico-facebook:hover:before	{color:#1877f2}
.share-ico-twitter:hover:before		{color:rgb(29, 155, 240)}
.share-ico-kakao:hover:before		{color:#fae100}
.share-ico-blog:hover:before		{color:#19ce60}
.share-ico-copy:hover:before		{color:#fff}
.ico-group						{display:flex;flex-flow:row wrap;}
.ico-group>a,
.ico-group>span					{display:inline-block;margin:0 5px;}
.ico-group-active				{text-align:center;}  
.ico-group-active>span,                                      
.ico-group-active>a				{display:inline-block;width:30px;}       
.ico-group-active>span:hover	{cursor:pointer}   

.static		{color:#657194;font-size:.9rem;font-weight:600;}
.static span	{margin-right:10px;padding-right:10px;overflow:hidden;}
.static span em		{text-indent:-9999px;display:inline-block;}
.static span:before	{content:"";font-family:FontAwesome;font-weight:900;margin-right:5px;display: inline-block;margin-right: 10px;}
.static span.st-reply:before		{content:"\f4ad";color:#75BEEA;}
.static span.st-like:before		{content:"\f004";color:#FE8585;}
.static span.st-view:before		{content:"\f06e";}

#thumb-wrap{display:flex;}
#thumb-wrap [class*="col-"]{padding:10px;}
#thumb-wrap .col-1{width:70%;}
#thumb-wrap .col-2{width:30%;}

#thumb-preview {border:1px dashed #dadada;}
#thumb-preview.nodata {margin-right: 10px;padding: 20px;background: #efefef url(/portal/resources/homepage/main/img/logo_gray.png) no-repeat;background-position: 50% 50%;background-size: 60%;}

/*모달 스타일*/
.ui-widget.ui-widget-content {max-width:calc(100% - 20px);padding:0;border-radius: 0.7rem;}
.ui-button .ui-icon:before{content:"";display:block;}
.ui-widget .ui-widget,ui-button .ui-icon {border:0;background:#fff;right:21px;}
.ui-dialog-titlebar { background:#fff !important;border: 0;border-bottom: 1px solid #eee !important; padding: 1.25rem 1.5rem !important; color:#111 !important;border-radius: 0.7rem 0.7rem 0 0;}
.ui-dialog-title { font-size: 1.25rem !important; font-weight:600 !important;}
.ui-dialog .ui-dialog-buttonpane button {padding: 0 25px;margin:0 .1rem;line-height: 45px;background:var(--gray);color:#fff;right:auto;}
.ui-dialog .ui-dialog-buttonpane button.btn-main {background-color: var(--main-color);}
.ui-dialog .ui-dialog-buttonpane button.btn-sub{background-color:var(--sub-color);}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float: none; text-align: center;}
.ui-dialog .ui-dialog-buttonpane {text-align: center;border-width: 1px 0 0 0;background-image: none;margin: 0;padding: 10px;border-radius:0 0 0.7rem 0.7rem;}
.ui-dialog .ui-dialog-buttonpane button:focus,
.ui-dialog .ui-dialog-buttonpane button:hover{background: var(--dgray1);border-color: var(--dgray1);color: #fff;-webkit-box-shadow: 0 2px 4px var(--black3);-ms-box-shadow: 0 2px 4px var(--black3);box-shadow: 0 2px 4px var(--black3);}
.ui-button .ui-icon {background:url(/portal/resources/homepage/main/img/ico_close.png) no-repeat;width: 20px;height: 20px;background-size: cover;}
.ui-button:focus .ui-icon,
.ui-button:hover .ui-icon{background:url(/portal/resources/homepage/main/img/ico_close.png) no-repeat;width: 20px;height: 20px;background-size: cover;}
.ui-dialog .ui-dialog-content{padding:0;}
.ui-widget-content a.btn-d{color:#fff;}
.ui-widget-content a.btn-d.btn-wh{color:var(--basic-color);}
.ui-dialog-titlebar .board-list{margin:0;}

@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
}
@media only screen and (max-width:1023px){
	.ui-widget.ui-widget-content table{text-align:left;}
}
@media only screen and (max-width:767px){
	.ui-widget.ui-widget-content #search_text{max-width:calc(100% - 50px);}
	.indent{padding:10px;}
	.txt-keyword{line-height:30px;padding:0 10px;font-size:.9rem;}
}
@media only screen and (max-width:576px){
}
@media only screen and (max-width:415px){
}

/*[e] 서브페이지 공통*/

/*특허기술은행 소개페이지*/
/*-----공통 css 수정 금지-----*/
#tb-intro-wrap			{margin:-50px 0 -80px;}
#tb-intro-wrap section	{width:100%;min-height:100vh;padding:120px 0 100px;position:relative;}
#tb-intro-wrap section.n_full{min-height:auto !important;}
#tb-intro-wrap section:after{content:"";clear:both;float:none;display:block;}
#tb-intro-wrap .d_width	{transition:all 0.5s;}
#tb-intro-wrap .topbg			{position:relative;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;padding:0;height:calc(100vh - 200px);min-height:unset;}
#tb-intro-wrap .topbg .d_width	{display:table;height:100%;}
#tb-intro-wrap .topbg .tit		{display:table-cell;vertical-align:middle;padding:0;margin:0;}
.tb-intro-btm{position:relative;text-align:center;padding:50px 0;background:var(--main-color);}
.tb-intro-btm:before{content:"";width:100%;border-bottom:1px solid #fff4;position:absolute;left:0;bottom:80px;}
.tb-intro-btm .tit{font-size:var(--font-xlg);font-weight:200;margin-bottom:20px;color:#fff;word-break:keep-all;line-height:1.2;}
.tb-intro-btm .btn-wrap{display:inline-block;padding:0 30px;background:var(--main-color);}
.tb-intro-btm .btn-d{width:400px;border:0;}

@media all and (max-height:1000px) and (min-width:1024px) {
	#tb-intro-wrap .topbg{min-height:900px;}
}
@media only screen and (max-width:1240px){
	#tb-intro-wrap section	{min-height:auto;}
	#tb-intro-wrap img		{max-width:100%;}
	#tb-intro-wrap section .col_d2 img{width:calc(100% - 20px);}
	#tb-intro-wrap section .col_d2:nth-child(2n+1) img{float:left;}
	#tb-intro-wrap section .col_d2:nth-child(2n) img{float:right;}
}
@media only screen and (max-width:1023px){
	#tb-intro-wrap section	{width:auto;min-height:auto;padding:60px 0 40px}
	.tb-intro-btm {padding:30px 0;}
	.tb-intro-btm .tit{font-size:var(--font-lg);margin-bottom:10px;}
	.tb-intro-btm .btn-d{width:auto;font-size:1.1rem;line-height:45px;}
	.tb-intro-btm:before{bottom:50px;}
}
@media only screen and (max-width:767px){
	#tb-intro-wrap{margin:-10px 0 -60px;}
	#tb-intro-wrap .topbg, #tb-intro-wrap .topbg .d_width{height:auto;}
	#tb-intro-wrap .topbg{padding:50px 0;}
	#tb-intro-wrap section	{padding:40px 0;}
	.tb-intro-btm .tit{font-size:1.1rem;}
	.tb-intro-btm .btn-d{font-size:1rem;line-height:42px;}
}
@media only screen and (max-width:576px){
	#tb-intro-wrap{margin:10px 0 -40px;}
	#tb-intro-wrap{font-size:14px;line-height:1.5;}
	#tb-intro-wrap section{padding:30px 0;}
	#tb-intro-wrap section .col_d2{width:100%;margin-bottom:20px;}
	#tb-intro-wrap section .col_d2:last-child{margin:0;}
	#tb-intro-wrap section .col_d2 img{width:100%;float:none !important;}
	.tb-intro-btm .tit{font-size:1rem;}
}
@media only screen and (max-width:415px){
	#tb-intro-wrap .d_width{margin:0 20px;}
}
/*-----공통 css 수정 금지-----*/

/*도입희망기술*/
.demandTech-top{background:url(../img/tb-intro1-bg1.png) no-repeat 80% 50%/cover;}
.demandTech section .tit{margin-bottom:60px;}
.demandTech1{background:#2A2D3C;}
.demandTech1 .row{align-items:center;}
.demandTech2 .d_width > div{margin-bottom:60px;}
.demandTech2 .d_width > div:last-child{margin-bottom:0;}
.demandTech2 .tit{display:flex;align-items:flex-end;}
.demandTech2 .txt{padding-top:30px;}
.demandTech2 .d_width > div:last-child .img{margin-left:-50px;}
.demandTech-btm,
.demandTech-btm .btn-wrap{background:#2A2D3C;}
.demandTech-btm .btn-d{background:linear-gradient(90deg, #25BA82, #0F71AA);}

@media only screen and (max-width:1240px){
	.demandTech2 .d_width > div:last-child .img{margin-left:-30px;}
}
@media only screen and (max-width:1023px){
	.demandTech-top img,
	.demandTech1 .tit img{width:70%;}
	.demandTech section .tit{margin-bottom:30px;}
	.demandTech2 .d_width > div{margin-bottom:30px;}
}
@media only screen and (max-width:767px){
	.demandTech-top img{width:50%;}
	.demandTech1 .tit img{width:80%;}
}
@media only screen and (max-width:576px){
	.demandTech1 .tit img{width:100%;}
	.demandTech2 .tit img{width:60% !important;}
	.demandTech2 .tit .col_d2{margin-bottom:0 !important;}
	.demandTech2 .txt{padding-top:10px;}
	.demandTech2 .d_width > div{margin-bottom:20px;}
	.demandTech2 .d_width > div:last-child .img{margin-left:0;}
}

/*판매기술거래*/
.salesTech-top{background:url(../img/tb-intro2-bg1.png) no-repeat 80% 50%/cover;}
.salesTech section .tit{margin-bottom:60px;}
.salesTech1{background: linear-gradient(90deg, rgba(31,43,78,1) 0%, rgba(35,71,107,1) 50%, rgba(31,43,78,1) 100%);}
.salesTech1 .col{position:relative;}
.salesTech1 .col .d2{justify-content:space-between;}
.salesTech1 .col .d2:first-child{margin-bottom:40px;}
.salesTech1 .col .d2 li{width:calc(100% / 2 - 20px);}
.salesTech1 .center-circle{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.salesTech2{background:#F5F4F3;}
.salesTech2 .d_width > div{margin-bottom:60px;}
.salesTech-btm .btn-wrap{background:linear-gradient(90deg, rgba(31,43,78,1) 0%, rgba(35,71,107,1) 50%, rgba(31,43,78,1) 100%);}
.salesTech-btm .btn-d{background: linear-gradient(90deg, rgba(216,182,82,1) 0%, rgba(164,122,38,1) 100%);}

@media only screen and (max-width:1240px){
}
@media only screen and (max-width:1023px){
}
@media only screen and (max-width:767px){
	.salesTech-top img{width:50%;}
	.salesTech1 .tit img{width:80%;}
	.salesTech1 .center-circle{display:none;}
	.salesTech1 .col .d2 li{width:100%;}
	.salesTech1 .col .d2:first-child{margin-bottom:0;}
}

/*기술가치평가*/
.valueTech section .tit{margin-bottom:60px;}
.valueTech .topbg{position:relative;}
.valueTech .topbg:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/tb-intro3-bg1.png) no-repeat 50% 50%/cover;animation:brightness 3s ease-out;}
.valueTech1{position:relative;background:url(../img/tb-intro3-bg2.png) no-repeat 50% 50%/cover;}
.valueTech1:before,
.valueTech1:after{content:"";width:calc(50% - 385px);border-bottom:3px dotted #AF907C;position:absolute;left:0;bottom:38%;}
.valueTech1:after{left:auto;right:0;}
.valueTech1 .row{align-items:center;}
.valueTech2 .d_width > div{margin-bottom:60px;}
.valueTech2 .d_width > div:last-child{margin-bottom:0;}
.valueTech2 .txt{padding-top:30px;}
.valueTech2 .d_width > div:last-child .img{margin-left:-50px;}
.valueTech-btm{background:linear-gradient(90deg, #1A0F24, #433036, #1A0F24);}
.valueTech-btm.tb-intro-btm:before{width:calc(50% - 440px);}
.valueTech-btm.tb-intro-btm:after{content:"";width:calc(50% - 440px);border-bottom:1px solid #fff4;position:absolute;right:0;bottom:80px;}
.valueTech-btm .btn-wrap{background:transparent;}
.valueTech-btm .btn-d{background:linear-gradient(90deg, #E6B699, #A66956);}
.valueTech-btm .btn-d:last-child{background:#8B5949;}
@keyframes brightness {
    0%   {
		opacity:0;
        filter: brightness(100%);
		 filter: contrast(100%);
    }
    60%  {
		opacity:1;
        filter: brightness(180%);
		 filter: contrast(180%);
    }
    100% {
		opacity:1;
        filter: brightness(100%);
		filter: contrast(100%);
    }
}
@media only screen and (max-width:1240px){
	.valueTech1:before,
	.valueTech1:after {bottom:40%;}
	.valueTech2 .d_width > div:last-child .img{margin-left:-30px;}
	.valueTech1 .img{width:80%;margin:auto;}
}
@media only screen and (max-width:1023px){
	.valueTech-top img,
	.valueTech1 .tit img{width:70%;}
	.valueTech section .tit{margin-bottom:30px;}
	.valueTech1:before,
	.valueTech1:after {width:calc(50% - 290px);bottom:45%;}
	.valueTech2 .d_width > div{margin-bottom:30px;}
	.valueTech-btm.tb-intro-btm:before,
	.valueTech-btm.tb-intro-btm:after {width:calc(50% - 240px);bottom:60px;}
	.valueTech2 img{width:50%;}
}
@media only screen and (max-width:767px){
	.valueTech-top img{width:50%;}
	.valueTech1 .tit img{width:80%;}
	.valueTech1:before,
	.valueTech1:after {display:none !important;}
	.valueTech-btm.tb-intro-btm:before,
	.valueTech-btm.tb-intro-btm:after {width:calc(50% - 200px);}
}
@media only screen and (max-width:576px){
	.valueTech1 .tit img{width:100%;}
	.valueTech2 .tit img{width:70% !important;}
	.valueTech2 .tit .col_d2{margin-bottom:0 !important;}
	.valueTech2 .txt{padding-top:10px;}
	.valueTech2 .d_width > div{margin-bottom:20px;}
	.valueTech2 .d_width > div:last-child .img{margin-left:0;}
	.valueTech-btm .btn-d{width:100%;margin-bottom:10px;}
	.valueTech-btm.tb-intro-btm:before,
	.valueTech-btm.tb-intro-btm:after {display:none;}
}

/*무료기술나눔*/
.techTrade-top {background-image:url(../img/tb-intro4-bg1.png), linear-gradient(90deg, #eee, #E8ECEA, #eee);background-size:100% auto !important;background-position:50% 0 !important;}
.techTrade-top .d_width{width:100%;}
.techTrade-top .d_width img{max-width:100%;}
#tb-intro-wrap .techTrade-top.topbg .tit{vertical-align:bottom;text-align:center;}
.techTrade1{background:linear-gradient(180deg, #11281F, #316451);}
.techTrade1 .row{align-items:center;}
.techTrade2 .row{align-items:flex-end;}
.techTrade2 .tit{text-align:center;margin-bottom:80px;}
.techTrade-btm .tit{color:#333;}
.tb-intro-btm:before{border-color:#0002;}
.techTrade-btm,
.techTrade-btm .btn-wrap{background:#eee;}
.techTrade-btm .btn-d{background:#316451;}

@media only screen and (max-width:1240px){
	#tb-intro-wrap .techTrade-top.topbg {height:auto;min-height:auto;padding:15% 0 0;}
}
@media only screen and (max-width:1023px){
	#tb-intro-wrap .techTrade-top.topbg {padding:10% 0 0;}
	.techTrade2 .tit{margin-bottom:30px;}
}
@media only screen and (max-width:767px){
	.techTrade-top .d_width{margin:0 !important;}
}
@media only screen and (max-width:576px){
	.techTrade1 .txt,
	.techTrade2 .txt{order:2;}
	.techTrade1 .img,
	.techTrade2 .img{text-align:center;order:1;margin-bottom:20px !important;}
	.techTrade1 .img img,
	.techTrade2 .img img{width:50% !important;}
}