/* BASIC css start */
.tyvek_guide { font-size: 15px; line-height: 27px; }
.tyvek_guide > h1 { font-size: 30px; font-weight: 500;  margin: 2em 0 50px; }

/* 소메뉴
ul.navi_button { margin-top: 2em; }
ul.navi_button > a > li { display: inline-block; font-weight: 500; font-size: 15px; border-radius: 0.2em; width: 11%; padding: 1.5em 0; margin-right: 0.5em; margin-bottom: 1.5em; }
ul.navi_button > a:hover > li { padding-bottom: 10px; border-bottom: 0; background-image: url(/design/ecocnt1/9529/wave.png);  background-repeat: repeat-x;  background-position: 0px 100%; color:#222222; }
*/


table{ width:100%; table-layout: fixed; }
.tbl-header{ background-color: #eeeeee; }
.tbl-content{ height:500px; overflow-x:auto; margin-top: 0px; }
.tbl-foot { border-bottom: solid 1px #eeeeee; border-top: solid 1px #eeeeee; }

th { padding: 10px 0 8px; text-align: center; color: #000000; font-size: 14px; font-weight: 500; }
th > span { background-color: #ffffff; padding: 0.1em 0.5em; font-size: 11px; border-radius: 0.3em; margin: 8px 0 4px; display: inline-block; }
th > span.eco_color { background-color: #fa6900; color: #ffffff; }

tbody > tr:first-child > td { color: #777777; padding: 8px 0 0 0 !important; }
tbody > tr:nth-child(2) > td { color: #777777; padding: 0 0 8px 0 !important; }

tbody > tr:first-child > td:first-child, tbody > tr:nth-child(2) > td:first-child { font-size: 11px; padding-left: 8px !important; }

td { padding: 9px 0 9px 8px; text-align: center; color: #fa6900; }
td:first-child { text-align: left; color: #000000; font-weight: 500; }

thead { background-color: #eeeeee; }
tbody > tr:nth-child(1) > td, tr:nth-child(even) { background-color: rgb(250,250,250); } 


/* for custom scrollbar for webkit browser*/
::-webkit-scrollbar {
    width: 6px;
} 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
} 
::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}


/* 하단부 버튼*/
.tyvek_button > ul { margin-top: 6em; }
.tyvek_button > ul > a > li {  background-color: #eeeeee; color: #000000; display: inline-block; font-weight: 700; font-size: 15px; border-radius: 0.2em; width: 100%; padding: 1.3em 0; }
.tyvek_button > ul > a > li > span { margin-right: 1.5em; }

/* 구입하기 */
.buy_button { display: inline-block; padding: 0.5em 0.8em; background-color: #555555; color: #ffffff; font-size: 13px; font-weight: 500; border-radius: 0.3em; }
.buy_button_call { padding: 0.5em 0.8em; background-color: white; color: #555555; border: solid 1px #555555; font-size: 13px; font-weight: 500; border-radius: 0.3em; }
/* BASIC css end */