@charset "utf-8";


/* ************************ PC ************************ */
@media screen and (min-width: 992px), print {
	.product>.info {overflow:hidden; padding:20px; line-height:1.2; border:1px solid #e5e5e5; border-left:0; border-right:0;}
	.product>.info p {float:left; color:#000; font-weight:bold;}
	.product>.info .side {float:right;}
	.product>.info .side span {display:inline-block; padding:0 15px;}	
	
	.product .proList {overflow:hidden;}
	.product .proList li {float:left; width:25%; padding:20px; text-align:center;}
	.product .proList li a {display:block; width:100%; padding:30px 30px 20px 30px; border:1px solid #e5e5e5;}
	.product .proList li a:hover {border-color:#000;}
	.product .proList li a div {height:160px; background-size:contain !important;}
	.product .proList li p {padding-top:20px; line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	
	.product .proView {}
	.product .proView .org {padding:50px 30px; text-align:center; border:1px solid #e5e5e5;}
	.product .proView .org p {padding-top:30px; font-size:30px; color:#000; letter-spacing:-2px;}
	.product .proView .detail {padding:50px 30px 0 30px;}
	.product .proView .btnWrap {margin-top:50px; text-align:center;}
	.product .proView .btn {display:inline-block; padding:15px 30px; border-radius:4px; color:#fff; background:#02a58c;}
	.product .proView .proPrice {font-size:26px !important; color:#2bace3 !important; padding-top:0;}
	.product .proView .proLabel {margin-top:20px;}
	.product .proView .proLabel span {margin:0 5px; padding:5px 20px; border-radius:3px; color:#fff;}
	.product .proView .proLabel span.card {background:#209e86;}
	.product .proView .proLabel span.call {background:#d8592c;}
	
	
	/* ÇÁ·Î´öÆ® - µå·Ð Ãß°¡ */
	.head_drone h3 {margin-bottom:30px !important;}
	.head_coment {padding:0 60px; margin-bottom:40px;}
	.head_coment h4 {font-weight:bold; font-size:24px; color:#000; line-height:1.4; letter-spacing:1px; margin-bottom:20px;}
	.head_coment h4 span {font-weight:bold; color:#209e86;}
	.head_coment p {font-size:16px;}
	.small_font {font-size:12px;}

	.proList ul {overflow:hidden;}
	.product .proList.proDrone li p {overflow:inherit !important; text-overflow:inherit !important; white-space:inherit !important;}
	.proDrone h3 {padding:20px 20px 0 40px; font-size:16px; background:url(../images/product/icon_proplus.png) no-repeat 20px 23px;}
	.proPrice {padding-top:5px !important;}
	.line_through {display:inline-block; color:#bbb; text-decoration:line-through;}
	
	
}



/* ************************ ÅÂºí¸´ ÀÌÇÏ(~991) ************************ */
@media screen and (max-width: 991px) {
	.product>.info {overflow:hidden; padding:20px; line-height:1.2; border:1px solid #e5e5e5; border-left:0; border-right:0;}
	.product>.info p {float:left; color:#000; font-weight:bold;}
	.product>.info .side {float:right;}
	.product>.info .side span {display:inline-block; padding:0 15px;}	
	
	.product .proList {overflow:hidden;}
	.product .proList li {float:left; width:33.33%; padding:20px; text-align:center;}
	.product .proList li a {display:block; width:100%; padding:30px 30px 20px 30px; border:1px solid #e5e5e5;}
	.product .proList li a:hover {border-color:#000;}
	.product .proList li a div {height:160px; background-size:contain !important;}
	.product .proList li p {padding-top:20px; line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	
	.product .proView {}
	.product .proView .org {padding:50px 30px; text-align:center; border:1px solid #e5e5e5;}
	.product .proView .org p {padding-top:30px; font-size:30px; color:#000; letter-spacing:-2px;}
	.product .proView .detail {padding:50px 30px 0 30px;}
	.product .proView .btnWrap {margin-top:50px; text-align:center;}
	.product .proView .btn {display:inline-block; padding:15px 30px; border-radius:4px; color:#fff; background:#02a58c;}
	.product .proView .proPrice {font-size:26px !important; color:#2bace3 !important; padding-top:0;}
	.product .proView .proLabel {margin-top:20px;}
	
	.product .proView .proLabel span {margin:0 5px; padding:5px 10px; border-radius:3px; color:#fff;}
	.product .proView .proLabel span.card {background:#209e86;}
	.product .proView .proLabel span.call {background:#d8592c;}
	
	.head_coment {padding:20px;}
	.head_coment h4 {font-weight:bold; font-size:20px; color:#000; line-height:1.4; letter-spacing:1px; margin-bottom:20px;}
	.head_coment h4 span {font-weight:bold; color:#209e86;}
	.head_coment p {font-size:15px;}
	
	.proList ul {overflow:hidden;}
	.product .proList.proDrone li p {overflow:inherit !important; text-overflow:inherit !important; white-space:inherit !important;}
	.proDrone h3 {padding:20px 20px 0 40px; font-size:16px; background:url(../images/product/icon_proplus.png) no-repeat 20px 23px;}
	.proDrone a {cursor:default;}
	.proPrice {padding-top:5px !important;}
	.line_through {display:inline-block; color:#bbb; text-decoration:line-through;}
}



/* ************************ ¸ð¹ÙÀÏ (0~767) ************************ */
@media screen and (max-width: 767px) {
	.product>.info {overflow:hidden; padding:20px; line-height:1.2; border:1px solid #e5e5e5; border-left:0; border-right:0;}
	.product>.info p {float:left; margin-bottom:10px; color:#000; font-weight:bold;}
	.product>.info .side {clear:both; float:initial;}
	.product>.info .side:before {}
	.product>.info .side span {display:block; padding:2px 0;}	
	
	.product .proList {overflow:hidden; padding:0 10px;}
	.product .proList li {float:left; width:50%; padding:10px; text-align:center;}
	.product .proList li a {display:block; width:100%; padding:15px; border:1px solid #e5e5e5;}
	.product .proList li a:hover {border-color:#000;}
	.product .proList li a div {height:120px; background-size:contain !important;}
	.product .proList li p {padding-top:20px; line-height:1.2; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	
	.product .proView {}
	.product .proView .org {padding:50px 30px; text-align:center; border:1px solid #e5e5e5;}
	.product .proView .org p {padding-top:30px; font-size:20px; color:#000; letter-spacing:-2px;}
	.product .proView .detail {padding:30px 30px 0 30px;}
	.product .proView .btnWrap {margin-top:30px; text-align:center;}
	.product .proView .btn {display:inline-block; padding:10px 20px; border-radius:4px; color:#fff; background:#02a58c;}	
	.product .proView .proPrice {font-size:18px !important;}
	.product .proView .proLabel span {margin:5px 0; padding:5px 13px; display:block;}
	
	.head_coment h4 {font-size:16px;}
	.proDrone h3 {padding:20px 20px 0 30px; background:url(../images/product/icon_proplus.png) no-repeat 10px 23px;}
}