/* slideBanner_01.css */
@charset "utf-8";

/* reset.css */
/*  variable:color, size, font */
/* 
*color: *명도대비 기준으로 제작
        - primary : #d07
        - main : #faa
        - point : 
        -font1 : #333
        -font2 : #777
        -font3 : #fff
        - link : #d07
        - sub1 :
        - sub2 :
        - white : #fdfdfd
        - gray1 : #333
        - gray : #777
        - black : #171717


*size: *접근성 크기의 내용을 기준
* 인쇄의 경우는 기준의 폰트 크기는 : 9pt, 웹의 경우는 12pt를 권장 => 영문, 그래픽 이미지일경우 *
        - primary : 16px; == 1rem;
        - h1 : 32pt ==> 2rem
        - h2 : 29pt ==>  1.8125rem
        - h3 : 28pt ==> 1.75rem
        - h4 : 24pt ==> 1.5rem
        - h5 : 22pt ==> 1.375rem
        - h6 : 20pt ==> 1.125rem
        - big1 : 30pt ==> 2.5rem
        - big2 : 27pt ==> 2.25rem
        - normal : 12pt ==> 1rem
        
        
*font: 
        - english : "apple gothic", "myriad pro", arial 
        - korea : gothic, nanumGothic, dotum
        - basic : san-serif


*botder :
        -thin : border: 1px solid #333 
        -normal: border: 2px solid #777
        -bold : border: 5px solid #d07


*responsive :
        - mobileV :
        - mobileH
        -tanleV :
        - tableH :
        - pc :
        - pcfull :


        */




/* base */
html,body{margin:0; padding:0; color: #333; font- size: 16px; font-size: 1rem; height: 100%;}

h1,h2,h3,h4,h5,h6,p,pre,ul,ol,li,dl,dt,dd,div,
table,thead,tbody, tfoot, tr, th, td,
form,fieldset,legend,input, textarea, select, button,
a, img {
    margin:0; padding:0; border:0; outline:0; color:inherit; font-size:inherit;
    font-family:"apple gothic", "myriad pro", arial, gothic, nanumGothic, dotum,san-serif;
}

table,tr,td,th,thead,tbody,tfoot{border-collapse: collapse; border-spacing: 0;}
thead{background-color: #d07; color: #fff; text-indent: 0;}
tbody>tr:nth-of-type(2n+1){background-color: #faa; text-indent: 0.5rem;}
tbody>tr:nth-of-type(2){background-color: #fff; text-indent: 0.5rem;}
tfoot{background-color: #7cf; color: #fff; font-weight: bold;}
th,td{border:1px solid #777; border-left: 0; border-right: 0;}

/*th:first-of-type, td:first-of-type{border-left: 0;}
th:last-of-type, td:last-of-type{border-right: 0;}*/

/*th:nth-of-type(1), td:nth-of-type(1){border-left: 0;}
th:nth-last-of-type(1), td:nth-last-of-type(1){border-right: 0;}*/
/* nth-child(1) nth-last-child(1) */

address, em, wbr, strong, ins, del, abbr{font-style:normal; font-wight:normal;}

h1{font-size: 32px; font-size: 2rem;}
h2{font-size: 29px; font-size: 1.8125rem;}
h3{font-size: 28px; font-size: 1.75rem;}
h4{font-size: 24px; font-size: 1.5rem;}
h5{font-size: 22px; font-size: 1.375em;}
h6{font-size: 20px; font-size: 1.125rem;}

ul,ol,li{list-style: none;}
a{text-decoration:none; color:#777;}
a:hover, a:active{ text-decoration:underline; color:#d07;}


button{cursor:pointer;}
/* ============================================== */
header, nav, article, section, footer, aside, main, figure, figcaption{
    display:block; color:inherit;
}