@charset "utf-8";

html					{padding:0; margin:0; width:100%; height:100%; font-size:1em; font-weight:500; line-height:1.15; letter-spacing:-0.03rem; color:#545454; -webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}
/**						{-webkit-text-size-adjust:none;} 모바일 웹, 아이폰 사파리에서 화면회전시 폰트 확대방지 */
body					{height:100%; font-family:'NanumSquareNeo', 'celmonKr', 'NotoSansKr', 'Roboto', 'celmonHG', 'GongGothic', 'NanumSquareNeo', 'Open Sans', 'Apple Gothic', -apple-system, sans-serif, 'Helvetica Neue', Arial, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; 
						-webkit-text-size-adjust:none; -moz-osx-font-smoothing:grayscale; -webkit-text-size-adjust:none; -webkit-overflow-scrolling:touch; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent;}
						/*-webkit-font-smoothing: subpixel-antialiased; font-variant-ligatures:normal; font-variant-caps:normal; font-variant-numeric:normal; font-variant-east-asian:normal;font-synthesis:none;  -moz-font-feature-settings: 'liga', 'kern';*/
/*						{-webkit-text-size-adjust:none;} 모바일 웹, 아이폰 사파리에서 화면회전시 폰트 확대방지 */


legend					{overflow:hidden; visibility:hidden; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0}
aside, footer, header, hgroup, main, nav, section {margin:0; padding:0; display:block;}
dl, li, menu, ol, ul	{list-style:none;}
a						{text-decoration:none; border:none; color:#1a1a1a;}
em						{font-style:normal;}
fieldset				{margin:0; padding:0; border:none;}
legend					{display:none;}
button					{font-family:inherit; vertical-align:top; cursor:pointer; white-space:nowrap; text-decoration:none; background:transparent; border:none; outline-style:none;}
img						{border:none; vertical-align: top;}
.hide, caption			{display:none;}
.cboth					{clear:both; width:0; height:0; font-size:0; line-height:0;}
*						{box-sizing:border-box;}


body ::-moz-selection	{background-color:var(--IDTcolor); color:var(--PTcolor);}
body ::-webkit-selection{background-color:var(--IDTcolor); color:var(--PTcolor);}
body ::-ms-selection	{background-color:var(--IDTcolor); color:var(--PTcolor);}
body ::selection		{background-color:var(--IDTcolor); color:var(--PTcolor);}


/* Basic Scroll Bar*/
::-webkit-scrollbar					{width:8px;}
::-webkit-scrollbar-track			{background:#f1f1f1;}
::-webkit-scrollbar-thumb			{background:linear-gradient(45deg, #14181c, #21282f); border-radius:4px;}
::-webkit-scrollbar-thumb:hover	{background:linear-gradient(45deg, #14181c, #21282f);}


/* Scroll in All Layer Box */
.inBoxScroll::-webkit-scrollbar				{width:8px; height:8px; border:none;}
.inBoxScroll::-webkit-scrollbar-track		{background:rgba(239,239,239,1); -webkit-border-radius:5px; border-radius:5px; /*-webkit-box-shadow: inset 0 0 4px rgba(255,255,255,1)*/}
.inBoxScroll::-webkit-scrollbar-thumb		{background:rgba(127,127,127,0.3); -webkit-border-radius:5px; border-radius:5px; /*-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.4);*/}
.inBoxScroll								{scrollbar-width:thin; scrollbar-color:#CCCCCC transparent;} /* Firefox scrollbar */
.inBoxScroll								{scrollbar-face-color:#EEEEEE; scrollbar-track-color:#FFFFFF; scrollbar-arrow-color:#FFFFFF; scrollbar-highlight-color:none; scrollbar-3dlight-color:none; scrollbar-shadow-color:none; scrollbar-darkshadow-color:none;} /* Only IE */
.inBoxScroll::-webkit-scrollbar-thumb:hover	{background:rgba(127,127,127,0.6); -webkit-border-radius:5px; border-radius:5px; /*-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.6);*/}


/* Wide Row Scroll*/
@media screen and (max-width:997px) {
	.wide_scroll	{display:inline-block; overflow:hidden; overflow-x:auto; padding:0px; width:100%;}
}

.sBOX					{box-shadow:2px 1px 10px 1px rgb(0 0 0 / 4%); -webkit-box-shadow:2px 1px 10px 1px rgb(0 0 0 / 4%); overflow:hidden;}
.wBOX					{display:flex; align-items:center; justify-content:center; width:100%; padding:15px 20px; border-radius:8px; border:1px solid var(--boxBorderColor); background-color:#FFF; box-shadow:2px 1px 10px 1px rgb(0 0 0 / 4%); -webkit-box-shadow:2px 1px 10px 1px rgb(0 0 0 / 4%); overflow:hidden;}

/******************************************************************************************************************************************
*	ROOT var(--IDTcolor)
/******************************************************************************************************************************************/
.IDTcolor		{color:#191A1F;}
.IDTcolor-light	{color:#757575;}
.IDTcolor-dark	{color:#262A35;}
.PTcolor		{color:#FDC313;}
.footer-color	{color:#14181c;}

:root {
	--baseBackground:#FFFFFF; /*F3F8FF*/
	--IDTcolor:#191A1F;
	--IDTcolor-light:#757575;
	--IDTcolor-dark:#262A35;
	--PTcolor:#FDC313;
	--footer-color:#14181c;

	--lightgray_color:#DDDDDD;
	--gray_color:#444444;
	--deepsky_color:#34a2f7;
	--deepsky2_color:#048cf6;

	--max-width:1460px;

	--font-size:14px;
	--iptbtnHeight:50px;
	--iptbtnHeight-middle:35px;
}


/******************************************************************************************************************************************
*	[Important] Transform objects unconditionally when responsive : 2020.06.17
/******************************************************************************************************************************************/
/* It can only be viewed on mobile, not on PC */
.onlyMobile				{display:none !important;}


@media screen and (max-width:997px) {
	.onlyMobile			{display:block !important;}
}

@media screen and (max-width:997px) {
	.Rper100				{display:inline-block !important; width:100% !important; margin:1px 0px !important; float:none !important;} /* BR */
	.Rper50					{display:inline-block !important; width:calc(50% - 2px) !important; margin:1px 0px !important;}
	.Rper33					{display:inline-block !important; width:calc(33.33% - 2px) !important; margin:1px 0px !important;}
	.RM980					{display:none !important}
	.RPadding				{padding:0px !important;}
	.RMargin				{margin:0px !important;}
}


/* Table Align */
.tLeft					{text-align:left !important;}
.tCenter				{text-align:center !important;}
.tRight					{text-align:right !important;}
.vTop					{vertical-align:top;}
.vMiddle				{vertical-align:middle;}
.vBottom				{vertical-align:bottom;}

.WD100					{display:inline-block; width:100%;}

.FR						{float:right;}
.FL						{float:left;}

.hide					{display:none;}
.hand					{cursor:pointer;}
.gapBar01				{display:inline-block; margin:5px 9px 0 9px; width:1px !important; height:14px; border-left:1px solid #CCC;}

.nodata					{display:flex; text-align:center; justify-content:center; align-items:center; width:100%; padding:2rem 0 2rem 0 !important; color:#858585; font-size:var(--FS16); font-weight:var(--FW500); line-height:1;}
.nodata	i.error			{margin:0px; padding:0px;}
.nodata	i.error::before	{content:"\f06a"; font-family:"Font Awesome 6 Free"; font-size:var(--FS20); font-weight:900 !important; margin-right:5px;}

/* A class */
a	{text-decoration:none; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}


/* 세로 공백 */
.h03 {display:block; height:3px; font-size:0px; border:0;}
.h05 {display:block; height:5px; font-size:0px; border:0;}
.h09 {display:block; height:9px; font-size:0px; border:0;}
.h10 {display:block; height:10px; font-size:0px; border:0;}
.h15 {display:block; height:12px; font-size:0px; border:0;}
.h20 {display:block; height:20px; font-size:0px; border:0;}
.h30 {display:block; height:30px; font-size:0px; border:0;}
.h50 {display:block; height:50px; font-size:0px; border:0;}

/* 가로 공백 */
.w10 {display:inline-block; width:10px; font-size:0px; border:0;}
.w20 {display:inline-block; width:20px; font-size:0px; border:0;}



/* COL Division */
.col-10			{float:left; width:10% !important;  box-sizing:content-box; box-sizing:border-box;}
.col-20			{float:left; width:20% !important;  box-sizing:content-box; box-sizing:border-box;}
.col-30			{float:left; width:30% !important;  box-sizing:content-box; box-sizing:border-box;}
.col-33			{float:left; width:33.3333% !important;  box-sizing:content-box; box-sizing:border-box;}
.col-40			{float:left; width:40% !important;  box-sizing:content-box; box-sizing:border-box;}
.col-50			{float:left; width:50% !important;  box-sizing:content-box; box-sizing:border-box;}
.col-60			{float:left; width:60% !important;  box-sizing:content-box; box-sizing:border-box;}
.col-70			{float:left; width:70% !important;  box-sizing:content-box; box-sizing:border-box;}
.col-80			{float:left; width:80% !important;  box-sizing:content-box; box-sizing:border-box;}
.col-90			{float:left; width:90% !important;  box-sizing:content-box; box-sizing:border-box;}
.col-100		{float:left; width:100% !important; box-sizing:content-box; box-sizing:border-box;}

@media screen and (max-width:997px) {
	.col-10			{float:none; width:100% !important;}
	.col-20			{float:none; width:100% !important;}
	.col-30			{float:none; width:100% !important;}
	.col-33			{float:none; width:100% !important;}
	.col-40			{float:none; width:100% !important;}
	.col-50			{float:none; width:100% !important;}
	.col-60			{float:none; width:100% !important;}
	.col-70			{float:none; width:100% !important;}
	.col-80			{float:none; width:100% !important;}
	.col-90			{float:none; width:100% !important;}
	.col-100		{float:none; width:100% !important;}
}

/* P Text 정의 */
.para17					{display:block; font-size:var(--FS17); font-weight:var(--FW500); color:#747474; letter-spacing:var(--LS05); line-height:2; word-break:keep-all; word-wrap:break-word;}
.para17 > strong		{color:var(--IDTcolor); font-weight:var(--FW500F);}
.para17 > strong.power	{color:var(--IDTcolor); font-weight:var(--FW700F);}

.para16,					
.para16 p				{display:block; font-size:var(--FS16); font-weight:var(--FW500); color:#747474; letter-spacing:var(--LS05); line-height:1.7; word-break:keep-all; word-wrap:break-word;}

@media screen and (max-width:517px) {
	.para17			{display:block; font-size:var(--FS14F); text-align:justify; line-height:1.8; word-break:break-word;}
}

/* LAYOUT */
#WRAP					{position:relative; margin:0 auto; width:100%; height:100%;}
#CONTAINER				{margin:0px auto; width:100%; padding:0; height:100%; min-height:100%;}
#CONTENTS				{margin:0px auto 0px auto; padding:0px; background-color:var(--baseBackground); /*height:100%; max-height:100%;*/}


/* WRAPPER */
.wrapper				{position:relative; width:100%; max-width:var(--max-width); margin-left:auto; margin-right:auto; padding:0px; box-sizing:content-box; box-sizing:border-box;}
.wrapper.wide			{position:relative; width:100%; max-width:calc(100% - 80px); margin-left:auto; margin-right:auto; box-sizing:content-box; box-sizing:border-box;}

@media screen and (max-width:997px) {
	.wrapper			{width:calc(100% - 20px);}
	.wrapper.wide		{width:calc(100% - 0px);}
}

/* Scroll Animation Group : 250527 */
.aniGroup			{opacity:0; transform:translateY(40px); transition:all 0.8s ease;}
.aniGroup.on		{opacity:1; transform:translateY(0); transition-delay:0.2s;}


/* Contents Animation moveUp : 2025.07.23 */
.moveUp		{opacity:0; transform:translateY(50px); animation:moveUp 1s ease-out forwards;}

@keyframes moveUp {
	from	{transform:translateY(50px); opacity:0;}
	to		{transform:translateY(0); opacity:1;}
}




/******************************************************************************************************************************************
*	HEADER - 2021.02.15
/******************************************************************************************************************************************/
HEADER								{position:absolute; width:100%; height:140px;}
HEADER NAV							{position:fixed; width:100%; height:100px; background-color:rgba(0,0,0,0); /*background-color:rgba(0,0,0,.2);*/ transform:translateY(0px); -webkit-transition:all 1s cubic-bezier(0.215, 0.61, 0.355, 1); transition:all 1s cubic-bezier(0.215, 0.61, 0.355, 1); will-change:all; z-index:5;}

/* Header Fixed */
HEADER NAV.fixed					{position:fixed; transform:translateY(-40px); width:100%; background-color:#fff; box-shadow:0 2px 10px 0 rgba(0,0,0,.05);}
HEADER NAV.non_fixed				{position:absolute;}

HEADER NAV.fixed .logo .logo_img	{background-image:url(/web/img/common/logo_whitebg.png);}
HEADER NAV.fixed .main_menu>a		{color:#444}

HEADER NAV .menuArea				{display:flex; justify-content:space-between; align-items:center;}

HEADER .logo						{margin-right:160px;}
HEADER .logo .logo_img				{display:inline-block; vertical-align:middle; width:200px; height:60px; background-image:url(/web/img/common/logo.png);}

/* Service Menu */
.srv_navBG										{position:relative; width:100%; padding:0px; height:40px; text-align:center; vertical-align:middle; background-color:rgba(0,0,0,.2); transform:translateY(0px); z-index:3;}
.srv_nav										{display:flex; justify-content:space-between; align-items:center; width:100%; height:100%;}

.othersite_lst									{display:flex; justify-content:space-between; align-items:center; gap:0 30px;}
.othersite_lst li								{display:inline-block;}
.othersite_lst li a								{color:#FFF; font-family:var(--FFP); font-size:var(--FS14); font-weight:var(--FW500);}

.login_lst										{display:flex; justify-content:space-between; align-items:center; gap:0 30px;}
.login_lst li									{display:inline-block;}
.login_lst li a									{display:flex; align-items:center; color:#FFF; font-family:var(--FFP); font-size:var(--FS14); font-weight:var(--FW500);}
.login_lst li a i								{font-size:var(--FS16); margin-right:4px;}

/* Main Menu */
.pc-nav											{display:flex; justify-content:space-between; align-items:center; width:100%; /*text-align:right; text-align:center;*/}
.pc-nav .main_menu								{position:relative; display:inline-block; height:100px; text-align:center; vertical-align:middle;}

.pc-nav .main_menu:first-child					{margin-left:0 !important;}
.pc-nav .main_menu>a							{display:block; position:relative; font-family:var(--FFC);  text-transform:uppercase; font-size:var(--FS18); letter-spacing:-0.2px; font-weight:500; color:#fff; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.pc-nav .main_menu>a:hover						{text-decoration:none;}
.pc-nav .main_menu .menu_line					{position:relative;}
.pc-nav .main_menu .menu_line:after				{content:""; position:absolute; bottom:-5px; display:block; width:100%; height:2px; background-color:var(--PTcolor); -webkit-transform:scaleX(0); transform: scaleX(0); -webkit-transition:transform .3s;  transition:transform .3s;}
.pc-nav .main_menu.on .menu_line:after			{-webkit-transform:scaleX(1);  transform:scaleX(1);}

/* Sub Menu */
.pc-nav .sub_menu_wrap							{position:absolute; top:80px; left:50%; display:none; width:180px; -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.pc-nav .sub_menu								{height:42px; line-height:42px; background-color:var(--IDTcolor); -webkit-transition:background-color .6s; transition:background-color .6s;}
.pc-nav .sub_menu a								{display:block;  font-size:14px; font-weight:600; color:#b6bac6; text-decoration:none;}
.pc-nav .sub_menu a:hover						{text-decoration:none; color:#FFF }
.pc-nav .sub_menu:hover							{background-color:rgba(38,42,53,.8);}
.pc-nav .sub_menu:first-child					{border-top:0;}

@media screen and (max-width:1421px) {
	HEADER .logo .logo_img					{width:200px; height:50px;}
}

@media screen and (max-width:997px) {
	HEADER .logo							{margin-right:0px;}
	HEADER NAV								{display:none;}
	HEADER .srv_navBG						{display:none;}
}

/* Header Fixed */
.mobile-header									{display:flex !important; align-items:center; justify-content:center; position:fixed; left:0; top:0; width:100%; height:50px; background-color:rgba(0,0,0,.6); -weblkit-transition:background-color .5s; transition:background-color .5s; z-index:4;}
.mobile-header.fixed							{align-content:center; background-color:#fff;  box-shadow: 0 2px 10px 4px rgba(0,0,0,.04);}
.mobile-header.non_fixed						{background-color:#fff;  box-shadow: 0 2px 10px 4px rgba(0,0,0,.04);}

.mobile-header .logo .logo_img					{display:inline-block; width:117px; height:35px; background-image:url(/web/img/common/logo.png); background-repeat:no-repeat; background-size:contain; vertical-align:middle;}

.mobile-header.fixed .logo .logo_img			{background-image:url(/web/img/common/logo_whitebg.png);}
.mobile-header.non_fixed .logo .logo_img		{background-image:url(/web/img/common/logo_whitebg.png);}


/* Toggle Navigation */
.all_menu										{position:fixed; right:0; top:0; height:0; z-index:510;}
.all_menu .toggle-nav							{width:100%; max-width:320px; background-color:#fff; 
												-webkit-transition-property:-webkit-transform; -moz-transition-property:transform; -o-transition-property:transform; transition-property:transform;
												-webkit-transform:translateX(0); transform translateX(0); -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s; -o-transition-duration:0.6s; transition-duration:0.6s}
.toggle											{position:absolute; right:100%; top:6px; margin:10px 5px; padding:15px 15px; background-color:transparent; cursor:pointer; z-index:20}
.toggle span									{position:absolute; top:0; left:0; width:22px; height:2px; background:#FFF; transition:all .3s}
.toggle span:nth-child(2)						{top:7px}
.toggle span:nth-child(3)						{top:14px}

.toggle.on span									{width:24px; background-color:#FFF;}
.toggle.on span:nth-child(1)					{top:8px;-webkit-transform:rotate(135deg)!important;-moz-transform:rotate(135deg)!important;-o-transform:rotate(135deg)!important;transform:rotate(135deg)!important}
.toggle.on span:nth-child(2)					{opacity:0; left:60px}
.toggle.on span:nth-child(3)					{top:8px;-webkit-transform:rotate(-135deg)!important;-moz-transform:rotate(-135deg)!important;-o-transform:rotate(-135deg)!important;transform:rotate(-135deg)!important}

.mobile-header.on .toggle-nav					{-webkit-transform:translateX(-320px); transform:translateX(-320px);}
.mobile-header.fixed .toggle span				{background-color:#000;}
.mobile-header.non_fixed .toggle span			{background-color:#000;}
.mobile-header.on.fixed .toggle span			{background-color:#fff;}
.mobile-header.on.non_fixed .toggle span		{background-color:#fff;}


/* Global Slide Menu */
.GSM											{position: fixed; top:0; right:0; width:320px; padding:0 20px; background-color:#fff; height:100%; z-index:700; overflow: auto; -webkit-transform:translateX(100%); transform:translateX(100%); -webkit-transition:transform 0.4s ease; transition:transform 0.4s ease;}
.mobile-header.on .GSM							{-webkit-transform: translateX(0); transform: translateX(0);}
.GSM .headerGSM									{display:flex; flex-direction:column; margin-bottom:10px;}

.GSM .headerGSM	.langArea						{display:block; width:100%; margin:0px auto 15px auto; box-sizing:border-box}

.m-nav .main_menu								{display:block; line-height:50px; font-size:var(--FS15F); font-weight:600; letter-spacing:-0.04em; border-bottom:1px solid #EEE; padding:0;}
.m-nav .main_menu a								{display:flex; justify-content:space-between; align-items:center; width:100%; padding:0 10px; color:#555; text-decoration:none; }
.m-nav .main_menu .menu_line					{position:relative;}
.m-nav .main_menu .menu_line:after				{content: ""; position: absolute; display: block; width: 100%; height:2px; background-color:var(--IDTcolor); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: transform .3s; transition: transform .3s;}
.m-nav .main_menu.on .menu_line:after			{-webkit-transform: scaleX(1); transform: scaleX(1);}

.main_menu em									{position:relative; float:right;}
.main_menu em:after								{content:''; clear:both; position:absolute; transition:all 0.2s; top:-6px; right:0px; width:9px; height:9px; border:2px solid #555; border-top:none; border-right:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:'';}	
.m-nav .main_menu.on em:after					{transform:rotate(135deg); top:-6px; border:2px solid #0c61d5; border-top:none; border-right:none;}

.sub_menu_wrap									{display:none;}
.main_menu.on .sub_menu_wrap					{display:block;}

.m-nav .sub_menu								{background-color:#f6f6f6; -webkit-transition:background-color .6s; transition:background-color .6s;}
.m-nav .sub_menu>a								{padding:15px 20px; display:block; font-size:13px; line-height:14px; font-weight:500; color:#666; text-decoration:none;}
.m-nav .sub_menu:hover							{background-color:rgba(0,0,0,.1)}

/* DIMMER */
.mobile-header .dim								{display:none;}
.mobile-header .dim								{position:fixed; top:0; bottom:0; width:100%; background-color:rgba(0,0,0,.7);}

/* Login */
.GSM .headerGSM	.loggedArea						{display:flex; align-items:center; justify-content:flex-start; width:100%; margin:10px auto; box-sizing:border-box}
.GSM .headerGSM	.loggedArea .greeting			{text-align:left; width:100%; font-size:var(--FS16); font-weight:700; color:#111; letter-spacing:-1px;}

.GSM .headerGSM .loginActArea					{display:flex; width:100%; margin-bottom:20px;}
.GSM .headerGSM .loginActArea li				{float:left; /*width:50%;*/ width:100%;text-align:left; box-sizing:border-box;}
.GSM .headerGSM .loginActArea li:last-child		{float:right; text-align:right;}
.GSM .headerGSM .loginActArea li a				{display:flex; align-items:center; justify-content:center; width:calc(100% - 5px); border-radius:4px; padding:0px 10px; font-size:15px; font-weight:600; height:40px; text-align:center; text-decoration:none;}
.GSM .headerGSM .loginActArea li a::after		{display:inline-block; height: 1.7em; content: "";} /* Because IE */

.GSM .headerGSM .loginActArea li a:hover		{-webkit-transition:.3s ease-out; -moz-transition:.3s ease-out; -o-transition:.3s ease-out; -ms-transition:.3s ease-out; transition:.3s ease-out; transform:translateY(-5px);}
.GSM .headerGSM .loginActArea li a.btnfull		{background:var(--IDTcolor) !important; border:1px solid var(--IDTcolor); color:#FFFFFF !important; text-decoration:none;}
.GSM .headerGSM .loginActArea li a.btnstroke	{background:#FFFFFF !important; border:1px solid var(--IDTcolor); color:var(--IDTcolor) !important; text-decoration:none;}


/* GSM Add Menu */
.GSM .ADD_list						{display:inline-block; margin:20px auto; width:100%; list-style:none; padding:0;}
.GSM .ADD_list li					{padding:15px 12px; border-bottom:1px solid #EEE;}
.GSM .ADD_list li a					{display:flex; justify-content:space-between; align-items:center; width:100%; font-size:var(--FS15); font-weight:700; letter-spacing:-0.03em; color:#555;}
.GSM .ADD_list li:hover				{-webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease;}
.GSM .ADD_list li em				{position:relative;}
.GSM .ADD_list li em:after			{content:''; clear:both; position:absolute; transition:all 0.2s; top:-6px; right:0px; width:9px; height:9px; border:2px solid #999; border-top:none; border-right:none; -webkit-transform:rotate(225deg); transform:rotate(225deg); content:'';}


@media screen and (max-width:997px) {
	.GSM .GSM_list li.depth1 a			{font-size:15px;}
}

/* Open license */
.GSM .ADD_list.openmenu				{display:inline-block; margin:20px auto; width:100%; list-style:none; padding:0;}
.GSM .ADD_list.openmenu	li			{padding:12px 12px; border-bottom:none;}

/********** 오픈소스 라이선스 **********/
.OLS								{position:fixed; top:0; bottom:0; padding:0px; right:-350px; width:30%; max-width:350px; overflow-y:auto; transition:all .3s ease-in-out 0s; -webkit-transition:all .3s ease-in-out 0s; -moz-transition:all .3s ease-in-out 0s; z-index:9999;}
.OLS.on								{right:0; background:#F5F5F5; text-align:left; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:Alpha(Opacity=100); -moz-opacity:1.0; opacity:1.0;}
.OLS.on ~ .dim						{display:block; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.75); z-index:999;} /* OLS 활성화되었을 때 */
.OLS .btn_close						{position:absolute; display:inline-block; width:25px; height:25px; top:14px; right:9px; cursor:pointer;}

@media screen and (max-width:997px) {
.OLS								{width:80%;}
}

.OLS H3			{text-align:center; width:100%; font-size:15px; line-height:48px !important; font-weight:700; color:#111; text-transform:uppercase; letter-spacing:-1px; background:#FFFFFF; border-top:1px solid #EEE; border-bottom:1px solid #EEE;}  /* Page Title */
.OLS H3	.CICC	{margin:12px 0 0 10px;}


/* Setting Page */
.setPage		{width:100%; padding:20px;}
.setPage > ul	{margin-bottom:25px; list-style:none;}


/* List 더 보기 */
button.btn_list_more		{font-size:14px; font-weight:500; width:100%; height:36px; margin:15px 0px; background-color:var(--baseBackground);  border:1px solid #CCC; color:#444; line-height:34px; border-radius:2px}
.btn_list_more .page_count	{font-family:Roboto; font-weight:500; color:var(--IDTcolor)}
.btn_list_more .total_count	{font-family:Roboto; font-weight:500; color:#666}


/******************************************************************************************************************************************
*	FOOTER
/******************************************************************************************************************************************/
FOOTER								{position:relative; z-index:2; background-color:var(--footer-color); font-size:14px; font-weight:400; color:#919191; padding:40px 0px;}
FOOTER:after						{clear:both; content:""; display:block;}

/* Bottom Menu (이용약관 등) */
.footMenuWrap						{display:flex; width:100%; padding:0 0 40px 0; border-bottom:1px solid rgba(255,255,255,0.05);}
.footMenuWrap .terms				{display:flex; align-items:center; width:100%; margin-right:20px; overflow:hidden;}
.footMenuWrap .terms li				{display:flex; align-items:center; margin-right:40px;}
.footMenuWrap .terms li a			{display:flex; align-items:center; text-align:left; font-size:var(--FS16); font-weight:700; color:#888; letter-spacing:-0.08em;}
.footMenuWrap .terms li a i			{margin-left:3px;}
.footMenuWrap .terms li:last-child a{margin-right:0px;}
.footMenuWrap .terms li a:hover		{color:#FFF; text-decoration:none;}

.footMenu							{display:flex; justify-content:space-between; align-items:center;}

@media screen and (max-width:997px) {
	.footMenuWrap					{padding:0 0 20px 0; margin-bottom:20px;}
	.footMenuWrap .terms			{justify-content:flex-start; flex-wrap:wrap; margin:0px 0px 10px 0px;}
	.footMenuWrap .terms li			{margin:0 0 15px 0;}
	.footMenuWrap .terms li a		{margin-right:20px; border:0px; background:none; font-size:14px; letter-spacing:-0.5px;}

	.footMenu						{display:flex; flex-direction:column; align-items:flex-start;}
}

@media screen and (max-width:517px) {
	.footMenuWrap .terms li a		{font-size:12px;}
}

.footInfoWrap						{display:flex; padding:40px 0;}
.footer_logo						{display:flex; align-items:center; text-align:left; padding-right:40px;}
.footer_logo .logo_img				{display:block; width:150px; height:49px; background-position:0 0; background-repeat:no-repeat; background-size:contain; background-image:url(/web/img/common/logo_bottom.png);}

address								{display:flex; flex-direction:column; width:100%;}

address	.addstel					{display:flex; align-items:flex-start;}
address	.addstel ul:last-child		{margin-left:50px; padding-left:50px; border-left: 1px solid rgba(255, 255, 255, 0.12);}

address li							{display:flex; flex-direction:column; font-size:var(--FS12); line-height:20px; text-align:left; font-style:normal; margin-right:10px;}
address li a						{color:#919191}
address li.addtitle					{text-transform:uppercase; font-family:var(--FFR); color:rgba(255, 255, 255, 0.8); font-weight:var(--FW700);font-size:var(--FS12); padding-bottom:5px; letter-spacing:var(--LS00)}

address li a:hover					{color:#EEEEEE; text-decoration:none;}
.copyright							{display:inline-block; font-family:var(--FFR); width:100%; margin-top:15px; letter-spacing: -0.02em; font-size:var(--FS12F);}


@media screen and (max-width:997px) {
	.footInfoWrap					{padding:0px;}
	.footer_logo					{display:none}

	address	.addstel				{flex-direction:column;}
	address	.addstel ul:last-child	{margin-top:20px; margin-left:0px; padding-left:0px; border-left:0px;}
	address li.addtitle				{display:none}
}

@media screen and (max-width:517px) {
	FOOTER							{padding:30px 0 30px 0;}
	address li						{line-height:16px;}
}


/* Footer Select */
.footer_select					{position:relative; display:inline-block; min-width:200px;}

.footer_selectBtn				{display:flex; align-items:center; justify-content:space-between; position:relative; cursor:pointer; transition:all 0.3s ease; z-index:2;
								width:100%; height:48px; padding:0 50px 0 25px; border:1px solid rgba(255, 255, 255, 0.12); background-color:#1e1f23; font-size:var(--FS15); font-weight:var(--FW700); letter-spacing:var(--LS10); color:#919191; }

.footer_selectBtn:hover			{border-color:#999; color:#FFF;}
.footer_selectBtn.active		{background-color:var(--footer-color); color:var(--PTcolor); border-color:#555; border-width:0px 1px 1px 1px; border-style:solid;  border-radius:0 0 12px 12px; box-shadow:-2px 2px 6px rgba(0, 0, 0, 0.25);}
.footer_selectBtn::after		{content:''; position:absolute; right:15px; top:50%; transform:translateY(-50%); width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-bottom:4px solid var(--mygray); transition:all 0.3s ease; }
.footer_selectBtn.active::after {border-bottom-color:var(--PTcolor); transform:translateY(-50%) rotate(180deg);}

.innerDropdown					{position:absolute; bottom:0; left:0; right:0; padding:20px 10px; background-color:var(--footer-color); border-color:#555 #555 #444 #555; border-width:1px 1px 1px 1px; border-style:solid; border-radius:12px 12px 0 0; max-height:0; overflow:hidden; transition:max-height 0.3s ease; z-index:0;}
.innerDropdown.active			{bottom:100%; max-height:230px; box-shadow:-2px -1px 6px rgba(0,0,0,0.25);}

.innerDropdown.active .family-dropdown {max-height:200px; overflow-y:auto;}
.family-dropdown				{background-color:transparent; max-height:0; overflow:hidden; transition:max-height 0.3s ease;}
.family-dropdown-item			{display:flex; align-items:center; justify-content:space-between; font-size:var(--FS14); padding:12px 10px; color:#999; font-weight:var(--FW600); letter-spacing:var(--LS10); text-decoration:none; transition:all 0.2s ease;}
.family-dropdown-item:hover		{color:var(--white);}

.family-dropdown .family-dropdown-item i			{margin-left:5px; font-size:16px;}

.family-dropdown::-webkit-scrollbar					{width:6px;}
.family-dropdown::-webkit-scrollbar-track			{background:var(--footer-color); border-radius:3px;}
.family-dropdown::-webkit-scrollbar-thumb			{background:#888; border-radius:3px;}
.family-dropdown.active::-webkit-scrollbar-track	{background:#555;}
.family-dropdown.active::-webkit-scrollbar-thumb	{background:#999;}

@media screen and (max-width:517px) {
	.footer_select				{width:50%}
	.footer_selectBtn			{height:42px;}
}


/* Terms of Use */
.TOU:after			{content:''; clear:both;}
.TOU > H7			{display:inline-block; width:100%; height:40px; font-size:20px; margin-bottom:0px; font-weight:800; color:#222; border:none !important;}
.TOU > H8			{display:inline-block; width:100%; font-size:17px; font-weight:900; color:#111; border-bottom:1px solid #ddd; padding:14px 0 14px 0px}
.TOU > H9			{font-size:14px; font-weight:700; color:#222; line-height:24px}

.TOU p				{line-height:24px; font-size:14px !important; font-weight:500; letter-spacing:-0.75px; margin:0px !important;}
.TOU b				{color:#222;}

.TOU > .strokeBox	{border:5px solid #ededed; padding:20px; margin-bottom:30px}

@media screen and (max-width:517px) {
	.TOU > H7			{font-size:16px;}
}


/* COL TABLE */
.simcolBL						{width:100%; text-align:center; font-size:16px; line-height:22px; border-top:2px solid var(--IDTcolor); border-collapse:collapse; padding:0px; border-spacing:0px;}
.simcolBL caption				{display:none;}
.simcolBL thead	th				{color:#111; background-color:#F4F4F4; border:1px solid #D8D8D8; margin-bottom:3px; padding:16px 10px; font-weight:600; text-align:center; border-top:1px solid #222}
.simcolBL thead	td				{background-color:#F4F4F4; border:1px solid #D8D8D8; margin-bottom:3px; padding:15px 8px; font-weight:500; text-align:center;}
.simcolBL thead	th:first-child	{border-left:none;}
.simcolBL thead	th:last-child	{border-right:none;}
.simcolBL thead	td:last-child	{border-right:none;}

.simcolBL tbody th				{text-align:center; background-color:#F7F7F7; border:1px solid #D8D8D8; }
.simcolBL tbody th:first-child	{border-left:none;}
.simcolBL tbody td				{position:relative; text-align:center; background:#FFF; font-size:15px; font-weight:500; border:1px solid #D8D8D8; padding:15px 15px;}
.simcolBL tbody td:first-child	{border-left:none;}
.simcolBL tbody	td:last-child	{border-right:none;}

.simcolBL tbody td .CIIBOX		{position:initial; top:50%;  margin-top: -10px; font-size:initial;}
.simcolBL tbody td i			{vertical-align:-3px; text-align:center}
.simcolBL tfoot td				{border-top:2px solid #000;}


/* ROW TABLE */
.simrowBL						{width:100%; text-align:center; font-size:16px; line-height:22px; border-top:2px solid #0c61d5; border-collapse:collapse; padding:0px; border-spacing:0px;}
.simrowBL caption				{display:none;}

.simrowBL tbody th				{text-align:center; background-color:#F7F7F7; border:1px solid #D8D8D8; padding:14px 10px;}
.simrowBL tbody th:first-child	{border-left:none;}
.simrowBL tbody td				{text-align:left; background:#FFF; font-size:14px; font-weight:500; border:1px solid #D8D8D8; padding:10px 8px;}
.simrowBL tbody td:first-child	{border-left:none;}
.simrowBL tbody	td:last-child	{border-right:none;}

.simrowBL tfoot td				{border-top:2px solid #000;}

/* ROW TABLE NUDE */
.simrowBL.nude							{width:100%; text-align:center; font-size:16px; line-height:22px; border-top:none; border-collapse:collapse; padding:0px; border-spacing:0px;}
.simrowBL.nude tbody th					{position:relative; text-align:justify; background-color:#FFFFFF; border:1px solid #EEEEEE; padding:14px 10px;}
.simrowBL.nude tbody th:before			{content: ''; display:block; position:absolute; left:0px; top:calc(50% - 2px); width:4px; height:4px; border-radius:2px; background-color:#666;}
.simrowBL.nude tbody th:first-child		{border-top:none; border-left:none; border-right:none;}
.simrowBL.nude tbody td					{text-align:left; background-color:#FFFFFF;  border-bottom:1px solid #EEEEEE; font-size:16px; font-weight:500; padding:10px 8px;}
.simrowBL.nude tbody td:first-child		{border-top:none; border-left:none; border-right:none;}
.simrowBL.nude tbody td:last-child		{border-top:none; border-right:none;}
.simrowBL.nude tbody tr:last-child th	{border-bottom:none;}
.simrowBL.nude tbody tr:last-child td	{border-bottom:none;}


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

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

table.RTBL td span				{display:block;}


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

/* View */
table.RTBV						{border-spacing:0; border-collapse:collapse; width:100%;}
table.RTBV caption				{display:none;}


/******************************************************************************************************************************************
*	Sub Page Common - 2021.02.18
/******************************************************************************************************************************************/
.pathCateWrap					{position:relative; width:100%; font-size:14px; color:#FFF; background-color:#0c61d5; z-index:5;}
.pathCateWrap .depth-1-wrap		{height:52px; line-height:52px;}
.pathCateWrap .depth-1			{position:relative; float:left; min-width:200px; border-right:1px solid rgba(255,255,255,.2);}
.pathCateWrap .depth-1 .text	{font-weight:500; letter-spacing:-0.5px;}

.pathCateWrap .depth-2-wrap		{position:absolute; width:100%; display:none;}
.pathCateWrap .depth-2			{height:52px; line-height:14px; padding:0 20px; background-color:#0c61d5; -webkit-transition:background-color .5s; transition:background-color .5s;}
.pathCateWrap .depth-2.on,
.pathCateWrap .depth-2:hover	{background-color:#333;}
.pathCateWrap .depth-2 a		{position:relative; display:block; color:#FFF; text-decoration:none; letter-spacing:-0.5px; top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);}

.nowPage						{width:100%; height:52px; line-height:52px; padding:0 35px 0 20px; text-align:left; border:none; outline:none; background-color:#0c61d5;}
.nowPage i						{position:absolute; top:20px; right:10px;}

/* Home Icon */
.pathCateWrap .depth-1.home		{position:relative; width:60px; min-width:40px; height:52px; border-left:1px solid rgba(255,255,255,.2); text-align:center;}
.pathCateWrap .depth-1.home a	{position:relative; display:block; width:34px; height:34px; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.pathCateWrap .depth-1.home a i	{top:5px; right:11px;}

@media screen and (max-width:997px) {
.pathCateWrap					{font-size:13px;}
.pathCateWrap .depth-1-wrap		{height:40px; line-height:40px; min-width:350px;}
.pathCateWrap .depth-1			{min-width:140px;}
.pathCateWrap .depth-2			{padding:0 10px;}

.pathCateWrap .depth-1.home		{width:40px; height:40px; border-left:none;}

.nowPage						{height:40px; line-height:40px;}
.nowPage i						{top:16px;}
}


/* Sub Visual Area */
.SVA								{position:relative; height:400px; overflow:hidden;}
.SVA_bg								{position:relative; height:400px; background-position:center center; background-size:cover; background-repeat:no-repeat;}

.bg-overlay							{position:absolute; top:0; bottom:0; left:0; right:0; background-color:rgba(0,0,0,.6); opacity:0; z-index:2; -webkit-transition:all 1s; transition:all 1s;}
.SVA .bg-overlay					{animation:opacityAnimation 1s .5s ease 1 forwards}

.SVA_txtWRAP						{position:relative; width:100%; height:100%; padding:0px; text-align:center; word-break:keep-all; z-index:2}		

.pageTitleWRAP						{position:absolute; top:calc(50% + 0px); left:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.pageTitleWRAP .pageTitle			{padding:0 20px; text-align:center; opacity:0; color:#fff; font-size:36px; font-family:celmonHG; font-weight:800; letter-spacing:1px;}
.pageTitleWRAP .divider				{position:relative; top:10px; width: 0px; height:2px; margin:0px auto 0; opacity:0; background:rgba(255, 255, 255, .7);
									-webkit-animation: fade 1s 0.75s linear, stretch 1s 0.4s linear;-webkit-animation-fill-mode: forwards;}

.pageTitleWRAP .divider:before		{content:""; display:block; position:absolute; left:0; top:-2.5px; width:6px; height:6px; background-color:#FFF; border-radius:3px;}
.pageTitleWRAP .divider:after		{content:""; display:block; position:absolute; right:0; top:-2.5px; width:6px; height:6px; background-color:#FFF; border-radius:3px;}

@-webkit-keyframes fade				{from {opacity:0;} to {opacity:1;}}
@-webkit-keyframes stretch			{from {width:0px;} to {width:100%;}}


.SVA_txtWRAP .sub_character.left	{position:absolute; float:left; left:0px; bottom:-100px; z-index:10}
.SVA_txtWRAP .sub_character.right	{position:absolute; float:right; right:0px; bottom:-100px; z-index:9}
.SVA_txtWRAP .sub_character img		{display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.sub_character						{display:block; -webkit-animation:slide-top 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-top 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

@-webkit-keyframes slide-top {
  0%	{-webkit-transform: translateY(0); transform:translateY(0);}
  100%	{-webkit-transform: translateY(-100px); transform:translateY(-100px);}
}
@keyframes slide-top {
  0%	{-webkit-transform:translateY(0); transform:translateY(0);}
  100%	{-webkit-transform:translateY(-100px); transform:translateY(-100px);}
}

@media screen and (max-width:997px) {
	.pageTitleWRAP .divider			{height:1px;}
	.pageTitleWRAP .divider:before	{content:""; display:block; position:absolute; left:0; top:-1.5px; width:4px; height:4px; background-color:#FFF; border-radius:2px;}
	.pageTitleWRAP .divider:after	{content:""; display:block; position:absolute; right:0; top:-1.5px; width:4px; height:4px; background-color:#FFF; border-radius:2px;}
	.SVA					{height:215px;}
	.SVA_bg					{height:215px; background-position:50% !important; background-size:cover;}
	.SVA_txtWRAP .pageTitle	{font-size:20px; top:calc(50% + 15px); letter-spacing:0px;}
	.SVA_txtWRAP .sub_character.right img	{float:right}
	.SVA_txtWRAP .sub_character img			{width:50%;}
}

/* Effect Lib. */
.pageTitle.on[data-effect='scaleUp']		{animation:scaleUpAnimation 1s .5s ease 1 forwards}
.pageTitle.on[data-effect='scaleDown']		{animation:scaleDownAnimation 1s .5s ease 1 forwards}
.pageTitle.on[data-effect='slideUp']		{animation:slideUpAnimation 1s .5s ease 1 forwards}
.pageTitle.on[data-effect='slideDown']		{animation:slideDownAnimation 1s .5s ease 1 forwards}
.pageTitle.on[data-effect='opacity']		{animation:opacityAnimation 1s .5s ease 1 forwards}
.pageTitle.on[data-effect='sway']			{animation:swayAnimation 1s .5s ease 1 forwards; opacity:1;}
.pageTitle.on[data-effect='flash']			{animation:flash .5s .5s ease 1 forwards;}
.pageTitle.on[data-effect='move_opa']		{animation:move_opa .5s .5s ease 1 forwards;}
.pageTitle.on[data-effect='bounce']			{animation:bounce 1s .5s ease 1 forwards;}
.pageTitle.on[data-effect='slide_right']	{animation:slide_right 1s .5s ease 1 forwards;}
.pageTitle.on[data-effect='slide_right_fast']{animation:slide_right_fast .5s .3s cubic-bezier(0.680, -0.550, 0.265, 1.550) 1 forwards;}
.pageTitle.on[data-effect='slide_left']		{animation:slide_left 1s .5s ease 1 forwards;}
.pageTitle.on[data-effect='slideDownAnimation']		{animation:slideDownAnimation 1s .5s ease 1 forwards;}


/* Sub Contents */
.pageBG_Anideco				{position:absolute; width:100%; z-index:0; overflow:hidden; top:450px; left:0; animation:slide_left 1s forwards;}
.pageBG_Anideco img			{width:auto;}


/* Article Composition */
article.sub						{margin:0 auto; width:100%; height:100%; font-size:var(--FS16); padding:80px 0px 80px 0;} /* 기본 서브페이지 */
article.sub3d					{margin:40px auto; width:100%; height:100%; padding:0px 0px 40px 0;} /* 3차 메뉴가 있는 기본 서브페이지 */
article.sub3d_noma				{margin:-175px auto 0px; width:100%; height:100%; padding:0px;} /* 3차 메뉴가 있는 Full BG 서브페이지 */
article.topNomargin				{margin:0 auto; width:100%; height:100%; font-size:var(--FS16); padding:0px 0px 80px 0;} /* 마진이 없는 기본 서브페이지 */
article img						{max-width:100%; height:auto; text-align:center;}
article > *						{-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;}

.boom							{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.boom:hover						{transform:translateY(-6px); box-shadow:0 10px 15px rgba(0,0,0,0.09), 0 6px 6px rgba(0,0,0,0.06); transition: 0.3s; -webkit-box-shadow:0 10px 15px rgba(0,0,0,0.09), 0 6px 6px rgba(0,0,0,0.06); -moz-box-shadow:0 10px 15px rgba(0,0,0,0.09), 0 6px 6px rgba(0,0,0,0.06);}


@media screen and (max-width:997px) {
	article.sub				{padding:80px 0px 40px;}
	article.sub3d			{margin:20px auto; padding:0px 0px 40px 0;}
	article.sub3d_noma		{margin:-160px auto 0px;} 
	.pageBG_Anideco			{display:none;}

}

H4					{display:block; position:relative; margin:25px 0 18px 0; padding:1rem 0 1rem 0; font-size:var(--FS22); font-weight:800; color:#141414; letter-spacing:-1.2px;} /* Subpage Big Title */
H4:before			{position:absolute; top:0; left: 0;content: ""; background-color:#333; width:2.1rem; height:3px;}

H4 .h4_sub			{display:block; font-size:14px}

H5					{position:relative; display:block; margin:35px 0 15px 25px; font-size:22px; font-weight:600; color:#111; letter-spacing:-1.2px;}
H5:before, H5:after {position:absolute; content:""; outline:0.1px solid transparent; box-sizing:content-box; -moz-box-sizing:content-box;}
H5:before			{background:var(--IDTcolor); border-radius:2px; width:6px; height:18px; left:-19px; top:-1px;}
H5:after			{background:var(--IDTcolor); border-radius:2px; width:18px; height:6px; left:-25px; top:5px; transform:rotate(0deg);}

H6					{position:relative; display:block; margin:5px 0; font-size:20px; font-weight:600; color:#0c61d5;letter-spacing:-1.2px;} /* Numbering */
H6 em				{position:relative; top:; display:inline-block; text-align:center; font-weight:400; line-height:32px; width:32px; height:32px; background:var(--IDTcolor); color: #fff; margin-right:15px; font-size:22px;}

.ru	H6				{position:relative; display:block; margin:5px 0; font-size:14px; font-weight:600; color:#0c61d5;letter-spacing:-1.2px;}

H7					{display:inline-block; width:100%; height:40px; margin-bottom:15px; border-bottom:1px solid #777; font-size:20px; font-weight:500; line-height:40px; color:#222; letter-spacing:-1px;}

@media screen and (max-width:997px) {
	H4				{margin:15px 0 10px 0; padding:1rem 0 0.5rem 0;}	
}


/* List Style */
.ul_style li						{width:100%; padding-left:15px; position:relative; margin-bottom:5px; line-height:180%}
.ul_style li:last-child				{margin-bottom:0}
.ul_style li:before					{content: ''; display:block; position:absolute; left:5px; top:14px; width:4px; height:4px; border-radius:5px; background-color:var(--IDTcolor);}
.ul_style li.nodot					{padding-left:15px;}
.ul_style li.nodot:before			{content: ''; display:block; position:absolute; left:; top:; width:0; height:0; border-radius:0px; background-color:transparent;}
.ul_style li.pointList				{clear:both; width:auto; display:inline-block; margin-top:8px; padding:2px 20px 2px 15px; font-weight:700; color:#FFF; background:var(--IDTcolor); border-radius:4px 4px 20px 4px;}
.ul_style li.pointList:before		{content: ''; display:block; position:absolute; left:5px; top:16px; width:4px; height:4px; border-radius:5px; background-color:#FFF;}

.simcolBL .ul_style					{text-align:left;}
.simcolBL .ul_style li				{text-align:left;}
.simcolBL .ul_style li:before		{content: ''; display:block; position:absolute; left:5px; top:10px; width:4px; height:4px; border-radius:5px; background-color:var(--IDTcolor);}
.simcolBL .ul_style li.nodot		{padding-left:15px;}
.simcolBL .ul_style li.nodot:before	{content: ''; display:block; position:absolute; left:; top:; width:0; height:0; border-radius:0px; background-color:transparent;}
.simcolBL .ul_style li.pointList			{clear:both; width:auto; text-align:left !important; display:inline-block; margin-top:8px; padding:2px 20px 2px 15px; font-weight:700; color:#FFF; background:var(--IDTcolor); border-radius:4px 4px 20px 4px;}
.simcolBL .ul_style li.pointList:before		{content: ''; display:block; position:absolute; left:5px; top:14px; width:4px; height:4px; border-radius:5px; background-color:#FFF;}

.ul_style.nodot li					{padding-left:0px;}
.ul_style.nodot li:before			{left:0; top:0; width:0; height:0; border-radius:0px; background-color:transparent;}


/*******************************************************************************************************************************************
*	Help Ment Txt - 2019.04.18 : FUNNY
*******************************************************************************************************************************************/
.HMT					{font-size:16px; line-height:22px; margin:10px; padding:10px; color:#444; position:relative; z-index:2; text-align:left;}
.HMT strong				{font-weight:500; color:#0c61d5;}
.HMT ul					{list-style-position:outside; margin:0; padding:0; word-break:break-all;}
.HMT li					{list-style-type:disc; margin-bottom:10px;}
.HMT li:last-child		{margin-bottom:0px;}

@media all and (max-width:997px) {
.HMT					{font-size:14px;}
}

.DOT_inTBL 				{font-size:14px; display:block;line-height:16px; margin:10px; padding:10px; position:relative; z-index:2; color:#414141; text-align:left;}
.DOT_inTBL li			{display:block; position:relative; padding-left:10px; line-height:24px; text-align:left;}
.DOT_inTBL li:before	{content:''; position:absolute; top:12px; left:0; right:; width:4px; height:2px; border:1px solid #444; border-radius:2px;}


.txtBanner_Wrap								{width:100%; margin:0 auto; clear:both; display:table;}
.txtBanner_Wrap h5							{font-size:22px; margin: 30px auto 10px; color:#002D66; line-height:1.2em;}
.txtBanner_Wrap .txtBanner					{width:25%; float:left; margin:0;}
.txtBanner_Wrap .txtBanner .inBan			{margin: auto; width: 95%; margin-bottom: 2.5%; }
.txtBanner_Wrap .txtBanner .inBan a			{display:block; position:relative; padding:33px 26px; border:1px solid #d7d7d7; background-color:#fff; margin-left: -2.5%;}
.txtBanner_Wrap .txtBanner .inBan a:hover	{text-decoration:none; -webkit-transform: translateY(-5px); transform: translateY(-5px);}
.txtBanner_Wrap .txtBanner .inBan a b		{display: block; position: relative; margin: 0; padding: 0; margin-bottom:15px; padding-bottom: 10px; color: #0067a4; font-size: 18px; line-height: 26px; word-wrap: break-word; word-break: keep-all; text-align: left; font-weight: bold; }
.txtBanner_Wrap .txtBanner .inBan a b::after{content: ""; display: block; position: absolute; bottom: 0; left: 0; margin-left: 0; width: 25px; height: 1px; background-color: #d7d7d7; }
.txtBanner_Wrap .txtBanner .inBan a em		{display: block; color: #333; font-size: 14px; line-height: 20px; text-align: left; }

@media all and (max-width:997px) {
	.txtBanner_Wrap .txtBanner				{width:100%;}
	.txtBanner_Wrap .txtBanner .inBan		{width:98%;}
	.txtBanner_Wrap .txtBanner .inBan a		{margin-left:0;}
}


/*******************************************************************************************************************************************
*	SubPage Path Menu
*******************************************************************************************************************************************/
.snb							{position:relative; top:-30px; width:100%; z-index:3;}
.snb .allWrap					{position:absolute; top:0; left:50%; width:100%; max-width:var(--max-width); margin:0 auto;  background-color:var(--IDTcolor); -moz-box-shadow:0 10px 7px rgba(0, 0, 0, 0.12);-webkit-box-shadow:0 10px 7px rgba(0, 0, 0, 0.12);box-shadow:0 10px 7px rgba(0, 0, 0, 0.12);transition:all .3s ease;transform:translate(-50%,  0);}
.snb .allWrap .snbWrap			{position:relative; width:var(--max-width); height:60px;margin:0 auto; background-color:var(--IDTcolor);}
.snb.fix .allWrap				{position:fixed; max-width:100%;}
.snb.fix .allWrap:before		{content:'';position:absolute;top:0;left:0;width:50%;height:60px; background-color:var(--IDTcolor-dark);}

.snbWrap a.home									{float:left; display:flex; justify-content:center; align-items:center; position:relative; width:60px; height:60px; background-color:var(--IDTcolor-dark);}
.snbWrap a.home i.icon_home						{display:inline-block; width:20px; height:20px; cursor:pointer; fill:#FFFFFF; color:#FFFFFF; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.snbWrap .snbList								{padding-left:60px;}
.snbWrap .snbList > li							{float:left; position:relative; min-width:196px ;height:60px; list-style:none;}
.snbWrap .snbList > li > .currentMenu			{width:100%; height:60px; border:0; background:none; text-align:left; outline:none; padding-right:50px}
.snbWrap .snbList > li > .currentMenu:after		{content:''; position:absolute; top:calc(50% - 6px); right:15px; width:8px; height:8px; border:2px solid #FFF; border-top:none; border-right:none; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); transition:all .3s;}

.snbWrap .snbList > li.pathDepth1 > .currentMenu:after{content:''; position:absolute; top:calc(50% - 4px); right:15px; width:8px; height:8px; border:2px solid #888; border-top:none; border-right:none; -webkit-transform:rotate(-135deg); transform:rotate(-135deg); transition:all .3s;}

.snbWrap .snbList > li > .currentMenu span		{display:block; padding-left:30px; color:#FFF; line-height:34px; font-size:14px; font-weight:var(--FW700); letter-spacing:0px;}
.snbWrap .snbList > li.on > .currentMenu:after	{-webkit-transform: rotate(135deg); transform: rotate(135deg); top:calc(50% - 4px); border-color:rgba(255, 255, 255, 0.6);}

.snbWrap .snbList > li:after					{content:''; position:absolute; top:0; right:0; width:1px; height:60px; background:rgba(255, 255, 255, .10);}
.snbWrap .snbList > li > ul						{display:none; position:absolute; top:60px; width:100%; background-color:var(--IDTcolor); list-style:none; z-index:15;}
.snbWrap .snbList > li > ul > li				{height:52px; line-height:14px; padding:0px;}
.snbWrap .snbList > li > ul > li a				{position:relative; display:flex; align-items:center; height:52px; padding:0px 30px; font-size:var(--FS13F); font-weight:var(--FW500); color:#FFF; text-decoration:none; letter-spacing:-0.2px;
												top:50%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);
												transition:all .3s;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;}
.snbWrap .snbList > li > ul > li.on,
.snbWrap .snbList > li > ul > li:hover			{background-color:rgba(0, 0, 0, 0.6); transition:all .3s;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;}
.snbWrap .snbList > li > ul > li.on a			{color:rgba(255,255,255,0.4);}
.snbWrap .snbList > li.pathDepth2 .currentMenu span	{color:var(--PTcolor);}

@media screen and (max-width:997px) {
	.subContainer				{padding-top:0px;}
    .snb						{position:relative; width:calc(100% - 20px); margin:0 10px;}
    .snb .allWrap				{width:100%; max-width:100%;left:0;transform:translate(0, 0);}
    .snb.fix .allWrap			{position:fixed;top:50px;}
	.snb.fix .allWrap:before	{display:none;}
    .snb .allWrap .snbWrap		{width:100%;height:50px;}
    .snbWrap a.home				{display:none;}
    .snbWrap .snbList			{padding-left:0;}
    .snbWrap .snbList > li		{width:100%;height:50px;}

	.snbWrap .snbList > li.pathDepth1 > .currentMenu:after		{top:calc(50% - 6px); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); transition:all .3s;}
	.snbWrap .snbList > li.pathDepth1.on > .currentMenu:after	{-webkit-transform: rotate(135deg); transform:rotate(135deg);}
	
	.snbWrap .snbList > li.pathDepth2::after	{display:none;}
    .snbWrap .snbList > li > .currentMenu		{height:50px;}
    .snbWrap .snbList > li > ul					{top:50px;}
}

/*******************************************************************************************************************************************
*	3 Depth 탭메뉴 - 
*******************************************************************************************************************************************/
/*** 3 Depth Menu ***/
.depth3Wrap						{position:relative; display:flex; width:100%; margin:0px auto; padding:80px 0 40px 0; text-align:center; border-bottom:1px solid rgba(221,221,221,0.7); z-index:1;}
.depth3_inWrap					{width:var(--max-width); margin:0 auto; padding:0 10px; box-sizing:border-box; animation:slideUpFade 0.8s ease-out;}

.depth3_TAB						{display:flex; width:100%;}
.depth3_TAB li					{position:relative; width:100%; min-height:54px; border:1px solid transparent; border-radius:4px; transition:all .15s ease-out; transform-origin:center center; transform:scale(1); will-change:transform;}
.depth3_TAB li::after			{content: ""; position:absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:18px; background-color:rgba(37, 40, 43, 0.4);}
.depth3_TAB li:last-child::after{display:none;}
.depth3_TAB li a				{display:flex; align-items:center; justify-content:center; width:100%; height:100%; min-width:120px; font-size:var(--FS16); font-weight:700; color:rgba(37, 40, 43, 0.7); letter-spacing:-0.5px; text-align:center; transition:color 0.5s; }

.depth3_TAB li:hover			{color:var(--IDTcolor); border:1px solid var(--IDTcolor); -webkit-border-radius:4px; border-radius:4px; background-color:#FFF; z-index:2;
								-webkit-transition:all .15s ease-out; transition:all .15s ease-out; -webkit-transform:scale(1.08); transform:scale(1.08); -webkit-box-shadow:0 10px 25px rgb(0 0 0 / 15%); box-shadow:0 10px 25px rgba(0, 0, 0, 15%);}
.depth3_TAB li.on 				{color:#FFF; border:2px solid var(--IDTcolor_dark); -webkit-border-radius:4px; border-radius:4px; background-color:var(--IDTcolor); z-index:1;
								-webkit-transition:all .15s ease-out; transition:all .15s ease-out; -webkit-transform:scale(1.06); transform:scale(1.06); -webkit-box-shadow:0 10px 25px rgb(0 0 0 / 15%); box-shadow:0 10px 25px rgba(0, 0, 0, 35%);}
.depth3_TAB li:hover a			{color:var(--IDTcolor-dark);}
.depth3_TAB li.on a				{color:#FFF}

.depth3_TAB li.on::after,
.depth3_TAB li:hover::after		{display:none;}


@media only screen and (max-width:997px){
	.depth3Wrap						{position:relative; display:block; width:100%; margin:100px auto 0px; padding:0 0 0px 0; height:auto; border:none;}
	.depth3_inWrap					{width:100%; margin:20px auto; height:auto; padding:0 14px; box-sizing:border-box;}
	.depth3_TAB						{display:flex; flex-wrap:wrap; gap:8px; justify-content:space-between;}
	.depth3_TAB li					{display:flex; align-items:center; justify-content:center; width:calc(33.3333% - 6.66px); min-height:40px; height:40px; text-align:center; border:1px solid #e5e5e5; border-radius:0px; box-sizing:border-box; transition:all 0.2s ease; transform-origin:center center; will-change:transform; overflow:hidden; background-color:#fff;}
	.depth3_TAB li a				{width:100% !important; height:100%; padding:0 10px; display:flex; align-items:center; justify-content:center; font-size:var(--FS14); font-weight:600; text-decoration:none; color:var(--mygray); transition:all 0.15s ease;}

	.depth3_TAB li:hover			{border-radius:0px;}
	.depth3_TAB li:hover:not(.on)	{transform:scale(1.05); box-shadow:0 4px 15px rgba(0, 0, 0, 0.1); z-index:2; background-color:#fff;}
	.depth3_TAB li:hover:not(.on) a {color:var(--IDTcolor-dark); border-radius:0px;}


	.depth3_TAB li.on				{border-radius:0px;}
	.depth3_TAB li.on:hover			{transform:none !important; box-shadow:none !important; z-index:1 !important; }
	.depth3_TAB li.on:hover a		{color:#fff !important; border-radius:0px;}
	.depth3_TAB li::after			{display:none;}
}

@media only screen and (max-width:517px){
		.depth3_inWrap					{margin:100px auto 20px auto;}
}

/*******************************************************************************************************************************************
*	MODAL LAYERPOPUP
*******************************************************************************************************************************************/

/* Layer Popup Modal (경고 등) */
.modal{display:none;position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.7);z-index:1000;}
.modal.on{display:block;}
.modal .modal_inner{position:absolute;top:50%;left:50%;background-color:#fff;}
.modal .modal_inner .modal_contents{position:relative;height:100%;}
.modal .modal_inner .modal_contents .btn_close{position:absolute;top:0;right:0;width:56px;height:58px;background:url(/dist/img/modal_close.png) no-repeat 50% 50%;overflow:hidden;text-indent:-9999px;}
.modal .btn_wrap		{width:100%;height:60px;overflow:hidden;}
.modal .btn_wrap a		{text-decoration:none; font-weight:700;}
.modal .btn_wrap .button{width:100%;float:left;}
.modal .btn_wrap.double .button{width:50%;}
.modal_alert .modal_inner,
.modal_fail .modal_inner,
.modal_confirm .modal_inner{width:430px;min-height:260px;margin:-130px 0 0 -215px;}
.modal_alert .modal_inner .modal_contents,
.modal_fail .modal_inner .modal_contents,
.modal_confirm .modal_inner .modal_contents{display:table;width:100%;height:200px;font-size:18px;font-weight:300;color:#666;line-height:28px;padding:60px 30px;word-break:keep-all;word-wrap:break-word;text-align:center;}
.modal_alert .modal_inner .modal_contents .incont,
.modal_fail .modal_inner .modal_contents .incont,
.modal_confirm .modal_inner .modal_contents .incont			{display:table-cell ;vertical-align:middle; font-weight:600; letter-spacing:-1px;}
.modal_alert .modal_inner .modal_contents .incont .weight{font-weight:500;color:#333;}
.modal_confirm .btn_wrap .button{width:50%;}
.modal.modal_verticalFixed .modal_inner{top:10%;bottom:10%;}
.modal.modal_verticalFixed .modal_inner .contents_wrap{overflow-y:auto;}

/* button */
.button{display:inline-block;width:196px;height:60px;line-height:60px;background-color:#fff;font-size:16px;color:#666;text-align:center;}
.button.btn_solid{background-color:var(--IDTcolor);line-height:60px;color:#fff;}
.button.btn_line{border:1px solid #ddd;line-height:58px;}
.button.btn_gdline{border:1px solid #b39579;color:#b39579;}
.button.btn_gd{background-color:#b39579;color:#fff;}
.button.btn_sm{height:50px;line-height:48px;}
.button.btn_lg{height:70px;line-height:68px;}
.button.btn_solid.disable{background-color:#999;color:rgba(255,255,255,.5);}
.button.btn_solid.disable i{opacity:.5;}

.errorBox1, .messageBox1 {position:relative; font-size:20px; text-align:center; color:#F00;}
.errorBox2, .messageBox2 {position:relative; font-size:20px; text-align:center; color:#0373b8;}



/* modal layer content */
.footer-modal-content			{position:relative; width:1000px; margin:20px auto; background-color:#fff;}
.footer-modal-content > h1		{height:60px; line-height:60px; font-family:GongGothic; font-size:24px; font-weight:900; letter-spacing:-1px; text-align:center; padding:0; color:#FFF; background-color:var(--IDTcolor);}
.footer-modal-content > p		{/*text-align:center; color:#fff; opacity:0.5;*/ margin-top:10px;}
.footer-modal-content img		{width:100%;}
.modal-close-btn				{position:absolute; top:5px; right:10px; /*color:#fff;*/ font-size:38px;}
.modal-close-btn > i			{font-size:inherit}
.modal-close-btn > i:hover		{/*color:#fff*/}

/* 개인정보, 이용약관 등 */
.footer-inner-box				{padding:30px}
.footer-inner					{padding:20px; min-height:200px; max-height:600px; overflow-y:auto; overflow-x:hidden; border:1px solid #ddd; line-height:20px;}

@media all and (max-width:997px){
	.footer-modal-content		{width:94%;}
}


/* Board Tabmenu : 2025.02.28 */
.tabMenu					{position:relative; width:100%; margin:0 auto; margin-bottom:20px;}
.tabMenu ul					{overflow:hidden; display:flex; width:100%;}
.tabMenu ul li				{position:relative; display:flex; align-items:center; justify-content:center; padding:3px 30px; border:1px solid #d2d2d2; border-right:0; border-bottom:1px solid #333; background-color:#F2F2F2;}
.tabMenu ul li:last-of-type	{border-right:1px solid #d2d2d2;}
.tabMenu ul li a			{display:flex; justify-content:center; align-items:center; width:100%; height:100%; padding:12px 10px; text-align:center; font-weight:var(--FW600); font-size:var(--FS16); color: #9b9b9b;}
.tabMenu ul li.on			{border:1px solid #333; background-color:#FFF;}
.tabMenu ul li.on::after	{position:absolute; z-index:1; content: ""; display: block; width: 100%; height:3px; border-bottom:3px solid white; bottom:-2px; left:0; background:white;}
.tabMenu ul li.on+li		{border-left:0;}
.tabMenu ul li.on a			{color:var(--IDTcolor); font-weight:var(--FW800);}
.tabMenu .bottomline		{display:block; width:100%; height:1px; position:absolute; border-bottom:1px solid #333; bottom:0; left:0;}


@media all and (max-width:768px) {
  .tabMenu ul				{display:grid; grid-template-columns:repeat(3, 1fr); gap:3px 3px; list-style:none; background-color:#FFF; box-sizing:border-box; }
  .tabMenu ul li			{padding:5px 8px; border:1px solid #DDD; background-color:#FFF;}
  .tabMenu ul li a			{padding:5px 10px;}
  .tabMenu ul li.on::after	{display:none;}
  .tabMenu ul li.on+li		{border-left:1px solid #DDD;}
  .tabMenu ul li.on			{background-color:var(--IDTcolor);}
  .tabMenu ul li.on a		{background-color:var(--IDTcolor) !important;  color: white;}
  .tabMenu .bottomline		{display:none;}
}


/* Step Tab Menu : 2025.06.18 - FUNNY */
.stepMenu						{display:flex; width:100%; overflow:hidden; margin-bottom:3rem;}

.stepMenu li					{position:relative; display:flex; align-items:center; justify-content:center; flex:1; height:56px; background:var(--mygray005); text-align:center; margin-left:3px; margin-right:17px; }
.stepMenu li::before			{content:''; position:absolute; top:0; width:0; height:56px; right:100%; border-top:28px solid var(--mygray005); border-bottom:28px solid var(--mygray005); border-left:18px solid transparent;}
.stepMenu li::after				{content:''; position:absolute; top:0; width:0; height:56px; left:100%; border-top:28px solid transparent; border-bottom:28px solid transparent; border-left:18px solid var(--mygray005);}
.stepMenu li:first-child		{margin-left:0; border-radius:6px 0 0 6px;}
.stepMenu li:first-child::before{display:none;}
.stepMenu li:last-child::after	{border-top:28px solid var(--mygray005); border-bottom:28px solid var(--mygray005); border-left:18px solid var(--mygray005); border-radius:0 6px 6px 0;}

.stepMenu li a.menu_link		{display:flex; align-items:center; justify-content:center; width:100%; height:100%; text-decoration:none;}
.stepMenu li a.menu_link:hover	{text-decoration:none;}

.menu_txt						{display:inline-block; padding:8px; color:#fff; font-size:clamp(0.5rem, 2.5vw, 1.0rem); font-weight:var(--FW600); transition:all 0.3s ease;}
.stepMenu li:hover .menu_txt	{color:#000;}

.stepMenu li.done				{background-color:var(--mygray);}
.stepMenu li.done::before		{border-top-color:var(--mygray); border-bottom-color:var(--mygray);}
.stepMenu li.done::after		{border-left-color:var(--mygray);}

.stepMenu li.current			{background-color:var(--PTcolor);}
.stepMenu li.current .menu_txt	{color:#FFF;}
.stepMenu li.current::before	{border-top-color:var(--PTcolor); border-bottom-color:var(--PTcolor);}
.stepMenu li.current::after		{border-left-color:var(--PTcolor);}
.stepMenu li.current:last-child::after	{border-top:28px solid var(--PTcolor); border-bottom:28px solid var(--PTcolor); border-left:18px solid var(--PTcolor); border-radius:0 6px 6px 0;}