@charset "utf-8";

/* body, th, td, input, select, textarea{color:#5b5b5b;}
a:link,
a:hover,
a:visited{text-decoration:none;} */

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Heading

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
h4,h5,h6{position:relative; line-height:1.3; letter-spacing:0; font-weight:600;}
h4{margin:1.7857em 0 0.7142em;font-size: 1.5em;color:#333;font-weight: 600;}
h5{margin: 2em 0 0.5em;font-size: 1.3em;color:#1768C7;}
h6{margin:1.5em 0 0.6em; font-size:1.2941em; color:#333;}
h4>span,
h5>span,
h6>span{padding-left:0.5em; font-weight:500; font-size:0.8em; color:#555;}

h4:nth-child(1),
h5:nth-child(1),
h6:nth-child(1){margin-top:0;}

h4 + h4,
h4 + h5,
h4 + h6,
h5 + h5,
h5 + h5,
h5 + h6,
h6 + h6,
h6 + h5,
h6 + h6{margin-top:0;}

h4 .caption,
h5 .caption,
h6 .caption{position:absolute; right:0; bottom:0; font-size:1.5rem;}

#txt p+p{margin-top:1em;}

.u{text-decoration:underline;}
#txt section{margin-top:3em;}

@media screen and (max-width:1024px){
	h4, .h4{margin-bottom:0.85em;}
}
@media screen and (max-width:640px){
	
	div+h4,
	table+h4{margin-top:1.8em;}
	h5{margin:2em 0 1em; font-size:1.3em;}
}

.red{color: #d95050 !important;}
.blue{color: #0082cc !important;}

[data-text-align="left"]{text-align:left;}
[data-text-align="center"]{text-align:center;}
[data-text-align="right"]{text-align:right;}

[data-point="1"]{color:#126FDD !important;}
[data-point="2"]{color:#c24f4f !important;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	list

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
[data-list]{counter-reset:count;}
[data-list]>li{position:relative; padding-left:1em; counter-increment:count; color:#333;}
[data-list]>li:nth-child(n+2){margin-top:0.25em;}
[data-list]>li strong{font-weight:500;}
[data-list]>li>p{margin-bottom:0.5em;}
[data-list=""]>li{padding-left:0;}
[data-list="1"]>li::before{
	content:"";
	display:block;
	position:absolute;
	left:0.5em;
	top: 0.8em;
	width:5px;
	height:5px;
	font-size:0.625em;
	background-color:#777;
	border-radius:50%;
	border-radius:50%;
}
[data-list="1"][data-bul="blue"]>li::before{background-color: #5ca6d9;}

[data-list="2"]{margin-left:0.7em;}
[data-list="2"]>li::before{content:counter(count)"."; display:block; position:absolute; right:calc(100% - 0.7em); top:0;}

[data-list="3"]>li::before{
	content:counter(count); display:block; position:absolute; right:calc(100% - 0.8em); top:0.3em; width:1.6em; height:1.6em; line-height:1.6em; text-align:center; font-size:0.75em; color:#1768C7; background-color:#EFF3FF;
	border-radius:50%;
	border-radius:50%;
}

[data-list="4"]>li::before{content:"-"; display:block; position:absolute; right:calc(100% - 0.7em); top:0;}

[data-list] [data-list]{margin:0.3em 0 1.2em 0.5em;}
[data-list] [data-list="4"]{margin-left:0;}
p+[data-list],
[data-list]+p{margin-top:0.5em;}
div+[data-list],
[data-list]+div{margin-top:1em;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Tab

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
[data-tab]{
	overflow:hidden; position:relative; margin-bottom:3em;
	transition:all 0.3s linear;
	transition:all 0.3s linear;
}
[data-tab]>.in{position:relative;}

[data-tab]>.in>ul{
	overflow:hidden; display:table; table-layout:fixed; width:100%; border:1px solid #20335B;
	border-radius:0.4em; border-radius:0.4em;
}
[data-tab]>.in>ul>li{display:table-cell; position:relative; height:3.7em; vertical-align:top;}
[data-tab]>.in>ul>li:not(:last-child):after{content:""; display:block; position:absolute; right:0; top:0; z-index:-1; width:1px; height:100%; background-color:#20335B;}
[data-tab]>.in>ul>li>strong,
[data-tab]>.in>ul>li>span{display:block; width:100%; height:100%;}
[data-tab]>.in>ul>li>strong>a,
[data-tab]>.in>ul>li>span>a{display:table; table-layout:fixed; position:relative; z-index:0; width:100%; height:100%;}
[data-tab]>.in>ul>li>span>a:before,
[data-tab]>.in>ul>li>strong>a:before{content:""; display:block; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background-color:#20335B;}
[data-tab]>.in>ul>li>span>a:before{background-color:transparent;}
[data-tab]>.in>ul>li>strong>a>span,
[data-tab]>.in>ul>li>span>a>span{display:table-cell; position:relative; z-index:10; width:100%; text-align:center; vertical-align:middle; font-weight:500; font-size:1.125em; color:#333 !important;}
[data-tab]>.in>ul>li>strong>a>span{color:#fff !important;}
[data-tab]>.in>ul>li a[target="_blank"]{text-decoration:none !important;}
[data-tab]>.in>ul>li a[target="_blank"]:after{display:none !important;}
[data-tab]>.in>ul>li a[target="_blank"]>span:after{content:""; display:inline-block; width:1.25em; height:1.25em; margin:0.2em 0 0 0.2em; vertical-align:top; background-image:url(../../../images/site/kor/layout/_blank.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}


[data-tab="2"]{margin-bottom:0;}
[data-tab="2"]>.in>ul{
	border:none;
	border-radius:0; border-radius:0;
}
[data-tab="2"]>.in>ul>li{background-color:#EBEBEB;}
[data-tab="2"]>.in>ul>li>strong>a>span{color:#1768C7 !important;}
[data-tab="2"]>.in>ul>li>strong>a:before{color:#1768C7; background-color:#fff;}

[data-tab="2"]>.in>ul>li>span>a:focus:before,
[data-tab="2"]>.in>ul>li>strong>a:focus:before{border:2px dashed #ff6600;}


[data-tab="etc"]>.in>ul{width:calc(100% + (0.588em * 2)); margin-left:-0.588em; border-spacing:0.588em 0; border:none;}
[data-tab="etc"]>.in>ul>li:not(:last-child):after{display:none;}
[data-tab="etc"]>.in>ul>li>strong>a,
[data-tab="etc"]>.in>ul>li>span>a{
	display:block; height:auto; padding:2em 0.5em;
	border-radius:0.4em; border-radius:0.4em;
}
[data-tab="etc"]>.in>ul>li>strong>a{background-color:#4493F1;}
[data-tab="etc"]>.in>ul>li>span>a{background-color:#F5F5F5;}
[data-tab="etc"]>.in>ul>li>strong>a:before,
[data-tab="etc"]>.in>ul>li>span>a:before{content:""; display:block; position:relative; left:auto; right:auto; top:auto; bottom:auto; width:4.1176em; height:2.9411em; margin:0 auto; background-color:transparent !important; background-repeat:no-repeat; background-position:center; background-size:contain;}
[data-tab="etc"]>.in>ul>li:nth-child(1)>strong>a:before{background-image:url(../../../images/site/kor/content/1-9_simbol_1_on.svg);}
[data-tab="etc"]>.in>ul>li:nth-child(1)>span>a:before{background-image:url(../../../images/site/kor/content/1-9_simbol_1.svg);}
[data-tab="etc"]>.in>ul>li:nth-child(2)>strong>a:before{background-image:url(../../../images/site/kor/content/1-9_simbol_2_on.svg);}
[data-tab="etc"]>.in>ul>li:nth-child(2)>span>a:before{background-image:url(../../../images/site/kor/content/1-9_simbol_2.svg);}
[data-tab="etc"]>.in>ul>li:nth-child(3)>strong>a:before{background-image:url(../../../images/site/kor/content/1-9_simbol_3_on.svg);}
[data-tab="etc"]>.in>ul>li:nth-child(3)>span>a:before{background-image:url(../../../images/site/kor/content/1-9_simbol_3.svg);}
[data-tab="etc"]>.in>ul>li:nth-child(4)>strong>a:before{background-image:url(../../../images/site/kor/content/1-9_simbol_4_on.svg);}
[data-tab="etc"]>.in>ul>li:nth-child(4)>span>a:before{background-image:url(../../../images/site/kor/content/1-9_simbol_4.svg);}
[data-tab="etc"]>.in>ul>li:nth-child(5)>strong>a:before{background-image:url(../../../images/site/kor/content/1-9_simbol_5_on.svg);}
[data-tab="etc"]>.in>ul>li:nth-child(5)>span>a:before{background-image:url(../../../images/site/kor/content/1-9_simbol_5.svg);}
[data-tab="etc"]>.in>ul>li:nth-child(6)>strong>a:before{background-image:url(../../../images/site/kor/content/1-9_simbol_6_on.svg);}
[data-tab="etc"]>.in>ul>li:nth-child(6)>span>a:before{background-image:url(../../../images/site/kor/content/1-9_simbol_6.svg);}
[data-tab="etc"]>.in>ul>li:nth-child(7)>strong>a:before{background-image:url(../../../images/site/kor/content/1-9_simbol_7_on.svg);}
[data-tab="etc"]>.in>ul>li:nth-child(7)>span>a:before{background-image:url(../../../images/site/kor/content/1-9_simbol_7.svg);}
[data-tab="etc"]>.in>ul>li>strong>a>span,
[data-tab="etc"]>.in>ul>li>span>a>span{display:block; margin-top:1em; font-size:1em;}


[data-tab-view]{display:none;}
[data-tab][data-view="1"] ~ [data-tab-view="1"],
[data-tab][data-view="2"] ~ [data-tab-view="2"],
[data-tab][data-view="3"] ~ [data-tab-view="3"],
[data-tab][data-view="4"] ~ [data-tab-view="4"],
[data-tab][data-view="5"] ~ [data-tab-view="5"],
[data-tab][data-view="6"] ~ [data-tab-view="6"],
[data-tab][data-view="7"] ~ [data-tab-view="7"],
[data-tab][data-view="8"] ~ [data-tab-view="8"],
[data-tab][data-view="9"] ~ [data-tab-view="9"],
[data-tab][data-view="10"] ~ [data-tab-view="10"],
[data-tab][data-view="11"] ~ [data-tab-view="11"],
[data-tab][data-view="12"] ~ [data-tab-view="12"],
[data-tab][data-view="13"] ~ [data-tab-view="13"],
[data-tab][data-view="14"] ~ [data-tab-view="14"],
[data-tab][data-view="15"] ~ [data-tab-view="15"],
[data-tab][data-view="16"] ~ [data-tab-view="16"],
[data-tab][data-view="17"] ~ [data-tab-view="17"],
[data-tab][data-view="18"] ~ [data-tab-view="18"],
[data-tab][data-view="19"] ~ [data-tab-view="19"],
[data-tab][data-view="20"] ~ [data-tab-view="20"]{display:block;}

[data-tab]:not(:first-child){margin-top:3em;}

@media screen and (max-width: 900px) {
	[data-tab]:not([data-tab="2"]):not([data-tab="etc"]){
		overflow:auto;
		height:auto !important;
		padding:0;
		margin-bottom: 0.5em;
		border:none;
		border-radius:0;
		border-radius:0;
	}
	[data-tab]:not([data-tab="2"]):not([data-tab="etc"]):after{
		content:""; display:block; position:absolute; right:0; bottom:0; width:5em; height:100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 23.48%, #FFFFFF 87.12%);
	}
	[data-tab]:not([data-tab="2"]):not([data-tab="etc"])>.in>ul{
		overflow-x:auto; overflow-y:hidden; white-space:nowrap; display:block; border:none;
		border-radius:0;
		border-radius:0;
	}
	[data-tab]:not([data-tab="2"]):not([data-tab="etc"])>.in>ul>li{float:none; display:inline-block; width:auto; line-height:3em; margin:0 0 0 0.5em !important; vertical-align:top; border:none;}
	[data-tab]:not([data-tab="2"]):not([data-tab="etc"])>.in>ul>li:before, 
	[data-tab]:not([data-tab="2"]):not([data-tab="etc"])>.in>ul>li:after{display:none !important;}
	[data-tab]:not([data-tab="2"]):not([data-tab="etc"])>.in>ul>li:nth-child(1){margin-left:0 !important;}
	[data-tab]:not([data-tab="2"]):not([data-tab="etc"])>.in>ul>li:nth-child(n+7){margin-top:0;}
	[data-tab]:not([data-tab="2"]):not([data-tab="etc"])>.in>ul>li:last-child{padding-right:3em;}
	[data-tab]:not([data-tab="2"]):not([data-tab="etc"])>.in>ul>li>strong>a,
	[data-tab]:not([data-tab="2"]):not([data-tab="etc"])>.in>ul>li>span>a{
		display:block;
		height:3em;
		padding:0 2em;
		border:1px solid #d1d1d1;
		border-radius:0.4em;
		border-radius:0.4em;
		overflow: hidden;
	}
	[data-tab]:not([data-tab="2"]):not([data-tab="etc"])>.in>ul>li>span>a:before{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
	[data-tab]:not([data-tab="2"]):not([data-tab="etc"])>.in>ul>li>strong>a>span,
	[data-tab]:not([data-tab="2"]):not([data-tab="etc"])>.in>ul>li>span>a>span{display:block;}


	[data-tab="etc"]{font-size:0.9em;}
	[data-tab="etc"]>.in>ul,
	[data-tab="etc"]>.in>ul>li{display:block;}
	[data-tab="etc"]>.in>ul{width:100%; margin-left:0; border-spacing:0;}
	[data-tab="etc"]>.in>ul>li{float:left; width:calc((100% - 1px - (0.5em * 3)) / 4); height:auto; margin-right:0.5em;}
	[data-tab="etc"]>.in>ul>li:nth-child(4n+1){clear:both;}
	[data-tab="etc"]>.in>ul>li:nth-child(4n+4){margin-right:0;}
	[data-tab="etc"]>.in>ul>li:nth-child(n+5){margin-top:0.5em;}
}
@media screen and (max-width: 600px) {
	[data-tab="etc"]{font-size:0.8em;}
	[data-tab="etc"]>.in>ul>li>span>a,
	[data-tab="etc"]>.in>ul>li>strong>a{padding:1em 0.4em;}
	[data-tab="etc"]>.in>ul>li>strong>a>span,
	[data-tab="etc"]>.in>ul>li>span>a>span{margin-top:0.4em;}
}
@media screen and (max-width: 500px) {
	[data-tab="etc"]>.in>ul>li>strong>a:before,
	[data-tab="etc"]>.in>ul>li>span>a:before{height:2.2em;}
	[data-tab="etc"]>.in>ul>li{width:calc((100% - 1px - (0.5em * 2)) / 3);}
	[data-tab="etc"]>.in>ul>li:nth-child(4n+1){clear:none;}
	[data-tab="etc"]>.in>ul>li:nth-child(4n+4){margin-right:0.5em;}
	[data-tab="etc"]>.in>ul>li:nth-child(3n+1){clear:both;}
	[data-tab="etc"]>.in>ul>li:nth-child(3n+3){margin-right:0;}
	[data-tab="etc"]>.in>ul>li:nth-child(n+4){margin-top:0.5em;}
}



/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Button

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
[data-btn]{
	display:inline-block; height:4.3em; margin:1px 0; vertical-align:middle; font-size:0.625em; border:1px solid #1768C7; color:#fff; background-color:#1768C7;
	border-radius:0.4em; border-radius:0.4em;
	
	transition:border-color 0.2s linear, background-color 0.2s linear; transition:border-color 0.2s linear, background-color 0.2s linear;
}
[data-btn]>span{
	overflow:hidden; display:block; position:relative; top:50%; width:100%; line-height:1.2; padding:0 1.2em; text-align:center; font-size:1.6em; 
	transform:translateY(-50%); transform:translateY(-50%);
}

[data-btn][data-size="m"]{font-size:0.5436em;}
[data-btn][data-size="m"]>span{font-size:1.7em;}
[data-btn][data-size="s"]{font-size:0.4348em;}
[data-btn][data-size="s"]>span{font-size:2em;}

.board_view [data-btn]{font-size:0.545em;}
.board_view [data-btn][data-size="m"]{font-size:0.46em;}
.board_view [data-btn][data-size="s"]{font-size: 0.38em;}

[data-btn="1"],
[data-btn="1"][data-color="1"]{border-color:#003d99; background-color:#003d99;}
a[data-btn="1"]:hover,
a[data-btn="1"][data-color="1"]:hover{border-color:#003d99; background-color:#fff; color:#003d99 ;}
[data-btn="1"][data-color="2"]{border-color:#777; background-color:#777;}
a[data-btn="1"][data-color="2"]:hover{border-color:#333; background-color:#fff; color: #333;}
[data-btn="1"][data-color="3"]{border-color:#0082cc; background-color:#0082cc;}
a[data-btn="1"][data-color="3"]:hover{border-color:#1690d6; background-color:#fff; color: #0082cc;}
[data-btn="1"][data-color="4"]{border-color:#BC3131; background-color:#BC3131;}
a[data-btn="1"][data-color="4"]:hover{border-color:#BC3131; background-color:#fff; color: #BC3131;}
[data-btn="1"][data-color="5"]{border-color:#eeeeee; background-color:#eeeeee; color: #333;}
a[data-btn="1"][data-color="5"]:hover{border-color:#fff; background-color:#fff;}

[data-btn="2"],
[data-btn="2"][data-color="1"]{border-color:#ccc; color:#6e6e6e; background-color:#fff;}
a[data-btn="2"]:hover,
a[data-btn="2"][data-color="1"]:hover{border-color:#1768C7; color:#fff; background-color:#1768C7;}
[data-btn="2"][data-color="2"]{border-color:#555; color:#555; background-color:#fff;}
a[data-btn="2"][data-color="2"]:hover{border-color:#555; color:#fff; background-color:#555;}
[data-btn="2"][data-color="3"]{border-color:#0082cc; color:#0082cc; background-color:#fff;}
a[data-btn="2"][data-color="3"]:hover{border-color:#0082cc; color:#fff; background-color:#0082cc;}
[data-btn="2"][data-color="4"]{border-color:#BC3131; color:#BC3131; background-color:#fff;}
a[data-btn="2"][data-color="4"]:hover{border-color:#BC3131; color:#fff; background-color:#BC3131;}

[data-btn][data-icon]>span::before,
[data-btn][data-icon]>span::after{content:""; display:none; position:absolute; top:calc(50% - 1.2em); width:2.4em; height:2.4em; font-size:0.625em; background-image:url(../../../images/site/kor/layout/content.svg); background-repeat:no-repeat; background-size:100em auto;}
[data-btn][data-icon]>span::before{left:0.8em;}
[data-btn][data-icon]>span::after{right:0.8em;}
[data-btn][data-icon][data-align="left"]>span{padding-right:2.4em; text-align:left;}
[data-btn][data-icon][data-align="left"]>span::after{display:block;}
[data-btn][data-icon]:not([data-align])>span,
[data-btn][data-icon][data-align="right"]>span{padding-left:2.4em; text-align:left;}
[data-btn][data-icon]:not([data-align])>span::before,
[data-btn][data-icon][data-align="right"]>span::before{display:block;}
[data-btn][data-icon][data-align="center"]{min-width:4.6em;}
[data-btn][data-icon][data-align="center"]>span{padding-left:0; padding-right:0; text-align:left; text-indent:-1000px;}
[data-btn][data-icon][data-align="center"]>span::before{display:block; left:calc(50% - 1.2em);}

[data-btn][data-icon="1"]>span::before,
[data-btn][data-icon="1"]>span::after{background-position:0 -2.4em;}
[data-btn][data-icon="2"]>span::before,
[data-btn][data-icon="2"]>span::after{background-position:0 -2.4em; transform:rotate(90deg); transform:rotate(90deg);}
[data-btn][data-icon="3"]>span::before,
[data-btn][data-icon="3"]>span::after{background-position:0 -2.4em; transform:rotate(180deg); transform:rotate(180deg);}
[data-btn][data-icon="4"]>span::before,
[data-btn][data-icon="4"]>span::after{background-position:0 -2.4em; transform:rotate(270deg); transform:rotate(270deg);}
[data-btn][data-icon="5"]>span::before,
[data-btn][data-icon="5"]>span::after{background-position:-2.4em -2.4em;}
[data-btn][data-icon="6"]>span::before,
[data-btn][data-icon="6"]>span::after{background-position:-4.8em -2.4em;}
[data-btn][data-icon="7"]>span::before,
[data-btn][data-icon="7"]>span::after{background-position:-7.2em -2.4em;}

[data-btn][data-icon="1"]:hover>span::before,
[data-btn][data-icon="1"]:hover>span::after{background-position:0 -2.4em !important;}
[data-btn][data-icon="2"]:hover>span::before,
[data-btn][data-icon="2"]:hover>span::after{background-position:0 -2.4em !important;}
[data-btn][data-icon="3"]:hover>span::before,
[data-btn][data-icon="3"]:hover>span::after{background-position:0 -2.4em !important;}
[data-btn][data-icon="4"]:hover>span::before,
[data-btn][data-icon="4"]:hover>span::after{background-position:0 -2.4em !important;}
[data-btn][data-icon="5"]:hover>span::before,
[data-btn][data-icon="5"]:hover>span::after{background-position:-2.4em -4.8em !important;}
[data-btn][data-icon="6"]:hover>span::before,
[data-btn][data-icon="6"]:hover>span::after{background-position:-4.8em -4.8em !important;}
[data-btn][data-icon="7"]:hover>span::before,
[data-btn][data-icon="7"]:hover>span::after{background-position:-7.2em -2.4em !important;}

[data-btn][data-icon="2"][data-color="1"]:hover>span::before,
[data-btn][data-icon="2"][data-color="1"]:hover>span::after{background-position:0 -4.8em !important;}


[data-btn="2"][data-icon="1"][data-color="1"]>span::before,
[data-btn="2"][data-icon="1"][data-color="1"]>span::after{background-position:0 -9.6em;}
[data-btn="2"][data-icon="1"][data-color="2"]>span::before,
[data-btn="2"][data-icon="1"][data-color="2"]>span::after{background-position:0 -7.2em;}
[data-btn="2"][data-icon="1"][data-color="3"]>span::before,
[data-btn="2"][data-icon="1"][data-color="3"]>span::after{background-position:0 -4.8em;}
[data-btn="2"][data-icon="1"][data-color="4"]>span::before,
[data-btn="2"][data-icon="1"][data-color="4"]>span::after{background-position:0 -12em;}

[data-btn="2"][data-icon="2"][data-color="1"]>span::before,
[data-btn="2"][data-icon="2"][data-color="1"]>span::after{background-position: 0 -9.6em;}
[data-btn="2"][data-icon="2"][data-color="2"]>span::before,
[data-btn="2"][data-icon="2"][data-color="2"]>span::after{background-position:0 -7.2em;}
[data-btn="2"][data-icon="2"][data-color="3"]>span::before,
[data-btn="2"][data-icon="2"][data-color="3"]>span::after{background-position: 0 -4.8em;}
[data-btn="2"][data-icon="2"][data-color="4"]>span::before,
[data-btn="2"][data-icon="2"][data-color="4"]>span::after{background-position:0 -12em;}



[data-btn="2"][data-icon="3"][data-color="1"]>span::before,
[data-btn="2"][data-icon="3"][data-color="1"]>span::after{background-position: 0 -9.6em;}
[data-btn="2"][data-icon="3"][data-color="2"]>span::before,
[data-btn="2"][data-icon="3"][data-color="2"]>span::after{background-position:0 -7.2em;}
[data-btn="2"][data-icon="3"][data-color="3"]>span::before,
[data-btn="2"][data-icon="3"][data-color="3"]>span::after{background-position: 0 -4.8em;}
[data-btn="2"][data-icon="3"][data-color="4"]>span::before,
[data-btn="2"][data-icon="3"][data-color="4"]>span::after{background-position:0 -12em;}

[data-btn="2"][data-icon="4"][data-color="1"]>span::before,
[data-btn="2"][data-icon="4"][data-color="1"]>span::after{background-position: 0 -9.6em;}
[data-btn="2"][data-icon="4"][data-color="2"]>span::before,
[data-btn="2"][data-icon="4"][data-color="2"]>span::after{background-position:0 -7.2em;}
[data-btn="2"][data-icon="4"][data-color="3"]>span::before,
[data-btn="2"][data-icon="4"][data-color="3"]>span::after{background-position: 0 -4.8em;}
[data-btn="2"][data-icon="4"][data-color="4"]>span::before,
[data-btn="2"][data-icon="4"][data-color="4"]>span::after{background-position:0 -12em;}

[data-btn="2"][data-icon="5"][data-color="1"]>span::before,
[data-btn="2"][data-icon="5"][data-color="1"]>span::after{background-position: -2.4em -9.6em;}
[data-btn="2"][data-icon="5"][data-color="2"]>span::before,
[data-btn="2"][data-icon="5"][data-color="2"]>span::after{background-position:-2.4em -7.2em;}
[data-btn="2"][data-icon="5"][data-color="3"]>span::before,
[data-btn="2"][data-icon="5"][data-color="3"]>span::after{background-position: -2.4em -4.8em;}

[data-btn="2"][data-icon="5"][data-color="3"]:hover>span::before,
[data-btn="2"][data-icon="5"][data-color="3"]:hover>span::after{background-position: -2.4em -2.4em !important;}

[data-btn="2"][data-icon="5"][data-color="4"]>span::before,
[data-btn="2"][data-icon="5"][data-color="4"]>span::after{background-position:-2.4em -12em;}

[data-btn="2"][data-icon="6"][data-color="1"]>span::before,
[data-btn="2"][data-icon="6"][data-color="1"]>span::after{background-position: -4.8em -9.6em;}
[data-btn="2"][data-icon="6"][data-color="2"]>span::before,
[data-btn="2"][data-icon="6"][data-color="2"]>span::after{background-position:-4.8em -7.2em;}
[data-btn="2"][data-icon="6"][data-color="3"]>span::before,
[data-btn="2"][data-icon="6"][data-color="3"]>span::after{background-position: -4.8em -4.8em;}
[data-btn="2"][data-icon="6"][data-color="4"]>span::before,
[data-btn="2"][data-icon="6"][data-color="4"]>span::after{background-position:-4.8em -12em;}

[data-btn="2"][data-icon="7"][data-color="1"]>span::before,
[data-btn="2"][data-icon="7"][data-color="1"]>span::after{background-position:-4.8em -4.8em;}
[data-btn="2"][data-icon="7"][data-color="2"]>span::before,
[data-btn="2"][data-icon="7"][data-color="2"]>span::after{background-position:-4.8em -7.2em;}
[data-btn="2"][data-icon="7"][data-color="3"]>span::before,
[data-btn="2"][data-icon="7"][data-color="3"]>span::after{background-position:-4.8em -9.6em;}
[data-btn="2"][data-icon="7"][data-color="4"]>span::before,
[data-btn="2"][data-icon="7"][data-color="4"]>span::after{background-position:-7.2em -12em;}


[data-btn-group]{margin:3em 0 !important;}
[data-btn-group="left"]{text-align:left;}
[data-btn-group="center"]{text-align:center;}
[data-btn-group="right"]{text-align:right;}
[data-btn-group="center"] [data-btn]{min-width:23em;height: 6em;}
[data-btn-group="center"] [data-btn]>span{display:inline-block; width:auto;}
@media screen and (max-width: 700px) {
	[data-btn-group="center"] [data-btn]{display:block; width:100%; min-width:1em; margin:4px 0;}
	/* [data-btn-group="center"] [data-btn]>span{display:block; width:100%;} */
}




/*a[target="_blank"]::after {content: ""; display: inline-block; width: 16px; height: 16px; margin-left: 7px;
	background-image:url(../../../images/site/kor/layout/blank-white.svg)  ;  position: relative; top: 2px; background-repeat: no-repeat;}*/

	#footer .bnr-link .d-flex li a[target="_blank"]:after,
	#footer .menu>ul>li>a[target="_blank"]:after,
	.user #header #global>.layout>div:nth-child(1) a[target="_blank"]:after
	{display:inline-block;  width:13px; height:13px; content: "";margin-left: 9px;
	background-image:url(../../../images/site/kor/layout/blank-white.svg); background-repeat:no-repeat; }


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	form

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#txt select{
	display:inline-block;
	position:relative;
	height: 2.2em;
	padding: 0 3.8em 0 8px;
	margin:2px 0;
	vertical-align:middle;
	font-size:1em;
	border: 1px solid #d1d1d1;
	color:#555;
	background-image:url(../../../images/site/kor/layout/select.svg);
	background-position:right center;
	background-repeat:no-repeat;
	background-size:auto 100%;
	border-radius:0.4em;
	border-radius: 0.3em;
	appearance:none;
	
	appearance:none;
}
#txt select::after{content:""; display:block; position:absolute; right:1em; top:0; width:1px; height:100%; background-color:#000;}
#txt input[type="file"]{font-size:0.89em;}
#txt input[type="text"],
#txt input[type="password"],
#txt input[type="number"]{
	display:inline-block;
	height: 2.2em;
	padding: 0 8px;
	margin:2px 0;
	vertical-align:middle;
	font-size:1em;
	border: 1px solid #d1d1d1;
	color:#555;
	border-radius:0.4em;
	border-radius: 0.3em;
}
#txt textarea{
	display:block; width:100%; height:10em; padding:1em; margin:2px 0; font-size:1em; border:1px solid #E5E5E5; color:#555;
	border-radius:0.4em; border-radius:0.4em;
}
#txt input[type="checkbox"]{opacity:0; position:absolute;}
#txt input[type="checkbox"]+label{display:inline-block; position:relative; padding-left:1.8em; margin:2px 0.8em 2px 0; font-size:1em; color:#555;}
#txt input[type="checkbox"]+label:before{content:"";display:block;position:absolute;left:0;top:-2px;width:2.4em;height:2.4em;font-size:0.625em;background-image:url(../../../images/site/kor/layout/content.svg);background-repeat:no-repeat;background-position:-2.4em -27em;background-size:100em auto;}
#txt input[type="checkbox"]:checked+label:before{background-position:-2.4em -29.4em;}
#txt input[type="checkbox"]:focus+label{outline:dashed #ff6600;}
#txt input[type="radio"]{opacity:0; position:absolute;}
#txt input[type="radio"]+label{display:inline-block; position:relative; padding-left:1.8em; margin:2px 0.8em 2px 0; font-size:1em; color:#555;}
#txt input[type="radio"]+label:before{content:"";display:block;position:absolute;left:0;top: 0;width:2.4em;height:2.4em;font-size:0.625em;background-image:url(../../../images/site/kor/layout/content.svg);background-repeat:no-repeat;background-position:-4.8em -27em;background-size:100em auto;}
#txt input[type="radio"]:checked+label:before{background-position:-4.8em -29.4em;}
#txt input[type="radio"]:focus+label{outline:dashed #ff6600;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Table

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.table{width:100%;margin-top:1em;border-top: 2px solid #141414;border-bottom:1px solid #E0E0E0;}
.table th,
.table td{padding: 0.6em 1em;text-align:center;font-size:1em;}

.table.tbl_adm th,
.table.tbl_adm  td{padding: 0.5em 1em;font-size:0.92em;}
.tbl_adm a, .tbl_link a{ color: #0082cc;}
.tbl_adm a.btn{color: #fff;}
.tbl_link a[data-btn]{color: #fff;}
.tbl_adm a[data-btn="1"][data-color="1"]{color: #fff;}
.tbl_adm a:hover[data-btn="1"][data-color="1"]{color: #003d99;}

.table th:not(:first-child),
.table td:not(:first-child){border-left:1px solid #E0E0E0;}
.table th:not(:last-child),
.table td:not(:last-child){border-right:1px solid #E0E0E0;}
.table thead tr,
.table tbody th,
.table tfoot tr{/*background:#fff;*/}
/* .table thead tr:last-child>th,
.table thead tr:last-child>td{border-bottom:1px solid #222;} */
.table thead+tbody>tr:first-child th,
.table thead+tbody>tr:first-child td{border-top:1px solid #bcbcbc;}
.table tbody td{padding: 0.6em 1em;}
.table tfoot td,
.table th{font-weight:500; border-top:1px solid #e5e5e5; color:#333; background-color:#f6f6f6;}
.table td{border-top:1px solid #E0E0E0;color:#555;}
.table th.left,
.table td.left{text-align:left !important;}
.table th.center,
.table td.center{text-align:center !important;}
.table th.right,
.table td.right{text-align:right !important;}
.table td.point{background:#EFF3FF;}
.table td.gray{background:#EFF3FF;}
.table tbody td{vertical-align:middle;}

.table.vertical-top tbody td{vertical-align:top;}
.table.vertical-middle tbody td{vertical-align:middle;}

.table.ty_02 th{border-top:1px solid #c6c6c6; border-right:1px solid #8d8d8d;}

.table_scroll + .table_scroll{/*margin-top:2em;*/}

.caption{position:relative; width:100%; text-align:right;}
.caption>span{position:absolute; right:0; bottom:0.5em;}


.table_scroll{overflow:auto;}
.table_scroll .table{position:relative; table-layout:auto; width:100%;}



/* ready */
[data-ready="1"]>img{display:block; width:100%;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	box

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
[data-box]{
	display:table; table-layout:fixed; width:100%; padding:3.5em 6em; margin-bottom:5em; font-size:0.5882em; background-color:#EFF3FF;
	border-radius:1em;
	border-radius:1em;
}
[data-box]>.in{position:relative; width:100%;}
[data-box]>.in{display:table-cell; height:4.25em; vertical-align:middle;}
[data-box]>.in>.head>strong{font-weight:500; font-size:1.8em; color:#222;}
[data-box]>.in>.midd{position:relative; font-size:1.7em; color:#333;}
[data-box]>.in>.midd::after{content:""; display:block; clear:both;}
[data-box]>.in>.midd>[data-btn]{float:right; margin-top:-0.5em;}
[data-box]>.in>.foot{margin-top:1em; font-size:1.7em;}

[data-box]>.in>.head+.midd{margin-top:0.5em;}

[data-box="board"]{
	padding:2.8em 4em;
	border-radius:1.6em;
	border-radius:1.6em;
}
[data-box="board"]>.in>.midd{padding-left:1.7em;}
[data-box="board"]>.in>.midd::before{content:""; display:block; position:absolute; left:0; top:0.2em; width:2.4em; height:2.4em; font-size:0.5882em; background-image:url(../../../images/site/kor/layout/content.svg); background-repeat:no-repeat; background-position:-9.6em -41.6em; background-size:100em auto;}
[data-box="board"]>.in>.foot{padding-left:1.7em;}

[data-box="1"][data-type="1"]{padding:3.5em 17%;}
[data-box="1"][data-type="1"]>.in{width:calc(100% - 10em); height:10em; padding-left:15em;}
[data-box="1"][data-type="1"]>.in:before{
	content:""; display:block; position:absolute; left:0; top:0; width:10em; height:10em; background-color:#fff;
	border-radius:50%;
	border-radius:50%;
}
[data-box="1"][data-type="1"]>.in:after{content:""; display:block; position:absolute; left:2.9em; top:2.9em; width:4.2em; height:4.2em; background-image:url(../../../images/site/kor/layout/content.svg); background-repeat:no-repeat; background-size:100em auto;}
[data-box="1"][data-type="1"][data-icon="1"]>.in:after{background-position:0 -51.4em;}
[data-box="1"][data-type="1"][data-icon="2"]>.in:after{background-position:calc(-2.4em * 1) -51.4em;}
[data-box="1"][data-type="1"][data-icon="3"]>.in:after{background-position:calc(-2.4em * 2) -51.4em;}
[data-box="1"][data-type="1"][data-icon="4"]>.in:after{background-position:calc(-2.4em * 3) -51.4em;}
[data-box="1"][data-type="1"][data-icon="5"]>.in:after{background-position:calc(-2.4em * 4) -51.4em;}


[data-box="1"][data-type="2"]{padding:3.5em 5%;}
[data-box="1"][data-type="2"]>.in{width:calc(100% - 20em); height:5em; padding-left:25em;}
[data-box="1"][data-type="2"]>.in:before{content:""; display:block; position:absolute; left:0; top:0.1em; width:20em; height:5em; background-repeat:no-repeat; background-position:right center; background-size:contain;}
[data-box="1"][data-type="2"][data-icon="1"]>.in:before{background-image:url(../../../images/site/kor/content/new_img_opencode0.jpg);}
[data-box="1"][data-type="2"][data-icon="2"]>.in:before{background-image:url(../../../images/site/kor/content/new_img_opencode1.jpg);}
[data-box="1"][data-type="2"][data-icon="3"]>.in:before{background-image:url(../../../images/site/kor/content/new_img_opencode2.jpg);}
[data-box="1"][data-type="2"][data-icon="4"]>.in:before{background-image:url(../../../images/site/kor/content/new_img_opencode3.jpg);}
[data-box="1"][data-type="2"][data-icon="5"]>.in:before{background-image:url(../../../images/site/kor/content/new_img_opencode4.jpg);}

[data-box="1"][data-type="2"][data-icon="alio"]>.in:before{width:20.7em; height:14.1em; background-image:url(../../../images/site/kor/content/2-1_topimg.jpg); background-position:center center;}

[data-box="1"][data-type="3"]{padding:3.5em 5%;}
[data-box="1"][data-type="3"]>.in{width:calc(100% - 20em); height:14.1em; padding-left:25em;}
[data-box="1"][data-type="3"]>.in:before{
	content:""; display:block; position:absolute; left:0; top:0.1em; width:20.7em; height:14.1em; background-color:#fff; background-repeat:no-repeat; background-position:right center; background-size:contain;
	border-radius:0.4em; border-radius:0.4em;
}
[data-box="1"][data-type="3"][data-icon="1"]>.in:before{background-image:url(../../../images/site/kor/content/top_box_icon_1.jpg);}

[data-box="tip"]{padding:3.5em 4em; background-color:#F2F2F2;}

[data-box="2"]{
	padding:2.8em 4em;
	border-radius:1.6em;
	border-radius:1.6em;
}
[data-box="2"]>.in>.head{font-size:2.7em; color:#1768C7;}
[data-box="2"]>.in>.midd{}
[data-box="2"]>.in>.foot{}

div+[data-box],
p+[data-box]{margin-top:3em;}
ul+[data-box],
li>[data-box]{margin-top:1em;}

@media screen and (max-width: 800px) {
	[data-box="1"],
	[data-box="1"][data-type="1"]{padding:2.5em 4em;}
	[data-box="1"][data-type="1"]>.in{height:8em; padding-left:10em;}
	[data-box="1"][data-type="1"]>.in:before,
	[data-box="1"][data-type="1"]>.in:after{font-size:0.8em;}
}
@media screen and (max-width: 700px) {
	[data-box]>.in>.midd>[data-btn]{float:none; display:block; width:auto; margin-top:1.5em; text-align:center;}
	[data-box]>.in>.midd>[data-btn]>span{display:inline-block; width:auto;}
	
	[data-box="1"][data-type="2"]{padding:2.5em 4em;}
	[data-box="1"][data-type="2"]>.in{padding-left:0;}
	[data-box="1"][data-type="2"]>.in:before{display:block; position:relative; width:100% !important; margin-bottom:2em; background-position:center center;}

	[data-box="1"][data-type="3"]{padding:2.5em 4em;}
	[data-box="1"][data-type="3"]>.in{padding-left:0;}
	[data-box="1"][data-type="3"]>.in:before{display:block; position:relative; width:100%; margin-bottom:2em; background-position:center center;}
}
@media screen and (max-width: 500px) {
	[data-box="1"],
	[data-box="1"][data-type]{padding:2em 2.5em;}
	[data-box="1"]>.in>.midd,
	[data-box="1"][data-type="1"]>.in>.midd{font-size:1.4em;}
	[data-box="1"][data-type="1"]>.in{height:auto; padding-left:0;}
	[data-box="1"][data-type="1"]>.in:before,
	[data-box="1"][data-type="1"]>.in:after{display:none;}

	[data-box="2"]{font-size:0.5em;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	simbol

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
[data-simbol-list]{display:inline-block; position:relative; min-width:1.5em; height:1.5em; line-height:1.5em; padding-left:1.5em;}
[data-simbol-list]::before{content:""; display:block; position:absolute; left:0; top:0; width:2.4em; height:2.4em; font-size:0.625em; background-image:url(../../../images/site/kor/layout/content.svg); background-repeat:no-repeat; background-size:100em auto;}
[data-simbol-list]>a{text-decoration:underline;}
[data-simbol-list]>span{opacity:0; position:absolute;}

[data-simbol-list="1"]::before{background-position:0 -39.2em;}
[data-simbol-list="2"]::before{background-position:calc(-2.4em * 1) -39.2em;}
[data-simbol-list="3"]::before{background-position:calc(-2.4em * 2) -39.2em;}
[data-simbol-list="4"]::before{background-position:calc(-2.4em * 3) -39.2em;}
[data-simbol-list="5"]::before{background-position:calc(-2.4em * 4) -39.2em;}
[data-simbol-list="6"]::before{background-position:calc(-2.4em * 5) -39.2em;}
[data-simbol-list="7"]::before{background-position:calc(-2.4em * 6) -39.2em;}
[data-simbol-list="8"]::before{background-position:calc(-2.4em * 7) -39.2em;}
[data-simbol-list="9"]::before{background-position:calc(-2.4em * 8) -39.2em;}
[data-simbol-list="10"]::before{background-position:calc(-2.4em * 9) -39.2em;}
[data-simbol-list="11"]::before{background-position:0 -41.6em;}
[data-simbol-list="12"]::before{background-position:calc(-2.4em * 1) -41.6em;}
[data-simbol-list="13"]::before{background-position:calc(-2.4em * 2) -41.6em;}
[data-simbol-list="14"]::before{background-position:-12em -41.6em;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Tip

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
[data-tip]{display:block; position:relative; min-width:1.5em; line-height:1.5em; padding-left:1.5em; margin:0.5em 0 !important; font-size:inherit;}
[data-tip] [data-list]{margin-top:0.5em;}
[data-tip="1"]{color:#C24F4F;}
[data-tip="1"]::before{content:""; display:block; position:absolute; left:0; top:0; width:2.4em; height:2.4em; font-size:0.625em; background-image:url(../../../images/site/kor/layout/content.svg); background-position:calc(-2.4em * 3) -41.6em; background-repeat:no-repeat; background-size:100em auto;}
[data-tip="2"]{color:#222;}
[data-tip="2"]::before{content:""; display:block; position:absolute; left:0; top:0; width:2.4em; height:2.4em; font-size:0.625em; background-image:url(../../../images/site/kor/layout/content.svg); background-position:calc(-2.4em * 4) -41.6em; background-repeat:no-repeat; background-size:100em auto;}
[data-tip="3"]{padding-left:1.7em; color:#c24f4f;}
[data-tip="3"]::before{content:""; display:block; position:absolute; left:0; top:0.2em; width:2.4em; height:2.4em; font-size:0.625em; background-image:url(../../../images/site/kor/content/tip.svg); background-position:center center; background-repeat:no-repeat; background-size:auto;}
.board_insert .tip{padding-left:1.3em !important; font-weight:500; font-size:0.9em; color:#999 !important;}
.board_insert .tip::before{content:"※"; display:block; position:absolute; left:0; top:-0.1em;}
.board_insert .tip::after{display:none !important;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	Link 속성

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
[data-link]{word-break:break-all; display:inline-block; position:relative; min-width:1.5em; line-height:1.5em; padding-left:1.5em; text-decoration:underline !important; font-size:inherit;}
[data-link]::before{content:""; display:block; position:absolute; left:0; top:0.2em; width:2.4em; height:2.4em; font-size:0.625em; background-image:url(../../../images/site/kor/layout/content.svg); background-repeat:no-repeat; background-size:100em auto;}
[data-link="mail"]::before{background-position:calc(-2.4em * 1) -41.6em;}
[data-link="blank"]::before{background-position:calc(-2.4em * 2) -41.6em;}
[data-link="tel"]::before{background-position:-12em -41.6em;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	처리현황

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
[data-check]{
	display:inline-block; height:1.8571em; line-height:calc(1.8571em - 2px); padding:0 1em; margin:1px 0; vertical-align:middle; font-size:0.875em; border:1px solid #8D94A4; color:#fff; background-color:#8D94A4;
	border-radius:0.9em; border-radius:0.9em;
}
[data-check="1"]{color:#646464; border-color:#a6c9f2; background-color:#fff;}
[data-check="2"]{color:#fff; border-color:#4493F1; background-color:#4493F1;}
[data-check="3"]{color:#fff; border-color:#46A46C; background-color:#46A46C;}
[data-check="4"]{color:#fff; border-color:#C78300; background-color:#C78300;}
[data-check="5"]{color:#fff; border-color:#D44040; background-color:#D44040;}

.notice_list [data-check]{width:100%;}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	게시판 아이콘

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
[data-simbol="1"]{overflow:hidden; display:inline-block; width:2.4em; height:2.4em; vertical-align:middle; text-align:left; text-indent:-1000px; font-size:0.7em; background-image:url(../../../images/site/kor/layout/content.svg); background-position:-21.6em -39.2em; background-repeat:no-repeat; background-size:100em auto;}
[data-simbol="1"][data-type="secret"]{background-position:-4.8em -44em;}
[data-simbol="1"][data-type="new"]{background-position:-2.4em -44em;position: relative;top: -3px;}

[data-simbol="1"][data-type="pdf"]{background-position:0 -39.2em;}
[data-simbol="1"][data-type="xlsx"]{background-position:calc(-2.4em * 1) -39.2em;}
[data-simbol="1"][data-type="zip"]{background-position:calc(-2.4em * 2) -39.2em;}
[data-simbol="1"][data-type="jpg"]{background-position:calc(-2.4em * 3) -39.2em;}
[data-simbol="1"][data-type="tif"]{background-position:calc(-2.4em * 4) -39.2em;}
[data-simbol="1"][data-type="txt"],
[data-simbol="1"][data-type="doc"]{background-position:calc(-2.4em * 5) -39.2em;}
[data-simbol="1"][data-type="avi"]{background-position:calc(-2.4em * 6) -39.2em;}
[data-simbol="1"][data-type="ppt"]{background-position:calc(-2.4em * 7) -39.2em;}
[data-simbol="1"][data-type="hwp"]{background-position:calc(-2.4em * 8) -39.2em;}



/* 상단 포토타입 + 텍스트 */
[data-content-top="photo"]{margin-bottom:1em;}
[data-content-top="photo"]>.in{display:table; table-layout:fixed; width:100%;}
[data-content-top="photo"]>.in>.head,
[data-content-top="photo"]>.in>.midd{display:table-cell; width:50%; min-height:1em; vertical-align:middle;}
[data-content-top="photo"]>.in>.head{background-repeat:no-repeat; background-position:center center; background-size:cover;}
[data-content-top="photo"]>.in>.midd{position:relative; padding:3.5em 3.25em; font-size:1.1764em; color:#fff; background:linear-gradient(101.96deg, #2E3C59 2.52%, #0B1E44 100%);}
[data-content-top="photo"]>.in>.midd::before,
[data-content-top="photo"]>.in>.midd::after{content:""; display:block; position:absolute; width:3em; height:1.6em; background-image:url(../../../images/site/kor/content/content_top_simbol.svg); background-repeat:no-repeat; background-position:left center; background-size:contain;}
[data-content-top="photo"]>.in>.midd::before{left:2.25em; top:1.6em;}
[data-content-top="photo"]>.in>.midd::after{
	right:2.25em; bottom:1.6em;
	transform:rotate(180deg); transform:rotate(180deg);
}
[data-content-top="photo"][data-photo="1"]>.in>.head{background-image:url(../../../images/site/kor/content/content_top_photo_1.jpg);}
[data-content-top="photo"][data-photo="2"]>.in>.head{background-image:url(../../../images/site/kor/content/content_top_photo_2.jpg);}
[data-content-top="photo"][data-photo="3"]>.in>.head{background-image:url(../../../images/site/kor/content/content_top_photo_3.jpg);}
[data-content-top="photo"][data-photo="4"]>.in>.head{background-image:url(../../../images/site/kor/content/content_top_photo_4.jpg);}
[data-content-top="photo"][data-photo="5"]>.in>.head{background-image:url(../../../images/site/kor/content/content_top_photo_5.jpg);}
[data-content-top="photo"][data-photo="6"]>.in>.head{background-image:url(../../../images/site/kor/content/content_top_photo_6.jpg);}
[data-content-top="photo"][data-photo="7"]>.in>.head{background-image:url(../../../images/site/kor/content/content_top_photo_7.jpg);}
[data-content-top="photo"][data-photo="8"]>.in>.head{background-image:url(../../../images/site/kor/content/content_top_photo_8.jpg);}
[data-content-top="photo"][data-photo="9"]>.in>.head{background-image:url(../../../images/site/kor/content/content_top_photo_9.jpg);}
[data-content-top="photo"][data-photo="10"]>.in>.head{background-image:url(../../../images/site/kor/content/content_top_photo_10.jpg);}
[data-content-top="photo"][data-photo="11"]>.in>.head{background-image:url(../../../images/site/kor/content/content_top_photo_11.jpg);}
[data-content-top="photo"][data-photo="12"]>.in>.head{background-image:url(../../../images/site/kor/content/content_top_photo_12.jpg);}
[data-content-top="photo"][data-photo="13"]>.in>.head{background-image:url(../../../images/site/kor/content/content_top_photo_13.jpg);}
[data-content-top="photo"][data-photo="14"]>.in>.head{background-image:url(../../../images/site/kor/content/content_top_photo_14.jpg);}
[data-content-top="photo"][data-photo="15"]>.in>.head{background-image:url(../../../images/site/kor/content/content_top_photo_15.jpg);}
@media screen and (max-width: 800px) {
	[data-content-top="photo"]{font-size:0.8em;}
}
@media screen and (max-width: 600px) {
	[data-content-top="photo"]{font-size:1em;}
	[data-content-top="photo"]>.in,
	[data-content-top="photo"]>.in>.head,
	[data-content-top="photo"]>.in>.midd{display:block; width:100%;}
	[data-content-top="photo"]>.in>.head::before{content:""; display:block; padding-bottom:50.2%;}
	[data-content-top="photo"]>.in>.midd{padding:2em 2em; font-size:1em}
	[data-content-top="photo"]>.in>.midd:before,
	[data-content-top="photo"]>.in>.midd:after{display:none;}
}
@media screen and (max-width: 400px) {
	[data-content-top="photo"]>.in>.midd{font-size:0.9em;}
}

/* 이미지 대체텍스트 */
[data-img-text="hidden"]{overflow:hidden; position:relative;}
[data-img-text="hidden"]>img,
[data-img-text="hidden"]>svg{display:block; position:relative; z-index:10; width:100% !important; height:auto !important;}
[data-img-text="hidden"]>div{opacity:0; overflow:auto; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%;}




/*20231023 추가*/


/* 모달 */
[data-skin="alert"]{display:none; position:fixed; left:0; top:0; z-index:2000; width:100%; height:100%; background-color:rgba(0,0,0,0.7);}
[data-skin="alert"]>.in{
	position:absolute; left:50%; top:50%; z-index:100; width:96%;background:#FFF; overflow: hidden; padding: 0 0 50px 0;
	box-shadow:0 0.625em 2.5em rgba(0, 0, 0, 0.15);border-radius:1em;transform:translate(-50%,-50%);
}
[data-skin="alert"]>.in > .close{position:absolute; right:1.5625em; top:1.5625em; width:1.125em; height:1.125em;}
[data-skin="alert"]>.in > .close>span{
	overflow:hidden; display:block; width:100%; height:100%; text-align:left; text-indent:-1000px; background-image:url(../../../images/site/kor/content/btn-colse.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
 transform:rotate(0deg);transition:transform 0.3s ease;
}
[data-skin="alert"]>.in > .close:hover>span{transform:rotate(180deg);}
[data-skin="alert"]>.in > .head{padding:20px 30px; color:#222; background:#0082cc;line-height:1.6; font-size:22px; color: #fff !important; font-weight: 500;}
[data-skin="alert"]>.in > .midd{padding:30px 30px  0;}
[data-skin="alert"][data-open="on"]{display:block;}
[data-skin="alert"] [data-btn]{ height: 4em;}
[data-skin="alert"] [data-btn][data-size="s"]{ font-size: 0.4em;}
[data-skin="alert"] .table tbody td{ padding: 0.3em 1em;}


/* 모바일출첵 */
.chulcheck .in{background:#FFF; padding: 0 0 40px 0;box-shadow:0 0.625em 2.5em rgba(0, 0, 0, 0.15);border-radius:1em; overflow: hidden; font-size: 15px;}
.chulcheck .in > .head{padding:15px 20px; color:#222; background:#0082cc;line-height:1.6; font-size:20px; color: #fff !important; font-weight: 500; text-align: center;}
.chulcheck .in > .midd{padding:30px 20px  0;}




/* 검색 */
[data-search="s"]{position:relative; width:100%; max-width:24.2em; background-color:#fff;border-radius:0.3125em;}
[data-search="s"]:after{content:""; display:block; clear:both;}
[data-search="s"]>input[type="text"],
[data-search="s"]>input[type="submit"]{float:left; font-size:1.6em; height:2.6em;}
[data-search="s"]>input[type="text"]{width:100%; height: 3.2em !important; padding:10px 3em 10px 8px;  border:none; background-color:transparent; outline:none;}
[data-search="s"]>input[type="submit"], [data-search="s"]>a.btn{
	 overflow:hidden;
	 position:absolute;
	 right: 1em;
	 top:1em;
	 width:25px;
	 height:25px;
	 text-align:left;
	 font-size:1em;
	 text-indent:-1000px;
	 background-color:transparent;
	 background-image:url(../../../images/site/kor/content/ico-finder.svg);
	 background-repeat: no-repeat;
	 border: none;
	 }

[data-search="s"]>input[type="text"]::placeholder{font-weight:500; color:#666;}
[data-search="s"]>input[type="text"]:focus{outline:solid coral;}



/*공통*/
.d-flex{ display: flex;}
.d-block{ display: block;}
.d-flex-margin>div{ margin-right: 10px;}
.flex-mob-wrap{}
.v-center{ align-items: center;}
.h-between{ justify-content: space-between;}
.h-center{ justify-content: center;}
.h-right{ justify-content: flex-end;}
.flex-full{ flex: 1;}
.border-radius{ border-radius: 10px;}
.font-w500{font-weight: 500;}
.font-w600{font-weight: 600;}
.dark-blue{color: #283e80;}
.underline{ text-decoration: underline;}
.size-small{ font-size: 0.9em;}
.size-larige{ font-size: 1.2em;}
.center{ text-align: center;}
.left{ text-align: left;}
.right{ text-align: right;}
.input-size-mini{ width: 130px; max-width: 100% ;}
.input-size-small{ width: 150px ;max-width: 100% ;}
.input-size-mid{ width: 300px ;max-width: 100% ;}
.input-size-large{ width: 400px;max-width: 100% ;}
.input-size-full{ width: 100% ;max-width: 100% ;}
.gray{ color: #575757;}
.mt_5{ margin-top: 5px !important;}
.mr-20{ margin-right: 20px;}
.progress{ display: inline-block; padding: 4px 10px; background-color: #0da1cb; color: #fff; border-radius: 30px; font-size: 15px; min-width: 100px; text-align: center;}
.progress.progress-big{font-size: 16px;  padding: 8px 20px;}
.info .progress{ font-size: 16px; padding: 6px 15px; margin: 0 0 7px 0;}
.request{ background-color: #152d5d;}
.confirm{background-color: #bc3131;}
.cancel{background-color: #777777;}
.application{background-color: #269179;}
.d-inline-block { display: inline-block;}
.gap-h-8{ padding: 0 8px;}
.bg-blue{background-color: #e4eef9 !important;}
.bar{ display: inline-block; padding: 0 15px; font-size: 10px; color: rgba(0, 0, 0, 0.35);}
.checkbox-only{ opacity: 1 !important; position: static !important;}
.file{ background: #fff; border-radius: 4px; padding: 7px 8px}

.table_scroll.table_scroll_wide .table{ width: 1600px;}
.table_scroll.table_scroll_wide2 .table{ width: 2400px;}
.table_scroll_ver{ overflow-y: auto;max-height: 700px; margin-top: 1em;}
.table_scroll_ver .table{ margin-top: 0;  }

.info{ background:#e5f1ff ; padding: 26px; border-radius: 10px;}
.info.padding-small{ padding: 16px 26px;}
.info.notice{ background:#fff ; border: 1px solid #dedede;}
.info .title{ margin-right: 40px; background:url(../../../images/site/kor/content/ico-bell.svg) no-repeat; padding-left: 30px; background-position: left 0 top 3px; }
.info .detail{ flex: 1;}
.info.notice .title{background:url(../../../images/site/kor/content/ico-pin.svg) no-repeat;background-position: left 0 top 4px; }
.info h1{ font-size: 20px; margin: 0 0 15px 0;}
.info h2{ font-size: 19px; margin: 35px 0 15px 0;}
.info .check_box{ border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 15px;}
#txt .info input[type="checkbox"]+label{ color: #000;}

.v-padding-large{ padding: 50px 15px;}
.h-padding-large{ padding: 50px 15%;}

.radio_btn li{ float: left; margin-right: 15px;}
.radio_btn::after{ display: block; clear: both; content: "";}

.form-btn-confirm [data-btn]{ height: 5em;}
.form-btn-confirm [data-btn]>span{ padding: 0 2em}


.list-ver li:not(:first-child){ margin-left: 40px; }
.list-ver li strong{ display: inline-block; position: relative;}
.list-ver li strong:after{ content: ""; width: 2px; height: 10px; background-color: #dedede; display: inline-block; margin: 0 5px 0 10px;}

.payment-button{ background-color:#0082cc; border: none; color: #fff; padding: 15px 30px; border-radius: 6px; font-family:'Pretendard' ; font-size: 16px;}
.payment-button span{color: #fff;}

.attach-list { border-top: 1px solid #dedede; padding-top: 12px; }
.attach-list li{ margin-bottom: 5px;}
.attach-list  [data-simbol-list]>a{ text-decoration: none;}

@media screen and (max-width: 767px) {
	.d-flex.info{ flex-direction: column;}
	.info>.d-flex{ flex-direction: column;}
	.d-flex.info>div{  margin: 5px 0;}
	.info .title{ margin: 0 0 10px 0;}
	.info h1{ font-size: 17px; margin: 0 0 4px 0;}
	.info h2{ font-size: 15px; }
	.v-padding-large,
	.h-padding-large{ padding: 30px 15px;}
	.flex-mob-wrap{ flex-wrap: wrap;}
	.flex-mob-wrap strong{ margin-bottom: 7px;}
	.mob-center{ text-align: center;}
	.size-larige{ font-size: 1em;}
	.list-ver.d-flex{ flex-direction: column;}
	.list-ver li:not(:first-child){ margin-left: 0; }
}




/*신청폼*/
.table.tbl-form  th, table.tbl-form td{text-align: left;color:#333;padding: 0.5em 1em;}
.table.tbl-form>tbody>tr>th{ font-size: 0.92em; height:56px ;} 
.table.tbl-form.tbl_adm>tbody>tr>th{ height:45px ;} 
.table.tbl-form  th{ background: #f8f8f8;color:#555;}
.table.tbl-form [data-btn]{height: 3.8em;}
.table.tbl-form [data-list]{padding: 7px 0;}
.table.tbl-form [data-list="1"]>li::before{
	left:0.5em; top:1.1em; width:3px; height:3px;  background-color:#777;
}
.col-20 { width: 18%;}
.col-25 { width: 25%;}
.col-auto{  width: auto;}
.col-wide{  width: 30%;}
.col-45{  width: 45%;}
.col-small{  width: 15%;}

.form-input-wrap{ max-width: 440px;}
.form-input-wrap.form-input-wrap-elasticity{ max-width: 100%;}
.form-input-wrap.form-input-wrap-elasticity input[type="text"]{ width: 100%;}
.form-input-wrap>div{ margin-right: 8px; }
.form-input-wrap>div input{width: 100%;}

.table-inner-table{}
.table-inner-table li:not(:first-child){border-top: 1px solid #dfdfdf;}
.table-inner-table li{padding: 7px 0;font-size: 16px;}
.table-inner-table li .title{position: relative; padding-left: 15px; line-height: 2em;}
.table-inner-table li .title::before{
	content:""; display:block; position:absolute; left:0.5em; top:1.5em; width:4px; height:4px; font-size:0.625em; background-color:#2b8cdb;
	border-radius:50%;
	border-radius:50%;
}
.table-inner-table li .title::after{	content:""; display:block; position:absolute; right:30px; top:1em; width:2px; height:10px; font-size:0.625em; background-color:#e6e6e6;}
.table-inner-table .d-flex>div{ flex: 1;}
.table-inner-table .d-flex>div.title{flex: 0 1 166px;}

.table.table-inner{border-top: 2px solid #000 !important;border-bottom: 1px solid #dedede;margin:0}
.table.table-inner th{background: #eff6fb;}
.table.table-inner th, .table.table-inner td{ font-size: 15px;padding: 0.5em 0.5em;}
.tbl-all-center th, .tbl-all-center td{ text-align: center !important;}
.td-only-left td{ text-align: left !important;}
.tbl-all-left th, .tbl-all-left td{ text-align: left;}
.td-vertical-top tbody td{ vertical-align: top;}
.th-only-center th{ text-align: center !important;}

.ref-wrap{}
.ref-wrap p{ margin-bottom: 0px; margin-top: 0 !important; }
.ref-indent{ position: relative; padding-left: 20px;}
.ref-indent.ex-indent{ padding-left: 25px;}
.ref-indent .indent{ position: absolute; top: 0; left: 0;}

.tbl-pop-wrap{ height: 400px; overflow-y: auto; position: relative;}

.certificate-search [data-search="s"]{background-color: transparent; max-width: 100%; flex: 0 1 425px;}
.certificate-search[data-search="s"]{ flex: 1;}
.certificate-search input[type="text"]{ background-color: #fff;}
.certificate-search>div>div:first-child{ flex: 0 1 90px;}
.certificate-search>div>div:nth-child(2){ flex: 0 1 40%;}
.cer-wrap>div:nth-child(2) {flex: 0 1 135px;margin-left: 15px;}

.cer-search-list {width: 470px;}
.cer-search-list li{ margin: 3px 0;}
.cer-search-list strong{ flex: 0 0 130px; font-weight: 500;}
.cer-search-list div{ flex: 1;}
#txt .cer-search-list input[type="text"]{ height: 2.5em; width: 100%;}
.table tr.del{opacity: 0.5;background: #f5f5f5;}
@media screen and (max-width: 640px) {
	.cer-search-list { width: auto;}
	.cer-search-list li{ flex-direction: column; align-items: flex-start; }
	.cer-search-list li:not(:last-child){ margin-bottom: 15px;}
	.cer-search-list strong{ flex: 1; margin-bottom: 2px;}
	.cer-search-list li input, .cer-search-list li select{ width: 100%;}
	.cer-search-list div{ flex: 1; width: 100%;}

}

.edu-receipt { padding: 70px 0;}
.edu-receipt div:nth-child(2){ font-size: 30px; line-height: 1.3;}


.edu-receipt-type2 { padding: 70px 0; 	background-image:url(../../../images/site/kor/content/ico-confirm.svg); background-repeat: no-repeat; background-position: center 50px;  font-size: 18px;}
.edu-receipt-type2 strong{ font-size: 30px; line-height: 1.3; font-size: 30px;  display: block; font-weight: 500;  margin: 0 0 16px 0; padding: 70px 0 0 0;}


.ico-bank { display: inline-block; width: 18px; height: 18px;}
.ico-bank-com{background:url(../../../images/site/kor/content/ico-bank-com.svg) no-repeat}
.ico-bank-count{background:url(../../../images/site/kor/content/ico-bank-count.svg) no-repeat}
.ico-bank-cate{background:url(../../../images/site/kor/content/ico-bank-cate.svg) no-repeat}
.ico-bank-name{background:url(../../../images/site/kor/content/ico-bank-name.svg) no-repeat}


.bill{  max-width: 540px ; margin: 30px auto;}
.bill .ico-bank{ margin-right: 5px;transform: translateY(2px);}



/* 캘린더 */
.cal{}
.cal .controls {text-align:center;  margin-bottom:10px;}
.cal .controls a {display:block;border: 1px solid #d6d6d6;width:44px;height:44px;overflow:hidden;text-indent:-9999px;border-radius: 8px;}
.cal .controls a:hover,
.cal .controls a:active {border:1px solid #afafaf;}
.cal .controls a.prev_month {background:url(../../../images/site/kor/content/reserv_controls_arrow2.png) no-repeat center 50%;}
.cal .controls a.next_month {background:url(../../../images/site/kor/content/reserv_controls_arrow2.png) no-repeat center 50%; transform:rotateY(180deg); transform:rotateY(180deg);}
.cal .controls a.prev_year {background:url(../../../images/site/kor/content/reserv_controls_arrow2.png) no-repeat center 50%;}
.cal .controls a.next_year {background:url(../../../images/site/kor/content/reserv_controls_arrow2.png) no-repeat center 50%; transform:rotateY(180deg); transform:rotateY(180deg);}
.cal .controls strong {color:#222; font-size:32px; display: inline-block; padding: 0 26px; }
.cal table td{ height: 76px;}
.cal-app{ position: relative;}
.cal-app>div:first-child span{ display: inline-block; border-radius: 4px ; padding: 8px 15px;}
table.tbl-cal td{ padding: 0;}
table.tbl-cal td span:first-child{ padding: 10px 0 0 10px; display: inline-block;}
.available a, .available{ background-color: #e1f0f9}
.available a{display: block; width: 100%; height: 100%; transition: all 0.3s ease-in;}
.available a:hover{ background-color: #b0d9f5;}
.cal table ul li{ margin: 4px 0;}
.cal table ul li a{ display: inline-block; border: 1px solid #0082cc; padding: 3px 10px; min-width: 70px; border-radius: 6px; color:#0082cc ; font-size: 0.9em; transition: all 0.3s ease-in;}
.cal table ul li a:hover{ background: #0082cc; color: #fff;}
.cal.cal-type2 table ul li a{ border:none; padding: 0; min-width: auto; color:#fff ; }
.cal.cal-type2 table ul li a:hover{ background:inherit; color: inherit;}

.edu-list{ margin: 10px 0 0 0; }
.edu-list li{ margin: 2px 0;}
.edu-list li div{ border-radius: 4px;  color: #fff; padding: 5px 8px; font-size: 15px;}
.color01{background: #0072bc}
.color02{background: #ee5f00}
.color03{background: #2f8d5e;}
.color04{background: #605ca8}
.color05{background: #6881af;}
.color06{background: #f06595}
.color07{background: #cc5de8}
.color08{background: #5c7cfa}
.color09{background: #139eb3;}
.color10{background: #01976a;}



@media screen and (max-width: 767px) {
	.table.tbl-form>tbody>tr>th, .table.tbl-form>tbody>tr>td{ display: block; width: 100%;}
	.table.tbl-form>tbody>tr>th{background: none;padding: 0.9em 0 0.1em;color: rgba(0,0,0,0.7);font-size: 14px; height: auto;}
	.table.tbl-form>tbody>tr>td{border-top: none;padding: 0 0 9px !important;}
	.table.tbl-form .bg-blue{ background-color: #fff !important;}
	.table.tbl-form>tbody>tr>th, .table.tbl-form>tbody>tr>td{ border-right: none !important; border-left: none !important;}
	.table.tbl-form colgroup, .table.tbl-form col{ display: none;}
	.table.tbl-form .align_center{ text-align: left !important;}
	.desktop-inline{ display: block;}
	.table-inner-table .d-flex>div.title{ font-size: 14px;}
	.table-inner-table>li>div.d-flex{ flex-direction: column;}
	.table-inner-table .d-flex>div.title{ flex: 1;}
	.table-inner-table .v-center{ align-items: flex-start;}
	.table-inner-table li .title::after{ display: none;}
	.table-inner-table>li>div>div:nth-child(2) { padding-left: 16px; }
	.complex-for-mob{ flex-direction: column;}
	.complex-for-mob.v-center{align-items: flex-start;}
	.table_scroll.table_scroll_complex .table{ width: 1000px !important;}
	.margin-clear{ margin-right: 0 !important;}
	.edu-receipt div:nth-child(2){ font-size: 20px; margin-top: 15px;}

	.edu-receipt-type2 {font-size: 15px; padding: 60px 0 40px 0; background-position: center 36px;}
  .edu-receipt-type2 strong{ font-size: 20px; margin: 0 0 8px 0; }

	.certificate-search>div{ margin-bottom: 6px;}
	.certificate-search.certificate-search-only>div{ margin-bottom: 0px;}
	.certificate-search>div>div:nth-child(2){ flex: 0 1 80%;}
  .certificate-search.certificate-search-only>div>div:nth-child(2){ flex: 0 1 80%;}
	.bill{ margin: 10px auto;}

	.cal .controls{ margin-bottom: 0;}
	.cal .controls  select{ width: 100px;}
	.cal-app>div:first-child{ top: 37px;}
	.cal .controls strong{ font-size: 20px; padding: 0 16px;}
  .cal .controls a{ width: 28px; height: 28px;} 
	.cal table thead{ display: none;}
	.cal table td{ height: auto;}
	.cal table td{border-top: 1px solid #E0E0E0 !important;}
	.cal-app>div:first-child span{ padding: 5px 10px; font-size: 18px;}
	table.tbl-cal td{ height: 56px;}

	.cer-wrap{ flex-wrap: wrap;}
}






/* step 공통 */
.step{margin-bottom:2.5em;}
/*.step > ol{position:relative; display:table; table-layout:fixed; width:100%;}
.step > ol > li{display:table-cell; position:relative; vertical-align:top;}
.step > ol > li:before,
.step > ol > li:after{content:""; display:block; position:absolute; left:0; top:1.7em; z-index:-1; width:100%; height:1px; background-color:#DDD;}
.step > ol > li:after{display:none; top:0; width:50%; height:2.85em; background-color:#fff;}
.step > ol > li:nth-child(1):after{display:block; left:0;}
.step > ol > li:last-child:after{display:block; left:50%;}
.step > ol > li em{
	display:block; width:2.85em; height:2.85em; line-height:2.85em; margin:0 auto; text-align:center; font-family:'Poppins'; font-style:normal; font-weight:600; font-size:1.25em; color:#0082cc; border:1px dashed #DDD; background-color:#fff;
	border-radius:50%;
}
.step > ol > li.on em{color:#fff; border:1px solid #0082cc; background-color:#0082cc;}
.step > ol > li em + span{display:block; width:100%; line-height:1.3em; margin-top:1.35em; text-align:center; font-size:1em; color: #333; font-weight: 500;}*/

.step ol{ display: flex; margin: 0 -10px;}
.step ol li{padding: 16px 21px;border-radius: 10px;background-color: #eff1f3;margin: 0 10px;}
.step ol li em{
	display:inline-block;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	margin:0 auto;
	text-align:center;
	font-family:'Poppins';
	font-style:normal;
	font-weight:600;
	font-size: 1em;
	color:#0082cc;
	background-color:#fff;
	border-radius:50%;
	margin-right: 10px;
	}
.step ol li.on{color:#fff;background-color:#0082cc;}
.step ol li.on em{color:#0082cc}


@media screen and (max-width:768px) {
	.step{ margin-bottom: 1.4em;}
	.step ol{ margin: 0 -5px;}
	.step ol li {  display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 15px; margin: 0 5px;}
	.step ol li span{ font-size: 15px;}
	.step ol li em{  display: none;}
	
}
@media screen and (max-width:480px) {
	.step ol li {  padding: 10px 10px; }
	.step ol li span{ font-size: 14px;}
}




/* 로그인 */
.login-wrap{}
.login-wrap>div{ border: 1px solid #dedede; border-radius: 14px; width: calc((100% / 2) - 20px) ; margin: 5px 10px; padding: 40px; box-sizing: border-box; position: relative;}
.login-wrap>div:first-child [data-btn]{ height: 8em;}
.login-wrap .login{ padding: 0 50px;}
.login-wrap .login>div:first-child{ padding-right: 10px;}
.login-wrap .login>div:first-child input{ width: 100%; margin: 0 !important; height: 2.5em !important;}
.login-wrap .login>div:first-child input:first-child{ margin-bottom: 7px !important;}
.login-wrap .login>div:last-child [data-btn] { height: 100%;}
.login-wrap h1{text-align: center;margin: 0 0 25px 0;font-size: 24px;}
.login-tab [data-tab]{ margin-bottom: 0;}
.after-login .name{ position: relative; margin: 8px 0 40px 0;}
.after-login .name::before{ content: ""; display: block; margin: 0 auto 20px; width: 114px; height: 112px ;
	background-image: url(../../../images/site/kor/content/login-person-ico.gif) ;}

@media screen and (max-width:767px) {
	.login-wrap h1{ font-size: 20px; margin: 0 0 15px;}
	.login-wrap.d-flex{ flex-wrap: wrap;}
	.login-wrap>div{ width: 100%; padding: 20px;}
	.login-wrap>div:first-child  .center.form-btn-confirm{ display: none;}
	.login-wrap .login{ padding: 0;}
	.login-wrap  .mt_40{ margin-top: 20px !important;}
	.login-wrap [data-btn][data-size="m"]>span{ padding: 0 0.5em;}
	.after-login .name::before{ width:calc(114px / 1.6) ; height:  calc(112px / 1.6); background-size: cover;}
	.after-login .name{  margin: 0 0 15px 0;}
}





/*모바일 공통*/

@media screen and (max-width:640px){
	.table th, .table td{ font-size: 0.98em;}
	.table.tbl-form th{ color: rgba(0,0,0,0.55);}
	.table.tbl-form td{ font-size: 1.1em; color: #000; font-weight: 500;}
	


	h4, .h4{font-size:1.3em; margin-bottom:10px}
	h5{ font-size:1.1em ; margin: 2em 0 0.5em;}
	h4:nth-child(1){margin-top:0 !important;}

	.form-btn-confirm [data-btn]{height: 4em;}
	[data-btn] { height: 4em;}
	[data-btn]>span { font-size: 1.4em;}
	.login-wrap>div:first-child [data-btn]{ height: 6em;}
	.login-wrap.mt_30{ margin-top: 15px !important;}

	h4>span, h5>span, h6>span{ font-size: 0.9em;}

	.padding-for-mob.notice{ border: none;}
	.padding-for-mob.info{ padding: 0}
}


.acount-add{ display:flex; flex-wrap: wrap;}
.acount-add li{ width: 250px; position: relative; margin: 2px 30px 2px 0;}
.acount-add li:last-child{ margin-right: 0;}
.acount-add li a{ position: absolute; right: 0; top: -1px;}
.acount-add li [data-btn]{ height: 3.6em;}
.acount-add li [data-btn]>span { padding: 0 0.8em}
@media screen and (max-width:640px){
	.acount-add li{ width: 210px; margin: 2px 0;}
}



