@charset "utf-8";

@font-face {font-family:'Noto Sans KR'; src:url('./fonts/NotoSansKr/NotoSansKR-Thin.otf') format('opentype');}
@font-face {font-family:'Noto Sans KR'; src:url('./fonts/NotoSansKr/NotoSansKR-Light.otf') format('opentype');}
@font-face {font-family:'Noto Sans KR'; src:url('./fonts/NotoSansKr/NotoSansKR-Regular.otf') format('opentype');}
@font-face {font-family:'Noto Sans KR'; src:url('./fonts/NotoSansKr/NotoSansKR-Medium.otf') format('opentype');}
@font-face {font-family:'Noto Sans KR'; src:url('./fonts/NotoSansKr/NotoSansKR-Bold.otf') format('opentype');}
@font-face {font-family:'Noto Sans KR'; src:url('./fonts/NotoSansKr/NotoSansKR-Black.otf') format('opentype');}


/* common */
address {margin:0;}
body {
	background-color:#F5F5F5;
	color:#666666;
	font-family:"Noto Sans KR", sans-serif;
	font-size:13px;
	letter-spacing:-0.2px; word-spacing:0; word-break:keep-all;
	margin:0; padding:0;
	overflow-x:hidden;
	overflow-y:auto;
	text-align:center;
}
html {-webkit-text-size-adjust:none; -webkit-user-select:none; -moz-text-size-adjust:none; -moz-user-select:none; -ms-text-size-adjust:none; -ms-user-select:none; text-size-adjust: none; user-select:none; }

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:transparent; }
input:focus {outline: 1px solid #929292; }
img {border:0; }
img:focus { none }

label {font-weight:normal;}
ul,ol,dl {list-style:none; margin-bottom:0; margin:0; padding:0;}
p {margin:0;}


/* ------------------- class Mobile (a~z) ------------------- */

.mb_contBox01 {
	background-color:#FFFFFF;
	font-size:4vw;
	min-height:300px;
	padding:0 7% 0 7%;
	text-align:left;	
}

.mb_dataBox01 {
	background-color:#F5F5F5;
	font-size:4vw;
	padding:1vw 3vw 1vw 3vw;
	text-align:center;	
}

.mb_dataBox01a {
	background-color:#31597C;
	color:#FFFFFF;
	font-size:4vw;
	padding:1vw 3vw 1vw 3vw;
	text-align:center;	
}

.mb_dataBox02 {
	background-color:#F5F5F5;
	font-size:4vw;
	padding:1vw 3vw 1vw 3vw;
	text-align:left;	
}

.mb_dataBox02a {
	background-color:#31597C;
	color:#FFFFFF;
	font-size:4vw;
	padding:1vw 3vw 1vw 3vw;
	text-align:left;	
}

.mb_keyTx01 {
	color:#000000;
	font-size:4.1vw;
	font-weight:bold;
	padding:0 7% 5% 7%;
	text-align:left;	
}

.mb_keyTx02 {
	font-size:4vw;
	padding:0 7% 2vw 7%;
	text-align:left;	
}

.mb_keyTx03 {
	font-size:4vw;
	padding:0 7% 0 7%;
	text-align:justify;	
}

.mb_keyTable01 {
	background-color:#000000;
	color:#FFFFFF;
	font-size:4vw;
	padding:2vw 7% 2.5vw 7%;
	text-align:left;	
}

.mb_keyTable02 {
	background-color:#F0F0F0;
	font-size:4vw;
	padding:2vw 7% 2.5vw 7%;
	text-align:left;	
}


.mb_mainBox01 {
	font-size:4vw;
	padding:0 7% 0 7%;
	text-align:justify;	
}

.mb_mainBox02 {
	background-color:#FFFFFF;
	font-size:4vw;
	padding:0 7% 0 7%;
	text-align:justify;	
}

.mb_mainBox03 {
	color:#7F7F7F;
	font-size:4vw;
	padding:2% 0 2% 0;
	text-align:center;	
}

.mb_mainBox04 {
	padding:5% 0 5% 4%;
	text-align:left;
}

.mb_mainBox05 {
	color:#7F7F7F;
	font-size:4vw;
	padding:0 4% 0 4%;
	text-align:left;	
}

.mb_mainLine01 {
	background-color:#B5B5B5;
	height:1px;
}

.mb_mainLine02 {
	background-color:#444444;
}

.mb_mainScrBack {
	background-color:#010506;
	text-align:center;
}

.mb_netTx01 {
	font-size:4vw;
	border:1px solid #A0A0A0;
	margin:0 0 1% 7%;
	padding:1vw 3% 1vw 2%;
	width:60%;
}

.mb_netTx01e {
	font-size:4vw;
	border:1px solid #A0A0A0;
	margin:0 0 1% 7%;
	padding:1vw 3% 1vw 2%;
	width:80.5%;
}

.mb_netTx02 {
	font-size:4vw;
	border:1px solid #A0A0A0;
	margin:0 0 1% 25%;
	padding:1vw 3% 1vw 2%;
	width:50%;
}

.mb_netTx02e {
	font-size:4vw;
	border:1px solid #A0A0A0;
	margin:0 0 1% 25%;
	padding:1vw 3% 1vw 2%;
	width:60%;
}

.mb_netTx02a {
	font-size:4vw;
	border:1px solid #A0A0A0;
	margin:3% 0 1% 25%;
	padding:1vw 3% 1vw 2%;
	width:60%;
}

.mb_netTx02b {
	padding:2% 0 3% 25%;
}

.mb_netTx03 {
	font-size:4vw;
	padding:2% 0 5% 25%;
}

.mb_techBox01 {
	font-size:4vw;
	padding:0 0 1.5vw 0;
	text-align:right;
	vertical-align:top;
	width:7%;	
}

.mb_techBox02 {
	font-size:4vw;
	padding:0 0 1.5vw 1vw;
	text-align:left;
	vertical-align:top;
	width:86%;	
}

.mb_techBox03 {
	width:7%;
}

.mb_underMenuBack {
	background-color:#FFFFFF;
	height:200px;
	text-align:center;
}

@media (orientation: portrait) {

	.mb_menuTab10 {
	width:5%;
	}

	.mb_menuTab20 {
	width:90%;
	}
}

@media (orientation: landscape) {

	.mb_menuTab10 {
	width:26%;
	}

	.mb_menuTab20 {
	width:48%;
	}
}


/* --------------------- class PC (a~z) --------------------- */

.pc_bizBox01 {
	font-size:18px;
	letter-spacing:-0.5px;
	text-align:right;
	vertical-align:top;
}

.pc_bizBox02 {
	font-size:18px;
	letter-spacing:-0.5px;
	text-align:left;
	vertical-align:top;
}

.pc_bizBox03 {
	color:#FFFFFF;
	font-size:22px;
	letter-spacing:-0.5px;
}

.pc_bizBox04 {
	color:#316947;
	font-size:22px;	
}

.pc_bizBox05 {
	background-color:#F5F5F5;
	font-size:18px;
	letter-spacing:-0.5px;
	padding:4px 19px 6px 19px;
	text-align:center;
}

.pc_bizBox05t {
	background-color:#585858;
	color:#FFFFFF;
	font-size:18px;
	letter-spacing:-0.5px;
	padding:5px 19px 8px 19px;
	text-align:center;
}

.pc_contBox01 {
	background:url('/assets/pc_cont02.png');
	background-position:center;
	background-repeat:no-repeat;
	padding:15px 0 10px 0;
	text-align:left;
	vertical-align:top;
}

.pc_contBox02 {
	font-size:18px;
	letter-spacing:-0.5px;
	line-height:28px;
	padding:0 20px 0 0;
	text-align:right;
	vertical-align:top;
}

.pc_contBox03 {
	font-size:18px;
	letter-spacing:-0.5px;
	line-height:28px;
	padding:0 0 0 20px;
	text-align:left;
	vertical-align:top;
}

.pc_contLine01 {
	background-color:#999999;
}

.pc_dataBox01 {
	background-color:#F5F5F5;
	font-size:18px;
	letter-spacing:-0.5px;
	line-height:28px;
	padding:3px 0 5px 0;
	text-align:center;
	width:80px;
}

.pc_dataBox01a {
	background-color:#31597C;
	color:#FFFFFF;
	font-size:18px;
	letter-spacing:-0.5px;
	line-height:28px;
	padding:3px 0 5px 0;
	text-align:center;
	width:80px;
}

.pc_dataBox02 {
	background-color:#F5F5F5;
	font-size:18px;
	letter-spacing:-0.5px;
	line-height:28px;
	padding:3px 0 5px 20px;
	text-align:left;
}

.pc_dataBox02a {
	background-color:#31597C;
	color:#FFFFFF;
	font-size:18px;
	letter-spacing:-0.5px;
	line-height:28px;
	padding:3px 0 5px 20px;
	text-align:left;
}

.pc_dataBox03 {
	background-color:#F5F5F5;
	font-size:18px;
	letter-spacing:-0.5px;
	line-height:28px;
	padding:3px 0 5px 0;
	text-align:center;
	width:140px;
}

.pc_dataBox03a {
	background-color:#31597C;
	color:#FFFFFF;
	font-size:18px;
	letter-spacing:-0.5px;
	line-height:28px;
	padding:3px 0 5px 0;
	text-align:center;
	width:140px;
}

.pc_dataBox04 {
	background-color:#F5F5F5;
	font-size:18px;
	letter-spacing:-0.5px;
	line-height:28px;
	padding:3px 0 5px 0;
	text-align:center;
	width:140px;
}

.pc_dataBox04a {
	background-color:#31597C;
	color:#FFFFFF;
	font-size:18px;
	letter-spacing:-0.5px;
	line-height:28px;
	padding:3px 0 5px 0;
	text-align:center;
	width:140px;
}

.pc_img01 {
	position:absolute;
	top:0; left:0;
	width:3153px; height:105px;
}

.pc_key01tx {
	color:#000000;
	font-size:19.5px;
	font-weight:bold;
	letter-spacing:-0.4px;	
	text-align:left;
	vertical-align:top;	
}

.pc_key02tx {
	font-size:18px;
	letter-spacing:-0.4px;
	line-height:32px;
	padding:0 0 26px 0;
	text-align:left;
	vertical-align:top;
}

.pc_key03tx {
	font-size:18px;
	letter-spacing:-1px;	
	line-height:23px;
	text-align:justify;
	vertical-align:top;	
}

.pc_key04tx {
	font-size:18px;
	letter-spacing:-0.7px;
	line-height:26px;
	margin:532px 0 0 671px;
	text-align:left;
	vertical-align:top;
}

.pc_key04tx_eng {
	font-size:17px;
	letter-spacing:-0.7px;
	line-height:26px;
	margin:532px 0 0 671px;
	text-align:left;
	vertical-align:top;
}

.pc_key05tx {
	font-size:18px;
	letter-spacing:-0.7px;
	line-height:26px;
	margin:624px 0 0 671px;
	text-align:left;
	vertical-align:top;
}

.pc_key05tx_eng {
	font-size:17px;
	letter-spacing:-0.7px;
	line-height:26px;
	margin:644px 0 0 531px;
	text-align:left;
	vertical-align:top;
}

.pc_keyTable01 {
	color:#F5F5F5;
	font-size:17px;
	letter-spacing:-0.7px;
}

.pc_keyTable02 {
	background-color:#F0F0F0;
	font-size:17px;
	letter-spacing:-0.7px;
	padding:10px 24px 11px 24px;
	text-align:left;	
}

.pc_keyTable02a {
	background-color:#F0F0F0;
	color:#000000;
	font-size:20px;
	font-weight:bold;
	letter-spacing:-0.7px;
	padding:10px 24px 11px 24px;
	text-align:left;	
}

.pc_keyTable03 {
	background-color:#F5F5F5;
	font-size:17px;
	letter-spacing:-0.7px;
	padding:10px 24px 11px 24px;
	text-align:left;	
}

.pc_keyTable03a {
	background-color:#F5F5F5;
	color:#000000;
	font-size:20px;
	font-weight:bold;
	letter-spacing:-0.7px;
	padding:10px 24px 11px 24px;
	text-align:left;	
}

.pc_mainScrBack {
	background-color:#010506;
	text-align:center;
}

.pc_mainBox01 {
	font-size:17px;
	letter-spacing:-0.2px;
	line-height:26px;
	text-align:justify;
	padding:76px 75px 0 0;
	vertical-align:top;
}

.pc_mainBox01_kor {
	font-size:18px;
	letter-spacing:-0.5px;
	line-height:26px;
	text-align:justify;
	padding:76px 75px 0 0;
	vertical-align:top;
}

.pc_mainBox02 {
	text-align:center;
}

.pc_mainBox03 {
	background:url('/assets/pc_main02back.png');
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

.pc_mainBox04 {
	font-size:17px;
	letter-spacing:-0.2px;
	line-height:26px;	
	text-align:justify;
	padding:46px 44px 0 76px;
	vertical-align:top;
}

.pc_mainBox04_kor {
	font-size:18px;
	letter-spacing:-0.5px;
	line-height:26px;	
	text-align:justify;
	padding:46px 44px 0 76px;
	vertical-align:top;
}

.pc_mainBox05 {
	background-color:#FFFFFF;
}

.pc_mainBox06 {
	font-size:17px;
	letter-spacing:-0.2px;
	line-height:25px;	
	text-align:justify;
	padding:0 75px 0 72px;
	vertical-align:top;
}

.pc_mainBox06_kor {
	font-size:18px;
	letter-spacing:-0.5px;
	line-height:25px;	
	text-align:justify;
	padding:0 75px 0 72px;
	vertical-align:top;
}

.pc_mainBox07 {
	background:url('/assets/pc_main04back.png');
	background-repeat:repeat-x;
}

.pc_mainBox08 {
	background:url('/assets/pc_main04--.png');
	background-position:center;
	background-repeat:no-repeat;
	padding:72px 0 0 38px;
	text-align:center;
	vertical-align:top;
}

.pc_mainBox09 {
	background:url('/assets/pc_main09back.png');
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	vertical-align:top;
}

.pc_mainBox10 {
	font-size:17px;
	height:42px;
	padding:7px 0 0 0;
	text-align:center;
	vertical-align:top;
}

.pc_mainLine01 {
	background-color:#B5B5B5;
}

.pc_mainLine02 {
	background-color:#F5F5F5;
}

.pc_mainLine90 {
	margin:0 0 0 60px;
}

.pc_underMenu01 {
	background-color:#000000;
	text-align:center;
	vertical-align:top;
}

.pc_underMenu02 {
	padding:33px 0 0 3px;
	text-align:left;
	vertical-align:top;
}

.pc_underMenu03 {
	color:#7F7F7F;
	font-size:17px;
	letter-spacing:-0.2px;
	line-height:25px;	
	padding:36px 0 20px 0;
	text-align:left;
	vertical-align:top;
}

.pc_underMenu04 {
	padding:0 0 35px 0;
	text-align:left;
	vertical-align:top;
}

.tx_emp01 {
	color:#000000;
	font-weight:bold;	
}

.tx_emp02 {
	color:#25733E;
	font-weight:bold;	
}

.pc_techBox01 {
	text-align:left;
	width:50%;
}

.pc_techBox02 {
	text-align:right;
	width:50%;
}

.pc_techBox03 {
	background-color:#20461C;
	border:1px solid #999999;
	color:#FFFFFF;
	cursor:hand;
	display:inline-block;
	font-size:18px;
	padding:5px 0 7px 0;
	text-align:center;
	width:96%;
}

.pc_techBox03:hover {
	background-color:#000000;
}

.pc_techBox04 {
	background-color:#719A36;
	border:1px solid #999999;
	color:#FFFFFF;
	cursor:hand;
	display:inline-block;
	font-size:18px;
	padding:5px 0 7px 0;
	text-align:center;
	width:96%;
}

.pc_techBox04:hover {
	background-color:#000000;
}

.pc_techTx01 {
	color:#000000;
	font-size:32px;
	letter-spacing:-1px;
	padding:22px 0 0 32px;
}

.pc_techTx02 {
	color:#000000;
	font-size:32px;
	letter-spacing:-1px;
	padding:28px 0 0 32px;
}


/* -------------------- div Mobile (a~z) -------------------- */

#mb_mainTopLogo {
	position:absolute;
	top:1vh; left:0;
	width:100%;
	z-index:10;
}

#mb_techBtn01 {
	border:1px solid #999999;
	font-size:4vw;
	margin:0 0 2vw 0;
	padding:1vw 0 2vw 0;
	position:relative;
	width:94%;
}

#mb_techBtn02 {
	border:1px solid #999999;
	font-size:4vw;
	margin:0 0 2vw 0;
	padding:1.5vw 0 1.5vw 0;
	position:relative;
	width:94%;
}

@media (orientation: portrait) {

	#mb_menuBoard {
	position:absolute;
	position:fixed;
	width:100%;
	top:88%;
	z-index:50;
	}
	
	#mb_menuBtn {
	position:absolute;
	position:fixed;
	width:100%;
	top:89.3%;
	z-index:100;
	}
}

@media (orientation: landscape) {
	#mb_menuBoard {
	position:absolute;
	position:fixed;
	width:100%;
	top:68%;
	z-index:50;
	}
	
	#mb_menuBtn {
	position:absolute;
	position:fixed;
	width:100%;
	top:74%;
	z-index:100;
	}
}


/* ---------------------- div PC (a~z) ---------------------- */

#pc_keyBan01 {
	position:absolute;
	top:3565px; left:50%;
	transform:translate(60px, 0);
	z-index:500;
}

#pc_keyBan02 {
	position:absolute;
	top:5000px; left:50%;
	transform:translate(60px, 0);
	z-index:500;
}

#pc_keyBan03 {
	position:absolute;
	top:3411px; left:50%;
	transform:translate(60px, 0);
	z-index:500;
}

#pc_keyBan04 {
	position:absolute;
	top:4845px; left:50%;
	transform:translate(60px, 0);
	z-index:500;
}

#pc_mClip01 {
	background-color:#909090;
	display:block;
	overflow:hidden;
	position:absolute;
	transform:translate(-640px, 0);
	top:832px; left:50%;
	width:1280px; height:105px;
	z-index:10;	
}

#pc_mClip01cover {
	background-image:url('/assets/pc_mClip01cover.png');
	background-position:top center;
	background-repeat:no-repeat;
	position:absolute;
	transform:translate(-640px, 0);
	top:832px; left:50%;
	width:1280px; height:105px;
	z-index:20;	
}

#pc_menuTop {
	background:url('/assets/pc_menuBack01.png');
	background-repeat:repeat-x;
	position:absolute;
	text-align:center;
	width:100%; height:130px;
	top:0; left:0;
	z-index:100;
}

#pc_techBtn01 {
	background-color:#FFFFFF;
	border:1px solid #999999;
	cursor:hand;
	display:inline-block;
	font-size:18px;
	padding:5px 0 7px 0;
	position:relative;
	text-align:center;
	width:96%;
}

#pc_techBtn01:hover {
	background-color:#FF9000;
	color:#FFFFFF;
}

#pc_techBtn02 {
	background-color:#FFFFFF;
	border:1px solid #999999;
	cursor:hand;
	display:inline-block;
	font-size:18px;
	padding:5px 0 7px 0;
	position:relative;
	text-align:center;
	width:96%;
}

#pc_techBtn02:hover {
	background-color:#FF9000;
	color:#FFFFFF;
}

#pc_techBtn03 {
	background-color:#FFFFFF;
	border:1px solid #999999;
	cursor:hand;
	display:inline-block;
	font-size:18px;
	padding:5px 0 7px 0;
	position:relative;
	text-align:center;
	width:96%;
}

#pc_techBtn03:hover {
	background-color:#FF9000;
	color:#FFFFFF;
}

#pc_techBtn04 {
	background-color:#FFFFFF;
	border:1px solid #999999;
	cursor:hand;
	display:inline-block;
	font-size:18px;
	padding:5px 0 7px 0;
	position:relative;
	text-align:center;
	width:96%;
}

#pc_techBtn04:hover {
	background-color:#FF9000;
	color:#FFFFFF;
}

#pc_techBtn05 {
	background-color:#FFFFFF;
	border:1px solid #999999;
	cursor:hand;
	display:inline-block;
	font-size:18px;
	padding:5px 0 7px 0;
	position:relative;
	text-align:center;
	width:96%;
}

#pc_techBtn05:hover {
	background-color:#FF9000;
	color:#FFFFFF;
}

#pc_techBtn06 {
	background-color:#FFFFFF;
	border:1px solid #999999;
	cursor:hand;
	display:inline-block;
	font-size:18px;
	padding:5px 0 7px 0;
	position:relative;
	text-align:center;
	width:96%;
}

#pc_techBtn06:hover {
	background-color:#FF9000;
	color:#FFFFFF;
}

#pc_techBtn07 {
	background-color:#FFFFFF;
	border:1px solid #999999;
	cursor:hand;
	display:inline-block;
	font-size:18px;
	padding:5px 0 7px 0;
	position:relative;
	text-align:center;
	width:96%;
}

#pc_techBtn07:hover {
	background-color:#FF9000;
	color:#FFFFFF;
}

#pc_techDetail01 {
	display:block;
	position:relative;
	text-align:center
	width:100%;
}

#pc_techDetail02 {
	display:none;
	position:relative;
	text-align:center
	width:100%;
}

#pc_techDetail03 {
	display:none;
	position:relative;
	text-align:center
	width:100%;
}

#pc_techDetail04 {
	display:none;
	position:relative;
	text-align:center
	width:100%;
}

#pc_techDetail05 {
	display:none;
	position:relative;
	text-align:center
	width:100%;
}

#pc_techDetail06 {
	display:none;
	position:relative;
	text-align:center
	width:100%;
}

#pc_techDetail07 {
	display:none;
	position:relative;
	text-align:center
	width:100%;
}