@charset "UTF-8";


#contents { }

#container span.visualLine { width: 34px; height: 3px; background-color: #fff; display: inline-block; margin-bottom: 7px; }


/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

	Default Stylesheet

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */

.crumbs { display: none; }
@media all and (min-width: 768px) {
	.crumbs { display: block; max-width: 682px; margin: 0 auto; text-align: right; color: #a4a4a4; font-size: .9em; padding-top: 10px; }
}

.quickLink { display: none; }
@media all and (min-width: 768px) {
	.quickLink { display: block; padding: 42px 0 30px 10px;  }
	.quickLink li { display: inline-block; padding: 0 10px; }
	.quickLink li a { color: #797979; font-size: 1.4em; font-weight: bold; background: url("../../img/dot1.png") no-repeat 0 50%; padding-left: 10px; }
	.quickLink li a.on { color: #ffb400; background: url("../../img/dot2.png") no-repeat 0 50%; padding-left: 10px; }
}

.tabLink { display: block; padding: 42px 0 30px 0; text-align: center;  }
.tabLink li { display: inline-block; padding: 0 4px 0 0; }
.tabLink li a { color: #797979; font-size: 1.4em; font-weight: bold; padding: 5px 10px;  }
.tabLink li a.on { color: #ffb400; border: #ffb400 1px solid; padding: 4px 9px; }
@media all and (max-width: 480px) {
	.tabLink li a { font-size: 1em; padding: 7px 6px;}
	.tabLink li a.on { padding: 6px 5px; }
}
@media all and (min-width: 768px) {
	.tabLink { display: block; padding: 42px 0 10px 0; text-align: left; }
}


.aboutus1.aboutBg { background: url("../../img/aboutBgM.png") no-repeat 0 0; background-size: 49%; }
@media all and (min-width: 768px) {
	.aboutBg { background: url("../../img/aboutBg.png") no-repeat 0 0; background-size: auto; }
	.aboutus1.aboutBg { background: url("../../img/aboutBg.png") no-repeat 0 0; background-size: auto; }
}

.sample.sampleBg { background: url("../../img/sampleBgM.png") no-repeat 0 0; background-size: 51%; }
@media all and (min-width: 768px) {
	.sampleBg { background: url("../../img/sampleBg.png") no-repeat 0 0; background-size: auto; }
	.sample.sampleBg { background: url("../../img/sampleBg.png") no-repeat 0 0; background-size: auto; }
}

.news.newsBg { background: url("../../img/newsBgM.png") no-repeat 0 0; background-size: 39%; }
@media all and (min-width: 768px) {
	.newsBg { background: url("../../img/newsBg.png") no-repeat 0 0; background-size: auto; }
	.news.newsBg { background: url("../../img/newsBg.png") no-repeat 0 0; background-size: auto; }
}

.contactus1.contactusBg { background: url("../../img/contactBgM.png") no-repeat 0 0; background-size: 73%; }
@media all and (min-width: 768px) {
	.contactusBg { background: url("../../img/contactBg.png") no-repeat 0 0; background-size: auto; }
	.contactus1.contactusBg { background: url("../../img/contactBg.png") no-repeat 0 0; background-size: auto; }
	.contactus2.contactusBg { background: url("../../img/contactBg2.png") no-repeat 0 0; background-size: auto; }
}








.boardBottom { clear: both; position: relative; }

.boardBottom .write { text-align: center; padding-top: 15px; } 
.boardBottom .write a { background-color: #f2f2f2; border: #b9b9b9 1px solid; border-radius: 3px; color: #000; display: inline-block; height: 24px; line-height: 24px; padding: 0 18px; } 

.boardBottom .admin { text-align: right; padding: 15px 15px 0 0; } 
.boardBottom .admin a { background-color: #f2f2f2; border: #b9b9b9 1px solid; border-radius: 3px; color: #000; display: inline-block; height: 24px; line-height: 24px; padding: 0 10px; } 
.boardBottom .admin a.pcOnly { display: none; }

.boardBottom .insert { text-align: center; padding-top: 15px; }
.boardBottom .insert a { background-color: #f2f2f2; border: #b9b9b9 1px solid; border-radius: 3px; color: #000; display: inline-block; height: 24px; line-height: 24px; padding: 0 10px; }

@media all and (min-width: 768px) {
	.boardBottom .write { position: absolute; top: 30px; right: 0; padding-top: 0;} 
	.boardBottom .admin { padding: 15px 0 0 0; }
	.boardBottom .admin a.pcOnly { display: inline-block; }
}



.boardBottom .boardSearch { text-align: center; padding-top: 10px; padding-bottom: 20px; }
.boardBottom .boardSearch select { width: 60px; border: #dadada 1px solid; height: 26px; line-height: 26px; } 
.boardBottom .boardSearch input[type="text"] { border: #dadada 1px solid; padding: 0 10px; height: 24px; line-height: 24px; } 
.boardBottom .boardSearch input[type="submit"] { -webkit-appearance: none; border: #b9b9b9 1px solid; padding: 0 10px; height: 26px; line-height: 24px; background-color: #f2f2f2; color: #000; border-radius: 3px; }

@media all and (min-width: 768px) {
	.boardBottom .boardSearch { text-align: center; padding-top: 30px; }
	.boardBottom .boardSearch select { width: 80px; }
}




/* PAGING */
.paging { padding: 30px 0 10px 0; text-align: center; }
.paging a { vertical-align: top; }
.paging ul { display: inline; padding: 0 10px; }
.paging li { display: inline; padding: 0 3px; font-weight: bold; }
.paging li a { display: inline-block; color: #666666; width: 26px; height: 26px; line-height: 26px; }
.paging li a:hover,
.paging li a:focus,
.paging li.on a { color: #fff; background-color: #feb028; border-radius: 13px; }

.paging .prev { display: inline-block; width: 26px; height: 26px; background: url("../../img/prevBt.png") no-repeat 0 0; background-size: cover; overflow: hidden; text-indent: -9999em; }

.paging .next { display: inline-block; width: 26px; height: 26px; background: url("../../img/nextBt.png") no-repeat 0 0; background-size: cover; overflow: hidden; text-indent: -9999em; }


.pageLinkM { margin: 40px 15px 0 15px; text-align: center; position: relative; font-weight: bold; overflow: hidden; }
.pageLinkM p { width: 60px;  padding-top: 70px; }
.pageLinkM .prev { position: absolute; top: 0; left: 0; background: url("../../img/page_prev.png") no-repeat 0 0; background-size: 100%; }
.pageLinkM .next { position: absolute; top: 0; right: 0; background: url("../../img/page_next.png") no-repeat 0 0; background-size: 100%; }
.pageLinkM .list { margin: 0 auto; background: url("../../img/page_list.png") no-repeat 0 0; background-size: 100%; }

@media all and (min-width: 768px) {
	.pageLinkM { display: none; }
}



.prevNext { display: none; }
@media all and (min-width: 768px) {
	.prevNext { display: block; }
	.prevNext table { width: 100%; border-top: #cacaca 1px solid; margin-top: 50px; }
	.prevNext table .fa { padding-left: 7px; }
	.prevNext table th { padding: 15px 10px; border-bottom: #cacaca 1px solid; }
	.prevNext table td { padding: 15px 10px; border-bottom: #cacaca 1px solid; }
}




/* BOARD WRITE */
.boardWrite { padding: 30px 10px 0 10px; line-height: 1.7;  }
.boardWrite table { width: 100%; border-top: #838383 1px solid; border-bottom: #838383 1px solid; }

.boardWrite table input[type="text"] { border: #dbdbdb 1px solid; padding: 0 2%; height: 24px; line-height: 24px; width: 95%;  }
.boardWrite table input[type="file"] { border: #dbdbdb 1px solid; ; height: 24px; line-height: 24px; width: 99%; font-size: .9em;  }
.boardWrite table select { border: #dbdbdb 1px solid; padding: 0 5% 0 2%; height: 26px; line-height: 26px;  }
.boardWrite table textarea { border: #dbdbdb 1px solid; padding: 0 2%; height: 110px; width: 95%;  }

.boardWrite table th { padding: 10px 20px; text-align: left; background-color: #f8f8f8; vertical-align: top; }
.boardWrite table td { padding: 10px 20px;  }
.boardWrite table td label { padding-right: 18px; white-space: nowrap !important; }
.boardWrite table td span.font { color: #929292; display: block; padding-top: 5px;	}

.boardWrite table td.langChoice { line-height: 2; padding-top: 10px;  }
.boardWrite table td.langChoice label { display: inline-block; }

.boardWrite table td.tit {  }
.boardWrite table td.tit p { padding-bottom: 10px; }
.boardWrite table td.tit p label { display: block; padding-right: 0; }
.boardWrite table td.tit p label span { font-weight: bold; display: block; padding: 0 0 5px 28px; }

.boardWrite table td.tit p.wKO label span { background: url("../../img/lang/ko.png") no-repeat 0 4px; }
.boardWrite table td.tit p.wEN label span { background: url("../../img/lang/en.png") no-repeat 0 4px; }
.boardWrite table td.tit p.wCN label span { background: url("../../img/lang/cn.png") no-repeat 0 4px; }
.boardWrite table td.tit p.wJP label span { background: url("../../img/lang/jp.png") no-repeat 0 4px; }
.boardWrite table td.tit p.wID label span { background: url("../../img/lang/id.png") no-repeat 0 4px; }

.boardWrite table td.tit p label input[type="text"] { width: 95%; }

.boardWrite table td input[type="text"].ori { width: 150px; display: block; margin: 0 10px 5px 0; }
.boardWrite table td input[type="text"].ori_url { width: 95%; display: block; }

@media all and (min-width: 768px) {
	.boardWrite table td input[type="text"].ori { width: 25%; margin-right: 10px; display: inline-block; margin: 0; }
	.boardWrite table td input[type="text"].ori_url { width: 64.5%; display: inline-block; }
}

.boardWrite table td.writeCont { padding-bottom: 0; }
.boardWrite table td.writeCont p { padding-bottom: 5px; font-weight: bold; padding-left: 28px; }

.boardWrite table td.writeCont .wKO p { background: url("../../img/lang/ko.png") no-repeat left 4px; }
.boardWrite table td.writeCont .wEN p { background: url("../../img/lang/en.png") no-repeat left 4px; }
.boardWrite table td.writeCont .wCN p { background: url("../../img/lang/cn.png") no-repeat left 4px; }
.boardWrite table td.writeCont .wJP p { background: url("../../img/lang/jp.png") no-repeat left 4px; }
.boardWrite table td.writeCont .wID p { background: url("../../img/lang/id.png") no-repeat left 4px; }

.boardWrite table td.writeCont textarea { margin-bottom: 15px; }

.boardWrite table td.option {  }
.boardWrite table td.option .orig { display: block; width: 100%;  }
.boardWrite table td.option .orig span { padding-right: 20px; font-weight: bold; }

.boardWrite table td.option .modi { display: block; width: 100%; padding-top: 10px; }
.boardWrite table td.option .modi label { padding-right: 20px; font-weight: bold; }
.boardWrite table td.option .modi input[type="text"] { width: 100px; font-size: 1.0em; }

.boardWrite table td.option .pin { padding: 10px 0; }

.boardWrite table .wEN { display: none; }
.boardWrite table .wCN { display: none; }
.boardWrite table .wJP { display: none; }
.boardWrite table .wID { display: none; }

@media all and (min-width: 768px) {
	.boardWrite { padding: 30px 0 0 0; line-height: 1.7;  }
	.boardWrite table input[type="file"] { width: 60%; }
	.boardWrite table td span.font { padding-left: 15px; display: inline; }

	.boardWrite table td.tit p label span { display: inline-block; width: 16%; padding: 0 0 0 28px; }
	.boardWrite table td.tit p label input[type="text"] { width: 72.5%; }

	.boardWrite table td.option .orig { display: inline-block; width: 40%;  }
	.boardWrite table td.option .modi { display: inline-block; width: 40%; padding-top: 0;}
}









/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

	About Us Stylesheet

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */

/* About Us Visual */
#aboutusVisual { background: url("../../img/aboutusVisual.jpg") no-repeat center 0; background-size: cover; color: #fff; position: relative; display: table; width: 100%; }
#aboutusVisual .subVisual { max-width: 1000px; margin: 0 auto; text-align: center; display: table-cell; height: 300px; vertical-align: middle; }
#aboutusVisual .subVisual dl { text-align: center; text-shadow: #000 2px 1px; }
#aboutusVisual .subVisual dl dt { font-size: 1.8em; font-weight: bold; line-height: 1.6; letter-spacing: -1px; }
#aboutusVisual .subVisual dl dd { font-size: 1.1em; padding: 15px 0 30px 0; line-height: 1.4; }
#aboutusVisual .subVisual p { text-align: center; }
#aboutusVisual .subVisual p a { display: inline-block; color: #c4c3c1; width: 96px; height: 32px; border: #c4c3c1 2px solid; line-height: 32px; text-align: center; font-size: 1.2em; }
@media all and (min-width: 768px) {
	#aboutusVisual .subVisual { height: 457px }
	#aboutusVisual .subVisual dl dt { font-size: 2.5em; font-weight: bold; line-height: 1.6; letter-spacing: -1px; }
	#aboutusVisual .subVisual dl dd { font-size: 1.5em; padding: 15px 0 30px 0; }
}




/* About Us 1 */
#aboutus1 { border-bottom: #bfbfbf 1px solid; padding-bottom: 50px; }
#aboutus1 .aboutus1 { max-width: 682px; margin: 0 auto; }
#aboutus1 .aboutus1 h2 { overflow: hidden; text-indent: -9999em; background: url("../../img/aboutText1M.png") no-repeat center bottom; padding-bottom: 15%; margin: 0 auto; height: 0; background-size: 58%;}

#aboutus1 .aboutus1 .text { text-align: center; padding-top: 30%; background: url("../../img/about1_bgM.png") no-repeat center 0; background-size: 80%; line-height: 1.8; font-size: 1.0em; color: #000; margin: 8% 15px 0 15px;  }
#aboutus1 .aboutus1 .text span { display: block; padding-bottom: 20px;  }
@media all and (max-width: 370px) {
	#aboutus1 .aboutus1 .text { background-size: 100%; padding-top: 38%; }
}
@media all and (min-width: 768px) {

	#aboutus1 .aboutus1 h2 { margin: 30px 0 0 0; background: url("../../img/aboutText1.png") no-repeat 0 0; padding-bottom: 11%; }
	#aboutus1 .aboutus1 .text { text-align: left; padding: 0; margin: 0; background: url("../../img/about1_bg.png") no-repeat right 0; font-size: 1.3em; }
}

/* About Us 2 */
#aboutus2 { border-bottom: #bfbfbf 1px solid; padding-bottom: 50px; margin-top: 30px; }
#aboutus2 .aboutus2 { max-width: 682px; margin: 0 auto; }
#aboutus2 .aboutus2 h2 { overflow: hidden; text-indent: -9999em; background: url("../../img/about_ctoM.png") no-repeat center bottom; padding-bottom: 43%; margin: 0 auto; height: 0; background-size: 53%;}

#aboutus2 .aboutus2 .history { background: url("../../img/about_cto_historyM.png") no-repeat center 0; background-size: 100%; margin: 20px 10px 0 10px; padding-bottom: 79%; overflow: hidden; text-indent: -9999em; height: 0; }
@media all and (min-width: 768px) {
	#aboutus2 .aboutus2 h2 { background: url("../../img/about_cto.png") no-repeat center 0; background-size: auto; padding-bottom: 37%; margin-top: 60px;  }
	#aboutus2 .aboutus2 .history { margin-top: 15px; background: url("../../img/about_cto_history.png") no-repeat center 0; background-size: auto; }
}


/* About Us 3 */
#aboutus3 { padding-bottom: 50px; margin-top: 30px; }
#aboutus3 .aboutus3 { max-width: 682px; margin: 0 auto; }
#aboutus3 .aboutus3 h2 { overflow: hidden; text-indent: -9999em; background: url("../../img/about_patentM.png") no-repeat center bottom; padding-bottom: 7%; height: 0; background-size: 53%; }

#aboutus3 .aboutus3 .text { text-align: center; padding-top: 30%; background: url("../../img/about3_bgM.png") no-repeat center 0; background-size: 80%; line-height: 1.8; font-size: 1.0em; color: #000; margin: 8% 15px 0 15px;  }
@media all and (min-width: 768px) {
	#aboutus3 .aboutus3 h2 { margin: 30px 0 0 0; background: url("../../img/about_patent.png") no-repeat 0 0; padding-bottom: 13%; }
	#aboutus3 .aboutus3 .text { text-align: left; padding: 0 0 32% 0; margin: 0; background: url("../../img/about3_bg.png") no-repeat right 0; font-size: 1.3em; }
}





/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

	Technology Stylesheet

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */

/* Technology Visual */
#techVisual { color: #fff; position: relative; }
#techVisual .techVisual { max-width: 1000px; margin: 0 auto; text-align: center; }
#techVisual .techVisual dl { text-align: center; text-shadow: #000 2px 1px; }
#techVisual .techVisual dl dt { font-size: 1.8em; font-weight: bold; line-height: 1.6; letter-spacing: -1px; padding-left: 10px; padding-right: 10px; }
#techVisual .techVisual dl dd { font-size: 1.1em; padding: 15px 40px 30px 40px; line-height: 1.4; }
@media all and (min-width: 768px) {
	#techVisual .techVisual dl dd { padding: 15px 10px 30px 10px;  } 
	#techVisual .techVisual dl dd span { display: block; }
}


#techVisual .codingType { width: 100%; background: url("../../img/codingTypeBgM.png") no-repeat center 0; background-size: cover; position: absolute; bottom: 0; }
#techVisual .codingType ul { max-width: 1000px; margin: 0 auto; overflow: hidden; text-align: center;  }
#techVisual .codingType li { width: 25%; float: left; }
#techVisual .codingType li a { color: #fff; width: 100%; height: 81px; display: block; overflow: hidden; text-indent: -9999em;  }
#techVisual .codingType li a.img { background: url("../../img/codingType1.png") no-repeat center 0; background-size: 130px; }
#techVisual .codingType li a.sound { background: url("../../img/codingType2.png") no-repeat center 0; background-size: 130px; }
#techVisual .codingType li a.web { background: url("../../img/codingType4.png") no-repeat center 0; background-size: 130px; }
#techVisual .codingType li a.security { background: url("../../img/codingType3.png") no-repeat center 0; background-size: 130px; }
#techVisual .codingType li.here { background: url("../../img/codingType_here.png") repeat-x 0 0; }
#techVisual .codingType li.here a.img { background: url("../../img/codingType1_on.png") no-repeat center 0; background-size: 130px; }
#techVisual .codingType li.here a.sound { background: url("../../img/codingType2_on.png") no-repeat center 0; background-size: 130px; }
#techVisual .codingType li.here a.security { background: url("../../img/codingType3_on.png") no-repeat center 0; background-size: 130px; }
#techVisual .codingType li.here a.web { background: url("../../img/codingType4_on.png") no-repeat center 0; background-size: 130px; }
@media all and (min-width: 500px) {
	#techVisual .techVisual dl dt { font-size: 2.5em; font-weight: bold; line-height: 1.6; letter-spacing: -1px; }
	#techVisual .techVisual dl dd { font-size: 1.5em; }
	#techVisual .codingType li a { width: 100%; height: 107px; background-size: 171px !important;  }
	#techVisual .codingType li.here a { background-size: 171px !important;  }
	#techVisual .codingType li.here { background: url("../../img/codingType_here.png") repeat-x 0 0; }
}
@media all and (min-width: 768px) {
	#techVisual .codingType { width: 100%; background: url("../../img/codingTypeBg.png") no-repeat center 0; height: 108px; position: absolute; bottom: 0; }
	#techVisual .codingType ul { max-width: 1000px; margin: 0 auto; overflow: hidden; text-align: center;  }
	#techVisual .codingType li { width: 171px; display: block; float: none; }
	#techVisual .codingType li a { width: 171px; height: 107px; display: inline-block; }
	#techVisual .codingType li { display: inline-block; border-bottom: none; }
}



.tech_img_visual { background: url("../../img/techVisual1.jpg") no-repeat center 0; background-size: cover; padding: 100px 0 150px 0;  }
.tech_secu_visual { background: url("../../img/techVisual2.jpg") no-repeat center 0; background-size: cover; padding: 100px 0 150px 0;  }
.tech_sound_visual { background: url("../../img/techVisual3.jpg") no-repeat center 0; background-size: cover; padding: 100px 0 150px 0;  }
.tech_web_visual { background: url("../../img/techVisual4.jpg") no-repeat center 0; background-size: cover; padding: 100px 0 150px 0;  }
@media all and (min-width: 500px) {
	.tech_img_visual { padding: 100px 0 200px 0; }
	.tech_secu_visual { padding: 100px 0 200px 0; }
	.tech_sound_visual { padding: 100px 0 200px 0; }
	.tech_web_visual { padding: 100px 0 200px 0; }
}
@media all and (min-width: 768px) {
	.tech_img_visual { padding: 150px 0 230px 0; }
	.tech_secu_visual { padding: 150px 0 230px 0; }
	.tech_sound_visual { padding: 150px 0 230px 0; }
	.tech_web_visual { padding: 150px 0 230px 0; }
}



/* Technology 1 */
#tech1 { width: 100%; }
#tech1 .techBg { background: none;  }
#tech1 .tech1 { max-width: 1000px; margin: 0 auto; text-align: center; padding: 50px 0 0 0; }
#tech1 .tech1 p { font-size: 1.0em; line-height: 1.8; margin: 40px 0; font-weight: bold; color: #000000; padding: 0 8%; word-spacing: -2px; }
#tech1 .tech1 ul li { padding-top: 300px; font-size: 1.2em; font-weight: bold; line-height: 1.6; color: #414141; padding-bottom: 40px; }
@media all and (min-width: 768px) {
	#tech1 { background: url("../../img/videoBg_left.png") no-repeat 0 50%; min-height: 486px; }
	#tech1 .techBg { background: url("../../img/videoBg_right.png") no-repeat right 50%; min-height: 486px; }
	#tech1 .tech1 {  padding: 50px 0; }
	#tech1 .tech1 p { width: 58%; font-size: 1.2em; line-height: 1.8; margin: 40px auto 0; padding: 0; }
	#tech1 .tech1 p span { display: block; }
	#tech1 .tech1 ul { padding: 40px 15% 0 15%; overflow: hidden; }
	#tech1 .tech1 ul li { width: 33.33%; float: left; padding-top: 175px; padding-bottom: 0; }
}


#tech1 .tech1 ul li.img_t1 { background: url("../../img/tech1_img1.png") no-repeat center 0; }
#tech1 .tech1 ul li.img_t2 { background: url("../../img/tech1_img2.png") no-repeat center 0; }
#tech1 .tech1 ul li.img_t3 { background: url("../../img/tech1_img3.png") no-repeat center 0;  }
@media all and (min-width: 768px) {
	#tech1 .tech1 ul li.img_t1 { background: url("../../img/tech1_img1.png") no-repeat center 0; background-size: 138px; }
	#tech1 .tech1 ul li.img_t2 { background: url("../../img/tech1_img2.png") no-repeat center 0; background-size: 138px; }
	#tech1 .tech1 ul li.img_t3 { background: url("../../img/tech1_img3.png") no-repeat center 0; background-size: 138px; }
}
#tech1 .tech1 ul li.secu_t1 { background: url("../../img/tech1_secu1.png") no-repeat center 0; }
#tech1 .tech1 ul li.secu_t2 { background: url("../../img/tech1_secu2.png") no-repeat center 0; }
#tech1 .tech1 ul li.secu_t3 { background: url("../../img/tech1_secu3.png") no-repeat center 0;  }
@media all and (min-width: 768px) {
	#tech1 .tech1 ul li.secu_t1 { background: url("../../img/tech1_secu1.png") no-repeat center 0; background-size: 138px; }
	#tech1 .tech1 ul li.secu_t2 { background: url("../../img/tech1_secu2.png") no-repeat center 0; background-size: 138px; }
	#tech1 .tech1 ul li.secu_t3 { background: url("../../img/tech1_secu3.png") no-repeat center 0; background-size: 138px; }
}
#tech1 .tech1 ul li.sound_t1 { background: url("../../img/tech1_sound1.png") no-repeat center 0; }
#tech1 .tech1 ul li.sound_t2 { background: url("../../img/tech1_sound2.png") no-repeat center 0; }
#tech1 .tech1 ul li.sound_t3 { background: url("../../img/tech1_sound3.png") no-repeat center 0;  }
@media all and (min-width: 768px) {
	#tech1 .tech1 ul li.sound_t1 { background: url("../../img/tech1_sound1.png") no-repeat center 0; background-size: 138px; }
	#tech1 .tech1 ul li.sound_t2 { background: url("../../img/tech1_sound2.png") no-repeat center 0; background-size: 138px; }
	#tech1 .tech1 ul li.sound_t3 { background: url("../../img/tech1_sound3.png") no-repeat center 0; background-size: 138px; }
}
#tech1 .tech1 ul li.web_t1 { background: url("../../img/tech1_web1.png") no-repeat center 0; }
#tech1 .tech1 ul li.web_t2 { background: url("../../img/tech1_web2.png") no-repeat center 0; }
#tech1 .tech1 ul li.web_t3 { background: url("../../img/tech1_web3.png") no-repeat center 0;  }
@media all and (min-width: 768px) {
	#tech1 .tech1 ul li.web_t1 { background: url("../../img/tech1_web1.png") no-repeat center 0; background-size: 138px; }
	#tech1 .tech1 ul li.web_t2 { background: url("../../img/tech1_web2.png") no-repeat center 0; background-size: 138px; }
	#tech1 .tech1 ul li.web_t3 { background: url("../../img/tech1_web3.png") no-repeat center 0; background-size: 138px; }
}




/* Technology 2 */
#tech2 { width: 100%; background-color: #f8f7f7; }
#tech2 .tech2 { max-width: 1000px; margin: 0 auto; text-align: left; padding: 20px 0; }
#tech2 .tech2 li { margin: 0 7%; min-height: 160px; display: table; height: 160px; }
#tech2 .tech2 li dl { display: table-cell; min-height: 160px; vertical-align: middle;  }
#tech2 .tech2 dl dt { padding: 0 0 10px 120px; line-height: 1.4; font-size: 1.5em; color: #ffb400; font-weight: bold; }
#tech2 .tech2 dl dd { padding: 0 0 0 120px; font-size: 1.1em; color: #000; font-weight: bold; line-height: 1.7;  }
@media all and (min-width: 768px) {
	#tech2 .tech2 { max-width: 1000px; margin: 0 auto; text-align: left; padding: 50px 0; }
	#tech2 .tech2 li { margin: 0 17%; min-height: 160px; display: table; height: 160px; }
	#tech2 .tech2 dl dt { padding: 0 0 20px 180px; font-size: 1.7em; color: #ffb400; font-weight: bold; }
	#tech2 .tech2 dl dd { padding: 0 0 0 180px; font-size: 1.2em; color: #000; font-weight: bold; line-height: 1.7;  }
}
@media all and (min-width: 1001px) {
	#tech2 .tech2 li span { display: block; }
}


#tech2 .tech2 .img_t1 { background: url("../../img/tech2_img1.png") no-repeat 0 50%; background-size: 100px; } 
#tech2 .tech2 .img_t2 { background: url("../../img/tech2_img2.png") no-repeat 0 50%; background-size: 100px; } 
@media all and (min-width: 768px) {
	#tech2 .tech2 .img_t1 { background: url("../../img/tech2_img1.png") no-repeat 0 0; margin-bottom: 20px; } 
	#tech2 .tech2 .img_t2 { background: url("../../img/tech2_img2.png") no-repeat 0 0; } 
}
#tech2 .tech2 .secu_t1 { background: url("../../img/tech2_secu1.png") no-repeat 0 50%; background-size: 100px; } 
#tech2 .tech2 .secu_t2 { background: url("../../img/tech2_secu2.png") no-repeat 0 50%; background-size: 100px; } 
@media all and (min-width: 768px) {
	#tech2 .tech2 .secu_t1 { background: url("../../img/tech2_secu1.png") no-repeat 0 0; margin-bottom: 20px; } 
	#tech2 .tech2 .secu_t2 { background: url("../../img/tech2_secu2.png") no-repeat 0 0; } 
}
#tech2 .tech2 .sound_t1 { background: url("../../img/tech2_sound1.png") no-repeat 0 50%; background-size: 100px; } 
#tech2 .tech2 .sound_t2 { background: url("../../img/tech2_sound2.png") no-repeat 0 50%; background-size: 100px; } 
@media all and (min-width: 768px) {
	#tech2 .tech2 .sound_t1 { background: url("../../img/tech2_sound1.png") no-repeat 0 0; margin-bottom: 20px; } 
	#tech2 .tech2 .sound_t2 { background: url("../../img/tech2_sound2.png") no-repeat 0 0; } 
}
#tech2 .tech2 .web_t1 { background: url("../../img/tech2_web1.png") no-repeat 0 50%; background-size: 100px; } 
#tech2 .tech2 .web_t2 { background: url("../../img/tech2_web2.png") no-repeat 0 50%; background-size: 100px; } 
@media all and (min-width: 768px) {
	#tech2 .tech2 .web_t1 { background: url("../../img/tech2_web1.png") no-repeat 0 0; margin-bottom: 20px; } 
	#tech2 .tech2 .web_t2 { background: url("../../img/tech2_web2.png") no-repeat 0 0; } 
}




/* Technology Button */
#tech_btn { background-color: #e9e8e8; padding: 25px 0; text-align: center; }
#tech_btn p { padding: 0 50px; }
#tech_btn img { max-width: 305px; width: 100%; }
.tech_web_btn img { max-width: 262px !important; }
@media all and (min-width: 768px) {

}




/* Technology Video */
#techVideo { }
#techVideo .techVideo { max-width: 1000px; margin: 0 auto; text-align: center; padding: 0; }
#techVideo .techVideo h2 { display: none; }
#techVideo .techVideo .mVideo { position: relative; height: 0; padding-bottom: 50%; padding-top: 25px; }
#techVideo .techVideo .mVideo iframe { position: absolute; top: 0; left: 0;width: 100%; height: 100%; }

@media all and (min-width: 768px) {
	#techVideo {  }
	#techVideo .techVideo { max-width: 1000px; margin: 0 auto; text-align: center; padding: 40px 0;  }
	#techVideo .techVideo h2 { display: block; color: #4c4c4c; font-size: 2em; padding-bottom: 30px; }
	#techVideo .techVideo .mVideo { position: relative; height: auto; padding-bottom: 0; padding-top: 0; }
	#techVideo .techVideo .mVideo iframe { position: static; width: 703px; height: 379px; }
}








/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

	Sample Stylesheet

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */

/* sample */
#sample { padding-bottom: 50px; }
#sample .sample { max-width: 682px; margin: 0 auto; }

#sample .sample h2 { overflow: hidden; text-indent: -9999em; padding-bottom: 11%; height: 0; }
#sample .sample h2.img { background: url("../../img/sample_imgM.png") no-repeat center bottom; background-size: 53%; }
#sample .sample h2.sound { background: url("../../img/sample_soundM.png") no-repeat center bottom; background-size: 53%; }
#sample .sample h2.secu { background: url("../../img/sample_secuM.png") no-repeat center bottom; background-size: 53%; }
#sample .sample h2.web { background: url("../../img/sample_webM.png") no-repeat center bottom; background-size: 53%; }

#sample .sample h2.write { background: url("../../img/sam_writeM.png") no-repeat center bottom; background-size: 53%; }
#sample .sample h2.modify { background: url("../../img/sam_modifyM.png") no-repeat center bottom; background-size: 53%; }



#sample .sample p.text { margin: 30px 10px 3% 20px; background: url("../../img/sampleText1.png") no-repeat 0 0; background-size: 100%; padding-bottom: 7%; width: 65%; overflow: hidden; text-indent: -9999em;  }

@media all and (min-width: 768px) {
	#sample .sample h2.img { background: url("../../img/sample_img.png") no-repeat 0 bottom; }
	#sample .sample h2.sound { background: url("../../img/sample_sound.png") no-repeat 0 bottom; }
	#sample .sample h2.secu { background: url("../../img/sample_secu.png") no-repeat 0 bottom; }
	#sample .sample h2.web { background: url("../../img/sample_web.png") no-repeat 0 bottom; }
	#sample .sample h2.write { padding-bottom: 15.5%; background: url("../../img/sam_write.png") no-repeat 0 bottom; }
	#sample .sample h2.modify { padding-bottom: 15.5%;  background: url("../../img/sam_modify.png") no-repeat 0 bottom; }

	#sample .sample p.text { margin: 25px 0 3% 0; width: 360px; height: 35px; padding-bottom: 10px; }
}




#sample .sample .sampleList { }
#sample .sample .sampleList ul { padding: 0 10px; }
#sample .sample .sampleList ul li { width: 50%; float: left; text-align: center; }

#sample .sample .sampleList ul li.first {  }
#sample .sample .sampleList ul li.first span { position: relative; -moz-box-shadow: 0 3px 15px hsla(0, 0%, 0%, 1); -webkit-box-shadow: 0 3px 15px hsla(0, 0%, 0%, 1); box-shadow: 0 3px 15px hsla(0, 0%, 0%, 1); }
#sample .sample .sampleList ul li.first strong { font-weight: bold; }

#sample .sample .sampleList ul li.first span .firstPin { position: absolute; top: 0; right: 0; left: auto; width: 48px; height: 48px; }

#sample .sample .sampleList ul li span { display: block; width: 90%; padding-bottom: 60%; position: relative; overflow: hidden; -moz-box-shadow: 0 3px 10px hsla(0, 0%, 0%, .3); -webkit-box-shadow: 0 3px 10px hsla(0, 0%, 0%, .3); box-shadow: 0 3px 10px hsla(0, 0%, 0%, .3); margin: 0 auto 10px;  }
#sample .sample .sampleList ul li span img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#sample .sample .sampleList ul li strong { display: block; width: 93%; font-size: 1.2em; height: 45px; line-height: 1.5; overflow: hidden; margin: 0 auto 15px; color: #000; }
#sample .sample .sampleList ul li strong a { color: #000; }


@media all and (min-width: 768px) {
	#sample .sample .sampleList ul { padding: 0; }
	#sample .sample .sampleList ul li { width: 33.33%; float: left; text-align: center;  }
	#sample .sample .sampleList ul li span { display: block; width: 93%; padding-bottom: 64.5%; position: relative; overflow: hidden; -moz-box-shadow: 0 3px 10px hsla(0, 0%, 0%, .3); -webkit-box-shadow: 0 3px 10px hsla(0, 0%, 0%, .3); box-shadow: 0 3px 10px hsla(0, 0%, 0%, .3); margin: 0 auto 10px;  }
}





#sample .sample .sampleView { padding: 0 15px; }
#sample .sample .sampleView dt { padding: 30px 0 20px 0; font-size: 1.4em; color: #60605f; font-weight: bold; line-height: 1.3; border-bottom: #838383 1px solid; }
#sample .sample .sampleView dt span { display: block; background-color: #60605f; max-width: 25px; width: 5%; height: 2px; margin-top: 15px; }
#sample .sample .sampleView dd.view_img { padding: 30px 0 0 0; text-align: center; }
#sample .sample .sampleView dd.view_img span { display: inline-block; -moz-box-shadow: 0 3px 10px hsla(0, 0%, 0%, .3); -webkit-box-shadow: 0 3px 10px hsla(0, 0%, 0%, .3); box-shadow: 0 3px 10px hsla(0, 0%, 0%, .3); min-width: 200px; min-height: 150px; }
#sample .sample .sampleView dd.view_img span img { max-width: 100%; }
#sample .sample .sampleView dd.view_text { border-bottom: #838383 1px solid; font-size: 1.1em; padding: 30px 0 20px 0; line-height: 1.6; color: #60605f; }
#sample .sample .sampleView dd.view_text .file { font-size: .9em; padding-top: 30px;  }

@media all and (min-width: 768px) {
	#sample .sample .sampleView { padding: 0 ; }
	#sample .sample .sampleView dt  { padding: 30px 0 25px 0; font-size: 2.0em;  }
	#sample .sample .sampleView dt span { width: 25px; margin-top: 20px; }
	#sample .sample .sampleView dd.view_img { padding: 50px 0 0 0; }
	#sample .sample .sampleView dd.view_text { font-size: 1.2em; padding: 40px 10px 20px 10px; }
	#sample .sample .sampleView dd.view_text .file { font-size: .9em; padding-top: 50px;  }
}


#sample .sample .boardWrite table td.option .pin { padding-top: 0;  }








/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

	News Stylesheet

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */

/* news */
#news { padding-bottom: 50px; }
#news .news { max-width: 682px; margin: 0 auto; }

#news .news h2 { overflow: hidden; text-indent: -9999em; padding-bottom: 11%; height: 0; }
#news .news h2.digi { background: url("../../img/news_digiM.png") no-repeat center bottom; background-size: 53%; }
#news .news h2.tren { background: url("../../img/news_trenM.png") no-repeat center bottom; background-size: 53%; }
#news .news h2.write { background: url("../../img/news_writeM.png") no-repeat center bottom; background-size: 53%; }
#news .news h2.modify { background: url("../../img/news_modifyM.png") no-repeat center bottom; background-size: 53%; }


#news .news p.text { margin: 30px 10px 0 20px; background: url("../../img/newsText1.png") no-repeat 0 0; background-size: 100%; padding-bottom: 7%; width: 65%; overflow: hidden; text-indent: -9999em;  }

@media all and (min-width: 768px) {
	#news .news h2.digi { background: url("../../img/news_digi.png") no-repeat 0 bottom; }
	#news .news h2.tren { background: url("../../img/news_tren.png") no-repeat 0 bottom; }
	#news .news h2.write { padding-bottom: 15.5%; background: url("../../img/news_write.png") no-repeat 0 bottom; }
	#news .news h2.modify { padding-bottom: 15.5%; padding-bottom: 11%;  background: url("../../img/news_modify.png") no-repeat 0 bottom; }

	#news .news p.text { margin: 25px 0 0 0; width: 360px; height: 35px; padding-bottom: 10px; }
}


#news .news .newsList { padding-top: 15px;  }
#news .news .newsList ul { padding: 0 15px; }
#news .news .newsList ul li { border-bottom: #838383 1px solid; padding: 15px 10px 17px 10px; }

#news .news .newsList ul li.first { background-color: #f1f1f1; color: #000; }
#news .news .newsList ul li.first a { color: #000; }

#news .news .newsList ul li dl { position: relative; line-height: 1.4; }
#news .news .newsList ul li dl dt { font-size: 1.2em; font-weight: bold; color: #000; padding-bottom: 3px; }
#news .news .newsList ul li dl dd.date { font-size: .9em; padding-bottom: 15px; }
#news .news .newsList ul li dl dd.cont { font-size: 1.1em;  }

@media all and (min-width: 768px) {
	#news .news .newsList ul { padding: 0; }
	#news .news .newsList ul li dl dt { padding-left: 110px; padding-bottom: 12px; }
	#news .news .newsList ul li dl dd.date { position: absolute; top: 0; left: 0; font-size: 1.2em; font-weight: bold; }
	#news .news .newsList ul li dl dd.cont { padding-left: 108px;  }
}




#news .news .newsView {  }

@media all and (min-width: 768px) {
	#news .news .newsView {  }
}


#news .news .newsView { padding: 0 15px; }
#news .news .newsView dt { padding: 30px 0 20px 0; font-size: 1.4em; color: #60605f; font-weight: bold; line-height: 1.3; border-bottom: #838383 1px solid; }
#news .news .newsView dt strong { font-size: 13px; display: block; color: #7d7d7d; padding-bottom: 7px; }
#news .news .newsView dt span { display: block; background-color: #60605f; max-width: 25px; width: 5%; height: 2px; margin-top: 15px; }
#news .news .newsView dd.view_img { padding: 30px 0 0 0; text-align: center; }
#news .news .newsView dd.view_img span { display: inline-block; /*-moz-box-shadow: 0 3px 10px hsla(0, 0%, 0%, .3); -webkit-box-shadow: 0 3px 10px hsla(0, 0%, 0%, .3); box-shadow: 0 3px 10px hsla(0, 0%, 0%, .3);*/ min-width: 200px; min-height: 150px; }
#news .news .newsView dd.view_img span img { max-width: 100%; }
#news .news .newsView dd.view_img span strong { display: block; text-align: right; font-size: .9em; line-height: 1.4; padding-top: 5px; }
#news .news .newsView dd.view_text { border-bottom: #838383 1px solid; font-size: 1.1em; padding: 30px 0 20px 0; line-height: 1.6; color: #60605f; }
#news .news .newsView dd.view_text .origin { font-size: .9em; padding-top: 30px; color: #878787; padding-left: 33px; text-indent: -33px; }

@media all and (min-width: 768px) {
	#news .news .newsView { padding: 0 ; }
	#news .news .newsView dt  { padding: 30px 0 25px 0; font-size: 2.0em;  }
	#news .news .newsView dt span { width: 25px; margin-top: 20px; }
	#news .news .newsView dd.view_img { padding: 50px 0 0 0; }
	#news .news .newsView dd.view_text { font-size: 1.2em; padding: 40px 10px 20px 10px; }
	#news .news .newsView dd.view_text .origin { font-size: .9em; padding-top: 50px;  }
}







/* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

	Contact Us Stylesheet

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ */


/* Contact Us 1 */
#contactus1 { padding-bottom: 50px; }
#contactus1 .contactus1 { max-width: 682px; margin: 0 auto; }
#contactus1 .contactus1 h2 { overflow: hidden; text-indent: -9999em; background: url("../../img/about_locationM.png") no-repeat center bottom; padding-bottom: 11%; height: 0; background-size: 53%; }

#contactus1 .contactus1 .location { padding: 7% 15px 0 15px;  }
#contactus1 .contactus1 .map { padding-bottom: 5%; margin-bottom: 5%; background: url("../../img/mapBg.png") no-repeat center bottom; background-size: 7%; }
#contactus1 .contactus1 .map img { max-width: 100%; }
#contactus1 .contactus1 .text { text-align: center; font-size: 1.0em; line-height: 1.8; color: #000; }
#contactus1 .contactus1 .text strong { font-weight: bold; }
@media all and (max-width: 450px) {
	#contactus1 .contactus1 .text span { display: block; }
}
@media all and (min-width: 768px) {
	#contactus1 .contactus1 h2 { display: none; }
	#contactus1 .contactus1 .location { padding: 5% 0 0 0;  }
	#contactus1 .contactus1 .map { background-size: 4%; }
	#contactus1 .contactus1 .text { font-size: 1.3em; }
	#contactus1 .contactus1 .text span { display: block; }
	#contactus1 .contactus1 .text span.pcN { display: inline; }
}




/* Contact Us 2 */
#contactus2 { padding-bottom: 50px; padding-top: 30px; background: url("../../img/contact_inquiryBgM.jpg") no-repeat center 0; background-size: cover; }
#contactus2 .contactus2 { max-width: 682px; margin: 0 auto; }

#contactus2 .contactus2 .quickLink li a { color: #fff; font-size: 1.4em; font-weight: bold; background: url("../../img/dot3.png") no-repeat 0 50%; padding-left: 10px; }
#contactus2 .contactus2  .quickLink li a.on { color: #ffb400; background: url("../../img/dot2.png") no-repeat 0 50%; padding-left: 10px; }

#contactus2 .contactus2 h2 { overflow: hidden; text-indent: -9999em; background: url("../../img/contact_inquiryM.png") no-repeat center bottom; padding-bottom: 11%; height: 0; background-size: 53%; }

#contactus2 .contactus2 .inquiry { padding: 5% 7% 0 7%;  } 
#contactus2 .contactus2 .inquiry input[type="text"]{ border: #adadad 1px solid; background-color: #e4e4e4; color: #000; padding: 0 1%; height: 39px; line-height: 39px; margin-bottom: 3%; } 
#contactus2 .contactus2 .inquiry input[type="text"].name { width: 46%; float: left; }
#contactus2 .contactus2 .inquiry input[type="text"].post { width: 46%; float: right; }
#contactus2 .contactus2 .inquiry input[type="text"].email { width: 97.7%; clear: both; }
#contactus2 .contactus2 .inquiry textarea { width: 97.7%; border: #adadad 1px solid; background-color: #e4e4e4; color: #4c4c4c; padding: 1%; }

#contactus2 .contactus2 .inquiry p { text-align: center; padding-top: 25px;  }
/*#contactus2 .contactus2 .inquiry p input[type="submit"] { border: none; background-color: #ffc946; color: #5e3500; padding: 0 15px; height: 36px; line-height: 36px; border-radius: 5px; box-shadow: 0 2px #482a00; font-weight: bold; text-align: center; font-size: 1.2em; }*/
#contactus2 .contactus2 .inquiry p a { display: inline-block; border: none; background-color: #ffc946; color: #5e3500; padding: 0 15px; height: 36px; line-height: 36px; border-radius: 5px; box-shadow: 0 2px #482a00; font-weight: bold; text-align: center; font-size: 1.2em; }


/* Webkit */
#contactus2 ::-webkit-input-placeholder { color: #666666; }
​/* Firefox 4-18 */
#contactus2 :-moz-placeholder { color: #000; }
​/* Firefox 19+ */
#contactus2 ::-moz-placeholder { color: #000; }
​/* IE10+ */
#contactus2 :-ms-input-placeholder { color: red; }



@media all and (min-width: 768px) {
	#contactus2 { padding-bottom: 50px; padding-top: 30px; background: url("../../img/contact_inquiryBg.jpg") no-repeat center 0; background-size: cover; }
	#contactus2 .contactus2 h2 { display: none; }
	#contactus2 .contactus2 .inquiry { padding: 5% 18% 0 18%;  } 
}