/* 미디어쿼리 --------------------------------------------------------------------------------------- */
@media screen and (max-width: 1000px) {
	.winWidth {width:auto;}
	header .menuBtn {display:block;}
	
.wrap{background:url('../img/header_bg2.png') repeat-x 0 0}
header .topNav nav{text-align:center; width:100%}
header .topNav nav li{float:none;display:inline-block}
header .topNav nav li a{padding: 0 2px;font-size:12px}
header .topNav nav li:nth-last-child(-n+2) a{padding-right:4px}

	header .gnb nav {position:absolute; right:0; top:95px; width:50%; border:1px solid #ddd; z-index:15; display:none;}
	header .gnb nav li {float:none; border-top:1px solid #ddd; margin-top:-1px; background:#fff;}
	header .gnb nav li:first-child {padding-top:10px;}
	header .gnb nav li a {display:block; padding:0 10px;}
	header .gnb nav li a span {display:block; font-weight:600; font-size:15px; line-height:32px;}
	header .gnb nav li a:hover span {border-bottom:0; color:#02ade9;}
	header .gnb nav li.on a:hover span {border-bottom:2px solid #02ade9;}
	header .gnb nav li a .arrow, header .gnb nav li.on a .arrow, header .gnb nav li.on a:hover .arrow {display:inline-block; border-bottom:none;}
	header .gnb nav li .snb {position:relative; top:0; padding:0 10px 10px; display:block; margin-left:0; clear:both;}
	header .gnb nav li:last-child .snb {right:0;}
	header .gnb nav li .snb li {float:none; margin:0; border:0;}
	header .gnb nav li .snb li:first-child {padding-top:0;}
	header .gnb nav li .snb li a {display:block; font-size:12px; padding:7px 10px; line-height:1; border:0; margin:0; border-top:1px solid #ddd; font-weight:400;}

	header .gnb nav li .snb li ul {display:block; padding-left:20px;}
	header .gnb nav li .snb li ul li a {display:block; font-size:12px; padding:7px 0; line-height:1; border:0; margin:0; border-top:1px solid #ddd; font-weight:400;}

	.body .container .lnbArea {display:none;}
	.body .container .contentsArea {float:none; clear:both; margin:0 auto;}
	
	.main_left {width:100%; float:none; clear:both; margin-top:0;}
	.main_right {width:100%; float:none; clear:both; margin-bottom:20px; overflow:hidden;}
	.main_right section:nth-child(odd) {margin:2% 1% 0 0; width:49%;}
	.main_right section:nth-child(even) {margin:2% 0 0 1%; width:49%;}
	.main_right .goCunsult {margin:2% 0 0 1%; width:49%;}
	.main_left .customer {overflow:hidden;}
	.main_left .customer form {width:47%;float:left;}
	.main_left .customer .no_guide {float:right;width:45%; border-top:none;}

}
@media screen and (max-width: 900px) {
header .nav_left {position:relative; top:auto; padding-bottom:5px; text-align:center;}
}
@media screen and (max-width: 770px) {
	.body .container .contentsArea {width:95%;}
	.main_right section:nth-child(odd), .main_right section:nth-child(even), .main_right .goCunsult {float:none; width:100%; margin:2% 0 0 0; overflow:hidden;}
	.galleryList section {width:33.33%; height:232px}
}
@media screen and (max-width: 650px) {
	.main_left .customer form {width:100%;float:none;}
	.main_left .customer .no_guide {float:none;width:100%; border-top:none; border-top:1px solid #ddd;}
	.kipris input[type=text] {width:35%;}
	/*header .topNav nav li a.goPartnerpat {display:none;}*/
	header .topNav nav li a.goPartnerpat {display:block;}
}
@media screen and (max-width: 600px) {
	header h1 {position:relative; width:230px; height:60px; margin:10px auto 0;}
	header .menuBtn {display:block; position:relative; right:auto; top:0; width:80%; margin:0 auto 20px; }
	header .gnb nav {right:0; left:0; top:136px; width:80%; margin:0 auto;}
	/*header .topNav nav li:nth-child(5) a {display:none;}*/
	

	.main_right section ul {height:60px; margin-bottom:20px;}
	.main_right section.price ul {height:65px; margin-bottom:20px;}

	.body .subVisual {background:url('../img/subVisual_02.png') no-repeat center center; height:90px;}
	.body .subVisual h2 {margin:0 auto; color:#fff; font-size:25px; font-weight:600; padding-top:30px;}
	
	.body .container .contentsArea {width:95%;}
	.body .container .contentsArea .conTitle .location {top:-10px;}
	
	.imgArea {float:none; width:100%;}
	.imgArea p {text-align:center; margin-bottom:10px;}
	.imgArea .img {margin:0 auto; max-width:350px; margin-bottom:10px;}
	.txtArea {float:none; width:100%;}
	.infoBox2 {background:none; padding:20px;}
	.srhBox input[type=text] {width:40%;}

}
@media screen and (max-width:560px) {
	.body .container .contentsArea .conTitle .location a {margin:0; letter-spacing:-1px;}
	.body .container .contentsArea .conTitle .location a.home {width:0; overflow:hidden; display:inline-block; vertical-align:middle;}

	.tblBbs .mobile {display:none;}
	.tabMenu li a br {display:block;}
	.tabMenu li a {letter-spacing:-1px;}
	
	.passBox {width:95%; margin:30px auto;}
	.passBox p {padding:10px;}
	.passBox dl {padding:10px; margin-left:10px;}
	.passBox dl dt {width:60px;}
	.passBox .btn {right:20px; bottom:15px;}



}

@media screen and (max-width:540px) {
.winWidth{padding-top:37px}
header .tel_num{font-size:14px;top:10px}
}
@media screen and (max-width:480px) {
	.tabMenu li a {font-size:12px;}
	.btn {padding:10px; min-width:60px; width:auto;}
	.srhBox {text-align:left;}
	.srhBox .srhName {display:block; padding-bottom:5px;}
	.srhBox .srhName br {display:none;}
	.kipris input[type=text] {width:55%;}
	.galleryList section {width:50%;}
	.srhBox input[type=text] {width:30%;}
	.bbsStep ul li a {font-size:11px;}
	.bbsStep ul li span.arrow {padding:17px 17px 0 0; top:8px;background-position:5px 3px; right:-7px;}

}

/*sub_page-----------------------------------------------------------------------------------------*/

@media screen and (max-width:600px) {
	.trade_left, .trade_right{display: none}
}
@media screen and (max-width:480px) {
	.table_list li span{width: 66px; font-size: 12px;padding-left: 8px}
	.table_list li p{padding: 4px 0 4px 8px;font-size: 12px}

	.table_left{font-size: 12px}
	.table_rigth li{font-size: 12px}
	.table_section tr td{padding: 2px 4px;font-size: 12px}

	.table_section2 td{padding: 2px 4px;font-size: 12px}
	.warning_text{font-size: 11px}

	.consult_title{font-size: 12px}
	.text_box{font-size: 12px; width: 106px}

	.trade_title_box p{font-size: 16px}
	.right_box p{font-size: 12px; margin-left: 10px}
	.trade_box p{padding: 0 10px; font-size: 12px}
	.trade_left_box{padding-right: 10px}
	.font_down{font-size: 14px}
}