@charset "euc-kr";
@import url(base.css);
@import url(gnb.css);
@import url(layout.css);

p{width:100%; text-align:left; position:relative; margin-left:30px; height:25px; size:13px; font-size:15px;}
p>b{color:#34adde;}
#top{width:100%; height:297px;padding-top:60px;}


#ex_product{width:100%; height:441px;}
#ex_product .uniform{position:relative; width:865px; height:142px; margin:0 auto;}
#ex_product .uniform .uniform_list1{position:relative; text-align:left; width:100%; height:97px; top:23px;}
#ex_product .uniform .uniform_list1 li{float:left; margin-left:23px;}
#ex_product .uniform .uniform_list1 .left{left:0; position:absolute;}
#ex_product .uniform .uniform_list1 .right{right:0; position:absolute;}
#ex_product .menu{position:relative; width:950px; height:92px; margin:0 auto;}


/**  ¹Ì´Ï À¯´ÏÆû   **/
#ex_product .green_button{width:881px; height:42px; margin:0 auto; margin-top:20px; position:relative;}
#ex_product .green_button li{float:left; margin:0 26px;}
/*#ex_product .green_button .button5{position:absolute; right:0;}*/

.check p > a{position:absolute; padding-top:6px;}

#ex_product .check{position:relative; width:950px; height:207px; margin:0 auto; bottom:-45px;}
#ex_product .check .brand .deptno{position:relative; margin-top:10px;}

.brand{width:100px; height:70px; position:relative; top:-93px; left:20px;}
.brand p{font-size:14px; color:#848383; padding-left:10px; position:relative; margin-bottom:-10px; margin-top:-20px;}

#ex_product .check p{font-size:14px; color:#848383; padding-left:0px; position:relative; margin-bottom:-10px; margin-top:-20px;}
#ex_product .check .search{position:absolute; right:40px; top:65px;}

#ex_product .check .contact .deptno{position:relative; margin-top:10px;}
.contact{width:100px; height:70px; position:relative; top:-164px; left:300px; float:left;}
.contact p{font-size:14px; color:#848383; padding-left:0px; position:relative; margin-bottom:-10px; margin-top:-20px;}

#ex_product .check .contact1 .deptno{position:relative; margin-top:10px;}
.contact1{width:100px; height:70px; position:relative; top:-164px; left:350px; float:left;}
.contact1 p{font-size:14px; color:#848383; padding-left:0px; position:relative; margin-bottom:-10px; margin-top:-20px;}

#ex_product .check .contact2 .deptno{position:relative; margin-top:10px;}
.contact2{width:100px; height:70px; position:relative; top:-164px; left:410px; float:left;}
.contact2 p{font-size:14px; color:#848383; padding-left:0px; position:relative; margin-bottom:-10px; margin-top:-20px;}

/**  »óÇ°¸®½ºÆ®   **/
#box{width:100%; height:100%; border-top:1px solid #e2e2e2;}
#box .uniform_list{float:left; position:relative; width:190px; height:230px; padding:25px 27px; left:3px;}
#box .uniform_list .pic{padding-bottom:15px;}
#box .uniform_list p{left:-30px; position:relative; font-size:14px;}
#box .uniform_list .name{font-size:16px; line-height:1.4em; position:relative; margin-top:15px; left:-30px;}
#box .uniform_list .price{font-size:15px; font-weight:700; position:relative; text-align:right; left:-35px;}

#bottom{width:100%; height:132px;}


.sublist { clear:both;float:left;width:100%;margin:30px 0; }
.listbox { clear:both;width:988px; }
.listbox ul { float:left;width:984px;padding:15px 2px;border-bottom:1px solid #e2e2e2; }
.listbox ul li { float:left;width:148px;height:280px;padding:10px 8px; }
.listbox ul li a { display:block;width:148px; }
.listbox ul li a#pic { width:132px; height:132px;margin-left:14px; }
.listbox ul li a.tit { width:148px;line-height:1.5em;margin-top:15px; }
.listbox ul li span.p,.listbox ul li span.s { display:block; }
.listbox .icon { float:left;width:63px;height:19px;margin:5px 0px;padding:1px 0px 0px 0px;}
.listbox .allps { float:left;width:82px; height:19px;margin:6px 0px;font-size:11px;color:#6a6a6a;background:url(/ssaul/images/index/vip_listpsu.gif)}
.listbox .vipallps { float:left;width:82px; height:19px;margin:6px 0px;font-size:11px;font-weight:none;color:#6a6a6a;background:url(/ssaul/images/index/vip_listpsu.gif)}
.listbox ul li span.p {
	font-size:12px;
	color:#505050;
	font-weight:600;
}
.listbox ul li span.s {
	font-size:12px;
	color:#014891;
	font-weight:700;
}
.listbox ul li span.basePrice {
	font-size:13px;
	color:#fc4201;
	font-weight:700;
}
#box .sublist { clear:both;float:left;width:100%;margin:10px 0; }
#box .listbox { clear:both;width:988px; }
#box .listbox ul { float:left;width:984px;padding:15px 2px;border-bottom:1px solid #e2e2e2; }
#box .listbox ul li { float:left;width:148px;height:280px;padding:10px 8px; }
#box .listbox ul li a { display:block;width:148px; }
#box .listbox ul li a#pic { width:132px; height:132px;margin-left:14px; }
#box .listbox ul li a.tit { width:148px;line-height:1.5em;margin-top:15px; }
#box .listbox ul li span.p,.listbox ul li span.s { display:block; }
#box .listbox .icon { float:left;width:63px;height:19px;margin:5px 0px;padding:1px 0px 0px 0px;}
#box .listbox .allps { float:left;width:82px; height:19px;margin:6px 0px;font-size:11px;color:#6a6a6a;background:url(/ssaul/images/index/vip_listpsu.gif)}
#box .listbox .vipallps { float:left;width:82px; height:19px;margin:6px 0px;font-size:11px;font-weight:none;color:#6a6a6a;background:url(/ssaul/images/index/vip_listpsu.gif)}
#box .listbox ul li span.p { font-size:12px; color:#505050; font-weight:600; }
#box .listbox ul li span.s { font-size:12px; color:#014891; font-weight:700; }
#box .listbox ul li span.basePrice { font-size:13px; color:#fc4201; font-weight:700; }
/*
#box{width:100%; height:100%; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; margin-top:20px;}
a#pic .sale{ padding:4px 0 0 6px; width:45px; height:34px; font-family:Georgia,Verdana,arial,sans-serif;font-size:18px; font-weight:bold; line-height:20px; text-decoration:none; color:#FF3B21; float:right; background:url(/ssaul/images/common/p_common_saleBG.png) 0 0 no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ssaul/images/common/p_common_saleBG.png',sizingMethod='crop') }
*/

/* ´ëÇ¥¿Í ¼ÒÅëÇϱ⠸®½ºÆ®º¸±â */
.fileCommunicationQnAbox {float:right; width:786px; height:auto; margin:0 auto; padding:0; text-align:center; font-family: 'Nanum Gothic', sans-serif;}
.fileCommunicationQnAinner {width:100%; height:auto; margin:0 auto; padding:0; text-align:center;}
.tbl-fileComQnA {width:100%;border-collapse:collapse; border:none; border-bottom:1px solid #ddd;}
.tbl-fileComQnA tr:nth-child(odd) {background-color: #f8f8f8;} /* ¸®½ºÆ® Ȧ¼ö ¹è°æ */
.tbl-fileComQnA th {padding:0; border:none; background-image: url("http://soccerz.ssaul.co.kr/ssaul/images/customer/p_cutomer_fileQnAtopBar.gif"); height: 40px; font-size:9pt; font-weight:bold; color:#000;}
.tbl-fileComQnA td {padding:10px 10px; border:none; border-bottom:1px solid #ddd; font-size:9pt; font-weight:300; color:#666; line-height:150%; text-align:center;}
.rtoptitleimg {float:left; width:96px; height:auto; padding:0; margin:10px auto 5px auto; text-align:left;}  /* »ó´Ü¿ÞÂÊ Å¸ÀÌƲ À̹ÌÁö */
.tbl-fileComQnA td.textLeftalign {text-align:left;}
.fileComQnAbottominn {width:100%; height:auto; margin:10px auto 30px auto; padding:0; text-align:right;} /* ±Û¾²±â¹öÆ°¹Ú½º */
 /* ÆäÀÌÁö¹øÈ£ */
.filebottomPageNumBox {width:786px; height:auto; margin:0 auto 30px auto; padding:0; text-align:center;}
.filebottomPageNumin {width:100%; height:auto; margin:0 auto; padding:0; text-align:center;}

/* ´ëÇ¥¿Í ¼ÒÅëÇϱ⠱۾²±â - ºñȸ¿ø, ȸ¿ø°øÅë */
.fileCommunicationQnAwritebox {float:right; width:786px; height:auto; margin:0 auto; padding:0; text-align:center; font-family: 'Nanum Gothic', sans-serif;}
.fileCommunicationQnAwrtieinner {width:100%; height:auto; margin:-20px auto 0 auto; padding:0; text-align:center;}
.tbl-fileComQnAWrite {width:100%; border-collapse:collapse; border-spacing:0; box-sizing:border-box; border:none; border-top:3px solid #616161;}
.tbl-fileComQnAWrite th {padding:10px 20px; border:none; border-bottom:1px solid #ddd; background-color:#fff; font-size:9pt; font-weight:bold; color:#000; text-align:left;}
.tbl-fileComQnAWrite td {padding:10px 20px; border:none; border-bottom:1px solid #ddd; font-size:9pt; font-weight:300; color:#666; text-align:left;}
.rtoptitleimgW {float:left; width:122px; height:auto; padding:0; margin:30px auto 5px auto; text-align:left;}  /* »ó´Ü¿ÞÂÊ Å¸ÀÌƲ À̹ÌÁö */
/* ÀԷ¹ڽº */
.cCoQnAwrite-inputbox-01 {width: 50%; outline:none; padding:0 10px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; height:28px; color:#666; font-size:9pt;}
.cCoQnAwrite-inputbox-02 {width: 50%; outline:none; padding:0 10px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; height:28px; color:#666; font-size:9pt;}
.cCoQnAwrite-inputbox-03 {width: 100%; outline:none; padding:0 10px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; height:28px; color:#666; font-size:9pt;}
.cCoQnAwrite-inputbox-04 {width: 20%; outline:none; padding:0 10px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; height:28px; color:#666; font-size:9pt;}
.cCoQnAwrite-inputbox-05 {width: 25%; outline:none; padding:0 10px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; height:28px; color:#666; font-size:9pt;}
/* select box */
.cCoQnAwrite-selectbox-01 {width: 50%; outline:none; padding:0 10px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; height:28px; color:#666; font-size:9pt;}
.cCoQnAwrite-selectbox-02 {width: 20%; outline:none; padding:0 10px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; height:28px; color:#666; font-size:9pt;}
.cCoQnAwrite-selectbox-03 {width: 20%; outline:none; padding:0 10px; border: 1px solid #ccc; border-radius: 2px; box-sizing: border-box; resize: vertical; height:28px; color:#666; font-size:9pt;}
/* textarea */
.cCoQnAwrite-textarea-01 {width: 100%; outline:none; padding:10px; border: 1px solid #ccc; border-radius: 3px; box-sizing: border-box; resize: vertical; height:28px; color:#666; font-size:9pt; height:200px;}
.fileComQnAWritebottominn {width:100%; height:auto; margin:10px auto 30px auto; padding:0; text-align:right;} /* È®ÀÎ, ¸ñ·Ïº¸±â ¹Ú½º */

/* üũ¹öÆ° */
.cCoQnAwrite-nMemCheckbox {width:100%; height:auto; margin:0 auto; padding:0; text-align:left; font-family: 'Nanum Gothic', sans-serif; color:#666;}
.cCoQnAwrite-nMemCheckbox {position: relative; margin-top:10px;}
.cCoQnAwrite-nMemCheckbox input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
.cCoQnAwrite-nMemCheckbox input[type="checkbox"] + label {display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.cCoQnAwrite-nMemCheckbox input[type="checkbox"] + label:before {content: ' '; display: inline-block; width: 16px; height: 16px; line-height: 16px; margin: -2px 8px 0 0; text-align: center;  vertical-align: middle; background: #fafafa; border: 1px solid #cacece; border-radius : 3px;}
.cCoQnAwrite-nMemCheckbox input[type="checkbox"] + label:active:before,
.cCoQnAwrite-nMemCheckbox input[type="checkbox"]:checked + label:active:before {box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}
.cCoQnAwrite-nMemCheckbox input[type="checkbox"]:checked + label:before {content: '\2714'; color: #444; background: #e9ecee; border-color: #adb8c0;}
.textRwholetextView {font-size:9pt; font-weight:bold; color:#000;}