/*@charset "utf-8";*/
:root {
	--main-color:#1D2586;
	--sub-color:#0A8DC3;
	--dark-color:#121314;
	--point-color1:#11BBF2;
	--grd:linear-gradient(120deg, #1D2088, #30AB66);
	--grd2:linear-gradient(90deg, #1D2088CC, #0A8DC3CC);
	--grd3:linear-gradient(90deg,rgba(29, 32, 136, 1) 0%, rgba(10, 141, 195, 1) 100%);

	--btn-shadow:0 2px 3px rgba(0,0,0,0.1);
	--bx-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	--all-ani:all cubic-bezier(0, 1, 0.5, 1) 0.2s;
}

body{font-size:17px;font-family:'Pretendard';line-height:1.2;/* overflow-y:scroll; */}
h1				{color:#2A1B38}
h3				{font-size:1.6rem;color:var(--dark-color);font-weight:600;margin:1.4rem 0 1.3rem;}
a				{transition:all 0.3s;}
.d_width		{width:1400px;margin:0 auto;position:relative;transition:all 0.2s ease-out;}
.c_width		{width:100%;margin:0 auto;animation:fadeInUp 0.5s cubic-bezier(.4,0,0,1) both 0.2s;}
.board-cardnews-view .c_width{animation:none;}
.va_mo			{display:none;}
ul.bu>li:before	{background:var(--point-color1);}
.item-control a.ico-play:before{content:"\f04b";font-size:.75rem;}
.item-control{align-items:center;}
.fwl	{font-weight:100;}
.thumb img{transform-origin:0 0;}
#btnSearch{cursor:pointer;background:var(--sub-color);border-color:var(--sub-color);color:#FFF;}
select{font-size:.85rem;border-color:#eaeaea;padding:.1rem .3rem;border-radius:2px;height:30px;}
em {color:var(--point-color1);}

/*sns-ico*/
.sns-ico{display:inline-block;width:50px;height:50px;border-radius:50%;background:url(../img/ipsi/sns-ico.png);}
.sns-ico.ico-instagram{background-position-x:-60px;}
.sns-ico.ico-kakao{background-position-x:-120px;}
.sns-ico.ico-blog{background-position-x:-180px;}
.sns-ico.sm-ico{width:25px;height:25px;background-size:auto 25px;}
.sns-ico.sm-ico.ico-youtube{background-position-x:-30px;}
.sns-ico.sm-ico.ico-instagram{background-position-x:-60px;}
.sns-ico.sm-ico.ico-kakao{background-position-x:-90px;}
.sns-ico.sm-ico.ico-blog{background-position-x:-120px;}

/* btn*/
.btn_d{padding: 0 16px;line-height: 38px; display: inline-block;cursor: pointer;white-space: nowrap;text-align: center;vertical-align: middle; border-style: solid;border-width: 1px; border-color: var(--basic-color);background-color: var(--basic-color);color: var(--white); font-weight: var(--font-normal) !important;}
.btn_d.default{display:inline-block;margin-bottom:3px;background:var(--sub-color);color:#FFF;padding:13px 25px;font-size:1rem;}
.btn_d:hover{background:#162b53;}
.btn_d.btn_small{display:inline-block;padding:0 16px;font-size:var(--font-sm);line-height:33px;}
.btn_d.btn-sub{color:#fff;}

.btn-more{border:1px solid var(--sub-color);color:var(--sub-color);padding:10px 30px;border-radius:0 0 25px 0;overflow:hidden;}
.btn-more:before{content:"";position:absolute;bottom:0;left:0;width:0;height:100%;background:var(--sub-color);border-color:var(--sub-color);transition:width .3s;z-index:-1;}
.btn-more:hover:before{width:100%;transition:width .3s;}
.btn-more:hover{color:#FFF;}
.btn-d{font-size:1rem;}
.btn-d:hover,
.btn-d:focus		{background:var(--dark-color);border-color:var(--dark-color);}
/*bx스타일*/
.info-bx{padding:30px;border:3px solid #DDEAF7;margin-bottom:30px !important;}
.info-blue{background:#f4faff;padding:30px;}
.info-bg{display: flex;position:relative;background-color:#f6f6f6;margin-bottom:30px;}
.info-bg span.symbol{position:relative;width: 90px;height: auto;background-color:var(--sub-color);}
.info-bg span.symbol:before{content:"";width:45px;height: 26px;background: url(../img/info-simbol.svg) no-repeat 50% 50% / contain;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.info-bg p{width:calc(100% - 100px);padding:30px 0;margin-left:20px;color: #000;font-size: 1.1rem;}
.info-bg em{color:var(--sub-color);}

/* list */
ul.bu li			{padding-left:15px;}
ul.bu > li:before	{content:"";display:inline-block;width:3px;height:3px;background:var(--sub-color);;margin-left:-15px;margin-right:10px;vertical-align:middle}
ul.bu li li			{padding-left:0;}
ul.bu li li:before	{content:"-";margin-right:6px;}
ul.bu li li li:before	{content:"";display:inline-block;width:2px;height:2px;background:#999;vertical-align:top;margin:10px 5px 0 0;}
	
ol.list1 li	{list-style-type:decimal;margin-left:14px;padding:0;}
ol.list2 li	{list-style-type:decimal-leading-zero;margin-left:20px;padding:0;}

@media only screen and (max-width:1023px){
	.info-bx{padding:20px;font-size:1rem;}
}
@media only screen and (max-width:767px){
	.info-bx{font-size:.9rem;}
	.btn-more{font-size:1rem;}
}
@media only screen and (max-width:576px){
}
@media only screen and (max-width:415px){
}

#wrap										{min-width:320px;position:relative;padding:0;margin:0;background:#fff;}
#header										{position:absolute;left:0;top:0;width:100%;z-index:999;transition:all 0.2s ease-out;}
#wrap.sub #header							{position:relative;}
#header.fix									{position:fixed !important;left:0;top:0;width:100%;}
#header.active							{background:#fff;}
#logo										{position:absolute;left:80px;top:50%;transform:translateY(-50%);padding:0;margin:0;z-index:10;font-size:1.1rem;font-weight:500;color:#555;line-height:1;z-index:999;}
#logo img{width:180px;}
#logo	span{color:#FFF;font-size:1.3rem;margin-left:10px;vertical-align:middle;}
#header.fix #logo span,
#header.active #logo span{color:#000;font-size:1.1rem;}
#header #logo .logo-b		{display:none;}
#header.fix #logo .logo-w,
#header.active #logo .logo-w{display:none;}
#header.fix #logo .logo-b,
#header.active #logo .logo-b		{display:inline-block;}

.mm-menu{max-width:300px;}
.mm-menu.mm-current{z-index:999;overflow-y:scroll;}
.mm-menu.mm-current::-webkit-scrollbar{width: 5px;background-color: var(--sub-color);}
.mm-menu.mm-current::-webkit-scrollbar-track{width:5px; background-color:#000c;}
.mm-menu.mm-current::-webkit-scrollbar-thumb{width:5px; -webkit-box-shadow: none; background-color:var(--main-color);}


/*gnb 스타일*/
#header:after{content:"";width:100%;height:1px;background:rgba(255,255,255,0.3);position:absolute;bottom:0;left:0;}
#header.fix:after,
#header.active:after{display:none;}
#header:before{content:"";width:100%;height:180px;background:linear-gradient(180deg, rgba(0,0,0,0.5), rgba(0,0,0,0));position:absolute;left:0;top:0;z-index:-2;}
#header .topwrap{display:flex;justify-content:space-between;line-height:39px;padding:0 80px;color:#fff;font-size:.9rem;font-weight:200;animation:fadeInDown 1s;position:relative;z-index:100;background:rgba(0,0,0,0.1);}
#header .topwrap a:not(.popup, .snswrap ul li a){display:block;padding:0 15px;position:relative;}
#header .topwrap .col-l > a:first-child{padding-left:0;}
#header .topwrap .col-l a:after{content:"";width:3px;height:3px;background:#fff8;border-radius:50%;display:inline-block;position:absolute;top:50%;right:0;transform:translateY(-50%);}
#header .topwrap .col-l .snswrap a:after{display:none;}
#header .topwrap a:not(.popup){transition:none;}
#header .topwrap a.popup{background: var(--sub-color);padding:0 20px;display:block;}
#header .topwrap a.popup i{font-size:.7rem;margin-right:10px;}
#header .topwrap a.popup:hover{background:var(--sub-color);}
#header .topwrap a:not(.popup):hover{color:var(--point-color1);backdrop-filter:blur(2px);}
#header .topwrap a:not(.popup):hover:before{filter:brightness(0);}
#header .snswrap{position:relative;}
#header .snswrap ul{width:125px;position:absolute;right:0;top:100%;background:rgba(0,0,0,0.8);color:#FFF;border-radius:5px;overflow:hidden;display:none;}
#header .snswrap.on ul{display:block;}
#header .snswrap .sns-ico{vertical-align:middle;margin-right:7px;}
#header .snswrap ul li a{border-bottom:1px solid #fff3;padding:0 10px;display:block;}
#header .snswrap ul li:last-child a{border-bottom:none;}
#header .topwrap .snswrap ul li a:before{display:none;}
#header .topwrap .snswrap ul li a:hover{background:var(--sub-color);color:#fff;backdrop-filter:none;}

#gnb{position:relative;margin:0 auto;padding:0;z-index:99;animation:fadeInDown 1s;}
.topmn{position:absolute;right:80px;top:0;display:flex;color:#fff;font-weight:200;align-items:center;z-index:10;}
.top-btn-wrap{font-size:.925rem;display:flex;align-items:center;}
.top-btn-wrap a:not(.btn-d){position:relative;padding-right:15px;margin-right:15px;}
.top-btn-wrap	 > a:after{content:"";width:1px;height:10px;background:#fff5;position:absolute;top:50%;right:0;transform:translateY(-50%);}
.top-btn-wrap .lang-convert > a:before{content:"";width:17px;height:18px;background:url(../img/lang-ico.png);background-size:cover;display:inline-block;margin-right:10px;vertical-align:sub;}
.top-btn-wrap .lang-convert > a:after{content:"\f078";font-family:fontAwesome;font-size:.7rem;margin-left:15px;color:#fff9;}
.lang-convert .tip-box{position:absolute;top:calc(100% + 10px);left:0;z-index:100;padding:15px;border-radius:10px;width:420px;background-color:#f3f3f3;}
.lang-convert .tip-box p{font-size:14px;line-height:19px;color:#555;text-align:left;}
.lang-convert .tip-box p a{font-weight:500;color:var(--point-color1);}
.lang-convert .tip-box a.btn-d{margin-top:5px;width:50px;}

/*사이트맵*/
#nav-icon {width:30px;height:30px;position:relative;margin:0 auto;-webkit-transform: rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg); cursor:pointer;}
#nav-icon span {display:block;position:absolute;height:2px;width:50%;background:#fff; opacity: 1; -webkit-transform: rotate(0deg);-moz-transform:rotate(0deg);-o-transform: rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition: .25s ease-in-out; -o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#nav-icon span:nth-child(even) {left:50%;}
#nav-icon span:nth-child(odd) {left:0;}
#nav-icon span:nth-child(1){width:0;right:50%;left:auto;}
#nav-icon span:nth-child(1), #nav-icon span:nth-child(2) {top:4px;}
#nav-icon span:nth-child(3), #nav-icon span:nth-child(4) {top:12px;}
#nav-icon span:nth-child(5), #nav-icon span:nth-child(6) {top:20px;} 
#nav-icon.open{width:50px; height:50px;}
#nav-icon.open span:nth-child(1),#nav-icon.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);transform: rotate(45deg);}
#nav-icon.open span:nth-child(2),#nav-icon.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#nav-icon.open span:nth-child(1) { left: 5px; top: 9px; width:50%; right:auto;}
#nav-icon.open span:nth-child(2) { left: calc(50% - 3px); top: 9px;}
#nav-icon.open span:nth-child(3) { left: -50%; opacity: 0;}
#nav-icon.open span:nth-child(4) { left: 100%; opacity: 0;}
#nav-icon.open span:nth-child(5) { left: 5px; top: 26px;}
#nav-icon.open span:nth-child(6) { left: calc(50% - 3px); top: 26px;}  
#nav-icon.open span{background:#444;}
.site-map{border:none;background:none;margin-left:20px;}
.site-map:hover #nav-icon span:nth-child(1){width:50%;}
.site-map:hover #nav-icon span:nth-child(6){width:0;}
.site-map:hover #nav-icon.open span:nth-child(6){width:50%;}

#gnb .topmn > a{line-height:90px;height:90px;padding:0 15px;font-size:1.4rem;}
#gnb a.ico-sch{display:none;}/*대표홈페이지 오픈 후 사용*/
#gnb a.ico-sch:before{content:"\f002";color:#fff;font-family:'Font Awesome 6 pro';transition:all ease-out 0.2s;font-size:1.3rem;font-weight:400;}
#header.fix #gnb a.popup-zone{font-size:1.25rem;}
#header.fix #gnb a.popup-zone .num{width:15px;line-height:15px;font-size:0.5rem;right:30%;top:35%;}
#gnb a.popup-zone .num{font-size:.625rem;width:20px;line-height:20px;border-radius:50%;text-align:center;color:#fff;font-weight:700;background:#f66;position:absolute;right:17%;top:31%;}
#gnb a.popup-zone:not(#mobile-search){font-size:1.5rem;}
#gnb a.popup-zone:before{color:#fff;font-family:FontAwesome;transition:all ease-out 0.2s;font-size:1.5rem;}

#gnbmn{position:relative;width:100%;padding:0;margin:0;z-index:99;}
#gnbmn a{position:relative;}
#gnbmn a[target=_blank] > span:after			{content:"\f08e";display:inline-block;margin-left:5px;font-family:fontAwesome;font-weight:200;font-size:.9rem;vertical-align:middle;opacity:.5;}
#gnbmn ul.depth1{display:flex;justify-content:center;margin-left:80px;}
#gnbmn ul.depth1 > li > a{display:block;padding: 0 2.5rem;line-height:90px;font-size:1.25rem;letter-spacing:-0.0125rem;text-align:center;font-weight:500;color:#FFF !important;position:relative;}
#gnbmn ul.depth1 > li > a:after					{content:"";display:block;position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:0%;height:3px;background-color:var(--main-color);transition:all 0.3s;}
#gnbmn ul.depth1 > li > a:hover:after,
#gnbmn ul.depth1 > li.on > a:after,
#gnbmn ul.depth1 > li.active > a:after{width:100%;background:var(--grd);}
#gnbmn ul.depth1 > li > a:hover,
#gnbmn ul.depth1 > li.on > a,
#gnbmn ul.depth1 > li.active > a{color:var(--main-color) !important;}	

#header.fix .topwrap,
#header.fix #topbnr{display:none;}
#header.active .topwrap{background:var(--sub-color);}
#header.active #logo img,
#header.fix #logo img{width:170px;}
#header.fix #gnb,
#header.active #gnb{background: rgb(255 255 255 / 90%);backdrop-filter: blur(5px);box-shadow: 0 0 15px #0002;transition:all .4s;}
#header.fix #gnbmn ul.depth1 > li > a,
#header.active #gnbmn ul.depth1 > li > a{color:#111 !important;}
#header.active #gnbmn ul.depth1 > li:hover > a,
#header.active #gnbmn ul.depth1 > li.on > a{color:var(--main-color) !important;}
#header.fix #gnbmn ul.depth1 > li > a{line-height:70px;font-size:1.1rem;}
#header.fix #gnbmn .depth2,							
#header.fix #id_gnb_bg{top:70px !important;}
#header.fix #gnb a.ico-sch{color:#121314;}
#header.active #gnb a.ico-sch{color:#121314;}
#header.fix #gnb .topmn > a{line-height:70px;height:70px;}
#header.fix .topmn,
#header.active #gnb .topmn > a,
#header.active #gnb a.ico-sch:before,
#header.fix #gnb a.ico-sch:before{color:#333;font-weight:400;}
#header.active #nav-icon span,
#header.fix #nav-icon span{background:#333;}
#header.fix #gnb .topmn > a,
#header.fix #gnb a.ico-sch:before{font-size:1.2rem;}
#header.fix #gnb a.popup-zone{font-size:1.4rem;}

#gnbmn .title							{float:left;width:320px;padding:10px 0;word-break:keep-all;;}
#gnbmn .tit								{color:#fff;margin:20px 0 15px;}
#gnbmn .txt								{font-size:1.1rem;font-weight:400;line-height:1.4;color:#fff;}
#gnbmn .txt	 em						{color:#ffc;font-weight:100;font-style:italic;}
#gnbmn .tit:after{content:"";width:9px;height:9px;border-radius:50%;vertical-align: bottom;display: inline-block;background:#FFF;margin:0 0 7px 10px;}

#gnbmn .depth2						{width:1600px;min-height:260px;position:absolute;top:80px;left:50%;transform:translateX(-50%);padding:20px 0;text-align:left;visibility:hidden;opacity: 0;}
#gnbmn .depth2.on					{opacity: 1; visibility: visible; transition:all .6s;}
#gnbmn .depth2 > ul								{float:left;width:calc(100% - 320px);}
#gnbmn .depth2 > ul:after					{content:"";float:none;clear:both;}
#gnbmn .depth2 > ul > li						{float:left;width:25%;padding:10px 0 10px 10px;}
#gnbmn .depth2 > ul > li:nth-child(4n+1)		{clear:both;}
#gnbmn .depth2 > ul > li > a					{display:block;border:1px solid #d5d5d5;color:#222;font-weight: 500;background:#fff;line-height: 60px;font-size:1.125rem;text-align:center;transition:all .2s;overflow:hidden;}
#gnbmn .depth2 > ul > li > a > span		{position:relative;z-index:2;}
#gnbmn .depth2 > ul > li:hover > a,
#gnbmn .depth2 > ul > li > a:hover,
#gnbmn .depth2 > ul > li > a:focus,
#gnbmn .depth2 > ul > li > a.on	{border: 1px solid var(--sub-color);border-color: var(--sub-color);color: var(--sub-color) !important;border-radius: 0 0 30px 0;}
#gnbmn .depth2 > ul > li:hover > a:after,
#gnbmn .depth2 > ul > li.on > a:after{opacity:1;}
#gnbmn .depth2 > ul > li:hover > a:before,
#gnbmn .depth2 > ul > li > a:hover:before,
#gnbmn .depth2 > ul > li > a:focus:before,
#gnbmn .depth2 > ul > li > a.on:before	{opacity:1;}

#gnbmn ul.depth3								{margin:15px 0 0 0;display:none;}
#gnbmn ul.depth3 li a:before					{content:"";display:inline-block;width:3px;height:3px;background:#555;margin:12px 10px 0 0;vertical-align:top;border-radius:50%}
#gnbmn ul.depth3 li a.on,
#gnbmn ul.depth3 li a:hover						{color:var(--main-color);text-decoration:underline}

#id_gnb_bg							{position:absolute;width:100%;left:0;top:129px;z-index:1;background:#F7F9FA;visibility:hidden;opacity: 0;}
#id_gnb_bg.on						{opacity:1;visibility: visible; transition:opacity .6s, visibility .6s;}
.gnb_bg								{width:100%;padding:0;margin:0;background:var(--grd);box-shadow:0px 2px 1px rgba(0,0,0,0.1);-moz-box-shadow:0px 2px 1px rgba(0,0,0,0.1);-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.1);}
.gnb_bg:before,
.gnb_bg:after						{content:"";position:absolute;left:0;top:0;display:block;width:calc(50% - 500px);height:100%;background: var(--grd);overflow:hidden;border-radius: 0 0 100px 0;}
.gnb_bg:before{content:"";font-size:7rem;font-weight:900;z-index:1;line-height:440px;}
/* #wrap.topbnr-on #id_gnb_bg			{top:250px;} */

.black-bg {position: fixed;left:-9999px;top:0px;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);backdrop-filter: blur(10px);z-index: 100;opacity: 0;transition:all .3s;}
.black-bg.on {opacity: 1;}

#mobile-navicon,
#mobile-search					{display:none;width:60px;height:60px;line-height:60px;font-size:1.2rem;position:absolute;left:0;top:41px;text-align:center;background: var(--sub-color);z-index:999;color:#fff;}
#mobile-navicon i:before{font-weight:500;font-family:'Font Awesome 6 pro';font-size:1rem;}
#mobile-search					{background:var(--point-color1);left:unset;right:0;}
#mobile-search.ico-sch:before	{font-size:1.2rem !important;}
.mm-menu.mm-current{z-index:1;}

@media only screen and (max-width: 1900px){
	#gnbmn ul.depth1{margin-left: 80px;}
	#gnbmn ul.depth1 > li > a{font-size:1.2rem;padding: 0 2rem;}
	.top-btn-wrap a:not(.btn-d){padding-right:8px;margin-right:8px;}
	.top-btn-wrap .lang-convert > a:after{margin-left:8px;}
}
@media only screen and (max-width:1620px){	
	#gnbmn .title{width:300px;}
	#gnbmn ul.depth1 > li > a{padding: 0 1.7rem;}
	#gnbmn .depth2 > ul{width:calc(100% - 300px);}
	.gnb_bg:before,
	.gnb_bg:after	{width:calc(50% - 520px);}
	#gnbmn .depth2{width:1560px;}
}
@media only screen and (max-width:1600px){
	.d_width, .c_width		{width:1200px;}
	#wrap			{min-width:1200px;}
	#gnb		{width:auto;}
	#gnbmn .title{width:280px;}
	#gnbmn .tit{font-size: 2.2rem;}
	#gnbmn .txt{font-size:1rem;}
	.gnb_bg:before,
	.gnb_bg:after	{width: calc(50% - 340px);}
	.topmn{right:20px;}
	#logo{left:20px;}
	#logo img,
	#header.fix #logo img{width:170px;}
	#logo span{font-size:1.1rem;}
	#header .topwrap{padding:0 20px;}
	#gnb a.ico-sch:not(#mobile-search),
	#header.fix #gnb a.ico-sch:not(#mobile-search){width:40px;height:60px;line-height:60px;border-radius:5px;margin-right:10px;}
	.top-btn-wrap{font-size:.9rem;}
	#gnbmn ul.depth1{margin: 0 315px;justify-content:center;}
	#gnbmn ul.depth1 > li > a{font-size:1.1rem;font-weight:500;padding:0 1.8rem;}
	#header.fix #gnbmn ul.depth1 > li > a{font-size:1rem;}
	#gnbmn .depth2{width:1200px;min-height:220px;}
	#gnbmn .depth2 > ul{height: 300px;}
	#gnbmn .depth2 > ul > li{padding:5px 0 0 10px;}
	#gnbmn .depth2 > ul > li > a{line-height:50px;font-size:1.1rem;}
	/*[s] 2차메뉴 너비 조정*/
	#gnbmn .depth2 > ul > li						{width:25%;}
	#gnbmn .depth2 > ul > li:nth-child(5n+1)		{clear:unset;}
	#gnbmn .depth2 > ul > li:nth-child(4n+1)		{clear:both;}
	/*메뉴커스텀2
	#gnbmn ul.depth1 > li:nth-child(4) .depth2  > ul > li:nth-last-child(3){clear:both;}
	#gnbmn ul.depth1 > li:nth-child(4) .depth2  > ul > li:nth-last-child(2){clear:unset;}*/
	/*[e] 2차메뉴 너비 조정*/
	
	#gnbmn ul.depth1 > li:nth-child(2) .depth2  > ul > li:before,
	#gnbmn ul.depth1 > li:nth-child(3) .depth2  > ul > li:before,
	#gnbmn ul.depth1 > li:nth-child(2) .depth2  > ul > li > a:before,
	#gnbmn ul.depth1 > li:nth-child(3) .depth2  > ul > li > a:before{width:180px;height:140px;font-size:2rem;}

	#gnbmn ul.depth1 > li:nth-child(2) .depth2  > ul > li > a:after,
	#gnbmn ul.depth1 > li:nth-child(3) .depth2  > ul > li > a:after{font-size:.9rem;line-height:1.3;}

	#gnbmn ul.depth3{font-size:.9rem;}
	
	#wrap.topbnr-on .main-container{padding-top:129px;}
}
@media only screen and (max-width:1490px){
	#gnb a.ico-sitemap{width:90px;}
	#gnbmn ul.depth1 > li > a{padding: 0 1.5rem;}
	#gnbmn ul.depth1{margin:0 280px;}
}
@media only screen and (max-width:1340px){
	#gnbmn ul.depth1 > li > a{padding: 0 1.2rem;}
	#gnbmn ul.depth1{margin:0 260px;}
	#logo img{width:160px;}
	#header.fix #logo img{width:150px;}
	#logo span{margin-left:5px;}
}

@media only screen and (max-width:1240px){
	.d_width, .c_width		{width:960px;}
	#wrap			{min-width:960px;}
	#header .topwrap			{animation:none;padding:0 0 0 20px;}
	#gnbmn #menu-pc	{display:none;}
	#logo			{position:static;line-height:60px;left:0;}
	#logo span{font-size:1.2rem;}
	#gnbmn{height:auto !important;}
	#gnb .topmn{width:250px;justify-content:right;top:40px;}
	#gnb .topmn > a{line-height:60px;height:60px;}
	.top-btn-wrap > a{line-height:40px;}
	#header .topwrap a:not(.popup){margin:0 10px 0 0;}
	#header .topwrap .snswrap a{margin:0;}
	#header .snswrap ul{right:auto;left:50%;transform:translateX(-50%);}
	#logo{text-align:center;transform: none;}
	#header > .d_width, #gnb, #gnbmn{position:static;}
	#mobile-navicon{display:block !important;top: 40px;z-index:999;}
	#mobile-search	{display:none !important;}
	#gnb a.popup-zone:not(#mobile-search) i:before{font-size:1.4rem;}
	#gnb a.popup-zone .num{width:15px;height:15px;line-height:15px;right:20%;font-size: 8px;}
	.lang-list{left:unset;right:5px;}
	.site-map{margin-left:10px;}
	
	#header.fix #logo{top:0;}
	#header.fix #logo img{width:140px;}
	#header.fix #gnb{background:rgba(255,255,255,0.9);height:60px;}
	#header.fix #mobile-navicon,
	#header.fix #mobile-search,
	#header.fix #gnb .topmn > a{top:0 !important;}
	#header.fix #gnb .topmn{top:0;}
	#header.fix #gnb .topmn > a{height:60px;line-height:60px;}
	#header.fix #gnb .topmn > a,
	#header.fix #gnb a.ico-sch:before{font-size:1.1rem;}
	#header.fix #gnb a.popup-zone:not(#mobile-search) i:before{font-size:1.2rem;}
	#header.fix #gnb a.popup-zone .num{right:21%;top:28%;}
	#header.fix #nav-icon{width:25px;}
	
	
	.pager a{height:4px;}
}
@media only screen and (max-width:1023px){
	body{overflow-x:hidden;}
	#header:before{display:none;}
	.d_width, .c_width{width:auto;margin: 0 20px;}
	#logo span{font-size:1.15rem;}
	#wrap			{min-width:740px;}
	#gnb .topmn > a{font-size:1.1rem;padding:0 13px;}
	#header .topwrap{line-height:30px;}
	#mobile-navicon,
	#gnb .topmn{top:30px;}
	.site-map{margin-left:10px;}
	#nav-icon{width:25px;}
	#gnb a.popup-zone:not(#mobile-search) i:before{font-size:1.2rem;}
	#gnb a.ico-sch:before{font-size:1.05rem;}
}
@media only screen and (max-width:767px){
	.va_mo{display:block;}
	.va_pc	{display:none;}
	#wrap	{min-width:320px;overflow-x:hidden;}
	#logo img, #header.fix #logo img{width:150px;}
	#header .topwrap{display:none;}
	#logo span{font-size:1.1rem;}
	#gnb{margin-top:30px; background:rgba(0, 0, 0, 0.1);}
	.sub #gnb{background:rgba(0, 0, 0, 0.2);}
	#header.fix #gnb{margin:0;padding:0;}
	#header.fix #gnb .topmn > a{top:0 !important;color:#FFF;}
	.top-btn-wrap{font-size:.825rem;}
	.top-btn-wrap > a{line-height:30px;}
	#gnb .topmn{right:0;width:auto;}
	#gnb .popup-zone{background:rgba(0, 0, 0, 0.3);display: block;width: 60px;text-align: center;padding: 0;}
	.ico-login, .site-map{display:none;}
	
	#wrap.sub #gnb .topmn{top:0;}
	#wrap.sub #header.fix #gnb .topmn{top:0;}
	#wrap.sub #mobile-navicon,
	#wrap.sub #mobile-search{top:0;}
	
}
@media only screen and (max-width:576px){
	#header.fix{min-width:320px;}
	#header.fix #gnb{height:50px;}
	#mobile-navicon,
	#header.fix #mobile-navicon,
	#mobile-search,
	#header.fix #mobile-search,
	#gnb a.popup-zone:not(#mobile-search){width:50px;height:50px;line-height:50px;}
	#header.fix #gnb .topmn > a{height:50px;line-height:50px;}
	#gnb a.popup-zone:not(#mobile-search) {padding:3px 0}
	#gnb a.popup-zone:not(#mobile-search),
	#gnb a.popup-zone:not(#mobile-search) i:before{font-size:1.1rem;}
	#logo{line-height: 49px;}
	#logo img{width:140px;}
	#header.fix #logo img{width:130px;}
	#logo span{font-size:.95rem;margin-left:5px}
}
@media only screen and (max-width:415px){
	.d_width, .c_width		{margin:0 10px;}
	#logo img{width:110px;}
	#header.fix #logo img{width:100px;}
	#logo span{font-size: .9rem !important;margin-left:5px;}
}

/*상단 팝업존*/
.pager{display:flex;margin:0 -3px;}
.pager a{display:block;width:10px;height:7px;background:#ccc;margin:0 3px;}
.pager a.on{width: 30px;background:var(--main-color);}
.pager a:hover{background:var(--main-color);}

#topbnr{background:#1C2D46;color:#fff;position:relative;z-index:999;}
#topbnr .prevnext a{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:2rem;}
#topbnr ul li img{height:65px;}
#topbnr .prevnext .ico-prev{left:-30px;}
#topbnr .prevnext .ico-next{right:-30px;}
#topbnr .control{height:28px;align-items:center;justify-content:center;}
#topbnr .close-wrap{background:#0006;color:#ccc;font-size:.825rem;padding:5px 0;}
#topbnr .close-wrap .close{width:18px;height: 18px; background:var(--main-color) url(../img/ipsi/ico-close.png) no-repeat center/10px auto; border-radius:5px; text-indent: -9999px;overflow:hidden; margin-left: 10px;}
#topbnr .pager{margin-right:5px;}
#topbnr .pager .on{background:#ffcc33;}
.topbnr-paging .swiper-pagination-bullet {border-radius:0;opacity: 1;}
#topbnr .swiper-container:after{content:"";height:100%;border-right:1px solid #1C2D46;position:absolute;right:0;top: 0;z-index: 9;}
.topbnr-list{display:flex;position:relative;padding:20px 0 10px;}
.topbnr-list li.bx{padding:0 10px;position:relative;}
.topbnr-list li.bx:after{content:"";width:1px;height:60px;background:#fff4;position:absolute;top:0;right:0;}
.topbnr-list .tit{width:calc(100% - 200px);font-size:1.2rem;color:#72C6F8;float:left;}
.topbnr-list .btn-wrap{width:180px;display:flex;}
.topbnr-list .btn-wrap a{flex:1;margin:0 2px;}
@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){
}
@media only screen and (max-width:767px){
	#topbnr{min-width:320px;}
	#topbnr .swiper-container{margin:0 20px;}
	#topbnr .prevnext a{font-size:1.5rem;}
	#topbnr .prevnext .ico-prev{left:0;}
	#topbnr .prevnext .ico-next{right:0;}
	#topbnr .control{position:absolute;bottom:-30px;left:10px;}
	#topbnr ul li img{height:auto;}
	.topbnr-list{padding:3px 0;}
	.topbnr-list li.bx{padding:5px 8px;}
	.topbnr-list .tit{width:100%;float:none;font-size:1.075rem;margin-bottom:5px;}
	.topbnr-list .btn-wrap a{line-height:20px;}
}
@media only screen and (max-width:576px){
}
@media only screen and (max-width:415px){
	#topbnr .control{position:static;}
	#topbnr .close-wrap{position:relative;}
	#topbnr .close-wrap .right{float:none !important;}
	#topbnr .close-wrap .close{position:absolute;right:0;bottom:0;margin:0;}
}


/*팝업 알림존*/
.modal.popup-modal				{position:fixed;left:0;top:0;width:100%;height:100%;padding:0;margin:0;background:rgba(0,0,0,0.75);z-index:9999;overflow:hidden;}
.popup_cont			{position:relative;top:50%;transform:translateY(-50%);z-index:-1;width:1240px;margin:0 auto;/* animation:fadeInDown .5s both alternate; */}
.popup_cont .close	{display:inline-block;vertical-align:bottom;}
.popup_cont .close form	{font-size:14px;color:#fff;text-shadow:none;display:inline-block;margin-right:10px;}
.popup_cont .close input{margin-top:0;}

#pop_close		{position:absolute;width:100%;left:0;top:0;z-index:99;}
#pop_close a	{display:inline-block;background:#0D0B5D;height:40px;line-height:40px;color:#fff;padding:0 30px;border-radius:0 0 10px 10px;}
#pop_close a img{vertical-align:middle;margin-left:15px;}

#ph_intro			{position:relative;font-size:15px;}
#ph_intro .col_wrap	{overflow:hidden;}
#ph_intro .bx		{position:relative;padding: 0 10px;}
#ph_intro .bx .cont .cont:after{display:none;}
#ph_intro .cont	{position:relative;padding:20px 25px;width:393px;height: auto;max-height: 360px;background-image:url(../img/ipsi/noimg.png);background-repeat:no-repeat;background-position:50% 50%;border-radius:10px;overflow:hidden;}
#ph_intro .img-cont	{position:relative;padding:0;background:none;}
#ph_intro .img-cont .thumb{height: auto;aspect-ratio:1 / 0.819338;}

#ph_intro .control a	{position:absolute;top: 35%;display:block;width:70px;height:70px;line-height:70px;text-align:center;color:#fff;font-family:fontAwesome;font-size:2rem;font-weight:100;border:2px solid #fff;border-radius:50%;}
#ph_intro .control a.prev	{left:-90px;}
#ph_intro .control a.next	{right:-90px;}
#ph_intro .control a.prev:before{content:"\f053";}
#ph_intro .control a.next:before{content:"\f054";}
#ph_intro .control a:hover	{background-color:var(--main-color);color:#fff;border-color:var(--main-color);}

.popup-modal .bx-controls-auto {text-align: center;margin-top:20px;}
.popup-modal .bx-controls-auto .bx-controls-auto-item{display:inline-block;}
.popup-modal .bx-controls-auto .bx-controls-auto-item a{display: block;text-indent: -9999px;width: 38px;height: 38px;background-image: url(../img/ipsi/btn_modal_control.png);margin:0 2px;}
.popup-modal .bx-controls-auto .bx-stop {background-position-x:-39px;}

@media only screen and (max-width:1600px){
}
@media only screen and (max-width:1440px){ /* 960 */	
	#mpopupsilde		{margin:0;}
	.popup_cont			{width:810px;}
}
@media only screen and (max-width:1240px){ /* 960 */
	.popup_cont		{width:430px;}
}
@media only screen and (max-width:1023px){ /* 960 */
}
@media only screen and (max-width:767px){ /* 960 */
	.popup_cont		{width:100%;max-width:390px;}
	#pop_close		{width:150px;right:20px;left:auto;}
	#pop_close a	{background:#3AA370;}
	#ph_intro .control a		{width:35px;height:35px;line-height:30px;background-size:25%;font-size:1rem}
	#ph_intro .control a.prev	{top: -50px;left:10px;}
	#ph_intro .control a.next	{top: -50px;left:50px;}
	#ph_intro .col_wrap	{max-height:400px;}
	#ph_intro .cont	{height: 303px;padding: 0;}
	#ph_intro .img-cont .thumb{height: 303px;}

	#mv-video .close{font-size: 1rem;line-height: 40px;width: 130px;}
}
@media only screen and (max-width:576px){
	#ph_intro .cont,
	#ph_intro .img-cont .thumb{height:auto;width:auto;}
	
}
@media only screen and (max-width:415px){
}

/*top-search*/
#top-search	{position:absolute;left:0;top:0;background:var(--grd);width:100%;text-align:center;visibility:hidden;opacity:0;transition:all 0.3s ease-out;z-index:999;padding:3rem 0;}
#top-search h2.tit{color:#fff;font-family:'gsans';font-size:var(--font-4xlg);font-weight:700;margin:0;}
#top-search .txt{color:#fffc;font-size:1.1rem;font-weight:200;margin:0 0 20px;}
#top-search .d_width{transform:translate(0,-50px);transition:all 0.3s ease-out;}
#top-search.show{visibility:visible;opacity:1;box-shadow:0 10px 8px rgba(0,0,0,0.2);}
#top-search.show .d_width{transform:translate(0);}
.search-top .input-area{position:relative;display:flex;flex-flow:row wrap;background:var(--main-color);border-radius:0.25rem;flex-wrap: nowrap;}
.search-top .input-area{background:#fff;border:none;margin:0 auto;}
.search-top .input-area input[type="text"]			{line-height:70px;background:none;border:none;color:#fff;font-size:var(--font-lg);padding-left:1.5rem;}
#top-search .input-area:after{content:"";clear:both;display:block;float:none;}
#top-search .input-area .dropdown{position:relative;float:left;width:220px;margin:0;}
#top-search .input-area .dropdown-menu{width:calc(100% - 10px);min-width:auto;top:55px;left:5px;padding:0;}
#top-search .input-area .dropdown.open .dropdown-menu	{display:block;}
#top-search .input-area .dropdown-menu ul{padding:0;}
#top-search .input-area .dropdown-menu li>a	{display:block;padding:0 20px;line-height:35px;border-top:1px solid #eaeaea;font-size:14px;font-weight:400;transition:all 0.2s ease-out;}
#top-search .input-area .dropdown-menu li>a:focus,
#top-search .input-area .dropdown-menu li>a:hover{background:#f4f4f4;color:#0A50A1;}
#top-search .input-area .dropdown-menu li:first-child>a{border:none;}
#top-search .input-area button	{width:100%;display:block;line-height:60px;background:none;border:none;text-align:left;color:#222;font-size:1.1rem;cursor:pointer;}
#top-search .input-area .dropdown button:after	{padding-right:0;font-size:12px;}
#top-search .input-area input[type="text"]		{width:100%;float:left;line-height:60px;height:60px;border:none;background:none;font-size:15px;color:#000;}
#top-search .input-area input[type="text"]::placeholder	{color:rgba(0,0,0,0.5);font-weight:600 !important;}
#top-search .input-area button:focus,
#top-search .input-area input[type="text"]:focus	{outline:1px dashed #000;}
#top-search .input-area input[type="text"]:focus::placeholder	{color:transparent;}
#topSearch	{width:calc(100% - 500px);margin: auto;}
#top-search .input-area .go-search		{position:relative;float:right;display:block;width:100px;height:60px;background:var(--dark-color);text-align:center;font-size:18px;color:#fff;line-height:60px;border-radius:3px 3px 3px 25px;}
#top-search .input-area .go-search span	{position:relative;z-index:1;}
#top-search .input-area .go-search:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(0);display:block;width:100%;height:100%;background:#39A6F4;transition:all 0.3s cubic-bezier(.65,.26,.19,1.23);}
#top-search .input-area .go-search:focus:before,
#top-search .input-area .go-search:hover:before	{transform:translate(-50%, -50%) scale(1.26);}
#top-search .dropdown button:after {content: "\f078";font-family: "FontAwesome";font-weight: 900;padding-right: 10px;float: right;font-size: 1rem;}
#top-search	.btn-close{position:absolute;right:2rem;top:2rem;font-size:var(--font-xlg);color:#fff;line-height:1;transition:.3s;}
.btn-close:hover{transform:rotate(180deg);}

@media only screen and (max-width:1240px){
	#top-search{padding:2rem 0;}
	#top-search h2.tit{font-size:var(--font-3xlg);}
	#top-search .input-area .dropdown{width:150px;}
	#topSearch	{width:calc(100% - 200px);}
	#top-search .input-area .go-search{width:50px;height:50px;line-height:50px;}
	#top-search .input-area button{line-height:50px;}
	#top-search .input-area input[type="text"]{line-height:50px;height:50px;}
}
@media only screen and (max-width:1023px){
	#top-search h2.tit{font-size:var(--font-2xlg);}
	#top-search .txt{font-size:1rem;margin:0 0 10px;}
}
@media only screen and (max-width:767px){
}
@media only screen and (max-width:576px){
	#top-search h2.tit{font-size:var(--font-xlg);text-align:left;}
	#top-search .txt,
	#top-search .input-area .dropdown{display:none;}
	#top-search .input-area{width:100%;}
	#topSearch	{width:calc(100% - 40px);}
	#top-search .input-area .go-search{width:40px;height:40px;line-height:40px;background:0;color:var(--sub-color);}
	#top-search .input-area input[type="text"]{line-height:40px;height:40px;padding-left:10px;}
	#top-search .btn-close{right:20px;}
}
@media only screen and (max-width:415px){
	#top-search .btn-close{right:10px;}
}

/*스크롤바 스타일*/
div::-webkit-scrollbar,
ul::-webkit-scrollbar{width:5px;border-radius:100px;background:rgba(0,0,0,0);}
div::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb{background:var(--sub-color);border-radius:100px;}
div::-webkit-scrollbar-track,
ul::-webkit-scrollbar-track{width:5px;background:#f4f4f4;border-radius:100px;}

/*btn-top*/
.btn-top{position:fixed;right:30px;bottom:14.5rem;z-index:99;}
.btn-top a{display:block;width:50px;height:50px;border-radius: 0 0 0 20px;text-align:center;padding:12px 0;line-height:1.3;margin:5px 0;}
.btn-top a.top{background: var(--grd);color:#FFF;padding:14px 0;position:relative;margin-bottom: 0;border-radius: 20px 0 0 0;}
.btn-top a:hover.top:after{background:var(--main-color);}
.btn-top a.top i:before{font-family:'Font Awesome 6 Pro';}
.btn-top a span.ico-kakao{display:block;background:url(../img/ipsi/ico_kakao.svg) no-repeat;width:25px;height:25px;margin:0 auto 5px;}
.btn-top a.open-kakao{background:#ffe900;color:#3b1d1d;font-size:.9rem;font-weight: 500;}
.btn-top a.top:hover{background:var(--sub-color);}
.btn-top a.open-kakao:hover{box-shadow:var(--more-shadow);}

/*btn-sns*/
.btn-sns{display:block;position:fixed;right:33px;bottom:1rem;z-index:99;}
.btn-sns .sns-ico{display:block;margin: 5px 0;width:45px;height:45px;background-size:auto 45px;box-shadow: var(--btn-shadow);}
.btn-sns .sns-ico.ico-kakao{background-position-x:-162px;}
.btn-sns .sns-ico.ico_instagram{background-position-x:-109px;}
.btn-sns .sns-ico.ico_youtube{background-position-x:-53px;}
.btn-sns .sns-ico.ico_blog{background-position-x:-216px;}

/*타이틀 Light 스타일*/
@keyframes Light {
    0% {background-position: -60rem center;}
	30% {background-position: -60rem center;}
	70% {background-position: -60rem center;}
    100% {background-position: 60rem center;}
}
.light-wrap{position:relative;font-family:'gsans';font-size:5.6rem;line-height:1;opacity:1;}
.light-wrap .light {position:absolute;top:0;left:0; background: url(../img/ipsi/bg-people-light.png) no-repeat -60rem center / 100%; background-clip: text; font-family: 'gsans'; font-size:5.6rem; color: transparent; animation-name: Light; animation-duration:6.3s; animation-iteration-count: infinite;}

/*footer*/
.fsite{display:flex;align-items:center;}
.fsite .select.on ul{top:-200px;}
.fcopy{padding:20px 0;font-size:.9rem;}
#footer{background:#222;}
#footer [class*="btn-b-"]{background:0;}
.fmn{padding:15px 0;color:#A7A7A7;border-bottom:1px solid #fff2;}
.fmn a{padding-right:15px;font-size:.95rem;font-weight:400;}
.fbtm{padding:50px 0;justify-content:space-between;align-items:start;}
.fsite{order:1;}
.fsite select{width:220px !important;background:#0000;color:#6B778D;border:1px solid #A3ADB6;}
.flogo img{width:180px;}
footer address{margin-top:20px;color:#A7A7A7;font-size:.95rem;line-height:1.4;}
footer address span{display:inline-block;width:20px;text-align:center;}

@media only screen and (max-width:1600px){
	.fmn a{padding-right:10px;}
	.flogo img{width:180px;}
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
	.fbnr .tit-wrap{width:160px;}
	.fbnr .tit-wrap h3{margin-bottom:10px;}
	.fbnr-swiper{width:calc(100% - 160px);}
	
	.fmn{padding:10px 0;}
	.fbtm{padding:30px 0;}
	.fmn a{font-size:.9rem;padding-right:10px;word-break:keep-all;}
	footer address{margin:10px 0;font-size:.875rem;}
}
@media only screen and (max-width:1023px){
	
	.fbnr .tit-wrap{width:100%;display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;}
	.fbnr .tit-wrap h3{margin:0;}
	.fbnr-swiper{width:100%;}
	
	footer address span{height:0;display:block;text-indent:-100px;overflow:hidden;}
	.fbtm{justify-content:center;text-align:center;}
	.btn-sns{display:none;}
	
	.btn-top{right:10px;bottom:10px;}
}
@media only screen and (max-width:767px){
	.fsite-wrap .tab a{padding:0 20px;font-size:1rem;}
	.btn-top a.top:before{width:50px;height:50px;}
	.btn-top a{width:40px;height:40px;padding:10px 0;}
	.btn-top a.top{padding:8px 0;}
	.btn-top a.top i:before{font-size:.8rem;}
	.btn-top a span.ico-kakao{width:20px;height:20px;background-size:contain;}
}
@media only screen and (max-width:576px){
	.fsite-wrap .tab a{line-height:50px;font-size:.9rem;}
	.fbnr{padding:10px 0;}
	.flogo img{width:150px;}
	
	footer address{font-size:.8rem;}
}
@media only screen and (max-width:415px){
	.fsite-wrap .tab a{padding:0 10px;font-size:.875rem;line-height:40px;}
}

 
 /*select*/
select:not(.sub select){border-color:#eaeaea;height:40px;font-size: .95rem;color:#333;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#FFF url(../img/sel-ico-down.png) no-repeat 97% 50%/15px auto;}
select:not(.sub select)::-ms-expand{display:none;}
select:not(.sub select):focus {outline:none;}

.select.on ul{display:block;opacity: 1;max-height: 200px;}.select{position:relative;width:220px;height:45px;line-height:45px;margin:0 3px;color:#6B778D;background:#FFF;border:0;font-size:.9rem;border-radius:0;cursor:pointer;border:1px solid #eaeaea;}
.select.on:after{transform:rotate(180deg);}
.select li{padding:0 10px;}
.select_tit{width:100%;padding:0 10px;color:#121212;}
.select ul{max-height:0;overflow:hidden;opacity:0;position:absolute;width:100%;top:0;height:200px;overflow-y:scroll;background:#eef5fb;color:#333;transition:all 0.3s ease-out;z-index:5;}
.select ul li{border-bottom:1px dashed #b2c5d8;}
.select ul li a{transition:none;}
.select ul li:hover{background:var(--grd2);color:#FFF;}
.select:before{content:"";width:1px;height:30px;background:#E4E4E4;position:absolute;top:50%;right:35px;transform:translateY(-50%);}
.select:after{content:"";width:12px;height:8px;background:url(../img/sel-ico.png) no-repeat;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:.2s;}

/*mvtitle*/
#main-visual{width:100%;height: auto;position:relative;overflow:hidden;}   

#main-visual .d_width{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);z-index:2;}
#main-visual .swiper-slide {overflow: hidden;aspect-ratio: 200 / 93;height: 930px;} 

/*애니메이션 효과*/
.masking {opacity:0;transition: opacity .6s}
.masking.active {opacity:1;transition: opacity 0s}
.masking-line {display:inline-flex;overflow: hidden;width:100%;line-height:1.2;height:80px;}
.masking-text {transform: translateY(100%);transition:transform .6s}
.masking.active .masking-text {transform: translateY(-4px);}
.masking-line:nth-child(1) .masking-text {transition: transform .6s .15s}
.masking-line:nth-child(2) .masking-text {transition: transform .6s .3s}

.pager{display:flex;margin:0 -3px;margin-right:10px;}
.pager a,
.pager span{display:block;width:80px;height:5px;border-radius:0;background:rgba(255,255,255,0.4);margin-right:10px;opacity:1;}
.pager a.on,
.pager span.swiper-pagination-bullet-active{background:var(--main-color);}
.pager a:hover,
.pager span:hover{background:var(--main-color);}

.mv-slide-ctrl{margin:40px 0 80px;}
.mv-slide-ctrl .item-control a.ico-play,
.mv-slide-ctrl .item-control a.ico-pause{width:50px;height:50px;line-height:46px;text-align:center;color:#FFF;border-radius:50%;border:2px solid #fff;}
.mv-slide-ctrl .item-control a.ico-play:before,
.mv-slide-ctrl .item-control a.ico-pause:before{font-family:'font Awesome 6 pro';font-size:1.1rem;font-weight:500;}

.mv-slide {height:930px;background-size:cover;background-position: center; }    
/*.mv-slide:after{content:''; width:100%; height:100%; position:absolute; top:-1px; right:0; z-index:1; background:rgba(0,0,0,0.2);}*/
.cover {content:''; width:100%; height:100%; position:absolute; top:-1px; right:0; z-index:1; background:rgba(0,0,0,0.2);}
.mv-slide .mvbg{width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(110%);}
.mv-slide .mvbg img{min-width:100%;max-width:100%;min-height:100%;max-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;z-index:1;}
.mv-slide.animate .mvbg{animation:bg-scale 2s ease-out alternate both;}
.mv-slide:after{content:"";width:100%;height:100%;position:absolute;top:0;right:0;z-index:0;background:rgba(0,0,0,0.1);}
.mvtitle .mvstit{color:#fff;font-size:1.7rem; font-weight:300;line-height:.95;animation:fadeInLeft 2s cubic-bezier(.4,0,0,1) both alternate;}
.mvtitle .mvtit{font-family:'gsans';font-size: 5.6rem;color:#FFF;font-weight:800;line-height: 1;margin: 20px 0 20px -5px;}
.mvtitle .mvtit span:nth-child(2){color:var(--main-color);}
.mvtitle .mvtxt{color:#fff;font-size:1.2rem;line-height:1.4;}

@media only screen and (max-width:1440px){
	#main-visual .swiper-slide{height:905px;}
	.mvtitle .mvstit{font-size:1.5rem;}
	.mvtitle .tit, .mvtitle .mvtit, .light-wrap, .light-wrap .light{font-size:5rem;}
	
}
@media only screen and (max-width:1240px){
	#main-visual .d_width{top:20%;}
	.mvtitle .mvstit{font-size:1.3rem;}
	.mvtitle .tit, .mvtitle .mvtit, .light-wrap, .light-wrap .light{font-size:4.5rem;}
}
@media only screen and (max-width:1023px){
	#main-visual .d_width{bottom:auto;top:13%;left:0;width:100%;transform:none;margin:0;padding:0 20px;}
	#main-visual .swiper-slide{height:850px;}
	.mvtitle .tit, .mvtitle .mvtit, .light-wrap, .light-wrap .light{font-size:3.8rem;}
	.masking-line{height:60px;}
	.mvtitle .mvtxt{font-size:1rem;}
}
@media only screen and (max-width:767px){
	#main-visual .d_width{bottom:auto;top:11%;}
	#main-visual .swiper-slide{height:840px;}
	.mvtitle .tit, .mvtitle .mvtit, .light-wrap, .light-wrap .light{font-size:3.4rem;}
	.masking-line{height:50px;}
	.mv-slide-ctrl{margin:30px 0 50px;}
}
@media only screen and (max-width:576px){
	.mvtitle .mvstit{font-size:1.125rem;text-align:center;}
	.mvtitle .tit, .mvtitle .mvtit, .light-wrap, .light-wrap .light{font-size:3rem;}
	.mvtitle .mvtxt{text-align:center;}
	.masking-line{justify-content:center;}
	.masking.active .masking-text{transform:translateY(0);}
	.mv-slide-ctrl .item-control{justify-content:center;}
	.mv-slide-ctrl .item-control a.ico-play, .mv-slide-ctrl .item-control a.ico-pause{width:40px;height:40px;line-height:36px;}
}
@media only screen and (max-width:415px){
	#main-visual .d_width{bottom:auto;top:9%;}
}

/*mbnr*/
.mbnr{margin:0 -10px;}
.mbnr li{position:relative;width:calc(25% - 20px);margin:0 10px;border-radius: 3px 3px 80px 3px;overflow: hidden;}
.mbnr li a{display:block;padding:40px 30px;border-radius: 3px 3px 80px 3px;}
.mbnr li.bg1 a{background-color: rgba(0, 155, 207, 0.9);}
.mbnr li.bg2 a{background-color: rgba(0, 119, 202, 0.9);}
.mbnr li.bg3 a{background-color: rgba(0, 79, 179, 0.9);}
.mbnr li.bg4 a{background-color: rgba(0, 126, 167, 0.9);}
.mbnr li:hover a{background:var(--grd);}

.mbnr li span{display:inline-block;color:#FFF;border:1px solid #fff9;font-size:.95rem;border-radius:50px;padding:5px 15px;font-weight:300;}
.mbnr li p{font-family:'gsans';color:#FFF;font-size: 1.3rem;font-weight: 300;line-height: 1.125;margin: 20px 0 5px;}
.mbnr li p.tit{font-size: 1.7rem;font-weight: 600;margin: 0;}

/*hover*/
.mbnr li:before {content:"";position:absolute;top:0;left:-75%;z-index:2;display:block;width:50%;height:100%;background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);-webkit-transform: skewX(-25deg);transform: skewX(-25deg);opacity:0;}
.mbnr li:hover:before {-webkit-animation: shine .75s;animation: shine .75s;}
@-webkit-keyframes shine {
	0% {opacity:1;}
	40% {opacity:1;}
	100% {left: 125%;opacity: 0;}
}
@keyframes shine {
	0% {opacity:1;}
	40% {opacity:1;}
	100% {left:125%;opacity:0;}
}


@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
	.mbnr li{width:calc(25% - 10px);margin:0 5px;display:flex;}
	.mbnr li a{padding:30px 25px;width:100%;display:block;}
	.mbnr li p{font-size:1.125rem;}
	.mbnr li p.tit{font-size:1.4rem;}
	.mbnr li span{font-size:.85rem;padding: 4px 12px;}
}
@media only screen and (max-width:1023px){
	.mbnr li a{padding:25px 20px;width:100%;}
	.mbnr li p.tit{font-size: 1.3rem;}
	.mbnr li span{font-size:.8rem;}
}
@media only screen and (max-width:767px){
	.mbnr li{width:calc(50% - 20px);margin:5px 10px;display:block;}
	.mbnr li p{font-size:1.1rem;margin: 15px 0 5px;}
	.mbnr li p.tit{font-size:1.2rem;}
	.mbnr li span{font-size:.75rem;padding:3px 10px;}
}
@media only screen and (max-width:576px){
	.mbnr li{width:calc(50% - 10px);margin:5px 5px;}
	.mbnr li a{padding:20px 15px;}
	.mbnr li p.tit{font-size:1.1rem;line-height:1.2;}
}
@media only screen and (max-width:415px){
	.mbnr li{display:flex;}
	.mbnr li a{padding:20px;}
}


/*mservice*/
.mservice{position:absolute;top:130px;right:0;width:400px;height: calc(100% - 130px);background:rgba(0, 0, 0, 0.6);z-index:2;padding:40px;color:#fff;transition:all .3s;}
.mservice.on{right:-400px;}
.mservice.on .btn-open{display:block;right:400px;}
.mservice h3{font-family:'gsans';font-weight:600;font-size:1.3rem;color:#fff;border-bottom:1px solid #fff;padding-bottom:10px;margin-bottom: 0;}
.mservice  .btn-open{position:absolute;left:-50px;top:50%;transform:translateY(-50%);width:50px;height:100px;background: linear-gradient(
  180deg, rgba(29, 34, 136, 0.9), rgba(48, 171, 102, 0.9));border-radius:100px 0 0 100px;text-align:center;line-height:100px;transition:none;}
.mservice  .btn-open:hover{background:var(--sub-color);}
.mservice .btn-open::before{display:inline-block;content:"\f105";font-family:FontAwesome;font-size:20px;color:#fff;transition:0.3s;}
.mservice.on .btn-open::before{transform:rotate(180deg);}
.missue li{border-bottom:1px solid #fff4}
.missue li a{padding: 15px 0;display: block;}
.missue .tit{font-size:1.15rem;line-height:1.4;min-height:53px;}
.missue .date{font-size: .9rem;color:#fff9;font-weight: 300;margin-top: 10px;}

.mquick{margin-top: 15px;display:flex;flex-wrap: wrap;justify-content: space-between;}
.mquick a{display:block;width:calc(50% - 5px);font-size:.95rem;background:#fff5;margin:0 0 10px;padding:20px 0;text-align: center;border-radius: 3px;transition:none;line-height:1.1;letter-spacing: -0.6px;}
.mquick a:hover{background:var(--sub-color);}
.mquick a:hover:before{content:"";width:16px;height: 15px;background: url(../img/ipsi/mquick-ico.svg) 50% 50% / contain no-repeat;display:inline-block;margin-right:7px;vertical-align:middle;}

@media only screen and (max-width:1440px){
	.mservice h3{font-size:1.2rem;}
	.missue .tit{font-size:1.1rem;}
}
@media only screen and (max-width:1240px){
	.mservice h3{font-size:1.1rem;}
	.missue .tit{font-size:1rem;}
	.mservice{top:100px;height:calc(100% - 100px);}
}
@media only screen and (max-width:1023px){
	.mservice{position:static;width:100%;height:100%;padding: 30px 20px;}
	.missue .tit{-webkit-line-clamp:1;min-height:27px;}
	.mservice .btn-open{display:none;}
	.mquick a{width:calc(25% - 5px);}
}
@media only screen and (max-width:767px){
	.mservice{padding: 25px 20px;}
	.mservice h3{margin: 1.5rem 0 0;}
	.mquick a{padding:15px 0;font-size:.9rem;}
	.mquick a:hover:before{height:13px;margin-right:5px;}
}
@media only screen and (max-width:576px){
	.mquick{justify-content: flex-start;margin: 15px -5px 0;}
	.mquick a{width:calc(33.33% - 5px);margin: 2.5px;}
}
@media only screen and (max-width:415px){
	.mservice{padding:20px 10px;}
	.mquick a{width:calc(50% - 5px);margin: 2.5px;}
}


/*tit dot 스타일*/
.tit.dot {display:inline-block;font-size: 2.5rem;font-weight: 800; margin-bottom: 10px;color: var(--dark-color);font-family: 'gsans';}
.tit.dot:after{content:"";width: 9px;height: 9px;border-radius: 50%;vertical-align:bottom;display: inline-block;background:#FFF;margin:0 0 7px 10px;}

/*tit-wrap*/
.tit-wrap .stit{color:var(--sub-color);font-size:.95rem;font-family:'gsans';}
.tit-wrap .tit{font-weight:600;margin:10px 0 0;letter-spacing:-1px;}
.tit-wrap .tit:after{content:"";width:9px;height:9px;border-radius:50%;background:var(--sub-color);display:inline-block;vertical-align: middle;margin: 17px 0 0 10px;}

/*tit 스타일*/
.tit span{background:linear-gradient(to bottom, transparent 94%, #11BBF2 0) left center no-repeat;background-size:0;transition:all .3s;}
li:hover .tit span{background-size:100%;color:#11BBF2;}

/*nodata tit*/
li.nodata a,
li.nodata .date{color:#afafaf;}
li.nodata:hover a{pointer-events: none;color:inherit;}
li.nodata:hover .tit span{background-size:0;transition:none;}

/*mschedule*/
.mschedule{padding:50px 0;color:var(--dark-color);background:#F7F7F7;}
.mschedule .d_width{min-height:140px;}
.mschedule .tit-wrap{width:250px;}
.mschedule .more{width:150px;line-height:40px;display:block;text-align:center;border:1px solid #fff;position:absolute;left:0;bottom:0;}
.mschedule .more:before{content:"";width:0%;height:100%;position:absolute;left:0;bottom:0;background:#fff;transition:all .2s;z-index:-1;}
.mschedule .more:hover:before{width:100%;}
.mschedule .more:hover{color:var(--main-color);}
.mschedule-list{width:calc(100% - 250px);display:flex;}
.mschedule-list li{width:20%;position:relative;padding:10px 30px;display:flex;flex-direction:column;justify-content:space-between;}
.mschedule-list li:after{content:"";height:100%;border-right:1px solid #D1D1D1;position:absolute;right:0;top:50%;transform:translateY(-50%)}
.mschedule-list li:first-child:before{content:"";height:100%;border-left:1px solid #D1D1D1;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.mschedule-list .date{display:block;font-size:1.7rem;font-weight:700;font-family:gsans;line-height:1.3;margin-bottom:20px;}
.mschedule-list li.nodata{color:#cfcfcf;}
.mschedule .btn-more{width:180px;text-align:center;position:absolute;bottom:0;left:0;}

@media only screen and (max-width:1600px){
	.mschedule .tit-wrap{width:100%;}
	.mschedule-list{width:100%;margin-top:30px;}
	.mschedule .btn-more{right:0;left:auto;bottom:auto;top:0;}
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
	.tit-wrap .stit{font-size:.9rem;}
	.tit-wrap .tit{font-size:2.3rem;}
	.mschedule-list .date{font-size:1.4rem;}
}
@media only screen and (max-width:1023px){
	.tit-wrap .tit{font-size:2.1rem;}
	.mschedule{padding:30px 0;}
	.mschedule .btn-more{right:20px;}
	.mschedule-list{margin-top:15px;}
	.mschedule-list li{width:50%;padding:7px 20px;margin:5px 0;}
	.mschedule-list li:nth-child(3){border-left:1px solid #D1D1D1;}
	.mschedule-list li:nth-child(5){display:none;}
	.mschedule-list{flex-wrap:wrap;}
	.mschedule .btn-more{position:static;width:100%;margin-top:20px;}
	.mschedule-list .date{font-size:1.2rem;margin-bottom:10px;}
	.mschedule-list .date br{display:none;}
}
@media only screen and (max-width:767px){
	.tit-wrap .stit{font-size:.8rem;}
	.tit-wrap .tit{font-size:1.8rem;margin:8px 0 0;}
	.mschedule-list li{padding:6px 15px;font-size: .95rem;}
	.mschedule .btn-more{font-size:.9rem;margin-top: 10px;padding: 8px 10px;}
	.mschedule-list .date{font-size:1.1rem;margin-bottom: 5px;}
}
@media only screen and (max-width:576px){
	.tit-wrap .tit{font-size:1.6rem;margin:8px 0 0;}
}
@media only screen and (max-width:415px){
}

/*mabout*/
.mabout{padding:100px 0;position:relative;}
.mabout .row{flex-wrap: nowrap;margin:0 -30px;align-items:flex-start;}
.mnotice{position:relative;width:50%;margin:0 30px;}
.mnotice ul{border-top:2px solid #000;}
.mnotice ul li{border-bottom:1px solid rgba(0,0,0,0.1);}
.mnotice ul li a{padding:20px 0;display:block;}
.mnotice ul li .tit{font-size:1.25rem;color:var(--dark-color);letter-spacing: -0.8px;font-weight: 400;}
.mnotice ul li .date{display:block;color:#888888;font-size:0.85rem;margin-top: 20px;font-weight: 300;}
.mnotice .more{position:absolute;top:20px;right:0;transition: all 0.2s;display:block;}
.mnotice .more:before{content:"\2b";font-family:'Font Awesome 6 pro';font-size:2rem;font-weight:300;color:var(--sub-color);    transition: transform 0.3s ease;display:inline-block;}
.mnotice .more:hover:before{transform:rotate(180deg);}

.mpopup{width:50%;margin:0 30px;position:relative;border-radius:10px;overflow:hidden;height:auto;aspect-ratio: 1 / 0.567164;}
.mpopup .mv-slide{width:670px;}
.mpopup .thumb{width: 100%;height: auto;display:block;aspect-ratio: 1 /0.567164;}
.mpopup .item-control-wrap{position:absolute;bottom:0;left:0;background:rgba(0,0,0,0.6);width: 100%;height:50px;display: flex;align-items: center;justify-content: space-between;padding: 0 20px;z-index: 1;color: #fff5;font-size: .95rem;}
.mpopup .item-control-wrap em{color:var(--point-color1);}
.mpopup .item-control a{color:#FFF;}
.mpopup .item-control a:before{font-weight:300;}

@media only screen and (max-width:1600px){
	.mabout .row{align-items:end;}
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
	.mabout{padding:50px 0 70px;}
	.mabout .row{flex-wrap:wrap;}
	.mnotice{width:100%;}
	.mpopup{width:670px;margin: 120px auto 0;}
	.mabout:before{content:"";position:absolute;width:100%;height: 510px;background:#effaff;bottom:0;left:0;}
}
@media only screen and (max-width:1023px){
	.mabout{padding:30px 0 70px;}
	.mnotice h3{font-size:1.5rem;}
	.mnotice .more:before{font-size:1.6rem;}
	.mnotice ul li .tit{font-size:1.2rem;}
}
@media only screen and (max-width:767px){
	.mabout:before{display:none;}
	.mnotice h3{font-size: 1.4rem;}
	.mnotice .more:before{font-size:1.4rem;}
	.mpopup{width:100%;margin:30px 30px 0;}
	.mnotice ul li a{padding:15px 0;}
	.mnotice ul li .tit{font-size:1.125rem;}
	.mpopup .item-control-wrap{height:40px;font-size:.8rem;}
	.mpopup .item-control a{font-size:.7rem;}
	.item-control a.ico-pause:before{font-size:.6rem}
}
@media only screen and (max-width:576px){
	.mabout{padding: 30px 0;}
	.mnotice h3{font-size: 1.3rem;margin:1.5rem 0 1.1rem;}
	.mpopup{margin:20px 30px 0;}
	.mnotice .more{top:25px;}
	.mnotice .more:before{font-size:1.3rem;}
	.mnotice ul li .tit{font-size: 1.05rem;}
	.mnotice ul li a{padding:13px 0;}
}
@media only screen and (max-width:415px){
	.mnotice h3{font-size: 1.2rem;margin:1.4rem 0 1rem;}
}

/*mdept*/
.mdept{position:relative;background:url(../img/ipsi/mdept-bg.png) no-repeat 50% 50% / cover;padding:100px 0;}
/* .mdept:before{content:"";width:100%;height:100%;background:var(--grd2);position:absolute;top:0;left:0;} */
.mdept .title-wrap{color:#FFF;font-family:'gsans';text-align:center;font-size: 2.6rem;line-height:1.3;font-weight:300;letter-spacing: -1.5px;}
.mdept .title-wrap .light-wrap,
.mdept .title-wrap .light-wrap .light{font-size: 2.6rem;}
.mdept .title-wrap .light-wrap .light{top:2px;animation-duration:4.3s;}
.mdept .title-wrap strong{color:#33cdff;font-weight:900;}
.mdept .tab{margin:60px 0 30px;padding:0 100px;}
.mdept .tab a{flex:1;color:#FFF;background:#fff4;line-height:55px;border-radius:3px;margin:0 5px;text-align:center;}
.mdept .tab a.on,
.mdept .tab a:hover{background:var(--point-color1);}
.mdept .tab-list{border:none;text-align: center;padding:0 0 30px;}
.mdept .tab-list a{color:#FFF;font-size:1.1rem;font-weight:400;}
.mdept .tab-list a.on,
.mdept .tab-list a:hover{color:var(--point-color1);font-weight:500;}
.mdept .tab-list a:before{content:"";width:6px;height:6px;background: #ffffff88;border-radius:50%;display:inline-block;margin: 0 20px;vertical-align: middle;}
.mdept .tab-list a:first-child:before{display:none;}

.grd-bg { position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(-60deg, #131685bd, #0fa194b8, #268fb1b5, #154f8396);background-size: 400% 400%;animation: gradient 4.5s ease infinite;}
@keyframes gradient {
    0% {
     background-position: 0% 50%;
    }
    50% {
     background-position: 100% 50%;
    }
    100% {
     background-position: 0% 50%;
    }
}


.mdept-list{position:relative;overflow:hidden;} 
.mdept-list.row{flex-wrap:nowrap;overflow:hidden;margin-top:20px;position:relative;}
.mdept-list .bx{position:relative;cursor: url('../img/ipsi/btn-drag.svg'), auto;}
.mdept-list .bx img{filter: brightness(0.4);}
.mdept-list .bx:focus-visible::after {content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border: 2px solid red}
.mdept-list .swiper-slide img{display:block;width:100%;height:auto;aspect-ratio:97 / 41;max-width:100%;max-height:100%;object-fit:cover;}

.mdept-title{display:none;position:absolute;top:0;left:0;padding:40px 60px 40px 40px;background: linear-gradient(90deg, rgba(29, 32, 136, 1), rgba(48, 171, 102, 0.9));border-radius:0 0 100px 0;color:#FFF;font-family:'gsans';}
.mdept-title .page{color:#fff5;font-size:0.9rem;font-weight:600;}
.mdept-title .page em{font-size:1.1rem;font-weight:600;}
.mdept-title .stit{margin:15px 0 10px;color:#fff8;}
.mdept-title .tit{font-size:1.85rem;font-weight:600;margin-left:-2px;}
.mdept-title .deco{display:block;font-size:.85rem;color:#fff4;font-family:'pretendard';letter-spacing:0.5px;margin-top:0;}

.mdept-txt{display:none;position:absolute;bottom:0;left:0;background: #0009;padding: 25px 110px 25px 30px;width:100%;color:#FFF;min-height: 80px;letter-spacing: -0.6px;font-size: 1.05rem;font-weight: 300;line-height: 1.4;}
.mdept-txt .home{width:80px;height:80px;background: #FFF3;line-height:80px;text-align: center;position: absolute;right: 0;top: 0;border-radius: 0 0 0 30px;}
.mdept-txt .home:before{content:"\e3af";font-family:"Font Awesome 6 Pro";color:#fff;font-size: 1.5rem;font-weight: 200;}
.mdept-txt .home:hover{background:var(--grd);}

.mdept-list .bx.on img{filter: brightness(1);}
.mdept-list .bx.on .mdept-title,
.mdept-list .bx.on .mdept-txt{display:block;}

.mdept .item-control a{width:60px;height:60px;border-radius:50%;border:2px solid #fff7;color:#FFF7;position:absolute;top:50%;transform:translateY(-50%);text-align:center;line-height:57px;z-index:5;}
.mdept .item-control a:hover{background:var(--sub-color);border-color:var(--sub-color);color:#fff;}
.mdept .item-control .ico-prev{left:60px;}
.mdept .item-control .ico-next{right:60px;}

@media only screen and (max-width:1440px){
	.mdept .title-wrap{font-size:2.4rem;}
	.mdept .title-wrap .light-wrap,
	.mdept .title-wrap .light-wrap .light{font-size: 2.4rem;}
}
@media only screen and (max-width:1240px){
	.mdept .title-wrap{font-size:2.2rem;}
	.mdept .title-wrap .light-wrap,
	.mdept .title-wrap .light-wrap .light{font-size:2.2rem;}
	.mdept-title{padding: 30px 50px 30px 30px;}
	.mdept-title .tit{font-size:1.7rem;}
	.mdept .tab{margin:40px 0 20px;}
	.mdept .tab a{line-height:50px;font-size:.95rem;}
	.mdept .tab-list a{font-size:1rem;}
	.mdept .item-control .ico-prev{left:25px;}
	.mdept .item-control .ico-next{right:25px;}
	.mdept-list .bx{height:380px;}
	.mdept-list .swiper-slide img{height:100%;aspect-ratio:97 / 41;}
}
@media only screen and (max-width:1023px){
	.mdept{padding:60px 0;}
	.mdept .title-wrap{font-size:2rem;}
	.mdept .title-wrap .light-wrap, .mdept .title-wrap .light-wrap .light{font-size:2rem;}
	.mdept .tab{padding:0;margin:30px -5px 20px;}
	.mdept-title .stit{margin:14px 0 8px}
	.mdept-title .tit{font-size:1.6rem;}
	.mdept-list .bx{cursor:auto;}
}
@media only screen and (max-width:767px){
	.mdept{padding:40px 0 50px;}
	.mdept .title-wrap{font-size:1.6rem;line-height:1.4;}
	.mdept .title-wrap .light-wrap, .mdept .title-wrap .light-wrap .light{font-size:1.6rem;}
	.mdept-title .page{font-size:.7rem;}
	.mdept-title .page em{font-size:.85rem;}
	.mdept-title .stit{font-size:.95rem;margin:10px 0 5px;}
	.mdept-title .tit{font-size:1.3rem;}
	.mdept-title .deco{font-size:.8rem;}
	.mdept .tab{margin: 30px -5px 15px;}
	.mdept .tab a{line-height:40px;}
	.mdept .tab-list{overflow-x:scroll;flex-wrap:nowrap;padding:0 0 10px;display: flex;margin-bottom:30px;}
	.mdept .tab-list a{flex: none;}
	.mdept .tab-list::-webkit-scrollbar {height:4px;}
	.mdept .tab-list::-webkit-scrollbar-thumb {background:var(--point-color1);cursor:pointer;}
	.mdept .tab-list::-webkit-scrollbar-track {background:#fff2;}
	.mdept .item-control a{width:45px;height:45px;line-height:40px;}
	.mdept .item-control a:before{font-size:.9rem;}
	.mdept .item-control .ico-prev{left:10px;}
	.mdept .item-control .ico-next{right:10px;}
	.mdept-list .bx{height:320px;}
	.mdept-txt{padding:20px 100px 20px 20px;font-size:.95rem;}
	.mdept-txt .home{width:70px;height:70px;line-height:70px;}
	.mdept-txt .home:before{font-size:1.3rem;}
	.mdept-title{padding:25px 40px 25px 25px;border-radius:0 0 80px 0;}
}
@media only screen and (max-width:576px){
	.mdept .title-wrap{font-size:1.3rem;word-break: keep-all;padding: 0 30px;line-height:1.2;}
	.mdept .title-wrap .light-wrap, .mdept .title-wrap .light-wrap .light{font-size:1.4rem;}
	.mdept .title-wrap .va-pc{display:block;}
	.mdept .tab{margin: 20px -2.5px 15px;}
	.mdept .tab a{margin:0 2.5px;font-size:.9rem;line-height:35px;}
	.mdept .tab-list{margin-bottom:20px;}
	.mdept .tab-list a{font-size:.9rem;}
	.mdept-title{padding:20px 25px 20px 20px;border-radius:0 0 60px 0;}
	.mdept-txt{padding: 15px;font-size:.9rem;}
	.mdept-txt .home{position:static;width:100%;display:block;height:30px;line-height:30px;margin-top:10px;border-radius: 3px;}
	.mdept-txt .home:before{font-size:.9rem;}
}
@media only screen and (max-width:415px){
	.mdept .tab a{font-size:.85rem;}
}

/*mprom*/
.mprom{position:relative;padding:100px 0;overflow:hidden;z-index:0;}
.mprom:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/ipsi/mprom-bg.png) no-repeat 50% 50% / cover;animation: mp-pattern 3s linear both infinite;transform-origin: 50% 50%;background-position: 50% 170%;opacity: 0;z-index:-1;}
.mprom .tit-wrap{margin-bottom:60px;}
.msns-link{position: absolute;display:flex;top:25px;right:0;margin:0 -3px;}
.msns-link .sns-ico{position: relative;color:#FFF;display:block;width:50px;height:50px;line-height:50px;margin:0 3px;font-family:'FontAwesome';text-align:center;z-index:4;border-radius:50%;padding:0;border:0;}
.msns-link .sns-ico.ico_instagram{background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.msns-link .sns-ico.ico_facebook{background:#3F5C9A;}
.msns-link .sns-ico.ico_youtube{background:#ff0000;}
.msns-link .sns-ico.ico_blog{background:#3eb834;}

.msns-link .sns-ico.ico_instagram:before{content:"\f16d";font-size:1.4rem;}
.msns-link .sns-ico.ico_facebook:before{content:"\f39e";font-size:1.1rem;}
.msns-link .sns-ico.ico_youtube:before{content:"\f04b";font-size:1rem;}
.msns-link .sns-ico.ico_blog:before{content:"b";font-weight:900;font-size:1.3rem;}
.msns-link .sns-ico.ico-kakao{background-position-x: -180px;}

@keyframes mp-pattern {
  0% {background-position:50% 110%;transform:scale(1);opacity:0;}
  30% {background-position:50% 90%;transform:scale(1);opacity:1;}
  60% {background-position:50% 70%;transform:scale(1);opacity:1;}
  90% {background-position:50% 50%;transform:scale(1);opacity: 0;}
  100% {background-position:50% 50%;transform:scale(1);opacity: 0;}
} 

.msns-link .sns-ico:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;left:50%;top:-13px;transform:translate(-50%,-50px);background:#ccc;opacity:0;transition:all .2s;}
.msns-link .sns-ico.ico_youtube:after{background:#ff0000;}
.msns-link .sns-ico.ico_instagram:after{background:#f30da3;}
.msns-link .sns-ico.ico_facebook:after{background:#3F5C9A;}
.msns-link .sns-ico.ico_blog:after{background:#3eb834;}
.msns-link .sns-ico:hover{box-shadow:0 5px 10px #0003;}
.msns-link .sns-ico:hover:after{transform:translate(-50%,0);opacity:1;}
.msns-link .sns-ico.ico-globalsign:after{background:#00c0ff;}
.msns-link .sns-ico.ico-kakao:after{background:#ffe900;}

.mvideo{width: 50%;height:auto;aspect-ratio:1 / 0.611765;}

.msns{width: calc(50% - 60px);margin-left:60px;}
.msns li{border-bottom:1px solid #0002;}
.msns li a{display:flex;padding:15px 0;}
.msns li:last-child{border:0;}
.msns li:first-child a{padding-top:0;}
.msns li:last-child a{padding-bottom:0;}
.msns li a .thumb{width:165px;height: 118px;border-radius: 0 0 60px 0;overflow:hidden;}
.msns li a .desc{width:calc(100% - 195px);margin-left:30px;}
.msns li a .desc em{font-size:.9rem;font-family:'gsans';font-weight:600;letter-spacing:-0.6px}
.msns li a .desc em.c1{color:#f30da3;}
.msns li a .desc em.c2{color:#3eb834;}
.msns li a .desc em.c3{color:#3F5C9A;}
.msns li a .tit{margin:13px 0 10px;min-height:52px;letter-spacing:-0.6px}
.msns li a  .date{font-size:.85rem;color:#888;font-weight:300;}

/*tit 스타일*/
.msns  .tit span{background:linear-gradient(to bottom, transparent 94%, var(--sub-color) 0) left center no-repeat;background-size:0;transition:all .3s;}
.msns  li:hover .tit span{background-size:100%;color:var(--sub-color);}

@media only screen and (max-width:1023px){
	.mprom{padding:50px 0 70px;}
	.mvideo{width:670px;margin:0 auto;}
	.msns{width:100%;margin:40px 0 0;}
}
@media only screen and (max-width:767px){
	.mprom{padding:40px 0 60px;}
	.mvideo{width:100%;}
	.msns{width:100%;margin:40px 0 40px;}
	.msns-link{position:static;}
	.mprom .tit-wrap{margin-bottom:30px;}
	.msns li a .tit{font-size:1rem;margin:8px 0 0;}
	.msns li a .thumb{aspect-ratio: 1 / 0.715152;height:auto;width:140px;}
	.msns li a .desc{width: calc(100% - 160px);margin-left:20px;}
	.msns-link .sns-ico{width:40px;height:40px;line-height:40px;background-size:auto 40px;}
	.msns-link .sns-ico.ico-kakao{background-position-x:-144px;}
}
@media only screen and (max-width:576px){
	.msns li a .tit{font-size:.95rem;min-height:46px;}
	.msns{width:100%;margin:30px 0 40px;}
}
@media only screen and (max-width:415px){
	.msns li a .thumb{width:100%;height: 130px;margin-bottom:10px;}
	.msns li a{flex-wrap:wrap;}
	.msns li a .desc{margin-left:0;width:100%;}
}

/*sub*/
.sub .c_width{width:100%;margin:0;}
#wrap.sub #header{position:relative;}
#body-head{position:relative;margin:0 0 2.5rem 0;}


/* 서브 타이틀 */
.sub-container  h1	{font-size:1.9rem;font-weight:600;color:#000;margin:0 0 1rem 0;}
.sub-container h2{margin:2.5rem 0 1.5rem 0; color:#121314;}
.sub-container h2:before	{content:"";width:24px;height:24px; display:inline-block;vertical-align:middle;margin-bottom:4px;margin-right:10px; background:url(../img/ipsi/h2-bullet.png);}
.sub-container h2.line{position:relative}
.sub-container h2.line span{display:inline-block;padding:0 20px 0 0;background:#fff;position:relative;z-index:1;}
.sub-container h2.line:after{content:"";width:100%;height:1px;background:#a5a5a5;position:absolute;left:0;top:calc(50% + 5px);}
.sub-container h3:before{content:"";width:5px;height:5px;display:inline-block;background:var(--grd);margin-right:8px;vertical-align:middle;}
.sub-container h3{font-weight:600; font-size:1.5rem; color:#1D2088;}
.sub-container h4{color:var(--sub-color);}

#location-wrap{position:relative;width:100%;display:flex;align-items:center;justify-content:flex-start;padding:0;margin-right:-23px;}
#location-wrap a.home:before{content:"\e3af";font-family: 'Font Awesome 6 Pro';font-size: .9rem;display: inline-block;width: 30px;height: 30px;border-radius:50%;margin-right:0;background:#F6F6F6;line-height:30px;text-align:center;color:var(--sub-color);font-weight:300;}
#body_head{margin-top:40px;}

.location{position:relative;z-index:11;}
.location ul{display:flex;flex-flow:row wrap;align-items:center;}
.location ul li{display:inline-block;line-height:1;font-size:0.95rem;}
.location ul li:before{content:"\f105";font-family:FontAwesome;display:inline-block;font-size:0.75rem;margin:0.085rem 0.6rem 0 0.75rem;color:var(--sub-color);}
.location ul li a{color:#333;}

.pnb-wrap		{position:absolute;right:0;top:0;margin:0;z-index:8;}
.pnb-wrap a i	{line-height:unset;}
.pnb:after	{content:"";display:block;float:none;clear:both;}
.pnb-wrap ul		{vertical-align:middle;}
.pnb-wrap li		{padding:0 8px;}
.pnb-wrap a	{position:relative;display:block;display:block;height:30px;width:30px;text-align:center;font-size:13px;color:#666;line-height:30px;}
.pnb-wrap  a:before{content:"";display:block;position:absolute;left:-7px;top:50%;transform:translateY(-50%);width:1px;height:10px;background:rgba(0,0,0,0.1);}
.pnb a:before{left:-8px;}
.pnb .ico-print, .pnb .ico-share	{display:inline-block;width:30px;height:30px;background-image:url(../img/ipsi/ico_pnb.png);background-repeat:no-repeat;vertical-align:middle;transition:all 0.2s ease-out;margin:0 5px;}
.pnb > .ico-share	{background-position:0 0;}
.pnb > .ico-print	{background-position:0 -30px;}
.pnb .share-sns		{display:none;position:absolute;right:0;top:40px;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}

@media only screen and (max-width:1600px){
	.sub-container h1{font-size:2rem;}
	#sub-content{width: calc(100% - 270px);margin-left: 50px;}

}
@media only screen and (max-width:1240px){
	#body-head{margin:0 0 2rem 0;}
	#sub-content{width:100%;margin-left:0;padding:40px 0 0;}
	.sub-container h1{font-size:1.7rem;margin-bottom:15px;}
	.sub-container h2{font-size:1.5rem;}
	.location ul li:before{margin: 0 8px;}
	#pnb{width:80px;}
	#pnb span:before{width:40px;height:40px;scale: .75;}
	#pnb .ico-share:before{display:block;background-position:-10px -10px;}
	#pnb .ico-print:before{display:block;background-position:-10px -70px;}
	.location ul li a{font-size:.9rem;}
}
@media only screen and (max-width:1023px){
	#sub-content{font-size:1rem;}
	.sub-container h2{margin:1.5rem 0 1.5rem 0; color:#121314;}
	.sub-container h2:before{width:17px;height:17px;background-size:contain;margin-right:6px;}
	.pnb .ico-print, .pnb .ico-share{width:25px;height:25px;background-size:25px auto;}
	.pnb > .ico-share	{background-position:0 0;}
	.pnb > .ico-print	{background-position: 0 -25px;}
}

@media only screen and (max-width:767px){
	#body-head{margin:0 0 1rem 0;}
	#sub-content{font-size:.95rem;padding:20px 0 0;}
	.sub-container h1{font-size: 1.4rem;margin-bottom: 10px;}
	.sub-container h2{font-size:1.3rem;margin: 1.5rem 0 1rem 0;}
	.sub-container h2:before{width:14px;height:14px;margin-right:5px;}
	.sub-container h3{font-size: 1.125rem;margin: 1rem 0;}
	.sub-container h4{font-size:1rem;line-height: 1.4;margin: 0.9rem 0;}
	#location-wrap a.home:before{scale:.9}
	.location ul li a{font-size:.8rem;}
	#pnb span:before{scale:.7;}
	.pnb-wrap li{padding:0 5px}
	.pnb-wrap{display:none;}
	.pnb .ico-print, .pnb .ico-share{width:23px;height:23px;background-size:23px auto;}
	.pnb > .ico-share	{background-position:0 0;}
	.pnb > .ico-print	{background-position: 0 -23px;}
}
@media only screen and (max-width:576px){
	.sub-container h2{font-size:1.2rem;}
}
@media only screen and (max-width:415px){
}

#sub-visual{margin-top:-130px;line-height:1;position:relative;z-index:10;}
#sub-visual .sv-bg {position:absolute;right:0;top:0;width:100%;height:100%;overflow:hidden;}
#sub-visual .sv-bg:before{content:"";width:100%;height:100%;position:absolute;right:0;top:0;background:url(../img/ipsi/svbg-01.png) no-repeat 50% 50% / cover;animation:svbg-scale 1s alternate both ease-out;}

#sub-visual .sv-title{padding:200px 0 40px 300px;color:#fff;font-size:1rem;text-align:left;}
.sv-title .sv-t1{font-size:2.7rem;font-weight:800;margin-bottom:10px;color:var(--dark-color);font-family:'gsans';}
.sv-title .sv-t1:after{background:var(--sub-color);}
.sv-title .sv-t2{font-size:1.15rem;color:#333;}

#sub-visual .sv-bg.svimg2:before{background:url(../img/ipsi/svbg-02.png) no-repeat 50% 50% / cover;}
#sub-visual .sv-bg.svimg3:before{background:url(../img/ipsi/svbg-03.png) no-repeat 50% 50% / cover;}
#sub-visual .sv-bg.svimg4:before{background:url(../img/ipsi/svbg-04.png) no-repeat 50% 50% / cover;}
#sub-visual .sv-bg.svimg5:before{background:url(../img/ipsi/svbg-05.png) no-repeat 50% 50% / cover;}
#sub-visual .sv-bg.svimg6:before{background:url(../img/ipsi/svbg-06.png) no-repeat 50% 50% / cover;}
#sub-visual .sv-bg.svimg7:before{background:url(../img/ipsi/svbg-07.png) no-repeat 50% 50% / cover;}
.sub-container{padding:50px 0 120px;letter-spacing:-.8px;}
.sub-container .d_width{display:flex;flex-flow:row wrap;}
#snb{width:240px;height:100%;margin-top:-120px;z-index:10;}
#sub-content{width:calc(100% - 300px);margin-left:60px;}
#snb ul>li{position:relative;margin:5px 0;border-radius:5px;}

#snb ul>li a:not(#snb ul>li>ul>li>a){display:block;position:relative;}
#snb ul>li>a:not(#snb ul>li>ul):after{content:"\f054";font-family:'Font Awesome 6 Pro';display:none;width:25px;height:25px;border-radius:50%;background:var(--sub-color);line-height:25px;text-align:center;color:#fff;right:20px;font-size:.75rem;font-weight:700;position:absolute;top:50%;transform:translateY(-50%);}
#snb ul > li:hover a:not(#snb ul > li > ul > li > a):not(#snb ul > li:hover a.on){color:var(--sub-color);transition:none;}
#snb ul>li>a.on{width:calc(100% + 20px);background:var(--sub-color);border-color:var(--sub-color);color:#fff;font-weight:600;border-radius:0 0 30px 0;}
#snb ul>li>a:not(#snb ul>li>ul>li>a).on:after{display:block;right:20px;color:#FFF;background:rgba(0,0,0,0.2);}
#snb ul>li:hover a:not(#snb ul>li>ul>li>a):after{display:block;}
#snb ul>li>a{color:#111;font-size:18px;font-weight:400;font-family:'gsans';letter-spacing:-0.4px;padding:20px;border:1px solid #e0e0e0;line-height:1;}
#snb ul>li>ul{background:#f3f9fc;padding:15px 20px;}
#snb ul>li>ul>li{border-bottom:0;padding:3px 0;}
#snb ul>li>ul>li>a{font-weight:400;border:none;padding: 0;}
#snb ul>li>ul>li:hover>a{color:var(--main-color);font-weight:400;}
#snb ul>li>ul>li>a.on{border:0;background:none;display:inline;padding:0;color: var(--main-color);font-weight: 600;}
#snb ul>li>ul>li>a.on:after{display:none;}
#snb ul>li>ul>li:before{content:"";width:5px;height:1px;background:#121212;display:inline-block;vertical-align:middle;margin-right: 7px;}
#snb ul>li>ul>li a{font-size:15px;}
#snb .tit {margin-bottom:20px;}
#snb .tit a{position:relative;display:block;background:var(--grd);color:#FFF;font-size:2rem;height:150px;text-align: center;font-weight:600;padding:60px 0;margin-bottom:0;letter-spacing:-0.4px;border-radius:0 70px 0 0;font-family:'gsans';}

@keyframes svbg-scale {
  0% {transform: scale(1.25);}
  100% {transform: scale(1);}
} 
@keyframes sv-tit {
  0% {filter: blur(10px); opacity:0; transform: scale(1.2);}
  100% {filter: blur(0px); opacity:1;  transform: scale(1);}
}

@media only screen and (max-width:1600px){
	#sub-visual .sv-title{padding:200px 0 40px 270px;}
	#snb{width:220px;}
	#snb ul>li>a{font-size:17px;}
}
@media only screen and (max-width:1440px){
}
@media only screen and (max-width:1240px){
	#sub-content{width:100%;margin-left:0;}
	.sub-container{padding:0 0 120px;}
	#sub-visual .sv-title{padding:170px 0 60px;}
	.sv-title .sv-t1{font-size:2.3rem;}
	.sv-title .sv-t2{font-size:1rem;}
	#snb{display:none;}
}
@media only screen and (max-width:1023px){
}

@media only screen and (max-width:767px){
	#sub-visual .sv-title{padding:160px 0 50px;}
	.sv-title .sv-t1{font-size:1.5rem;margin-bottom: 8px;}
	.sv-title .sv-t2{font-size:.9rem;}
}
@media only screen and (max-width:576px){
	#sub-visual .sv-title{padding: 160px 0 50px;}
	.sv-title .sv-t1{font-size:1.4rem;}
	.sv-title .sv-t2{font-size:.85rem;}
}
@media only screen and (max-width:415px){
}




/*모바일 snb*/
#mo-snb{display:none;position:relative;background: var(--grd);z-index:98;border-radius: 0 40px 0 0;}
#mo-snb a{position:relative;display:block;height:100%;}
#mo-snb ul li{position:relative;float:left;cursor:pointer;border-right:1px solid rgba(255,255,255,0.1);}
#mo-snb ul li span,
#mo-snb ul li a{display:block;padding:0 40px 0 20px;min-width: 200px;line-height: 60px;color:#fff;font-size:16px;}
#mo-snb ul li a{padding:0;}
#mo-snb ul li.home a{min-width:auto;width: 60px;height: 60px;border:none;background: var(--sub-color) url(../img/snb_home.png) no-repeat 50% 50%;}
#mo-snb ul li span:hover,
#mo-snb ul li.on span{color:#fff;} 
#mo-snb ul li span:after{content:"";position:absolute;right:20px;top:50%;margin-top:-7px;display:block;width:10px;height:10px;border-right: 2px solid #FFF;border-bottom: 2px solid #FFF;transform:rotate(45deg);transition:all 0.2s ease-out;}
#mo-snb ul li:hover span:before{transform:scale(1);}
#mo-snb ul li:hover span:after	{transform:rotate(-135deg);margin-top:-4px;}
#mo-snb ul ul{visibility:hidden; opacity:0;position:absolute;left:0;top: 60px;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);}
#mo-snb li:hover ul	{visibility:visible;opacity:1;transition:all .3s;}
#mo-snb ul ul li		{position:relative;overflow:hidden;float:none;width:100%;}
#mo-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);}
#mo-snb ul ul li:hover:before{left:0;}
#mo-snb ul ul li:after{display:none}
#mo-snb ul ul li.on	{margin:0 -1px;width:calc(100% + 2px);background: var(--sub-color);border-bottom:none;}
#mo-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); */}
#mo-snb ul ul li:first-child a,
#mo-snb ul ul li.on a,
#mo-snb ul ul li.on + li a{border-top:none;}
#mo-snb ul ul li a:hover{color:#000;}
#mo-snb ul ul li{border-bottom: 1px dashed #e1ecf2;}
#mo-snb ul ul li:last-child{border-bottom:0;}
#mo-snb ul ul li.on a,
#mo-snb ul ul li.on a:hover	{color:#fff;}
#mo-snb ul ul li.on:hover:before{display:none;}
#mo-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;}
#mo-snb ul ul li > a{min-height:50px;line-height:1.4;}

@media only screen and (max-width:1240px){
	#mo-snb{display:block;width: 100%;margin-top: -30px;}
}
@media only screen and (max-width:1023px){
	#mo-snb ul li span,
	#mo-snb ul li a{font-size:15px;}
}

@media only screen and (max-width:767px){
	#mo-snb{border-radius:0 30px 0 0;}
	#mo-snb ul.depth1>li:not(#mo-snb ul.depth1>li:last-child,#mo-snb ul.depth1>li:nth-last-child(2)){display:none;}
	#mo-snb ul li span, #mo-snb ul li a{line-height:50px;font-size: .9rem;}
	#mo-snb ul ul{top:50px;}
	#mo-snb ul li span:after{width:8px;height:8px;}
}
@media only screen and (max-width:576px){
	#mo-snb ul li{width:100%;}
	#mo-snb ul.depth1>li:not(#mo-snb ul.depth1>li:last-child){display:none;}
}
@media only screen and (max-width:415px){
}

/*tab*/
.tab-txt{margin-bottom:40px;position:relative;}
.tab-txt ul{width:100%;display:flex;flex-wrap:wrap;text-align:center;margin:-2.5px;}
.tab-txt li{flex:1;min-width:calc(20% - 5px);vertical-align:middle;margin:2.5px;}
.tab-txt li:nth-child(n + 5){max-width:calc(20% - 10px);}
.tab-txt a{display:block;padding:15px 0;background-color:#F0F0F0;color:#333;font-weight:400;font-size:1rem;border:2px solid #f0f0f0;margin-left:0;}
.tab-txt li a.on{background-color:#FFF;border:3px solid var(--sub-color);color:var(--sub-color);font-weight:500;}
.tab-txt li a:not(.on):hover{background-color:#FFF;border:2px solid #666;color:#666;font-weight:500;}
.tab-txt:after{display:none;}
.tab-txt ul::-webkit-scrollbar{width:100%;height:6px;background:rgba(0,0,0,0);}
.tab-txt ul::-webkit-scrollbar-thumb{background:var(--sub-color);}
.tab-txt ul::-webkit-scrollbar-track{width:100%;height:6px;background:#00000024;}

@media only screen and (max-width:1023px){
	.tab-txt{margin-bottom:30px;}
	.tab-txt ul{margin:-2px;}
	.tab-txt li{flex:1;min-width:calc(25% - 4px);margin:2px;}
	.tab-txt li:nth-child(n + 4){max-width:calc(25% - 4px);}
	.tab-txt a{font-size:.9rem;}
}

@media only screen and (max-width:767px){
	.tab-txt{margin-bottom:30px;}
	.tab-txt li{flex:auto;width:calc(50% - 4px);min-width:unset;}
	.tab-txt li:nth-child(n + 2){max-width:calc(50% - 4px);}
	.tab-txt a{padding:10px 0;}
}

@media only screen and (max-width:415px){
	.tab-txt ul{margin:-2px 0;}
	.tab-txt li{flex:auto;width:100%;margin:2px 0;max-width:unset !important;}
	.tab-txt a{padding:7px 0;}
}

/*비밀번호 모달*/
.ui-widget-header{background:none;}
.ui-widget.ui-widget-content{border:none;border-radius:15px;overflow:hidden;}
.ui-dialog .ui-dialog-buttonpane button{border-radius:0.125rem;}
.ui-dialog .ui-dialog-titlebar{padding:1rem 1.3rem;}
.ui-dialog .ui-dialog-titlebar-close{right:1.3rem;}
.ui-dialog .ui-dialog-title{font-size:1.2rem;}

/*테이블*/ 
.t1 table,
.t2 table,
.t3 table			{border-top:2px solid var(--sub-color);}
.t3	table th		{text-align:center;}
.t1 table th,
.t1 table td,
.t2 table th,
.t2 table td,
.t3 table th,
.t3 table td		{padding:1rem;border:1px solid #EAEAEA;vertical-align:middle;}

.t3 table.table-sm th,
.t3 table.table-sm td		{padding:10px;}
.t1 table thead th			{color:var(--sub-color);background:transparent;border-left:none;border-right:none;}
.t2 table thead th			{color:var(--sub-color);background:#F7F9FA;border-left:none;border-right:none;}
.t1 table thead th,
.t2 table thead th,
.t3 table thead th	{line-height:1.4;font-weight:600;text-align:center;}
.t3 table thead th	{color:#000;font-weight:500;}
.t3 table tbody th	{font-weight:500;color:#5A7085;background:#F7F9FA;}
.t1 table thead th:first-child,
.t2 table thead th:first-child,
.t3 table thead th:first-child,
.t1 table tbody th,
.t1 table tbody td:first-child,
.t2 table tbody th,
.t2 table tbody td:first-child,
.t3 table tbody th,
.t3 table tbody td:first-child,
.t3 table tfoot th,
.t3 table tfoot td:first-child	{border-left:none;}
.t2 table thead th:last-child,
.t3 table thead th:last-child,
.t1 table tbody td:last-child,
.t1 table tfoot td:last-child,
.t2 table tbody td:last-child,
.t2 table tfoot td:last-child,
.t3 table tbody td:last-child,
.t3 table tfoot td:last-child	{border-right:none;}
.t1 table td.br_none,
.t2 table td.br_none,
.t3 table td.br_none			{border-left:none !important;}
.t1 table tbody tr:first-child th,
.t1 table tbody tr:first-child td,
.t2 table tbody tr:first-child th,
.t2 table tbody tr:first-child td,
.t3 table tbody tr:first-child th,
.t3 table tbody tr:first-child td	{border-top:0;}

.t1 .board-sm thead th,
.t2 .board-sm thead th,
.t3 .board-sm thead th	{border-left:1px solid #EAEAEA;border-right:1px solid #EAEAEA;}
.t1 .board-sm th		{font-weight:600;color:#374B62;}
.t1 .board-sm th,
.t1 .board-sm td,
.t2 .board-sm th,
.t2 .board-sm td,
.t3 .board-sm th,
.t3 .board-sm td		{padding:0.5rem;}

/*board-write*/
.board-write em{margin-left:3px;}

/*board-list*/
.board-list table{font-size:.95rem;}
.board-list{border-top:2px solid var(--sub-color);}
.board-list thead th{background:#fff;color:#121314;padding:1rem .75rem;border-bottom:1px solid #666;font-size:.95rem;}
.board-list tbody tr:last-child th, .board-list tbody tr:last-child td{border-bottom:0;}
.board-list tbody th, 
.board-list tbody td{padding:1rem 0.5rem;}
.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;}
.board-list em.new{width:20px;height:20px;min-width:20px;line-height:21px;display:inline-block;background:#FF6633;
border-radius:50%;font-size:11px;text-align:center;color:#FFF;vertical-align:middle;margin-right:4px;}
.board-list .select{height:28px;font-size: 13px;color:inherit;border:1px solid #e1e1e1;background:#fff;border-radius:2px;}
.board-list .badge.tag{padding:8px 2px 7px;font-size:.85rem;}
.board-list .comment{position:static;display:inline-block;font-size:.9rem;border-radius:0;padding:0;background:none;color:var(--main-color);line-height:1;}
.board-list .comment:before{display:none;}
.board-list .subject{font-weight:500;}
.board-list .subject i{margin-right:6px;font-size:.9rem;}
.board-list .subject a{display:block;overflow:hidden;text-decoration:none;align-items:center;}
.board-list table .name{font-size:.95rem;}
.board-list table .date,
.board-list table .num{font-size:.9rem;color:#919191}
.board-list table .file i:before{font-size:.85rem;font-weight:400;}

/*board-view-list*/
.board-view-list		{border-top: 1px solid #eaeaea;color:#999;text-align:center;margin:30px 0;}
.board-view-list dl		{clear:both;}
.board-view-list dt,
.board-view-list dd		{float:left;height:50px;line-height:50px;padding:0;margin:0;border-bottom: 1px solid #eaeaea;white-space:nowrap;}
.board-view-list dt		{width:120px;background: var(--sub-color);color: #FFF;font-weight: 400;font-size: 15px;border-color: #4c6eaf;}
.board-view-list dd		{width:180px;color: #333;}
.board-view-list dd:last-child{width:100px;font-size:14px;}
.board-view-list dd.subject	{width:calc(100% - 400px);text-align:left;padding:0 15px;font-size:16px;overflow:hidden;color:#000;}

.board-view-title .subject{font-weight:500;}
.board-view-desc .vd-tit{min-width:50px;}
.board-view-desc .vd-tit:nth-child(2){margin-left:20px;}

/*board-paging*/
.board-paging{position:relative;}
.board-paging .shortcut	{display:block;font-size:.9rem;position:absolute;top:1.9rem;right:0;}
.board-paging .page{display:inline-block;text-indent:0;text-align:center;width:auto !important;max-width:50px;padding:0 5px;}
.board-paging a.va-mo{display:none;}
.board-paging a.prev:before,
.board-paging a.next:before,
.board-paging a.first:before,
.board-paging a.last:before{display:none;}
@media only screen and (max-width:1600px){
	.board-paging{padding-right:80px;}
}
@media only screen and (max-width:1240px){
	.board-list .subject, 
	.board-list .subject a{font-size:17px;}
	.board-list tbody th,
	.board-list tbody td{padding:.7rem .3rem;}
	.board-paging{padding-right:0px;}
	.board-paging .shortcut{position:static;margin-top:20px;}
}

@media only screen and (max-width:1017px){
	.table tr {text-align:left;}
	.table td,
	.table th {font-size:.825rem;}
	.t1 table th,
	.t1 table td,
	.t2 table th,
	.t2 table td,
	.t3 table th,
	.t3 table td {padding:.75rem;}
	
	.board-search {justify-content:center;}
	.board-search .form-control{width: auto !important;}
}

@media only screen and (max-width:1023px){
	.table.t1 td, .table.t1 th,
	.table.t2 td, .table.t2 th,
	.table.t3 td, .table.t3 th {display:table-cell;}
	.table.t1 tr,
	.table.t2 tr,
	.table.t3 tr {display: table-row;}
	
	.table thead tr {border-bottom:none;}
	
	.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;} 
	
	.board-list{margin-top:20px;}
	.board-write table thead, .board-write table tbody, .board-write table tr, .board-write table th, .board-write table td{padding:0.2rem 0 0;}
}

@media only screen and (max-width:767px){
	.t1 table th, .t1 table td, 
	.t2 table th, .t2 table td, 
	.t3 table th, .t3 table td{font-size:.9rem;}
	.board-list tbody tr{line-height:1.3;}
	.board-list tbody th,
	.board-list tbody td			{padding:0;border:none;}
	.board-list tbody td.notice .badge{margin-bottom:0.5rem;}
	.board-list .subject, 
	.board-list .subject a{font-size:1rem;margin-bottom:5px;font-weight:700;}
	.board-list .badge.sh-ell{font-size:.7rem;padding: 0.3rem 1rem 0.3rem 1rem;}
	.board-list [class*="btn-b-"]{margin:2px 0 3px;}
	.board-list tbody td,
	.board-list .date{font-size:.85rem;color:#555;}
	.board-list .reply .subject{padding-left:0;}
	.board-list .comment{font-size:14px;}
	
	.board-view-desc div{width:100%;}
	.board-view-title .subject{font-size:18px;}
	.board-view	.desc {padding:15px;}
	.board-view	.desc dt,
	.board-view	.desc dd{float:none;display:inline-block;width:auto;text-indent:0}
	
	.board-view-list{margin:30px 0 0;}
	.board-view-list dt{width:70px;font-size:.8rem;}
	.board-view-list dt, 
	.board-view-list dd{height:45px;line-height:45px;}
	.board-view-list dd		{display:none}
	.board-view-list dd.subject	{display:inline-block;width:calc(100% - 70px);font-size:.8rem;}
	
	.board-search{padding:1rem;}
	.board-search .form-control{width: 100% !important;margin-left:0 !important;}
	.board-search select.form-control,
	.board-search input.form-control{width:100%;margin-left:0 !important;}
	.board-search #search_type,
	.board-search #btnSearch{width:100%;margin-left:0 !important;}
	.board-search #btnSearch{margin-top:2px;}
	
	.board-info{margin:20px 0 0;}
	.board-info > div{flex:none;width:100%;font-size:.9rem;}
	.board-info-left{margin-bottom:10px;}
	.board-info-right select.form-control{width:100%;margin:1px 0;}
	
	.board-gallery.type1 li{width:50%;}
	
}

@media only screen and (max-width:576px){
	.board-paging .shortcut{margin-top:0;}
	.board-paging .va-pc{display:block;}
	
	.board-gallery.type1 li{width:100%;padding:0 15px 0;}
}

/*board-write*/
.board_write			{background:var(--basic-bg);border-radius:var(--basic-round);padding:2rem;}
.board_write input.text{display:block;width:100%;height:calc(2.375rem + 2px);padding:0.25rem 0.75rem;border:1px solid var(--basic-border);border-radius:3px;background-color:#fff;background-clip:padding-box;box-shadow:none;transition:all .2scubic-bezier(.68,-.55,.265,1.55);}
.board_write select{height:40px;}
.board_write input.ui-calendar {width:150px;display:inline-block;}
.board_write table th,
.board_write table td		{padding:8px 10px;font-weight:normal;text-align:left;}
.board_write table tr:first-child th,
.board_write table tr:first-child td	{border-top:none;}
.board_write table th		{width:150px;background:#f5f5f5;}
.board_write textarea		{min-height:240px;border-color:var(--basic-border);}
.board_write .attach		{margin-top:5px;}
.board_write .bbs-textarea{background:#FFF !important;}
.board_write .cmt_warning b{word-break: break-word;}
.board_write em{margin-left:3px;}
@media (max-width:1023px)	{
	.board_write			{padding:1.25rem;font-size:.9rem;}
	.board_write table		{display:block;width:100%}
	.board_write table thead,
	.board_write table tbody,
	.board_write table tr,
	.board_write table th,
	.board_write table td	{display:block;width:auto}
}
@media only screen and (max-width:767px){
	.board_write{padding:20px;}
	.board_write table th, .board_write table td{padding:5px 0;}
	.board_write input.text{width:100% !important;}
}
@media only screen and (max-width:576px){
}
@media only screen and (max-width:415px){
}

/*input 배경색 리셋*/
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; }


/*로그인*/
#login #wrap{background:#f6f9fb;}
#login #body_content{min-height:unset;}
#login-wrap	{position:relative;text-align:center;overflow:hidden;background:#fff;border:1px solid #DCE3E7;display:flex;flex-wrap:wrap;word-break:keep-all;}
#login-wrap .login-bx{width:calc(100% - 400px);padding:80px;}
#login-wrap:after{content:"";width:400px;display:block;background:url(../img/ipsi/login-bg.png) no-repeat 50% 50% /cover;}
#login-wrap h2{font-family:'gsans';font-size:var(--font-4xlg);letter-spacing:-.0825rem;margin-bottom:0;}
#login-wrap h2:before{display:none;}
#login-wrap .txt{margin:0 0 30px;}
#login-wrap h2 em{color:var(--sub-color);font-weight:inherit;}
#login-wrap .form-bx dl{display:flex;flex-flow:row nowrap;}
#login-wrap .form-bx dt	{width:80px;line-height:50px;padding:0 20px}
#login-wrap .form-bx dd	{width:calc(100% - 80px);}
#login-wrap .form-bx input	{width:calc(100% - 10px);margin:5px;line-height: 40px;height:40px;padding:0 5px;border:none;}
#login-wrap .btn-d{margin:30px 0;line-height:50px;padding:0;border-radius:3px 3px 3px 30px;}
#login-wrap .form-bx dl{line-height:55px;margin:2px 0;border:1px solid #eaeaea;}
#login-wrap .form-bx dl:after{content:"";clear:both;display:block;float:none}

/*일반로그인탭 삭제 20210609*/
#login-wrap .cont p{display:block;line-height:70px; text-align:center;font-size:22px;font-weight:600}
#login-wrap .cont p span{color:#005CB0;}
#login-wrap .cont p span:before{content:'\f007'; font-family:Fontawesome; display: inline-block; margin-right: 10px;}
.bx-grd						{box-shadow:20px 30px 38px 0 rgba(21,55,111,0.15);}
.bx-round					{border-radius:0 100px 0 0}
#login .main-container				{position:relative;}
#login .main-container section		{position:relative;}
}

@media only screen and (max-width:1440px){ /* 1200px */
	#login-wrap	{width:60%;margin:40px auto;}
}
@media only screen and (max-width:1240px){ /* 960 */
	#login-wrap h2{font-size:var(--font-2xlg);}
}
@media only screen and (max-width:1023px){ /* 720 */
	#login-wrap	{width:100%;padding: 0;margin:0 auto;flex-wrap: wrap;}
	#login-wrap .login-bx{width:100%;padding: 70px 50px;}
	#login-wrap:after{display:none;}
	#login-wrap h2{font-size:var(--font-xlg);font-weight:700;margin-bottom:20px;}
	#login-wrap .btn-d{margin:20px 0;}
}
@media only screen and (max-width:767px){ /* auto */
	.bx-round					{border-radius:0 70px 0 0}
}
@media only screen and (max-width:576px){ /* mobile */
	#login-wrap	{padding:0;}
	#login-wrap h2{font-size:var(--font-lg);}
	#login-wrap .form-bx dt	{width: 45px;line-height: 50px;}
	#login-wrap .form-bx dd	{width:calc(100% - 70px);line-height: 45px;}
	#login-wrap .btn-d{line-height:40px;margin:10px 0;}
	#login-wrap .login-bx{padding:50px 30px;}
	#login-wrap .form-bx dl{}
}
@media only screen and (max-width:415px){ /* mobile */
	#login-wrap .login-bx{padding:40px 20px;}
}

/*학사일정*/
.sc-schedule-bx		{border-top:2px solid var(--sub-color);border-bottom:1px solid #ddd;padding:25px 0;text-align:center;}
.sc-schedule-bx span	{line-height:40px;font-size:22px;font-weight:500;color:#333;display:inline-block;vertical-align:middle;}
.sc-schedule-bx a	{color:var(--sub-color);display:inline-block;width:40px;height:40px;line-height:38px;border:1px solid #ddd;font-size:14px;}
.sc-schedule-bx .prev	{float:left;}
.sc-schedule-bx .next	{float:right;}

.sc-schedule-list		{margin:60px 0 0 0;}
.sc-schedule-list:after	{content:"";display:block;float:none;clear:both;}
.sc-schedule-list .month .tit{font-size:30px;font-weight:700;color:var(--sub-color);}
.sc-schedule-list .month p:first-child{margin-bottom:5px;}
.sc-schedule-list .month	{float:left;width:80px;font-size:18px;font-weight:600;color:var(--sub-color);line-height:1;font-family:'gsans';}
.sc-schedule-list .calendar	{float:left;width:400px;border-top:2px solid var(--sub-color);background:#f7fbfd;padding:20px;text-align:center;}
.sc-schedule-list table		{height:240px;}
.sc-schedule-list table th,
.sc-schedule-list table td	{width:14.285714%;}
.sc-schedule-list table thead th	{color:#333;font-weight:500;padding:10px 0;border-bottom:1px solid #ddd;}
.sc-schedule-list table tbody td	{font-size:14px;line-height:24px;}
.sc-schedule-list table tbody td.sat{color:var(--blue);}
.sc-schedule-list table tbody td.sun{color:var(--pink);}
.sc-schedule-list table tbody td.date-area{background:#09246322;border-top:2px solid #f7f9fa;border-bottom:2px solid #f7f9fa;}
.sc-schedule-list table tbody span	{display:inline-block;background:var(--sub-color);width:24px;color:#fff;}
.sc-schedule-list .cont		{float:left;width:calc(100% - 480px);padding-left:40px;}
.sc-schedule-list .cont ul{border-top:1px solid #ddd;}
.sc-schedule-list .cont li	{border-bottom:1px dashed #ddd;padding:15px 0;}
.sc-schedule-list .cont li:after	{content:"";display:block;float:none;clear:both;}
.sc-schedule-list .cont span	{display:block;float:left;}
.sc-schedule-list .cont .date	{width:170px;font-size:14px;font-weight:500;color:#000;padding-top:2px;}
.sc-schedule-list .cont .txt	{width:calc(100% - 150px);}

.sc-schedule-list .detail_cont{font-size:14px; padding:10px; background-color: #f6f6f6; border-radius:5px; margin-top: 10px; color:#666;}
.sc-schedule-list .detail_cont.nodata{text-align: center; color:#b7b7b7;}
.sc-schedule-list .detail_cont span{float:none; display: inline;}	

@media (max-width:1023px){/*720*/
	.sc-schedule-list		{margin:40px 0 0 0;}
	.sc-schedule-list .month	{float:none;width:100%;font-size:24px;margin:0 0 20px 0;}
	.sc-schedule-list .calendar	{width:300px;padding:15px;padding-top:8px;}
	.sc-schedule-list table		{height:200px;}
	.sc-schedule-list table thead th	{font-size:14px;}
	.sc-schedule-list .cont		{width:calc(100% - 300px);}
	.sc-schedule-list .cont li	{padding:10px 0;}
	.sc-schedule-list .cont span	{float:none;width:100% !important;font-size:14px;}
}
@media (max-width:767px){/*mobile-l*/
	.sc-schedule-bx		{padding:15px 0;}
	.sc-schedule-bx span{font-size:20px;}
	.sc-schedule-list{margin:30px 0 0 0;}
	.sc-schedule-list .month{font-size:16px;}
	.sc-schedule-list .month .tit{font-size:23px;}
	.sc-schedule-list .calendar,
	.sc-schedule-list .cont		{float:none;width:100%;}
	.sc-schedule-list .calendar	{padding:10px;padding-top:5px;}
	.sc-schedule-list table		{height:auto;}
	.sc-schedule-list table th,
	.sc-schedule-list table td	{padding:3px;}
	.sc-schedule-list table thead th	{font-size:13px;margin:5px 0;}
	.sc-schedule-list table tbody td	{font-size:12px;}
	.sc-schedule-list table tbody tr:first-child td	{padding-top:8px;}
	.sc-schedule-list .cont		{padding:0;margin:20px 0 0 0}
	.sc-schedule-list .cont .date	{margin:0 0 5px 0;}
}
@media only screen and (max-width:576px){
	.sc-schedule-list .month .tit{font-size:18px;}
}