@charset "utf-8";

/* ******************* bootstrap modify ******************* */
ul,ol,li,dl,dt,dd {list-style:none; padding:0; margin:0;}
div[class *="col-"] {padding-left:0; padding-right:0;}


/* ******************** °ø¿ë ******************** */
/* table style */
.tableMode {display:table; clear:both; float:none; width:100%; max-width:100%; padding:0; margin:0; border-bottom:0;}
.tableMode>* {display:table-cell; float:none; padding:10px;}
.tableMode>*:first-child {border-left:0;}
.tableMode .middle {vertical-align:middle;}

/* °ÝÀÚÇü ±¸Á¶ - Å×ÀÌºí ½ºÅ¸ÀÏ */
.typeCube {clear:both;}
.typeCube .tableWrap {display:table; width:100%; margin:0; padding:0;}
.typeCube .tableWrap > * {display:table-cell; float:none; margin:0; padding:0;}

/* color */
.oran {color:#fbaf2b !important;}
.navy {color:#295270 !important;}


.Gmarket {font-family:'Gmarket';}
.Gmarket.L {font-weight:300;}
.Gmarket.B {font-weight:700;}

.registered {font-size:12px; font-weight:500; display:inline-block; transform:translateY(-7px);}

.contents_box {position:relative; margin-top:62.59px;}
.contents_box .way {margin-top:130px;}
/* ************************ µ¥½ºÅ©Å¾ (992~) ************************ */
@media screen and (min-width: 992px), print {
	

/* ******************** Àåºñ ******************** */
/* Á¦Ç°¼Ò°³ */
.productWrap {overflow:hidden; background:#f3f3f3;}
.productWrap>div {max-width:1200px; margin:0 auto;}
.productWrap>div>div:first-child img {max-width:100%;} 
.productWrap>div>div:last-child {padding:70px 0;}
.productWrap>div>div:last-child h3 {font-size:36px; font-weight:bold; color:#000;}
.productWrap>div>div:last-child h3 .registered {transform:translateY(-12px);}
/* .productWrap>div>div:last-child h3 span {display:inline-block; width:100%; padding-top:5px; font-size:30px; line-height:1.2;} */
.productWrap>div>div:last-child>div {margin-top:8px;}
.productWrap>div>div:last-child>div span {display:inline-block; margin-right:6px; padding:6px 8px; font-size:12px; color:#000; border:1px solid #666; line-height:1;}
.productWrap>div>div:last-child p {padding-right:50px; font-size:16px; word-break:keep-all; line-height:1.8; letter-spacing:0; margin:30px 0 40px;}
.productWrap>div>div:last-child a {display:inline-block; padding:15px 45px; background:#003c5e; color:#fff; border-radius:3px; line-height:1;}
.productWrap>div>div:last-child a:hover {background:#ff8a00;}


/* ÅÇ */
.contents .tab {margin-top:30px; border-bottom:2px solid #000; height:63px;}
.contents .tab ul {overflow:hidden; margin-bottom:-2px;}
.contents .tab ul li {float:left; background:url(../images/equip/white2x2.jpg)no-repeat bottom right; padding-right:2px;}
.contents .tab ul li a {display:inline-block; width:160px; height:63px; text-align:center; padding-top:23px; font-family:"NanumGothic-Bold"; color:#000; border-bottom:2px solid #000;}
.contents .tab ul li.on a, .contents .tab ul li a:hover {color:#ff8a00 !important; border-bottom:2px solid #ff8a00 !important;}
.contents .tab ul li a, .contents .tab ul li.on a {background:url(../images/equip/white2x2.jpg)no-repeat bottom right;}

/* Á¦Ç°Æ¯¼º(.html) */
.contents .tab+div {padding:60px 50px 100px;}
.contents .quality .txt p {padding-left:13px; background:url(../images/equip/dot.png)no-repeat 1px 12px; line-height:1.8;}
.contents .quality .img  {border:1px solid #e5e5e5; overflow:hidden; margin-top:30px;}
.contents .quality .img .in {float:left; width:50%; text-align:center;}
.contents .quality .img .in img {max-width:100%;}
.contents .quality .img .in div {height:245px; padding:40px 50px 0;}
.contents .quality .img .in p {font-family:"NanumGothic-Bold"; font-size:14px; color:#000; margin:20px 0 50px; line-height:1;}
.contents .quality .addText {padding-top:16px;}
.contents .quality .addText .right {text-align:right; padding-bottom:46px;}
.contents .quality .addText .left {border-top:1px solid #e5e5e5; padding-top:20px;}

/* Á¦Ç°»þ¾ç(2.html) */
.contents .specify .mo_visible {display:none;}
.contents .specify table {width:100%; border-bottom:1px solid #eee; margin-top:30px;}
.contents .specify table:first-child {margin-top:0;}
.contents .specify table.last {border-bottom:0;}
.contents .specify table.last tr:last-child td {padding-bottom:0;}
.contents .specify table+table {margin-top:30px;}
.contents .specify table tr th {vertical-align:top; color:#000; padding-left:60px; font-family:"NanumGothic-Bold";}
.contents .specify table tr td {font-size:14px; line-height:1.8; vertical-align:top;}
.contents .specify table tr:last-child td {padding-bottom:30px;}
.contents .specify table:last-child tr:last-child td {padding-bottom:0;}

/* ´Ù¿î·Îµå(3.html) */
.contents .download h4 {padding-left:17px; background:url(../images/equip/dot.png)no-repeat 1px center; font-family:"NanumGothic-Bold"; color:#000; margin-bottom:15px;}
.contents .download .down {position:relative; padding-left:17px;}
.contents .download .down+h4 {margin-top:40px;}
.contents .download .down a {color:#666; display:inline-block; border-bottom:1px solid #0a0a0a;}
.contents .download .down a:hover{color:#000; border-bottom:1px solid #000;}
.contents .download .down span {position:absolute; top:0; right:30px;}

/* duxcycler */
.productWrap.dux>div>div:first-child {padding-top:60px;}

/* ******************** Contact ******************** */
.contents.start {padding:0 0 100px;}

/* Ã£¾Æ¿À½Ã´Â±æ */
.way .mapImg {overflow:hidden; width:100%; height:500px;}
.way .mapImg #googleMap {height:100%;}
.way .txtWrap {margin-top:50px;}
.way .txtWrap p {font-size:16px; color:#333; text-align:center; line-height:2.2;}
.way .txtWrap p br {display:none;}
.way .txtWrap p span {color:#000; font-weight:bold; padding-right:10px;}
.way .txtWrap p:last-child span:last-child {padding-left:20px;}
/*210617 ¼öÁ¤*/
.way .txtWrap p span.txt {padding-left:20px;}
.way .txtWrap p span:first-child {padding-left:0;}


}

.contents_box .ing {max-width:1200px; margin:0 auto; text-align:center; padding:100px 50px;}
.contents_box .ing img {max-width:100%;}

/* ************************ ³ëÆ®ºÏ (992~1280) ************************ */
@media screen and (min-width:992px) and (max-width:1280px) {
	body {/* border:5px solid yellow; */ /* padding:0 80px; */}
	
	
	/* Á¦Ç°Æ¯¼º(.html) */
	.contents .quality .img .in div {height:auto; padding:40px 0 0 0;}
	.contents .quality .img .in:first-child>div {padding-left:30px; padding-right:15px;}
	.contents .quality .img .in:last-child>div {padding-right:30px; padding-left:15px;}
	.contents .quality .img .in p {margin-bottom:30px; padding:0 30px;}
	
	/* Ã£¾Æ¿À½Ã´Â±æ */
	.way .txtWrap p {line-height:1.8; letter-spacing:0;}
	/* .way .txtWrap p+p {margin-top:10px;} */
	/* .way .txtWrap p span {display:inline-block; width:100%; padding-right:0;} */
	/* .way .txtWrap p:last-child span:last-child {padding-left:0; margin-top:10px;} */
	/*210617 ¼öÁ¤*/
	.way .txtWrap p span.txt {padding-left:20px;}
	.way .txtWrap p span:first-child {padding-left:0;}
	
	
}

/* ************************ ÅÂºí¸´ ÀÌÇÏ(~991) ************************ */
@media screen and (max-width: 991px) {
	
	.contents_box {position:relative; margin-top:0;}
	/* ******************** Àåºñ ******************** */
	/* Á¦Ç°¼Ò°³ */
	.productWrap {overflow:hidden; background:#f3f3f3;}
	.productWrap>div>div {width:100%;}
	.productWrap>div>div:first-child {padding:30px 0 0; text-align:center;}
	.productWrap>div>div:first-child img {max-width:100%;} 
	.productWrap>div>div:last-child {padding:20px 30px 30px;}
	.productWrap>div>div:last-child h3 {font-size:30px; font-weight:bold; color:#000;}
	/* .productWrap>div>div:last-child h3 span {display:inline-block; width:100%; padding-top:5px; font-size:24px; line-height:1.2;} */
	.productWrap>div>div:last-child>div {margin-top:8px;}
	.productWrap>div>div:last-child>div span {display:inline-block; margin-right:6px; padding:6px 8px; font-size:12px; color:#000; border:1px solid #666; line-height:1;}
	.productWrap>div>div:last-child p {padding-right:0; font-size:16px; word-break:keep-all; line-height:1.8; letter-spacing:0; margin:20px 0;}
	.productWrap>div>div:last-child a {display:inline-block; padding:15px 45px; background:#003c5e; color:#fff; border-radius:3px; line-height:1;}
	.productWrap>div>div:last-child a:hover {background:#ff8a00;}
	
	/* ÅÇ */
	.contents .tab {margin-top:10px; border-bottom:2px solid #000; height:63px;}
	.contents .tab ul {overflow:hidden; margin-bottom:-2px;}
	.contents .tab ul li {float:left; background:url(../images/equip/white2x2.jpg)no-repeat bottom right; padding-right:2px;}
	.contents .tab ul li a {display:inline-block; /* padding:23px 50px 13px; */width:160px; height:63px; text-align:center; padding-top:23px; font-family:"NanumGothic-Bold"; color:#000; border-bottom:2px solid #000;}
	.contents .tab ul li.on a {color:#ff8a00 !important; border-bottom:2px solid #ff8a00 !important;}
	.contents .tab ul li a, .contents .tab ul li.on a {background:url(../images/equip/white2x2.jpg)no-repeat bottom right;}
	
	/* Á¦Ç°Æ¯¼º(.html) */
	.contents .tab+div {padding:40px 30px 50px;}
	.contents .quality .txt p {padding-left:13px; background:url(../images/equip/dot.png)no-repeat 1px 12px; line-height:1.8;}
	.contents .quality .img  {border:1px solid #e5e5e5; overflow:hidden; margin-top:30px;}
	.contents .quality .img .in {float:left; width:50%; text-align:center;}
	.contents .quality .img .in div {height:auto; padding:40px 0 0 0;}
	.contents .quality .img .in:first-child>div {padding-left:30px; padding-right:15px;}
	.contents .quality .img .in:last-child>div {padding-right:30px; padding-left:15px;}
	.contents .quality .img .in img {max-width:100%;}
	.contents .quality .img .in p {font-family:"NanumGothic-Bold"; font-size:14px; color:#000; margin:20px 30px 30px; line-height:1;}
	.contents .quality .addText {padding-top:16px;}
	.contents .quality .addText .right {text-align:right; padding-bottom:20px;}
	.contents .quality .addText .left {border-top:1px solid #e5e5e5; padding-top:10px;}

	/* Á¦Ç°»þ¾ç(2.html) */
	.contents .specify .mo_visible {display:none;}
	.contents .specify table {width:100%; border-bottom:1px solid #eee; margin-top:30px;}
	.contents .specify table:first-child {margin-top:0;}
	.contents .specify table.last {border-bottom:0;}
	.contents .specify table.last tr:last-child td {padding-bottom:0;}
	.contents .specify table+table {margin-top:30px;}
	.contents .specify table tr th {vertical-align:top; color:#000; padding-left:60px; font-family:"NanumGothic-Bold";}
	.contents .specify table tr td {font-size:14px; line-height:1.8; vertical-align:top;}
	.contents .specify table tr:last-child td {padding-bottom:30px;}
	.contents .specify table:last-child tr:last-child td {padding-bottom:0;}

	/* ´Ù¿î·Îµå(3.html) */
	.contents .download h4 {padding-left:17px; background:url(../images/equip/dot.png)no-repeat 1px center; font-family:"NanumGothic-Bold"; color:#000; margin-bottom:15px;}
	.contents .download .down {position:relative; padding-left:17px;}
	.contents .download .down+h4 {margin-top:40px;}
	.contents .download .down a {color:#666; display:inline-block; border-bottom:1px solid #0a0a0a;}
	.contents .download .down span {position:absolute; top:0; right:30px;}

	/* duxcycler */
	.productWrap.dux>div>div:first-child {padding-top:50px;}
	
	/* ******************** Contact ******************** */
	.contents.start {padding:0 0 100px;}

	/* Ã£¾Æ¿À½Ã´Â±æ */
	.contents_box .way {margin-top:0;} 
	.way .mapImg {overflow:hidden; width:100%; height:500px;}
	.way .mapImg #googleMap {height:100%;}
	.way .txtWrap {margin-top:50px;}
	.way .txtWrap p {font-size:16px; color:#333; text-align:center; line-height:1.6; letter-spacing:0;}
	.way .txtWrap p+p {margin-top:10px;}
	.way .txtWrap p br {display:block;}
	.way .txtWrap p span {color:#000; font-weight:bold; display:inline-block; width:100%; padding-right:0;}
	.way .txtWrap p:last-child span:last-child {padding-left:0; margin-top:10px;}
	

}

/* ************************ ¸ð¹ÙÀÏ (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	/* body {border:3px solid blue;} */
	
	/* Á¦Ç°¼Ò°³ */
	.productWrap>div>div:last-child h3 {font-size:24px !important;}
	.productWrap>div>div:last-child p {font-size:14px !important; line-height:1.6; margin:10px 0;}
	.productWrap>div>div:last-child a {font-size:14px !important; display:inline-block; padding:15px 30px; background:#003c5e; color:#fff; border-radius:3px; line-height:1;}
	
	/* ÅÇ */
	.contents .tab {margin-top:30px; border-bottom:none; height:auto; overflow:hidden; padding:0 30px;}
	.contents .tab ul {overflow:hidden; margin-bottom:0;}
	.contents .tab ul li {float:left; width:100%; display:inline-block; background:none; padding-right:0;}
	/* .contents .tab ul li+li {margin-top:-1px;} */
	.contents .tab ul li a {display:inline-block; padding:13px 0; width:100%; height:auto; text-align:center; font-family:"NanumGothic-Bold"; color:#000; border:1px solid #e5e5e5; border-bottom:none !important; background:#eee;}
	.contents .tab ul li:first-child a {border-radius:3px 3px 0 0;}
	.contents .tab ul li:last-child a {border-radius:0 0 3px 3px; border-bottom:1px solid #e5e5e5 !important;}
	.contents .tab ul li.on a {color:#fff !important; border:1px solid #ff8a00; border-bottom:none !important; background:#ff8a00;}
	
	/* Á¦Ç°Æ¯¼º(.html) */
	.contents .tab+div {padding:30px;}
	.contents .quality .txt p {padding-left:13px; background:url(../images/equip/dot.png)no-repeat 1px 12px; line-height:1.8;}
	.contents .quality .img  {border:1px solid #e5e5e5; overflow:hidden; margin-top:30px;}
	.contents .quality .img .in {float:left; width:100%; text-align:center;}
	.contents .quality .img .in div {height:auto; padding:20px 0 0 0;}
	.contents .quality .img .in:first-child>div {padding-left:20px; padding-right:20px;}
	.contents .quality .img .in:last-child>div {padding-right:20px; padding-left:20px; padding-top:0;}
	.contents .quality .img .in p {font-family:"NanumGothic-Bold"; font-size:14px; color:#000; margin:10px 20px 20px; line-height:1.4; word-break:keep-all;}
	.contents .quality .addText {padding-top:10px; font-size:15px;}
	
	/* Á¦Ç°»þ¾ç(2.html) */
	.contents .specify table {display:none;}
	.contents .specify .mo_visible {display:block;}
	.contents .specify .mo_visible h3 {font-size:16px; font-family:"NanumGothic-Bold"; color:#000; margin-bottom:20px;}
	.contents .specify .mo_visible dl {overflow:hidden; margin-bottom:30px; padding-bottom:20px; border-bottom:1px solid #eee;}
	.contents .specify .mo_visible.last dl {border-bottom:none; padding-bottom:0; margin-bottom:0;}
	.contents .specify .mo_visible dl dt,
	.contents .specify .mo_visible dl dd {float:left; font-size:14px; line-height:1.8;}
	.contents .specify .mo_visible dl dt {width:50%; font-weight:normal;}
	.contents .specify .mo_visible dl dd {width:50%;}

	/* ´Ù¿î·Îµå(3.html) */
	.contents .download h4 {font-size:16px; font-family:"NanumGothic-Bold"; color:#000; margin-bottom:10px;}
	.contents .download .down+h4 {margin-top:30px;}
	.contents .download .down a {font-size:16px; color:#666; display:inline-block; border-bottom:none; text-decoration:underline !important;}
	.contents .download .down span {position:static; display:inline-block; width:100%;}

	/* ******************** Contact ******************** */
	.contents.start {padding:0 0 30px;}

	/* Ã£¾Æ¿À½Ã´Â±æ */
	.way .mapImg {height:350px;}
	.way .txtWrap {margin-top:20px; padding:0 30px;}
	.way .txtWrap p {font-size:14px; line-height:1.6;}
	
	/*210617 ¼öÁ¤*/
	.way .txtWrap p span.txt {padding-left:0;}
	
	

	
}