@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2019-02-01
******************************************************** */


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
.custom-scrollbar-cover{display:none;}

/* -------- 공통 테이블스타일 -------- */
.test-table{width:100%;}
.test-table th{border: 1px solid #c6c6c6; border-top: 1px solid #333; padding: 20px 0; background-color: #f7f7f7; font-size: 16px; font-weight: 300; letter-spacing: -0.7px; color: #464646;}
.test-table td{padding: 25px 0; border: 1px solid #c6c6c6; text-align: center; font-size: 16px; line-height: 1.7; font-weight: 300; letter-spacing: -0.75px; color: #555;}

.sub-page{padding-top: 60px;}


/* ****************** 브랜드 스토리 :: 고객의 소리 ********************** */
.opinion-page{}

/* ****************** 메뉴 :: 메뉴 리스트 ********************** */
.sub-page.product-list-page{padding-top: 0;}

.product-list-con{}
.product-list-con ul{margin: -27px -1%;}
.product-list-con ul li{float: left; width: 31.33%; margin: 27px 1%;}
.product-list-con ul li:nth-child(3n+1){clear: both;}
.product-list-con ul li a{display: block; position: relative;}

.product-list-inner{border: 1px solid #ddd; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; -ms-transition: border-color 0.3s; -o-transition: border-color 0.3s; transition: border-color 0.3s;}
.product-list-inner .product-img{margin-top: 25px; text-align: center;}
.product-list-inner .product-img span{display: inline-block; width: 88%;}
.product-list-inner .product-img span img{width: 100%;}

.product-list-inner .product-txt{padding-top: 35px; padding-bottom: 45px; letter-spacing: -0.5px; text-align: center;}
.product-list-inner .product-txt .en-tit{font-size: 16px; font-weight: 400; color: #999; padding: 0 10px; width: calc(100% - 20px); height:16px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.product-list-inner .product-txt .kr-tit{margin-top: 10px; font-size: 20px; color: #333; font-family: 'S-CoreDream-6Bold', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif; padding: 0 10px; width: calc(100% - 20px); height:20px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}

.product-list-inner .more-view{display: inline-block; position: absolute; bottom: -25px; left: 50%; margin-left: -25px; width: 50px; height: 50px; line-height: 50px; background-color: #ddd; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.product-list-inner .more-view em{display: none; font-size: 16px; font-weight: 400; letter-spacing: -0.25px; color: #fff;}
.product-list-inner .more-view i{display: inline-block; font-size: 20px; color: #fff; line-height: 50px; margin-left: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

/* paging */
.product-list-page .paging{width:100%; text-align:center; margin:95px 0 30px;}

@media all and (min-width:800px){
	.product-list-con ul li a:hover .product-list-inner{border-color: #c01923;}
	.product-list-con ul li a:hover .product-list-inner .more-view{left: 50%; margin-left: -100px; width: 200px; height: 50px; background-color: #c01923;}
	.product-list-con ul li a:hover .product-list-inner .more-view em{display: inline-block;}
	.product-list-con ul li a:hover .product-list-inner .more-view i{margin-left: 5px;}
}

/* ****************** 메뉴 :: 메뉴 뷰페이지 ********************** */
.product-view-page{}
.product-view-con{}
/* 제품 이미지 + arrow버튼 */
.product-view-con .view-top-con{position: relative;}
.view-top-con .product-img{text-align: center;}
.view-top-con .product-img span{display: inline-block; width: 546px; height: auto;}
.view-top-con .product-img span img{width: 100%; height: 100%;}
.view-top-con .view-arrow-btn{}
.view-top-con .view-arrow-btn button{position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px;}
.view-top-con .view-arrow-btn button.prev{left: 20px;}
.view-top-con .view-arrow-btn button.next{right: 20px;}
.view-top-con .view-arrow-btn button i{color: #aaa; font-size: 48px;}
/* 제품명 + 설명 테이블 */
.product-view-con .view-down-con{margin-top: 25px;}
.view-down-con .product-txt{letter-spacing: -0.25px; text-align: center;}
.view-down-con .product-txt .en-tit{font-size: 20px; font-weight: 400; color: #999;}
.view-down-con .product-txt .kr-tit{margin-top: 15px; font-size: 40px; color: #333; font-family: 'S-CoreDream-6Bold', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.view-down-con .product-txt .txt{margin-top: 20px; font-size: 15px; font-weight: 400; letter-spacing: -0.5px; color: #999;}

.view-down-con .product-view-table{margin-top: 50px; table-layout: fixed; width: 100%; border-top: 2px solid #ddd;}
.view-down-con .product-view-table th, .view-down-con .product-view-table td{font-size: 15px; font-weight: 400; letter-spacing: -0.5px; color: #555; border-bottom: 1px solid #ddd; text-align: left;}
.view-down-con .product-view-table th{width: 200px; padding: 23px 30px; background-color: #f5f5f5;}
.view-down-con .product-view-table td{width: calc(100% - 340px); padding: 23px 40px;}
.view-down-con .product-view-table td b{font-size: 24px; font-weight: 600;}

.product-view-page  .cm-btn-controls {padding-top: 50px;}



/* ****************** 이벤트 :: 이벤트 리스트 ********************** */
.custom-gallery-list-con01 .gallery-list{margin: 0 -1%; *zoom:1;}
.custom-gallery-list-con01 .gallery-list:after{clear:both; display:block; content:"";}
.custom-gallery-list-con01 .gallery-list li{float:left; width:48%;  margin:0 1%  3% 1%;}
.custom-gallery-list-con01 .gallery-list li a{display:block; width: calc(100% - 2px); border: 1px solid #ddd; -moz-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s;}
.custom-gallery-list-con01 .gallery-list li .list-photo-con{overflow:hidden;  position:relative; display:block; width:100%; height:0; padding-top:55%;  }
.custom-gallery-list-con01 .gallery-list li .list-photo-con img{position:absolute; top:0px; left:0px; width:100%; height:100%; -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms; }
.custom-gallery-list-con01 .gallery-list li .list-info-con{
    position: relative; width: calc(100% - 40px); padding:20px; letter-spacing:-0.5px;
    -webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms; 
}
.custom-gallery-list-con01 .gallery-list li .list-info-con .list-tit{display:block; color:#333; font-size:18px; font-weight:600; padding-bottom:15px; width: calc(100% - 80px); height:18px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.custom-gallery-list-con01 .gallery-list li .list-info-con .list-date{font-size: 15px; font-weight: 400; letter-spacing: -0.25px; color: #999;}
.custom-gallery-list-con01 .gallery-list li .list-info-con .category{position: absolute; top: 20px; right: 20px; display: inline-block; width: 70px; height: 30px; font-size: 18px; line-height: 30px; text-align: center; color:#fff; font-weight: 400; background-color: #c01823; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
.custom-gallery-list-con01 .gallery-list li .list-info-con .category.end{background-color: #aaa;}

@media all and (min-width:800px){
	.custom-gallery-list-con01 .gallery-list li a:hover {border-color: #c01823;}
	.custom-gallery-list-con01 .gallery-list li a:hover .list-photo-con img{
		-moz-transform:scale(1.1);
		-ms-transform:scale(1.1);
		transform:scale(1.1);
	}
 }



/* ****************** 스토어 :: 매장 뷰페이지 ********************** */
.sub-page.store-page{padding-top: 0;}
.map-con{border: 1px solid #ddd; width: calc(100% - 2px); height: 360px; position: relative; overflow: hidden;}
.map-con .map-inner{position: absolute; top: 50%; margin-top: -180px; left: 50%; margin-left: -600px; width: 1200px; height: 360px;}

.store-view-table{margin-top: 30px; table-layout: fixed; width: 100%; border-top: 2px solid #ddd;}
.store-view-table th, .store-view-table td{font-size: 15px; font-weight: 400; letter-spacing: -0.5px; color: #555; border-bottom: 1px solid #ddd; text-align: left;}
.store-view-table th{width: 200px; padding: 23px 30px; background-color: #f5f5f5;}
.store-view-table td{width: calc(100% - 340px); padding: 23px 40px;}
.store-view-table td .icon{display: inline-block; width: 40px; height: 40px; background-color: #ddd; text-align: center; line-height: 35px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; margin: 0 4px;}
.store-view-table td .icon.selected{background-color: #666;}
.store-view-table td .icon img{display: inline-block; height: 27px;}



/* ****************** 스토어 :: 매장 찾기 ********************** */
.store-top-con{}
.store-top-inner{position: relative; background-color: #eee; height: 300px; padding: 0 60px;}
.store-search-tit{font-size: 15px; font-weight: 400; letter-spacing: -0.25px; color: #555;}
.store-top-inner .up-con{padding-top: 40px;}
.store-top-inner .up-con .select-input-con{margin-top: 15px;}
.store-top-inner .up-con .select-txt{float: left;}
.store-top-inner .up-con .select-txt select{text-indent: 10px; width:250px; height:40px; border: 0; color:#868686; background: #fff url("../images/button/select_arrow.png") no-repeat 95% 50%;
    text-indent:5px;
    -webkit-appearance: none; 
        appearance: none; 
      -moz-appearance: none;
      -ms-appearance: none;}
.store-top-inner .up-con .select-txt select::-ms-expand { display: none; }
.store-top-inner .up-con .input-txt{float: left; margin-left: 10px;}
.store-top-inner .up-con .input-txt input{height:40px; border:0px; width:340px; padding: 0 10px; background-color:#fff; border:0; font-size:14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; vertical-align:middle; 
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	-webkit-border-radius: 0;
}
.store-top-inner .up-con .input-txt input::-ms-clear { display: none; }
.store-top-inner .up-con .input-txt input::placeholder{font-size: 15px; font-weight: 400; letter-spacing: -0.25px; color: #aaa;}
.store-top-inner .down-con{padding-top: 30px;}
.store-top-inner .down-con .icon-select{margin-top: 15px;}
/* 매장서비스 검색 */
.icon-select-btn .radio-item{display:inline-block; vertical-align:middle; }
.icon-select-btn .radio-item input[type="checkbox"]{display:none;}
.icon-select-btn .radio-item label{display:inline-block; position:relative; padding: 10px 20px 10px 15px; line-height: 21px; background-color: #ddd; margin-left: 10px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; font-size: 15px; font-weight: 400; letter-spacing: -0.25px; color: #fff;}
.icon-select-btn .radio-item:first-child label{margin-left: 0;}
.icon-select-btn .radio-item input[type="checkbox"]:checked + label{background-color: #666;}
.icon-select-btn .radio-item label img{display: inline-block; height: 21px; margin-right: 13px; margin-top: -2px;}

.store-top-inner .down-con .sub-tit{margin-top: 10px; font-size: 15px; font-weight: 400; letter-spacing: -0.25px; color: #999; line-height: 1.4; -ms-word-break: keep-all; word-break: keep-all;}
.store-top-inner .down-con .cm-btn-controls {padding-top: 0;}
.store-top-inner .down-con .cm-btn-controls button{display: inline-block; width: 300px; height: 50px; position: absolute; left: 50%; margin-left: -150px; bottom: -25px;}


.store-down-con{margin-top: 105px;}
.store-search-table{table-layout: fixed; width: 100%; border-top: 2px solid #c01823;}
.store-search-table tr{border-bottom: 1px solid #ddd;}
.store-search-table th, .store-search-table td{padding: 15px 0; text-align: center; font-size: 15px; line-height: 1.4; -ms-word-break: keep-all; word-break: keep-all; font-weight: 400; letter-spacing: -0.25px; color: #555;}
.store-search-table th{background-color: #f5f5f5;}
.store-search-table td{}
.store-search-table td.ta-l{text-align: left; padding: 15px 30px;}
.store-search-table td p{font-size: 15px; line-height: 1.4; -ms-word-break: keep-all; word-break: keep-all; font-weight: 400; letter-spacing: -0.25px; color: #555; margin-bottom: 10px;}
.store-search-table td .icon-con{}
.store-search-table td .icon{display: inline-block; width: 40px; height: 40px; background-color: #ddd; text-align: center; line-height: 35px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; margin: 0 4px;}
.store-search-table td .icon.selected{background-color: #666;}
.store-search-table td .icon img{display: inline-block; height: 27px;}

.m-block{display: none;}



/* ****************** 스토어 :: 신규매장 ********************** */
.store-new-page{}

.store-list-wrapper{width: 97%; padding-right: 3%;}
.store-list-wrapper ul{}
.store-list-wrapper ul li{width: 100%; margin-top: 50px;}
.store-list-wrapper ul li:first-child{margin-top: 0;}
.store-list-wrapper ul li a{display: block;}

.store-list-inner{border: 1px solid #ddd; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.store-list-inner .img-con{width:41%; display:inline-block; vertical-align:middle;}
.store-list-inner .img-con span{display:block; position:relative; height:0; padding-top:81%;}
.store-list-inner .img-con span img{position:absolute; top:0px; left:0px; width:100%; height:100%;}

.store-list-inner .txt-con{overflow:hidden; display:inline-block; vertical-align:middle; padding-left:4%; width: 51%; /* padding-right: 4%; width: 47%;*/ height:100%; }
.store-list-inner .txt-con .store-info-con{}
.store-list-inner .txt-con .store-info-con .tit{font-size: 22px; letter-spacing: -0.5px; color: #c01823; font-family: 'S-CoreDream-6Bold', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif; width:100%; height:23px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.store-list-inner .txt-con .store-info-con .txt{margin-top: 15px; font-size: 16px; letter-spacing: -0.5px; color: #666; width:100%; height:17px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis;}
.store-list-inner .txt-con .store-info-con .txt i{margin-top: -3px; display: inline-block; margin-right: 10px; font-size: 16px; color: #666;}

.store-list-inner .txt-con .icon-con{margin-top: 30px;}
.store-list-inner .txt-con .icon-con .icon{display: inline-block; width: 40px; height: 40px; background-color: #ddd; text-align: center; line-height: 35px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; margin: 0 4px;}
.store-list-inner .txt-con .icon-con .icon.selected{background-color: #666;}
.store-list-inner .txt-con .icon-con .icon img{display: inline-block; height: 27px;}

/* 자세히보기 버튼 */
.store-list-inner .more-view{display: inline-block; position: absolute; top: 50%; margin-top: -25px; right: -25px; width: 50px; height: 50px; background-color: #ddd; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.store-list-inner .more-view em{padding-top: 50px; display: none; font-size: 16px; font-weight: 400; letter-spacing: -0.25px; color: #fff; writing-mode: vertical-lr; writing-mode:tb-lr; line-height: 50px; }
.store-list-inner .more-view i{display: inline-block; font-size: 20px; color: #fff; position: absolute; left: 50%; margin-left: -10px; top: 50%; margin-top: -10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}


@media all and (min-width:800px){
	.store-list-wrapper ul li a:hover .store-list-inner{border-color: #c01923;}
	.store-list-wrapper ul li a:hover .store-list-inner .more-view{top: 50%; margin-top: -100px; width: 50px; height: 200px; background-color: #c01923;}
	.store-list-wrapper ul li a:hover .store-list-inner .more-view em{display: inline-block;}
	.store-list-wrapper ul li a:hover .store-list-inner .more-view i{line-height: 1; position: absolute; left: 50%; margin-top: 0; margin-left: -10px; top: 140px;}
}



/* ****************** 메뉴 :: 회사소개 ********************** */
.introduce-wrapper .introduce-top-image{padding-top:60px;width:100%;height:auto}
.introduce-wrapper .introduce-top-image img{width:100%;height:100%}
.introduce-txt-wrap{width:100%; margin-bottom:30px;}
.introduce-txt-wrap > div{float:left;width:50%;margin-top:41px;}
.introduce-txt-wrap > div h3{white-space:nowrap;line-height: 48px;letter-spacing:-0.5px;font-size:32px;color:#222222;font-family: 'S-CoreDream-6Bold', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.introduce-txt-wrap > div h3 strong{color:#c01823}
.introduce-txt-right h3{padding-right:17px}
.introduce-txt-wrap > div p{line-height:26px;letter-spacing:-0.5px;font-size:16px;color:#444444;margin-top:15px; -ms-word-break: keep-all;
word-break: keep-all;}
.introduce-txt-wrap > div p span{margin-top:13px;display:block}



/* ****************** 메뉴 :: 개설정보 ********************** */
/* 킹스타의경쟁력 */
.openInfo-wrapper{margin:50px 0 65px;}
.openInfo-wrapper .openInfo-competition-tit{margin-bottom:25px}
.openInfo-wrapper .openInfo-competition-tit h3{font-size:24px;font-weight: 500;letter-spacing:-0.75px;color:#333333;float:left;line-height:42px;font-family: 'S-CoreDream-5Medium', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.openInfo-wrapper .openInfo-competition-tit span{font-size:15px;letter-spacing:6px;font-style:italic;text-transform: uppercase;float:right;line-height:42px;color:#dddddd;font-family: 'Lato', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.openInfo-competition-wrapper ul{width:100%}
.openInfo-competition-wrapper ul li{display: table;float:left;margin:-0.5px;border:1px solid #dddddd;width: calc(33.3333% + 1px);height: 320px;text-align: center;box-sizing:border-box;position:relative;}
.openInfo-competition-wrapper ul li .openInfo-competition-content{display:table-cell;width:100%;padding-top:43px;}
.openInfo-competition-wrapper ul li.openInfo-logo{width:33.3333%;}
.openInfo-competition-wrapper ul li.openInfo-logo img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.openInfo-competition-txt{margin-top:43px}
.openInfo-competition-txt h4{font-size:18px;letter-spacing:-0.5px;color:#333333;font-weight:600;padding-bottom:8px}
.openInfo-competition-txt p{font-size:15px;line-height:24px;letter-spacing:-0.25px;color:#555555; -ms-word-break: keep-all; word-break: keep-all;}

/* 개설절차&비용 */
.openInfo-produre{width:100%;margin-top:92px;}
.openInfo-produre .openInfo-produre-tit h3{font-size:24px; font-weight: 500; letter-spacing:-0.75px;color:#333333;float:left;line-height:42px;font-family: 'S-CoreDream-5Medium',  'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.openInfo-produre .openInfo-produre-tit span{font-size:15px;letter-spacing:6px;font-style:italic;text-transform: uppercase;float:right;line-height:42px;color:#dddddd;font-family: 'Lato', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.openInfo-produre table{width:100%;text-align:center;margin-top:20px}
.openInfo-produre table tr{border-bottom: 1px solid #dddddd;}
.openInfo-produre table th,
.openInfo-produre table td{font-size:15px;letter-spacing:-0.25px;color:#555555;border-right:1px solid #dddddd;padding:24px 0}
.openInfo-produre table th:last-child,
.openInfo-produre table td:last-child{border-right:none}
.openInfo-produre table td ul li{line-height:24px}
.openInfo-produre table tbody{border-top:2px solid #c01823}
.openInfo-produre table th{background: #f9f9f9;font-weight:400}

/* 교육시스템 */
.openInfo-education{width:100%;margin-top:92px;}
.openInfo-education .openInfo-education-tit{margin-bottom:20px}
.openInfo-education .openInfo-education-tit h3{font-size:24px;font-weight: 500;letter-spacing:-0.75px;color:#333333;float:left;line-height:42px;font-family: 'S-CoreDream-5Medium', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.openInfo-education .openInfo-education-tit span{font-size:15px;letter-spacing:6px;font-style:italic;text-transform: uppercase;float:right;line-height:42px;color:#dddddd;font-family: 'Lato', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;}
.openInfo-education-edu img{width:100%}
.openInfo-education-txt{margin-top:29px}
.openInfo-education-txtLeft{display:inline-block;float:left;padding-right:46px}
.openInfo-education-txtLeft p span{font-family: 'Lato', 'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;padding-right:21px;font-size:36px;font-style:italic;letter-spacing:-0.75px;color:#dddddd}
.openInfo-education-txtLeft p{font-size: 18px;letter-spacing:-0.5px;color:#555555;font-weight:500}
.openInfo-education-txtRight{display:inline-block;padding-top:12px}
.openInfo-education-txtRight span{font-size:15px;line-height:24px;letter-spacing:-0.25px;color:#555555}
.openInfo-education-proc{width:100%;display:block;text-align:center;background:#f5f5f5;border-radius:13px;margin-top:35px}
.openInfo-education-proc span{display:inline-block;width:186px;vertical-align:middle;font-size:15px;letter-spacing:-0.25px;color:#333333;line-height:24px;padding:25px 0;}
.openInfo-education-proc p{display:inline-block;width:30px;height:30px;background-color:#fff;border-radius:50%;vertical-align:middle;background-image:url("../images/icon/openInfo_arrow.png");background-repeat:no-repeat;background-position:center}
.openInfo-education-edu.edu2{margin-top:80px}
.openInfo-education-edu.edu2 .openInfo-education-proc span{width:260px;padding:37px 0;}