html, body, div, span {
	font-family: inherit;
	font-size: 16px;
	font-style: inherit;
	font-weight: inherit;
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	text-align: center;
	font-family: sans-serif;
	font-family: 나눔고딕, 'NanumGothic', 'NanumGothicBold';
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}
a:focus { outline: thin dotted; }
a:hover, a:active {	outline: 0; }
a img { border: 0; }

@-webkit-viewport {
	width: device-width;
}
@-moz-viewport {
	width: device-width;
}
@-ms-viewport {
	width: device-width;
}
@-o-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
/* Other fixes*/
i { vertical-align: middle; }

.full-width {
	width: 100%;
	margin: auto;
}
.mainmenu {
	float:right; 
	height:100px; 
	line-height:100px; 
	text-align:center; 
	font-family: 'Open Sans', sans-serif;
	font-family: 나눔고딕, 'NanumGothic', 'NanumGothicBold';
	font-size:15px;
	cursor:pointer;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.mainmenu:hover {
	color:#ff7200;
}
.contentSub {
	max-width:1108px;
	margin:0 auto;
}
body.custom-background {
	background-position: top center !important;
	background-attachment: fixed !important;
}

/*---------------------------------------
 **   Responsive            -----
-----------------------------------------*/



@media (max-width: 800px) {
/* ================================= */
/*	         Page1 - 900px           */
/* ================================= */
	.mainTitleSec { font-size:18px; height:50px; }
	.inqTitleSec { font-size:15px; }
	.inqInputSecL { float:none; width:100%; }
	.inqInputSecR { float:none; width:100%; }
	#sendbutton { width:100%; }
	.testRecordPic { width:95%;  }
	.testRecordTablePc { display:none; }
	.testRecordTableMo { display:block; }

	#mainFrame1 { height:550px; }
	#mainFrame11 { height:550px; }
	#titlebox1 { height:450px; }

	#mainFrame21 { height:550px; }
	#mainFrame211 { height:550px; }
	#titlebox21 { height:450px; }

/* ================================= */
/*	       BlogPage - 900px          */
/* ================================= */
	.blogmaintitleStr { font-size:6vw; }
	.dateSce { display:none; }
	.blogSce { width:95%; }
}
@media (max-width: 768px) {
	#to-top {
	  position: fixed;
	  bottom: 10px;
	  right: 10px;
	  width: 40px;
	  height:30px;
	  padding: 5px;
	  border: 1px solid #ccc;
	  background: #f7f7f7;
	  color: #333;
	  text-align: center;
	  cursor: pointer;
	  display: none;
	  z-index:10000000000;
	}

/* ================================= */
/*	       MainPage - 768px          */
/* ================================= */

	#content1 { height:1120px; }
	#move001 { height:830px; opacity:1;}
	.workS { width:50%; height:450px; }

	#content2Str { width:95%; margin-left:2.5%; margin-right:2.5%; text-align:center; color:#fff; line-height:200px; font-size:19px; }

/* ================================= */
/*	         Page1 - 768px           */
/* ================================= */
	#mainFrame1 { height:500px; }
	#mainFrame11 { height:500px; }
	#titlebox1 { height:400px; }

/* ================================= */
/*	       Page2-1 - 768px          */
/* ================================= */

	#mainFrame21 { height:500px; }
	#mainFrame211 { height:500px; }
	#titlebox21 { height:400px; }

	#contentM21-1 { 
		height:420px;
	}
	#contentM21-2 {
		height:760px; 
	}

	#page2_2 { width:90%; margin-left:5%; height:600px; background:url(../images/pageM2_02.png) no-repeat; background-size:contain; background-position:center; }
	#contentM21-3 {
		height:1000px;
	}
	#contentM21-4 {
		height:1050px;
	}
	#contentM21-5 {
		height:1000px;
	}
	#admin02 {
		float:none; width:95%; height:420px;  font-size:16px; line-height:40px; padding-top:50px;
	}
	#admin01 { 
		float:none; width:100%; height:600px; text-align:center; 
	}
	.adminpic { float:left; width:50%; }
	#contentM21-6 { 
		height:650px; 
	}
/* ================================= */
/*	       Page2-2 - 768px          */
/* ================================= */

	#contentM22-1 { 
		height:420px;
	}
	#contentM22-2 { 
		height:600px;
	}
	#contentM22-3 { 
		height:750px;
	}
/* ================================= */
/*	        Page2-3 - 768px          */
/* ================================= */
	#contentM23-1 { 
		height:480px;
	}
	#contentM23-3 {
		display:none;
	}
	#contentM23-3M {
		display:block;
		height:650px; 
	}
	#contentM23-4 { 
		height:1020px;
	}
	#func3_1 {
		width:100%;
	}
	#func3_2 {
		width:100%;
	}

/* ================================= */
/*	       BlogPage - 768px          */
/* ================================= */
	.blogmaintitleStr { font-size:6.5vw; }
	.titltSec { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
}
@media (max-width: 690px) {

	body.custom-background{	
		background:#fff;
		background-image:url('../images/back21M11.jpg'); 
		background-repeat:repeat;
		background-position:center;
		background-attachment:fixed;
		font-family: 'Open Sans', sans-serif;
	}

	#top_pc { display:none; }
	#top_mobile { display:block; }
	.maintitleStr { font-size:6vw; }
	.betweenHeight { height:20px; }
	#QCMSStr1 { display:none; }
	#leftArrow { display:none; }
	#rightArrow { display:none; }

	.K1_10FunctionsL { float:none; width:95%; margin-left:2.5%; margin-top:20px; height:50px; line-height:50px; }
	.K1_10FunctionsR { float:none; width:95%; margin-left:2.5%; margin-top:20px; height:50px; line-height:50px; }
	.K1_10FunctionsCo1 { width:50px; height:50px; line-height:50px; font-size:20px; }
	.K1_10FunctionsCo2 { line-height:50px;  letter-spacing:-0.5px;}

	.E1_10FunctionsL { float:none; width:95%; margin-left:2.5%; margin-top:20px; height:50px; line-height:50px; }
	.E1_10FunctionsR { float:none; width:95%; margin-left:2.5%; margin-top:20px; height:50px; line-height:50px; }
	.E1_10FunctionsCo1 { width:50px; height:50px; font-size:20px; }
	.E1_10FunctionsCo2 { }

	#to-top {
	  position: fixed;
	  bottom: 10px;
	  right: 10px;
	  width: 40px;
	  height:30px;
	  padding: 5px;
	  border: 1px solid #ccc;
	  background: #f7f7f7;
	  color: #333;
	  text-align: center;
	  cursor: pointer;
	  display: none;
	  z-index:10000000000;
	}

/* ================================= */
/*	       MainPage - 690px          */
/* ================================= */

	#content1 { height:1950px; }
	#move001 { height:1710px; margin-left:0px; opacity:1; }
	.workS { width:100%; }

	#content2Str { width:95%; margin-left:2.5%; padding-top:50px; height:150px; text-align:center; color:#fff; line-height:30px; font-size:20px; }

	#content3 { height:1200px; }
	.featureSec { width:100%; }

	#content4 { height:700px; }
	#move0031, #move0032 { width:100%; height:350px; }

	#content51 { height:450px; }

	#content52Str { line-height:200px; font-size:17px; }

	#content53 { height:600px;}
	#move0042 { margin-left:0; opacity:1;}
	#content53Title { font-size:25px; }

	#content54Str { line-height:200px; font-size:17px; }

	#content55 { height:600px; }
	.content55title { font-size:25px; }
	#move0043 { float:none; text-align:left; width:95%; height:160px; margin-left:2.5%; top:100px; }
	#move0044 { float:none; text-align:left; left:0; width:95%; height:200px; margin-left:2.5%; }

	#content6 { height:1300px; }
	.content6Sec { width:100%; }

/* ================================= */
/*	         Page1 - 690px           */
/* ================================= */
	#mainFrame1 { height:500px; }
	#mainFrame11 { height:500px; }
	#titlebox1 { height:450px; }

/* ================================= */
/*	       Page2-1 - 690px          */
/* ================================= */
	#mainFrame21 { height:500px; }
	#mainFrame211 { height:500px; }
	#titlebox21 { height:400px; }

	#contentM21-6 { 
		height:600px; 
	}
/* ================================= */
/*	       Page2-2 - 690px          */
/* ================================= */
	#contentM22-2 {
		height:850px;
	}
	.pbizSec { width:50%; }
	#contentM22-3 { 
		height:920px;
	}
	#move0043 { position:relative; float:left; top:30px; width:100%; left:5%; }
	#move0044 { position:relative; float:right; top:100px; width:100%; left:5%; }

/* ================================= */
/*	       BlogPage - 690px          */
/* ================================= */

	#cont1 { height:520px; }
	.blogmaintitleStr { font-size:7vw; }
	.dateSce { display:none; }

	#footer { height:600px; }
	.infosec { float:none; width:100%; height:130px; margin-top:0; padding-top:40px; }
	.footerStr { font-size:18px; }	
}
@media (max-width: 640px) {

/* ================================= */
/*	         Page1 - 640px           */
/* ================================= */
	#mainFrame1 { height:360px; }
	#mainFrame11 { height:360px; }
	#titlebox1 { height:260px; }

	#mainFrame21 { height:500px; }
	#mainFrame211 { height:500px; }
	#titlebox21 { height:400px; }

	#contentM1-1 {
		height:2350px;
	}
	#contentM1-2 {
		height:4050px;
	}
	.flip-container { float:left; width:95%; height:270px; margin-left:2.4%; margin-top:20px; text-align:center; cursor:pointer; border-radius:5px; border:1px solid #aaa; }
	.webdisplay {
		float:none;
		width:100%;
	}
	#contentM21-1 { 
		height:350px;
	}
	#contentM22-1 { 
		height:350px;
	}

/* ================================= */
/*	        Page2-3 - 640px          */
/* ================================= */

	#contentM23-1 { 
		height:400px;
	}
	#contentM23-3 {
		display:none;
	}
	#contentM23-3M {
		display:block;
		height:600px; 
	}
	#contentM23-4 { 
		height:1020px;
	}
/* ================================= */
/*	         Page5 - 640px           */
/* ================================= */
	#contentM5-1 { height:1050px; }
}
@media (max-width: 550px) {

/* ================================= */
/*	       Page2-1 - 550px          */
/* ================================= */
	#contentM21-2 {
		height:850px; 
	}
	#page2_2 { width:100%; margin-left:0; height:700px; background:url(../images/pageM2_02.png) no-repeat; background-size:contain; background-position:center; }
	#contentM21-3 {
		height:1350px;
	}
	.funcDiv {
		float:left; width:50%; height:350px;
	}
	#contentM21-4 {
		height:950px;
	}
	#contentM21-4 img{
		width:90%;
	}
	#contentM21-6 { 
		height:550px; 
	}
	#contentM23-3M {
		display:block;
		height:550px; 
	}

/* ================================= */
/*	       Page2-2 - 550px          */
/* ================================= */
	#contentM22-4 {
		height:1650px; 
	}
	.screenshot {
		width:100%; height:360px; 
	}
	
}
@media (max-width: 480px) {

/* ================================= */
/*	       Page2-1 - 480px          */
/* ================================= */

	#contentM21-1 {
		height:280px;
	}
	#contentM21-2 {
		height:750px; 
	}
	#page2_2 { width:100%; margin-left:0; height:600px; background:url(../images/pageM2_02.png) no-repeat; background-size:contain; background-position:center; }
	#contentM21-4 {
		height:900px;
	}
	#contentM21-5 {
		height:950px;
	}
	#contentM21-6 { 
		height:500px; 
	}
/* ================================= */
/*	       Page2-2 - 480px          */
/* ================================= */

	#contentM22-1 {
		height:280px;
	}	
/* ================================= */
/*	        Page2-3 - 480px          */
/* ================================= */
	#contentM23-1 { 
		height:330px;
	}
	#contentM23-3 {
		display:none;
	}
	#contentM23-3M {
		display:block;
		height:500px; 
	}
	#contentM23-4 { 
		height:1020px;
	}
}
@media (max-width: 360px) {

/* ================================= */
/*	       Page2-1 - 360px          */
/* ================================= */

	#contentM21-1 {
		height:220px;
	}
	#contentM21-2 {
		height:600px; 
	}
	#page2_2 { width:100%; margin-left:0; height:450px; background:url(../images/pageM2_02.png) no-repeat; background-size:contain; background-position:center; }
	#contentM21-3 {
		height:2400px;
	}
	.funcDiv {
		float:left; width:100%; height:350px;
	}
	#contentM21-4 {
		height:700px;
	}
	#contentM21-5 {
		height:1200px;
	}
	#admin02 {
		float:none; width:95%; height:450px;  font-size:14px; line-height:40px; padding-top:20px;
	}
	#admin01 { 
		float:none; width:100%; height:620px; text-align:center;
	}
	.adminpic { float:left; width:100%; }
	#contentM21-6 { 
		height:450px; 
	}	
/* ================================= */
/*	       Page2-2 - 360px          */
/* ================================= */

	#contentM22-1 {
		height:220px;
	}

	#contentM22-2 {
		height:1450px;
	}
	.pbizSec { width:100%; }

	#contentM22-4 {
		height:1400px; 
	}
	.screenshot {
		width:100%; height:300px; 
	}
/* ================================= */
/*	        Page2-3 - 360px          */
/* ================================= */
	#contentM23-1 { 
		height:280px;
	}
	#contentM23-3 {
		display:none;
	}
	#contentM23-3M {
		display:block;
		height:450px; 
	}
	#contentM23-4 { 
		height:1020px;
	}
}
@media (max-width: 320px) {
/* ================================= */
/*	       Page2-1 - 320px          */
/* ================================= */

	#contentM21-4 {
		height:650px;
	}
	#contentM21-5 {
		height:1200px;
	}
	#admin02 {
		float:none; width:95%; height:450px;  font-size:14px; line-height:35px; padding-top:10px;
	}
	#admin01 { 
		float:none; width:100%; height:620px; text-align:center;
	}
	.adminpic { float:left; width:100%; }
	#contentM21-6 { 
		height:400px; 
	}
	#contentM22-4 {
		height:1250px; 
	}
	.screenshot {
		width:100%; height:260px; 
	}
	
}
#work001, #work002, #work003 {
	width:180px; height:180px; 
	border-radius:150px; 
	border:7px solid #aaa; 	
	margin:0 auto;
}
#work0001 {
	width:100%; height:130px; background:#ada83b; border-radius:150px; padding-top:50px;
}
#work0002 {
	width:100%; height:145px; background:#9b950a; border-radius:150px; padding-top:35px;
}
#work0003 {
	width:100%; height:125px; background:#777317; border-radius:150px; padding-top:55px;
}



.emptyButton {
	width:150px; height:50px; line-height:50px; margin:0 auto;  margin-top:5%; border:1px solid #fff; border-radius:3px; cursor:pointer;
}
.emptyButton:hover {
	background:rgba(255,255,255,0.4);
}

#selmenu1 {
	width:100%; height:39px; border-bottom:1px solid #aaa; text-align:center; font-size:15px; line-height:40px; color:#fff; cursor:pointer;
}
#selmenu2 {
	width:100%; height:40px; text-align:center; font-size:15px; line-height:40px; color:#fff; cursor:pointer;
}
#selmenu21 {
	width:100%; height:39px; border-bottom:1px solid #aaa; text-align:center; font-size:15px; line-height:40px; color:#fff; cursor:pointer;
}
#selmenu22 {
	width:100%; height:40px; border-bottom:1px solid #aaa; text-align:center; font-size:15px; line-height:40px; color:#fff; cursor:pointer;
}
#selmenu23 {
	width:100%; height:40px; text-align:center; font-size:15px; line-height:40px; color:#fff; cursor:pointer;
}
#selmenu1:hover {
	background:rgba(255,255,255,0.4);
}
#selmenu2:hover {
	background:rgba(255,255,255,0.4);
}
#selmenu21:hover {
	background:rgba(255,255,255,0.4);
}
#selmenu22:hover {
	background:rgba(255,255,255,0.4);
}
#selmenu23:hover {
	background:rgba(255,255,255,0.4);
}

#selMenu1Button {
	display:none; position:fixed; width:40px; height:35px; color:#777; background:none; z-index:10000; cursor:pointer;
}
#selMenu1Button:hover {
	color:#ff9103;
}
#readmore1 {
	width:120px; height:40px; line-height:40px; margin-top:25px; border:1px solid #aaa;
}
#readmore1:hover {
	background:#ff9103;
	color:#fff;
	border:1px solid #ff9103;
}
#sendbutton {
	float:right; width:220px; height:45px; margin-top:20px; line-height:42px; text-align:center; font-size:15px; background:#2f5ccd; color:#fff; border:1px solid #2f5ccd; border-radius:5px; cursor:pointer;
}
#sendbutton:hover {
	background:#fff; color:#2f5ccd; border:1px solid #2f5ccd; 
}
#sendbutton.active, #sendbutton:active { color:#fff; background:#222; border:1px solid #222; }
#checkPrivateDiv {
	color:#fff;
}
#checkPrivateDiv:hover {
	color:#f42a36;
}
#agree {
	color:#fff;
}
#agree:hover {
	color:#f42a36;
}
.closeAlertButton1 { width:100%; height:65px; line-height:60px; text-align:center; color:#ff7200; font-size:18px; border-radius:0 0 10px 10px; cursor:pointer;}
.closeAlertButton1:hover { background:#ff7200;  color:#fff;  }

#leftArrow {
	background:url(../images/left_off.png) no-repeat;
	cursor:pointer;
}
#leftArrow:hover {
	background:url(../images/left_on.png) no-repeat;
}

#rightArrow {
	background:url(../images/right_off.png) no-repeat;
	cursor:pointer;
}
#rightArrow:hover {
	background:url(../images/right_on.png) no-repeat;
}
#rightMenuSButton {
	float:right; width:45px; height:35px; margin-right:20px; margin-top:32px; border-radius:5px; background:#ff6000  url(../images/rightmenu.png) no-repeat; background-position:center; cursor:pointer;
}
#rightMenuSButton:active {
	background:#000 url(../images/rightmenu.png) no-repeat; background-position:center; 
}

.scrshot { position:absolute; width:150px; height:25px; right:0; bottom:20px; color:#aaa; cursor:pointer; }
.scrshot:hover { color:#ff7200; }

	.flip-container {
		perspective: 1000;
		transform-style: preserve-3d;
	}

	.flip-container:hover .back {
		transform: rotateY(0deg);
	}
	.flip-container:hover .front {
		transform: rotateY(180deg);
	}
	.flipper {
		transition: 0.6s;
		transform-style: preserve-3d;

		position: relative;
	}
	.front, .back {
		backface-visibility: hidden;
		transition: 0.6s;
		transform-style: preserve-3d;

		position: absolute;
		top: 0;
		left: 0;
	}
	.front {
		z-index: 2000;
		transform: rotateY(0deg);
	}
	.back {
		transform: rotateY(180deg);
	}