@charset "UTF-8";
/*
	@ Function : PJH DESIGN CSS
*/
/* Content Size */
@media screen and (min-width:1920px) {
	#wrap {display:block !important;}
}
@media screen and (max-width:1120px) {
	#container h2{padding-left:3%;}
	.col-left-wrap, .col-right-wrap{float:none; width:100%; padding:0 3%; box-sizing:border-box;}
	#main #container .col-left{border-right:none;}
	#main #container .col-right {background:none !important;}
	#main #container .col-left, 	
	#main #container .col-right{float:none; width:100%}
	.col-left-wrap{border-right:none } 

	.use-wrap{ width:100%;padding-left:3%; padding-bottom:60px;margin-top:30px;box-sizing:border-box;}
	.section-use{font-size:0.9em; width:90%;}
	.use-titimg img {max-width:90%;}
	.article-remote span{font-size:22px !important}
	.use-list-wrap{width:34% !important}
	.use-list.inline2 li{padding-left:170px }
	.use-img2 {  padding-top:30px;}
	.use-list.inline{margin-right:10px; }
	.use-list.inline li{padding-left:0 !important}
	.use-list.inline .b{ position:relative}

}
/*Small Desktop*/
@media screen and (max-width:1024px) {

	.section-use{width:100%; padding-right:0 !important}
	.use-list.inline li{padding-left:0px !important;}
	.use-list.inline .b{ position:relative;}
	.use-img2 img{width:30%}
	article.article-grid{padding:20px 0 !important;}

	/* Add 2016.05 */
	.SAdmin-count h3 {float:left;}
}
/*Tablet*/
@media screen and (max-width:768px) {
	section h3{font-size:18px; }
	.script_input{display:block; margin-top:3px; margin-bottom:20px;}
	div.join_row input[type=text]{margin-bottom:10px; padding-left:2%;box-sizing:border-box; background:#fafafa; border:1px solid #e4e4e4; font-size:15px; }
	div.join_row  select{ margin-bottom:10px; font-size:12px;}
	div.join_row{margin-bottom:0px;}
	div.join_row span.row_tit{font-size:14px; }
	.join-form-product label{font-size:13px;}	
	div.join_row button{margin-bottom:10px;}
	select{background:none !important;}
	.col-right select#ter{width:8% !important;padding-left:2% !important}
	.col-right select#tax{width:10% !important; padding-left:1% !important}
	.join-form-add .result{padding:0 10px !important}
	.join-search{margin-top:30px; margin-bottom:50px;}
	.join-search select{width:20%; font-size:12px; }
	.join-search input[type=text]{width:58%; padding:3px 50px 3px 0; box-sizing:border-box; border:none; background-size:10% 10%; text-align:right;}
	.join-search .searchBtn {right:5px;}
	.join-list {font-size:13px !important}
	.join-list table {font-size:13px !important}
	.section-use .article-grid{float:none !important; width:97%}	
	.use-list-wrap{width:100% !important}
	.use-tit {padding-top:0;font-size:22px;  }
	.use-titimg img { margin-top:-110px; max-width:50%;}
	.use-list .b:before	{width:20px !important; height:20px !important; font-size:14px; line-height:20px !important;}	
	.article-remote span{font-size:19px !important; line-height:19px !important}
	
	#login-wrap input[type=text]{width:50% !important}
	#login-wrap input[type=password]{width:50% !important}
	#login-wrap .btn-center button{width:40% !important}
	.use-wrap{ padding-right:0 !important}
	.use-list.com {padding:25px;}
	.use-list.com.mt {margin-top:30px;padding:25px;}
	.section-use .article-remote {position:relative;}
	.section-use .fl {float:none;width:auto;}
	.section-use .fr {float:none;width:auto;}
	.use-list.inline li {padding-left:70px;margin-top:16px;}
	.use-list.inline2 li {padding-left:130px;}
	.use-img2 {margin-top:15px; position:absolute; top:100px; right:-90px; z-index:1000}
	.use-img2 img{width:90%}
	.use-subtit {margin-bottom:6px;font-size:15px;}
	.use-subtit.pd {padding-top:0;}
	.use-notice {font-size:14px;line-height:20px;}
	.use-list3 li {padding-left:120px;}
	.use-list3 li span {font-size:15px;}
	.section-use .article-tit.pd {padding-top:0;}
	.use-list4 strong {font-size:16px;}
	




	/* ADD 2016.05 */
	.SAdmin-sub-bar {margin:20px auto 40px; padding:3px 0;}
	.SAdmin-sub-bar button {width:100%;}
	
	
}

	/* Content Size */
@media screen and (min-width:1920px) {
	#wrap {display:block !important;}
}
@media screen and (max-width:1120px) {
	.sa-col-left-wrap, .sa-col-right-wrap{float:none; width:100%; padding:0 3%; box-sizing:border-box;}
	#main #container .sa-col-left{border-right:none;}
	#main #container .sa-col-right {background:none !important;}
	#main #container .sa-col-left, 	
	#main #container .sa-col-right{float:none; width:100%}
	.sa-col-left-wrap{border-right:none }



@media screen and (max-width:768px) {
	.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:auto;border:1px solid #dddddd;
}

/* Tablet */
	.sa-col-right select#ter{width:8% !important;padding-left:2% !important}
	.sa-col-right select#tax{width:10% !important; padding-left:1% !important}