<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);*/

@font-face {
	font-family: 'Nanum Barun Gothic';  font-style: normal; font-weight: 400;
	src: local(‘Nanum Barun Gothic Regular’), local(‘Nanum Barun Gothic-Regular’), local(‘NanumBarunGothic Regular’);
	src: url(font/NanumBarunGothic.eot);
	src: url(font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
	url(font/NanumBarunGothic.woff) format('woff'),
	url(font/NanumBarunGothic.ttf) format('truetype');
}
/*
@font-face {
	font-family: 'Nanum Barun Gothic';  font-style: normal; font-weight: 600;
	src: local(‘Nanum Barun Gothic Bold’), local(‘Nanum Barun Gothic-Bold’), local(‘NanumBarunGothic Bold’);
	src: url(font/NanumBarunGothicBold.eot);
	src: url(font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
	url(font/NanumBarunGothicBold.woff) format('woff'),
	url(font/NanumBarunGothicBold.ttf) format('truetype');
}
*/
body, div, ul, li, span, p, table, tr, td, input, textarea{
	font-family: 'NanumBarunGothic', 'Nanum Barun Gothic';
}
body{
	word-break:keep-all; 
	font-size: 11pt;
	line-height:1.3em;
}

body, div, p{ margin:0; padding:0;}
ul, li{list-style:none; margin:0px; padding:0px}

input, textarea { max-width:100%;}

#ui-video{position:absolute; left:0px; top:0px; background:#333; outline:0px solid #fff; box-shadow: 0px 0px 8px #333;}
#page {position:absolute; left:0px; top:0px; width:1024px;height:576px;}
.slide{width:100%;height:100%}
.tween{position:absolute;display:none;}

/*.dimmed {position:absolute; left:-800px; top:0px; width:100%;height:100%;background:url(../../img/quiz/quiz_result_bg2.png);}*/

.fl {float:left;}
.cl {clear:left;}

.btn {display: block; cursor:pointer; text-indent: -9999px;}

#subTitle1 {
	position: absolute;
	left:73px;
	top:88px;
	background:url(../../img/etc/subTitleBg.png);
	padding:3px 15px 2px 30px;
}
.tit1 {color:#fff; font-size:15px; font-weight: normal; width:850px;}

.eng {font-family:arial;}
.heading {font-family:arial; font-size:19px; line-height:150%; font-weight:bold; color:#333;}

.italic {font-style:italic; font-family:arial;}

.vioce1 {background:url(../../img/page/btn_viceo1.png) no-repeat;}
.vioce2 {background:url(../../img/page/btn_viceo2.png) no-repeat;}
.vioce3 {background:url(../../img/page/btn_viceo3.png) no-repeat;}
.vioceBtn {display:block; width:233px; height:39px; text-indent: -9999px; cursor:pointer; position:absolute}
.vioceBtn:hover, .vioceBtn.select {background-position:0px -40px;}

.videoBtn {background:url(../../img/page/btn_video.png) no-repeat; display:block; width:208px; height:47px; text-indent: -9999px; cursor:pointer; position:absolute}
.videoBtn:hover {background-position:0px -50px;}

.warming_blit1 {background:url(../../img/etc/icon_num1.png) no-repeat left top; height:45px;}
.warming_blit2 {background:url(../../img/etc/icon_num2.png) no-repeat left top; height:45px;}
.warming_blit3 {background:url(../../img/etc/icon_num3.png) no-repeat left top; height:45px;}
.warming_blit4 {background:url(../../img/etc/icon_num4.png) no-repeat left top; height:45px;}
.warming_blit5 {background:url(../../img/etc/icon_num5.png) no-repeat left top; height:45px;}
.warming_blit6 {background:url(../../img/etc/icon_num6.png) no-repeat left top; height:45px;}
.warming_blit7 {background:url(../../img/etc/icon_num7.png) no-repeat left top; height:45px;}
.warming_blit8 {background:url(../../img/etc/icon_num8.png) no-repeat left top; height:45px;}

.textNum1 {background:url(../../img/etc/textNum1.png) no-repeat left top; min-height:35px; font-size:20px; color:#fff; padding-top:4px;}
.textNum2 {background:url(../../img/etc/textNum2.png) no-repeat left top; min-height:35px; font-size:20px;color:#fff;padding-top:4px;}
.textNum3 {background:url(../../img/etc/textNum3.png) no-repeat left top; min-height:35px; font-size:20px;color:#fff;padding-top:4px;}
.textNum4 {background:url(../../img/etc/textNum4.png) no-repeat left top; min-height:35px;font-size:20px;color:#fff;padding-top:4px;}
.textNum5 {background:url(../../img/etc/textNum5.png) no-repeat left top; min-height:35px;font-size:20px;color:#fff;padding-top:4px;}
.textNum6 {background:url(../../img/etc/textNum6.png) no-repeat left top; min-height:25px;}
.textNum7 {background:url(../../img/etc/textNum7.png) no-repeat left top; min-height:25px;}
.textNum8 {background:url(../../img/etc/textNum8.png) no-repeat left top; min-height:25px;}
.textNum9 {background:url(../../img/etc/textNum9.png) no-repeat left top; min-height:25px;}
.textNum10 {background:url(../../img/etc/textNum10.png) no-repeat left top; min-height:25px;}

.symbol {background:url(../../img/etc/symbol.png) no-repeat; width:55px; height:65px;}
.symbol2 {background:url(../../img/etc/symbol2.png) no-repeat; width:36px; height:42px;}


/*textarea*/
.textField {
	/*background:url(../../img/etc/bg-black-opa0.png) repeat;*/
	background:#fff;
	font-size:18px;
	border: 0px solid #69c308;
	
	color:#000;
}

.textField2 {
	/*background:url(../../img/etc/bg-black-opa0.png) repeat;*/
	background:#fff;
	font-size:18px;
	border: 10px solid #69c308;
	color:#000;
}

.textField3 {
	/*background:url(../../img/etc/bg-black-opa0.png) repeat;*/
	background:#fff;
	font-size:18px;
	border: 0px solid #69c308;
	color:#000;
}

.inputStyle {
	background:#dedede;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	padding:5px 5px 5px 10px;
	text-decoration:none;
	display:inline-block;
	height:20px;
	vertical-align:top;
	margin:-2px 5px 0 5px;
}

#questionDiv .question {
/*	left: 25px; top:5px;
	padding:15px 0 0 25px;
	font-size: 18px;
*/
	/*color: #e4563c;*/
}

.roundBox3 {
	background-image: /*linear-gradient(90deg, transparent 79px, rgb(171, 206, 212) 79px, rgb(171, 206, 212) 81px, transparent 81px), */linear-gradient(rgb(228, 228, 228) 0.1em, transparent 0.1em); background-size: 100% 1.6em; background-color: rgb(255, 255, 255);
	border: 1px solid #bcbcbc;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;

	padding:5px 5px 5px 10px;
	color:#333333;
	font-size:14px;
	text-decoration:none;
	
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.7);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.7);
	box-shadow:0 0 10px rgba(0,0,0,0.7);
}

.roundBox4 {
	background-image: /*linear-gradient(90deg, transparent 79px, rgb(171, 206, 212) 79px, rgb(171, 206, 212) 81px, transparent 81px), */linear-gradient(rgb(228, 228, 228) 0.1em, transparent 0.1em); background-size: 100% 1.6em; background-color: rgb(255, 255, 255);
	border: 0px solid #bcbcbc;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-o-border-radius: 12px;

	padding:5px 5px 5px 5px;
	color:#333333;
	font-size:14px;
	text-decoration:none;
}

.source_txt {font-size: 10pt;}

.scroll_txt {
	overflow-x: hidden;
	overflow-y: auto;
}

.scroll_gray {
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-face-color:#ffffff;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-highlight-color:#cccccc;
	scrollbar-shadow-color:#cccccc;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-arrow-color:#cccccc;
	scrollbar-track-color:#ffffff;
}

.scroll_blue {
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-face-color: #dbebfe; 
	scrollbar-shadow-color: #b8d6fa; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-3dlight-color: #dbebfe; 
	scrollbar-darkshadow-color:#458ce4; 
	scrollbar-track-color: #ffffff; 
	scrollbar-arrow-color: #458ce4; 
}

.scroll_orange {
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-face-color: #f9b95e; 
	scrollbar-shadow-color: #e0a44e; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-3dlight-color: #dbebfe; 
	scrollbar-darkshadow-color:#458ce4; 
	scrollbar-track-color: #ffffff; 
	scrollbar-arrow-color: #f97d2a; 
}

.scroll_green {
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-face-color: #cfdda5; 
	scrollbar-shadow-color: #c3d295; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-3dlight-color: #dbebfe; 
	scrollbar-darkshadow-color:#458ce4; 
	scrollbar-track-color: #ffffff; 
	scrollbar-arrow-color: #9fba4d;
}

.vodReady_txt {
	color:#ffffff;
	font-size:13pt;
	text-align:center;
}

.closeBtn a{
	float: left;
	display: block;
	width: 46px;
	height: 46px;
	text-indent: -9999px;
	cursor:pointer;
	background: url(../../img/ui-img/closeBtn.png) top no-repeat; 
	background-position: 0px 0px;
}
.closeBtn a:hover {background-position: -46px 0px;}

/* IE6, IE7 */
/* img {background:none transparent scroll repeat 0% 0%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='image')} */


.icon_q {background:url(../../img/page/icon_q.png) no-repeat; width:96px; height:129px;}
.icon_q2 {background:url(../../img/page/icon_q2.png) no-repeat; width:49px; height:66px;}

.summary_blit { background:url(../../ img/ect/icon_num1.png) no-repeat left top;}

 .question .reading1 p {padding-left:0px; padding-top:8px; color:#6657b8; font-size:23px; font-family:NanumBarunGothic; line-height:100%;}

 .question .reading_blit1 { background:url(../../img/etc/icon_num1.png) no-repeat left ; min-height:25px;  min-width:25px; width:380px; padding-left:45px; }
 .question .reading_blit1 p {padding-left:28px; padding-top:3px; color:#fff; font-size:20px; font-family:NanumBarunGothic; line-height:100%;}
 
 .question .reading_blit2 { background:url(../../img/etc/icon_num2.png) no-repeat left ; min-height:25px;  min-width:25px; width:380px; padding-left:45px; }
 .question .reading_blit2 p {padding-left:28px; padding-top:3px; color:#212121; font-size:20px; font-family:NanumBarunGothic; line-height:100%;}
 
 .question .reading_blit3 { background:url(../../img/etc/icon_num3.png) no-repeat left ; min-height:25px;  min-width:25px; width:380px; padding-left:45px; }
 .question .reading_blit3 p {padding-left:28px; padding-top:3px; color:#212121; font-size:20px; font-family:NanumBarunGothic; line-height:100%;}
 
 .question .small_blit { background:url(../../img/etc/icon_bulit2.png) no-repeat left ; min-height:25px;  min-width:25px; width:980px; padding-left:55px; }
 .question .small_blit p {padding-left:8px; padding-top:9px; color:#fff; font-size:22px; font-family:NanumBarunGothic; line-height:120%; width:710px;}
 
 .question .small_blit2 { background:url(../../img/etc/icon_bulit2.png) no-repeat left ; min-height:25px;  min-width:25px; width:980px; padding-left:55px; }
 .question .small_blit2 p {padding-left:8px; padding-top:9px; color:#fff; font-size:19px; font-family:NanumBarunGothic; line-height:120%; width:710px;}

 .question1 .reading_blit1 { background:url(../../img/etc/textNum1.png) no-repeat left ; min-height:45px;  min-width:25px; width:780px; padding-left:5px; }
 .question1 .reading_blit1 p {padding-left:28px; padding-top:13px; color:#fff; font-size:22px; font-family:NanumBarunGothic; line-height:120%; width:520px;}

 .question1 .reading_blit2 { background:url(../../img/etc/textNum2.png) no-repeat left ; min-height:45px;  min-width:25px; width:780px; padding-left:5px; }
 .question1 .reading_blit2 p {padding-left:28px; padding-top:13px; color:#fff; font-size:22px; font-family:NanumBarunGothic; line-height:100%;}

 .question1 .reading_blit3 { background:url(../../img/etc/textNum3.png) no-repeat left ; min-height:45px;  min-width:25px; width:780px; padding-left:5px; }
 .question1 .reading_blit3 p {padding-left:28px; padding-top:13px; color:#212121; font-size:22px; font-family:NanumBarunGothic; line-height:100%;}

 .question1 .reading_blit4 { background:url(../../img/etc/textNum4.png) no-repeat left ; min-height:45px;  min-width:25px; width:780px; padding-left:5px; }
 .question1 .reading_blit4 p {padding-left:28px; padding-top:13px; color:#212121; font-size:22px; font-family:NanumBarunGothic; line-height:100%;}

 .question1 .reading_blit5 { background:url(../../img/etc/textNum5.png) no-repeat left ; min-height:45px;  min-width:25px; width:780px; padding-left:5px; }
 .question1 .reading_blit5 p {padding-left:28px; padding-top:13px; color:#212121; font-size:22px; font-family:NanumBarunGothic; line-height:100%;}

 .question1 .reading_blit6 { background:url(../../img/etc/textNum6.png) no-repeat left ; min-height:45px;  min-width:25px; width:780px; padding-left:5px; }
 .question1 .reading_blit6 p {padding-left:28px; padding-top:13px; color:#212121; font-size:22px; font-family:NanumBarunGothic; line-height:100%;}

 .question1 .reading_blit7 { background:url(../../img/etc/textNum7.png) no-repeat left ; min-height:45px;  min-width:25px; width:780px; padding-left:5px; }
 .question1 .reading_blit7 p {padding-left:28px; padding-top:13px; color:#212121; font-size:22px; font-family:NanumBarunGothic; line-height:100%;}</pre></body></html>