@charset "utf-8";

/***************************************************************************************************
*	Main Visual
***************************************************************************************************/
.mainVisual						{overflow:hidden; width:100%; height:600px; z-index:2}
.mainVisual_fixed				{position:fixed; left:0; top:;  width:100%; will-change:transform; -webkit-transform:translate3d(0,0,0); -webkit-transition:transform 0s cubic-bezier(0.19, 1, 0.22, 1); -webkit-backface-visibility:hidden;}

.mv_slider_wrap					{position:relative; width:100%; overflow:hidden}
.mv_slider_wrap .visual_area	{position:relative; background-size:cover; height:600px; background-repeat:no-repeat; background-position:center top;}
.visual_area:after				{position:absolute; top:0; left:0; width:100%; content: ''; height:100%; background:rgba(12,15,19,.4); z-index:1;}

/* Visual Text */
.visual_txtWRAP					{z-index:2; top:55%; left:0; width:100%; padding:0px; -ms-transform:translate(0, -55%); -webkit-transform:translate(0, -55%); transform:translate(0, -55%); text-align:left;}
.visual_txtWRAP .vs_txt01		{opacity:0; font-family:GongGothic; color:#FFF; text-shadow: 0 1px 5px rgba(0,0,0,.4); font-size:28px; font-weight:400; letter-spacing:-2px;}
.visual_txtWRAP .vs_txt02		{opacity:0; font-family:GongGothic; color:#FFF; text-shadow: 0 1px 5px rgba(0,0,0,.4); font-size:46px; font-weight:900;}
.visual_txtWRAP .vs_txt03		{opacity:0; font-family:GongGothic; color:#FFF; text-shadow: 0 1px 5px rgba(0,0,0,.4); font-size:18px; font-weight:400;}

/* [Language Change ]*/
.visual_txtWRAP.en .vs_txt01		{opacity:0; font-family:celmonKr; font-size:28px; font-weight:400; letter-spacing:-2px;}
.visual_txtWRAP.en .vs_txt02		{opacity:0; font-family:celmonKr; font-size:40px; line-height:1.2; font-weight:900;}
.visual_txtWRAP.en .vs_txt03		{opacity:0; font-family:celmonKr; font-size:18px; font-weight:400;}

.visual_txtWRAP.cn .vs_txt01		{opacity:0; font-family:celmonKr; font-size:28px; font-weight:400; letter-spacing:-2px;}
.visual_txtWRAP.cn .vs_txt02		{opacity:0; font-family:celmonKr; font-size:46px; font-weight:900;}
.visual_txtWRAP.cn .vs_txt03		{opacity:0; font-family:celmonKr; font-size:18px; font-weight:400;}

.visual_txtWRAP.ru .vs_txt01		{opacity:0; font-family:celmonKr; font-size:28px; font-weight:400; letter-spacing:-2px;}
.visual_txtWRAP.ru .vs_txt02		{opacity:0; font-family:celmonKr; font-size:40px; line-height:1.2; font-weight:900;}
.visual_txtWRAP.ru .vs_txt03		{opacity:0; font-family:celmonKr; font-size:18px; font-weight:400;}

.visual_txtWRAP.mg .vs_txt01		{opacity:0; font-family:celmonKr; font-size:28px; font-weight:400; letter-spacing:-2px;}
.visual_txtWRAP.mg .vs_txt02		{opacity:0; font-family:celmonKr; font-size:40px; line-height:1.2; font-weight:900;}
.visual_txtWRAP.mg .vs_txt03		{opacity:0; font-family:celmonKr; font-size:18px; font-weight:400;}


.active .visual_txtWRAP .vs_txt01	{animation:slideDownAnimation 1s .5s forwards;}
.active .visual_txtWRAP .vs_txt02	{animation:slideUpAnimation 1s .5s forwards;}
.active .visual_txtWRAP .vs_txt03	{animation:opacityAnimation 1s 1.5s forwards;}

@media screen and (max-width:997px) {
	.mainVisual						{overflow:hidden; width:100%; height:250px; z-index:2}
	.mv_slider_wrap .visual_area	{position:relative; top:0px; background-size:cover; height:250px; background-repeat:no-repeat; background-position:center top;}

	.visual_txtWRAP					{text-align:center;}
	.visual_txtWRAP .vs_txt01		{font-size:16px; font-weight:500;}
	.visual_txtWRAP .vs_txt02		{font-size:20px; font-weight:700;}
	.visual_txtWRAP .vs_txt03		{font-size:13px; font-weight:400; margin-top:10px;}
}


/* owl Visual Control */
.owl-nav .owl-prev,
.owl-nav .owl-next				{position:absolute; font-size:0px; top:50%; width:70px; height:70px; background-repeat:no-repeat; background-position:50%; background:transparent; /*background-color:rgba(0,0,0,.6);*/ cursor:pointer; z-index: 20;
								background-size:initial; -webkit-transform:translateY(-50%); transform:translateY(-50%); 
								-webkit-transition:box-shadow 0.3s; transition:box-shadow 0.3s; transition:box-shadow 0.3s;-webkit-transform:translateZ(10px); transform:translateZ(10px); 
								border-radius:100%; border:none; -webkit-box-shadow:inset 0 0 0 1px rgb(255 255 255 / 50%); box-shadow:inset 0 0 0 1px rgb(255 255 255 / 50%);}

.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover		{opacity:1.0; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); border:none; -webkit-box-shadow:inset 0 0 0 10px rgb(255 255 255 / 50%); box-shadow:inset 0 0 0 10px rgb(255 255 255 / 50%);}

.owl-nav .owl-prev				{left:10px; opacity:.6; filter:alpha(opacity=60); -ms-filter:alpha(opacity=60);}
.owl-nav .owl-prev:after		{position:absolute; top:calc(50% - 9px) !important; left:29px; width:16px; height:16px; border:4px solid #FFF; border-radius:2px; border-top:none; border-left:none; -webkit-transform:rotate(135deg); transform:rotate(135deg); -moz-transform:rotate(135deg); content:'';}

.owl-nav .owl-next				{right:10px; opacity:.6; filter:alpha(opacity=60); -ms-filter:alpha(opacity=60);}
.owl-nav .owl-next:after		{position:absolute; top:calc(50% - 9px) !important; right:29px; width:16px; height:16px; border:4px solid #FFF; border-radius:2px; border-top:none; border-left:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -moz-transform:rotate(-45deg); content:'';}

@media screen\0 {
	.owl-nav .owl-prev,
	.owl-nav .owl-next			{border:1px solid rgba(255, 255, 255, 0.5);}
	.owl-nav .owl-prev:hover,
	.owl-nav .owl-next:hover	{border:10px solid rgba(255, 255, 255, 1.0);}
}

@media screen and (max-width:997px) {
	.owl-nav					{display:none;}
	.owl-dots					{width:100%; text-align:center; position:absolute; bottom:0px;}
	.owl-dot.active				{background-color:var(--IDTcolor) !important; opacity:0.5; filter:alpha(opacity=50); -webkit-filter:alpha(opacity=50); -ms-filter:alpha(opacity=50); -o-filter:alpha(opacity=50); -moz-filter:alpha(opacity=50);}
	.owl-controls .owl-dots		{position:absolute; left:50%; bottom:25%; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
	.owl-dot					{display:inline-block; width:8px; height:8px; margin-left:6px; border-radius:4px; background-color:rgba(255, 255, 255, 0.5) !important; transition:width 0.3s, background-color 0.6s; -webkit-transition:width 0.3s, background-color 0.6s;}
	.owl-dot:first-child		{margin-left:0}
}

.owl-nav button.owl-prev span[aria-label='Previous'],
.owl-nav button.owl-next span[aria-label='Next']	{display:none;}	/* 기본 화살표 강제 삭제 */


/***************************************************************************************************
*	Main Section
***************************************************************************************************/
.main_section					{width:100%; box-sizing:border-box; overflow:hidden; position:relative; /*z-index:1;*/}
.main_section:after				{display:block; content:""; clear:both;}

.main_section.cyberEdu			{padding:0px 0px; background-color:#FFFFFF;}
.main_section.noticeArea		{padding:80px 0; background-color:#DDD; /*background-color:var(--IDTcolor)*/ /*background:linear-gradient(160deg,#5264f0 10%, #044cad 28%, #0662e0 38%, #5bb0f1 50%, var(--IDTcolor) 100%);*/}
.main_section.medical_ins		{padding:60px 0; background-color:#FFFFFF;}
.main_section.footBanner		{padding:40px 0; background-color:#FFFFFF;}
.main_section.cardNewsArea		{padding:60px 0; background-color:#FFFFFF;} /* Other Language */


.main_section.noticeArea::after {animation: bgMove 6s linear infinite alternate;}
.main_section.noticeArea::after {content:""; position:absolute; top:0; left:0px; background: url(/img/main/noticeAreaBG.png) no-repeat; background-size:cover; max-width:1920px; width:100%; height:100%; z-index:-1;}

@keyframes bgMove{
	0%{transform:translateY(-50px);}
	100%{transform:translateY(50px);}
}

@media screen and (max-width:997px) {
	.main_section.noticeArea		{padding:20px 0; background:#FFF;}
	.main_section.quicklink			{padding:40px 0;}
	.main_section.medical_ins		{padding:0px 10px 0 10px;}

	.main_section.noticeArea::after	{display:none;}
}


/***************************************************************************************************
*	Cyber Education : 2021.11.17
***************************************************************************************************/
.cyberEdu_Area H2					{display:block; font-family:celmonHG; font-size:44px; line-height:110%; font-weight:800; letter-spacing: -0.5px; color:#222; text-align:left; /*text-transform:uppercase;*/}
.cyberEdu_Area H2:after				{display:block; content:""; clear:both;} 

.cyberEdu_Area > .left				{float:left; width:350px; padding:90px 70px 60px 0px;}
.cyberEdu_Area > .left .bar			{width:50px; height:2px; background-color:var(--IDTcolor); display:inline-block; vertical-align:top;}
.cyberEdu_Area > .left span			{display:block; font-size:18px; line-height:28px; letter-spacing:-1px; font-weight:700; color:#555; word-break:keep-all;}

.cyberEdu_rightBG					{position:absolute; width:50%; height:100%; z-index:-1; overflow:hidden; top:0px;right:0px; background-color:#F5F5F5;}

.cyberEdu_Area > .right				{float:left; position:relative; background-color:#F5F5F5; width:calc(100% - 350px); width:-ms-calc(100% - 350px); width:-moz-calc(100% - 350px); width:-o-calc(100% - 350px); padding:60px 0 60px 70px;}

.edulink							{position:relative; display:inline-block; width:100%; margin:0 auto;}
.edulink ul							{display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap: wrap; flex-wrap:wrap; box-sizing: border-box; flex-direction:row; align-items:auto; justify-content:space-between; align-content:start;}
.edulink ul:after					{display:block; content:""; margin:0px 15px; flex:999 999 auto;}

.edulink ul.div4 li					{width:calc(25% - 20px);}
.edulink ul.div3 li					{width:calc(33.333% - 20px);}
.edulink ul.div2 li					{width:calc(50% - 20px);}

.edulink li							{overflow:hidden; position:relative; width:100%; border-radius:0px ; -webkit-box-sizing: border-box; box-sizing:border-box; margin:10px 10px; padding:0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; z-index:2;}
.edulink li:first-of-type			{margin-left:0;}
.edulink li:last-of-type			{margin-right:0;}

.edulink li a 						{display:block; height:100%; overflow:hidden;}
.edulink li a .thmb					{position:relative; height:0; padding-bottom:100%; overflow:hidden; left:0; top:0; opacity:0.2; z-index:-1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.edulink li a .tit					{position:absolute; display:block; width:100%; height:auto; text-align:center; font-family:GongGothic; font-size:18px; font-weight:400; color:#fff; overflow:hidden; top:70%; line-height:105%; z-index:3; -webkit-transition:all .5s ease; transition:all .5s ease;}

.edulink li a:hover					{background-position:center 30px !important; text-decoration:none;}
.edulink li a:hover .tit			{top:60%;}
.edulink li a:hover .thmb .img		{transform:scale(1.2); opacity:1;}

.edulink li.front_layer01			{background-color:#087fc4;}
.edulink li.front_layer01 a			{background:url('/img/main/edubanner_icon01.png') no-repeat center 40px;}

.edulink li.front_layer02			{background-color:#55a853;}
.edulink li.front_layer02 a			{background:url('/img/main/edubanner_icon02.png') no-repeat center 40px;}

.edulink li.front_layer03			{background-color:#f79644;}
.edulink li.front_layer03 a			{background:url('/img/main/edubanner_icon03.png') no-repeat center 40px;}

.edulink li.front_layer04			{background-color:#f15758;}
.edulink li.front_layer04 a			{background:url('/img/main/edubanner_icon04.png') no-repeat center 40px;}

.edulink li a .thmb .img			{position:absolute; left:0; top:0; display:block; width:100%; height:100%; z-index:-1; transition:all 0.5s ease;}
.edulink li a .thmb .img:after		{display:block; content:""; width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.8); transition:all 0.5s;}
.edulink li a .thmb .img img		{min-width:100%; height:100%; display:block; position:absolute; left:50%; top:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}

.edulink li:hover a .thmb			{opacity:.9;}
.edulink li:hover a .thmb .img:after{background-color:rgba(0,0,0,0.2);}


@media screen and (max-width:1460px){
	.cyberEdu_Area > .left			{float:left; width:300px; padding:60px 30px 60px 40px;}
	.edulink li.front_layer01 a, .edulink li.front_layer02 a, .edulink li.front_layer03 a, .edulink li.front_layer04 a	{background-size:40%;}
	.edulink li a .tit				{font-size:16px; font-weight:400; top:70%; line-height:105%;}
}

@media screen and (max-width:1217px){
	.cyberEdu_Area H2				{text-align:center !important;}
	.cyberEdu_rightBG				{display:none;}
	.cyberEdu_Area > .left			{float:none; width:100%; padding:50px; height:auto; text-align:center;}
	.cyberEdu_Area > .right			{float:none; width:100%; height:auto; background-color:#FFF; padding:0px;}
	.edulink li a .tit				{font-size:18px;}
}

@media screen and (max-width:997px){
	.main_section H2				{font-size:30px;}
	.cyberEdu_Area > .left			{padding:30px;}
	.edulink ul.div3 li				{width:calc(33.333% - 0px);}
	.edulink ul.div4 li				{width:50%;}
	.edulink li						{margin:0px; border-radius:0px;}
	.edulink li a .tit				{font-size:16px !important;}
}

@media screen and (max-width:517px){
	.cyberEdu_Area > .right			{background-color:#FFF; padding:0;}
	.edulink li.front_layer01 a, .edulink li.front_layer02 a, .edulink li.front_layer03 a, .edulink li.front_layer04 a	{background-size: 40% !important; background-position:center 15px !important;}
	.edulink li a .tit 				{font-size: 14px !important; margin-top: 1px; line-height: 1.3;}

}


/***************************************************************************************************
*	Notice Area : 2021.11.22
***************************************************************************************************/
.ntc_bannerWrap					{width:calc(100% - 40px);}
.ntc_latestWrap					{width:calc(100% - 40px);}
.ntc_photoWrap					{width:100%;}

@media screen and (max-width:997px){
	.ntc_bannerWrap				{width:100%;}
	.ntc_latestWrap				{width:100%; margin:20px 0;}
	.ntc_photoWrap				{width:100%;}
}

.ntc_bannerWrap ul							{display:-webkit-box; display:-webkit-flex; display:-moz-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap: wrap; flex-wrap:wrap; box-sizing: border-box; flex-direction:row; align-items:auto; justify-content:space-between; align-content:start;  -webkit-box-shadow:6px 4px 7px -4px rgba(0,0,0,0.4); box-shadow:6px 4px 7px -4px rgba(0,0,0,0.4);}
.ntc_bannerWrap ul:after					{display:block; content:""; margin:0px; flex:999 999 auto;}


.ntc_bannerWrap li							{overflow:hidden; background-color:#fff; position:relative; width:50%; padding:0px; -webkit-box-sizing: border-box; box-sizing:border-box; margin:0px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; z-index:2;}
.ntc_bannerWrap li:first-of-type			{background-color:var(--IDTcolor); border-width:1px; border-style:solid; border-color:rgba(255,255,255,0.3) var(--IDTcolor) var(--IDTcolor) rgba(255,255,255,0.3);}
.ntc_bannerWrap li:last-of-type				{background-color:var(--IDTcolor);}

.ntc_bannerWrap li:nth-of-type(2) a .tit	{color:#555}
.ntc_bannerWrap li:nth-of-type(3) a .tit	{color:#555}

.ntc_bannerWrap li a 						{display:block; height:100%; overflow:hidden;}
.ntc_bannerWrap li a .thmb					{position:relative; height:0; padding-bottom:100%; overflow:hidden; left:0; top:0; opacity:1; z-index:-1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.ntc_bannerWrap li a .tit					{position:absolute; display:block; width:100%; height:auto; text-align:center; font-family:GongGothic; font-size:15px; font-weight:400; color:#fff; overflow:hidden; top:75%; line-height:105%; z-index:3; -webkit-transition:all .5s ease; transition:all .5s ease;}

.ntc_bannerWrap li a .thmb .circleBox		{position:absolute; width:45%; height:45%; background:var(--IDTcolor); border-radius:50%; margin-bottom:14px; transition:.5s; left:50%; top:40%; -ms-transform:translate(-50%, -40%); -webkit-transform:translate(-50%, -40%); transform:translate(-50%, -40%);}
.ntc_bannerWrap li a .thmb .circleBox img	{position:relative; width:70%; left:50%; top:50%; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.ntc_bannerWrap li:first-of-type a .thmb .circleBox	{background:#FFF;}
.ntc_bannerWrap li:last-of-type a .thmb .circleBox	{background:#FFF;}


.ntc_bannerWrap li a:hover					{background-position:center 30px !important; text-decoration:none;}
.ntc_bannerWrap li a:hover .thmb .img		{transform:scale(1.2); opacity:1;}
.ntc_bannerWrap li a:hover .thmb .circleBox	{left:50%; top:40%; -ms-transform:translate(-50%, -40%) scale(1.25); -webkit-transform:translate(-50%, -40%) scale(1.25); transform:translate(-50%, -40%) scale(1.25); transition:.5s;}

@media screen and (max-width:997px){
	.ntc_bannerWrap ul			{-webkit-box-shadow:none; box-shadow:none;}
}

/* Main Article More */
a.ma_more						{float:right; width:28px; height:28px; background-color:#FFF; border:1px solid #ddd; position:relative; display:inline-block; font-size:0}
a.ma_more:before				{position:absolute; content:""; outline:0.1px solid transparent; box-sizing:content-box; background:#DDD; width:2px; height:12px; left:12px; top:7px; }	
a.ma_more:after					{position:absolute; content:""; outline:0.1px solid transparent; box-sizing:content-box; background:#DDD; width:12px; height:2px; left:7px; top:12px; transform:rotate(0deg);}
a.ma_more:hover					{transform:rotate(360deg); transition: all 0.7s ease-out; background-color:var(--IDTcolor); border:1px solid var(--IDTcolor);}


/* Tab Notice Area */
.latestWrap						{padding:33px 40px; background-color:#FFF; box-sizing:border-box; border:1px solid rgba(0,0,0,.1); -webkit-box-shadow:6px 4px 7px -4px rgba(0,0,0,0.4); box-shadow:6px 4px 7px -4px rgba(0,0,0,0.4);}
.latestWrap_Tabmenu				{display:flex; justify-content:space-between; padding-bottom:10px; border-bottom:1px solid #EDEDED;}
.latestWrap_Tabmenu ul			{display:flex; align-items:center;}
.latestWrap_Tabmenu ul li		{font-family:GongGothic; font-weight:500; font-size:16px; color:#504f4f; letter-spacing:-0.15px; margin-right:24px; cursor:pointer;}
.latestWrap_Tabmenu ul li.on	{font-size:20px; font-weight:900; color:var(--IDTcolor);}

.latest_point					{display:flex; justify-content:space-between; align-items:center; padding-top:21px; margin-bottom:16px;}
.latest_point_dateym			{width:70px; height:70px; min-width:70px; background-color:var(--IDTcolor); border-radius:4px; padding:10px ; box-sizing:border-box; text-align:center;}
.latest_point_dateym span,
.latest_point_dateym b			{display:block; color:#FFF;}
.latest_point_dateym span		{font-size:12px; font-weight:500;}
.latest_point_dateym b			{font-size:25px; letter-spacing:-1px;}
.latest_point_tit				{width:100%; font-size:18px; font-weight:700; text-decoration:none; line-height:1.3; color:#404040; letter-spacing:-1px; padding:0 20px; cursor:pointer; display:-webkit-box; display:-ms-flexbox; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}


.latest_lst ul li				{margin:10px 0;}
.latest_lst ul li:last-of-type	{margin:10px 0 0 0;}
.latest_lst ul li a				{display:flex; align-items:center; justify-content:space-between; text-decoration:none;}

.latest_lst ul li a p			{width:calc(100% - 60px); text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:15px; font-weight:500; color:#555;}
.latest_lst ul li a span		{font-size:13px; letter-spacing:0; color:#666;}

.latest_lst ul li a:hover p		{color:var(--IDTcolor);}

@media screen and (max-width:997px) {
	.latestWrap					{padding:33px 0px; border:1px solid rgba(0,0,0,0); -webkit-box-shadow:none; box-shadow:none;}
}


/* Galley Area */
.gallery						{width:100%; display:inline-block;position:relative; padding:33px 40px 28px 40px; background-color:#FFF; box-sizing:border-box; border:1px solid rgba(0,0,0,.1); -webkit-box-shadow:6px 4px 7px -4px rgba(0,0,0,0.4); box-shadow:6px 4px 7px -4px rgba(0,0,0,0.4);}
.gallery:after					{display:block; content:""; margin:0px;}
.gallery_title					{display:block; width:100%; font-family:GongGothic; font-weight:900; font-size:20px; display:inline-block; letter-spacing:-.5px; line-height:1; color:#444;}

.gallery_title.en				{}
.gallery_title.ru				{font-size:34px; letter-spacing:-4px;}
.gallery_title.mg				{font-size:26px; letter-spacing:-6px;}

.gallery_wrap										{margin-top:10px;}
.gallery_wrap a.gallery_article						{float:left; width:100%; box-sizing:border-box; text-decoration:none;}


.gallery_article li.phototype							{display:block; width:100%; margin-bottom:20px;}
.gallery_article li.phototype .thmb						{position:relative; height:0; padding-bottom:100%; overflow:hidden; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; z-index:1;}
.gallery_article li.phototype .thmb img					{position:absolute; top:50%; left:50%; min-width:100%; height:100%; -webkit-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0); -webkit-transition:opacity 0.85s, -webkit-transform 0.85s; transition: opacity 0.85s, transform 0.85s; z-index:2;}
.gallery_article li.phototype .thmb .overlay			{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0); transition:background 0.5s ease;}

.gallery_article li.phototype .thmb .pt_moreWRAP						{position:absolute; width:100%; height:100%; text-align:center; z-index:4;}
.gallery_article li.phototype .thmb .pt_moreWRAP i.photo_more			{position:absolute; width:40px; height:40px; top:calc(50% - 14px); left:calc(50% - 14px); opacity:0;  transition:opacity .35s ease; transition:opacity .35s ease;}
.gallery_article li.phototype .thmb .pt_moreWRAP i.photo_more:before	{position:absolute; content:""; outline:0.1px solid transparent; box-sizing:content-box; background:#FFF; width:3px; height:25px; left:18px; top:7px;}	
.gallery_article li.phototype .thmb .pt_moreWRAP i.photo_more:after		{position:absolute; content:""; outline:0.1px solid transparent; box-sizing:content-box; background:#FFF; width:25px; height:3px; left:7px; top:18px;}

.gallery_article li.subject								{font-size:16px; font-weight:700; color:#555; height:42px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;  -webkit-transition:all .3s; transition:all .3s;}
.gallery_article li.date								{display:block; margin-top:5px; font-size:13px; color: #8f9194;}


.gallery_article:hover li.subject						{-webkit-transform: translateY(-5px); transform: translateY(-5px); color:var(--IDTcolor);}
.gallery_article:hover li.phototype .thmb .overlay		{position:absolute; display:block; background:rgba(0, 0, 0, .5); z-index:3; will-change:all}
.gallery_article:hover li.phototype .thmb .pt_moreWRAP i.photo_more	{opacity:1; transform:rotate(360deg); transition:all 0.7s ease-out}


@media screen and (max-width:997px) {
	.gallery						{float:none; width:100%; border:none; padding:0px; -webkit-box-shadow:none; box-shadow:none;}

	.gallery_title.en				{}
	.gallery_title.ru				{font-size:24px;}
	.gallery_title.mg				{font-size:22px;}
}



/***************************************************************************************************
*	Other Language Main
***************************************************************************************************/
.cardNewsArea H2						{display:block; font-family:GongGothic; font-size:24px; margin-bottom:20px; line-height:110%; font-weight:900; letter-spacing:-1px; color:#222; text-align:left; /*text-transform:uppercase;*/}
.cardNewsArea H2:after					{display:block; content:""; clear:both;} 

.cardNews								{width:100%; float:left; position:relative; box-sizing:border-box;}
.cardNews_list							{position:relative;}

.cardNews_list	li						{float:left; width:calc(25% - 15px); overflow:hidden; position:relative; padding:0px; -webkit-box-sizing:border-box; box-sizing:border-box; margin:0px; padding: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.cardNews_list	li:nth-of-type(1)		{margin:0px 20px 20px 0;}
.cardNews_list	li:nth-of-type(2)		{margin:0px 20px 20px 0;}
.cardNews_list	li:nth-of-type(3)		{margin:0px 20px 0px 0;}

.cardNews_list	li a					{color:#FFF; text-decoration:none;}
.cardNews_list	li .thmb				{position:relative; height:0; padding-bottom:100%; overflow:hidden; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out; z-index:1;}
.cardNews_list li .thmb img				{position:absolute; top:50%; left:50%; min-width:100%; height:100%; -webkit-transform:translate3d(-50%,-50%,0); transform:translate3d(-50%,-50%,0); -webkit-transition:opacity 0.85s, -webkit-transform 0.85s; transition: opacity 0.85s, transform 0.85s; z-index:2;}

.cardNews_list li .overlay				{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0); transition:background 0.5s ease;}
.cardNews_list li:hover .overlay		{position:absolute; display:block; background:rgba(0, 0, 0, .5); z-index:3; will-change:all}

.cardNews_list li .cardNews_txt			{position:absolute; width:100%; height:80px; padding:20px; text-align:center; font-size:20px; font-weight:700;  color:#FFF; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.cardNews_list li .cardNews_txt			{top:50%; left:0; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%);transform: translate(0,-50%); opacity:0; transition: top .5s ease;}
.cardNews_list li:hover .cardNews_txt	{top:calc(50% - 20px); opacity:1; z-index:4;}

.cardNews_list li .cardNews_moreWRAP	{position:absolute; width:100%; text-align:center; z-index:4;}
.cardNews_list li i.cardNews_more		{position:absolute; width:40px; height:40px; right:10px; bottom:10px; opacity:0;  transition:opacity .35s ease; transition:opacity .35s ease;}
.cardNews_list li i.cardNews_more:before{position:absolute; content:""; outline:0.1px solid transparent; box-sizing:content-box; background:#FFF; width:1px; height:24px; left:18px; top:7px;}	
.cardNews_list li i.cardNews_more:after	{position:absolute; content:""; outline:0.1px solid transparent; box-sizing:content-box; background:#FFF; width:24px; height:1px; left:7px; top:18px;}
.cardNews_list li:hover i.cardNews_more	{opacity:1; transform:rotate(360deg); transition:all 0.7s ease-out}

@media screen and (max-width:980px) {
	.cardNews							{width:100%; margin-left:0px;}
	.cardNews_list	li					{float:left; width:calc(50% - 10px);}
	.cardNews_list	li:nth-of-type(2)	{margin:0px 0px 20px 0;}
}



/***************************************************************************************************
*	Medical Institution Area
***************************************************************************************************/
.medical_ins_Area			{width:100%; margin:30px auto 0px auto;}
.medical_ins_Area H2		{display:block; font-family:GongGothic; font-size:24px; margin-bottom:20px; line-height:110%; font-weight:900; letter-spacing:-1px; color:#222; text-align:left; /*text-transform:uppercase;*/}
.medical_ins_Area H2:after	{display:block; content:""; clear:both;} 

/* Main Tab Menu */
ul.mainTabs					{padding:0; list-style:none; width:100%;}
ul.mainTabs li				{margin-left:-1px !important; width:auto; min-width:120px; padding:0; height:50px; line-height:51px; border:1px solid #d4d4d4; border-left:none; background:#FFF; overflow:hidden; position:relative; cursor:pointer;}
ul.mainTabs li:first-child	{border-left:1px solid #d4d4d4; margin-left:0px !important;}
ul.mainTabs li a			{width:100%; text-decoration:none; color:#000; display:block; font-family:GongGothic; font-size:16px; font-weight:500; color:#000; padding:0 20px; outline:none;}
ul.mainTabs li:hover		{background:#EEE;}
ul.mainTabs li:hover a		{color:var(--IDTcolor);}
ul.mainTabs li.active		{background:var(--IDTcolor); color:#FFF; border:1px solid var(--IDTcolor);}
ul.mainTabs li.active a		{color:#FFF;}
ul.mainTabs li.active a:hover{background:var(--IDTcolor);}


ul.mainTabs li a.en			{font-family:Noto Sans KR; font-size:13px; line-height:1}
ul.mainTabs li a.cn			{font-family:Noto Sans KR; font-size:13px; line-height:1}
ul.mainTabs li a.ru			{font-family:Noto Sans KR; font-size:13px; line-height:1}
ul.mainTabs li a.mg			{font-family:Noto Sans KR; font-size:13px; line-height:1}



.mainTabs_container			{border:1px solid #DDD; border-top:none; clear:both; float:left; width:100%; background:#fff; }
.tab_content				{padding:40px; font-size:1.2em;}

@media screen and (max-width:997px)		{
	.mainTabs_container		{border:none; clear:both; float:none;}
	.tab_content			{padding:20px 0px;}
}


/* Responsive Swiper Tab */
.SW_mainTabMenu								{margin:0px auto; width:100%; position:static;}
.SW_mainTabMenu:after						{clear:both; display:block; content:"";}

.SW_mainTabMenu	.swiper-wrapper				{width:100%; justify-content:space-between !important;}
/* .SW_mainTabMenu li.swiper-slide			{width:auto !important;} flex 일정간격 원할시 본 라인 주석 */
.SW_mainTabMenu .swiper-button-prev, 
.SW_mainTabMenu .swiper-button-next			{margin:0px !important; opacity:1; top:0px; height:100% !important; cursor:pointer; outline:none; z-index:100;
											-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.SW_mainTabMenu .swiper-button-prev			{left:0px; background-size:auto !important; background:linear-gradient(to left, rgba(255, 255, 255, 0), #FFF 50%); background:-webkit-linear-gradient(to right, rgba(255, 255, 255, .5), #FFF 50%);}
.SW_mainTabMenu .swiper-button-prev:after	{position:absolute; top:calc(50% - 8px) !important; left:7px; width:15px; height:15px; border:2px solid #444; border-top:none; border-left:none; -webkit-transform:rotate(135deg); transform:rotate(135deg); -moz-transform:rotate(135deg); content:'';}

.SW_mainTabMenu .swiper-button-next			{right:0px; background-size:auto !important; background:linear-gradient(to right, rgba(255, 255, 255, 0), #FFF 50%); background:-webkit-linear-gradient(to left, #FFF, rgba(255, 255, 255, 0), #FFF 50%);}
.SW_mainTabMenu .swiper-button-next:after	{position:absolute; top:calc(50% - 8px) !important; right:7px; width:15px; height:15px; border:2px solid #444; border-top:none; border-left:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -moz-transform:rotate(-45deg); content:'';}

.SW_mainTabMenu:hover .swiper-button-prev	{opacity:1;}
.SW_mainTabMenu:hover .swiper-button-next	{opacity:1;}
.SW_mainTabMenu .swiper-button-prev:hover,
.SW_mainTabMenu .swiper-button-next:hover	{opacity:1; overflow:visible !important;}

.SW_mainTabMenu .swiper-button-prev.swiper-button-disabled	{opacity:0 !important;}
.SW_mainTabMenu .swiper-button-next.swiper-button-disabled	{opacity:0 !important;}


/* Responsive Tab Contents Swiper */
.SW_premium									{margin:0px auto 0px auto; width:100%; position:static; padding:0;}
.SW_premium:after							{clear:both; display:block; content:"";}

.SW_premium .swiper-pagination				{bottom:0px !important; right:0px; width:100% !important;}
.SW_premium .swiper-pagination-bullet-active{opacity:1 !important; background-color:var(--IDTcolor) !important;}
.SW_premium .swiper-pagination-bullet		{margin-left:5px; width:12px; height:12px; display:inline-block; border-radius:100%; background-color:rgba(0, 0, 0, 0.8); outline:none;}

.SW_premium .swiper-button-prev, 
.SW_premium .swiper-button-next				{opacity:0; top:50%; width:50px !important; height:50px !important; cursor:pointer; outline:none; background-image:none; z-index:100; 
											-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
											border-radius:100%; border:none; background-color:rgba(0, 0, 0, 0.5);}

.SW_premium .swiper-button-prev				{left:-100px; opacity:.6; filter:alpha(opacity=60); -ms-filter:alpha(opacity=60);}
.SW_premium .swiper-button-prev:after		{position:absolute; top:calc(50% - 8px) !important; left:22px; width:14px; height:14px; border:4px solid #FFF; border-radius:2px; border-top:none; border-left:none; -webkit-transform:rotate(135deg); transform:rotate(135deg); -moz-transform:rotate(135deg); content:'';}

.SW_premium .swiper-button-next				{right:-100px; opacity:.6; filter:alpha(opacity=60); -ms-filter:alpha(opacity=60);}
.SW_premium .swiper-button-next:after		{position:absolute; top:calc(50% - 8px) !important; right:20px; width:14px; height:14px; border:4px solid #FFF; border-radius:2px; border-top:none; border-left:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -moz-transform:rotate(-45deg); content:'';}	

.SW_premium:hover .swiper-button-prev		{left:10px; opacity:0.5;}
.SW_premium:hover .swiper-button-next		{right:10px; opacity:0.5;}

.SW_premium .swiper-button-prev:hover,
.SW_premium .swiper-button-next:hover		{opacity:1.0; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100); border:none; background-color:rgba(0, 0, 0, 0.8); overflow:visible !important;}


@media screen and (max-width:1280px)		{
.SW_premium:hover .swiper-button-prev		{left:5px; opacity:0.5;}
.SW_premium:hover .swiper-button-next		{right:5px; opacity:0.5;}
.SW_premium .swiper-button-prev:hover,
.SW_premium .swiper-button-next:hover		{opacity:1; overflow:visible !important;}
}




/* MIA contents */
.mia_contentsWRAP				{display:inline-block; width:100%;}
.mia_contentsWRAP_thum			{float:left; position:relative; width:calc(50% - 60px); height:350px; border:1px solid #EEE; overflow:hidden; }
.mia_contentsWRAP_list			{float:left; width:calc(50% - 90px); margin:0; padding:0px 50px;}
.mia_contentsWRAP_qr			{float:right; width:130px}


.mia_contentsWRAP_thum img		{position:absolute; top:50%; left:50%; width:auto; width:100%; max-width:690px; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
.mia_contentsWRAP_qr .qrBox		{float:right; display:inline-block; width:130px; height:130px; border:2px solid #000; border-radius:4px;}
.mia_contentsWRAP_qr .qrBox img	{width:126px; height:126px;}

@media screen and (max-width:997px) {
	.mia_contentsWRAP_thum		{float:none; width:100%; min-height:500px; margin:0 auto}
	.mia_contentsWRAP_list		{float:none; width:100%; margin:10px 0; padding:0px;}
	.mia_contentsWRAP_qr		{float:none; width:100%; margin:0 auto; text-align:center;}
	.mia_contentsWRAP_qr .qrBox	{float:none; margin:20px auto;}
}

@media screen and (max-width:500px) {
	.mia_contentsWRAP_thum		{float:none; width:100%; min-height:300px; margin:0 auto}
}

/* List */
table.MIA						{border-spacing:0; border-collapse:collapse; width:100%;}
table.MIA caption				{display:none;}
table.MIA tbody th				{min-width:80px; min-height:40px; text-align:left; font-size:15px; color:#666; font-weight:700; letter-spacing:-1px; border-bottom:1px solid #e5e5e5; padding:10px 10px;}
table.MIA tbody td				{line-height:20px; text-align:left; font-size:15px; font-weight:500; letter-spacing:-1px; padding:12px 15px; border-bottom:1px solid #e5e5e5; color:#656565; border-right:none;}
table.MIA tbody td.lagicon img	{float:left; margin-right:5px;}
table.MIA tbody td a			{display:inline-block; color:#888;}
table.MIA tbody td a:hover		{color:#111;}
table.MIA tbody td i			{margin:0 2px; color:#5db626;}

table.MIA th, table.MIA td	{text-align:center;}

table.MIA td span				{display:block;}


@media (max-width:600px){
	table.MIA colgroup			{display:none;}
	table.MIA td				{display:block; text-align:left;}
	table.MIA td:first-child	{display:table-cell;}
	table.MIA td:last-child	{display:table-cell;}
	table.MIA td span			{margin:0 10px 0 0; display:inline-block; color:#333; letter-spacing:-0.08em;}
	table.MIA td.noborder		{border:none;} 
}



/***************************************************************************************************
*	Main Bottom Banner
***************************************************************************************************/
.Bottom_bannerWRAP								{display:inlnine-block; width:100%; margin:0px auto 20px auto;}

.bottom_banner									{margin:0px auto 0px auto; width:100%; position:static; padding:0;}
.bottom_banner:after							{clear:both; display:block; content:"";}

.bottom_banner .swiper-wrapper					{width:calc(100% - 20px) !important;}

.bottom_banner .swiper-button-prev, 
.bottom_banner .swiper-button-next				{opacity:0; top:calc(50% - 3px); width:50px !important; height:50px !important; cursor:pointer; outline:none; z-index:100;
												-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}

.bottom_banner .swiper-button-prev				{left:100px; background:url('/img/main/slide_arrow_pre.png') no-repeat; background-size:50px 50px;}
.bottom_banner .swiper-button-next				{right:100px; background:url('/img/main/slide_arrow_next.png') no-repeat; background-size:50px 50px;}
.bottom_banner:hover .swiper-button-prev		{left:0px; opacity:0.5;}
.bottom_banner:hover .swiper-button-next		{right:0px; opacity:0.5;}
.bottom_banner .swiper-button-prev:hover,
.bottom_banner .swiper-button-next:hover		{opacity:1; overflow:visible !important;}


.bottom_banner .swiper-slide					{/*border:1px solid #DDD;*/ padding:0 5px; text-align:center; background:#fff;
												display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex;
												-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;  -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}