@charset "utf-8";
/* ===========================
	00. common
=========================== */
input[type=text],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],

input[type=password]{
	display:inline-block; 

	max-width:100%; height:44px; 
	padding:0 14px; color:#222; 
	font-family:Noto Sans CJK KR, 'Noto Sans', dotum, gulim, verdana, sans-serif; 
	font-size:16px; border:1px solid #dedede; 
	background-color:#fff; outline:0; 
	box-sizing:border-box; 
	vertical-align:top;
	transition:all 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946); 
	-webkit-transition:all 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);
}



textarea						{display:inline-block; width:100%; height:215px; padding:15px 14px; color:#222; font-family:Noto Sans CJK KR, 'Noto Sans', dotum, gulim, verdana, sans-serif; font-size:16px; line-height:20px; border:1px solid #dedede; overflow:auto; resize:none; vertical-align:top; box-sizing:border-box; outline:none; transition:all 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946); -webkit-transition:all 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);}
select						{display:inline-block; width:95px; min-width:195px; max-width:100%; height:44px; padding:10px 40px 10px 14px; color:#222; font-family:Noto Sans CJK KR, 'Noto Sans', dotum, gulim, verdana, sans-serif; font-size:16px; line-height:1; border:1px solid #a1a1a1; background-color:#fff; background-position:right 20px center; background-repeat:no-repeat;box-sizing:border-box; text-indent:0.01px; outline:none; -webkit-appearance: none; -moz-appearance:none; appearance: none; vertical-align:top;}
select::-ms-expand		{display:none;}

input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus,
input[type=text].active,
input[type=number].active,
input[type=email].active,
input[type=tel].active,
input[type=url].active,
input[type=password].active,
textarea.active {color:#222; border-color:#323232; background:#fff;}
input.bnone {border:0;}

::-webkit-input-placeholder	{color: #999;}
::-moz-placeholder				{color: #999;}
:-ms-input-placeholder			{color: #999;}
:-moz-placeholder				{color: #999;}

*::selection {color:#fff; background:#324554;}
*::-moz-selection {color:#fff; background:#324554;}

button,
input[type=file],
input[type=image],
input[type=reset],
input[type=button],
input[type=submit] {font-family:Noto Sans CJK KR, 'Noto Sans', dotum, gulim, verdana, sans-serif; border:none; border-radius:0; background:none; cursor:pointer; -webkit-appearance:none; appearance:none;}
button:focus,
button:hover {outline:none;}

/* jquery-ui */
.ui-datepicker .ui-datepicker-title select {display:inline-block; min-width:0; width:40%; height:30px; padding:5px 10px; margin:0 3px; color:#222; font-size:14px; line-height:1; border:1px solid #ddd; background-color:#fff;  background-position:right 10px center; background-repeat:no-repeat; vertical-align:middle; -webkit-appearance:inherit; appearance:inherit}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {top:4px;}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {top:3px;}

.datepicker-input {position:relative; display:inline-block;}
.datepicker-input > img {position:absolute; top:50%; right:20px; width:20px; height:22px; margin-top:-11px; cursor:pointer;}


/* ===========================
	01. checkbox
=========================== */
.chk-type01 {position:relative; display:inline-block; margin-right:17px; height:22px; line-height:22px;}
.chk-type01 input[type=checkbox] {position:absolute; top:0; left:0; width:0; height:0; opacity:0; filter:alpha(opacity=0);}
.chk-type01 input[type=checkbox] + label {display:inline-block; color:#666; font-size:14px; line-height:22px; cursor:pointer;}
.chk-type01 input[type=checkbox] + label span {display:inline-block; width:22px; height:22px; margin-right:10px; border:1px solid #a3a3a3; background-color:#fff; background-repeat:no-repeat; background-position:center -22px; box-sizing:border-box;}
.chk-type01 input[type=checkbox]:checked + label span {background-position:center center;}



/* ===========================
	02. radio 
=========================== */
.radio-type01 {position:relative; display:inline-block; margin-right:17px; height:22px; line-height:22px;}
.radio-type01 input[type=radio] {position:absolute; top:0; left:0; width:0; height:0; opacity:0; filter:alpha(opacity=0);}
.radio-type01 input[type=radio] + label {display:inline-block; color:#666; font-size:14px; line-height:22px; cursor:pointer;}
.radio-type01 input[type=radio] + label span {position:relative; display:inline-block; width:22px; height:22px; margin-right:10px; border:1px solid #a5a5a5; border-radius:11px; background-color:#fff; box-sizing:border-box; transition:all 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946); -webkit-transition:all 0.3s cubic-bezier(0.465, 0.183, 0.153, 0.946);}
.radio-type01 input[type=radio] + label span:after {content:''; position:absolute; top:50%; left:50%; display:block; width:0; height:0; margin-top:0; margin-left:0; border-radius:5px; background-color:#fff; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.radio-type01 input[type=radio]:checked + label span {border-color:#a5a5a5;}
.radio-type01 input[type=radio]:checked + label span:after {width:8px; height:8px; margin-top:-4px; margin-left:-4px; background-color:#cb0000;}


/* ===========================
	03. form 
=========================== */
/* ¿©·¯°³ ÀÔ·Â */
.input-mulity > input {margin-left:5px;}
.input-mulity > input:first-child {margin-left:0;}

/* ¶óº§ ÀÖ´Â ÀÔ·Â */
.label-input {position:relative; display:inline-block;}
.label-input > label {margin-right:10px; color:#666; font-size:14px; line-height:44px;}

/* ¶óº§ ÀÖ´Â ÀÔ·Â ¿©·¯°³ ÀÖÀ»°æ¿ì*/
.label-input-mulity .label-input {margin-right:20px;}

/* ¼±ÅÃâ ¿©·¯°³ ÀÖÀ» °æ¿ì */
.select-mulity:after {content:''; display:block; clear:both;}
.select-mulity > p {float:left; display:block; margin-left:10px;}
.select-mulity > p:first-child {margin-left:0;}

/* ¶óº§ ÀÖ´Â ¼±ÅÃâ */
.label-select {position:relative; display:inline-block;}
.label-select > label {margin-right:10px; color:#666; font-size:14px; line-height:44px;}

/* ¶óº§ ÀÖ´Â ¼±ÅÃâÀÌ ¿©·¯°³ ÀÖÀ» °æ¿ì */
.label-select-mulity .label-select {margin-right:20px;}

/* ¾ÆÀ̵ð */
.id-input > a,
.id-input > button,
.id-input > input[type=submit] {margin-left:7px;}

/* ¿¬¶ôó */
.phone-wrap {overflow:hidden;}
.phone-wrap > div {position:relative; float:left; padding-left:19px;}
.phone-wrap > div:first-child {padding-left:0;}
.phone-wrap > div:first-child:after {display:none;}
.phone-wrap > div:after {content:''; position:absolute; top:50%; left:5px; display:block; width:9px; height:1px; background-color:#999;}
.phone-wrap select,
.phone-wrap input {width:144px; min-width:144px;}

/* À̸ÞÀÏ */
.email-input {overflow:hidden;}
.email-input > div {position:relative; float:left; padding-right:10px;}
.email-input > div:first-child {padding-right:25px;}
.email-input > div:first-child:after {content:'@'; position:absolute; top:0; right:0; display:block; width:25px; height:44px; color:#999; font-size:16px; line-height:44px; text-align:center;}
.email-input > a,
.email-input > button,
.email-input > input[type=submit] {float:left; margin:0;}
.email-input input[type=text] {width:235px; min-width:235px;}
.email-input select {width:auto; min-width:95px;}

/* »ý³â¿ùÀÏ */
.birthday-input {overflow:hidden;}
.birthday-input > div {float:left; margin-left:10px;}
.birthday-input > div:first-child {margin-left:0;}
.birthday-input .info {display:inline-block; margin-left:7px; color:#666; font-size:16px; line-height:44px;}

/* ÁÖ¼ÒÀÔ·Â */
.address-input .zip-input > a,
.address-input .zip-input > button,
.address-input .zip-input > input[type=submit] {margin-left:7px;}
.address-input .txt-input {margin-top:15px; overflow:hidden;}
.address-input .txt-input > p {float:left; margin-left:10px;}
.address-input .txt-input > p:first-child {margin-left:0;}

/* Ä«µå ¹øÈ£ */
.card-num-input {overflow:hidden;}
.card-num-input > div {position:relative; float:left; padding-left:19px;}
.card-num-input > div:first-child {padding-left:0;}
.card-num-input > div:first-child:after {display:none;}
.card-num-input > div:after {content:''; position:absolute; top:50%; left:5px; display:block; width:9px; height:1px; background-color:#999;}
.card-num-input > a,
.card-num-input > button,
.card-num-input > input[type=submit] {float:left; margin-left:10px;}

/* ÆÄÀÏ ¾÷·Îµå */
.file-input {position:relative; padding-right:105px;}
.file-input .input-file {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; z-index:50; cursor:pointer;}
.file-input .read-file {width:100%; text-decoration:underline;}
.file-input > a,
.file-input > button,
.file-input > input[type=submit] {position:absolute; top:0; right:0; width:95px; height:42px; font-size:16px; line-height:42px; text-align:center;}
.file-input .btn-file.type-01 {color:#fff; border:1px solid #cb0000; background-color:#cb0000;}
.file-input .btn-file.type-02 {color:#fff; border:1px solid #8f8f8f; background-color:#8f8f8f;}
.file-input .btn-file.type-03 {color:#fff; border:1px solid #282828; background-color:#282828;}

.add-input {margin-top:10px;}
.add-input:first-child {margin-top:0;}

.add-file {position:relative; padding-right:98px; overflow:hidden;}
.add-file .file_info {margin-left:20px; padding:3px 0; overflow:hidden;}
.add-file .file_info > div {float:left;}
.add-file .file_info .data_info {color:#999; font-size:13px; line-height:26px;}
.add-file .btn-ui {position:absolute; top:50%; right:0; margin-top:-20px; width:83px; overflow:hidden;}
.add-file .btn-ui > a {position:relative; float:left; display:block; width:50%; height:40px; margin-left:-1px; background:#fff; border:1px solid #ccc; box-sizing:border-box;}
.add-file .btn-ui > a:first-child {margin-left:0; border-top-left-radius:2px; border-bottom-left-radius:2px;}
.add-file .btn-ui > a:last-child {border-top-right-radius:2px; border-bottom-right-radius:2px;}
.add-file .btn-ui > a.btn-add:before {content:''; position:absolute; top:50%; left:50%; width:2px; height:14px; margin:-7px 0 0 -1px; background:#8f8f8f;}
.add-file .btn-ui > a.btn-add:after {content:''; position:absolute; top:50%; left:50%; width:14px; height:2px; margin:-1px 0 0 -7px; background:#8f8f8f;}
.add-file .btn-ui > a.btn-del:after {content:''; position:absolute; top:50%; left:50%; width:14px; height:2px; margin:-1px 0 0 -7px; background:#8f8f8f;}


/* ÀÔ·Â ÇÏ´Ü ¼³¸í±Û */
.form-bottom-info {margin-top:10px; color:#999; font-size:14px; line-height:21px;}






/* contents */
#contents {position:relative; width:100%; padding-top:0px; margin:0 auto; }


/* dFoot */
#dFoot {position:relative; padding:160px 0 80px; background-color:#232323; z-index:5;}
#dFoot .btn-top {position:absolute; top:0; left:50%; display:block; width:80px; height:80px; margin:-40px 0 0 620px; z-index:10;}

.footer-wrap {position:relative; width:1180px; padding-left:170px; margin:0 auto; color:#fff; font-size:13px; box-sizing: border-box}
.footer-wrap h2 {position:absolute; top:0; left:0;}
.footer-wrap address {opacity:0.7;}
.footer-wrap address > span {opacity:0.7;}
.footer-wrap .copy {margin-top:8px; opacity:0.7;}
.footer-wrap .btns {margin-top:20px; overflow:hidden;}
.footer-wrap .btns > a {display:block; float:left; width:88px; height:28px; margin-left:10px; border:1px solid #4f4f4f; text-align:center;}
.footer-wrap .btns > a:first-child {margin-left:0;}
.footer-wrap .btns > a > span {color:#fff; font-size:12px; line-height:28px; opacity:0.5;}
.footer-wrap .tel-request {margin-top:15px; font-size:13px; line-height:23px; overflow:hidden;}
.footer-wrap .tel-request em {margin-left:8px; font-size:18px; font-weight:500; vertical-align:middle;}
.footer-wrap .tel-request > p {opacity:0.7;}
.footer-wrap .tel-request > p.site-number {opacity:0.5}
.footer-wrap a.btn-awward {position:absolute; top:42px; right:175px; display:block; width:60px; height:80px; font-size:0;  z-index:3;}

.speed-big-menu {position:absolute; top:-80px; left:50%; width:1180px;margin-left:-590px; overflow:hidden;}
.speed-big-menu > li {float:left; width:33.33%;}
.speed-big-menu > li > a {position:relative; display:block; height:160px; padding:30px; margin-left:1px; background-repeat:no-repeat; background-position:center center; background-size:cover; box-sizing: border-box;}
.speed-big-menu > li:first-child > a {margin-left:0;}
.speed-big-menu > li > a > span {display:block;}
.speed-big-menu > li > a:hover .icon {top:40px;}
.speed-big-menu > li > a:hover .arrow {width:60px;}
.speed-big-menu .txt {position:absolute; top:52px; left:30px; color:#fff; font-size:14px; line-height:32px;}
.speed-big-menu .icon {position:absolute; top:50px; -webkit-transition: top 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275); transition: top 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275);}
.speed-big-menu .arrow {position:absolute; bottom:37px; left:30px; width:40px; height:4px;  border-bottom:1px solid #fff; -webkit-transition: width 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: width 0.6s cubic-bezier(0.165, 0.840, 0.440, 1.000);}
/*
.speed-big-menu .menu-01 {background-color:#907354;}
.speed-big-menu .menu-02 {background-color:#434343;}
.speed-big-menu .menu-03 {background-color:#c30606;}
*/
.speed-big-menu .menu-02 {background-color:#907354;}
.speed-big-menu .menu-03 {background-color:#434343;}
.speed-big-menu .menu-04 {background-color:#c30606;}

.speed-big-menu .menu-01 .icon {top:53px;right:86px;}
.speed-big-menu .menu-02 .icon {right:90px;}
.speed-big-menu .menu-03 .icon {right:90px;}
.speed-big-menu .menu-04 .icon {top:57px; right:75px;}

.footer-menu {position:absolute; top:0; right:0; overflow:hidden; z-index:3;}
.footer-menu > li {position:relative; float:left; padding-left:10px; margin-left:10px;}
.footer-menu > li:after {content:''; position:absolute; top:50%; left:0; display:block; width:1px; height:12px; margin-top:-6px; background-color:#fff; opacity:0.2;}
.footer-menu > li:first-child {padding-left:0; margin-left:0;}
.footer-menu > li:first-child:after {display:none;}
.footer-menu > li > a {color:#fff; font-size:13px; opacity:0.7;}

.sns-menu {position:absolute; top:52px; right:0; overflow:hidden;}
.sns-menu > li {position:relative; float:left; margin-left:10px;}
.sns-menu > li:first-child {padding-left:0; margin-left:0;}



/* ===========================
	02. table
=========================== */
/* text-border-list */
table.text-border-list {width:100%; border-top:1px solid #222; border-bottom:1px solid #c8c8c8; background:#fff;  table-layout:fixed;}
table.text-border-list > thead > tr > th {padding:26px 10px; color:#333; font-size:16px; line-height:18px; border-bottom:1px solid #dcdcdc; background-color:#f9f9f9; text-align:center; vertical-align:middle;}
table.text-border-list > tbody > tr > td {height:70px; padding:0 10px; color:#999; font-size:14px; line-height:16px; border-top:1px solid #dcdcdc; text-align:center; vertical-align:middle;}
table.text-border-list td.none-data {padding:100px 10px;}


.table-agree {padding:17px 0;}
.table-agree .info-title {color:#666; font-size:16px;}
.table-agree .info-txt {margin-top:10px;}
.table-agree .info-txt > li{color:#999; font-size:14px; line-height:21px;}
.table-agree table {margin-top:20px;}

.table-bottom-info {margin-top:10px; color:#999; font-size:14px; line-height:21px;}
.table-bottom-info:first-child {margin-top:0;}

/* simple-row-list */
table.simple-row-list {width:100%; border-top:1px solid #222; background:#fff;  table-layout:fixed;}
table.simple-row-list > tbody > tr > th {padding:14px 0 16px 10px; color:#222; font-size:16px; line-height:20px; font-weight:500; border-bottom:1px solid #dcdcdc; background-color:#fff; text-align:left; vertical-align:top;}
table.simple-row-list > tbody > tr > th > p {position:relative;}
table.simple-row-list > tbody > tr > th > p:after {content:''; position:absolute; top:50%; right:0; width:1px; height:16px; margin-top:-6px; background-color:#dcdcdc;}
table.simple-row-list > tbody > tr > td {padding:14px 10px 16px 10px; color:#666; font-size:14px; line-height:20px; border-bottom:1px solid #dcdcdc; background-color:#fff; text-align:right; vertical-align:top;}

/* input table */
table.input-table {
	width:100%; border-top:1px solid #dcdcdc; 
	border-bottom:1px solid #c8c8c8; 
	background:#fff; 
	table-layout:fixed;
}


table.input-table > tbody > tr > th {height:70px; padding:0 30px; color:#222; font-size:16px; line-height:20px; vertical-align:middle; border-top:1px solid #dcdcdc; background-color:#f9f9f9; text-align:left;}
table.input-table > tbody > tr > td {height:44px; padding:13px 30px; color:#666; font-size:16px; line-height:20px; border-top:1px solid #dcdcdc; background-color:#fff; text-align:left; vertical-align:middle;}
table.input-table > tbody > tr:first-child > th,
table.input-table > tbody > tr:first-child > td {border-top:none;}
table.input-table .d-txt {line-height:30px;}
table.input-table .input-info {margin-left:20px; color:#999; font-size:14px; line-height:44px; cursor:inherit;}

/* ===========================
	03. button
=========================== */
.btn-page-wrap {margin-top:60px; text-align:center;}
.btn-page-wrap > a:first-child {margin-left:0;}
.btn-page-wrap > a:last-child {margin-right:0;}

.btn-full-wrap {display:table; width:100%; table-layout:fixed; box-sizing:border-box;}
.btn-full-wrap > li {display:table-cell; vertical-align:top;}
.btn-full-wrap > li > a {position:relative; display:block; height:100%;  margin:0 2px; text-align:center; box-sizing:border-box;}
.btn-full-wrap > li:first-child > a {margin-left:0;}
.btn-full-wrap > li:last-child > a {margin-right:0;}

.btn-content-wrap {}
.btn-content-wrap > ul {margin:-2.5px;}
.btn-content-wrap > ul:after {content:''; display:block; clear:both;}
.btn-content-wrap > ul > li {float:left; width:50%; box-sizing:border-box; padding:2.5px;}
.btn-content-wrap > ul > li > a,
.btn-content-wrap > ul > li > button {display:block; width:auto;}
.btn-content-wrap > ul > li:only-child {width:100%;}

.simple-row-list + .btn-content-wrap {margin-top:30px;}

/* big button (height 56px) */
.btn-01 {display:inline-block; padding:0 54px; margin:0 4px; font-size:20px; line-height:54px; text-align:center;  box-sizing:border-box;}
.btn-01.type-01 {color:#fff; border:1px solid #cb0000; background-color:#cb0000;}
.btn-01.type-02 {color:#222; border:1px solid #999; background-color:#fff;}
.btn-01.type-03 {color:#fff; border:1px solid #8f8f8f; background-color:#8f8f8f;}
.btn-01.type-04 {color:#fff; border:1px solid #282828; background-color:#282828;}
.btn-01.type-05 {color:#fff; border:1px solid #af9375; background-color:#af9375;}

/* middle button (height 40px) */
.btn-02 {display:inline-block; padding:0 31px; margin:0 1px; font-size:14px; line-height:38px; text-align:center;  box-sizing:border-box;}
.btn-02.type-01 {color:#fff; border:1px solid #cb0000; background-color:#cb0000;}
.btn-02.type-02 {color:#222; border:1px solid #999; background-color:#fff;}
.btn-02.type-03 {color:#fff; border:1px solid #8f8f8f; background-color:#8f8f8f;}
.btn-02.type-04 {color:#fff; border:1px solid #282828; background-color:#282828;}
.btn-02.type-05 {color:#fff; border:1px solid #af9375; background-color:#af9375;}

/* small button (height 44px) */
.btn-03 {display:inline-block; padding:0 19px; margin:0 1px; font-size:16px; line-height:42px; text-align:center;  box-sizing:border-box;}
.btn-03.type-01 {color:#fff; border:1px solid #cb0000; background-color:#cb0000;}
.btn-03.type-02 {color:#222; border:1px solid #999; background-color:#fff;}
.btn-03.type-03 {color:#fff; border:1px solid #8f8f8f; background-color:#8f8f8f;}
.btn-03.type-04 {color:#fff; border:1px solid #282828; background-color:#282828;}
.btn-03.type-05 {color:#fff; border:1px solid #af9375; background-color:#af9375;}

/* arrow icon button (height 30px) */
.btn-04 {display:inline-block; padding:0 29px 0 14px; margin:0 1px; font-size:13px; line-height:28px; text-align:center;  box-sizing:border-box;}
.btn-04.type-01 {color:#fff; border:1px solid #cb0000; background-color:#cb0000; background-repeat:no-repeat; background-position:right 14px center; }
.btn-04.type-02 {color:#222; border:1px solid #bbb; background-color:#fff; background-repeat:no-repeat; background-position:right 14px center; }
.btn-04.type-03 {color:#fff; border:1px solid #8f8f8f; background-color:#8f8f8f; background-repeat:no-repeat; background-position:right 14px center; }
.btn-04.type-04 {color:#fff; border:1px solid #282828; background-color:#282828; background-repeat:no-repeat; background-position:right 14px center; }
.btn-04.type-05 {color:#fff; border:1px solid #af9375; background-color:#af9375; background-repeat:no-repeat; background-position:right 14px center; }

/* ssmall button (height 30px) */
.btn-05 {display:inline-block; padding:0 14px; margin:0 1px; font-size:13px; line-height:28px; text-align:center;  box-sizing:border-box;}
.btn-05.type-01 {color:#fff; border:1px solid #cb0000; background-color:#cb0000;}
.btn-05.type-02 {color:#222; border:1px solid #bbb; background-color:#fff;}
.btn-05.type-03 {color:#fff; border:1px solid #8f8f8f; background-color:#8f8f8f;}
.btn-05.type-04 {color:#fff; border:1px solid #282828; background-color:#282828;}
.btn-05.type-05 {color:#fff; border:1px solid #af9375; background-color:#af9375;}

/* paging */
.paging {position:relative; height:40px; margin-top:40px; font-size:0; text-align:center; vertical-align:top;}
.paging > a {display:inline-block; width:40px; height:38px; margin:0 0 0 -1px; font-size:0; border:1px solid #ccc; background-position:center center; background-repeat:no-repeat; overflow:hidden; text-indent:-9999px; vertical-align:top;}
.paging > a.btn-first {}
.paging > a.btn-prev {}
.paging > a.btn-next {}
.paging > a.btn-last {}
.paging > p {display:inline-block; padding:0 20px; overflow:hidden; vertical-align:top;}
.paging > p a,
.paging > p strong {float:left;display:block; width:40px; height:38px; margin-left:-1px; font-size:14px; line-height:38px; border:1px solid #dedede; text-align:center; vertical-align:top;}
.paging > p strong {margin-left:-1px; color:#fff; border:1px solid #222; background:#222;}
.paging > p a:hover {background-color:#ebebeb;}


/* tab */
.page-tab {position:relative; display:table; width:100%; padding-left:1px; margin-bottom:40px; table-layout:fixed; z-index:1; box-sizing:border-box;}
.page-tab > li {display:table-cell; vertical-align:top;}
.page-tab > li > a {position:relative; display:block; height:62px;  margin:0 0 0 -1px; color:#222; font-size:18px; font-weight:400; line-height:62px; letter-spacing:-0.9px; border:1px solid #dedede; background:#fff; text-align:center; box-sizing:border-box;}
.page-tab > li.active a {color:#fff; border-color:#cc0001; background-color:#cc0001; z-index:1}

.page-tab02 {position:relative; display:table; width:100%; padding-left:1px; margin-bottom:0; table-layout:fixed; box-sizing:border-box;}
.page-tab02 > li {display:table-cell; vertical-align:top;}
.page-tab02 > li > a {position:relative; display:block; height:62px; margin:0 0 0 -1px; color:#222; font-size:16px; font-weight:400; line-height:62px; letter-spacing:-0.9px; border-bottom:1px solid #000; text-align:center; box-sizing:border-box;}
.page-tab02 > li + li > a:before {content:''; display:block; position:absolute; top:20px; left:0; width:1px; height:22px; background:#cbcbcb;}
.page-tab02 > li.active a {border:1px solid #000; border-bottom-color: #fff;  z-index:1}
.page-tab02 > li.active a:before {background:none;}