<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

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

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

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
h4, .h4{position:relative; line-height:1.3; margin-top:1.5em; margin-bottom:0.6em; font-weight:bold; font-size:1.5em; color:#222;}
h5, .h5{position:relative; line-height:1.3; margin-bottom:0.2em; padding: 0; font-weight:bold; font-size:1.25em; color:#1074E4;background: none;}
h6, .h6{position:relative; line-height:1.3; padding-left:1em; margin-top:2.26em; margin-bottom:0.7em; font-weight:500; font-size:1.4375em; color:#353535;}
h6:before, .h6:before{content:""; display:block; position:absolute; left:0; top:0.35em; width:16px; height:16px; background-image:url(../../../images/site/kor/layout/h6_bul.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}
h6&gt;span, .h6&gt;span{padding-left:0.5em; font-weight:400; font-size:0.7em; color:#555;}
h6[data-type='2'], .h6[data-type='2']{padding-left:0; color:#0F3192;}
h6[data-type='2']:before, .h6[data-type='2']:before{display:none;}

h5.wave&gt;span{position: relative;}
h5.wave&gt;span::after {content: "";position: absolute;background-image:url(../../images/chn/main/gnb_th1_hover.svg);background-repeat: no-repeat; background-size: contain; bottom: 0.1em;left:calc(100% + 0.2em);width: 3em;height: 0.5em;}
h5+div, .h5+div {font-size: 1em;}


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

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

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

div+h4,
table+h4{margin-top:2em;}

.u{text-decoration:underline;}
section{margin-top:3em;}
section:first-child{margin-top:0;}

.shadow_box{background: #FFFFFF;border: 1px solid #ECECEC;box-shadow: 0px 4px 8px rgba(24, 39, 75, 0.05);border-radius: 8px;}

@media screen and (max-width:640px){
	h4, .h4{font-size:1.4em;}
	div+h4,
	table+h4{margin-top:1.8em;}
}

.red{color:#FF4343 !important;}




/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	textList

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
[data-list] ul{margin:0.5em 0 0.8em 0;}
[data-list='0']&gt;li{position:relative; margin-left:1.5em; list-style-type:hangul}

[data-list='1']&gt;li{position:relative; padding-left:1.5em;margin-bottom: 0.5em;}
[data-list='1']&gt;li:before{
	content:""; display:block; position:absolute; left:0.5em; top:0.6em; 
	border: transparent 0.25em solid;border-left-color: #222;
}
[data-list='1']&gt;li&gt;p{margin: 0;}
[data-list='2']{counter-reset:list_simbol_5;}
[data-list='2']&gt;li{counter-increment:list_simbol_5; position:relative; padding-left:1.5em; list-style-position:inside;}
[data-list='2']&gt;li:before{content:counter(list_simbol_5)"."; display:inline-block; position:absolute; right:calc(100% - 1.2em); top:0; text-align:right; vertical-align:top;}
[data-list='3']{counter-reset:list_simbol_5;}
[data-list='3']&gt;li{counter-increment:list_simbol_5; position:relative; padding-left:1.5em; list-style-position:inside;}
[data-list='3']&gt;li:before{content:counter(list_simbol_5,lower-alpha)"."; display:inline-block; position:absolute; right:calc(100% - 1.2em); top:0; text-align:right; vertical-align:top;}
[data-list='4']{counter-reset:list_simbol_5;}
[data-list='4']&gt;li{counter-increment:list_simbol_5; position:relative; padding-left:1.5em; list-style-position:inside;}
[data-list='4']&gt;li:before{content:counter(list_simbol_5,lower-roman)"."; display:inline-block; position:absolute; right:calc(100% - 1.2em); top:0; text-align:right; vertical-align:top;}
[data-list='5']{counter-reset:list_simbol_5;}
[data-list='5']&gt;li{counter-increment:list_simbol_5; position:relative; padding-left:1.5em; list-style-position:inside;}
[data-list='5']&gt;li:before{content:counter(list_simbol_5)")"; display:inline-block; position:absolute; left:0; top:0; vertical-align:top;}
[data-list='6']{counter-reset:list_simbol_6;}
[data-list='6']&gt;li{counter-increment:list_simbol_6; position:relative; padding-left:1.5em; list-style-position:inside;}
[data-list='6']&gt;li:before{
	content:counter(list_simbol_6); display:block; position:absolute; left:0; top:0.25em; width:1.4em; height:1.4em; line-height:1.4em; text-align:center; font-size:0.8em; color:#fff; background-color:#999;
	-webkit-border-radius:1em;
	border-radius:1em;
}
[data-list='7']&gt;li{position:relative; padding-left:1.5em;text-align: left;}
[data-list='7']&gt;li:before{content:"-"; display:block; position:absolute; left:0.5em; top:0;}
[data-list='7']&gt;li:not(:first-child){margin-top: 0.5em;}
[data-list='8']&gt;li{position:relative; padding-left:3em;line-height: 2;}
[data-list='8']&gt;li:before{content:""; display:block; position:absolute; left:2em; top:1em; width: 0.3em; height: 0.3em;background-color:#333;border-radius: 100%;}


[data-list][data-margin]{margin-left:1.5em;}

p+[data-list],
div+[data-list],
table+[data-list]{margin-top:0.3em;}
[data-list]+p{margin-top:1em;}
[data-list]+[data-tip]{margin-top:0.5em;}


[data-list-box="1"]{margin-top: 2.5em;}
[data-list-box="1"]&gt;li~li{margin-top: 2em;}


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

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
[data-tip='1']{position:relative; padding-left:1.3em; margin:1em 0 0 0.3em; font-weight:400; font-size:0.9375em; color:#353535;}
[data-tip='1']:before{content:""; display:block; position:absolute; left:0; top:0.3em; width:14px; height:14px; background-image:url(../../../images/site/kor/layout/tip_simbol.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}
[data-tip='1']+[data-tip='1']{margin-top:0.2em;}
li&gt;[data-tip='1']{margin-top:0.2em;}
[data-list] [data-tip='1']{margin-left:0;}

.board .tip{display:block; position:relative; padding-left:1.1em; margin:0.5em 0 0 0; font-weight:400; font-size:1em; color:#353535;}
.board .tip:before{content:""; display:block; position:absolute; left:0; top:0.3em; width:0.9375em; height:0.9375em; background-image:url(../../../images/site/kor/layout/tip_simbol.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}
.board .tip:after{display:none;}
.board .tip+[data-tip='1']{margin-top:0.2em;}



/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	_Blank

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
#txt a:not([data-btn])[target='_blank']{text-decoration:underline; color:#0F3192;}
#txt a:not([data-btn])[target='_blank']&gt;span{color:inherit;}
/* #txt a:not([data-btn])[target='_blank']: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;} */
#txt a:not([data-btn])[target='_blank'][data-type='2']{text-decoration:none; color:#222;}
#txt a:not([data-btn])[target='_blank'][data-type='2']:hover{text-decoration:underline;}
#txt a:not([data-btn])[target='_blank'][data-type='2']:after{width:1em; height:1em; margin:0.3em 0 0 0.3em; background-image:url(../../../images/site/kor/layout/_blank_2.svg);}



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

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

[data-tab]&gt;.in&gt;ul{display:flex;flex-wrap: wrap;}
[data-tab]&gt;.in&gt;ul&gt;li{margin: 0 1em 1em 0;}
[data-tab]&gt;.in&gt;ul&gt;li&gt;a{display:block;padding: 0.575em 1.3em;border: 1px solid #E2E2E2;border-radius: 20px 20px 0 20px;text-decoration: none;}
[data-tab]&gt;.in&gt;ul&gt;li.on&gt;a{background-color: rgba(16, 116, 228, 0.1);border-color: rgba(16, 116, 228, 0.1);}
[data-tab]&gt;.in&gt;ul&gt;li&gt;a&gt;span{font-size: 1.125em;color: #444;}
[data-tab]&gt;.in&gt;ul&gt;li.on&gt;a&gt;span{font-weight: 500; color: #24335E;}

[data-tab='2']&gt;.in&gt;ul:after{content:""; display:block; clear:both;}
[data-tab='2']&gt;.in&gt;ul&gt;li{float:left; position:relative; width:calc((100% - 1px) / 7); height:3.7em; border-bottom:1px solid #d1d1d1;}
[data-tab='2']&gt;.in&gt;ul&gt;li:nth-child(7n+1){margin-left:0;}
[data-tab='2']&gt;.in&gt;ul&gt;li:nth-child(n+8){margin-top:-1px;}

[data-tab='3']&gt;.in&gt;ul:after{content:""; display:block; clear:both;}
[data-tab='3']&gt;.in&gt;ul&gt;li{float:left; position:relative; width:calc((100% - 1px) / 5); height:3.7em; border-bottom:1px solid #d1d1d1;}
[data-tab='3']&gt;.in&gt;ul&gt;li:nth-child(5n+1){margin-left:0;}
[data-tab='3']&gt;.in&gt;ul&gt;li:nth-child(n+6){margin-top:-1px;}

[data-tab='4']&gt;.in&gt;ul:after{content:""; display:block; clear:both;}
[data-tab='4']&gt;.in&gt;ul&gt;li{float:left; position:relative; width:calc((100% - 1px) / 3); height:3.7em; border-bottom:1px solid #d1d1d1;}
[data-tab='4']&gt;.in&gt;ul&gt;li:nth-child(3n+1){margin-left:0;}
[data-tab='4']&gt;.in&gt;ul&gt;li:nth-child(n+4){margin-top:-1px;}

[data-tab]&gt;.in&gt;ul&gt;li&gt;strong,
[data-tab]&gt;.in&gt;ul&gt;li&gt;span{display:block; width:100%; height:100%;}
[data-tab]&gt;.in&gt;ul&gt;li&gt;strong&gt;a,
[data-tab]&gt;.in&gt;ul&gt;li&gt;span&gt;a{display:table; table-layout:fixed; position:relative; z-index:0; width:100%; height:100%;}
[data-tab]&gt;.in&gt;ul&gt;li&gt;strong&gt;a:before{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #0F3192; border-top-width:3px;}
[data-tab]&gt;.in&gt;ul&gt;li&gt;strong&gt;a&gt;span,
[data-tab]&gt;.in&gt;ul&gt;li&gt;span&gt;a&gt;span{display:table-cell; width:100%; text-align:center; vertical-align:middle; font-weight:500; font-size:1.125em; color:#222 !important;}
[data-tab]&gt;.in&gt;ul&gt;li&gt;strong&gt;a&gt;span{color:#0F3192 !important;}
[data-tab]&gt;.in&gt;ul&gt;li a[target='_blank']{text-decoration:none !important;}
[data-tab]&gt;.in&gt;ul&gt;li a[target='_blank']:after{display:none !important;}
[data-tab]&gt;.in&gt;ul&gt;li a[target='_blank']&gt;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-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;}

@media screen and (max-width: 900px) {
	
	/* [data-tab]{
		height:auto !important; padding:0; margin-bottom:2em; border:none;
		-webkit-border-radius:0;
		border-radius:0;
	}
	[data-tab]: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]&gt;.in&gt;ul{overflow-x:auto; overflow-y:hidden; white-space:nowrap; display:block;}
	[data-tab]&gt;.in&gt;ul&gt;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]&gt;.in&gt;ul&gt;li:before, 
	[data-tab]&gt;.in&gt;ul&gt;li:after{display:none;}
	[data-tab]&gt;.in&gt;ul&gt;li:nth-child(1){margin-left:0 !important;}
	[data-tab]&gt;.in&gt;ul&gt;li:nth-child(n+7){margin-top:0;}
	[data-tab]&gt;.in&gt;ul&gt;li:last-child{padding-right:3em;}
	[data-tab]&gt;.in&gt;ul&gt;li&gt;strong&gt;a,
	[data-tab]&gt;.in&gt;ul&gt;li&gt;span&gt;a{display:block; height:3em; padding:0 2em;}
	[data-tab]&gt;.in&gt;ul&gt;li&gt;span&gt;a:before{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #d1d1d1;}
	[data-tab]&gt;.in&gt;ul&gt;li&gt;strong&gt;a&gt;span,
	[data-tab]&gt;.in&gt;ul&gt;li&gt;span&gt;a&gt;span{display:block;} */

	[data-tab]&gt;.in&gt;ul{position: relative;word-break: keep-all;border-top: 1px solid #d4e4f8;}

	[data-tab]&gt;.in&gt;ul.on&gt;li{display: block;}
	[data-tab]&gt;.in&gt;ul&gt;li {width: 100%; margin: 0%; display: none;}
	[data-tab]&gt;.in&gt;ul&gt;li.on{display: block;position: relative;}
	[data-tab]&gt;.in&gt;ul&gt;li.on::after{content: "";position: absolute; display: block; background-image:url(../../images/chn/layout/remote_icon_arrow.svg); background-repeat: no-repeat; width: 1em; height: 1em; transform: rotate(90deg); top: 0;bottom: 0;margin: auto 0; right: 1.3em; transition: all .3s; }
	[data-tab]&gt;.in&gt;ul.on&gt;li.on::after{transform: rotate(270deg);}
	[data-tab]&gt;.in&gt;ul&gt;li&gt;a {border-radius: 0;padding: 0.575em 3em 0.575em 1.3em;}
	[data-tab]&gt;.in&gt;ul&gt;li&gt;a {border-top: none;}
}



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

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
[data-btn]{
	display: inline-flex; justify-content: center; align-items: center; overflow:hidden; position:relative; font-weight: 400; line-height:1.8em; height: auto; min-width: 4.7em; padding:0.45em 0.875em; box-sizing: border-box; text-align:center; vertical-align:top; border:1px solid #1074E4; color:#fff; background-color:#1074E4;border-radius: 4px;
	
	-webkit-transition:background-color 0.2s linear, border-color 0.2s linear;
	transition:background-color 0.2s linear, border-color 0.2s linear;
}
[data-btn='1']&gt;span{display:inline-block; font-weight:400;font-size:1.125em;}
a[data-btn='1']:hover{color:#2B4381; background-color:#fff;text-decoration: none;}

[data-btn='1'][data-icon='1']{background-color: #fff;color: #333;border-color: #CCCED3;}
[data-btn='1'][data-icon]&gt;span{padding-left: 1.2em;background-image: url(../../images/chn/skin/btn_icon_down.svg);background-repeat: no-repeat;background-position: left center;}
a[data-btn='1'][data-icon]:hover{background-color:#1074E4;color: #fff;border-color: #1074E4;}
[data-btn='1'][data-icon='1']:hover&gt;span{background-image: url(../../images/chn/skin/btn_icon_down_ov.svg);}
[data-btn='1'][data-icon='2']&gt;span{background-image: url(../../images/chn/skin/list_icon.svg);}

[data-btn='1'][data-color='1']{border-color:#1074E4; color:#fff; background-color:#1074E4;}
a[data-btn='1'][data-color='1']:hover{border-color:#1864AB;background-color: #1864AB;color: #fff;}
[data-btn='1'][data-color='2']{border-color:#E03131; color:#fff; background-color:#E03131;}
a[data-btn='1'][data-color='2']:hover{color: #fff; border-color: #C92A2A;background-color:#C92A2A;}
[data-btn='1'][data-color='3']{border-color:#868E96; color:#fff; background-color:#868E96;}
a[data-btn='1'][data-color='3']:hover{color: #fff; border-color:#495057; background-color:#495057;}


[data-btn='1'][data-size='l']{padding:1em 1.4em 1em 1.4em; font-size:1.066em;}
[data-btn='1'][data-size='l']&gt;span{font-size:1em;}

[data-btn='1'][data-size='l'][data-icon]{min-width:14em; padding:1em 4.4em 0.9em 1.2em; text-align:left; border:none !important;}
[data-btn='1'][data-size='l'][data-icon]:before{
	content:""; display:block; position:absolute; right:0; top:0; z-index:0; width:3em; height:100%; background-color:#3854A2;
	-webkit-transition:background-color 0.2s linear;
	transition:background-color 0.2s linear;
}
[data-btn='1'][data-size='l'][data-icon]:after{right:0.7em; width:1.6em;}
[data-btn='1'][data-size='l'][data-icon='2']:after{background-image:url(../../../images/site/kor/content/btn_icon_2_w_bic.svg) !important;}
[data-btn='1'][data-size='l'][data-icon='3']:after{background-image:url(../../../images/site/kor/content/btn_icon_3_w_bic.svg) !important;}

[data-btn='1'][data-size='l'][data-icon][data-color='1']{background-color:#5078E7;}
[data-btn='1'][data-size='l'][data-icon][data-color='1']:before{background-color:#3854A2;}
a[data-btn='1'][data-size='l'][data-icon][data-color='1']:hover{color:#fff; background-color:#4060B9;}
a[data-btn='1'][data-size='l'][data-icon][data-color='1']:hover:before{background-color:#2D4382;}
[data-btn='1'][data-size='l'][data-icon][data-color='2']{background-color:#2B4381;}
[data-btn='1'][data-size='l'][data-icon][data-color='2']:before{background-color:#1E2F5A;}
a[data-btn='1'][data-size='l'][data-icon][data-color='2']:hover{color:#fff; background-color:#223667;}
a[data-btn='1'][data-size='l'][data-icon][data-color='2']:hover:before{background-color:#182648;}
[data-btn='1'][data-size='l'][data-icon][data-color='3']{background-color:#EF5D66;}
[data-btn='1'][data-size='l'][data-icon][data-color='3']:before{background-color:#A74147;}
a[data-btn='1'][data-size='l'][data-icon][data-color='3']:hover{color:#fff; background-color:#BF4A52;}
a[data-btn='1'][data-size='l'][data-icon][data-color='3']:hover:before{background-color:#863439;}
[data-btn='1'][data-size='l'][data-icon][data-color='4']{border:1px solid #bbb !important; background-color:#fff;}
[data-btn='1'][data-size='l'][data-icon][data-color='4']:before{background-color:#bbb;}
a[data-btn='1'][data-size='l'][data-icon][data-color='4']:hover{border-color:#444 !important; color:#444; background-color:#fff;}
a[data-btn='1'][data-size='l'][data-icon][data-color='4']:hover:before{background-color:#444;}
[data-btn='1'][data-size='l'][data-icon][data-color='5']{background-color:#66717E !important;}
[data-btn='1'][data-size='l'][data-icon][data-color='5']:before{background-color:#555868 !important;}
a[data-btn='1'][data-size='l'][data-icon][data-color='5']:hover{color:#fff !important; background-color:#596069 !important;}
a[data-btn='1'][data-size='l'][data-icon][data-color='5']:hover:before{background-color:#444653 !important;}
[data-btn='1'][data-size='l'][data-icon][data-color][data-type='readonly']{background-color:#7A7D94 !important;}
[data-btn='1'][data-size='l'][data-icon][data-color][data-type='readonly']:before{background-color:#555868 !important;}
a[data-btn='1'][data-size='l'][data-icon][data-color][data-type='readonly']:hover{color:#fff !important; background-color:#626476 !important;}
a[data-btn='1'][data-size='l'][data-icon][data-color][data-type='readonly']:hover:before{background-color:#444653 !important;}



[data-btn='1'][data-size='s']{padding:0.4em 0.833em 0.4em 0.833em; font-size:1em;}
[data-btn='1'][data-size='s']&gt;span{font-size:1em;}




[data-btn='1'][data-icon='1']:after{background-image:url(../../../images/site/kor/content/btn_icon_1.svg);}
[data-btn='1'][data-icon='2']:after{background-image:url(../../../images/site/kor/content/btn_icon_2.svg);}
[data-btn='1'][data-icon='3']:after{background-image:url(../../../images/site/kor/content/btn_icon_3.svg);}

[data-btn='1'][data-size='l'][data-icon='1']:after{background-image:url(../../../images/site/kor/content/btn_icon_1_w.svg);}
[data-btn='1'][data-size='l'][data-icon='2']:after{background-image:url(../../../images/site/kor/content/btn_icon_2_w.svg);}
[data-btn='1'][data-size='l'][data-icon='3']:after{background-image:url(../../../images/site/kor/content/btn_icon_3_w.svg);}

[data-btn='1']:not([data-size='l'])[data-color='1'][data-icon='1']:after,
[data-btn='1']:not([data-size='l'])[data-color='2'][data-icon='1']:after,
[data-btn='1']:not([data-size='l'])[data-color='3'][data-icon='1']:after,
[data-btn='1']:not([data-size='l'])[data-color='5'][data-icon='1']:after,
[data-btn='1']:not([data-size='l'])[data-color][data-icon='1'][data-type='readonly']:after{background-image:url(../../../images/site/kor/content/btn_icon_1_w.svg);}
[data-btn='1']:not([data-size='l'])[data-color='1'][data-icon='2']:after,
[data-btn='1']:not([data-size='l'])[data-color='2'][data-icon='2']:after,
[data-btn='1']:not([data-size='l'])[data-color='3'][data-icon='2']:after,
[data-btn='1']:not([data-size='l'])[data-color='5'][data-icon='2']:after,
[data-btn='1']:not([data-size='l'])[data-color][data-icon='2'][data-type='readonly']:after{background-image:url(../../../images/site/kor/content/btn_icon_2_w.svg);}
[data-btn='1']:not([data-size='l'])[data-color='1'][data-icon='3']:after,
[data-btn='1']:not([data-size='l'])[data-color='2'][data-icon='3']:after,
[data-btn='1']:not([data-size='l'])[data-color='3'][data-icon='3']:after,
[data-btn='1']:not([data-size='l'])[data-color='5'][data-icon='3']:after,
[data-btn='1']:not([data-size='l'])[data-color][data-icon='3'][data-type='readonly']:after{background-image:url(../../../images/site/kor/content/btn_icon_3_w.svg);}

a[data-btn='1']:not([data-size='l'])[data-color][data-icon='1'][data-type='readonly']:hover:after{background-image:url(../../../images/site/kor/content/btn_icon_1.svg);}
a[data-btn='1']:not([data-size='l'])[data-color][data-icon='2'][data-type='readonly']:hover:after{background-image:url(../../../images/site/kor/content/btn_icon_2.svg);}
a[data-btn='1']:not([data-size='l'])[data-color][data-icon='3'][data-type='readonly']:hover:after{background-image:url(../../../images/site/kor/content/btn_icon_3.svg);}
a[data-btn='1']:not([data-size='l'])[data-color='1'][data-icon='1']:hover:after{background-image:url(../../../images/site/kor/content/btn_icon_1_db.svg);}
a[data-btn='1']:not([data-size='l'])[data-color='2'][data-icon='1']:hover:after{background-image:url(../../../images/site/kor/content/btn_icon_1_b.svg);}
a[data-btn='1']:not([data-size='l'])[data-color='3'][data-icon='1']:hover:after{background-image:url(../../../images/site/kor/content/btn_icon_1_r.svg);}
a[data-btn='1']:not([data-size='l'])[data-color='5'][data-icon='1']:hover:after{background-image:url(../../../images/site/kor/content/btn_icon_1.svg);}
a[data-btn='1']:not([data-size='l'])[data-color='1'][data-icon='2']:hover:after{background-image:url(../../../images/site/kor/content/btn_icon_2_db.svg);}
a[data-btn='1']:not([data-size='l'])[data-color='2'][data-icon='2']:hover:after{background-image:url(../../../images/site/kor/content/btn_icon_2_b.svg);}
a[data-btn='1']:not([data-size='l'])[data-color='3'][data-icon='2']:hover:after{background-image:url(../../../images/site/kor/content/btn_icon_2_r.svg);}
a[data-btn='1']:not([data-size='l'])[data-color='5'][data-icon='2']:hover:after{background-image:url(../../../images/site/kor/content/btn_icon_2.svg);}
a[data-btn='1']:not([data-size='l'])[data-color='1'][data-icon='3']:hover:after{background-image:url(../../../images/site/kor/content/btn_icon_3_db.svg);}
a[data-btn='1']:not([data-size='l'])[data-color='2'][data-icon='3']:hover:after{background-image:url(../../../images/site/kor/content/btn_icon_3_b.svg);}
a[data-btn='1']:not([data-size='l'])[data-color='3'][data-icon='3']:hover:after{background-image:url(../../../images/site/kor/content/btn_icon_3_r.svg);}
a[data-btn='1']:not([data-size='l'])[data-color='5'][data-icon='3']:hover:after{background-image:url(../../../images/site/kor/content/btn_icon_3.svg);}


[data-skin='input'] [data-btn='1']{
	-webkit-border-radius:0.2em;
	border-radius:0.2em;
}

.btns [data-btn]{margin: 0.2em 0 0.2em 0.5em;}

/* icon_file_ */

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	arrow style

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
[data-simbol='1']{display:inline-block; width:1.2em; height:1.2em; vertical-align:top; background-image:url(../../../images/site/kor/content/icon_file.svg); background-repeat:no-repeat; background-position:center center; background-size:contain; text-indent:-9999px;}
[data-simbol='1']&gt;span{opacity:0; position:absolute;}
[data-simbol='1'][data-type='hwp']{background-image:url(../../../images/site/kor/content/icon_file_hwp.svg);}
[data-simbol='1'][data-type='pdf']{background-image:url(../../../images/site/kor/content/icon_file_pdf.svg);}
[data-simbol='1'][data-type='doc']{background-image:url(../../../images/site/kor/content/icon_file_doc.svg);}
[data-simbol='1'][data-type='xlsx']{background-image:url(../../../images/site/kor/content/icon_file_xlsx.svg);}
[data-simbol='1'][data-type='jpg']{background-image:url(../../../images/site/kor/content/icon_file_jpg.svg);}
[data-simbol='1'][data-type='secret']{background-image:url(../../../images/site/kor/content/icon_file_secret.svg);}
[data-simbol='1'][data-type='new']{width:1.866em; background-image:url(../../../images/site/kor/content/icon_file_new.svg);}



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

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.table{width:100%; margin-top:0.5em; border-top:2px solid #222;font-family: 'NotoSansCJKkr';}
.table th,
.table td{height:2.3em; padding:0.6em 1.333em; text-align:center; font-size:1em;font-family: 'NotoSansCJKkr';}
.table th:not(:first-child),
.table td:not(:first-child){border-left:1px solid #e2e2e2;}
.table th:not(:last-child),
.table td:not(:last-child){border-right:1px solid #e2e2e2;}
.table th{background:#F9FAFC; font-weight:500; border-bottom:1px solid #e2e2e2; color:#222;}
.table td{border-bottom:1px solid #e2e2e2; color:#333;font-weight:400;}
.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:#F9FAFC;}
.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-bottom:1px solid #c6c6c6; border-right:1px solid #8d8d8d;}

.table_scroll{margin-bottom: 2.5em;}
.table_scroll + .table_scroll{margin-top:2em;}

.table_scroll[data-type='2']{overflow:auto;}
.table_scroll[data-type='2'] .table{position:relative; width:1700px;}


.table_scroll[data-info='2']&gt;.table&gt;tbody&gt;tr&gt;td.route{text-align: left;}
.table_scroll[data-info='2']&gt;.table&gt;tbody&gt;tr&gt;td.route p:not(:first-child){margin-top: 0.5em;}
.table_scroll[data-info='2']&gt;.table&gt;tbody&gt;tr&gt;td&gt;ul&gt;li:not(:first-child){margin-top: 2em;}
.table_scroll[data-info='2']&gt;.table&gt;tbody&gt;tr&gt;td&gt;ul&gt;li .p_group{margin-top: 1.25em;}


@media screen and (max-width:900px){
	.table_scroll:not([data-type='2']){overflow:auto;}
	.table_scroll:not([data-type='2']) .table{position:relative; width:900px;}
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	input style

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
input,
textarea,
select{border-color:#E6E6E6; font-size:0.95em;}

[data-skin='input'] input,
[data-skin='cal'] input,
[data-skin='select'] select{width:100%; height:2.534em; padding:0 1em; border-color:#E6E6E6;}

/*text*/
[data-skin='input'] input::placeholder{color:#ADADAD;}
[data-skin='input'][data-size='s'] input{max-width:20em;}
[data-skin='input'][data-align='r'] input{width:calc(100% - 4.6em); margin-right:0.5em;}
[data-skin='input'] textarea{width:100%; height:6em; padding:0 1em; border-color:#E6E6E6; border-radius:0.3em; padding:0.5em 1em;}
[data-skin='input'] textarea::placeholder{color:#ADADAD;}
/*select*/
[data-skin='select'] select{
	max-width:20em; width:100%; background:url(../../../images/site/kor/layout/icon_select_arrow.svg) no-repeat right 1em center;
	appearance:none; -webkit-appearance:none;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
}
[data-skin='select'] select::-ms-expand { display: none; }
[data-skin='select'][data-align='r'] select{width:calc(100% - 4.6em); margin-right:0.5em;}
/*달력*/
[data-skin='cal']{position:relative; max-width:20em; width:100%;}
[data-skin='cal'] input{padding:0 2.6em 0 1em;}
[data-skin='cal'] input::placeholder{color:#ADADAD;}
[data-skin='cal']:after{content:""; position:absolute; top:0; right:1em; width:1.5em; height:2.4em; background:url(../../../images/site/skin/icon_cal.svg) no-repeat center top 0.35em; background-size:100% auto;}
[data-skin='cal'] img{display:none;}
/*체크박스*/
[data-skin='checkbox']&gt;span{display:inline-block; margin-right:1.2em; padding:0.3em 0;}
[data-skin='checkbox'] [type='checkbox']{overflow:hidden; position:absolute; left:-2000px;}
[data-skin='checkbox'] label{position:relative; display:block; line-height:1.334em; padding-left:1.9em; font-size:0.95em;}
[data-skin='checkbox'] label:before{content:""; position:absolute; top:0; left:0; width:1.334em; height:1.334em; background-color:#fff; border:1px solid #E6E6E6; border-radius:0.15em;}
[data-skin='checkbox'] [type='checkbox']:checked+label:before{background-color:#5078E7; background-image:url(../../../images/site/skin/icon_checked.svg); background-repeat:no-repeat; background-position:center; border-color:#5078E7;}
/*라디오*/
[data-skin='radio']&gt;span{display:inline-block; margin-right:1.2em; padding:0.2em 0;}
[data-skin='radio'] [type='radio']{overflow:hidden; position:absolute; left:-2000px;}
[data-skin='radio'] label{position:relative; display:block; line-height:1.6em; padding-left:2.3em; font-size:0.95em;}
[data-skin='radio'] label:before{content:""; position:absolute; top:0; left:0; width:1.6em; height:1.6em; background-color:#fff; border:1px solid #E6E6E6; border-radius:50%; box-sizing:border-box;}
[data-skin='radio'] label:after{
	content:""; position:absolute; top:0; left:0; width:1.6em; height:1.6em; background-color:#5078E7; border-radius:50%;
	transition:all 0.2s ease; -webkit-transition:all 0.2s ease;
	transform:scale(0); -webkit-transform:scale(0);
}
[data-skin='radio'] [type='radio']:checked+label:after{transform:scale(0.5); -webkit-transform:scale(0.5);}
/*파일찾기*/
[data-skin='file']{position:relative;}
[data-skin='file'] input[type='file']{overflow:hidden; position:absolute; width:0px; height:1px; margin:-1px; padding:0; border:0;}
[data-skin='file'] label{display:inline-block; width:6em; height:2.534em; line-height:2.534em; background-color:#818898; border-radius:0.3em; text-align:center; font-size:0.95em; color:#fff; cursor:pointer; box-sizing:border-box;}
/* named upload */
[data-skin='file'] .upload-name{
    overflow:hidden; display:inline-block; width:calc(100% - 6.8em); max-width:20em; height:2.534em; margin-right:0.5em; background-color:#fff; border-color:#E6E6E6; border-radius:0.3em; white-space:nowrap; text-overflow:ellipsis;
	/* 네이티브 외형 감추기 */
	-webkit-appearance:none; 
	-moz-appearance:none;
	appearance:none;
 }

/*인풋 내용 삭제*/
[data-input='remove']{position:relative; max-width:19em;}
[data-input='remove'] .r_btn{overflow:hidden; position:absolute; top:calc(50% - 0.55em); right:1em; display:inline-block; width:1.1em; height:1.1em; background:url(../../../images/site/skin/input_text_remove.svg) no-repeat 0 0; background-size:100% auto; border:0; text-indent:-2000px;}

 @media screen and (max-width:740px){
 	[data-skin='input'][data-size='s'] input{width:100%; max-width:100%;}
 	[data-skin='select'] select{max-width:17em;}
 	[data-skin='input'][data-align='r'] input,
 	[data-skin='select'][data-align='r'] select,
 	[data-skin='file'] .upload-name{margin-right:0.2em;}
 }



 /* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	etc

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*나이스스크롤*/
.scrollbx{width:100%; height:100%; padding-right:0.7em; box-sizing:border-box;}
.nicescroll-rails-vr&gt;.nicescroll-cursors{width:8px !important;}
.nicescroll-rails-hr&gt;.nicescroll-cursors{height:8px !important;}
/*커스텀스크롤*/
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px !important; background-color:rgba(139, 145, 156, 1) !important;}



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

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
[data-box='scroll']{overflow:auto; height:15em; padding:2.33em; border:1px solid #E5E7EE; color:#555;}
[data-box='scroll']&gt;.scrollbx{position:relative; line-height:1.5em;}

[data-box='1']{position:relative; padding:1.875em 2.5em;border:1px solid #ECECEC; box-shadow: 0 4px 8px rgba(24,39,75,0.05);border-radius: 1.25em 0 1.25em 0;}
[data-box='1']&gt;.in{display: flex;align-items: center;word-break: keep-all;}
[data-box='1']&gt;.in&gt;.icon_box{flex-shrink: 0; position: relative;width: 6.8em;height: 6.8em;background-color:#F3F4F5;border-radius: 8px;}
[data-box='1']&gt;.in&gt;.icon_box::after{content: "";position: absolute;background: url(../../images/chn/layout/topbox_sombol_01.svg) no-repeat;background-size: contain;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 4em;height: 3.75em;}
[data-box='1']&gt;.in&gt;.txt_box {padding-left: 2.5em;width: 100%; display: flex;flex-wrap: wrap;align-items: center;}
[data-box='1']&gt;.in&gt;.txt_box&gt;li {width: 100%;}
[data-box='1']&gt;.in&gt;.txt_box&gt;li::after{content: ""; clear: both;display: block;}
[data-box='1']&gt;.in&gt;.txt_box&gt;li&gt;p{float: left;margin: 5px 0;}
[data-box='1']&gt;.in&gt;.txt_box&gt;li&gt;._left{width: 4.375em; padding-right: 1em; font-weight: 500;}
[data-box='1']&gt;.in&gt;.txt_box&gt;li&gt;._right{width: calc(100% - 5.5em); font-weight: 400;}
[data-box='1']&gt;.in&gt;.txt_box&gt;li&gt;._right&gt;a:hover{text-decoration: underline;}
[data-box='1'][data-bg="2"]{background-color: #F3F8FE;}

[data-box='1'][data-info="2"]{margin-bottom: 1.56em;}
[data-box='1'][data-icon="2"]&gt;.in&gt;.icon_box::after{background: url(../../images/chn/content/drive_icon.svg) no-repeat;background-size: contain;}
[data-box='1'][data-info="2"] .txt_box strong{display: block; color: #24335E;}
[data-box='1'][data-info="2"] .txt_box p {margin-top:1em ;}

[data-box='1'][data-icon="4"]&gt;.in&gt;.icon_box::after{background: url(../../images/chn/content/notice_icon.svg) no-repeat;width: 3em;}

[data-box='1'][data-info="3"]&gt;.in&gt;.link_btn{position: absolute;right: 2em;transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
[data-box='1'][data-info="3"]&gt;.in&gt;.link_btn&gt;[data-btn="1"]{min-height: 2.5em;height: auto;}

[data-box='1-1'] {margin-top: 1em;}
[data-box='1-1']&gt;.in{display: flex;word-break: keep-all;}
[data-box='1-1']&gt;.in&gt;.img_box{flex-shrink: 0;}
[data-box='1-1']&gt;.in&gt;.img_box&gt;li{position: relative;width: 17.5em;height: 11.75em;border: 1px solid #ECECEC ; border-radius: 8px;box-shadow: 0 4px 8px rgba(24, 39, 75, 0.05);overflow: hidden;transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
[data-box='1-1']&gt;.in&gt;.img_box&gt;li::after{content: "";position: absolute;background-size: cover; background-repeat: no-repeat; top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 100%;height: 100%;}
[data-box='1-1']&gt;.in&gt;.img_box&gt;li:not(:first-child){margin-top: 1.25em;}
[data-box='1-1']&gt;.in&gt;.txt_box {padding-left: 1.5em;width: 100%;}
[data-box='1-1']&gt;.in&gt;.txt_box&gt;li{padding: 1.25em 0;border-bottom: 1px dashed #DCDCDC;}
[data-box='1-1']&gt;.in&gt;.txt_box&gt;li::after{content: ""; clear: both;display: block;}
[data-box='1-1']&gt;.in&gt;.txt_box&gt;li&gt;._left,
[data-box='1-1']&gt;.in&gt;.txt_box&gt;li&gt;._right{float: left;margin: 0;}
[data-box='1-1']&gt;.in&gt;.txt_box&gt;li&gt;._left{width: 12em; padding-right: 2.25em; font-weight: 500;color: #24335E;}
[data-box='1-1']&gt;.in&gt;.txt_box&gt;li&gt;._right{width: calc(100% - 14.25em); font-weight: 400;}
[data-box='1-1']&gt;.in&gt;.txt_box&gt;li&gt;._right::after{content: ""; clear: both;display: block;}
[data-box='1-1']&gt;.in&gt;.txt_box&gt;li&gt;._right a{position: relative;}
[data-box='1-1']&gt;.in&gt;.txt_box&gt;li&gt;._right a[target="_blank"]{background: url(../../images/chn/skin/lnb_blank.svg) no-repeat 100% 50%; width: 1.2em;height: 1.2em;background-position: center right;padding-right: 22px;}



@media screen and (max-width: 1024px) {
	[data-box='1-1']&gt;.in{flex-wrap: wrap;}
	[data-box='1-1']&gt;.in&gt;.img_box{display: flex;justify-content: center;width: 100%;}
	[data-box='1-1']&gt;.in&gt;.img_box&gt;li{width: 50%;height: 0;padding-top: 30%;}
	[data-box='1-1']&gt;.in&gt;.img_box&gt;li:not(:first-child){margin-top: 0;margin-left: 3%;}

	[data-box='1-1']&gt;.in&gt;.txt_box{margin-top: 1em;}
}

@media screen and (max-width: 720px) {
	[data-box='1'][data-info="3"]&gt;.in{flex-wrap: wrap;}
	[data-box='1'][data-info="3"]&gt;.in&gt;.txt_box{flex: 1;}
	[data-box='1'][data-info="3"]&gt;.in&gt;.link_btn{position: static;width: 100%;text-align: center;margin-top: 1em;}
}

@media screen and (max-width: 640px) {
	[data-box='1']{padding: 1em 1.5em;}
	[data-box='1'][data-icon="4"]&gt;.in&gt;.icon_box::after{width: 4em;}
}

@media screen and (max-width: 420px) {
	[data-box='1']&gt;.in{flex-wrap: wrap;}
	[data-box='1']&gt;.in&gt;.icon_box{margin: 0 auto;}
	[data-box='1']&gt;.in&gt;.txt_box {padding-left:0;margin-top: 2em;}

	[data-box='1'][data-info="3"]&gt;.in&gt;.txt_box{flex: none;}

	[data-box='1-1']&gt;.in&gt;.txt_box{padding-left: 0;}
	[data-box='1-1']&gt;.in&gt;.txt_box&gt;li&gt;._left,
	[data-box='1-1']&gt;.in&gt;.txt_box&gt;li&gt;._right{float: none;padding-top: 0;width: 100% !important;}


	[data-box='1'][data-icon="4"]&gt;.in&gt;.icon_box {display: none;}
	[data-box='1'][data-icon="4"]&gt;.in&gt;.txt_box {margin-top: 0;}
}	


[data-box='2']{position:relative; padding:1.25em 2.5em;border-radius: 0 0 1.25em 0;}
/* [data-box='2']:not(:first-child){margin-top: 1.5em;} */
[data-box='2']&gt;.in{display: flex;align-items: center;word-break: keep-all;}
[data-box='2']&gt;.in&gt;.icon_box{flex-shrink: 0; position: relative;width: 6.8em;height: 6.8em;background-color:#fff;border-radius: 8px 8px 40px 8px;box-shadow: 0 4px 8px rgba(24, 39, 75, 0.05);-webkit-transition:all 0.2s linear;transition:all 0.2s linear;}
[data-box='2']&gt;.in&gt;.icon_box::after{content: "";position: absolute;background-size: contain;top: 0;bottom: 0;left: 0;right: 0;margin: auto;width: 3.75em;height: 3.75em;}
[data-box='2']&gt;.in&gt;.txt_box {padding-left: 2.5em;width: 100%;-webkit-transition:all 0.2s linear;transition:all 0.2s linear;}
[data-box='2']&gt;.in&gt;.txt_box&gt;li::after{clear: both;}
[data-box='2']&gt;.in&gt;.txt_box&gt;strong{display: block;font-size: 1.125em;color:#1074E4;margin-bottom: 0.6em;}

[data-box='2'][data-bg='1']{background-color: #fff;}
[data-box='2'][data-bg='2']{background-color: #F3F8FE;}


[data-box='2'][data-icon='2-1']&gt;.in&gt;.icon_box::after{background-image: url(../../images/chn/content/symbol_icon_01.svg);}
[data-box='2'][data-icon='2-2']&gt;.in&gt;.icon_box::after{background-image: url(../../images/chn/content/symbol_icon_02.svg);}
[data-box='2'][data-icon='2-3']&gt;.in&gt;.icon_box::after{background-image: url(../../images/chn/content/symbol_icon_03.png);}
[data-box='2'][data-icon='2-4']&gt;.in&gt;.icon_box::after{background-image: url(../../images/chn/content/symbol_icon_04.png);}


@media screen and (max-width: 640px) {
	[data-box='2']{padding: 2em;}
}

@media screen and (max-width: 420px) {
	[data-box='2']&gt;.in{flex-wrap: wrap;}
	[data-box='2']&gt;.in&gt;.icon_box{margin: 0 auto;}
	[data-box='2']&gt;.in&gt;.txt_box {padding-left:0;margin-top: 2em;}
	[data-box='2']&gt;.in&gt;.txt_box&gt;p{margin: 0;}
}	


[data-box='3']&gt;ul{display: flex;justify-content: space-between;}
[data-box='3']&gt;ul&gt;li{width:calc((100% - 5em)/3);-webkit-transition:all 0.2s linear;transition:all 0.2s linear;}
[data-box='3']&gt;ul&gt;li&gt;.img_box{border: 1px solid #ECECEC; box-shadow: 0 4px 8px rgba(24, 39, 75, 0.05); border-radius: 8px; max-width: 100%;height: 6.43em;background-size: contain; background-repeat: no-repeat; background-position: center;}
[data-box='3']&gt;ul&gt;li&gt;.img_box[data-img="1"]{background-image: url(../../images/chn/content/logo_type_01.gif);}
[data-box='3']&gt;ul&gt;li&gt;.img_box[data-img="2"]{background-image: url(../../images/chn/content/logo_type_02.gif);}
[data-box='3']&gt;ul&gt;li&gt;.img_box[data-img="3"]{background-image: url(../../images/chn/content/logo_type_03.gif);}

[data-box='3']&gt;ul&gt;li&gt;.txt_box{margin-top: 1em;}
[data-box='3']&gt;ul&gt;li&gt;.txt_box&gt;strong{display: block;position: relative; font-size: 1.125em;font-weight:500;color:#1074E4;padding:0 0.5em 0.5em 0.5em;}
[data-box='3']&gt;ul&gt;li&gt;.txt_box&gt;strong::after{content: '';position: absolute;width: 100%;border: 1px dashed #DCDCDC; bottom: 0;left: 0;}
[data-box='3']&gt;ul&gt;li&gt;.txt_box&gt;p{padding: 1em 0.5em 1em 0.5em;}



@media screen and (max-width: 640px) {
	[data-box='3']&gt;ul{flex-wrap: wrap;}
	[data-box='3']&gt;ul&gt;li{width: 100%;}
	[data-box='3']&gt;ul&gt;li:not(:first-child){margin-top: 1.2em;}
}


[data-box='4']&gt;.in{display: flex;justify-content: space-between;}
[data-box='4']&gt;.in&gt;._left{flex-basis: 21.4em;height: 13.06em;border: 1px solid #ECECEC;border-radius: 8px;box-shadow: 0 4px 8px rgba(24, 39, 75, 0.05);}
[data-box='4']&gt;.in&gt;._right{flex: 1; margin-left: 2.75em; }
[data-box='4']&gt;.in&gt;._right&gt;.btn_box{margin-top: 1.875em;}

@media screen and (max-width: 640px) {
	[data-box='4']&gt;.in{flex-wrap: wrap;}
	[data-box='4']&gt;.in&gt;._left{flex-basis: 100%;background-position: center;}
	[data-box='4']&gt;.in&gt;._right{margin-left: 0; margin-top: 2em;}
	[data-box='4']&gt;.in&gt;._right&gt;.btn_box{text-align: center;}
}

[data-box='5']{padding: 2.5em;}
[data-box='5']&gt;.in{display: flex;justify-content: space-between;}
[data-box='5']&gt;.in&gt;div{width: calc((100% - 5.375em) / 2);}
[data-box='5']&gt;.in&gt;._left{padding-right: 2.5em;}
[data-box='5']&gt;.in&gt;._left [data-list="1"] li{padding-bottom: 1em; margin-top: 1em; border-bottom: 1px dashed #DCDCDC;}
[data-box='5']&gt;.in&gt;._left [data-list="1"] li a[target="_blank"] {background: url(../../images/chn/skin/lnb_blank.svg) no-repeat 100% 50%;width: 1.2em;height: 1.2em;background-position: center right;padding-right: 25px;color: #1074E4 !important;}
[data-box='5']&gt;.in&gt;._left [data-list="1"] li a[target="_blank"]+span{color:#888888;margin-left: 0.5em;}

[data-box='5']&gt;.in&gt;._right{position: relative; flex-shrink: 0;width: 28.56em;height:15.875em;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
[data-box='5']&gt;.in&gt;._right&gt;.js_slide.type_02 {position: relative;width: 100%; height: 100%;}

[data-box='5']&gt;.in&gt;._right&gt;.js_slide.type_02 .move{position: absolute; top: 0;left: 0;height: 100%; width: 100%; border-radius:10px;box-shadow: 10px 10px 8px rgb(24 39 75 / 10%);}
[data-box='5']&gt;.in&gt;._right&gt;.js_slide.type_02 .move::after{content: "";position: absolute;top: 0;right: 0;width: 3.43em;height: 3em;background-color:#1074E4; background-repeat: no-repeat;background-position: center; border-radius: 0 10px 0 10px;}
[data-box='5']&gt;.in&gt;._right&gt;.js_slide.type_02 .move ul {position: absolute;padding: 0; margin: 0; list-style: none; width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;}

[data-box='5']&gt;.in&gt;._right&gt;.js_slide.type_02 .move ul li {
	float: none;
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    padding: 0;
}

[data-box='5']&gt;.in&gt;._right&gt;.js_slide.type_02 .move ul li:first-child {left: 0;}

[data-box='5']&gt;.in&gt;._right&gt;.js_slide.type_02 .move ul li a {
	display: block;
    position: relative;
	width: 100%;
    height: 100%;
    text-align: center;
    border: 1px solid #c5c5c5;
    background-color: #eee;
    box-sizing: border-box;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

[data-box='5']&gt;.in&gt;._right&gt;.js_slide.type_02 .move ul li a img {
	display: block;
    margin: 0 auto;
    height: 100%;
	width: 100%;
}


[data-box='5'][data-icon="1"]&gt;.in&gt;._right&gt;.js_slide.type_02 .move::after{background-image: url(../../images/chn/content/Beach_icon.svg);}
[data-box='5'][data-icon="2"]&gt;.in&gt;._right&gt;.js_slide.type_02 .move::after{background-image: url(../../images/chn/content/Island_icon.svg);}
[data-box='5'][data-icon="3"]&gt;.in&gt;._right&gt;.js_slide.type_02 .move::after{background-image: url(../../images/chn/content/mountain_icon.svg);}
[data-box='5'][data-icon="4"]&gt;.in&gt;._right&gt;.js_slide.type_02 .move::after{background-image: url(../../images/chn/content/Port_icon.svg);}
[data-box='5'][data-icon="5"]&gt;.in&gt;._right&gt;.js_slide.type_02 .move::after{background-image: url(../../images/chn/content/Forest_icon.svg);}
[data-box='5'][data-icon="6"]&gt;.in&gt;._right&gt;.js_slide.type_02 .move::after{background-image: url(../../images/chn/content/Heritage_icon.svg);}

[data-box='5']&gt;.in&gt;._right&gt;.js_slide.type_02 .move ul li a {border: none;}
[data-box='5']&gt;.in&gt;._right&gt;.js_slide.type_02 .move ul li a img{width: 100%;}

[data-box='5']&gt;.in&gt;._right&gt;.js_slide.type_02 .control {display: flex;justify-content: space-between; align-items: center; position: absolute; width: 100%; left: 0;right: 0;top: auto;bottom: 0;background-color:rgba(0, 0, 0, 0.5);border-radius: 0 0 10px 10px;padding: 0.31em 1.25em;box-sizing: border-box;height: auto;transition:all 0.3s ease; -webkit-transition:all 0.3s ease; z-index: 1;}
[data-box='5']&gt;.in&gt;._right&gt;.js_slide.type_02 .control .count {display: inline-block;letter-spacing: 2px; vertical-align: middle; color: #fff;}
[data-box='5']&gt;.in&gt;._right&gt;.js_slide.type_02 .control .count span {color: #fff; font-weight: 400;}
[data-box='5']&gt;.in&gt;._right&gt;.js_slide.type_02 .control a[class*="btn_"]{background: transparent url(../../images/chn/content/btn_arrow.svg) no-repeat;background-size: 0.5em;background-position: center;position: relative;width: 2em;height: 2em;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;border: none; vertical-align: middle; overflow: hidden; display: inline-block; text-indent: -1000px;}
[data-box='5']&gt;.in&gt;._right&gt;.js_slide.type_02 .control a[class*="btn_"]:hover{background: #fff url(../../images/chn/content/btn_arrow_on.svg) no-repeat;background-size: 0.5em;background-position: center;position: relative;width: 2em;height: 2em;border-radius: 100%;}
[data-box='5']&gt;.in&gt;._right&gt;.js_slide.type_02 .control a.btn_left{transform: rotate(180deg);}
[data-box='5']&gt;.in&gt;._right&gt;.js_slide.type_02 .control a::after{content: "";display: block; position: absolute; border: 1px solid rgba(255, 255, 255, 0.4);border-radius: 100%; width: 1.875em;height: 1.875em;top: 50%;left: 50%;transform: translate(-50%, -50%);}


[data-box='5']&gt;.tetxs{margin-top: 3.125em;}
[data-box='5']&gt;.tetxs&gt;span{display: block;}
[data-box='5']&gt;.tetxs&gt;p:not(:first-child){margin-top: 2.5em;}


@media screen and (max-width:900px){
    [data-box='5']&gt;.in&gt;._right{font-size: 15px;width: 26em;}
}

@media screen and (max-width:820px){
	[data-box='5']&gt;.tetxs{margin-top: 1.5em;}
    [data-box='5']&gt;.in{flex-wrap: wrap;}
    [data-box='5']&gt;.in&gt;._left{order: 2;width: 100%;margin-top: 2em;padding-right: 0;}
    [data-box='5']&gt;.in&gt;._right{order: 1;margin: 0 auto;width: 100%;height: auto;}
    [data-box='5']&gt;.in&gt;._right&gt;.js_slide.type_02{padding-top: 55.57%;width: 100%;height: auto;}
}

@media screen and (max-width:420px){
    [data-box='5']{padding: 1.5em;}
    [data-box='5']&gt;.in&gt;._right&gt;.js_slide.type_02 .move,
    [data-box='5']&gt;.in&gt;._right&gt;.js_slide.type_02 .control{font-size: 12px;}
}



[data-box='6']{margin-bottom: 4.1em;}
[data-box='6']&gt;.in{position: relative;}

[data-box='6']&gt;.in&gt;.visual_bg{position: relative; flex-shrink: 0;width: 100%;height:25.75em;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
[data-box='6']&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 {position: relative;width: 100%; height: 100%;min-height: 20em;}

[data-box='6']&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .move{position: absolute;left: 0;top: 0;height: 100%; width: 100%; border-radius:10px; overflow: hidden; z-index: 0;}

[data-box='6']&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .move ul {position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; list-style: none; left: 0; top: 0;overflow: hidden;}
[data-box='6']&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .move ul li {position: absolute; float: none;left: 100%; top: 0; width: 100%; height: 100%; padding: 0;}
[data-box='6']&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .move ul li:first-child{left: 0;}
[data-box='6']&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .move ul li a {display: block; position: relative; height: 100%; text-align: center; border: none; background-color: #eee;box-sizing: border-box;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;}
[data-box='6']&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .move ul li a img {display: block;margin: 0 auto;height: 100%;}


[data-box='6']&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .control {display: flex;position: absolute; justify-content: space-between; align-items: center; width: 9em; left: 4.5em;top: 100%;box-sizing: border-box;height: auto;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;z-index: 1;}
[data-box='6']&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .control .count {color: #666;}
[data-box='6']&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .control .count span {color: #666; font-weight: 400;}
[data-box='6']&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .control a[class*="btn_"]{display: inline-block; background: transparent url(../../images/chn/content/btn_arrow_on.svg) no-repeat;background-size: 0.5em;background-position: center;position: relative;width: 2em;height: 2em;text-indent: -1000px; overflow: hidden; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
/* [data-box='6']&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .control a[class*="btn_"]:hover{background: #fff url(../../images/chn/content/btn_arrow_on.svg) no-repeat;background-size: 0.5em;background-position: center;position: relative;width: 2em;height: 2em;border-radius: 100%;} */
[data-box='6']&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .control a.btn_left{transform: rotate(180deg);}
[data-box='6']&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .control a::after{content: "";display: block; position: absolute; border: 1px solid #e3e3e3;border-radius: 100%; width: 1.875em;height: 1.875em;top: 50%;left: 50%;transform: translate(-50%, -50%);}

[data-box='6']&gt;.in&gt;.title_box {position: absolute; top: 54%; left: 2.5em; display: block; width: 40%; min-width: 21em; height: 55.3%; padding: 2% 3%;box-sizing: border-box; background-color: #fff;}
[data-box='6']&gt;.in&gt;.title_box::after{content:"";position: absolute; width: 18.5%; height:41.2%; background-image: url(../../images/chn/main/cont_icon_01.svg);background-repeat: no-repeat;background-size: contain;bottom: 13%; right: 7%;}
[data-box='6']&gt;.in&gt;.title_box&gt;h4{font-family: 'Montserrat';font-size: 1.875em;font-weight: bold;}

[data-box='6']&gt;.in&gt;.title_box&gt;h4&gt;p {margin: 0;}

[data-box='6'][data-type="2"]&gt;.in&gt;.top_title{position: relative; background-color: #24335E;padding: 1.5em 2em; border-radius: 0px 20px 0px 0px;box-sizing: border-box;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
[data-box='6'][data-type="2"]&gt;.in&gt;.top_title::after{content: ""; position: absolute; background-image: url(../../images/chn/content/top_title_img.svg);width: 2.75em; height: 3.31em;top: 0;bottom: 0;right: 1.5em;margin: auto 0;}
[data-box='6'][data-type="2"]&gt;.in&gt;.top_title&gt;p{width: calc(100% - 2em); font-size: 1.75em; color: #fff; font-weight: bold; font-family: 'Montserrat';margin: 0;line-height: 1.4;}


[data-box='6'][data-type="2"]&gt;.in&gt;.img_box {border-left: 1px solid #ececec;border-right: 1px solid #ececec;border-bottom: 1px solid #ececec;box-sizing: border-box;overflow: hidden;}
[data-box='6'][data-type="2"]&gt;.in&gt;.img_box&gt;img{display: block;transform: scale(1.01);}

[data-box='6'][data-type="2"]&gt;.in&gt;.visual_bg {height: 68em;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
[data-box='6'][data-type="2"]&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .move {border-radius: 0;}
[data-box='6'][data-type="2"]&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .move ul li[data-img]{width: 100%;background-size: cover;background-position: top center;background-repeat: no-repeat;}


[data-box='6'][data-type="2"]&gt;.in&gt;.visual_bg&gt;.js_slide.type_02{min-height: auto;}
[data-box='6'][data-type="2"]&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .control{display: flex;justify-content: space-between; width: 100%; align-items: center; left: 0;right: 0;top: auto;bottom: 0;background-color:rgba(0, 0, 0, 0.8);padding: 0.41em 1.25em;box-sizing: border-box;height: auto;transition:all 0.3s ease; -webkit-transition:all 0.3s ease; z-index: 1;}
[data-box='6'][data-type="2"]&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .control .count,
[data-box='6'][data-type="2"]&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .control .count span{color: #fff;}
[data-box='6'][data-type="2"]&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .control a[class*="btn_"]{background: transparent url(../../images/chn/content/btn_arrow.svg) no-repeat;background-size: 0.5em;background-position: center;position: relative;width: 2em;height: 2em;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
[data-box='6'][data-type="2"]&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .control a::after{border-color: rgba(255, 255, 255, 0.4);}
[data-box='6'][data-type="2"]&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .control a[class*="btn_"]:hover{background: #fff url(../../images/chn/content/btn_arrow_on.svg) no-repeat;background-size: 0.5em;background-position: center;position: relative;width: 2em;height: 2em;border-radius: 100%;}

[data-box='6'][data-type="2"]&gt;.in&gt;.img_box&gt;img{width: 100%;}


[data-box='6'][data-info="2"]{margin-bottom: 0;}



@media screen and (max-width:1290px){
	[data-box='6']&gt;.in&gt;.visual_bg{height: auto;}
	[data-box='6']&gt;.in&gt;.visual_bg&gt;.js_slide.type_02{padding-top: 38.4%;}
}

@media screen and (max-width:720px){
	[data-box='6']{margin-bottom: 0;}
	[data-box='6']&gt;.in&gt;.title_box{position: static;width: 100%;border:none;box-shadow: none;padding: 1em 0;}
	[data-box='6']&gt;.in&gt;.title_box::after{display: none;}
	[data-box='6']&gt;.in&gt;.title_box&gt;h4{margin-bottom: 0;}
	[data-box='6']&gt;.in&gt;.title_box p{display: inline-block;}

	[data-box='6']&gt;.in&gt;.visual_bg&gt;.js_slide.type_02{min-height: auto;padding-top: 40.5%;}
	[data-box='6']&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .control{display: flex;justify-content: space-between; width: 100%; align-items: center; left: 0;right: 0;top: auto;bottom: 0;background-color:rgba(0, 0, 0, 0.5);border-radius: 0 0 10px 10px;padding: 0.31em 1.25em;box-sizing: border-box;height: auto;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
	[data-box='6']&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .control .count,
	[data-box='6']&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .control .count span{color: #fff;}
	[data-box='6']&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .control a[class*="btn_"]{background: transparent url(../../images/chn/content/btn_arrow.svg) no-repeat;background-size: 0.5em;background-position: center;position: relative;width: 2em;height: 2em;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
	[data-box='6']&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .control a::after{border-color: rgba(255, 255, 255, 0.4);}
	[data-box='6']&gt;.in&gt;.visual_bg&gt;.js_slide.type_02 .control a[class*="btn_"]:hover{background: #fff url(../../images/chn/content/btn_arrow_on.svg) no-repeat;background-size: 0.5em;background-position: center;position: relative;width: 2em;height: 2em;border-radius: 100%;}
	
	[data-box='6'][data-type="2"]&gt;.in&gt;.visual_bg{height: 32em;}

}
@media screen and (max-width:640px){
	[data-box='6']&gt;.in&gt;.visual_bg{height: auto;}
}

@media screen and (max-width:420px){
	[data-box='6'][data-type="2"]&gt;.in&gt;.top_title{padding: 1em 1.5em;}
	[data-box='6'][data-type="2"]&gt;.in&gt;.top_title::after{display: none;}
	[data-box='6'][data-type="2"]&gt;.in&gt;.top_title&gt;p{width: 100%; font-size: 1.4em;}
}



/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	box-list

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */

[data-box-list="1"]{margin-top: 3.75em;}
[data-box-list="1"][data-bg="1"]{background: url(../../images/chn/content/list_box_bg.svg);  background-size: 11em; background-repeat: no-repeat; background-position: 94% 90%;}
[data-box-list="1"]&gt;ul{display: flex;  flex-wrap: wrap; padding: 3.12em 4.3em;gap: 3em 0;}
[data-box-list="1"]&gt;ul&gt;li{display: flex; flex-wrap: wrap;justify-content: center;align-items: baseline; width: 33.33%; padding: 0 1em;vertical-align: top;box-sizing: border-box;} 
[data-box-list="1"]&gt;ul&gt;li&gt;img{width: 100%;}
[data-box-list="1"]&gt;ul&gt;li&gt;span{width: 100%; font-size:1.25em;font-weight: bold; color: #1074E4;margin-top: 1em; text-align: center;}


@media screen and (max-width:750px){
	[data-box-list="1"]&gt;ul{padding: 2em;}
	[data-box-list="1"]&gt;ul&gt;li{width: 50%;}
	[data-box-list="1"][data-bg="1"]{background-image: none;}
}

@media screen and (max-width:420px){
	[data-box-list="1"]&gt;ul&gt;li{width: 100%;}
}

[data-box-list="2"]&gt;.in&gt;ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
[data-box-list="2"]&gt;.in&gt;ul&gt;li{width: calc((100% - 1.875em) / 2);margin-bottom: 5em; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
[data-box-list="2"]&gt;.in&gt;ul&gt;li:nth-child(2n){margin-top:2.5em;}

[data-box-list="2"]&gt;.in&gt;ul&gt;li&gt;.img_box{position: relative;padding-top: 61%; border-radius: 20px 0 0 0;overflow: hidden;}
[data-box-list="2"]&gt;.in&gt;ul&gt;li&gt;.img_box&gt;img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
[data-box-list="2"]&gt;.in&gt;ul&gt;li:nth-child(2n)&gt;.img_box{border-radius: 0 20px 0 0;overflow: hidden;}
[data-box-list="2"]&gt;.in&gt;ul&gt;li&gt;.txt_box{margin-top: 1.25em;}
[data-box-list="2"]&gt;.in&gt;ul&gt;li&gt;.txt_box&gt;strong{font-size:1.5em;font-weight: bold; color: #121212;}
[data-box-list="2"]&gt;.in&gt;ul&gt;li&gt;.txt_box&gt;p{margin-top: 1.25em;}

@media screen and (max-width:640px){
	[data-box-list="2"]&gt;.in&gt;ul&gt;li{width: 100%;}
	[data-box-list="2"]&gt;.in&gt;ul&gt;li:nth-child(2n){margin-top: 0;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	data-visual-box

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */


[data-visual-box="1"]{position: relative;width: 100%; height:28.125em;background-repeat: no-repeat;background-position: center;background-size: cover;}
[data-visual-box="1"]&gt;.title_box{position: absolute;top: 2.5em;left: 2.5em;width: 26.25em; padding: 1.8em 2.5em;background-color: rgba(255, 255, 255, 0.95);box-shadow: 0px 4px 8px rgba(24, 39, 75, 0.05);border-radius: 20px 0px;box-sizing: border-box;transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
[data-visual-box="1"]&gt;.title_box&gt;h4{position: relative;}
[data-visual-box="1"]&gt;.title_box&gt;h4::after{content: "";position: absolute;background-image: url(../../images/chn/content/wave_sky.svg);background-repeat: no-repeat; width:3.4em;height: 0.5em;top: 100%;left: 0;}


@media screen and (max-width:640px){
	[data-visual-box="1"]&gt;.title_box{top: auto;bottom: 1em;left: 1em; right: 1em;width: calc(100% - 2em);}
}

@media screen and (max-width:420px){
	[data-visual-box="1"]&gt;.title_box{padding: 1.2em;}
}


[data-visual-box="2"]&gt;.img_box{border:1px solid #ECECEC;box-shadow: 0 4px 8px rgba(24, 39, 75, 0.05);border-radius: 10px;overflow: hidden;}
[data-visual-box="2"]&gt;.img_box&gt;img{display: block;width: 100%;}
[data-visual-box="2"]&gt;p{margin-top:1.625em;}
[data-visual-box="2"]&gt;.btn_center{text-align: center;margin-top: 1.625em;}




div + [data-box],
p + [data-box]{margin-top:2em;}
[data-list]+[data-box]{margin-top:1em;}



/* ready */
[data-ready='1']&gt;img{display:block; width:100%;}


/* show box */
[data-showbox]{margin-top:0.7em;}
[data-showbox='off']&gt;[data-arrow='1']{display:block; margin:2em auto;}



/* 학과안내영상 */
.board_movie_list{margin-bottom:3em;}
.board_movie_list&gt;ul:after{content:""; display:block; clear:both;}
.board_movie_list&gt;ul&gt;li{float:left; position:relative; width:calc((100% - 1px - (2em * 2)) / 3); margin-left:2em;}
.board_movie_list&gt;ul&gt;li:nth-child(3n+1){clear:both; margin-left:0;}
.board_movie_list&gt;ul&gt;li:nth-child(n+4){margin-top:2em;}
.board_movie_list&gt;ul&gt;li .h{
	overflow:hidden; position:absolute; right:1.5em; top:0.8em; z-index:20; display:block; width:1.666em; height:1.866em; line-height:1.066em; padding:0.4em 0.6em; 
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
	-webkit-transition:width 0.2s linear;
	transition:width 0.2s linear;
}
.board_movie_list&gt;ul&gt;li .h:before{content:""; display:block; position:absolute; left:0.6em; top:0.3em; width:1.066em; height:1.066em; background-image:url(../../../images/site/kor/content/movie_home.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}
.board_movie_list&gt;ul&gt;li .h&gt;em{position:absolute; left:2.066em; top:0.4em; font-style:normal; font-size:1em; color:#fff;}
.board_movie_list&gt;ul&gt;li .b{
	overflow:hidden; display:block; position:relative; z-index:0; width:100%; height:100%; border:1px solid #E5E7EE; background-color:#fff;
	-webkit-border-radius:0.8em;
	border-radius:0.8em;
	-webkit-transition:box-shadow 0.2s linear;
	transition:box-shadow 0.2s linear;
}
.board_movie_list&gt;ul&gt;li .c{display:none;}
.board_movie_list&gt;ul&gt;li .p{display:block; position:relative; z-index:0; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.board_movie_list&gt;ul&gt;li .p:before{
	content:""; display:block; position:absolute; left:calc(50% - 2.133em); top:calc(50% - 2.133em); z-index:50; width:4.266em; height:4.266em; background-color:rgba(0,0,0,0.5);
	background-image:url(../../../images/site/kor/content/movie_play.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
	-webkit-border-radius:50%;
	border-radius:50%;
	-webkit-transition:background-color 0.2s linear;
	transition:background-color 0.2s linear;
}
.board_movie_list&gt;ul&gt;li .p&gt;img{display:block; position:relative; z-index:0; width:100%;}
.board_movie_list&gt;ul&gt;li .t{display:block; padding:1em 1.111em; font-weight:500; font-size:1.2em; color:#333;}


.board_movie_list&gt;ul&gt;li .b:hover{
	-webkit-box-shadow: 0 0.8em 0.8em -0.8em rgba(80, 120, 231, 0.2);
	box-shadow: 0 0.8em 0.8em -0.8em rgba(80, 120, 231, 0.2);
}
.board_movie_list&gt;ul&gt;li .b:hover .p:before{background-color:#EF5D66;}

.board_movie_list&gt;ul&gt;li .b:hover ~ .h,
.board_movie_list&gt;ul&gt;li .h:hover{width:6.4em; padding:0.4em 0.6em 0.4em 2.066em; background-color:#5078E7;}

@media screen and (max-width: 800px) {
	.board_movie_list&gt;ul&gt;li{width:calc((100% - 1px - (2em * 2)) / 2);}
	.board_movie_list&gt;ul&gt;li:nth-child(3n+1){clear:none; margin-left:2em;}
	.board_movie_list&gt;ul&gt;li:nth-child(n+4){margin-top:0;}
	.board_movie_list&gt;ul&gt;li:nth-child(2n+1){clear:both; margin-left:0;}
	.board_movie_list&gt;ul&gt;li:nth-child(n+3){margin-top:2em;}
}

@media screen and (max-width: 500px) {
	.board_movie_list&gt;ul&gt;li{width:100%; clear:none !important; margin-left:0 !important;}
	.board_movie_list&gt;ul&gt;li:nth-child(n+2){margin-top:2em;}
}


.board_movie_view{position:fixed; left:0; top:100%; z-index:2000; width:100%; height:100%; background-color:rgba(0,0,0,0.6);}
.board_movie_view&gt;.in{
	opacity:0; position:absolute; left:50%; bottom:-40em; width:100%; max-width:1240px; padding:3.333em 0;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
	-webkit-transition:opacity 0.2s linear, bottom 0.2s linear;
	transition:opacity 0.2s linear, bottom 0.2s linear;
}
.board_movie_view&gt;.in:before{content:""; display:block; position:absolute; left:calc(50% - 100000px); top:0; z-index:0; width:200000px; height:100%; background-color:#fff;}
.board_movie_view&gt;.in&gt;.head,
.board_movie_view&gt;.in&gt;.midd,
.board_movie_view&gt;.in&gt;.foot{display:none; position:relative; z-index:100;}
.board_movie_view&gt;.in&gt;.head{display:block;}
.board_movie_view&gt;.in&gt;.head&gt;strong{font-size:1.866em; color:#111;}
.board_movie_view&gt;.in&gt;.head&gt;ul{position:absolute; right:3em; top:-0.3em;}
.board_movie_view&gt;.in&gt;.head&gt;ul:after{content:""; display:block; clear:both;}
.board_movie_view&gt;.in&gt;.head&gt;ul&gt;li{float:left; margin-right:0.6em;}
.board_movie_view&gt;.in&gt;.head&gt;ul&gt;li:last-child{margin-right:0;}
.board_movie_view&gt;.in&gt;.head&gt;ul&gt;li&gt;a{display:block; position:relative; width:100%; height:100%; line-height:2.8em;}
.board_movie_view&gt;.in&gt;.head&gt;ul&gt;li&gt;a:before{
	content:""; display:block; width:2.66em; height:2.66em; border:1px solid #C5C9D6; background-color:#fff; background-repeat:no-repeat; background-position:center center; background-size:contain;
	-webkit-border-radius:0.533em;
	border-radius:0.533em;
	-webkit-transition:border-color 0.2s linear;
	transition:border-color 0.2s linear;
}
.board_movie_view&gt;.in&gt;.head&gt;ul&gt;li&gt;a&gt;span{font-size:1.066em; color:#333;}
.board_movie_view&gt;.in&gt;.head&gt;ul&gt;li&gt;a.j:before{background-image:url(../../../images/site/kor/content/movie_view_j.svg);}
.board_movie_view&gt;.in&gt;.head&gt;ul&gt;li&gt;a.h:before{background-image:url(../../../images/site/kor/content/movie_view_h.svg);}
.board_movie_view&gt;.in&gt;.head&gt;ul&gt;li&gt;a.j{padding-left:3.36em;}
.board_movie_view&gt;.in&gt;.head&gt;ul&gt;li&gt;a.j:before{position:absolute; left:0; top:0;}
.board_movie_view&gt;.in&gt;.head&gt;ul&gt;li&gt;a.h&gt;span{opacity:0; position:absolute;}
.board_movie_view&gt;.in&gt;.head&gt;ul&gt;li&gt;a:hover:before{border-color:#111;}
.board_movie_view&gt;.in&gt;.midd{margin-top:2.4em;}
.board_movie_view&gt;.in&gt;.midd .p{
	position:relative; z-index:10; width:65%; background-repeat:no-repeat; background-position:center center; background-size:cover;
	-webkit-transition:width 0.2s linear;
	transition:width 0.2s linear;
}
.board_movie_view&gt;.in&gt;.midd .p&gt;.grid{display:block; position:relative; z-index:0; width:100%;}
/* .board_movie_view&gt;.in&gt;.midd .p:before{
	content:""; display:block; position:absolute; left:calc(50% - 3.233em); top:calc(50% - 3.233em); z-index:50; width:6.466em; height:6.466em; background-color:rgba(0,0,0,0.5);
	background-image:url(../../../images/site/kor/content/movie_play.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
	-webkit-border-radius:50%;
	border-radius:50%;
	-webkit-transition:background-color 0.2s linear;
	transition:background-color 0.2s linear;
} */
.board_movie_view&gt;.in&gt;.midd .p&gt;iframe{position:absolute; left:0; top:0; z-index:100; width:100%; height:100%;}
.board_movie_view&gt;.in&gt;.midd [data-box='scroll']{position:absolute; right:0; top:0; z-index:0; width:35%; height:100%; margin-top:0;}
.board_movie_view&gt;.in&gt;.foot{position:absolute; right:0; top:3.333em; width:2.133em; height:2.133em;}
.board_movie_view&gt;.in&gt;.foot&gt;a{display:block; position:relative; width:100%; height:100%;}
.board_movie_view&gt;.in&gt;.foot&gt;a:before{
	content:""; display:block; width:100%; height:100%; background-image:url(../../../images/site/kor/content/movie_close.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
	-webkit-transition:transform 0.3s ease;
	transition:transform 0.3s ease;
}
.board_movie_view&gt;.in&gt;.foot&gt;a&gt;span{display:none;}
.board_movie_view&gt;.in&gt;.foot&gt;a:hover:before{
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}


.board_movie_view[data-open='on']{top:0;}
.board_movie_view[data-open='on']&gt;.in{opacity:1; bottom:0;}
.board_movie_view[data-open='on']&gt;.in&gt;.head,
.board_movie_view[data-open='on']&gt;.in&gt;.midd,
.board_movie_view[data-open='on']&gt;.in&gt;.foot{display:block;}
.board_movie_view[data-jamac='off']&gt;.in&gt;.midd [data-box='scroll']{display:none;}
.board_movie_view[data-jamac='off']&gt;.in&gt;.midd .p{width:100%;}
@media screen and (max-width: 1280px) {
	.board_movie_view&gt;.in{width:calc(100% - 2.666em);}	
}
@media screen and (max-width: 800px) {
	.board_movie_view&gt;.in{padding:2em 0 1.5em 0;}
	.board_movie_view&gt;.in:before{
		left:-1.5em; width:calc(100% + 3em);
		border-radius:2em 2em 0 0;
	}
	.board_movie_view&gt;.in&gt;.midd{margin-top:1.5em;}
	.board_movie_view&gt;.in&gt;.foot{top:2.033em;}
}
@media screen and (max-width: 700px) {
	.board_movie_view&gt;.in{padding:1.5em 0;}
	.board_movie_view&gt;.in&gt;.head&gt;strong{display:block; line-height:1.777em; font-size:1.2em;}
	.board_movie_view&gt;.in&gt;.head&gt;ul{top:0; right:2.6em;}
	.board_movie_view&gt;.in&gt;.head&gt;ul&gt;li&gt;a.j{line-height:2.133em; padding-left:2.8em;}
	.board_movie_view&gt;.in&gt;.head&gt;ul&gt;li&gt;a:before{width:2.133em; height:2.133em;}
	.board_movie_view&gt;.in&gt;.head&gt;ul&gt;li&gt;a.j&gt;span{font-size:0.866em;}
	.board_movie_view&gt;.in&gt;.midd{margin-top:1.3em;}
	.board_movie_view&gt;.in&gt;.midd .p{width:100%;}
	.board_movie_view&gt;.in&gt;.midd [data-box='scroll']{position:relative; width:100%; height:8em; padding:1em;}
	.board_movie_view&gt;.in&gt;.foot{top:1.833em; width:1.6em; height:1.6em;}
}
@media screen and (max-width: 400px) {
	.board_movie_view{font-size:0.8em;}
}


/* 캠퍼스투어 */
[data-cam='1']{margin-bottom:3em;}
[data-cam='1']&gt;.head&gt;.m{position:relative;}
[data-cam='1']&gt;.head&gt;.m&gt;.grid{position:relative; z-index:0; width:100%;}
[data-cam='1']&gt;.head&gt;.m&gt;div{position:absolute; left:0; top:0; z-index:50; width:100%; height:100%;}
[data-cam='1']&gt;.head&gt;.m&gt;div&gt;video,
[data-cam='1']&gt;.head&gt;.m&gt;div&gt;iframe{width:100%; height:100%;}
[data-cam='1']&gt;.head&gt;.t{position:relative;}
[data-cam='1']&gt;.head&gt;.t&gt;strong{display:block; padding:0.75em 1.7em; font-weight:500; font-size:1.333em; color:#2B4381; border:1px solid #E5E7EE;}
[data-cam='1']&gt;.head&gt;.t&gt;[data-box='scroll']{height:12em; border-top:none;}


[data-cam='1']&gt;.head&gt;.t .j{display:block; position:absolute; right:1.7em; top:0.75em; padding-left:3.36em; line-height:2.8em;}
[data-cam='1']&gt;.head&gt;.t .j:before{
	content:""; display:block; position:absolute; left:0; top:0; width:2.66em; height:2.66em; border:1px solid #C5C9D6; background-color:#fff; 
	background-image:url(../../../images/site/kor/content/movie_view_j.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
	-webkit-border-radius:0.533em;
	border-radius:0.533em;
	-webkit-transition:border-color 0.2s linear;
	transition:border-color 0.2s linear;
}
[data-cam='1']&gt;.head&gt;.t .j&gt;span{display:block; font-size:1.066em; color:#333;}



[data-cam='1']&gt;.midd{margin-top:2.66em;}
[data-cam='1']&gt;.midd&gt;ul:after{content:""; display:block; clear:both;}
[data-cam='1']&gt;.midd&gt;ul&gt;li{float:left; position:relative; width:calc((100% - 1px - (2em * 3)) / 4); margin-left:2em;}
[data-cam='1']&gt;.midd&gt;ul&gt;li:nth-child(4n+1){clear:both; margin-left:0;}
[data-cam='1']&gt;.midd&gt;ul&gt;li:nth-child(n+5){margin-top:2em;}
[data-cam='1']&gt;.midd&gt;ul&gt;li .b{
	overflow:hidden; display:block; position:relative; z-index:0; width:100%; height:100%; 
}
[data-cam='1']&gt;.midd&gt;ul&gt;li .c{display:none;}
[data-cam='1']&gt;.midd&gt;ul&gt;li .p{
	display:block; position:relative; z-index:0; border:1px solid #E5E7EE; background-color:#fff; background-repeat:no-repeat; background-position:center center; background-size:cover;
	-webkit-border-radius:0.533em;
	border-radius:0.533em;
	-webkit-transition:box-shadow 0.2s linear;
	transition:box-shadow 0.2s linear;
}
[data-cam='1']&gt;.midd&gt;ul&gt;li .p:before{
	content:""; display:block; position:absolute; left:calc(50% - 1.733em); top:calc(50% - 1.733em); z-index:50; width:3.466em; height:3.466em; background-color:rgba(0,0,0,0.5);
	background-image:url(../../../images/site/kor/content/movie_play.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;
	-webkit-border-radius:50%;
	border-radius:50%;
	-webkit-transition:background-color 0.2s linear;
	transition:background-color 0.2s linear;
}
[data-cam='1']&gt;.midd&gt;ul&gt;li .p&gt;img{display:block; position:relative; z-index:0; width:100%;}
[data-cam='1']&gt;.midd&gt;ul&gt;li .t{display:block; padding:1em 0; font-weight:500; font-size:1.2em; color:#555;}

[data-cam='1']&gt;.midd&gt;ul&gt;li.on .p,
[data-cam='1']&gt;.midd&gt;ul&gt;li .p:hover{
	-webkit-box-shadow: 0 0.8em 0.8em -0.8em rgba(80, 120, 231, 0.2);
	box-shadow: 0 0.8em 0.8em -0.8em rgba(80, 120, 231, 0.2);
}
[data-cam='1']&gt;.midd&gt;ul&gt;li.on .b .p:before,
[data-cam='1']&gt;.midd&gt;ul&gt;li .b:hover .p:before{background-color:#EF5D66;}

@media screen and (max-width: 900px) {
	[data-cam='1']&gt;.midd{position:relative;}
	[data-cam='1']&gt;.midd:after{content:""; display:block; position:absolute; right:0; top:0; width:5em; height:100%; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 23.48%, #FFFFFF 87.12%);}
	[data-cam='1']&gt;.midd&gt;ul{white-space:nowrap; overflow:auto;}
	[data-cam='1']&gt;.midd&gt;ul&gt;li{float:none; display:inline-block; width:16em; margin:0 2em 0 0 !important;}
	[data-cam='1']&gt;.midd&gt;ul&gt;li:last-child{margin-right:5em !important;}
}



/* pdf */
.pdf_top&gt;.con:after{content:""; display:block; clear:both;}
.pdf_top&gt;.con&gt;strong{float:left; display:block; line-height:2.08em; font-size:1.6em; color:#5078E7;}
.pdf_top&gt;.con&gt;div{float:right;}
.pdf_box{position:relative; padding-left:17em; margin-top:2em;}
.pdf_box &gt; .pdf_menu{overflow:auto; position:absolute; left:0; top:0; width:15em; height:100%; margin-right:2em; border-top:2px solid #161313;}
.pdf_box &gt; .pdf_menu&gt;[data-skin='select']{display:none; position:relative;}
.pdf_box &gt; .pdf_menu&gt;[data-skin='select']:after{content:""; display:block; position:absolute; right:2.8em; top:0; width:1px; height:100%; background-color:#ddd;}
.pdf_box &gt; .pdf_menu&gt;[data-skin='select']&gt;select{max-width:100%; height:3.4em;}
.pdf_box &gt; .pdf_menu&gt;ul&gt;li:nth-child(n+2){border-top:1px dashed #C5C9D6;}
.pdf_box &gt; .pdf_menu&gt;ul&gt;li&gt;a{display:block; position:relative; padding:1.1em 2.5em 1em 1.1em; font-size:1.066em; color:#333;}
.pdf_box &gt; .pdf_menu&gt;ul&gt;li&gt;a.on{font-weight:500; color:#5078E7;}
.pdf_box &gt; .pdf_menu&gt;ul&gt;li&gt;a.on:after{content:""; display:block; position:absolute; right:1.1em; top:1em; width:1.5625em; height:1.5625em; background-image:url(../../../images/site/kor/content/pdf_bul.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}
.pdf_box &gt; .pdf_view{width:100%;}

@media screen and (max-width: 700px) {
	.pdf_box{padding-left:0;}
	.pdf_box &gt; .pdf_menu,
	.pdf_box &gt; .pdf_view{width:100%;}
	.pdf_box &gt; .pdf_menu{position:relative; left:auto; top:auto; height:auto; border-top:none;}
	.pdf_box &gt; .pdf_menu&gt;ul{display:none !important;}
	.pdf_box &gt; .pdf_menu&gt;[data-skin='select']{display:block; width:100%;}
	.pdf_box &gt; .pdf_view{margin-top:1em;}
}
@media screen and (max-width: 460px) {
	.pdf_top&gt;.con&gt;strong{float:none;}
	.pdf_top&gt;.con&gt;div{float:none; width:100%;}
	.pdf_top&gt;.con&gt;div&gt;a{width:100%;}
	.pdf_box{margin-top:0.4em;}
}


/* color */
[data-point='1']{color:#0F3192 !important;}


/* img hidden text */
[data-img-text]{overflow:hidden; position:relative; margin-bottom:2em;}
[data-img-text]&gt;img{display:block; position:relative; z-index:20; max-width:100%; margin:0 auto;}
[data-img-text]&gt;img.pc{display:block;}
[data-img-text]&gt;img.mo{display:none;}
[data-img-text]&gt;.text{opacity:0; overflow:auto; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%;}

@media screen and (max-width: 600px) {
	[data-img-text]&gt;img.pc{display:none;}
	[data-img-text]&gt;img.mo{display:block;}
}


/* photo : */
[data-photo='3:4']{position:relative; padding-top:120%; background-color:#eee; background-repeat:no-repeat; background-position:center center; background-size:cover;}
[data-photo='4:3']{position:relative; padding-top:62.5%; background-color:#eee; background-repeat:no-repeat; background-position:center center; background-size:cover;}
[data-photo='16:9']{position:relative; padding-top:62.5%; background-color:#F2F2F2; background-repeat:no-repeat; background-position:center center; background-size:cover;}
[data-photo]+div{margin-top:0.5em;}


/* 사진 소개 */
[data-info='list']{}
[data-info='list']&gt;ul:after{content:""; display:block; clear:both;}
[data-info='list']&gt;ul&gt;li{float:left; width:calc((100% - 3em) / 2); margin-right:3em;}
[data-info='list']&gt;ul&gt;li:nth-child(2n+1){clear:both;}
[data-info='list']&gt;ul&gt;li:nth-child(2n+2){margin-right:0;}
[data-info='list']&gt;ul&gt;li:nth-child(n+3){margin-top:3.125em;}
[data-info='list']&gt;ul&gt;li&gt;a{display:block;}
[data-info='list']&gt;ul&gt;li&gt;a&gt;span,
[data-info='list']&gt;ul&gt;li&gt;a&gt;strong{display:block;}
[data-info='list']&gt;ul&gt;li&gt;a&gt;strong.t{margin-top:1em; font-size:1.4375em; color:#353535;}
[data-info='list']&gt;ul&gt;li&gt;a&gt;span.c{margin-top:0.33em; color:#353535;}
[data-info='list']&gt;ul&gt;li&gt;a&gt;span.t{position:relative; padding-left:1.5em; margin-top:1.666em; font-size:0.9375em; color:#353535;}
[data-info='list']&gt;ul&gt;li&gt;a&gt;span.t:before{content:""; display:block; position:absolute; left:0; top:0.1em; width:1.333em; height:1.333em; background-image:url(../../../images/site/kor/layout/tel_icon.svg); background-repeat:no-repeat; background-position:center center; background-size:contain;}

@media screen and (max-width: 600px) {
	[data-info='list']&gt;ul&gt;li{float:none; width:100%; margin-right:0;}
	[data-info='list']&gt;ul&gt;li:nth-child(n+2){margin-top:3.125em;}
}


/* 이미지 대체텍스트 */
[data-hidden-text='img']{overflow:hidden; position:relative;}
[data-hidden-text='img']&gt;div{opacity:0; overflow:auto; position:absolute; left:10%; top:10%; width:80%; height:80%;}
</pre></body></html>